@agent-native/core 0.37.1 → 0.37.3

package/dist/client/AssistantChat.js

@@ -19,7 +19,7 @@ import { TextAttachmentAdapter } from "./composer/attachment-accept.js";
 import { AgentTaskCard } from "./AgentTaskCard.js";
 import { ConnectBuilderCard } from "./ConnectBuilderCard.js";
 import { McpAppRenderer } from "./mcp-apps/McpAppRenderer.js";
-import { humanizeToolLabelText, humanizeToolName } from "./tool-display.js";
+import { humanizeToolName } from "./tool-display.js";
 import { useBuilderConnectFlow } from "./settings/useBuilderStatus.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./components/ui/dropdown-menu.js";
@@ -115,7 +115,6 @@ function getFileDataURL(file) {
 // images on the client before we ever serialize them.
 const MAX_IMAGE_BYTES = 4 * 1024 * 1024;
 const MAX_IMAGE_DIMENSION = 2048;
-const SHOW_AGENT_ACTIVITY_STEPS = true;
 function loadImage(url) {
     return new Promise((resolve, reject) => {
         const img = new Image();
@@ -1100,36 +1099,6 @@ function ToolDetailViewer({ payload }) {
     }, [payload.copyText]);
     return (_jsxs("div", { className: "rounded-md border border-border/50 bg-background/60", children: [_jsxs("div", { className: "flex min-h-9 flex-wrap items-center gap-2 border-b border-border/50 px-2.5 py-1.5", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [_jsx("span", { className: "truncate text-[11px] font-medium text-foreground/85", children: payload.title }), payload.lang !== "text" && (_jsx("span", { className: "shrink-0 rounded border border-border/60 px-1 py-0.5 font-mono text-[9px] uppercase leading-none text-muted-foreground", children: payload.lang }))] }) }), _jsx("button", { type: "button", onClick: () => setSearchOpen((v) => !v), "aria-label": `Search ${payload.title.toLowerCase()}`, "aria-pressed": searchOpen, className: cn("inline-flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", searchOpen && "bg-accent text-foreground"), children: _jsx(IconSearch, { size: 12 }) }), _jsx("button", { type: "button", onClick: () => setExpanded((v) => !v), "aria-label": expanded ? "Shrink code viewer" : "Expand code viewer", "aria-pressed": expanded, className: "inline-flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: expanded ? (_jsx(IconArrowsMinimize, { size: 12 })) : (_jsx(IconArrowsMaximize, { size: 12 })) }), _jsxs("button", { type: "button", onClick: copyValue, className: "inline-flex h-6 items-center gap-1 rounded-md px-1.5 font-sans text-[11px] text-muted-foreground hover:bg-accent hover:text-foreground", children: [copied ? _jsx(IconCheck, { size: 12 }) : _jsx(IconCopy, { size: 12 }), copied ? "Copied" : "Copy"] })] }), searchOpen && (_jsxs("div", { className: "flex items-center gap-2 border-b border-border/50 px-2.5 py-2", children: [_jsx("input", { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Find", className: "h-7 min-w-0 flex-1 rounded-md border border-border bg-background px-2 text-xs text-foreground outline-none placeholder:text-muted-foreground focus:ring-1 focus:ring-ring" }), _jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: search.trim() ? matchCount : "" })] })), _jsx("div", { className: cn("agent-tool-code overflow-auto font-mono text-[11px] leading-relaxed text-foreground", expanded ? "max-h-[70vh]" : "max-h-72"), children: search.trim() ? (_jsx("pre", { children: _jsx("code", { children: renderHighlightedSearchText(payload.text, search) }) })) : (_jsx(HighlightedCodeBlock, { code: payload.text, lang: payload.lang })) })] }));
 }
-function activityTrailFromMetadata(message) {
-    const meta = message?.metadata;
-    const raw = meta?.custom?.activityTrail ?? meta?.activityTrail;
-    if (!Array.isArray(raw))
-        return [];
-    return raw
-        .map((item, index) => {
-        if (!item || typeof item !== "object")
-            return null;
-        const label = item.label;
-        const tool = item.tool;
-        if (typeof label !== "string" || !label.trim())
-            return null;
-        return {
-            id: `trail-${index}-${label}`,
-            label: label.trim(),
-            ...(typeof tool === "string" && tool.trim()
-                ? { tool: tool.trim() }
-                : {}),
-        };
-    })
-        .filter((item) => item !== null);
-}
-function RunActivityTrail({ steps }) {
-    const [open, setOpen] = useState(false);
-    if (steps.length === 0)
-        return null;
-    const visibleSteps = steps.slice(-6);
-    return (_jsxs("div", { className: "mt-1.5", children: [_jsxs("button", { type: "button", onClick: () => setOpen((v) => !v), "aria-expanded": open, className: "inline-flex items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground", children: [_jsx(IconChevronDown, { size: 12, className: cn("transition-transform", open && "rotate-180") }), "Steps"] }), open && (_jsx("div", { className: "mt-1 rounded-md border border-border/60 bg-muted/25 px-2.5 py-2 text-[11px] text-muted-foreground", children: _jsx("div", { className: "space-y-1", children: visibleSteps.map((step) => (_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconCheck, { className: "h-3 w-3 shrink-0 text-emerald-500" }), _jsx("span", { className: "truncate", children: step.label })] }, step.id))) }) }))] }));
-}
 function ToolCallDisplay({ toolName, argsText, args, result, mcpApp, isRunning, }) {
     const streamRef = useRef(null);
     const isAgentCall = toolName.startsWith("agent:");
@@ -1440,9 +1409,6 @@ function AssistantMessage() {
     const chatRunning = React.useContext(ChatRunningContext);
     const msg = messageRuntime.getState();
     const timestamp = formatMessageTimestamp(msg.createdAt);
-    const activityTrail = SHOW_AGENT_ACTIVITY_STEPS
-        ? activityTrailFromMetadata(msg)
-        : [];
     const isLast = thread.messages.length > 0 &&
         thread.messages[thread.messages.length - 1].id === msg.id;
     const isComplete = !isLast || !chatRunning;
@@ -1498,7 +1464,7 @@ function AssistantMessage() {
                         tools: {
                             Fallback: ToolCallFallback,
                         },
-                    } }) }), SHOW_AGENT_ACTIVITY_STEPS && isComplete && activityTrail.length > 0 && (_jsx(RunActivityTrail, { steps: activityTrail })), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore }), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: "opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100" }))] }), 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..."] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: (() => {
+                    } }) }), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore }), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: "opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100" }))] }), 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..."] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: (() => {
                             const meta = messageRuntime.getState().metadata;
                             return ((typeof meta?.custom?.runId === "string" &&
                                 meta.custom.runId) ||
@@ -1506,17 +1472,9 @@ function AssistantMessage() {
                                 "");
                         })(), messageSeq: thread.messages.findIndex((m) => m.id === msg.id) }))] }))] }));
 }
-function ActivitySteps({ steps, className, }) {
-    if (steps.length === 0)
-        return null;
-    const visibleSteps = steps.slice(-4);
-    return (_jsx("div", { className: cn("max-w-[85%] rounded-md border border-border/60 bg-muted/30 px-2.5 py-2 text-xs text-muted-foreground", className), "aria-live": "polite", children: _jsx("div", { className: "space-y-1", children: visibleSteps.map((step, index) => {
-                const isCurrent = index === visibleSteps.length - 1;
-                return (_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [isCurrent ? (_jsx(IconLoader2, { className: "h-3 w-3 shrink-0 animate-spin" })) : (_jsx(IconCheck, { className: "h-3 w-3 shrink-0 text-emerald-500" })), _jsx("span", { className: "truncate", children: step.label })] }, step.id));
-            }) }) }));
-}
-function RunningActivityStatus({ steps, label, }) {
-    return (_jsx("div", { className: "agent-running-activity shrink-0 px-4 pb-2", children: _jsxs("div", { className: "flex flex-col gap-2", children: [SHOW_AGENT_ACTIVITY_STEPS && (_jsx(ActivitySteps, { steps: steps, className: "max-w-full" })), _jsx(ThinkingIndicator, { label: label })] }) }));
+// ─── Thinking Indicator ─────────────────────────────────────────────────────
+function RunningActivityStatus({ label }) {
+    return (_jsx("div", { className: "agent-running-activity shrink-0 px-4 pb-2", children: _jsx(ThinkingIndicator, { label: label }) }));
 }
 function ThinkingIndicator({ label = "Thinking" } = {}) {
     const [dots, setDots] = useState(0);
@@ -2135,8 +2093,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     const userStoppedRunRef = useRef(null);
     const [isReconnecting, setIsReconnecting] = useState(false);
     const [reconnectContent, setReconnectContent] = useState([]);
-    const [activityLabel, setActivityLabel] = useState(null);
-    const activityStepIdCounter = useRef(0);
     // When stop is clicked during reconnect, keep content visible (don't wipe it)
     const [reconnectFrozen, setReconnectFrozen] = useState(false);
     const reconnectRunIdRef = useRef(null);
@@ -2156,7 +2112,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     const wasRunningRef = useRef(false);
     const lastBroadcastRunningRef = useRef(isRunning);
     const tiptapRef = useRef(null);
-    const [activitySteps, setActivitySteps] = useState([]);
     useEffect(() => {
         if (lastBroadcastRunningRef.current === isRunning)
             return;
@@ -2821,53 +2776,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         window.addEventListener("agent-chat:run-error", handler);
         return () => window.removeEventListener("agent-chat:run-error", handler);
     }, [tabId]);
-    useEffect(() => {
-        const handler = (e) => {
-            const detail = e.detail;
-            if (tabId && detail?.tabId && detail.tabId !== tabId)
-                return;
-            if (SHOW_AGENT_ACTIVITY_STEPS &&
-                typeof detail?.label === "string" &&
-                detail.label.trim()) {
-                const label = detail.label.trim();
-                const tool = detail.tool?.trim() || undefined;
-                const displayLabel = humanizeToolLabelText(label, tool);
-                setActivityLabel(displayLabel);
-                setActivitySteps((prev) => {
-                    const last = prev[prev.length - 1];
-                    if (last?.label === displayLabel && last.tool === tool)
-                        return prev;
-                    return [
-                        ...prev,
-                        {
-                            id: `${Date.now()}-${++activityStepIdCounter.current}`,
-                            label: displayLabel,
-                            ...(tool ? { tool } : {}),
-                        },
-                    ].slice(-6);
-                });
-            }
-        };
-        window.addEventListener("agent-chat:activity", handler);
-        return () => window.removeEventListener("agent-chat:activity", handler);
-    }, [tabId]);
-    useEffect(() => {
-        const handler = (e) => {
-            const detail = e.detail;
-            if (tabId && detail?.tabId && detail.tabId !== tabId)
-                return;
-            setActivityLabel(null);
-            setActivitySteps([]);
-        };
-        window.addEventListener("agent-chat:activity-clear", handler);
-        return () => window.removeEventListener("agent-chat:activity-clear", handler);
-    }, [tabId]);
-    useEffect(() => {
-        if (!showRunningInUI) {
-            setActivityLabel(null);
-            setActivitySteps([]);
-        }
-    }, [showRunningInUI]);
     // Auto-dequeue: when agent finishes running, send the next queued message
     useEffect(() => {
         if (wasRunningRef.current && !isRunning && queuedMessages.length > 0) {
@@ -2993,8 +2901,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         setLoopLimitInfo(null);
         setRunErrorInfo(null);
         setDismissedRunErrorKey(null);
-        setActivityLabel(null);
-        setActivitySteps([]);
         userStoppedRunRef.current = null;
         // Selection context attached via Cmd+I is one-shot — clear it as soon
         // as the user actually sends a message so it can't be re-used.
@@ -3291,11 +3197,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                             ? { skipLabel: guidedQuestionsSkipLabel }
                                             : {}), ...(guidedQuestionsSubmitLabel
                                             ? { submitLabel: guidedQuestionsSubmitLabel }
-                                            : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) }) })), showPlanModeCallout && (_jsx(PlanModeCallout, { canImplementPlan: canImplementPlan, onImplementPlan: handleImplementPlan, onSwitchToAct: handleSwitchToAct })), _jsx(SelectionAttachedPill, {}), showRunningInUI && (_jsx(RunningActivityStatus, { steps: activitySteps, label: isReconnecting
-                                    ? "Reconnecting"
-                                    : SHOW_AGENT_ACTIVITY_STEPS
-                                        ? (activityLabel ?? "Thinking")
-                                        : "Thinking" })), _jsxs(AgentComposerFrame, { layoutVariant: composerLayoutVariant, className: cn(composerAreaClassName, missingApiKey && "cursor-pointer", isComposerDisabled && "opacity-70"), onClick: missingApiKey
+                                            : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) }) })), showPlanModeCallout && (_jsx(PlanModeCallout, { canImplementPlan: canImplementPlan, onImplementPlan: handleImplementPlan, onSwitchToAct: handleSwitchToAct })), _jsx(SelectionAttachedPill, {}), showRunningInUI && (_jsx(RunningActivityStatus, { label: isReconnecting ? "Reconnecting" : "Thinking" })), _jsxs(AgentComposerFrame, { layoutVariant: composerLayoutVariant, className: cn(composerAreaClassName, missingApiKey && "cursor-pointer", isComposerDisabled && "opacity-70"), onClick: missingApiKey
                                     ? () => setMissingKeyBouncePulse((p) => p + 1)
                                     : undefined, children: [_jsx(ComposerAttachmentPreviewStrip, {}), _jsx(TiptapComposer, { focusRef: tiptapRef, disabled: isComposerDisabled, placeholder: missingApiKey
                                             ? "Connect an AI engine above to start chatting…"