@agent-native/dispatch 0.13.10 → 0.13.11

package/dist/routes/pages/automations.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PromptComposer, sendToAgentChat, useChangeVersions, } from "@agent-native/core/client";
+import { IconPlus, IconSettingsAutomation } from "@tabler/icons-react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+import { toast } from "sonner";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+import { Switch } from "../../components/ui/switch.js";
+import { automationIdentity, automationLastRun, automationNextRun, automationStatus, automationTarget, sortAutomations, } from "../../lib/automation-display.js";
+import { listDispatchAutomations, setDispatchAutomationEnabled, } from "../../lib/automations.js";
+import { cn } from "../../lib/utils.js";
+const AUTOMATIONS_QUERY_KEY = ["dispatch-automations"];
+export function meta() {
+    return [{ title: "Automations — Dispatch" }];
+}
+function StatusDot({ tone }) {
+    return (_jsx("span", { className: cn("size-2 shrink-0 rounded-full", tone === "success" && "bg-emerald-500", tone === "warning" && "bg-amber-500", tone === "danger" && "bg-destructive", tone === "muted" && "bg-muted-foreground/35", tone === "default" && "bg-primary") }));
+}
+function useAutomations() {
+    const version = useChangeVersions(["action", "screen-refresh"]);
+    return useQuery({
+        queryKey: [...AUTOMATIONS_QUERY_KEY, version],
+        queryFn: listDispatchAutomations,
+        placeholderData: (prev) => prev,
+        refetchInterval: 15_000,
+        staleTime: 5_000,
+    });
+}
+function useToggleAutomation() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: setDispatchAutomationEnabled,
+        onMutate: async (input) => {
+            await queryClient.cancelQueries({ queryKey: AUTOMATIONS_QUERY_KEY });
+            const snapshots = queryClient.getQueriesData({
+                queryKey: AUTOMATIONS_QUERY_KEY,
+            });
+            queryClient.setQueriesData({ queryKey: AUTOMATIONS_QUERY_KEY }, (rows) => rows?.map((item) => automationIdentity(item) === automationIdentity(input)
+                ? { ...item, enabled: input.enabled }
+                : item));
+            return { snapshots };
+        },
+        onError: (err, _input, context) => {
+            for (const [queryKey, data] of context?.snapshots ?? []) {
+                queryClient.setQueryData(queryKey, data);
+            }
+            toast.error(`Could not update automation: ${err instanceof Error ? err.message : String(err)}`);
+        },
+        onSuccess: (updated) => {
+            queryClient.setQueriesData({ queryKey: AUTOMATIONS_QUERY_KEY }, (rows) => rows?.map((item) => automationIdentity(item) === automationIdentity(updated)
+                ? updated
+                : item));
+        },
+        onSettled: () => {
+            void queryClient.invalidateQueries({ queryKey: AUTOMATIONS_QUERY_KEY });
+        },
+    });
+}
+function CreateAutomationButton() {
+    const [open, setOpen] = useState(false);
+    const [scope, setScope] = useState("personal");
+    function handleSubmit(text) {
+        const trimmed = text.trim();
+        if (!trimmed)
+            return;
+        window.dispatchEvent(new CustomEvent("agent-panel:set-mode", {
+            detail: { mode: "chat" },
+        }));
+        sendToAgentChat({
+            message: trimmed,
+            context: `The user wants to create a new automation. Scope: ${scope}. Use manage-automations with action=define to create it. Ask clarifying questions if needed about what event to trigger on, conditions, and what actions to take.`,
+            submit: true,
+            newTab: true,
+        });
+        setOpen(false);
+    }
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 14 }), "New automation"] }) }), _jsxs(PopoverContent, { align: "end", className: "w-[min(100vw-2rem,24rem)] p-3", children: [_jsx("p", { className: "pb-2 text-sm font-semibold text-foreground", children: "New automation" }), _jsx(PromptComposer, { autoFocus: true, placeholder: "Describe what you want to automate...", draftScope: "dispatch-automations:create", onSubmit: handleSubmit }), _jsxs("select", { value: scope, onChange: (event) => setScope(event.target.value), className: "mt-2 w-full cursor-pointer rounded-md border border-input bg-background px-3 py-1.5 text-xs text-foreground", children: [_jsx("option", { value: "personal", children: "Personal" }), _jsx("option", { value: "organization", children: "Organization" })] })] })] }));
+}
+export default function AutomationsRoute() {
+    const automationsQuery = useAutomations();
+    const toggleAutomation = useToggleAutomation();
+    const automations = automationsQuery.data ?? [];
+    const ordered = useMemo(() => sortAutomations(automations), [automations]);
+    const enabledCount = automations.filter((item) => item.enabled).length;
+    const errorCount = automations.filter((item) => item.enabled && item.lastStatus === "error").length;
+    const pendingToggleIdentity = toggleAutomation.isPending
+        ? toggleAutomation.variables
+            ? automationIdentity(toggleAutomation.variables)
+            : null
+        : null;
+    return (_jsx(DispatchShell, { title: "Automations", description: "See scheduled and event-triggered jobs, pause them, or ask the agent to create one.", children: _jsxs("section", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2 text-sm text-muted-foreground", children: [_jsx(IconSettingsAutomation, { size: 16, className: "shrink-0" }), _jsxs("span", { children: [enabledCount, " enabled", errorCount > 0 ? ` · ${errorCount} errors` : ""] })] }), _jsx(CreateAutomationButton, {})] }), _jsx("div", { className: "divide-y rounded-lg border bg-card", children: automationsQuery.isLoading && ordered.length === 0 ? (Array.from({ length: 4 }).map((_, index) => (_jsxs("div", { className: "px-4 py-3", children: [_jsx(Skeleton, { className: "h-4 w-40" }), _jsx(Skeleton, { className: "mt-2 h-3 w-28" })] }, index)))) : ordered.length > 0 ? (ordered.map((item) => {
+                        const status = automationStatus(item);
+                        const canUpdate = item.canUpdate !== false;
+                        const isToggling = pendingToggleIdentity === automationIdentity(item);
+                        return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] gap-3 px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(StatusDot, { tone: status.tone }), _jsx("span", { className: "truncate text-sm font-medium text-foreground", children: item.name })] }), _jsx("div", { className: "mt-1 truncate text-xs text-muted-foreground", children: automationTarget(item) }), _jsxs("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: [_jsxs("span", { children: ["Last ", automationLastRun(item)] }), _jsxs("span", { children: ["Next ", automationNextRun(item)] })] }), item.lastError ? (_jsx("div", { className: "mt-1 truncate text-xs text-destructive", children: item.lastError })) : null] }), _jsxs("div", { className: "flex flex-col items-end gap-2", children: [_jsx(Badge, { variant: status.tone === "danger" ? "destructive" : "outline", className: "h-5", children: status.label }), _jsx(Switch, { checked: !!item.enabled, disabled: !canUpdate || isToggling, "aria-label": `${item.enabled ? "Disable" : "Enable"} automation ${item.name}`, onCheckedChange: (checked) => toggleAutomation.mutate({
+                                                owner: item.owner,
+                                                path: item.path,
+                                                enabled: checked,
+                                            }) })] })] }, item.id));
+                    })) : (_jsx("div", { className: "px-4 py-10 text-center text-sm text-muted-foreground", children: "No automations yet. Create one here, or ask Dispatch to set up a scheduled or event-triggered job." })) })] }) }));
+}
+//# sourceMappingURL=automations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"automations.js","sourceRoot":"","sources":["../../../src/routes/pages/automations.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  PromptComposer,\n  sendToAgentChat,\n  useChangeVersions,\n} from \"@agent-native/core/client\";\nimport { IconPlus, IconSettingsAutomation } from \"@tabler/icons-react\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useMemo, useState } from \"react\";\nimport { toast } from \"sonner\";\n\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../../components/ui/popover\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { Switch } from \"../../components/ui/switch\";\nimport {\n  automationIdentity,\n  automationLastRun,\n  automationNextRun,\n  automationStatus,\n  automationTarget,\n  sortAutomations,\n  type AutomationStatusTone,\n} from \"../../lib/automation-display\";\nimport {\n  listDispatchAutomations,\n  setDispatchAutomationEnabled,\n  type DispatchAutomationItem,\n  type SetDispatchAutomationEnabledInput,\n} from \"../../lib/automations\";\nimport { cn } from \"../../lib/utils\";\n\nconst AUTOMATIONS_QUERY_KEY = [\"dispatch-automations\"] as const;\n\nexport function meta() {\n  return [{ title: \"Automations — Dispatch\" }];\n}\n\nfunction StatusDot({ tone }: { tone: AutomationStatusTone }) {\n  return (\n    <span\n      className={cn(\n        \"size-2 shrink-0 rounded-full\",\n        tone === \"success\" && \"bg-emerald-500\",\n        tone === \"warning\" && \"bg-amber-500\",\n        tone === \"danger\" && \"bg-destructive\",\n        tone === \"muted\" && \"bg-muted-foreground/35\",\n        tone === \"default\" && \"bg-primary\",\n      )}\n    />\n  );\n}\n\nfunction useAutomations() {\n  const version = useChangeVersions([\"action\", \"screen-refresh\"]);\n  return useQuery<DispatchAutomationItem[]>({\n    queryKey: [...AUTOMATIONS_QUERY_KEY, version],\n    queryFn: listDispatchAutomations,\n    placeholderData: (prev) => prev,\n    refetchInterval: 15_000,\n    staleTime: 5_000,\n  });\n}\n\nfunction useToggleAutomation() {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: setDispatchAutomationEnabled,\n    onMutate: async (input: SetDispatchAutomationEnabledInput) => {\n      await queryClient.cancelQueries({ queryKey: AUTOMATIONS_QUERY_KEY });\n      const snapshots = queryClient.getQueriesData<DispatchAutomationItem[]>({\n        queryKey: AUTOMATIONS_QUERY_KEY,\n      });\n\n      queryClient.setQueriesData<DispatchAutomationItem[]>(\n        { queryKey: AUTOMATIONS_QUERY_KEY },\n        (rows) =>\n          rows?.map((item) =>\n            automationIdentity(item) === automationIdentity(input)\n              ? { ...item, enabled: input.enabled }\n              : item,\n          ),\n      );\n\n      return { snapshots };\n    },\n    onError: (err, _input, context) => {\n      for (const [queryKey, data] of context?.snapshots ?? []) {\n        queryClient.setQueryData(queryKey, data);\n      }\n      toast.error(\n        `Could not update automation: ${\n          err instanceof Error ? err.message : String(err)\n        }`,\n      );\n    },\n    onSuccess: (updated) => {\n      queryClient.setQueriesData<DispatchAutomationItem[]>(\n        { queryKey: AUTOMATIONS_QUERY_KEY },\n        (rows) =>\n          rows?.map((item) =>\n            automationIdentity(item) === automationIdentity(updated)\n              ? updated\n              : item,\n          ),\n      );\n    },\n    onSettled: () => {\n      void queryClient.invalidateQueries({ queryKey: AUTOMATIONS_QUERY_KEY });\n    },\n  });\n}\n\nfunction CreateAutomationButton() {\n  const [open, setOpen] = useState(false);\n  const [scope, setScope] = useState<\"personal\" | \"organization\">(\"personal\");\n\n  function handleSubmit(text: string) {\n    const trimmed = text.trim();\n    if (!trimmed) return;\n    window.dispatchEvent(\n      new CustomEvent(\"agent-panel:set-mode\", {\n        detail: { mode: \"chat\" },\n      }),\n    );\n    sendToAgentChat({\n      message: trimmed,\n      context: `The user wants to create a new automation. Scope: ${scope}. Use manage-automations with action=define to create it. Ask clarifying questions if needed about what event to trigger on, conditions, and what actions to take.`,\n      submit: true,\n      newTab: true,\n    });\n    setOpen(false);\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button size=\"sm\">\n          <IconPlus size={14} />\n          New automation\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"w-[min(100vw-2rem,24rem)] p-3\">\n        <p className=\"pb-2 text-sm font-semibold text-foreground\">\n          New automation\n        </p>\n        <PromptComposer\n          autoFocus\n          placeholder=\"Describe what you want to automate...\"\n          draftScope=\"dispatch-automations:create\"\n          onSubmit={handleSubmit}\n        />\n        <select\n          value={scope}\n          onChange={(event) =>\n            setScope(event.target.value as \"personal\" | \"organization\")\n          }\n          className=\"mt-2 w-full cursor-pointer rounded-md border border-input bg-background px-3 py-1.5 text-xs text-foreground\"\n        >\n          <option value=\"personal\">Personal</option>\n          <option value=\"organization\">Organization</option>\n        </select>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport default function AutomationsRoute() {\n  const automationsQuery = useAutomations();\n  const toggleAutomation = useToggleAutomation();\n  const automations = automationsQuery.data ?? [];\n  const ordered = useMemo(() => sortAutomations(automations), [automations]);\n  const enabledCount = automations.filter((item) => item.enabled).length;\n  const errorCount = automations.filter(\n    (item) => item.enabled && item.lastStatus === \"error\",\n  ).length;\n  const pendingToggleIdentity = toggleAutomation.isPending\n    ? toggleAutomation.variables\n      ? automationIdentity(toggleAutomation.variables)\n      : null\n    : null;\n\n  return (\n    <DispatchShell\n      title=\"Automations\"\n      description=\"See scheduled and event-triggered jobs, pause them, or ask the agent to create one.\"\n    >\n      <section className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-wrap items-center justify-between gap-3\">\n          <div className=\"flex min-w-0 items-center gap-2 text-sm text-muted-foreground\">\n            <IconSettingsAutomation size={16} className=\"shrink-0\" />\n            <span>\n              {enabledCount} enabled\n              {errorCount > 0 ? ` · ${errorCount} errors` : \"\"}\n            </span>\n          </div>\n          <CreateAutomationButton />\n        </div>\n\n        <div className=\"divide-y rounded-lg border bg-card\">\n          {automationsQuery.isLoading && ordered.length === 0 ? (\n            Array.from({ length: 4 }).map((_, index) => (\n              <div key={index} className=\"px-4 py-3\">\n                <Skeleton className=\"h-4 w-40\" />\n                <Skeleton className=\"mt-2 h-3 w-28\" />\n              </div>\n            ))\n          ) : ordered.length > 0 ? (\n            ordered.map((item) => {\n              const status = automationStatus(item);\n              const canUpdate = item.canUpdate !== false;\n              const isToggling =\n                pendingToggleIdentity === automationIdentity(item);\n              return (\n                <div\n                  key={item.id}\n                  className=\"grid grid-cols-[minmax(0,1fr)_auto] gap-3 px-4 py-3\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"flex min-w-0 items-center gap-2\">\n                      <StatusDot tone={status.tone} />\n                      <span className=\"truncate text-sm font-medium text-foreground\">\n                        {item.name}\n                      </span>\n                    </div>\n                    <div className=\"mt-1 truncate text-xs text-muted-foreground\">\n                      {automationTarget(item)}\n                    </div>\n                    <div className=\"mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground\">\n                      <span>Last {automationLastRun(item)}</span>\n                      <span>Next {automationNextRun(item)}</span>\n                    </div>\n                    {item.lastError ? (\n                      <div className=\"mt-1 truncate text-xs text-destructive\">\n                        {item.lastError}\n                      </div>\n                    ) : null}\n                  </div>\n                  <div className=\"flex flex-col items-end gap-2\">\n                    <Badge\n                      variant={\n                        status.tone === \"danger\" ? \"destructive\" : \"outline\"\n                      }\n                      className=\"h-5\"\n                    >\n                      {status.label}\n                    </Badge>\n                    <Switch\n                      checked={!!item.enabled}\n                      disabled={!canUpdate || isToggling}\n                      aria-label={`${item.enabled ? \"Disable\" : \"Enable\"} automation ${item.name}`}\n                      onCheckedChange={(checked) =>\n                        toggleAutomation.mutate({\n                          owner: item.owner,\n                          path: item.path,\n                          enabled: checked,\n                        })\n                      }\n                    />\n                  </div>\n                </div>\n              );\n            })\n          ) : (\n            <div className=\"px-4 py-10 text-center text-sm text-muted-foreground\">\n              No automations yet. Create one here, or ask Dispatch to set up a\n              scheduled or event-triggered job.\n            </div>\n          )}\n        </div>\n      </section>\n    </DispatchShell>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/routes/pages/chat.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,OAAO,EACP,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,GAEP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,SAAS,cAAc,CAAC,QAAuB;IAC7C,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;AACtE,CAAC;AAED,SAAS,aAAa,CAAC,QAAgB;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAI,CAAC,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC/B,IAAI,QAAQ,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAC;IACtC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC;QACxC,OAAO,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC;IAChD,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,2EAA2E;AAC3E,8EAA8E;AAC9E,yEAAyE;AACzE,SAAS,gBAAgB,CAAC,QAAgB;IACxC,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAChE,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,IAAI,CAAC;QACH,MAAM,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAClD,OAAO,KAAK,IAAI,IAAI,CAAC;IACvB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,6EAA6E;AAC7E,0EAA0E;AAC1E,SAAS,iBAAiB,CAAC,IAAY;IACrC,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAC/C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC3B,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC1C,MAAM,iBAAiB,GACrB,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;IAC/D,OAAO,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAClD,CAAC;AAYD,SAAS,wBAAwB,CAAC,KAAoC;IACpE,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAC;AACzC,CAAC;AAcD,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC1D,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,GAAG,EAAU,CAAC,CAAC;IAElD,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAY,EAAE,OAA+B,EAAE,EAAE,CAChD,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAC5C,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,aAAa,EAAE,aAAa,IAAI,IAAI;QACpC,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,iBAAiB;KAC5B,CAAC,EACF,CAAC,aAAa,EAAE,iBAAiB,CAAC,CACnC,CAAC;IACF,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAyC,CAAC;IACjE,MAAM,MAAM,GAAG,KAAK,EAAE,cAAc,CAAC;IACrC,MAAM,MAAM,GAAG,KAAK,EAAE,cAAc,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QACxC,MAAM,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC1C,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE,OAAO;QAElC,MAAM,OAAO,GAAG,MAAM,CACpB,MAAM,EAAE,EAAE,IAAI,MAAM,EAAE,EAAE,IAAI,GAAG,OAAO,IAAI,EAAE,IAAI,QAAQ,IAAI,EAAE,EAAE,CACjE,CAAC;QACF,IAAI,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;YAAE,OAAO;QACjD,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAErC,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACnC,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,wBAAwB,EAAE;oBACxC,MAAM,EAAE,EAAE,QAAQ,EAAE;iBACrB,CAAC,CACH,CAAC;YACJ,CAAC;YACD,IAAI,OAAO,EAAE,CAAC;gBACZ,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE;oBACnD,WAAW,EAAE,KAAK;iBACnB,CAAC,CAAC;YACL,CAAC;YACD,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE;gBACjE,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,IAAI;aACZ,CAAC,CAAC;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE;QACD,QAAQ,CAAC,IAAI;QACb,QAAQ,CAAC,QAAQ;QACjB,QAAQ,CAAC,MAAM;QACf,QAAQ;QACR,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,iBAAiB,CAAC,KAAY;YACrC,MAAM,MAAM,GAAI,KAAqB,CAAC,MAAM,CAAC;YAC7C,IAAI,MAAM,EAAE,SAAS,KAAK,IAAI;gBAAE,wBAAwB,CAAC,UAAU,CAAC,CAAC;QACvE,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,iBAAiB,CAAC,CAAC;QACtE,OAAO,GAAG,EAAE,CACV,MAAM,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,iBAAiB,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,YACzD,KAAC,wBAAwB,IACvB,IAAI,EAAC,MAAM,EACX,kBAAkB,QAClB,SAAS,EAAC,qBAAqB,EAC/B,WAAW,EAAC,MAAM,EAClB,UAAU,EAAC,UAAU,EACrB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,kBAAkB,EAAE,KAAK,EACzB,WAAW,EAAE,EAAE,EACf,cAAc,EAAC,mEAAmE,EAClF,iBAAiB,EAAC,QAAQ,EAC1B,uBAAuB,QACvB,qBAAqB,EAAC,MAAM,EAC5B,mBAAmB,EAAC,iBAAiB,EACrC,YAAY,EACV,eAAK,SAAS,EAAC,qBAAqB,aAClC,yDAAsC,EACtC,yFAEI,IACA,GAER,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import {\n  AgentChatSurface,\n  appBasePath,\n  appPath,\n  markAgentChatHomeHandoff,\n} from \"@agent-native/core/client\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentProps,\n} from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\n\nimport { submitOverviewPrompt } from \"@/lib/overview-chat\";\n\nfunction chatThreadPath(threadId: string | null): string {\n  return threadId ? `/chat/${encodeURIComponent(threadId)}` : \"/chat\";\n}\n\nfunction stripBasePath(pathname: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return pathname;\n  if (pathname === basePath) return \"/\";\n  if (pathname.startsWith(`${basePath}/`)) {\n    return pathname.slice(basePath.length) || \"/\";\n  }\n  return pathname;\n}\n\n// The chat surface renders for both `/chat` and the `/chat/:threadId` deep\n// link. The thread id is read from the pathname (not `useParams`) because the\n// param is owned by the nested deep-link route, not this leaf component.\nfunction threadIdFromPath(pathname: string): string | null {\n  const match = stripBasePath(pathname).match(/^\\/chat\\/([^/]+)/);\n  if (!match) return null;\n  try {\n    const value = decodeURIComponent(match[1]).trim();\n    return value || null;\n  } catch {\n    return null;\n  }\n}\n\n// Mirror the basename handling Dispatch's nav links use: pass a router-local\n// path when the live URL is already under the mount, otherwise prefix it.\nfunction dispatchNavTarget(path: string): string {\n  if (typeof window === \"undefined\") return path;\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  const pathname = window.location.pathname;\n  const routerHasBasename =\n    pathname === basePath || pathname.startsWith(`${basePath}/`);\n  return routerHasBasename ? path : appPath(path);\n}\n\ninterface DispatchThreadUrlSync {\n  routeThreadId: string | null;\n  getPath: (threadId: string | null) => string;\n  navigate: (path: string, options?: { replace?: boolean }) => void;\n}\n\ntype DispatchAgentChatSurfaceProps = ComponentProps<typeof AgentChatSurface> & {\n  threadUrlSync?: DispatchThreadUrlSync;\n};\n\nfunction DispatchAgentChatSurface(props: DispatchAgentChatSurfaceProps) {\n  return <AgentChatSurface {...props} />;\n}\n\ninterface DispatchChatLocationState {\n  dispatchPrompt?: {\n    id?: string | number;\n    message?: string;\n    selectedModel?: string | null;\n  };\n  dispatchThread?: {\n    id?: string | number;\n    threadId?: string;\n  };\n}\n\nexport function meta() {\n  return [{ title: \"Chat — Dispatch\" }];\n}\n\nexport default function ChatRoute() {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const routeThreadId = threadIdFromPath(location.pathname);\n  const handledStateIds = useRef(new Set<string>());\n\n  const navigateThreadUrl = useCallback(\n    (path: string, options?: { replace?: boolean }) =>\n      navigate(dispatchNavTarget(path), options),\n    [navigate],\n  );\n  const threadUrlSync = useMemo<DispatchThreadUrlSync>(\n    () => ({\n      routeThreadId: routeThreadId ?? null,\n      getPath: chatThreadPath,\n      navigate: navigateThreadUrl,\n    }),\n    [routeThreadId, navigateThreadUrl],\n  );\n  const state = location.state as DispatchChatLocationState | null;\n  const prompt = state?.dispatchPrompt;\n  const thread = state?.dispatchThread;\n\n  useEffect(() => {\n    const message = prompt?.message?.trim();\n    const threadId = thread?.threadId?.trim();\n    if (!message && !threadId) return;\n\n    const stateId = String(\n      prompt?.id ?? thread?.id ?? `${message ?? \"\"}:${threadId ?? \"\"}`,\n    );\n    if (handledStateIds.current.has(stateId)) return;\n    handledStateIds.current.add(stateId);\n\n    const timer = window.setTimeout(() => {\n      if (threadId) {\n        window.dispatchEvent(\n          new CustomEvent(\"agent-chat:open-thread\", {\n            detail: { threadId },\n          }),\n        );\n      }\n      if (message) {\n        submitOverviewPrompt(message, prompt?.selectedModel, {\n          openSidebar: false,\n        });\n      }\n      navigate(`${location.pathname}${location.search}${location.hash}`, {\n        replace: true,\n        state: null,\n      });\n    }, 0);\n\n    return () => window.clearTimeout(timer);\n  }, [\n    location.hash,\n    location.pathname,\n    location.search,\n    navigate,\n    prompt?.id,\n    prompt?.message,\n    prompt?.selectedModel,\n    thread?.id,\n    thread?.threadId,\n  ]);\n\n  useEffect(() => {\n    function handleChatRunning(event: Event) {\n      const detail = (event as CustomEvent).detail;\n      if (detail?.isRunning === true) markAgentChatHomeHandoff(\"dispatch\");\n    }\n\n    window.addEventListener(\"agentNative.chatRunning\", handleChatRunning);\n    return () =>\n      window.removeEventListener(\"agentNative.chatRunning\", handleChatRunning);\n  }, []);\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col bg-background\">\n      <DispatchAgentChatSurface\n        mode=\"page\"\n        chatViewTransition\n        className=\"dispatch-chat-panel\"\n        defaultMode=\"chat\"\n        storageKey=\"dispatch\"\n        threadUrlSync={threadUrlSync}\n        showHeader={false}\n        showTabBar={false}\n        dynamicSuggestions={false}\n        suggestions={[]}\n        emptyStateText=\"Ask Dispatch to create apps, route work, or manage the workspace.\"\n        emptyStateDisplay=\"hidden\"\n        centerComposerWhenEmpty\n        composerLayoutVariant=\"hero\"\n        composerPlaceholder=\"Ask Dispatch...\"\n        composerSlot={\n          <div className=\"dispatch-chat-intro\">\n            <h1>What should Dispatch do next?</h1>\n            <p>\n              Create apps, manage shared keys, and route work across agents.\n            </p>\n          </div>\n        }\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/routes/pages/chat.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AgentChatSurface,\n  appBasePath,\n  appPath,\n  markAgentChatHomeHandoff,\n} from \"@agent-native/core/client\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentProps,\n} from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\n\nimport { submitOverviewPrompt } from \"../../lib/overview-chat\";\n\nfunction chatThreadPath(threadId: string | null): string {\n  return threadId ? `/chat/${encodeURIComponent(threadId)}` : \"/chat\";\n}\n\nfunction stripBasePath(pathname: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return pathname;\n  if (pathname === basePath) return \"/\";\n  if (pathname.startsWith(`${basePath}/`)) {\n    return pathname.slice(basePath.length) || \"/\";\n  }\n  return pathname;\n}\n\n// The chat surface renders for both `/chat` and the `/chat/:threadId` deep\n// link. The thread id is read from the pathname (not `useParams`) because the\n// param is owned by the nested deep-link route, not this leaf component.\nfunction threadIdFromPath(pathname: string): string | null {\n  const match = stripBasePath(pathname).match(/^\\/chat\\/([^/]+)/);\n  if (!match) return null;\n  try {\n    const value = decodeURIComponent(match[1]).trim();\n    return value || null;\n  } catch {\n    return null;\n  }\n}\n\n// Mirror the basename handling Dispatch's nav links use: pass a router-local\n// path when the live URL is already under the mount, otherwise prefix it.\nfunction dispatchNavTarget(path: string): string {\n  if (typeof window === \"undefined\") return path;\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  const pathname = window.location.pathname;\n  const routerHasBasename =\n    pathname === basePath || pathname.startsWith(`${basePath}/`);\n  return routerHasBasename ? path : appPath(path);\n}\n\ninterface DispatchThreadUrlSync {\n  routeThreadId: string | null;\n  getPath: (threadId: string | null) => string;\n  navigate: (path: string, options?: { replace?: boolean }) => void;\n}\n\ntype DispatchAgentChatSurfaceProps = ComponentProps<typeof AgentChatSurface> & {\n  threadUrlSync?: DispatchThreadUrlSync;\n};\n\nfunction DispatchAgentChatSurface(props: DispatchAgentChatSurfaceProps) {\n  return <AgentChatSurface {...props} />;\n}\n\ninterface DispatchChatLocationState {\n  dispatchPrompt?: {\n    id?: string | number;\n    message?: string;\n    selectedModel?: string | null;\n  };\n  dispatchThread?: {\n    id?: string | number;\n    threadId?: string;\n  };\n}\n\nexport function meta() {\n  return [{ title: \"Chat — Dispatch\" }];\n}\n\nexport default function ChatRoute() {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const routeThreadId = threadIdFromPath(location.pathname);\n  const handledStateIds = useRef(new Set<string>());\n\n  const navigateThreadUrl = useCallback(\n    (path: string, options?: { replace?: boolean }) =>\n      navigate(dispatchNavTarget(path), options),\n    [navigate],\n  );\n  const threadUrlSync = useMemo<DispatchThreadUrlSync>(\n    () => ({\n      routeThreadId: routeThreadId ?? null,\n      getPath: chatThreadPath,\n      navigate: navigateThreadUrl,\n    }),\n    [routeThreadId, navigateThreadUrl],\n  );\n  const state = location.state as DispatchChatLocationState | null;\n  const prompt = state?.dispatchPrompt;\n  const thread = state?.dispatchThread;\n\n  useEffect(() => {\n    const message = prompt?.message?.trim();\n    const threadId = thread?.threadId?.trim();\n    if (!message && !threadId) return;\n\n    const stateId = String(\n      prompt?.id ?? thread?.id ?? `${message ?? \"\"}:${threadId ?? \"\"}`,\n    );\n    if (handledStateIds.current.has(stateId)) return;\n    handledStateIds.current.add(stateId);\n\n    const timer = window.setTimeout(() => {\n      if (threadId) {\n        window.dispatchEvent(\n          new CustomEvent(\"agent-chat:open-thread\", {\n            detail: { threadId },\n          }),\n        );\n      }\n      if (message) {\n        submitOverviewPrompt(message, prompt?.selectedModel, {\n          openSidebar: false,\n        });\n      }\n      navigate(`${location.pathname}${location.search}${location.hash}`, {\n        replace: true,\n        state: null,\n      });\n    }, 0);\n\n    return () => window.clearTimeout(timer);\n  }, [\n    location.hash,\n    location.pathname,\n    location.search,\n    navigate,\n    prompt?.id,\n    prompt?.message,\n    prompt?.selectedModel,\n    thread?.id,\n    thread?.threadId,\n  ]);\n\n  useEffect(() => {\n    function handleChatRunning(event: Event) {\n      const detail = (event as CustomEvent).detail;\n      if (detail?.isRunning === true) markAgentChatHomeHandoff(\"dispatch\");\n    }\n\n    window.addEventListener(\"agentNative.chatRunning\", handleChatRunning);\n    return () =>\n      window.removeEventListener(\"agentNative.chatRunning\", handleChatRunning);\n  }, []);\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col bg-background\">\n      <DispatchAgentChatSurface\n        mode=\"page\"\n        chatViewTransition\n        className=\"dispatch-chat-panel\"\n        defaultMode=\"chat\"\n        storageKey=\"dispatch\"\n        threadUrlSync={threadUrlSync}\n        showHeader={false}\n        showTabBar={false}\n        dynamicSuggestions={false}\n        suggestions={[]}\n        emptyStateText=\"Ask Dispatch to create apps, route work, or manage the workspace.\"\n        emptyStateDisplay=\"hidden\"\n        centerComposerWhenEmpty\n        composerLayoutVariant=\"hero\"\n        composerPlaceholder=\"Ask Dispatch...\"\n        composerSlot={\n          <div className=\"dispatch-chat-intro\">\n            <h1>What should Dispatch do next?</h1>\n            <p>\n              Create apps, manage shared keys, and route work across agents.\n            </p>\n          </div>\n        }\n      />\n    </div>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"destinations.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/destinations.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,IAAI;;IAEnB;AA4CD,MAAM,CAAC,OAAO,UAAU,iBAAiB,oDA2LxC"}
+{"version":3,"file":"destinations.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/destinations.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,IAAI;;IAEnB;AA4CD,MAAM,CAAC,OAAO,UAAU,iBAAiB,oDAmMxC"}

package/dist/routes/pages/destinations.js

@@ -3,6 +3,7 @@ import { useActionMutation, useActionQuery, useT, } from "@agent-native/core/cli
 import { useState } from "react";
 import { toast } from "sonner";
 import { DispatchShell } from "../../components/dispatch-shell.js";
+import { TaskQueueHealth } from "../../components/task-queue-health.js";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../components/ui/alert-dialog.js";
 import { Button } from "../../components/ui/button.js";
 import { Input } from "../../components/ui/input.js";
@@ -55,32 +56,35 @@ export default function DestinationsRoute() {
     const remove = useActionMutation("delete-destination", {
         onSuccess: () => toast.success(t("dispatch.pages.destinationRemoved")),
     });
-    return (_jsx(DispatchShell, { title: t("dispatch.nav.destinations"), description: t("dispatch.pages.destinationsDescription"), 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: t("dispatch.pages.savedDestinations") }), _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: t("dispatch.pages.delete") }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t("dispatch.pages.deleteDestinationTitle") }), _jsx(AlertDialogDescription, { children: t("dispatch.pages.deleteDestinationDescription", {
-                                                                                name: destination.name,
-                                                                            }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: t("dispatch.pages.cancel") }), _jsx(AlertDialogAction, { onClick: () => remove.mutate({ id: destination.id }), children: t("dispatch.pages.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: t("dispatch.pages.noDestinations") }))] })] }), _jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: t("dispatch.pages.addDestination") }), _jsxs("div", { className: "mt-4 space-y-3", children: [_jsx(Input, { value: form.name, onChange: (event) => setForm((current) => ({ ...current, name: event.target.value })), placeholder: t("dispatch.pages.dailyDigestChannel") }), _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: t("dispatch.pages.optionalThreadOrTopicId") }), _jsx(Textarea, { value: form.notes, onChange: (event) => setForm((current) => ({
-                                        ...current,
-                                        notes: event.target.value,
-                                    })), placeholder: t("dispatch.pages.destinationNotes") }), _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: t("dispatch.pages.saveDestination") })] })] })] }) }));
+    return (_jsx(DispatchShell, { title: t("dispatch.nav.destinations"), description: t("dispatch.pages.destinationsDescription"), children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(TaskQueueHealth, {}), _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: t("dispatch.pages.savedDestinations") }), _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: t("dispatch.pages.delete") }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t("dispatch.pages.deleteDestinationTitle") }), _jsx(AlertDialogDescription, { children: t("dispatch.pages.deleteDestinationDescription", {
+                                                                                        name: destination.name,
+                                                                                    }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: t("dispatch.pages.cancel") }), _jsx(AlertDialogAction, { onClick: () => remove.mutate({ id: destination.id }), children: t("dispatch.pages.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: t("dispatch.pages.noDestinations") }))] })] }), _jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: t("dispatch.pages.addDestination") }), _jsxs("div", { className: "mt-4 space-y-3", children: [_jsx(Input, { value: form.name, onChange: (event) => setForm((current) => ({
+                                                ...current,
+                                                name: event.target.value,
+                                            })), placeholder: t("dispatch.pages.dailyDigestChannel") }), _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: t("dispatch.pages.optionalThreadOrTopicId") }), _jsx(Textarea, { value: form.notes, onChange: (event) => setForm((current) => ({
+                                                ...current,
+                                                notes: event.target.value,
+                                            })), placeholder: t("dispatch.pages.destinationNotes") }), _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: t("dispatch.pages.saveDestination") })] })] })] })] }) }));
 }
 //# sourceMappingURL=destinations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"destinations.js","sourceRoot":"","sources":["../../../src/routes/pages/destinations.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useActionMutation,\n  useActionQuery,\n  useT,\n} from \"@agent-native/core/client\";\nimport { useState } from \"react\";\nimport { toast } from \"sonner\";\n\nimport { DispatchShell } from \"@/components/dispatch-shell\";\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\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { Textarea } from \"@/components/ui/textarea\";\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 t = useT();\n  const [text, setText] = useState(\"\");\n  const send = useActionMutation(\"send-platform-message\", {\n    onSuccess: () => {\n      toast.success(t(\"dispatch.pages.messageSent\"));\n      setText(\"\");\n    },\n    onError: (error) => {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : t(\"dispatch.pages.unableToSendMessage\"),\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={t(\"dispatch.pages.quickTestMessage\")}\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        {t(\"dispatch.pages.send\")}\n      </Button>\n    </div>\n  );\n}\n\nexport default function DestinationsRoute() {\n  const t = useT();\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(t(\"dispatch.pages.destinationSaved\"));\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(t(\"dispatch.pages.destinationRemoved\")),\n  });\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.destinations\")}\n      description={t(\"dispatch.pages.destinationsDescription\")}\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            {t(\"dispatch.pages.savedDestinations\")}\n          </h2>\n          <div className=\"mt-4 space-y-3\">\n            {(data || []).map((destination: any) => (\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                        {t(\"dispatch.pages.delete\")}\n                      </Button>\n                    </AlertDialogTrigger>\n                    <AlertDialogContent>\n                      <AlertDialogHeader>\n                        <AlertDialogTitle>\n                          {t(\"dispatch.pages.deleteDestinationTitle\")}\n                        </AlertDialogTitle>\n                        <AlertDialogDescription>\n                          {t(\"dispatch.pages.deleteDestinationDescription\", {\n                            name: destination.name,\n                          })}\n                        </AlertDialogDescription>\n                      </AlertDialogHeader>\n                      <AlertDialogFooter>\n                        <AlertDialogCancel>\n                          {t(\"dispatch.pages.cancel\")}\n                        </AlertDialogCancel>\n                        <AlertDialogAction\n                          onClick={() => remove.mutate({ id: destination.id })}\n                        >\n                          {t(\"dispatch.pages.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                {t(\"dispatch.pages.noDestinations\")}\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            {t(\"dispatch.pages.addDestination\")}\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={t(\"dispatch.pages.dailyDigestChannel\")}\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={t(\"dispatch.pages.optionalThreadOrTopicId\")}\n            />\n            <Textarea\n              value={form.notes}\n              onChange={(event) =>\n                setForm((current) => ({\n                  ...current,\n                  notes: event.target.value,\n                }))\n              }\n              placeholder={t(\"dispatch.pages.destinationNotes\")}\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              {t(\"dispatch.pages.saveDestination\")}\n            </Button>\n          </div>\n        </section>\n      </div>\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"destinations.js","sourceRoot":"","sources":["../../../src/routes/pages/destinations.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useActionMutation,\n  useActionQuery,\n  useT,\n} from \"@agent-native/core/client\";\nimport { useState } from \"react\";\nimport { toast } from \"sonner\";\n\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { TaskQueueHealth } from \"../../components/task-queue-health\";\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\";\nimport { Button } from \"../../components/ui/button\";\nimport { Input } from \"../../components/ui/input\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport { Textarea } from \"../../components/ui/textarea\";\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 t = useT();\n  const [text, setText] = useState(\"\");\n  const send = useActionMutation(\"send-platform-message\", {\n    onSuccess: () => {\n      toast.success(t(\"dispatch.pages.messageSent\"));\n      setText(\"\");\n    },\n    onError: (error) => {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : t(\"dispatch.pages.unableToSendMessage\"),\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={t(\"dispatch.pages.quickTestMessage\")}\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        {t(\"dispatch.pages.send\")}\n      </Button>\n    </div>\n  );\n}\n\nexport default function DestinationsRoute() {\n  const t = useT();\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(t(\"dispatch.pages.destinationSaved\"));\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(t(\"dispatch.pages.destinationRemoved\")),\n  });\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.destinations\")}\n      description={t(\"dispatch.pages.destinationsDescription\")}\n    >\n      <div className=\"flex flex-col gap-4\">\n        <TaskQueueHealth />\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              {t(\"dispatch.pages.savedDestinations\")}\n            </h2>\n            <div className=\"mt-4 space-y-3\">\n              {(data || []).map((destination: any) => (\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                          {t(\"dispatch.pages.delete\")}\n                        </Button>\n                      </AlertDialogTrigger>\n                      <AlertDialogContent>\n                        <AlertDialogHeader>\n                          <AlertDialogTitle>\n                            {t(\"dispatch.pages.deleteDestinationTitle\")}\n                          </AlertDialogTitle>\n                          <AlertDialogDescription>\n                            {t(\"dispatch.pages.deleteDestinationDescription\", {\n                              name: destination.name,\n                            })}\n                          </AlertDialogDescription>\n                        </AlertDialogHeader>\n                        <AlertDialogFooter>\n                          <AlertDialogCancel>\n                            {t(\"dispatch.pages.cancel\")}\n                          </AlertDialogCancel>\n                          <AlertDialogAction\n                            onClick={() =>\n                              remove.mutate({ id: destination.id })\n                            }\n                          >\n                            {t(\"dispatch.pages.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                  {t(\"dispatch.pages.noDestinations\")}\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              {t(\"dispatch.pages.addDestination\")}\n            </h2>\n            <div className=\"mt-4 space-y-3\">\n              <Input\n                value={form.name}\n                onChange={(event) =>\n                  setForm((current) => ({\n                    ...current,\n                    name: event.target.value,\n                  }))\n                }\n                placeholder={t(\"dispatch.pages.dailyDigestChannel\")}\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={t(\"dispatch.pages.optionalThreadOrTopicId\")}\n              />\n              <Textarea\n                value={form.notes}\n                onChange={(event) =>\n                  setForm((current) => ({\n                    ...current,\n                    notes: event.target.value,\n                  }))\n                }\n                placeholder={t(\"dispatch.pages.destinationNotes\")}\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                {t(\"dispatch.pages.saveDestination\")}\n              </Button>\n            </div>\n          </section>\n        </div>\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"dreams.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/dreams.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,IAAI;;IAEnB;AAklCD,MAAM,CAAC,OAAO,UAAU,WAAW,oDAmpBlC"}
+{"version":3,"file":"dreams.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/dreams.tsx"],"names":[],"mappings":"AAqEA,wBAAgB,IAAI;;IAEnB;AAklCD,MAAM,CAAC,OAAO,UAAU,WAAW,oDAmpBlC"}

package/dist/routes/pages/dreams.js

@@ -18,7 +18,7 @@ import { Skeleton } from "../../components/ui/skeleton.js";
 import { Spinner } from "../../components/ui/spinner.js";
 import { Switch } from "../../components/ui/switch.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../components/ui/table.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../components/ui/tabs.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger, } from "../../components/ui/tabs.js";
 import { Textarea } from "../../components/ui/textarea.js";
 import { cn } from "../../lib/utils.js";
 import { dreamSettingsToDraft, dreamSettingsUpdateFromDraft, splitSourceIds, } from "./dream-settings.js";