@agent-native/dispatch 0.14.2 → 0.14.4

package/dist/components/app-keys-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-keys-popover.d.ts","sourceRoot":"","sources":["../../src/components/app-keys-popover.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB1D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,OAAO,EACP,KAAa,EACb,IAAe,GAChB,EAAE,mBAAmB,mDAiCrB"}
+{"version":3,"file":"app-keys-popover.d.ts","sourceRoot":"","sources":["../../src/components/app-keys-popover.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAwB1D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,OAAO,EACP,KAAa,EACb,IAAe,GAChB,EAAE,mBAAmB,mDAwCrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,mDA8LA"}

package/dist/components/app-keys-popover.js

@@ -3,22 +3,27 @@ import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { IconCheck, IconLoader2, IconRefresh, IconSettings, } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
 import { toast } from "sonner";
+import { ActionQueryError } from "./action-query-error.js";
 import { Button } from "./ui/button.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover.js";
 import { Skeleton } from "./ui/skeleton.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip.js";
 export function AppKeysPopover({ appId, appName, trigger, align = "end", side = "bottom", }) {
     const [open, setOpen] = useState(false);
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: trigger ?? (_jsx("button", { type: "button", "aria-label": `Manage keys for ${appName}`, onClick: (event) => {
-                        // Keep parent card click handlers from also firing. Do not
-                        // preventDefault here: Radix uses the same click to open the
-                        // popover trigger.
-                        event.stopPropagation();
-                    }, className: "flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border border-transparent text-muted-foreground/70 hover:border-border hover:bg-accent/40 hover:text-foreground", children: _jsx(IconSettings, { size: 14 }) })) }), _jsx(PopoverContent, { align: align, side: side, sideOffset: 6, className: "w-80 p-3", onClick: (event) => event.stopPropagation(), children: open ? _jsx(AppKeysPanel, { appId: appId, appName: appName }) : null })] }));
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: trigger ?? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": `Manage keys for ${appName}`, onClick: (event) => {
+                                    // Keep parent card click handlers from also firing. Do not
+                                    // preventDefault here: Radix uses the same click to open the
+                                    // popover trigger.
+                                    event.stopPropagation();
+                                }, className: "size-7 rounded-md p-0 text-muted-foreground transition-[background-color,color] hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-foreground", children: _jsx(IconSettings, { size: 14 }) })) }) }), _jsx(TooltipContent, { children: "Manage keys" })] }), _jsx(PopoverContent, { align: align, side: side, sideOffset: 6, className: "w-80 p-3", onClick: (event) => event.stopPropagation(), children: open ? _jsx(AppKeysPanel, { appId: appId, appName: appName }) : null })] }));
 }
-function AppKeysPanel({ appId, appName }) {
-    const { data: secrets = [], isLoading: secretsLoading } = useActionQuery("list-vault-secret-options", {});
-    const { data: grants = [], isLoading: grantsLoading, refetch: refetchGrants, } = useActionQuery("list-vault-grants", { appId });
-    const { data: accessSettings, isLoading: accessLoading } = useActionQuery("get-vault-access-settings", {});
+export function AppKeysPanel({ appId, appName, }) {
+    const secretsQuery = useActionQuery("list-vault-secret-options", {});
+    const grantsQuery = useActionQuery("list-vault-grants", { appId });
+    const accessQuery = useActionQuery("get-vault-access-settings", {});
+    const { data: secrets = [], isLoading: secretsLoading } = secretsQuery;
+    const { data: grants = [], isLoading: grantsLoading, refetch: refetchGrants, } = grantsQuery;
+    const { data: accessSettings, isLoading: accessLoading } = accessQuery;
     const accessMode = accessSettings?.mode === "manual" ? "manual" : "all-apps";
     const grantBySecretId = useMemo(() => {
         const map = new Map();
@@ -59,6 +64,7 @@ function AppKeysPanel({ appId, appName }) {
         onError: (err) => toast.error(`Sync failed: ${String(err)}`),
     });
     const isLoading = secretsLoading || grantsLoading || accessLoading;
+    const error = secretsQuery.error ?? grantsQuery.error ?? accessQuery.error;
     const grantedCount = grantBySecretId.size;
     const typedSecrets = secrets;
     const allApps = accessMode !== "manual";
@@ -77,11 +83,17 @@ function AppKeysPanel({ appId, appName }) {
             grantMutation.mutate({ secretId: secret.id, appId }, { onSettled });
         }
     };
-    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-1", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "truncate text-sm font-semibold text-foreground", children: ["Keys for ", appName] }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: allApps
-                                    ? `${typedSecrets.length} available`
-                                    : `${grantedCount} of ${typedSecrets.length} granted` })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: syncMutation.isPending ||
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-1", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "truncate text-sm font-semibold text-foreground", children: ["Keys for ", appName] }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: error
+                                    ? null
+                                    : allApps
+                                        ? `${typedSecrets.length} available`
+                                        : `${grantedCount} of ${typedSecrets.length} granted` })] }), !error ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: syncMutation.isPending ||
                             typedSecrets.length === 0 ||
-                            (!allApps && grantedCount === 0), onClick: () => syncMutation.mutate({ appId }), className: "h-7 px-2", children: [syncMutation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(IconRefresh, { className: "h-3 w-3" })), _jsx("span", { className: "ml-1 text-xs", children: "Sync" })] })] }), _jsx("div", { className: "max-h-[320px] space-y-1.5 overflow-y-auto rounded-md border border-border bg-card p-1.5", children: isLoading ? (_jsx("div", { className: "space-y-1.5 p-1.5", children: Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "flex items-start gap-3 rounded-md px-2.5 py-2", children: [_jsx(Skeleton, { className: "mt-0.5 h-4 w-4 shrink-0 rounded" }), _jsxs("div", { className: "flex-1 space-y-1.5", children: [_jsx(Skeleton, { className: "h-3 w-1/2" }), _jsx(Skeleton, { className: "h-3 w-3/4" })] })] }, index))) })) : typedSecrets.length === 0 ? (_jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground", children: "No vault keys yet. Add one from the Vault page." })) : (typedSecrets.map((secret) => {
+                            (!allApps && grantedCount === 0), onClick: () => syncMutation.mutate({ appId }), className: "h-7 px-2", children: [syncMutation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(IconRefresh, { className: "h-3 w-3" })), _jsx("span", { className: "ml-1 text-xs", children: "Sync" })] })) : null] }), _jsx("div", { className: "max-h-[320px] space-y-1.5 overflow-y-auto rounded-md border border-border bg-card p-1.5", children: error ? (_jsx(ActionQueryError, { error: error, onRetry: () => {
+                        void secretsQuery.refetch();
+                        void grantsQuery.refetch();
+                        void accessQuery.refetch();
+                    } })) : isLoading ? (_jsx("div", { className: "space-y-1.5 p-1.5", children: Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "flex items-start gap-3 rounded-md px-2.5 py-2", children: [_jsx(Skeleton, { className: "mt-0.5 h-4 w-4 shrink-0 rounded" }), _jsxs("div", { className: "flex-1 space-y-1.5", children: [_jsx(Skeleton, { className: "h-3 w-1/2" }), _jsx(Skeleton, { className: "h-3 w-3/4" })] })] }, index))) })) : typedSecrets.length === 0 ? (_jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground", children: "No vault keys yet. Add one from the Vault page." })) : (typedSecrets.map((secret) => {
                     const granted = allApps || grantBySecretId.has(secret.id);
                     const pending = pendingSecretIds.has(secret.id);
                     return (_jsxs("button", { type: "button", "aria-pressed": granted, disabled: pending || allApps, onClick: () => toggleSecret(secret), className: `flex w-full items-start gap-3 rounded-md px-2.5 py-2 text-left text-sm disabled:cursor-not-allowed disabled:opacity-60 ${pending || allApps ? "" : "cursor-pointer"} ${granted

package/dist/components/app-keys-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-keys-popover.js","sourceRoot":"","sources":["../../src/components/app-keys-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport {\n  IconCheck,\n  IconLoader2,\n  IconRefresh,\n  IconSettings,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState, type ReactNode } from \"react\";\nimport { toast } from \"sonner\";\n\nimport { Button } from \"./ui/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./ui/popover\";\nimport { Skeleton } from \"./ui/skeleton\";\n\ninterface VaultSecret {\n  id: string;\n  name?: string | null;\n  credentialKey: string;\n  provider?: string | null;\n  description?: string | null;\n}\n\ninterface VaultGrant {\n  id: string;\n  secretId: string;\n  appId: string;\n  status?: string | null;\n}\n\ninterface AppKeysPopoverProps {\n  appId: string;\n  appName: string;\n  trigger?: ReactNode;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\nexport function AppKeysPopover({\n  appId,\n  appName,\n  trigger,\n  align = \"end\",\n  side = \"bottom\",\n}: AppKeysPopoverProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {trigger ?? (\n          <button\n            type=\"button\"\n            aria-label={`Manage keys for ${appName}`}\n            onClick={(event) => {\n              // Keep parent card click handlers from also firing. Do not\n              // preventDefault here: Radix uses the same click to open the\n              // popover trigger.\n              event.stopPropagation();\n            }}\n            className=\"flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border border-transparent text-muted-foreground/70 hover:border-border hover:bg-accent/40 hover:text-foreground\"\n          >\n            <IconSettings size={14} />\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        align={align}\n        side={side}\n        sideOffset={6}\n        className=\"w-80 p-3\"\n        onClick={(event) => event.stopPropagation()}\n      >\n        {open ? <AppKeysPanel appId={appId} appName={appName} /> : null}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction AppKeysPanel({ appId, appName }: { appId: string; appName: string }) {\n  const { data: secrets = [], isLoading: secretsLoading } = useActionQuery(\n    \"list-vault-secret-options\",\n    {},\n  );\n  const {\n    data: grants = [],\n    isLoading: grantsLoading,\n    refetch: refetchGrants,\n  } = useActionQuery(\"list-vault-grants\", { appId });\n  const { data: accessSettings, isLoading: accessLoading } = useActionQuery(\n    \"get-vault-access-settings\",\n    {},\n  );\n  const accessMode =\n    (accessSettings as any)?.mode === \"manual\" ? \"manual\" : \"all-apps\";\n\n  const grantBySecretId = useMemo(() => {\n    const map = new Map<string, VaultGrant>();\n    for (const grant of grants as VaultGrant[]) {\n      if (grant.status && grant.status !== \"active\") continue;\n      map.set(grant.secretId, grant);\n    }\n    return map;\n  }, [grants]);\n\n  // Track per-secret pending state so a fast double-click on the same row\n  // can't queue two `create-vault-grant` requests (which would silently\n  // create duplicate active grants — a later revoke only clears one).\n  const [pendingSecretIds, setPendingSecretIds] = useState<Set<string>>(\n    () => new Set(),\n  );\n  const markPending = (secretId: string, pending: boolean) =>\n    setPendingSecretIds((prev) => {\n      const next = new Set(prev);\n      if (pending) next.add(secretId);\n      else next.delete(secretId);\n      return next;\n    });\n\n  const grantMutation = useActionMutation(\"create-vault-grant\", {\n    onSuccess: () => refetchGrants(),\n    onError: (err) => toast.error(`Could not grant: ${String(err)}`),\n  });\n\n  const revokeMutation = useActionMutation(\"revoke-vault-grant\", {\n    onSuccess: () => refetchGrants(),\n    onError: (err) => toast.error(`Could not revoke: ${String(err)}`),\n  });\n\n  const syncMutation = useActionMutation(\"sync-vault-to-app\", {\n    onSuccess: (result: any) => {\n      const synced = result?.synced ?? 0;\n      toast.success(\n        synced > 0\n          ? `Synced ${synced} key${synced === 1 ? \"\" : \"s\"} to ${appName}`\n          : `${appName} is up to date`,\n      );\n    },\n    onError: (err) => toast.error(`Sync failed: ${String(err)}`),\n  });\n\n  const isLoading = secretsLoading || grantsLoading || accessLoading;\n  const grantedCount = grantBySecretId.size;\n  const typedSecrets = secrets as VaultSecret[];\n  const allApps = accessMode !== \"manual\";\n\n  const toggleSecret = (secret: VaultSecret) => {\n    if (allApps) return;\n    if (pendingSecretIds.has(secret.id)) return;\n    const existing = grantBySecretId.get(secret.id);\n    markPending(secret.id, true);\n    const onSettled = () => markPending(secret.id, false);\n    if (existing) {\n      revokeMutation.mutate({ grantId: existing.id }, { onSettled });\n    } else {\n      grantMutation.mutate({ secretId: secret.id, appId }, { onSettled });\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"flex items-center justify-between gap-2 px-1\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-semibold text-foreground\">\n            Keys for {appName}\n          </p>\n          <p className=\"text-[11px] text-muted-foreground\">\n            {allApps\n              ? `${typedSecrets.length} available`\n              : `${grantedCount} of ${typedSecrets.length} granted`}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={\n            syncMutation.isPending ||\n            typedSecrets.length === 0 ||\n            (!allApps && grantedCount === 0)\n          }\n          onClick={() => syncMutation.mutate({ appId })}\n          className=\"h-7 px-2\"\n        >\n          {syncMutation.isPending ? (\n            <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n          ) : (\n            <IconRefresh className=\"h-3 w-3\" />\n          )}\n          <span className=\"ml-1 text-xs\">Sync</span>\n        </Button>\n      </div>\n\n      <div className=\"max-h-[320px] space-y-1.5 overflow-y-auto rounded-md border border-border bg-card p-1.5\">\n        {isLoading ? (\n          <div className=\"space-y-1.5 p-1.5\">\n            {Array.from({ length: 3 }).map((_, index) => (\n              <div\n                key={index}\n                className=\"flex items-start gap-3 rounded-md px-2.5 py-2\"\n              >\n                <Skeleton className=\"mt-0.5 h-4 w-4 shrink-0 rounded\" />\n                <div className=\"flex-1 space-y-1.5\">\n                  <Skeleton className=\"h-3 w-1/2\" />\n                  <Skeleton className=\"h-3 w-3/4\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : typedSecrets.length === 0 ? (\n          <p className=\"rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground\">\n            No vault keys yet. Add one from the Vault page.\n          </p>\n        ) : (\n          typedSecrets.map((secret) => {\n            const granted = allApps || grantBySecretId.has(secret.id);\n            const pending = pendingSecretIds.has(secret.id);\n            return (\n              <button\n                key={secret.id}\n                type=\"button\"\n                aria-pressed={granted}\n                disabled={pending || allApps}\n                onClick={() => toggleSecret(secret)}\n                className={`flex w-full items-start gap-3 rounded-md px-2.5 py-2 text-left text-sm disabled:cursor-not-allowed disabled:opacity-60 ${\n                  pending || allApps ? \"\" : \"cursor-pointer\"\n                } ${\n                  granted\n                    ? \"border border-primary/45 bg-primary/5\"\n                    : \"border border-transparent hover:border-muted-foreground/30 hover:bg-accent/35\"\n                }`}\n              >\n                <span\n                  className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border ${\n                    granted\n                      ? \"border-primary/60 bg-primary/10 text-primary\"\n                      : \"border-muted-foreground/35 text-transparent\"\n                  }`}\n                >\n                  {granted ? <IconCheck className=\"h-3 w-3\" /> : null}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span className=\"block truncate font-medium\">\n                    {secret.credentialKey}\n                  </span>\n                  <span className=\"block truncate text-xs text-muted-foreground/70\">\n                    {allApps\n                      ? \"Available to this app\"\n                      : secret.provider || secret.name || \"Vault secret\"}\n                  </span>\n                </span>\n              </button>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"app-keys-popover.js","sourceRoot":"","sources":["../../src/components/app-keys-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport {\n  IconCheck,\n  IconLoader2,\n  IconRefresh,\n  IconSettings,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState, type ReactNode } from \"react\";\nimport { toast } from \"sonner\";\n\nimport { ActionQueryError } from \"./action-query-error\";\nimport { Button } from \"./ui/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./ui/popover\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"./ui/tooltip\";\n\ninterface VaultSecret {\n  id: string;\n  name?: string | null;\n  credentialKey: string;\n  provider?: string | null;\n  description?: string | null;\n}\n\ninterface VaultGrant {\n  id: string;\n  secretId: string;\n  appId: string;\n  status?: string | null;\n}\n\ninterface AppKeysPopoverProps {\n  appId: string;\n  appName: string;\n  trigger?: ReactNode;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\nexport function AppKeysPopover({\n  appId,\n  appName,\n  trigger,\n  align = \"end\",\n  side = \"bottom\",\n}: AppKeysPopoverProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <PopoverTrigger asChild>\n            {trigger ?? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-label={`Manage keys for ${appName}`}\n                onClick={(event) => {\n                  // Keep parent card click handlers from also firing. Do not\n                  // preventDefault here: Radix uses the same click to open the\n                  // popover trigger.\n                  event.stopPropagation();\n                }}\n                className=\"size-7 rounded-md p-0 text-muted-foreground transition-[background-color,color] hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-foreground\"\n              >\n                <IconSettings size={14} />\n              </Button>\n            )}\n          </PopoverTrigger>\n        </TooltipTrigger>\n        <TooltipContent>Manage keys</TooltipContent>\n      </Tooltip>\n      <PopoverContent\n        align={align}\n        side={side}\n        sideOffset={6}\n        className=\"w-80 p-3\"\n        onClick={(event) => event.stopPropagation()}\n      >\n        {open ? <AppKeysPanel appId={appId} appName={appName} /> : null}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport function AppKeysPanel({\n  appId,\n  appName,\n}: {\n  appId: string;\n  appName: string;\n}) {\n  const secretsQuery = useActionQuery(\"list-vault-secret-options\", {});\n  const grantsQuery = useActionQuery(\"list-vault-grants\", { appId });\n  const accessQuery = useActionQuery(\"get-vault-access-settings\", {});\n  const { data: secrets = [], isLoading: secretsLoading } = secretsQuery;\n  const {\n    data: grants = [],\n    isLoading: grantsLoading,\n    refetch: refetchGrants,\n  } = grantsQuery;\n  const { data: accessSettings, isLoading: accessLoading } = accessQuery;\n  const accessMode =\n    (accessSettings as any)?.mode === \"manual\" ? \"manual\" : \"all-apps\";\n\n  const grantBySecretId = useMemo(() => {\n    const map = new Map<string, VaultGrant>();\n    for (const grant of grants as VaultGrant[]) {\n      if (grant.status && grant.status !== \"active\") continue;\n      map.set(grant.secretId, grant);\n    }\n    return map;\n  }, [grants]);\n\n  // Track per-secret pending state so a fast double-click on the same row\n  // can't queue two `create-vault-grant` requests (which would silently\n  // create duplicate active grants — a later revoke only clears one).\n  const [pendingSecretIds, setPendingSecretIds] = useState<Set<string>>(\n    () => new Set(),\n  );\n  const markPending = (secretId: string, pending: boolean) =>\n    setPendingSecretIds((prev) => {\n      const next = new Set(prev);\n      if (pending) next.add(secretId);\n      else next.delete(secretId);\n      return next;\n    });\n\n  const grantMutation = useActionMutation(\"create-vault-grant\", {\n    onSuccess: () => refetchGrants(),\n    onError: (err) => toast.error(`Could not grant: ${String(err)}`),\n  });\n\n  const revokeMutation = useActionMutation(\"revoke-vault-grant\", {\n    onSuccess: () => refetchGrants(),\n    onError: (err) => toast.error(`Could not revoke: ${String(err)}`),\n  });\n\n  const syncMutation = useActionMutation(\"sync-vault-to-app\", {\n    onSuccess: (result: any) => {\n      const synced = result?.synced ?? 0;\n      toast.success(\n        synced > 0\n          ? `Synced ${synced} key${synced === 1 ? \"\" : \"s\"} to ${appName}`\n          : `${appName} is up to date`,\n      );\n    },\n    onError: (err) => toast.error(`Sync failed: ${String(err)}`),\n  });\n\n  const isLoading = secretsLoading || grantsLoading || accessLoading;\n  const error = secretsQuery.error ?? grantsQuery.error ?? accessQuery.error;\n  const grantedCount = grantBySecretId.size;\n  const typedSecrets = secrets as VaultSecret[];\n  const allApps = accessMode !== \"manual\";\n\n  const toggleSecret = (secret: VaultSecret) => {\n    if (allApps) return;\n    if (pendingSecretIds.has(secret.id)) return;\n    const existing = grantBySecretId.get(secret.id);\n    markPending(secret.id, true);\n    const onSettled = () => markPending(secret.id, false);\n    if (existing) {\n      revokeMutation.mutate({ grantId: existing.id }, { onSettled });\n    } else {\n      grantMutation.mutate({ secretId: secret.id, appId }, { onSettled });\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"flex items-center justify-between gap-2 px-1\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-semibold text-foreground\">\n            Keys for {appName}\n          </p>\n          <p className=\"text-[11px] text-muted-foreground\">\n            {error\n              ? null\n              : allApps\n                ? `${typedSecrets.length} available`\n                : `${grantedCount} of ${typedSecrets.length} granted`}\n          </p>\n        </div>\n        {!error ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={\n              syncMutation.isPending ||\n              typedSecrets.length === 0 ||\n              (!allApps && grantedCount === 0)\n            }\n            onClick={() => syncMutation.mutate({ appId })}\n            className=\"h-7 px-2\"\n          >\n            {syncMutation.isPending ? (\n              <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n            ) : (\n              <IconRefresh className=\"h-3 w-3\" />\n            )}\n            <span className=\"ml-1 text-xs\">Sync</span>\n          </Button>\n        ) : null}\n      </div>\n\n      <div className=\"max-h-[320px] space-y-1.5 overflow-y-auto rounded-md border border-border bg-card p-1.5\">\n        {error ? (\n          <ActionQueryError\n            error={error}\n            onRetry={() => {\n              void secretsQuery.refetch();\n              void grantsQuery.refetch();\n              void accessQuery.refetch();\n            }}\n          />\n        ) : isLoading ? (\n          <div className=\"space-y-1.5 p-1.5\">\n            {Array.from({ length: 3 }).map((_, index) => (\n              <div\n                key={index}\n                className=\"flex items-start gap-3 rounded-md px-2.5 py-2\"\n              >\n                <Skeleton className=\"mt-0.5 h-4 w-4 shrink-0 rounded\" />\n                <div className=\"flex-1 space-y-1.5\">\n                  <Skeleton className=\"h-3 w-1/2\" />\n                  <Skeleton className=\"h-3 w-3/4\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : typedSecrets.length === 0 ? (\n          <p className=\"rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground\">\n            No vault keys yet. Add one from the Vault page.\n          </p>\n        ) : (\n          typedSecrets.map((secret) => {\n            const granted = allApps || grantBySecretId.has(secret.id);\n            const pending = pendingSecretIds.has(secret.id);\n            return (\n              <button\n                key={secret.id}\n                type=\"button\"\n                aria-pressed={granted}\n                disabled={pending || allApps}\n                onClick={() => toggleSecret(secret)}\n                className={`flex w-full items-start gap-3 rounded-md px-2.5 py-2 text-left text-sm disabled:cursor-not-allowed disabled:opacity-60 ${\n                  pending || allApps ? \"\" : \"cursor-pointer\"\n                } ${\n                  granted\n                    ? \"border border-primary/45 bg-primary/5\"\n                    : \"border border-transparent hover:border-muted-foreground/30 hover:bg-accent/35\"\n                }`}\n              >\n                <span\n                  className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border ${\n                    granted\n                      ? \"border-primary/60 bg-primary/10 text-primary\"\n                      : \"border-muted-foreground/35 text-transparent\"\n                  }`}\n                >\n                  {granted ? <IconCheck className=\"h-3 w-3\" /> : null}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span className=\"block truncate font-medium\">\n                    {secret.credentialKey}\n                  </span>\n                  <span className=\"block truncate text-xs text-muted-foreground/70\">\n                    {allApps\n                      ? \"Available to this app\"\n                      : secret.provider || secret.name || \"Vault secret\"}\n                  </span>\n                </span>\n              </button>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/dispatch-control-plane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dispatch-control-plane.d.ts","sourceRoot":"","sources":["../../src/components/dispatch-control-plane.tsx"],"names":[],"mappings":"AAkNA,wBAAgB,oBAAoB,oDAiBnC"}
+{"version":3,"file":"dispatch-control-plane.d.ts","sourceRoot":"","sources":["../../src/components/dispatch-control-plane.tsx"],"names":[],"mappings":"AAkKA,wBAAgB,oBAAoB,oDAqBnC"}

package/dist/components/dispatch-control-plane.js

@@ -1,32 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PromptComposer, isInBuilderFrame, useActionQuery, useChatModels, useT, } from "@agent-native/core/client";
-import { IconArrowUpRight, IconBroadcast, IconStack3, } from "@tabler/icons-react";
+import { PromptComposer, isInBuilderFrame, navigateWithAgentChatViewTransition, useActionQuery, useChatModels, useT, } from "@agent-native/core/client";
+import { IconArrowUpRight } from "@tabler/icons-react";
 import { Link, useNavigate } from "react-router";
 import { submitOverviewPrompt } from "../lib/overview-chat.js";
+import { ActionQueryError } from "./action-query-error.js";
 import { CreateAppPopover } from "./create-app-popover.js";
-import { DispatchShell } from "./dispatch-shell.js";
+import { useSetPageTitle } from "./layout/HeaderActions.js";
 import { Button } from "./ui/button.js";
 import { Skeleton } from "./ui/skeleton.js";
 import { WorkspaceAppCard } from "./workspace-app-card.js";
-const PROMPT_SUGGESTIONS = [
-    "Summarize the current workspace health",
-    "Create an app for onboarding requests",
-    "Check which agents can help with analytics",
-];
-const WORKSPACE_LINKS = [
-    { to: "/automations", labelKey: "dispatch.nav.automations" },
-    { to: "/approvals", labelKey: "dispatch.nav.approvals" },
-    { to: "/destinations", labelKey: "dispatch.nav.delivery" },
-    { to: "/agents", labelKey: "dispatch.nav.agents" },
-    { to: "/vault", labelKey: "dispatch.nav.vault" },
-    { to: "/audit", labelKey: "dispatch.nav.audit" },
-];
-function SectionHeader({ icon: Icon, title, detail, action, }) {
-    return (_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Icon, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: title }), detail ? (_jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: detail })) : null] })] }), action ? _jsx("div", { className: "shrink-0", children: action }) : null] }));
+function SectionHeader({ title, action, }) {
+    return (_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: title }), action ? _jsx("div", { className: "shrink-0", children: action }) : null] }));
 }
 function CommandPanel() {
+    const t = useT();
     const { selectedModel } = useChatModels();
     const navigate = useNavigate();
+    const promptSuggestions = [
+        t("dispatch.pages.suggestionWorkspaceHealth", {
+            defaultValue: "Summarize the current workspace health",
+        }),
+        t("dispatch.pages.suggestionOnboardingApp", {
+            defaultValue: "Create an app for onboarding requests",
+        }),
+        t("dispatch.pages.suggestionAnalyticsAgents", {
+            defaultValue: "Check which agents can help with analytics",
+        }),
+    ];
     function send(message) {
         const trimmed = message.trim();
         if (!trimmed)
@@ -35,7 +35,7 @@ function CommandPanel() {
             submitOverviewPrompt(trimmed, selectedModel);
             return;
         }
-        navigate("/chat", {
+        navigateWithAgentChatViewTransition(navigate, "/chat", {
             state: {
                 dispatchPrompt: {
                     id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
@@ -45,19 +45,23 @@ function CommandPanel() {
             },
         });
     }
-    return (_jsxs("section", { className: "rounded-lg border bg-card p-4", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconBroadcast, { size: 16, className: "text-muted-foreground" }), _jsx("h2", { className: "text-sm font-semibold text-foreground", children: "Ask Dispatch" })] }), _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsxs(Link, { to: "/chat", children: ["Open chat", _jsx(IconArrowUpRight, { size: 14 })] }) })] }), _jsx(PromptComposer, { placeholder: "Route work, inspect status, or create an app...", onSubmit: (text) => send(text) }), _jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: PROMPT_SUGGESTIONS.map((suggestion) => (_jsx("button", { type: "button", onClick: () => send(suggestion), className: "cursor-pointer rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-muted-foreground transition hover:border-foreground/30 hover:text-foreground", children: suggestion }, suggestion))) })] }));
-}
-function WorkspaceLinks() {
-    const t = useT();
-    return (_jsxs("nav", { "aria-label": t("dispatch.pages.workspaceShortcutsAria"), className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground/70", children: t("dispatch.pages.also") }), WORKSPACE_LINKS.map((item, index) => (_jsxs("span", { className: "inline-flex items-center gap-x-3", children: [index > 0 ? (_jsx("span", { "aria-hidden": true, className: "text-border", children: "\u00B7" })) : null, _jsx(Link, { to: item.to, className: "transition hover:text-foreground hover:underline underline-offset-4", children: t(item.labelKey) })] }, item.to)))] }));
+    return (_jsx("section", { className: "flex flex-col", children: _jsxs("div", { className: "mx-auto flex w-full max-w-3xl flex-col pt-4 sm:pt-6", children: [_jsxs("div", { className: "mb-5 text-center", children: [_jsx("h2", { className: "text-2xl font-semibold tracking-tight text-foreground sm:text-3xl", children: t("dispatch.pages.chatAcrossApps", {
+                                defaultValue: "Chat across your apps",
+                            }) }), _jsx("p", { className: "mx-auto mt-2 max-w-xl text-sm leading-6 text-muted-foreground", children: t("dispatch.pages.chatAcrossAppsDescription", {
+                                defaultValue: "Route work, inspect status, or create something new from one place.",
+                            }) })] }), _jsx(PromptComposer, { placeholder: t("dispatch.pages.overviewPromptPlaceholder", {
+                        defaultValue: "Ask Dispatch anything...",
+                    }), onSubmit: (text) => send(text) }), _jsx("div", { className: "mt-3 flex flex-wrap justify-center gap-2", children: promptSuggestions.map((suggestion) => (_jsx("button", { type: "button", onClick: () => send(suggestion), className: "cursor-pointer rounded-md border border-transparent bg-muted/60 px-2.5 py-1.5 text-xs text-muted-foreground transition-[background-color,color] hover:bg-muted hover:text-foreground", children: suggestion }, suggestion))) })] }) }));
 }
 function AppsPanel({ apps, isLoading, }) {
     const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);
     const showSkeletons = isLoading && visibleApps.length === 0;
-    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx(SectionHeader, { icon: IconStack3, title: "Apps", detail: visibleApps.length === 1 ? "1 active" : `${visibleApps.length} active`, action: _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsxs(Link, { to: "/apps", children: ["View all", _jsx(IconArrowUpRight, { size: 14 })] }) }) }), showSkeletons ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: Array.from({ length: 4 }).map((_, index) => (_jsxs("div", { className: "rounded-lg border bg-card p-4", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "mt-3 h-3 w-24" }), _jsx(Skeleton, { className: "mt-3 h-3 w-full" })] }, index))) })) : visibleApps.length > 0 ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: visibleApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "min-h-32" }, app.id))) })) : (_jsx(CreateAppPopover, {}))] }));
+    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx(SectionHeader, { title: "Apps", action: _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsxs(Link, { to: "/apps", children: ["View all", _jsx(IconArrowUpRight, { size: 14 })] }) }) }), showSkeletons ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: Array.from({ length: 4 }).map((_, index) => (_jsxs("div", { className: "rounded-xl border border-border/60 bg-card/40 p-4", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "mt-3 h-3 w-24" }), _jsx(Skeleton, { className: "mt-3 h-3 w-full" })] }, index))) })) : visibleApps.length > 0 ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: visibleApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "min-h-32" }, app.id))) })) : (_jsx(CreateAppPopover, {}))] }));
 }
 export function DispatchControlPlane() {
-    const { data: workspaceApps = [], isLoading: appsLoading } = useActionQuery("list-workspace-apps", { includeAgentCards: false, includeArchived: true });
-    return (_jsx(DispatchShell, { title: "Overview", description: "Ask Dispatch or jump into a workspace app.", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(CommandPanel, {}), _jsx(WorkspaceLinks, {}), _jsx(AppsPanel, { apps: workspaceApps ?? [], isLoading: appsLoading })] }) }));
+    useSetPageTitle(_jsx("span", { "aria-hidden": true }));
+    const appsQuery = useActionQuery("list-workspace-apps", { includeAgentCards: false, includeArchived: true });
+    const { data: workspaceApps = [], isLoading: appsLoading } = appsQuery;
+    return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsx(CommandPanel, {}), appsQuery.isError ? (_jsx(ActionQueryError, { error: appsQuery.error, onRetry: () => void appsQuery.refetch() })) : (_jsx(AppsPanel, { apps: workspaceApps ?? [], isLoading: appsLoading }))] }));
 }
 //# sourceMappingURL=dispatch-control-plane.js.map

package/dist/components/dispatch-control-plane.js.map

@@ -1 +1 @@
-{"version":3,"file":"dispatch-control-plane.js","sourceRoot":"","sources":["../../src/components/dispatch-control-plane.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  PromptComposer,\n  isInBuilderFrame,\n  useActionQuery,\n  useChatModels,\n  useT,\n} from \"@agent-native/core/client\";\nimport {\n  IconArrowUpRight,\n  IconBroadcast,\n  IconStack3,\n  type IconProps,\n} from \"@tabler/icons-react\";\nimport type { ReactNode } from \"react\";\nimport { Link, useNavigate } from \"react-router\";\n\nimport { submitOverviewPrompt } from \"../lib/overview-chat\";\nimport type { WorkspaceAppSummary } from \"../lib/workspace-apps\";\nimport { CreateAppPopover } from \"./create-app-popover\";\nimport { DispatchShell } from \"./dispatch-shell\";\nimport { Button } from \"./ui/button\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { WorkspaceAppCard } from \"./workspace-app-card\";\n\nconst PROMPT_SUGGESTIONS = [\n  \"Summarize the current workspace health\",\n  \"Create an app for onboarding requests\",\n  \"Check which agents can help with analytics\",\n];\n\nconst WORKSPACE_LINKS = [\n  { to: \"/automations\", labelKey: \"dispatch.nav.automations\" },\n  { to: \"/approvals\", labelKey: \"dispatch.nav.approvals\" },\n  { to: \"/destinations\", labelKey: \"dispatch.nav.delivery\" },\n  { to: \"/agents\", labelKey: \"dispatch.nav.agents\" },\n  { to: \"/vault\", labelKey: \"dispatch.nav.vault\" },\n  { to: \"/audit\", labelKey: \"dispatch.nav.audit\" },\n] as const;\n\nfunction SectionHeader({\n  icon: Icon,\n  title,\n  detail,\n  action,\n}: {\n  icon: React.ComponentType<IconProps>;\n  title: string;\n  detail?: string;\n  action?: ReactNode;\n}) {\n  return (\n    <div className=\"flex min-w-0 items-center justify-between gap-3\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <Icon size={16} className=\"shrink-0 text-muted-foreground\" />\n        <div className=\"min-w-0\">\n          <h2 className=\"truncate text-sm font-semibold text-foreground\">\n            {title}\n          </h2>\n          {detail ? (\n            <p className=\"mt-0.5 truncate text-xs text-muted-foreground\">\n              {detail}\n            </p>\n          ) : null}\n        </div>\n      </div>\n      {action ? <div className=\"shrink-0\">{action}</div> : null}\n    </div>\n  );\n}\n\nfunction CommandPanel() {\n  const { selectedModel } = useChatModels();\n  const navigate = useNavigate();\n\n  function send(message: string) {\n    const trimmed = message.trim();\n    if (!trimmed) return;\n\n    if (isInBuilderFrame()) {\n      submitOverviewPrompt(trimmed, selectedModel);\n      return;\n    }\n\n    navigate(\"/chat\", {\n      state: {\n        dispatchPrompt: {\n          id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,\n          message: trimmed,\n          selectedModel,\n        },\n      },\n    });\n  }\n\n  return (\n    <section className=\"rounded-lg border bg-card p-4\">\n      <div className=\"mb-3 flex items-center justify-between gap-3\">\n        <div className=\"flex items-center gap-2\">\n          <IconBroadcast size={16} className=\"text-muted-foreground\" />\n          <h2 className=\"text-sm font-semibold text-foreground\">\n            Ask Dispatch\n          </h2>\n        </div>\n        <Button variant=\"outline\" size=\"sm\" asChild>\n          <Link to=\"/chat\">\n            Open chat\n            <IconArrowUpRight size={14} />\n          </Link>\n        </Button>\n      </div>\n      <PromptComposer\n        placeholder=\"Route work, inspect status, or create an app...\"\n        onSubmit={(text) => send(text)}\n      />\n      <div className=\"mt-3 flex flex-wrap gap-2\">\n        {PROMPT_SUGGESTIONS.map((suggestion) => (\n          <button\n            key={suggestion}\n            type=\"button\"\n            onClick={() => send(suggestion)}\n            className=\"cursor-pointer rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-muted-foreground transition hover:border-foreground/30 hover:text-foreground\"\n          >\n            {suggestion}\n          </button>\n        ))}\n      </div>\n    </section>\n  );\n}\n\nfunction WorkspaceLinks() {\n  const t = useT();\n\n  return (\n    <nav\n      aria-label={t(\"dispatch.pages.workspaceShortcutsAria\")}\n      className=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground\"\n    >\n      <span className=\"font-medium text-foreground/70\">\n        {t(\"dispatch.pages.also\")}\n      </span>\n      {WORKSPACE_LINKS.map((item, index) => (\n        <span key={item.to} className=\"inline-flex items-center gap-x-3\">\n          {index > 0 ? (\n            <span aria-hidden className=\"text-border\">\n              ·\n            </span>\n          ) : null}\n          <Link\n            to={item.to}\n            className=\"transition hover:text-foreground hover:underline underline-offset-4\"\n          >\n            {t(item.labelKey)}\n          </Link>\n        </span>\n      ))}\n    </nav>\n  );\n}\n\nfunction AppsPanel({\n  apps,\n  isLoading,\n}: {\n  apps: WorkspaceAppSummary[];\n  isLoading: boolean;\n}) {\n  const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);\n  const showSkeletons = isLoading && visibleApps.length === 0;\n\n  return (\n    <section className=\"flex flex-col gap-3\">\n      <SectionHeader\n        icon={IconStack3}\n        title=\"Apps\"\n        detail={\n          visibleApps.length === 1 ? \"1 active\" : `${visibleApps.length} active`\n        }\n        action={\n          <Button variant=\"outline\" size=\"sm\" asChild>\n            <Link to=\"/apps\">\n              View all\n              <IconArrowUpRight size={14} />\n            </Link>\n          </Button>\n        }\n      />\n      {showSkeletons ? (\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          {Array.from({ length: 4 }).map((_, index) => (\n            <div key={index} className=\"rounded-lg border bg-card p-4\">\n              <Skeleton className=\"h-4 w-32\" />\n              <Skeleton className=\"mt-3 h-3 w-24\" />\n              <Skeleton className=\"mt-3 h-3 w-full\" />\n            </div>\n          ))}\n        </div>\n      ) : visibleApps.length > 0 ? (\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          {visibleApps.map((app) => (\n            <WorkspaceAppCard key={app.id} app={app} className=\"min-h-32\" />\n          ))}\n        </div>\n      ) : (\n        <CreateAppPopover />\n      )}\n    </section>\n  );\n}\n\nexport function DispatchControlPlane() {\n  const { data: workspaceApps = [], isLoading: appsLoading } = useActionQuery<\n    WorkspaceAppSummary[]\n  >(\"list-workspace-apps\", { includeAgentCards: false, includeArchived: true });\n\n  return (\n    <DispatchShell\n      title=\"Overview\"\n      description=\"Ask Dispatch or jump into a workspace app.\"\n    >\n      <div className=\"flex flex-col gap-6\">\n        <CommandPanel />\n        <WorkspaceLinks />\n        <AppsPanel apps={workspaceApps ?? []} isLoading={appsLoading} />\n      </div>\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"dispatch-control-plane.js","sourceRoot":"","sources":["../../src/components/dispatch-control-plane.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,mCAAmC,EACnC,cAAc,EACd,aAAa,EACb,IAAI,GACL,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,MAAM,GAIP;IACC,OAAO,CACL,eAAK,SAAS,EAAC,iDAAiD,aAC9D,aAAI,SAAS,EAAC,gDAAgD,YAC3D,KAAK,GACH,EACJ,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACrD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY;IACnB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IAC1C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,iBAAiB,GAAG;QACxB,CAAC,CAAC,0CAA0C,EAAE;YAC5C,YAAY,EAAE,wCAAwC;SACvD,CAAC;QACF,CAAC,CAAC,wCAAwC,EAAE;YAC1C,YAAY,EAAE,uCAAuC;SACtD,CAAC;QACF,CAAC,CAAC,0CAA0C,EAAE;YAC5C,YAAY,EAAE,4CAA4C;SAC3D,CAAC;KACH,CAAC;IAEF,SAAS,IAAI,CAAC,OAAe;QAC3B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;QAC/B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,gBAAgB,EAAE,EAAE,CAAC;YACvB,oBAAoB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,mCAAmC,CAAC,QAAQ,EAAE,OAAO,EAAE;YACrD,KAAK,EAAE;gBACL,cAAc,EAAE;oBACd,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;oBAC7D,OAAO,EAAE,OAAO;oBAChB,aAAa;iBACd;aACF;SACF,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,kBAAS,SAAS,EAAC,eAAe,YAChC,eAAK,SAAS,EAAC,qDAAqD,aAClE,eAAK,SAAS,EAAC,kBAAkB,aAC/B,aAAI,SAAS,EAAC,mEAAmE,YAC9E,CAAC,CAAC,+BAA+B,EAAE;gCAClC,YAAY,EAAE,uBAAuB;6BACtC,CAAC,GACC,EACL,YAAG,SAAS,EAAC,+DAA+D,YACzE,CAAC,CAAC,0CAA0C,EAAE;gCAC7C,YAAY,EACV,qEAAqE;6BACxE,CAAC,GACA,IACA,EACN,KAAC,cAAc,IACb,WAAW,EAAE,CAAC,CAAC,0CAA0C,EAAE;wBACzD,YAAY,EAAE,0BAA0B;qBACzC,CAAC,EACF,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAC9B,EACF,cAAK,SAAS,EAAC,0CAA0C,YACtD,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACrC,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAC/B,SAAS,EAAC,sLAAsL,YAE/L,UAAU,IALN,UAAU,CAMR,CACV,CAAC,GACE,IACF,GACE,CACX,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,SAAS,GAIV;IACC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,SAAS,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,mBAAS,SAAS,EAAC,qBAAqB,aACtC,KAAC,aAAa,IACZ,KAAK,EAAC,MAAM,EACZ,MAAM,EACJ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,kBACzC,MAAC,IAAI,IAAC,EAAE,EAAC,OAAO,yBAEd,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IACzB,GACA,GAEX,EACD,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,eAEE,SAAS,EAAC,mDAAmD,aAE7D,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,GAAG,KALnC,KAAK,CAMN,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAC,2BAA2B,YACvC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACxB,KAAC,gBAAgB,IAAc,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,UAAU,IAAtC,GAAG,CAAC,EAAE,CAAmC,CACjE,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,KAAG,CACrB,IACO,CACX,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,eAAe,CAAC,qCAAoB,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,cAAc,CAC9B,qBAAqB,EACrB,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,CACpD,CAAC;IACF,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAEvE,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,KAAG,EACf,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,KAAC,gBAAgB,IACf,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC,OAAO,EAAE,GACvC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,IAAI,EAAE,aAAa,IAAI,EAAE,EAAE,SAAS,EAAE,WAAW,GAAI,CACjE,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import {\n  PromptComposer,\n  isInBuilderFrame,\n  navigateWithAgentChatViewTransition,\n  useActionQuery,\n  useChatModels,\n  useT,\n} from \"@agent-native/core/client\";\nimport { IconArrowUpRight } from \"@tabler/icons-react\";\nimport type { ReactNode } from \"react\";\nimport { Link, useNavigate } from \"react-router\";\n\nimport { submitOverviewPrompt } from \"../lib/overview-chat\";\nimport type { WorkspaceAppSummary } from \"../lib/workspace-apps\";\nimport { ActionQueryError } from \"./action-query-error\";\nimport { CreateAppPopover } from \"./create-app-popover\";\nimport { useSetPageTitle } from \"./layout/HeaderActions\";\nimport { Button } from \"./ui/button\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { WorkspaceAppCard } from \"./workspace-app-card\";\n\nfunction SectionHeader({\n  title,\n  action,\n}: {\n  title: string;\n  action?: ReactNode;\n}) {\n  return (\n    <div className=\"flex min-w-0 items-center justify-between gap-3\">\n      <h2 className=\"truncate text-sm font-semibold text-foreground\">\n        {title}\n      </h2>\n      {action ? <div className=\"shrink-0\">{action}</div> : null}\n    </div>\n  );\n}\n\nfunction CommandPanel() {\n  const t = useT();\n  const { selectedModel } = useChatModels();\n  const navigate = useNavigate();\n  const promptSuggestions = [\n    t(\"dispatch.pages.suggestionWorkspaceHealth\", {\n      defaultValue: \"Summarize the current workspace health\",\n    }),\n    t(\"dispatch.pages.suggestionOnboardingApp\", {\n      defaultValue: \"Create an app for onboarding requests\",\n    }),\n    t(\"dispatch.pages.suggestionAnalyticsAgents\", {\n      defaultValue: \"Check which agents can help with analytics\",\n    }),\n  ];\n\n  function send(message: string) {\n    const trimmed = message.trim();\n    if (!trimmed) return;\n\n    if (isInBuilderFrame()) {\n      submitOverviewPrompt(trimmed, selectedModel);\n      return;\n    }\n\n    navigateWithAgentChatViewTransition(navigate, \"/chat\", {\n      state: {\n        dispatchPrompt: {\n          id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,\n          message: trimmed,\n          selectedModel,\n        },\n      },\n    });\n  }\n\n  return (\n    <section className=\"flex flex-col\">\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col pt-4 sm:pt-6\">\n        <div className=\"mb-5 text-center\">\n          <h2 className=\"text-2xl font-semibold tracking-tight text-foreground sm:text-3xl\">\n            {t(\"dispatch.pages.chatAcrossApps\", {\n              defaultValue: \"Chat across your apps\",\n            })}\n          </h2>\n          <p className=\"mx-auto mt-2 max-w-xl text-sm leading-6 text-muted-foreground\">\n            {t(\"dispatch.pages.chatAcrossAppsDescription\", {\n              defaultValue:\n                \"Route work, inspect status, or create something new from one place.\",\n            })}\n          </p>\n        </div>\n        <PromptComposer\n          placeholder={t(\"dispatch.pages.overviewPromptPlaceholder\", {\n            defaultValue: \"Ask Dispatch anything...\",\n          })}\n          onSubmit={(text) => send(text)}\n        />\n        <div className=\"mt-3 flex flex-wrap justify-center gap-2\">\n          {promptSuggestions.map((suggestion) => (\n            <button\n              key={suggestion}\n              type=\"button\"\n              onClick={() => send(suggestion)}\n              className=\"cursor-pointer rounded-md border border-transparent bg-muted/60 px-2.5 py-1.5 text-xs text-muted-foreground transition-[background-color,color] hover:bg-muted hover:text-foreground\"\n            >\n              {suggestion}\n            </button>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction AppsPanel({\n  apps,\n  isLoading,\n}: {\n  apps: WorkspaceAppSummary[];\n  isLoading: boolean;\n}) {\n  const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);\n  const showSkeletons = isLoading && visibleApps.length === 0;\n\n  return (\n    <section className=\"flex flex-col gap-3\">\n      <SectionHeader\n        title=\"Apps\"\n        action={\n          <Button variant=\"outline\" size=\"sm\" asChild>\n            <Link to=\"/apps\">\n              View all\n              <IconArrowUpRight size={14} />\n            </Link>\n          </Button>\n        }\n      />\n      {showSkeletons ? (\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          {Array.from({ length: 4 }).map((_, index) => (\n            <div\n              key={index}\n              className=\"rounded-xl border border-border/60 bg-card/40 p-4\"\n            >\n              <Skeleton className=\"h-4 w-32\" />\n              <Skeleton className=\"mt-3 h-3 w-24\" />\n              <Skeleton className=\"mt-3 h-3 w-full\" />\n            </div>\n          ))}\n        </div>\n      ) : visibleApps.length > 0 ? (\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          {visibleApps.map((app) => (\n            <WorkspaceAppCard key={app.id} app={app} className=\"min-h-32\" />\n          ))}\n        </div>\n      ) : (\n        <CreateAppPopover />\n      )}\n    </section>\n  );\n}\n\nexport function DispatchControlPlane() {\n  useSetPageTitle(<span aria-hidden />);\n  const appsQuery = useActionQuery<WorkspaceAppSummary[]>(\n    \"list-workspace-apps\",\n    { includeAgentCards: false, includeArchived: true },\n  );\n  const { data: workspaceApps = [], isLoading: appsLoading } = appsQuery;\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <CommandPanel />\n      {appsQuery.isError ? (\n        <ActionQueryError\n          error={appsQuery.error}\n          onRetry={() => void appsQuery.refetch()}\n        />\n      ) : (\n        <AppsPanel apps={workspaceApps ?? []} isLoading={appsLoading} />\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/index.d.ts

@@ -10,4 +10,5 @@ export { Layout, NavContent } from "./layout/Layout.js";
 export type { DispatchExtensionConfig, DispatchNavIcon, DispatchNavItem, DispatchNavSection, } from "./layout/Layout.js";
 export { CreateAppPopover, CreateAppFlow } from "./create-app-popover.js";
 export { AppKeysPopover } from "./app-keys-popover.js";
+export { ActionQueryError } from "./action-query-error.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACxD,YAAY,EACV,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACxD,YAAY,EACV,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/index.js

@@ -9,4 +9,5 @@ export { DispatchShell } from "./dispatch-shell.js";
 export { Layout, NavContent } from "./layout/Layout.js";
 export { CreateAppPopover, CreateAppFlow } from "./create-app-popover.js";
 export { AppKeysPopover } from "./app-keys-popover.js";
+export { ActionQueryError } from "./action-query-error.js";
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOxD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["/**\n * Public dispatch UI components. Most consumers only use `dispatchRoutes`\n * and never import from here directly — components are exported as a\n * customization escape hatch for embedding (e.g. mount `<DispatchShell>`\n * inside a parent layout, or render `<AppKeysPopover>` next to a custom\n * card list).\n */\nexport { DispatchShell } from \"./dispatch-shell.js\";\nexport { Layout, NavContent } from \"./layout/Layout.js\";\nexport type {\n  DispatchExtensionConfig,\n  DispatchNavIcon,\n  DispatchNavItem,\n  DispatchNavSection,\n} from \"./layout/Layout.js\";\nexport { CreateAppPopover, CreateAppFlow } from \"./create-app-popover.js\";\nexport { AppKeysPopover } from \"./app-keys-popover.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOxD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["/**\n * Public dispatch UI components. Most consumers only use `dispatchRoutes`\n * and never import from here directly — components are exported as a\n * customization escape hatch for embedding (e.g. mount `<DispatchShell>`\n * inside a parent layout, or render `<AppKeysPopover>` next to a custom\n * card list).\n */\nexport { DispatchShell } from \"./dispatch-shell.js\";\nexport { Layout, NavContent } from \"./layout/Layout.js\";\nexport type {\n  DispatchExtensionConfig,\n  DispatchNavIcon,\n  DispatchNavItem,\n  DispatchNavSection,\n} from \"./layout/Layout.js\";\nexport { CreateAppPopover, CreateAppFlow } from \"./create-app-popover.js\";\nexport { AppKeysPopover } from \"./app-keys-popover.js\";\nexport { ActionQueryError } from \"./action-query-error.js\";\n"]}

package/dist/components/layout/Layout.d.ts

@@ -22,6 +22,7 @@ export interface DispatchExtensionConfig {
     /** Extra React Query keys to invalidate when Dispatch receives DB sync events. */
     queryKeys?: readonly string[];
 }
+export declare function formatThreadAge(updatedAt: number, now?: number): string;
 export declare function NavContent({ onNavigate, extensions, collapsed, collapsible, onCollapsedChange, }: {
     onNavigate?: () => void;
     extensions?: DispatchExtensionConfig;

package/dist/components/layout/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AA2CA,OAAO,EAKL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAiBf,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,YAAY,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,mFAAmF;IACnF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gEAAgE;IAChE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACtC,kFAAkF;IAClF,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC/B;AAkeD,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,UAAU,EACV,SAAiB,EACjB,WAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD,mDA6PA;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,mDA2IA"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AA0CA,OAAO,EAKL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAiBf,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,YAAY,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,mFAAmF;IACnF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gEAAgE;IAChE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACtC,kFAAkF;IAClF,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC/B;AA6ND,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,SAAa,UAWlE;AAsPD,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,UAAU,EACV,SAAiB,EACjB,WAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD,mDA6PA;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,mDA2IA"}

package/dist/components/layout/Layout.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AgentSidebar, FeedbackButton, appBasePath, appPath, focusAgentChat, navigateWithAgentChatViewTransition, useActionQuery, useAgentChatHomeHandoff, useAgentChatHomeHandoffLinks, useChatThreads, useFormatters, useT, } from "@agent-native/core/client";
+import { AgentSidebar, FeedbackButton, appBasePath, appPath, focusAgentChat, navigateWithAgentChatViewTransition, useActionQuery, useAgentChatHomeHandoff, useAgentChatHomeHandoffLinks, useChatThreads, useT, } from "@agent-native/core/client";
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
 import { IconActivity, IconArrowUpRight, IconApps, IconBrain, IconChartBar, IconBrandTelegram, IconKey, IconChevronDown, IconDots, IconEdit, IconLayersSubtract, IconMessageQuestion, IconMessages, IconPlus, IconPlugConnected, IconBroadcast, IconFingerprint, IconHistory, IconLayoutSidebarLeftCollapse, IconLayoutSidebarLeftExpand, IconPuzzle, IconSettings, IconSettingsAutomation, IconShieldCheck, } from "@tabler/icons-react";
@@ -14,13 +14,6 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
 import { Header } from "./Header.js";
 import { HeaderActionsProvider } from "./HeaderActions.js";
 const PRIMARY_NAV_ITEMS = [
-    {
-        id: "chat",
-        to: "/chat",
-        label: "Chat",
-        icon: IconMessageQuestion,
-        section: "primary",
-    },
     {
         id: "overview",
         to: "/overview",
@@ -28,6 +21,13 @@ const PRIMARY_NAV_ITEMS = [
         icon: IconBroadcast,
         section: "primary",
     },
+    {
+        id: "chat",
+        to: "/chat",
+        label: "Chat",
+        icon: IconMessageQuestion,
+        section: "primary",
+    },
     {
         id: "apps",
         to: "/apps",
@@ -218,8 +218,8 @@ function threadIdFromPath(pathname) {
         return null;
     }
 }
-function formatThreadAge(updatedAt, formatDate) {
-    const diffMs = Math.max(0, Date.now() - updatedAt);
+export function formatThreadAge(updatedAt, now = Date.now()) {
+    const diffMs = Math.max(0, now - updatedAt);
     const minutes = Math.floor(diffMs / 60_000);
     if (minutes < 1)
         return "now";
@@ -229,12 +229,11 @@ function formatThreadAge(updatedAt, formatDate) {
     if (hours < 24)
         return `${hours}h`;
     const days = Math.floor(hours / 24);
-    if (days < 7)
+    if (days < 14)
         return `${days}d`;
-    return formatDate(updatedAt, {
-        month: "short",
-        day: "numeric",
-    });
+    if (days < 365)
+        return `${Math.floor(days / 7)}w`;
+    return `${Math.floor(days / 365)}y`;
 }
 function threadTitle(thread, fallback) {
     return thread.title || thread.preview || fallback;
@@ -248,7 +247,6 @@ function threadUpdatedAt(thread) {
 }
 function DispatchChatsSection({ onNavigate }) {
     const t = useT();
-    const { formatDate } = useFormatters();
     const navigate = useNavigate();
     const location = useLocation();
     const { threads, activeThreadId, isLoading: chatsLoading, createThread, switchThread, renameThread, refreshThreads, } = useChatThreads(undefined, "dispatch", undefined, { autoCreate: false });
@@ -343,11 +341,11 @@ function DispatchChatsSection({ onNavigate }) {
                                     event.preventDefault();
                                     cancelRenameThread();
                                 }
-                            }, maxLength: 160, "aria-label": t("dispatch.sidebar.renameThread", { title }), className: "h-6 min-w-0 rounded-sm border-sidebar-border bg-background px-1.5 text-xs" }) })) : (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => openThread(thread.id), className: "min-w-0 flex-1 cursor-pointer px-2 py-1.5 pe-12 text-start text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx("span", { className: "block min-w-0 truncate", children: title }) }) }), _jsx(TooltipContent, { side: "right", children: title })] }), _jsxs("div", { className: "pointer-events-none absolute end-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5", children: [_jsx("span", { className: "pointer-events-none pe-1 text-[11px] text-muted-foreground/60 transition-opacity group-hover/item:opacity-0 group-focus-within/item:opacity-0", children: isActive
-                                            ? ""
-                                            : formatThreadAge(threadUpdatedAt(thread), formatDate) }), _jsxs(DropdownMenu, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": t("dispatch.sidebar.chatOptions", {
-                                                                    title,
-                                                                }), className: "pointer-events-auto rounded p-0.5 text-muted-foreground/50 opacity-0 transition-all hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/item:opacity-100 group-focus-within/item:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground", children: _jsx(IconDots, { className: "size-3" }) }) }) }), _jsx(TooltipContent, { side: "right", children: t("dispatch.sidebar.chatOptions", { title }) })] }), _jsx(DropdownMenuContent, { align: "start", side: "right", className: "w-44", children: _jsxs(DropdownMenuItem, { onSelect: () => startRenameThread(thread), children: [_jsx(IconEdit, { className: "size-3.5" }), t("dispatch.sidebar.renameChat")] }) })] })] })] })) }, thread.id));
+                            }, maxLength: 160, "aria-label": t("dispatch.sidebar.renameThread", { title }), className: "h-6 min-w-0 rounded-sm border-sidebar-border bg-background px-1.5 text-xs" }) })) : (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", onClick: () => openThread(thread.id), className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 px-2 py-1.5 pe-1 text-start text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [_jsx("span", { className: "block min-w-0 flex-1 truncate", children: title }), _jsx("time", { className: "w-8 shrink-0 whitespace-nowrap text-end text-[11px] tabular-nums text-muted-foreground/60 transition-opacity group-hover/item:opacity-0 group-focus-within/item:opacity-0", children: isActive
+                                                        ? ""
+                                                        : formatThreadAge(threadUpdatedAt(thread)) })] }) }), _jsx(TooltipContent, { side: "right", children: title })] }), _jsx("div", { className: "pointer-events-none absolute end-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5", children: _jsxs(DropdownMenu, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": t("dispatch.sidebar.chatOptions", {
+                                                                title,
+                                                            }), className: "pointer-events-auto rounded p-0.5 text-muted-foreground/50 opacity-0 transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/item:opacity-100 group-focus-within/item:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground", children: _jsx(IconDots, { className: "size-3" }) }) }) }), _jsx(TooltipContent, { side: "right", children: t("dispatch.sidebar.chatOptions", { title }) })] }), _jsx(DropdownMenuContent, { align: "start", side: "right", className: "w-44", children: _jsxs(DropdownMenuItem, { onSelect: () => startRenameThread(thread), children: [_jsx(IconEdit, { className: "size-3.5" }), t("dispatch.sidebar.renameChat")] }) })] }) })] })) }, thread.id));
             }), _jsxs("button", { type: "button", onClick: () => void handleNewChat(), className: "flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-1.5 text-xs text-muted-foreground/60 transition-colors hover:bg-sidebar-accent/50 hover:text-foreground", children: [_jsx(IconPlus, { className: "size-3 shrink-0" }), _jsx("span", { className: "truncate", children: t("dispatch.sidebar.newChat") })] })] }));
 }
 export function NavContent({ onNavigate, extensions, collapsed = false, collapsible = false, onCollapsedChange, }) {