@agent-native/core 0.152.1 → 0.153.0

package/dist/client/AssistantChat.js

@@ -5,7 +5,7 @@ import { PastedTextChip } from "@agent-native/toolkit/composer/PastedTextChip";
 import { appendRealtimeVoiceTranscriptToRepository, realtimeVoiceTranscriptRegistry, } from "@agent-native/toolkit/composer/realtime-voice-transcript";
 import { AssistantRuntimeProvider, useLocalRuntime, useThreadRuntime, useThread, useAui, useComposer, useComposerRuntime, useMessageRuntime, ThreadPrimitive, } from "@assistant-ui/react";
 import { CompositeAttachmentAdapter } from "@assistant-ui/react";
-import { IconArrowUp, IconClock, IconMessage, IconX, IconPlayerStopFilled, IconTerminal, IconAlertTriangle, IconChevronDown, IconRefresh, } from "@tabler/icons-react";
+import { IconArrowUp, IconClock, IconMessage, IconX, IconPlayerStopFilled, IconTerminal, IconAlertTriangle, IconRefresh, } from "@tabler/icons-react";
 import { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, forwardRef, useImperativeHandle, } from "react";
 import { createPollEngine } from "../shared/poll-engine.js";
 import { clearPendingTurnIfMatches, clearActiveRunIfMatches, getPendingTurn, getActiveRunActivityTool, getActiveRun, hasRecentActiveRunProgress, resolveReconnectAfterSeq, setActiveRun, updateActiveRunActivity, updateActiveRunSeq, } from "./active-run-state.js";
@@ -26,11 +26,10 @@ import { createAgentChatRuntimeAdapter, } from "./chat/runtime.js";
 import { ChatRunningContext, ChatRunningRunIdContext, ChatRunningTurnIdContext, ChatRunDurationContext, SuppressInlineOpenAppContext, ApprovalContext, ReconnectStreamMessage, } from "./chat/tool-call-display.js";
 import { useAgentChatLifecycleTracking } from "./chat/use-agent-chat-lifecycle-tracking.js";
 import { useReconnectReaderOwner } from "./chat/use-reconnect-reader-owner.js";
-import { MessageScroller, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, } from "./components/ui/message-scroller.js";
+import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, } from "./components/ui/message-scroller.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "./components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
 import { AgentComposerFrame, TiptapComposer, } from "./composer/index.js";
-import { useNearBottomAutoscroll } from "./conversation/index.js";
 import { useAgentDynamicSuggestionsResult, } from "./dynamic-suggestions.js";
 import { GuidedQuestionFlow, useGuidedQuestionFlow, } from "./guided-questions.js";
 import { buildSignInReturnHref } from "./require-session.js";
@@ -406,60 +405,6 @@ function getMessageText(message) {
     }
     return typeof content === "string" ? displayableUserMessageText(content) : "";
 }
-function contentPartFollowKey(part) {
-    if (!part || typeof part !== "object")
-        return "unknown";
-    const candidate = part;
-    const type = typeof candidate.type === "string" ? candidate.type : "unknown";
-    if (type === "text" || type === "reasoning") {
-        return `${type}:${String(candidate.text ?? "").length}`;
-    }
-    if (type === "tool-call") {
-        return [
-            type,
-            candidate.toolCallId ?? "",
-            candidate.toolName ?? "",
-            candidate.status?.type ?? "",
-            String(candidate.argsText ?? "").length,
-            String(candidate.result ?? "").length,
-        ].join(":");
-    }
-    if (type === "image")
-        return `image:${String(candidate.image ?? "").length}`;
-    return `${type}:${String(candidate.text ?? candidate.result ?? "").length}`;
-}
-function contentFollowKey(content) {
-    if (typeof content === "string")
-        return `text:${content.length}`;
-    if (!Array.isArray(content))
-        return "";
-    return content.map(contentPartFollowKey).join("|");
-}
-function messageFollowKey(message) {
-    const candidate = (message?.message ??
-        message);
-    return [
-        candidate.id ?? "",
-        candidate.role ?? "",
-        candidate.status?.type ?? "",
-        candidate.status?.reason ?? "",
-        contentFollowKey(candidate.content),
-    ].join(",");
-}
-function queuedMessageFollowKey(message) {
-    return [
-        message.id,
-        message.text.length,
-        message.images?.length ?? 0,
-        message.attachments?.length ?? 0,
-        message.references?.length ?? 0,
-        message.requestMode ?? "",
-        message.recoveryAction ?? "",
-    ].join(":");
-}
-function reconnectContentFollowKey(content) {
-    return content.map(contentPartFollowKey).join("|");
-}
 export function reconnectActivityFallbackContent(toolName) {
     const tool = toolName?.trim();
     if (!tool || tool === "call-agent")
@@ -1130,6 +1075,18 @@ function AssistantChatAssistantMessageItem() {
     const message = messageRuntime.getState();
     return (_jsx(MessageScrollerItem, { messageId: message.id, children: _jsx(AssistantMessage, {}) }));
 }
+function AssistantChatScrollerControls({ resumeFollowingRef, }) {
+    const { scrollToEnd } = useMessageScroller();
+    useBrowserLayoutEffect(() => {
+        resumeFollowingRef.current = () => {
+            scrollToEnd({ behavior: "auto" });
+        };
+        return () => {
+            resumeFollowingRef.current = () => { };
+        };
+    }, [resumeFollowingRef, scrollToEnd]);
+    return null;
+}
 export const CHAT_STORAGE_PREFIX = "agent-chat:";
 const THREAD_SNAPSHOT_CACHE_PREFIX = `${CHAT_STORAGE_PREFIX}thread-snapshot:`;
 function threadSnapshotCacheKey(apiUrl, threadId) {
@@ -1395,7 +1352,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         scope: contextScope,
         enabled: messages.length === 0,
     });
-    const messageListResetKey = assistantUiMessageListStructureKey(messages);
+    const messageListResetKey = useMemo(() => assistantUiMessageListStructureKey(messages), [messages]);
     // Chat-wide drag-and-drop: users expect to drop a file anywhere on the agent
     // sidebar (thread, header, composer) and have it attach — same as ChatGPT,
     // Claude.ai, Linear, Slack, etc. Tiptap's own `handleDrop` only fires inside
@@ -3882,7 +3839,12 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     // live assistant message content in place while streaming, and the reconnect
     // overlay must hide as soon as that live message has caught up.
     const visibleReconnectContent = dedupeReconnectContentAgainstMessages(reconnectContent, messages, {
-        suppressToolRepeats: adapterHandoffPending,
+        // While the reconnect stack is mounted, the live assistant message is
+        // already the canonical visual owner for any tool it contains. Keeping
+        // an ahead-of-the-thread reconnect copy visible creates the familiar
+        // two-card stack while the adapter catches up, so prefer one row and
+        // let the live message advance in place.
+        suppressToolRepeats: adapterHandoffPending || isReconnecting || reconnectFrozen,
         trimTailTextOverlap: adapterHandoffPending || reconnectTailOnlyRef.current,
     });
     const latestMessage = messages[messages.length - 1];
@@ -3898,56 +3860,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         latestMessage,
         reconnectContent: reconnectStatusContent,
     });
-    const autoscrollFollowKey = [
-        messages.map(messageFollowKey).join(";"),
-        `q:${queuedMessages.map(queuedMessageFollowKey).join("|")}`,
-        `r:${reconnectContentFollowKey(visibleReconnectContent)}`,
-        `status:${assistantChatAutoscrollStatusKey({
-            showGlobalRunningStatus,
-            runningStatusLabel,
-        })}`,
-    ].join(";;");
-    const { scrollRef, isNearBottomRef, showScrollToBottom, scrollToBottom, scrollToBottomAfterPaint, resumeFollowing, } = useNearBottomAutoscroll({
-        followKey: autoscrollFollowKey,
-        streaming: textStreaming,
-    });
-    resumeFollowingRef.current = resumeFollowing;
-    const scrollToBottomWhileLayoutSettles = useCallback(() => {
-        scrollToBottomAfterPaint();
-        const element = scrollRef.current;
-        if (!element || typeof ResizeObserver === "undefined")
-            return undefined;
-        let stopped = false;
-        const observer = new ResizeObserver(() => {
-            if (!stopped && isNearBottomRef.current)
-                scrollToBottom();
-        });
-        observer.observe(element);
-        const timeout = window.setTimeout(() => {
-            stopped = true;
-            observer.disconnect();
-            if (isNearBottomRef.current)
-                scrollToBottom();
-        }, 1600);
-        return () => {
-            stopped = true;
-            window.clearTimeout(timeout);
-            observer.disconnect();
-        };
-    }, [isNearBottomRef, scrollRef, scrollToBottom, scrollToBottomAfterPaint]);
-    const wasRestoringRef = useRef(isRestoring);
-    useEffect(() => {
-        const wasRestoring = wasRestoringRef.current;
-        wasRestoringRef.current = isRestoring;
-        if (wasRestoring && !isRestoring) {
-            return scrollToBottomWhileLayoutSettles();
-        }
-    }, [isRestoring, scrollToBottomWhileLayoutSettles]);
-    useEffect(() => {
-        if (!textStreaming && isNearBottomRef.current) {
-            scrollToBottomAfterPaint();
-        }
-    }, [isNearBottomRef, scrollToBottomAfterPaint, textStreaming]);
     const chatScrollResetKey = `${tabId ?? ""}:${threadId ?? ""}`;
     const { isDevMode: cpDevMode } = useDevMode(apiUrl);
     const [checkpointRunIds, setCheckpointRunIds] = useState(() => new Set());
@@ -4095,7 +4007,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         showComposerSlot ||
         showCenteredEmptyThreadFooterSlot ||
         (guidedQuestions && guidedQuestions.length > 0) ||
-        showScrollToBottom ||
         composerContextItems.length > 0 ||
         showPlanModeCallout ||
         showInlineMissingKeySetup);
@@ -4157,80 +4068,77 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                     ? "centered"
                                                     : compactMissingKeyEmptyState
                                                         ? "compact-setup"
-                                                        : undefined, className: cn("relative flex flex-1 flex-col h-full min-h-0 text-foreground", className), onDragEnter: handleChatDragEnter, onDragOver: handleChatDragOver, onDragLeave: handleChatDragLeave, onDropCapture: handleChatDropCapture, onDrop: handleChatDrop, children: [dropActive && (_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-50 flex items-center justify-center rounded-md border-2 border-dashed border-primary/70 bg-primary/5 backdrop-blur-[1px]", children: _jsx("span", { className: "rounded-md bg-background/90 px-3 py-1.5 text-xs font-medium text-foreground shadow-sm", children: "Drop to attach" }) })), showHeader && (_jsxs("div", { className: "flex h-11 shrink-0 items-center justify-between border-b border-border px-4", children: [_jsx("span", { className: "text-[13px] font-medium text-muted-foreground", children: "Agent" }), _jsx("div", { className: "flex items-center gap-1", children: onSwitchToCli && (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { onClick: onSwitchToCli, "aria-label": "Switch to CLI", className: "flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground px-2 py-1 rounded-md hover:bg-accent", children: [_jsx(IconTerminal, { className: "h-3.5 w-3.5" }), "CLI"] }) }), _jsx(TooltipContent, { children: "Switch to CLI" })] }) })) })] })), _jsx(MessageScrollerProvider, { autoScroll: false, children: _jsxs(MessageScroller, { className: "agent-chat-scroll", children: [_jsx(MessageScrollerViewport, { ref: scrollRef, children: authError ? (_jsxs("div", { className: "flex flex-col items-center justify-center h-full px-4 gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: authSessionAvailable ? (_jsx(IconRefresh, { className: "h-5 w-5 text-muted-foreground" })) : (_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground" })) }), _jsxs("div", { className: "text-center max-w-[280px]", children: [_jsx("p", { className: "text-sm font-medium text-foreground mb-1", children: authSessionAvailable
-                                                                                            ? "Chat session needs refresh"
-                                                                                            : authError.sessionExpired
-                                                                                                ? "Session expired"
-                                                                                                : "Authentication required" }), _jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: authSessionAvailable
-                                                                                            ? "You're signed in, but this chat connection needs to reconnect."
-                                                                                            : authError.sessionExpired
-                                                                                                ? "Your session may have expired. Log out and log back in to reconnect."
-                                                                                                : "You need to log in to use the agent." })] }), _jsxs("div", { className: "flex gap-2", children: [!authError.sessionExpired &&
-                                                                                        !authSessionAvailable && (_jsx("button", { onClick: () => {
-                                                                                            window.location.href =
-                                                                                                buildSignInReturnHref();
-                                                                                        }, className: "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md", children: "Log in" })), authError.sessionExpired &&
-                                                                                        !authSessionAvailable && (_jsx("button", { onClick: async () => {
-                                                                                            try {
-                                                                                                await fetch(agentNativePath("/_agent-native/auth/logout"), {
-                                                                                                    method: "POST",
-                                                                                                });
+                                                        : undefined, className: cn("relative flex flex-1 flex-col h-full min-h-0 text-foreground", className), onDragEnter: handleChatDragEnter, onDragOver: handleChatDragOver, onDragLeave: handleChatDragLeave, onDropCapture: handleChatDropCapture, onDrop: handleChatDrop, children: [dropActive && (_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-50 flex items-center justify-center rounded-md border-2 border-dashed border-primary/70 bg-primary/5 backdrop-blur-[1px]", children: _jsx("span", { className: "rounded-md bg-background/90 px-3 py-1.5 text-xs font-medium text-foreground shadow-sm", children: "Drop to attach" }) })), showHeader && (_jsxs("div", { className: "flex h-11 shrink-0 items-center justify-between border-b border-border px-4", children: [_jsx("span", { className: "text-[13px] font-medium text-muted-foreground", children: "Agent" }), _jsx("div", { className: "flex items-center gap-1", children: onSwitchToCli && (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { onClick: onSwitchToCli, "aria-label": "Switch to CLI", className: "flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground px-2 py-1 rounded-md hover:bg-accent", children: [_jsx(IconTerminal, { className: "h-3.5 w-3.5" }), "CLI"] }) }), _jsx(TooltipContent, { children: "Switch to CLI" })] }) })) })] })), _jsxs(MessageScrollerProvider, { autoScroll: true, children: [_jsx(AssistantChatScrollerControls, { resumeFollowingRef: resumeFollowingRef }), _jsxs(MessageScroller, { className: "agent-chat-scroll", children: [_jsx(MessageScrollerViewport, { children: authError ? (_jsxs("div", { className: "flex flex-col items-center justify-center h-full px-4 gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: authSessionAvailable ? (_jsx(IconRefresh, { className: "h-5 w-5 text-muted-foreground" })) : (_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground" })) }), _jsxs("div", { className: "text-center max-w-[280px]", children: [_jsx("p", { className: "text-sm font-medium text-foreground mb-1", children: authSessionAvailable
+                                                                                                ? "Chat session needs refresh"
+                                                                                                : authError.sessionExpired
+                                                                                                    ? "Session expired"
+                                                                                                    : "Authentication required" }), _jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: authSessionAvailable
+                                                                                                ? "You're signed in, but this chat connection needs to reconnect."
+                                                                                                : authError.sessionExpired
+                                                                                                    ? "Your session may have expired. Log out and log back in to reconnect."
+                                                                                                    : "You need to log in to use the agent." })] }), _jsxs("div", { className: "flex gap-2", children: [!authError.sessionExpired &&
+                                                                                            !authSessionAvailable && (_jsx("button", { onClick: () => {
+                                                                                                window.location.href =
+                                                                                                    buildSignInReturnHref();
+                                                                                            }, className: "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md", children: "Log in" })), authError.sessionExpired &&
+                                                                                            !authSessionAvailable && (_jsx("button", { onClick: async () => {
+                                                                                                try {
+                                                                                                    await fetch(agentNativePath("/_agent-native/auth/logout"), {
+                                                                                                        method: "POST",
+                                                                                                    });
+                                                                                                }
+                                                                                                catch (error) {
+                                                                                                    console.error("Failed to log out before reloading the chat", error);
+                                                                                                }
+                                                                                                window.location.reload();
+                                                                                            }, className: "text-xs text-destructive hover:text-destructive/80 px-3 py-1.5 rounded-md border border-destructive/30 hover:bg-destructive/10", children: "Log out" })), _jsx("button", { onClick: () => {
+                                                                                                setAuthError(null);
+                                                                                                window.location.reload();
+                                                                                            }, className: authSessionAvailable
+                                                                                                ? "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md"
+                                                                                                : "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md border border-border hover:bg-accent", children: "Refresh chat" })] })] })) : isRestoring && centeredRestoringState ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
+                                                                                ? "sr-only"
+                                                                                : "flex h-full flex-col items-center justify-center gap-3 px-4 py-16"), "aria-busy": "true", children: [_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground/60" }), _jsx("p", { className: "sr-only", children: emptyStateText ?? "Loading chat..." })] })) : isRestoring ? (_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "h-8 w-32 rounded-lg bg-muted animate-pulse" }) }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("div", { className: "h-4 w-48 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-64 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-40 rounded bg-muted animate-pulse" })] })] })) : showEmptyState ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
+                                                                                ? "sr-only"
+                                                                                : "flex h-full flex-col items-center justify-center gap-3 px-4 py-16"), children: [_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground/60" }), _jsx("p", { className: "sr-only", children: emptyStateText ?? "How can I help you?" }), emptyStateAddon, resolvedSuggestions &&
+                                                                                    resolvedSuggestions.length > 0 ? (_jsx("div", { className: "flex w-full max-w-[280px] flex-col gap-1", children: resolvedSuggestions.map((suggestion) => (_jsx("button", { onClick: () => {
+                                                                                            if (engineSetupRequired) {
+                                                                                                requestMissingKeySetup();
+                                                                                                return;
                                                                                             }
-                                                                                            catch (error) {
-                                                                                                console.error("Failed to log out before reloading the chat", error);
+                                                                                            void addToQueue(suggestion);
+                                                                                        }, className: "w-full px-2 py-1 text-center text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: suggestion }, suggestion))) })) : null, showInlineEmptyThreadFooterSlot ? (_jsx("div", { className: "agent-thread-footer-slot agent-thread-footer-slot--empty", children: resolvedThreadFooterSlot })) : null] })) : (_jsxs(MessageScrollerContent, { className: "agent-thread-content gap-4 px-4 py-4", children: [_jsx(AssistantMessageListErrorBoundary, { resetKey: messageListResetKey, children: _jsx(UserStoppedRunContext.Provider, { value: wasRecentlyStoppedRun, children: _jsx(ThreadPrimitive.Messages
+                                                                                        // assistant-ui indexes message parts through tap resources.
+                                                                                        // Keep this key tied to that shape so clear/add transitions remount stale
+                                                                                        // lookups without remounting on every streamed text update.
+                                                                                        , { components: {
+                                                                                                UserMessage: AssistantChatUserMessageItem,
+                                                                                                AssistantMessage: AssistantChatAssistantMessageItem,
+                                                                                            } }, messageListResetKey) }) }), visibleLoopLimit && !showRunningInUI && (_jsx(MessageScrollerItem, { children: _jsx(LoopLimitContinueCard, { info: visibleLoopLimit, onContinue: () => {
+                                                                                            setShowContinue(false);
+                                                                                            setLoopLimitInfo(null);
+                                                                                            addToQueue("Continue from where you left off.", undefined, undefined, undefined, undefined, "queued", "continue");
+                                                                                        } }) })), shouldShowRunError && visibleRunError && (_jsx(MessageScrollerItem, { children: _jsx(RunErrorRecoveryCard, { info: visibleRunError, onContinue: () => {
+                                                                                            setRunErrorInfo(null);
+                                                                                            addToQueue(RECONNECT_NO_PROGRESS_CONTINUE_MESSAGE, undefined, undefined, undefined, undefined, "queued", "continue");
+                                                                                        }, onRetry: retryAfterRunError, onFork: onForkChat, onProviderConnected: handleBuilderConnected, onDismiss: () => {
+                                                                                            if (visibleRunErrorKey) {
+                                                                                                setDismissedRunErrorKey(visibleRunErrorKey);
                                                                                             }
-                                                                                            window.location.reload();
-                                                                                        }, className: "text-xs text-destructive hover:text-destructive/80 px-3 py-1.5 rounded-md border border-destructive/30 hover:bg-destructive/10", children: "Log out" })), _jsx("button", { onClick: () => {
-                                                                                            setAuthError(null);
-                                                                                            window.location.reload();
-                                                                                        }, className: authSessionAvailable
-                                                                                            ? "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md"
-                                                                                            : "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md border border-border hover:bg-accent", children: "Refresh chat" })] })] })) : isRestoring && centeredRestoringState ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
-                                                                            ? "sr-only"
-                                                                            : "flex h-full flex-col items-center justify-center gap-3 px-4 py-16"), "aria-busy": "true", children: [_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground/60" }), _jsx("p", { className: "sr-only", children: emptyStateText ?? "Loading chat..." })] })) : isRestoring ? (_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "h-8 w-32 rounded-lg bg-muted animate-pulse" }) }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("div", { className: "h-4 w-48 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-64 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-40 rounded bg-muted animate-pulse" })] })] })) : showEmptyState ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
-                                                                            ? "sr-only"
-                                                                            : "flex h-full flex-col items-center justify-center gap-3 px-4 py-16"), children: [_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground/60" }), _jsx("p", { className: "sr-only", children: emptyStateText ?? "How can I help you?" }), emptyStateAddon, resolvedSuggestions &&
-                                                                                resolvedSuggestions.length > 0 ? (_jsx("div", { className: "flex w-full max-w-[280px] flex-col gap-1", children: resolvedSuggestions.map((suggestion) => (_jsx("button", { onClick: () => {
-                                                                                        if (engineSetupRequired) {
-                                                                                            requestMissingKeySetup();
-                                                                                            return;
-                                                                                        }
-                                                                                        void addToQueue(suggestion);
-                                                                                    }, className: "w-full px-2 py-1 text-center text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: suggestion }, suggestion))) })) : null, showInlineEmptyThreadFooterSlot ? (_jsx("div", { className: "agent-thread-footer-slot agent-thread-footer-slot--empty", children: resolvedThreadFooterSlot })) : null] })) : (_jsxs(MessageScrollerContent, { className: "agent-thread-content gap-4 px-4 py-4", children: [_jsx(AssistantMessageListErrorBoundary, { resetKey: messageListResetKey, children: _jsx(UserStoppedRunContext.Provider, { value: wasRecentlyStoppedRun, children: _jsx(ThreadPrimitive.Messages
-                                                                                    // assistant-ui indexes message parts through tap resources.
-                                                                                    // Keep this key tied to that shape so clear/add transitions remount stale
-                                                                                    // lookups without remounting on every streamed text update.
-                                                                                    , { components: {
-                                                                                            UserMessage: AssistantChatUserMessageItem,
-                                                                                            AssistantMessage: AssistantChatAssistantMessageItem,
-                                                                                        } }, messageListResetKey) }) }), visibleLoopLimit && !showRunningInUI && (_jsx(MessageScrollerItem, { children: _jsx(LoopLimitContinueCard, { info: visibleLoopLimit, onContinue: () => {
-                                                                                        setShowContinue(false);
-                                                                                        setLoopLimitInfo(null);
-                                                                                        addToQueue("Continue from where you left off.", undefined, undefined, undefined, undefined, "queued", "continue");
-                                                                                    } }) })), shouldShowRunError && visibleRunError && (_jsx(MessageScrollerItem, { children: _jsx(RunErrorRecoveryCard, { info: visibleRunError, onContinue: () => {
-                                                                                        setRunErrorInfo(null);
-                                                                                        addToQueue(RECONNECT_NO_PROGRESS_CONTINUE_MESSAGE, undefined, undefined, undefined, undefined, "queued", "continue");
-                                                                                    }, onRetry: retryAfterRunError, onFork: onForkChat, onProviderConnected: handleBuilderConnected, onDismiss: () => {
-                                                                                        if (visibleRunErrorKey) {
-                                                                                            setDismissedRunErrorKey(visibleRunErrorKey);
-                                                                                        }
-                                                                                        setRunErrorInfo(null);
-                                                                                    } }) })), (isReconnecting ||
-                                                                                reconnectFrozen ||
-                                                                                adapterHandoffPending) &&
-                                                                                visibleReconnectContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: visibleReconnectContent, allowActivitySpinner: !reconnectFrozen }) })), (isReconnecting ||
-                                                                                reconnectFrozen ||
-                                                                                adapterHandoffPending) &&
-                                                                                visibleReconnectContent.length === 0 &&
-                                                                                reconnectContent.length === 0 &&
-                                                                                reconnectActivityContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: reconnectActivityContent, allowActivitySpinner: !reconnectFrozen }) })), showGlobalRunningStatus && (_jsx(MessageScrollerItem, { children: _jsx(RunningActivityStatus, { label: runningStatusLabel }) })), visibleQueuedMessages.length > 0 && (_jsx(MessageScrollerItem, { children: _jsxs("div", { className: "flex items-center justify-end gap-1.5 pr-0.5 text-xs text-muted-foreground", children: [_jsx(IconClock, { className: "h-3 w-3" }), _jsxs("span", { children: [visibleQueuedMessages.length, " ", "queued"] })] }) })), visibleQueuedMessages.map((msg) => {
-                                                                                const displayText = displayableUserMessageText(msg.text);
-                                                                                const imageSources = queuedMessageImageSources(msg);
-                                                                                return (_jsx(MessageScrollerItem, { messageId: msg.id, children: _jsxs("div", { className: "group flex items-start justify-end gap-1.5", children: [isRunning && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => sendQueuedMessageNow(msg.id), "aria-label": "Send now", className: "mt-1.5 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 shadow-sm transition-opacity hover:bg-accent hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconArrowUp, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Send now (stops the current response)" })] })), _jsx("button", { type: "button", onClick: () => applyLocalQueuedMessages((prev) => prev.filter((m) => m.id !== msg.id)), "aria-label": "Remove from queue", className: "mt-1.5 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 shadow-sm transition-opacity hover:bg-accent hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconX, { className: "h-3 w-3" }) }), _jsxs("div", { className: "max-w-[85%] rounded-lg bg-accent/50 px-3 py-2 text-sm leading-relaxed text-foreground/60 whitespace-pre-wrap break-words", children: [displayText, imageSources.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: imageSources.map((img, j) => (_jsx("img", { src: img, alt: "", className: "h-12 w-12 rounded object-cover border border-border/50" }, j))) }))] })] }) }, msg.id));
-                                                                            }), resolvedThreadFooterSlot ? (_jsx(MessageScrollerItem, { children: _jsx("div", { className: "agent-thread-footer-slot", children: resolvedThreadFooterSlot }) })) : null] })) }), !authError &&
-                                                                    !isRestoring &&
-                                                                    !showEmptyState &&
-                                                                    showScrollToBottom ? (_jsx("div", { className: "shrink-0 flex justify-center -mb-1", children: _jsx("button", { type: "button", onClick: scrollToBottom, className: "flex h-7 w-7 items-center justify-center rounded-full border border-border bg-background shadow-sm hover:bg-accent", "aria-label": "Scroll to bottom", children: _jsx(IconChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) }) })) : null] }) }, chatScrollResetKey), showComposerSlot ? composerSlot : null, isActiveComposer && (_jsx(McpConnectionSuggestion, { text: composerText })), showCenteredEmptyThreadFooterSlot ? (_jsx("div", { className: "agent-thread-footer-slot agent-thread-footer-slot--centered-empty", children: resolvedThreadFooterSlot })) : null, guidedQuestions && guidedQuestions.length > 0 && (_jsx("div", { className: "shrink-0 px-3 pb-2", children: _jsx(GuidedQuestionFlow, { questions: guidedQuestions, onSubmit: handleGuidedQuestionsSubmit, onSkip: handleGuidedQuestionsSkip, ...(guidedQuestionsTitle
+                                                                                            setRunErrorInfo(null);
+                                                                                        } }) })), (isReconnecting ||
+                                                                                    reconnectFrozen ||
+                                                                                    adapterHandoffPending) &&
+                                                                                    visibleReconnectContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: visibleReconnectContent, allowActivitySpinner: !reconnectFrozen }) })), (isReconnecting ||
+                                                                                    reconnectFrozen ||
+                                                                                    adapterHandoffPending) &&
+                                                                                    visibleReconnectContent.length === 0 &&
+                                                                                    reconnectContent.length === 0 &&
+                                                                                    reconnectActivityContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: reconnectActivityContent, allowActivitySpinner: !reconnectFrozen }) })), showGlobalRunningStatus && (_jsx(MessageScrollerItem, { children: _jsx(RunningActivityStatus, { label: runningStatusLabel }) })), visibleQueuedMessages.length > 0 && (_jsx(MessageScrollerItem, { children: _jsxs("div", { className: "flex items-center justify-end gap-1.5 pr-0.5 text-xs text-muted-foreground", children: [_jsx(IconClock, { className: "h-3 w-3" }), _jsxs("span", { children: [visibleQueuedMessages.length, " ", "queued"] })] }) })), visibleQueuedMessages.map((msg) => {
+                                                                                    const displayText = displayableUserMessageText(msg.text);
+                                                                                    const imageSources = queuedMessageImageSources(msg);
+                                                                                    return (_jsx(MessageScrollerItem, { messageId: msg.id, children: _jsxs("div", { className: "group flex items-start justify-end gap-1.5", children: [isRunning && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => sendQueuedMessageNow(msg.id), "aria-label": "Send now", className: "mt-1.5 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 shadow-sm transition-opacity hover:bg-accent hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconArrowUp, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Send now (stops the current response)" })] })), _jsx("button", { type: "button", onClick: () => applyLocalQueuedMessages((prev) => prev.filter((m) => m.id !== msg.id)), "aria-label": "Remove from queue", className: "mt-1.5 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 shadow-sm transition-opacity hover:bg-accent hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconX, { className: "h-3 w-3" }) }), _jsxs("div", { className: "max-w-[85%] rounded-lg bg-accent/50 px-3 py-2 text-sm leading-relaxed text-foreground/60 whitespace-pre-wrap break-words", children: [displayText, imageSources.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: imageSources.map((img, j) => (_jsx("img", { src: img, alt: "", className: "h-12 w-12 rounded object-cover border border-border/50" }, j))) }))] })] }) }, msg.id));
+                                                                                }), resolvedThreadFooterSlot ? (_jsx(MessageScrollerItem, { children: _jsx("div", { className: "agent-thread-footer-slot", children: resolvedThreadFooterSlot }) })) : null] })) }), !authError && !isRestoring && !showEmptyState ? (_jsx(MessageScrollerButton, {})) : null] })] }, chatScrollResetKey), showComposerSlot ? composerSlot : null, isActiveComposer && (_jsx(McpConnectionSuggestion, { text: composerText })), showCenteredEmptyThreadFooterSlot ? (_jsx("div", { className: "agent-thread-footer-slot agent-thread-footer-slot--centered-empty", children: resolvedThreadFooterSlot })) : null, guidedQuestions && guidedQuestions.length > 0 && (_jsx("div", { className: "shrink-0 px-3 pb-2", children: _jsx(GuidedQuestionFlow, { questions: guidedQuestions, onSubmit: handleGuidedQuestionsSubmit, onSkip: handleGuidedQuestionsSkip, ...(guidedQuestionsTitle
                                                                 ? { title: guidedQuestionsTitle }
                                                                 : {}), ...(guidedQuestionsDescription
                                                                 ? { description: guidedQuestionsDescription }

package/dist/client/FeedbackButton.js

@@ -211,10 +211,23 @@ function isFirstPartyHostname(hostname) {
     return (normalized === FIRST_PARTY_HOSTNAME ||
         normalized?.endsWith(`.${FIRST_PARTY_HOSTNAME}`) === true);
 }
+function isLegacyFeedbackPageUrl(value, hostname) {
+    const hasScheme = /^[a-z][a-z\d+.-]*:/i.test(value);
+    const base = hasScheme || !hostname ? undefined : `https://${hostname}`;
+    if (!URL.canParse(value, base))
+        return null;
+    const parsed = new URL(value, base);
+    return (parsed.pathname === "/feedback" && isFirstPartyHostname(parsed.hostname));
+}
 export function resolveFeedbackUrl(url, hostname = clientHostname()) {
     const value = url === undefined ? clientEnv()?.VITE_AGENT_NATIVE_FEEDBACK_URL : url;
-    if (typeof value === "string" && value.trim())
-        return value.trim();
+    if (typeof value === "string" && value.trim()) {
+        const normalized = value.trim();
+        if (isLegacyFeedbackPageUrl(normalized, hostname) === true) {
+            return FIRST_PARTY_FEEDBACK_URL;
+        }
+        return parseTarget(normalized) ? normalized : null;
+    }
     if (url !== undefined)
         return null;
     return isFirstPartyHostname(hostname) ? FIRST_PARTY_FEEDBACK_URL : null;

package/dist/client/RouteTransitionIndicator.d.ts

@@ -1,6 +1,18 @@
 export declare const ROUTE_TRANSITION_INDICATOR_DELAY_MS = 180;
 /**
- * Shows the destination after a short delay so fast route changes stay quiet.
- * The provider shell survives lazy route loading, including a cold Vite graph.
+ * A top progress bar while the next route loads.
+ *
+ * This used to be a floating card in the bottom-right corner that printed the
+ * destination pathname. Users read it as a bug rather than a loading state —
+ * the old page stays fully interactive while a little box in the corner shows
+ * a URL, so it looks like the click did nothing and something else broke
+ * ("it takes you back to the grid page with a spinner in the corner ... the
+ * spinner shows the new route"). A top bar is the convention precisely because
+ * it reads as "this page is on its way" without competing for attention or
+ * exposing routing internals.
+ *
+ * The delay is the part worth keeping: fast navigations never paint anything,
+ * so the common case stays silent. It only appears once a transition is slow
+ * enough that the user has started to wonder.
  */
 export declare function RouteTransitionIndicator(): import("react").JSX.Element | null;

package/dist/client/RouteTransitionIndicator.js

@@ -1,11 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconLoader2 } from "@tabler/icons-react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useNavigation } from "react-router";
 export const ROUTE_TRANSITION_INDICATOR_DELAY_MS = 180;
 /**
- * Shows the destination after a short delay so fast route changes stay quiet.
- * The provider shell survives lazy route loading, including a cold Vite graph.
+ * A top progress bar while the next route loads.
+ *
+ * This used to be a floating card in the bottom-right corner that printed the
+ * destination pathname. Users read it as a bug rather than a loading state —
+ * the old page stays fully interactive while a little box in the corner shows
+ * a URL, so it looks like the click did nothing and something else broke
+ * ("it takes you back to the grid page with a spinner in the corner ... the
+ * spinner shows the new route"). A top bar is the convention precisely because
+ * it reads as "this page is on its way" without competing for attention or
+ * exposing routing internals.
+ *
+ * The delay is the part worth keeping: fast navigations never paint anything,
+ * so the common case stays silent. It only appears once a transition is slow
+ * enough that the user has started to wonder.
  */
 export function RouteTransitionIndicator() {
     const navigation = useNavigation();
@@ -26,5 +37,5 @@ export function RouteTransitionIndicator() {
     }, [destination]);
     if (!destination || visibleDestination !== destination)
         return null;
-    return (_jsxs("div", { "aria-label": `Loading ${destination}`, "aria-live": "polite", className: "pointer-events-none fixed bottom-4 right-4 z-50 flex max-w-[calc(100vw-2rem)] items-center gap-2 rounded-md border border-border bg-background/95 px-3 py-2 text-xs text-muted-foreground shadow-lg backdrop-blur", "data-route-transition-indicator": "true", "data-route-transition-target": destination, role: "status", children: [_jsx(IconLoader2, { "aria-hidden": "true", className: "size-3.5 shrink-0 animate-spin text-primary" }), _jsx("span", { className: "truncate", children: destination })] }));
+    return (_jsx("div", { "aria-label": "Loading the next page", "aria-live": "polite", className: "pointer-events-none fixed inset-x-0 top-0 z-50 h-0.5 overflow-hidden bg-primary/15", "data-route-transition-indicator": "true", "data-route-transition-target": destination, role: "status", children: _jsx("div", { className: "route-transition-indicator-bar h-full w-full bg-primary" }) }));
 }

package/dist/client/agent-page/AgentTabsPage.js

@@ -9,6 +9,7 @@ import { McpIntegrationDialog,
 // The dialog is intentionally reused here so the Agent page remains a thin
 // host for the existing MCP management flow.
  } from "../resources/McpIntegrationDialog.js";
+import { McpIntegrationLogo } from "../resources/McpIntegrationLogo.js";
 import { McpServerDetail } from "../resources/McpServerDetail.js";
 import { useCreateMcpServer, useDeleteMcpServer, useMcpServers, formatMcpServersLoadError, } from "../resources/use-mcp-servers.js";
 import { AGENT_SETTINGS_SECTIONS, buildSectionSearchEntries, } from "../settings/agent-settings-search.js";
@@ -155,17 +156,29 @@ export function ConnectionsTab({ canManageOrg, } = {}) {
         const key = `${server.scope}:${server.id}`;
         const canDelete = server.scope === "user" || resolvedCanManageOrg;
         const selected = selectedServer?.id === server.id && selectedServer.scope === server.scope;
-        return (_jsxs("div", { className: cn("group/connection-row py-4 transition-colors first:pt-5 last:pb-5", selected && "bg-accent/20"), children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsxs("button", { type: "button", onClick: () => setSelectedServer(selected ? null : server), className: "min-w-0 flex-1 cursor-pointer text-start", children: [_jsx("div", { className: "flex flex-wrap items-center gap-2", children: _jsx("span", { className: "truncate text-sm font-medium text-foreground", children: server.name }) }), _jsx("code", { className: "mt-1 block truncate text-[11px] text-muted-foreground", children: server.url }), _jsxs("div", { className: "mt-2 flex items-center gap-2", children: [_jsx(ServerStatus, { server: server }), server.description && (_jsx("span", { className: "truncate text-[11px] text-muted-foreground/70", children: server.description }))] })] }), canDelete && (_jsx("button", { type: "button", onClick: () => void removeServer(server), disabled: deleteServer.isPending, className: cn("cursor-pointer rounded-md px-2 py-1 text-[11px] font-medium text-muted-foreground hover:bg-destructive/10 hover:text-destructive", deleteTarget === key && "bg-destructive/10 text-destructive"), children: deleteTarget === key ? "Confirm" : "Delete" }))] }), selected && (_jsx("div", { className: "mt-3 border-t border-border/70 pt-3", children: _jsx(McpServerDetail, { server: server }) }))] }, key));
+        return (_jsxs("div", { className: cn("group/connection-row border-b border-border/60 py-3.5 transition-colors last:border-b-0", selected && "bg-accent/20"), children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(McpIntegrationLogo, { name: server.name, logoUrl: "", integrationId: server.name.toLowerCase(), className: "size-8 rounded-md" }), _jsxs("button", { type: "button", onClick: () => setSelectedServer(selected ? null : server), className: "min-w-0 flex-1 cursor-pointer text-start", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: server.name }), _jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: server.scope === "user"
+                                                ? t("mcpIntegrations.personal")
+                                                : t("mcpIntegrations.sharedWithWorkspace") })] }), _jsx("code", { className: "mt-0.5 block truncate text-[11px] text-muted-foreground", children: server.url }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx(ServerStatus, { server: server }), server.description && (_jsx("span", { className: "truncate text-[11px] text-muted-foreground/70", children: server.description }))] })] }), _jsx("span", { className: "hidden shrink-0 self-center text-xs font-medium text-foreground/70 sm:inline", children: "Manage" }), canDelete && (_jsx("button", { type: "button", onClick: () => void removeServer(server), disabled: deleteServer.isPending, className: cn("cursor-pointer rounded-md px-2 py-1 text-[11px] font-medium text-muted-foreground hover:bg-destructive/10 hover:text-destructive", deleteTarget === key && "bg-destructive/10 text-destructive"), children: deleteTarget === key ? "Confirm" : "Delete" }))] }), selected && (_jsx("div", { className: "mt-3 border-t border-border/70 pt-3", children: _jsx(McpServerDetail, { server: server }) }))] }, key));
     };
-    return (_jsx(AgentTabFrame, { title: "Agent integrations", description: "Tools and services this agent can reach, grouped by where they are configured.", actions: _jsx("button", { type: "button", onClick: () => {
+    return (_jsx(AgentTabFrame, { title: "Agent integrations", description: "Tools and services this agent can reach, grouped by personal or workspace access.", actions: _jsx("button", { type: "button", onClick: () => {
                 setError(null);
                 setDialogOpen(true);
             }, className: "cursor-pointer rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90", children: t("mcpIntegrations.connect") }), children: _jsxs("section", { className: "space-y-4", children: [error && (_jsx("p", { className: "rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: error })), serversQuery.isLoading ? (_jsx(TabLoading, {})) : serversQuery.isError ? (_jsxs("div", { role: "alert", className: "rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [_jsx("p", { children: formatMcpServersLoadError(serversQuery.error) }), _jsx("button", { type: "button", onClick: () => void serversQuery.refetch(), disabled: serversQuery.isFetching, className: "mt-2 font-medium underline underline-offset-2 hover:text-foreground disabled:cursor-wait disabled:opacity-60", children: serversQuery.isFetching ? "Retrying…" : "Retry" })] })) : (_jsx("div", { className: "space-y-6", children: [
-                        { label: "Personal", servers: data?.user ?? [] },
-                        { label: "Organization", servers: data?.org ?? [] },
-                    ].map((section) => (_jsxs("section", { className: "space-y-2", children: [_jsx("h2", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground/70", children: section.label }), section.servers.length > 0 ? (_jsx("div", { className: "divide-y divide-border/60 border-y border-border/60", children: section.servers.map(renderServer) })) : (_jsx(AgentEmptyState, { icon: IconPlugConnected, title: `No ${section.label.toLowerCase()} agent integrations yet`, description: section.label === "Personal"
+                        {
+                            scope: "user",
+                            label: t("mcpIntegrations.personal"),
+                            servers: data?.user ?? [],
+                        },
+                        {
+                            scope: "org",
+                            label: t("mcpIntegrations.sharedWithWorkspace"),
+                            servers: data?.org ?? [],
+                        },
+                    ].map((section) => (_jsxs("section", { className: "space-y-2", children: [_jsx("h2", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground/70", children: section.label }), section.servers.length > 0 ? (_jsx("div", { className: "divide-y divide-border/60 border-y border-border/60", children: section.servers.map(renderServer) })) : (_jsx(AgentEmptyState, { icon: IconPlugConnected, title: section.scope === "user"
+                                    ? "No personal agent integrations yet"
+                                    : "No workspace-shared agent integrations yet", description: section.scope === "user"
                                     ? "Connect a service to give the agent access to it."
-                                    : "Organization agent integrations shared with this workspace will appear here." }))] }, section.label))) })), _jsx(McpIntegrationDialog, { open: dialogOpen, onOpenChange: setDialogOpen, defaultScope: "user", canCreateOrgMcp: canCreateOrgMcp, hasOrg: hasOrg, onCreateMcpServer: onCreateMcpServer })] }) }));
+                                    : "Agent integrations shared with this workspace will appear here." }))] }, section.scope))) })), _jsx(McpIntegrationDialog, { open: dialogOpen, onOpenChange: setDialogOpen, defaultScope: "user", canCreateOrgMcp: canCreateOrgMcp, hasOrg: hasOrg, onCreateMcpServer: onCreateMcpServer })] }) }));
 }
 export const AGENT_ACCESS_DOCS_HREF = {
     mcp: "https://agent-native.com/docs/mcp-protocol",

package/dist/client/app-config.d.ts

@@ -0,0 +1,3 @@
+import type { AgentNativeConfig } from "../config.js";
+/** The resolved, public app policy injected by the Vite plugin. */
+export declare function injectedAgentNativeConfig(): AgentNativeConfig;

package/dist/client/app-config.js

@@ -0,0 +1,6 @@
+/** The resolved, public app policy injected by the Vite plugin. */
+export function injectedAgentNativeConfig() {
+    return typeof __AGENT_NATIVE_APP_CONFIG__ === "undefined"
+        ? {}
+        : __AGENT_NATIVE_APP_CONFIG__;
+}

package/dist/client/app-providers.js

@@ -58,6 +58,7 @@ import { isHumanReadableDocumentTitle, normalizeDocumentTitle, } from "../shared
 import { ClientOnly } from "./ClientOnly.js";
 import { DefaultSpinner } from "./DefaultSpinner.js";
 import { AgentNativeI18nProvider, } from "./i18n.js";
+import { FirstRunOnboardingStartupGate } from "./onboarding/first-run-startup-gate.js";
 import { RequireSession } from "./require-session.js";
 import { AgentNativeRouteWarmup } from "./route-warmup.js";
 import { RouteTransitionIndicator } from "./RouteTransitionIndicator.js";
@@ -121,5 +122,5 @@ export function AppProviders({ queryClient, isPublicPath = false, clientOnlyFall
     if (isPublicPath) {
         return (_jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, children: children }));
     }
-    return (_jsx(ClientOnly, { fallback: fallback, children: _jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, children: _jsx(RequireSession, { bypass: sessionBypass, fallback: fallback, children: children }) }) }));
+    return (_jsx(ClientOnly, { fallback: fallback, children: _jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, children: _jsx(RequireSession, { bypass: sessionBypass, fallback: fallback, children: sessionBypass ? (children) : (_jsx(FirstRunOnboardingStartupGate, { children: children })) }) }) }));
 }

package/dist/client/changelog/Changelog.d.ts

@@ -45,8 +45,9 @@ export interface ChangelogSettingsCardProps {
     closeLabel?: string;
     emptyText?: string;
     viewAllLabel?: string;
+    collapseLabel?: string;
     className?: string;
 }
-export declare function ChangelogSettingsCard({ markdown, limit, title, closeLabel, emptyText, viewAllLabel, className, }: ChangelogSettingsCardProps): React.JSX.Element | null;
+export declare function ChangelogSettingsCard({ markdown, limit, title, emptyText, viewAllLabel, collapseLabel, className, }: ChangelogSettingsCardProps): React.JSX.Element | null;
 export { parseChangelog };
 export type { ChangelogEntry };