@agent-native/core 0.169.1 → 0.170.0

package/dist/client/EnvironmentBadge.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@agent-native/toolkit/ui/button";
 import { Popover, PopoverContent, PopoverTrigger, } from "@agent-native/toolkit/ui/popover";
-import { useEffect, useMemo, useRef } from "react";
-import { BETA_OPT_OUT_QUERY_PARAM, BETA_OPT_OUT_STORAGE_KEY, buildEnvironmentOptOutUrl, buildEnvironmentUrl, resolveEnvironmentTargets, } from "../shared/environment-lanes.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { BETA_FORCE_QUERY_PARAM, BETA_FORCE_SESSION_STORAGE_KEY, BETA_OPT_OUT_QUERY_PARAM, BETA_OPT_OUT_STORAGE_KEY, buildEnvironmentOptOutUrl, buildEnvironmentUrl, resolveEnvironmentTargets, } from "../shared/environment-lanes.js";
 import { trackEvent } from "./analytics.js";
 import { injectedAgentNativeConfig } from "./app-config.js";
 import { useSession } from "./use-session.js";
 import { cn } from "./utils.js";
-export { BETA_OPT_OUT_DURATION_MS, BETA_OPT_OUT_QUERY_PARAM, BETA_OPT_OUT_STORAGE_KEY, buildEnvironmentOptOutUrl, buildEnvironmentUrl, resolveEnvironmentTargets, } from "../shared/environment-lanes.js";
+export { BETA_FORCE_QUERY_PARAM, BETA_FORCE_SESSION_STORAGE_KEY, BETA_OPT_OUT_DURATION_MS, BETA_OPT_OUT_QUERY_PARAM, BETA_OPT_OUT_STORAGE_KEY, buildEnvironmentOptOutUrl, buildEnvironmentUrl, resolveEnvironmentTargets, } from "../shared/environment-lanes.js";
 export function isBuilderIoEmployee(email) {
     return email?.trim().toLowerCase().endsWith("@builder.io") ?? false;
 }
@@ -50,6 +50,29 @@ function readBetaOptOutUntil(now = Date.now()) {
     }
     return null;
 }
+function rememberForcedProductionSession(sourceHref) {
+    let forcedByQuery = false;
+    try {
+        forcedByQuery =
+            new URL(sourceHref).searchParams.get(BETA_FORCE_QUERY_PARAM) === "true";
+    }
+    catch {
+        // coercion-ok: the browser supplied an invalid location.
+    }
+    if (typeof window === "undefined")
+        return forcedByQuery;
+    try {
+        if (forcedByQuery) {
+            window.sessionStorage.setItem(BETA_FORCE_SESSION_STORAGE_KEY, "1");
+        }
+        return (forcedByQuery ||
+            window.sessionStorage.getItem(BETA_FORCE_SESSION_STORAGE_KEY) === "1");
+    }
+    catch {
+        // coercion-ok: session storage is optional; the current URL remains authoritative.
+        return forcedByQuery;
+    }
+}
 function consumeBetaOptOutQueryParam(sourceHref, now = Date.now()) {
     let target;
     try {
@@ -81,8 +104,11 @@ function EnvironmentLink({ label, href }) {
     return (_jsx(Button, { asChild: true, className: "w-full justify-center", size: "sm", variant: "outline", children: _jsx("a", { href: href, children: label }) }));
 }
 function EnvironmentBadgeContent({ environment, targets, }) {
+    const [isHidden, setIsHidden] = useState(false);
     if (typeof window === "undefined")
         return null;
+    if (isHidden)
+        return null;
     const currentHref = window.location.href;
     const betaHref = buildEnvironmentUrl(currentHref, targets.betaHost);
     const productionHref = buildEnvironmentOptOutUrl(currentHref, targets.productionHost);
@@ -94,7 +120,7 @@ function EnvironmentBadgeContent({ environment, targets, }) {
         : "You're on Agent Native Production";
     return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { "aria-label": `Open ${title.toLowerCase()} switcher`, className: cn(environmentBadgePlacementClasses, environment === "beta"
                         ? "border-primary/80"
-                        : "border-border/80 bg-background/95 text-foreground"), size: "sm", variant: environment === "beta" ? "default" : "outline", children: label }) }), _jsxs(PopoverContent, { align: "start", className: "w-[280px] p-5", side: "top", sideOffset: 8, children: [_jsx("div", { className: "mb-1 text-sm font-semibold leading-5", children: title }), _jsx("div", { className: "mb-4 text-sm text-muted-foreground", children: "Choose where you want to continue." }), _jsx("div", { className: "grid gap-2", children: environment === "beta" ? (_jsx(EnvironmentLink, { href: productionHref, label: "Switch to production" })) : (_jsx(EnvironmentLink, { href: betaHref, label: "Go to beta" })) })] })] }));
+                        : "border-border/80 bg-background/95 text-foreground"), size: "sm", variant: environment === "beta" ? "default" : "outline", children: label }) }), _jsxs(PopoverContent, { align: "start", className: "w-[280px] p-5", side: "top", sideOffset: 8, children: [_jsx("div", { className: "mb-1 text-sm font-semibold leading-5", children: title }), _jsx("div", { className: "mb-4 text-sm text-muted-foreground", children: "Choose where you want to continue." }), _jsxs("div", { className: "grid gap-2", children: [environment === "beta" ? (_jsx(EnvironmentLink, { href: productionHref, label: "Switch to production" })) : (_jsx(EnvironmentLink, { href: betaHref, label: "Go to beta" })), _jsx(Button, { className: "mt-2 -mb-2 w-full justify-center text-muted-foreground", onClick: () => setIsHidden(true), size: "sm", type: "button", variant: "ghost", children: "Hide badge" })] })] })] }));
 }
 function LocalEnvironmentBadge() {
     return (_jsx("div", { "aria-label": "Local development environment", className: cn(environmentBadgePlacementClasses, "inline-flex items-center justify-center border border-border/80 bg-background/95 text-foreground"), role: "status", children: "dev" }));
@@ -107,6 +133,10 @@ function ProductionEnvironmentBadge({ targets, }) {
         isBuilderIoEmployee(session?.email);
     const didAutoRedirect = useRef(false);
     useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        if (rememberForcedProductionSession(window.location.href))
+            return;
         if (!isEligible || didAutoRedirect.current) {
             return;
         }
@@ -140,11 +170,16 @@ function ProductionEnvironmentBadge({ targets, }) {
  * lane for authenticated staff.
  */
 export function EnvironmentBadge({ showProduction = true, } = {}) {
+    const [hydrated, setHydrated] = useState(false);
     const config = useMemo(injectedAgentNativeConfig, []);
     const hostname = typeof window === "undefined" ? undefined : window.location.hostname;
     const environment = resolveEnvironmentChannel(config, hostname);
     const targets = resolveEnvironmentTargets(hostname);
-    if (typeof window === "undefined" ||
+    useEffect(() => {
+        setHydrated(true);
+    }, []);
+    if (!hydrated ||
+        typeof window === "undefined" ||
         window.parent !== window ||
         !environment) {
         return null;

package/dist/client/MultiTabAssistantChat.d.ts

@@ -71,4 +71,4 @@ export type MultiTabAssistantChatProps = Omit<AssistantChatProps, "tabId" | "thr
     /** Cadence for hydrating agent-team sub-agent tab status. Default: 3000. */
     agentTeamPollMs?: number;
 };
-export declare function MultiTabAssistantChat({ showTabBar, renderHeader, renderOverlay, contentHidden, apiUrl, storageKey, restoreActiveThread, browserTabId, threadUrlSync, scope, isolateHistoryByScope, agentTeamPollMs, ...props }: MultiTabAssistantChatProps): React.JSX.Element;
+export declare function MultiTabAssistantChat({ showTabBar, renderHeader, renderOverlay, contentHidden, apiUrl, storageKey, restoreActiveThread, browserTabId, threadUrlSync, scope, isolateHistoryByScope, agentTeamPollMs, availableModels: hostAvailableModels, modelListLoading: hostModelListLoading, onModelChange: hostOnModelChange, ...props }: MultiTabAssistantChatProps): React.JSX.Element;

package/dist/client/MultiTabAssistantChat.js

@@ -17,7 +17,7 @@ import { DEFAULT_LOCALE, useOptionalLocale, useT } from "./i18n.js";
 import { RunStuckBanner } from "./RunStuckBanner.js";
 import { callAction } from "./use-action.js";
 import { useChangeVersion } from "./use-change-version.js";
-import { CHAT_MODEL_SELECTION_CHANGED_EVENT } from "./use-chat-models.js";
+import { CHAT_MODEL_SELECTION_CHANGED_EVENT, chatModelSelectionStorageKey, } from "./use-chat-models.js";
 import { useChatThreads, } from "./use-chat-threads.js";
 import { usePollLoop } from "./use-poll-loop.js";
 import { cn } from "./utils.js";
@@ -43,7 +43,6 @@ function deliverPendingSend(ref, send) {
         ref.sendMessage(send.message, send.images);
     }
 }
-const MODEL_SELECTION_STORAGE_KEY = "agent-native:chat-models:selection";
 function readStoredModelSelection(key) {
     if (typeof window === "undefined")
         return undefined;
@@ -402,7 +401,7 @@ function runToAgentTeamTabInfo(run) {
         status: run.status ?? "unknown",
     };
 }
-export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderOverlay, contentHidden = false, apiUrl = agentNativePath("/_agent-native/agent-chat"), storageKey, restoreActiveThread = true, browserTabId, threadUrlSync = false, scope = null, isolateHistoryByScope = false, agentTeamPollMs = DEFAULT_AGENT_TEAM_POLL_MS, ...props }) {
+export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderOverlay, contentHidden = false, apiUrl = agentNativePath("/_agent-native/agent-chat"), storageKey, restoreActiveThread = true, browserTabId, threadUrlSync = false, scope = null, isolateHistoryByScope = false, agentTeamPollMs = DEFAULT_AGENT_TEAM_POLL_MS, availableModels: hostAvailableModels, modelListLoading: hostModelListLoading, onModelChange: hostOnModelChange, ...props }) {
     const translate = useT();
     const contextNamespace = scope
         ? scope.contextKey?.trim() || `scope:${scope.type}:${scope.id}`
@@ -528,7 +527,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
     }, [switchThreadState, writeThreadUrl]);
     // Namespace all localStorage keys by storageKey when provided (for per-app isolation in frame)
     const keyPrefix = storageKey ? `:${storageKey}` : "";
-    const modelSelectionKey = `${MODEL_SELECTION_STORAGE_KEY}${keyPrefix}`;
+    const modelSelectionKey = chatModelSelectionStorageKey(storageKey);
     // Track which tabs have been focused at least once (lazy mount for sub-agent tabs)
     const mountedTabsRef = useRef(new Set());
     const activeThreadIdRef = useRef(activeThreadId);
@@ -557,8 +556,16 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         setPageOverlayScrolled(target.scrollTop > 1);
     }, [renderOverlay]);
     // ─── Model state ─────────────────────────────────────────────────────────
-    const [availableModels, setAvailableModels] = useState([]);
-    const [modelListLoading, setModelListLoading] = useState(true);
+    // A host that supplies its own catalog owns the whole picker: the server
+    // catalog must not be discovered or merged, or a host with no engine of its
+    // own silently gets this app's models instead.
+    const hostManagedModels = hostAvailableModels !== undefined;
+    const [discoveredModels, setDiscoveredModels] = useState([]);
+    const availableModels = hostAvailableModels ?? discoveredModels;
+    const [discoveredModelsLoading, setModelListLoading] = useState(true);
+    const modelListLoading = hostManagedModels
+        ? (hostModelListLoading ?? false)
+        : discoveredModelsLoading;
     const [defaultModel, setDefaultModel] = useState(DEFAULT_MODEL);
     const threadModelRef = useRef(new Map());
     const [persistedModelSelection, setPersistedModelSelection] = useState(() => readStoredModelSelection(modelSelectionKey));
@@ -666,6 +673,14 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         persistModelSelection,
         props.selectedAgent,
     ]);
+    // A host that owns the model list still needs the internal selection updated:
+    // `selectedModel`/`selectedEngine` render from it and submitted turns read it,
+    // so routing a pick only to the host snaps the picker back to the previous
+    // model and sends that one.
+    const handleModelChangeWithHost = useCallback((model, engine) => {
+        handleModelChange(model, engine);
+        hostOnModelChange?.(model, engine);
+    }, [handleModelChange, hostOnModelChange]);
     const handleEffortChange = useCallback((effort) => {
         const threadId = activeThreadIdRef.current;
         if (!threadId)
@@ -689,15 +704,19 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         resolveThreadModelSelection,
     ]);
     useEffect(() => {
-        const preferredAgentModel = props.selectedAgent
-            ? resolvePreferredAgentModel(props.selectedAgent, availableModels)
-            : undefined;
-        if (!preferredAgentModel)
-            return;
         const threadId = activeThreadIdRef.current;
         const current = threadId
             ? resolveThreadModelSelection(threadId)
             : persistedModelSelection;
+        // Only correct a selection the agent cannot run. This effect re-runs on
+        // every selection change, so an unconditional rewrite pins the picker and
+        // each later user pick snaps straight back.
+        const preferredAgentModel = isClaudeCodeAgentId(props.selectedAgent) &&
+            isLunaModel(current?.model ?? "")
+            ? resolvePreferredAgentModel(props.selectedAgent, availableModels)
+            : undefined;
+        if (!preferredAgentModel)
+            return;
         if (current?.model === preferredAgentModel.model &&
             current.engine === preferredAgentModel.engine) {
             return;
@@ -721,6 +740,8 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         resolveThreadModelSelection,
     ]);
     const refreshEngines = useCallback(() => {
+        if (hostManagedModels)
+            return;
         setModelListLoading(true);
         Promise.all([
             callAction("manage-agent-engine", { action: "list" }).catch(() => null),
@@ -751,12 +772,12 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                 currentEngineName,
                 currentModel,
             });
-            setAvailableModels(groups);
+            setDiscoveredModels(groups);
             setDefaultModel(currentModel ?? DEFAULT_MODEL);
         })
             .catch(() => { })
             .finally(() => setModelListLoading(false));
-    }, []);
+    }, [hostManagedModels]);
     useEffect(() => {
         refreshEngines();
         window.addEventListener("agent-engine:configured-changed", refreshEngines);
@@ -1976,7 +1997,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                         ? clearActiveTab
                                         : undefined, isThreadStateLoading: isLoading, onMessageCountChange: (count) => setMessageCounts((prev) => prev[tabId] === count
                                         ? prev
-                                        : { ...prev, [tabId]: count }), onSaveThread: handleSaveThread, onGenerateTitle: handleGenerateTitle, onSlashCommand: handleSlashCommand, selectedModel: modelSelection?.model, selectedEngine: modelSelection?.engine, selectedEffort: modelSelection?.effort ?? DEFAULT_REASONING_EFFORT, composerSlot: props.composerSlot, defaultModel: defaultModel, availableModels: availableModels, modelListLoading: modelListLoading, onModelChange: handleModelChange, onEffortChange: handleEffortChange, onForkChat: () => handleForkChat(tabId), 
+                                        : { ...prev, [tabId]: count }), onSaveThread: handleSaveThread, onGenerateTitle: handleGenerateTitle, onSlashCommand: handleSlashCommand, selectedModel: modelSelection?.model, selectedEngine: modelSelection?.engine, selectedEffort: modelSelection?.effort ?? DEFAULT_REASONING_EFFORT, composerSlot: props.composerSlot, defaultModel: defaultModel, availableModels: availableModels, modelListLoading: modelListLoading, onModelChange: handleModelChangeWithHost, onEffortChange: handleEffortChange, onForkChat: () => handleForkChat(tabId), 
                                     // Sub-agent tabs are read-only: sending a new message from the
                                     // sub-agent tab would start a fresh run on that thread and kill
                                     // the in-flight team chunk. Disable the composer and show a

package/dist/client/agent-chat/index.d.ts

@@ -11,7 +11,7 @@ export { buildRepositoryFromCodeAgentTranscript, type BuildRepositoryFromCodeAge
 export { compareCodeAgentTranscriptEvents, getCodeAgentTranscriptSeq, isCodeAgentRunActive, mergeCodeAgentTranscriptEvents, type CodeAgentRunStateLike, type CodeAgentTranscriptOrderEvent, } from "../../code-agents/transcript-order.js";
 export { CREDENTIAL_GAP_SIGNAL, isCredentialGapCodeAgentEvent, } from "../../code-agents/transcript-normalizer.js";
 export { useSendToAgentChat } from "../use-send-to-agent-chat.js";
-export { useChatModels, type UseChatModelsResult, type EngineModelGroup, } from "../use-chat-models.js";
+export { chatModelSelectionStorageKey, useChatModels, type UseChatModelsResult, type EngineModelGroup, } from "../use-chat-models.js";
 export { CodeRequiredDialog, type CodeRequiredDialogProps, } from "../components/CodeRequiredDialog.js";
 export { ChatFirstAgentActivityPanel, type ChatFirstAgentActivityPanelProps, } from "../chat-first-agent-activity.js";
 export { ChatFirstSurfacePanelToggle } from "../chat-first-surface-panel-toggle.js";

package/dist/client/agent-chat/index.js

@@ -11,7 +11,7 @@ export { buildRepositoryFromCodeAgentTranscript, } from "../../agent/thread-data
 export { compareCodeAgentTranscriptEvents, getCodeAgentTranscriptSeq, isCodeAgentRunActive, mergeCodeAgentTranscriptEvents, } from "../../code-agents/transcript-order.js";
 export { CREDENTIAL_GAP_SIGNAL, isCredentialGapCodeAgentEvent, } from "../../code-agents/transcript-normalizer.js";
 export { useSendToAgentChat } from "../use-send-to-agent-chat.js";
-export { useChatModels, } from "../use-chat-models.js";
+export { chatModelSelectionStorageKey, useChatModels, } from "../use-chat-models.js";
 export { CodeRequiredDialog, } from "../components/CodeRequiredDialog.js";
 export { ChatFirstAgentActivityPanel, } from "../chat-first-agent-activity.js";
 export { ChatFirstSurfacePanelToggle } from "../chat-first-surface-panel-toggle.js";

package/dist/client/agent-page/use-jobs.d.ts

@@ -57,7 +57,8 @@ export type ManageJobInput = {
 };
 export type ManageAutomationInput = ManageJobInput;
 export interface RunAutomationNowInput {
-    name: string;
+    name?: string;
+    path?: string;
     scope: "personal" | "organization";
 }
 export interface RunAutomationNowResult {

package/dist/client/agent-page/use-jobs.js

@@ -87,12 +87,10 @@ export function useRunAutomationNow() {
     return useActionMutation("run-automation-now", {
         onSuccess: (_result, variables) => {
             const scope = variables.scope === "organization" ? "organization" : "personal";
+            const name = variables.name ??
+                variables.path?.replace(/^jobs\//, "").replace(/\.md$/, "");
             queryClient.invalidateQueries({
-                queryKey: [
-                    "action",
-                    "list-automation-runs",
-                    { scope, name: variables.name },
-                ],
+                queryKey: ["action", "list-automation-runs", { scope, name }],
             });
             queryClient.invalidateQueries({
                 queryKey: ["action", "list-automations", { scope }],

package/dist/client/agent-sidebar-state.js

@@ -1,4 +1,4 @@
-import { AGENT_SIDEBAR_QUERY_PARAM, AGENT_SIDEBAR_QUERY_VALUE_CLOSED, } from "../shared/agent-sidebar-url.js";
+import { AGENT_SIDEBAR_QUERY_PARAM, AGENT_SIDEBAR_QUERY_VALUE_CLOSED, AGENT_SIDEBAR_QUERY_VALUE_OPEN, } from "../shared/agent-sidebar-url.js";
 import { hasChatThreadDeepLink } from "./chat-thread-url.js";
 export { hasChatThreadDeepLink } from "./chat-thread-url.js";
 export const SIDEBAR_OPEN_KEY = "agent-native-sidebar-open";
@@ -62,6 +62,8 @@ export function getAgentSidebarUrlOpenOverride() {
         const value = url.searchParams.get(AGENT_SIDEBAR_QUERY_PARAM);
         if (value === AGENT_SIDEBAR_QUERY_VALUE_CLOSED)
             return false;
+        if (value === AGENT_SIDEBAR_QUERY_VALUE_OPEN)
+            return true;
     }
     catch { }
     return null;

package/dist/client/blocks/library/code-tabs.js

@@ -273,4 +273,9 @@ export const codeTabsBlock = defineBlock({
     label: "Code tabs",
     icon: IconCode,
     description: "A vertical file tab rail of syntax-highlighted code snippets, one tab per file with an optional language and caption.",
+    // `tabs` has schema min(1), so a fresh insert needs one starter tab — same
+    // shape `addTab` mints for a second tab.
+    empty: () => ({
+        tabs: [{ id: newCodeTabId(), label: "file-1.ts", code: "" }],
+    }),
 });

package/dist/client/blocks/library/code.js

@@ -131,4 +131,5 @@ export const codeBlock = defineBlock({
     label: "Code",
     icon: IconCode,
     description: "A single syntax-highlighted code snippet, Notion-style: one border, a hover language switcher + copy, and collapse-to-N lines. Put several in a `tabs` block for a file rail.",
+    empty: () => ({ code: "" }),
 });

package/dist/client/chat-first/apps-rail.js

@@ -44,7 +44,7 @@ function AppRows({ apps, defaultAppIds, activeAppId, layout, onDragStart, onDrop
             const pinned = layout.pinnedIds.includes(app.id);
             const index = orderedApps.indexOf(app);
             return (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsxs("li", { draggable: true, "data-chat-first-app": true, "data-app-id": app.id, className: cn("group flex h-8 w-full min-w-0 items-center gap-1 rounded-md px-0 text-sm", active
-                                ? "font-medium text-sidebar-foreground"
+                                ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
                                 : "text-sidebar-foreground/75 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"), onDragStart: (event) => {
                                 event.dataTransfer.effectAllowed = "move";
                                 onDragStart(app.id);
@@ -136,7 +136,7 @@ export const ChatFirstAppsRail = memo(function ChatFirstAppsRail({ apps, default
         return (_jsx(TooltipProvider, { children: _jsxs("section", { "data-chat-first-apps-rail": true, className: "flex flex-col items-center gap-1 px-1.5 pt-2", "aria-label": copy("workspaceApps"), children: [loading && apps.length === 0
                         ? [0, 1, 2].map((index) => (_jsx(Skeleton, { className: "size-9 rounded-md" }, index)))
                         : visibleApps.map((app) => (_jsxs(Tooltip, { delayDuration: 0, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-chat-first-app": true, "data-app-id": app.id, className: cn("flex size-9 items-center justify-center rounded-md", activeAppId === app.id
-                                            ? "text-sidebar-foreground"
+                                            ? "bg-sidebar-accent text-sidebar-accent-foreground"
                                             : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"), onClick: () => onOpenApp(app), "aria-label": copy("openApp", { name: app.name }), children: _jsx(ChatFirstRailAppIcon, { app: app, activeAppId: activeAppId, renderIcon: renderIcon }) }) }), _jsx(TooltipContent, { side: "right", children: app.name })] }, app.id))), onOpenAllApps ? (_jsxs(Tooltip, { delayDuration: 0, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-chat-first-all-apps": true, className: "flex size-9 items-center justify-center rounded-md text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", onClick: onOpenAllApps, "aria-label": copy("allApps"), children: _jsx(IconApps, { size: 16, "aria-hidden": "true" }) }) }), _jsx(TooltipContent, { side: "right", children: copy("allApps") })] })) : null, error ? (_jsx("span", { className: "size-1.5 rounded-full bg-destructive", title: error, "aria-label": error })) : null] }) }));
     }
     return (_jsxs("section", { "data-chat-first-apps-rail": true, className: "mt-3 px-2 pb-2 pt-2", "aria-label": copy("workspaceApps"), children: [_jsxs("div", { className: "mb-1 flex items-center gap-1.5 px-2 text-[11px] font-medium text-sidebar-foreground/50", children: [_jsx("span", { children: copy("workspaceApps") }), _jsx("span", { className: "ml-auto", children: createTrigger })] }), loading && apps.length === 0 ? (_jsx("div", { className: "space-y-0.5 px-2", children: [0, 1, 2].map((index) => (_jsx(Skeleton, { className: "h-8 w-full rounded-md" }, index))) })) : apps.length === 0 ? (_jsxs("div", { className: "px-2", children: [_jsx("p", { className: "text-xs text-sidebar-foreground/55", children: copy("noWorkspaceApps") }), createAppTrigger ? (createTrigger) : onCreateApp ? (_jsxs("button", { type: "button", className: "mt-1 inline-flex h-6 items-center gap-1.5 rounded-md border border-sidebar-border px-2 text-xs text-sidebar-foreground/75 hover:bg-sidebar-accent hover:text-sidebar-foreground", onClick: onCreateApp, children: [_jsx(IconPlus, { size: 13, "aria-hidden": "true" }), copy("createApp")] })) : (createTrigger)] })) : (_jsx(AppRows, { apps: visibleApps, defaultAppIds: defaultAppIds, activeAppId: activeAppId, layout: layout, onDragStart: setDraggedAppId, onDrop: reorderApps, onDragEnd: () => setDraggedAppId(null), onOpenApp: onOpenApp, onRemoveApp: onRemoveApp, onTogglePinned: togglePinned, onMove: moveApp, renderIcon: renderIcon, copy: copy })), hasMoreApps || showAllApps ? (_jsxs("button", { type: "button", className: "mt-0.5 flex h-8 w-full items-center gap-2 rounded-md px-2 text-xs text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-foreground", onClick: () => setShowAllApps((value) => !value), children: [showAllApps ? (_jsx(IconChevronUp, { size: 14, "aria-hidden": "true" })) : (_jsx(IconChevronDown, { size: 14, "aria-hidden": "true" })), showAllApps ? copy("showLess") : copy("showMore")] })) : null, onOpenAllApps ? (_jsx("div", { className: "mt-1 border-t border-sidebar-border/60 pt-1", children: _jsxs("button", { type: "button", "data-chat-first-all-apps": true, className: "flex h-8 w-full items-center gap-2 rounded-md px-2 text-xs text-sidebar-foreground/55 hover:bg-sidebar-accent hover:text-sidebar-foreground", onClick: onOpenAllApps, children: [_jsx(IconApps, { size: 14, "aria-hidden": "true" }), _jsx("span", { children: copy("allApps") })] }) })) : null, error ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "mt-1 flex items-center gap-1 px-2 text-[10px] text-destructive/80", onClick: onRetry, "aria-label": error, children: [_jsx("span", { className: "size-1.5 rounded-full bg-destructive" }), onRetry ? copy("retry") : copy("appsLoadError")] }) }), _jsx(TooltipContent, { side: "right", children: error })] })) : null] }));

package/dist/client/chat-model-groups.d.ts

@@ -10,6 +10,18 @@ export interface ChatModelEngineEntry {
     supportedModels?: readonly string[];
     requiredEnvVars?: readonly string[];
     packageInstalled?: boolean;
+    /**
+     * Server-resolved readiness. The env-key fallback below cannot see
+     * vault-stored credentials or the deploy-injected Builder gateway lane, so
+     * an engine running on either is reported unconfigured without this.
+     *
+     * Undefined means the server could not resolve it — including a credential
+     * read that threw, reported in `configuredError`. That deliberately falls
+     * through to the env heuristic rather than reading as "needs an API key".
+     */
+    configured?: boolean;
+    /** Why readiness is unknown, when the server's lookup failed. */
+    configuredError?: string;
 }
 export interface BuildChatModelGroupsOptions {
     engines: readonly ChatModelEngineEntry[];

package/dist/client/chat-model-groups.js

@@ -143,8 +143,9 @@ export function buildChatModelGroups({ engines, configuredKeys, builderConnected
             engine: engine.name,
             label: engine.label,
             models: sortModelsByCost(addCurrentModel(engine.supportedModels ?? [], engine.name, currentEngineName, currentModel)),
-            configured: requiredEnvVars.length === 0 ||
-                requiredEnvVars.some((key) => configured.has(key)),
+            configured: engine.configured ??
+                (requiredEnvVars.length === 0 ||
+                    requiredEnvVars.some((key) => configured.has(key))),
         };
     })
         .filter((group) => group.models.length > 0);

package/dist/client/integrations/GoogleProductLogo.d.ts

@@ -0,0 +1,5 @@
+import type { SVGProps } from "react";
+export type GoogleProduct = "calendar" | "docs" | "drive" | "gmail" | "sheets" | "slides";
+export declare function GoogleProductLogo({ product, className, ...props }: {
+    product: GoogleProduct;
+} & Omit<SVGProps<SVGSVGElement>, "children">): import("react").JSX.Element;

package/dist/client/integrations/GoogleProductLogo.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const GOOGLE_MARK_COLORS = {
+    // guard:allow-raw-color - official Google product mark color
+    blue: "#4285F4",
+    // guard:allow-raw-color - official Google product mark color
+    blueDark: "#1A73E8",
+    // guard:allow-raw-color - official Google product mark color
+    blueLight: "#8AB4F8",
+    // guard:allow-raw-color - official Google product mark color
+    border: "#DADCE0",
+    // guard:allow-raw-color - official Google product mark color
+    green: "#34A853",
+    // guard:allow-raw-color - official Google product mark color
+    greenDark: "#188038",
+    // guard:allow-raw-color - official Google product mark color
+    red: "#EA4335",
+    // guard:allow-raw-color - official Google product mark color
+    yellow: "#FBBC04",
+    // guard:allow-raw-color - official Google product mark color
+    yellowDark: "#F9AB00",
+};
+const commonProps = {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": true,
+    focusable: false,
+};
+export function GoogleProductLogo({ product, className, ...props }) {
+    const svgProps = { ...commonProps, className, ...props };
+    switch (product) {
+        case "gmail":
+            return (_jsxs("svg", { ...svgProps, children: [_jsx("path", { d: "M3.5 5.25h17A1.5 1.5 0 0 1 22 6.75v10.5a1.5 1.5 0 0 1-1.5 1.5h-17A1.5 1.5 0 0 1 2 17.25V6.75a1.5 1.5 0 0 1 1.5-1.5Z", fill: "white", stroke: GOOGLE_MARK_COLORS.border }), _jsx("path", { d: "m3 7 9 6.75L21 7", stroke: GOOGLE_MARK_COLORS.red, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M3 17.75V7m18 10.75V7", stroke: GOOGLE_MARK_COLORS.blue, strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "m3 7 4.25 3.2", stroke: GOOGLE_MARK_COLORS.yellow, strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "m21 7-4.25 3.2", stroke: GOOGLE_MARK_COLORS.green, strokeWidth: "2", strokeLinecap: "round" })] }));
+        case "calendar":
+            return (_jsxs("svg", { ...svgProps, children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "17", rx: "2.5", fill: GOOGLE_MARK_COLORS.blue }), _jsx("path", { d: "M3 9h18", stroke: "white", strokeWidth: "2" }), _jsx("path", { d: "M7 3v3M17 3v3", stroke: GOOGLE_MARK_COLORS.blueDark, strokeWidth: "2", strokeLinecap: "round" }), _jsx("text", { x: "12", y: "17", textAnchor: "middle", fill: "white", fontFamily: "Arial, sans-serif", fontSize: "8", fontWeight: "700", children: "31" })] }));
+        case "drive":
+            return (_jsxs("svg", { ...svgProps, children: [_jsx("path", { d: "M8.1 3.5h4.65l8.45 14.65h-4.65L8.1 3.5Z", fill: GOOGLE_MARK_COLORS.yellow }), _jsx("path", { d: "M8.1 3.5 3.2 12l4.65 8.05 4.9-8.5L8.1 3.5Z", fill: GOOGLE_MARK_COLORS.green }), _jsx("path", { d: "M3.2 12h9.55l3.8 6.15H6.75L3.2 12Z", fill: GOOGLE_MARK_COLORS.blue })] }));
+        case "docs":
+            return (_jsxs("svg", { ...svgProps, children: [_jsx("path", { d: "M6 2.5h8l4 4v15H6a2 2 0 0 1-2-2v-15a2 2 0 0 1 2-2Z", fill: GOOGLE_MARK_COLORS.blue }), _jsx("path", { d: "M14 2.5v4h4", fill: GOOGLE_MARK_COLORS.blueLight }), _jsx("path", { d: "M8 11h8M8 14.5h8M8 18h5", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" })] }));
+        case "sheets":
+            return (_jsxs("svg", { ...svgProps, children: [_jsx("path", { d: "M6 2.5h8l4 4v15H6a2 2 0 0 1-2-2v-15a2 2 0 0 1 2-2Z", fill: GOOGLE_MARK_COLORS.green }), _jsx("path", { d: "M14 2.5v4h4", fill: GOOGLE_MARK_COLORS.greenDark }), _jsx("path", { d: "M8 10h8v8H8v-8Zm0 2.7h8M8 15.3h8M10.7 10v8", stroke: "white", strokeWidth: "1.2" })] }));
+        case "slides":
+            return (_jsxs("svg", { ...svgProps, children: [_jsx("path", { d: "M6 2.5h8l4 4v15H6a2 2 0 0 1-2-2v-15a2 2 0 0 1 2-2Z", fill: GOOGLE_MARK_COLORS.yellowDark }), _jsx("path", { d: "M14 2.5v4h4", fill: GOOGLE_MARK_COLORS.yellow }), _jsx("path", { d: "M8 17V11m3 6v-3m3 3v-7", stroke: "white", strokeWidth: "1.7", strokeLinecap: "round" })] }));
+    }
+}

package/dist/client/integrations/index.d.ts

@@ -1,6 +1,8 @@
 export { IntegrationsPanel, McpIntegrationsLanding, McpIntegrationsSection, type McpIntegrationsLandingProps, type McpIntegrationsSectionProps, } from "./IntegrationsPanel.js";
 export { IntegrationGrid, type IntegrationGridItem, type IntegrationGridProps, } from "./IntegrationGrid.js";
 export { IntegrationConnectionChoice, type IntegrationConnectionChoiceProps, } from "./IntegrationConnectionChoice.js";
+export { GoogleProductLogo, type GoogleProduct } from "./GoogleProductLogo.js";
+export { startWorkspaceProviderOAuth, workspaceProviderOAuthUrl, type WorkspaceProviderOAuthOptions, type WorkspaceProviderOAuthScope, } from "./workspace-provider-oauth.js";
 export { useIntegrationStatus } from "./useIntegrationStatus.js";
 export type { IntegrationStatus } from "./useIntegrationStatus.js";
 export { listIntegrationEnvStatuses, listIntegrationStatuses, saveIntegrationEnvVars, setIntegrationEnabled, setupIntegration, disconnectManagedIntegrationInstallation, listManagedIntegrationInstallations, managedIntegrationOAuthUrl, managedSlackAgentManifestUrl, listManagedIntegrationScopes, saveManagedIntegrationScope, listManagedIntegrationBudgets, listManagedIntegrationMemory, forgetManagedIntegrationMemory, saveManagedIntegrationBudget, testManagedIntegrationInstallation, IntegrationClientError, type ClientIntegrationInstallation, type ClientIntegrationScope, type ClientIntegrationUsageBudget, type ClientIntegrationMemory, type ClientIntegrationStatus, type IntegrationEnvStatus, type SavedEnvVarsResult, } from "./api.js";

package/dist/client/integrations/index.js

@@ -1,5 +1,7 @@
 export { IntegrationsPanel, McpIntegrationsLanding, McpIntegrationsSection, } from "./IntegrationsPanel.js";
 export { IntegrationGrid, } from "./IntegrationGrid.js";
 export { IntegrationConnectionChoice, } from "./IntegrationConnectionChoice.js";
+export { GoogleProductLogo } from "./GoogleProductLogo.js";
+export { startWorkspaceProviderOAuth, workspaceProviderOAuthUrl, } from "./workspace-provider-oauth.js";
 export { useIntegrationStatus } from "./useIntegrationStatus.js";
 export { listIntegrationEnvStatuses, listIntegrationStatuses, saveIntegrationEnvVars, setIntegrationEnabled, setupIntegration, disconnectManagedIntegrationInstallation, listManagedIntegrationInstallations, managedIntegrationOAuthUrl, managedSlackAgentManifestUrl, listManagedIntegrationScopes, saveManagedIntegrationScope, listManagedIntegrationBudgets, listManagedIntegrationMemory, forgetManagedIntegrationMemory, saveManagedIntegrationBudget, testManagedIntegrationInstallation, IntegrationClientError, } from "./api.js";

package/dist/client/integrations/workspace-provider-oauth.d.ts

@@ -0,0 +1,8 @@
+export type WorkspaceProviderOAuthScope = "user" | "organization" | "app";
+export interface WorkspaceProviderOAuthOptions {
+    appId: string;
+    returnPath?: string;
+    scope?: WorkspaceProviderOAuthScope;
+}
+export declare function workspaceProviderOAuthUrl(provider: string, options: WorkspaceProviderOAuthOptions): string;
+export declare function startWorkspaceProviderOAuth(provider: string, options: WorkspaceProviderOAuthOptions): void;

package/dist/client/integrations/workspace-provider-oauth.js

@@ -0,0 +1,13 @@
+import { agentNativePath } from "../api-path.js";
+export function workspaceProviderOAuthUrl(provider, options) {
+    const params = new URLSearchParams({
+        appId: options.appId,
+        scope: options.scope ?? "user",
+    });
+    if (options.returnPath)
+        params.set("return", options.returnPath);
+    return agentNativePath(`/_agent-native/connections/oauth/${provider}/start?${params.toString()}`);
+}
+export function startWorkspaceProviderOAuth(provider, options) {
+    window.location.assign(workspaceProviderOAuthUrl(provider, options));
+}

package/dist/client/resources/mcp-integration-catalog.js

@@ -383,34 +383,6 @@ export const DEFAULT_MCP_INTEGRATIONS = [
             "Grafana Cloud",
         ],
     },
-    {
-        id: "google-workspace",
-        name: "Google Workspace",
-        provider: "google-workspace",
-        description: "Search Google Workspace data through its remote MCP server.",
-        descriptionKey: "mcpIntegrations.catalog.googleWorkspace.description",
-        useCase: "Workspace search across Gmail, Drive, Calendar, Chat, Docs, Sheets, Slides",
-        useCaseKey: "mcpIntegrations.catalog.googleWorkspace.useCase",
-        url: "https://workspacemcp.googleapis.com/mcp/v1",
-        authMode: "oauth",
-        connectionMode: "manual",
-        availability: "beta",
-        verification: "restricted",
-        logoUrl: mcpIntegrationLogo("google-workspace"),
-        docsUrl: "https://developers.google.com/workspace/guides/configure-mcp-servers",
-        setupNoteKey: "mcpIntegrations.catalog.googleWorkspace.setupNote",
-        brandAliases: ["Google", "Gmail", "Google Drive", "Google Calendar"],
-        keywords: [
-            "email",
-            "gmail",
-            "drive",
-            "calendar",
-            "chat",
-            "docs",
-            "sheets",
-            "slides",
-        ],
-    },
     {
         id: "gitlab",
         name: "GitLab",
@@ -900,7 +872,6 @@ const MCP_LINK_HOSTS = {
     sentry: ["sentry.io", "sentry.dev"],
     gong: ["gong.io"],
     grafana: ["grafana.com", "grafana.net"],
-    "google-workspace": ["google.com", "googleapis.com"],
     "builder-cms": ["builder.io"],
     notion: ["notion.so", "notion.site"],
     granola: ["granola.ai"],

package/dist/client/settings/SettingsTabsPage.js

@@ -200,18 +200,22 @@ export function SettingsTabsPage({ general, account, team, whatsNew, extraTabs =
         ? defaultTab
         : (tabs[0]?.id ?? "general");
     const tabGroups = useMemo(() => {
-        const groups = [];
+        // Keyed by group id so tabs sharing a group merge into one section even
+        // when another group's tabs sit between them in `tabs` — adjacency-only
+        // merging left same-id groups duplicated (and rendered with duplicate
+        // React keys) whenever the tab list interleaved groups.
+        const groupsById = new Map();
         for (const tab of tabs) {
             const groupId = tab.group ?? "app";
-            const previousGroup = groups.at(-1);
-            if (previousGroup?.id === groupId) {
-                previousGroup.tabs.push(tab);
+            const group = groupsById.get(groupId);
+            if (group) {
+                group.tabs.push(tab);
             }
             else {
-                groups.push({ id: groupId, tabs: [tab] });
+                groupsById.set(groupId, { id: groupId, tabs: [tab] });
             }
         }
-        return groups;
+        return Array.from(groupsById.values());
     }, [tabs]);
     const tabGroupLabels = {
         app: "Personal",

package/dist/client/sharing/ShareButton.js

@@ -133,7 +133,14 @@ function SharePanel(props) {
     const { controller } = props;
     const { inviteEmail, setInviteEmail: onInviteEmailChange, activeShareTab, handleShareTabChange, data, policy, visibility, canManage, role, setRole, notifyPeople, setNotifyPeople, shareMessage, setShareMessage, messageOpen, setMessageOpen, shareError, setShareError, suggestionsOpen, setSuggestionsOpen, inFlight, memberSearch, memberSuggestions, groupSuggestions, selectGroup, knownMembers, shares, handleVisibility, handleHideInSearch, handleAdd, handleChangeRole, handleRemove, } = controller;
     const hasInviteEmail = inviteEmail.trim().length > 0;
-    const isLoading = data === undefined;
+    // `data` stays undefined after a failed read, so a stuck skeleton is
+    // indistinguishable from loading unless the error comes off the query itself.
+    // `isError` alone is not that signal: it is also true when a refetch fails
+    // while React Query still holds usable data, and this panel refetches on open
+    // and after every mutation — blocking on that would swap a working panel for
+    // a retry screen on one transient failure.
+    const loadFailed = controller.sharesQuery.isError && data === undefined;
+    const isLoading = !loadFailed && data === undefined;
     const meta = visibilityMeta(visibility, t, props.visibilityCopy);
     const peopleAccessLabel = props.peopleAccessLabel ??
         t("agentChat.share.peopleWithAccess", {
@@ -151,7 +158,9 @@ function SharePanel(props) {
     const hasTabs = extraTabs.length > 0;
     const shareTabLabel = props.shareTabs?.shareLabel ??
         t("agentChat.share.shareLink", { defaultValue: "Share link" });
-    const sharePanel = isLoading ? (_jsxs("div", { children: [showShareLinks ? (_jsx("div", { className: "mb-4 h-9 rounded-md bg-muted animate-pulse" })) : null, _jsx("div", { className: "mb-2 text-sm font-semibold", children: generalAccessLabel }), _jsx("div", { className: "mb-4 h-9 rounded-md bg-muted animate-pulse" }), _jsx("div", { className: "mb-2 text-sm font-semibold", children: peopleAccessLabel }), _jsx("div", { className: "mb-4 h-7 rounded-md bg-muted animate-pulse" })] })) : (_jsxs("div", { children: [showShareLinks && shareUrlPlacement === "top" ? shareLinks : null, _jsxs("div", { className: "mb-4", children: [_jsx("div", { className: "mb-2 text-sm font-semibold", children: generalAccessLabel }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: _jsx(meta.Icon, { size: 16, strokeWidth: 1.75 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(VisibilitySelect, { value: visibility, onChange: handleVisibility, disabled: !canManage, visibilityCopy: props.visibilityCopy, allowPublic: policy.allowPublic }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground", children: [_jsx("span", { className: "sr-only", children: meta.description }), visibility === "org" && props.hideInSearchControl ? (_jsx(AdvancedAccessPopover, { control: props.hideInSearchControl, canManage: canManage, onToggle: handleHideInSearch })) : null] })] })] })] }), _jsxs("div", { className: "mb-4 space-y-4", children: [_jsx("div", { className: "text-sm font-semibold", children: peopleAccessLabel }), canManage ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-stretch gap-2", children: [_jsx(MemberAutocomplete, { value: inviteEmail, open: suggestionsOpen, onOpenChange: setSuggestionsOpen, onValueChange: (next) => {
+    const sharePanel = loadFailed ? (_jsxs("div", { children: [showShareLinks && shareUrlPlacement === "top" ? shareLinks : null, _jsxs("div", { role: "alert", className: "flex items-center justify-between gap-2 rounded-md border border-border bg-muted/30 px-3 py-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: t("agentChat.share.loadFailed", {
+                            defaultValue: "Couldn't load sharing settings.",
+                        }) }), _jsx("button", { type: "button", onClick: () => controller.sharesQuery.refetch(), disabled: controller.sharesQuery.isFetching, className: cn(BUTTON_BASE, "h-7 px-2 text-xs text-muted-foreground hover:bg-accent hover:text-accent-foreground"), children: t("agentChat.common.retry") })] }), showShareLinks && shareUrlPlacement === "bottom" ? shareLinks : null] })) : isLoading ? (_jsxs("div", { children: [showShareLinks ? (_jsx("div", { className: "mb-4 h-9 rounded-md bg-muted animate-pulse" })) : null, _jsx("div", { className: "mb-2 text-sm font-semibold", children: generalAccessLabel }), _jsx("div", { className: "mb-4 h-9 rounded-md bg-muted animate-pulse" }), _jsx("div", { className: "mb-2 text-sm font-semibold", children: peopleAccessLabel }), _jsx("div", { className: "mb-4 h-7 rounded-md bg-muted animate-pulse" })] })) : (_jsxs("div", { children: [showShareLinks && shareUrlPlacement === "top" ? shareLinks : null, _jsxs("div", { className: "mb-4", children: [_jsx("div", { className: "mb-2 text-sm font-semibold", children: generalAccessLabel }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: _jsx(meta.Icon, { size: 16, strokeWidth: 1.75 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(VisibilitySelect, { value: visibility, onChange: handleVisibility, disabled: !canManage, visibilityCopy: props.visibilityCopy, allowPublic: policy.allowPublic }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground", children: [_jsx("span", { className: "sr-only", children: meta.description }), visibility === "org" && props.hideInSearchControl ? (_jsx(AdvancedAccessPopover, { control: props.hideInSearchControl, canManage: canManage, onToggle: handleHideInSearch })) : null] })] })] })] }), _jsxs("div", { className: "mb-4 space-y-4", children: [_jsx("div", { className: "text-sm font-semibold", children: peopleAccessLabel }), canManage ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-stretch gap-2", children: [_jsx(MemberAutocomplete, { value: inviteEmail, open: suggestionsOpen, onOpenChange: setSuggestionsOpen, onValueChange: (next) => {
                                             onInviteEmailChange(next);
                                             if (shareError)
                                                 setShareError(null);

package/dist/client/use-chat-models.d.ts

@@ -24,6 +24,12 @@ interface Options {
      */
     enabled?: boolean;
 }
+/**
+ * `useChatModels` takes the raw localStorage key while `MultiTabAssistantChat`
+ * takes only the namespace suffix — a surface that hand-writes either one stops
+ * sharing the selection with the chat it sits next to.
+ */
+export declare function chatModelSelectionStorageKey(namespace?: string | null): string;
 export declare const CHAT_MODEL_SELECTION_CHANGED_EVENT = "agent-native:chat-model-selection-changed";
 /**
  * Fetches available engines/models from the agent server and exposes the same