@jami-studio/dispatch 0.13.14

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

@@ -0,0 +1 @@
+{"version":3,"file":"agents.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/agents.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,IAAI;;IAEnB;AAgLD,MAAM,CAAC,OAAO,UAAU,WAAW,oDAkBlC"}

package/dist/routes/pages/agents.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { agentNativePath, useActionMutation, useActionQuery, useT, } from "@agent-native/core/client";
+import { IconCheck, IconCopy, IconPlugConnected } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { toast } from "sonner";
+import { AgentsPanel, } from "../../components/agents-panel.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Button } from "../../components/ui/button.js";
+import { Input } from "../../components/ui/input.js";
+import { Switch } from "../../components/ui/switch.js";
+export function meta() {
+    return [{ title: "Agents — Dispatch" }];
+}
+function dispatchMcpUrl() {
+    const path = agentNativePath("/_agent-native/mcp");
+    if (typeof window === "undefined")
+        return path;
+    return new URL(path, window.location.origin).href;
+}
+function DispatchMcpAccessPanel() {
+    const t = useT();
+    const { data, isLoading } = useActionQuery("list-mcp-app-access", {});
+    const [optimistic, setOptimistic] = useState(null);
+    const saveAccess = useActionMutation("set-mcp-app-access", {
+        onSuccess: () => {
+            setOptimistic(null);
+            toast.success(t("dispatch.pages.mcpAccessUpdated"));
+        },
+        onError: (error) => {
+            setOptimistic(null);
+            toast.error(error.message);
+        },
+    });
+    const apps = (data?.apps ??
+        []);
+    const access = optimistic ??
+        {
+            mode: (data?.mode ??
+                "all-apps"),
+            selectedAppIds: data?.selectedAppIds ??
+                [],
+        };
+    const selected = useMemo(() => new Set(access.selectedAppIds), [access.selectedAppIds]);
+    const grantedCount = access.mode === "all-apps" ? apps.length : access.selectedAppIds.length;
+    const mcpUrl = dispatchMcpUrl();
+    function persist(next) {
+        if (next.mode === "selected-apps" && next.selectedAppIds.length === 0) {
+            toast.error(t("dispatch.pages.selectAppForMcp"));
+            return;
+        }
+        setOptimistic(next);
+        saveAccess.mutate(next);
+    }
+    function toggleApp(appId) {
+        const next = selected.has(appId)
+            ? access.selectedAppIds.filter((id) => id !== appId)
+            : [...access.selectedAppIds, appId];
+        persist({ mode: "selected-apps", selectedAppIds: next });
+    }
+    async function copyUrl() {
+        try {
+            await navigator.clipboard.writeText(mcpUrl);
+            toast.success(t("dispatch.pages.mcpUrlCopied"));
+        }
+        catch {
+            toast.error(t("dispatch.pages.mcpUrlCopyFailed"));
+        }
+    }
+    return (_jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [_jsx(IconPlugConnected, { size: 16 }), t("dispatch.pages.unifiedMcpGateway")] }), _jsxs("div", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: [t("dispatch.pages.unifiedMcpGatewayDescription"), " ", _jsx("code", { children: "list_apps" }), ", ", _jsx("code", { children: "ask_app" }), ", and", " ", _jsx("code", { children: "open_app" }), "."] })] }), _jsxs("div", { className: "flex items-center gap-3 rounded-xl border px-3 py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: access.mode === "all-apps"
+                                            ? t("dispatch.pages.allApps")
+                                            : t("dispatch.pages.selectedApps") }), _jsx("div", { className: "text-xs text-muted-foreground", children: isLoading
+                                            ? t("dispatch.pages.loading")
+                                            : t("dispatch.pages.grantedCount", { count: grantedCount }) })] }), _jsx(Switch, { checked: access.mode === "all-apps", disabled: saveAccess.isPending || apps.length === 0, onCheckedChange: (checked) => persist({
+                                    mode: checked ? "all-apps" : "selected-apps",
+                                    selectedAppIds: checked
+                                        ? access.selectedAppIds
+                                        : apps.map((app) => app.id),
+                                }), "aria-label": t("dispatch.pages.exposeAllAppsMcp") })] })] }), _jsxs("div", { className: "mt-4 flex flex-col gap-2 sm:flex-row", children: [_jsx(Input, { readOnly: true, value: mcpUrl, className: "font-mono text-xs" }), _jsxs(Button, { type: "button", variant: "outline", onClick: copyUrl, children: [_jsx(IconCopy, { size: 15 }), t("dispatch.pages.copyUrl")] })] }), access.mode === "selected-apps" ? (_jsx("div", { className: "mt-4 grid gap-2 sm:grid-cols-2 xl:grid-cols-3", children: apps.map((app) => {
+                    const isSelected = selected.has(app.id);
+                    return (_jsxs("button", { type: "button", disabled: saveAccess.isPending &&
+                            optimistic?.selectedAppIds.includes(app.id) !== isSelected, onClick: () => toggleApp(app.id), className: "flex min-h-[76px] items-start gap-3 rounded-xl border bg-muted/20 px-3 py-3 text-left transition hover:bg-muted/40 disabled:cursor-not-allowed disabled:opacity-60", "aria-pressed": isSelected, children: [_jsx("span", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-xs font-bold text-white", style: { backgroundColor: app.color }, children: app.name.charAt(0).toUpperCase() }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [app.name, isSelected ? (_jsx(IconCheck, { size: 14, className: "text-emerald-500" })) : null] }), _jsx("span", { className: "mt-1 line-clamp-2 block text-xs text-muted-foreground", children: app.description || app.url })] })] }, app.id));
+                }) })) : null] }));
+}
+export default function AgentsRoute() {
+    const t = useT();
+    const { data, refetch } = useActionQuery("list-connected-agents", {});
+    return (_jsx(DispatchShell, { title: t("dispatch.nav.agents"), description: t("dispatch.pages.agentsDescription"), children: _jsxs("div", { className: "space-y-4", children: [_jsx(DispatchMcpAccessPanel, {}), _jsx(AgentsPanel, { agents: (data || []), onRefresh: refetch })] }) }));
+}
+//# sourceMappingURL=agents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"agents.js","sourceRoot":"","sources":["../../../src/routes/pages/agents.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  agentNativePath,\r\n  useActionMutation,\r\n  useActionQuery,\r\n  useT,\r\n} from \"@agent-native/core/client\";\r\nimport { IconCheck, IconCopy, IconPlugConnected } from \"@tabler/icons-react\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { toast } from \"sonner\";\r\n\r\nimport {\r\n  AgentsPanel,\r\n  type ConnectedAgent,\r\n} from \"../../components/agents-panel\";\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport { Input } from \"../../components/ui/input\";\r\nimport { Switch } from \"../../components/ui/switch\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Agents — Dispatch\" }];\r\n}\r\n\r\ninterface McpAccessApp {\r\n  id: string;\r\n  name: string;\r\n  description: string;\r\n  url: string;\r\n  color: string;\r\n  granted: boolean;\r\n}\r\n\r\ntype McpAccessMode = \"all-apps\" | \"selected-apps\";\r\n\r\ninterface McpAccessState {\r\n  mode: McpAccessMode;\r\n  selectedAppIds: string[];\r\n}\r\n\r\nfunction dispatchMcpUrl(): string {\r\n  const path = agentNativePath(\"/_agent-native/mcp\");\r\n  if (typeof window === \"undefined\") return path;\r\n  return new URL(path, window.location.origin).href;\r\n}\r\n\r\nfunction DispatchMcpAccessPanel() {\r\n  const t = useT();\r\n  const { data, isLoading } = useActionQuery(\"list-mcp-app-access\", {});\r\n  const [optimistic, setOptimistic] = useState<McpAccessState | null>(null);\r\n  const saveAccess = useActionMutation(\"set-mcp-app-access\", {\r\n    onSuccess: () => {\r\n      setOptimistic(null);\r\n      toast.success(t(\"dispatch.pages.mcpAccessUpdated\"));\r\n    },\r\n    onError: (error) => {\r\n      setOptimistic(null);\r\n      toast.error(error.message);\r\n    },\r\n  });\r\n\r\n  const apps = ((data as { apps?: McpAccessApp[] } | undefined)?.apps ??\r\n    []) as McpAccessApp[];\r\n  const access =\r\n    optimistic ??\r\n    ({\r\n      mode: ((data as { mode?: McpAccessMode } | undefined)?.mode ??\r\n        \"all-apps\") as McpAccessMode,\r\n      selectedAppIds:\r\n        (data as { selectedAppIds?: string[] } | undefined)?.selectedAppIds ??\r\n        [],\r\n    } satisfies McpAccessState);\r\n  const selected = useMemo(\r\n    () => new Set(access.selectedAppIds),\r\n    [access.selectedAppIds],\r\n  );\r\n  const grantedCount =\r\n    access.mode === \"all-apps\" ? apps.length : access.selectedAppIds.length;\r\n  const mcpUrl = dispatchMcpUrl();\r\n\r\n  function persist(next: McpAccessState) {\r\n    if (next.mode === \"selected-apps\" && next.selectedAppIds.length === 0) {\r\n      toast.error(t(\"dispatch.pages.selectAppForMcp\"));\r\n      return;\r\n    }\r\n    setOptimistic(next);\r\n    saveAccess.mutate(next);\r\n  }\r\n\r\n  function toggleApp(appId: string) {\r\n    const next = selected.has(appId)\r\n      ? access.selectedAppIds.filter((id) => id !== appId)\r\n      : [...access.selectedAppIds, appId];\r\n    persist({ mode: \"selected-apps\", selectedAppIds: next });\r\n  }\r\n\r\n  async function copyUrl() {\r\n    try {\r\n      await navigator.clipboard.writeText(mcpUrl);\r\n      toast.success(t(\"dispatch.pages.mcpUrlCopied\"));\r\n    } catch {\r\n      toast.error(t(\"dispatch.pages.mcpUrlCopyFailed\"));\r\n    }\r\n  }\r\n\r\n  return (\r\n    <section className=\"rounded-2xl border bg-card p-5\">\r\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\r\n        <div className=\"min-w-0\">\r\n          <div className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\r\n            <IconPlugConnected size={16} />\r\n            {t(\"dispatch.pages.unifiedMcpGateway\")}\r\n          </div>\r\n          <div className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">\r\n            {t(\"dispatch.pages.unifiedMcpGatewayDescription\")}{\" \"}\r\n            <code>list_apps</code>, <code>ask_app</code>, and{\" \"}\r\n            <code>open_app</code>.\r\n          </div>\r\n        </div>\r\n        <div className=\"flex items-center gap-3 rounded-xl border px-3 py-2\">\r\n          <div>\r\n            <div className=\"text-xs font-medium text-foreground\">\r\n              {access.mode === \"all-apps\"\r\n                ? t(\"dispatch.pages.allApps\")\r\n                : t(\"dispatch.pages.selectedApps\")}\r\n            </div>\r\n            <div className=\"text-xs text-muted-foreground\">\r\n              {isLoading\r\n                ? t(\"dispatch.pages.loading\")\r\n                : t(\"dispatch.pages.grantedCount\", { count: grantedCount })}\r\n            </div>\r\n          </div>\r\n          <Switch\r\n            checked={access.mode === \"all-apps\"}\r\n            disabled={saveAccess.isPending || apps.length === 0}\r\n            onCheckedChange={(checked) =>\r\n              persist({\r\n                mode: checked ? \"all-apps\" : \"selected-apps\",\r\n                selectedAppIds: checked\r\n                  ? access.selectedAppIds\r\n                  : apps.map((app) => app.id),\r\n              })\r\n            }\r\n            aria-label={t(\"dispatch.pages.exposeAllAppsMcp\")}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"mt-4 flex flex-col gap-2 sm:flex-row\">\r\n        <Input readOnly value={mcpUrl} className=\"font-mono text-xs\" />\r\n        <Button type=\"button\" variant=\"outline\" onClick={copyUrl}>\r\n          <IconCopy size={15} />\r\n          {t(\"dispatch.pages.copyUrl\")}\r\n        </Button>\r\n      </div>\r\n\r\n      {access.mode === \"selected-apps\" ? (\r\n        <div className=\"mt-4 grid gap-2 sm:grid-cols-2 xl:grid-cols-3\">\r\n          {apps.map((app) => {\r\n            const isSelected = selected.has(app.id);\r\n            return (\r\n              <button\r\n                key={app.id}\r\n                type=\"button\"\r\n                disabled={\r\n                  saveAccess.isPending &&\r\n                  optimistic?.selectedAppIds.includes(app.id) !== isSelected\r\n                }\r\n                onClick={() => toggleApp(app.id)}\r\n                className=\"flex min-h-[76px] items-start gap-3 rounded-xl border bg-muted/20 px-3 py-3 text-left transition hover:bg-muted/40 disabled:cursor-not-allowed disabled:opacity-60\"\r\n                aria-pressed={isSelected}\r\n              >\r\n                <span\r\n                  className=\"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-xs font-bold text-white\"\r\n                  style={{ backgroundColor: app.color }}\r\n                >\r\n                  {app.name.charAt(0).toUpperCase()}\r\n                </span>\r\n                <span className=\"min-w-0 flex-1\">\r\n                  <span className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\r\n                    {app.name}\r\n                    {isSelected ? (\r\n                      <IconCheck size={14} className=\"text-emerald-500\" />\r\n                    ) : null}\r\n                  </span>\r\n                  <span className=\"mt-1 line-clamp-2 block text-xs text-muted-foreground\">\r\n                    {app.description || app.url}\r\n                  </span>\r\n                </span>\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      ) : null}\r\n    </section>\r\n  );\r\n}\r\n\r\nexport default function AgentsRoute() {\r\n  const t = useT();\r\n  const { data, refetch } = useActionQuery(\"list-connected-agents\", {});\r\n\r\n  return (\r\n    <DispatchShell\r\n      title={t(\"dispatch.nav.agents\")}\r\n      description={t(\"dispatch.pages.agentsDescription\")}\r\n    >\r\n      <div className=\"space-y-4\">\r\n        <DispatchMcpAccessPanel />\r\n        <AgentsPanel\r\n          agents={(data || []) as ConnectedAgent[]}\r\n          onRefresh={refetch}\r\n        />\r\n      </div>\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/approval.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,IAAI;;IAEnB;AAoCD,MAAM,CAAC,OAAO,UAAU,oBAAoB,oDA8N3C"}

package/dist/routes/pages/approval.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery, isInAgentEmbed, postNavigate, appPath, } from "@agent-native/core/client";
+import { IconCheck, IconX, IconArrowUpRight, IconShieldCheck, IconClock, IconAlertCircle, } from "@tabler/icons-react";
+import { useSearchParams } from "react-router";
+import { toast } from "sonner";
+import { ApprovalValueBlock, parseApprovalValue, } from "../../components/approval-value-block.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+export function meta() {
+    return [{ title: "Approval — Dispatch" }];
+}
+function StatusBadge({ status }) {
+    if (status === "pending") {
+        return (_jsxs(Badge, { variant: "outline", className: "gap-1.5 border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400", children: [_jsx(IconClock, { size: 11 }), "Pending"] }));
+    }
+    if (status === "approved") {
+        return (_jsxs(Badge, { variant: "outline", className: "gap-1.5 border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400", children: [_jsx(IconCheck, { size: 11 }), "Approved"] }));
+    }
+    return (_jsxs(Badge, { variant: "outline", className: "gap-1.5 border-red-500/40 bg-red-500/10 text-red-600 dark:text-red-400", children: [_jsx(IconX, { size: 11 }), "Rejected"] }));
+}
+export default function ApprovalPreviewRoute() {
+    const [searchParams] = useSearchParams();
+    const id = searchParams.get("id") ?? "";
+    const { data: approvals, isLoading } = useActionQuery("list-dispatch-approvals", {});
+    const approve = useActionMutation("approve-dispatch-change", {
+        onSuccess: () => toast.success("Change approved"),
+    });
+    const reject = useActionMutation("reject-dispatch-change", {
+        onSuccess: () => toast.success("Change rejected"),
+    });
+    const inEmbed = isInAgentEmbed();
+    const approval = approvals?.find((item) => item.id === id) ?? null;
+    if (!id) {
+        return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: _jsxs("div", { className: "w-full max-w-md rounded-2xl border bg-card p-6 text-center", children: [_jsx(IconAlertCircle, { size: 32, className: "mx-auto mb-3 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: "No approval id provided" }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["Add ", _jsx("code", { className: "rounded bg-muted px-1", children: "?id=<id>" }), " to the URL."] })] }) }));
+    }
+    if (isLoading) {
+        return (_jsx("div", { className: "flex min-h-screen items-start justify-center bg-background p-6", children: _jsx("div", { className: "w-full max-w-md space-y-4", children: _jsxs("div", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Skeleton, { className: "h-9 w-9 shrink-0 rounded-xl" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-40" }), _jsx(Skeleton, { className: "h-5 w-20 rounded-full" })] }), _jsx(Skeleton, { className: "h-3 w-32" })] })] }), _jsxs("div", { className: "mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3", children: [_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx(Skeleton, { className: "h-3 w-20" }), _jsx(Skeleton, { className: "h-3 w-24" })] }), _jsxs("div", { className: "flex justify-between gap-4", children: [_jsx(Skeleton, { className: "h-3 w-20" }), _jsx(Skeleton, { className: "h-3 w-28" })] }), _jsxs("div", { className: "flex justify-between gap-4", children: [_jsx(Skeleton, { className: "h-3 w-16" }), _jsx(Skeleton, { className: "h-3 w-32" })] })] }), _jsxs("div", { className: "mt-4 flex gap-2", children: [_jsx(Skeleton, { className: "h-8 flex-1 rounded-md" }), _jsx(Skeleton, { className: "h-8 flex-1 rounded-md" })] })] }) }) }));
+    }
+    if (!approval) {
+        return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: _jsxs("div", { className: "w-full max-w-md rounded-2xl border bg-card p-6 text-center", children: [_jsx(IconAlertCircle, { size: 32, className: "mx-auto mb-3 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: "Approval not found" }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["The approval with id", " ", _jsx("code", { className: "rounded bg-muted px-1", children: id }), " does not exist."] }), inEmbed && (_jsxs(Button, { size: "sm", variant: "outline", className: "mt-4 gap-1.5", onClick: () => postNavigate(appPath("/approvals")), children: [_jsx(IconArrowUpRight, { size: 14 }), "View all approvals"] }))] }) }));
+    }
+    const isPending = approval.status === "pending";
+    const beforeValue = parseApprovalValue(approval.beforeValue);
+    const afterValue = parseApprovalValue(approval.afterValue);
+    return (_jsx("div", { className: "flex min-h-screen items-start justify-center bg-background p-6", children: _jsxs("div", { className: "w-full max-w-2xl space-y-4", children: [_jsxs("div", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border bg-muted text-foreground", children: _jsx(IconShieldCheck, { size: 17 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-semibold text-foreground", children: approval.summary }), _jsx(StatusBadge, { status: approval.status })] }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: ["Requested by", " ", _jsx("span", { className: "font-medium text-foreground", children: approval.requestedBy })] })] })] }), _jsxs("div", { className: "mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3 text-xs", children: [_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: "Change type" }), _jsx("span", { className: "font-mono font-medium text-foreground", children: approval.changeType })] }), _jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: "Target type" }), _jsx("span", { className: "font-mono font-medium text-foreground", children: approval.targetType })] }), approval.targetId && (_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: "Target id" }), _jsx("span", { className: "truncate font-mono font-medium text-foreground", children: approval.targetId })] })), approval.reviewedBy && (_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: "Reviewed by" }), _jsx("span", { className: "font-medium text-foreground", children: approval.reviewedBy })] }))] }), (beforeValue !== null || afterValue !== null) && (_jsxs("div", { className: "mt-4 grid gap-3 md:grid-cols-2", children: [_jsx(ApprovalValueBlock, { label: "Before", value: beforeValue }), _jsx(ApprovalValueBlock, { label: "After", value: afterValue })] })), isPending && (_jsxs("div", { className: "mt-4 flex gap-2", children: [_jsxs(Button, { size: "sm", className: "flex-1", disabled: approve.isPending || reject.isPending, onClick: () => approve.mutate({ id: approval.id }), children: [_jsx(IconCheck, { size: 14, className: "mr-1.5" }), "Approve"] }), _jsxs(Button, { size: "sm", variant: "outline", className: "flex-1", disabled: approve.isPending || reject.isPending, onClick: () => reject.mutate({
+                                        id: approval.id,
+                                        reason: "Rejected in dispatch UI",
+                                    }), children: [_jsx(IconX, { size: 14, className: "mr-1.5" }), "Reject"] })] }))] }), inEmbed && (_jsx("div", { className: "flex justify-end", children: _jsxs(Button, { size: "sm", variant: "ghost", className: "gap-1.5 text-muted-foreground", onClick: () => postNavigate(appPath("/approvals")), children: [_jsx(IconArrowUpRight, { size: 14 }), "Open in app"] }) }))] }) }));
+}
+//# sourceMappingURL=approval.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval.js","sourceRoot":"","sources":["../../../src/routes/pages/approval.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  useActionMutation,\r\n  useActionQuery,\r\n  isInAgentEmbed,\r\n  postNavigate,\r\n  appPath,\r\n} from \"@agent-native/core/client\";\r\nimport {\r\n  IconCheck,\r\n  IconX,\r\n  IconArrowUpRight,\r\n  IconShieldCheck,\r\n  IconClock,\r\n  IconAlertCircle,\r\n} from \"@tabler/icons-react\";\r\nimport { useSearchParams } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\n\r\nimport {\r\n  ApprovalValueBlock,\r\n  parseApprovalValue,\r\n} from \"../../components/approval-value-block\";\r\nimport { Badge } from \"../../components/ui/badge\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport { Skeleton } from \"../../components/ui/skeleton\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Approval — Dispatch\" }];\r\n}\r\n\r\nfunction StatusBadge({ status }: { status: string }) {\r\n  if (status === \"pending\") {\r\n    return (\r\n      <Badge\r\n        variant=\"outline\"\r\n        className=\"gap-1.5 border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400\"\r\n      >\r\n        <IconClock size={11} />\r\n        Pending\r\n      </Badge>\r\n    );\r\n  }\r\n  if (status === \"approved\") {\r\n    return (\r\n      <Badge\r\n        variant=\"outline\"\r\n        className=\"gap-1.5 border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\"\r\n      >\r\n        <IconCheck size={11} />\r\n        Approved\r\n      </Badge>\r\n    );\r\n  }\r\n  return (\r\n    <Badge\r\n      variant=\"outline\"\r\n      className=\"gap-1.5 border-red-500/40 bg-red-500/10 text-red-600 dark:text-red-400\"\r\n    >\r\n      <IconX size={11} />\r\n      Rejected\r\n    </Badge>\r\n  );\r\n}\r\n\r\nexport default function ApprovalPreviewRoute() {\r\n  const [searchParams] = useSearchParams();\r\n  const id = searchParams.get(\"id\") ?? \"\";\r\n\r\n  const { data: approvals, isLoading } = useActionQuery(\r\n    \"list-dispatch-approvals\",\r\n    {},\r\n  );\r\n\r\n  const approve = useActionMutation(\"approve-dispatch-change\", {\r\n    onSuccess: () => toast.success(\"Change approved\"),\r\n  });\r\n  const reject = useActionMutation(\"reject-dispatch-change\", {\r\n    onSuccess: () => toast.success(\"Change rejected\"),\r\n  });\r\n\r\n  const inEmbed = isInAgentEmbed();\r\n\r\n  const approval = approvals?.find((item: any) => item.id === id) ?? null;\r\n\r\n  if (!id) {\r\n    return (\r\n      <div className=\"flex min-h-screen items-center justify-center bg-background p-6\">\r\n        <div className=\"w-full max-w-md rounded-2xl border bg-card p-6 text-center\">\r\n          <IconAlertCircle\r\n            size={32}\r\n            className=\"mx-auto mb-3 text-muted-foreground\"\r\n          />\r\n          <p className=\"text-sm font-medium text-foreground\">\r\n            No approval id provided\r\n          </p>\r\n          <p className=\"mt-1 text-xs text-muted-foreground\">\r\n            Add <code className=\"rounded bg-muted px-1\">?id=&lt;id&gt;</code> to\r\n            the URL.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (isLoading) {\r\n    return (\r\n      <div className=\"flex min-h-screen items-start justify-center bg-background p-6\">\r\n        <div className=\"w-full max-w-md space-y-4\">\r\n          <div className=\"rounded-2xl border bg-card p-5\">\r\n            <div className=\"flex items-start gap-3\">\r\n              <Skeleton className=\"h-9 w-9 shrink-0 rounded-xl\" />\r\n              <div className=\"min-w-0 flex-1 space-y-2\">\r\n                <div className=\"flex flex-wrap items-center gap-2\">\r\n                  <Skeleton className=\"h-4 w-40\" />\r\n                  <Skeleton className=\"h-5 w-20 rounded-full\" />\r\n                </div>\r\n                <Skeleton className=\"h-3 w-32\" />\r\n              </div>\r\n            </div>\r\n            <div className=\"mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3\">\r\n              <div className=\"flex justify-between gap-4\">\r\n                <Skeleton className=\"h-3 w-20\" />\r\n                <Skeleton className=\"h-3 w-24\" />\r\n              </div>\r\n              <div className=\"flex justify-between gap-4\">\r\n                <Skeleton className=\"h-3 w-20\" />\r\n                <Skeleton className=\"h-3 w-28\" />\r\n              </div>\r\n              <div className=\"flex justify-between gap-4\">\r\n                <Skeleton className=\"h-3 w-16\" />\r\n                <Skeleton className=\"h-3 w-32\" />\r\n              </div>\r\n            </div>\r\n            <div className=\"mt-4 flex gap-2\">\r\n              <Skeleton className=\"h-8 flex-1 rounded-md\" />\r\n              <Skeleton className=\"h-8 flex-1 rounded-md\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (!approval) {\r\n    return (\r\n      <div className=\"flex min-h-screen items-center justify-center bg-background p-6\">\r\n        <div className=\"w-full max-w-md rounded-2xl border bg-card p-6 text-center\">\r\n          <IconAlertCircle\r\n            size={32}\r\n            className=\"mx-auto mb-3 text-muted-foreground\"\r\n          />\r\n          <p className=\"text-sm font-medium text-foreground\">\r\n            Approval not found\r\n          </p>\r\n          <p className=\"mt-1 text-xs text-muted-foreground\">\r\n            The approval with id{\" \"}\r\n            <code className=\"rounded bg-muted px-1\">{id}</code> does not exist.\r\n          </p>\r\n          {inEmbed && (\r\n            <Button\r\n              size=\"sm\"\r\n              variant=\"outline\"\r\n              className=\"mt-4 gap-1.5\"\r\n              onClick={() => postNavigate(appPath(\"/approvals\"))}\r\n            >\r\n              <IconArrowUpRight size={14} />\r\n              View all approvals\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const isPending = approval.status === \"pending\";\r\n  const beforeValue = parseApprovalValue(approval.beforeValue);\r\n  const afterValue = parseApprovalValue(approval.afterValue);\r\n\r\n  return (\r\n    <div className=\"flex min-h-screen items-start justify-center bg-background p-6\">\r\n      <div className=\"w-full max-w-2xl space-y-4\">\r\n        <div className=\"rounded-2xl border bg-card p-5\">\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border bg-muted text-foreground\">\r\n              <IconShieldCheck size={17} />\r\n            </div>\r\n            <div className=\"min-w-0 flex-1\">\r\n              <div className=\"flex flex-wrap items-center gap-2\">\r\n                <span className=\"text-sm font-semibold text-foreground\">\r\n                  {approval.summary}\r\n                </span>\r\n                <StatusBadge status={approval.status} />\r\n              </div>\r\n              <div className=\"mt-1 text-xs text-muted-foreground\">\r\n                Requested by{\" \"}\r\n                <span className=\"font-medium text-foreground\">\r\n                  {approval.requestedBy}\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3 text-xs\">\r\n            <div className=\"flex justify-between gap-4\">\r\n              <span className=\"text-muted-foreground\">Change type</span>\r\n              <span className=\"font-mono font-medium text-foreground\">\r\n                {approval.changeType}\r\n              </span>\r\n            </div>\r\n            <div className=\"flex justify-between gap-4\">\r\n              <span className=\"text-muted-foreground\">Target type</span>\r\n              <span className=\"font-mono font-medium text-foreground\">\r\n                {approval.targetType}\r\n              </span>\r\n            </div>\r\n            {approval.targetId && (\r\n              <div className=\"flex justify-between gap-4\">\r\n                <span className=\"text-muted-foreground\">Target id</span>\r\n                <span className=\"truncate font-mono font-medium text-foreground\">\r\n                  {approval.targetId}\r\n                </span>\r\n              </div>\r\n            )}\r\n            {approval.reviewedBy && (\r\n              <div className=\"flex justify-between gap-4\">\r\n                <span className=\"text-muted-foreground\">Reviewed by</span>\r\n                <span className=\"font-medium text-foreground\">\r\n                  {approval.reviewedBy}\r\n                </span>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {(beforeValue !== null || afterValue !== null) && (\r\n            <div className=\"mt-4 grid gap-3 md:grid-cols-2\">\r\n              <ApprovalValueBlock label=\"Before\" value={beforeValue} />\r\n              <ApprovalValueBlock label=\"After\" value={afterValue} />\r\n            </div>\r\n          )}\r\n\r\n          {isPending && (\r\n            <div className=\"mt-4 flex gap-2\">\r\n              <Button\r\n                size=\"sm\"\r\n                className=\"flex-1\"\r\n                disabled={approve.isPending || reject.isPending}\r\n                onClick={() => approve.mutate({ id: approval.id })}\r\n              >\r\n                <IconCheck size={14} className=\"mr-1.5\" />\r\n                Approve\r\n              </Button>\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"outline\"\r\n                className=\"flex-1\"\r\n                disabled={approve.isPending || reject.isPending}\r\n                onClick={() =>\r\n                  reject.mutate({\r\n                    id: approval.id,\r\n                    reason: \"Rejected in dispatch UI\",\r\n                  })\r\n                }\r\n              >\r\n                <IconX size={14} className=\"mr-1.5\" />\r\n                Reject\r\n              </Button>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {inEmbed && (\r\n          <div className=\"flex justify-end\">\r\n            <Button\r\n              size=\"sm\"\r\n              variant=\"ghost\"\r\n              className=\"gap-1.5 text-muted-foreground\"\r\n              onClick={() => postNavigate(appPath(\"/approvals\"))}\r\n            >\r\n              <IconArrowUpRight size={14} />\r\n              Open in app\r\n            </Button>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"]}

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

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

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

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

package/dist/routes/pages/approvals.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery } from "@agent-native/core/client";
+import { useOrg } from "@agent-native/core/client/org";
+import { useMemo, useState } from "react";
+import { toast } from "sonner";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Button } from "../../components/ui/button.js";
+import { Input } from "../../components/ui/input.js";
+import { Switch } from "../../components/ui/switch.js";
+export function meta() {
+    return [{ title: "Approvals — Dispatch" }];
+}
+export default function ApprovalsRoute() {
+    const { data: settings } = useActionQuery("get-dispatch-settings", {});
+    const { data: approvals } = useActionQuery("list-dispatch-approvals", {});
+    const { data: org } = useOrg();
+    const hasOrg = !!org?.orgId;
+    const [emails, setEmails] = useState("");
+    const approverList = useMemo(() => emails
+        .split(",")
+        .map((value) => value.trim())
+        .filter(Boolean), [emails]);
+    const savePolicy = useActionMutation("set-dispatch-approval-policy", {
+        onSuccess: () => toast.success("Approval policy updated"),
+        onError: (err) => toast.error(String(err)),
+    });
+    const approve = useActionMutation("approve-dispatch-change", {
+        onSuccess: () => toast.success("Change approved"),
+        onError: (err) => toast.error(String(err)),
+    });
+    const reject = useActionMutation("reject-dispatch-change", {
+        onSuccess: () => toast.success("Change rejected"),
+        onError: (err) => toast.error(String(err)),
+    });
+    return (_jsx(DispatchShell, { title: "Approvals", description: "Review durable dispatch changes before they apply.", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]", children: [_jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Approval policy" }), _jsxs("div", { className: "mt-4 space-y-4", children: [_jsxs("label", { className: "flex items-center justify-between rounded-xl border px-4 py-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Require approval for durable changes" }), _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: hasOrg
+                                                        ? "Applies to saved destinations, shared dream proposals, All-app workspace resources, and dispatch settings."
+                                                        : "Requires a team workspace. Set one up on the Team page." })] }), _jsx(Switch, { checked: settings?.enabled || false, disabled: !hasOrg || savePolicy.isPending, onCheckedChange: (checked) => savePolicy.mutate({
+                                                enabled: checked,
+                                                approverEmails: settings?.approverEmails || approverList,
+                                            }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Approver emails" }), _jsx(Input, { value: emails, onChange: (event) => setEmails(event.target.value), placeholder: (settings?.approverEmails || []).join(", "), disabled: !hasOrg }), _jsx(Button, { className: "w-full", variant: "outline", disabled: !hasOrg || savePolicy.isPending, onClick: () => savePolicy.mutate({
+                                                enabled: settings?.enabled || false,
+                                                approverEmails: approverList,
+                                            }), children: "Save approvers" })] })] })] }), _jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Pending and recent requests" }), _jsxs("div", { className: "mt-4 space-y-3", children: [(approvals || []).map((approval) => (_jsx("div", { className: "rounded-xl border bg-muted/30 px-4 py-3", 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: approval.summary }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [approval.status, " \u00B7 requested by ", approval.requestedBy] })] }), approval.status === "pending" && (_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { size: "sm", onClick: () => approve.mutate({ id: approval.id }), children: "Approve" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => reject.mutate({
+                                                            id: approval.id,
+                                                            reason: "Rejected in dispatch UI",
+                                                        }), children: "Reject" })] }))] }) }, approval.id))), (approvals?.length || 0) === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No approval requests yet." }))] })] })] }) }));
+}
+//# sourceMappingURL=approvals.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"approvals.js","sourceRoot":"","sources":["../../../src/routes/pages/approvals.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\r\nimport { useOrg } from \"@agent-native/core/client/org\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { toast } from \"sonner\";\r\n\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport { Input } from \"../../components/ui/input\";\r\nimport { Switch } from \"../../components/ui/switch\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Approvals — Dispatch\" }];\r\n}\r\n\r\nexport default function ApprovalsRoute() {\r\n  const { data: settings } = useActionQuery(\"get-dispatch-settings\", {});\r\n  const { data: approvals } = useActionQuery(\"list-dispatch-approvals\", {});\r\n  const { data: org } = useOrg();\r\n  const hasOrg = !!org?.orgId;\r\n  const [emails, setEmails] = useState(\"\");\r\n\r\n  const approverList = useMemo(\r\n    () =>\r\n      emails\r\n        .split(\",\")\r\n        .map((value) => value.trim())\r\n        .filter(Boolean),\r\n    [emails],\r\n  );\r\n\r\n  const savePolicy = useActionMutation(\"set-dispatch-approval-policy\", {\r\n    onSuccess: () => toast.success(\"Approval policy updated\"),\r\n    onError: (err) => toast.error(String(err)),\r\n  });\r\n  const approve = useActionMutation(\"approve-dispatch-change\", {\r\n    onSuccess: () => toast.success(\"Change approved\"),\r\n    onError: (err) => toast.error(String(err)),\r\n  });\r\n  const reject = useActionMutation(\"reject-dispatch-change\", {\r\n    onSuccess: () => toast.success(\"Change rejected\"),\r\n    onError: (err) => toast.error(String(err)),\r\n  });\r\n\r\n  return (\r\n    <DispatchShell\r\n      title=\"Approvals\"\r\n      description=\"Review durable dispatch changes before they apply.\"\r\n    >\r\n      <div className=\"grid gap-4 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]\">\r\n        <section className=\"rounded-2xl border bg-card p-5\">\r\n          <h2 className=\"text-lg font-semibold text-foreground\">\r\n            Approval policy\r\n          </h2>\r\n          <div className=\"mt-4 space-y-4\">\r\n            <label className=\"flex items-center justify-between rounded-xl border px-4 py-3\">\r\n              <div>\r\n                <div className=\"text-sm font-medium text-foreground\">\r\n                  Require approval for durable changes\r\n                </div>\r\n                <div className=\"mt-1 text-xs text-muted-foreground\">\r\n                  {hasOrg\r\n                    ? \"Applies to saved destinations, shared dream proposals, All-app workspace resources, and dispatch settings.\"\r\n                    : \"Requires a team workspace. Set one up on the Team page.\"}\r\n                </div>\r\n              </div>\r\n              <Switch\r\n                checked={settings?.enabled || false}\r\n                disabled={!hasOrg || savePolicy.isPending}\r\n                onCheckedChange={(checked) =>\r\n                  savePolicy.mutate({\r\n                    enabled: checked,\r\n                    approverEmails: settings?.approverEmails || approverList,\r\n                  })\r\n                }\r\n              />\r\n            </label>\r\n            <div className=\"space-y-2\">\r\n              <div className=\"text-sm font-medium text-foreground\">\r\n                Approver emails\r\n              </div>\r\n              <Input\r\n                value={emails}\r\n                onChange={(event) => setEmails(event.target.value)}\r\n                placeholder={(settings?.approverEmails || []).join(\", \")}\r\n                disabled={!hasOrg}\r\n              />\r\n              <Button\r\n                className=\"w-full\"\r\n                variant=\"outline\"\r\n                disabled={!hasOrg || savePolicy.isPending}\r\n                onClick={() =>\r\n                  savePolicy.mutate({\r\n                    enabled: settings?.enabled || false,\r\n                    approverEmails: approverList,\r\n                  })\r\n                }\r\n              >\r\n                Save approvers\r\n              </Button>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <section className=\"rounded-2xl border bg-card p-5\">\r\n          <h2 className=\"text-lg font-semibold text-foreground\">\r\n            Pending and recent requests\r\n          </h2>\r\n          <div className=\"mt-4 space-y-3\">\r\n            {(approvals || []).map((approval: any) => (\r\n              <div\r\n                key={approval.id}\r\n                className=\"rounded-xl border bg-muted/30 px-4 py-3\"\r\n              >\r\n                <div className=\"flex items-start justify-between gap-3\">\r\n                  <div>\r\n                    <div className=\"text-sm font-medium text-foreground\">\r\n                      {approval.summary}\r\n                    </div>\r\n                    <div className=\"mt-1 text-xs text-muted-foreground\">\r\n                      {approval.status} · requested by {approval.requestedBy}\r\n                    </div>\r\n                  </div>\r\n                  {approval.status === \"pending\" && (\r\n                    <div className=\"flex gap-2\">\r\n                      <Button\r\n                        size=\"sm\"\r\n                        onClick={() => approve.mutate({ id: approval.id })}\r\n                      >\r\n                        Approve\r\n                      </Button>\r\n                      <Button\r\n                        size=\"sm\"\r\n                        variant=\"outline\"\r\n                        onClick={() =>\r\n                          reject.mutate({\r\n                            id: approval.id,\r\n                            reason: \"Rejected in dispatch UI\",\r\n                          })\r\n                        }\r\n                      >\r\n                        Reject\r\n                      </Button>\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            ))}\r\n            {(approvals?.length || 0) === 0 && (\r\n              <div className=\"rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground\">\r\n                No approval requests yet.\r\n              </div>\r\n            )}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

package/dist/routes/pages/apps.$appId.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function WorkspaceAppRoute(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=apps.$appId.d.ts.map

package/dist/routes/pages/apps.$appId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apps.$appId.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,oDAqGxC"}

package/dist/routes/pages/apps.$appId.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionQuery, useT } from "@agent-native/core/client";
+import { IconArrowLeft, IconArrowUpRight, IconClockHour4, } from "@tabler/icons-react";
+import { useEffect, useMemo } from "react";
+import { Link, useParams } from "react-router";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+import { workspaceAppHref, } from "../../lib/workspace-apps.js";
+export function meta() {
+    return [{ title: "Workspace app - Dispatch" }];
+}
+export default function WorkspaceAppRoute() {
+    const t = useT();
+    const { appId } = useParams();
+    const { data: apps = [], isLoading } = useActionQuery("list-workspace-apps", {
+        includeAgentCards: false,
+    });
+    const app = useMemo(() => apps.find((item) => item.id === appId) ?? null, [appId, apps]);
+    const href = app ? workspaceAppHref(app) : null;
+    useEffect(() => {
+        if (!app || app.status === "pending" || !href)
+            return;
+        window.location.assign(href);
+    }, [app, href]);
+    return (_jsx(DispatchShell, { title: app?.name || t("dispatch.pages.workspaceAppFallback"), description: t("dispatch.pages.workspaceAppDescription"), children: _jsxs("div", { className: "max-w-2xl rounded-lg border bg-card p-5", children: [_jsx(Button, { asChild: true, size: "sm", variant: "ghost", className: "-ml-2 mb-4", children: _jsxs(Link, { to: "/apps", children: [_jsx(IconArrowLeft, { size: 15, className: "mr-1.5" }), t("dispatch.nav.apps")] }) }), isLoading && !app ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-5 w-48" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-2/3" })] })) : !app ? (_jsxs("div", { className: "space-y-3", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: t("dispatch.pages.appNotFound") }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("dispatch.pages.pageNotFoundDescription") })] })) : app.status === "pending" ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: app.name }), _jsxs(Badge, { variant: "outline", className: "gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300", children: [_jsx(IconClockHour4, { size: 12 }), t("dispatch.pages.building")] })] }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [t("dispatch.pages.appBuildingPrefix"), " ", _jsx("span", { className: "font-mono text-foreground", children: app.path }), " ", t("dispatch.pages.appBuildingSuffix")] }), app.branchName ? (_jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.branch", { branch: app.branchName }) })) : null, app.builderUrl ? (_jsx(Button, { asChild: true, children: _jsxs("a", { href: app.builderUrl, target: "_blank", rel: "noreferrer", children: [t("dispatch.pages.openBuilderBranch"), _jsx(IconArrowUpRight, { size: 15, className: "ml-1.5" })] }) })) : null] })) : (_jsxs("div", { className: "space-y-3", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: t("dispatch.pages.openingApp", { name: app.name }) }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [t("dispatch.pages.redirectingTo"), " ", _jsx("span", { className: "font-mono text-foreground", children: app.path }), "."] }), href ? (_jsx(Button, { asChild: true, children: _jsxs("a", { href: href, children: [t("dispatch.pages.openApp"), _jsx(IconArrowUpRight, { size: 15, className: "ml-1.5" })] }) })) : null] }))] }) }));
+}
+//# sourceMappingURL=apps.$appId.js.map

package/dist/routes/pages/apps.$appId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apps.$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EACL,gBAAgB,GAEjB,MAAM,0BAA0B,CAAC;AAElC,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC;IAC9B,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,qBAAqB,EAAE;QAC3E,iBAAiB,EAAE,KAAK;KACzB,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CACF,IAA8B,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,IAAI,IAAI,EAC3E,CAAC,KAAK,EAAE,IAAI,CAAC,CACd,CAAC;IACF,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,IAAI;YAAE,OAAO;QACtD,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,CAAC,qCAAqC,CAAC,EAC5D,WAAW,EAAE,CAAC,CAAC,wCAAwC,CAAC,YAExD,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,YAC9D,MAAC,IAAI,IAAC,EAAE,EAAC,OAAO,aACd,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,GAAG,EAC7C,CAAC,CAAC,mBAAmB,CAAC,IAClB,GACA,EAER,SAAS,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,IAC9B,CACP,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CACT,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,yCAAyC,YACpD,CAAC,CAAC,4BAA4B,CAAC,GAC7B,EACL,YAAG,SAAS,EAAC,+BAA+B,YACzC,CAAC,CAAC,wCAAwC,CAAC,GAC1C,IACA,CACP,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,mCAAmC,aAChD,aAAI,SAAS,EAAC,yCAAyC,YACpD,GAAG,CAAC,IAAI,GACN,EACL,MAAC,KAAK,IACJ,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,8EAA8E,aAExF,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,EAC3B,CAAC,CAAC,yBAAyB,CAAC,IACvB,IACJ,EACN,aAAG,SAAS,EAAC,+BAA+B,aACzC,CAAC,CAAC,kCAAkC,CAAC,EAAE,GAAG,EAC3C,eAAM,SAAS,EAAC,2BAA2B,YAAE,GAAG,CAAC,IAAI,GAAQ,EAAC,GAAG,EAChE,CAAC,CAAC,kCAAkC,CAAC,IACpC,EACH,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAChB,YAAG,SAAS,EAAC,+BAA+B,YACzC,CAAC,CAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,UAAU,EAAE,CAAC,GACrD,CACL,CAAC,CAAC,CAAC,IAAI,EACP,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAChB,KAAC,MAAM,IAAC,OAAO,kBACb,aAAG,IAAI,EAAE,GAAG,CAAC,UAAU,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,aACtD,CAAC,CAAC,kCAAkC,CAAC,EACtC,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC/C,GACG,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,yCAAyC,YACpD,CAAC,CAAC,2BAA2B,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,GAChD,EACL,aAAG,SAAS,EAAC,+BAA+B,aACzC,CAAC,CAAC,8BAA8B,CAAC,EAAE,GAAG,EACvC,eAAM,SAAS,EAAC,2BAA2B,YAAE,GAAG,CAAC,IAAI,GAAQ,SAC3D,EACH,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,IAAC,OAAO,kBACb,aAAG,IAAI,EAAE,IAAI,aACV,CAAC,CAAC,wBAAwB,CAAC,EAC5B,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC/C,GACG,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,IACG,GACQ,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { useActionQuery, useT } from \"@agent-native/core/client\";\r\nimport {\r\n  IconArrowLeft,\r\n  IconArrowUpRight,\r\n  IconClockHour4,\r\n} from \"@tabler/icons-react\";\r\nimport { useEffect, useMemo } from \"react\";\r\nimport { Link, useParams } from \"react-router\";\r\n\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { Badge } from \"../../components/ui/badge\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport { Skeleton } from \"../../components/ui/skeleton\";\r\nimport {\r\n  workspaceAppHref,\r\n  type WorkspaceAppSummary,\r\n} from \"../../lib/workspace-apps\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Workspace app - Dispatch\" }];\r\n}\r\n\r\nexport default function WorkspaceAppRoute() {\r\n  const t = useT();\r\n  const { appId } = useParams();\r\n  const { data: apps = [], isLoading } = useActionQuery(\"list-workspace-apps\", {\r\n    includeAgentCards: false,\r\n  });\r\n  const app = useMemo(\r\n    () =>\r\n      (apps as WorkspaceAppSummary[]).find((item) => item.id === appId) ?? null,\r\n    [appId, apps],\r\n  );\r\n  const href = app ? workspaceAppHref(app) : null;\r\n\r\n  useEffect(() => {\r\n    if (!app || app.status === \"pending\" || !href) return;\r\n    window.location.assign(href);\r\n  }, [app, href]);\r\n\r\n  return (\r\n    <DispatchShell\r\n      title={app?.name || t(\"dispatch.pages.workspaceAppFallback\")}\r\n      description={t(\"dispatch.pages.workspaceAppDescription\")}\r\n    >\r\n      <div className=\"max-w-2xl rounded-lg border bg-card p-5\">\r\n        <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\r\n          <Link to=\"/apps\">\r\n            <IconArrowLeft size={15} className=\"mr-1.5\" />\r\n            {t(\"dispatch.nav.apps\")}\r\n          </Link>\r\n        </Button>\r\n\r\n        {isLoading && !app ? (\r\n          <div className=\"space-y-3\">\r\n            <Skeleton className=\"h-5 w-48\" />\r\n            <Skeleton className=\"h-4 w-full\" />\r\n            <Skeleton className=\"h-4 w-2/3\" />\r\n          </div>\r\n        ) : !app ? (\r\n          <div className=\"space-y-3\">\r\n            <h2 className=\"text-base font-semibold text-foreground\">\r\n              {t(\"dispatch.pages.appNotFound\")}\r\n            </h2>\r\n            <p className=\"text-sm text-muted-foreground\">\r\n              {t(\"dispatch.pages.pageNotFoundDescription\")}\r\n            </p>\r\n          </div>\r\n        ) : app.status === \"pending\" ? (\r\n          <div className=\"space-y-4\">\r\n            <div className=\"flex flex-wrap items-center gap-2\">\r\n              <h2 className=\"text-base font-semibold text-foreground\">\r\n                {app.name}\r\n              </h2>\r\n              <Badge\r\n                variant=\"outline\"\r\n                className=\"gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\"\r\n              >\r\n                <IconClockHour4 size={12} />\r\n                {t(\"dispatch.pages.building\")}\r\n              </Badge>\r\n            </div>\r\n            <p className=\"text-sm text-muted-foreground\">\r\n              {t(\"dispatch.pages.appBuildingPrefix\")}{\" \"}\r\n              <span className=\"font-mono text-foreground\">{app.path}</span>{\" \"}\r\n              {t(\"dispatch.pages.appBuildingSuffix\")}\r\n            </p>\r\n            {app.branchName ? (\r\n              <p className=\"text-xs text-muted-foreground\">\r\n                {t(\"dispatch.pages.branch\", { branch: app.branchName })}\r\n              </p>\r\n            ) : null}\r\n            {app.builderUrl ? (\r\n              <Button asChild>\r\n                <a href={app.builderUrl} target=\"_blank\" rel=\"noreferrer\">\r\n                  {t(\"dispatch.pages.openBuilderBranch\")}\r\n                  <IconArrowUpRight size={15} className=\"ml-1.5\" />\r\n                </a>\r\n              </Button>\r\n            ) : null}\r\n          </div>\r\n        ) : (\r\n          <div className=\"space-y-3\">\r\n            <h2 className=\"text-base font-semibold text-foreground\">\r\n              {t(\"dispatch.pages.openingApp\", { name: app.name })}\r\n            </h2>\r\n            <p className=\"text-sm text-muted-foreground\">\r\n              {t(\"dispatch.pages.redirectingTo\")}{\" \"}\r\n              <span className=\"font-mono text-foreground\">{app.path}</span>.\r\n            </p>\r\n            {href ? (\r\n              <Button asChild>\r\n                <a href={href}>\r\n                  {t(\"dispatch.pages.openApp\")}\r\n                  <IconArrowUpRight size={15} className=\"ml-1.5\" />\r\n                </a>\r\n              </Button>\r\n            ) : null}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"apps.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,IAAI;;IAEnB;AA+BD,MAAM,CAAC,OAAO,UAAU,SAAS,oDAmNhC"}

package/dist/routes/pages/apps.js

@@ -0,0 +1,90 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery, useT, } from "@agent-native/core/client";
+import { IconApps, IconBrain, IconBrush, IconCalendarMonth, IconChartBar, IconChevronDown, IconClipboardList, IconEyeOff, IconFileText, IconLoader2, IconMail, IconPhoto, IconPlus, IconPresentation, IconScreenShare, IconSparkles, IconStack3, } from "@tabler/icons-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import { CreateAppPopover } from "../../components/create-app-popover.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Button } from "../../components/ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../../components/ui/collapsible.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+import { WorkspaceAppCard } from "../../components/workspace-app-card.js";
+import { cn } from "../../lib/utils.js";
+export function meta() {
+    return [{ title: "Apps — Dispatch" }];
+}
+const TEMPLATE_ICONS = {
+    Mail: IconMail,
+    CalendarMonth: IconCalendarMonth,
+    FileText: IconFileText,
+    Presentation: IconPresentation,
+    ScreenShare: IconScreenShare,
+    Brain: IconBrain,
+    Photo: IconPhoto,
+    ChartBar: IconChartBar,
+    ClipboardList: IconClipboardList,
+    Brush: IconBrush,
+};
+export default function AppsRoute() {
+    const t = useT();
+    const [showHidden, setShowHidden] = useState(false);
+    const [templatesOpen, setTemplatesOpen] = useState(false);
+    const { data: apps = [], isLoading: appsLoading } = useActionQuery("list-workspace-apps", { includeAgentCards: false, includeArchived: true });
+    const { data: workspace } = useActionQuery("get-workspace-info", {}, { staleTime: 60_000 });
+    const { data: templates = [], isLoading: templatesLoading } = useActionQuery("list-available-workspace-templates", {}, { refetchInterval: 5_000 });
+    const ws = workspace;
+    const workspaceLabel = ws?.displayName ?? ws?.name ?? null;
+    const allApps = apps.filter((app) => !app.isDispatch);
+    const visibleApps = allApps.filter((app) => !app.archived);
+    const archivedApps = allApps.filter((app) => app.archived);
+    const typedTemplates = templates;
+    const showAppSkeletons = appsLoading && allApps.length === 0;
+    return (_jsx(DispatchShell, { title: t("dispatch.nav.apps"), description: workspaceLabel
+            ? t("dispatch.pages.appsDescriptionWithWorkspace", {
+                workspace: workspaceLabel,
+            })
+            : t("dispatch.pages.appsDescription"), children: _jsxs("div", { className: "space-y-8", children: [_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconApps, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: workspaceLabel
+                                                        ? t("dispatch.pages.appsInWorkspace", {
+                                                            workspace: workspaceLabel,
+                                                        })
+                                                        : t("dispatch.pages.workspaceApps") }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [t("dispatch.pages.activeCount", {
+                                                            count: visibleApps.length,
+                                                        }), archivedApps.length > 0
+                                                            ? ` · ${t("dispatch.pages.hiddenCount", {
+                                                                count: archivedApps.length,
+                                                            })}`
+                                                            : ""] })] })] }), visibleApps.length > 0 ? (_jsx(CreateAppPopover, { align: "end", trigger: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.createApp")] }) })) : null] }), showAppSkeletons ? (_jsx(AppsSkeletonGrid, {})) : visibleApps.length > 0 ? (_jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: visibleApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "h-full" }, app.id))) })) : (_jsx(EmptyAppsState, {}))] }), typedTemplates.length > 0 || templatesLoading ? (_jsx(Collapsible, { open: templatesOpen, onOpenChange: setTemplatesOpen, children: _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconStack3, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.templates") }), _jsx("p", { className: "text-xs text-muted-foreground", children: templatesLoading
+                                                            ? t("dispatch.pages.checkingTemplates")
+                                                            : t("dispatch.pages.templatesAvailable", {
+                                                                count: typedTemplates.length,
+                                                            }) })] })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5", children: [templatesOpen
+                                                    ? t("dispatch.pages.hide")
+                                                    : t("dispatch.pages.show"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", templatesOpen && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: templatesLoading && typedTemplates.length === 0 ? (_jsx(AppsSkeletonGrid, {})) : (_jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: typedTemplates.map((template) => (_jsx(AddTemplateCard, { template: template }, template.name))) })) })] }) })) : null, archivedApps.length > 0 ? (_jsx(Collapsible, { open: showHidden, onOpenChange: setShowHidden, children: _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconEyeOff, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.hiddenApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.hiddenAppCount", {
+                                                            count: archivedApps.length,
+                                                        }) })] })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5", children: [showHidden
+                                                    ? t("dispatch.pages.hide")
+                                                    : t("dispatch.pages.show"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showHidden && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: archivedApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "h-full" }, app.id))) }) })] }) })) : null] }) }));
+}
+function AppsSkeletonGrid() {
+    return (_jsx("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => (_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-7 w-7 rounded-md" })] }) }, index))) }));
+}
+function EmptyAppsState() {
+    const t = useT();
+    return (_jsxs("div", { className: "rounded-lg border border-dashed bg-card px-4 py-10 text-center", children: [_jsx("div", { className: "mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(IconApps, { size: 18 }) }), _jsx("h3", { className: "mt-3 text-sm font-semibold text-foreground", children: t("dispatch.pages.noWorkspaceApps") }), _jsx("p", { className: "mx-auto mt-1 max-w-sm text-sm text-muted-foreground", children: t("dispatch.pages.noWorkspaceAppsDescription") }), _jsx("div", { className: "mt-4", children: _jsx(CreateAppPopover, { trigger: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.createApp")] }) }) })] }));
+}
+function AddTemplateCard({ template }) {
+    const Icon = TEMPLATE_ICONS[template.icon] ?? IconSparkles;
+    const scaffold = useActionMutation("scaffold-workspace-app", {
+        onSuccess: (result) => {
+            toast.success(`Scaffolded apps/${result?.appId || template.name}. The gateway will pick it up shortly.`);
+        },
+        onError: (err) => {
+            toast.error(`Could not scaffold ${template.label}: ${err instanceof Error ? err.message : String(err)}`);
+        },
+    });
+    return (_jsxs("div", { className: "group relative flex h-full min-h-36 items-stretch gap-3 rounded-lg border bg-card p-4 transition hover:border-foreground/30", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center self-start rounded-md", style: {
+                    backgroundColor: `rgb(${template.colorRgb} / 0.12)`,
+                    color: template.color,
+                }, children: _jsx(Icon, { size: 18 }) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("div", { className: "flex min-w-0 items-center gap-2", children: _jsx("h3", { className: "truncate text-sm font-semibold text-foreground", children: template.label }) }), _jsx("p", { className: "mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: template.hint }), _jsx("div", { className: "mt-auto pt-3", children: _jsx(Button, { size: "sm", variant: "outline", disabled: scaffold.isPending, onClick: () => scaffold.mutate({ template: template.name }), children: scaffold.isPending ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { size: 14, className: "mr-1.5 animate-spin" }), "Adding..."] })) : (_jsxs(_Fragment, { children: [_jsx(IconPlus, { size: 14, className: "mr-1.5" }), "Add to workspace"] })) }) })] })] }));
+}
+//# sourceMappingURL=apps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apps.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  useActionMutation,\r\n  useActionQuery,\r\n  useT,\r\n} from \"@agent-native/core/client\";\r\nimport {\r\n  IconApps,\r\n  IconBrain,\r\n  IconBrush,\r\n  IconCalendarMonth,\r\n  IconChartBar,\r\n  IconChevronDown,\r\n  IconClipboardList,\r\n  IconEyeOff,\r\n  IconFileText,\r\n  IconLoader2,\r\n  IconMail,\r\n  IconPhoto,\r\n  IconPlus,\r\n  IconPresentation,\r\n  IconScreenShare,\r\n  IconSparkles,\r\n  IconStack3,\r\n} from \"@tabler/icons-react\";\r\nimport { useState } from \"react\";\r\nimport { toast } from \"sonner\";\r\n\r\nimport { CreateAppPopover } from \"../../components/create-app-popover\";\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport {\r\n  Collapsible,\r\n  CollapsibleContent,\r\n  CollapsibleTrigger,\r\n} from \"../../components/ui/collapsible\";\r\nimport { Skeleton } from \"../../components/ui/skeleton\";\r\nimport { WorkspaceAppCard } from \"../../components/workspace-app-card\";\r\nimport { cn } from \"../../lib/utils\";\r\nimport type { WorkspaceAppSummary } from \"../../lib/workspace-apps\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Apps — Dispatch\" }];\r\n}\r\n\r\ninterface WorkspaceInfo {\r\n  name: string | null;\r\n  displayName: string | null;\r\n  appCount: number;\r\n}\r\n\r\ninterface AvailableTemplate {\r\n  name: string;\r\n  label: string;\r\n  hint: string;\r\n  icon: string;\r\n  color: string;\r\n  colorRgb: string;\r\n  core: boolean;\r\n}\r\n\r\nconst TEMPLATE_ICONS: Record<string, typeof IconMail> = {\r\n  Mail: IconMail,\r\n  CalendarMonth: IconCalendarMonth,\r\n  FileText: IconFileText,\r\n  Presentation: IconPresentation,\r\n  ScreenShare: IconScreenShare,\r\n  Brain: IconBrain,\r\n  Photo: IconPhoto,\r\n  ChartBar: IconChartBar,\r\n  ClipboardList: IconClipboardList,\r\n  Brush: IconBrush,\r\n};\r\n\r\nexport default function AppsRoute() {\r\n  const t = useT();\r\n  const [showHidden, setShowHidden] = useState(false);\r\n  const [templatesOpen, setTemplatesOpen] = useState(false);\r\n  const { data: apps = [], isLoading: appsLoading } = useActionQuery(\r\n    \"list-workspace-apps\",\r\n    { includeAgentCards: false, includeArchived: true },\r\n  );\r\n  const { data: workspace } = useActionQuery(\r\n    \"get-workspace-info\",\r\n    {},\r\n    { staleTime: 60_000 },\r\n  );\r\n  const { data: templates = [], isLoading: templatesLoading } = useActionQuery(\r\n    \"list-available-workspace-templates\",\r\n    {},\r\n    { refetchInterval: 5_000 },\r\n  );\r\n\r\n  const ws = workspace as WorkspaceInfo | undefined;\r\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\r\n  const allApps = (apps as WorkspaceAppSummary[]).filter(\r\n    (app) => !app.isDispatch,\r\n  );\r\n  const visibleApps = allApps.filter((app) => !app.archived);\r\n  const archivedApps = allApps.filter((app) => app.archived);\r\n  const typedTemplates = templates as AvailableTemplate[];\r\n  const showAppSkeletons = appsLoading && allApps.length === 0;\r\n\r\n  return (\r\n    <DispatchShell\r\n      title={t(\"dispatch.nav.apps\")}\r\n      description={\r\n        workspaceLabel\r\n          ? t(\"dispatch.pages.appsDescriptionWithWorkspace\", {\r\n              workspace: workspaceLabel,\r\n            })\r\n          : t(\"dispatch.pages.appsDescription\")\r\n      }\r\n    >\r\n      <div className=\"space-y-8\">\r\n        <section className=\"space-y-3\">\r\n          <div className=\"flex flex-wrap items-end justify-between gap-3\">\r\n            <div className=\"flex min-w-0 items-start gap-2\">\r\n              <IconApps\r\n                size={16}\r\n                className=\"mt-0.5 shrink-0 text-muted-foreground\"\r\n              />\r\n              <div className=\"min-w-0\">\r\n                <h2 className=\"truncate text-sm font-semibold text-foreground\">\r\n                  {workspaceLabel\r\n                    ? t(\"dispatch.pages.appsInWorkspace\", {\r\n                        workspace: workspaceLabel,\r\n                      })\r\n                    : t(\"dispatch.pages.workspaceApps\")}\r\n                </h2>\r\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">\r\n                  {t(\"dispatch.pages.activeCount\", {\r\n                    count: visibleApps.length,\r\n                  })}\r\n                  {archivedApps.length > 0\r\n                    ? ` · ${t(\"dispatch.pages.hiddenCount\", {\r\n                        count: archivedApps.length,\r\n                      })}`\r\n                    : \"\"}\r\n                </p>\r\n              </div>\r\n            </div>\r\n            {visibleApps.length > 0 ? (\r\n              <CreateAppPopover\r\n                align=\"end\"\r\n                trigger={\r\n                  <Button size=\"sm\">\r\n                    <IconPlus size={15} className=\"mr-1.5\" />\r\n                    {t(\"dispatch.pages.createApp\")}\r\n                  </Button>\r\n                }\r\n              />\r\n            ) : null}\r\n          </div>\r\n\r\n          {showAppSkeletons ? (\r\n            <AppsSkeletonGrid />\r\n          ) : visibleApps.length > 0 ? (\r\n            <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\r\n              {visibleApps.map((app) => (\r\n                <WorkspaceAppCard key={app.id} app={app} className=\"h-full\" />\r\n              ))}\r\n            </div>\r\n          ) : (\r\n            <EmptyAppsState />\r\n          )}\r\n        </section>\r\n\r\n        {typedTemplates.length > 0 || templatesLoading ? (\r\n          <Collapsible open={templatesOpen} onOpenChange={setTemplatesOpen}>\r\n            <section className=\"space-y-3\">\r\n              <div className=\"flex flex-wrap items-center justify-between gap-3 border-t pt-4\">\r\n                <div className=\"flex min-w-0 items-center gap-2\">\r\n                  <IconStack3\r\n                    size={16}\r\n                    className=\"shrink-0 text-muted-foreground\"\r\n                  />\r\n                  <div className=\"min-w-0\">\r\n                    <h2 className=\"text-sm font-semibold text-foreground\">\r\n                      {t(\"dispatch.pages.templates\")}\r\n                    </h2>\r\n                    <p className=\"text-xs text-muted-foreground\">\r\n                      {templatesLoading\r\n                        ? t(\"dispatch.pages.checkingTemplates\")\r\n                        : t(\"dispatch.pages.templatesAvailable\", {\r\n                            count: typedTemplates.length,\r\n                          })}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <CollapsibleTrigger asChild>\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"outline\"\r\n                    size=\"sm\"\r\n                    className=\"gap-1.5\"\r\n                  >\r\n                    {templatesOpen\r\n                      ? t(\"dispatch.pages.hide\")\r\n                      : t(\"dispatch.pages.show\")}\r\n                    <IconChevronDown\r\n                      size={14}\r\n                      className={cn(\r\n                        \"transition-transform\",\r\n                        templatesOpen && \"rotate-180\",\r\n                      )}\r\n                    />\r\n                  </Button>\r\n                </CollapsibleTrigger>\r\n              </div>\r\n              <CollapsibleContent>\r\n                {templatesLoading && typedTemplates.length === 0 ? (\r\n                  <AppsSkeletonGrid />\r\n                ) : (\r\n                  <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\r\n                    {typedTemplates.map((template) => (\r\n                      <AddTemplateCard\r\n                        key={template.name}\r\n                        template={template}\r\n                      />\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </CollapsibleContent>\r\n            </section>\r\n          </Collapsible>\r\n        ) : null}\r\n\r\n        {archivedApps.length > 0 ? (\r\n          <Collapsible open={showHidden} onOpenChange={setShowHidden}>\r\n            <section className=\"space-y-3\">\r\n              <div className=\"flex flex-wrap items-center justify-between gap-3 border-t pt-4\">\r\n                <div className=\"flex min-w-0 items-center gap-2\">\r\n                  <IconEyeOff\r\n                    size={16}\r\n                    className=\"shrink-0 text-muted-foreground\"\r\n                  />\r\n                  <div className=\"min-w-0\">\r\n                    <h2 className=\"text-sm font-semibold text-foreground\">\r\n                      {t(\"dispatch.pages.hiddenApps\")}\r\n                    </h2>\r\n                    <p className=\"text-xs text-muted-foreground\">\r\n                      {t(\"dispatch.pages.hiddenAppCount\", {\r\n                        count: archivedApps.length,\r\n                      })}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <CollapsibleTrigger asChild>\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"outline\"\r\n                    size=\"sm\"\r\n                    className=\"gap-1.5\"\r\n                  >\r\n                    {showHidden\r\n                      ? t(\"dispatch.pages.hide\")\r\n                      : t(\"dispatch.pages.show\")}\r\n                    <IconChevronDown\r\n                      size={14}\r\n                      className={cn(\r\n                        \"transition-transform\",\r\n                        showHidden && \"rotate-180\",\r\n                      )}\r\n                    />\r\n                  </Button>\r\n                </CollapsibleTrigger>\r\n              </div>\r\n              <CollapsibleContent>\r\n                <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\r\n                  {archivedApps.map((app) => (\r\n                    <WorkspaceAppCard\r\n                      key={app.id}\r\n                      app={app}\r\n                      className=\"h-full\"\r\n                    />\r\n                  ))}\r\n                </div>\r\n              </CollapsibleContent>\r\n            </section>\r\n          </Collapsible>\r\n        ) : null}\r\n      </div>\r\n    </DispatchShell>\r\n  );\r\n}\r\n\r\nfunction AppsSkeletonGrid() {\r\n  return (\r\n    <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-3\">\r\n      {Array.from({ length: 3 }).map((_, index) => (\r\n        <div key={index} className=\"rounded-lg border bg-card p-4\">\r\n          <div className=\"flex items-start justify-between gap-3\">\r\n            <div className=\"min-w-0 flex-1 space-y-3\">\r\n              <Skeleton className=\"h-4 w-32\" />\r\n              <Skeleton className=\"h-3 w-24\" />\r\n              <div className=\"space-y-2 pt-1\">\r\n                <Skeleton className=\"h-3 w-full\" />\r\n                <Skeleton className=\"h-3 w-2/3\" />\r\n              </div>\r\n            </div>\r\n            <Skeleton className=\"h-7 w-7 rounded-md\" />\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction EmptyAppsState() {\r\n  const t = useT();\r\n  return (\r\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\r\n      <div className=\"mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\r\n        <IconApps size={18} />\r\n      </div>\r\n      <h3 className=\"mt-3 text-sm font-semibold text-foreground\">\r\n        {t(\"dispatch.pages.noWorkspaceApps\")}\r\n      </h3>\r\n      <p className=\"mx-auto mt-1 max-w-sm text-sm text-muted-foreground\">\r\n        {t(\"dispatch.pages.noWorkspaceAppsDescription\")}\r\n      </p>\r\n      <div className=\"mt-4\">\r\n        <CreateAppPopover\r\n          trigger={\r\n            <Button size=\"sm\">\r\n              <IconPlus size={15} className=\"mr-1.5\" />\r\n              {t(\"dispatch.pages.createApp\")}\r\n            </Button>\r\n          }\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction AddTemplateCard({ template }: { template: AvailableTemplate }) {\r\n  const Icon = TEMPLATE_ICONS[template.icon] ?? IconSparkles;\r\n  const scaffold = useActionMutation(\"scaffold-workspace-app\", {\r\n    onSuccess: (result: any) => {\r\n      toast.success(\r\n        `Scaffolded apps/${result?.appId || template.name}. The gateway will pick it up shortly.`,\r\n      );\r\n    },\r\n    onError: (err) => {\r\n      toast.error(\r\n        `Could not scaffold ${template.label}: ${\r\n          err instanceof Error ? err.message : String(err)\r\n        }`,\r\n      );\r\n    },\r\n  });\r\n\r\n  return (\r\n    <div className=\"group relative flex h-full min-h-36 items-stretch gap-3 rounded-lg border bg-card p-4 transition hover:border-foreground/30\">\r\n      <div\r\n        className=\"flex h-9 w-9 shrink-0 items-center justify-center self-start rounded-md\"\r\n        style={{\r\n          backgroundColor: `rgb(${template.colorRgb} / 0.12)`,\r\n          color: template.color,\r\n        }}\r\n      >\r\n        <Icon size={18} />\r\n      </div>\r\n      <div className=\"flex min-w-0 flex-1 flex-col\">\r\n        <div className=\"flex min-w-0 items-center gap-2\">\r\n          <h3 className=\"truncate text-sm font-semibold text-foreground\">\r\n            {template.label}\r\n          </h3>\r\n        </div>\r\n        <p className=\"mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground\">\r\n          {template.hint}\r\n        </p>\r\n        <div className=\"mt-auto pt-3\">\r\n          <Button\r\n            size=\"sm\"\r\n            variant=\"outline\"\r\n            disabled={scaffold.isPending}\r\n            onClick={() => scaffold.mutate({ template: template.name })}\r\n          >\r\n            {scaffold.isPending ? (\r\n              <>\r\n                <IconLoader2 size={14} className=\"mr-1.5 animate-spin\" />\r\n                Adding...\r\n              </>\r\n            ) : (\r\n              <>\r\n                <IconPlus size={14} className=\"mr-1.5\" />\r\n                Add to workspace\r\n              </>\r\n            )}\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"]}

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

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

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

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