@agent-native/core 0.145.5 → 0.145.7

package/dist/client/chat/message-components.js

@@ -14,12 +14,12 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel,
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { ThumbsFeedback } from "../observability/ThumbsFeedback.js";
 import { McpConnectionSuggestion } from "../resources/McpConnectionSuggestion.js";
-import { isCallAgentToolCallShadowed, shadowedCallAgentToolCallIds, } from "../tool-display.js";
+import { humanizeToolName, isCallAgentToolCallShadowed, shadowedCallAgentToolCallIds, } from "../tool-display.js";
 import { cn } from "../utils.js";
-import { MarkdownText, renderMarkdownToClipboardHtml, } from "./markdown-renderer.js";
+import { MarkdownText, renderMarkdownToClipboardHtml, SmoothMarkdownText, } from "./markdown-renderer.js";
 import { getAssistantRunDurationMs } from "./repo-helpers.js";
 import { getRunErrorMetadata, runErrorHeadline, runErrorKey, } from "./run-recovery.js";
-import { ToolCallFallback, ToolActivityPresentation, FilesChangedSummary, ASSISTANT_VISIBLE_TOOL_CALL_LIMIT, ChatRunningContext, ChatRunDurationContext, formatWorkedDuration, RanToolsSummary, ReasoningCell, WorkedForSummary, toolCallHasPendingApproval, } from "./tool-call-display.js";
+import { ToolCallFallback, ToolActivityPresentation, ToolCallStackMotion, FilesChangedSummary, ASSISTANT_VISIBLE_TOOL_CALL_LIMIT, ChatRunningContext, ChatRunDurationContext, formatWorkedDuration, RanToolsSummary, ReasoningCell, WorkedForSummary, toolCallHasPendingApproval, } from "./tool-call-display.js";
 export { toolCallHasPendingApproval };
 // ─── Pending selection context key ───────────────────────────────────────────
 // Mirrored from AssistantChat to avoid a cross-import on a private constant.
@@ -438,6 +438,72 @@ export function messageTextFromContent(content) {
     })
         .join("\n");
 }
+export function isMissingFinalResponseWarningText(text) {
+    const normalized = text.trim();
+    if (normalized ===
+        "The agent stopped without sending a final message. Ask the agent to continue or retry.") {
+        return true;
+    }
+    return (normalized.includes("stopped before sending a final message") ||
+        normalized.includes("stopped without sending a final message"));
+}
+function finalResponseTextFromContent(content) {
+    if (typeof content === "string")
+        return content;
+    if (!Array.isArray(content))
+        return "";
+    return content
+        .flatMap((part) => {
+        if (!part || typeof part !== "object")
+            return [];
+        const record = part;
+        if (record.type !== "text" ||
+            typeof record.text !== "string" ||
+            isMissingFinalResponseWarningText(record.text)) {
+            return [];
+        }
+        return [record.text];
+    })
+        .join("\n");
+}
+function missingFinalResponseWarningText(content) {
+    if (!Array.isArray(content))
+        return null;
+    for (let index = content.length - 1; index >= 0; index -= 1) {
+        const part = content[index];
+        if (part &&
+            typeof part === "object" &&
+            part.type === "text" &&
+            typeof part.text === "string" &&
+            isMissingFinalResponseWarningText(part.text)) {
+            return part.text;
+        }
+    }
+    return null;
+}
+export function completedAssistantToolNamesAfterLastText(content) {
+    let lastTextIndex = -1;
+    for (let index = content.length - 1; index >= 0; index -= 1) {
+        if (content[index]?.type === "text") {
+            lastTextIndex = index;
+            break;
+        }
+    }
+    const names = new Set();
+    for (let index = lastTextIndex + 1; index < content.length; index += 1) {
+        const part = content[index];
+        if (part?.type !== "tool-call" ||
+            part.activity === true ||
+            part.result === undefined ||
+            part.isError === true ||
+            part.outcome === "unknown" ||
+            isCallAgentToolCallShadowed(content, index)) {
+            continue;
+        }
+        names.add(humanizeToolName(part.toolName));
+    }
+    return [...names];
+}
 export function latestUserMessageText(messages) {
     for (let index = messages.length - 1; index >= 0; index -= 1) {
         const message = messages[index];
@@ -507,7 +573,8 @@ export function assistantMessageHasCompletedCustomUi(content) {
         }
         hasCompletedTool = true;
         lastCompletedToolIsCustomUi =
-            record.chatUI !== undefined ||
+            isAlwaysVisibleAssistantTool(record) ||
+                record.chatUI !== undefined ||
                 record.mcpApp !== undefined ||
                 toolCallHasPendingApproval(record);
     }
@@ -521,7 +588,8 @@ export function assistantMessageHasCustomUi(content) {
             return false;
         const record = part;
         return (record.type === "tool-call" &&
-            (record.chatUI !== undefined ||
+            (isAlwaysVisibleAssistantTool(record) ||
+                record.chatUI !== undefined ||
                 record.mcpApp !== undefined ||
                 toolCallHasPendingApproval(record)));
     });
@@ -573,7 +641,7 @@ export function shouldShowMissingFinalResponse({ isCurrentTurnRunning, serverRun
  * still alive server-side. Requiring the shape to hold for a beat keeps the
  * notice off the screen for those gaps without hiding a real stop for long.
  */
-const MISSING_FINAL_RESPONSE_SETTLE_MS = 3_000;
+const MISSING_FINAL_RESPONSE_SETTLE_MS = 250;
 export function useSettledFlag(active, delayMs) {
     const [settled, setSettled] = useState(false);
     useEffect(() => {
@@ -627,11 +695,16 @@ function ReasoningMessagePart() {
     return (_jsx(ReasoningCell, { text: part.text, isStreaming: isStreaming, resetKey: `message-reasoning-${partIndex}`, durationMs: durationMs, defaultOpen: partIndex === latestReasoningPartIndex, collapseWhenReplaced: partIndex < latestReasoningPartIndex }));
 }
 const ALWAYS_VISIBLE_ASSISTANT_TOOLS = new Set(["connect-builder"]);
+export function isAlwaysVisibleAssistantTool(part) {
+    return (part.type === "tool-call" &&
+        typeof part.toolName === "string" &&
+        ALWAYS_VISIBLE_ASSISTANT_TOOLS.has(part.toolName));
+}
 export function isCollapsibleAssistantWorkPart(part) {
     if (part.type === "reasoning")
         return true;
     return (part.type === "tool-call" &&
-        !ALWAYS_VISIBLE_ASSISTANT_TOOLS.has(part.toolName ?? "") &&
+        !isAlwaysVisibleAssistantTool(part) &&
         part.chatUI === undefined &&
         part.mcpApp === undefined &&
         // Keep the Approve/Deny affordance outside "Worked for…" - needsApproval
@@ -705,6 +778,14 @@ export function InlineRunErrorNotice({ info, durationMs, onRetry, }) {
         : headline;
     return (_jsxs("div", { className: "my-1 w-full", children: [_jsxs("button", { type: "button", onClick: () => setOpen((v) => !v), "aria-expanded": open, className: "flex cursor-pointer items-center gap-1.5 py-0.5 text-[13px] text-muted-foreground transition-colors hover:text-foreground", children: [_jsx(IconAlertTriangle, { className: "size-3.5 shrink-0 text-amber-500" }), _jsx("span", { className: "truncate", children: label }), _jsx(IconChevronRight, { className: cn("size-3.5 shrink-0 transition-transform", open && "rotate-90") })] }), open && (_jsxs("div", { className: "mt-1 rounded-md border border-border/60 bg-background/70 p-2 text-[11px] leading-relaxed text-muted-foreground", children: [_jsx("p", { className: "whitespace-pre-wrap break-words", children: info.message }), info.errorCode && (_jsxs("div", { className: "mt-1 font-mono", children: ["code: ", info.errorCode] })), info.runId && _jsxs("div", { className: "font-mono", children: ["run: ", info.runId] }), info.details && (_jsx("pre", { className: "mt-1 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono", children: info.details })), onRetry && (_jsxs("button", { type: "button", onClick: onRetry, className: "mt-2 inline-flex h-7 cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background px-2.5 text-[11px] font-medium text-foreground hover:bg-accent", children: [_jsx(IconRefresh, { className: "size-3" }), "Retry"] }))] }))] }));
 }
+function AssistantCompletionProgress({ messageId, toolNames, }) {
+    if (toolNames.length === 0)
+        return null;
+    return (_jsx("div", { className: "my-1 w-full text-[13px] text-muted-foreground", role: "status", "aria-live": "polite", "data-testid": "assistant-completion-progress", children: _jsx(SmoothMarkdownText, { text: `The agent completed these actions: ${toolNames.join(", ")}`, streaming: true, resetKey: `assistant-completion-progress:${messageId}`, statusType: "running" }) }));
+}
+function MissingFinalResponseNotice({ messageId, text, animate, onRevealComplete, }) {
+    return (_jsx("div", { className: "my-1 w-full text-muted-foreground", role: "status", "aria-live": "polite", "data-testid": "missing-final-response", children: _jsx(SmoothMarkdownText, { text: text, streaming: animate, resetKey: `missing-final-response:${messageId}`, statusType: animate ? "running" : "complete", onRevealComplete: animate ? onRevealComplete : undefined }) }));
+}
 export function AssistantMessage() {
     const [restoreState, setRestoreState] = useState("idle");
     const [restoreError, setRestoreError] = useState(null);
@@ -717,9 +798,11 @@ export function AssistantMessage() {
     const timestamp = formatMessageTimestamp(msg.createdAt);
     const isLast = thread.messages.length > 0 &&
         thread.messages[thread.messages.length - 1].id === msg.id;
+    const wasLiveRef = useRef(false);
     const hasRenderableContent = assistantMessageHasRenderableContent(msg);
     const hasUnresolvedTool = assistantMessageHasUnresolvedTool(msg.content);
-    const responseConnectionText = messageTextFromContent(msg.content);
+    const missingWarningText = missingFinalResponseWarningText(msg.content);
+    const responseConnectionText = finalResponseTextFromContent(msg.content);
     const statusIsTerminal = assistantMessageStatusIsTerminal(msg);
     const hasCompletedCustomUi = assistantMessageHasCompletedCustomUi(msg.content);
     const hasCustomUi = assistantMessageHasCustomUi(msg.content);
@@ -730,23 +813,63 @@ export function AssistantMessage() {
         runError: messageRunError,
         bannerRunErrorKey: messageActions?.bannerRunErrorKey,
     });
-    const showMissingFinalResponse = useSettledFlag(shouldShowMissingFinalResponse({
-        isCurrentTurnRunning: isLast && chatRunning,
-        serverRunActive: isLast && serverRunActive,
-        statusIsTerminal,
-        hasAssistantText: responseConnectionText.trim().length > 0,
-        hasUnresolvedTool,
-        hasCompletedCustomUi,
-    }), isLast ? MISSING_FINAL_RESPONSE_SETTLE_MS : 0);
+    const missingFinalResponseCandidate = missingWarningText == null &&
+        shouldShowMissingFinalResponse({
+            isCurrentTurnRunning: isLast && chatRunning,
+            serverRunActive: isLast && serverRunActive,
+            statusIsTerminal,
+            hasAssistantText: responseConnectionText.trim().length > 0,
+            hasUnresolvedTool,
+            hasCompletedCustomUi,
+        });
+    const showMissingFinalResponse = useSettledFlag(missingFinalResponseCandidate, isLast ? MISSING_FINAL_RESPONSE_SETTLE_MS : 0);
+    const missingFinalResponseNoticeText = missingWarningText ??
+        (showMissingFinalResponse
+            ? "The agent stopped without sending a final message. Ask the agent to continue or retry."
+            : null);
+    const animateMissingFinalResponse = Boolean(isLast && missingFinalResponseNoticeText && wasLiveRef.current);
+    const missingFinalResponseAnimationKey = animateMissingFinalResponse
+        ? missingFinalResponseNoticeText
+        : null;
+    const [revealedMissingFinalResponseKey, setRevealedMissingFinalResponseKey] = useState(null);
+    useEffect(() => {
+        if (missingFinalResponseAnimationKey == null) {
+            setRevealedMissingFinalResponseKey(null);
+            return;
+        }
+        setRevealedMissingFinalResponseKey((current) => current === missingFinalResponseAnimationKey ? current : null);
+    }, [missingFinalResponseAnimationKey]);
+    const missingFinalResponseRevealed = missingFinalResponseAnimationKey == null ||
+        revealedMissingFinalResponseKey === missingFinalResponseAnimationKey;
+    const handleMissingFinalResponseReveal = useCallback(() => {
+        if (missingFinalResponseAnimationKey == null)
+            return;
+        setRevealedMissingFinalResponseKey(missingFinalResponseAnimationKey);
+    }, [missingFinalResponseAnimationKey]);
+    const completedToolNames = isLast && chatRunning && !hasCompletedCustomUi && Array.isArray(msg.content)
+        ? completedAssistantToolNamesAfterLastText(msg.content)
+        : [];
+    const shouldHoldCompletionFooter = isLast &&
+        ((missingFinalResponseCandidate && !showMissingFinalResponse) ||
+            (animateMissingFinalResponse && !missingFinalResponseRevealed));
     const responseConnectionContext = userMessageTextBeforeAssistant(thread.messages, msg.id);
-    const isComplete = shouldShowAssistantMessageFooter({
-        isLast,
-        chatRunning,
-        hasRenderableContent,
-        statusIsTerminal,
-        hasUnresolvedTool,
-    });
+    const isComplete = !shouldHoldCompletionFooter &&
+        shouldShowAssistantMessageFooter({
+            isLast,
+            chatRunning,
+            hasRenderableContent,
+            statusIsTerminal,
+            hasUnresolvedTool,
+        });
     const cpCtx = React.useContext(CheckpointContext);
+    useEffect(() => {
+        if (isLast && chatRunning) {
+            wasLiveRef.current = true;
+        }
+        else if (!isLast) {
+            wasLiveRef.current = false;
+        }
+    }, [chatRunning, isLast]);
     // Capture live run duration when this message finishes streaming.
     const runStartedAtRef = useRef(null);
     const [capturedDurationMs, setCapturedDurationMs] = useState(null);
@@ -844,38 +967,44 @@ export function AssistantMessage() {
     });
     if (!hasRenderableContent)
         return null;
-    return (_jsxs("div", { className: "group relative", style: { contentVisibility: isComplete ? "auto" : "visible" }, children: [_jsxs("div", { className: "w-full max-w-[95%] text-sm leading-relaxed text-foreground", children: [_jsx(MessagePrimitive.GroupedParts, { groupBy: groupAssistantWorkParts, children: ({ part, children }) => {
-                            switch (part.type) {
-                                case "group-work": {
-                                    const showSummary = shouldShowAssistantWorkSummary({
-                                        isLast,
-                                        isComplete,
-                                        hasCollapsibleWork,
-                                        hasUnresolvedTool,
-                                        chatRunning,
-                                    });
-                                    if (!showSummary)
-                                        return _jsx(_Fragment, { children: children });
-                                    return (_jsx(WorkedForSummary, { durationMs: capturedDurationMs ?? persistedDurationMs, defaultOpen: hasCustomUi, autoCollapse: animateCollapse && !hasCustomUi, children: children }));
-                                }
-                                case "group-ran-tools": {
-                                    const toolCount = part.indices.filter((index) => msgContent?.[index]?.type === "tool-call").length;
-                                    return (_jsx(RanToolsSummary, { toolCount: toolCount, children: children }));
-                                }
-                                case "text":
-                                    return _jsx(MarkdownText, {});
-                                case "reasoning":
-                                    return _jsx(ReasoningMessagePart, {});
-                                case "tool-call":
-                                    if (shadowedToolCallIds.has(part.toolCallId))
+    return (_jsxs("div", { className: "group relative", style: { contentVisibility: isComplete ? "auto" : "visible" }, children: [_jsxs("div", { className: "w-full max-w-[95%] text-sm leading-relaxed text-foreground", children: [_jsx(ToolCallStackMotion, { children: _jsx(MessagePrimitive.GroupedParts, { groupBy: groupAssistantWorkParts, children: ({ part, children }) => {
+                                switch (part.type) {
+                                    case "group-work": {
+                                        const showSummary = shouldShowAssistantWorkSummary({
+                                            isLast,
+                                            isComplete,
+                                            hasCollapsibleWork,
+                                            hasUnresolvedTool,
+                                            chatRunning,
+                                        });
+                                        if (!showSummary)
+                                            return _jsx(_Fragment, { children: children });
+                                        return (_jsx(WorkedForSummary, { durationMs: capturedDurationMs ?? persistedDurationMs, defaultOpen: hasCustomUi, autoCollapse: animateCollapse && !hasCustomUi, children: children }));
+                                    }
+                                    case "group-ran-tools": {
+                                        const toolCount = part.indices.filter((index) => msgContent?.[index]?.type === "tool-call").length;
+                                        return (_jsx(RanToolsSummary, { toolCount: toolCount, children: children }));
+                                    }
+                                    case "text":
+                                        if (missingWarningText != null &&
+                                            part.text === missingWarningText) {
+                                            return (_jsx(MissingFinalResponseNotice, { messageId: msg.id, text: part.text, animate: animateMissingFinalResponse, onRevealComplete: handleMissingFinalResponseReveal }));
+                                        }
+                                        return _jsx(MarkdownText, {});
+                                    case "reasoning":
+                                        return _jsx(ReasoningMessagePart, {});
+                                    case "tool-call":
+                                        if (shadowedToolCallIds.has(part.toolCallId))
+                                            return null;
+                                        return part.toolUI ? (_jsx(ToolActivityPresentation, { toolName: part.toolName, isRunning: part.status?.type === "running", isActiveTail: part.toolCallId === activeTailToolCallId, toolCallId: part.toolCallId, children: part.toolUI })) : (_jsx(ToolCallFallback, { ...part, isActiveTail: part.toolCallId === activeTailToolCallId }));
+                                    default:
                                         return null;
-                                    return part.toolUI ? (_jsx(ToolActivityPresentation, { toolName: part.toolName, isRunning: part.status?.type === "running", isActiveTail: part.toolCallId === activeTailToolCallId, children: part.toolUI })) : (_jsx(ToolCallFallback, { ...part, isActiveTail: part.toolCallId === activeTailToolCallId }));
-                                default:
-                                    return null;
-                            }
-                        } }), showInlineRunError && messageRunError && (_jsx(InlineRunErrorNotice, { info: messageRunError, durationMs: capturedDurationMs ?? persistedDurationMs, onRetry: isLast && messageRunError.recoverable
+                                }
+                            } }) }), completedToolNames.length > 0 && !showInlineRunError && (_jsx(AssistantCompletionProgress, { messageId: msg.id, toolNames: completedToolNames })), showInlineRunError && messageRunError && (_jsx(InlineRunErrorNotice, { info: messageRunError, durationMs: capturedDurationMs ?? persistedDurationMs, onRetry: isLast && messageRunError.recoverable
                             ? messageActions?.onRetryRunError
-                            : undefined })), showMissingFinalResponse && !showInlineRunError && (_jsx("p", { role: "status", className: "text-muted-foreground", children: "The agent stopped without sending a final message. Ask it to continue or retry." })), isComplete && hasCodeAgentTools && msgContent && (_jsx(FilesChangedSummary, { parts: msgContent })), isComplete && (_jsx(McpConnectionSuggestion, { text: responseConnectionText, contextText: responseConnectionContext, variant: "response" }))] }), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore }), isLast && (_jsx(TooltipProvider, { delayDuration: 400, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ActionBarPrimitive.Reload, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Regenerate response", className: `flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground ${messageFooterFadeClassName} disabled:cursor-not-allowed disabled:opacity-40`, children: _jsx(IconRefresh, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { side: "top", className: "text-xs", children: "Regenerate response" })] }) })), _jsx(MessageBranchPicker, {}), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: messageFooterFadeClassName }))] }), showRestore && restoreState === "confirming" ? (_jsxs("div", { className: "flex items-center gap-1 text-xs", children: [_jsx("button", { onClick: handleRestore, className: "rounded-md bg-destructive px-1.5 py-0.5 text-destructive-foreground hover:bg-destructive/90", children: "Restore to here?" }), _jsx("button", { onClick: cancelRestore, className: "rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Cancel" })] })) : showRestore && restoreState === "restoring" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }), "Restoring..."] })) : restoreState === "error" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: restoreError }), _jsx("button", { onClick: cancelRestore, className: "cursor-pointer rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Dismiss" })] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: messageRunId ?? "", messageSeq: thread.messages.findIndex((m) => m.id === msg.id) }))] }))] }));
+                            : undefined })), missingWarningText == null &&
+                        missingFinalResponseNoticeText != null &&
+                        !showInlineRunError && (_jsx(MissingFinalResponseNotice, { messageId: msg.id, text: missingFinalResponseNoticeText, animate: animateMissingFinalResponse, onRevealComplete: handleMissingFinalResponseReveal })), isComplete && hasCodeAgentTools && msgContent && (_jsx(FilesChangedSummary, { parts: msgContent })), isComplete && (_jsx(McpConnectionSuggestion, { text: responseConnectionText, contextText: responseConnectionContext, variant: "response" }))] }), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore }), isLast && (_jsx(TooltipProvider, { delayDuration: 400, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ActionBarPrimitive.Reload, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Regenerate response", className: `flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground ${messageFooterFadeClassName} disabled:cursor-not-allowed disabled:opacity-40`, children: _jsx(IconRefresh, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { side: "top", className: "text-xs", children: "Regenerate response" })] }) })), _jsx(MessageBranchPicker, {}), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: messageFooterFadeClassName }))] }), showRestore && restoreState === "confirming" ? (_jsxs("div", { className: "flex items-center gap-1 text-xs", children: [_jsx("button", { onClick: handleRestore, className: "rounded-md bg-destructive px-1.5 py-0.5 text-destructive-foreground hover:bg-destructive/90", children: "Restore to here?" }), _jsx("button", { onClick: cancelRestore, className: "rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Cancel" })] })) : showRestore && restoreState === "restoring" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }), "Restoring..."] })) : restoreState === "error" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: restoreError }), _jsx("button", { onClick: cancelRestore, className: "cursor-pointer rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Dismiss" })] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: messageRunId ?? "", messageSeq: thread.messages.findIndex((m) => m.id === msg.id) }))] }))] }));
 }
 // ─── RunningActivityStatus / ThinkingIndicator ────────────────────────────────
 export function RunningActivityStatus({ label }) {

package/dist/client/chat/tool-call-display.d.ts

@@ -7,6 +7,15 @@ import { FilesChangedSummary } from "../tool-cells/index.js";
 export declare const ChatRunningContext: React.Context<boolean>;
 export declare const ChatRunDurationContext: React.Context<number | null>;
 export declare const ASSISTANT_VISIBLE_TOOL_CALL_LIMIT = 3;
+/**
+ * Keeps the visible tool stack spatially continuous as streaming calls change
+ * which rows belong to the collapsed history bucket. The rendered data stays
+ * untouched; this only animates the DOM's before/after positions.
+ */
+export declare function ToolCallStackMotion({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;
 /**
  * Human-in-the-loop approval bridge. `AssistantChatInner` provides a value that
  * re-issues the turn approving a specific paused tool call (opt-in
@@ -38,10 +47,11 @@ export declare function toolCallHasPendingApproval(part: {
     } | null;
 }): boolean;
 export declare const TOOL_LONG_RUNNING_HINT_DELAY_MS = 45000;
-export declare function ToolActivityPresentation({ toolName, isRunning, isActiveTail, suppressLongRunningHint, children, }: {
+export declare function ToolActivityPresentation({ toolName, isRunning, isActiveTail, toolCallId, suppressLongRunningHint, children, }: {
     toolName: string;
     isRunning: boolean;
     isActiveTail: boolean;
+    toolCallId?: string;
     suppressLongRunningHint?: boolean;
     children: React.ReactNode;
 }): React.JSX.Element;
@@ -59,8 +69,9 @@ export declare function AnimatedCollapse({ open, children, }: {
     open: boolean;
     children: React.ReactNode;
 }): React.JSX.Element | null;
-export declare function ToolCallDisplay({ toolName, argsText, args, result, mcpApp, chatUI, isRunning, outcome, structuredMeta, approval, repeatCount, isLatestRunning, isActiveTail, }: {
+export declare function ToolCallDisplay({ toolName, toolCallId, argsText, args, result, mcpApp, chatUI, isRunning, outcome, structuredMeta, approval, repeatCount, isLatestRunning, isActiveTail, }: {
     toolName: string;
+    toolCallId?: string;
     argsText?: string;
     args: Record<string, unknown>;
     result?: string;
@@ -80,7 +91,7 @@ export declare function ToolCallDisplay({ toolName, argsText, args, result, mcpA
     /** @deprecated Use isActiveTail. */
     isLatestRunning?: boolean;
 }): React.JSX.Element;
-export declare function ToolCallFallback({ toolName, args, argsText, result, ...rest }: ToolCallMessagePartProps & {
+export declare function ToolCallFallback({ toolName, toolCallId, args, argsText, result, ...rest }: ToolCallMessagePartProps & {
     mcpApp?: AgentMcpAppPayload;
     chatUI?: ActionChatUIConfig;
     structuredMeta?: Record<string, unknown>;
@@ -126,8 +137,9 @@ export declare function WorkedForSummary({ durationMs, defaultOpen, autoCollapse
     autoCollapse?: boolean;
     children: React.ReactNode;
 }): React.JSX.Element;
-export declare function RanToolsSummary({ toolCount, children, }: {
+export declare function RanToolsSummary({ toolCount, motionKey, children, }: {
     toolCount: number;
+    motionKey?: string;
     children: React.ReactNode;
 }): React.JSX.Element;
 export { FilesChangedSummary };