@invergent/agent-chat-react 2.4.13 → 2.5.1

package/dist/index.js

@@ -1,6 +1,6 @@
 import { cn } from './chunk-QSC4UIVT.js';
-import { createContext, memo, useRef, useEffect, useCallback, useMemo, useState, lazy, useContext, Fragment as Fragment$1, Suspense, Children } from 'react';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, ChevronRightIcon, CalendarClockIcon, UsersIcon, MessageSquareIcon, ZapIcon, Maximize2Icon, FolderOpenIcon, Loader2Icon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, RotateCcwIcon, MousePointer2Icon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, CheckIcon, CopyIcon, TerminalIcon, SparklesIcon, ClockIcon, PlusIcon, CloudIcon, HardDriveIcon, PaperclipIcon, GlobeIcon, FolderIcon, FileIcon, ChevronLeftIcon, MinusIcon, SearchIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, GitBranchIcon, ActivityIcon, EyeIcon, ListTodoIcon, ArrowUpIcon, ListIcon, PenLineIcon, ArrowRight, BookOpenIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
+import { createContext, memo, useRef, useEffect, useCallback, useMemo, useState, useLayoutEffect, lazy, useContext, Fragment as Fragment$1, Suspense, Children } from 'react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, ChevronRightIcon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, MessageSquareIcon, ZapIcon, Maximize2Icon, FolderOpenIcon, Loader2Icon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, RotateCcwIcon, MousePointer2Icon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, CheckIcon, CopyIcon, TerminalIcon, SparklesIcon, ClockIcon, PlusIcon, CloudIcon, HardDriveIcon, PaperclipIcon, GlobeIcon, FolderIcon, FileIcon, ChevronLeftIcon, MinusIcon, SearchIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, ListTodoIcon, ArrowUpIcon, ListIcon, PenLineIcon, ArrowRight, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { Collapsible as Collapsible$1, Slot, Tooltip as Tooltip$1, Progress as Progress$1, Tabs as Tabs$1, Dialog as Dialog$1, ScrollArea as ScrollArea$1, Popover as Popover$1 } from 'radix-ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -2201,6 +2201,37 @@ function MCPToolBlock({ tc }) {
     summary && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60 truncate text-xs", children: summary })
   ] });
 }
+function ResearchMemoryBlock({ tc }) {
+  const args = parseArgs(tc.args) ?? {};
+  const result = tc.result ? parseArgs(tc.result) ?? {} : {};
+  let detail = "";
+  if (args.action === "add") {
+    const host = args.url ? hostname(args.url) : "";
+    const sid = result.source_id ?? "";
+    detail = sid ? `recorded ${sid}${host ? ` \xB7 ${host}` : ""}` : host ? `recorded \xB7 ${host}` : "recorded";
+  } else if (args.action === "retrieve") {
+    const n = result.sources?.length ?? 0;
+    detail = args.query ? `${n} source${n === 1 ? "" : "s"} for "${truncate2(args.query, 40)}"` : `${n} source${n === 1 ? "" : "s"}`;
+  } else if (args.action === "list") {
+    const n = result.sources?.length ?? 0;
+    detail = `${n} source${n === 1 ? "" : "s"}`;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm py-0.5", children: [
+    /* @__PURE__ */ jsx(BookOpenIcon, { className: "size-3.5 text-muted-foreground/60 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Research" }),
+    detail && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70 truncate text-xs", children: detail })
+  ] });
+}
+function hostname(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+}
+function truncate2(s, n) {
+  return s.length > n ? `${s.slice(0, n)}\u2026` : s;
+}
 function VisionAnalyzeBlock({ tc }) {
   let image = "";
   try {
@@ -3898,13 +3929,9 @@ function firstLine(s) {
   return idx === -1 ? s : s.slice(0, idx);
 }
 function DelegateToolBlock({ tc }) {
-  const [expanded, setExpanded] = useState(false);
   const args = parseArgs(tc.args);
-  const goal = args?.goal ?? "";
-  const context = args?.context ?? "";
+  const goal = firstLine(args?.goal ?? "").trim();
   const agentType = args?.agent_type;
-  const model = args?.model;
-  const summary = firstLine(goal).trim();
   let resultError = null;
   if (tc.result) {
     try {
@@ -3913,84 +3940,29 @@ function DelegateToolBlock({ tc }) {
     } catch {
     }
   }
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "button",
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm py-0.5", children: [
+    /* @__PURE__ */ jsx(GitBranchIcon, { className: "size-3.5 text-muted-foreground/60 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Delegate" }),
+    agentType && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70 text-xs", children: [
+      "\xB7 ",
+      agentType
+    ] }),
+    goal && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70 truncate text-xs italic", children: [
+      "\xB7 \u201C",
+      goal,
+      "\u201D"
+    ] }),
+    resultError && /* @__PURE__ */ jsx(
+      "span",
       {
-        type: "button",
-        onClick: () => setExpanded(!expanded),
         className: cn(
-          "flex w-full items-center gap-1.5 rounded-md px-2 py-1",
-          "text-sm text-muted-foreground hover:bg-muted/50 transition-colors"
+          "shrink-0 text-xs",
+          "text-destructive"
         ),
-        children: [
-          /* @__PURE__ */ jsx(
-            ChevronRightIcon,
-            {
-              className: cn(
-                "size-3 shrink-0 transition-transform duration-150",
-                expanded && "rotate-90"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(GitBranchIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground/80", children: "delegate_task" }),
-          agentType && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-            "\xB7 ",
-            agentType
-          ] }),
-          summary && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground truncate min-w-0", children: [
-            "\xB7 ",
-            summary
-          ] })
-        ]
+        title: resultError,
+        children: "\xB7 failed"
       }
-    ),
-    expanded && /* @__PURE__ */ jsxs("div", { className: "ml-6 mt-0.5 space-y-1.5 text-sm font-mono", children: [
-      (agentType || model) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground", children: [
-        agentType && /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70", children: "agent:" }),
-          " ",
-          agentType
-        ] }),
-        model && /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70", children: "model:" }),
-          " ",
-          model
-        ] })
-      ] }),
-      goal && /* @__PURE__ */ jsxs("div", { className: "rounded bg-muted/40 px-2 py-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground/70", children: "Goal" }),
-        /* @__PURE__ */ jsx("pre", { className: "mt-0.5 whitespace-pre-wrap break-words text-foreground/90", children: goal })
-      ] }),
-      context && /* @__PURE__ */ jsxs("div", { className: "rounded bg-muted/40 px-2 py-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground/70", children: "Context" }),
-        /* @__PURE__ */ jsx("pre", { className: "mt-0.5 whitespace-pre-wrap break-words text-muted-foreground", children: truncate(context, 2e3) })
-      ] }),
-      tc.status === "running" && !tc.result && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground italic", children: "Sub-agent running\u2026" }),
-      tc.result && /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "rounded px-2 py-1 max-h-64 overflow-y-auto",
-            resultError ? "bg-destructive/10" : "bg-muted/40"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "text-[10px] uppercase tracking-wide",
-                  resultError ? "text-destructive/80" : "text-emerald-600 dark:text-emerald-400"
-                ),
-                children: resultError ? "Error" : "Sub-agent response"
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "mt-0.5 whitespace-pre-wrap break-words text-foreground/90", children: truncate(resultError ?? tc.result, 4e3) })
-          ]
-        }
-      )
-    ] })
+    )
   ] });
 }
 var ACTION_VERB = {
@@ -4216,6 +4188,19 @@ function DefaultToolBlock({ tc }) {
     ] })
   ] });
 }
+function ResearchOutlineBlock({ tc }) {
+  const args = parseArgs(tc.args) ?? {};
+  const result = tc.result ? parseArgs(tc.result) ?? {} : {};
+  const outline = args.action === "set" ? args.outline ?? "" : result.outline ?? "";
+  const sections = result.sections ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-sm border border-border bg-muted/40 p-2 text-xs", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 font-semibold uppercase tracking-widest text-muted-foreground", children: [
+      "Research outline",
+      sections.length ? ` \xB7 ${sections.length} sections` : ""
+    ] }),
+    outline ? /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap font-mono text-[11px] leading-snug", children: outline }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "updated" })
+  ] });
+}
 function ToolCallBlock({
   tc,
   resolvedArtifactName,
@@ -4268,6 +4253,10 @@ function ToolCallBlock({
       return /* @__PURE__ */ jsx(DelegateToolBlock, { tc });
     case "memory":
       return /* @__PURE__ */ jsx(MemoryToolBlock, { tc });
+    case "research_outline":
+      return /* @__PURE__ */ jsx(ResearchOutlineBlock, { tc });
+    case "research_memory":
+      return /* @__PURE__ */ jsx(ResearchMemoryBlock, { tc });
     case "spawn_worker":
     case "send_worker_message":
     case "stop_worker":
@@ -4321,12 +4310,13 @@ function WebSearchGroupBlock({ tcs }) {
     /* @__PURE__ */ jsx("ul", { className: "mt-1 ml-5 space-y-0.5", children: tcs.map((tc) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(WebSearchRow, { tc }) }, tc.id)) })
   ] });
 }
+var COLLAPSED_MAX_HEIGHT_PX = 160;
 var ChatMessage = memo(function ChatMessage2({
   message,
   onFileSelect
 }) {
   return /* @__PURE__ */ jsx(Message, { from: "user", children: /* @__PURE__ */ jsxs(MessageContent, { children: [
-    message.content,
+    /* @__PURE__ */ jsx(CollapsibleMessageBody, { content: message.content }),
     message.images && message.images.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mt-2", children: message.images.map((img, i) => /* @__PURE__ */ jsx(
       "img",
       {
@@ -4346,6 +4336,48 @@ var ChatMessage = memo(function ChatMessage2({
     )) })
   ] }) });
 });
+function CollapsibleMessageBody({ content }) {
+  const ref = useRef(null);
+  const [overflowing, setOverflowing] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const measure = () => {
+      setOverflowing(el.scrollHeight > el.clientHeight + 1);
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [content]);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "whitespace-pre-wrap wrap-break-word",
+          !expanded && "overflow-hidden"
+        ),
+        style: !expanded ? { maxHeight: COLLAPSED_MAX_HEIGHT_PX } : void 0,
+        children: content
+      }
+    ),
+    (overflowing || expanded) && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setExpanded((prev) => !prev),
+        className: cn(
+          "mt-2 text-xs font-bold text-primary",
+          "hover:underline focus:outline-none focus-visible:underline"
+        ),
+        children: expanded ? "Show less..." : "Show more..."
+      }
+    )
+  ] });
+}
 function iconForMime(mime) {
   if (!mime) return File$1;
   if (mime.startsWith("image/")) return FileImage;
@@ -5792,6 +5824,7 @@ function ChatComposerInner({
   onToggleWorkspace,
   canShowBrowser = false,
   canShowWorkspace = false,
+  deepResearchEnabled = false,
   viewMode = "simple",
   onViewModeChange
 }) {
@@ -5810,10 +5843,10 @@ function ChatComposerInner({
     }
   }, [buttonMenuOpen, menuDismissed, textInput.value]);
   useEffect(() => {
-    if (textInput.value.startsWith("/")) {
+    if (!buttonMenuOpen && textInput.value.startsWith("/")) {
       setMenuMode("all");
     }
-  }, [textInput.value]);
+  }, [buttonMenuOpen, textInput.value]);
   useEffect(() => {
     if (showSlashMenu && (menuMode === "skills" || menuMode === "all")) {
       adapter.listSlashCommands?.().then(setAdapterCommands).catch(() => {
@@ -5821,24 +5854,34 @@ function ChatComposerInner({
     }
   }, [adapter, showSlashMenu, menuMode]);
   const builtinCommands = useMemo(
-    () => [
-      { value: "/clear", label: "/clear", description: "Clear conversation" },
-      { value: "/compress", label: "/compress", description: "Compress context" },
-      { value: "/goal", label: "/goal", description: "Define an outcome goal" },
-      { value: "/goal status", label: "/goal status", description: "Show outcome goal status" },
-      { value: "/goal pause", label: "/goal pause", description: "Pause automatic goal continuation" },
-      { value: "/goal resume", label: "/goal resume", description: "Resume a paused goal" },
-      { value: "/goal clear", label: "/goal clear", description: "Clear the current goal" },
-      { value: "/mission ", label: "/mission", description: "Start an orchestrated rubric-judged mission" },
-      { value: "/mission status", label: "/mission status", description: "Show current mission status" },
-      { value: "/mission pause", label: "/mission pause", description: "Pause the mission evaluator" },
-      { value: "/mission resume", label: "/mission resume", description: "Resume a paused mission" },
-      { value: "/mission cancel", label: "/mission cancel", description: "Cancel the mission" },
-      { value: "/loop", label: "/loop", description: "Schedule recurring prompt" },
-      { value: "/loop list", label: "/loop list", description: "List active loops" },
-      { value: "/loop cancel", label: "/loop cancel", description: "Cancel a loop by ID" }
-    ],
-    []
+    () => {
+      const base = [
+        { value: "/clear", label: "/clear", description: "Clear conversation" },
+        { value: "/compress", label: "/compress", description: "Compress context" },
+        { value: "/goal", label: "/goal", description: "Define an outcome goal" },
+        { value: "/goal status", label: "/goal status", description: "Show outcome goal status" },
+        { value: "/goal pause", label: "/goal pause", description: "Pause automatic goal continuation" },
+        { value: "/goal resume", label: "/goal resume", description: "Resume a paused goal" },
+        { value: "/goal clear", label: "/goal clear", description: "Clear the current goal" },
+        { value: "/mission ", label: "/mission", description: "Start an orchestrated rubric-judged mission" },
+        { value: "/mission status", label: "/mission status", description: "Show current mission status" },
+        { value: "/mission pause", label: "/mission pause", description: "Pause the mission evaluator" },
+        { value: "/mission resume", label: "/mission resume", description: "Resume a paused mission" },
+        { value: "/mission cancel", label: "/mission cancel", description: "Cancel the mission" },
+        { value: "/loop", label: "/loop", description: "Schedule recurring prompt" },
+        { value: "/loop list", label: "/loop list", description: "List active loops" },
+        { value: "/loop cancel", label: "/loop cancel", description: "Cancel a loop by ID" }
+      ];
+      if (deepResearchEnabled) {
+        base.push({
+          value: "/deep-research ",
+          label: "/deep-research",
+          description: "Delegate a topic to the deep-research workflow"
+        });
+      }
+      return base;
+    },
+    [deepResearchEnabled]
   );
   const scheduledExamples = useMemo(
     () => [
@@ -5975,7 +6018,7 @@ function ChatComposerInner({
       },
       children: [
         /* @__PURE__ */ jsx(AttachmentPreviewStrip, {}),
-        viewMode === "expert" && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 px-1 pb-2", children: [
+        viewMode === "expert" && !disabled && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 px-1 pb-2", children: [
           /* @__PURE__ */ jsxs(
             Button,
             {
@@ -6050,7 +6093,7 @@ function ChatComposerInner({
               ) }),
               /* @__PURE__ */ jsxs(PromptInputFooter, { children: [
                 /* @__PURE__ */ jsxs(PromptInputTools, { children: [
-                  /* @__PURE__ */ jsxs(Popover, { open: addMenuOpen, onOpenChange: setAddMenuOpen, children: [
+                  !disabled && /* @__PURE__ */ jsxs(Popover, { open: addMenuOpen, onOpenChange: setAddMenuOpen, children: [
                     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PromptInputButton, { "aria-label": "Add", children: /* @__PURE__ */ jsx(PlusIcon, { className: "size-4" }) }) }),
                     /* @__PURE__ */ jsx(
                       PopoverContent,
@@ -6122,7 +6165,7 @@ function ChatComposerInner({
                       children: /* @__PURE__ */ jsx(FolderIcon, { className: "size-4" })
                     }
                   ),
-                  tokenUsage && tokenUsage.contextWindow > 0 && /* @__PURE__ */ jsxs(
+                  !disabled && tokenUsage && tokenUsage.contextWindow > 0 && /* @__PURE__ */ jsxs(
                     Context,
                     {
                       usedTokens: tokenUsage.totalTokens,
@@ -6210,7 +6253,7 @@ function ChatComposerInner({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx(
+                  !disabled && /* @__PURE__ */ jsx(
                     PromptInputSubmit,
                     {
                       status,
@@ -6347,6 +6390,80 @@ function ChatComposerInner({
     }
   );
 }
+function ResearchSourcesPanel({
+  sources
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const rootRef = useRef(null);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const handler = (event) => {
+      const target = event.target;
+      if (target?.closest('[id^="source-"]')) {
+        setExpanded(true);
+      }
+    };
+    document.addEventListener("scroll-to-source", handler, true);
+    return () => document.removeEventListener("scroll-to-source", handler, true);
+  }, []);
+  if (sources.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: "rounded-md border border-line bg-card",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpanded((prev) => !prev),
+            "aria-expanded": expanded,
+            className: "flex w-full items-center gap-1.5 px-2 py-1.5 text-left hover:bg-muted/40",
+            children: [
+              /* @__PURE__ */ jsx(
+                ChevronRightIcon,
+                {
+                  className: cn(
+                    "size-3 shrink-0 text-muted-foreground transition-transform duration-150",
+                    expanded && "rotate-90"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: [
+                "Sources \xB7 ",
+                sources.length
+              ] })
+            ]
+          }
+        ),
+        expanded && /* @__PURE__ */ jsx("ul", { className: "max-h-35 overflow-y-auto border-t border-line py-1", children: sources.map((s) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "a",
+          {
+            id: `source-${s.sourceId}`,
+            href: s.url,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "group flex items-baseline gap-2 px-2 py-1 hover:bg-muted/60",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] font-semibold text-primary tabular-nums", children: s.sourceId }),
+              /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-foreground group-hover:underline", children: s.title || s.url }),
+              /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 truncate text-[10px] text-muted-foreground max-w-[40%]", children: hostname2(s.url) })
+            ]
+          }
+        ) }, s.sourceId)) })
+      ]
+    }
+  );
+}
+function hostname2(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+}
 var MAX_REASON_LENGTH2 = 500;
 function TurnFeedback({ msg }) {
   const { adapter, sessionId } = useAgentChatAdapterContext();
@@ -6719,8 +6836,20 @@ var ArtifactContent = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-auto p-4", className), ...props });
-function ArtifactMarkdown({ spec }) {
-  return /* @__PURE__ */ jsx(MessageResponse, { children: spec.content ?? "" });
+function ArtifactMarkdown({
+  spec,
+  fill = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "px-4 py-3",
+        !fill && "max-h-112 overflow-y-auto"
+      ),
+      children: /* @__PURE__ */ jsx(MessageResponse, { children: spec.content ?? "" })
+    }
+  );
 }
 function formatCell(value) {
   if (value == null) return "";
@@ -7090,7 +7219,7 @@ function ArtifactBody({
   }
   switch (payload.kind) {
     case "markdown":
-      return /* @__PURE__ */ jsx(ArtifactMarkdown, { spec: payload.spec });
+      return /* @__PURE__ */ jsx(ArtifactMarkdown, { spec: payload.spec, fill });
     case "table":
       return /* @__PURE__ */ jsx(ArtifactTable, { spec: payload.spec });
     case "chart":
@@ -7983,17 +8112,15 @@ function messageToEntries(msg, isLast, artifactFallbacks) {
       }];
     }
     if (msg.systemKind === "artifact") {
-      const { artifactId, name, kind, version } = unpackArtifactMeta(
-        msg.systemMeta,
-        msg.content
-      );
+      const { artifactId, name, kind, version, originatingSessionId } = unpackArtifactMeta(msg.systemMeta, msg.content);
       return [{
         kind: "artifact",
         key: msg.id,
         artifactId,
         name,
         artifactKind: kind,
-        version
+        version,
+        originatingSessionId
       }];
     }
     if (msg.systemKind === "browser_marker" || msg.systemKind === "browser_marker_warning") {
@@ -8165,7 +8292,8 @@ function unpackArtifactMeta(systemMeta, fallbackName) {
     artifactId: meta.artifact_id ?? "",
     name: meta.name ?? fallbackName,
     kind: meta.kind ?? "markdown",
-    version: meta.version ?? 1
+    version: meta.version ?? 1,
+    originatingSessionId: meta.originating_session_id ?? null
   };
 }
 function OrphanSystemMarker({
@@ -8191,7 +8319,7 @@ function OrphanSystemMarker({
     return /* @__PURE__ */ jsx(
       ArtifactBlock,
       {
-        sessionId,
+        sessionId: unpacked.originatingSessionId ?? sessionId,
         artifactId: unpacked.artifactId,
         name: unpacked.name,
         kind: unpacked.kind,
@@ -8224,25 +8352,32 @@ function OrphanSystemMarker({
 function cancelledToolLabel(toolName) {
   const map = {
     terminal: "Command",
-    execute_code: "Execute Code",
+    execute_code: "Execute code",
     read_file: "Read",
     write_file: "Write",
     patch: "Patch",
-    search_files: "Search Files",
-    list_files: "List Files",
-    web_search: "Web Search",
-    web_extract: "Web Fetch",
-    web_crawl: "Web Crawl",
-    session_search: "Session Search",
+    search_files: "Search files",
+    list_files: "List files",
+    web_search: "Web search",
+    web_extract: "Web fetch",
+    web_crawl: "Web crawl",
+    session_search: "Session search",
     memory: "Memory",
     todo: "Todo",
     skills_list: "Skills",
     skill_view: "Skill",
     consult_expert: "Expert",
-    delegate_task: "Delegate",
+    delegate_task: "Delegate task",
     ask_user_question: "Ask User Question",
     process: "Process",
-    create_artifact: "Artifact"
+    create_artifact: "Create artifact",
+    // ``Research memory`` reads as a noun ("memory of research") and
+    // makes the shimmer awkward ("Running Research memory…").  The
+    // one-liner renderer shows just ``Research`` as the label, so
+    // mirror that here so the live shimmer matches the row that
+    // replaces it on completion.
+    research_memory: "Research",
+    research_outline: "Research"
   };
   return map[toolName] ?? toolName;
 }
@@ -8371,7 +8506,7 @@ function TimelineEntryItem({
       /* @__PURE__ */ jsx(TimelineContent, { children: sessionId ? /* @__PURE__ */ jsx(
         ArtifactBlock,
         {
-          sessionId,
+          sessionId: entry.originatingSessionId ?? sessionId,
           artifactId: entry.artifactId,
           name: entry.name,
           kind: entry.artifactKind,
@@ -8503,17 +8638,24 @@ function extractToolDetail(tc) {
     }
     case "terminal": {
       const cmd = stringArg("command");
-      return cmd ? truncate2(cmd, 40) : null;
+      return cmd ? truncate3(cmd, 40) : null;
     }
     case "execute_code": {
       const code3 = stringArg("code");
-      return code3 ? truncate2(code3.split("\n")[0] ?? "", 40) : null;
+      return code3 ? truncate3(code3.split("\n")[0] ?? "", 40) : null;
     }
     case "web_search":
     case "web_crawl":
       return stringArg("query");
-    case "web_extract":
-      return stringArg("url");
+    case "web_extract": {
+      const url = stringArg("url");
+      if (!url) return null;
+      try {
+        return new URL(url).hostname.replace(/^www\./, "");
+      } catch {
+        return truncate3(url, 40);
+      }
+    }
     case "skill_view":
     case "skill_manage":
       return stringArg("name") ?? stringArg("skill");
@@ -8523,6 +8665,40 @@ function extractToolDetail(tc) {
       return stringArg("name") ?? stringArg("task") ?? stringArg("title");
     case "memory":
       return stringArg("action") ?? stringArg("key");
+    case "research_memory": {
+      const action = stringArg("action");
+      if (action === "add") {
+        const title = stringArg("title");
+        if (title) return truncate3(title, 60);
+        const url = stringArg("url");
+        if (url) {
+          try {
+            return new URL(url).hostname.replace(/^www\./, "");
+          } catch {
+            return truncate3(url, 40);
+          }
+        }
+        return null;
+      }
+      if (action === "retrieve") {
+        return stringArg("query");
+      }
+      return action;
+    }
+    case "research_outline": {
+      const action = stringArg("action");
+      if (action === "set") {
+        const outline = stringArg("outline");
+        if (outline) {
+          const sections = outline.split(/\r?\n/).filter((line) => /^#{2,6}\s+\S/.test(line)).length;
+          if (sections > 0) {
+            return `${sections} ${sections === 1 ? "section" : "sections"}`;
+          }
+        }
+        return "outline";
+      }
+      return action;
+    }
     default:
       return null;
   }
@@ -8532,7 +8708,7 @@ function lastPathSegment(path) {
   const idx = cleaned.lastIndexOf("/");
   return idx >= 0 ? cleaned.slice(idx + 1) : cleaned;
 }
-function truncate2(s, max) {
+function truncate3(s, max) {
   return s.length > max ? `${s.slice(0, max - 1)}\u2026` : s;
 }
 var _SIMPLE_MODE_HIDDEN_TOOLS = /* @__PURE__ */ new Set([
@@ -8608,7 +8784,9 @@ var _TOOL_ROW_ICON = {
   delegate_task: ArrowRight,
   create_artifact: FileTextIcon,
   memory: PenLineIcon,
-  todo: ListIcon
+  todo: ListIcon,
+  research_memory: BookOpenIcon,
+  research_outline: ListIcon
 };
 function _toolRowIcon(toolName) {
   return _TOOL_ROW_ICON[toolName] ?? WrenchIcon;
@@ -8654,6 +8832,31 @@ function _toolRowLabel(tc) {
       return detail ? `Memory ${detail}` : "Updated memory";
     case "todo":
       return detail ? `Todo ${detail}` : "Updated todo list";
+    case "research_memory": {
+      const args = parseArgs(tc.args);
+      const action = args?.action;
+      if (action === "add") {
+        return detail ? `Stored source "${detail}"` : "Stored a source";
+      }
+      if (action === "retrieve") {
+        return detail ? `Retrieved sources for "${detail}"` : "Retrieved sources";
+      }
+      if (action === "list") {
+        return "Listed sources";
+      }
+      return "Updated research memory";
+    }
+    case "research_outline": {
+      const args = parseArgs(tc.args);
+      const action = args?.action;
+      if (action === "set") {
+        return detail ? `Updated outline (${detail})` : "Updated outline";
+      }
+      if (action === "get") {
+        return "Read outline";
+      }
+      return "Touched outline";
+    }
     default:
       return cancelledToolLabel(tc.toolName);
   }
@@ -8827,7 +9030,8 @@ function SimpleAssistantGroup({
   sessionId,
   artifactFallbacks,
   onFileSelect,
-  onRetry
+  onRetry,
+  hideTurnSummary = false
 }) {
   const assistantMessages = messages.filter((m) => m.role === "assistant");
   const tail = assistantMessages[assistantMessages.length - 1];
@@ -8895,7 +9099,7 @@ function SimpleAssistantGroup({
         tail
       }
     ),
-    effectiveTurnSummary && /* @__PURE__ */ jsx(
+    effectiveTurnSummary && !hideTurnSummary && /* @__PURE__ */ jsx(
       TurnSummaryCard,
       {
         summary: effectiveTurnSummary,
@@ -8916,7 +9120,8 @@ function AssistantGroup({
   artifactFallbacks,
   onFileSelect,
   onRetry,
-  viewMode = "simple"
+  viewMode = "simple",
+  hideTurnSummary = false
 }) {
   if (viewMode === "simple") {
     return /* @__PURE__ */ jsx(
@@ -8927,7 +9132,8 @@ function AssistantGroup({
         sessionId,
         artifactFallbacks,
         onFileSelect,
-        onRetry
+        onRetry,
+        hideTurnSummary
       }
     );
   }
@@ -9033,7 +9239,10 @@ function ChatThread({
   canShowBrowser = false,
   canShowWorkspace = false,
   viewMode = "simple",
-  onViewModeChange
+  onViewModeChange,
+  deepResearchEnabled = false,
+  researchSources = [],
+  hideTurnSummary = false
 }) {
   const groups = useMemo(() => groupMessages(messages), [messages]);
   const awaitingInput = useMemo(() => isAwaitingUserInput(messages), [messages]);
@@ -9131,7 +9340,8 @@ function ChatThread({
               artifactFallbacks,
               onFileSelect,
               onRetry: groupRetry,
-              viewMode
+              viewMode,
+              hideTurnSummary
             },
             group.messages[0].id
           );
@@ -9142,14 +9352,8 @@ function ChatThread({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-4xl px-3 sm:px-6 pb-3 sm:pb-5 pt-3", children: [
       retryIndicator && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(RetryBanner, { indicator: retryIndicator }) }),
-      composerDisabled && composerDisabledReason ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "rounded border border-line bg-muted/40 px-3 py-2 text-sm text-foreground/60",
-          role: "status",
-          children: composerDisabledReason
-        }
-      ) : /* @__PURE__ */ jsx(
+      researchSources.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(ResearchSourcesPanel, { sources: researchSources }) }),
+      /* @__PURE__ */ jsx(
         ChatComposer,
         {
           onSend,
@@ -9166,7 +9370,8 @@ function ChatThread({
           canShowBrowser,
           canShowWorkspace,
           viewMode,
-          onViewModeChange
+          onViewModeChange,
+          deepResearchEnabled
         }
       )
     ] })
@@ -9840,6 +10045,29 @@ function isScheduledRunSession(session) {
     session?.channel === "scheduled" || session?.config?.scheduled_session_id
   );
 }
+var _SUB_AGENT_CHANNELS = /* @__PURE__ */ new Set([
+  "delegation",
+  "worker",
+  "task"
+]);
+function isSubAgentSession(session) {
+  if (!session) return false;
+  if (session.parentId) return true;
+  if (session.channel && _SUB_AGENT_CHANNELS.has(session.channel)) return true;
+  return false;
+}
+function readOnlyReasonForSession(session) {
+  if (isScheduledRunSession(session)) {
+    return { readOnly: true, reason: "Scheduled run is read-only" };
+  }
+  if (isSubAgentSession(session)) {
+    return {
+      readOnly: true,
+      reason: "Sub-task started by parent session \u2014 read-only"
+    };
+  }
+  return { readOnly: false };
+}
 
 // src/runtime/events.ts
 var WORKSPACE_MUTATING_TOOLS = /* @__PURE__ */ new Set([
@@ -9909,7 +10137,8 @@ function createInitialAgentChatState(options = {}) {
     terminal: false,
     workspaceRefreshKey: 0,
     browser: null,
-    viewMode: options.viewMode ?? "simple"
+    viewMode: options.viewMode ?? "simple",
+    researchSources: []
   };
 }
 function applyAgentChatEvent(state, event) {
@@ -9961,7 +10190,13 @@ function applyAgentChatEvent(state, event) {
             name: event.data.name,
             kind: event.data.kind,
             version: event.data.version,
-            size: event.data.size
+            size: event.data.size,
+            // Propagated artifacts (a delegated child's report
+            // surfacing on the parent's chat thread) carry this
+            // field; without it the ArtifactBlock fetches via the
+            // chat's own session id and 404s because the spec lives
+            // under the writer's S3 prefix, not the parent's.
+            originating_session_id: event.data.originating_session_id
           }
         }
       ]);
@@ -9995,11 +10230,12 @@ function applyAgentChatEvent(state, event) {
       const toolName = findToolNameById(nextState.messages, toolCallId);
       const messages = applyToolResult(nextState.messages, event.data);
       const mutatesWorkspace = toolName !== null && WORKSPACE_MUTATING_TOOLS.has(toolName);
-      return {
+      const withResult = {
         ...nextState,
         messages,
         workspaceRefreshKey: mutatesWorkspace ? nextState.workspaceRefreshKey + 1 : nextState.workspaceRefreshKey
       };
+      return collectResearchSource(withResult, toolName, event.data);
     }
     case "harness.wake":
     case "llm.request":
@@ -10347,7 +10583,7 @@ function applyLlmThinking(state, event) {
   } else {
     messages[idx] = {
       ...prev,
-      reasoning: (prev.reasoning ?? "") + reasoningText,
+      reasoning: appendText(prev.reasoning, reasoningText),
       turnId: turnId ?? prev.turnId,
       iterationIndex: iterationIndex ?? prev.iterationIndex
     };
@@ -10731,6 +10967,32 @@ function findToolNameById(messages, toolCallId) {
   }
   return null;
 }
+function collectResearchSource(state, toolName, data) {
+  if (toolName !== "research_memory") return state;
+  const rawResult = data.content ?? data.result;
+  const resultText = typeof rawResult === "string" ? rawResult : JSON.stringify(rawResult ?? {});
+  let parsed;
+  try {
+    parsed = JSON.parse(resultText);
+  } catch {
+    return state;
+  }
+  if (!parsed.success || !parsed.source_id || !parsed.url) return state;
+  if (state.researchSources.some((s) => s.sourceId === parsed.source_id)) {
+    return state;
+  }
+  return {
+    ...state,
+    researchSources: [
+      ...state.researchSources,
+      {
+        sourceId: parsed.source_id,
+        url: parsed.url,
+        title: parsed.title ?? ""
+      }
+    ]
+  };
+}
 function findLatestConsultExpertCall(messages) {
   for (let i = messages.length - 1; i >= 0; i--) {
     const msg = messages[i];
@@ -11180,7 +11442,8 @@ function useAgentChatRuntime({
     markSending,
     markSendError,
     viewMode: state.viewMode,
-    setViewMode
+    setViewMode,
+    researchSources: state.researchSources
   };
 }
 function parseEventData(data) {
@@ -11239,7 +11502,8 @@ function AgentChat({
   onFileSelect,
   onMessagesChange,
   disabled,
-  onComposerError
+  onComposerError,
+  deepResearchEnabled = false
 }) {
   const [workspacePath, setWorkspacePath] = useState(null);
   const [mobileView, setMobileView] = useState("chat");
@@ -11254,9 +11518,18 @@ function AgentChat({
   useEffect(() => {
     setShowWorkspace(runtime.viewMode === "expert");
   }, [runtime.viewMode]);
-  const isReadOnlySession = isScheduledRunSession(runtime.session);
-  const effectiveDisabled = disabled || isReadOnlySession;
-  const disabledReason = isReadOnlySession ? "Scheduled run is read-only" : void 0;
+  const readOnly = readOnlyReasonForSession(runtime.session);
+  const effectiveDisabled = disabled || readOnly.readOnly;
+  const disabledReason = readOnly.reason;
+  const orchestratesDeepResearch = useMemo(
+    () => runtime.messages.some(
+      (m) => m.toolCalls?.some(
+        (tc) => tc.toolName === "delegate_task" && delegateTaskTargets(tc.args).includes("deep-research")
+      )
+    ),
+    [runtime.messages]
+  );
+  const hideTurnSummary = isSubAgentSession(runtime.session) || orchestratesDeepResearch;
   const browserState = runtime.state.browser;
   const browserAvailable = browserState !== null && browserState.status !== "closed" && !!sessionId;
   const browserVisible = browserAvailable && showBrowser;
@@ -11377,7 +11650,10 @@ function AgentChat({
                     canShowBrowser: browserAvailable,
                     canShowWorkspace: workspaceAvailable,
                     viewMode: runtime.viewMode,
-                    onViewModeChange: runtime.setViewMode
+                    onViewModeChange: runtime.setViewMode,
+                    deepResearchEnabled,
+                    researchSources: runtime.researchSources,
+                    hideTurnSummary
                   }
                 )
               }
@@ -11447,6 +11723,27 @@ function AgentChat({
     }
   );
 }
+function delegateTaskTargets(rawArgs) {
+  if (!rawArgs) return [];
+  let parsed;
+  try {
+    parsed = JSON.parse(rawArgs);
+  } catch {
+    return [];
+  }
+  if (!parsed || typeof parsed !== "object") return [];
+  const out = [];
+  const a = parsed;
+  if (typeof a.agent_type === "string") out.push(a.agent_type);
+  if (Array.isArray(a.goals)) {
+    for (const g of a.goals) {
+      if (g && typeof g === "object" && typeof g.agent_type === "string") {
+        out.push(g.agent_type);
+      }
+    }
+  }
+  return out;
+}
 var DEFAULT_LIMIT = 50;
 function requireInboxAdapter(adapter) {
   if (!adapter.listInbox || !adapter.getInboxItem || !adapter.markInboxItemRead || !adapter.acknowledgeInboxItem || !adapter.respondGovernanceInboxItem || !adapter.openInboxStream) {
@@ -12182,7 +12479,7 @@ function groupMissionTasksByBucket(tasks) {
 function deriveMissionWorkerActivityLabel(worker) {
   const kind = worker.latestEventKind;
   if (kind === "tool.call" && worker.latestEventSummary) {
-    return `tool: ${truncate3(worker.latestEventSummary, 80)}`;
+    return `tool: ${truncate4(worker.latestEventSummary, 80)}`;
   }
   if (kind === "llm.response") {
     return "thinking";
@@ -12191,11 +12488,11 @@ function deriveMissionWorkerActivityLabel(worker) {
     return "received tool result";
   }
   if (kind && worker.latestEventSummary) {
-    return `${kind}: ${truncate3(worker.latestEventSummary, 60)}`;
+    return `${kind}: ${truncate4(worker.latestEventSummary, 60)}`;
   }
   return worker.sessionStatus || "active";
 }
-function truncate3(s, max) {
+function truncate4(s, max) {
   if (s.length <= max) return s;
   return `${s.slice(0, max - 1)}\u2026`;
 }
@@ -13182,6 +13479,50 @@ function MissionsPanel({
     )) })
   ] });
 }
+var CITATION_RE = /\[(S\d+(?:\s*,\s*S\d+)*)\]/g;
+function splitCitations(text) {
+  if (!text) return [];
+  const segments = [];
+  let lastIndex = 0;
+  for (const match of text.matchAll(CITATION_RE)) {
+    const start = match.index ?? 0;
+    if (start > lastIndex) {
+      segments.push({ kind: "text", value: text.slice(lastIndex, start) });
+    }
+    for (const id of match[1].split(",")) {
+      segments.push({ kind: "cite", value: id.trim() });
+    }
+    lastIndex = start + match[0].length;
+  }
+  if (lastIndex < text.length) {
+    segments.push({ kind: "text", value: text.slice(lastIndex) });
+  }
+  return segments;
+}
+function CitationText({
+  text,
+  sources,
+  onCitationClick
+}) {
+  const byId = new Map(sources.map((s) => [s.sourceId, s]));
+  return /* @__PURE__ */ jsx(Fragment, { children: splitCitations(text).map((seg, i) => {
+    if (seg.kind === "text") {
+      return /* @__PURE__ */ jsx("span", { children: seg.value }, i);
+    }
+    const src = byId.get(seg.value);
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        title: src ? `${src.title} \u2014 ${src.url}` : seg.value,
+        onClick: () => onCitationClick?.(seg.value),
+        className: "mx-0.5 inline-flex items-center rounded-sm bg-muted px-1 text-[10px] font-semibold text-primary hover:bg-primary/10",
+        children: seg.value
+      },
+      i
+    );
+  }) });
+}
 var DEFAULT_LIMIT2 = 50;
 var DEFAULT_POLL_INTERVAL_MS3 = 3e4;
 function fingerprint2(items) {
@@ -13548,7 +13889,7 @@ function mergeTreeNodes(groups) {
   }
   return Array.from(byId.values());
 }
-function pruneDeletedSessionNodes(nodes, deletedSessionId) {
+function collectDeletedSessionIds(nodes, deletedSessionId) {
   const deletedIds = /* @__PURE__ */ new Set([deletedSessionId]);
   let changed = true;
   while (changed) {
@@ -13560,7 +13901,7 @@ function pruneDeletedSessionNodes(nodes, deletedSessionId) {
       }
     }
   }
-  return nodes.filter((node) => !deletedIds.has(node.id));
+  return deletedIds;
 }
 function formatSessionTime(value) {
   const normalized = /[zZ]|[+-]\d{2}:?\d{2}$/.test(value) ? value : `${value}Z`;
@@ -13591,7 +13932,6 @@ function TreeNodeRow({
   activeSessionId,
   canStop,
   canDelete,
-  deletingSessionId,
   onSelect,
   onStop,
   onDelete
@@ -13659,18 +13999,14 @@ function TreeNodeRow({
             "button",
             {
               type: "button",
-              className: cn(
-                "p-2 md:p-1 rounded hover:bg-destructive/10 hover:text-destructive disabled:pointer-events-none transition-all",
-                deletingSessionId === entry.id ? "opacity-100" : "opacity-60 md:opacity-50 md:group-hover:opacity-100 md:focus-visible:opacity-100"
-              ),
+              className: "p-2 md:p-1 rounded opacity-60 md:opacity-50 md:group-hover:opacity-100 md:focus-visible:opacity-100 hover:bg-destructive/10 hover:text-destructive transition-all",
               onClick: (e) => {
                 e.stopPropagation();
                 onDelete(entry.id);
               },
               "aria-label": "Delete session",
               title: "Delete session",
-              disabled: deletingSessionId === entry.id,
-              children: deletingSessionId === entry.id ? /* @__PURE__ */ jsx(Loader2Icon, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Trash2Icon, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx(Trash2Icon, { className: "w-3 h-3" })
             }
           )
         ]
@@ -13684,7 +14020,6 @@ function TreeNodeRow({
         activeSessionId,
         canStop,
         canDelete,
-        deletingSessionId,
         onSelect,
         onStop,
         onDelete
@@ -13709,10 +14044,8 @@ function SessionTreePanel({
   const [nodes, setNodes] = useState([]);
   const [error, setError] = useState(null);
   const [hasEverLoaded, setHasEverLoaded] = useState(false);
-  const [deletingSessionId, setDeletingSessionId] = useState(
-    null
-  );
   const mounted = useRef(true);
+  const pendingDeleteIds = useRef(/* @__PURE__ */ new Set());
   const requestId = useRef(0);
   const lastFingerprint = useRef("");
   const resetContext = useRef(null);
@@ -13737,10 +14070,23 @@ function SessionTreePanel({
           sessionTreePromise
         ]);
         if (!mounted.current || currentRequestId !== requestId.current) return;
-        const nextNodes = mergeTreeNodes([
+        let nextNodes = mergeTreeNodes([
           sessionList?.sessions.map(sessionToTreeNode) ?? [],
           sessionTree?.nodes ?? []
         ]);
+        if (pendingDeleteIds.current.size > 0) {
+          const stillReturned = /* @__PURE__ */ new Set();
+          nextNodes = nextNodes.filter((node) => {
+            if (!pendingDeleteIds.current.has(node.id)) return true;
+            stillReturned.add(node.id);
+            return false;
+          });
+          for (const pendingId of pendingDeleteIds.current) {
+            if (!stillReturned.has(pendingId)) {
+              pendingDeleteIds.current.delete(pendingId);
+            }
+          }
+        }
         const fp = treeFingerprint(nextNodes);
         if (fp !== lastFingerprint.current) {
           lastFingerprint.current = fp;
@@ -13771,6 +14117,7 @@ function SessionTreePanel({
       setNodes([]);
       setHasEverLoaded(false);
       lastFingerprint.current = "";
+      pendingDeleteIds.current.clear();
     }
     setError(null);
     void refetch();
@@ -13807,24 +14154,31 @@ function SessionTreePanel({
   );
   const handleDelete = useCallback(
     async (id) => {
-      if (!adapter.deleteSession || deletingSessionId) return;
-      setDeletingSessionId(id);
+      if (!adapter.deleteSession) return;
+      const deletedIds = collectDeletedSessionIds(nodes, id);
+      for (const deletedId of deletedIds) {
+        pendingDeleteIds.current.add(deletedId);
+      }
+      setNodes((current) => {
+        const next = current.filter((node) => !deletedIds.has(node.id));
+        lastFingerprint.current = treeFingerprint(next);
+        return next;
+      });
+      onSessionDelete?.(id);
       try {
         await adapter.deleteSession({ sessionId: id });
-        setNodes((current) => {
-          const next = pruneDeletedSessionNodes(current, id);
-          lastFingerprint.current = treeFingerprint(next);
-          return next;
-        });
-        onSessionDelete?.(id);
         await refetch({ silent: true });
       } catch (e) {
-        setError(e instanceof Error ? e.message : "Failed to delete session");
-      } finally {
-        if (mounted.current) setDeletingSessionId(null);
+        for (const deletedId of deletedIds) {
+          pendingDeleteIds.current.delete(deletedId);
+        }
+        if (mounted.current) {
+          setError(e instanceof Error ? e.message : "Failed to delete session");
+        }
+        await refetch({ silent: true });
       }
     },
-    [adapter, deletingSessionId, onSessionDelete, refetch]
+    [adapter, nodes, onSessionDelete, refetch]
   );
   if (!hasEverLoaded) return null;
   if (nodes.length === 0) return null;
@@ -13845,7 +14199,6 @@ function SessionTreePanel({
         activeSessionId: activeSessionId ?? "",
         canStop: Boolean(adapter.stopSession),
         canDelete: Boolean(adapter.deleteSession),
-        deletingSessionId,
         onSelect: handleSelect,
         onStop: handleStop,
         onDelete: handleDelete
@@ -13855,6 +14208,6 @@ function SessionTreePanel({
   ] });
 }
 
-export { ACTIVE_MISSION_STATUSES, AgentChat, AgentChatAdapterProvider, InboxPanel, MessageResponse, MissionDashboard, MissionsPanel, ScheduledWorkPanel, SessionTreePanel, deriveMissionWorkerActivityLabel, groupMissionTasksByBucket, isTerminalMissionStatus, missionTaskBucket, useAgentChatAdapterContext, useAgentChatRuntime, useChatViewMode, useInboxUnreadCount };
+export { ACTIVE_MISSION_STATUSES, AgentChat, AgentChatAdapterProvider, CitationText, InboxPanel, MessageResponse, MissionDashboard, MissionsPanel, ResearchSourcesPanel, ScheduledWorkPanel, SessionTreePanel, deriveMissionWorkerActivityLabel, groupMissionTasksByBucket, isTerminalMissionStatus, missionTaskBucket, splitCitations, useAgentChatAdapterContext, useAgentChatRuntime, useChatViewMode, useInboxUnreadCount };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map