@agent-native/core 0.32.2 → 0.32.18

package/dist/client/progress/RunsTray.js

@@ -1,21 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { agentNativePath } from "../api-path.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { IconLoader2, IconCheck, IconX, IconClock } from "@tabler/icons-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { IconAlertCircle, IconCheck, IconClock, IconExternalLink, IconLoader2, IconX, } from "@tabler/icons-react";
 import { usePausingInterval } from "../use-pausing-interval.js";
+import { cn } from "../utils.js";
+import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
 /**
- * Header-bar progress indicator. Shows a spinner icon with a count badge
- * when runs are active; opens a dropdown with live progress bars for each.
+ * Header-bar progress indicator. Shows a spinner icon or labeled Runs pill
+ * with a count badge when runs are active; opens a popover with live progress.
  * Same inline-header pattern as <NotificationsBell /> — drop it into the
  * header, no floating overlay over the main content.
  */
-export function RunsTray({ pollMs = 3000, limit = 5, hideWhenIdle = true, className, }) {
+export function RunsTray({ pollMs = 3000, limit = 5, hideWhenIdle = true, showRecent, triggerVariant = "icon", onOpenThread, align = "end", className, }) {
     const [runs, setRuns] = useState([]);
     const [open, setOpen] = useState(false);
-    const menuRef = useRef(null);
+    const includeRecent = showRecent ?? !hideWhenIdle;
     const refresh = useCallback(async () => {
         try {
-            const res = await fetch(agentNativePath(`/_agent-native/runs?active=true&limit=${limit}`));
+            const query = new URLSearchParams({ limit: String(limit) });
+            if (!includeRecent)
+                query.set("active", "true");
+            const res = await fetch(agentNativePath(`/_agent-native/runs?${query.toString()}`));
             if (!res.ok)
                 return;
             const rows = (await res.json());
@@ -24,7 +30,7 @@ export function RunsTray({ pollMs = 3000, limit = 5, hideWhenIdle = true, classN
         catch {
             // best-effort
         }
-    }, [limit]);
+    }, [includeRecent, limit]);
     useEffect(() => {
         refresh();
     }, [refresh]);
@@ -43,31 +49,99 @@ export function RunsTray({ pollMs = 3000, limit = 5, hideWhenIdle = true, classN
             refresh();
         }
     }, [refresh]);
-    useEffect(() => {
-        if (!open)
-            return;
-        const onDocClick = (e) => {
-            if (menuRef.current && !menuRef.current.contains(e.target)) {
-                setOpen(false);
-            }
-        };
-        document.addEventListener("mousedown", onDocClick);
-        return () => document.removeEventListener("mousedown", onDocClick);
-    }, [open]);
-    // Close the dropdown when the last active run finishes.
-    useEffect(() => {
-        if (runs.length === 0 && open)
-            setOpen(false);
-    }, [runs.length, open]);
     const hasRuns = runs.length > 0;
+    const activeCount = useMemo(() => runs.filter((run) => run.status === "running").length, [runs]);
+    const failedCount = useMemo(() => runs.filter((run) => run.status === "failed").length, [runs]);
     if (!hasRuns && hideWhenIdle)
         return null;
-    return (_jsxs("div", { ref: menuRef, className: "an-runs-tray relative inline-flex" + (className ? ` ${className}` : ""), children: [_jsxs("button", { type: "button", "aria-label": hasRuns
-                    ? `${runs.length} active run${runs.length > 1 ? "s" : ""}`
-                    : "No active runs", "aria-expanded": open, onClick: () => setOpen((v) => !v), className: "an-runs-tray__trigger relative inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground", children: [_jsx(IconLoader2, { size: 18, className: hasRuns ? "animate-spin text-primary" : "", "aria-hidden": true }), hasRuns ? (_jsx("span", { "aria-hidden": true, className: "an-runs-tray__badge absolute -right-0.5 -top-0.5 rounded-full bg-primary px-1 text-[10px] leading-[14px] font-medium text-primary-foreground", children: runs.length > 9 ? "9+" : runs.length })) : null] }), open && hasRuns ? (_jsxs("div", { role: "menu", className: "an-runs-tray__menu absolute right-0 top-full z-50 mt-2 w-80 rounded-md border border-border bg-popover text-popover-foreground shadow-lg", children: [_jsxs("div", { className: "border-b border-border px-3 py-2 text-sm font-medium", children: [runs.length, " active run", runs.length > 1 ? "s" : ""] }), _jsx("div", { className: "max-h-96 divide-y divide-border overflow-y-auto", children: runs.map((r) => (_jsx(RunRow, { run: r, onDismiss: dismissRun }, r.id))) })] })) : null] }));
+    const triggerLabel = activeCount > 0
+        ? `${activeCount} active run${activeCount > 1 ? "s" : ""}`
+        : failedCount > 0
+            ? `${failedCount} failed run${failedCount > 1 ? "s" : ""}`
+            : hasRuns
+                ? "Recent runs"
+                : "No recent runs";
+    const TriggerIcon = activeCount > 0
+        ? IconLoader2
+        : failedCount > 0
+            ? IconAlertCircle
+            : IconClock;
+    const triggerTone = activeCount > 0
+        ? "text-primary"
+        : failedCount > 0
+            ? "text-destructive"
+            : "text-muted-foreground";
+    const terminalCount = runs.length - activeCount;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": triggerLabel, "aria-expanded": open, className: cn("an-runs-tray__trigger relative inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground", triggerVariant === "pill"
+                                        ? "h-7 min-w-[68px] gap-1.5 border border-border/70 bg-background px-2 text-[11px] font-medium"
+                                        : "h-8 w-8", open && "bg-accent/50 text-foreground", className), children: [_jsx(TriggerIcon, { size: triggerVariant === "pill" ? 14 : 18, className: cn(triggerTone, activeCount > 0 && "animate-spin"), "aria-hidden": true }), triggerVariant === "pill" ? (_jsx("span", { className: "leading-none", children: "Runs" })) : null, activeCount > 0 ? (_jsx("span", { "aria-hidden": true, className: cn("an-runs-tray__badge rounded-full bg-primary text-[10px] font-medium leading-[14px] text-primary-foreground", triggerVariant === "pill"
+                                                ? "min-w-4 px-1"
+                                                : "absolute -right-0.5 -top-0.5 px-1"), children: activeCount > 9 ? "9+" : activeCount })) : failedCount > 0 ? (_jsx("span", { "aria-hidden": true, className: cn("rounded-full bg-destructive text-[10px] font-medium leading-[14px] text-destructive-foreground", triggerVariant === "pill"
+                                                ? "min-w-4 px-1"
+                                                : "absolute -right-0.5 -top-0.5 px-1"), children: failedCount > 9 ? "9+" : failedCount })) : null] }) }) }), _jsx(TooltipContent, { children: triggerLabel })] }) }), _jsxs(PopoverContent, { align: align, sideOffset: 8, className: "an-runs-tray__menu w-80 max-w-[calc(100vw-24px)] p-0", children: [_jsxs("div", { className: "border-b border-border px-3 py-2", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Agent runs" }), _jsx("div", { className: "mt-0.5 text-[11px] text-muted-foreground", children: activeCount > 0
+                                    ? `${activeCount} running${terminalCount > 0 ? ` · ${terminalCount} recent` : ""}`
+                                    : hasRuns
+                                        ? `${runs.length} recent run${runs.length > 1 ? "s" : ""}`
+                                        : "No tracked work yet" })] }), hasRuns ? (_jsx("div", { className: "max-h-96 divide-y divide-border overflow-y-auto", children: runs.map((run) => (_jsx(RunRow, { run: run, onDismiss: dismissRun, onOpenThread: onOpenThread }, run.id))) })) : (_jsxs("div", { className: "px-3 py-6 text-center", children: [_jsx(IconClock, { size: 22, className: "mx-auto text-muted-foreground/50", "aria-hidden": true }), _jsx("div", { className: "mt-2 text-sm font-medium text-foreground", children: "No recent runs" }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: "Background agent work will appear here while it runs and after it finishes." })] }))] })] }));
+}
+function getRunThreadId(run) {
+    const metadata = run.metadata ?? {};
+    const direct = typeof metadata.threadId === "string"
+        ? metadata.threadId
+        : typeof metadata.thread_id === "string"
+            ? metadata.thread_id
+            : undefined;
+    if (direct?.trim())
+        return direct.trim();
+    const surfaceUrl = typeof metadata.surfaceUrl === "string" ? metadata.surfaceUrl : undefined;
+    const match = surfaceUrl?.match(/^agent-native:\/\/threads\/(.+)$/);
+    return match?.[1] ? decodeURIComponent(match[1]) : undefined;
 }
-function RunRow({ run, onDismiss, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-1 px-3 py-2 text-sm", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "truncate font-medium text-foreground", children: run.title }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsx(StatusGlyph, { status: run.status }), _jsx("button", { type: "button", "aria-label": `Dismiss ${run.title}`, className: "inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:bg-accent/60 hover:text-foreground", onClick: () => onDismiss(run.id), children: _jsx(IconX, { size: 13, "aria-hidden": true }) })] })] }), run.step ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: run.step })) : null, run.percent != null ? (_jsx("div", { className: "mt-0.5 h-1 w-full overflow-hidden rounded bg-muted", children: _jsx("div", { className: "h-full bg-primary transition-all", style: { width: `${run.percent}%` } }) })) : (_jsx("div", { className: "mt-0.5 h-1 w-full overflow-hidden rounded bg-muted", children: _jsx("div", { className: "h-full w-1/3 animate-pulse bg-primary/60" }) }))] }));
+function formatRunTime(run) {
+    const when = run.completedAt ?? run.updatedAt ?? run.startedAt;
+    const timestamp = Date.parse(when);
+    if (!Number.isFinite(timestamp))
+        return "";
+    const diffMs = Date.now() - timestamp;
+    const prefix = run.status === "running" ? "Updated" : "Finished";
+    if (diffMs < 30_000)
+        return `${prefix} just now`;
+    const minutes = Math.floor(diffMs / 60_000);
+    if (minutes < 60)
+        return `${prefix} ${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${prefix} ${hours}h ago`;
+    return `${prefix} ${new Date(timestamp).toLocaleDateString([], {
+        month: "short",
+        day: "numeric",
+    })}`;
+}
+function RunRow({ run, onDismiss, onOpenThread, }) {
+    const threadId = getRunThreadId(run);
+    const isRunning = run.status === "running";
+    return (_jsxs("div", { className: "flex flex-col gap-1.5 px-3 py-2.5 text-sm", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate font-medium text-foreground", children: run.title }), run.step ? (_jsx("div", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: run.step })) : null] }), _jsx(StatusPill, { status: run.status })] }), run.percent != null || isRunning ? (_jsx("div", { className: "h-1 w-full overflow-hidden rounded bg-muted", children: run.percent != null ? (_jsx("div", { className: cn("h-full transition-all", run.status === "failed"
+                        ? "bg-destructive"
+                        : run.status === "cancelled"
+                            ? "bg-muted-foreground/50"
+                            : "bg-primary"), style: { width: `${run.percent}%` } })) : (_jsx("div", { className: "h-full w-1/3 animate-pulse bg-primary/60" })) })) : null, _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "min-w-0 truncate text-[10px] text-muted-foreground/70", children: formatRunTime(run) }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [threadId && onOpenThread ? (_jsxs("button", { type: "button", className: "inline-flex h-6 items-center gap-1 rounded px-1.5 text-[11px] font-medium text-muted-foreground hover:bg-accent/60 hover:text-foreground", onClick: () => onOpenThread(threadId, run), children: ["Open", _jsx(IconExternalLink, { size: 12, "aria-hidden": true })] })) : null, !isRunning ? (_jsx("button", { type: "button", "aria-label": `Hide ${run.title}`, className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent/60 hover:text-foreground", onClick: () => onDismiss(run.id), children: _jsx(IconX, { size: 13, "aria-hidden": true }) })) : null] })] })] }));
+}
+const STATUS_COPY = {
+    running: "Running",
+    succeeded: "Done",
+    failed: "Failed",
+    cancelled: "Stopped",
+};
+const STATUS_PILL_STYLES = {
+    running: "bg-primary/10 text-primary",
+    succeeded: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+    failed: "bg-destructive/10 text-destructive",
+    cancelled: "bg-muted text-muted-foreground",
+};
+function StatusPill({ status }) {
+    const { Icon, className } = STATUS_GLYPHS[status];
+    const spinClass = status === "running" ? " animate-spin" : "";
+    return (_jsxs("span", { className: cn("inline-flex h-5 shrink-0 items-center gap-1 rounded-md px-1.5 text-[10px] font-medium", STATUS_PILL_STYLES[status]), children: [_jsx(Icon, { size: 12, className: `${className}${spinClass}`, "aria-hidden": true }), STATUS_COPY[status]] }));
 }
 // dark: variants only where there's no semantic token for the colour
 // (e.g. success green isn't in shadcn's default palette).
@@ -75,14 +149,9 @@ const STATUS_GLYPHS = {
     running: { Icon: IconLoader2, className: "text-primary" },
     succeeded: {
         Icon: IconCheck,
-        className: "text-green-600 dark:text-green-400",
+        className: "text-emerald-600 dark:text-emerald-400",
     },
-    failed: { Icon: IconX, className: "text-destructive" },
+    failed: { Icon: IconAlertCircle, className: "text-destructive" },
     cancelled: { Icon: IconClock, className: "text-muted-foreground" },
 };
-function StatusGlyph({ status }) {
-    const { Icon, className } = STATUS_GLYPHS[status];
-    const spinClass = status === "running" ? " animate-spin" : "";
-    return _jsx(Icon, { size: 14, className: `${className}${spinClass}`, "aria-hidden": true });
-}
 //# sourceMappingURL=RunsTray.js.map

package/dist/client/progress/RunsTray.js.map

@@ -1 +1 @@
-{"version":3,"file":"RunsTray.js","sourceRoot":"","sources":["../../../src/client/progress/RunsTray.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconLoader2, IconCheck, IconX, IconClock } from \"@tabler/icons-react\";\nimport { usePausingInterval } from \"../use-pausing-interval.js\";\nimport type { AgentRun, ProgressStatus } from \"../../progress/types.js\";\n\ntype AgentRunDto = AgentRun;\n\ninterface RunsTrayProps {\n  /** Poll interval in ms. 0 disables. Default 3000. */\n  pollMs?: number;\n  /** Max runs to show in the dropdown. Default 5. */\n  limit?: number;\n  /** Hide the trigger entirely when no active runs. Default true. */\n  hideWhenIdle?: boolean;\n  className?: string;\n}\n\n/**\n * Header-bar progress indicator. Shows a spinner icon with a count badge\n * when runs are active; opens a dropdown with live progress bars for each.\n * Same inline-header pattern as <NotificationsBell /> — drop it into the\n * header, no floating overlay over the main content.\n */\nexport function RunsTray({\n  pollMs = 3000,\n  limit = 5,\n  hideWhenIdle = true,\n  className,\n}: RunsTrayProps) {\n  const [runs, setRuns] = useState<AgentRunDto[]>([]);\n  const [open, setOpen] = useState(false);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n\n  const refresh = useCallback(async () => {\n    try {\n      const res = await fetch(\n        agentNativePath(`/_agent-native/runs?active=true&limit=${limit}`),\n      );\n      if (!res.ok) return;\n      const rows = (await res.json()) as AgentRunDto[];\n      setRuns(rows);\n    } catch {\n      // best-effort\n    }\n  }, [limit]);\n\n  useEffect(() => {\n    refresh();\n  }, [refresh]);\n\n  usePausingInterval(refresh, pollMs);\n\n  const dismissRun = useCallback(\n    async (runId: string) => {\n      setRuns((current) => current.filter((run) => run.id !== runId));\n      try {\n        const res = await fetch(\n          agentNativePath(`/_agent-native/runs/${runId}`),\n          {\n            method: \"DELETE\",\n            headers: { \"X-Agent-Native-CSRF\": \"1\" },\n          },\n        );\n        if (!res.ok) throw new Error(`Dismiss failed (${res.status})`);\n      } catch {\n        refresh();\n      }\n    },\n    [refresh],\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    const onDocClick = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDocClick);\n    return () => document.removeEventListener(\"mousedown\", onDocClick);\n  }, [open]);\n\n  // Close the dropdown when the last active run finishes.\n  useEffect(() => {\n    if (runs.length === 0 && open) setOpen(false);\n  }, [runs.length, open]);\n\n  const hasRuns = runs.length > 0;\n  if (!hasRuns && hideWhenIdle) return null;\n\n  return (\n    <div\n      ref={menuRef}\n      className={\n        \"an-runs-tray relative inline-flex\" + (className ? ` ${className}` : \"\")\n      }\n    >\n      <button\n        type=\"button\"\n        aria-label={\n          hasRuns\n            ? `${runs.length} active run${runs.length > 1 ? \"s\" : \"\"}`\n            : \"No active runs\"\n        }\n        aria-expanded={open}\n        onClick={() => setOpen((v) => !v)}\n        className=\"an-runs-tray__trigger relative inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground\"\n      >\n        <IconLoader2\n          size={18}\n          className={hasRuns ? \"animate-spin text-primary\" : \"\"}\n          aria-hidden\n        />\n        {hasRuns ? (\n          <span\n            aria-hidden\n            className=\"an-runs-tray__badge absolute -right-0.5 -top-0.5 rounded-full bg-primary px-1 text-[10px] leading-[14px] font-medium text-primary-foreground\"\n          >\n            {runs.length > 9 ? \"9+\" : runs.length}\n          </span>\n        ) : null}\n      </button>\n      {open && hasRuns ? (\n        <div\n          role=\"menu\"\n          className=\"an-runs-tray__menu absolute right-0 top-full z-50 mt-2 w-80 rounded-md border border-border bg-popover text-popover-foreground shadow-lg\"\n        >\n          <div className=\"border-b border-border px-3 py-2 text-sm font-medium\">\n            {runs.length} active run{runs.length > 1 ? \"s\" : \"\"}\n          </div>\n          <div className=\"max-h-96 divide-y divide-border overflow-y-auto\">\n            {runs.map((r) => (\n              <RunRow key={r.id} run={r} onDismiss={dismissRun} />\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction RunRow({\n  run,\n  onDismiss,\n}: {\n  run: AgentRunDto;\n  onDismiss: (runId: string) => void;\n}) {\n  return (\n    <div className=\"flex flex-col gap-1 px-3 py-2 text-sm\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <span className=\"truncate font-medium text-foreground\">\n          {run.title}\n        </span>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          <StatusGlyph status={run.status} />\n          <button\n            type=\"button\"\n            aria-label={`Dismiss ${run.title}`}\n            className=\"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n            onClick={() => onDismiss(run.id)}\n          >\n            <IconX size={13} aria-hidden />\n          </button>\n        </div>\n      </div>\n      {run.step ? (\n        <span className=\"truncate text-xs text-muted-foreground\">\n          {run.step}\n        </span>\n      ) : null}\n      {run.percent != null ? (\n        <div className=\"mt-0.5 h-1 w-full overflow-hidden rounded bg-muted\">\n          <div\n            className=\"h-full bg-primary transition-all\"\n            style={{ width: `${run.percent}%` }}\n          />\n        </div>\n      ) : (\n        <div className=\"mt-0.5 h-1 w-full overflow-hidden rounded bg-muted\">\n          <div className=\"h-full w-1/3 animate-pulse bg-primary/60\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\n// dark: variants only where there's no semantic token for the colour\n// (e.g. success green isn't in shadcn's default palette).\nconst STATUS_GLYPHS: Record<\n  ProgressStatus,\n  { Icon: typeof IconLoader2; className: string }\n> = {\n  running: { Icon: IconLoader2, className: \"text-primary\" },\n  succeeded: {\n    Icon: IconCheck,\n    className: \"text-green-600 dark:text-green-400\",\n  },\n  failed: { Icon: IconX, className: \"text-destructive\" },\n  cancelled: { Icon: IconClock, className: \"text-muted-foreground\" },\n};\n\nfunction StatusGlyph({ status }: { status: ProgressStatus }) {\n  const { Icon, className } = STATUS_GLYPHS[status];\n  const spinClass = status === \"running\" ? \" animate-spin\" : \"\";\n  return <Icon size={14} className={`${className}${spinClass}`} aria-hidden />;\n}\n"]}
+{"version":3,"file":"RunsTray.js","sourceRoot":"","sources":["../../../src/client/progress/RunsTray.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconClock,\n  IconExternalLink,\n  IconLoader2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { usePausingInterval } from \"../use-pausing-interval.js\";\nimport type { AgentRun, ProgressStatus } from \"../../progress/types.js\";\nimport { cn } from \"../utils.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ntype AgentRunDto = AgentRun;\ntype RunsTrayTriggerVariant = \"icon\" | \"pill\";\n\ninterface RunsTrayProps {\n  /** Poll interval in ms. 0 disables. Default 3000. */\n  pollMs?: number;\n  /** Max runs to show in the dropdown. Default 5. */\n  limit?: number;\n  /** Hide the trigger entirely when no active runs. Default true. */\n  hideWhenIdle?: boolean;\n  /** Include recent terminal runs instead of active runs only. Defaults to !hideWhenIdle. */\n  showRecent?: boolean;\n  /** Compact icon for app headers, or a labeled pill for the agent panel. */\n  triggerVariant?: RunsTrayTriggerVariant;\n  /** Called when a run can open a related agent chat thread. */\n  onOpenThread?: (threadId: string, run: AgentRunDto) => void;\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n}\n\n/**\n * Header-bar progress indicator. Shows a spinner icon or labeled Runs pill\n * with a count badge when runs are active; opens a popover with live progress.\n * Same inline-header pattern as <NotificationsBell /> — drop it into the\n * header, no floating overlay over the main content.\n */\nexport function RunsTray({\n  pollMs = 3000,\n  limit = 5,\n  hideWhenIdle = true,\n  showRecent,\n  triggerVariant = \"icon\",\n  onOpenThread,\n  align = \"end\",\n  className,\n}: RunsTrayProps) {\n  const [runs, setRuns] = useState<AgentRunDto[]>([]);\n  const [open, setOpen] = useState(false);\n  const includeRecent = showRecent ?? !hideWhenIdle;\n\n  const refresh = useCallback(async () => {\n    try {\n      const query = new URLSearchParams({ limit: String(limit) });\n      if (!includeRecent) query.set(\"active\", \"true\");\n      const res = await fetch(\n        agentNativePath(`/_agent-native/runs?${query.toString()}`),\n      );\n      if (!res.ok) return;\n      const rows = (await res.json()) as AgentRunDto[];\n      setRuns(rows);\n    } catch {\n      // best-effort\n    }\n  }, [includeRecent, limit]);\n\n  useEffect(() => {\n    refresh();\n  }, [refresh]);\n\n  usePausingInterval(refresh, pollMs);\n\n  const dismissRun = useCallback(\n    async (runId: string) => {\n      setRuns((current) => current.filter((run) => run.id !== runId));\n      try {\n        const res = await fetch(\n          agentNativePath(`/_agent-native/runs/${runId}`),\n          {\n            method: \"DELETE\",\n            headers: { \"X-Agent-Native-CSRF\": \"1\" },\n          },\n        );\n        if (!res.ok) throw new Error(`Dismiss failed (${res.status})`);\n      } catch {\n        refresh();\n      }\n    },\n    [refresh],\n  );\n\n  const hasRuns = runs.length > 0;\n  const activeCount = useMemo(\n    () => runs.filter((run) => run.status === \"running\").length,\n    [runs],\n  );\n  const failedCount = useMemo(\n    () => runs.filter((run) => run.status === \"failed\").length,\n    [runs],\n  );\n  if (!hasRuns && hideWhenIdle) return null;\n\n  const triggerLabel =\n    activeCount > 0\n      ? `${activeCount} active run${activeCount > 1 ? \"s\" : \"\"}`\n      : failedCount > 0\n        ? `${failedCount} failed run${failedCount > 1 ? \"s\" : \"\"}`\n        : hasRuns\n          ? \"Recent runs\"\n          : \"No recent runs\";\n  const TriggerIcon =\n    activeCount > 0\n      ? IconLoader2\n      : failedCount > 0\n        ? IconAlertCircle\n        : IconClock;\n  const triggerTone =\n    activeCount > 0\n      ? \"text-primary\"\n      : failedCount > 0\n        ? \"text-destructive\"\n        : \"text-muted-foreground\";\n  const terminalCount = runs.length - activeCount;\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <TooltipProvider delayDuration={200}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={triggerLabel}\n                aria-expanded={open}\n                className={cn(\n                  \"an-runs-tray__trigger relative inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground\",\n                  triggerVariant === \"pill\"\n                    ? \"h-7 min-w-[68px] gap-1.5 border border-border/70 bg-background px-2 text-[11px] font-medium\"\n                    : \"h-8 w-8\",\n                  open && \"bg-accent/50 text-foreground\",\n                  className,\n                )}\n              >\n                <TriggerIcon\n                  size={triggerVariant === \"pill\" ? 14 : 18}\n                  className={cn(triggerTone, activeCount > 0 && \"animate-spin\")}\n                  aria-hidden\n                />\n                {triggerVariant === \"pill\" ? (\n                  <span className=\"leading-none\">Runs</span>\n                ) : null}\n                {activeCount > 0 ? (\n                  <span\n                    aria-hidden\n                    className={cn(\n                      \"an-runs-tray__badge rounded-full bg-primary text-[10px] font-medium leading-[14px] text-primary-foreground\",\n                      triggerVariant === \"pill\"\n                        ? \"min-w-4 px-1\"\n                        : \"absolute -right-0.5 -top-0.5 px-1\",\n                    )}\n                  >\n                    {activeCount > 9 ? \"9+\" : activeCount}\n                  </span>\n                ) : failedCount > 0 ? (\n                  <span\n                    aria-hidden\n                    className={cn(\n                      \"rounded-full bg-destructive text-[10px] font-medium leading-[14px] text-destructive-foreground\",\n                      triggerVariant === \"pill\"\n                        ? \"min-w-4 px-1\"\n                        : \"absolute -right-0.5 -top-0.5 px-1\",\n                    )}\n                  >\n                    {failedCount > 9 ? \"9+\" : failedCount}\n                  </span>\n                ) : null}\n              </button>\n            </PopoverTrigger>\n          </TooltipTrigger>\n          <TooltipContent>{triggerLabel}</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n      <PopoverContent\n        align={align}\n        sideOffset={8}\n        className=\"an-runs-tray__menu w-80 max-w-[calc(100vw-24px)] p-0\"\n      >\n        <div className=\"border-b border-border px-3 py-2\">\n          <div className=\"text-sm font-medium text-foreground\">Agent runs</div>\n          <div className=\"mt-0.5 text-[11px] text-muted-foreground\">\n            {activeCount > 0\n              ? `${activeCount} running${terminalCount > 0 ? ` · ${terminalCount} recent` : \"\"}`\n              : hasRuns\n                ? `${runs.length} recent run${runs.length > 1 ? \"s\" : \"\"}`\n                : \"No tracked work yet\"}\n          </div>\n        </div>\n        {hasRuns ? (\n          <div className=\"max-h-96 divide-y divide-border overflow-y-auto\">\n            {runs.map((run) => (\n              <RunRow\n                key={run.id}\n                run={run}\n                onDismiss={dismissRun}\n                onOpenThread={onOpenThread}\n              />\n            ))}\n          </div>\n        ) : (\n          <div className=\"px-3 py-6 text-center\">\n            <IconClock\n              size={22}\n              className=\"mx-auto text-muted-foreground/50\"\n              aria-hidden\n            />\n            <div className=\"mt-2 text-sm font-medium text-foreground\">\n              No recent runs\n            </div>\n            <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n              Background agent work will appear here while it runs and after it\n              finishes.\n            </p>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction getRunThreadId(run: AgentRunDto): string | undefined {\n  const metadata = run.metadata ?? {};\n  const direct =\n    typeof metadata.threadId === \"string\"\n      ? metadata.threadId\n      : typeof metadata.thread_id === \"string\"\n        ? metadata.thread_id\n        : undefined;\n  if (direct?.trim()) return direct.trim();\n\n  const surfaceUrl =\n    typeof metadata.surfaceUrl === \"string\" ? metadata.surfaceUrl : undefined;\n  const match = surfaceUrl?.match(/^agent-native:\\/\\/threads\\/(.+)$/);\n  return match?.[1] ? decodeURIComponent(match[1]) : undefined;\n}\n\nfunction formatRunTime(run: AgentRunDto): string {\n  const when = run.completedAt ?? run.updatedAt ?? run.startedAt;\n  const timestamp = Date.parse(when);\n  if (!Number.isFinite(timestamp)) return \"\";\n  const diffMs = Date.now() - timestamp;\n  const prefix = run.status === \"running\" ? \"Updated\" : \"Finished\";\n  if (diffMs < 30_000) return `${prefix} just now`;\n  const minutes = Math.floor(diffMs / 60_000);\n  if (minutes < 60) return `${prefix} ${minutes}m ago`;\n  const hours = Math.floor(minutes / 60);\n  if (hours < 24) return `${prefix} ${hours}h ago`;\n  return `${prefix} ${new Date(timestamp).toLocaleDateString([], {\n    month: \"short\",\n    day: \"numeric\",\n  })}`;\n}\n\nfunction RunRow({\n  run,\n  onDismiss,\n  onOpenThread,\n}: {\n  run: AgentRunDto;\n  onDismiss: (runId: string) => void;\n  onOpenThread?: (threadId: string, run: AgentRunDto) => void;\n}) {\n  const threadId = getRunThreadId(run);\n  const isRunning = run.status === \"running\";\n\n  return (\n    <div className=\"flex flex-col gap-1.5 px-3 py-2.5 text-sm\">\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate font-medium text-foreground\">\n            {run.title}\n          </div>\n          {run.step ? (\n            <div className=\"mt-0.5 truncate text-xs text-muted-foreground\">\n              {run.step}\n            </div>\n          ) : null}\n        </div>\n        <StatusPill status={run.status} />\n      </div>\n      {run.percent != null || isRunning ? (\n        <div className=\"h-1 w-full overflow-hidden rounded bg-muted\">\n          {run.percent != null ? (\n            <div\n              className={cn(\n                \"h-full transition-all\",\n                run.status === \"failed\"\n                  ? \"bg-destructive\"\n                  : run.status === \"cancelled\"\n                    ? \"bg-muted-foreground/50\"\n                    : \"bg-primary\",\n              )}\n              style={{ width: `${run.percent}%` }}\n            />\n          ) : (\n            <div className=\"h-full w-1/3 animate-pulse bg-primary/60\" />\n          )}\n        </div>\n      ) : null}\n      <div className=\"flex items-center justify-between gap-2\">\n        <span className=\"min-w-0 truncate text-[10px] text-muted-foreground/70\">\n          {formatRunTime(run)}\n        </span>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {threadId && onOpenThread ? (\n            <button\n              type=\"button\"\n              className=\"inline-flex h-6 items-center gap-1 rounded px-1.5 text-[11px] font-medium text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n              onClick={() => onOpenThread(threadId, run)}\n            >\n              Open\n              <IconExternalLink size={12} aria-hidden />\n            </button>\n          ) : null}\n          {!isRunning ? (\n            <button\n              type=\"button\"\n              aria-label={`Hide ${run.title}`}\n              className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n              onClick={() => onDismiss(run.id)}\n            >\n              <IconX size={13} aria-hidden />\n            </button>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst STATUS_COPY: Record<ProgressStatus, string> = {\n  running: \"Running\",\n  succeeded: \"Done\",\n  failed: \"Failed\",\n  cancelled: \"Stopped\",\n};\n\nconst STATUS_PILL_STYLES: Record<ProgressStatus, string> = {\n  running: \"bg-primary/10 text-primary\",\n  succeeded: \"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n  failed: \"bg-destructive/10 text-destructive\",\n  cancelled: \"bg-muted text-muted-foreground\",\n};\n\nfunction StatusPill({ status }: { status: ProgressStatus }) {\n  const { Icon, className } = STATUS_GLYPHS[status];\n  const spinClass = status === \"running\" ? \" animate-spin\" : \"\";\n  return (\n    <span\n      className={cn(\n        \"inline-flex h-5 shrink-0 items-center gap-1 rounded-md px-1.5 text-[10px] font-medium\",\n        STATUS_PILL_STYLES[status],\n      )}\n    >\n      <Icon size={12} className={`${className}${spinClass}`} aria-hidden />\n      {STATUS_COPY[status]}\n    </span>\n  );\n}\n\n// dark: variants only where there's no semantic token for the colour\n// (e.g. success green isn't in shadcn's default palette).\nconst STATUS_GLYPHS: Record<\n  ProgressStatus,\n  { Icon: typeof IconLoader2; className: string }\n> = {\n  running: { Icon: IconLoader2, className: \"text-primary\" },\n  succeeded: {\n    Icon: IconCheck,\n    className: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  failed: { Icon: IconAlertCircle, className: \"text-destructive\" },\n  cancelled: { Icon: IconClock, className: \"text-muted-foreground\" },\n};\n"]}

package/dist/client/route-warmup.d.ts

@@ -0,0 +1,61 @@
+import { type AgentNativeRouteWarmupConfigInput } from "../shared/route-warmup-config.js";
+type ReactRouterManifestRoute = {
+    id: string;
+    parentId?: string;
+    path?: string;
+    index?: boolean;
+    module?: string;
+    clientActionModule?: string;
+    clientLoaderModule?: string;
+    hydrateFallbackModule?: string;
+    imports?: string[];
+};
+type ReactRouterManifest = {
+    routes?: Record<string, ReactRouterManifestRoute>;
+};
+type WarmupRouteObject = {
+    id: string;
+    path?: string;
+    index?: boolean;
+    children?: WarmupRouteObject[];
+};
+declare global {
+    interface Window {
+        __reactRouterContext?: {
+            basename?: string;
+        };
+        __reactRouterManifest?: ReactRouterManifest;
+    }
+}
+export interface AgentNativeRouteWarmupProps {
+    config?: AgentNativeRouteWarmupConfigInput;
+}
+declare function parseBuildTimeRouteWarmupConfig(raw: AgentNativeRouteWarmupConfigInput | string | undefined): AgentNativeRouteWarmupConfigInput | undefined;
+declare function hasReactRouterManifestRoutes(): boolean;
+declare function getManifestRouteTree(manifest: ReactRouterManifest): WarmupRouteObject[];
+declare function hasWarmableRouteAssets(): boolean;
+declare function routeAssetUrlsForHref(href: string): string[];
+declare function renderWarmupLinksForSelector(selector: string): HTMLAnchorElement[];
+declare function resetRouteWarmupCachesForTests(): void;
+/**
+ * Warms React Router route data and matched route JS without using native link
+ * prefetch. React Router's built-in `<Link prefetch>` does both pieces, but
+ * its data side emits `<link rel="prefetch" as="fetch">`; Chrome sends
+ * `Sec-Purpose: prefetch` for that request and Cloudflare Speed Brain can 503
+ * dynamic `.data` routes before the CDN/origin can serve the cacheable result.
+ *
+ * Keep `.data` warmup as ordinary `fetch()` and JS warmup as `modulepreload`
+ * unless production providers stop rejecting `Sec-Purpose: prefetch`.
+ */
+export declare function AgentNativeRouteWarmup({ config, }: AgentNativeRouteWarmupProps): any;
+export declare const __routeWarmupInternalsForTests: {
+    getManifestRouteTree: typeof getManifestRouteTree;
+    hasReactRouterManifestRoutes: typeof hasReactRouterManifestRoutes;
+    hasWarmableRouteAssets: typeof hasWarmableRouteAssets;
+    parseBuildTimeRouteWarmupConfig: typeof parseBuildTimeRouteWarmupConfig;
+    renderWarmupLinksForSelector: typeof renderWarmupLinksForSelector;
+    routeAssetUrlsForHref: typeof routeAssetUrlsForHref;
+    resetRouteWarmupCachesForTests: typeof resetRouteWarmupCachesForTests;
+};
+export {};
+//# sourceMappingURL=route-warmup.d.ts.map

package/dist/client/route-warmup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-warmup.d.ts","sourceRoot":"","sources":["../../src/client/route-warmup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,iCAAiC,EAGvC,MAAM,kCAAkC,CAAC;AAO1C,KAAK,wBAAwB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAChC,CAAC;AAIF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,oBAAoB,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC7C,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;KAC7C;CACF;AAUD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,CAAC,EAAE,iCAAiC,CAAC;CAC5C;AAED,iBAAS,+BAA+B,CACtC,GAAG,EAAE,iCAAiC,GAAG,MAAM,GAAG,SAAS,GAC1D,iCAAiC,GAAG,SAAS,CAU/C;AAqFD,iBAAS,4BAA4B,IAAI,OAAO,CAG/C;AAkBD,iBAAS,oBAAoB,CAC3B,QAAQ,EAAE,mBAAmB,GAC5B,iBAAiB,EAAE,CAoCrB;AAkBD,iBAAS,sBAAsB,IAAI,OAAO,CAezC;AAED,iBAAS,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAmCrD;AAgDD,iBAAS,4BAA4B,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,EAAE,CAqB3E;AAED,iBAAS,8BAA8B,SAMtC;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,GACP,EAAE,2BAA2B,OA4J7B;AAED,eAAO,MAAM,8BAA8B;;;;;;;;CAQ1C,CAAC"}