langchain_agentx_stream_ui 0.8.2 → 0.8.4

package/dist/{chunk-XEIQBTD2.js → chunk-EKAV2XFY.js}

@@ -11,6 +11,7 @@ import {
   SILENT_TASK_TOOL_NAMES,
   SubagentTranscriptBlock,
   Write,
+  absorbPreToolHookIntoFold,
   classifyFinishErrorPresentation,
   classifyToolCancelSoftKind,
   coerceSubagentProgressEntries,
@@ -19,10 +20,11 @@ import {
   extractToolCancelSignals,
   formatExploreSummaryText,
   formatThoughtDurationPrefix,
+  resolveActiveAgentParentToolId,
   resolveHookStoppedMessage,
   resolveInterruptDisplayText,
   resolveToolCancelDisplayText
-} from "./chunk-GLUQUP3A.js";
+} from "./chunk-BAMDIFNS.js";
 
 // src/types/tree.ts
 function createEmptyTree() {
@@ -83,6 +85,7 @@ var DEFAULT_EVENT_TIERS = {
   "subagent-tool-result": "collapsed",
   "subagent-transcript-message": "collapsed",
   "subagent-model-step": "collapsed",
+  "skill-progress": "collapsed",
   "hook-progress": "debug",
   "hook-finished": "debug",
   "api-retry": "debug",
@@ -150,6 +153,8 @@ function classifyEvent(event, ctx, overrides, eventIndex = 0) {
   if (tier === "collapsed") {
     if (isSubagentFoldEvent(event)) {
       parentNodeId = resolveAgentToolParentId(event);
+    } else if (event.event_type === "skill-progress") {
+      parentNodeId = resolveAgentToolParentId(event);
     } else if (event.event_type.startsWith("tool-") || event.event_type === "start-step" || event.event_type === "finish-step") {
       parentNodeId = resolveToolParentId(event, ctx, eventIndex);
     }
@@ -160,6 +165,76 @@ function classifyEvent(event, ctx, overrides, eventIndex = 0) {
   return { event, tier, parentNodeId };
 }
 
+// src/core/projection/systemSummaryText.ts
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function hookLabel(data) {
+  const raw = data.hook ?? data.hook_name ?? data.hookName;
+  return typeof raw === "string" ? raw.trim() : "hook";
+}
+function normalizedHookLabel(data) {
+  return hookLabel(data).toLowerCase().replace(/-/g, "_");
+}
+function isOkStopHook(data) {
+  const label = normalizedHookLabel(data);
+  if (label !== "stop" && label !== "stop_hook") return false;
+  const status = String(data.status ?? "").toLowerCase();
+  if (status === "blocked" || status === "prevented") return false;
+  if (data.prevented === true) return false;
+  return true;
+}
+function isPreToolHook(data) {
+  const label = normalizedHookLabel(data);
+  return label === "pre_tool" || label.includes("pre_tool") || label === "pretooluse";
+}
+function isHookVisibleInTimeline(data) {
+  if (isOkStopHook(data)) return false;
+  if (isPreToolHook(data)) return false;
+  return true;
+}
+function formatHookFinishedSummary(data) {
+  const label = hookLabel(data).toLowerCase();
+  const status = String(data.status ?? "").toLowerCase();
+  if (label === "stop" || label === "stop_hook") {
+    if (status === "blocked" || status === "prevented" || data.prevented === true) {
+      return "Stop hook blocked";
+    }
+    return "Ran stop hook";
+  }
+  const readable = hookLabel(data).replace(/_/g, "-");
+  return `Ran ${readable} hook`;
+}
+function formatSystemEventSummary(eventType, data) {
+  const payload = isRecord(data) ? data : {};
+  switch (eventType) {
+    case "hook-finished":
+      return formatHookFinishedSummary(payload);
+    case "compact-boundary":
+      return "Conversation compacted";
+    default:
+      return null;
+  }
+}
+function mergeSystemSummaryLines(lines) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const line of lines) {
+    counts.set(line, (counts.get(line) ?? 0) + 1);
+  }
+  return [...counts.entries()].map(([line, count]) => count > 1 ? `${line} (\xD7${count})` : line).join(" \xB7 ");
+}
+function summarizeSystemEvents(events) {
+  const lines = [];
+  for (const evt of events) {
+    if (evt.eventType === "hook-finished" && isRecord(evt.data) && !isHookVisibleInTimeline(evt.data)) {
+      continue;
+    }
+    const line = formatSystemEventSummary(evt.eventType, evt.data);
+    if (line) lines.push(line);
+  }
+  return mergeSystemSummaryLines(lines);
+}
+
 // src/core/mainTextDefer.ts
 function deferMainText(buffer, text) {
   if (!text) return buffer ?? "";
@@ -206,7 +281,7 @@ var VISIBILITY_KEYS = [
   "display_hint",
   "skip_transcript"
 ];
-function isRecord(value) {
+function isRecord2(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
 function resolveParentAgentToolCallId(data) {
@@ -235,7 +310,7 @@ function bridgeEventDisplayMetadata(data) {
   if (!data) return null;
   const merged = {};
   const meta = data.meta;
-  if (isRecord(meta)) {
+  if (isRecord2(meta)) {
     for (const key of VISIBILITY_KEYS) {
       if (key in meta) merged[key] = meta[key];
     }
@@ -694,6 +769,22 @@ function applyTaskNotification(tree, data, endedAt) {
   return true;
 }
 
+// src/core/skillProgress.ts
+function appendSkillProgressMessage(existing, data, seq) {
+  return [
+    ...existing,
+    {
+      id: `skill-progress:${seq}`,
+      agentId: data.agent_id,
+      messageKind: data.message_kind,
+      message: data.message,
+      step: data.step,
+      toolName: data.tool_name,
+      prompt: data.prompt
+    }
+  ];
+}
+
 // src/core/reducer.ts
 function isInternalTool(toolName) {
   return INTERNAL_TOOL_NAMES.has(toolName);
@@ -772,6 +863,15 @@ function warnSubagentOrphanParent(eventType, data) {
     });
   }
 }
+function warnSkillProgressOrphan(data, reason) {
+  if (import.meta.env?.DEV) {
+    console.warn("[langchain_agentx_stream_ui] skill-progress orphan", {
+      reason,
+      tool_call_id: data.tool_call_id,
+      agent_id: data.agent_id
+    });
+  }
+}
 function ensureSyntheticAgentToolParent(tree, parentNodeId, event, data) {
   const existing = tree.byId[parentNodeId];
   if (existing?.kind === "tool_call") return;
@@ -1092,6 +1192,18 @@ function handleHookProgress(tree, event) {
     }
   }
 }
+function handleSubagentPreToolHookFold(tree, event) {
+  if (event.event_type !== "hook-finished") return;
+  const data = event.data;
+  if (!isPreToolHook(data)) return;
+  const parentId = resolveActiveAgentParentToolId(tree);
+  if (!parentId) return;
+  const tool = agentToolNode(tree, parentId);
+  if (!tool) return;
+  patchToolNode(tree, parentId, {
+    subagentHookFold: absorbPreToolHookIntoFold(tool.subagentHookFold, data)
+  });
+}
 function handleHookFinished(tree, event) {
   const data = event.data;
   const toolUseID = data.tool_use_id;
@@ -1534,6 +1646,9 @@ function handleSubagentBoundaryStart(tree, event, parentNodeId, options) {
       endedAt: null
     })
   });
+  if (tree.openSubAgentStack[tree.openSubAgentStack.length - 1] !== parentId) {
+    tree.openSubAgentStack.push(parentId);
+  }
 }
 function handleSubagentBoundaryEnd(tree, event, parentNodeId) {
   const tool = agentToolNode(tree, parentNodeId);
@@ -1552,6 +1667,10 @@ function handleSubagentBoundaryEnd(tree, event, parentNodeId) {
       endedAt: eventTimeToMs(event.timestamp)
     })
   });
+  const stackTop = tree.openSubAgentStack[tree.openSubAgentStack.length - 1];
+  if (stackTop === parentNodeId) {
+    tree.openSubAgentStack.pop();
+  }
 }
 function handleSubagentToolCall(tree, _event, parentNodeId, data) {
   const tool = agentToolNode(tree, parentNodeId);
@@ -1589,6 +1708,26 @@ function handleSubagentToolResult(tree, _event, parentNodeId, data) {
     })
   });
 }
+function handleSkillProgress(tree, event, parentNodeId, seq) {
+  const data = event.data;
+  const parentId = parentNodeId ?? (typeof data.tool_call_id === "string" && data.tool_call_id ? `tool:${data.tool_call_id}` : void 0);
+  if (!parentId) {
+    warnSkillProgressOrphan(data, "missing_parent_id");
+    return;
+  }
+  const tool = tree.byId[parentId];
+  if (tool?.kind !== "tool_call") {
+    warnSkillProgressOrphan(data, "parent_not_tool_call");
+    return;
+  }
+  patchToolNode(tree, parentId, {
+    skillProgressMessages: appendSkillProgressMessage(
+      tool.skillProgressMessages ?? [],
+      data,
+      seq
+    )
+  });
+}
 function handleSubagentTranscriptMessage(tree, parentNodeId, data) {
   const tool = agentToolNode(tree, parentNodeId);
   if (!tool || !parentNodeId) return;
@@ -1711,6 +1850,7 @@ function handleDebug(tree, event, eventIndex, parentNodeId, collectDebug) {
       break;
     case "hook-finished":
       handleHookFinished(tree, event);
+      handleSubagentPreToolHookFold(tree, event);
       break;
   }
   pushSystemSummarySource(tree, event, eventIndex);
@@ -1892,6 +2032,9 @@ function applyClassified(tree, classified, eventIndex, options) {
           event.data
         );
         break;
+      case "skill-progress":
+        handleSkillProgress(tree, event, parentNodeId, seq);
+        break;
       case "subagent-model-step":
         break;
       case "task-notification":
@@ -2654,7 +2797,7 @@ function isGroupableToolName(toolName) {
 }
 
 // src/core/projection/mountCandidates.ts
-function isRecord2(value) {
+function isRecord3(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
 function isToolUseEntry(entry) {
@@ -2754,8 +2897,8 @@ function iterMountCandidates(entries, options) {
     }
     if (exploreDetail) {
       if (collapsedPresent) {
-        const toolInput2 = isRecord2(entry.payload.tool_input) ? entry.payload.tool_input : null;
-        const display2 = isRecord2(entry.payload.display) ? entry.payload.display : null;
+        const toolInput2 = isRecord3(entry.payload.tool_input) ? entry.payload.tool_input : null;
+        const display2 = isRecord3(entry.payload.display) ? entry.payload.display : null;
         if (classifier?.isExploreCollapsible(
           typeof toolName === "string" ? toolName : null,
           toolInput2,
@@ -2771,8 +2914,8 @@ function iterMountCandidates(entries, options) {
       out.push([entryKey(entry), entry]);
       continue;
     }
-    const toolInput = isRecord2(entry.payload.tool_input) ? entry.payload.tool_input : null;
-    const display = isRecord2(entry.payload.display) ? entry.payload.display : null;
+    const toolInput = isRecord3(entry.payload.tool_input) ? entry.payload.tool_input : null;
+    const display = isRecord3(entry.payload.display) ? entry.payload.display : null;
     if (classifier.isExploreCollapsible(
       typeof toolName === "string" ? toolName : null,
       toolInput,
@@ -2787,76 +2930,6 @@ function iterMountCandidates(entries, options) {
   return out;
 }
 
-// src/core/projection/systemSummaryText.ts
-function isRecord3(value) {
-  return value !== null && typeof value === "object" && !Array.isArray(value);
-}
-function hookLabel(data) {
-  const raw = data.hook ?? data.hook_name ?? data.hookName;
-  return typeof raw === "string" ? raw.trim() : "hook";
-}
-function normalizedHookLabel(data) {
-  return hookLabel(data).toLowerCase().replace(/-/g, "_");
-}
-function isOkStopHook(data) {
-  const label = normalizedHookLabel(data);
-  if (label !== "stop" && label !== "stop_hook") return false;
-  const status = String(data.status ?? "").toLowerCase();
-  if (status === "blocked" || status === "prevented") return false;
-  if (data.prevented === true) return false;
-  return true;
-}
-function isPreToolHook(data) {
-  const label = normalizedHookLabel(data);
-  return label === "pre_tool" || label.includes("pre_tool") || label === "pretooluse";
-}
-function isHookVisibleInTimeline(data) {
-  if (isOkStopHook(data)) return false;
-  if (isPreToolHook(data)) return false;
-  return true;
-}
-function formatHookFinishedSummary(data) {
-  const label = hookLabel(data).toLowerCase();
-  const status = String(data.status ?? "").toLowerCase();
-  if (label === "stop" || label === "stop_hook") {
-    if (status === "blocked" || status === "prevented" || data.prevented === true) {
-      return "Stop hook blocked";
-    }
-    return "Ran stop hook";
-  }
-  const readable = hookLabel(data).replace(/_/g, "-");
-  return `Ran ${readable} hook`;
-}
-function formatSystemEventSummary(eventType, data) {
-  const payload = isRecord3(data) ? data : {};
-  switch (eventType) {
-    case "hook-finished":
-      return formatHookFinishedSummary(payload);
-    case "compact-boundary":
-      return "Conversation compacted";
-    default:
-      return null;
-  }
-}
-function mergeSystemSummaryLines(lines) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const line of lines) {
-    counts.set(line, (counts.get(line) ?? 0) + 1);
-  }
-  return [...counts.entries()].map(([line, count]) => count > 1 ? `${line} (\xD7${count})` : line).join(" \xB7 ");
-}
-function summarizeSystemEvents(events) {
-  const lines = [];
-  for (const evt of events) {
-    if (evt.eventType === "hook-finished" && isRecord3(evt.data) && !isHookVisibleInTimeline(evt.data)) {
-      continue;
-    }
-    const line = formatSystemEventSummary(evt.eventType, evt.data);
-    if (line) lines.push(line);
-  }
-  return mergeSystemSummaryLines(lines);
-}
-
 // src/core/projection/shellProgress.ts
 var SHELL_PROGRESS_MIN_ELAPSED_SECONDS = 2;
 function formatDuration(totalSeconds) {
@@ -4414,9 +4487,15 @@ function CollapsedExploreNode({ entry, registry }) {
 }
 
 // src/view/nodes/SystemSummaryNode.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function SystemSummaryNode({ summaryText }) {
-  return /* @__PURE__ */ jsx3("div", { className: "lax-system-summary", "data-kind": "system_summary", children: summaryText });
+  return /* @__PURE__ */ jsxs2("div", { className: "lax-system-summary", "data-kind": "system_summary", children: [
+    /* @__PURE__ */ jsxs2("span", { className: "lax-system-summary__prefix", "aria-hidden": true, children: [
+      "\u23BF",
+      " "
+    ] }),
+    /* @__PURE__ */ jsx3("span", { className: "lax-system-summary__text", children: summaryText })
+  ] });
 }
 
 // src/core/agent/agentAuthoritySelectors.ts
@@ -4518,7 +4597,7 @@ function selectVisibleTasks(tasks, options) {
 }
 
 // src/view/TaskList.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var TASK_ICONS = {
   completed: "\u2714",
   in_progress: "\u25FC",
@@ -4617,25 +4696,25 @@ function TaskList({
   const completedCount = tasks.filter((t) => t.status === "completed").length;
   const inProgressCount = tasks.filter((t) => t.status === "in_progress").length;
   const pendingCount = tasks.filter((t) => t.status === "pending").length;
-  const items = /* @__PURE__ */ jsxs2("div", { className: "lax-task-list__items", children: [
+  const items = /* @__PURE__ */ jsxs3("div", { className: "lax-task-list__items", children: [
     visibleTasks.map((task) => /* @__PURE__ */ jsx4(TaskItem, { task, allTasks: tasks }, task.id)),
     hiddenSummary ? /* @__PURE__ */ jsx4("div", { className: "lax-task-list__hidden-summary", children: hiddenSummary }) : null
   ] });
   if (!isStandalone) {
     return /* @__PURE__ */ jsx4("div", { className: "lax-task-list lax-task-list--embedded", "data-testid": "lax-task-list", children: items });
   }
-  return /* @__PURE__ */ jsxs2("div", { className: "lax-task-list", "data-testid": "lax-task-list", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "lax-task-list__stats", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "lax-task-list", "data-testid": "lax-task-list", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "lax-task-list__stats", children: [
       /* @__PURE__ */ jsx4("span", { className: "lax-task-list__stat-count", children: tasks.length }),
       /* @__PURE__ */ jsx4("span", { children: " tasks (" }),
       /* @__PURE__ */ jsx4("span", { className: "lax-task-list__stat-count", children: completedCount }),
       /* @__PURE__ */ jsx4("span", { children: " done" }),
-      inProgressCount > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      inProgressCount > 0 && /* @__PURE__ */ jsxs3(Fragment, { children: [
         ", ",
         /* @__PURE__ */ jsx4("span", { className: "lax-task-list__stat-count", children: inProgressCount }),
         " in progress"
       ] }),
-      pendingCount > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      pendingCount > 0 && /* @__PURE__ */ jsxs3(Fragment, { children: [
         ", ",
         /* @__PURE__ */ jsx4("span", { className: "lax-task-list__stat-count", children: pendingCount }),
         " open"
@@ -4680,7 +4759,7 @@ function TaskItem({ task, allTasks }) {
     }
     if (parts.length > 0) metaText = parts.join(" \xB7 ");
   }
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: `lax-task-item lax-task-item--${task.status}${isBlocked ? " lax-task-item--blocked" : ""}`,
@@ -4689,11 +4768,11 @@ function TaskItem({ task, allTasks }) {
       children: [
         /* @__PURE__ */ jsx4("span", { className: iconClassName, children: icon }),
         /* @__PURE__ */ jsx4("span", { className: subjectClassName, children: task.subject }),
-        task.owner ? /* @__PURE__ */ jsxs2("span", { className: "lax-task-item__owner", children: [
+        task.owner ? /* @__PURE__ */ jsxs3("span", { className: "lax-task-item__owner", children: [
           " @",
           task.owner
         ] }) : null,
-        metaText && /* @__PURE__ */ jsxs2("span", { className: "lax-task-item__meta", children: [
+        metaText && /* @__PURE__ */ jsxs3("span", { className: "lax-task-item__meta", children: [
           " (",
           metaText,
           ")"
@@ -4709,7 +4788,7 @@ import { useSyncExternalStore } from "react";
 
 // src/view/ModelRetryBlock.tsx
 import { useEffect as useEffect4, useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var MAX_ERROR_CHARS = 1e3;
 function formatRetryCountdownSeconds(retryDelayMs, updatedAt, nowMs) {
   const elapsed = Math.max(0, nowMs - updatedAt);
@@ -4728,7 +4807,7 @@ function ModelRetryBlock({ state, verbose = false }) {
   const errorText = state.errorMessage.trim();
   const truncated = !verbose && errorText.length > MAX_ERROR_CHARS;
   const visibleError = truncated ? `${errorText.slice(0, MAX_ERROR_CHARS)}\u2026` : errorText;
-  return /* @__PURE__ */ jsxs3("div", { className: "lax-model-retry", "data-testid": "lax-model-retry", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "lax-model-retry", "data-testid": "lax-model-retry", children: [
     /* @__PURE__ */ jsx5(
       "button",
       {
@@ -4737,10 +4816,10 @@ function ModelRetryBlock({ state, verbose = false }) {
         onClick: () => setExpanded((prev) => !prev),
         "aria-expanded": expanded,
         "data-testid": "lax-model-retry-toggle",
-        children: /* @__PURE__ */ jsxs3("span", { className: "lax-model-retry__summary", "data-testid": "lax-model-retry-summary", children: [
+        children: /* @__PURE__ */ jsxs4("span", { className: "lax-model-retry__summary", "data-testid": "lax-model-retry-summary", children: [
           "\u23BF ",
           summary,
-          !expanded && retryInSeconds > 0 ? /* @__PURE__ */ jsxs3("span", { className: "lax-model-retry__inline-countdown", children: [
+          !expanded && retryInSeconds > 0 ? /* @__PURE__ */ jsxs4("span", { className: "lax-model-retry__inline-countdown", children: [
             " \xB7 ",
             retryInSeconds,
             "s"
@@ -4748,13 +4827,13 @@ function ModelRetryBlock({ state, verbose = false }) {
         ] })
       }
     ),
-    expanded ? /* @__PURE__ */ jsxs3("div", { className: "lax-model-retry__body", "data-testid": "lax-model-retry-body", children: [
-      errorText ? /* @__PURE__ */ jsxs3("div", { className: "lax-model-retry__error", "data-testid": "lax-model-retry-error", children: [
+    expanded ? /* @__PURE__ */ jsxs4("div", { className: "lax-model-retry__body", "data-testid": "lax-model-retry-body", children: [
+      errorText ? /* @__PURE__ */ jsxs4("div", { className: "lax-model-retry__error", "data-testid": "lax-model-retry-error", children: [
         /* @__PURE__ */ jsx5("span", { className: "lax-model-retry__category", children: categoryLabel }),
         visibleError ? /* @__PURE__ */ jsx5("pre", { className: "lax-model-retry__error-text", children: visibleError }) : null,
         truncated ? /* @__PURE__ */ jsx5("span", { className: "lax-model-retry__hint", children: "\u2026 (ctrl+o to expand)" }) : null
       ] }) : /* @__PURE__ */ jsx5("div", { className: "lax-model-retry__category-only", children: categoryLabel }),
-      /* @__PURE__ */ jsxs3("div", { className: "lax-model-retry__countdown", "data-testid": "lax-model-retry-countdown", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "lax-model-retry__countdown", "data-testid": "lax-model-retry-countdown", children: [
         "Retrying in ",
         retryInSeconds,
         " ",
@@ -4771,12 +4850,12 @@ function ModelRetryBlock({ state, verbose = false }) {
 }
 
 // src/view/CompactProgressBlock.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function CompactProgressBlock({ state }) {
   const bar = formatCompactProgressBar(state.percent);
-  return /* @__PURE__ */ jsxs4("div", { className: "lax-compact-progress", "data-testid": "lax-compact-progress", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "lax-compact-progress", "data-testid": "lax-compact-progress", children: [
     /* @__PURE__ */ jsx6("div", { className: "lax-compact-progress__title", "data-testid": "lax-compact-progress-title", children: "\u273D Compacting conversation\u2026" }),
-    /* @__PURE__ */ jsxs4("div", { className: "lax-compact-progress__bar-line", "data-testid": "lax-compact-progress-bar", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "lax-compact-progress__bar-line", "data-testid": "lax-compact-progress-bar", children: [
       bar,
       " ",
       state.percent,
@@ -5016,7 +5095,7 @@ function getSpinnerFrameIndex(timeMs, reducedMotion = false) {
 import { useRef as useRef5 } from "react";
 
 // src/view/spinner/SpinnerGlimmerVerb.tsx
-import { jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsxs as jsxs6 } from "react/jsx-runtime";
 function SpinnerGlimmerVerb({
   verb,
   mode,
@@ -5042,7 +5121,7 @@ function SpinnerGlimmerVerb({
       ["--lax-spinner-flash-opacity"]: String(flashOpacity)
     }
   };
-  return /* @__PURE__ */ jsxs5("span", { className: classes.join(" "), style, children: [
+  return /* @__PURE__ */ jsxs6("span", { className: classes.join(" "), style, children: [
     verb,
     "\u2026"
   ] });
@@ -5191,7 +5270,7 @@ function useStalledSpinnerIntensity(time, currentResponseLength, hasActiveTools
 }
 
 // src/view/spinner/SpinnerAnimationRow.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function SpinnerAnimationRow({
   mode,
   verb,
@@ -5249,7 +5328,7 @@ function SpinnerAnimationRow({
       className: thinkingStatus === "thinking" ? "lax-spinner-status-part--thinking" : void 0
     });
   }
-  return /* @__PURE__ */ jsxs6("div", { className: "lax-spinner", "data-testid": "lax-spinner", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "lax-spinner", "data-testid": "lax-spinner", children: [
     /* @__PURE__ */ jsx7("span", { className: "lax-spinner-frame", "data-testid": "lax-spinner-frame", children: frame }),
     /* @__PURE__ */ jsx7(
       SpinnerGlimmerVerb,
@@ -5261,9 +5340,9 @@ function SpinnerAnimationRow({
         flashOpacity
       }
     ),
-    statusParts.length > 0 && /* @__PURE__ */ jsxs6("span", { className: "lax-spinner-status", children: [
+    statusParts.length > 0 && /* @__PURE__ */ jsxs7("span", { className: "lax-spinner-status", children: [
       " (",
-      statusParts.map((part, i) => /* @__PURE__ */ jsxs6(
+      statusParts.map((part, i) => /* @__PURE__ */ jsxs7(
         "span",
         {
           className: `lax-spinner-status-part${part.className ? ` ${part.className}` : ""}`,
@@ -5304,9 +5383,9 @@ function shouldShowNextTaskLine(showTaskList, tasks, sessionStatus) {
 }
 
 // src/view/Spinner.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function MessageResponse({ children }) {
-  return /* @__PURE__ */ jsxs7("div", { className: "lax-message-response", children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "lax-message-response", children: [
     /* @__PURE__ */ jsx8("span", { className: "lax-message-response__marker", children: "\u23BF " }),
     /* @__PURE__ */ jsx8("span", { className: "lax-message-response__content", children })
   ] });
@@ -5435,7 +5514,7 @@ function Spinner({
   } else if (typeof thinkingStatus === "number") {
     thinkingText = `thought for ${Math.max(1, Math.round(thinkingStatus / 1e3))}s`;
   }
-  return /* @__PURE__ */ jsxs7("div", { className: "lax-spinner-container", "data-testid": "lax-spinner-container", children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "lax-spinner-container", "data-testid": "lax-spinner-container", children: [
     modelRetry ? /* @__PURE__ */ jsx8(ModelRetryBlock, { state: modelRetry, verbose }) : null,
     compactProgress ? /* @__PURE__ */ jsx8(CompactProgressBlock, { state: compactProgress }) : null,
     /* @__PURE__ */ jsx8(
@@ -5461,9 +5540,9 @@ function Spinner({
 // src/view/TaskListFooter.tsx
 import { useMemo as useMemo6, useState as useState8 } from "react";
 import { useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function MessageResponse2({ children }) {
-  return /* @__PURE__ */ jsxs8("div", { className: "lax-message-response", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "lax-message-response", children: [
     /* @__PURE__ */ jsx9("span", { className: "lax-message-response__marker", children: "\u23BF " }),
     /* @__PURE__ */ jsx9("span", { className: "lax-message-response__content", children })
   ] });
@@ -5524,8 +5603,8 @@ function TaskListFooter() {
     return null;
   }
   const label = formatTaskFooterLabel(tasks);
-  return /* @__PURE__ */ jsxs8("div", { className: "lax-task-list-footer", "data-testid": "lax-task-list-footer", children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9("div", { className: "lax-task-list-footer", "data-testid": "lax-task-list-footer", children: [
+    /* @__PURE__ */ jsxs9(
       "button",
       {
         type: "button",
@@ -5545,7 +5624,7 @@ function TaskListFooter() {
 
 // src/view/GroupedToolCallRow.tsx
 import { useCallback, useState as useState9 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var INITIALIZING = "Initializing\u2026";
 function readGroupMeta(payload) {
   const raw = payload.groupMeta;
@@ -5612,18 +5691,18 @@ function GroupedSubline({
   const toggleExpanded = useCallback(() => {
     setExpanded((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: "lax-tool-group__item lax-tool-group__subline-block",
       "data-group-index": index + 1,
       "data-tool-call-id": callId,
       children: [
-        /* @__PURE__ */ jsxs9("div", { className: "lax-tool-group__subline", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "lax-tool-group__subline", children: [
           /* @__PURE__ */ jsx10("span", { className: "lax-tool-group__tree", "aria-hidden": true, children: treeChar }),
-          /* @__PURE__ */ jsxs9("span", { className: "lax-tool-group__subline-flow", children: [
+          /* @__PURE__ */ jsxs10("span", { className: "lax-tool-group__subline-flow", children: [
             /* @__PURE__ */ jsx10("span", { className: "lax-tool-group__subline-title", children: subTitle }),
-            status ? /* @__PURE__ */ jsxs9("span", { className: "lax-tool-group__subline-status", children: [
+            status ? /* @__PURE__ */ jsxs10("span", { className: "lax-tool-group__subline-status", children: [
               " \xB7 ",
               status
             ] }) : null,
@@ -5653,8 +5732,8 @@ function GroupedToolCallRow({ payload }) {
   const anyPending = Array.isArray(payload.pendingCallIds) && payload.pendingCallIds.length > 0;
   const anyError = Array.isArray(payload.erroredCallIds) && payload.erroredCallIds.length > 0;
   const enableTranscript = toolUses.length >= 2;
-  return /* @__PURE__ */ jsxs9("div", { className: "lax-tool-group", "data-tool-name": toolName, "data-kind": "grouped_tool_use", children: [
-    /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10("div", { className: "lax-tool-group", "data-tool-name": toolName, "data-kind": "grouped_tool_use", children: [
+    /* @__PURE__ */ jsxs10(
       "div",
       {
         className: [
@@ -5690,7 +5769,7 @@ function GroupedToolCallRow({ payload }) {
 }
 
 // src/view/nodes/ThinkingSummaryNode.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function formatThoughtDuration(seconds) {
   const rounded = Math.max(1, Math.round(seconds));
   return `${rounded}s`;
@@ -5715,18 +5794,18 @@ function ThinkingSummary({ node }) {
   const viewOptions = useSessionViewOptions();
   const showToolDetail = shouldShowReasoningInTimeline(viewOptions);
   const toolText = showToolDetail ? formatToolCounts(node) : null;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: "lax-thought-summary",
       "data-kind": "thinking_summary",
       "data-round-id": node.roundId,
       children: [
-        /* @__PURE__ */ jsxs10("span", { className: "lax-thought-summary__text", children: [
+        /* @__PURE__ */ jsxs11("span", { className: "lax-thought-summary__text", children: [
           "Thought for ",
           formatThoughtDuration(node.elapsedSeconds)
         ] }),
-        toolText ? /* @__PURE__ */ jsxs10("span", { className: "lax-thought-summary__tools", children: [
+        toolText ? /* @__PURE__ */ jsxs11("span", { className: "lax-thought-summary__tools", children: [
           " \xB7 ",
           toolText
         ] }) : null,
@@ -5797,7 +5876,7 @@ function TimelineEntries({ registry }) {
 // src/view/Timeline.tsx
 import { useStore as useStore6 } from "zustand";
 import { useShallow as useShallow5 } from "zustand/shallow";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function useContentCharCount() {
   const store = useSessionStoreApi();
   return useStore6(
@@ -5819,7 +5898,7 @@ function Timeline({ showTaskListFooter = true }) {
   const { verbose } = useSessionViewOptions();
   const { startedAt } = useStore6(store, (s) => s.tree.meta);
   const contentCharCount = useContentCharCount();
-  return /* @__PURE__ */ jsxs11("div", { className: "lax-timeline", "data-testid": "lax-timeline", children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "lax-timeline", "data-testid": "lax-timeline", children: [
     /* @__PURE__ */ jsx14(TimelineEntries, { registry }),
     /* @__PURE__ */ jsx14(
       Spinner,
@@ -5882,7 +5961,7 @@ function estimateProjectedEntrySize(entry, fallback = DEFAULT_ESTIMATE_SIZE) {
 import { useRef as useRef7 } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { useStore as useStore7 } from "zustand";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_VIRTUALIZE_THRESHOLD = 500;
 function useContentCharCount2() {
   const store = useSessionStoreApi();
@@ -5916,7 +5995,7 @@ function VirtualTimeline({
     },
     overscan: 5
   });
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       ref: parentRef,
@@ -5993,6 +6072,7 @@ export {
   DEFAULT_EVENT_TIERS,
   resolveEventTier,
   classifyEvent,
+  formatHookFinishedSummary,
   streamChunk,
   reduceTree,
   reduceAgentLoopEvent,
@@ -6037,7 +6117,6 @@ export {
   isGroupableToolName,
   entryKey,
   iterMountCandidates,
-  formatHookFinishedSummary,
   SHELL_PROGRESS_MIN_ELAPSED_SECONDS,
   formatShellProgressSuffix,
   resolveShellProgressFromPayload,
@@ -6081,4 +6160,4 @@ export {
   VirtualTimeline,
   SessionTimeline
 };
-//# sourceMappingURL=chunk-XEIQBTD2.js.map
+//# sourceMappingURL=chunk-EKAV2XFY.js.map