@invergent/agent-chat-react 2.4.13 → 2.5.1

package/dist/index.cjs

@@ -2428,6 +2428,37 @@ function MCPToolBlock({ tc }) {
     summary && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm py-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BookOpenIcon, { className: "size-3.5 text-muted-foreground/60 shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: "Research" }),
+    detail && /* @__PURE__ */ jsxRuntime.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 {
@@ -4143,21 +4174,15 @@ function ArtifactToolBlock({
     name && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground truncate", children: name })
   ] });
 }
-
-// src/components/chat/tools/delegate-tool.tsx
 init_utils();
 function firstLine(s) {
   const idx = s.indexOf("\n");
   return idx === -1 ? s : s.slice(0, idx);
 }
 function DelegateToolBlock({ tc }) {
-  const [expanded, setExpanded] = react.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 {
@@ -4166,84 +4191,29 @@ function DelegateToolBlock({ tc }) {
     } catch {
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm py-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranchIcon, { className: "size-3.5 text-muted-foreground/60 shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: "Delegate" }),
+    agentType && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/70 text-xs", children: [
+      "\xB7 ",
+      agentType
+    ] }),
+    goal && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/70 truncate text-xs italic", children: [
+      "\xB7 \u201C",
+      goal,
+      "\u201D"
+    ] }),
+    resultError && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            lucideReact.ChevronRightIcon,
-            {
-              className: cn(
-                "size-3 shrink-0 transition-transform duration-150",
-                expanded && "rotate-90"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranchIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground/80", children: "delegate_task" }),
-          agentType && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
-            "\xB7 ",
-            agentType
-          ] }),
-          summary && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground truncate min-w-0", children: [
-            "\xB7 ",
-            summary
-          ] })
-        ]
+        title: resultError,
+        children: "\xB7 failed"
       }
-    ),
-    expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-6 mt-0.5 space-y-1.5 text-sm font-mono", children: [
-      (agentType || model) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground", children: [
-        agentType && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/70", children: "agent:" }),
-          " ",
-          agentType
-        ] }),
-        model && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/70", children: "model:" }),
-          " ",
-          model
-        ] })
-      ] }),
-      goal && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded bg-muted/40 px-2 py-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground/70", children: "Goal" }),
-        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-0.5 whitespace-pre-wrap break-words text-foreground/90", children: goal })
-      ] }),
-      context && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded bg-muted/40 px-2 py-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground/70", children: "Context" }),
-        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-0.5 whitespace-pre-wrap break-words text-muted-foreground", children: truncate(context, 2e3) })
-      ] }),
-      tc.status === "running" && !tc.result && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground italic", children: "Sub-agent running\u2026" }),
-      tc.result && /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cn(
-            "rounded px-2 py-1 max-h-64 overflow-y-auto",
-            resultError ? "bg-destructive/10" : "bg-muted/40"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("pre", { className: "mt-0.5 whitespace-pre-wrap break-words text-foreground/90", children: truncate(resultError ?? tc.result, 4e3) })
-          ]
-        }
-      )
-    ] })
+    )
   ] });
 }
 init_utils();
@@ -4473,6 +4443,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__ */ jsxRuntime.jsxs("div", { className: "rounded-sm border border-border bg-muted/40 p-2 text-xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 font-semibold uppercase tracking-widest text-muted-foreground", children: [
+      "Research outline",
+      sections.length ? ` \xB7 ${sections.length} sections` : ""
+    ] }),
+    outline ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap font-mono text-[11px] leading-snug", children: outline }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "updated" })
+  ] });
+}
 function ToolCallBlock({
   tc,
   resolvedArtifactName,
@@ -4525,6 +4508,10 @@ function ToolCallBlock({
       return /* @__PURE__ */ jsxRuntime.jsx(DelegateToolBlock, { tc });
     case "memory":
       return /* @__PURE__ */ jsxRuntime.jsx(MemoryToolBlock, { tc });
+    case "research_outline":
+      return /* @__PURE__ */ jsxRuntime.jsx(ResearchOutlineBlock, { tc });
+    case "research_memory":
+      return /* @__PURE__ */ jsxRuntime.jsx(ResearchMemoryBlock, { tc });
     case "spawn_worker":
     case "send_worker_message":
     case "stop_worker":
@@ -4578,12 +4565,14 @@ function WebSearchGroupBlock({ tcs }) {
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-1 ml-5 space-y-0.5", children: tcs.map((tc) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(WebSearchRow, { tc }) }, tc.id)) })
   ] });
 }
+init_utils();
+var COLLAPSED_MAX_HEIGHT_PX = 160;
 var ChatMessage = react.memo(function ChatMessage2({
   message,
   onFileSelect
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Message, { from: "user", children: /* @__PURE__ */ jsxRuntime.jsxs(MessageContent, { children: [
-    message.content,
+    /* @__PURE__ */ jsxRuntime.jsx(CollapsibleMessageBody, { content: message.content }),
     message.images && message.images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 mt-2", children: message.images.map((img, i) => /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
@@ -4603,6 +4592,48 @@ var ChatMessage = react.memo(function ChatMessage2({
     )) })
   ] }) });
 });
+function CollapsibleMessageBody({ content }) {
+  const ref = react.useRef(null);
+  const [overflowing, setOverflowing] = react.useState(false);
+  const [expanded, setExpanded] = react.useState(false);
+  react.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__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 lucideReact.File;
   if (mime.startsWith("image/")) return lucideReact.FileImage;
@@ -6073,6 +6104,7 @@ function ChatComposerInner({
   onToggleWorkspace,
   canShowBrowser = false,
   canShowWorkspace = false,
+  deepResearchEnabled = false,
   viewMode = "simple",
   onViewModeChange
 }) {
@@ -6091,10 +6123,10 @@ function ChatComposerInner({
     }
   }, [buttonMenuOpen, menuDismissed, textInput.value]);
   react.useEffect(() => {
-    if (textInput.value.startsWith("/")) {
+    if (!buttonMenuOpen && textInput.value.startsWith("/")) {
       setMenuMode("all");
     }
-  }, [textInput.value]);
+  }, [buttonMenuOpen, textInput.value]);
   react.useEffect(() => {
     if (showSlashMenu && (menuMode === "skills" || menuMode === "all")) {
       adapter.listSlashCommands?.().then(setAdapterCommands).catch(() => {
@@ -6102,24 +6134,34 @@ function ChatComposerInner({
     }
   }, [adapter, showSlashMenu, menuMode]);
   const builtinCommands = react.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 = react.useMemo(
     () => [
@@ -6256,7 +6298,7 @@ function ChatComposerInner({
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(AttachmentPreviewStrip, {}),
-        viewMode === "expert" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 px-1 pb-2", children: [
+        viewMode === "expert" && !disabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 px-1 pb-2", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
             {
@@ -6331,7 +6373,7 @@ function ChatComposerInner({
               ) }),
               /* @__PURE__ */ jsxRuntime.jsxs(PromptInputFooter, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(PromptInputTools, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: addMenuOpen, onOpenChange: setAddMenuOpen, children: [
+                  !disabled && /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: addMenuOpen, onOpenChange: setAddMenuOpen, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(PromptInputButton, { "aria-label": "Add", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "size-4" }) }) }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       PopoverContent,
@@ -6403,7 +6445,7 @@ function ChatComposerInner({
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderIcon, { className: "size-4" })
                     }
                   ),
-                  tokenUsage && tokenUsage.contextWindow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                  !disabled && tokenUsage && tokenUsage.contextWindow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
                     Context,
                     {
                       usedTokens: tokenUsage.totalTokens,
@@ -6491,7 +6533,7 @@ function ChatComposerInner({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  !disabled && /* @__PURE__ */ jsxRuntime.jsx(
                     PromptInputSubmit,
                     {
                       status,
@@ -6629,6 +6671,83 @@ function ChatComposerInner({
   );
 }
 
+// src/components/research/research-sources-panel.tsx
+init_utils();
+function ResearchSourcesPanel({
+  sources
+}) {
+  const [expanded, setExpanded] = react.useState(false);
+  const rootRef = react.useRef(null);
+  react.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: "rounded-md border border-line bg-card",
+      children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                lucideReact.ChevronRightIcon,
+                {
+                  className: cn(
+                    "size-3 shrink-0 text-muted-foreground transition-transform duration-150",
+                    expanded && "rotate-90"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: [
+                "Sources \xB7 ",
+                sources.length
+              ] })
+            ]
+          }
+        ),
+        expanded && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "max-h-35 overflow-y-auto border-t border-line py-1", children: sources.map((s) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[10px] font-semibold text-primary tabular-nums", children: s.sourceId }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-foreground group-hover:underline", children: s.title || s.url }),
+              /* @__PURE__ */ jsxRuntime.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;
+  }
+}
+
 // src/components/chat/turn-feedback.tsx
 init_utils();
 var MAX_REASON_LENGTH2 = 500;
@@ -7006,8 +7125,23 @@ var ArtifactContent = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex-1 overflow-auto p-4", className), ...props });
-function ArtifactMarkdown({ spec }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MessageResponse, { children: spec.content ?? "" });
+
+// src/components/chat/artifacts/artifact-markdown.tsx
+init_utils();
+function ArtifactMarkdown({
+  spec,
+  fill = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "px-4 py-3",
+        !fill && "max-h-112 overflow-y-auto"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(MessageResponse, { children: spec.content ?? "" })
+    }
+  );
 }
 function formatCell(value) {
   if (value == null) return "";
@@ -7380,7 +7514,7 @@ function ArtifactBody({
   }
   switch (payload.kind) {
     case "markdown":
-      return /* @__PURE__ */ jsxRuntime.jsx(ArtifactMarkdown, { spec: payload.spec });
+      return /* @__PURE__ */ jsxRuntime.jsx(ArtifactMarkdown, { spec: payload.spec, fill });
     case "table":
       return /* @__PURE__ */ jsxRuntime.jsx(ArtifactTable, { spec: payload.spec });
     case "chart":
@@ -8281,17 +8415,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") {
@@ -8463,7 +8595,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({
@@ -8489,7 +8622,7 @@ function OrphanSystemMarker({
     return /* @__PURE__ */ jsxRuntime.jsx(
       ArtifactBlock,
       {
-        sessionId,
+        sessionId: unpacked.originatingSessionId ?? sessionId,
         artifactId: unpacked.artifactId,
         name: unpacked.name,
         kind: unpacked.kind,
@@ -8522,25 +8655,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;
 }
@@ -8669,7 +8809,7 @@ function TimelineEntryItem({
       /* @__PURE__ */ jsxRuntime.jsx(TimelineContent, { children: sessionId ? /* @__PURE__ */ jsxRuntime.jsx(
         ArtifactBlock,
         {
-          sessionId,
+          sessionId: entry.originatingSessionId ?? sessionId,
           artifactId: entry.artifactId,
           name: entry.name,
           kind: entry.artifactKind,
@@ -8801,17 +8941,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");
@@ -8821,6 +8968,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;
   }
@@ -8830,7 +9011,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([
@@ -8906,7 +9087,9 @@ var _TOOL_ROW_ICON = {
   delegate_task: lucideReact.ArrowRight,
   create_artifact: lucideReact.FileTextIcon,
   memory: lucideReact.PenLineIcon,
-  todo: lucideReact.ListIcon
+  todo: lucideReact.ListIcon,
+  research_memory: lucideReact.BookOpenIcon,
+  research_outline: lucideReact.ListIcon
 };
 function _toolRowIcon(toolName) {
   return _TOOL_ROW_ICON[toolName] ?? lucideReact.WrenchIcon;
@@ -8952,6 +9135,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);
   }
@@ -9125,7 +9333,8 @@ function SimpleAssistantGroup({
   sessionId,
   artifactFallbacks,
   onFileSelect,
-  onRetry
+  onRetry,
+  hideTurnSummary = false
 }) {
   const assistantMessages = messages.filter((m) => m.role === "assistant");
   const tail = assistantMessages[assistantMessages.length - 1];
@@ -9193,7 +9402,7 @@ function SimpleAssistantGroup({
         tail
       }
     ),
-    effectiveTurnSummary && /* @__PURE__ */ jsxRuntime.jsx(
+    effectiveTurnSummary && !hideTurnSummary && /* @__PURE__ */ jsxRuntime.jsx(
       TurnSummaryCard,
       {
         summary: effectiveTurnSummary,
@@ -9214,7 +9423,8 @@ function AssistantGroup({
   artifactFallbacks,
   onFileSelect,
   onRetry,
-  viewMode = "simple"
+  viewMode = "simple",
+  hideTurnSummary = false
 }) {
   if (viewMode === "simple") {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -9225,7 +9435,8 @@ function AssistantGroup({
         sessionId,
         artifactFallbacks,
         onFileSelect,
-        onRetry
+        onRetry,
+        hideTurnSummary
       }
     );
   }
@@ -9331,7 +9542,10 @@ function ChatThread({
   canShowBrowser = false,
   canShowWorkspace = false,
   viewMode = "simple",
-  onViewModeChange
+  onViewModeChange,
+  deepResearchEnabled = false,
+  researchSources = [],
+  hideTurnSummary = false
 }) {
   const groups = react.useMemo(() => groupMessages(messages), [messages]);
   const awaitingInput = react.useMemo(() => isAwaitingUserInput(messages), [messages]);
@@ -9429,7 +9643,8 @@ function ChatThread({
               artifactFallbacks,
               onFileSelect,
               onRetry: groupRetry,
-              viewMode
+              viewMode,
+              hideTurnSummary
             },
             group.messages[0].id
           );
@@ -9440,14 +9655,8 @@ function ChatThread({
     ] }),
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(RetryBanner, { indicator: retryIndicator }) }),
-      composerDisabled && composerDisabledReason ? /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "rounded border border-line bg-muted/40 px-3 py-2 text-sm text-foreground/60",
-          role: "status",
-          children: composerDisabledReason
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(
+      researchSources.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(ResearchSourcesPanel, { sources: researchSources }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
         ChatComposer,
         {
           onSend,
@@ -9464,7 +9673,8 @@ function ChatThread({
           canShowBrowser,
           canShowWorkspace,
           viewMode,
-          onViewModeChange
+          onViewModeChange,
+          deepResearchEnabled
         }
       )
     ] })
@@ -10147,6 +10357,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([
@@ -10216,7 +10449,8 @@ function createInitialAgentChatState(options = {}) {
     terminal: false,
     workspaceRefreshKey: 0,
     browser: null,
-    viewMode: options.viewMode ?? "simple"
+    viewMode: options.viewMode ?? "simple",
+    researchSources: []
   };
 }
 function applyAgentChatEvent(state, event) {
@@ -10268,7 +10502,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
           }
         }
       ]);
@@ -10302,11 +10542,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":
@@ -10654,7 +10895,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
     };
@@ -11038,6 +11279,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];
@@ -11487,7 +11754,8 @@ function useAgentChatRuntime({
     markSending,
     markSendError,
     viewMode: state.viewMode,
-    setViewMode
+    setViewMode,
+    researchSources: state.researchSources
   };
 }
 function parseEventData(data) {
@@ -11546,7 +11814,8 @@ function AgentChat({
   onFileSelect,
   onMessagesChange,
   disabled,
-  onComposerError
+  onComposerError,
+  deepResearchEnabled = false
 }) {
   const [workspacePath, setWorkspacePath] = react.useState(null);
   const [mobileView, setMobileView] = react.useState("chat");
@@ -11561,9 +11830,18 @@ function AgentChat({
   react.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 = react.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;
@@ -11684,7 +11962,10 @@ function AgentChat({
                     canShowBrowser: browserAvailable,
                     canShowWorkspace: workspaceAvailable,
                     viewMode: runtime.viewMode,
-                    onViewModeChange: runtime.setViewMode
+                    onViewModeChange: runtime.setViewMode,
+                    deepResearchEnabled,
+                    researchSources: runtime.researchSources,
+                    hideTurnSummary
                   }
                 )
               }
@@ -11754,6 +12035,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;
+}
 init_utils();
 var DEFAULT_LIMIT = 50;
 function requireInboxAdapter(adapter) {
@@ -12493,7 +12795,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";
@@ -12502,11 +12804,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`;
 }
@@ -13494,6 +13796,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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: splitCitations(text).map((seg, i) => {
+    if (seg.kind === "text") {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { children: seg.value }, i);
+    }
+    const src = byId.get(seg.value);
+    return /* @__PURE__ */ jsxRuntime.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
+    );
+  }) });
+}
 init_utils();
 var DEFAULT_LIMIT2 = 50;
 var DEFAULT_POLL_INTERVAL_MS3 = 3e4;
@@ -13862,7 +14208,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) {
@@ -13874,7 +14220,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`;
@@ -13905,7 +14251,6 @@ function TreeNodeRow({
   activeSessionId,
   canStop,
   canDelete,
-  deletingSessionId,
   onSelect,
   onStop,
   onDelete
@@ -13973,18 +14318,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__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "w-3 h-3" })
             }
           )
         ]
@@ -13998,7 +14339,6 @@ function TreeNodeRow({
         activeSessionId,
         canStop,
         canDelete,
-        deletingSessionId,
         onSelect,
         onStop,
         onDelete
@@ -14023,10 +14363,8 @@ function SessionTreePanel({
   const [nodes, setNodes] = react.useState([]);
   const [error, setError] = react.useState(null);
   const [hasEverLoaded, setHasEverLoaded] = react.useState(false);
-  const [deletingSessionId, setDeletingSessionId] = react.useState(
-    null
-  );
   const mounted = react.useRef(true);
+  const pendingDeleteIds = react.useRef(/* @__PURE__ */ new Set());
   const requestId = react.useRef(0);
   const lastFingerprint = react.useRef("");
   const resetContext = react.useRef(null);
@@ -14051,10 +14389,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;
@@ -14085,6 +14436,7 @@ function SessionTreePanel({
       setNodes([]);
       setHasEverLoaded(false);
       lastFingerprint.current = "";
+      pendingDeleteIds.current.clear();
     }
     setError(null);
     void refetch();
@@ -14121,24 +14473,31 @@ function SessionTreePanel({
   );
   const handleDelete = react.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;
@@ -14159,7 +14518,6 @@ function SessionTreePanel({
         activeSessionId: activeSessionId ?? "",
         canStop: Boolean(adapter.stopSession),
         canDelete: Boolean(adapter.deleteSession),
-        deletingSessionId,
         onSelect: handleSelect,
         onStop: handleStop,
         onDelete: handleDelete
@@ -14172,16 +14530,19 @@ function SessionTreePanel({
 exports.ACTIVE_MISSION_STATUSES = ACTIVE_MISSION_STATUSES;
 exports.AgentChat = AgentChat;
 exports.AgentChatAdapterProvider = AgentChatAdapterProvider;
+exports.CitationText = CitationText;
 exports.InboxPanel = InboxPanel;
 exports.MessageResponse = MessageResponse;
 exports.MissionDashboard = MissionDashboard;
 exports.MissionsPanel = MissionsPanel;
+exports.ResearchSourcesPanel = ResearchSourcesPanel;
 exports.ScheduledWorkPanel = ScheduledWorkPanel;
 exports.SessionTreePanel = SessionTreePanel;
 exports.deriveMissionWorkerActivityLabel = deriveMissionWorkerActivityLabel;
 exports.groupMissionTasksByBucket = groupMissionTasksByBucket;
 exports.isTerminalMissionStatus = isTerminalMissionStatus;
 exports.missionTaskBucket = missionTaskBucket;
+exports.splitCitations = splitCitations;
 exports.useAgentChatAdapterContext = useAgentChatAdapterContext;
 exports.useAgentChatRuntime = useAgentChatRuntime;
 exports.useChatViewMode = useChatViewMode;