@agent-native/core 0.95.1 → 0.97.0

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

@@ -1 +1 @@
-{"version":3,"file":"MultiTabAssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/MultiTabAssistantChat.tsx"],"names":[],"mappings":"AASA,OAAO,KAMN,MAAM,OAAO,CAAC;AAyBf,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,oBAAoB,CAAC;AAsB5B,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAmnB/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,qBA4zD5B"}
+{"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"}

package/dist/client/MultiTabAssistantChat.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconX, IconPlus, IconHistory, IconSearch, IconLink, IconLinkOff, IconCheck, } from "@tabler/icons-react";
+import { IconX, IconPlus, IconHistory, IconLink, IconLinkOff, IconCheck, } from "@tabler/icons-react";
 import { useState, useRef, useEffect, useCallback, useMemo, } from "react";
 import { DEFAULT_MODEL } from "../agent/default-model.js";
 import { DEFAULT_REASONING_EFFORT, isReasoningEffort, resolveReasoningEffortSelection, } from "../shared/reasoning-effort.js";
@@ -7,6 +7,7 @@ import { AGENT_CHAT_CLEAR_CONTEXT_MESSAGE_TYPE, AGENT_CHAT_REMOVE_CONTEXT_MESSAG
 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 { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
 import { isTrustedFrameMessage } from "./frame.js";
@@ -173,7 +174,7 @@ function renderThreadRow(thread, activeThreadId, openTabIds, formatTime, onSelec
                                 ? "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, }) {
+function HistoryPopover({ threads, openTabIds, activeThreadId, currentScope, 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);
@@ -222,23 +223,82 @@ function HistoryPopover({ threads, openTabIds, activeThreadId, currentScope, has
     const filtered = search.trim()
         ? (searchResults ?? visibleThreads).filter((t) => t.messageCount > 0 || t.id === activeThreadId)
         : visibleThreads;
-    // When scope is set we split history into two sections so the user can
-    // see "this deck's chats" first without losing access to general /
+    // Pinned threads always float to the top of `threads` already (see
+    // `sortThreadSummaries` in use-chat-threads.ts and the matching server
+    // ORDER BY), but pulling them into their own labeled section — instead of
+    // just relying on sort order within "All chats" — makes the pin affordance
+    // 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: filtered.filter((t) => t.scope?.type === currentScope.type &&
+            scoped: unpinnedThreads.filter((t) => t.scope?.type === currentScope.type &&
                 t.scope?.id === currentScope.id),
-            other: filtered.filter((t) => !t.scope ||
+            other: unpinnedThreads.filter((t) => !t.scope ||
                 t.scope.type !== currentScope.type ||
                 t.scope.id !== currentScope.id),
         }
         : null;
-    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" }) }), _jsxs(PopoverContent, { align: "end", side: "bottom", sideOffset: 0, onOpenAutoFocus: (event) => {
+    const toHistoryItem = (thread) => {
+        const isActive = thread.id === activeThreadId;
+        const title = thread.title || thread.preview || "Chat";
+        return {
+            id: thread.id,
+            title,
+            titleText: title,
+            subtitle: thread.preview && thread.title !== thread.preview
+                ? thread.preview
+                : undefined,
+            detail: thread.scope?.label || undefined,
+            timestamp: isActive
+                ? "Active"
+                : openTabIds.has(thread.id)
+                    ? "Open"
+                    : formatThreadTime(thread.updatedAt),
+            pinned: thread.pinnedAt != null,
+        };
+    };
+    const historySections = [
+        ...(pinnedThreads.length > 0
+            ? [
+                {
+                    id: "pinned",
+                    label: "Pinned",
+                    items: pinnedThreads.map(toHistoryItem),
+                },
+            ]
+            : []),
+        ...(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) }]),
+    ];
+    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();
                     inputRef.current?.focus();
-                }, className: "w-72 rounded-lg p-0", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border", children: [_jsx(IconSearch, { size: 13 }), _jsx("input", { ref: inputRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search chats...", className: "flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground outline-none" })] }), _jsxs("div", { className: "max-h-64 overflow-y-auto py-1", children: [loadError && !search.trim() ? (_jsx("div", { className: "px-3 py-4 text-xs text-amber-500 text-center", children: loadError })) : isSearching ? (_jsx("div", { className: "px-3 py-4 text-xs text-muted-foreground text-center", children: "Searching..." })) : filtered.length === 0 ? (_jsx("div", { className: "px-3 py-4 text-xs text-muted-foreground text-center", children: search ? "No matching chats" : "No chats yet" })) : sectionedThreads ? (_jsxs(_Fragment, { children: [sectionedThreads.scoped.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "px-3 pt-1.5 pb-1 text-[10px] uppercase tracking-wider text-muted-foreground/70", children: ["This ", currentScope.type] }), sectionedThreads.scoped.map((thread) => renderThreadRow(thread, activeThreadId, openTabIds, formatThreadTime, onSelect, onClose))] })), sectionedThreads.other.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-3 pt-2 pb-1 text-[10px] uppercase tracking-wider text-muted-foreground/70", children: "All chats" }), sectionedThreads.other.map((thread) => renderThreadRow(thread, activeThreadId, openTabIds, formatThreadTime, onSelect, onClose))] }))] })) : (filtered.map((thread) => renderThreadRow(thread, activeThreadId, openTabIds, formatThreadTime, onSelect, onClose))), !search.trim() && hasMoreThreads && (_jsx("button", { type: "button", onClick: () => onLoadMore?.(), disabled: isLoadingMoreThreads, className: "mx-1 mt-1 flex w-[calc(100%-0.5rem)] items-center justify-center rounded-md px-3 py-2 text-xs text-muted-foreground hover:bg-accent hover:text-foreground disabled:cursor-default disabled:opacity-60", children: isLoadingMoreThreads ? "Loading..." : "Load older chats" }))] })] })] }));
+                }, className: "w-72 rounded-lg p-0", children: _jsx(ChatHistoryList, { sections: historySections, activeId: activeThreadId, onSelect: (id) => {
+                        onSelect(id);
+                        onClose();
+                    }, onTogglePin: onTogglePin
+                        ? (id) => {
+                            const isPinned = threads.find((t) => t.id === id)?.pinnedAt != null;
+                            onTogglePin(id, !isPinned);
+                        }
+                        : undefined, onRename: onRename, searchValue: search, onSearchChange: setSearch, searchPlaceholder: "Search chats...", searchInputRef: inputRef, loading: isSearching, loadingLabel: "Searching...", error: loadError && !search.trim() ? loadError : undefined, emptyLabel: "No chats yet", emptySearchLabel: "No matching chats", footer: !search.trim() && hasMoreThreads ? (_jsx("button", { type: "button", onClick: () => onLoadMore?.(), disabled: isLoadingMoreThreads, className: "mx-1 mt-1 flex w-[calc(100%-0.5rem)] items-center justify-center rounded-md px-3 py-2 text-xs text-muted-foreground hover:bg-accent hover:text-foreground disabled:cursor-default disabled:opacity-60", children: isLoadingMoreThreads ? "Loading..." : "Load older chats" })) : undefined }) })] }));
 }
 // ─── Help Popover ────────────────────────────────────────────────────────────
 function HelpPopover({ onClose }) {
@@ -472,7 +532,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, } = useChatThreads(apiUrl, storageKey, scope, {
+    const { threads, activeThreadId, isLoading, createThread, switchThread: switchThreadState, detachThread, forkThread, saveThreadData, generateTitle, searchThreads, loadMoreThreads, refreshThreads, hasMoreThreads, isLoadingMoreThreads, threadsLoadError, isNewThread, pinThread, renameThread, } = useChatThreads(apiUrl, storageKey, scope, {
         restoreActiveThread,
         routeThreadId: threadUrlSyncEnabled ? urlThreadId : undefined,
     });
@@ -496,7 +556,20 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
     const pendingContextItems = useRef(new Map());
     const [runningThreads, setRunningThreads] = useState(new Set());
     const [showHistory, setShowHistory] = useState(false);
+    const [pageOverlayScrolled, setPageOverlayScrolled] = useState(false);
     const newThreadIds = useRef(new Set());
+    useEffect(() => {
+        setPageOverlayScrolled(false);
+    }, [activeThreadId]);
+    const handlePageOverlayScroll = useCallback((event) => {
+        const target = event.target;
+        if (!renderOverlay ||
+            !(target instanceof HTMLElement) ||
+            !target.closest(".agent-chat-scroll")) {
+            return;
+        }
+        setPageOverlayScrolled(target.scrollTop > 1);
+    }, [renderOverlay]);
     // ─── Model state ─────────────────────────────────────────────────────────
     const [availableModels, setAvailableModels] = useState([]);
     const [defaultModel, setDefaultModel] = useState(DEFAULT_MODEL);
@@ -1727,7 +1800,7 @@ 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", 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 })), 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, 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)]
                         .filter((tabId) => tabId === activeThreadId || mountedTabsRef.current.has(tabId))
                         .map((tabId) => {
                         const modelSelection = resolveThreadModelSelection(tabId);