langchain_agentx_stream_ui 0.1.0 → 0.1.1

package/dist/{chunk-G2KYJCMM.js → chunk-Q4HRD7EM.js}

@@ -36,7 +36,8 @@ function createEmptyTree() {
       total: 0,
       completed: 0,
       customMessage: null
-    }
+    },
+    modelRetry: null
   };
 }
 
@@ -344,6 +345,39 @@ function parseSnapshotTasks(rawTasks) {
   return result;
 }
 
+// src/types/modelRetry.ts
+function parseModelRetryHookData(data, timestampMs) {
+  if (data.name !== "model_retry") return null;
+  const attempt = typeof data.attempt === "number" ? data.attempt : Number(data.attempt);
+  const maxRetries = typeof data.max_retries === "number" ? data.max_retries : Number(data.max_retries);
+  const retryDelayMs = typeof data.retry_delay_ms === "number" ? data.retry_delay_ms : Number(data.retry_delay_ms ?? 0);
+  if (!Number.isFinite(attempt) || !Number.isFinite(maxRetries)) return null;
+  return {
+    attempt: Math.max(1, Math.floor(attempt)),
+    maxRetries: Math.max(1, Math.floor(maxRetries)),
+    retryDelayMs: Number.isFinite(retryDelayMs) ? Math.max(0, retryDelayMs) : 0,
+    errorCategory: typeof data.error_category === "string" ? data.error_category : "api_error",
+    errorMessage: typeof data.error_message === "string" ? data.error_message : "",
+    errorStatus: typeof data.error_status === "number" ? data.error_status : data.error_status != null ? Number(data.error_status) : null,
+    phase: typeof data.phase === "string" ? data.phase : "scheduled",
+    updatedAt: timestampMs
+  };
+}
+function formatModelRetryCategoryLabel(category) {
+  switch (category) {
+    case "server_overload":
+      return "Overloaded";
+    case "rate_limit":
+      return "Rate limited";
+    case "connection":
+      return "Connection error";
+    case "server_error":
+      return "Server error";
+    default:
+      return "API error";
+  }
+}
+
 // src/core/reducer.ts
 function isInternalTool(toolName) {
   return INTERNAL_TOOL_NAMES.has(toolName);
@@ -370,9 +404,13 @@ function cloneTree(tree) {
     hasEverShownTaskList: tree.hasEverShownTaskList,
     waitingForFinalResponseAfterTasks: tree.waitingForFinalResponseAfterTasks,
     taskStartTime: tree.taskStartTime,
-    hookProgress: { ...tree.hookProgress }
+    hookProgress: { ...tree.hookProgress },
+    modelRetry: tree.modelRetry ? { ...tree.modelRetry } : null
   };
 }
+function clearModelRetry(tree) {
+  tree.modelRetry = null;
+}
 function buildClassifyContext(tree) {
   let streamingToolNodeId;
   const childIds = getActiveChildIds(tree);
@@ -479,6 +517,7 @@ function handleStart(tree, event) {
   tree.status = "running";
   tree.meta.startedAt = eventTimeToMs(event.timestamp);
   if (event.session_id) tree.meta.sessionId = event.session_id;
+  clearModelRetry(tree);
 }
 function resolveErrorEventFields(data) {
   const message = typeof data.message === "string" && data.message || typeof data.error === "string" && data.error || "Unknown error";
@@ -532,6 +571,7 @@ function finalizeStreamingNodes(tree) {
   }
 }
 function handleFinish(tree, event, seq) {
+  clearModelRetry(tree);
   const data = event.data;
   const endedAt = eventTimeToMs(event.timestamp);
   if (data.is_error === true) {
@@ -601,6 +641,11 @@ function appendTaskDebugEvent(tree, event, eventIndex) {
 }
 function handleHookProgress(tree, event) {
   const data = event.data;
+  const modelRetry = parseModelRetryHookData(data, eventTimeToMs(event.timestamp));
+  if (modelRetry) {
+    tree.modelRetry = modelRetry;
+    return;
+  }
   const toolUseID = data.tool_use_id;
   const hookEvent = data.hook_event;
   if (!toolUseID || hookEvent !== "Stop" && hookEvent !== "SubagentStop") return;
@@ -609,7 +654,7 @@ function handleHookProgress(tree, event) {
       currentToolUseID: toolUseID,
       total: 1,
       completed: 0,
-      customMessage: data.status_message ?? null
+      customMessage: typeof data.status_message === "string" ? data.status_message : null
     };
   } else {
     tree.hookProgress.total += 1;
@@ -641,6 +686,7 @@ function handleHookFinished(tree, event) {
   }
 }
 function handleTextStart(tree, event, seq) {
+  clearModelRetry(tree);
   const id = `text:${seq}`;
   const node = {
     kind: "text",
@@ -1325,6 +1371,7 @@ function reduceTree(tree, event, eventIndex, options) {
   }
   return next;
 }
+var reduceAgentLoopEvent = reduceTree;
 function reduceEvents(events, options) {
   return events.reduce(
     (tree, event, index) => reduceTree(tree, event, index, options),
@@ -1511,7 +1558,7 @@ var ToolDisplayOptionsContext = createContext(DEFAULT_TOOL_DISPLAY);
 function useSessionStoreApi() {
   const store = useContext(SessionStoreContext);
   if (!store) {
-    throw new Error("useSessionStoreApi must be used within AgentSession or MultiAgentSession");
+    throw new Error("useSessionStoreApi must be used within AgentSession, MultiAgentSession, or AgentLoopView scoped store");
   }
   return store;
 }
@@ -3941,9 +3988,72 @@ function TaskItem({ task, allTasks }) {
 }
 
 // src/view/Spinner.tsx
-import { useEffect as useEffect6, useMemo as useMemo5, useRef as useRef6, useState as useState6 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo5, useRef as useRef6, useState as useState7 } from "react";
 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";
+var MAX_ERROR_CHARS = 1e3;
+function formatRetryCountdownSeconds(retryDelayMs, updatedAt, nowMs) {
+  const elapsed = Math.max(0, nowMs - updatedAt);
+  return Math.max(0, Math.round((retryDelayMs - elapsed) / 1e3));
+}
+function ModelRetryBlock({ state, verbose = false }) {
+  const [expanded, setExpanded] = useState4(false);
+  const [nowMs, setNowMs] = useState4(() => Date.now());
+  useEffect4(() => {
+    const timer = window.setInterval(() => setNowMs(Date.now()), 1e3);
+    return () => window.clearInterval(timer);
+  }, []);
+  const retryInSeconds = formatRetryCountdownSeconds(state.retryDelayMs, state.updatedAt, nowMs);
+  const categoryLabel = formatModelRetryCategoryLabel(state.errorCategory);
+  const summary = `Retrying\u2026 (attempt ${state.attempt}/${state.maxRetries})`;
+  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: [
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        className: "lax-model-retry__toggle lax-workflow-expand-trigger",
+        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: [
+          "\u23BF ",
+          summary,
+          !expanded && retryInSeconds > 0 ? /* @__PURE__ */ jsxs3("span", { className: "lax-model-retry__inline-countdown", children: [
+            " \xB7 ",
+            retryInSeconds,
+            "s"
+          ] }) : null
+        ] })
+      }
+    ),
+    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: [
+        /* @__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: [
+        "Retrying in ",
+        retryInSeconds,
+        " ",
+        retryInSeconds === 1 ? "second" : "seconds",
+        "\u2026 (attempt",
+        " ",
+        state.attempt,
+        "/",
+        state.maxRetries,
+        ")"
+      ] })
+    ] }) : null
+  ] });
+}
+
 // src/view/spinner/constants.ts
 var _BASE_FRAMES = ["\xB7", "\u2722", "*", "\u2736", "\u273B", "\u273D"];
 var SPINNER_FRAMES = [..._BASE_FRAMES, ..._BASE_FRAMES.slice().reverse()];
@@ -4174,7 +4284,7 @@ function getSpinnerFrameIndex(timeMs, reducedMotion = false) {
 import { useRef as useRef5 } from "react";
 
 // src/view/spinner/SpinnerGlimmerVerb.tsx
-import { jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsxs as jsxs4 } from "react/jsx-runtime";
 function SpinnerGlimmerVerb({
   verb,
   mode,
@@ -4204,7 +4314,7 @@ function SpinnerGlimmerVerb({
       ["--lax-spinner-flash-opacity"]: String(flashOpacity)
     }
   };
-  return /* @__PURE__ */ jsxs3("span", { className: classes.join(" "), style, children: [
+  return /* @__PURE__ */ jsxs4("span", { className: classes.join(" "), style, children: [
     verb,
     "\u2026"
   ] });
@@ -4254,13 +4364,13 @@ function stepSmoothedTokenCount(current, target, reducedMotion) {
 }
 
 // src/view/spinner/useAnimationFrame.ts
-import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
 function useAnimationFrame(intervalMs) {
-  const [time, setTime] = useState4(0);
+  const [time, setTime] = useState5(0);
   const startRef = useRef3(null);
   const lastTickRef = useRef3(0);
   const rafRef = useRef3(null);
-  useEffect4(() => {
+  useEffect5(() => {
     if (intervalMs === null) return;
     startRef.current = null;
     lastTickRef.current = 0;
@@ -4286,14 +4396,14 @@ function useAnimationFrame(intervalMs) {
 }
 
 // src/view/spinner/useReducedMotion.ts
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect6, useState as useState6 } from "react";
 var QUERY = "(prefers-reduced-motion: reduce)";
 function useReducedMotion() {
-  const [reducedMotion, setReducedMotion] = useState5(() => {
+  const [reducedMotion, setReducedMotion] = useState6(() => {
     if (typeof window === "undefined" || !window.matchMedia) return false;
     return window.matchMedia(QUERY).matches;
   });
-  useEffect5(() => {
+  useEffect6(() => {
     if (typeof window === "undefined" || !window.matchMedia) return;
     const media = window.matchMedia(QUERY);
     const onChange = () => setReducedMotion(media.matches);
@@ -4353,7 +4463,7 @@ function useStalledSpinnerIntensity(time, currentResponseLength, hasActiveTools
 }
 
 // src/view/spinner/SpinnerAnimationRow.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function SpinnerAnimationRow({
   mode,
   verb,
@@ -4412,9 +4522,9 @@ function SpinnerAnimationRow({
       className: thinkingStatus === "thinking" ? "lax-spinner-status-part--thinking" : void 0
     });
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "lax-spinner", "data-testid": "lax-spinner", children: [
-    /* @__PURE__ */ jsx5("span", { className: "lax-spinner-frame", "data-testid": "lax-spinner-frame", children: frame }),
-    /* @__PURE__ */ jsx5(
+  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(
       SpinnerGlimmerVerb,
       {
         verb,
@@ -4425,9 +4535,9 @@ function SpinnerAnimationRow({
         shimmerActive
       }
     ),
-    statusParts.length > 0 && /* @__PURE__ */ jsxs4("span", { className: "lax-spinner-status", children: [
+    statusParts.length > 0 && /* @__PURE__ */ jsxs5("span", { className: "lax-spinner-status", children: [
       " (",
-      statusParts.map((part, i) => /* @__PURE__ */ jsxs4(
+      statusParts.map((part, i) => /* @__PURE__ */ jsxs5(
         "span",
         {
           className: `lax-spinner-status-part${part.className ? ` ${part.className}` : ""}`,
@@ -4468,11 +4578,11 @@ function shouldShowNextTaskLine(showTaskList, tasks, sessionStatus) {
 }
 
 // src/view/Spinner.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function MessageResponse({ children }) {
-  return /* @__PURE__ */ jsxs5("div", { className: "lax-message-response", children: [
-    /* @__PURE__ */ jsx6("span", { className: "lax-message-response__marker", children: "\u23BF " }),
-    /* @__PURE__ */ jsx6("span", { className: "lax-message-response__content", 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 })
   ] });
 }
 function shouldShowSpinnerTaskList(taskPhase, tasks, hasEverShownTaskList, contentCharCount = 0) {
@@ -4505,6 +4615,10 @@ function Spinner({
     (callback) => store.subscribe(callback),
     () => store.getState().tree.hookProgress
   );
+  const modelRetry = useSyncExternalStore(
+    (callback) => store.subscribe(callback),
+    () => store.getState().tree.modelRetry
+  );
   const taskListRevision = useSyncExternalStore(
     (callback) => store.subscribe(callback),
     () => {
@@ -4535,10 +4649,10 @@ function Spinner({
   const derivedMode = mode !== "idle" ? mode : activeRoundId ? "thinking" : "requesting";
   const effectiveMode = derivedMode === "tool-use" ? "tool-use" : derivedMode === "thinking" ? "thinking" : "requesting";
   const hasActiveTools = effectiveMode === "tool-use";
-  const [fallbackVerb] = useState6(() => pickRandomVerb());
-  const [thinkingStatus, setThinkingStatus] = useState6(null);
+  const [fallbackVerb] = useState7(() => pickRandomVerb());
+  const [thinkingStatus, setThinkingStatus] = useState7(null);
   const thinkingStartRef = useRef6(null);
-  useEffect6(() => {
+  useEffect7(() => {
     let showDurationTimer = null;
     let clearStatusTimer = null;
     if (derivedMode === "thinking") {
@@ -4587,8 +4701,9 @@ function Spinner({
   } else if (typeof thinkingStatus === "number") {
     thinkingText = `thought for ${Math.max(1, Math.round(thinkingStatus / 1e3))}s`;
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "lax-spinner-container", "data-testid": "lax-spinner-container", children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6("div", { className: "lax-spinner-container", "data-testid": "lax-spinner-container", children: [
+    modelRetry ? /* @__PURE__ */ jsx7(ModelRetryBlock, { state: modelRetry, verbose }) : null,
+    /* @__PURE__ */ jsx7(
       SpinnerAnimationRow,
       {
         mode: effectiveMode,
@@ -4603,19 +4718,19 @@ function Spinner({
         timing
       }
     ),
-    showTaskList && /* @__PURE__ */ jsx6(MessageResponse, { children: /* @__PURE__ */ jsx6(TaskList, { tasks, isStandalone: false }) }),
-    nextTask && /* @__PURE__ */ jsx6(MessageResponse, { children: /* @__PURE__ */ jsx6("span", { className: "lax-spinner-next-line", children: formatNextTaskLineText(nextTask) }) })
+    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) }) })
   ] });
 }
 
 // src/view/TaskListFooter.tsx
-import { useMemo as useMemo6, useState as useState7 } from "react";
+import { useMemo as useMemo6, useState as useState8 } from "react";
 import { useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function MessageResponse2({ 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 formatTaskFooterLabel(tasks) {
@@ -4651,7 +4766,7 @@ function readTaskListRevision(store) {
 function TaskListFooter() {
   const store = useSessionStoreApi();
   const sessionStatus = useSessionStatus();
-  const [expanded, setExpanded] = useState7(false);
+  const [expanded, setExpanded] = useState8(false);
   const taskListRevision = useSyncExternalStore2(
     (callback) => store.subscribe(callback),
     () => readTaskListRevision(store)
@@ -4674,8 +4789,8 @@ function TaskListFooter() {
     return null;
   }
   const label = formatTaskFooterLabel(tasks);
-  return /* @__PURE__ */ jsxs6("div", { className: "lax-task-list-footer", "data-testid": "lax-task-list-footer", children: [
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: "lax-task-list-footer", "data-testid": "lax-task-list-footer", children: [
+    /* @__PURE__ */ jsxs7(
       "button",
       {
         type: "button",
@@ -4685,16 +4800,16 @@ function TaskListFooter() {
         onClick: () => setExpanded((v) => !v),
         children: [
           label,
-          /* @__PURE__ */ jsx7("span", { className: "lax-task-list-footer__hint", children: expanded ? " \xB7 \u2191 to hide" : " \xB7 \u2193 to view" })
+          /* @__PURE__ */ jsx8("span", { className: "lax-task-list-footer__hint", children: expanded ? " \xB7 \u2191 to hide" : " \xB7 \u2193 to view" })
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsx7(MessageResponse2, { children: /* @__PURE__ */ jsx7(TaskList, { tasks }) })
+    expanded && /* @__PURE__ */ jsx8(MessageResponse2, { children: /* @__PURE__ */ jsx8(TaskList, { tasks }) })
   ] });
 }
 
 // src/view/GroupedToolCallRow.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var INITIALIZING = "Initializing\u2026";
 function readGroupMeta(payload) {
   const raw = payload.groupMeta;
@@ -4748,8 +4863,8 @@ function GroupedToolCallRow({ payload }) {
   const title = groupMeta?.title ?? `${toolName} \xD7 ${toolUses.length}`;
   const anyPending = Array.isArray(payload.pendingCallIds) && payload.pendingCallIds.length > 0;
   const anyError = Array.isArray(payload.erroredCallIds) && payload.erroredCallIds.length > 0;
-  return /* @__PURE__ */ jsxs7("div", { className: "lax-tool-group", "data-tool-name": toolName, "data-kind": "grouped_tool_use", children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8("div", { className: "lax-tool-group", "data-tool-name": toolName, "data-kind": "grouped_tool_use", children: [
+    /* @__PURE__ */ jsxs8(
       "div",
       {
         className: [
@@ -4758,27 +4873,27 @@ function GroupedToolCallRow({ payload }) {
           anyError ? "lax-tool-group__header--error" : ""
         ].filter(Boolean).join(" "),
         children: [
-          anyPending && /* @__PURE__ */ jsx8("span", { className: "lax-tool-group__dot", "aria-hidden": true, children: "\u25CF" }),
-          /* @__PURE__ */ jsx8("span", { className: "lax-tool-group__label", children: title })
+          anyPending && /* @__PURE__ */ jsx9("span", { className: "lax-tool-group__dot", "aria-hidden": true, children: "\u25CF" }),
+          /* @__PURE__ */ jsx9("span", { className: "lax-tool-group__label", children: title })
         ]
       }
     ),
-    /* @__PURE__ */ jsx8("div", { className: "lax-tool-group__items", children: toolUses.map((entry, index) => {
+    /* @__PURE__ */ jsx9("div", { className: "lax-tool-group__items", children: toolUses.map((entry, index) => {
       const callId = String(entry.tool_call_id ?? "");
       const subTitle = formatAgentSublineTitle(entry, hideType);
       const status = sublineStatus(callId, payload);
       const isLast = index === toolUses.length - 1;
       const treeChar = isLast ? "\u2514\u2500" : "\u251C\u2500";
-      return /* @__PURE__ */ jsxs7(
+      return /* @__PURE__ */ jsxs8(
         "div",
         {
           className: "lax-tool-group__item lax-tool-group__subline",
           "data-group-index": index + 1,
           "data-tool-call-id": callId,
           children: [
-            /* @__PURE__ */ jsx8("span", { className: "lax-tool-group__tree", "aria-hidden": true, children: treeChar }),
-            /* @__PURE__ */ jsx8("span", { className: "lax-tool-group__subline-title", children: subTitle }),
-            status && /* @__PURE__ */ jsxs7("span", { className: "lax-tool-group__subline-status", children: [
+            /* @__PURE__ */ jsx9("span", { className: "lax-tool-group__tree", "aria-hidden": true, children: treeChar }),
+            /* @__PURE__ */ jsx9("span", { className: "lax-tool-group__subline-title", children: subTitle }),
+            status && /* @__PURE__ */ jsxs8("span", { className: "lax-tool-group__subline-status", children: [
               " \xB7 ",
               status
             ] })
@@ -4791,7 +4906,7 @@ function GroupedToolCallRow({ payload }) {
 }
 
 // src/view/nodes/ThinkingSummaryNode.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function formatThoughtDuration(seconds) {
   const rounded = Math.max(1, Math.round(seconds));
   return `${rounded}s`;
@@ -4816,29 +4931,29 @@ function ThinkingSummary({ node }) {
   const viewOptions = useSessionViewOptions();
   const showToolDetail = shouldShowReasoningInTimeline(viewOptions);
   const toolText = showToolDetail ? formatToolCounts(node) : null;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: "lax-thought-summary",
       "data-kind": "thinking_summary",
       "data-round-id": node.roundId,
       children: [
-        /* @__PURE__ */ jsxs8("span", { className: "lax-thought-summary__text", children: [
+        /* @__PURE__ */ jsxs9("span", { className: "lax-thought-summary__text", children: [
           "Thought for ",
           formatThoughtDuration(node.elapsedSeconds)
         ] }),
-        toolText ? /* @__PURE__ */ jsxs8("span", { className: "lax-thought-summary__tools", children: [
+        toolText ? /* @__PURE__ */ jsxs9("span", { className: "lax-thought-summary__tools", children: [
           " \xB7 ",
           toolText
         ] }) : null,
-        !showToolDetail ? /* @__PURE__ */ jsx9("span", { className: "lax-thought-summary__hint", children: " (ctrl+o to expand)" }) : null
+        !showToolDetail ? /* @__PURE__ */ jsx10("span", { className: "lax-thought-summary__hint", children: " (ctrl+o to expand)" }) : null
       ]
     }
   );
 }
 
 // src/view/projectedTimelineRender.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function zeroToolCounts2() {
   return {
     searchCount: 0,
@@ -4866,39 +4981,39 @@ function ThinkingSummaryWrapper({ entry }) {
     isExpanded: Boolean(payload.isExpanded ?? false),
     startedAt: Number(payload.startedAt ?? Date.now())
   };
-  return /* @__PURE__ */ jsx10("div", { className: "lax-timeline__item", "data-kind": "thinking_summary", children: /* @__PURE__ */ jsx10(ThinkingSummary, { node }) });
+  return /* @__PURE__ */ jsx11("div", { className: "lax-timeline__item", "data-kind": "thinking_summary", children: /* @__PURE__ */ jsx11(ThinkingSummary, { node }) });
 }
 function renderProjectedTimelineItem(item, registry) {
   const { key, entry } = item;
   if (entry.kind === "thinking_summary") {
-    return /* @__PURE__ */ jsx10(ThinkingSummaryWrapper, { entry }, key);
+    return /* @__PURE__ */ jsx11(ThinkingSummaryWrapper, { entry }, key);
   }
   if (entry.kind === "collapsed_explore") {
-    return /* @__PURE__ */ jsx10("div", { className: "lax-timeline__item", "data-kind": "collapsed_explore", children: /* @__PURE__ */ jsx10(CollapsedExploreNode, { entry, registry }) }, key);
+    return /* @__PURE__ */ jsx11("div", { className: "lax-timeline__item", "data-kind": "collapsed_explore", children: /* @__PURE__ */ jsx11(CollapsedExploreNode, { entry, registry }) }, key);
   }
   if (entry.kind === "grouped_tool_use") {
-    return /* @__PURE__ */ jsx10("div", { className: "lax-timeline__item", "data-kind": "grouped_tool_use", children: /* @__PURE__ */ jsx10(GroupedToolCallRow, { payload: entry.payload }) }, key);
+    return /* @__PURE__ */ jsx11("div", { className: "lax-timeline__item", "data-kind": "grouped_tool_use", children: /* @__PURE__ */ jsx11(GroupedToolCallRow, { payload: entry.payload }) }, key);
   }
   if (entry.kind === "system_summary") {
     const summary = String(entry.payload.summaryText ?? entry.payload.summary_text ?? "");
-    return /* @__PURE__ */ jsx10("div", { className: "lax-timeline__item", "data-kind": "system_summary", children: /* @__PURE__ */ jsx10(SystemSummaryNode, { summaryText: summary }) }, key);
+    return /* @__PURE__ */ jsx11("div", { className: "lax-timeline__item", "data-kind": "system_summary", children: /* @__PURE__ */ jsx11(SystemSummaryNode, { summaryText: summary }) }, key);
   }
   const nodeId = entry.sourceNodeIds[0];
   if (!nodeId) return null;
-  return /* @__PURE__ */ jsx10(TimelineItem, { nodeId, registry }, key);
+  return /* @__PURE__ */ jsx11(TimelineItem, { nodeId, registry }, key);
 }
 
 // src/view/TimelineEntries.tsx
-import { Fragment as Fragment2, jsx as jsx11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
 function TimelineEntries({ registry }) {
   const projectedItems = useProjectedTimeline();
-  return /* @__PURE__ */ jsx11(Fragment2, { children: projectedItems.map((item) => renderProjectedTimelineItem(item, registry)) });
+  return /* @__PURE__ */ jsx12(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 jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function useContentCharCount() {
   const store = useSessionStoreApi();
   return useStore6(
@@ -4914,15 +5029,15 @@ function useContentCharCount() {
     })
   );
 }
-function Timeline() {
+function Timeline({ showTaskListFooter = true }) {
   const registry = useNodeRegistry();
   const store = useSessionStoreApi();
   const { verbose } = useSessionViewOptions();
   const { startedAt } = useStore6(store, (s) => s.tree.meta);
   const contentCharCount = useContentCharCount();
-  return /* @__PURE__ */ jsxs9("div", { className: "lax-timeline", "data-testid": "lax-timeline", children: [
-    /* @__PURE__ */ jsx12(TimelineEntries, { registry }),
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs10("div", { className: "lax-timeline", "data-testid": "lax-timeline", children: [
+    /* @__PURE__ */ jsx13(TimelineEntries, { registry }),
+    /* @__PURE__ */ jsx13(
       Spinner,
       {
         startedAt,
@@ -4930,7 +5045,7 @@ function Timeline() {
         verbose
       }
     ),
-    /* @__PURE__ */ jsx12(TaskListFooter, {})
+    showTaskListFooter ? /* @__PURE__ */ jsx13(TaskListFooter, {}) : null
   ] });
 }
 
@@ -4982,7 +5097,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 jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_VIRTUALIZE_THRESHOLD = 500;
 function useContentCharCount2() {
   const store = useSessionStoreApi();
@@ -4997,7 +5112,8 @@ function useContentCharCount2() {
   });
 }
 function VirtualTimeline({
-  estimateSize = DEFAULT_ESTIMATE_SIZE
+  estimateSize = DEFAULT_ESTIMATE_SIZE,
+  showTaskListFooter = true
 }) {
   const items = useProjectedTimeline();
   const registry = useNodeRegistry();
@@ -5015,14 +5131,14 @@ function VirtualTimeline({
     },
     overscan: 5
   });
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       ref: parentRef,
       className: "lax-virtual-timeline",
       "data-testid": "lax-virtual-timeline",
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "div",
           {
             className: "lax-virtual-timeline__inner",
@@ -5034,7 +5150,7 @@ function VirtualTimeline({
             children: virtualizer.getVirtualItems().map((virtualRow) => {
               const item = items[virtualRow.index];
               if (!item) return null;
-              return /* @__PURE__ */ jsx13(
+              return /* @__PURE__ */ jsx14(
                 "div",
                 {
                   className: "lax-virtual-timeline__item lax-timeline__item",
@@ -5055,7 +5171,7 @@ function VirtualTimeline({
             })
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           Spinner,
           {
             startedAt,
@@ -5063,27 +5179,28 @@ function VirtualTimeline({
             verbose
           }
         ),
-        /* @__PURE__ */ jsx13(TaskListFooter, {})
+        showTaskListFooter ? /* @__PURE__ */ jsx14(TaskListFooter, {}) : null
       ]
     }
   );
 }
 
 // src/view/SessionTimeline.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function SessionTimeline({
   virtualized = false,
   virtualizeThreshold = DEFAULT_VIRTUALIZE_THRESHOLD,
-  groupParallelTools = false
+  groupParallelTools = false,
+  showTaskListFooter = true
 }) {
   const ids = useTimeline();
   if (groupParallelTools) {
-    return /* @__PURE__ */ jsx14(Timeline, {});
+    return /* @__PURE__ */ jsx15(Timeline, { showTaskListFooter });
   }
   if (virtualized && ids.length > virtualizeThreshold) {
-    return /* @__PURE__ */ jsx14(VirtualTimeline, {});
+    return /* @__PURE__ */ jsx15(VirtualTimeline, { showTaskListFooter });
   }
-  return /* @__PURE__ */ jsx14(Timeline, {});
+  return /* @__PURE__ */ jsx15(Timeline, { showTaskListFooter });
 }
 
 export {
@@ -5093,6 +5210,7 @@ export {
   classifyEvent,
   streamChunk,
   reduceTree,
+  reduceAgentLoopEvent,
   reduceEvents,
   getMainStageIds,
   getChildIds,
@@ -5168,4 +5286,4 @@ export {
   VirtualTimeline,
   SessionTimeline
 };
-//# sourceMappingURL=chunk-G2KYJCMM.js.map
+//# sourceMappingURL=chunk-Q4HRD7EM.js.map