langchain_agentx_stream_ui 0.7.7 → 0.8.1

package/dist/{chunk-AMUGAG7U.js → chunk-MI4NGIDF.js}

@@ -25,7 +25,7 @@ import {
   useSessionStoreApi,
   useSessionViewOptions,
   useToolDisplayOptions
-} from "./chunk-RWKNI52H.js";
+} from "./chunk-XEIQBTD2.js";
 import {
   classifyToolResultSoftKind,
   createDefaultToolRegistry,
@@ -2212,4 +2212,4 @@ export {
   createActiveSessionBridge,
   MultiAgentSession
 };
-//# sourceMappingURL=chunk-AMUGAG7U.js.map
+//# sourceMappingURL=chunk-MI4NGIDF.js.map

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

@@ -51,6 +51,7 @@ function createEmptyTree() {
       customMessage: null
     },
     modelRetry: null,
+    compactProgress: null,
     parallelAgentTextGateCallIds: null,
     deferredMainText: ""
   };
@@ -88,6 +89,7 @@ var DEFAULT_EVENT_TIERS = {
   "assistant-turn-superseded": "main",
   /** D-CMP-EVT-11：主可见（非仅 debug）；淡提示 Conversation compacted */
   "compact-boundary": "collapsed",
+  "compact-progress": "debug",
   "task-started": "debug",
   "task-progress": "debug",
   "task-notification-enqueued": "debug",
@@ -540,6 +542,48 @@ function formatModelRetryCategoryLabel(category) {
   }
 }
 
+// src/types/compactProgress.ts
+function normalizePercent(value) {
+  const n = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(n)) return 0;
+  return Math.max(0, Math.min(100, Math.round(n)));
+}
+function optionalInt(value) {
+  if (value == null) return null;
+  const n = typeof value === "number" ? value : Number(value);
+  return Number.isFinite(n) ? Math.floor(n) : null;
+}
+function defaultPrecompactDetail(stage, detail) {
+  if (detail) return detail;
+  const normalized = stage.trim().toLowerCase();
+  if (normalized === "precompact" || normalized === "pre_compact" || normalized === "hooks") {
+    return "Running PreCompact hooks\u2026";
+  }
+  return null;
+}
+function parseCompactProgressEventData(data, timestampMs) {
+  const phaseRaw = data.phase;
+  const phase = typeof phaseRaw === "string" && phaseRaw.trim() ? phaseRaw.trim().toLowerCase() : "tick";
+  const stage = typeof data.stage === "string" ? data.stage : String(data.stage ?? "");
+  const percent = normalizePercent(data.percent);
+  const detailRaw = data.detail;
+  const detail = typeof detailRaw === "string" && detailRaw.trim() ? detailRaw.trim() : null;
+  return {
+    phase,
+    percent,
+    stage,
+    stageIndex: optionalInt(data.stage_index),
+    totalStages: optionalInt(data.total_stages),
+    detail: defaultPrecompactDetail(stage, detail),
+    updatedAt: timestampMs
+  };
+}
+function formatCompactProgressBar(percent, barWidth = 40) {
+  const filled = Math.round(barWidth * percent / 100);
+  const safeFilled = Math.max(0, Math.min(barWidth, filled));
+  return `${"\u25B0".repeat(safeFilled)}${"\u25B1".repeat(barWidth - safeFilled)}`;
+}
+
 // src/core/taskNotification.ts
 function trimStr(value) {
   return typeof value === "string" ? value.trim() : "";
@@ -677,11 +721,16 @@ function cloneTree(tree) {
     waitingForFinalResponseAfterTasks: tree.waitingForFinalResponseAfterTasks,
     taskStartTime: tree.taskStartTime,
     hookProgress: { ...tree.hookProgress },
-    modelRetry: tree.modelRetry ? { ...tree.modelRetry } : null
+    modelRetry: tree.modelRetry ? { ...tree.modelRetry } : null,
+    compactProgress: tree.compactProgress ? { ...tree.compactProgress } : null
   };
 }
+function clearCompactProgress(tree) {
+  tree.compactProgress = null;
+}
 function clearModelRetry(tree) {
   tree.modelRetry = null;
+  clearCompactProgress(tree);
 }
 function buildClassifyContext(tree) {
   let streamingToolNodeId;
@@ -1009,6 +1058,16 @@ function handleApiRetry(tree, event) {
     tree.modelRetry = modelRetry;
   }
 }
+function handleCompactProgress(tree, event) {
+  const data = event.data;
+  const parsed = parseCompactProgressEventData(data, eventTimeToMs(event.timestamp));
+  if (!parsed) return;
+  if (parsed.phase === "end") {
+    clearCompactProgress(tree);
+    return;
+  }
+  tree.compactProgress = parsed;
+}
 function handleHookProgress(tree, event) {
   const data = event.data;
   const modelRetry = parseModelRetryHookData(data, eventTimeToMs(event.timestamp));
@@ -1644,6 +1703,9 @@ function handleDebug(tree, event, eventIndex, parentNodeId, collectDebug) {
     case "api-retry":
       handleApiRetry(tree, event);
       break;
+    case "compact-progress":
+      handleCompactProgress(tree, event);
+      break;
     case "hook-progress":
       handleHookProgress(tree, event);
       break;
@@ -1836,6 +1898,7 @@ function applyClassified(tree, classified, eventIndex, options) {
         handleTaskNotification(tree, event);
         break;
       case "compact-boundary":
+        clearCompactProgress(tree);
         pushSystemSummarySource(tree, event, eventIndex);
         if (options?.collectDebug === true) {
           tree.debugEvents.push({
@@ -4707,6 +4770,22 @@ function ModelRetryBlock({ state, verbose = false }) {
   ] });
 }
 
+// src/view/CompactProgressBlock.tsx
+import { jsx as jsx6, jsxs as jsxs4 } 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: [
+    /* @__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: [
+      bar,
+      " ",
+      state.percent,
+      "%"
+    ] }),
+    state.detail ? /* @__PURE__ */ jsx6("div", { className: "lax-compact-progress__detail", "data-testid": "lax-compact-progress-detail", children: state.detail }) : null
+  ] });
+}
+
 // src/view/spinner/constants.ts
 var _BASE_FRAMES = ["\xB7", "\u2722", "*", "\u2736", "\u273B", "\u273D"];
 var SPINNER_FRAMES = [..._BASE_FRAMES, ..._BASE_FRAMES.slice().reverse()];
@@ -4937,7 +5016,7 @@ function getSpinnerFrameIndex(timeMs, reducedMotion = false) {
 import { useRef as useRef5 } from "react";
 
 // src/view/spinner/SpinnerGlimmerVerb.tsx
-import { jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsxs as jsxs5 } from "react/jsx-runtime";
 function SpinnerGlimmerVerb({
   verb,
   mode,
@@ -4963,7 +5042,7 @@ function SpinnerGlimmerVerb({
       ["--lax-spinner-flash-opacity"]: String(flashOpacity)
     }
   };
-  return /* @__PURE__ */ jsxs4("span", { className: classes.join(" "), style, children: [
+  return /* @__PURE__ */ jsxs5("span", { className: classes.join(" "), style, children: [
     verb,
     "\u2026"
   ] });
@@ -5112,7 +5191,7 @@ function useStalledSpinnerIntensity(time, currentResponseLength, hasActiveTools
 }
 
 // src/view/spinner/SpinnerAnimationRow.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function SpinnerAnimationRow({
   mode,
   verb,
@@ -5170,9 +5249,9 @@ function SpinnerAnimationRow({
       className: thinkingStatus === "thinking" ? "lax-spinner-status-part--thinking" : void 0
     });
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "lax-spinner", "data-testid": "lax-spinner", children: [
-    /* @__PURE__ */ jsx6("span", { className: "lax-spinner-frame", "data-testid": "lax-spinner-frame", children: frame }),
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6("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,
       {
         verb,
@@ -5182,9 +5261,9 @@ function SpinnerAnimationRow({
         flashOpacity
       }
     ),
-    statusParts.length > 0 && /* @__PURE__ */ jsxs5("span", { className: "lax-spinner-status", children: [
+    statusParts.length > 0 && /* @__PURE__ */ jsxs6("span", { className: "lax-spinner-status", children: [
       " (",
-      statusParts.map((part, i) => /* @__PURE__ */ jsxs5(
+      statusParts.map((part, i) => /* @__PURE__ */ jsxs6(
         "span",
         {
           className: `lax-spinner-status-part${part.className ? ` ${part.className}` : ""}`,
@@ -5225,11 +5304,11 @@ function shouldShowNextTaskLine(showTaskList, tasks, sessionStatus) {
 }
 
 // src/view/Spinner.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function MessageResponse({ children }) {
-  return /* @__PURE__ */ jsxs6("div", { className: "lax-message-response", children: [
-    /* @__PURE__ */ jsx7("span", { className: "lax-message-response__marker", children: "\u23BF " }),
-    /* @__PURE__ */ jsx7("span", { className: "lax-message-response__content", children })
+  return /* @__PURE__ */ jsxs7("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 })
   ] });
 }
 function shouldShowSpinnerTaskList(taskPhase, tasks, hasEverShownTaskList, contentCharCount = 0) {
@@ -5270,6 +5349,10 @@ function Spinner({
     (callback) => store.subscribe(callback),
     () => store.getState().tree.modelRetry
   );
+  const compactProgress = useSyncExternalStore(
+    (callback) => store.subscribe(callback),
+    () => store.getState().tree.compactProgress
+  );
   const taskListRevision = useSyncExternalStore(
     (callback) => store.subscribe(callback),
     () => {
@@ -5352,9 +5435,10 @@ function Spinner({
   } else if (typeof thinkingStatus === "number") {
     thinkingText = `thought for ${Math.max(1, Math.round(thinkingStatus / 1e3))}s`;
   }
-  return /* @__PURE__ */ jsxs6("div", { className: "lax-spinner-container", "data-testid": "lax-spinner-container", children: [
-    modelRetry ? /* @__PURE__ */ jsx7(ModelRetryBlock, { state: modelRetry, verbose }) : null,
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs7("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(
       SpinnerAnimationRow,
       {
         mode: effectiveMode,
@@ -5369,19 +5453,19 @@ function Spinner({
         timing
       }
     ),
-    showTaskList && /* @__PURE__ */ jsx7(MessageResponse, { children: /* @__PURE__ */ jsx7(TaskList, { tasks, isStandalone: false }) }),
-    nextTask && /* @__PURE__ */ jsx7(MessageResponse, { children: /* @__PURE__ */ jsx7("span", { className: "lax-spinner-next-line", children: formatNextTaskLineText(nextTask) }) })
+    showTaskList && /* @__PURE__ */ jsx8(MessageResponse, { children: /* @__PURE__ */ jsx8(TaskList, { tasks, isStandalone: false }) }),
+    nextTask && /* @__PURE__ */ jsx8(MessageResponse, { children: /* @__PURE__ */ jsx8("span", { className: "lax-spinner-next-line", children: formatNextTaskLineText(nextTask) }) })
   ] });
 }
 
 // src/view/TaskListFooter.tsx
 import { useMemo as useMemo6, useState as useState8 } from "react";
 import { useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function MessageResponse2({ children }) {
-  return /* @__PURE__ */ jsxs7("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 })
+  return /* @__PURE__ */ jsxs8("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 })
   ] });
 }
 function formatTaskFooterLabel(tasks) {
@@ -5440,8 +5524,8 @@ function TaskListFooter() {
     return null;
   }
   const label = formatTaskFooterLabel(tasks);
-  return /* @__PURE__ */ jsxs7("div", { className: "lax-task-list-footer", "data-testid": "lax-task-list-footer", children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8("div", { className: "lax-task-list-footer", "data-testid": "lax-task-list-footer", children: [
+    /* @__PURE__ */ jsxs8(
       "button",
       {
         type: "button",
@@ -5451,17 +5535,17 @@ function TaskListFooter() {
         onClick: () => setExpanded((v) => !v),
         children: [
           label,
-          /* @__PURE__ */ jsx8("span", { className: "lax-task-list-footer__hint", children: expanded ? " \xB7 \u2191 to hide" : " \xB7 \u2193 to view" })
+          /* @__PURE__ */ jsx9("span", { className: "lax-task-list-footer__hint", children: expanded ? " \xB7 \u2191 to hide" : " \xB7 \u2193 to view" })
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsx8(MessageResponse2, { children: /* @__PURE__ */ jsx8(TaskList, { tasks }) })
+    expanded && /* @__PURE__ */ jsx9(MessageResponse2, { children: /* @__PURE__ */ jsx9(TaskList, { tasks }) })
   ] });
 }
 
 // src/view/GroupedToolCallRow.tsx
 import { useCallback, useState as useState9 } from "react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var INITIALIZING = "Initializing\u2026";
 function readGroupMeta(payload) {
   const raw = payload.groupMeta;
@@ -5528,22 +5612,22 @@ function GroupedSubline({
   const toggleExpanded = useCallback(() => {
     setExpanded((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: "lax-tool-group__item lax-tool-group__subline-block",
       "data-group-index": index + 1,
       "data-tool-call-id": callId,
       children: [
-        /* @__PURE__ */ jsxs8("div", { className: "lax-tool-group__subline", children: [
-          /* @__PURE__ */ jsx9("span", { className: "lax-tool-group__tree", "aria-hidden": true, children: treeChar }),
-          /* @__PURE__ */ jsxs8("span", { className: "lax-tool-group__subline-flow", children: [
-            /* @__PURE__ */ jsx9("span", { className: "lax-tool-group__subline-title", children: subTitle }),
-            status ? /* @__PURE__ */ jsxs8("span", { className: "lax-tool-group__subline-status", children: [
+        /* @__PURE__ */ jsxs9("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__ */ jsx10("span", { className: "lax-tool-group__subline-title", children: subTitle }),
+            status ? /* @__PURE__ */ jsxs9("span", { className: "lax-tool-group__subline-status", children: [
               " \xB7 ",
               status
             ] }) : null,
-            canExpand ? /* @__PURE__ */ jsx9(
+            canExpand ? /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
@@ -5555,7 +5639,7 @@ function GroupedSubline({
             ) : null
           ] })
         ] }),
-        canExpand && expanded ? /* @__PURE__ */ jsx9("div", { className: "lax-tool-group__transcript-panel", "data-testid": "lax-grouped-transcript", children: hasTranscriptLane ? /* @__PURE__ */ jsx9(SubagentTranscriptBlock, { entries: transcript, dataSource: "transcript-lane" }) : /* @__PURE__ */ jsx9(AgentProgressLines, { entries: progress, mode: "full" }) }) : null
+        canExpand && expanded ? /* @__PURE__ */ jsx10("div", { className: "lax-tool-group__transcript-panel", "data-testid": "lax-grouped-transcript", children: hasTranscriptLane ? /* @__PURE__ */ jsx10(SubagentTranscriptBlock, { entries: transcript, dataSource: "transcript-lane" }) : /* @__PURE__ */ jsx10(AgentProgressLines, { entries: progress, mode: "full" }) }) : null
       ]
     }
   );
@@ -5569,8 +5653,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__ */ jsxs8("div", { className: "lax-tool-group", "data-tool-name": toolName, "data-kind": "grouped_tool_use", children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9("div", { className: "lax-tool-group", "data-tool-name": toolName, "data-kind": "grouped_tool_use", children: [
+    /* @__PURE__ */ jsxs9(
       "div",
       {
         className: [
@@ -5579,16 +5663,16 @@ function GroupedToolCallRow({ payload }) {
           anyError ? "lax-tool-group__header--error" : ""
         ].filter(Boolean).join(" "),
         children: [
-          anyPending && /* @__PURE__ */ jsx9("span", { className: "lax-tool-group__dot", "aria-hidden": true, children: "\u25CF" }),
-          /* @__PURE__ */ jsx9("span", { className: "lax-tool-group__label", children: title })
+          anyPending && /* @__PURE__ */ jsx10("span", { className: "lax-tool-group__dot", "aria-hidden": true, children: "\u25CF" }),
+          /* @__PURE__ */ jsx10("span", { className: "lax-tool-group__label", children: title })
         ]
       }
     ),
-    /* @__PURE__ */ jsx9("div", { className: "lax-tool-group__items", children: toolUses.map((entry, index) => {
+    /* @__PURE__ */ jsx10("div", { className: "lax-tool-group__items", children: toolUses.map((entry, index) => {
       const callId = String(entry.tool_call_id ?? "");
       const isLast = index === toolUses.length - 1;
       const treeChar = isLast ? "\u2514\u2500" : "\u251C\u2500";
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         GroupedSubline,
         {
           callId,
@@ -5606,7 +5690,7 @@ function GroupedToolCallRow({ payload }) {
 }
 
 // src/view/nodes/ThinkingSummaryNode.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function formatThoughtDuration(seconds) {
   const rounded = Math.max(1, Math.round(seconds));
   return `${rounded}s`;
@@ -5631,29 +5715,29 @@ function ThinkingSummary({ node }) {
   const viewOptions = useSessionViewOptions();
   const showToolDetail = shouldShowReasoningInTimeline(viewOptions);
   const toolText = showToolDetail ? formatToolCounts(node) : null;
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: "lax-thought-summary",
       "data-kind": "thinking_summary",
       "data-round-id": node.roundId,
       children: [
-        /* @__PURE__ */ jsxs9("span", { className: "lax-thought-summary__text", children: [
+        /* @__PURE__ */ jsxs10("span", { className: "lax-thought-summary__text", children: [
           "Thought for ",
           formatThoughtDuration(node.elapsedSeconds)
         ] }),
-        toolText ? /* @__PURE__ */ jsxs9("span", { className: "lax-thought-summary__tools", children: [
+        toolText ? /* @__PURE__ */ jsxs10("span", { className: "lax-thought-summary__tools", children: [
           " \xB7 ",
           toolText
         ] }) : null,
-        !showToolDetail ? /* @__PURE__ */ jsx10("span", { className: "lax-thought-summary__hint", children: " (ctrl+o to expand)" }) : null
+        !showToolDetail ? /* @__PURE__ */ jsx11("span", { className: "lax-thought-summary__hint", children: " (ctrl+o to expand)" }) : null
       ]
     }
   );
 }
 
 // src/view/projectedTimelineRender.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function zeroToolCounts2() {
   return {
     searchCount: 0,
@@ -5681,39 +5765,39 @@ function ThinkingSummaryWrapper({ entry }) {
     isExpanded: Boolean(payload.isExpanded ?? false),
     startedAt: Number(payload.startedAt ?? Date.now())
   };
-  return /* @__PURE__ */ jsx11("div", { className: "lax-timeline__item", "data-kind": "thinking_summary", children: /* @__PURE__ */ jsx11(ThinkingSummary, { node }) });
+  return /* @__PURE__ */ jsx12("div", { className: "lax-timeline__item", "data-kind": "thinking_summary", children: /* @__PURE__ */ jsx12(ThinkingSummary, { node }) });
 }
 function renderProjectedTimelineItem(item, registry) {
   const { key, entry } = item;
   if (entry.kind === "thinking_summary") {
-    return /* @__PURE__ */ jsx11(ThinkingSummaryWrapper, { entry }, key);
+    return /* @__PURE__ */ jsx12(ThinkingSummaryWrapper, { entry }, key);
   }
   if (entry.kind === "collapsed_explore") {
-    return /* @__PURE__ */ jsx11("div", { className: "lax-timeline__item", "data-kind": "collapsed_explore", children: /* @__PURE__ */ jsx11(CollapsedExploreNode, { entry, registry }) }, key);
+    return /* @__PURE__ */ jsx12("div", { className: "lax-timeline__item", "data-kind": "collapsed_explore", children: /* @__PURE__ */ jsx12(CollapsedExploreNode, { entry, registry }) }, key);
   }
   if (entry.kind === "grouped_tool_use") {
-    return /* @__PURE__ */ jsx11("div", { className: "lax-timeline__item", "data-kind": "grouped_tool_use", children: /* @__PURE__ */ jsx11(GroupedToolCallRow, { payload: entry.payload }) }, key);
+    return /* @__PURE__ */ jsx12("div", { className: "lax-timeline__item", "data-kind": "grouped_tool_use", children: /* @__PURE__ */ jsx12(GroupedToolCallRow, { payload: entry.payload }) }, key);
   }
   if (entry.kind === "system_summary") {
     const summary = String(entry.payload.summaryText ?? entry.payload.summary_text ?? "");
-    return /* @__PURE__ */ jsx11("div", { className: "lax-timeline__item", "data-kind": "system_summary", children: /* @__PURE__ */ jsx11(SystemSummaryNode, { summaryText: summary }) }, key);
+    return /* @__PURE__ */ jsx12("div", { className: "lax-timeline__item", "data-kind": "system_summary", children: /* @__PURE__ */ jsx12(SystemSummaryNode, { summaryText: summary }) }, key);
   }
   const nodeId = entry.sourceNodeIds[0];
   if (!nodeId) return null;
-  return /* @__PURE__ */ jsx11(TimelineItem, { nodeId, registry }, key);
+  return /* @__PURE__ */ jsx12(TimelineItem, { nodeId, registry }, key);
 }
 
 // src/view/TimelineEntries.tsx
-import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13 } from "react/jsx-runtime";
 function TimelineEntries({ registry }) {
   const projectedItems = useProjectedTimeline();
-  return /* @__PURE__ */ jsx12(Fragment2, { children: projectedItems.map((item) => renderProjectedTimelineItem(item, registry)) });
+  return /* @__PURE__ */ jsx13(Fragment2, { children: projectedItems.map((item) => renderProjectedTimelineItem(item, registry)) });
 }
 
 // src/view/Timeline.tsx
 import { useStore as useStore6 } from "zustand";
 import { useShallow as useShallow5 } from "zustand/shallow";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function useContentCharCount() {
   const store = useSessionStoreApi();
   return useStore6(
@@ -5735,9 +5819,9 @@ function Timeline({ showTaskListFooter = true }) {
   const { verbose } = useSessionViewOptions();
   const { startedAt } = useStore6(store, (s) => s.tree.meta);
   const contentCharCount = useContentCharCount();
-  return /* @__PURE__ */ jsxs10("div", { className: "lax-timeline", "data-testid": "lax-timeline", children: [
-    /* @__PURE__ */ jsx13(TimelineEntries, { registry }),
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs11("div", { className: "lax-timeline", "data-testid": "lax-timeline", children: [
+    /* @__PURE__ */ jsx14(TimelineEntries, { registry }),
+    /* @__PURE__ */ jsx14(
       Spinner,
       {
         startedAt,
@@ -5745,7 +5829,7 @@ function Timeline({ showTaskListFooter = true }) {
         verbose
       }
     ),
-    showTaskListFooter ? /* @__PURE__ */ jsx13(TaskListFooter, {}) : null
+    showTaskListFooter ? /* @__PURE__ */ jsx14(TaskListFooter, {}) : null
   ] });
 }
 
@@ -5798,7 +5882,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 jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_VIRTUALIZE_THRESHOLD = 500;
 function useContentCharCount2() {
   const store = useSessionStoreApi();
@@ -5832,14 +5916,14 @@ function VirtualTimeline({
     },
     overscan: 5
   });
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       ref: parentRef,
       className: "lax-virtual-timeline",
       "data-testid": "lax-virtual-timeline",
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           "div",
           {
             className: "lax-virtual-timeline__inner",
@@ -5851,7 +5935,7 @@ function VirtualTimeline({
             children: virtualizer.getVirtualItems().map((virtualRow) => {
               const item = items[virtualRow.index];
               if (!item) return null;
-              return /* @__PURE__ */ jsx14(
+              return /* @__PURE__ */ jsx15(
                 "div",
                 {
                   className: "lax-virtual-timeline__item lax-timeline__item",
@@ -5872,7 +5956,7 @@ function VirtualTimeline({
             })
           }
         ),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           Spinner,
           {
             startedAt,
@@ -5880,14 +5964,14 @@ function VirtualTimeline({
             verbose
           }
         ),
-        showTaskListFooter ? /* @__PURE__ */ jsx14(TaskListFooter, {}) : null
+        showTaskListFooter ? /* @__PURE__ */ jsx15(TaskListFooter, {}) : null
       ]
     }
   );
 }
 
 // src/view/SessionTimeline.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function SessionTimeline({
   virtualized = false,
   virtualizeThreshold = DEFAULT_VIRTUALIZE_THRESHOLD,
@@ -5896,12 +5980,12 @@ function SessionTimeline({
 }) {
   const ids = useTimeline();
   if (groupParallelTools) {
-    return /* @__PURE__ */ jsx15(Timeline, { showTaskListFooter });
+    return /* @__PURE__ */ jsx16(Timeline, { showTaskListFooter });
   }
   if (virtualized && ids.length > virtualizeThreshold) {
-    return /* @__PURE__ */ jsx15(VirtualTimeline, { showTaskListFooter });
+    return /* @__PURE__ */ jsx16(VirtualTimeline, { showTaskListFooter });
   }
-  return /* @__PURE__ */ jsx15(Timeline, { showTaskListFooter });
+  return /* @__PURE__ */ jsx16(Timeline, { showTaskListFooter });
 }
 
 export {
@@ -5997,4 +6081,4 @@ export {
   VirtualTimeline,
   SessionTimeline
 };
-//# sourceMappingURL=chunk-RWKNI52H.js.map
+//# sourceMappingURL=chunk-XEIQBTD2.js.map