@parhelia/core 0.3.12831 → 0.4.12796

package/dist/editor/ai/terminal/components/ApprovalCard.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Check, ShieldCheck, X, Zap } from "lucide-react";
+import { useId, useMemo, useState } from "react";
+import { Check, ChevronDown, ShieldCheck, X, Zap } from "lucide-react";
 import { Button } from "../../../../components/ui/button";
+import { Checkbox } from "../../../../components/ui/checkbox";
+import { Textarea } from "../../../../components/ui/textarea";
 import { Tooltip, TooltipTrigger, TooltipContent, } from "../../../../components/ui/tooltip";
 import { Spinner } from "../../../ui/Spinner";
 import { cleanToolFunctionName } from "./toolCallApprovalGate";
@@ -19,6 +21,8 @@ const hasDeleteAllowance = (item) => {
         !!item.allowableScope.parentItemPath);
 };
 const ApprovalItemContent = ({ item, compact = false, }) => {
+    const [expanded, setExpanded] = useState(false);
+    const detailsId = useId();
     const functionName = cleanToolFunctionName(item.functionName);
     const content = getToolCallContentRenderer(functionName)?.resolveApproval?.({
         functionName,
@@ -26,10 +30,7 @@ const ApprovalItemContent = ({ item, compact = false, }) => {
     });
     if (!content)
         return null;
-    if (compact) {
-        return (_jsxs("details", { className: "border-border-default mt-1 w-full rounded border px-2 py-1", children: [_jsx("summary", { className: "text-neutral-grey-50 cursor-pointer text-[10px] font-medium", children: "View changes" }), content] }));
-    }
-    return content;
+    return (_jsxs("div", { className: compact ? "mt-1 w-full" : "mt-0.5 w-full", children: [_jsxs("button", { type: "button", "aria-expanded": expanded, "aria-controls": detailsId, className: "text-neutral-grey-50 hover:text-neutral-grey-100 focus-visible:ring-ring/50 inline-flex items-center gap-1 rounded-sm py-0.5 text-[10px] font-medium outline-none focus-visible:ring-2", onClick: () => setExpanded((current) => !current), "data-testid": "agent-approval-details-toggle", children: [_jsx(ChevronDown, { className: `h-3 w-3 transition-transform duration-200 ${expanded ? "rotate-180" : ""}`, strokeWidth: 1 }), expanded ? "Hide details" : "Show details"] }), expanded && _jsx("div", { id: detailsId, children: content })] }));
 };
 /**
  * The primary interaction surface for a supervised approval pause: shown
@@ -39,9 +40,45 @@ const ApprovalItemContent = ({ item, compact = false, }) => {
  * (via useApprovalActions); ToolCallDisplay is diagnostics-only.
  */
 export function ApprovalCard({ agentId, items, readOnly = false, onSwitchToAutonomous, }) {
-    const { busyAction, error, approveAll, rejectAll, switchToAutonomous, approveWithAllowance, } = useApprovalActions({ agentId, readOnly, onSwitchToAutonomous });
+    const { busyAction, error, clearError, approveAll, rejectAll, switchToAutonomous, approveWithAllowance, } = useApprovalActions({ agentId, readOnly, onSwitchToAutonomous });
+    const [showRejectionReason, setShowRejectionReason] = useState(false);
+    const [rejectionReason, setRejectionReason] = useState("");
+    const rejectionReasonId = useId();
+    // Every action is included by default; we only track the ones the user
+    // unticked so actions that arrive later start out selected as well.
+    const [deselectedIds, setDeselectedIds] = useState(() => new Set());
     const isPlural = items.length > 1;
     const singleItem = !isPlural ? items[0] : undefined;
+    const selectedItems = useMemo(() => isPlural
+        ? items.filter((item) => !deselectedIds.has(item.toolCallId))
+        : items, [deselectedIds, isPlural, items]);
+    const selectedCount = selectedItems.length;
+    const allSelected = selectedCount === items.length;
+    const noneSelected = selectedCount === 0;
+    const setItemSelected = (toolCallId, selected) => {
+        setDeselectedIds((current) => {
+            if (selected ? !current.has(toolCallId) : current.has(toolCallId)) {
+                return current;
+            }
+            const next = new Set(current);
+            if (selected)
+                next.delete(toolCallId);
+            else
+                next.add(toolCallId);
+            return next;
+        });
+    };
+    const handleReject = async () => {
+        if (!showRejectionReason) {
+            clearError();
+            setShowRejectionReason(true);
+            return;
+        }
+        if (await rejectAll(selectedItems, rejectionReason)) {
+            setShowRejectionReason(false);
+            setRejectionReason("");
+        }
+    };
     // Collective high badge only when every pending action carries the same
     // single "high" risk (ported from the old batch bar).
     const uniqueRisks = useMemo(() => Array.from(new Set(items.map((item) => item.riskLevel || undefined))), [items]);
@@ -59,17 +96,42 @@ export function ApprovalCard({ agentId, items, readOnly = false, onSwitchToAuton
         ? busyAction.toolCallId
         : null;
     const readOnlyTitle = readOnly ? "Read-only access" : undefined;
-    const countSuffix = isPlural ? ` all (${items.length})` : "";
+    // "Approve all (5)" while every action is ticked; "Approve selected (3)"
+    // once the user narrows the batch.
+    const countSuffix = !isPlural
+        ? ""
+        : allSelected
+            ? ` all (${items.length})`
+            : ` selected (${selectedCount})`;
+    const decisionDisabled = isBusy || readOnly || noneSelected;
+    const decisionTitle = noneSelected
+        ? "Select at least one action"
+        : readOnlyTitle;
     if (items.length === 0) {
         return null;
     }
     const renderAllowanceButton = (item) => {
-        if (!hasDeleteAllowance(item) || !agentId)
+        if (showRejectionReason || !hasDeleteAllowance(item) || !agentId)
             return null;
         const isCreatingAllowance = allowanceBusyToolCallId === item.toolCallId;
         return (_jsxs(Button, { size: "sm", variant: "outline", disabled: isBusy || readOnly, title: readOnlyTitle, onClick: () => approveWithAllowance(item), className: "text-neutral-grey-100 h-7 gap-1.5 bg-white px-2.5 text-xs", "data-testid": "agent-approval-allowance-button", children: [isCreatingAllowance ? (_jsx(Spinner, { size: "xs" })) : (_jsx(ShieldCheck, { size: 12, strokeWidth: 1 })), _jsxs("span", { className: "max-w-72 truncate", children: ["Approve + allow deletes in ", item.allowableScope.parentItemPath] })] }));
     };
-    return (_jsxs("div", { className: "border-neutral-grey-10 mt-1 mb-3 rounded-xl border bg-white px-3 py-2.5", "data-testid": "agent-approval-card", children: [singleItem ? (_jsxs("div", { className: "mb-2.5 flex flex-col gap-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-neutral-grey-100 text-[13px] leading-4 font-medium", children: cleanToolFunctionName(singleItem.functionName) || "Agent action" }), singleItem.riskLevel === "high" && (_jsx(HighRiskBadge, { summary: singleItem.summary })), _jsx("span", { className: "text-neutral-grey-50 ml-auto shrink-0 text-xs", children: "Awaiting approval" })] }), singleItem.summary && (_jsx("span", { className: "text-neutral-grey-100 text-xs leading-5", children: singleItem.summary })), _jsx(ApprovalItemContent, { item: singleItem })] })) : (_jsxs("div", { className: "mb-2.5 flex flex-col gap-1.5", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [showHeaderRiskBadge && _jsx(HighRiskBadge, {}), _jsxs("span", { className: "text-neutral-grey-100 text-[13px] leading-4 font-medium", children: [items.length, " actions awaiting approval"] })] }), _jsx("div", { className: "flex flex-col gap-1", children: items.map((item) => (_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", "data-testid": "agent-approval-card-item", children: [_jsx("span", { className: "text-neutral-grey-100 shrink-0 text-xs font-medium", children: cleanToolFunctionName(item.functionName) || "Agent action" }), !showHeaderRiskBadge && item.riskLevel === "high" && (_jsx(HighRiskBadge, { summary: item.summary })), item.summary && (_jsx("span", { className: "text-neutral-grey-50 min-w-0 flex-1 truncate text-xs", children: item.summary })), renderAllowanceButton(item)] }), _jsx(ApprovalItemContent, { item: item, compact: true })] }, item.toolCallId))) })] })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Button, { size: "sm", "data-testid": "agent-approve-all-button", disabled: isBusy || readOnly, onClick: () => approveAll(items), title: readOnlyTitle, className: "bg-feedback-green hover:bg-feedback-green h-7 gap-1.5 px-2.5 text-xs text-white shadow-xs", children: [isApproving ? (_jsx(Spinner, { size: "xs" })) : (_jsx(Check, { size: 12, strokeWidth: 1 })), "Approve", countSuffix] }), _jsxs(Button, { size: "sm", variant: "outline", "data-testid": "agent-reject-all-button", disabled: isBusy || readOnly, onClick: () => rejectAll(items), title: readOnlyTitle, className: "border-feedback-red text-feedback-red hover:border-feedback-red hover:bg-feedback-red-light hover:text-feedback-red h-7 gap-1.5 bg-white px-2.5 text-xs", children: [isRejecting ? (_jsx(Spinner, { size: "xs" })) : (_jsx(X, { size: 12, strokeWidth: 1 })), "Reject", countSuffix] }), singleItem && renderAllowanceButton(singleItem), !hideAutonomousSwitch && (_jsxs(Button, { size: "sm", variant: "ghost", "data-testid": "agent-approval-autonomous-button", disabled: isBusy || readOnly, onClick: () => switchToAutonomous(items), title: readOnly
+    return (_jsxs("div", { className: "border-neutral-grey-10 mt-1 mb-3 min-w-0 rounded-xl border bg-white px-3 py-2.5", "data-testid": "agent-approval-card", children: [singleItem ? (_jsxs("div", { className: "mb-2.5 flex flex-col gap-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-neutral-grey-100 text-[13px] leading-4 font-medium", children: cleanToolFunctionName(singleItem.functionName) || "Agent action" }), singleItem.riskLevel === "high" && (_jsx(HighRiskBadge, { summary: singleItem.summary })), _jsx("span", { className: "text-neutral-grey-50 ml-auto shrink-0 text-xs", children: "Awaiting approval" })] }), singleItem.summary && (_jsx("span", { className: "text-neutral-grey-100 text-xs leading-5 [overflow-wrap:anywhere] whitespace-pre-wrap", children: singleItem.summary })), _jsx(ApprovalItemContent, { item: singleItem })] })) : (_jsxs("div", { className: "mb-2.5 flex flex-col gap-1.5", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [showHeaderRiskBadge && _jsx(HighRiskBadge, {}), _jsxs("span", { className: "text-neutral-grey-100 text-[13px] leading-4 font-medium", children: [items.length, " actions awaiting approval"] })] }), _jsx("div", { className: "flex flex-col gap-1", children: items.map((item) => {
+                            const label = cleanToolFunctionName(item.functionName) || "Agent action";
+                            const checkboxId = `${rejectionReasonId}-${item.toolCallId}`;
+                            const selected = !deselectedIds.has(item.toolCallId);
+                            return (_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex flex-wrap items-start gap-x-2 gap-y-1", "data-testid": "agent-approval-card-item", "data-selected": selected ? "true" : "false", children: [_jsx(Checkbox, { id: checkboxId, checked: selected, disabled: isBusy || readOnly, onCheckedChange: (checked) => setItemSelected(item.toolCallId, checked === true), "aria-label": `Include ${label}`, className: "mt-0.5", "data-testid": "agent-approval-item-checkbox" }), _jsx("label", { htmlFor: checkboxId, className: "text-neutral-grey-100 max-w-full cursor-pointer text-xs leading-5 font-medium [overflow-wrap:anywhere]", children: label }), !showHeaderRiskBadge && item.riskLevel === "high" && (_jsx(HighRiskBadge, { summary: item.summary })), item.summary && (_jsx("span", { className: "text-neutral-grey-50 min-w-0 flex-1 text-xs leading-5 [overflow-wrap:anywhere] whitespace-pre-wrap", children: item.summary })), renderAllowanceButton(item)] }), _jsx("div", { className: "pl-6", children: _jsx(ApprovalItemContent, { item: item, compact: true }) })] }, item.toolCallId));
+                        }) })] })), showRejectionReason && (_jsxs("div", { className: "mb-2.5 flex flex-col gap-1.5", children: [_jsx("label", { htmlFor: rejectionReasonId, className: "text-neutral-grey-100 text-xs font-medium", children: "Reason for rejection (optional)" }), _jsx(Textarea, { id: rejectionReasonId, autoFocus: true, value: rejectionReason, onChange: (event) => setRejectionReason(event.target.value), disabled: isBusy || readOnly, placeholder: "Tell the model why you\u2019re rejecting this or what to do instead.", "aria-describedby": `${rejectionReasonId}-help`, className: "max-h-48 resize-y" }), _jsx("p", { id: `${rejectionReasonId}-help`, className: "text-neutral-grey-50 text-xs", children: selectedCount > 1
+                            ? "Your reason will be sent to the model for every rejected action."
+                            : "Your reason will be sent to the model with the rejection." })] })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [!showRejectionReason && (_jsxs(Button, { size: "sm", "data-testid": "agent-approve-all-button", disabled: decisionDisabled, onClick: () => approveAll(selectedItems), title: decisionTitle, className: "bg-feedback-green hover:bg-feedback-green h-7 gap-1.5 px-2.5 text-xs text-white shadow-xs", children: [isApproving ? (_jsx(Spinner, { size: "xs" })) : (_jsx(Check, { size: 12, strokeWidth: 1 })), "Approve", countSuffix] })), _jsxs(Button, { size: "sm", variant: "outline", "data-testid": "agent-reject-all-button", disabled: decisionDisabled, onClick: handleReject, title: decisionTitle, className: "border-feedback-red text-feedback-red hover:border-feedback-red hover:bg-feedback-red-light hover:text-feedback-red h-7 gap-1.5 bg-white px-2.5 text-xs", children: [isRejecting ? (_jsx(Spinner, { size: "xs" })) : (_jsx(X, { size: 12, strokeWidth: 1 })), showRejectionReason
+                                ? `Confirm rejection${isPlural ? ` (${selectedCount})` : ""}`
+                                : `Reject${countSuffix}`] }), showRejectionReason && (_jsx(Button, { size: "sm", variant: "ghost", disabled: isBusy, onClick: () => {
+                            setShowRejectionReason(false);
+                            setRejectionReason("");
+                            clearError();
+                        }, className: "h-7 px-2.5 text-xs", children: "Cancel" })), !showRejectionReason &&
+                        singleItem &&
+                        renderAllowanceButton(singleItem), !showRejectionReason && !hideAutonomousSwitch && (_jsxs(Button, { size: "sm", variant: "ghost", "data-testid": "agent-approval-autonomous-button", disabled: isBusy || readOnly, onClick: () => switchToAutonomous(items), title: readOnly
                             ? "Read-only access"
                             : "Stop asking for approval and let the agent run autonomously", className: "text-neutral-grey-50 hover:text-neutral-grey-100 ml-auto h-7 gap-1.5 px-2 text-xs", children: [isSwitchingMode ? (_jsx(Spinner, { size: "xs" })) : (_jsx(Zap, { size: 12, strokeWidth: 1 })), isSwitchingMode ? "Switching" : "Autonomous"] }))] }), error && (_jsx("div", { className: "text-feedback-red mt-2 text-xs", "data-testid": "agent-approval-card-error", role: "alert", children: error }))] }));
 }

package/dist/editor/ai/terminal/components/ApprovalCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApprovalCard.js","sourceRoot":"","sources":["../../../../../src/editor/ai/terminal/components/ApprovalCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApprovalCard.js","sourceRoot":"","sources":["../../../../../src/editor/ai/terminal/components/ApprovalCard.tsx"],"names":[],"mappings":"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"}

package/dist/editor/ai/terminal/components/InitialThinkingSplash.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AGENT_THINKING_TEXT_SIZE_CLASS } from "./agentThinkingStyles";
+import { AGENT_THINKING_LABEL_CLASS, AGENT_THINKING_TEXT, } from "./agentThinkingStyles";
 export const InitialThinkingSplash = () => {
-    return (_jsx("div", { className: "flex h-full items-center justify-center p-8", children: _jsx("span", { className: `animate-text-shimmer ${AGENT_THINKING_TEXT_SIZE_CLASS} font-medium`, children: "Thinking..." }) }));
+    return (_jsx("div", { className: "flex h-full items-center justify-center p-8", children: _jsx("span", { className: `animate-text-shimmer ${AGENT_THINKING_LABEL_CLASS}`, children: AGENT_THINKING_TEXT }) }));
 };
 //# sourceMappingURL=InitialThinkingSplash.js.map

package/dist/editor/ai/terminal/components/InitialThinkingSplash.js.map

@@ -1 +1 @@
-{"version":3,"file":"InitialThinkingSplash.js","sourceRoot":"","sources":["../../../../../src/editor/ai/terminal/components/InitialThinkingSplash.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,8BAA8B,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,CACL,cAAK,SAAS,EAAC,6CAA6C,YAC1D,eACE,SAAS,EAAE,wBAAwB,8BAA8B,cAAc,4BAG1E,GACH,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"InitialThinkingSplash.js","sourceRoot":"","sources":["../../../../../src/editor/ai/terminal/components/InitialThinkingSplash.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,CACL,cAAK,SAAS,EAAC,6CAA6C,YAC1D,eAAM,SAAS,EAAE,wBAAwB,0BAA0B,EAAE,YAClE,mBAAmB,GACf,GACH,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/editor/ai/terminal/components/QueuedPromptsPanel.js

@@ -10,7 +10,7 @@ export const QueuedPromptsPanel = ({ queuedPrompts, onPushQueuedPrompt, onDelete
     const [expandedDetailIds, setExpandedDetailIds] = useState({});
     if (queuedPrompts.length === 0)
         return null;
-    return (_jsx("div", { className: "border-border-default border-t bg-white", "data-testid": "queued-prompts-section", children: _jsx("div", { className: "px-3 py-2.5", children: _jsx("div", { className: "border-border-default divide-border-default max-h-64 divide-y overflow-y-auto rounded-lg border bg-white", children: queuedPrompts.map((qp) => {
+    return (_jsx("div", { className: "border-border-default border-t bg-white", "data-testid": "queued-prompts-section", children: _jsx("div", { className: "px-3 py-1.5", children: _jsx("div", { className: "border-border-default divide-border-default max-h-64 divide-y overflow-y-auto rounded-lg border bg-white", children: queuedPrompts.map((qp) => {
                     let triggerName = "";
                     if (qp.data) {
                         try {
@@ -33,7 +33,7 @@ export const QueuedPromptsPanel = ({ queuedPrompts, onPushQueuedPrompt, onDelete
                     const hasSchedule = qp.scheduledFor &&
                         new Date(qp.scheduledFor).getTime() >
                             new Date(qp.createdDate || 0).getTime() + 1000;
-                    return (_jsxs("div", { className: "group/qp", "data-testid": "queued-prompt-item", children: [_jsxs("div", { className: "hover:bg-neutral-grey-5 relative flex items-center gap-2 px-2.5 py-2 transition-colors", children: [_jsx("span", { className: "text-neutral-grey-50 -ml-1.5 flex h-4 w-3 shrink-0 cursor-grab items-center justify-center opacity-0 transition-opacity group-hover/qp:opacity-100", "aria-hidden": "true", children: _jsx(GripVertical, { className: "h-3.5 w-3.5", strokeWidth: 1 }) }), _jsx(ListTree, { className: "text-neutral-grey-50 h-4 w-4 shrink-0", strokeWidth: 1 }), _jsx("span", { className: "text-neutral-grey-100 min-w-0 flex-1 truncate text-[13px]", "data-testid": "queued-prompt-text", title: qp.prompt, children: qp.prompt }), _jsxs("div", { className: "text-neutral-grey-50 flex shrink-0 items-center gap-1", children: [onPushQueuedPrompt ? (_jsxs("button", { type: "button", className: "hover:text-neutral-grey-100 hover:bg-neutral-grey-10 inline-flex h-7 items-center gap-1 rounded px-2 text-[13px] transition-colors disabled:cursor-not-allowed disabled:opacity-50", title: "Steer the agent with this prompt now", "aria-label": "Steer the agent with this prompt now", "data-testid": "queued-prompt-push-button", disabled: pushDisabled, onClick: () => onPushQueuedPrompt(qp), children: [_jsx(CornerDownRight, { className: "h-3.5 w-3.5", strokeWidth: 1 }), "Steer"] })) : null, onDeleteQueuedPrompt ? (_jsx("button", { type: "button", className: "hover:text-neutral-grey-100 hover:bg-neutral-grey-10 inline-flex h-7 w-7 items-center justify-center rounded transition-colors disabled:cursor-not-allowed disabled:opacity-50", title: "Delete queued prompt", "aria-label": "Delete queued prompt", "data-testid": "queued-prompt-delete-button", disabled: deleteDisabled, onClick: () => onDeleteQueuedPrompt(qp), children: _jsx(DeleteIcon, { size: "md" }) })) : null, _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "hover:text-neutral-grey-100 hover:bg-neutral-grey-10 data-[state=open]:bg-neutral-grey-10 data-[state=open]:text-neutral-grey-100 inline-flex h-7 w-7 items-center justify-center rounded transition-colors", title: "More actions", "aria-label": "More actions", "data-testid": "queued-prompt-more-button", children: _jsx(MoreHorizontal, { className: "h-4 w-4", strokeWidth: 1 }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-44", children: [_jsxs(DropdownMenuItem, { onSelect: () => {
+                    return (_jsxs("div", { className: "group/qp", "data-testid": "queued-prompt-item", children: [_jsxs("div", { className: "hover:bg-neutral-grey-5 relative flex items-center gap-2 px-2.5 py-1 transition-colors", children: [_jsx("span", { className: "text-neutral-grey-50 -ml-1.5 flex h-4 w-3 shrink-0 cursor-grab items-center justify-center opacity-0 transition-opacity group-hover/qp:opacity-100", "aria-hidden": "true", children: _jsx(GripVertical, { className: "h-3.5 w-3.5", strokeWidth: 1 }) }), _jsx(ListTree, { className: "text-neutral-grey-50 h-4 w-4 shrink-0", strokeWidth: 1 }), _jsx("span", { className: "text-neutral-grey-100 min-w-0 flex-1 truncate text-[13px]", "data-testid": "queued-prompt-text", title: qp.prompt, children: qp.prompt }), _jsxs("div", { className: "text-neutral-grey-50 flex shrink-0 items-center gap-1", children: [onPushQueuedPrompt ? (_jsxs("button", { type: "button", className: "hover:text-neutral-grey-100 hover:bg-neutral-grey-10 inline-flex h-7 items-center gap-1 rounded px-2 text-[13px] transition-colors disabled:cursor-not-allowed disabled:opacity-50", title: "Steer the agent with this prompt now", "aria-label": "Steer the agent with this prompt now", "data-testid": "queued-prompt-push-button", disabled: pushDisabled, onClick: () => onPushQueuedPrompt(qp), children: [_jsx(CornerDownRight, { className: "h-3.5 w-3.5", strokeWidth: 1 }), "Steer"] })) : null, onDeleteQueuedPrompt ? (_jsx("button", { type: "button", className: "hover:text-neutral-grey-100 hover:bg-neutral-grey-10 inline-flex h-7 w-7 items-center justify-center rounded transition-colors disabled:cursor-not-allowed disabled:opacity-50", title: "Delete queued prompt", "aria-label": "Delete queued prompt", "data-testid": "queued-prompt-delete-button", disabled: deleteDisabled, onClick: () => onDeleteQueuedPrompt(qp), children: _jsx(DeleteIcon, { size: "md" }) })) : null, _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "hover:text-neutral-grey-100 hover:bg-neutral-grey-10 data-[state=open]:bg-neutral-grey-10 data-[state=open]:text-neutral-grey-100 inline-flex h-7 w-7 items-center justify-center rounded transition-colors", title: "More actions", "aria-label": "More actions", "data-testid": "queued-prompt-more-button", children: _jsx(MoreHorizontal, { className: "h-4 w-4", strokeWidth: 1 }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-44", children: [_jsxs(DropdownMenuItem, { onSelect: () => {
                                                                     void navigator.clipboard?.writeText(qp.prompt);
                                                                 }, children: [_jsx(Copy, { strokeWidth: 1 }), "Copy prompt"] }), _jsxs(DropdownMenuItem, { onSelect: () => setExpandedDetailIds((prev) => ({
                                                                     ...prev,

package/dist/editor/ai/terminal/components/ResponseTurnDuration.d.ts

@@ -0,0 +1,15 @@
+import type { AgentTurnTiming } from "../agentTurnTiming";
+/**
+ * Current time that refreshes once per interval while `active`. Stops ticking
+ * when inactive and keeps the last value, so a settled turn reads the moment
+ * it settled until persisted timestamps arrive.
+ */
+export declare function useNowTicker(active: boolean, intervalMs?: number): number;
+/**
+ * Wall-clock duration of one response turn. Ticks while the turn is running
+ * and settles on the persisted timing once the response has completed.
+ */
+export declare function ResponseTurnDuration({ timing, className, }: {
+    timing: AgentTurnTiming;
+    className?: string;
+}): import("react").JSX.Element | null;

package/dist/editor/ai/terminal/components/ResponseTurnDuration.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Timer } from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../../../components/ui/tooltip";
+import { cn } from "../../../../lib/utils";
+import { formatTime } from "../../../utils";
+import { formatDurationMs, formatElapsedMs } from "../agentDurations";
+const TICK_INTERVAL_MS = 1000;
+/**
+ * Current time that refreshes once per interval while `active`. Stops ticking
+ * when inactive and keeps the last value, so a settled turn reads the moment
+ * it settled until persisted timestamps arrive.
+ */
+export function useNowTicker(active, intervalMs = TICK_INTERVAL_MS) {
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        if (!active) {
+            return undefined;
+        }
+        const handle = window.setInterval(() => {
+            setNow(Date.now());
+        }, intervalMs);
+        return () => {
+            window.clearInterval(handle);
+        };
+    }, [active, intervalMs]);
+    return now;
+}
+const formatClock = (epochMs) => formatTime(new Date(epochMs), { second: "numeric" });
+/**
+ * Wall-clock duration of one response turn. Ticks while the turn is running
+ * and settles on the persisted timing once the response has completed.
+ */
+export function ResponseTurnDuration({ timing, className, }) {
+    const { startedAt, endedAt, isLive } = timing;
+    const now = useNowTicker(isLive);
+    // While live the clock is the end. Once settled, prefer the persisted end;
+    // until the snapshot brings it, the last tick is within a second of it.
+    const effectiveEnd = isLive ? now : (endedAt ?? now);
+    const durationMs = Math.max(0, effectiveEnd - startedAt);
+    const label = isLive
+        ? formatElapsedMs(durationMs)
+        : formatDurationMs(durationMs);
+    if (!label) {
+        return null;
+    }
+    const tooltip = isLive
+        ? `Responding for ${label}, since ${formatClock(startedAt)}`
+        : `Response took ${label} (${formatClock(startedAt)} to ${formatClock(effectiveEnd)})`;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("span", { className: cn("text-neutral-grey-50 inline-flex shrink-0 cursor-help items-center gap-1 text-[10px] leading-4 tabular-nums", className), "data-testid": "agent-turn-duration", "data-live": isLive ? "true" : "false", "data-duration-ms": durationMs, children: [_jsx(Timer, { size: 12, strokeWidth: 1, "aria-hidden": "true" }), _jsx("span", { children: label })] }) }), _jsx(TooltipContent, { side: "top", children: tooltip })] }));
+}
+//# sourceMappingURL=ResponseTurnDuration.js.map

package/dist/editor/ai/terminal/components/ResponseTurnDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseTurnDuration.js","sourceRoot":"","sources":["../../../../../src/editor/ai/terminal/components/ResponseTurnDuration.tsx"],"names":[],"mappings":"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"}

package/dist/editor/ai/terminal/components/ToolCallDisplay.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import "react-json-view-lite/dist/index.css";
 import type { EditOperation } from "../../../../types";
+import type { AgentTurnTiming } from "../agentTurnTiming";
 export type ApprovalInfo = {
     summary: string;
     riskLevel?: "low" | "medium" | "high";
@@ -69,6 +70,7 @@ interface ToolCallDisplayProps {
     editOperations?: EditOperation[];
     finished: boolean;
     isLive?: boolean;
+    liveTiming?: AgentTurnTiming | null;
     openPopovers: {
         [key: string]: boolean;
     };
@@ -90,5 +92,5 @@ export declare const InlineToolResultPreview: ({ preview, className, imageClassN
     imageClassName?: string;
     testId?: string;
 }) => React.JSX.Element;
-export declare function ToolCallDisplay({ toolCalls, editOperations, finished, isLive, openPopovers, setOpenPopovers, messageId, }: ToolCallDisplayProps): React.JSX.Element | null;
+export declare function ToolCallDisplay({ toolCalls, editOperations, finished, isLive, liveTiming, openPopovers, setOpenPopovers, messageId, }: ToolCallDisplayProps): React.JSX.Element | null;
 export {};

package/dist/editor/ai/terminal/components/ToolCallDisplay.js

@@ -7,7 +7,11 @@ import { CopyButton } from "../../../../components/ui/copy-button";
 import { AgentImageCopyButton } from "../../AgentImageCopyButton";
 import { Tooltip, TooltipTrigger, TooltipContent, } from "../../../../components/ui/tooltip";
 import { formatTime, formatDateTime } from "../../../utils";
+import { formatDurationMs } from "../agentDurations";
+import { formatWorkingOnToolLabel } from "./agentThinkingStyles";
+import { ResponseTurnDuration } from "./ResponseTurnDuration";
 import { getToolCallContentRenderer } from "./toolCallContentRenderers";
+import { cleanToolFunctionName } from "./toolCallApprovalGate";
 // Custom dark theme styles for JSON view
 const darkJsonStyles = {
     ...defaultStyles,
@@ -31,7 +35,7 @@ const JsonLightThemeStyles = () => (_jsx("style", { children: `
     .dark-json-null { color: var(--color-feedback-red); }
     .dark-json-undefined { color: var(--color-feedback-red); }
   ` }));
-import { ChevronDown, ChevronRight, CheckCircle2, CircleSlash2, XCircle, Wrench, } from "lucide-react";
+import { ChevronDown, ChevronRight, CheckCircle2, CircleSlash2, XCircle, } from "lucide-react";
 const ToolCallStatusIcon = ({ status }) => {
     const Icon = status === "failed"
         ? XCircle
@@ -44,31 +48,6 @@ const ToolCallStatusIcon = ({ status }) => {
                 ? "text-feedback-orange"
                 : "text-feedback-green" }));
 };
-const formatToolDuration = (durationMs) => {
-    if (typeof durationMs !== "number" ||
-        !Number.isFinite(durationMs) ||
-        durationMs < 0) {
-        return null;
-    }
-    if (durationMs < 1000) {
-        return `${Math.round(durationMs)}ms`;
-    }
-    if (durationMs < 10_000) {
-        return `${(durationMs / 1000).toFixed(1)}s`;
-    }
-    if (durationMs < 60_000) {
-        return `${Math.round(durationMs / 1000)}s`;
-    }
-    const totalSeconds = Math.round(durationMs / 1000);
-    const minutes = Math.floor(totalSeconds / 60);
-    const seconds = totalSeconds % 60;
-    if (minutes < 60) {
-        return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
-    }
-    const hours = Math.floor(minutes / 60);
-    const remainingMinutes = minutes % 60;
-    return remainingMinutes > 0 ? `${hours}h ${remainingMinutes}m` : `${hours}h`;
-};
 const formatToolCallMeta = (createdDate, durationMs) => {
     const parts = [];
     let tooltip = null;
@@ -79,7 +58,7 @@ const formatToolCallMeta = (createdDate, durationMs) => {
             tooltip = formatDateTime(parsed);
         }
     }
-    const duration = formatToolDuration(durationMs);
+    const duration = formatDurationMs(durationMs);
     if (duration) {
         parts.push(duration);
     }
@@ -476,7 +455,7 @@ ToolCallDetails.displayName = "ToolCallDetails";
 const AnimatedToolCallDetails = ({ isExpanded, children, }) => {
     return (_jsx(AnimatedDisclosureContent, { isExpanded: isExpanded, children: children }));
 };
-export function ToolCallDisplay({ toolCalls, editOperations = [], finished, isLive = false, openPopovers, setOpenPopovers, messageId, }) {
+export function ToolCallDisplay({ toolCalls, editOperations = [], finished, isLive = false, liveTiming = null, openPopovers, setOpenPopovers, messageId, }) {
     // Always starts collapsed — pending approvals are surfaced by the
     // ApprovalCard after the activity, never by force-expanding diagnostics.
     const [isGroupExpanded, setIsGroupExpanded] = useState(false);
@@ -484,17 +463,13 @@ export function ToolCallDisplay({ toolCalls, editOperations = [], finished, isLi
     const groupSummary = useMemo(() => {
         if (!toolCalls || toolCalls.length === 0)
             return null;
+        const lastToolCall = normalizeToolCall(toolCalls[toolCalls.length - 1]);
+        const lastToolName = cleanToolFunctionName(lastToolCall.function?.name || lastToolCall.displayName) || "Tool call";
         const uniqueNames = [
             ...new Set(toolCalls
                 .map((tc) => {
                 const normalized = normalizeToolCall(tc);
-                return (("functionName" in tc
-                    ? tc.functionName
-                    : normalized.function?.name) || "")
-                    .replace(/ \(approved\)/g, "")
-                    .replace(/ \(rejected\)/g, "")
-                    .replace(/ \(pending approval\)/g, "")
-                    .trim();
+                return cleanToolFunctionName(normalized.function?.name || normalized.displayName);
             })
                 .filter(Boolean)),
         ];
@@ -506,7 +481,7 @@ export function ToolCallDisplay({ toolCalls, editOperations = [], finished, isLi
             const normalized = normalizeToolCall(tc);
             return isRejectedToolCall(normalized);
         }).length;
-        return { uniqueNames, errorCount, rejectedCount };
+        return { lastToolName, uniqueNames, errorCount, rejectedCount };
     }, [toolCalls]);
     const allToolCallsCompleted = useMemo(() => {
         if (!toolCalls || toolCalls.length === 0)
@@ -538,15 +513,18 @@ export function ToolCallDisplay({ toolCalls, editOperations = [], finished, isLi
         return null;
     }
     const showGroupHeader = toolCalls.length > 0;
-    const isGroupActive = !groupHasFailedToolCall &&
-        !groupHasRejectedToolCall &&
-        (isLive || !allToolCallsCompleted);
-    return (_jsxs("div", { className: "flex flex-col", children: [showGroupHeader && (_jsxs("div", { className: "group text-neutral-grey-50 hover:bg-neutral-grey-5/60 hover:text-neutral-grey-100 flex cursor-pointer items-center gap-1.5 rounded-md px-1 py-1 text-xs transition-all", "data-testid": "agent-toolcalls-group", onClick: () => {
+    // A failed or rejected call does not end the run — the model receives it as a
+    // tool result and continues — so it must not switch off the live shimmer.
+    // The error / rejected badges below still surface the outcome.
+    const isGroupActive = !finished && (isLive || !allToolCallsCompleted);
+    return (_jsxs("div", { className: "flex flex-col", children: [showGroupHeader && (_jsxs("div", { className: "group/disclosure text-neutral-grey-50 hover:bg-neutral-grey-5/60 hover:text-neutral-grey-100 flex cursor-pointer items-center gap-1.5 rounded-md px-1 py-1 text-xs transition-all", "data-testid": "agent-toolcalls-group", onClick: () => {
                     setIsGroupExpanded(!isGroupExpanded);
                     setUserToggled(true);
-                }, children: [_jsx("div", { className: "flex h-4 w-4 shrink-0 items-center justify-center transition-transform group-hover:scale-110", children: isGroupExpanded ? (_jsx(ChevronDown, { size: 14, strokeWidth: 1, className: "text-neutral-grey-50" })) : (_jsx(ChevronRight, { size: 14, strokeWidth: 1, className: "text-neutral-grey-50" })) }), _jsx("div", { className: "text-neutral-grey-50 flex h-4 w-4 shrink-0 items-center justify-center", children: _jsx(Wrench, { strokeWidth: 1, size: 14 }) }), _jsxs("span", { className: `leading-4 font-medium ${isGroupActive ? "animate-text-shimmer" : ""}`, children: [toolCalls.length, " tool call", toolCalls.length !== 1 ? "s" : ""] }), !isGroupExpanded && groupSummary && (_jsx("span", { className: "text-neutral-grey-50 ml-1 min-w-0 flex-1 truncate text-[10px] leading-4", children: groupSummary.uniqueNames.length <= 3
+                }, children: [_jsx("span", { className: `leading-4 font-medium ${isGroupActive ? "animate-text-shimmer min-w-0 truncate" : "shrink-0"}`, children: isGroupActive
+                            ? formatWorkingOnToolLabel(groupSummary?.lastToolName ?? "Tool call")
+                            : `${toolCalls.length} tool call${toolCalls.length !== 1 ? "s" : ""}` }), _jsx("div", { className: "flex h-4 w-4 shrink-0 items-center justify-center opacity-0 transition-opacity group-hover/disclosure:opacity-100", children: isGroupExpanded ? (_jsx(ChevronDown, { size: 14, strokeWidth: 1, className: "text-neutral-grey-50" })) : (_jsx(ChevronRight, { size: 14, strokeWidth: 1, className: "text-neutral-grey-50" })) }), !isGroupActive && !isGroupExpanded && groupSummary && (_jsx("span", { className: "text-neutral-grey-50 ml-1 min-w-0 flex-1 truncate text-[10px] leading-4", children: groupSummary.uniqueNames.length <= 3
                             ? groupSummary.uniqueNames.join(", ")
-                            : `${groupSummary.uniqueNames.slice(0, 2).join(", ")} +${groupSummary.uniqueNames.length - 2} more` })), groupSummary && groupSummary.errorCount > 0 && (_jsxs("span", { className: "text-feedback-red ml-1 shrink-0 text-[10px] leading-4", children: ["(", groupSummary.errorCount, " error", groupSummary.errorCount !== 1 ? "s" : "", ")"] })), groupSummary && groupSummary.rejectedCount > 0 && (_jsxs("span", { className: "text-feedback-orange ml-1 shrink-0 text-[10px] leading-4", children: ["(", groupSummary.rejectedCount, " rejected)"] })), _jsx("div", { className: "ml-auto flex h-4 w-4 shrink-0 items-center justify-center", children: groupHasFailedToolCall || groupHasRejectedToolCall ? (_jsx(ToolCallStatusIcon, { status: groupHasFailedToolCall ? "failed" : "rejected" })) : isGroupActive ? (_jsx(Spinner, { size: "xs" })) : (_jsx(ToolCallStatusIcon, { status: "completed" })) })] })), _jsx("div", { className: userToggled
+                            : `${groupSummary.uniqueNames.slice(0, 2).join(", ")} +${groupSummary.uniqueNames.length - 2} more` })), groupSummary && groupSummary.errorCount > 0 && (_jsxs("span", { className: "text-feedback-red ml-1 shrink-0 text-[10px] leading-4", children: ["(", groupSummary.errorCount, " error", groupSummary.errorCount !== 1 ? "s" : "", ")"] })), groupSummary && groupSummary.rejectedCount > 0 && (_jsxs("span", { className: "text-feedback-orange ml-1 shrink-0 text-[10px] leading-4", children: ["(", groupSummary.rejectedCount, " rejected)"] })), _jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [isGroupActive && liveTiming?.isLive && (_jsx(ResponseTurnDuration, { timing: liveTiming })), _jsx("div", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: groupHasFailedToolCall || groupHasRejectedToolCall ? (_jsx(ToolCallStatusIcon, { status: groupHasFailedToolCall ? "failed" : "rejected" })) : isGroupActive ? (_jsx(Spinner, { size: "xs" })) : (_jsx(ToolCallStatusIcon, { status: "completed" })) })] })] })), _jsx("div", { className: userToggled
                     ? "grid transition-[grid-template-rows] duration-200 ease-out"
                     : "grid", style: {
                     gridTemplateRows: isGroupExpanded ? "1fr" : "0fr",
@@ -588,25 +566,25 @@ export function ToolCallDisplay({ toolCalls, editOperations = [], finished, isLi
                                 (isAwaitingApproval || isStreaming || !finished);
                             // Debug logging removed for performance
                             const isExpanded = openPopovers[popoverKey] || false;
-                            return (_jsxs("div", { children: [_jsxs("div", { className: "group text-neutral-grey-50 hover:bg-neutral-grey-5/60 hover:text-neutral-grey-100 flex cursor-pointer items-center gap-1.5 rounded-md px-1 py-1 text-xs transition-all", onClick: () => {
+                            return (_jsxs("div", { children: [_jsx("div", { className: "group/disclosure text-neutral-grey-50 hover:bg-neutral-grey-5/60 hover:text-neutral-grey-100 flex cursor-pointer items-center gap-1.5 rounded-md px-1 py-1 text-xs transition-all", onClick: () => {
                                             setOpenPopovers((prev) => ({
                                                 ...prev,
                                                 [popoverKey]: !prev[popoverKey],
                                             }));
-                                        }, children: [_jsx("div", { className: "flex h-4 w-4 shrink-0 items-center justify-center transition-transform group-hover:scale-110", children: _jsx(ChevronRight, { size: 14, strokeWidth: 1, className: `text-neutral-grey-50 transition-transform duration-200 ease-out motion-reduce:transition-none ${isExpanded ? "rotate-90" : "rotate-0"}` }) }), _jsx("div", { className: "text-neutral-grey-50 flex h-4 w-4 shrink-0 items-center justify-center", children: _jsx(Wrench, { strokeWidth: 1, size: 14 }) }), _jsxs("div", { className: "inline-flex min-w-0 flex-1 items-center gap-2", children: [_jsxs("span", { className: `shrink-0 leading-4 font-medium transition-colors ${hasFailed
-                                                            ? "text-feedback-red"
-                                                            : isPruned
-                                                                ? "text-neutral-grey-50"
-                                                                : ""}`, children: [(originalFunctionName ||
-                                                                toolCall?.function?.name ||
-                                                                toolCall?.displayName ||
-                                                                "(function name missing)")
-                                                                .replace(" (approved)", "")
-                                                                .replace(" (rejected)", "")
-                                                                .replace(" (pending approval)", ""), toolCall.function?.error &&
-                                                                !isRejected &&
-                                                                !isPruned && (_jsx("span", { className: "text-feedback-red ml-1 leading-4", children: "(error)" })), isPruned && (_jsxs("span", { className: "rounded-badge bg-neutral-grey-5 badge-pad-sm text-2xs text-neutral-grey-100 ml-2 inline-flex items-center gap-1 font-medium", children: [_jsx("span", { children: "\u2702" }), " Pruned"] })), isRejected && (_jsx("span", { className: "rounded-badge bg-feedback-orange-light badge-pad-sm text-2xs text-feedback-orange ml-2 inline-flex items-center gap-1 font-medium", children: "Rejected" }))] }), finalApprovalInfo?.summary && !hasApprovalStatus && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "text-neutral-grey-50 min-w-0 flex-1 cursor-help truncate text-xs leading-4 italic", children: finalApprovalInfo.summary }) }), _jsx(TooltipContent, { side: "top", className: "max-w-md", children: finalApprovalInfo.summary })] })), _jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [toolCallMeta &&
-                                                                (toolCallMeta.tooltip ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "text-neutral-grey-50 cursor-help text-[10px] leading-4", children: toolCallMeta.display }) }), _jsx(TooltipContent, { side: "top", children: toolCallMeta.tooltip })] })) : (_jsx("span", { className: "text-neutral-grey-50 text-[10px] leading-4", children: toolCallMeta.display }))), _jsx("div", { className: "flex h-4 w-4 shrink-0 items-center justify-center transition-all", children: hasFailed ? (_jsx(ToolCallStatusIcon, { status: "failed" })) : isRejected ? (_jsx(ToolCallStatusIcon, { status: "rejected" })) : showPendingStatus ? (_jsx(Spinner, { size: "xs" })) : (_jsx(ToolCallStatusIcon, { status: "completed" })) })] })] })] }), _jsx(AnimatedToolCallDetails, { isExpanded: isExpanded, children: _jsx(ToolCallDetails, { toolCall: toolCall, result: toolResult, operations: matchedOperations }) })] }, toolCallKey));
+                                        }, children: _jsxs("div", { className: "inline-flex min-w-0 flex-1 items-center gap-2", children: [_jsxs("span", { className: `shrink-0 leading-4 font-medium transition-colors ${hasFailed
+                                                        ? "text-feedback-red"
+                                                        : isPruned
+                                                            ? "text-neutral-grey-50"
+                                                            : ""}`, children: [(originalFunctionName ||
+                                                            toolCall?.function?.name ||
+                                                            toolCall?.displayName ||
+                                                            "(function name missing)")
+                                                            .replace(" (approved)", "")
+                                                            .replace(" (rejected)", "")
+                                                            .replace(" (pending approval)", ""), toolCall.function?.error &&
+                                                            !isRejected &&
+                                                            !isPruned && (_jsx("span", { className: "text-feedback-red ml-1 leading-4", children: "(error)" })), isPruned && (_jsxs("span", { className: "rounded-badge bg-neutral-grey-5 badge-pad-sm text-2xs text-neutral-grey-100 ml-2 inline-flex items-center gap-1 font-medium", children: [_jsx("span", { children: "\u2702" }), " Pruned"] })), isRejected && (_jsx("span", { className: "rounded-badge bg-feedback-orange-light badge-pad-sm text-2xs text-feedback-orange ml-2 inline-flex items-center gap-1 font-medium", children: "Rejected" }))] }), _jsx("div", { className: "flex h-4 w-4 shrink-0 items-center justify-center opacity-0 transition-opacity group-hover/disclosure:opacity-100", children: _jsx(ChevronRight, { size: 14, strokeWidth: 1, className: `text-neutral-grey-50 transition-transform duration-200 ease-out motion-reduce:transition-none ${isExpanded ? "rotate-90" : "rotate-0"}` }) }), finalApprovalInfo?.summary && !hasApprovalStatus && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "text-neutral-grey-50 min-w-0 flex-1 cursor-help truncate text-xs leading-4 italic", children: finalApprovalInfo.summary }) }), _jsx(TooltipContent, { side: "top", className: "max-w-md", children: finalApprovalInfo.summary })] })), _jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [toolCallMeta &&
+                                                            (toolCallMeta.tooltip ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "text-neutral-grey-50 cursor-help text-[10px] leading-4", children: toolCallMeta.display }) }), _jsx(TooltipContent, { side: "top", children: toolCallMeta.tooltip })] })) : (_jsx("span", { className: "text-neutral-grey-50 text-[10px] leading-4", children: toolCallMeta.display }))), _jsx("div", { className: "flex h-4 w-4 shrink-0 items-center justify-center transition-all", children: hasFailed ? (_jsx(ToolCallStatusIcon, { status: "failed" })) : isRejected ? (_jsx(ToolCallStatusIcon, { status: "rejected" })) : showPendingStatus ? (_jsx(Spinner, { size: "xs" })) : (_jsx(ToolCallStatusIcon, { status: "completed" })) })] })] }) }), _jsx(AnimatedToolCallDetails, { isExpanded: isExpanded, children: _jsx(ToolCallDetails, { toolCall: toolCall, result: toolResult, operations: matchedOperations }) })] }, toolCallKey));
                         }) }) }) })] }));
 }
 //# sourceMappingURL=ToolCallDisplay.js.map