@agent-native/core 0.103.0 → 0.104.0

package/dist/client/MultiTabAssistantChat.d.ts

@@ -62,16 +62,10 @@ export type MultiTabAssistantChatProps = Omit<AssistantChatProps, "tabId" | "thr
      * route params such as `/chat/:threadId`.
      */
     threadUrlSync?: boolean | ChatThreadUrlSyncOptions;
-    /**
-     * Bind new chats to a resource (deck, design, dashboard, etc.). When set,
-     * new chats automatically inherit this scope and scoped chats tuck away when
-     * the user leaves the resource. General chats remain visible across resource
-     * navigation, and the user can detach a scoped chat via the scope chip above
-     * the composer.
-     */
+    /** Ambient resource context to show as a composer chip. */
     scope?: ChatThreadScope | null;
-    /** Show the compact scope chip above the composer. Default: true. */
+    /** @deprecated Scope context is now rendered in the composer. */
     showScopeBadge?: boolean;
 };
-export declare function MultiTabAssistantChat({ showTabBar, renderHeader, renderOverlay, contentHidden, apiUrl, storageKey, restoreActiveThread, browserTabId, threadUrlSync, scope, showScopeBadge, ...props }: MultiTabAssistantChatProps): React.JSX.Element;
+export declare function MultiTabAssistantChat({ showTabBar, renderHeader, renderOverlay, contentHidden, apiUrl, storageKey, restoreActiveThread, browserTabId, threadUrlSync, scope, ...props }: MultiTabAssistantChatProps): React.JSX.Element;
 //# sourceMappingURL=MultiTabAssistantChat.d.ts.map

package/dist/client/MultiTabAssistantChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiTabAssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/MultiTabAssistantChat.tsx"],"names":[],"mappings":"AAQA,OAAO,KAMN,MAAM,OAAO,CAAC;AAyBf,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,oBAAoB,CAAC;AA2B5B,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAooB/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsGD,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAC9C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AAyED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,kBAAkB,EAClB,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,wBAAwB,CAAC;IACnD;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,UAAiB,EACjB,YAAY,EACZ,aAAa,EACb,aAAqB,EACrB,MAAqD,EACrD,UAAU,EACV,mBAA0B,EAC1B,YAAY,EACZ,aAAqB,EACrB,KAAY,EACZ,cAAqB,EACrB,GAAG,KAAK,EACT,EAAE,0BAA0B,qBA01D5B"}
+{"version":3,"file":"MultiTabAssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/MultiTabAssistantChat.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AA4BxE,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,oBAAoB,CAAC;AA0B5B,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAoa/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsGD,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAC9C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AAyED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,kBAAkB,EAClB,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,wBAAwB,CAAC;IACnD,2DAA2D;IAC3D,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,UAAiB,EACjB,YAAY,EACZ,aAAa,EACb,aAAqB,EACrB,MAAqD,EACrD,UAAU,EACV,mBAA0B,EAC1B,YAAY,EACZ,aAAqB,EACrB,KAAY,EACZ,GAAG,KAAK,EACT,EAAE,0BAA0B,qBA6wD5B"}

package/dist/client/MultiTabAssistantChat.js

@@ -1,14 +1,14 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconX, IconPlus, IconHistory, IconLink, IconLinkOff, IconCheck, } from "@tabler/icons-react";
-import { useState, useRef, useEffect, useCallback, useMemo, } from "react";
+import { IconPlus, IconHistory, IconX } from "@tabler/icons-react";
+import { useState, useRef, useEffect, useCallback } from "react";
 import { DEFAULT_MODEL } from "../agent/default-model.js";
 import { DEFAULT_REASONING_EFFORT, isReasoningEffort, resolveReasoningEffortSelection, } from "../shared/reasoning-effort.js";
-import { AGENT_CHAT_CLEAR_CONTEXT_MESSAGE_TYPE, AGENT_CHAT_REMOVE_CONTEXT_MESSAGE_TYPE, AGENT_CHAT_SET_CONTEXT_MESSAGE_TYPE, appendAgentChatContextToMessage, claimAgentChatOpenRequest, claimAgentChatSubmit, drainBufferedAgentChatOpenRequests, drainBufferedAgentChatSubmits, isAgentChatSubmitCancelled, normalizeAgentChatContextItem, parseSubmitChatMessage, reportAgentChatSubmitResult, } from "./agent-chat.js";
+import { AGENT_CHAT_CLEAR_CONTEXT_MESSAGE_TYPE, AGENT_CHAT_REMOVE_CONTEXT_MESSAGE_TYPE, AGENT_CHAT_SET_CONTEXT_MESSAGE_TYPE, appendAgentChatContextToMessage, claimAgentChatOpenRequest, claimAgentChatSubmit, drainBufferedAgentChatOpenRequests, drainBufferedAgentChatSubmits, getAgentChatContextState, isAgentChatSubmitCancelled, normalizeAgentChatContextItem, parseSubmitChatMessage, removeAgentChatContextItem, reportAgentChatSubmitResult, setAgentChatContextItem, } from "./agent-chat.js";
 import { agentNativePath, appPath } from "./api-path.js";
 import { AssistantChat, } from "./AssistantChat.js";
 import { buildChatModelGroups, } from "./chat-model-groups.js";
 import { ChatHistoryList, } from "./chat/ChatHistoryList.js";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from "./components/ui/popover.js";
+import { Popover, PopoverAnchor, PopoverContent, } from "./components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
 import { isTrustedFrameMessage } from "./frame.js";
 import { KeepTabOpenNotice } from "./KeepTabOpenNotice.js";
@@ -98,57 +98,10 @@ function resolveModelSelection(selection, groups) {
 function ChatSkeleton({ header, headerOnly = false, }) {
     return (_jsxs("div", { className: cn("flex flex-col min-h-0", headerOnly ? "shrink-0" : "flex-1 h-full"), children: [header ?? (_jsxs("div", { className: "flex items-center px-1 py-1 border-b border-border shrink-0 gap-0.5", children: [_jsx("div", { className: "h-[22px] w-20 rounded-md bg-muted animate-pulse" }), _jsxs("div", { className: "ms-auto flex gap-0.5", children: [_jsx("div", { className: "h-[22px] w-[22px] rounded-md bg-muted animate-pulse" }), _jsx("div", { className: "h-[22px] w-[22px] rounded-md bg-muted animate-pulse" })] })] })), !headerOnly && (_jsxs("div", { className: "flex-1 flex flex-col gap-3 p-4", children: [_jsx("div", { className: "flex justify-center py-8", children: _jsx("div", { className: "h-10 w-10 rounded-full bg-muted animate-pulse" }) }), _jsx("div", { className: "h-3 w-32 rounded bg-muted animate-pulse mx-auto" })] }))] }));
 }
-// ─── Scope Badge ─────────────────────────────────────────────────────────────
+// ─── Resource context ────────────────────────────────────────────────────────
 function formatScopeType(type) {
     return type.replace(/[-_]+/g, " ");
 }
-function indefiniteArticleFor(value) {
-    return /^[aeiou]/i.test(value.trim()) ? "an" : "a";
-}
-function getScopeCopy(scope, isCurrentScope) {
-    const type = formatScopeType(scope.type);
-    const fallbackObject = isCurrentScope
-        ? `this ${type}`
-        : `${indefiniteArticleFor(type)} ${type}`;
-    const objectLabel = scope.label || fallbackObject;
-    return {
-        objectLabel,
-        chipLabel: scope.label || (isCurrentScope ? `this ${type}` : `${type} context`),
-    };
-}
-/**
- * Compact context tab above the composer. Click → popover with related chats
- * and the remove-context action. It stays attached to the chat field so scoped
- * context is visible right where the next message will be composed.
- */
-function ScopeBadge({ scope, currentScope, onDetach, otherScopedThreads, activeThreadId, openTabIds, onSelectThread, }) {
-    const [open, setOpen] = useState(false);
-    const isCurrentScope = Boolean(currentScope &&
-        currentScope.type === scope.type &&
-        currentScope.id === scope.id);
-    const hasDifferentCurrentScope = Boolean(currentScope && !isCurrentScope);
-    const { objectLabel, chipLabel } = getScopeCopy(scope, isCurrentScope);
-    const heading = `Using ${chipLabel}`;
-    const detailSuffix = hasDifferentCurrentScope
-        ? "Start a new chat to use the current page."
-        : isCurrentScope
-            ? "New chats here keep this context."
-            : "Start a new chat for a general conversation.";
-    const otherCount = otherScopedThreads.length;
-    return (_jsx("div", { className: "agent-scope-badge-wrapper relative z-[1] -mb-2 flex shrink-0 items-end justify-center px-3 pt-1 text-[11px] text-muted-foreground", children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "inline-flex h-7 min-w-0 max-w-full cursor-pointer items-center gap-1.5 rounded-t-lg border border-b-0 border-input bg-background px-3 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground sm:max-w-72", "aria-label": heading, children: [_jsx(IconLink, { size: 11, className: "shrink-0 opacity-70" }), _jsx("span", { className: "min-w-0 truncate", children: heading }), otherCount > 0 && (_jsxs("span", { className: "ms-0.5 shrink-0 rounded-full bg-muted px-1.5 py-px text-[10px] leading-none text-muted-foreground", "aria-label": `${otherCount} other chats for ${objectLabel}`, children: ["+", otherCount] }))] }) }), _jsxs(PopoverContent, { align: "center", side: "top", className: "w-72 p-0", children: [_jsxs("p", { className: "px-3 pt-2 pb-1.5 text-[11px] text-muted-foreground", children: ["This chat can see", " ", _jsx("span", { className: "text-foreground", children: objectLabel }), ".", " ", detailSuffix] }), otherCount > 0 && (_jsxs("div", { className: "border-t border-border", children: [_jsxs("div", { className: "px-3 pt-1.5 pb-1 text-[10px] uppercase tracking-wider text-muted-foreground/70", children: ["Chats for ", objectLabel] }), _jsx("div", { className: "max-h-56 overflow-y-auto pb-1", children: otherScopedThreads.map((thread) => renderThreadRow(thread, activeThreadId, openTabIds, formatThreadTime, onSelectThread, () => setOpen(false))) })] })), _jsx("div", { className: "border-t border-border p-1", children: _jsxs("button", { type: "button", onClick: () => {
-                                    setOpen(false);
-                                    onDetach();
-                                }, className: "flex w-full items-center gap-2 rounded px-2 py-1.5 text-xs text-foreground hover:bg-accent cursor-pointer", children: [_jsx(IconLinkOff, { size: 13 }), _jsx("span", { children: "Remove context" })] }) })] })] }) }));
-}
-/**
- * Thin confirmation banner shown briefly after detach. The chip itself
- * unmounts the moment scope clears on the active thread, so this banner
- * holds the visual feedback long enough for the user to register what
- * just happened and learn where the chat went (History popover).
- */
-function DetachConfirmationBanner() {
-    return (_jsx("div", { className: "agent-scope-badge-wrapper relative z-[1] -mb-2 flex shrink-0 items-end justify-center px-3 pt-1 text-[11px] text-muted-foreground", children: _jsxs("span", { className: "inline-flex h-7 min-w-0 max-w-full items-center gap-1.5 rounded-t-lg border border-b-0 border-input bg-background px-3 text-foreground shadow-[0_-8px_24px_hsl(var(--background)/0.72)] sm:max-w-80", children: [_jsx(IconCheck, { size: 11, className: "shrink-0 opacity-80" }), _jsx("span", { className: "min-w-0 truncate", children: "Context removed. Find this chat in History." })] }) }));
-}
 // ─── History Popover ─────────────────────────────────────────────────────────
 function formatThreadTime(ts) {
     const d = new Date(ts);
@@ -163,18 +116,7 @@ function formatThreadTime(ts) {
         return d.toLocaleDateString([], { weekday: "short" });
     return d.toLocaleDateString([], { month: "short", day: "numeric" });
 }
-function renderThreadRow(thread, activeThreadId, openTabIds, formatTime, onSelect, onClose) {
-    const isActive = thread.id === activeThreadId;
-    return (_jsxs("button", { onClick: () => {
-            onSelect(thread.id);
-            onClose();
-        }, className: cn("w-full px-3 py-2 text-start hover:bg-accent/50 cursor-pointer", isActive && "bg-accent/30"), children: [_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsx("span", { className: "text-xs font-medium text-foreground truncate", children: thread.title || thread.preview || "Chat" }), _jsx("span", { className: "text-[10px] text-muted-foreground shrink-0", children: isActive
-                            ? "Active"
-                            : openTabIds.has(thread.id)
-                                ? "Open"
-                                : formatTime(thread.updatedAt) })] }), thread.preview && thread.title !== thread.preview && (_jsx("div", { className: "text-[11px] text-muted-foreground truncate mt-0.5", children: thread.preview })), thread.scope?.label && (_jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/70 truncate", children: thread.scope.label }))] }, thread.id));
-}
-function HistoryPopover({ threads, openTabIds, activeThreadId, currentScope, hasMoreThreads = false, isLoadingMoreThreads = false, loadError, onSelect, onClose, onLoadMore, onSearch, onTogglePin, onRename, }) {
+function HistoryPopover({ threads, openTabIds, activeThreadId, hasMoreThreads = false, isLoadingMoreThreads = false, loadError, onSelect, onClose, onLoadMore, onSearch, onTogglePin, onRename, }) {
     const [search, setSearch] = useState("");
     const [searchResults, setSearchResults] = useState(null);
     const [isSearching, setIsSearching] = useState(false);
@@ -230,19 +172,6 @@ function HistoryPopover({ threads, openTabIds, activeThreadId, currentScope, has
     // visible at a glance, matching common chat-history UX.
     const pinnedThreads = filtered.filter((t) => t.pinnedAt != null);
     const unpinnedThreads = filtered.filter((t) => t.pinnedAt == null);
-    // When scope is set we split (unpinned) history into two sections so the
-    // user can see "this deck's chats" first without losing access to general /
-    // other-deck chats. Section labels intentionally use the current
-    // resource type (deck/design/dashboard) instead of a generic phrase.
-    const sectionedThreads = currentScope
-        ? {
-            scoped: unpinnedThreads.filter((t) => t.scope?.type === currentScope.type &&
-                t.scope?.id === currentScope.id),
-            other: unpinnedThreads.filter((t) => !t.scope ||
-                t.scope.type !== currentScope.type ||
-                t.scope.id !== currentScope.id),
-        }
-        : null;
     const toHistoryItem = (thread) => {
         const isActive = thread.id === activeThreadId;
         const title = thread.title || thread.preview || "Chat";
@@ -253,7 +182,6 @@ function HistoryPopover({ threads, openTabIds, activeThreadId, currentScope, has
             subtitle: thread.preview && thread.title !== thread.preview
                 ? thread.preview
                 : undefined,
-            detail: thread.scope?.label || undefined,
             timestamp: isActive
                 ? "Active"
                 : openTabIds.has(thread.id)
@@ -272,20 +200,7 @@ function HistoryPopover({ threads, openTabIds, activeThreadId, currentScope, has
                 },
             ]
             : []),
-        ...(sectionedThreads
-            ? [
-                {
-                    id: "scoped",
-                    label: `This ${currentScope.type}`,
-                    items: sectionedThreads.scoped.map(toHistoryItem),
-                },
-                {
-                    id: "other",
-                    label: "All chats",
-                    items: sectionedThreads.other.map(toHistoryItem),
-                },
-            ]
-            : [{ id: "all", items: unpinnedThreads.map(toHistoryItem) }]),
+        { id: "all", items: unpinnedThreads.map(toHistoryItem) },
     ];
     return (_jsxs(Popover, { open: true, onOpenChange: (open) => !open && onClose(), children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx("span", { "aria-hidden": true, className: "absolute end-2 top-0 h-px w-px" }) }), _jsx(PopoverContent, { align: "end", side: "bottom", sideOffset: 0, onOpenAutoFocus: (event) => {
                     event.preventDefault();
@@ -444,7 +359,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, showScopeBadge = true, ...props }) {
+export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderOverlay, contentHidden = false, apiUrl = agentNativePath("/_agent-native/agent-chat"), storageKey, restoreActiveThread = true, browserTabId, threadUrlSync = false, scope = null, ...props }) {
     const { enabled: threadUrlSyncEnabled, paramName: threadUrlParamName, routeThreadId, getPath: getThreadPath, navigate: navigateThreadUrl, } = resolveThreadUrlSync(threadUrlSync);
     const threadRouteControlsActiveThread = threadUrlSyncEnabled &&
         threadUrlSync !== true &&
@@ -532,7 +447,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         threadUrlParamName,
         threadUrlSyncEnabled,
     ]);
-    const { threads, activeThreadId, isLoading, createThread, switchThread: switchThreadState, detachThread, forkThread, saveThreadData, generateTitle, searchThreads, loadMoreThreads, refreshThreads, hasMoreThreads, isLoadingMoreThreads, threadsLoadError, isNewThread, pinThread, renameThread, } = useChatThreads(apiUrl, storageKey, scope, {
+    const { threads, activeThreadId, isLoading, createThread, switchThread: switchThreadState, forkThread, saveThreadData, generateTitle, searchThreads, loadMoreThreads, refreshThreads, hasMoreThreads, isLoadingMoreThreads, threadsLoadError, isNewThread, pinThread, renameThread, } = useChatThreads(apiUrl, storageKey, null, {
         restoreActiveThread,
         routeThreadId: threadUrlSyncEnabled ? urlThreadId : undefined,
     });
@@ -739,11 +654,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         catch { }
     }, [subAgentNames, SUB_AGENT_NAMES_KEY]);
     // Open tabs — persisted to localStorage so they survive refresh.
-    // Per-scope: when scope changes (e.g. user navigates from Deck A to Deck
-    // B), the tab bar reflects whichever tabs they had open for *that*
-    // resource. We do not bleed deck A's tabs into deck B's view.
-    const scopeKeyPart = scope ? `:scope:${scope.type}:${scope.id}` : "";
-    const OPEN_TABS_KEY = `agent-chat-open-tabs${keyPrefix}${scopeKeyPart}`;
+    const OPEN_TABS_KEY = `agent-chat-open-tabs${keyPrefix}`;
     const [openTabIds, setOpenTabIds] = useState(() => {
         if (!restoreActiveThread && activeThreadId) {
             for (const id of [activeThreadId])
@@ -768,88 +679,45 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
     const openTabIdsRef = useRef(openTabIds);
     openTabIdsRef.current = openTabIds;
     const initializedRef = useRef(false);
-    // Rehydrate open tabs when the scope flips. Mirrors `persistedKeyRef` in
-    // `useChatThreads`: on a scope change we need to read the new key BEFORE
-    // the persistence effect writes the current (now-wrong) tab list under
-    // that new key.
     const openTabsKeyRef = useRef(OPEN_TABS_KEY);
     useEffect(() => {
-        if (openTabsKeyRef.current === OPEN_TABS_KEY)
-            return;
-        openTabsKeyRef.current = OPEN_TABS_KEY;
-        initializedRef.current = false;
-        if (!restoreActiveThread) {
-            setOpenTabIds(activeThreadId ? [activeThreadId] : []);
+        const nextScope = scope;
+        if (!nextScope)
             return;
+        const type = formatScopeType(nextScope.type);
+        const title = nextScope.label?.trim() ||
+            type.replace(/^./, (character) => character.toUpperCase());
+        const key = nextScope.contextKey || "agent-current-resource-context";
+        const marker = `Resource context: ${nextScope.type}:${nextScope.id}`;
+        const existing = getAgentChatContextState().items.find((item) => item.key === key);
+        let ownsContextItem = false;
+        if (!existing || existing.context.startsWith(marker)) {
+            setAgentChatContextItem({
+                key,
+                title,
+                context: [
+                    marker,
+                    `The user is currently viewing this ${type}.`,
+                    nextScope.label ? `Resource name: ${nextScope.label}` : "",
+                    `Resource id: ${nextScope.id}`,
+                    typeof window !== "undefined"
+                        ? `Current URL: ${window.location.pathname}${window.location.search}`
+                        : "",
+                ]
+                    .filter(Boolean)
+                    .join("\n"),
+                openSidebar: false,
+                focus: false,
+            });
+            ownsContextItem = true;
         }
-        try {
-            const saved = localStorage.getItem(OPEN_TABS_KEY);
-            if (saved) {
-                const parsed = JSON.parse(saved);
-                if (Array.isArray(parsed)) {
-                    for (const id of parsed)
-                        mountedTabsRef.current.add(id);
-                    setOpenTabIds(parsed);
-                    return;
-                }
-            }
-        }
-        catch { }
-        setOpenTabIds([]);
-    }, [OPEN_TABS_KEY, activeThreadId, restoreActiveThread]);
-    // Look up the active thread's actual scope from the list — when the
-    // user opens a chat from history that was scoped to a different
-    // resource, the badge should advertise that thread's binding, not
-    // necessarily the resource currently in the viewport. When the thread
-    // and the live prop refer to the same resource, prefer the prop's
-    // label so a rename or a deferred deck-title load shows up in the UI
-    // without waiting on the next persistence cycle.
-    const activeThreadScope = useMemo(() => {
-        if (!activeThreadId)
-            return null;
-        const t = threads.find((x) => x.id === activeThreadId);
-        const stored = t?.scope ?? null;
-        if (!stored)
-            return null;
-        if (scope && stored.type === scope.type && stored.id === scope.id) {
-            return { ...stored, label: scope.label || stored.label };
-        }
-        return stored;
-    }, [threads, activeThreadId, scope?.type, scope?.id, scope?.label]);
-    // Brief confirmation banner shown after detach. The chip itself disappears
-    // the instant scope clears, which the user described as "nothing different
-    // happened." We hold the confirmation in the same slot for ~2s so the
-    // detach is visually acknowledged and the user is pointed at History.
-    const [detachConfirmType, setDetachConfirmType] = useState(null);
-    const detachTimerRef = useRef(null);
-    useEffect(() => {
         return () => {
-            if (detachTimerRef.current)
-                clearTimeout(detachTimerRef.current);
+            const current = getAgentChatContextState().items.find((item) => item.key === key);
+            if (ownsContextItem && current?.context.startsWith(marker)) {
+                removeAgentChatContextItem(key);
+            }
         };
-    }, []);
-    const handleDetachActiveThread = useCallback(() => {
-        if (!activeThreadId || !activeThreadScope)
-            return;
-        const type = activeThreadScope.type;
-        setDetachConfirmType(type);
-        if (detachTimerRef.current)
-            clearTimeout(detachTimerRef.current);
-        detachTimerRef.current = setTimeout(() => setDetachConfirmType(null), 2200);
-        detachThread(activeThreadId);
-    }, [activeThreadId, activeThreadScope, detachThread]);
-    // Other chats scoped to the active thread's resource (excluding the active
-    // thread itself). Sorted most-recent-first to match user expectation in the
-    // chip popover and empty-state addon.
-    const otherScopedThreads = useMemo(() => {
-        if (!activeThreadScope)
-            return [];
-        return threads
-            .filter((t) => t.id !== activeThreadId &&
-            t.scope?.type === activeThreadScope.type &&
-            t.scope?.id === activeThreadScope.id)
-            .sort((a, b) => b.updatedAt - a.updatedAt);
-    }, [threads, activeThreadId, activeThreadScope]);
+    }, [scope?.contextKey, scope?.id, scope?.label, scope?.type]);
     // Persist open tab IDs to localStorage (exclude sub-agent tabs — they're session-only)
     useEffect(() => {
         if (openTabsKeyRef.current !== OPEN_TABS_KEY)
@@ -921,9 +789,8 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
     // Use functional update to check inside the setter — avoids race with the
     // initialization effect that may have already added the ID in the same batch.
     //
-    // Scoped navigation can reset openTabIds from a different localStorage key
-    // without changing activeThreadId. Re-check after tab-list resets so the
-    // sidebar cannot end up with a live active thread but no mounted chat.
+    // Re-check after tab-list resets so the sidebar cannot end up with a live
+    // active thread but no mounted chat.
     useEffect(() => {
         if (!activeThreadId || openTabIds.includes(activeThreadId))
             return;
@@ -1800,35 +1667,28 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                                             background: "linear-gradient(to right, transparent, hsl(var(--accent)) 40%)",
                                                         }, children: _jsx(IconX, { size: 12 }) })] }, tab.id)))] }) }))] }));
                     })()
-                    : null, _jsxs("div", { className: "relative flex-1 flex flex-col min-h-0", "data-agent-page-chat-scrolled": renderOverlay && pageOverlayScrolled ? "" : undefined, onScrollCapture: renderOverlay ? handlePageOverlayScroll : undefined, children: [renderOverlay ? renderOverlay(headerProps) : null, showHistory && (_jsx(HistoryPopover, { threads: threads, openTabIds: new Set(openTabIds), activeThreadId: activeThreadId, currentScope: scope, hasMoreThreads: hasMoreThreads, isLoadingMoreThreads: isLoadingMoreThreads, loadError: threadsLoadError, onSelect: openFromHistory, onClose: () => setShowHistory(false), onLoadMore: loadMoreThreads, onSearch: searchThreads, onTogglePin: pinThread, onRename: renameThread })), helpVisible && _jsx(HelpPopover, { onClose: () => setHelpVisible(false) }), [...new Set(visibleOpenTabIds)]
+                    : null, _jsxs("div", { className: "relative flex-1 flex flex-col min-h-0", "data-agent-page-chat-scrolled": renderOverlay && pageOverlayScrolled ? "" : undefined, onScrollCapture: renderOverlay ? handlePageOverlayScroll : undefined, children: [renderOverlay ? renderOverlay(headerProps) : null, showHistory && (_jsx(HistoryPopover, { threads: threads, openTabIds: new Set(openTabIds), activeThreadId: activeThreadId, hasMoreThreads: hasMoreThreads, isLoadingMoreThreads: isLoadingMoreThreads, loadError: threadsLoadError, onSelect: openFromHistory, onClose: () => setShowHistory(false), onLoadMore: loadMoreThreads, onSearch: searchThreads, onTogglePin: pinThread, onRename: renameThread })), helpVisible && _jsx(HelpPopover, { onClose: () => setHelpVisible(false) }), [...new Set(visibleOpenTabIds)]
                         .filter((tabId) => tabId === activeThreadId || mountedTabsRef.current.has(tabId))
                         .map((tabId) => {
                         const modelSelection = resolveThreadModelSelection(tabId);
-                        const tabThread = threads.find((thread) => thread.id === tabId);
-                        const tabScope = tabThread?.scope ??
-                            (tabId === activeThreadId ? activeThreadScope : null);
                         const tabDynamicSuggestions = tabId === activeThreadId && !contentHidden
                             ? props.dynamicSuggestions
                             : false;
-                        const scopeComposerSlot = showScopeBadge && tabId === activeThreadId && !contentHidden ? (tabScope && activeThreadId ? (_jsx(ScopeBadge, { scope: tabScope, currentScope: scope, onDetach: handleDetachActiveThread, otherScopedThreads: otherScopedThreads, activeThreadId: activeThreadId, openTabIds: new Set(openTabIds), onSelectThread: openFromHistory })) : detachConfirmType ? (_jsx(DetachConfirmationBanner, {})) : null) : null;
-                        const composerSlot = scopeComposerSlot || props.composerSlot ? (_jsxs(_Fragment, { children: [props.composerSlot, scopeComposerSlot] })) : undefined;
                         return (_jsxs("div", { className: "flex-1 min-h-0 flex-col", style: {
                                 display: contentHidden || tabId !== activeThreadId ? "none" : "flex",
                             }, children: [_jsx(KeepTabOpenNotice, { threadId: tabId, enabled: tabId === activeThreadId, apiUrl: apiUrl }), _jsx(RunStuckBanner, { threadId: tabId, enabled: tabId === activeThreadId, apiUrl: apiUrl, autoRetry: true, autoRetryOwnerId: browserTabId, hasInFlightWork: () => chatRefs.current.get(tabId)?.hasInFlightWork() ?? false, onRetry: () => {
                                         const handle = chatRefs.current.get(tabId);
                                         handle?.sendRecoveryMessage("Continue from where you left off and finish my last request. Do not repeat completed work.", "continue");
-                                    } }), _jsx(AssistantChat, { ...props, dynamicSuggestions: tabDynamicSuggestions, emptyStateText: tabScope?.label && tabId === activeThreadId
-                                        ? `Ask about ${tabScope.label}`
-                                        : props.emptyStateText, ref: (handle) => {
+                                    } }), _jsx(AssistantChat, { ...props, dynamicSuggestions: tabDynamicSuggestions, ref: (handle) => {
                                         if (handle) {
                                             chatRefs.current.set(tabId, handle);
                                         }
                                         else {
                                             chatRefs.current.delete(tabId);
                                         }
-                                    }, threadId: tabId, tabId: tabId, browserTabId: browserTabId, contextScope: tabScope, isActiveComposer: tabId === activeThreadId, apiUrl: apiUrl, isNewThread: newThreadIds.current.has(tabId) || isNewThread(tabId), onMessageCountChange: (count) => setMessageCounts((prev) => prev[tabId] === count
+                                    }, threadId: tabId, tabId: tabId, browserTabId: browserTabId, isActiveComposer: tabId === activeThreadId, apiUrl: apiUrl, isNewThread: newThreadIds.current.has(tabId) || isNewThread(tabId), 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: composerSlot, defaultModel: defaultModel, availableModels: availableModels, 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, onModelChange: handleModelChange, 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