@agent-native/dispatch 0.1.1

package/dist/routes/pages/destinations.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useActionMutation, useActionQuery } from "@agent-native/core/client";
+import { toast } from "sonner";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Button } from "../../components/ui/button";
+import { Input } from "../../components/ui/input";
+import { Textarea } from "../../components/ui/textarea";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../components/ui/select";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../components/ui/alert-dialog";
+export function meta() {
+    return [{ title: "Destinations — Dispatch" }];
+}
+function QuickSendRow({ destination, }) {
+    const [text, setText] = useState("");
+    const send = useActionMutation("send-platform-message", {
+        onSuccess: () => {
+            toast.success("Message sent");
+            setText("");
+        },
+        onError: (error) => {
+            toast.error(error instanceof Error ? error.message : "Unable to send message");
+        },
+    });
+    return (_jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx(Input, { value: text, onChange: (event) => setText(event.target.value), placeholder: "Quick test message" }), _jsx(Button, { onClick: () => send.mutate({
+                    destinationId: destination.id,
+                    text: text || `Test message to ${destination.name}`,
+                }), disabled: send.isPending, children: "Send" })] }));
+}
+export default function DestinationsRoute() {
+    const { data } = useActionQuery("list-destinations", {});
+    const [form, setForm] = useState({
+        name: "",
+        platform: "slack",
+        destination: "",
+        threadRef: "",
+        notes: "",
+    });
+    const upsert = useActionMutation("upsert-destination", {
+        onSuccess: () => {
+            toast.success("Destination saved");
+            setForm((current) => ({
+                ...current,
+                name: "",
+                destination: "",
+                threadRef: "",
+                notes: "",
+            }));
+        },
+    });
+    const remove = useActionMutation("delete-destination", {
+        onSuccess: () => toast.success("Destination removed"),
+    });
+    return (_jsx(DispatchShell, { title: "Destinations", description: "Saved outbound Slack channels, Telegram chats, and thread targets.", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]", children: [_jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Saved destinations" }), _jsxs("div", { className: "mt-4 space-y-3", children: [(data || []).map((destination) => (_jsxs("div", { className: "rounded-xl border bg-muted/30 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: destination.name }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [destination.platform, " \u00B7 ", destination.destination, destination.threadRef
+                                                                    ? ` · thread ${destination.threadRef}`
+                                                                    : ""] }), destination.notes && (_jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: destination.notes }))] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: "Delete" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete destination?" }), _jsxs(AlertDialogDescription, { children: ["\u201C", destination.name, "\u201D will be removed. Any saved workflows or jobs that target this destination will start failing on the next send."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => remove.mutate({ id: destination.id }), children: "Delete" })] })] })] })] }), _jsx(QuickSendRow, { destination: destination })] }, destination.id))), (data?.length || 0) === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No destinations saved yet. Add your first Slack channel or Telegram chat on the right." }))] })] }), _jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Add destination" }), _jsxs("div", { className: "mt-4 space-y-3", children: [_jsx(Input, { value: form.name, onChange: (event) => setForm((current) => ({ ...current, name: event.target.value })), placeholder: "Daily digest channel" }), _jsxs(Select, { value: form.platform, onValueChange: (value) => setForm((current) => ({
+                                        ...current,
+                                        platform: value,
+                                    })), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "slack", children: "Slack" }), _jsx(SelectItem, { value: "telegram", children: "Telegram" }), _jsx(SelectItem, { value: "email", children: "Email" })] })] }), _jsx(Input, { value: form.destination, onChange: (event) => setForm((current) => ({
+                                        ...current,
+                                        destination: event.target.value,
+                                    })), placeholder: form.platform === "slack"
+                                        ? "C0123456789"
+                                        : form.platform === "email"
+                                            ? "teammate+qa@agent-native.test"
+                                            : "123456789" }), _jsx(Input, { value: form.threadRef, onChange: (event) => setForm((current) => ({
+                                        ...current,
+                                        threadRef: event.target.value,
+                                    })), placeholder: "Optional thread or topic id" }), _jsx(Textarea, { value: form.notes, onChange: (event) => setForm((current) => ({
+                                        ...current,
+                                        notes: event.target.value,
+                                    })), placeholder: "What should use this destination?" }), _jsx(Button, { className: "w-full", onClick: () => upsert.mutate({
+                                        name: form.name,
+                                        platform: form.platform,
+                                        destination: form.destination,
+                                        threadRef: form.threadRef || undefined,
+                                        notes: form.notes || undefined,
+                                    }), disabled: !form.name || !form.destination, children: "Save destination" })] })] })] }) }));
+}
+//# sourceMappingURL=destinations.js.map

package/dist/routes/pages/destinations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"destinations.js","sourceRoot":"","sources":["../../../src/routes/pages/destinations.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport { toast } from \"sonner\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/components/ui/alert-dialog\";\n\nexport function meta() {\n  return [{ title: \"Destinations — Dispatch\" }];\n}\n\nfunction QuickSendRow({\n  destination,\n}: {\n  destination: { id: string; name: string };\n}) {\n  const [text, setText] = useState(\"\");\n  const send = useActionMutation(\"send-platform-message\", {\n    onSuccess: () => {\n      toast.success(\"Message sent\");\n      setText(\"\");\n    },\n    onError: (error) => {\n      toast.error(\n        error instanceof Error ? error.message : \"Unable to send message\",\n      );\n    },\n  });\n  return (\n    <div className=\"mt-3 flex gap-2\">\n      <Input\n        value={text}\n        onChange={(event) => setText(event.target.value)}\n        placeholder=\"Quick test message\"\n      />\n      <Button\n        onClick={() =>\n          send.mutate({\n            destinationId: destination.id,\n            text: text || `Test message to ${destination.name}`,\n          })\n        }\n        disabled={send.isPending}\n      >\n        Send\n      </Button>\n    </div>\n  );\n}\n\nexport default function DestinationsRoute() {\n  const { data } = useActionQuery(\"list-destinations\", {});\n  const [form, setForm] = useState({\n    name: \"\",\n    platform: \"slack\",\n    destination: \"\",\n    threadRef: \"\",\n    notes: \"\",\n  });\n\n  const upsert = useActionMutation(\"upsert-destination\", {\n    onSuccess: () => {\n      toast.success(\"Destination saved\");\n      setForm((current) => ({\n        ...current,\n        name: \"\",\n        destination: \"\",\n        threadRef: \"\",\n        notes: \"\",\n      }));\n    },\n  });\n  const remove = useActionMutation(\"delete-destination\", {\n    onSuccess: () => toast.success(\"Destination removed\"),\n  });\n\n  return (\n    <DispatchShell\n      title=\"Destinations\"\n      description=\"Saved outbound Slack channels, Telegram chats, and thread targets.\"\n    >\n      <div className=\"grid gap-4 xl:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]\">\n        <section className=\"rounded-2xl border bg-card p-5\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            Saved destinations\n          </h2>\n          <div className=\"mt-4 space-y-3\">\n            {(data || []).map((destination) => (\n              <div\n                key={destination.id}\n                className=\"rounded-xl border bg-muted/30 p-4\"\n              >\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div>\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {destination.name}\n                    </div>\n                    <div className=\"mt-1 text-xs text-muted-foreground\">\n                      {destination.platform} · {destination.destination}\n                      {destination.threadRef\n                        ? ` · thread ${destination.threadRef}`\n                        : \"\"}\n                    </div>\n                    {destination.notes && (\n                      <p className=\"mt-2 text-sm text-muted-foreground\">\n                        {destination.notes}\n                      </p>\n                    )}\n                  </div>\n                  <AlertDialog>\n                    <AlertDialogTrigger asChild>\n                      <Button variant=\"outline\" size=\"sm\">\n                        Delete\n                      </Button>\n                    </AlertDialogTrigger>\n                    <AlertDialogContent>\n                      <AlertDialogHeader>\n                        <AlertDialogTitle>Delete destination?</AlertDialogTitle>\n                        <AlertDialogDescription>\n                          “{destination.name}” will be removed. Any saved\n                          workflows or jobs that target this destination will\n                          start failing on the next send.\n                        </AlertDialogDescription>\n                      </AlertDialogHeader>\n                      <AlertDialogFooter>\n                        <AlertDialogCancel>Cancel</AlertDialogCancel>\n                        <AlertDialogAction\n                          onClick={() => remove.mutate({ id: destination.id })}\n                        >\n                          Delete\n                        </AlertDialogAction>\n                      </AlertDialogFooter>\n                    </AlertDialogContent>\n                  </AlertDialog>\n                </div>\n                <QuickSendRow destination={destination} />\n              </div>\n            ))}\n            {(data?.length || 0) === 0 && (\n              <div className=\"rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n                No destinations saved yet. Add your first Slack channel or\n                Telegram chat on the right.\n              </div>\n            )}\n          </div>\n        </section>\n\n        <section className=\"rounded-2xl border bg-card p-5\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            Add destination\n          </h2>\n          <div className=\"mt-4 space-y-3\">\n            <Input\n              value={form.name}\n              onChange={(event) =>\n                setForm((current) => ({ ...current, name: event.target.value }))\n              }\n              placeholder=\"Daily digest channel\"\n            />\n            <Select\n              value={form.platform}\n              onValueChange={(value) =>\n                setForm((current) => ({\n                  ...current,\n                  platform: value,\n                }))\n              }\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"slack\">Slack</SelectItem>\n                <SelectItem value=\"telegram\">Telegram</SelectItem>\n                <SelectItem value=\"email\">Email</SelectItem>\n              </SelectContent>\n            </Select>\n            <Input\n              value={form.destination}\n              onChange={(event) =>\n                setForm((current) => ({\n                  ...current,\n                  destination: event.target.value,\n                }))\n              }\n              placeholder={\n                form.platform === \"slack\"\n                  ? \"C0123456789\"\n                  : form.platform === \"email\"\n                    ? \"teammate+qa@agent-native.test\"\n                    : \"123456789\"\n              }\n            />\n            <Input\n              value={form.threadRef}\n              onChange={(event) =>\n                setForm((current) => ({\n                  ...current,\n                  threadRef: event.target.value,\n                }))\n              }\n              placeholder=\"Optional thread or topic id\"\n            />\n            <Textarea\n              value={form.notes}\n              onChange={(event) =>\n                setForm((current) => ({\n                  ...current,\n                  notes: event.target.value,\n                }))\n              }\n              placeholder=\"What should use this destination?\"\n            />\n            <Button\n              className=\"w-full\"\n              onClick={() =>\n                upsert.mutate({\n                  name: form.name,\n                  platform: form.platform as \"slack\" | \"telegram\" | \"email\",\n                  destination: form.destination,\n                  threadRef: form.threadRef || undefined,\n                  notes: form.notes || undefined,\n                })\n              }\n              disabled={!form.name || !form.destination}\n            >\n              Save destination\n            </Button>\n          </div>\n        </section>\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

package/dist/routes/pages/identities.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function IdentitiesRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=identities.d.ts.map

package/dist/routes/pages/identities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identities.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/identities.tsx"],"names":[],"mappings":"AAKA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,4CAiFtC"}

package/dist/routes/pages/identities.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery } from "@agent-native/core/client";
+import { toast } from "sonner";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Button } from "../../components/ui/button";
+export function meta() {
+    return [{ title: "Identities — Dispatch" }];
+}
+export default function IdentitiesRoute() {
+    const { data } = useActionQuery("list-linked-identities", {});
+    const createToken = useActionMutation("create-link-token", {
+        onSuccess: () => toast.success("Link token created"),
+    });
+    return (_jsx(DispatchShell, { title: "Identities", description: "Link external senders to workspace users.", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [_jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Active links" }), _jsxs("div", { className: "flex shrink-0 gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => createToken.mutate({ platform: "slack" }), children: "New Slack token" }), _jsx(Button, { onClick: () => createToken.mutate({ platform: "telegram" }), children: "New Telegram token" })] })] }), _jsxs("div", { className: "mt-4 space-y-3", children: [(data?.links || []).map((link) => (_jsxs("div", { className: "rounded-xl border bg-muted/30 px-4 py-3", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: link.externalUserName || link.externalUserId }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [link.platform, " \u2192 ", link.ownerEmail] })] }, link.id))), (data?.links?.length || 0) === 0 && (_jsxs("div", { className: "rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground", children: ["No linked identities yet. Generate a token and ask the user to send ", _jsx("code", { children: "/link TOKEN" }), " from Slack or Telegram."] }))] })] }), _jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Link tokens" }), _jsxs("div", { className: "mt-4 space-y-3", children: [(data?.tokens || []).map((token) => (_jsxs("div", { className: "rounded-xl border px-4 py-3", children: [_jsxs("div", { className: "text-sm font-medium text-foreground", children: ["/link ", token.token] }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [token.platform, " \u00B7 expires", " ", new Date(token.expiresAt).toLocaleString(), token.claimedAt
+                                                    ? ` · claimed by ${token.claimedByExternalUserName || token.claimedByExternalUserId}`
+                                                    : " · waiting to be claimed"] })] }, token.id))), (data?.tokens?.length || 0) === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No active link tokens." }))] })] })] }) }));
+}
+//# sourceMappingURL=identities.js.map

package/dist/routes/pages/identities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identities.js","sourceRoot":"","sources":["../../../src/routes/pages/identities.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport { toast } from \"sonner\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Button } from \"@/components/ui/button\";\n\nexport function meta() {\n  return [{ title: \"Identities — Dispatch\" }];\n}\n\nexport default function IdentitiesRoute() {\n  const { data } = useActionQuery(\"list-linked-identities\", {});\n  const createToken = useActionMutation(\"create-link-token\", {\n    onSuccess: () => toast.success(\"Link token created\"),\n  });\n\n  return (\n    <DispatchShell\n      title=\"Identities\"\n      description=\"Link external senders to workspace users.\"\n    >\n      <div className=\"grid gap-4 xl:grid-cols-2\">\n        <section className=\"rounded-2xl border bg-card p-5\">\n          <div className=\"flex flex-wrap items-center justify-between gap-2\">\n            <h2 className=\"text-lg font-semibold text-foreground\">\n              Active links\n            </h2>\n            <div className=\"flex shrink-0 gap-2\">\n              <Button\n                variant=\"outline\"\n                onClick={() => createToken.mutate({ platform: \"slack\" })}\n              >\n                New Slack token\n              </Button>\n              <Button\n                onClick={() => createToken.mutate({ platform: \"telegram\" })}\n              >\n                New Telegram token\n              </Button>\n            </div>\n          </div>\n          <div className=\"mt-4 space-y-3\">\n            {(data?.links || []).map((link) => (\n              <div\n                key={link.id}\n                className=\"rounded-xl border bg-muted/30 px-4 py-3\"\n              >\n                <div className=\"text-sm font-medium text-foreground\">\n                  {link.externalUserName || link.externalUserId}\n                </div>\n                <div className=\"mt-1 text-xs text-muted-foreground\">\n                  {link.platform} → {link.ownerEmail}\n                </div>\n              </div>\n            ))}\n            {(data?.links?.length || 0) === 0 && (\n              <div className=\"rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n                No linked identities yet. Generate a token and ask the user to\n                send <code>/link TOKEN</code> from Slack or Telegram.\n              </div>\n            )}\n          </div>\n        </section>\n\n        <section className=\"rounded-2xl border bg-card p-5\">\n          <h2 className=\"text-lg font-semibold text-foreground\">Link tokens</h2>\n          <div className=\"mt-4 space-y-3\">\n            {(data?.tokens || []).map((token) => (\n              <div key={token.id} className=\"rounded-xl border px-4 py-3\">\n                <div className=\"text-sm font-medium text-foreground\">\n                  /link {token.token}\n                </div>\n                <div className=\"mt-1 text-xs text-muted-foreground\">\n                  {token.platform} · expires{\" \"}\n                  {new Date(token.expiresAt).toLocaleString()}\n                  {token.claimedAt\n                    ? ` · claimed by ${token.claimedByExternalUserName || token.claimedByExternalUserId}`\n                    : \" · waiting to be claimed\"}\n                </div>\n              </div>\n            ))}\n            {(data?.tokens?.length || 0) === 0 && (\n              <div className=\"rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n                No active link tokens.\n              </div>\n            )}\n          </div>\n        </section>\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

package/dist/routes/pages/integrations.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function IntegrationsRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=integrations.d.ts.map

package/dist/routes/pages/integrations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integrations.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/integrations.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,IAAI;;IAEnB;AA2JD,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CAwGxC"}

package/dist/routes/pages/integrations.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery } from "@agent-native/core/client";
+import { toast } from "sonner";
+import { IconCheck, IconCircleDashed, IconKey, IconRefresh, IconShieldCheck, IconWifi, IconWifiOff, } from "@tabler/icons-react";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { Progress } from "../../components/ui/progress";
+export function meta() {
+    return [{ title: "Integrations — Dispatch" }];
+}
+function StatusBadge({ configured, vaultGranted, }) {
+    if (configured && vaultGranted) {
+        return (_jsxs(Badge, { variant: "secondary", className: "bg-green-500/10 text-green-700 dark:text-green-400", children: [_jsx(IconShieldCheck, { size: 12, className: "mr-1" }), "Vault"] }));
+    }
+    if (configured) {
+        return (_jsxs(Badge, { variant: "secondary", className: "bg-green-500/10 text-green-700 dark:text-green-400", children: [_jsx(IconCheck, { size: 12, className: "mr-1" }), "Configured"] }));
+    }
+    if (vaultGranted) {
+        return (_jsxs(Badge, { variant: "secondary", className: "bg-blue-500/10 text-blue-700 dark:text-blue-400", children: [_jsx(IconKey, { size: 12, className: "mr-1" }), "Granted (not synced)"] }));
+    }
+    return (_jsxs(Badge, { variant: "secondary", className: "bg-amber-500/10 text-amber-700 dark:text-amber-400", children: [_jsx(IconCircleDashed, { size: 12, className: "mr-1" }), "Missing"] }));
+}
+function AppCard({ app }) {
+    const syncToApp = useActionMutation("sync-vault-to-app", {
+        onSuccess: (data) => toast.success(`Synced ${data.synced} key(s) to ${data.appId}`),
+        onError: (err) => toast.error(String(err)),
+    });
+    const integrations = app.integrations || [];
+    const configuredCount = integrations.filter((i) => i.configured).length;
+    const total = integrations.length;
+    const coverage = total > 0 ? Math.round((configuredCount / total) * 100) : 0;
+    return (_jsxs("div", { className: "rounded-2xl border bg-card", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-5 py-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-xl text-white text-xs font-bold", style: { backgroundColor: app.color }, children: app.appName.charAt(0).toUpperCase() }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: app.appName }), app.reachable ? (_jsx(IconWifi, { size: 14, className: "text-green-500" })) : (_jsx(IconWifiOff, { size: 14, className: "text-muted-foreground/50" }))] }), _jsx("div", { className: "text-xs text-muted-foreground", children: app.appId })] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => syncToApp.mutate({ appId: app.appId }), disabled: syncToApp.isPending || !app.reachable, children: [_jsx(IconRefresh, { size: 14, className: syncToApp.isPending ? "animate-spin" : "" }), _jsx("span", { className: "ml-1.5", children: "Sync" })] })] }), _jsx("div", { className: "px-5 py-4", children: total > 0 ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [_jsxs("span", { children: [configuredCount, "/", total, " configured"] }), _jsxs("span", { children: [coverage, "%"] })] }), _jsx(Progress, { value: coverage, className: "mt-2 h-1.5" }), _jsx("div", { className: "mt-4 space-y-2", children: integrations.map((integration) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border px-3 py-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-foreground", children: integration.label }), integration.required && (_jsx("span", { className: "text-xs text-red-500", children: "required" }))] }), _jsx("div", { className: "font-mono text-xs text-muted-foreground", children: integration.key })] }), _jsx(StatusBadge, { configured: integration.configured, vaultGranted: integration.vaultGranted })] }, integration.key))) })] })) : app.reachable ? (_jsx("div", { className: "py-4 text-center text-sm text-muted-foreground", children: "No declared integrations." })) : (_jsx("div", { className: "py-4 text-center text-sm text-muted-foreground", children: "App is not reachable. Start the app to see its integrations." })) })] }));
+}
+export default function IntegrationsRoute() {
+    const { data: catalog, isLoading } = useActionQuery("list-integrations-catalog", {});
+    const apps = catalog || [];
+    const reachableApps = apps.filter((a) => a.reachable);
+    const unreachableApps = apps.filter((a) => !a.reachable);
+    const totalIntegrations = apps.reduce((sum, a) => sum + (a.integrations?.length || 0), 0);
+    const configuredIntegrations = apps.reduce((sum, a) => sum + (a.integrations?.filter((i) => i.configured)?.length || 0), 0);
+    return (_jsxs(DispatchShell, { title: "Integrations", description: "See what credentials each app needs and their configuration status across the workspace.", children: [!isLoading && apps.length > 0 && (_jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsxs("div", { className: "rounded-2xl border bg-card p-5", children: [_jsx("div", { className: "text-sm font-medium text-muted-foreground", children: "Apps discovered" }), _jsx("div", { className: "mt-2 text-3xl font-semibold text-foreground", children: apps.length }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [reachableApps.length, " reachable"] })] }), _jsxs("div", { className: "rounded-2xl border bg-card p-5", children: [_jsx("div", { className: "text-sm font-medium text-muted-foreground", children: "Total integrations" }), _jsx("div", { className: "mt-2 text-3xl font-semibold text-foreground", children: totalIntegrations }), _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: "across all apps" })] }), _jsxs("div", { className: "rounded-2xl border bg-card p-5", children: [_jsx("div", { className: "text-sm font-medium text-muted-foreground", children: "Configured" }), _jsxs("div", { className: "mt-2 text-3xl font-semibold text-foreground", children: [configuredIntegrations, "/", totalIntegrations] }), _jsx(Progress, { value: totalIntegrations > 0
+                                    ? Math.round((configuredIntegrations / totalIntegrations) * 100)
+                                    : 0, className: "mt-2 h-1.5" })] })] })), isLoading && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "Discovering apps and fetching integration status..." })), reachableApps.length > 0 && (_jsx("div", { className: "grid gap-4 xl:grid-cols-2", children: reachableApps.map((app) => (_jsx(AppCard, { app: app }, app.appId))) })), unreachableApps.length > 0 && (_jsxs("div", { children: [_jsx("h2", { className: "mb-3 text-sm font-medium text-muted-foreground", children: "Offline apps" }), _jsx("div", { className: "grid gap-4 xl:grid-cols-2", children: unreachableApps.map((app) => (_jsx(AppCard, { app: app }, app.appId))) })] })), !isLoading && apps.length === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "No workspace apps found." }))] }));
+}
+//# sourceMappingURL=integrations.js.map

package/dist/routes/pages/integrations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integrations.js","sourceRoot":"","sources":["../../../src/routes/pages/integrations.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport { toast } from \"sonner\";\nimport {\n  IconCheck,\n  IconCircleDashed,\n  IconKey,\n  IconRefresh,\n  IconShieldCheck,\n  IconWifi,\n  IconWifiOff,\n} from \"@tabler/icons-react\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Progress } from \"@/components/ui/progress\";\n\nexport function meta() {\n  return [{ title: \"Integrations — Dispatch\" }];\n}\n\nfunction StatusBadge({\n  configured,\n  vaultGranted,\n}: {\n  configured: boolean;\n  vaultGranted: boolean;\n}) {\n  if (configured && vaultGranted) {\n    return (\n      <Badge\n        variant=\"secondary\"\n        className=\"bg-green-500/10 text-green-700 dark:text-green-400\"\n      >\n        <IconShieldCheck size={12} className=\"mr-1\" />\n        Vault\n      </Badge>\n    );\n  }\n  if (configured) {\n    return (\n      <Badge\n        variant=\"secondary\"\n        className=\"bg-green-500/10 text-green-700 dark:text-green-400\"\n      >\n        <IconCheck size={12} className=\"mr-1\" />\n        Configured\n      </Badge>\n    );\n  }\n  if (vaultGranted) {\n    return (\n      <Badge\n        variant=\"secondary\"\n        className=\"bg-blue-500/10 text-blue-700 dark:text-blue-400\"\n      >\n        <IconKey size={12} className=\"mr-1\" />\n        Granted (not synced)\n      </Badge>\n    );\n  }\n  return (\n    <Badge\n      variant=\"secondary\"\n      className=\"bg-amber-500/10 text-amber-700 dark:text-amber-400\"\n    >\n      <IconCircleDashed size={12} className=\"mr-1\" />\n      Missing\n    </Badge>\n  );\n}\n\nfunction AppCard({ app }: { app: any }) {\n  const syncToApp = useActionMutation(\"sync-vault-to-app\", {\n    onSuccess: (data: any) =>\n      toast.success(`Synced ${data.synced} key(s) to ${data.appId}`),\n    onError: (err) => toast.error(String(err)),\n  });\n\n  const integrations = app.integrations || [];\n  const configuredCount = integrations.filter((i: any) => i.configured).length;\n  const total = integrations.length;\n  const coverage = total > 0 ? Math.round((configuredCount / total) * 100) : 0;\n\n  return (\n    <div className=\"rounded-2xl border bg-card\">\n      <div className=\"flex items-center justify-between border-b px-5 py-4\">\n        <div className=\"flex items-center gap-3\">\n          <div\n            className=\"flex h-9 w-9 items-center justify-center rounded-xl text-white text-xs font-bold\"\n            style={{ backgroundColor: app.color }}\n          >\n            {app.appName.charAt(0).toUpperCase()}\n          </div>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <h3 className=\"text-sm font-semibold text-foreground\">\n                {app.appName}\n              </h3>\n              {app.reachable ? (\n                <IconWifi size={14} className=\"text-green-500\" />\n              ) : (\n                <IconWifiOff size={14} className=\"text-muted-foreground/50\" />\n              )}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">{app.appId}</div>\n          </div>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => syncToApp.mutate({ appId: app.appId })}\n          disabled={syncToApp.isPending || !app.reachable}\n        >\n          <IconRefresh\n            size={14}\n            className={syncToApp.isPending ? \"animate-spin\" : \"\"}\n          />\n          <span className=\"ml-1.5\">Sync</span>\n        </Button>\n      </div>\n\n      <div className=\"px-5 py-4\">\n        {total > 0 ? (\n          <>\n            <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n              <span>\n                {configuredCount}/{total} configured\n              </span>\n              <span>{coverage}%</span>\n            </div>\n            <Progress value={coverage} className=\"mt-2 h-1.5\" />\n\n            <div className=\"mt-4 space-y-2\">\n              {integrations.map((integration: any) => (\n                <div\n                  key={integration.key}\n                  className=\"flex items-center justify-between rounded-lg border px-3 py-2\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm text-foreground\">\n                        {integration.label}\n                      </span>\n                      {integration.required && (\n                        <span className=\"text-xs text-red-500\">required</span>\n                      )}\n                    </div>\n                    <div className=\"font-mono text-xs text-muted-foreground\">\n                      {integration.key}\n                    </div>\n                  </div>\n                  <StatusBadge\n                    configured={integration.configured}\n                    vaultGranted={integration.vaultGranted}\n                  />\n                </div>\n              ))}\n            </div>\n          </>\n        ) : app.reachable ? (\n          <div className=\"py-4 text-center text-sm text-muted-foreground\">\n            No declared integrations.\n          </div>\n        ) : (\n          <div className=\"py-4 text-center text-sm text-muted-foreground\">\n            App is not reachable. Start the app to see its integrations.\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default function IntegrationsRoute() {\n  const { data: catalog, isLoading } = useActionQuery(\n    \"list-integrations-catalog\",\n    {},\n  );\n\n  const apps = catalog || [];\n  const reachableApps = apps.filter((a: any) => a.reachable);\n  const unreachableApps = apps.filter((a: any) => !a.reachable);\n\n  const totalIntegrations = apps.reduce(\n    (sum: number, a: any) => sum + (a.integrations?.length || 0),\n    0,\n  );\n  const configuredIntegrations = apps.reduce(\n    (sum: number, a: any) =>\n      sum + (a.integrations?.filter((i: any) => i.configured)?.length || 0),\n    0,\n  );\n\n  return (\n    <DispatchShell\n      title=\"Integrations\"\n      description=\"See what credentials each app needs and their configuration status across the workspace.\"\n    >\n      {!isLoading && apps.length > 0 && (\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <div className=\"rounded-2xl border bg-card p-5\">\n            <div className=\"text-sm font-medium text-muted-foreground\">\n              Apps discovered\n            </div>\n            <div className=\"mt-2 text-3xl font-semibold text-foreground\">\n              {apps.length}\n            </div>\n            <div className=\"mt-1 text-xs text-muted-foreground\">\n              {reachableApps.length} reachable\n            </div>\n          </div>\n          <div className=\"rounded-2xl border bg-card p-5\">\n            <div className=\"text-sm font-medium text-muted-foreground\">\n              Total integrations\n            </div>\n            <div className=\"mt-2 text-3xl font-semibold text-foreground\">\n              {totalIntegrations}\n            </div>\n            <div className=\"mt-1 text-xs text-muted-foreground\">\n              across all apps\n            </div>\n          </div>\n          <div className=\"rounded-2xl border bg-card p-5\">\n            <div className=\"text-sm font-medium text-muted-foreground\">\n              Configured\n            </div>\n            <div className=\"mt-2 text-3xl font-semibold text-foreground\">\n              {configuredIntegrations}/{totalIntegrations}\n            </div>\n            <Progress\n              value={\n                totalIntegrations > 0\n                  ? Math.round(\n                      (configuredIntegrations / totalIntegrations) * 100,\n                    )\n                  : 0\n              }\n              className=\"mt-2 h-1.5\"\n            />\n          </div>\n        </div>\n      )}\n\n      {isLoading && (\n        <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\n          Discovering apps and fetching integration status...\n        </div>\n      )}\n\n      {reachableApps.length > 0 && (\n        <div className=\"grid gap-4 xl:grid-cols-2\">\n          {reachableApps.map((app: any) => (\n            <AppCard key={app.appId} app={app} />\n          ))}\n        </div>\n      )}\n\n      {unreachableApps.length > 0 && (\n        <div>\n          <h2 className=\"mb-3 text-sm font-medium text-muted-foreground\">\n            Offline apps\n          </h2>\n          <div className=\"grid gap-4 xl:grid-cols-2\">\n            {unreachableApps.map((app: any) => (\n              <AppCard key={app.appId} app={app} />\n            ))}\n          </div>\n        </div>\n      )}\n\n      {!isLoading && apps.length === 0 && (\n        <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\n          No workspace apps found.\n        </div>\n      )}\n    </DispatchShell>\n  );\n}\n"]}

package/dist/routes/pages/messaging.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function MessagingRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=messaging.d.ts.map

package/dist/routes/pages/messaging.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messaging.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/messaging.tsx"],"names":[],"mappings":"AAGA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,4CASrC"}

package/dist/routes/pages/messaging.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessagingSetupPanel } from "../../components/messaging-setup-panel";
+import { DispatchShell } from "../../components/dispatch-shell";
+export function meta() {
+    return [{ title: "Messaging — Dispatch" }];
+}
+export default function MessagingRoute() {
+    return (_jsx(DispatchShell, { title: "Messaging", description: "Connect Slack and Telegram directly in dispatch so inbound conversations come through one place.", children: _jsx(MessagingSetupPanel, {}) }));
+}
+//# sourceMappingURL=messaging.js.map

package/dist/routes/pages/messaging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messaging.js","sourceRoot":"","sources":["../../../src/routes/pages/messaging.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,kGAAkG,YAE9G,KAAC,mBAAmB,KAAG,GACT,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { MessagingSetupPanel } from \"@/components/messaging-setup-panel\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\n\nexport function meta() {\n  return [{ title: \"Messaging — Dispatch\" }];\n}\n\nexport default function MessagingRoute() {\n  return (\n    <DispatchShell\n      title=\"Messaging\"\n      description=\"Connect Slack and Telegram directly in dispatch so inbound conversations come through one place.\"\n    >\n      <MessagingSetupPanel />\n    </DispatchShell>\n  );\n}\n"]}

package/dist/routes/pages/new-app.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function NewAppRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=new-app.d.ts.map

package/dist/routes/pages/new-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-app.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/new-app.tsx"],"names":[],"mappings":"AAGA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,4CASlC"}

package/dist/routes/pages/new-app.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NewWorkspaceAppFlow } from "@agent-native/core/client";
+import { DispatchShell } from "../../components/dispatch-shell";
+export function meta() {
+    return [{ title: "New App — Dispatch" }];
+}
+export default function NewAppRoute() {
+    return (_jsx(DispatchShell, { title: "New App", description: "Create a workspace app from a prompt and grant it selected vault keys.", children: _jsx(NewWorkspaceAppFlow, { sourceApp: "dispatch", className: "px-0 py-0" }) }));
+}
+//# sourceMappingURL=new-app.js.map

package/dist/routes/pages/new-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-app.js","sourceRoot":"","sources":["../../../src/routes/pages/new-app.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,wEAAwE,YAEpF,KAAC,mBAAmB,IAAC,SAAS,EAAC,UAAU,EAAC,SAAS,EAAC,WAAW,GAAG,GACpD,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { NewWorkspaceAppFlow } from \"@agent-native/core/client\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\n\nexport function meta() {\n  return [{ title: \"New App — Dispatch\" }];\n}\n\nexport default function NewAppRoute() {\n  return (\n    <DispatchShell\n      title=\"New App\"\n      description=\"Create a workspace app from a prompt and grant it selected vault keys.\"\n    >\n      <NewWorkspaceAppFlow sourceApp=\"dispatch\" className=\"px-0 py-0\" />\n    </DispatchShell>\n  );\n}\n"]}

package/dist/routes/pages/overview.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function OverviewRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=overview.d.ts.map

package/dist/routes/pages/overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/overview.tsx"],"names":[],"mappings":"AAyeA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,4CA0SpC"}

package/dist/routes/pages/overview.js

@@ -0,0 +1,225 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Link } from "react-router";
+import { PromptComposer, isInBuilderFrame, sendToAgentChat, sendToBuilderChat, useActionQuery, useChatModels, agentNativePath, } from "@agent-native/core/client";
+import { IconActivity, IconAlertTriangle, IconApps, IconArrowUpRight, IconCheck, IconClockHour4, IconInfoCircle, IconKey, IconListCheck, IconRocket, IconPlugConnected, IconShieldCheck, } from "@tabler/icons-react";
+import { AppKeysPopover } from "../../components/app-keys-popover";
+import { CreateAppPopover } from "../../components/create-app-popover";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { Skeleton } from "../../components/ui/skeleton";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
+const ZERO_TASK_QUEUE_STATS = {
+    pending: 0,
+    processing: 0,
+    completed_last_hour: 0,
+    failed_last_hour: 0,
+    oldest_pending_age_seconds: 0,
+    recent_failures: [],
+};
+function workspaceAppHref(app) {
+    if (app.status === "pending")
+        return app.builderUrl || null;
+    return app.url || app.path || null;
+}
+function isPendingBuilderHref(app) {
+    return app.status === "pending" && !!app.builderUrl;
+}
+const HOME_CHAT_SUGGESTIONS = [
+    "Create a lightweight customer onboarding app",
+    "Ask Slides to draft a board update from our latest metrics",
+    "Schedule a Monday morning analytics digest",
+];
+function HomeChatPanel() {
+    const { selectedModel } = useChatModels();
+    const send = (message) => {
+        // When mounted inside builder.io's webview, the parent frame is the
+        // code-writing agent. Route home-chat submissions up to Builder's chat
+        // instead of the local dispatch agent — the local sidebar is in this
+        // same iframe and would never receive a postMessage we send to parent.
+        if (isInBuilderFrame()) {
+            sendToBuilderChat({ message, submit: true });
+            return;
+        }
+        sendToAgentChat({
+            message,
+            submit: true,
+            newTab: true,
+            model: selectedModel || undefined,
+        });
+    };
+    return (_jsx("section", { className: "px-2 py-6 sm:py-10", children: _jsxs("div", { className: "mx-auto w-full max-w-2xl space-y-5", children: [_jsx("h1", { className: "text-center text-2xl font-semibold tracking-tight text-foreground sm:text-3xl", children: "What should we do next?" }), _jsx(PromptComposer, { placeholder: "Message agent\u2026", onSubmit: (text) => {
+                        const trimmed = text.trim();
+                        if (!trimmed)
+                            return;
+                        send(trimmed);
+                    } }), _jsx("div", { className: "flex flex-wrap justify-center gap-2", children: HOME_CHAT_SUGGESTIONS.map((suggestion) => (_jsx("button", { type: "button", onClick: () => send(suggestion), className: "cursor-pointer rounded-full border border-border bg-card px-3 py-1.5 text-xs text-muted-foreground transition hover:border-foreground/30 hover:text-foreground", children: suggestion }, suggestion))) })] }) }));
+}
+function AppCardSkeleton() {
+    return (_jsx("div", { className: "rounded-lg border bg-card p-4", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-24" }), _jsxs("div", { className: "space-y-2 pt-1", children: [_jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] })] }), _jsx(Skeleton, { className: "h-5 w-5 rounded-md" })] }) }));
+}
+function WorkspaceAppsSection({ apps, isLoading, }) {
+    const filteredApps = apps.filter((app) => !app.isDispatch);
+    const visibleApps = filteredApps.slice(0, 6);
+    const showSkeletons = isLoading && visibleApps.length === 0;
+    return (_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconApps, { size: 16, className: "text-muted-foreground" }), _jsx("h2", { className: "text-sm font-semibold text-foreground", children: "Workspace apps" })] }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsxs(Link, { to: "/apps", children: ["View all", _jsx(IconArrowUpRight, { size: 15, className: "ml-1.5" })] }) })] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: [showSkeletons
+                        ? Array.from({ length: 6 }).map((_, index) => (_jsx(AppCardSkeleton, {}, index)))
+                        : visibleApps.map((app) => {
+                            const href = workspaceAppHref(app);
+                            // Pending Builder branches live on a different host (Builder
+                            // editor URL); open those in a new tab. Ready workspace apps
+                            // navigate the current window so this works inside the
+                            // Builder webview, where new tabs would try to open in the
+                            // host browser and break the embedded session.
+                            const openInNewTab = isPendingBuilderHref(app);
+                            return (_jsx("a", { href: href ?? undefined, target: openInNewTab ? "_blank" : undefined, rel: openInNewTab ? "noreferrer" : undefined, "aria-disabled": !href, className: "group min-h-32 rounded-lg border bg-card p-4 transition hover:border-foreground/30 aria-disabled:pointer-events-none aria-disabled:opacity-60", children: _jsxs("div", { className: "flex h-full items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("h3", { className: "truncate text-sm font-semibold text-foreground", children: app.name }), app.status === "pending" ? (_jsxs(Badge, { variant: "outline", className: "shrink-0 gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300", children: [_jsx(IconClockHour4, { size: 12 }), "Building"] })) : null] }), _jsx("p", { className: "mt-1 truncate font-mono text-xs text-muted-foreground", children: app.path }), app.status === "pending" && app.branchName ? (_jsxs("p", { className: "mt-1 truncate text-xs text-muted-foreground", children: ["Branch: ", app.branchName] })) : null, app.description ? (_jsx("p", { className: "mt-2 line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: app.description })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [app.status === "ready" ? (_jsx(AppKeysPopover, { appId: app.id, appName: app.name })) : null, _jsx(IconArrowUpRight, { size: 16, className: "text-muted-foreground transition group-hover:text-foreground" })] })] }) }, app.id));
+                        }), !showSkeletons ? _jsx(CreateAppPopover, {}) : null] })] }));
+}
+function formatAgeSeconds(seconds) {
+    if (!seconds || seconds < 0)
+        return "0s";
+    if (seconds < 60)
+        return `${seconds}s`;
+    if (seconds < 3600)
+        return `${Math.floor(seconds / 60)}m`;
+    return `${Math.floor(seconds / 3600)}h ${Math.floor((seconds % 3600) / 60)}m`;
+}
+function TaskQueueMetric({ label, value, tone, icon: Icon, }) {
+    const toneClass = tone === "danger"
+        ? "text-red-600 dark:text-red-400"
+        : tone === "warning"
+            ? "text-amber-600 dark:text-amber-400"
+            : "text-foreground";
+    return (_jsxs("div", { className: "rounded-xl border bg-card px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [Icon ? _jsx(Icon, { size: 14 }) : null, _jsx("span", { children: label })] }), _jsx("div", { className: `mt-1 text-2xl font-semibold ${toneClass}`, children: value })] }));
+}
+function TaskQueueSection({ stats }) {
+    const showAlert = stats.pending > 5 || stats.failed_last_hour > 0;
+    return (_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconListCheck, { size: 16, className: "text-muted-foreground" }), _jsx("h2", { className: "text-sm font-semibold text-foreground", children: "Task queue" })] }), showAlert && (_jsxs(Alert, { variant: stats.failed_last_hour > 0 ? "destructive" : "default", children: [_jsx(IconAlertTriangle, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: stats.failed_last_hour > 0
+                            ? `${stats.failed_last_hour} integration task${stats.failed_last_hour === 1 ? "" : "s"} failed in the last hour`
+                            : `${stats.pending} pending integration task${stats.pending === 1 ? "" : "s"} queued` }), _jsx(AlertDescription, { children: stats.failed_last_hour > 0
+                            ? "Recent failures are listed below. Check platform credentials and retry."
+                            : "Tasks are waiting to be processed. The queue may be backed up." })] })), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-5", children: [_jsx(TaskQueueMetric, { label: "Pending", value: stats.pending, tone: stats.pending > 5 ? "warning" : "default" }), _jsx(TaskQueueMetric, { label: "Processing", value: stats.processing }), _jsx(TaskQueueMetric, { label: "Completed (1h)", value: stats.completed_last_hour }), _jsx(TaskQueueMetric, { label: "Failed (1h)", value: stats.failed_last_hour, tone: stats.failed_last_hour > 0 ? "danger" : "default" }), _jsx(TaskQueueMetric, { label: "Oldest pending", value: formatAgeSeconds(stats.oldest_pending_age_seconds), icon: IconClockHour4, tone: stats.oldest_pending_age_seconds > 300 ? "warning" : "default" })] }), stats.recent_failures.length > 0 && (_jsxs("div", { className: "rounded-2xl border bg-card p-4", children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: "Recent failures" }), _jsx("div", { className: "mt-3 space-y-2", children: stats.recent_failures.map((failure) => (_jsxs("div", { className: "rounded-xl border bg-muted/30 px-3 py-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground", children: failure.platform }), _jsxs("span", { children: [failure.attempts, " attempt", failure.attempts === 1 ? "" : "s"] })] }), _jsx("div", { className: "mt-1 truncate text-sm text-foreground", children: failure.error || "(no error message)" })] }, failure.id))) })] }))] }));
+}
+function HelpTooltip({ content }) {
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "text-muted-foreground/60 hover:text-foreground cursor-pointer", children: _jsx(IconInfoCircle, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { side: "top", className: "max-w-64 text-xs leading-relaxed", children: content })] }));
+}
+function StatCard({ label, help, value, icon: Icon, cta, }) {
+    return (_jsxs("div", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [_jsx("span", { children: label }), _jsx(HelpTooltip, { content: help })] }), _jsx("div", { className: "mt-3 text-3xl font-semibold text-foreground", children: value })] }), _jsx("div", { className: "rounded-xl border bg-muted/30 p-3 text-muted-foreground", children: _jsx(Icon, { size: 18 }) })] }), cta ? _jsx("div", { className: "mt-4", children: cta }) : null] }));
+}
+function StepRow({ step }) {
+    const done = step.complete && !step.informational;
+    return (_jsxs("div", { className: `flex items-start gap-4 rounded-xl border px-5 py-4 ${done ? "border-border/50 bg-muted/20" : "bg-card"}`, children: [_jsx("div", { className: "flex-none pt-0.5", children: done ? (_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400", children: _jsx(IconCheck, { size: 16, strokeWidth: 2.5 }) })) : (_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full border-2 border-muted-foreground/30 text-sm font-semibold text-muted-foreground", children: step.number })) }), _jsxs("div", { className: `min-w-0 flex-1 ${done ? "opacity-50" : ""}`, children: [_jsx("div", { className: `text-sm font-semibold ${done ? "line-through decoration-muted-foreground/40" : "text-foreground"}`, children: step.title }), _jsx("p", { className: "mt-0.5 text-sm leading-relaxed text-muted-foreground", children: step.description })] }), step.to && !done && (_jsx("div", { className: "flex-none pt-0.5", children: _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsx(Link, { to: step.to, children: step.actionLabel || "Set up" }) }) }))] }));
+}
+export function meta() {
+    return [{ title: "Overview — Dispatch" }];
+}
+export default function OverviewRoute() {
+    const { data, isLoading } = useActionQuery("list-dispatch-overview", {});
+    const { data: connectedAgents } = useActionQuery("list-connected-agents", {});
+    const { data: workspaceApps = [], isLoading: appsLoading } = useActionQuery("list-workspace-apps", { includeAgentCards: false }, {
+        refetchInterval: 2_000,
+    });
+    const [integrationStatuses, setIntegrationStatuses] = useState([]);
+    const [taskQueueStats, setTaskQueueStats] = useState(ZERO_TASK_QUEUE_STATS);
+    useEffect(() => {
+        let active = true;
+        fetch(agentNativePath("/_agent-native/integrations/status"))
+            .then((res) => (res.ok ? res.json() : []))
+            .then((rows) => {
+            if (active) {
+                setIntegrationStatuses(Array.isArray(rows) ? rows : []);
+            }
+        })
+            .catch(() => {
+            if (active)
+                setIntegrationStatuses([]);
+        });
+        return () => {
+            active = false;
+        };
+    }, []);
+    useEffect(() => {
+        let active = true;
+        const load = () => {
+            fetch(agentNativePath("/_agent-native/integrations/task-queue/status"))
+                .then((res) => (res.ok ? res.json() : null))
+                .then((stats) => {
+                if (!active || !stats || typeof stats !== "object")
+                    return;
+                setTaskQueueStats({
+                    pending: Number(stats.pending ?? 0),
+                    processing: Number(stats.processing ?? 0),
+                    completed_last_hour: Number(stats.completed_last_hour ?? 0),
+                    failed_last_hour: Number(stats.failed_last_hour ?? 0),
+                    oldest_pending_age_seconds: Number(stats.oldest_pending_age_seconds ?? 0),
+                    recent_failures: Array.isArray(stats.recent_failures)
+                        ? stats.recent_failures
+                        : [],
+                });
+            })
+                .catch(() => {
+                // Endpoint may not exist on older deploys — ignore.
+            });
+        };
+        load();
+        const id = window.setInterval(load, 15000);
+        return () => {
+            active = false;
+            window.clearInterval(id);
+        };
+    }, []);
+    const counts = data?.counts || {
+        destinations: 0,
+        pendingApprovals: 0,
+        linkedIdentities: 0,
+        activeTokens: 0,
+    };
+    const messagingStatuses = useMemo(() => integrationStatuses.filter((row) => row.platform === "slack" || row.platform === "telegram"), [integrationStatuses]);
+    const connectedMessagingCount = messagingStatuses.filter((row) => row.enabled || row.configured).length;
+    const connectedAgentCount = connectedAgents?.length || 0;
+    const vaultSecretCount = data?.vault?.secretCount || 0;
+    const typedWorkspaceApps = workspaceApps;
+    const messagingDone = connectedMessagingCount > 0;
+    const agentsDone = connectedAgentCount > 0;
+    const vaultDone = vaultSecretCount > 0;
+    const steps = [
+        {
+            number: 1,
+            title: "Connect Slack",
+            description: "Add @agent-native to your Slack workspace so your team can ask questions, create decks, pull analytics, and more — right from Slack.",
+            complete: messagingDone,
+            to: "/messaging",
+            actionLabel: "Connect",
+        },
+        {
+            number: 2,
+            title: "Review connected agents",
+            description: "Dispatch delegates work to specialized apps. The built-in suite (Slides, Analytics, Content, Video, and more) is available automatically.",
+            complete: agentsDone,
+            to: "/agents",
+            actionLabel: "Review",
+        },
+        {
+            number: 3,
+            title: "Set up your vault",
+            description: "Store API keys centrally and sync them to apps that need them.",
+            complete: vaultDone,
+            to: "/vault",
+            actionLabel: "Open vault",
+        },
+        {
+            number: 4,
+            title: "Try it out",
+            description: "Mention @agent-native in any Slack channel to get started.",
+            complete: false,
+            informational: true,
+        },
+    ];
+    const hasIncompleteSteps = steps.some((s) => !s.complete && !s.informational);
+    return (_jsxs(DispatchShell, { title: "Overview", description: "Create apps, manage shared keys, and route work across your workspace.", children: [_jsx(HomeChatPanel, {}), _jsx(WorkspaceAppsSection, { apps: typedWorkspaceApps, isLoading: appsLoading }), hasIncompleteSteps && (_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconRocket, { size: 16, className: "text-muted-foreground" }), _jsx("h2", { className: "text-sm font-semibold text-foreground", children: "Getting started" })] }), _jsx("div", { className: "space-y-2", children: steps.map((step) => (_jsx(StepRow, { step: step }, step.number))) })] })), _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconActivity, { size: 16, className: "text-muted-foreground" }), _jsx("h2", { className: "text-sm font-semibold text-foreground", children: "At a glance" })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: [_jsx(StatCard, { label: "Vault secrets", help: "Credentials stored in the workspace vault. Grant them to apps from the Vault page.", value: data?.vault?.secretCount || 0, icon: IconKey, cta: (data?.vault?.secretCount || 0) === 0 ? (_jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsx(Link, { to: "/vault", children: "Set up vault" }) })) : undefined }), _jsx(StatCard, { label: "Active grants", help: "Secrets currently granted to apps. Sync them to push credentials.", value: data?.vault?.activeGrantCount || 0, icon: IconShieldCheck }), _jsx(StatCard, { label: "Destinations", help: "Saved outbound targets used for proactive sends and scheduled jobs.", value: counts.destinations, icon: IconArrowUpRight, cta: counts.destinations === 0 ? (_jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsx(Link, { to: "/destinations", children: "Set up destinations" }) })) : undefined }), _jsx(StatCard, { label: "Agents", help: "Agents available to dispatch for delegation over A2A. This includes the built-in app suite plus any additional agents you add.", value: connectedAgentCount, icon: IconPlugConnected, cta: connectedAgentCount === 0 ? (_jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsx(Link, { to: "/agents", children: "Open agents" }) })) : undefined })] })] }), _jsxs("details", { className: "rounded-xl border", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-3 px-5 py-4 text-sm font-semibold text-foreground hover:bg-muted/30 [&::-webkit-details-marker]:hidden", children: [_jsx("span", { children: "Operations detail" }), _jsx("span", { className: "text-xs font-normal text-muted-foreground", children: "Queue, audit, and approvals" })] }), _jsxs("div", { className: "space-y-5 border-t px-5 py-5", children: [_jsx(TaskQueueSection, { stats: taskQueueStats }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-3", children: [_jsxs("section", { className: "rounded-2xl border bg-card p-5 xl:col-span-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Recent activity" }), isLoading && (_jsx("span", { className: "text-xs text-muted-foreground", children: "Loading..." }))] }), _jsxs("div", { className: "mt-4 space-y-3", children: [(data?.recentAudit || []).map((event) => (_jsxs("div", { className: "rounded-xl border bg-muted/30 px-4 py-3", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: event.summary }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [event.actor, " \u00B7", " ", new Date(event.createdAt).toLocaleString()] })] }, event.id))), !isLoading && (data?.recentAudit?.length || 0) === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No activity yet." }))] })] }), _jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Approval mode" }), _jsxs("div", { className: "mt-4 rounded-xl border bg-muted/30 p-4", children: [_jsx("div", { className: "text-sm font-medium text-muted-foreground", children: "Current policy" }), _jsx("div", { className: "mt-2 text-2xl font-semibold text-foreground", children: data?.settings?.enabled ? "Reviewed" : "Immediate" }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: data?.settings?.enabled
+                                                            ? "Changes wait for approval before they apply."
+                                                            : "Changes apply immediately and are recorded in audit." })] }), _jsxs("div", { className: "mt-4 space-y-2", children: [(data?.recentApprovals || []).map((approval) => (_jsxs("div", { className: "rounded-xl border px-4 py-3", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: approval.summary }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [approval.status, " \u00B7 requested by ", approval.requestedBy] })] }, approval.id))), (data?.recentApprovals?.length || 0) === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No approval requests." }))] })] })] })] })] })] }));
+}
+//# sourceMappingURL=overview.js.map