@invergent/agent-chat-react 2.5.0 → 2.5.2

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 = {
@@ -4229,38 +4201,6 @@ function ResearchOutlineBlock({ tc }) {
     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 ResearchMemoryBlock({ tc }) {
-  const args = parseArgs(tc.args) ?? {};
-  const result = tc.result ? parseArgs(tc.result) ?? {} : {};
-  let label;
-  if (args.action === "add") {
-    const host = args.url ? hostname(args.url) : "";
-    label = `Recorded source ${result.source_id ?? ""}${host ? ` \xB7 ${host}` : ""}`;
-  } else if (args.action === "retrieve") {
-    const n = result.sources?.length ?? 0;
-    label = `Retrieved ${n} source${n === 1 ? "" : "s"}${args.query ? ` for "${truncate2(args.query)}"` : ""}`;
-  } else if (args.action === "list") {
-    const n = result.sources?.length ?? 0;
-    label = `Listed ${n} source${n === 1 ? "" : "s"}`;
-  } else {
-    label = "research_memory";
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
-    /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: "research" }),
-    " ",
-    label
-  ] });
-}
-function hostname(url) {
-  try {
-    return new URL(url).hostname.replace(/^www\./, "");
-  } catch {
-    return url;
-  }
-}
-function truncate2(s, n = 40) {
-  return s.length > n ? `${s.slice(0, n)}\u2026` : s;
-}
 function ToolCallBlock({
   tc,
   resolvedArtifactName,
@@ -4370,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",
       {
@@ -4395,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;
@@ -5860,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(() => {
@@ -6035,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,
             {
@@ -6110,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,
@@ -6182,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,
@@ -6270,7 +6253,7 @@ function ChatComposerInner({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx(
+                  !disabled && /* @__PURE__ */ jsx(
                     PromptInputSubmit,
                     {
                       status,
@@ -6407,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();
@@ -6779,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 "";
@@ -7150,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":
@@ -8043,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") {
@@ -8225,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({
@@ -8251,7 +8319,7 @@ function OrphanSystemMarker({
     return /* @__PURE__ */ jsx(
       ArtifactBlock,
       {
-        sessionId,
+        sessionId: unpacked.originatingSessionId ?? sessionId,
         artifactId: unpacked.artifactId,
         name: unpacked.name,
         kind: unpacked.kind,
@@ -8284,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;
 }
@@ -8431,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,
@@ -8572,8 +8647,15 @@ function extractToolDetail(tc) {
     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");
@@ -8583,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;
   }
@@ -8668,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;
@@ -8714,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);
   }
@@ -8887,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];
@@ -8955,7 +9099,7 @@ function SimpleAssistantGroup({
         tail
       }
     ),
-    effectiveTurnSummary && /* @__PURE__ */ jsx(
+    effectiveTurnSummary && !hideTurnSummary && /* @__PURE__ */ jsx(
       TurnSummaryCard,
       {
         summary: effectiveTurnSummary,
@@ -8976,7 +9120,8 @@ function AssistantGroup({
   artifactFallbacks,
   onFileSelect,
   onRetry,
-  viewMode = "simple"
+  viewMode = "simple",
+  hideTurnSummary = false
 }) {
   if (viewMode === "simple") {
     return /* @__PURE__ */ jsx(
@@ -8987,7 +9132,8 @@ function AssistantGroup({
         sessionId,
         artifactFallbacks,
         onFileSelect,
-        onRetry
+        onRetry,
+        hideTurnSummary
       }
     );
   }
@@ -9094,7 +9240,9 @@ function ChatThread({
   canShowWorkspace = false,
   viewMode = "simple",
   onViewModeChange,
-  deepResearchEnabled = false
+  deepResearchEnabled = false,
+  researchSources = [],
+  hideTurnSummary = false
 }) {
   const groups = useMemo(() => groupMessages(messages), [messages]);
   const awaitingInput = useMemo(() => isAwaitingUserInput(messages), [messages]);
@@ -9192,7 +9340,8 @@ function ChatThread({
               artifactFallbacks,
               onFileSelect,
               onRetry: groupRetry,
-              viewMode
+              viewMode,
+              hideTurnSummary
             },
             group.messages[0].id
           );
@@ -9203,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,
@@ -9234,44 +9377,6 @@ function ChatThread({
     ] })
   ] });
 }
-function ResearchSourcesPanel({
-  sources
-}) {
-  if (sources.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "p-3 text-xs text-muted-foreground", children: "No research sources yet. Sources appear here as the deep-research agent curates evidence." });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 p-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "px-1 pb-1 text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: [
-      "Sources \xB7 ",
-      sources.length
-    ] }),
-    sources.map((s) => /* @__PURE__ */ jsxs(
-      "a",
-      {
-        id: `source-${s.sourceId}`,
-        href: s.url,
-        target: "_blank",
-        rel: "noreferrer",
-        className: "group flex items-baseline gap-2 rounded-sm px-1 py-1 hover:bg-muted",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] font-semibold text-primary", children: s.sourceId }),
-          /* @__PURE__ */ jsxs("span", { className: "flex flex-col overflow-hidden", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-foreground group-hover:underline", children: s.title || s.url }),
-            /* @__PURE__ */ jsx("span", { className: "truncate text-[10px] text-muted-foreground", children: hostname2(s.url) })
-          ] })
-        ]
-      },
-      s.sourceId
-    ))
-  ] });
-}
-function hostname2(url) {
-  try {
-    return new URL(url).hostname.replace(/^www\./, "");
-  } catch {
-    return url;
-  }
-}
 var noop = () => {
 };
 var FileTreeContext = createContext({
@@ -9940,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([
@@ -10062,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
           }
         }
       ]);
@@ -10449,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
     };
@@ -11384,16 +11518,24 @@ 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;
   const workspaceAvailable = !!sessionId;
   const workspaceVisible = workspaceAvailable && showWorkspace;
-  const sourcesVisible = runtime.researchSources.length > 0;
-  const rightStackVisible = browserVisible || workspaceVisible || sourcesVisible;
+  const rightStackVisible = browserVisible || workspaceVisible;
   const bothPanesVisible = browserVisible && workspaceVisible;
   useEffect(() => {
     onMessagesChange?.(runtime.messages);
@@ -11509,7 +11651,9 @@ function AgentChat({
                     canShowWorkspace: workspaceAvailable,
                     viewMode: runtime.viewMode,
                     onViewModeChange: runtime.setViewMode,
-                    deepResearchEnabled
+                    deepResearchEnabled,
+                    researchSources: runtime.researchSources,
+                    hideTurnSummary
                   }
                 )
               }
@@ -11569,20 +11713,6 @@ function AgentChat({
                         }
                       )
                     }
-                  ),
-                  sourcesVisible && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      "data-testid": "research-sources-panel-frame",
-                      className: cn(
-                        "min-h-0 w-full overflow-auto",
-                        // When other panes share the stack the sources
-                        // panel takes a fixed minimum so the source rows
-                        // stay readable; otherwise it fills the column.
-                        browserVisible || workspaceVisible ? "max-h-1/3 border-t border-line" : "h-full"
-                      ),
-                      children: /* @__PURE__ */ jsx(ResearchSourcesPanel, { sources: runtime.researchSources })
-                    }
                   )
                 ]
               }
@@ -11593,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) {
@@ -13738,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) {
@@ -13750,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`;
@@ -13781,7 +13932,6 @@ function TreeNodeRow({
   activeSessionId,
   canStop,
   canDelete,
-  deletingSessionId,
   onSelect,
   onStop,
   onDelete
@@ -13849,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" })
             }
           )
         ]
@@ -13874,7 +14020,6 @@ function TreeNodeRow({
         activeSessionId,
         canStop,
         canDelete,
-        deletingSessionId,
         onSelect,
         onStop,
         onDelete
@@ -13899,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);
@@ -13927,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;
@@ -13961,6 +14117,7 @@ function SessionTreePanel({
       setNodes([]);
       setHasEverLoaded(false);
       lastFingerprint.current = "";
+      pendingDeleteIds.current.clear();
     }
     setError(null);
     void refetch();
@@ -13997,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;
@@ -14035,7 +14199,6 @@ function SessionTreePanel({
         activeSessionId: activeSessionId ?? "",
         canStop: Boolean(adapter.stopSession),
         canDelete: Boolean(adapter.deleteSession),
-        deletingSessionId,
         onSelect: handleSelect,
         onStop: handleStop,
         onDelete: handleDelete