@invergent/agent-chat-react 2.7.0 → 2.7.1

package/dist/index.js

@@ -1,6 +1,6 @@
 import { cn, __publicField } from './chunk-47MF6JUW.js';
 import { createContext, memo, useRef, useEffect, useCallback, useMemo, useState, useLayoutEffect, lazy, useContext, Fragment as Fragment$1, Children, Suspense } from 'react';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, PlugZapIcon, ChevronRightIcon, ArrowLeftIcon, Loader2Icon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, MessageSquareIcon, ZapIcon, Maximize2Icon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, RotateCcwIcon, MousePointer2Icon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, CheckIcon, Clock, ArrowRight, TerminalIcon, SparklesIcon, ClockIcon, PlusIcon, CloudIcon, HardDriveIcon, PaperclipIcon, GlobeIcon, FolderIcon, CopyIcon, FileIcon, ChevronLeftIcon, MinusIcon, SearchIcon, CircleDot, XCircle, CheckCircle2, ArrowUpIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, ListTodoIcon, BotIcon, ListIcon, PenLineIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, CreditCard, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, PlugZapIcon, ChevronRightIcon, ArrowLeftIcon, Loader2Icon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, MessageSquareIcon, ZapIcon, Maximize2Icon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, RotateCcwIcon, MousePointer2Icon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, CheckIcon, Clock, ArrowRight, TerminalIcon, SparklesIcon, ClockIcon, PlusIcon, CloudIcon, HardDriveIcon, PaperclipIcon, GlobeIcon, FolderIcon, CopyIcon, FileIcon, ChevronLeftIcon, MinusIcon, SearchIcon, CircleDot, XCircle, CheckCircle2, ArrowUpIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, ListTodoIcon, BotIcon, ListIcon, PenLineIcon, 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';
@@ -4663,6 +4663,74 @@ function AttachmentChip({
     }
   );
 }
+function tokenizeInline(text) {
+  const tokens = [];
+  let buf = "";
+  let i = 0;
+  const flush = () => {
+    if (buf) {
+      tokens.push({ kind: "text", value: buf });
+      buf = "";
+    }
+  };
+  while (i < text.length) {
+    const ch = text[i];
+    if (ch === "`") {
+      const end = text.indexOf("`", i + 1);
+      if (end > i) {
+        flush();
+        tokens.push({ kind: "code", value: text.slice(i + 1, end) });
+        i = end + 1;
+        continue;
+      }
+    }
+    if (ch === "*" && text[i + 1] === "*") {
+      const end = text.indexOf("**", i + 2);
+      if (end > i + 1) {
+        flush();
+        tokens.push({ kind: "strong", value: text.slice(i + 2, end) });
+        i = end + 2;
+        continue;
+      }
+    }
+    if (ch === "*") {
+      const end = text.indexOf("*", i + 1);
+      if (end > i + 1) {
+        flush();
+        tokens.push({ kind: "em", value: text.slice(i + 1, end) });
+        i = end + 1;
+        continue;
+      }
+    }
+    buf += ch;
+    i += 1;
+  }
+  flush();
+  return tokens;
+}
+function renderInlineMarkdown(text) {
+  if (!text || !/[*`]/.test(text)) return text ?? null;
+  const tokens = tokenizeInline(text);
+  return tokens.map((tok, idx) => {
+    switch (tok.kind) {
+      case "strong":
+        return /* @__PURE__ */ jsx("strong", { className: "font-semibold", children: tok.value }, idx);
+      case "em":
+        return /* @__PURE__ */ jsx("em", { children: tok.value }, idx);
+      case "code":
+        return /* @__PURE__ */ jsx(
+          "code",
+          {
+            className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]",
+            children: tok.value
+          },
+          idx
+        );
+      default:
+        return /* @__PURE__ */ jsx(Fragment$1, { children: tok.value }, idx);
+    }
+  });
+}
 function InputGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -6066,6 +6134,7 @@ function ChatComposerInner({
   canShowBrowser = false,
   canShowWorkspace = false,
   deepResearchEnabled = false,
+  researchEnabled = false,
   codeAgentsEnabled = false,
   viewMode = "simple",
   onViewModeChange
@@ -6136,6 +6205,13 @@ function ChatComposerInner({
           description: "Delegate a topic to the deep-research workflow"
         });
       }
+      if (researchEnabled) {
+        base.push({
+          value: "/auto-research ",
+          label: "/auto-research",
+          description: "Launch an autonomous research mission (Arbor)"
+        });
+      }
       if (codeAgentsEnabled) {
         base.push(
           { value: "/code claude ", label: "/code claude", description: "Run Claude Code on the workspace (your plan)" },
@@ -6147,7 +6223,7 @@ function ChatComposerInner({
       }
       return base;
     },
-    [deepResearchEnabled, codeAgentsEnabled]
+    [deepResearchEnabled, researchEnabled, codeAgentsEnabled]
   );
   const scheduledExamples = useMemo(
     () => [
@@ -7668,6 +7744,16 @@ var ErrorMessage = memo(function ErrorMessage2({
   const [detailOpen, setDetailOpen] = useState(false);
   const [retryPending, setRetryPending] = useState(false);
   const [retryError, setRetryError] = useState(null);
+  if (errorInfo.insufficientCredits) {
+    return /* @__PURE__ */ jsx(
+      InsufficientCreditsCard,
+      {
+        detail: errorInfo.detail,
+        onDismiss,
+        className
+      }
+    );
+  }
   const showRetry = errorInfo.retryable && !!onRetry;
   const handleRetry = async () => {
     if (!onRetry) return;
@@ -7739,6 +7825,46 @@ var ErrorMessage = memo(function ErrorMessage2({
     }
   );
 });
+function parseRequestedTokens(detail) {
+  const m = detail.match(/["']?requested["']?\s*[:=]\s*(\d+)/);
+  return m ? Number(m[1]) : null;
+}
+var InsufficientCreditsCard = memo(function InsufficientCreditsCard2({
+  detail,
+  onDismiss,
+  className
+}) {
+  const { onOpenBilling } = useAgentChatAdapterContext();
+  const requested = parseRequestedTokens(detail);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      className: cn(
+        "flex w-full gap-3 rounded-md border border-amber-500/30 bg-amber-500/5 p-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(CreditCard, { className: "mt-0.5 size-5 shrink-0 text-amber-600 dark:text-amber-400" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: "You're out of credits" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+            "This run was blocked by the token-credit limit",
+            requested ? ` (it needed ~${requested.toLocaleString()} tokens)` : "",
+            ". Buy additional credits or upgrade your plan to keep your agents running."
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 pt-1", children: [
+            onOpenBilling && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: onOpenBilling, children: [
+              /* @__PURE__ */ jsx(CreditCard, { className: "size-4" }),
+              "Go to Billing"
+            ] }),
+            onDismiss && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: onDismiss, children: "Dismiss" })
+          ] })
+        ] })
+      ]
+    }
+  );
+});
 var SKELETON_WIDTHS = [70, 85, 55, 90, 60, 78, 45, 82, 65, 72];
 var PDF_WORKER_SRC = new URL(
   "pdfjs-dist/legacy/build/pdf.worker.mjs",
@@ -8756,7 +8882,11 @@ function cancelledToolLabel(toolName) {
     research_memory: "Research",
     research_outline: "Research",
     generate_image: "image generation",
-    generate_video: "video generation"
+    generate_video: "video generation",
+    // Arbor research-mission tools (the /auto-research coordinator loop).
+    idea_tree: "Idea tree",
+    dispatch_experiments: "Dispatch experiments",
+    merge_experiment: "Merge experiment"
   };
   if (map[toolName]) return map[toolName];
   if (toolName.startsWith("mcp__")) return formatMcpToolLabel(toolName);
@@ -8933,7 +9063,7 @@ function NarrationEntry({
       /* @__PURE__ */ jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
       /* @__PURE__ */ jsx(TimelineIndicator, { className: "size-2 border-none bg-foreground/30" })
     ] }),
-    /* @__PURE__ */ jsx(TimelineContent, { children: /* @__PURE__ */ jsx("p", { children: line }) })
+    /* @__PURE__ */ jsx(TimelineContent, { children: /* @__PURE__ */ jsx("p", { children: renderInlineMarkdown(line) }) })
   ] });
 }
 function TextEntry({
@@ -9049,6 +9179,17 @@ function extractToolDetail(tc) {
       const prompt = stringArg("prompt");
       return prompt ? truncate3(prompt, 60) : null;
     }
+    case "idea_tree":
+      return stringArg("action");
+    case "dispatch_experiments": {
+      const keys = args.node_keys;
+      if (Array.isArray(keys) && keys.length > 0) {
+        return truncate3(keys.map((k) => String(k)).join(", "), 40);
+      }
+      return stringArg("action");
+    }
+    case "merge_experiment":
+      return stringArg("node_key") ?? stringArg("action");
     case "memory":
       return stringArg("action") ?? stringArg("key");
     case "research_memory": {
@@ -9350,7 +9491,7 @@ function IterationGroup({
         "aria-expanded": open,
         className: "flex w-full items-center gap-2 rounded py-0.5 text-left text-sm hover:bg-muted/40",
         children: [
-          /* @__PURE__ */ jsx("span", { className: cn("flex-1 truncate", labelTone), children: label }),
+          /* @__PURE__ */ jsx("span", { className: cn("flex-1 truncate", labelTone), children: renderInlineMarkdown(label) }),
           /* @__PURE__ */ jsx(
             ChevronDown,
             {
@@ -9477,7 +9618,7 @@ function SimpleAssistantGroup({
       const narrationLine = action ? action.body.trim().toLowerCase() === "done" ? null : action.body : inferredNarration;
       const askBody = hasUserFacingAskContent(message) ? cleaned : null;
       return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        askBody ? /* @__PURE__ */ jsx(MessageResponse, { children: askBody }) : narrationLine ? /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: narrationLine }) : null,
+        askBody ? /* @__PURE__ */ jsx(MessageResponse, { children: askBody }) : narrationLine ? /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: renderInlineMarkdown(narrationLine) }) : null,
         /* @__PURE__ */ jsx(
           IterationGroup,
           {
@@ -9639,6 +9780,7 @@ function ChatThread({
   viewMode = "simple",
   onViewModeChange,
   deepResearchEnabled = false,
+  researchEnabled = false,
   codeAgentsEnabled = false,
   researchSources = [],
   hideTurnSummary = false,
@@ -9705,6 +9847,7 @@ function ChatThread({
         viewMode,
         onViewModeChange,
         deepResearchEnabled,
+        researchEnabled,
         codeAgentsEnabled
       }
     ),
@@ -10539,6 +10682,9 @@ var AGENT_CHAT_LISTENED_EVENTS = [
   "iteration.summary",
   "turn.summary"
 ];
+var AGENT_CHAT_LISTENED_EVENT_SET = new Set(
+  AGENT_CHAT_LISTENED_EVENTS
+);
 
 // src/runtime/reducer.ts
 var EMPTY_TOKEN_USAGE = {
@@ -10561,6 +10707,7 @@ function createInitialAgentChatState(options = {}) {
     sessionDone: false,
     hadDeltas: false,
     terminal: false,
+    stopped: false,
     workspaceRefreshKey: 0,
     browser: null,
     viewMode: options.viewMode ?? "simple",
@@ -10575,13 +10722,13 @@ function applyAgentChatEvent(state, event) {
     sessionDone: state.sessionDone || event.type === "session.done"
   };
   nextState = applyRetryIndicator(nextState, event);
-  if (state.terminal && isPostTerminalLiveEvent(event.type)) {
+  if (state.stopped && isPostTerminalLiveEvent(event.type)) {
     return nextState;
   }
   switch (event.type) {
     case "user.message":
       return withMessages(
-        { ...nextState, terminal: false, isRunning: true },
+        { ...nextState, terminal: false, stopped: false, isRunning: true },
         applyUserMessage(nextState.messages, event.eventId, event.data)
       );
     case "skill.invoked":
@@ -11204,13 +11351,21 @@ function buildErrorInfo(event) {
   if (event.type !== "session.fail" || typeof event.data.error_category !== "string") {
     return void 0;
   }
+  const detail = stringValue2(event.data.error_detail) || stringValue2(event.data.error);
+  const insufficientCredits = isInsufficientCreditsError(detail);
   return {
     category: event.data.error_category,
-    title: stringValue2(event.data.error_title) || "The session failed due to an internal error.",
-    detail: stringValue2(event.data.error_detail) || stringValue2(event.data.error),
-    retryable: Boolean(event.data.retryable)
+    title: insufficientCredits ? "You're out of credits" : stringValue2(event.data.error_title) || "The session failed due to an internal error.",
+    detail,
+    // A credit shortfall is not a transient failure — retrying just hits
+    // the same 402. The billing CTA replaces Retry.
+    retryable: insufficientCredits ? false : Boolean(event.data.retryable),
+    insufficientCredits
   };
 }
+function isInsufficientCreditsError(text) {
+  return typeof text === "string" && text.includes("insufficient_credits");
+}
 function applyExpertResult(messages, eventId, data) {
   const match = findLatestConsultExpertCall(messages);
   if (!match) return messages;
@@ -11610,6 +11765,15 @@ function readTurnMeta(data) {
 }
 
 // src/runtime/use-agent-chat-runtime.ts
+var RECONCILE_FIRST_DELAY = 4e3;
+var RECONCILE_FAST = 1500;
+var RECONCILE_ACTIVE = 4e3;
+var RECONCILE_MISSION_IDLE = 5e3;
+var RECONCILE_IDLE = 15e3;
+function applyRuntimeEvent(prev, event) {
+  if (event.eventId > 0 && event.eventId <= prev.lastEventId) return prev;
+  return applyAgentChatEvent(prev, event);
+}
 var VIEW_MODE_KEY = "@invergent/agent-chat-react:viewMode";
 var VIEW_MODE_EVENT = "@invergent/agent-chat-react:viewMode:change";
 function readPersistedViewMode() {
@@ -11677,6 +11841,7 @@ function useAgentChatRuntime({
   const stateRef = useRef(state);
   const streamRef = useRef(null);
   const reconnectTimerRef = useRef(null);
+  const reconcileTimerRef = useRef(null);
   const previousSessionIdRef = useRef(sessionId);
   const sessionIdRef = useRef(sessionId);
   useEffect(() => {
@@ -11709,7 +11874,7 @@ function useAgentChatRuntime({
           const data = parseEventData(messageEvent.data);
           const eventId = messageEvent.lastEventId ? Number(messageEvent.lastEventId) : 0;
           setState(
-            (prev) => applyAgentChatEvent(prev, {
+            (prev) => applyRuntimeEvent(prev, {
               type: eventType,
               eventId,
               data
@@ -11741,12 +11906,110 @@ function useAgentChatRuntime({
       stateRef.current = {
         ...stateRef.current,
         sessionDone: false,
-        terminal: false
+        terminal: false,
+        stopped: false
       };
       openStream(targetSessionId, after);
     },
     [clearReconnectTimer, closeStream, openStream]
   );
+  const reviveStreamIfNeeded = useCallback(
+    (targetSessionId) => {
+      if (streamRef.current) return;
+      if (reconnectTimerRef.current) return;
+      stateRef.current = { ...stateRef.current, sessionDone: false };
+      setState(
+        (prev) => prev.sessionDone ? { ...prev, sessionDone: false } : prev
+      );
+      openStream(targetSessionId, stateRef.current.lastEventId);
+    },
+    [openStream]
+  );
+  const applyPolledEvents = useCallback((events) => {
+    if (events.length === 0) return;
+    setState((prev) => {
+      let next = prev;
+      for (const event of events) {
+        if (!AGENT_CHAT_LISTENED_EVENT_SET.has(event.type)) continue;
+        next = applyRuntimeEvent(next, {
+          type: event.type,
+          eventId: event.id,
+          data: event.data ?? {}
+        });
+      }
+      return next;
+    });
+  }, []);
+  const reconcileTick = useCallback(async () => {
+    const targetSessionId = sessionIdRef.current;
+    if (!targetSessionId) return RECONCILE_IDLE;
+    let appliedNew = false;
+    if (adapter.pollEvents) {
+      let cursor = stateRef.current.lastEventId;
+      try {
+        for (let page = 0; page < 5; page++) {
+          const res = await adapter.pollEvents({
+            sessionId: targetSessionId,
+            after: cursor,
+            limit: 200
+          });
+          if (sessionIdRef.current !== targetSessionId) return RECONCILE_IDLE;
+          const events = res.events ?? [];
+          if (events.length === 0) break;
+          const fresh = events.filter((event) => event.id > cursor);
+          const known = fresh.filter(
+            (event) => AGENT_CHAT_LISTENED_EVENT_SET.has(event.type)
+          );
+          if (known.length > 0) {
+            applyPolledEvents(known);
+            appliedNew = true;
+          }
+          for (const event of events) cursor = Math.max(cursor, event.id);
+          if (!res.hasMore) break;
+        }
+      } catch {
+      }
+    }
+    let live = false;
+    let isMission = false;
+    let statusKnown = false;
+    try {
+      const session2 = await adapter.getSession({ sessionId: targetSessionId });
+      if (sessionIdRef.current !== targetSessionId) return RECONCILE_IDLE;
+      statusKnown = true;
+      live = session2.status === "active";
+      isMission = Boolean(
+        session2.config?.active_mission_id
+      );
+    } catch {
+    }
+    if (live) reviveStreamIfNeeded(targetSessionId);
+    if (appliedNew) return RECONCILE_FAST;
+    if (live || !statusKnown) return RECONCILE_ACTIVE;
+    return isMission || stateRef.current.isRunning ? RECONCILE_MISSION_IDLE : RECONCILE_IDLE;
+  }, [adapter, applyPolledEvents, reviveStreamIfNeeded]);
+  useEffect(() => {
+    if (!sessionId) return;
+    let cancelled = false;
+    const schedule = (delay) => {
+      if (cancelled) return;
+      reconcileTimerRef.current = setTimeout(() => {
+        if (cancelled) return;
+        void reconcileTick().catch(() => RECONCILE_ACTIVE).then((next) => {
+          if (cancelled) return;
+          schedule(next);
+        });
+      }, delay);
+    };
+    schedule(RECONCILE_FIRST_DELAY);
+    return () => {
+      cancelled = true;
+      if (reconcileTimerRef.current) {
+        clearTimeout(reconcileTimerRef.current);
+        reconcileTimerRef.current = null;
+      }
+    };
+  }, [sessionId, reconcileTick]);
   useEffect(() => {
     const previousSessionId = previousSessionIdRef.current;
     previousSessionIdRef.current = sessionId;
@@ -11871,6 +12134,10 @@ function useAgentChatRuntime({
       return {
         ...prev,
         terminal: true,
+        // User-initiated stop: gate the aborted turn's late in-flight
+        // events (a natural session.complete leaves this false so an
+        // autonomous mission resume still streams).
+        stopped: true,
         isRunning: false,
         messages
       };
@@ -11953,6 +12220,7 @@ function useAgentChatRuntime({
     setState((prev) => ({
       ...prev,
       terminal: false,
+      stopped: false,
       retryIndicator: null,
       isRunning: true
     }));
@@ -12080,8 +12348,10 @@ function AgentChat({
   disabled,
   onComposerError,
   deepResearchEnabled = false,
+  researchEnabled = false,
   codeAgentsEnabled = false,
-  onOpenIntegrations
+  onOpenIntegrations,
+  onOpenBilling
 }) {
   const [workspacePath, setWorkspacePath] = useState(null);
   const [mobileView, setMobileView] = useState("chat");
@@ -12140,7 +12410,8 @@ function AgentChat({
       value: {
         adapter,
         sessionId,
-        onFileSelect: handleFileSelect
+        onFileSelect: handleFileSelect,
+        onOpenBilling
       },
       children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
         "section",
@@ -12230,6 +12501,7 @@ function AgentChat({
                     viewMode: runtime.viewMode,
                     onViewModeChange: runtime.setViewMode,
                     deepResearchEnabled,
+                    researchEnabled,
                     codeAgentsEnabled,
                     researchSources: runtime.researchSources,
                     hideTurnSummary,
@@ -13902,7 +14174,7 @@ function ActivityRow({
         /* @__PURE__ */ jsx("p", { className: "shrink-0 text-xs text-foreground font-mono", children: missionEventActorLabel(event, feed.sessions) }),
         taskId ? /* @__PURE__ */ jsx("p", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 font-mono text-[9px] text-muted-foreground/70", children: taskId.slice(0, 8) }) : null
       ] }),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-foreground/80", children: missionEventSummary(event) }) })
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-foreground/80", children: renderInlineMarkdown(missionEventSummary(event)) }) })
     ] })
   ] });
 }
@@ -13985,6 +14257,182 @@ function MissionMetadataTab({ mission }) {
     ] })
   ] });
 }
+function compareNodes(a, b) {
+  if (a.nodeKey === b.nodeKey) return 0;
+  if (a.nodeKey === "ROOT") return -1;
+  if (b.nodeKey === "ROOT") return 1;
+  const pa = a.nodeKey.split(".").map((p) => Number.parseInt(p, 10));
+  const pb = b.nodeKey.split(".").map((p) => Number.parseInt(p, 10));
+  const n = Math.min(pa.length, pb.length);
+  for (let i = 0; i < n; i += 1) {
+    if (pa[i] !== pb[i]) return pa[i] - pb[i];
+  }
+  return pa.length - pb.length;
+}
+function statusToneClass(status) {
+  switch (status) {
+    case "merged":
+      return "border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-400";
+    case "done":
+      return "border-sky-500/30 bg-sky-500/10 text-sky-700 dark:text-sky-400";
+    case "running":
+      return "border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-400";
+    case "failed":
+      return "border-destructive/30 bg-destructive/10 text-destructive";
+    case "pruned":
+      return "border-border bg-muted/40 text-muted-foreground/70 line-through";
+    default:
+      return "border-border bg-muted/30 text-muted-foreground/80";
+  }
+}
+function fmtScore(n) {
+  if (n === null || n === void 0) return "\u2014";
+  return n.toFixed(3).replace(/\.?0+$/, "") || "0";
+}
+function deltaLabel(score, ref, direction) {
+  if (score === null || score === void 0 || ref === null || ref === void 0) {
+    return null;
+  }
+  const raw = score - ref;
+  const good = direction === "minimize" ? raw < 0 : raw > 0;
+  const sign = raw > 0 ? "+" : raw < 0 ? "\u2212" : "\xB1";
+  return { text: `${sign}${fmtScore(Math.abs(raw))}`, good };
+}
+function ScorePair({
+  label,
+  from,
+  to,
+  direction
+}) {
+  const delta = deltaLabel(to, from, direction);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "font-mono text-[10px] uppercase tracking-widest text-muted-foreground/60", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5 tabular-nums", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70", children: fmtScore(from) }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\u2192" }),
+      /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-foreground", children: fmtScore(to) }),
+      delta ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: delta.good ? "text-xs font-medium text-emerald-600 dark:text-emerald-400" : "text-xs font-medium text-muted-foreground/60",
+          children: delta.text
+        }
+      ) : null
+    ] })
+  ] });
+}
+function RunHeader({ run }) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-4 rounded-md border bg-card/40 p-4", children: [
+    run.objective ? /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground/90", children: run.objective }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(
+        ScorePair,
+        {
+          label: "Dev (working)",
+          from: run.baselineScore,
+          to: run.trunkScore ?? run.baselineScore,
+          direction: run.metricDirection
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ScorePair,
+        {
+          label: "Held-out test (authoritative)",
+          from: run.testBaselineScore,
+          to: run.testTrunkScore ?? run.testBaselineScore,
+          direction: run.metricDirection
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-[max-content_1fr] gap-x-4 gap-y-1 text-[11px]", children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground/60", children: "Status" }),
+      /* @__PURE__ */ jsx("dd", { className: "text-foreground/80", children: run.status }),
+      /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground/60", children: "Repo" }),
+      /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("code", { className: "text-[11px]", children: run.repoPath }) }),
+      /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground/60", children: "Trunk" }),
+      /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("code", { className: "text-[11px]", children: run.trunkBranch }) }),
+      run.evalCmd ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground/60", children: "Dev eval" }),
+        /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("code", { className: "text-[11px]", children: run.evalCmd }) })
+      ] }) : null,
+      run.evalCmdTest ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground/60", children: "Held-out eval" }),
+        /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("code", { className: "text-[11px]", children: run.evalCmdTest }) })
+      ] }) : null
+    ] })
+  ] });
+}
+function IdeaRow({
+  node,
+  baseline,
+  direction
+}) {
+  const indent = node.nodeKey === "ROOT" ? 0 : node.depth;
+  const delta = deltaLabel(node.score, baseline, direction);
+  const headline = (node.hypothesis || "").split("\n")[0];
+  const insight = node.insight ? node.insight.split("\n").slice(-1)[0] : null;
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: "flex flex-col gap-0.5 border-b border-border/40 py-2 last:border-b-0",
+      style: { paddingLeft: `${indent * 16}px` },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("code", { className: "shrink-0 text-[11px] text-muted-foreground/60", children: node.nodeKey }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `shrink-0 rounded border px-1.5 py-0.5 font-mono text-[9px] uppercase tracking-wider ${statusToneClass(node.status)}`,
+              children: node.status
+            }
+          ),
+          node.score !== null && node.score !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "shrink-0 tabular-nums text-xs font-medium text-foreground/90", children: [
+            fmtScore(node.score),
+            delta ? /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: delta.good ? " text-emerald-600 dark:text-emerald-400" : " text-muted-foreground/50",
+                children: [
+                  " ",
+                  delta.text
+                ]
+              }
+            ) : null
+          ] }) : null,
+          /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-foreground/80", title: headline, children: headline })
+        ] }),
+        insight ? /* @__PURE__ */ jsx("p", { className: "truncate pl-[calc(1.5rem)] text-[11px] text-muted-foreground/60", title: node.insight ?? void 0, children: insight }) : null
+      ]
+    }
+  );
+}
+function MissionResearchTab({ research }) {
+  const sorted = useMemo(
+    () => [...research.nodes].sort(compareNodes),
+    [research.nodes]
+  );
+  const { run } = research;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(RunHeader, { run }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-2 font-mono text-[10px] uppercase tracking-widest text-muted-foreground/70", children: [
+        "Idea Tree \xB7 ",
+        sorted.length,
+        " node",
+        sorted.length === 1 ? "" : "s"
+      ] }),
+      sorted.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/60", children: "No hypotheses yet." }) : /* @__PURE__ */ jsx("ul", { className: "rounded-md border", children: sorted.map((n) => /* @__PURE__ */ jsx(
+        IdeaRow,
+        {
+          node: n,
+          baseline: run.baselineScore,
+          direction: run.metricDirection
+        },
+        n.nodeKey
+      )) })
+    ] })
+  ] });
+}
 var TASK_STATUS_BADGE_CLASS = {
   running: "border-primary/30 bg-primary/10 text-primary",
   blocked: "border-amber-500/30 bg-amber-500/10 text-amber-600",
@@ -14190,7 +14638,7 @@ function TaskDetail({
         /* @__PURE__ */ jsx("span", { className: "w-16 shrink-0 font-mono text-[10px] text-muted-foreground/60", children: formatMissionTimestamp(e.createdAt) }),
         /* @__PURE__ */ jsxs("div", { className: "", children: [
           /* @__PURE__ */ jsx("p", { className: "shrink-0 font-mono uppercase text-muted-foreground", children: missionEventCategory(e.type) }),
-          /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 text-foreground/80", children: missionEventSummary(e) })
+          /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 text-foreground/80", children: renderInlineMarkdown(missionEventSummary(e)) })
         ] })
       ] }, e.id)) })
     ] }) : null,
@@ -14303,7 +14751,7 @@ function OutcomeCard({ outcome }) {
           ),
           outcome.timestamp ? /* @__PURE__ */ jsx(CardAction, { className: "font-mono text-[10px] text-muted-foreground/60", children: formatMissionTimestamp(outcome.timestamp) }) : null
         ] }),
-        /* @__PURE__ */ jsx(CardContent, { children: outcome.markdown ? /* @__PURE__ */ jsx(MessageResponse, { className: "font-mono text-xs leading-relaxed text-foreground/90", children: outcome.markdown }) : /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap font-mono text-xs leading-relaxed text-foreground/90", children: outcome.text }) })
+        /* @__PURE__ */ jsx(CardContent, { children: outcome.markdown ? /* @__PURE__ */ jsx(MessageResponse, { className: "font-mono text-xs leading-relaxed text-foreground/90", children: outcome.markdown }) : /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap font-mono text-xs leading-relaxed text-foreground/90", children: renderInlineMarkdown(outcome.text) }) })
       ]
     }
   );
@@ -14473,6 +14921,7 @@ var INITIAL_STATE = {
   mission: null,
   tasks: [],
   workers: [],
+  research: null,
   loading: true,
   error: null
 };
@@ -14515,16 +14964,19 @@ function MissionDashboard({
   }, []);
   const refresh = useCallback(async () => {
     try {
-      const [mission2, tasksResp, workersResp] = await Promise.all([
+      const researchFn = adapter.getMissionResearch;
+      const [mission2, tasksResp, workersResp, research] = await Promise.all([
         api.getMission({ missionId }),
         api.getMissionTasks({ missionId }),
-        api.getMissionWorkers({ missionId })
+        api.getMissionWorkers({ missionId }),
+        researchFn ? researchFn({ missionId }).catch(() => null) : Promise.resolve(null)
       ]);
       if (!isMounted.current) return;
       setState({
         mission: mission2,
         tasks: tasksResp.tasks,
         workers: workersResp.workers,
+        research,
         loading: false,
         error: null
       });
@@ -14536,7 +14988,7 @@ function MissionDashboard({
         error: err instanceof Error ? err.message : String(err)
       }));
     }
-  }, [api, missionId]);
+  }, [adapter, api, missionId]);
   useEffect(() => {
     void refresh();
   }, [refresh]);
@@ -14735,6 +15187,10 @@ function MissionDashboard({
         className: "mt-5 flex flex-1 flex-col overflow-hidden sm:mt-6",
         children: [
           /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-border bg-background px-5 sm:px-6", children: /* @__PURE__ */ jsxs(TabsList, { variant: "line", children: [
+            state.research ? /* @__PURE__ */ jsxs(TabsTrigger, { value: "research", children: [
+              "Research",
+              /* @__PURE__ */ jsx(CountBadge, { n: state.research.nodes.length })
+            ] }) : null,
             /* @__PURE__ */ jsxs(TabsTrigger, { value: "tasks", children: [
               "Tasks",
               /* @__PURE__ */ jsx(CountBadge, { n: state.tasks.length })
@@ -14750,6 +15206,7 @@ function MissionDashboard({
             /* @__PURE__ */ jsx(TabsTrigger, { value: "metadata", children: "Metadata" })
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto bg-background px-5 py-4 sm:px-6", children: [
+            state.research ? /* @__PURE__ */ jsx(TabsContent, { value: "research", className: "mt-0", children: /* @__PURE__ */ jsx(MissionResearchTab, { research: state.research }) }) : null,
             /* @__PURE__ */ jsx(TabsContent, { value: "tasks", className: "mt-0 h-full", children: /* @__PURE__ */ jsx(
               MissionTasksTab,
               {