langchain_agentx_stream_ui 0.3.3 → 0.3.5

package/dist/{chunk-ISQ7JWGD.js → chunk-FT6UUKPS.js}

@@ -24,7 +24,7 @@ import {
   useSessionStatus,
   useSessionViewOptions,
   useToolDisplayOptions
-} from "./chunk-6ORA5RMV.js";
+} from "./chunk-6PWGGGUK.js";
 import {
   createDefaultToolRegistry
 } from "./chunk-FL2G7SV3.js";
@@ -1897,4 +1897,4 @@ export {
   createActiveSessionBridge,
   MultiAgentSession
 };
-//# sourceMappingURL=chunk-ISQ7JWGD.js.map
+//# sourceMappingURL=chunk-FT6UUKPS.js.map

package/dist/index.d.ts

@@ -240,6 +240,7 @@ interface CachedStageDoneSummary {
     label: string;
     teaser: string;
     extraLines: number;
+    fullMarkdown?: string;
 }
 type WorkflowRunStatus = 'running' | 'done' | 'error';
 interface WorkflowStageProgress {

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   fixDiagramSvg,
   markEventIdSeen,
   shouldSkipDuplicateEvent
-} from "./chunk-ISQ7JWGD.js";
+} from "./chunk-FT6UUKPS.js";
 import {
   DefaultToolBody,
   InteractionBusContext,
@@ -110,7 +110,7 @@ import {
   useSessionStatus,
   useSessionViewOptions,
   useTimeline
-} from "./chunk-6ORA5RMV.js";
+} from "./chunk-6PWGGGUK.js";
 import {
   Agent,
   AgentToolBody,
@@ -1127,20 +1127,26 @@ function computeDurationSeconds(tree) {
   const seconds = Math.round((maxTs - started) / 1e3);
   return seconds > 0 ? seconds : null;
 }
-function lastTextContent(tree) {
+function lastLoopTextContent(tree) {
   const textNodes = Object.values(tree.byId).filter((node) => node.kind === "text");
   if (textNodes.length === 0) return "";
   return textNodes[textNodes.length - 1].accumulated.trim();
 }
+function pickTeaserLine(fullText) {
+  const lines = fullText.split("\n").map((line) => line.trim()).filter(Boolean);
+  if (lines.length === 0) return "";
+  const nonTableLine = lines.find((line) => !line.startsWith("|"));
+  return nonTableLine ?? lines[0] ?? "";
+}
 function buildStageDoneSummary(tree) {
   if (tree.status !== "done" && tree.status !== "error") return null;
   const toolUses = countToolUses(tree);
   const duration = computeDurationSeconds(tree);
   const durationSuffix = duration != null ? ` \xB7 ${duration}s` : "";
   const label = toolUses > 0 ? `Done (${toolUses} tool use${toolUses === 1 ? "" : "s"}${durationSuffix})` : `Done (1 agent turn${durationSuffix})`;
-  const fullText = lastTextContent(tree);
+  const fullText = lastLoopTextContent(tree);
   const lines = fullText.split("\n").map((line) => line.trim()).filter(Boolean);
-  const teaser = lines[0] ?? "";
+  const teaser = pickTeaserLine(fullText);
   const extraLines = Math.max(0, lines.length - 1);
   return { label, teaser, extraLines };
 }
@@ -1214,7 +1220,7 @@ function evictInactiveLoopTrees(state, pinnedLoopSessionIds) {
     if (container.status !== "completed" && container.status !== "failed") continue;
     const summary = buildStageDoneSummary(tree);
     if (summary) {
-      nextSummaries[container.container_id] = summary;
+      nextSummaries[container.container_id] = container.scope === "aggregate" ? { ...summary, fullMarkdown: lastLoopTextContent(tree) } : summary;
     }
     delete nextLoops[loopSessionId];
   }
@@ -1257,7 +1263,7 @@ function evictCompletedLoopOverflow(state, maxHydratedCompletedLoops) {
     if (container) {
       const summary = buildStageDoneSummary(tree);
       if (summary) {
-        nextSummaries[container.container_id] = summary;
+        nextSummaries[container.container_id] = container.scope === "aggregate" ? { ...summary, fullMarkdown: lastLoopTextContent(tree) } : summary;
       }
     }
     delete nextLoops[id];
@@ -1455,6 +1461,17 @@ function sanitizeContainerTreeParentLinks(containersById) {
   }
   return next;
 }
+function normalizeSnapshotContainerContentBlocks(containersById) {
+  const next = {};
+  for (const [containerId, node] of Object.entries(containersById)) {
+    const loopSessionId = node.loopSessionId ?? null;
+    next[containerId] = {
+      ...node,
+      content_blocks: loopSessionId ? [] : node.content_blocks ?? []
+    };
+  }
+  return next;
+}
 function resolveContentScopeKey(data) {
   for (const keyName of ["stage_key", "item_key", "branch_key", "aggregate_key", "debug_key"]) {
     const value = readString(data, keyName);
@@ -1754,9 +1771,12 @@ function resolveContentTargetFromSnapshot(snapshot, workflowPath, scopeKey) {
 function mergeRuntimeContainerNodes(prev, snapshot) {
   const out = {};
   for (const [containerId, node] of Object.entries(snapshot.containers)) {
+    const loopSessionId = prev[containerId]?.loopSessionId ?? null;
     out[containerId] = {
       ...node,
-      loopSessionId: prev[containerId]?.loopSessionId ?? null
+      loopSessionId,
+      // D24：已绑定 loop 的容器不得保留 content_blocks 预览（过程层 SSOT 在 loop tree）。
+      content_blocks: loopSessionId ? [] : node.content_blocks
     };
   }
   return out;
@@ -2530,7 +2550,7 @@ function bindLoopSessionToContainerTree(tree, event, activeLoopSessionId) {
     ...nextTree,
     containersById: {
       ...nextTree.containersById,
-      [targetId]: { ...node, loopSessionId: sessionId }
+      [targetId]: { ...node, loopSessionId: sessionId, content_blocks: [] }
     }
   };
 }
@@ -2839,8 +2859,8 @@ function isAtOrBeforeProjectionCursor(projectionCursor, eventId) {
 function hydrateWorkflowFromSnapshot(state, snapshot, options = {}) {
   const authority = options.preserveAuthority ? state.authority : null;
   const containerTree = structuredClone(snapshot.containerTree);
-  containerTree.containersById = sanitizeContainerTreeParentLinks(
-    containerTree.containersById
+  containerTree.containersById = normalizeSnapshotContainerContentBlocks(
+    sanitizeContainerTreeParentLinks(containerTree.containersById)
   );
   return {
     ...createEmptyWorkflowSessionState(),
@@ -3263,6 +3283,7 @@ import { useMemo as useMemo7, useState as useState6 } from "react";
 
 // src/view/workflow/WorkflowAggregateContainer.tsx
 import { useCallback, useEffect as useEffect5, useMemo as useMemo2, useState, memo } from "react";
+import { useStore as useStore2 } from "zustand";
 
 // src/view/workflow/WorkflowContainerLine.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -3406,6 +3427,44 @@ function WorkflowMarkdownPreview({
   return /* @__PURE__ */ jsx7("div", { className, "data-testid": testId, children: /* @__PURE__ */ jsx7(RichMarkdown, { content, deferDiagrams: true }) });
 }
 
+// src/core/workflow/loopTreeUtils.ts
+function hasTimelineNodes(tree) {
+  if (!tree) return false;
+  return tree.rootChildren.length > 0 || Object.keys(tree.byId).length > 0;
+}
+
+// src/view/workflow/workflowStageDoneBody.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function WorkflowStageDoneBody({
+  loopTree,
+  testId,
+  virtualized,
+  virtualizeThreshold,
+  groupParallelTools,
+  bodyClassName = "lax-workflow-stage-container__body"
+}) {
+  if (loopTree && hasTimelineNodes(loopTree)) {
+    return /* @__PURE__ */ jsx8("div", { className: bodyClassName, "data-testid": testId, children: /* @__PURE__ */ jsx8(
+      AgentLoopView,
+      {
+        tree: loopTree,
+        showTaskListFooter: false,
+        virtualized,
+        virtualizeThreshold,
+        groupParallelTools
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      className: `${bodyClassName} lax-workflow-stage-container__empty-hint`,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx8("span", { className: "lax-workflow-stage-container__empty-hint-text", children: "\uFF08\u6B64\u9636\u6BB5\u6682\u65E0 Agent \u65F6\u95F4\u7EBF\u5185\u5BB9\uFF09" })
+    }
+  );
+}
+
 // src/view/workflow/workflowStageListUtils.ts
 var ACTIVE_CONTAINER_STATUSES = /* @__PURE__ */ new Set([
   "running",
@@ -3648,12 +3707,23 @@ function workflowContainerViewPropsEqual(prev, next) {
 }
 
 // src/view/workflow/WorkflowAggregateContainer.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function mergeContentPreview(node) {
   const blocks = node.content_blocks;
   if (blocks.length === 0) return "";
   return blocks.map((block) => block.preview?.trim() ?? "").filter(Boolean).join("\n\n");
 }
+function resolveAggregateBodyMarkdown(node, loopTree, isDone, cachedFullMarkdown) {
+  const staticPreview = mergeContentPreview(node);
+  if (loopTree) {
+    if (isDone) {
+      return lastLoopTextContent(loopTree) || staticPreview;
+    }
+    return lastLoopTextContent(loopTree) || staticPreview;
+  }
+  if (isDone && cachedFullMarkdown) return cachedFullMarkdown;
+  return staticPreview;
+}
 function WorkflowAggregateContainerInner({
   node,
   loopTree,
@@ -3663,11 +3733,34 @@ function WorkflowAggregateContainerInner({
   virtualizeThreshold,
   groupParallelTools
 }) {
+  const { verbose } = useSessionViewOptions();
+  const store = useWorkflowSessionStoreApi();
+  const replayHandler = useWorkflowLoopReplayHandler();
+  const cachedSummary = useStore2(
+    store,
+    (s) => s.state.stageDoneSummariesByContainerId[node.container_id]
+  );
+  const pinLoopSession = useStore2(store, (s) => s.pinLoopSession);
   const isRunning = node.status === "running" || node.status === "retrying";
   const isWaiting = node.status === "pending" || node.status === "blocked";
   const isDone = node.status === "completed" || node.status === "failed";
-  const contentPreview = useMemo2(() => mergeContentPreview(node), [node]);
-  const waitingTeaser = isWaiting ? contentPreview || node.subtitle || "" : "";
+  const usesScopedLoop = Boolean(node.loopSessionId);
+  const bodyMarkdown = useMemo2(
+    () => resolveAggregateBodyMarkdown(
+      node,
+      loopTree,
+      isDone,
+      cachedSummary?.fullMarkdown
+    ),
+    [node, loopTree, isDone, cachedSummary?.fullMarkdown]
+  );
+  const waitingTeaser = isWaiting ? node.subtitle || bodyMarkdown || "" : "";
+  const doneSummaryFromTree = useMemo2(
+    () => loopTree && isDone ? buildStageDoneSummary(loopTree) : null,
+    [loopTree, isDone]
+  );
+  const doneSummary = doneSummaryFromTree ?? (isDone ? cachedSummary : null);
+  const expandHint = doneSummary ? formatTeaserExpandHint(doneSummary.extraLines, verbose) : null;
   const testId = `lax-workflow-aggregate-${node.scope_key}`;
   const uiStatus = mapAggregateUiStatus(node);
   const statusLabel = buildAggregateStatusLabel(node, siblingItems);
@@ -3676,18 +3769,40 @@ function WorkflowAggregateContainerInner({
     if (isRunning) setExpanded(true);
     if (isDone) setExpanded(false);
   }, [isRunning, isDone]);
+  const requestLoopHydration = useCallback(() => {
+    const loopSessionId = node.loopSessionId;
+    if (!loopSessionId || loopTree) return;
+    pinLoopSession(loopSessionId);
+    void replayHandler?.(loopSessionId);
+  }, [node.loopSessionId, loopTree, pinLoopSession, replayHandler]);
   const toggleExpanded = useCallback(() => {
-    setExpanded((prev) => !prev);
-  }, []);
-  const shellToggle = isRunning ? toggleExpanded : isDone && expanded ? toggleExpanded : void 0;
-  const markdownPreview = contentPreview ? /* @__PURE__ */ jsx8(
+    setExpanded((prev) => {
+      const next = !prev;
+      if (next && isDone && node.loopSessionId && !loopTree) {
+        requestLoopHydration();
+      }
+      return next;
+    });
+  }, [isDone, node.loopSessionId, loopTree, requestLoopHydration]);
+  useEffect5(() => {
+    const onKeyDown = (event) => {
+      if (!(event.ctrlKey || event.metaKey) || event.key.toLowerCase() !== "o") return;
+      setExpanded(true);
+      requestLoopHydration();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [requestLoopHydration]);
+  const shellToggle = isRunning ? toggleExpanded : isDone ? toggleExpanded : void 0;
+  const markdownPreview = bodyMarkdown ? /* @__PURE__ */ jsx9(
     WorkflowMarkdownPreview,
     {
-      content: contentPreview,
+      content: bodyMarkdown,
       testId: `${testId}-markdown`,
       className: "lax-workflow-aggregate__markdown lax-workflow-markdown-preview"
     }
   ) : null;
+  const canExpandDone = isDone && (Boolean(loopTree) || Boolean(bodyMarkdown) || Boolean(node.loopSessionId));
   return /* @__PURE__ */ jsxs4(
     "div",
     {
@@ -3696,7 +3811,7 @@ function WorkflowAggregateContainerInner({
       "data-container-scope": "aggregate",
       style: { "--lax-workflow-depth": depth },
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           WorkflowContainerLine,
           {
             title: node.title,
@@ -3705,15 +3820,15 @@ function WorkflowAggregateContainerInner({
             meta: buildAggregateLineMeta(node),
             statusLabel,
             onToggle: shellToggle,
-            interactive: isRunning,
+            interactive: isRunning || isDone,
             expanded,
             titleTestId: `${testId}-title`,
             descriptionTestId: `${testId}-desc`
           }
         ),
         isWaiting && waitingTeaser ? /* @__PURE__ */ jsxs4("div", { className: "lax-workflow-aggregate__waiting-teaser", "data-testid": `${testId}-waiting`, children: [
-          /* @__PURE__ */ jsx8("span", { className: "lax-workflow-aggregate__waiting-prefix", children: "\u23BF " }),
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9("span", { className: "lax-workflow-aggregate__waiting-prefix", children: "\u23BF " }),
+          /* @__PURE__ */ jsx9(
             WorkflowMarkdownPreview,
             {
               content: waitingTeaser,
@@ -3721,7 +3836,7 @@ function WorkflowAggregateContainerInner({
             }
           )
         ] }) : null,
-        expanded && isRunning && loopTree ? /* @__PURE__ */ jsx8("div", { className: "lax-workflow-stage-container__body", "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx8(
+        expanded && isRunning && loopTree ? /* @__PURE__ */ jsx9("div", { className: "lax-workflow-stage-container__body", "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx9(
           AgentLoopView,
           {
             tree: loopTree,
@@ -3731,7 +3846,7 @@ function WorkflowAggregateContainerInner({
             groupParallelTools
           }
         ) }) : null,
-        expanded && isRunning && !loopTree && contentPreview ? /* @__PURE__ */ jsx8(
+        expanded && isRunning && !loopTree && bodyMarkdown ? /* @__PURE__ */ jsx9(
           "div",
           {
             className: "lax-workflow-stage-container__body lax-workflow-stage-container__content-preview",
@@ -3740,36 +3855,44 @@ function WorkflowAggregateContainerInner({
           }
         ) : null,
         isDone && !expanded ? /* @__PURE__ */ jsxs4("div", { className: "lax-workflow-aggregate__done", "data-testid": `${testId}-done`, children: [
-          /* @__PURE__ */ jsx8(
+          canExpandDone ? /* @__PURE__ */ jsx9(
             WorkflowExpandTrigger,
             {
               summary: `${node.title} \xB7 done`,
-              onToggle: () => setExpanded(true),
+              onToggle: toggleExpanded,
               expanded: false,
-              expandHint: contentPreview ? "(click to expand)" : void 0,
+              expandHint: bodyMarkdown || expandHint ? "(click to expand)" : void 0,
               testId: `${testId}-done-trigger`
             }
-          ),
-          markdownPreview ? /* @__PURE__ */ jsx8("div", { className: "lax-workflow-aggregate__done-preview", "data-testid": `${testId}-teaser`, children: markdownPreview }) : null
+          ) : null,
+          markdownPreview ? /* @__PURE__ */ jsx9("div", { className: "lax-workflow-aggregate__done-preview", "data-testid": `${testId}-teaser`, children: markdownPreview }) : null,
+          !bodyMarkdown && expandHint ? /* @__PURE__ */ jsx9("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
         ] }) : null,
-        isDone && expanded && loopTree ? /* @__PURE__ */ jsx8("div", { className: "lax-workflow-stage-container__body", "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx8(
-          AgentLoopView,
+        isDone && expanded ? loopTree ? /* @__PURE__ */ jsx9(
+          WorkflowStageDoneBody,
           {
-            tree: loopTree,
-            showTaskListFooter: false,
+            node,
+            loopTree,
+            testId: `${testId}-body`,
             virtualized,
             virtualizeThreshold,
             groupParallelTools
           }
-        ) }) : null,
-        isDone && expanded && !loopTree && contentPreview ? /* @__PURE__ */ jsx8(
+        ) : bodyMarkdown ? /* @__PURE__ */ jsx9(
           "div",
           {
             className: "lax-workflow-stage-container__body lax-workflow-stage-container__content-preview",
             "data-testid": `${testId}-body`,
             children: markdownPreview
           }
-        ) : null
+        ) : usesScopedLoop ? /* @__PURE__ */ jsx9(
+          "div",
+          {
+            className: "lax-workflow-stage-container__body lax-workflow-loop-replay-pending",
+            "data-testid": `${testId}-body`,
+            children: /* @__PURE__ */ jsx9("p", { className: "lax-workflow-loop-replay-pending__hint", children: replayHandler ? "Loading loop details\u2026" : "Loop details evicted from memory." })
+          }
+        ) : null : null
       ]
     }
   );
@@ -3886,47 +4009,7 @@ function formatParallelGroupSummary(metrics) {
 
 // src/view/workflow/WorkflowStageContainer.tsx
 import { useCallback as useCallback2, useEffect as useEffect6, useMemo as useMemo3, useState as useState2, memo as memo2 } from "react";
-import { useStore as useStore2 } from "zustand";
-
-// src/core/workflow/loopTreeUtils.ts
-function hasTimelineNodes(tree) {
-  if (!tree) return false;
-  return tree.rootChildren.length > 0 || Object.keys(tree.byId).length > 0;
-}
-
-// src/view/workflow/workflowStageDoneBody.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function WorkflowStageDoneBody({
-  loopTree,
-  testId,
-  virtualized,
-  virtualizeThreshold,
-  groupParallelTools,
-  bodyClassName = "lax-workflow-stage-container__body"
-}) {
-  if (loopTree && hasTimelineNodes(loopTree)) {
-    return /* @__PURE__ */ jsx9("div", { className: bodyClassName, "data-testid": testId, children: /* @__PURE__ */ jsx9(
-      AgentLoopView,
-      {
-        tree: loopTree,
-        showTaskListFooter: false,
-        virtualized,
-        virtualizeThreshold,
-        groupParallelTools
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx9(
-    "div",
-    {
-      className: `${bodyClassName} lax-workflow-stage-container__empty-hint`,
-      "data-testid": testId,
-      children: /* @__PURE__ */ jsx9("span", { className: "lax-workflow-stage-container__empty-hint-text", children: "\uFF08\u6B64\u9636\u6BB5\u6682\u65E0 Agent \u65F6\u95F4\u7EBF\u5185\u5BB9\uFF09" })
-    }
-  );
-}
-
-// src/view/workflow/WorkflowStageContainer.tsx
+import { useStore as useStore3 } from "zustand";
 import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function containerTestId(node) {
   if (node.scope === "item") return `lax-workflow-parallel-${node.scope_key}`;
@@ -3950,13 +4033,13 @@ function WorkflowStageContainerInner({
   const { verbose } = useSessionViewOptions();
   const store = useWorkflowSessionStoreApi();
   const replayHandler = useWorkflowLoopReplayHandler();
-  const activeLoopSessionId = useStore2(store, (s) => s.state.activeLoopSessionId);
-  const activeContainerIds = useStore2(store, (s) => s.state.containerTree.activeContainerIds);
-  const cachedSummary = useStore2(
+  const activeLoopSessionId = useStore3(store, (s) => s.state.activeLoopSessionId);
+  const activeContainerIds = useStore3(store, (s) => s.state.containerTree.activeContainerIds);
+  const cachedSummary = useStore3(
     store,
     (s) => s.state.stageDoneSummariesByContainerId[node.container_id]
   );
-  const pinLoopSession = useStore2(store, (s) => s.pinLoopSession);
+  const pinLoopSession = useStore3(store, (s) => s.pinLoopSession);
   const isRunning = node.status === "running" || node.status === "retrying";
   const isDone = node.status === "completed" || node.status === "failed";
   const isSkipped = node.status === "skipped";
@@ -4050,12 +4133,21 @@ function WorkflowStageContainerInner({
           }
         ),
         effectivelyDone && !expanded && (teaserText || expandHint) ? /* @__PURE__ */ jsxs5("div", { className: "lax-workflow-stage-container__done-teaser", children: [
-          teaserText ? /* @__PURE__ */ jsx10(
-            "span",
+          teaserText ? /* @__PURE__ */ jsxs5(
+            "div",
             {
               className: "lax-workflow-stage-container__done-teaser-line",
               "data-testid": `${testId}-teaser`,
-              children: `\u23BF ${teaserText}`
+              children: [
+                /* @__PURE__ */ jsx10("span", { className: "lax-workflow-stage-container__done-teaser-prefix", children: "\u23BF" }),
+                /* @__PURE__ */ jsx10(
+                  WorkflowMarkdownPreview,
+                  {
+                    content: teaserText,
+                    className: "lax-workflow-stage-container__done-teaser-markdown"
+                  }
+                )
+              ]
             }
           ) : null,
           expandHint ? /* @__PURE__ */ jsx10("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
@@ -4066,10 +4158,10 @@ function WorkflowStageContainerInner({
             className: "lax-workflow-stage-container__body lax-workflow-stage-container__content-preview",
             "data-testid": bodyTestId(node),
             children: node.content_blocks.map((block, index) => /* @__PURE__ */ jsx10(
-              "div",
+              WorkflowMarkdownPreview,
               {
-                className: "lax-workflow-stage-container__teaser",
-                children: block.preview
+                content: block.preview,
+                className: "lax-workflow-stage-container__teaser"
               },
               `${block.kind}-${index}`
             ))
@@ -4109,7 +4201,14 @@ function WorkflowStageContainerInner({
             className: "lax-workflow-stage-container__body lax-workflow-loop-replay-pending",
             "data-testid": bodyTestId(node),
             children: [
-              teaserText ? /* @__PURE__ */ jsx10("p", { className: "lax-workflow-stage-container__teaser", children: teaserText }) : null,
+              teaserText ? /* @__PURE__ */ jsx10(
+                WorkflowMarkdownPreview,
+                {
+                  content: teaserText,
+                  className: "lax-workflow-stage-container__teaser",
+                  testId: `${testId}-replay-teaser`
+                }
+              ) : null,
               /* @__PURE__ */ jsx10("p", { className: "lax-workflow-loop-replay-pending__hint", children: replayHandler ? "Loading loop details\u2026" : "Loop details evicted from memory." })
             ]
           }
@@ -4755,11 +4854,11 @@ function WorkflowChrome({
 }
 
 // src/view/workflow/WorkflowGlobalSpinner.tsx
-import { useStore as useStore3 } from "zustand";
+import { useStore as useStore4 } from "zustand";
 import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 function WorkflowGlobalSpinner() {
   const store = useWorkflowSessionStoreApi();
-  const show = useStore3(store, (s) => shouldShowGlobalSpinner(s.state));
+  const show = useStore4(store, (s) => shouldShowGlobalSpinner(s.state));
   if (!show) return null;
   return /* @__PURE__ */ jsx16(
     "div",
@@ -4869,7 +4968,7 @@ function WorkflowSessionBanners({ state }) {
 
 // src/view/workflow/WorkflowTaskListFooter.tsx
 import { useMemo as useMemo8, useState as useState7 } from "react";
-import { useStore as useStore4 } from "zustand";
+import { useStore as useStore5 } from "zustand";
 
 // src/view/workflow/workflowTaskListMerge.ts
 var STATUS_ORDER = {
@@ -4949,7 +5048,7 @@ function MessageResponse({ children }) {
 }
 function WorkflowTaskListFooter() {
   const store = useWorkflowSessionStoreApi();
-  const state = useStore4(store, (s) => s.state);
+  const state = useStore5(store, (s) => s.state);
   const [expanded, setExpanded] = useState7(false);
   const footerState = useMemo8(() => deriveWorkflowTaskFooterState(state), [state]);
   const visible = shouldShowWorkflowTaskListFooter(state);
@@ -4989,7 +5088,7 @@ function WorkflowTaskListFooter() {
 }
 
 // src/view/workflow/WorkflowSession.tsx
-import { useStore as useStore5 } from "zustand";
+import { useStore as useStore6 } from "zustand";
 import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function WorkflowSession({
   source,
@@ -5031,8 +5130,8 @@ function WorkflowSession({
   }
   const store = storeRef.current;
   useWorkflowAuthorityBinding(store, authoritySource, { onAuthorityTerminal });
-  const streamEnded = useStore5(store, (s) => s.state.display.streamEnded);
-  const authorityStatus = useStore5(store, (s) => s.state.authority?.status);
+  const streamEnded = useStore6(store, (s) => s.state.display.streamEnded);
+  const authorityStatus = useStore6(store, (s) => s.state.authority?.status);
   useWorkflowAwaitingAuthorityTimers(store, streamEnded, authorityStatus);
   useEffect10(() => {
     if (snapshotBootstrap) {
@@ -5081,7 +5180,7 @@ function WorkflowSession({
       workspaceRoot
     ]
   );
-  const sessionState = useStore5(store, (s) => s.state);
+  const sessionState = useStore6(store, (s) => s.state);
   const containerTree = sessionState.containerTree;
   const loopTreesBySessionId = sessionState.loopTreesBySessionId;
   const onErrorRef = useRef4(onError);