@tutti-os/agent-gui 0.0.112 → 0.0.113

package/dist/{chunk-VVDJHPV4.js → chunk-EM4RD5FQ.js}

@@ -2,7 +2,7 @@ import {
   AgentRichTextReadonly,
   promptForProviderSkills,
   skillTriggerForPrefix
-} from "./chunk-FAJIWGIT.js";
+} from "./chunk-455YDWMS.js";
 import {
   classifyRecoverableAgentMessage,
   isProviderPlanLimitMessage,
@@ -38,7 +38,7 @@ import {
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction
-} from "./chunk-RMTPZVKO.js";
+} from "./chunk-YKQAOIF2.js";
 import {
   cn
 } from "./chunk-KPMQGPYU.js";
@@ -46,7 +46,7 @@ import {
   useOptionalAgentActivityRuntime,
   useOptionalAgentHostApi,
   workspaceAgentProviderLabel
-} from "./chunk-JGPI7CC6.js";
+} from "./chunk-RATBQN2V.js";
 import {
   fileChangeCountFromChanges,
   fileChangeEntriesFromChanges,
@@ -57,8 +57,9 @@ import {
 } from "./chunk-MIJXEELH.js";
 import {
   getActiveUiLanguage,
-  translate
-} from "./chunk-FGWORVFI.js";
+  translate,
+  useTranslation
+} from "./chunk-CTSKSYMM.js";
 
 // shared/workspaceAgentToolCallIdentifiers.ts
 function looksLikeOpaqueToolCallIdentifier(value) {
@@ -2275,6 +2276,94 @@ function buildWorkspaceAgentSessionDetailViewModel(input) {
   return buildCanonicalWorkspaceAgentDetailView(input);
 }
 
+// shared/agentConversation/projection/agentMessageFinalTextProjection.ts
+function projectAgentMessageFinalText(rows, detail) {
+  const finalTextTargetKeys = findLatestAssistantFinalTextTargetKeys(
+    rows,
+    buildAssistantFinalTextEligibleTurnIds(detail)
+  );
+  return rows.map((row) => {
+    if (row.kind !== "message") {
+      return row;
+    }
+    let changed = false;
+    const messages = row.messages.map((message) => {
+      const isTurnFinalText = row.speaker === "assistant" && finalTextTargetKeys.has(messagePresentationTargetKey(row, message));
+      const copyText = row.speaker === "user" ? copyTextForUserMessage(message) : isTurnFinalText ? message.body : null;
+      if ((message.copyText ?? null) === copyText && message.isTurnFinalText === (isTurnFinalText ? true : void 0)) {
+        return message;
+      }
+      changed = true;
+      const nextMessage = isTurnFinalText ? { ...message, isTurnFinalText: true } : omitTurnFinalText(message);
+      if (copyText) {
+        return { ...nextMessage, copyText };
+      }
+      const { copyText: _copyText, ...withoutCopyText } = nextMessage;
+      return withoutCopyText;
+    });
+    return changed ? { ...row, messages } : row;
+  });
+}
+function omitTurnFinalText(message) {
+  const { isTurnFinalText: _isTurnFinalText, ...withoutTurnFinalText } = message;
+  return withoutTurnFinalText;
+}
+function buildAssistantFinalTextEligibleTurnIds(detail) {
+  const ids = /* @__PURE__ */ new Set();
+  detail.turns.forEach((turn, index) => {
+    if (index < detail.turns.length - 1 || isLatestTranscriptTurnSettled(detail)) {
+      ids.add(turn.id);
+    }
+  });
+  return ids;
+}
+function isLatestTranscriptTurnSettled(detail) {
+  const latestTranscriptTurnId = detail.turns.at(-1)?.id;
+  const canonicalTurn = detail.sessionTurns?.find(
+    (turn) => turn.turnId === latestTranscriptTurnId
+  );
+  const activeTurn = detail.session.activeTurn;
+  if (activeTurn && activeTurn.turnId === latestTranscriptTurnId && activeTurn.phase !== "settled") {
+    return false;
+  }
+  if (canonicalTurn) {
+    return canonicalTurn.phase === "settled" && detail.showProcessingIndicator !== true;
+  }
+  const activePhase = activeTurn?.phase ?? "";
+  return detail.showProcessingIndicator !== true && !["submitted", "running", "waiting", "settling"].includes(activePhase);
+}
+function findLatestAssistantFinalTextTargetKeys(rows, eligibleTurnIds) {
+  const targetKeys = /* @__PURE__ */ new Set();
+  const coveredTurnIds = /* @__PURE__ */ new Set();
+  for (let rowIndex = rows.length - 1; rowIndex >= 0; rowIndex -= 1) {
+    const row = rows[rowIndex];
+    if (row?.kind !== "message" || row.speaker !== "assistant" || coveredTurnIds.has(row.turnId) || !eligibleTurnIds.has(row.turnId)) {
+      continue;
+    }
+    for (let messageIndex = row.messages.length - 1; messageIndex >= 0; messageIndex -= 1) {
+      const message = row.messages[messageIndex];
+      if (message && isSettledAssistantFinalTextCandidate(message)) {
+        targetKeys.add(messagePresentationTargetKey(row, message));
+        coveredTurnIds.add(row.turnId);
+        break;
+      }
+    }
+  }
+  return targetKeys;
+}
+function messagePresentationTargetKey(row, message) {
+  return `${row.id}\0${message.id}`;
+}
+function copyTextForUserMessage(message) {
+  return isVisibleTextMessage(message) ? message.body : null;
+}
+function isSettledAssistantFinalTextCandidate(message) {
+  return isVisibleTextMessage(message) && message.statusKind !== "working" && message.statusKind !== "waiting";
+}
+function isVisibleTextMessage(message) {
+  return message.body.trim() !== "" && message.contentKind !== "image-grid" && !message.visibleError && !message.systemNotice;
+}
+
 // shared/agentConversation/projection/agentToolGroupingProjection.ts
 var AVOID_GROUPING_EDITS = false;
 function computeAgentToolGroups(sequence, {
@@ -3844,10 +3933,23 @@ function projectAgentProcessingRow(detail, rows) {
   if (!detail.showProcessingIndicator) {
     return null;
   }
-  const turnId = detail.turns.at(-1)?.id ?? null;
-  if (turnId && hasSpecificProgressRow(rows, turnId)) {
+  const activeTurnId = detail.session.activeTurnId;
+  const canonicalTurn = detail.sessionTurns?.find(
+    (turn) => turn.turnId === activeTurnId
+  );
+  if (canonicalTurn && canonicalTurn.phase !== "settled" && Number.isFinite(canonicalTurn.startedAtUnixMs)) {
+    if (activeTurnId && hasTurnTimingHostRow(rows, activeTurnId)) {
+      return null;
+    }
+    return processingRow(detail, activeTurnId);
+  }
+  const fallbackTurnId = activeTurnId ?? detail.turns.at(-1)?.id ?? null;
+  if (fallbackTurnId && hasSpecificProgressRow(rows, fallbackTurnId)) {
     return null;
   }
+  return processingRow(detail, fallbackTurnId);
+}
+function processingRow(detail, turnId) {
   return {
     kind: "processing",
     id: `processing:${turnId ?? "session"}`,
@@ -3855,6 +3957,9 @@ function projectAgentProcessingRow(detail, rows) {
     occurredAtUnixMs: detail.session.updatedAtUnixMs ?? detail.session.createdAtUnixMs ?? null
   };
 }
+function hasTurnTimingHostRow(rows, activeTurnId) {
+  return rows.some((row) => row.turnId === activeTurnId);
+}
 function hasSpecificProgressRow(rows, activeTurnId) {
   return rows.some((row) => {
     if (row.turnId !== activeTurnId) {
@@ -4377,29 +4482,25 @@ function projectAgentConversationVM(detail, options = {}) {
     const summary = summariesByTurnId.get(turn.id);
     if (summary) rows.push(summary);
   });
-  const processing = projectAgentProcessingRow(detail, rows);
-  if (processing) {
-    rows.push(processing);
-  }
-  const normalizedRows = projectMessageCopyText(
-    dropCodexRuntimeDiagnosticNotices(
-      dropRedundantErrorWarningNotices(
-        mergeAdjacentAssistantMessageRows(
-          dropRedundantCompactFailureEchoRows(
-            mergeAdjacentTransportRetryNoticeRows(rows)
-          )
+  const normalizedRows = dropCodexRuntimeDiagnosticNotices(
+    dropRedundantErrorWarningNotices(
+      mergeAdjacentAssistantMessageRows(
+        dropRedundantCompactFailureEchoRows(
+          mergeAdjacentTransportRetryNoticeRows(rows)
         )
       )
-    ),
-    {
-      assistantCopyEligibleTurnIds: buildAssistantCopyEligibleTurnIds(detail)
-    }
+    )
+  );
+  const processing = projectAgentProcessingRow(detail, normalizedRows);
+  const projectedRows = projectAgentMessageFinalText(
+    processing ? [...normalizedRows, processing] : normalizedRows,
+    detail
   );
   return {
     activity: detail.activity,
     workspaceRoot: detail.workspaceRoot,
     sourceDetail: detail,
-    rows: normalizedRows
+    rows: projectedRows
   };
 }
 function dropRedundantCompactFailureEchoRows(rows) {
@@ -4627,86 +4728,6 @@ function mergeSourceTimelineItems2(previous, next) {
   }
   return [...previous, ...next];
 }
-function projectMessageCopyText(rows, options) {
-  const assistantCopyTargetKeys = findLatestAssistantCopyTargetKeys(
-    rows,
-    options.assistantCopyEligibleTurnIds
-  );
-  return rows.map((row) => {
-    if (row.kind !== "message") {
-      return row;
-    }
-    let changed = false;
-    const messages = row.messages.map((message) => {
-      const copyText = row.speaker === "user" ? copyTextForUserMessage(message) : assistantCopyTargetKeys.has(messageCopyTargetKey(row, message)) ? message.body : null;
-      if ((message.copyText ?? null) === copyText) {
-        return message;
-      }
-      changed = true;
-      if (copyText) {
-        return { ...message, copyText };
-      }
-      const { copyText: _copyText, ...withoutCopyText } = message;
-      return withoutCopyText;
-    });
-    return changed ? { ...row, messages } : row;
-  });
-}
-function buildAssistantCopyEligibleTurnIds(detail) {
-  const ids = /* @__PURE__ */ new Set();
-  detail.turns.forEach((turn, index) => {
-    if (index < detail.turns.length - 1 || isLatestTranscriptTurnSettled(detail)) {
-      ids.add(turn.id);
-    }
-  });
-  return ids;
-}
-function isLatestTranscriptTurnSettled(detail) {
-  const latestTranscriptTurnId = detail.turns.at(-1)?.id;
-  const canonicalTurn = detail.sessionTurns?.find(
-    (turn) => turn.turnId === latestTranscriptTurnId
-  );
-  const activeTurn = detail.session.activeTurn;
-  if (activeTurn && activeTurn.turnId === latestTranscriptTurnId && activeTurn.phase !== "settled") {
-    return false;
-  }
-  if (canonicalTurn) {
-    return canonicalTurn.phase === "settled" && detail.showProcessingIndicator !== true;
-  }
-  const activePhase = activeTurn?.phase ?? "";
-  return detail.showProcessingIndicator !== true && !["submitted", "running", "waiting", "settling"].includes(activePhase);
-}
-function findLatestAssistantCopyTargetKeys(rows, eligibleTurnIds) {
-  const targetKeys = /* @__PURE__ */ new Set();
-  const coveredTurnIds = /* @__PURE__ */ new Set();
-  for (let rowIndex = rows.length - 1; rowIndex >= 0; rowIndex -= 1) {
-    const row = rows[rowIndex];
-    if (row?.kind !== "message" || row.speaker !== "assistant" || coveredTurnIds.has(row.turnId) || !eligibleTurnIds.has(row.turnId)) {
-      continue;
-    }
-    for (let messageIndex = row.messages.length - 1; messageIndex >= 0; messageIndex -= 1) {
-      const message = row.messages[messageIndex];
-      if (message && isSettledTextMessageCopyCandidate(message)) {
-        targetKeys.add(messageCopyTargetKey(row, message));
-        coveredTurnIds.add(row.turnId);
-        break;
-      }
-    }
-  }
-  return targetKeys;
-}
-function messageCopyTargetKey(row, message) {
-  return `${row.id}\0${message.id}`;
-}
-function copyTextForUserMessage(message) {
-  return isTextMessageCopyCandidate(message) ? message.body : null;
-}
-function isSettledTextMessageCopyCandidate(message) {
-  return isTextMessageCopyCandidate(message) && message.statusKind !== "working" && message.statusKind !== "waiting";
-}
-function isTextMessageCopyCandidate(message) {
-  return message.body.trim() !== "" && message.contentKind !== "image-grid" && !message.visibleError && !message.systemNotice;
-}
 function isMergeableAssistantMessageRow(row) {
   return Boolean(
     row && row.kind === "message" && row.speaker === "assistant" && row.thinking.length === 0 && !row.messages.some(isSpecialAssistantMessage)
@@ -4913,11 +4934,11 @@ function AgentTranscriptSkeleton({
 import {
   Fragment as Fragment7,
   memo as memo4,
-  useCallback as useCallback10,
+  useCallback as useCallback11,
   useLayoutEffect as useLayoutEffect4,
-  useMemo as useMemo6,
+  useMemo as useMemo7,
   useRef as useRef10,
-  useState as useState21
+  useState as useState23
 } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 
@@ -5045,8 +5066,8 @@ function AgentGeneratedImageRow({
 import {
   Fragment as Fragment2,
   useCallback as useCallback4,
-  useEffect as useEffect5,
-  useState as useState8
+  useEffect as useEffect6,
+  useState as useState9
 } from "react";
 import { CheckIcon, CopyIcon } from "@tutti-os/ui-system/icons";
 
@@ -5352,6 +5373,7 @@ function CollapsibleReveal({
   expanded,
   children,
   className,
+  innerClassName,
   preMountOnIdle = false
 }) {
   "use memo";
@@ -5411,7 +5433,7 @@ function CollapsibleReveal({
       setVisible(false);
       setRevealHeight("0px");
       const animationFrame2 = requestAnimationFrame(() => {
-        measuredHeightRef.current = measuredHeightRef.current ?? root.scrollHeight;
+        measuredHeightRef.current = root.scrollHeight;
         setVisible(true);
         setRevealHeight(`${measuredHeightRef.current}px`);
       });
@@ -5422,7 +5444,9 @@ function CollapsibleReveal({
       setRevealHeight("0px");
       return void 0;
     }
-    const measuredHeight = measuredHeightRef.current ?? root.scrollHeight;
+    const renderedHeight = root.getBoundingClientRect().height;
+    const cachedHeight = measuredHeightRef.current;
+    const measuredHeight = renderedHeight > 0 ? renderedHeight : cachedHeight ?? root.scrollHeight;
     measuredHeightRef.current = measuredHeight;
     setRevealHeight(`${measuredHeight}px`);
     setVisible(false);
@@ -5442,17 +5466,18 @@ function CollapsibleReveal({
     }
     let animationFrame = null;
     const resizeObserver = new ResizeObserver((entries) => {
-      if (heightRef.current === "auto") {
-        return;
-      }
+      const innerScrollHeight = inner.scrollHeight;
       const nextHeight = Math.ceil(
-        entries[0]?.contentRect.height ?? inner.scrollHeight
+        innerScrollHeight > 0 ? innerScrollHeight : entries[0]?.contentRect.height ?? 0
       );
       const previousHeight = measuredHeightRef.current;
       if (!nextHeight || previousHeight === nextHeight) {
         return;
       }
       measuredHeightRef.current = nextHeight;
+      if (heightRef.current === "auto") {
+        return;
+      }
       setRevealHeight(
         `${previousHeight ?? root.getBoundingClientRect().height}px`
       );
@@ -5496,7 +5521,14 @@ function CollapsibleReveal({
       "aria-hidden": visible ? void 0 : true,
       style: rootStyle,
       onTransitionEnd: handleTransitionEnd,
-      children: /* @__PURE__ */ jsx5("div", { ref: innerRef, className: "agent-collapsible-reveal__inner", children })
+      children: /* @__PURE__ */ jsx5(
+        "div",
+        {
+          ref: innerRef,
+          className: ["agent-collapsible-reveal__inner", innerClassName ?? ""].filter(Boolean).join(" "),
+          children
+        }
+      )
     }
   );
 }
@@ -6371,6 +6403,23 @@ function AgentThinkingDisclosure({
   ] });
 }
 
+// shared/agentConversation/components/useElapsedSeconds.ts
+import { useEffect as useEffect4, useState as useState7 } from "react";
+function useElapsedSeconds(startUnixMs) {
+  const [nowUnixMs, setNowUnixMs] = useState7(() => Date.now());
+  useEffect4(() => {
+    if (startUnixMs === null) {
+      return;
+    }
+    const timer = setInterval(() => setNowUnixMs(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, [startUnixMs]);
+  if (startUnixMs === null) {
+    return null;
+  }
+  return Math.max(0, Math.floor((nowUnixMs - startUnixMs) / 1e3));
+}
+
 // contexts/workspace/presentation/renderer/components/shared/CanvasNodeGhostIconButton.tsx
 import { forwardRef as forwardRef3 } from "react";
 import { jsx as jsx14 } from "react/jsx-runtime";
@@ -6418,7 +6467,7 @@ var CanvasNodeGhostIconButton = forwardRef3(function CanvasNodeGhostIconButton2(
 });
 
 // shared/agentConversation/components/AgentMessageImages.tsx
-import { useEffect as useEffect4, useMemo, useState as useState7 } from "react";
+import { useEffect as useEffect5, useMemo, useState as useState8 } from "react";
 import { LoaderCircle } from "lucide-react";
 import { jsx as jsx15 } from "react/jsx-runtime";
 function AgentUserImageGrid({
@@ -6469,15 +6518,15 @@ function AgentUserImageGrid({
 }
 function useAgentMessageImageSources(images) {
   const runtime = useOptionalAgentActivityRuntime();
-  const [sources, setSources] = useState7(() => /* @__PURE__ */ new Map());
-  const [loadingIds, setLoadingIds] = useState7(() => /* @__PURE__ */ new Set());
+  const [sources, setSources] = useState8(() => /* @__PURE__ */ new Map());
+  const [loadingIds, setLoadingIds] = useState8(() => /* @__PURE__ */ new Set());
   const missingImages = useMemo(
     () => images.filter(
       (image) => !imageSourceUrl(image) && !sources.has(image.id) && image.workspaceId && image.agentSessionId && (image.attachmentId || image.path)
     ),
     [images, sources]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (!runtime?.readSessionAttachment && !runtime?.readPromptAsset || missingImages.length === 0) {
       return;
     }
@@ -6733,8 +6782,8 @@ function AgentMessageCopyButton({
   onCopyMessageText
 }) {
   "use memo";
-  const [copied, setCopied] = useState8(false);
-  useEffect5(() => {
+  const [copied, setCopied] = useState9(false);
+  useEffect6(() => {
     if (!copied) {
       return;
     }
@@ -6892,20 +6941,6 @@ function ContextCompactionProgressDivider({
   const text = elapsedSeconds === null ? label : `${label} \xB7 ${formatElapsedSeconds(elapsedSeconds)}`;
   return /* @__PURE__ */ jsx16(ContextCompactionDivider, { text });
 }
-function useElapsedSeconds(startUnixMs) {
-  const [nowUnixMs, setNowUnixMs] = useState8(() => Date.now());
-  useEffect5(() => {
-    if (startUnixMs === null) {
-      return;
-    }
-    const timer = setInterval(() => setNowUnixMs(Date.now()), 1e3);
-    return () => clearInterval(timer);
-  }, [startUnixMs]);
-  if (startUnixMs === null) {
-    return null;
-  }
-  return Math.max(0, Math.floor((nowUnixMs - startUnixMs) / 1e3));
-}
 function formatElapsedSeconds(seconds) {
   if (seconds < 60) {
     return `${seconds}s`;
@@ -7002,11 +7037,11 @@ function LoadingEllipsis2() {
 }
 
 // shared/agentConversation/components/AgentToolGroupRow.tsx
-import { memo as memo2, useState as useState18 } from "react";
+import { memo as memo2, useState as useState19 } from "react";
 import { ChevronDown as ChevronDown7, ChevronRight as ChevronRight7 } from "lucide-react";
 
 // shared/agentConversation/components/AgentAskUserQuestionCard.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 
 // shared/agentConversation/components/AgentToolCallHeader.tsx
 import { AlertCircle, ChevronDown as ChevronDown4, ChevronRight as ChevronRight4 } from "lucide-react";
@@ -7015,7 +7050,7 @@ import { AlertCircle, ChevronDown as ChevronDown4, ChevronRight as ChevronRight4
 import {
   forwardRef as forwardRef4,
   useCallback as useCallback5,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useImperativeHandle as useImperativeHandle2,
   useRef as useRef4
 } from "react";
@@ -7097,7 +7132,7 @@ var FilePenLineIcon = forwardRef4(
         stopAnimation
       };
     });
-    useEffect6(() => {
+    useEffect7(() => {
       if (active) {
         startAnimation();
         return;
@@ -7176,7 +7211,7 @@ FilePenLineIcon.displayName = "FilePenLineIcon";
 import {
   forwardRef as forwardRef5,
   useCallback as useCallback6,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useImperativeHandle as useImperativeHandle3,
   useRef as useRef5
 } from "react";
@@ -7240,7 +7275,7 @@ var FileTextIcon = forwardRef5(
         stopAnimation
       };
     });
-    useEffect7(() => {
+    useEffect8(() => {
       if (active) {
         startAnimation();
         return;
@@ -7350,7 +7385,7 @@ FileTextIcon.displayName = "FileTextIcon";
 import {
   forwardRef as forwardRef6,
   useCallback as useCallback7,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useImperativeHandle as useImperativeHandle4,
   useRef as useRef6
 } from "react";
@@ -7415,7 +7450,7 @@ var HammerIcon = forwardRef6(
         stopAnimation
       };
     });
-    useEffect8(() => {
+    useEffect9(() => {
       if (active) {
         startAnimation();
         return;
@@ -8931,7 +8966,7 @@ function normalizeToolName7(value) {
 }
 
 // shared/agentConversation/components/tool-renderers/code/AgentCodeBlock.tsx
-import { useMemo as useMemo2, useState as useState9 } from "react";
+import { useMemo as useMemo2, useState as useState10 } from "react";
 
 // shared/agentConversation/components/tool-renderers/AgentPathTailLabel.tsx
 import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -8990,7 +9025,7 @@ function AgentCodeBlock({
   flat = false
 }) {
   "use memo";
-  const [expanded, setExpanded] = useState9(false);
+  const [expanded, setExpanded] = useState10(false);
   const normalized = content.trimEnd();
   const lines = useMemo2(
     () => normalized ? normalized.split("\n") : [],
@@ -9099,7 +9134,7 @@ import { lazy, Suspense } from "react";
 import {
   forwardRef as forwardRef7,
   useCallback as useCallback8,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useImperativeHandle as useImperativeHandle5,
   useRef as useRef7
 } from "react";
@@ -9173,7 +9208,7 @@ var AtomIcon = forwardRef7(
         stopAnimation
       };
     });
-    useEffect9(() => {
+    useEffect10(() => {
       if (active) {
         startAnimation();
         return;
@@ -9350,7 +9385,7 @@ function languageForPath2(path) {
 }
 
 // shared/agentConversation/components/tool-renderers/file-diff/AgentUnifiedPatchViewer.tsx
-import { useMemo as useMemo3, useState as useState10 } from "react";
+import { useMemo as useMemo3, useState as useState11 } from "react";
 
 // shared/agentConversation/components/tool-renderers/AgentToolScrollArea.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
@@ -9477,7 +9512,7 @@ function AgentUnifiedPatchViewer({
   flat = false
 }) {
   "use memo";
-  const [expanded, setExpanded] = useState10(false);
+  const [expanded, setExpanded] = useState11(false);
   const normalized = diffText.trimEnd();
   const lines = useMemo3(
     () => normalized ? visiblePatchLines(normalized, compact) : [],
@@ -9635,7 +9670,7 @@ function lineClassName(line) {
 import {
   createContext,
   useContext,
-  useState as useState11
+  useState as useState12
 } from "react";
 import { ChevronDown as ChevronDown5, ChevronRight as ChevronRight5 } from "lucide-react";
 
@@ -9959,7 +9994,7 @@ function RawPayloadSection({
   payload
 }) {
   "use memo";
-  const [expanded, setExpanded] = useState11(false);
+  const [expanded, setExpanded] = useState12(false);
   const rawJson = rawPayloadJson(payload);
   if (!rawJson) {
     return null;
@@ -10459,7 +10494,7 @@ function stringValue9(value) {
 }
 
 // shared/agentConversation/components/tool-renderers/terminal/AgentTerminalBlock.tsx
-import { useMemo as useMemo4, useState as useState12 } from "react";
+import { useMemo as useMemo4, useState as useState13 } from "react";
 import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 var MAX_OUTPUT_LINES = 200;
 function AgentTerminalBlock({
@@ -10469,7 +10504,7 @@ function AgentTerminalBlock({
   status
 }) {
   "use memo";
-  const [expanded, setExpanded] = useState12(false);
+  const [expanded, setExpanded] = useState13(false);
   const outputText = useMemo4(
     () => [stdout, stderr].filter(Boolean).join("\n"),
     [stdout, stderr]
@@ -10930,7 +10965,7 @@ ${skill.args}` : skill.skill,
 }
 
 // shared/agentConversation/components/AgentTaskStepList.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
 function AgentTaskStepList({
   steps,
@@ -10944,7 +10979,7 @@ function AgentTaskStepRow({
   onLinkClick
 }) {
   "use memo";
-  const [expanded, setExpanded] = useState13(false);
+  const [expanded, setExpanded] = useState14(false);
   const call = step.tool ?? projectTaskStepCall(step);
   const hasDetail = hasAgentToolContent(call);
   const ariaLabel = taskStepAriaLabel(call);
@@ -11288,7 +11323,7 @@ function AgentAskUserQuestionCard({
   const waitingInput = (call.askUserQuestion?.status ?? call.status ?? "").trim().toLowerCase() === "waiting_input";
   const hasDetail = hasAgentToolContent(call);
   const pinned = nonCollapsible ?? waitingInput;
-  const [expanded, setExpanded] = useState14(defaultExpanded ?? waitingInput);
+  const [expanded, setExpanded] = useState15(defaultExpanded ?? waitingInput);
   return /* @__PURE__ */ jsxs37("div", { className: "workspace-agents-status-panel__detail-tool-row workspace-agents-status-panel__detail-tool-row--ask-user", children: [
     hasDetail && !pinned ? /* @__PURE__ */ jsx52(
       "button",
@@ -11367,7 +11402,7 @@ function AgentExitPlanModeCard({
 }
 
 // shared/agentConversation/components/AgentTaskCallCard.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
 function AgentTaskCallCard({
   call,
@@ -11380,7 +11415,7 @@ function AgentTaskCallCard({
   const running = (call.task?.status ?? call.status ?? "").trim().toLowerCase() === "running";
   const hasDetail = hasAgentToolContent(call);
   const pinned = nonCollapsible ?? running;
-  const [expanded, setExpanded] = useState15(defaultExpanded ?? running);
+  const [expanded, setExpanded] = useState16(defaultExpanded ?? running);
   const ariaLabel = taskCallAriaLabel(call);
   return /* @__PURE__ */ jsxs40("div", { className: "workspace-agents-status-panel__detail-tool-row workspace-agents-status-panel__detail-tool-row--task", children: [
     hasDetail && !pinned ? /* @__PURE__ */ jsx55(
@@ -11422,7 +11457,7 @@ function taskCallAriaLabel(call) {
 }
 
 // shared/agentConversation/components/AgentSubAgentCards.tsx
-import { memo, useEffect as useEffect10, useState as useState16 } from "react";
+import { memo, useEffect as useEffect11, useState as useState17 } from "react";
 import { AlertCircle as AlertCircle2, ChevronDown as ChevronDown6, ChevronRight as ChevronRight6 } from "lucide-react";
 
 // app/renderer/components/icons/AgentLinedIcon.tsx
@@ -11479,7 +11514,7 @@ function AgentSubAgentCardImpl({
   onLinkClick
 }) {
   "use memo";
-  const [expanded, setExpanded] = useState16(subAgent.status === "running");
+  const [expanded, setExpanded] = useState17(subAgent.status === "running");
   return /* @__PURE__ */ jsxs41(
     "div",
     {
@@ -11615,10 +11650,10 @@ function isSubAgentActivelyRunning(subAgent) {
 }
 function useRunningSubAgentNowUnixMs(subAgent) {
   const shouldTick = isSubAgentActivelyRunning(subAgent) && typeof subAgent.startedAtUnixMs === "number";
-  const [nowUnixMs, setNowUnixMs] = useState16(
+  const [nowUnixMs, setNowUnixMs] = useState17(
     () => shouldTick ? Date.now() : null
   );
-  useEffect10(() => {
+  useEffect11(() => {
     if (!shouldTick) {
       setNowUnixMs(null);
       return;
@@ -11645,7 +11680,7 @@ function subAgentElapsedText(subAgent, runningNowUnixMs) {
 }
 
 // shared/agentConversation/components/AgentToolCallCard.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
 function AgentToolCallCard({
   call,
@@ -11656,7 +11691,7 @@ function AgentToolCallCard({
   variantClassName
 }) {
   "use memo";
-  const [expanded, setExpanded] = useState17(defaultExpanded);
+  const [expanded, setExpanded] = useState18(defaultExpanded);
   const hasDetail = hasAgentToolContent(call);
   const canCollapse = hasDetail && !nonCollapsible;
   const ariaLabel = toolCallAriaLabel(call);
@@ -11722,7 +11757,7 @@ var AgentToolGroupRow = memo2(function AgentToolGroupRow2({
   rawTimelineJsonLabel = ""
 }) {
   "use memo";
-  const [localExpanded, setLocalExpanded] = useState18(false);
+  const [localExpanded, setLocalExpanded] = useState19(false);
   const hasDetail = row.entries.length > 0;
   const isExpanded = hasDetail && (expanded ?? localExpanded);
   const setNextExpanded = (nextExpanded) => {
@@ -11870,7 +11905,7 @@ function renderToolCard(call, onLinkClick, previewMode = false, showRawTimelineJ
 }
 
 // shared/agentConversation/components/AgentTurnSummaryRow.tsx
-import { useEffect as useEffect11, useMemo as useMemo5, useState as useState19 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo5, useState as useState20 } from "react";
 import {
   ChevronDown as ChevronDown8,
   ChevronRight as ChevronRight8,
@@ -12109,13 +12144,13 @@ function AgentTurnSummaryRow({
   onLinkAction
 }) {
   "use memo";
-  const [expandedFiles, setExpandedFiles] = useState19(
+  const [expandedFiles, setExpandedFiles] = useState20(
     {}
   );
-  const [showAllFiles, setShowAllFiles] = useState19(false);
-  const [patchAction, setPatchAction] = useState19("undo");
-  const [patchPending, setPatchPending] = useState19(false);
-  const [patchSupportState, setPatchSupportState] = useState19(null);
+  const [showAllFiles, setShowAllFiles] = useState20(false);
+  const [patchAction, setPatchAction] = useState20("undo");
+  const [patchPending, setPatchPending] = useState20(false);
+  const [patchSupportState, setPatchSupportState] = useState20(null);
   const agentHostApi = useOptionalAgentHostApi();
   const aggregateStats = useMemo5(
     () => summarizeRowDiff(row.files),
@@ -12159,7 +12194,7 @@ function AgentTurnSummaryRow({
   );
   const patchSupportKey = patchSupportCwds.join("\n");
   const resolveGitPatchSupport = agentHostApi?.workspace.resolveGitPatchSupport;
-  useEffect11(() => {
+  useEffect12(() => {
     if (!resolveGitPatchSupport || patchSupportCwds.length === 0) {
       setPatchSupportState(null);
       return;
@@ -12716,6 +12751,328 @@ var AgentTranscriptItemView = memo3(function AgentTranscriptItemView2({
   }
 });
 
+// shared/agentConversation/components/AgentTurnDisclosureContext.tsx
+import {
+  createContext as createContext2,
+  useCallback as useCallback10,
+  useContext as useContext2,
+  useMemo as useMemo6,
+  useState as useState21
+} from "react";
+import { jsx as jsx63 } from "react/jsx-runtime";
+var AgentTurnDisclosureContext = createContext2(null);
+function AgentTurnDisclosureProvider({
+  children
+}) {
+  const store = useAgentTurnDisclosureStoreState();
+  return /* @__PURE__ */ jsx63(AgentTurnDisclosureContext.Provider, { value: store, children });
+}
+function useAgentTurnDisclosureStore() {
+  const contextStore = useContext2(AgentTurnDisclosureContext);
+  const localStore = useAgentTurnDisclosureStoreState();
+  return contextStore ?? localStore;
+}
+function useAgentTurnDisclosureStoreState() {
+  const [expandedOverrides, setExpandedOverrides] = useState21({});
+  const setExpandedOverride = useCallback10((key, expanded) => {
+    setExpandedOverrides(
+      (previous) => previous[key] === expanded ? previous : { ...previous, [key]: expanded }
+    );
+  }, []);
+  return useMemo6(
+    () => ({ expandedOverrides, setExpandedOverride }),
+    [expandedOverrides, setExpandedOverride]
+  );
+}
+
+// shared/agentConversation/components/AgentTurnWorkSection.tsx
+import { BareIconButton } from "@tutti-os/ui-system/components";
+import { ChevronDownIcon } from "@tutti-os/ui-system/icons";
+
+// shared/agentConversation/components/agentTurnWorkSectionModel.ts
+function resolveAgentTurnTiming(turn, isActiveTurn) {
+  if (!turn || !Number.isFinite(turn.startedAtUnixMs)) {
+    return null;
+  }
+  if (turn.phase !== "settled") {
+    return isActiveTurn ? { kind: "live", startedAtUnixMs: turn.startedAtUnixMs } : null;
+  }
+  const endUnixMs = turn.settledAtUnixMs;
+  if (!Number.isFinite(endUnixMs) || endUnixMs < turn.startedAtUnixMs) {
+    return null;
+  }
+  return {
+    kind: "settled",
+    elapsedSeconds: Math.max(
+      0,
+      Math.floor((endUnixMs - turn.startedAtUnixMs) / 1e3)
+    )
+  };
+}
+function formatAgentTurnDuration(elapsedSeconds) {
+  const safeSeconds = Math.max(0, Math.floor(elapsedSeconds));
+  if (safeSeconds < 60) {
+    return { kind: "seconds", seconds: safeSeconds };
+  }
+  const minutes = Math.floor(safeSeconds / 60);
+  const seconds = safeSeconds % 60;
+  if (seconds === 0) {
+    return { kind: "minutes", minutes };
+  }
+  return { kind: "minutes-seconds", minutes, seconds };
+}
+function buildAgentTurnWorkSectionModel(group, turn, isActiveTurn = false) {
+  const timing = resolveAgentTurnTiming(turn, isActiveTurn);
+  if (!timing) {
+    return null;
+  }
+  const leadingRowCount = countLeadingUserRows(group.rows);
+  const leadingRows = group.rows.slice(0, leadingRowCount);
+  const finalTarget = findFinalAssistantTextTarget(group.rows);
+  const sections = buildOrderedSections(group.rows, leadingRowCount);
+  const hasHiddenWork = sections.some(
+    (section) => section.kind === "work" && section.rows.length > 0
+  );
+  const collapseEligible = finalTarget !== null && turn?.phase === "settled" && turn.outcome === "completed" && hasHiddenWork && !groupContainsBlockingMessage(group) && !group.rows.some(({ row }) => row.kind === "generated-image");
+  return {
+    timing,
+    leadingRows,
+    sections,
+    collapseEligible
+  };
+}
+function countLeadingUserRows(rows) {
+  let count = 0;
+  while (isUserMessageRow(rows[count]?.row)) {
+    count += 1;
+  }
+  return count;
+}
+function buildOrderedSections(rows, startIndex) {
+  const sections = [];
+  for (let rowIndex = startIndex; rowIndex < rows.length; rowIndex += 1) {
+    const entry = rows[rowIndex];
+    if (entry.row.kind === "message" && entry.row.speaker === "assistant") {
+      appendAssistantMessageSections(sections, entry);
+      continue;
+    }
+    appendSectionRow(
+      sections,
+      isExplicitWorkRow(entry.row) ? "work" : "visible",
+      entry
+    );
+  }
+  return sections;
+}
+function appendAssistantMessageSections(sections, sourceEntry) {
+  const sourceRow = sourceEntry.row;
+  const parts = [];
+  if (sourceRow.thinking.length > 0) {
+    parts.push({ kind: "work", messages: [], thinking: sourceRow.thinking });
+  }
+  for (const message of sourceRow.messages) {
+    const kind = isExplicitWorkMessage(message) ? "work" : "visible";
+    const previous = parts.at(-1);
+    if (previous?.kind === kind && previous.thinking.length === 0) {
+      previous.messages.push(message);
+      continue;
+    }
+    parts.push({ kind, messages: [message], thinking: [] });
+  }
+  if (parts.length === 0) {
+    appendSectionRow(sections, "visible", sourceEntry);
+    return;
+  }
+  if (parts.length === 1 && sourceRow.thinking.length === 0) {
+    appendSectionRow(sections, parts[0].kind, sourceEntry);
+    return;
+  }
+  parts.forEach((part, partIndex) => {
+    appendSectionRow(sections, part.kind, {
+      ...sourceEntry,
+      renderKey: `${sourceRow.id}:turn-${part.kind}-${partIndex}`,
+      row: cloneAssistantRow(sourceRow, part.messages, part.thinking)
+    });
+  });
+}
+function appendSectionRow(sections, kind, row) {
+  const previous = sections.at(-1);
+  if (previous?.kind === kind) {
+    previous.rows.push(row);
+    return;
+  }
+  sections.push({ kind, rows: [row] });
+}
+function findFinalAssistantTextTarget(rows) {
+  for (let rowIndex = rows.length - 1; rowIndex >= 0; rowIndex -= 1) {
+    const row = rows[rowIndex]?.row;
+    if (row?.kind !== "message" || row.speaker !== "assistant") {
+      continue;
+    }
+    for (let messageIndex = row.messages.length - 1; messageIndex >= 0; messageIndex -= 1) {
+      const message = row.messages[messageIndex];
+      if (message?.isTurnFinalText && message.body.trim() && message.contentKind !== "image-grid" && !message.visibleError && !message.systemNotice) {
+        return { rowIndex, messageIndex };
+      }
+    }
+  }
+  return null;
+}
+function groupContainsBlockingMessage(group) {
+  return group.rows.some(
+    ({ row }) => row.kind === "message" && row.messages.some(
+      (message) => Boolean(
+        message.visibleError || message.systemNotice && message.presentationKind === "content"
+      )
+    )
+  );
+}
+function isExplicitWorkRow(row) {
+  return row.kind === "tool-group" || row.kind === "turn-summary" || row.kind === "processing";
+}
+function isExplicitWorkMessage(message) {
+  return message.presentationKind === "specific-progress" || message.presentationKind === "turn-boundary";
+}
+function isUserMessageRow(row) {
+  return row?.kind === "message" && row.speaker === "user";
+}
+function cloneAssistantRow(source, messages, thinking) {
+  return {
+    ...source,
+    messages,
+    thinking
+  };
+}
+
+// shared/agentConversation/components/AgentTurnWorkSection.tsx
+import { jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
+function AgentTurnWorkSection({
+  model,
+  sessionId,
+  turnKey,
+  showDivider = false,
+  disclosureStore,
+  renderRow
+}) {
+  const { t } = useTranslation();
+  const disclosureKey = `${sessionId}:${turnKey}`;
+  const expanded = model.collapseEligible ? disclosureStore.expandedOverrides[disclosureKey] ?? false : true;
+  const toggleLabel = expanded ? t("agentHost.agentGui.collapseTurnWork") : t("agentHost.agentGui.expandTurnWork");
+  return /* @__PURE__ */ jsxs45("div", { className: "grid min-w-0", "data-agent-turn-work-section": turnKey, children: [
+    showDivider ? /* @__PURE__ */ jsx64(
+      "div",
+      {
+        className: "mb-4 h-px w-full flex-none bg-[var(--line-2,var(--tutti-line-2))]",
+        "data-testid": "agent-transcript-turn-divider",
+        "aria-hidden": "true"
+      }
+    ) : null,
+    model.leadingRows.length > 0 ? /* @__PURE__ */ jsx64("div", { className: "mb-4 grid gap-4", children: renderRows(model.leadingRows, renderRow) }) : null,
+    /* @__PURE__ */ jsxs45(
+      "div",
+      {
+        className: "flex min-h-6 items-center gap-0.5 text-[12px] text-[var(--text-tertiary)]",
+        "data-agent-turn-work-header": turnKey,
+        children: [
+          /* @__PURE__ */ jsx64(AgentTurnDurationLabel, { timing: model.timing }),
+          model.collapseEligible ? /* @__PURE__ */ jsx64(
+            BareIconButton,
+            {
+              size: "sm",
+              "aria-label": toggleLabel,
+              "aria-expanded": expanded,
+              title: toggleLabel,
+              onClick: () => disclosureStore.setExpandedOverride(disclosureKey, !expanded),
+              children: /* @__PURE__ */ jsx64(
+                ChevronDownIcon,
+                {
+                  "aria-hidden": "true",
+                  className: `transition-transform duration-150 ${expanded ? "rotate-0" : "-rotate-90"}`
+                }
+              )
+            }
+          ) : null
+        ]
+      }
+    ),
+    model.sections.map((section, sectionIndex) => {
+      const content = renderRows(section.rows, renderRow);
+      if (section.kind !== "work" || !model.collapseEligible) {
+        const firstRow2 = section.rows[0];
+        return /* @__PURE__ */ jsx64(
+          "div",
+          {
+            className: "grid gap-4 pt-4",
+            children: content
+          },
+          `${section.kind}:${firstRow2?.renderKey ?? firstRow2?.row.id ?? sectionIndex}`
+        );
+      }
+      const firstRow = section.rows[0];
+      return /* @__PURE__ */ jsx64(
+        CollapsibleReveal,
+        {
+          expanded,
+          innerClassName: "grid gap-4 pt-4",
+          children: content
+        },
+        `work:${firstRow?.renderKey ?? firstRow?.row.id ?? sectionIndex}`
+      );
+    })
+  ] });
+}
+function renderRows(rows, renderRow) {
+  return rows.map(
+    ({ row, rowIndex, renderKey }) => renderRow(row, rowIndex, renderKey)
+  );
+}
+function AgentTurnDurationLabel({
+  timing
+}) {
+  const { t } = useTranslation();
+  const liveElapsedSeconds = useElapsedSeconds(
+    timing.kind === "live" ? timing.startedAtUnixMs : null
+  );
+  const elapsedSeconds = timing.kind === "live" ? liveElapsedSeconds ?? 0 : timing.elapsedSeconds;
+  return /* @__PURE__ */ jsx64("span", { children: translateDuration(t, timing.kind, elapsedSeconds) });
+}
+function translateDuration(t, kind, elapsedSeconds) {
+  const duration = formatAgentTurnDuration(elapsedSeconds);
+  return kind === "live" ? translateLiveDuration(t, duration) : translateSettledDuration(t, duration);
+}
+function translateLiveDuration(t, duration) {
+  if (duration.kind === "seconds") {
+    return t("agentHost.agentGui.turnProcessedSeconds", {
+      seconds: duration.seconds
+    });
+  }
+  if (duration.kind === "minutes") {
+    return t("agentHost.agentGui.turnProcessedMinutes", {
+      minutes: duration.minutes
+    });
+  }
+  return t("agentHost.agentGui.turnProcessedMinutesSeconds", {
+    minutes: duration.minutes,
+    seconds: duration.seconds
+  });
+}
+function translateSettledDuration(t, duration) {
+  if (duration.kind === "seconds") {
+    return t("agentHost.agentGui.turnTotalSeconds", {
+      seconds: duration.seconds
+    });
+  }
+  if (duration.kind === "minutes") {
+    return t("agentHost.agentGui.turnTotalMinutes", {
+      minutes: duration.minutes
+    });
+  }
+  return t("agentHost.agentGui.turnTotalMinutesSeconds", {
+    minutes: duration.minutes,
+    seconds: duration.seconds
+  });
+}
+
 // shared/agentConversation/components/agentTranscriptComplexity.ts
 var AGENT_TRANSCRIPT_COMPLEXITY_VIRTUALIZATION_SCORE = 40;
 var AGENT_TRANSCRIPT_COMPLEXITY_SINGLE_TURN_SCORE = 24;
@@ -12842,10 +13199,10 @@ function looksLikeTableSeparator(line) {
 
 // shared/agentConversation/components/AgentMessageLocatorRail.tsx
 import {
-  useEffect as useEffect12,
+  useEffect as useEffect13,
   useLayoutEffect as useLayoutEffect3,
   useRef as useRef9,
-  useState as useState20
+  useState as useState22
 } from "react";
 
 // shared/agentConversation/components/agentTranscriptModel.ts
@@ -12978,7 +13335,7 @@ function findTurnDividerRowIndexes(turnIndexById, rows) {
 }
 
 // shared/agentConversation/components/AgentMessageLocatorRail.tsx
-import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs46 } from "react/jsx-runtime";
 var AGENT_MESSAGE_LOCATOR_PANEL_FADE_MS = 160;
 var AGENT_MESSAGE_LOCATOR_ITEM_SPACING_PX = 30;
 var AGENT_MESSAGE_LOCATOR_HIT_SIZE_PX = 36;
@@ -12993,14 +13350,14 @@ function AgentMessageLocatorRail({
   const locatorRef = useRef9(null);
   const locatorViewportRef = useRef9(null);
   const closePanelTimeoutRef = useRef9(null);
-  const [isPanelOpen, setIsPanelOpen] = useState20(false);
-  const [shouldRenderPanel, setShouldRenderPanel] = useState20(false);
-  const [activeKey, setActiveKey] = useState20(null);
-  const [selectedKey, setSelectedKey] = useState20(null);
+  const [isPanelOpen, setIsPanelOpen] = useState22(false);
+  const [shouldRenderPanel, setShouldRenderPanel] = useState22(false);
+  const [activeKey, setActiveKey] = useState22(null);
+  const [selectedKey, setSelectedKey] = useState22(null);
   const previousAgentResponseByKeyRef = useRef9(null);
-  const [unreadAgentResponseKeys, setUnreadAgentResponseKeys] = useState20(/* @__PURE__ */ new Set());
-  const [visibleFrame, setVisibleFrame] = useState20(null);
-  useEffect12(() => {
+  const [unreadAgentResponseKeys, setUnreadAgentResponseKeys] = useState22(/* @__PURE__ */ new Set());
+  const [visibleFrame, setVisibleFrame] = useState22(null);
+  useEffect13(() => {
     if (isPanelOpen) {
       setShouldRenderPanel(true);
       return;
@@ -13011,7 +13368,7 @@ function AgentMessageLocatorRail({
     );
     return () => window.clearTimeout(timeout);
   }, [isPanelOpen]);
-  useEffect12(
+  useEffect13(
     () => () => {
       if (closePanelTimeoutRef.current !== null) {
         window.clearTimeout(closePanelTimeoutRef.current);
@@ -13019,12 +13376,12 @@ function AgentMessageLocatorRail({
     },
     []
   );
-  useEffect12(() => {
+  useEffect13(() => {
     if (selectedKey && !items.some((item) => item.key === selectedKey)) {
       setSelectedKey(null);
     }
   }, [items, selectedKey]);
-  useEffect12(() => {
+  useEffect13(() => {
     const previousAgentResponseByKey = previousAgentResponseByKeyRef.current;
     const currentKeys = new Set(items.map((item) => item.key));
     setUnreadAgentResponseKeys((currentUnreadKeys) => {
@@ -13054,7 +13411,7 @@ function AgentMessageLocatorRail({
       items.map((item) => [item.key, item.hasAgentResponse])
     );
   }, [items, selectedKey]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!selectedKey) {
       return;
     }
@@ -13099,7 +13456,7 @@ function AgentMessageLocatorRail({
       }
     };
   }, [items.length]);
-  useEffect12(() => {
+  useEffect13(() => {
     const locator = locatorRef.current;
     const scrollParent = locator ? findMessageLocatorScrollParent(locator) : null;
     if (!scrollParent) {
@@ -13226,7 +13583,7 @@ function AgentMessageLocatorRail({
     }
     closePanelNow();
   };
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs46(
     "nav",
     {
       ref: locatorRef,
@@ -13246,7 +13603,7 @@ function AgentMessageLocatorRail({
         } : {}
       },
       children: [
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx65(
           "div",
           {
             ref: locatorViewportRef,
@@ -13254,7 +13611,7 @@ function AgentMessageLocatorRail({
             "data-testid": "agent-message-locator-viewport",
             onClick: handleViewportClick,
             onMouseMove: handleViewportMouseMove,
-            children: /* @__PURE__ */ jsxs45(
+            children: /* @__PURE__ */ jsxs46(
               "div",
               {
                 className: "agent-gui-message-locator__content",
@@ -13262,7 +13619,7 @@ function AgentMessageLocatorRail({
                   "--agent-message-locator-height": `${railHeight}px`
                 },
                 children: [
-                  items.slice(0, -1).map((item, index) => /* @__PURE__ */ jsx63(
+                  items.slice(0, -1).map((item, index) => /* @__PURE__ */ jsx65(
                     "div",
                     {
                       className: "agent-gui-message-locator__track-segment",
@@ -13273,7 +13630,7 @@ function AgentMessageLocatorRail({
                     },
                     `segment:${item.key}`
                   )),
-                  items.map((item, index) => /* @__PURE__ */ jsx63(
+                  items.map((item, index) => /* @__PURE__ */ jsx65(
                     "button",
                     {
                       type: "button",
@@ -13288,7 +13645,7 @@ function AgentMessageLocatorRail({
                       onClick: () => handleLocateItem(item),
                       onFocus: () => setActiveKey(item.key),
                       onMouseEnter: () => setActiveKey(item.key),
-                      children: /* @__PURE__ */ jsx63(
+                      children: /* @__PURE__ */ jsx65(
                         "span",
                         {
                           className: "agent-gui-message-locator__dot",
@@ -13303,7 +13660,7 @@ function AgentMessageLocatorRail({
             )
           }
         ),
-        shouldRenderPanel ? /* @__PURE__ */ jsx63(
+        shouldRenderPanel ? /* @__PURE__ */ jsx65(
           "div",
           {
             className: "agent-gui-message-locator__panel",
@@ -13313,7 +13670,7 @@ function AgentMessageLocatorRail({
             onMouseEnter: openPanel,
             onMouseLeave: closePanelSoon,
             onWheel: containMessageLocatorPanelWheel,
-            children: items.map((item) => /* @__PURE__ */ jsx63(
+            children: items.map((item) => /* @__PURE__ */ jsx65(
               "button",
               {
                 type: "button",
@@ -13322,7 +13679,7 @@ function AgentMessageLocatorRail({
                 onClick: () => handleLocateItem(item),
                 onFocus: () => setActiveKey(item.key),
                 onMouseEnter: () => setActiveKey(item.key),
-                children: /* @__PURE__ */ jsx63("span", { className: "agent-gui-message-locator__panel-item-text", children: item.summary })
+                children: /* @__PURE__ */ jsx65("span", { className: "agent-gui-message-locator__panel-item-text", children: item.summary })
               },
               `panel:${item.key}`
             ))
@@ -13465,10 +13822,11 @@ function selectMessageLocatorItemAtViewportCenter(scrollParent, items) {
 }
 
 // shared/agentConversation/components/AgentTranscriptView.tsx
-import { Fragment as Fragment8, jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
 var AGENT_TRANSCRIPT_VIRTUALIZATION_OVERSCAN = 6;
 var AGENT_TRANSCRIPT_ESTIMATED_TURN_HEIGHT_PX = 280;
-var AGENT_TRANSCRIPT_TURN_GAP_PX = 12;
+var AGENT_TRANSCRIPT_DISCLOSURE_TURN_GAP_PX = 24;
+var AGENT_TRANSCRIPT_LEGACY_TURN_GAP_PX = 12;
 var AGENT_TRANSCRIPT_FALLBACK_TURN_COUNT = 3;
 function transcriptLabelsEqual(previous, next) {
   return previous === next || previous.thinkingLabel === next.thinkingLabel && previous.processing === next.processing && previous.turnSummary === next.turnSummary && previous.rawTimelineJson === next.rawTimelineJson && previous.userMessageLocator === next.userMessageLocator && previous.toolCallsLabel === next.toolCallsLabel;
@@ -13476,10 +13834,19 @@ function transcriptLabelsEqual(previous, next) {
 function transcriptTurnIdentityEquals(previous, next) {
   return previous === next || previous.length === next.length && previous.every((turn, index) => turn.id === next[index]?.id);
 }
+function transcriptCanonicalTurnsEqual(previous, next) {
+  return previous === next || previous?.length === next?.length && (previous?.every((turn, index) => {
+    const nextTurn = next?.[index];
+    return turn.turnId === nextTurn?.turnId && turn.phase === nextTurn.phase && turn.outcome === nextTurn.outcome && turn.startedAtUnixMs === nextTurn.startedAtUnixMs && turn.settledAtUnixMs === nextTurn.settledAtUnixMs;
+  }) ?? true);
+}
 function transcriptConversationRenderInputEquals(previous, next) {
-  return previous === next || previous.rows === next.rows && previous.workspaceRoot === next.workspaceRoot && previous.sourceDetail.cwd === next.sourceDetail.cwd && transcriptTurnIdentityEquals(
+  return previous === next || previous.rows === next.rows && previous.workspaceRoot === next.workspaceRoot && previous.sourceDetail.session.agentSessionId === next.sourceDetail.session.agentSessionId && previous.sourceDetail.session.activeTurnId === next.sourceDetail.session.activeTurnId && previous.sourceDetail.cwd === next.sourceDetail.cwd && transcriptTurnIdentityEquals(
     previous.sourceDetail.turns,
     next.sourceDetail.turns
+  ) && transcriptCanonicalTurnsEqual(
+    previous.sourceDetail.sessionTurns,
+    next.sourceDetail.sessionTurns
   );
 }
 function areAgentTranscriptViewPropsEqual(previous, next) {
@@ -13499,22 +13866,23 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
   labels
 }) {
   "use memo";
-  const [expandedToolRows, setExpandedToolRows] = useState21({});
+  const [expandedToolRows, setExpandedToolRows] = useState23({});
+  const turnDisclosureStore = useAgentTurnDisclosureStore();
   const virtualizerHostRef = useRef10(null);
-  const [virtualScrollElement, setVirtualScrollElement] = useState21(null);
-  const rowKeys = useMemo6(
+  const [virtualScrollElement, setVirtualScrollElement] = useState23(null);
+  const rowKeys = useMemo7(
     () => conversation.rows.map(transcriptRowKey),
     [conversation.rows]
   );
-  const turnGroups = useMemo6(
+  const turnGroups = useMemo7(
     () => buildAgentTranscriptTurnGroups(conversation.rows, rowKeys),
     [conversation.rows, rowKeys]
   );
-  const turnGroupIndexByRowIndex = useMemo6(
+  const turnGroupIndexByRowIndex = useMemo7(
     () => buildTurnGroupIndexByRowIndex(turnGroups),
     [turnGroups]
   );
-  const userMessageLocatorItems = useMemo6(
+  const userMessageLocatorItems = useMemo7(
     () => buildUserMessageLocatorItems(
       conversation.rows,
       rowKeys,
@@ -13523,7 +13891,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
     [conversation.rows, rowKeys, turnGroupIndexByRowIndex]
   );
   const enteringRowKeys = useEnteringTranscriptRows(rowKeys);
-  const handleToolGroupExpandedChange = useCallback10(
+  const handleToolGroupExpandedChange = useCallback11(
     (key, expanded) => {
       setExpandedToolRows((previous) => {
         if (previous[key] === expanded) {
@@ -13537,20 +13905,39 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
     },
     []
   );
-  const turnIndexById = useMemo6(
+  const turnIndexById = useMemo7(
     () => new Map(
       conversation.sourceDetail.turns.map((turn, index) => [turn.id, index])
     ),
     [conversation.sourceDetail.turns]
   );
-  const dividerRowIndexes = useMemo6(
+  const dividerRowIndexes = useMemo7(
     () => findTurnDividerRowIndexes(turnIndexById, conversation.rows),
     [conversation.rows, turnIndexById]
   );
+  const canonicalTurnById = new Map(
+    (conversation.sourceDetail.sessionTurns ?? []).map((turn) => [
+      turn.turnId,
+      turn
+    ])
+  );
+  const turnWorkSectionModelByKey = new Map(
+    turnGroups.map((group) => {
+      const isActiveTurn = group.turnId !== null && group.turnId === conversation.sourceDetail.session.activeTurnId;
+      return [
+        group.key,
+        buildAgentTurnWorkSectionModel(
+          group,
+          group.turnId ? canonicalTurnById.get(group.turnId) ?? null : null,
+          isActiveTurn
+        )
+      ];
+    })
+  );
   const basePath = conversation.sourceDetail.cwd;
   const workspaceRoot = conversation.workspaceRoot;
   const provider = conversation.activity.agentProvider;
-  const shouldVirtualize = useMemo6(
+  const shouldVirtualize = useMemo7(
     () => assessAgentTranscriptComplexity(turnGroups).shouldVirtualize,
     [turnGroups]
   );
@@ -13563,7 +13950,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
     overscan: AGENT_TRANSCRIPT_VIRTUALIZATION_OVERSCAN,
     scrollEndThreshold: 24
   });
-  const handleLocateUserMessage = useCallback10(
+  const handleLocateUserMessage = useCallback11(
     (item) => {
       const scrollParent = virtualizerHostRef.current ? findMessageLocatorScrollParent(virtualizerHostRef.current) : null;
       const scrollToRenderedRow = () => {
@@ -13599,12 +13986,44 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
       virtualizerHostRef.current ? findMessageLocatorScrollParent(virtualizerHostRef.current) : null
     );
   }, [shouldVirtualize]);
-  const renderRow = (row, rowIndex) => {
-    const rowKey = rowKeys[rowIndex] ?? transcriptRowKey(row);
-    const showTurnDivider = dividerRowIndexes.has(rowIndex);
+  const renderRow = (row, rowIndex, renderKey) => {
+    const rowKey = renderKey ?? (conversation.rows[rowIndex] === row ? rowKeys[rowIndex] ?? transcriptRowKey(row) : transcriptRowKey(row));
     const shouldAnimateEnter = row.kind !== "processing" && enteringRowKeys.has(rowKey);
-    return /* @__PURE__ */ jsxs46(Fragment7, { children: [
-      showTurnDivider ? /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx66(
+      "div",
+      {
+        className: "agent-gui-transcript-row",
+        "data-agent-transcript-row": rowKey,
+        "data-agent-transcript-row-kind": row.kind,
+        "data-agent-transcript-row-index": rowIndex,
+        "data-agent-transcript-row-enter": shouldAnimateEnter ? "true" : void 0,
+        children: /* @__PURE__ */ jsx66(
+          AgentTranscriptItemView,
+          {
+            workspaceRoot,
+            basePath,
+            row,
+            labels,
+            onLinkAction,
+            onAuthLogin,
+            provider,
+            availableSkills,
+            workspaceAppIcons,
+            previewMode,
+            showRawTimelineJson,
+            toolGroupExpanded: row.kind === "tool-group" ? expandedToolRows[rowKey] === true : void 0,
+            toolGroupExpansionKey: row.kind === "tool-group" ? rowKey : void 0,
+            onToolGroupExpandedChange: handleToolGroupExpandedChange
+          }
+        )
+      },
+      rowKey
+    );
+  };
+  const renderLegacyTurnGroup = (group) => /* @__PURE__ */ jsx66(Fragment7, { children: group.rows.map(({ row, rowIndex }) => {
+    const rowKey = rowKeys[rowIndex] ?? transcriptRowKey(row);
+    return /* @__PURE__ */ jsxs47(Fragment7, { children: [
+      dividerRowIndexes.has(rowIndex) ? /* @__PURE__ */ jsx66(
         "div",
         {
           className: "h-px w-full flex-none bg-[var(--line-2,var(--tutti-line-2))]",
@@ -13612,36 +14031,28 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
           "aria-hidden": "true"
         }
       ) : null,
-      /* @__PURE__ */ jsx64(
-        "div",
-        {
-          className: "agent-gui-transcript-row",
-          "data-agent-transcript-row": rowKey,
-          "data-agent-transcript-row-kind": row.kind,
-          "data-agent-transcript-row-index": rowIndex,
-          "data-agent-transcript-row-enter": shouldAnimateEnter ? "true" : void 0,
-          children: /* @__PURE__ */ jsx64(
-            AgentTranscriptItemView,
-            {
-              workspaceRoot,
-              basePath,
-              row,
-              labels,
-              onLinkAction,
-              onAuthLogin,
-              provider,
-              availableSkills,
-              workspaceAppIcons,
-              previewMode,
-              showRawTimelineJson,
-              toolGroupExpanded: row.kind === "tool-group" ? expandedToolRows[rowKey] === true : void 0,
-              toolGroupExpansionKey: row.kind === "tool-group" ? rowKey : void 0,
-              onToolGroupExpandedChange: handleToolGroupExpandedChange
-            }
-          )
-        }
-      )
+      renderRow(row, rowIndex)
     ] }, rowKey);
+  }) }, group.key);
+  const renderTurnGroup = (group) => {
+    const model = turnWorkSectionModelByKey.get(group.key) ?? null;
+    if (!model) {
+      return renderLegacyTurnGroup(group);
+    }
+    return /* @__PURE__ */ jsx66(
+      AgentTurnWorkSection,
+      {
+        model,
+        sessionId: conversation.sourceDetail.session.agentSessionId,
+        turnKey: group.turnId ?? group.key,
+        showDivider: group.rows.some(
+          ({ rowIndex }) => dividerRowIndexes.has(rowIndex)
+        ),
+        disclosureStore: turnDisclosureStore,
+        renderRow
+      },
+      group.key
+    );
   };
   if (shouldVirtualize) {
     const virtualItems = virtualScrollElement === null ? turnGroups.slice(-AGENT_TRANSCRIPT_FALLBACK_TURN_COUNT).map((group, fallbackIndex) => ({
@@ -13655,8 +14066,8 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
         AGENT_TRANSCRIPT_FALLBACK_TURN_COUNT
       ) + fallbackIndex) * AGENT_TRANSCRIPT_ESTIMATED_TURN_HEIGHT_PX
     })) : rowVirtualizer.getVirtualItems();
-    return /* @__PURE__ */ jsxs46(Fragment8, { children: [
-      /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsxs47(Fragment8, { children: [
+      /* @__PURE__ */ jsx66(
         AgentMessageLocatorRail,
         {
           items: userMessageLocatorItems,
@@ -13664,7 +14075,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
           onLocate: handleLocateUserMessage
         }
       ),
-      /* @__PURE__ */ jsx64(
+      /* @__PURE__ */ jsx66(
         "div",
         {
           ref: virtualizerHostRef,
@@ -13676,7 +14087,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
             if (!group) {
               return null;
             }
-            return /* @__PURE__ */ jsx64(
+            return /* @__PURE__ */ jsx66(
               "div",
               {
                 ref: rowVirtualizer.measureElement,
@@ -13684,12 +14095,10 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
                 "data-index": virtualTurn.index,
                 "data-agent-transcript-virtual-turn": group.key,
                 style: {
-                  paddingBottom: `${AGENT_TRANSCRIPT_TURN_GAP_PX}px`,
+                  paddingBottom: `${turnWorkSectionModelByKey.get(group.key) ? AGENT_TRANSCRIPT_DISCLOSURE_TURN_GAP_PX : AGENT_TRANSCRIPT_LEGACY_TURN_GAP_PX}px`,
                   transform: `translateY(${virtualTurn.start}px)`
                 },
-                children: group.rows.map(
-                  ({ row, rowIndex }) => renderRow(row, rowIndex)
-                )
+                children: renderTurnGroup(group)
               },
               virtualTurn.key
             );
@@ -13698,8 +14107,8 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs46(Fragment8, { children: [
-    /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsxs47(Fragment8, { children: [
+    /* @__PURE__ */ jsx66(
       AgentMessageLocatorRail,
       {
         items: userMessageLocatorItems,
@@ -13707,13 +14116,13 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
         onLocate: handleLocateUserMessage
       }
     ),
-    conversation.rows.map(renderRow)
+    turnGroups.map(renderTurnGroup)
   ] });
 }, areAgentTranscriptViewPropsEqual);
 
 // shared/agentConversation/components/AgentConversationFlow.tsx
 import { memo as memo5 } from "react";
-import { Fragment as Fragment9, jsx as jsx65 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx67 } from "react/jsx-runtime";
 var AgentConversationFlow = memo5(function AgentConversationFlow2({
   conversation,
   isLoading,
@@ -13729,36 +14138,38 @@ var AgentConversationFlow = memo5(function AgentConversationFlow2({
   labels
 }) {
   "use memo";
+  let content;
   if (isLoading) {
-    return /* @__PURE__ */ jsx65(AgentTranscriptSkeleton, { label: loadingLabel, testId: loadingTestId });
-  }
-  if (!conversation || conversation.rows.length === 0) {
-    return /* @__PURE__ */ jsx65(Fragment9, { children: empty });
+    content = /* @__PURE__ */ jsx67(AgentTranscriptSkeleton, { label: loadingLabel, testId: loadingTestId });
+  } else if (!conversation || conversation.rows.length === 0) {
+    content = /* @__PURE__ */ jsx67(Fragment9, { children: empty });
+  } else {
+    content = /* @__PURE__ */ jsx67(
+      AgentTranscriptView,
+      {
+        conversation,
+        onLinkAction,
+        onAuthLogin,
+        availableSkills,
+        workspaceAppIcons,
+        previewMode,
+        labels,
+        showRawTimelineJson
+      }
+    );
   }
-  return /* @__PURE__ */ jsx65(
-    AgentTranscriptView,
-    {
-      conversation,
-      onLinkAction,
-      onAuthLogin,
-      availableSkills,
-      workspaceAppIcons,
-      previewMode,
-      labels,
-      showRawTimelineJson
-    }
-  );
+  return /* @__PURE__ */ jsx67(AgentTurnDisclosureProvider, { children: content });
 });
 
 // shared/agentConversation/projection/useProjectedAgentConversation.ts
-import { useMemo as useMemo7, useRef as useRef11 } from "react";
+import { useMemo as useMemo8, useRef as useRef11 } from "react";
 function useProjectedAgentConversation({
   conversation,
   detail,
   avoidGroupingEdits = false
 }) {
   const previousConversationRef = useRef11(null);
-  return useMemo7(() => {
+  return useMemo8(() => {
     if (!conversation && !detail) {
       previousConversationRef.current = null;
       return null;
@@ -13813,4 +14224,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-VVDJHPV4.js.map
+//# sourceMappingURL=chunk-EM4RD5FQ.js.map