langchain_agentx_stream_ui 0.6.0 → 0.6.2

package/dist/default.css

@@ -51,6 +51,8 @@
   --lax-accent-primary: var(--lax-accent-primary, var(--accent-primary));
   --lax-highlight: var(--lax-highlight, var(--highlight));
   --lax-font-mono: var(--lax-font-mono, var(--font-mono, ui-monospace, monospace));
+  /* 挂接缩进 gutter 列宽：不以「字符个数」对齐（⎿ 常非 1ch） */
+  --lax-hang-gutter-width: 5ch;
 
   /* 状态颜色（应用层可覆盖，默认使用主题色） */
   --lax-color-done: var(--accent-primary);
@@ -586,10 +588,17 @@
   min-width: 0;
 }
 
+/*
+ * 固定 gutter 列宽：call/result 正文起点同一列。
+ * 勿依赖 "  ⎿  " 与等长空格等宽——U+23BF 在许多字体里不是 1ch。
+ */
 .lax-agent-progress__gutter {
-  flex-shrink: 0;
+  flex: 0 0 var(--lax-hang-gutter-width, 5ch);
+  width: var(--lax-hang-gutter-width, 5ch);
+  box-sizing: border-box;
   color: var(--lax-muted);
   white-space: pre;
+  overflow: hidden;
   user-select: none;
 }
 
@@ -621,6 +630,18 @@
   margin-top: 0.5rem;
 }
 
+/* 方案 B：call=⎿，result=缩进；结果默认 muted，错误短文保留醒目色 */
+.lax-agent-progress--transcript .lax-agent-progress__line[data-kind='result']
+  .lax-agent-progress__text {
+  color: var(--lax-muted);
+}
+
+.lax-agent-progress--transcript
+  .lax-agent-progress__line[data-kind='result'][data-variant='error']
+  .lax-agent-progress__text {
+  color: var(--lax-error, #c0392b);
+}
+
 .lax-agent-progress__label {
   font-size: 0.72rem;
   color: var(--lax-muted);
@@ -688,6 +709,12 @@
   flex-shrink: 0;
 }
 
+/* 标题 / status / Show|Hide 同一流式块：换行时链接落在末行末尾 */
+.lax-tool-group__subline-flow {
+  flex: 1;
+  min-width: 0;
+}
+
 .lax-tool-group__subline-title {
   font-weight: 600;
 }
@@ -711,13 +738,14 @@
   background: none;
   border: none;
   padding: 0;
-  margin: 0;
+  margin: 0 0 0 0.5rem;
   font: inherit;
   font-size: inherit;
   color: var(--lax-accent, #3a6ea5);
   cursor: pointer;
   text-decoration: underline;
   text-underline-offset: 2px;
+  white-space: nowrap;
 }
 
 .lax-tool-group__transcript-link:hover {
@@ -2163,6 +2191,29 @@
   border-radius: 2px;
 }
 
+/* hanging indent：prefix | body（teaser / hint 与 summary 首字对齐） */
+.lax-workflow-expand-trigger__hang {
+  display: flex;
+  align-items: baseline;
+}
+
+.lax-workflow-expand-trigger__prefix {
+  flex: 0 0 var(--lax-hang-gutter-width, 5ch);
+  width: var(--lax-hang-gutter-width, 5ch);
+  box-sizing: border-box;
+  white-space: pre;
+  overflow: hidden;
+  user-select: none;
+  color: var(--lax-muted);
+  font-family: var(--lax-font-mono);
+  font-size: 0.75rem;
+}
+
+.lax-workflow-expand-trigger__body {
+  flex: 1;
+  min-width: 0;
+}
+
 .lax-workflow-expand-trigger__summary {
   display: block;
   color: var(--lax-muted);
@@ -2171,7 +2222,6 @@
 
 .lax-workflow-expand-trigger__teaser {
   display: block;
-  padding-left: 0.5rem;
   margin-top: 0.125rem;
   font-size: 0.875rem;
   color: var(--lax-foreground);
@@ -2179,23 +2229,58 @@
 
 .lax-workflow-expand-trigger__hint {
   display: block;
-  padding-left: 0.5rem;
   margin-top: 0.125rem;
   color: var(--lax-muted);
   font-size: 0.75rem;
 }
 
+/*
+ * Done-teaser hanging indent（SSOT：quality-check/references/agent-progress-hanging-indent.md）
+ * [  ⎿  | body首行 ]
+ * [      | … +N     ]  ← hint 在 body 列内，与正文首字对齐
+ */
 .lax-workflow-stage-container__done-teaser {
+  display: flex;
+  align-items: baseline;
   padding-left: 1.1rem;
   margin-top: 0.125rem;
+  font-size: 0.875rem;
+  color: var(--lax-foreground);
 }
 
-.lax-workflow-stage-container__done-teaser-line {
-  display: block;
+.lax-workflow-stage-container__done-teaser-prefix {
+  flex: 0 0 var(--lax-hang-gutter-width, 5ch);
+  width: var(--lax-hang-gutter-width, 5ch);
+  box-sizing: border-box;
+  white-space: pre;
+  overflow: hidden;
+  user-select: none;
+  color: var(--lax-muted);
+  font-family: var(--lax-font-mono);
+  font-size: 0.75rem;
+}
+
+.lax-workflow-stage-container__done-teaser-body {
+  flex: 1;
+  min-width: 0;
+}
+
+.lax-workflow-stage-container__done-teaser-markdown {
   font-size: 0.875rem;
   color: var(--lax-foreground);
 }
 
+.lax-workflow-stage-container__done-teaser-markdown > :first-child {
+  margin-top: 0;
+}
+
+.lax-workflow-stage-container__done-teaser-hint {
+  display: block;
+  margin-top: 0.125rem;
+  color: var(--lax-muted);
+  font-size: 0.75rem;
+}
+
 .lax-workflow-stage-container__empty-hint {
   padding-left: 1.1rem;
 }
@@ -2433,18 +2518,6 @@
   gap: 0.25rem;
 }
 
-.lax-workflow-aggregate__waiting-teaser {
-  color: var(--lax-muted);
-  font-size: 0.8125rem;
-  padding-left: 1.1rem;
-  margin-top: 0.125rem;
-}
-
-.lax-workflow-aggregate__waiting-prefix {
-  display: block;
-  margin-bottom: 0.125rem;
-}
-
 .lax-workflow-aggregate__done-preview,
 .lax-workflow-aggregate__markdown {
   padding-left: 1.1rem;

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   fixDiagramSvg,
   markEventIdSeen,
   shouldSkipDuplicateEvent
-} from "./chunk-32H5OCBB.js";
+} from "./chunk-ED67MXSG.js";
 import {
   DefaultToolBody,
   InteractionBusContext,
@@ -32,8 +32,8 @@ import {
   getNoopInteractionBus,
   resolveToolBody,
   useInteractionBus
-} from "./chunk-GGPYP2VK.js";
-import "./chunk-6Z4ZF36Z.js";
+} from "./chunk-4TG4TGIL.js";
+import "./chunk-DP7V33X7.js";
 import {
   CollapseKind,
   CollapsedExploreNode,
@@ -119,8 +119,10 @@ import {
   useSessionStatus,
   useSessionViewOptions,
   useTimeline
-} from "./chunk-RAOW6Z6R.js";
+} from "./chunk-DJPNJBFL.js";
 import {
+  AGENT_PROGRESS_GUTTER,
+  AGENT_PROGRESS_INDENT,
   Agent,
   AgentToolBody,
   AskUserQuestion,
@@ -147,7 +149,7 @@ import {
   createDefaultToolRegistry,
   formatAgentTitle,
   formatExploreSummaryText
-} from "./chunk-UFRVQZBD.js";
+} from "./chunk-ZR37OKV6.js";
 import {
   BodyBlockList,
   DiffView,
@@ -163,7 +165,7 @@ import {
   formatTimeoutFooter,
   parseDiffText,
   truncateCommand
-} from "./chunk-GBY5DJ7L.js";
+} from "./chunk-4RIOBLGB.js";
 
 // src/view/AgentSession.tsx
 import { useEffect as useEffect3, useMemo, useRef as useRef3 } from "react";
@@ -3660,55 +3662,15 @@ function WorkflowContainerLine({
   return /* @__PURE__ */ jsx5("div", { className: lineClass, style, children: content });
 }
 
-// src/view/workflow/WorkflowExpandTrigger.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-function WorkflowExpandTrigger({
-  summary,
-  summaryTestId,
-  teaser,
-  expandHint,
-  onToggle,
-  expanded = false,
-  testId,
-  teaserTestId,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsxs3(
-    "button",
-    {
-      type: "button",
-      className: `lax-workflow-expand-trigger${className ? ` ${className}` : ""}`,
-      onClick: onToggle,
-      "aria-expanded": expanded,
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxs3("span", { className: "lax-workflow-expand-trigger__summary", "data-testid": summaryTestId, children: [
-          "\u23BF ",
-          summary
-        ] }),
-        teaser ? /* @__PURE__ */ jsx6(
-          "span",
-          {
-            className: "lax-workflow-expand-trigger__teaser",
-            "data-testid": teaserTestId,
-            children: teaser
-          }
-        ) : null,
-        expandHint ? /* @__PURE__ */ jsx6("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
-      ]
-    }
-  );
-}
-
 // src/view/workflow/WorkflowMarkdownPreview.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function WorkflowMarkdownPreview({
   content,
   testId,
   className = "lax-workflow-markdown-preview"
 }) {
   if (!content.trim()) return null;
-  return /* @__PURE__ */ jsx7("div", { className, "data-testid": testId, children: /* @__PURE__ */ jsx7(RichMarkdown, { content, deferDiagrams: true }) });
+  return /* @__PURE__ */ jsx6("div", { className, "data-testid": testId, children: /* @__PURE__ */ jsx6(RichMarkdown, { content, deferDiagrams: true }) });
 }
 
 // src/core/workflow/loopTreeUtils.ts
@@ -3718,7 +3680,7 @@ function hasTimelineNodes(tree) {
 }
 
 // src/view/workflow/workflowStageDoneBody.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function WorkflowStageDoneBody({
   loopTree,
   testId,
@@ -3728,7 +3690,7 @@ function WorkflowStageDoneBody({
   bodyClassName = "lax-workflow-stage-container__body"
 }) {
   if (loopTree && hasTimelineNodes(loopTree)) {
-    return /* @__PURE__ */ jsx8("div", { className: bodyClassName, "data-testid": testId, "data-loop-display": "full", children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx7("div", { className: bodyClassName, "data-testid": testId, "data-loop-display": "full", children: /* @__PURE__ */ jsx7(
       AgentLoopView,
       {
         tree: loopTree,
@@ -3739,12 +3701,12 @@ function WorkflowStageDoneBody({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     "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" })
+      children: /* @__PURE__ */ jsx7("span", { className: "lax-workflow-stage-container__empty-hint-text", children: "\uFF08\u6B64\u9636\u6BB5\u6682\u65E0 Agent \u65F6\u95F4\u7EBF\u5185\u5BB9\uFF09" })
     }
   );
 }
@@ -3755,22 +3717,22 @@ function WorkflowStageSummaryOnlyBody({
   bodyClassName = "lax-workflow-stage-container__body lax-workflow-stage-container__body--summary-only"
 }) {
   const expandHint = formatTeaserExpandHint(summary.extraLines, verbose);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: bodyClassName,
       "data-testid": testId,
       "data-loop-display": "summary",
       children: [
-        summary.teaser ? /* @__PURE__ */ jsx8(
+        summary.teaser ? /* @__PURE__ */ jsx7(
           WorkflowMarkdownPreview,
           {
             content: summary.teaser,
             className: "lax-workflow-stage-container__teaser",
             testId: `${testId}-summary-teaser`
           }
-        ) : /* @__PURE__ */ jsx8("span", { className: "lax-workflow-stage-container__empty-hint-text", children: WORKFLOW_STAGE_EMPTY_SUMMARY_HINT }),
-        expandHint ? /* @__PURE__ */ jsx8("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
+        ) : /* @__PURE__ */ jsx7("span", { className: "lax-workflow-stage-container__empty-hint-text", children: WORKFLOW_STAGE_EMPTY_SUMMARY_HINT }),
+        expandHint ? /* @__PURE__ */ jsx7("span", { className: "lax-workflow-stage-container__done-teaser-hint", children: expandHint }) : null
       ]
     }
   );
@@ -4018,7 +3980,7 @@ function workflowContainerViewPropsEqual(prev, next) {
 }
 
 // src/view/workflow/WorkflowAggregateContainer.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function mergeContentPreview(node) {
   const blocks = node.content_blocks;
   if (blocks.length === 0) return "";
@@ -4082,7 +4044,7 @@ function WorkflowAggregateContainerInner({
     setExpanded((prev) => !prev);
   }, []);
   const shellToggle = isRunning ? toggleExpanded : isDone ? toggleExpanded : void 0;
-  const markdownPreview = bodyMarkdown ? /* @__PURE__ */ jsx9(
+  const markdownPreview = bodyMarkdown ? /* @__PURE__ */ jsx8(
     WorkflowMarkdownPreview,
     {
       content: bodyMarkdown,
@@ -4091,7 +4053,8 @@ function WorkflowAggregateContainerInner({
     }
   ) : null;
   const canExpandDone = isDone && (Boolean(loopTree) || Boolean(bodyMarkdown) || Boolean(node.loopSessionId));
-  return /* @__PURE__ */ jsxs5(
+  const doneExpandHint = expandHint ?? (canExpandDone ? "(click to expand)" : null);
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: `lax-workflow-aggregate lax-workflow-stage-container lax-workflow-stage-container--${isWaiting ? "pending" : isDone ? "done" : "running"}`,
@@ -4099,7 +4062,7 @@ function WorkflowAggregateContainerInner({
       "data-container-scope": "aggregate",
       style: { "--lax-workflow-depth": depth },
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx8(
           WorkflowContainerLine,
           {
             title: node.title,
@@ -4114,17 +4077,31 @@ function WorkflowAggregateContainerInner({
             descriptionTestId: `${testId}-desc`
           }
         ),
-        isWaiting && waitingTeaser ? /* @__PURE__ */ jsxs5("div", { className: "lax-workflow-aggregate__waiting-teaser", "data-testid": `${testId}-waiting`, children: [
-          /* @__PURE__ */ jsx9("span", { className: "lax-workflow-aggregate__waiting-prefix", children: "\u23BF " }),
-          /* @__PURE__ */ jsx9(
-            WorkflowMarkdownPreview,
-            {
-              content: waitingTeaser,
-              className: "lax-workflow-aggregate__markdown lax-workflow-markdown-preview"
-            }
-          )
-        ] }) : null,
-        expanded && isRunning && loopTree ? /* @__PURE__ */ jsx9("div", { className: "lax-workflow-stage-container__body", "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx9(
+        isWaiting && waitingTeaser ? /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "lax-workflow-stage-container__done-teaser",
+            "data-testid": `${testId}-waiting`,
+            children: [
+              /* @__PURE__ */ jsx8(
+                "span",
+                {
+                  className: "lax-workflow-stage-container__done-teaser-prefix",
+                  "aria-hidden": true,
+                  children: AGENT_PROGRESS_GUTTER
+                }
+              ),
+              /* @__PURE__ */ jsx8("div", { className: "lax-workflow-stage-container__done-teaser-body", children: /* @__PURE__ */ jsx8(
+                WorkflowMarkdownPreview,
+                {
+                  content: waitingTeaser,
+                  className: "lax-workflow-stage-container__done-teaser-markdown"
+                }
+              ) })
+            ]
+          }
+        ) : null,
+        expanded && isRunning && loopTree ? /* @__PURE__ */ jsx8("div", { className: "lax-workflow-stage-container__body", "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx8(
           AgentLoopView,
           {
             tree: loopTree,
@@ -4134,7 +4111,7 @@ function WorkflowAggregateContainerInner({
             groupParallelTools
           }
         ) }) : null,
-        expanded && isRunning && !loopTree && bodyMarkdown ? /* @__PURE__ */ jsx9(
+        expanded && isRunning && !loopTree && bodyMarkdown ? /* @__PURE__ */ jsx8(
           "div",
           {
             className: "lax-workflow-stage-container__body lax-workflow-stage-container__content-preview",
@@ -4142,21 +4119,35 @@ function WorkflowAggregateContainerInner({
             children: markdownPreview
           }
         ) : null,
-        isDone && !expanded ? /* @__PURE__ */ jsxs5("div", { className: "lax-workflow-aggregate__done", "data-testid": `${testId}-done`, children: [
-          canExpandDone ? /* @__PURE__ */ jsx9(
-            WorkflowExpandTrigger,
-            {
-              summary: `${node.title} \xB7 done`,
-              onToggle: toggleExpanded,
-              expanded: false,
-              expandHint: bodyMarkdown || expandHint ? "(click to expand)" : void 0,
-              testId: `${testId}-done-trigger`
-            }
-          ) : 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__ */ jsx9(
+        isDone && !expanded && (bodyMarkdown || doneExpandHint) ? /* @__PURE__ */ jsx8("div", { "data-testid": `${testId}-done`, children: /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "lax-workflow-stage-container__done-teaser",
+            "data-testid": bodyMarkdown ? `${testId}-teaser` : void 0,
+            children: [
+              /* @__PURE__ */ jsx8(
+                "span",
+                {
+                  className: "lax-workflow-stage-container__done-teaser-prefix",
+                  "aria-hidden": true,
+                  children: bodyMarkdown ? AGENT_PROGRESS_GUTTER : AGENT_PROGRESS_INDENT
+                }
+              ),
+              /* @__PURE__ */ jsxs4("div", { className: "lax-workflow-stage-container__done-teaser-body", children: [
+                bodyMarkdown ? /* @__PURE__ */ jsx8(
+                  WorkflowMarkdownPreview,
+                  {
+                    content: bodyMarkdown,
+                    testId: `${testId}-markdown`,
+                    className: "lax-workflow-stage-container__done-teaser-markdown"
+                  }
+                ) : null,
+                doneExpandHint ? /* @__PURE__ */ jsx8("span", { className: "lax-workflow-stage-container__done-teaser-hint", children: doneExpandHint }) : null
+              ] })
+            ]
+          }
+        ) }) : null,
+        isDone && expanded ? loopTree ? /* @__PURE__ */ jsx8(
           WorkflowStageDoneBody,
           {
             node,
@@ -4166,19 +4157,19 @@ function WorkflowAggregateContainerInner({
             virtualizeThreshold,
             groupParallelTools
           }
-        ) : bodyMarkdown ? /* @__PURE__ */ jsx9(
+        ) : bodyMarkdown ? /* @__PURE__ */ jsx8(
           "div",
           {
             className: "lax-workflow-stage-container__body lax-workflow-stage-container__content-preview",
             "data-testid": `${testId}-body`,
             children: markdownPreview
           }
-        ) : usesScopedLoop ? /* @__PURE__ */ jsx9(
+        ) : usesScopedLoop ? /* @__PURE__ */ jsx8(
           "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: "Loop details evicted from memory." })
+            children: /* @__PURE__ */ jsx8("p", { className: "lax-workflow-loop-replay-pending__hint", children: "Loop details evicted from memory." })
           }
         ) : null : null
       ]
@@ -4295,6 +4286,53 @@ function formatParallelGroupSummary(metrics) {
   return `Done (${n} agent${n === 1 ? "" : "s"})`;
 }
 
+// src/view/workflow/WorkflowExpandTrigger.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function WorkflowExpandTrigger({
+  summary,
+  summaryTestId,
+  teaser,
+  expandHint,
+  onToggle,
+  expanded = false,
+  testId,
+  teaserTestId,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx9(
+    "button",
+    {
+      type: "button",
+      className: `lax-workflow-expand-trigger${className ? ` ${className}` : ""}`,
+      onClick: onToggle,
+      "aria-expanded": expanded,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxs5("span", { className: "lax-workflow-expand-trigger__hang", children: [
+        /* @__PURE__ */ jsx9("span", { className: "lax-workflow-expand-trigger__prefix", "aria-hidden": true, children: AGENT_PROGRESS_GUTTER }),
+        /* @__PURE__ */ jsxs5("span", { className: "lax-workflow-expand-trigger__body", children: [
+          /* @__PURE__ */ jsx9(
+            "span",
+            {
+              className: "lax-workflow-expand-trigger__summary",
+              "data-testid": summaryTestId,
+              children: summary
+            }
+          ),
+          teaser ? /* @__PURE__ */ jsx9(
+            "span",
+            {
+              className: "lax-workflow-expand-trigger__teaser",
+              "data-testid": teaserTestId,
+              children: teaser
+            }
+          ) : null,
+          expandHint ? /* @__PURE__ */ jsx9("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
+        ] })
+      ] })
+    }
+  );
+}
+
 // src/view/workflow/WorkflowStageContainer.tsx
 import { useCallback as useCallback2, useEffect as useEffect7, useMemo as useMemo3, useState as useState2, memo as memo2 } from "react";
 import { useStore as useStore4 } from "zustand";
@@ -4410,26 +4448,33 @@ function WorkflowStageContainerInner({
             className: isItem ? "lax-workflow-parallel-item__header" : void 0
           }
         ),
-        effectivelyDone && !expanded && (teaserText || expandHint) ? /* @__PURE__ */ jsxs6("div", { className: "lax-workflow-stage-container__done-teaser", children: [
-          teaserText ? /* @__PURE__ */ jsxs6(
-            "div",
-            {
-              className: "lax-workflow-stage-container__done-teaser-line",
-              "data-testid": `${testId}-teaser`,
-              children: [
-                /* @__PURE__ */ jsx10("span", { className: "lax-workflow-stage-container__done-teaser-prefix", children: "\u23BF" }),
-                /* @__PURE__ */ jsx10(
+        effectivelyDone && !expanded && (teaserText || expandHint) ? /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: "lax-workflow-stage-container__done-teaser",
+            "data-testid": teaserText ? `${testId}-teaser` : void 0,
+            children: [
+              /* @__PURE__ */ jsx10(
+                "span",
+                {
+                  className: "lax-workflow-stage-container__done-teaser-prefix",
+                  "aria-hidden": true,
+                  children: teaserText ? AGENT_PROGRESS_GUTTER : AGENT_PROGRESS_INDENT
+                }
+              ),
+              /* @__PURE__ */ jsxs6("div", { className: "lax-workflow-stage-container__done-teaser-body", children: [
+                teaserText ? /* @__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
-        ] }) : null,
+                ) : null,
+                expandHint ? /* @__PURE__ */ jsx10("span", { className: "lax-workflow-stage-container__done-teaser-hint", children: expandHint }) : null
+              ] })
+            ]
+          }
+        ) : null,
         expanded && isRunning && !usesScopedLoop && node.content_blocks.length > 0 ? /* @__PURE__ */ jsx10(
           "div",
           {