@iloveagents/foundry-web-ui 0.29.0 → 0.30.0

package/dist/lib/chat-runs-store.js

@@ -0,0 +1,173 @@
+import { create } from "zustand";
+import { agentStateStore, citationStore, streamingStatusStore, } from "@iloveagents/foundry-agent";
+export const isChatRunActive = (run) => run.status === "running" || run.status === "waiting";
+/** Browser-session activity. Message persistence remains owned by the history adapter. */
+export const useChatRuns = create(() => ({ foregroundId: null, runs: {}, deletedThreads: {} }));
+const agentStates = new Map();
+const appProjections = new Map();
+export function getChatStateSnapshot(threadId) {
+    return { state: agentStates.get(threadId)?.state, projection: appProjections.get(threadId) };
+}
+export function retainChatProjection(threadId, projection) {
+    appProjections.set(threadId, structuredClone(projection));
+}
+export function publishChatAgentState(threadId, state, patch) {
+    if (useChatRuns.getState().deletedThreads[threadId])
+        return;
+    agentStates.set(threadId, { state, patch });
+    if (isForegroundChat(threadId))
+        agentStateStore.getState().setAgentState(state, patch);
+}
+const signals = new Map();
+export function isForegroundChat(threadId) {
+    const foreground = useChatRuns.getState().foregroundId;
+    return foreground === null || foreground === threadId;
+}
+export function selectChatRun(threadId) {
+    useChatRuns.setState({ foregroundId: threadId });
+    citationStore.getState().selectThread(threadId);
+    const stored = agentStates.get(threadId);
+    if (stored)
+        agentStateStore.getState().setAgentState(stored.state, stored.patch);
+    else
+        agentStateStore.getState().reset();
+    streamingStatusStore.setState(signals.get(threadId) ?? {
+        streamingStatus: { status: "idle" },
+        runStartedAt: null,
+        lastSignalAt: null,
+    });
+}
+/** Call after a successful conversation deletion so session activity cannot restore it. */
+export function removeChatRun(threadId) {
+    const run = useChatRuns.getState().runs[threadId];
+    if (run && isChatRunActive(run))
+        run.stop();
+    useChatRuns.setState((state) => {
+        const runs = { ...state.runs };
+        delete runs[threadId];
+        return { runs, deletedThreads: { ...state.deletedThreads, [threadId]: true } };
+    });
+    citationStore.getState().clear(threadId);
+    signals.delete(threadId);
+    agentStates.delete(threadId);
+    appProjections.delete(threadId);
+    if (useChatRuns.getState().foregroundId === threadId) {
+        agentStateStore.getState().reset();
+        streamingStatusStore.setState({
+            streamingStatus: { status: "idle" },
+            runStartedAt: null,
+            lastSignalAt: null,
+        });
+    }
+}
+export function beginChatRun(run) {
+    const startedAt = Date.now();
+    useChatRuns.setState((s) => ({
+        runs: {
+            ...s.runs,
+            [run.threadId]: { ...run, status: "running", startedAt },
+        },
+    }));
+    signals.set(run.threadId, {
+        streamingStatus: { status: "thinking" },
+        runStartedAt: startedAt,
+        lastSignalAt: startedAt,
+    });
+    touchChatRun(run.threadId);
+}
+export function touchChatRun(threadId, status) {
+    const previous = signals.get(threadId);
+    if (!previous)
+        return;
+    const next = {
+        ...previous,
+        lastSignalAt: Date.now(),
+        ...(status ? { streamingStatus: status } : {}),
+    };
+    signals.set(threadId, next);
+    if (isForegroundChat(threadId))
+        streamingStatusStore.setState(next);
+}
+export function updateChatRun(threadId, status, error) {
+    useChatRuns.setState((s) => {
+        const run = s.runs[threadId];
+        if (!run)
+            return s;
+        return {
+            runs: {
+                ...s.runs,
+                [threadId]: {
+                    ...run,
+                    status,
+                    ...(error ? { error } : {}),
+                    ...(["completed", "failed", "cancelled"].includes(status)
+                        ? { finishedAt: Date.now() }
+                        : {}),
+                },
+            },
+        };
+    });
+    if (status !== "running" && status !== "waiting") {
+        signals.delete(threadId);
+        if (isForegroundChat(threadId))
+            streamingStatusStore.setState({
+                streamingStatus: { status: "idle" },
+                runStartedAt: null,
+                lastSignalAt: null,
+            });
+    }
+}
+/** Browser tools need the conversation in front, so they cannot act on another chat's page. */
+export async function waitForForegroundChat(threadId, signal) {
+    signal.throwIfAborted();
+    if (isForegroundChat(threadId))
+        return;
+    updateChatRun(threadId, "waiting");
+    await new Promise((resolve, reject) => {
+        const cleanup = () => {
+            unsubscribe();
+            signal.removeEventListener("abort", aborted);
+        };
+        const aborted = () => {
+            cleanup();
+            reject(signal.reason ?? new DOMException("Stopped", "AbortError"));
+        };
+        const unsubscribe = useChatRuns.subscribe(() => {
+            if (isForegroundChat(threadId)) {
+                cleanup();
+                resolve();
+            }
+        });
+        signal.addEventListener("abort", aborted, { once: true });
+        if (signal.aborted)
+            aborted();
+        else if (isForegroundChat(threadId)) {
+            cleanup();
+            resolve();
+        }
+    });
+    updateChatRun(threadId, "running");
+}
+export function warnBeforeChatUnload(event) {
+    if (!Object.values(useChatRuns.getState().runs).some(isChatRunActive))
+        return;
+    event.preventDefault();
+    event.returnValue = "";
+}
+/** Dispose browser-owned runs when the authenticated runtime is torn down. */
+export function disposeChatRuns() {
+    for (const run of Object.values(useChatRuns.getState().runs)) {
+        if (isChatRunActive(run))
+            run.stop();
+    }
+    signals.clear();
+    agentStates.clear();
+    appProjections.clear();
+    citationStore.setState({ results: [], byThread: {}, threadId: null });
+    useChatRuns.setState({ foregroundId: null, runs: {}, deletedThreads: {} });
+    streamingStatusStore.setState({
+        streamingStatus: { status: "idle" },
+        runStartedAt: null,
+        lastSignalAt: null,
+    });
+}

package/dist/lib/merge-chat-state.d.ts

@@ -0,0 +1,3 @@
+/** Apply changes in the visible UI to retained server state, preserving server
+ * updates when the corresponding UI value has not changed since the last turn. */
+export declare function mergeChatState(server: Record<string, unknown>, previous: Record<string, unknown> | undefined, current: Record<string, unknown>): Record<string, unknown>;

package/dist/lib/merge-chat-state.js

@@ -0,0 +1,21 @@
+/** Apply changes in the visible UI to retained server state, preserving server
+ * updates when the corresponding UI value has not changed since the last turn. */
+export function mergeChatState(server, previous, current) {
+    const result = { ...server };
+    for (const key of new Set([...Object.keys(previous ?? {}), ...Object.keys(current)])) {
+        const before = previous?.[key];
+        const after = current[key];
+        if (previous && JSON.stringify(before) === JSON.stringify(after))
+            continue;
+        if (!(key in current)) {
+            delete result[key];
+            continue;
+        }
+        const object = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
+        result[key] =
+            object(before) && object(after) && object(server[key])
+                ? mergeChatState(server[key], before, after)
+                : after;
+    }
+    return result;
+}

package/dist/lib/nav-config.js

@@ -92,23 +92,40 @@ export const DEFAULT_NAV_CONFIG = [
     // },
 ];
 function findExactNavItem(items, path) {
+    const target = new URL(path, "http://navigation.local");
+    let best = null;
+    let specificity = -1;
     for (const item of items) {
-        if (item.to === path) {
-            return item;
+        const route = new URL(item.to, target.origin);
+        if (route.pathname.replace(/\/+$/, "") === target.pathname.replace(/\/+$/, "") &&
+            [...route.searchParams].every(([key, value]) => target.searchParams.getAll(key).includes(value)) &&
+            route.searchParams.size > specificity) {
+            best = item;
+            specificity = route.searchParams.size;
         }
-        if (item.children) {
-            const nested = findExactNavItem(item.children, path);
-            if (nested)
-                return nested;
+        const nested = item.children && findExactNavItem(item.children, path);
+        if (nested) {
+            const nestedSpecificity = new URL(nested.to, target.origin).searchParams.size;
+            if (nestedSpecificity > specificity) {
+                best = nested;
+                specificity = nestedSpecificity;
+            }
         }
     }
-    return null;
+    return best;
 }
 function findBestPrefixNavItem(items, path, currentBest = null) {
     let best = currentBest;
+    const target = new URL(path, "http://navigation.local");
     for (const item of items) {
-        if (path.startsWith(item.to + "/") && item.to.length > (best?.length ?? 0)) {
-            best = { item, length: item.to.length };
+        const route = new URL(item.to, target.origin);
+        const pathname = route.pathname.replace(/\/+$/, "");
+        const scope = route.searchParams.size;
+        if (target.pathname.startsWith(pathname + "/") &&
+            [...route.searchParams].every(([key, value]) => target.searchParams.getAll(key).includes(value)) &&
+            (pathname.length > (best?.length ?? 0) ||
+                (pathname.length === best?.length && scope > best.scope))) {
+            best = { item, length: pathname.length, scope };
         }
         if (item.children) {
             best = findBestPrefixNavItem(item.children, path, best);
@@ -117,22 +134,29 @@ function findBestPrefixNavItem(items, path, currentBest = null) {
     return best;
 }
 export function findNavItem(config, path) {
-    // Pass 1: exact match on items
+    // Prefer matching scope parameters; unrelated table filters do not change the page.
+    let exact = null;
+    let specificity = -1;
     for (const group of config) {
-        const base = {
-            group: group.label,
-            groupMeta: group.meta,
-            groupDescription: group.description,
-            groupInstructions: group.contextInstructions,
-        };
         const match = findExactNavItem(group.items, path);
-        if (match) {
-            return { ...base, item: match };
+        const score = match ? new URL(match.to, "http://navigation.local").searchParams.size : -1;
+        if (match && score > specificity) {
+            specificity = score;
+            exact = {
+                group: group.label,
+                groupMeta: group.meta,
+                groupDescription: group.description,
+                groupInstructions: group.contextInstructions,
+                item: match,
+            };
         }
     }
+    if (exact)
+        return exact;
+    const pathname = new URL(path, "http://navigation.local").pathname;
     // Pass 2: group-level `to` match (e.g. /spaces matches Workspaces group)
     for (const group of config) {
-        if (group.to && group.to === path) {
+        if (group.to && group.to === pathname) {
             return {
                 group: group.label,
                 groupMeta: group.meta,
@@ -145,6 +169,7 @@ export function findNavItem(config, path) {
     // Pass 3: longest-prefix match (for dynamic/parameterized routes)
     let best = null;
     let bestLen = 0;
+    let bestScope = -1;
     for (const group of config) {
         const base = {
             group: group.label,
@@ -153,9 +178,11 @@ export function findNavItem(config, path) {
             groupInstructions: group.contextInstructions,
         };
         const match = findBestPrefixNavItem(group.items, path);
-        if (match && match.length > bestLen) {
+        if (match &&
+            (match.length > bestLen || (match.length === bestLen && match.scope > bestScope))) {
             best = { ...base, item: match.item };
             bestLen = match.length;
+            bestScope = match.scope;
         }
     }
     return best;

package/dist/lib/use-new-conversation.js

@@ -1,7 +1,5 @@
 import { useCallback } from "react";
 import { useNavigate } from "react-router";
-import { useAui } from "@assistant-ui/react";
-import { useStore } from "zustand";
 import { citationStore } from "@iloveagents/foundry-agent";
 import { useAGUIAdapter } from "../components/ag-ui-runtime-provider.js";
 import { useToolPanelStore } from "./tool-panel-store.js";
@@ -13,13 +11,11 @@ import { useChatLifecycleStore } from "./chat-lifecycle-store.js";
  * Used by ChatHeader and Sidebar to keep behavior in sync.
  */
 export function useNewConversation(options) {
-    const aui = useAui();
     const { resetThread } = useAGUIAdapter();
     const navigate = useNavigate();
     const closePanel = useToolPanelStore((s) => s.closePanel);
     const resetApp = useAppStore((s) => s.resetAll);
     const closeMobile = useSidebarStore((s) => s.closeMobile);
-    const clearCitations = useStore(citationStore, (s) => s.clear);
     return useCallback(() => {
         const preserved = options?.preserveNavigation
             ? {
@@ -28,12 +24,15 @@ export function useNewConversation(options) {
             }
             : null;
         closePanel();
+        const sentContext = useAppStore.getState().sentContext;
         resetApp();
+        useAppStore.setState({ sentContext });
         if (preserved) {
             useAppStore.setState(preserved);
         }
         closeMobile();
-        clearCitations();
+        // Clear only the foreground projection; retained transcripts keep their sources.
+        citationStore.setState({ threadId: null, results: [] });
         // Notify the host app that a new thread is starting. Spaces wires
         // this to clear its active-chat sticky id so the AGUIRuntimeProvider's
         // ``effectiveThreadId`` advances to a freshly-minted UUID instead of
@@ -44,7 +43,6 @@ export function useNewConversation(options) {
         // where there is no ``/`` navigation to clear sticky for us.
         useChatLifecycleStore.getState().startNewConversation();
         resetThread();
-        aui.threads().switchToNewThread();
         if (options?.navigateToChat ?? true) {
             navigate("/");
         }
@@ -53,9 +51,7 @@ export function useNewConversation(options) {
         resetApp,
         options?.preserveNavigation,
         closeMobile,
-        clearCitations,
         resetThread,
-        aui,
         options?.navigateToChat,
         navigate,
     ]);

package/dist/workbench/chat-header.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { TooltipIconButton } from "../index.js";
-import { SquarePen, PanelLeft, MessageSquare, Menu, History, LoaderCircle } from "lucide-react";
+import { SquarePen, PanelLeft, MessageSquare, Menu, MessagesSquare, LoaderCircle, } from "lucide-react";
+import { RunningChatsMenu } from "./running-chats-menu.js";
 export function WorkbenchChatHeader({ collapsed, running, chatWidth, buttonClass, toggleNavigation, setCollapsed, showHistory, startChat, returnToChat, openHistory, chatOnly, setContentCollapsed, }) {
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-chat-header": true, className: `relative flex shrink-0 items-center ${collapsed ? "justify-center" : "gap-1 px-2"}`, children: [!collapsed && !chatWidth.compact && (_jsx(TooltipIconButton, { tooltip: "Open navigation", className: `${buttonClass} preview-mobile-navigation`, "aria-label": "Open navigation", onClick: toggleNavigation, children: _jsx(Menu, { size: 18 }) })), collapsed ? (_jsx(TooltipIconButton, { tooltip: running ? "AI is working — expand chat" : "Expand chat", className: buttonClass, "aria-label": running ? "AI is working — expand chat" : "Expand chat", onClick: () => setCollapsed(false), children: running ? (_jsx(LoaderCircle, { size: 18, className: "animate-spin motion-reduce:animate-none text-primary" })) : (_jsx(MessageSquare, { size: 18 })) })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "min-w-0 flex-1 px-2 py-2", children: _jsx("div", { className: "text-sm font-semibold", children: showHistory ? "Conversations" : "Chat" }) }), _jsx(TooltipIconButton, { tooltip: "New chat", className: buttonClass, "aria-label": "New chat", onClick: startChat, children: _jsx(SquarePen, { size: 18 }) }), _jsx(TooltipIconButton, { tooltip: "Chat history", className: buttonClass, "aria-label": "Chat history", "aria-expanded": showHistory, onClick: () => (showHistory ? returnToChat() : openHistory()), children: _jsx(History, { size: 18 }) }), _jsx(TooltipIconButton, { tooltip: "Collapse chat", style: chatOnly || chatWidth.compact ? { display: "none" } : undefined, className: buttonClass, "aria-label": "Collapse chat", onClick: () => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-chat-header": true, className: `relative flex shrink-0 items-center ${collapsed ? "justify-center" : "gap-1 px-2"}`, children: [!collapsed && !chatWidth.compact && (_jsx(TooltipIconButton, { tooltip: "Open navigation", className: `${buttonClass} preview-mobile-navigation`, "aria-label": "Open navigation", onClick: toggleNavigation, children: _jsx(Menu, { size: 18 }) })), collapsed ? (_jsx(TooltipIconButton, { tooltip: running ? "AI is working — expand chat" : "Expand chat", className: buttonClass, "aria-label": running ? "AI is working — expand chat" : "Expand chat", onClick: () => setCollapsed(false), children: running ? (_jsx(LoaderCircle, { size: 18, className: "animate-spin motion-reduce:animate-none text-primary" })) : (_jsx(MessageSquare, { size: 18 })) })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "min-w-0 flex-1 px-2 py-2", children: _jsx("div", { className: "text-sm font-semibold", children: showHistory ? "Conversations" : "Chat" }) }), _jsx(RunningChatsMenu, { onOpen: returnToChat }), _jsx(TooltipIconButton, { tooltip: "New chat", className: buttonClass, "aria-label": "New chat", onClick: startChat, children: _jsx(SquarePen, { size: 18 }) }), _jsx(TooltipIconButton, { tooltip: "Chat history", className: buttonClass, "aria-label": "Chat history", "aria-expanded": showHistory, onClick: () => (showHistory ? returnToChat() : openHistory()), children: _jsx(MessagesSquare, { size: 18 }) }), _jsx(TooltipIconButton, { tooltip: "Collapse chat", style: chatOnly || chatWidth.compact ? { display: "none" } : undefined, className: buttonClass, "aria-label": "Collapse chat", onClick: () => {
                                     setContentCollapsed(false);
                                     setCollapsed(true);
                                 }, children: _jsx(PanelLeft, { size: 18 }) })] }))] }), collapsed && (_jsxs("div", { "data-chat-rail": true, className: "flex flex-col items-center gap-1", children: [_jsx(TooltipIconButton, { tooltip: "Open navigation", className: `${buttonClass} preview-mobile-navigation`, "aria-label": "Open navigation", onClick: toggleNavigation, children: _jsx(Menu, { size: 18 }) }), _jsx(TooltipIconButton, { tooltip: "Chat history", className: buttonClass, "aria-label": "Chat history", onClick: () => {
                             setCollapsed(false);
                             openHistory();
-                        }, children: _jsx(History, { size: 18 }) })] }))] }));
+                        }, children: _jsx(MessagesSquare, { size: 18 }) })] }))] }));
 }

package/dist/workbench/conversation-history.d.ts

@@ -1,4 +1,4 @@
-import type { NavGroup } from "../index.js";
+import type { NavGroup } from "../lib/nav-config.js";
 /** History is a view of existing navigation targets, never a second chat runtime. */
 export declare function ConversationHistory({ groups, workspaceId, onClose, showBack, welcome, compact, onViewAll, entityId, rootContext, }: {
     groups: NavGroup[];

package/dist/workbench/conversation-history.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, } from "../index.js";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, } from "../ui/dropdown-menu.js";
 import { Button, Input } from "@iloveagents/foundry-web-primitives";
 import { Fragment, useEffect, useState } from "react";
 import { Link } from "react-router";
-import { ArrowLeft, MessageSquare, MoreHorizontal, Pin, Loader2, ChevronDown, Check, History, } from "lucide-react";
+import { ArrowLeft, MessageSquare, MoreHorizontal, Pin, Loader2, ChevronDown, Check, MessagesSquare, PauseCircle, Copy, } from "lucide-react";
+import { useChatRuns, isChatRunActive } from "../lib/chat-runs-store.js";
 /** History is a view of existing navigation targets, never a second chat runtime. */
 export function ConversationHistory({ groups, workspaceId, onClose, showBack = true, welcome = false, compact = false, onViewAll, entityId, rootContext = false, }) {
     const [loadingTo, setLoadingTo] = useState(null);
+    const [copiedId, setCopiedId] = useState(null);
     const [loadError, setLoadError] = useState(null);
     const [all, setAll] = useState(!workspaceId);
     useEffect(() => setAll(!workspaceId), [workspaceId]);
@@ -16,28 +18,68 @@ export function ConversationHistory({ groups, workspaceId, onClose, showBack = t
         groups
             .filter((g) => g.meta?.type === "recent-chats" || g.meta?.type === "pinned-chats")
             .flatMap((g) => g.items);
+    const runs = useChatRuns((s) => s.runs);
+    const runFor = (item) => Object.values(runs).find((run) => (run.conversationUrl ?? `/chat/${encodeURIComponent(run.threadId)}`) === item.to);
     const workspaceItems = all || !workspaceId
         ? allItems
         : (scoped?.meta?.workspaceConversations ?? scoped?.items ?? []);
-    const scopedItems = compact && workspaceId && !rootContext
-        ? workspaceItems.filter((item) => Boolean(entityId) && item.meta?.previewEntityId === entityId)
-        : workspaceItems;
-    const items = [...new Map(scopedItems.map((item) => [item.to, item])).values()]
-        .filter((item) => item.meta?.type !== "show-all-chats")
+    // In-memory runs appear immediately, before the server refreshes its nav rows.
+    // A persisted title/actions win, while the live run owns its current location.
+    const merged = new Map(workspaceItems.map((item) => [item.to, item]));
+    for (const run of Object.values(runs)) {
+        const to = run.conversationUrl ?? `/chat/${encodeURIComponent(run.threadId)}`;
+        const saved = allItems.find((item) => item.to === to);
+        if (saved && !isChatRunActive(run))
+            continue;
+        if (!all && workspaceId && !merged.has(to) && run.contextMeta?.spacesRootId !== workspaceId) {
+            merged.delete(to);
+            continue;
+        }
+        merged.set(to, {
+            ...saved,
+            to,
+            label: saved?.label ?? run.title,
+            icon: MessageSquare,
+            meta: {
+                ...saved?.meta,
+                previewEntityId: run.contextMeta?.spacesEntityId ?? saved?.meta?.previewEntityId,
+                previewEntityName: run.pageLabel ?? saved?.meta?.previewEntityName,
+            },
+        });
+    }
+    const items = [...merged.values()]
+        .filter((item) => !(compact && workspaceId && !rootContext) ||
+        (Boolean(entityId) && item.meta?.previewEntityId === entityId))
+        .filter((item) => !["show-all-chats", "no-chats-placeholder"].includes(String(item.meta?.type)))
         .filter((item) => item.label.toLocaleLowerCase().includes(search.toLocaleLowerCase()))
-        .sort((a, b) => Number(Boolean(b.meta?.pinned)) - Number(Boolean(a.meta?.pinned)));
+        .sort((a, b) => {
+        const active = (item) => {
+            const run = runFor(item);
+            return run && isChatRunActive(run) ? 1 : 0;
+        };
+        return (active(b) - active(a) || Number(Boolean(b.meta?.pinned)) - Number(Boolean(a.meta?.pinned)));
+    });
     const visibleItems = compact ? items.slice(0, 3) : items;
-    const pinnedItems = visibleItems.filter((item) => item.meta?.pinned);
-    const sections = pinnedItems.length
-        ? [
+    const activeItems = visibleItems.filter((item) => {
+        const run = runFor(item);
+        return run && isChatRunActive(run);
+    });
+    const idleItems = visibleItems.filter((item) => !activeItems.includes(item));
+    const pinnedItems = idleItems.filter((item) => item.meta?.pinned);
+    const sections = compact
+        ? [{ label: "", items: visibleItems }]
+        : [
+            { label: "Running", items: activeItems },
             { label: "Pinned", items: pinnedItems },
-            { label: "Recent chats", items: visibleItems.filter((item) => !item.meta?.pinned) },
-        ]
-        : [{ label: "", items: visibleItems }];
+            {
+                label: activeItems.length || pinnedItems.length ? "Recent chats" : "",
+                items: idleItems.filter((item) => !item.meta?.pinned),
+            },
+        ];
     return (_jsxs("section", { "data-conversation-history": true, "aria-label": compact ? "Recent conversations" : "Chat history", className: compact ? "w-full" : "mx-auto flex min-h-0 w-full max-w-3xl flex-1 flex-col px-4 pb-4", children: [welcome && (_jsxs("div", { className: "pb-6 pt-8", children: [_jsx("h1", { className: "text-xl font-semibold", children: "How can I help?" }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Start something new or continue a recent chat." })] })), showBack && (_jsxs("button", { onClick: onClose, className: "mb-4 flex items-center gap-2 py-2 text-xs text-muted-foreground hover:text-foreground", children: [_jsx(ArrowLeft, { size: 14 }), " Back to chat"] })), (!compact || items.length > 0) && (_jsx("div", { className: "mb-2 mt-2 flex items-center justify-between", children: _jsx("h2", { className: compact ? "text-xs font-medium text-muted-foreground" : "text-base font-semibold", children: compact ? "Recent conversations" : "Conversation history" }) })), Boolean(workspaceId) && !compact && (_jsx("div", { className: "mb-3", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", "aria-label": "History filter", className: "w-full justify-between font-normal shadow-none", children: [_jsx("span", { className: "truncate", children: all ? "All conversations" : "Last used in this workspace" }), _jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" })] }) }), _jsx(DropdownMenuContent, { align: "start", className: "w-[var(--radix-dropdown-menu-trigger-width)]", children: [
                                 { value: false, label: "Last used in this workspace" },
                                 { value: true, label: "All conversations" },
-                            ].map((option) => (_jsxs(DropdownMenuItem, { role: "menuitemradio", "aria-checked": all === option.value, onSelect: () => setAll(option.value), children: [_jsx("span", { className: "flex-1", children: option.label }), all === option.value && _jsx(Check, { className: "size-4", "aria-hidden": "true" })] }, option.label))) })] }) })), !compact && (_jsx(Input, { "aria-label": "Search chats", placeholder: "Search chats", value: search, onChange: (event) => setSearch(event.target.value), className: "mb-3" })), loadError && (_jsx("p", { role: "alert", className: "mb-2 text-xs text-destructive", children: loadError })), _jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", "aria-busy": Boolean(loadingTo), children: [sections
+                            ].map((option) => (_jsxs(DropdownMenuItem, { role: "menuitemradio", "aria-checked": all === option.value, onSelect: () => setAll(option.value), children: [_jsx("span", { className: "flex-1", children: option.label }), all === option.value && _jsx(Check, { className: "size-4", "aria-hidden": "true" })] }, option.label))) })] }) })), !compact && (_jsx(Input, { "aria-label": "Search chats", placeholder: "Search chats", value: search, onChange: (event) => setSearch(event.target.value), className: "mb-3" })), _jsx("span", { className: "sr-only", role: "status", children: copiedId ? "Chat ID copied" : "" }), loadError && (_jsx("p", { role: "alert", className: "mb-2 text-xs text-destructive", children: loadError })), _jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", "aria-busy": Boolean(loadingTo), children: [sections
                         .filter((section) => section.items.length)
                         .map((section) => (_jsxs("section", { "aria-label": section.label || "Recent chats", className: "mb-4 last:mb-0", children: [section.label && (_jsx("h3", { "data-conversation-section-label": true, className: "px-2 py-2 text-xs font-medium text-muted-foreground", children: section.label })), section.items.map((item) => item.disabled ? (_jsx("p", { className: "py-3 text-sm text-muted-foreground", children: item.label }, item.to)) : (_jsxs("div", { className: "group flex items-center rounded-lg hover:bg-muted", children: [_jsxs(Link, { to: item.to, onClick: (event) => {
                                             if (loadingTo) {
@@ -69,7 +111,7 @@ export function ConversationHistory({ groups, workspaceId, onClose, showBack = t
                                             }
                                             setLoadingTo(null);
                                             onClose();
-                                        }, "data-conversation-row": true, className: "flex min-w-0 flex-1 items-center gap-2 rounded-lg px-2 py-1.5 text-sm hover:bg-muted focus-visible:outline-2 focus-visible:outline-primary", children: [loadingTo === item.to ? (_jsx(Loader2, { className: "size-4 shrink-0 animate-spin text-muted-foreground", "aria-label": "Opening chat" })) : item.meta?.pinned ? (_jsx(Pin, { className: "size-4 shrink-0 text-muted-foreground", "aria-label": "Pinned chat" })) : (_jsx(MessageSquare, { className: "size-4 shrink-0 text-muted-foreground" })), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate", children: item.label }), " ", _jsx("span", { className: "block truncate text-xs text-muted-foreground", children: !all &&
+                                        }, "data-conversation-row": true, className: "flex min-w-0 flex-1 items-center gap-2 rounded-lg px-2 py-1.5 text-sm hover:bg-muted focus-visible:outline-2 focus-visible:outline-primary", children: [loadingTo === item.to ? (_jsx(Loader2, { className: "size-4 shrink-0 animate-spin text-muted-foreground", "aria-label": "Opening chat" })) : runFor(item)?.status === "running" ? (_jsx(Loader2, { className: "size-4 shrink-0 animate-spin text-primary motion-reduce:animate-none", "aria-hidden": true })) : runFor(item)?.status === "waiting" ? (_jsx(PauseCircle, { className: "size-4 shrink-0 text-primary", "aria-hidden": true })) : item.meta?.pinned ? (_jsx(Pin, { className: "size-4 shrink-0 text-muted-foreground", "aria-label": "Pinned chat" })) : (_jsx(MessageSquare, { className: "size-4 shrink-0 text-muted-foreground" })), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate", children: item.label }), " ", runFor(item) && isChatRunActive(runFor(item)) ? (_jsx("span", { className: "block text-xs text-primary", children: runFor(item)?.status === "waiting" ? "Waiting for you" : "Running" })) : ((!compact || rootContext) && (_jsx("span", { className: "block truncate text-xs text-muted-foreground", children: !all &&
                                                             typeof item.meta?.previewEntityName === "string" &&
                                                             item.meta.previewEntityName
                                                             ? `Last at ${item.meta.previewEntityName}`
@@ -80,7 +122,21 @@ export function ConversationHistory({ groups, workspaceId, onClose, showBack = t
                                                                     ? `Last in ${item.meta.previewSpaceName}`
                                                                     : item.meta?.previewContextUnavailable
                                                                         ? "Location unavailable"
-                                                                        : "Last outside a workspace" })] })] }), Boolean(item.actions?.length) && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": `Actions for ${item.label}`, className: "mr-1 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100 [@media(hover:none)]:opacity-100 hover:bg-background", children: _jsx(MoreHorizontal, { className: "size-4" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: item.actions?.map((action) => (_jsxs(Fragment, { children: [action.separator && _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onSelect: () => {
-                                                                void action.handler();
-                                                            }, className: action.destructive ? "text-destructive" : undefined, children: [_jsx(action.icon, { className: "mr-2 size-4" }), action.label] })] }, action.label))) })] }))] }, item.to)))] }, section.label))), items.length === 0 && !compact && (_jsx("p", { className: "py-3 text-sm text-muted-foreground", children: search ? "No matching chats" : "No chats yet" }))] }), compact && onViewAll && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onViewAll, className: "mt-1 h-9 w-fit gap-2 px-2 text-sm font-normal text-muted-foreground [@media(pointer:coarse)]:min-h-11", children: [_jsx(History, { className: "size-4", "aria-hidden": true }), "Conversation history"] }))] }));
+                                                                        : "Last outside a workspace" })))] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": `Actions for ${item.label}`, className: "mr-1 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100 [@media(hover:none)]:opacity-100 hover:bg-background", children: _jsx(MoreHorizontal, { className: "size-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onSelect: () => {
+                                                            const rawId = runFor(item)?.threadId ??
+                                                                item.meta?.conversationId ??
+                                                                item.to.split("/chat/")[1]?.split(/[?#]/)[0];
+                                                            if (typeof rawId !== "string" || !rawId)
+                                                                return;
+                                                            const id = rawId;
+                                                            void Promise.resolve()
+                                                                .then(() => navigator.clipboard.writeText(decodeURIComponent(String(id))))
+                                                                .then(() => {
+                                                                setCopiedId(id);
+                                                                setLoadError(null);
+                                                            })
+                                                                .catch(() => setLoadError(`Could not copy. Chat ID: ${decodeURIComponent(id)}`));
+                                                        }, children: [_jsx(Copy, { className: "size-4" }), "Copy chat ID"] }), Boolean(item.actions?.length) && _jsx(DropdownMenuSeparator, {}), item.actions?.map((action) => (_jsxs(Fragment, { children: [action.separator && _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onSelect: () => {
+                                                                    void action.handler();
+                                                                }, className: action.destructive ? "text-destructive" : undefined, children: [_jsx(action.icon, { className: "mr-2 size-4" }), action.label] })] }, action.label)))] })] })] }, item.to)))] }, section.label))), items.length === 0 && !compact && (_jsx("p", { className: "py-3 text-sm text-muted-foreground", children: search ? "No matching chats" : "No chats yet" }))] }), compact && onViewAll && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onViewAll, className: "mt-1 h-9 w-fit gap-2 px-2 text-sm font-normal text-muted-foreground [@media(pointer:coarse)]:min-h-11", children: [_jsx(MessagesSquare, { className: "size-4", "aria-hidden": true }), "Conversation history"] }))] }));
 }

package/dist/workbench/running-chats-menu.d.ts

@@ -0,0 +1,3 @@
+export declare function RunningChatsMenu({ onOpen }?: {
+    onOpen?: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/workbench/running-chats-menu.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAGUIAdapter } from "../components/ag-ui-runtime-provider.js";
+import { useNavigate } from "react-router";
+import { LoaderCircle, MessageSquare, PauseCircle } from "lucide-react";
+import { useChatRuns, isChatRunActive } from "../lib/chat-runs-store.js";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, } from "../ui/dropdown-menu.js";
+export function RunningChatsMenu({ onOpen } = {}) {
+    const runs = useChatRuns((s) => s.runs);
+    const navigate = useNavigate();
+    const { selectRetainedThread } = useAGUIAdapter();
+    const active = Object.values(runs).filter(isChatRunActive);
+    if (!active.length)
+        return null;
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": `${active.length} running conversations`, className: "inline-flex items-center gap-1.5 px-2 text-xs text-primary", children: [_jsx(LoaderCircle, { className: "size-3.5 animate-spin motion-reduce:animate-none" }), _jsx("span", { children: active.length })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "max-w-80", children: [_jsx(DropdownMenuLabel, { children: "Running in this browser" }), active.map((run) => (_jsxs(DropdownMenuItem, { onSelect: () => {
+                            if (!selectRetainedThread(run.threadId)) {
+                                navigate(run.conversationUrl ?? `/chat/${encodeURIComponent(run.threadId)}`);
+                            }
+                            onOpen?.();
+                        }, children: [run.status === "waiting" ? (_jsx(PauseCircle, { className: "size-4 shrink-0" })) : (_jsx(MessageSquare, { className: "size-4 shrink-0" })), _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block truncate", children: run.title }), run.status === "waiting" && (_jsx("span", { className: "block text-xs text-muted-foreground", children: "Open to continue" }))] })] }, run.threadId)))] })] }));
+}

package/dist/workbench/use-workbench-state.d.ts

@@ -1,4 +1,3 @@
-import type { NavItem } from "../lib/nav-config.js";
 export declare function normalizeWorkbenchPath(path: string): string;
 export declare function useWorkbenchState(chatRoute: boolean): {
     panelOpen: boolean;
@@ -38,7 +37,7 @@ export declare function useWorkbenchState(chatRoute: boolean): {
         label: string;
         tree?: boolean;
         icon?: import("lucide-react").LucideIcon;
-        items: NavItem[];
+        items: import("../index.js").NavItem[];
         priority?: number;
         defaultCollapsed?: boolean;
         to?: string;