feat: add worker sync events

Add a worker sync event so that runtime updates on one worker can propagate across other workers using pubsub for multi worker deployments

ui/src/app/files/DocumentUpload.tsx

@@ -18,7 +18,7 @@ interface DocumentUploadProps {
 }
 
 const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB
-const ACCEPTED_FILE_TYPES = ['.pdf', '.docx', '.doc', '.txt'];
+const ACCEPTED_FILE_TYPES = ['.pdf', '.docx', '.doc', '.txt', '.json'];
 
 export default function DocumentUpload({ onUploadSuccess }: DocumentUploadProps) {
   const [uploading, setUploading] = useState(false);

ui/src/app/handler/[...stack]/page.tsx

@@ -1,6 +1,5 @@
 import { StackHandler } from "@stackframe/stack";
 
-import { TelemetrySection } from "@/components/TelemetrySection";
 import { getAuthProvider } from "@/lib/auth/config";
 
 import { BackButton } from "./BackButton";
@@ -29,18 +28,6 @@ export default async function Handler(props: unknown) {
           fullPage
           app={app!}
           routeProps={props}
-          componentProps={{
-            AccountSettings: {
-              extraItems: [
-                {
-                  id: "telemetry",
-                  title: "Telemetry",
-                  iconName: "Key",
-                  content: <TelemetrySection />,
-                },
-              ],
-            },
-          }}
         />
       </div>
     </div>

ui/src/app/settings/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { TelemetrySection } from "@/components/TelemetrySection";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+
+export default function SettingsPage() {
+  return (
+    <div className="flex justify-center py-12 px-4">
+      <div className="w-full max-w-2xl space-y-6">
+        <div>
+          <h1 className="text-2xl font-bold">Platform Settings</h1>
+          <p className="text-muted-foreground">
+            Manage your platform configuration and integrations.
+          </p>
+        </div>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>Telemetry</CardTitle>
+            <CardDescription>
+              Configure Langfuse tracing for your voice agent calls.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <TelemetrySection />
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}