@invergent/agent-chat-react 2.4.12 → 2.5.0

package/dist/index.cjs

@@ -4473,6 +4473,51 @@ 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 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__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.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,
@@ -4525,6 +4570,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":
@@ -6073,6 +6122,7 @@ function ChatComposerInner({
   onToggleWorkspace,
   canShowBrowser = false,
   canShowWorkspace = false,
+  deepResearchEnabled = false,
   viewMode = "simple",
   onViewModeChange
 }) {
@@ -6102,24 +6152,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(
     () => [
@@ -8256,6 +8316,20 @@ function ArtifactRow({
 // src/components/chat/chat-thread.tsx
 init_utils();
 var WORKING_ON_IT_DELAY_MS = 250;
+function hasUserFacingAskContent(msg) {
+  return !!msg.toolCalls?.some((tc) => tc.toolName === "ask_user_question");
+}
+function isAwaitingUserInput(messages) {
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const m = messages[i];
+    if (m.role === "user") return false;
+    if (m.role !== "assistant") continue;
+    return !!m.toolCalls?.some(
+      (tc) => tc.toolName === "ask_user_question" && tc.status === "running"
+    );
+  }
+  return false;
+}
 function messageToEntries(msg, isLast, artifactFallbacks) {
   if (msg.role === "system") {
     if (msg.systemKind === "skill_invoked") {
@@ -8280,6 +8354,14 @@ function messageToEntries(msg, isLast, artifactFallbacks) {
         version
       }];
     }
+    if (msg.systemKind === "browser_marker" || msg.systemKind === "browser_marker_warning") {
+      return [{
+        kind: "browser_marker",
+        key: msg.id,
+        content: msg.content,
+        warning: msg.systemKind === "browser_marker_warning"
+      }];
+    }
     return [];
   }
   const entries = [];
@@ -8296,12 +8378,22 @@ function messageToEntries(msg, isLast, artifactFallbacks) {
     });
   }
   if (hasContent && hasToolCalls) {
-    entries.push({
-      kind: "narration",
-      key: `${msg.id}-narration`,
-      text: msg.content,
-      isStreaming: isStreaming && !effectiveHasContent
-    });
+    if (hasUserFacingAskContent(msg)) {
+      entries.push({
+        kind: "text",
+        key: `${msg.id}-text`,
+        content: msg.content,
+        isStreaming: false,
+        msg
+      });
+    } else {
+      entries.push({
+        kind: "narration",
+        key: `${msg.id}-narration`,
+        text: msg.content,
+        isStreaming: isStreaming && !effectiveHasContent
+      });
+    }
   }
   if (hasToolCalls) {
     for (const tc of msg.toolCalls) {
@@ -8465,6 +8557,23 @@ function OrphanSystemMarker({
       }
     );
   }
+  if (message.systemKind === "browser_marker" || message.systemKind === "browser_marker_warning") {
+    const warning = message.systemKind === "browser_marker_warning";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "my-2 flex items-center gap-2 px-4 text-xs",
+          warning ? "text-amber-600" : "text-foreground/60"
+        ),
+        role: warning ? "alert" : "status",
+        children: [
+          warning ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-3.5 shrink-0", "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2 rounded-full bg-foreground/30" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: message.content })
+        ]
+      }
+    );
+  }
   if (message.systemKind === "error" && message.errorInfo) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto my-2 w-full max-w-4xl", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { errorInfo: message.errorInfo, onRetry }) });
   }
@@ -8565,6 +8674,36 @@ function TimelineEntryItem({
   if (entry.kind === "narration") {
     return /* @__PURE__ */ jsxRuntime.jsx(NarrationEntry, { entry, step });
   }
+  if (entry.kind === "browser_marker") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(TimelineItem, { step, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(TimelineHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TimelineIndicator,
+          {
+            className: cn(
+              "size-2 border-none",
+              entry.warning ? "bg-amber-500" : "bg-foreground/30"
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(TimelineContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-1.5 py-1 text-sm",
+            entry.warning ? "text-amber-600" : "text-foreground/60"
+          ),
+          role: entry.warning ? "alert" : "status",
+          children: [
+            entry.warning && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: entry.content })
+          ]
+        }
+      ) })
+    ] });
+  }
   if (entry.kind === "skill_invoked") {
     return /* @__PURE__ */ jsxRuntime.jsxs(TimelineItem, { step, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(TimelineHeader, { children: [
@@ -8722,11 +8861,11 @@ 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":
@@ -8751,7 +8890,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([
@@ -8944,13 +9083,13 @@ function IterationGroup({
 }) {
   const summary = message.iterationSummary?.summary;
   const [open, setOpen] = react.useState(false);
+  const askCall = (message.toolCalls ?? []).find(
+    (tc) => tc.toolName === "ask_user_question"
+  );
+  if (askCall) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1 py-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(AskUserQuestionToolBlock, { tc: askCall }) });
+  }
   if (isIterationLive(message)) {
-    const askCall = (message.toolCalls ?? []).find(
-      (tc) => tc.toolName === "ask_user_question" && tc.status === "running"
-    );
-    if (askCall) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1 py-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(AskUserQuestionToolBlock, { tc: askCall }) });
-    }
     const label2 = liveIterationLabel(message);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-0.5 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { duration: 3, spread: 3, className: "text-sm", children: label2 }) });
   }
@@ -9009,6 +9148,14 @@ function deriveFileArtifactsFromMessages(messages) {
   const seen = /* @__PURE__ */ new Set();
   const out = [];
   for (const msg of messages) {
+    if (msg.role === "system") {
+      if (msg.systemKind !== "artifact") continue;
+      const { artifactId, name } = unpackArtifactMeta(msg.systemMeta, msg.content);
+      if (!artifactId || seen.has(`artifact:${artifactId}`)) continue;
+      seen.add(`artifact:${artifactId}`);
+      out.push({ kind: "artifact", label: name, ref: artifactId });
+      continue;
+    }
     if (msg.role !== "assistant" || !msg.toolCalls) continue;
     for (const tc of msg.toolCalls) {
       const status = effectiveStatus(tc);
@@ -9028,16 +9175,6 @@ function deriveFileArtifactsFromMessages(messages) {
         });
         continue;
       }
-      if (tc.toolName === "create_artifact") {
-        const name = typeof args.name === "string" ? args.name : "";
-        if (!name || seen.has(`artifact:${name}`)) continue;
-        seen.add(`artifact:${name}`);
-        out.push({
-          kind: "artifact",
-          label: name,
-          ref: name
-        });
-      }
     }
   }
   return out;
@@ -9063,15 +9200,18 @@ function SimpleAssistantGroup({
     if (fromHarness && fromHarness.artifacts.length > 0) {
       return fromHarness;
     }
+    if (turnComplete) {
+      const derived = deriveFileArtifactsFromMessages(messages);
+      if (derived.length > 0) {
+        return {
+          turnId: fromHarness?.turnId ?? "",
+          recap: summaryPref === "show" ? fromHarness?.recap ?? "" : "",
+          artifacts: derived
+        };
+      }
+    }
     if (summaryPref === "hide") return null;
-    if (!turnComplete) return fromHarness;
-    const derived = deriveFileArtifactsFromMessages(messages);
-    if (derived.length === 0) return fromHarness;
-    return {
-      turnId: fromHarness?.turnId ?? "",
-      recap: fromHarness?.recap ?? "",
-      artifacts: derived
-    };
+    return fromHarness;
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxRuntime.jsxs(MessageContent, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: messages.map((message) => {
@@ -9089,10 +9229,11 @@ function SimpleAssistantGroup({
       }
       if (message === tail && tailIsTextOnly && finalText) return null;
       const rawContent = (message.content ?? "").trim();
-      const { action, inferredNarration } = stripAndParseNextAction(rawContent);
+      const { action, inferredNarration, cleaned } = stripAndParseNextAction(rawContent);
       const narrationLine = action ? action.body.trim().toLowerCase() === "done" ? null : action.body : inferredNarration;
+      const askBody = hasUserFacingAskContent(message) ? cleaned : null;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-        narrationLine && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: narrationLine }),
+        askBody ? /* @__PURE__ */ jsxRuntime.jsx(MessageResponse, { children: askBody }) : narrationLine ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: narrationLine }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(
           IterationGroup,
           {
@@ -9157,7 +9298,7 @@ function AssistantGroup({
   entries = groupWebSearchEntries(entries);
   for (let i = entries.length - 1; i >= 0; i--) {
     const entry = entries[i];
-    if (entry?.kind === "text") {
+    if (entry?.kind === "text" && !hasUserFacingAskContent(entry.msg)) {
       entries[i] = { ...entry, isFinalTurnText: true };
       break;
     }
@@ -9250,10 +9391,14 @@ function ChatThread({
   canShowBrowser = false,
   canShowWorkspace = false,
   viewMode = "simple",
-  onViewModeChange
+  onViewModeChange,
+  deepResearchEnabled = false
 }) {
   const groups = react.useMemo(() => groupMessages(messages), [messages]);
-  const showWorkingOnIt = useDelayedRunningIndicator(isRunning);
+  const awaitingInput = react.useMemo(() => isAwaitingUserInput(messages), [messages]);
+  const showWorkingOnIt = useDelayedRunningIndicator(isRunning) && !awaitingInput;
+  const composerDisabled = disabled || awaitingInput;
+  const composerDisabledReason = awaitingInput ? "Answer the question above to continue." : disabledReason;
   const artifactFallbacks = react.useMemo(() => {
     const fallbacks = {};
     const createArtifactToolCallIds = [];
@@ -9356,12 +9501,12 @@ 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 }) }),
-      disabled && disabledReason ? /* @__PURE__ */ jsxRuntime.jsx(
+      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: disabledReason
+          children: composerDisabledReason
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
         ChatComposer,
@@ -9369,8 +9514,8 @@ function ChatThread({
           onSend,
           onStop,
           isRunning,
-          disabled,
-          disabledReason,
+          disabled: composerDisabled,
+          disabledReason: composerDisabledReason,
           tokenUsage,
           onComposerError,
           showBrowser,
@@ -9380,12 +9525,51 @@ function ChatThread({
           canShowBrowser,
           canShowWorkspace,
           viewMode,
-          onViewModeChange
+          onViewModeChange,
+          deepResearchEnabled
         }
       )
     ] })
   ] });
 }
+function ResearchSourcesPanel({
+  sources
+}) {
+  if (sources.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 p-2", children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[10px] font-semibold text-primary", children: s.sourceId }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col overflow-hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-foreground group-hover:underline", children: s.title || s.url }),
+            /* @__PURE__ */ jsxRuntime.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;
+  }
+}
 
 // src/components/ai-elements/file-tree.tsx
 init_utils();
@@ -10132,7 +10316,8 @@ function createInitialAgentChatState(options = {}) {
     terminal: false,
     workspaceRefreshKey: 0,
     browser: null,
-    viewMode: options.viewMode ?? "simple"
+    viewMode: options.viewMode ?? "simple",
+    researchSources: []
   };
 }
 function applyAgentChatEvent(state, event) {
@@ -10218,11 +10403,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":
@@ -10954,6 +11140,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];
@@ -11403,7 +11615,8 @@ function useAgentChatRuntime({
     markSending,
     markSendError,
     viewMode: state.viewMode,
-    setViewMode
+    setViewMode,
+    researchSources: state.researchSources
   };
 }
 function parseEventData(data) {
@@ -11462,7 +11675,8 @@ function AgentChat({
   onFileSelect,
   onMessagesChange,
   disabled,
-  onComposerError
+  onComposerError,
+  deepResearchEnabled = false
 }) {
   const [workspacePath, setWorkspacePath] = react.useState(null);
   const [mobileView, setMobileView] = react.useState("chat");
@@ -11485,7 +11699,8 @@ function AgentChat({
   const browserVisible = browserAvailable && showBrowser;
   const workspaceAvailable = !!sessionId;
   const workspaceVisible = workspaceAvailable && showWorkspace;
-  const rightStackVisible = browserVisible || workspaceVisible;
+  const sourcesVisible = runtime.researchSources.length > 0;
+  const rightStackVisible = browserVisible || workspaceVisible || sourcesVisible;
   const bothPanesVisible = browserVisible && workspaceVisible;
   react.useEffect(() => {
     onMessagesChange?.(runtime.messages);
@@ -11600,7 +11815,8 @@ function AgentChat({
                     canShowBrowser: browserAvailable,
                     canShowWorkspace: workspaceAvailable,
                     viewMode: runtime.viewMode,
-                    onViewModeChange: runtime.setViewMode
+                    onViewModeChange: runtime.setViewMode,
+                    deepResearchEnabled
                   }
                 )
               }
@@ -11660,6 +11876,20 @@ function AgentChat({
                         }
                       )
                     }
+                  ),
+                  sourcesVisible && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ResearchSourcesPanel, { sources: runtime.researchSources })
+                    }
                   )
                 ]
               }
@@ -12409,7 +12639,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";
@@ -12418,11 +12648,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`;
 }
@@ -13410,6 +13640,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;
@@ -14088,16 +14362,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;