@jami-studio/dispatch 0.13.14

package/dist/components/layout/Layout.js

@@ -0,0 +1,476 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AgentSidebar, FeedbackButton, appBasePath, appPath, focusAgentChat, navigateWithAgentChatViewTransition, useActionQuery, useAgentChatHomeHandoff, useAgentChatHomeHandoffLinks, useChatThreads, useFormatters, useT, } from "@agent-native/core/client";
+import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
+import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
+import { IconArrowUpRight, IconApps, IconBrain, IconChartBar, IconBrandTelegram, IconKey, IconChevronDown, IconDots, IconEdit, IconLayersSubtract, IconMessageQuestion, IconMessages, IconPlus, IconPlugConnected, IconBroadcast, IconFingerprint, IconHistory, IconLayoutSidebarLeftCollapse, IconLayoutSidebarLeftExpand, IconPuzzle, IconSettings, IconSettingsAutomation, IconShieldCheck, } from "@tabler/icons-react";
+import { useEffect, useMemo, useRef, useState, } from "react";
+import { NavLink, useLocation, useNavigate } from "react-router";
+import { cn } from "../../lib/utils.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
+import { Input } from "../ui/input.js";
+import { Sheet, SheetContent, SheetDescription, SheetTitle } from "../ui/sheet.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
+import { Header } from "./Header.js";
+import { HeaderActionsProvider } from "./HeaderActions.js";
+const PRIMARY_NAV_ITEMS = [
+    {
+        id: "chat",
+        to: "/chat",
+        label: "Chat",
+        icon: IconMessageQuestion,
+        section: "primary",
+    },
+    {
+        id: "overview",
+        to: "/overview",
+        label: "Overview",
+        icon: IconBroadcast,
+        section: "primary",
+    },
+    {
+        id: "apps",
+        to: "/apps",
+        label: "Apps",
+        icon: IconApps,
+        section: "primary",
+    },
+    {
+        id: "metrics",
+        to: "/metrics",
+        label: "Metrics",
+        icon: IconChartBar,
+        section: "primary",
+    },
+    {
+        id: "vault",
+        to: "/vault",
+        label: "Vault",
+        icon: IconKey,
+        section: "primary",
+    },
+    {
+        id: "integrations",
+        to: "/integrations",
+        label: "Integrations",
+        icon: IconPuzzle,
+        section: "primary",
+    },
+    {
+        id: "agents",
+        to: "/agents",
+        label: "Agents",
+        icon: IconPlugConnected,
+        section: "primary",
+    },
+];
+const OPERATIONS_NAV_ITEMS = [
+    {
+        id: "workspace",
+        to: "/workspace",
+        label: "Resources",
+        icon: IconLayersSubtract,
+        section: "operations",
+    },
+    {
+        id: "messaging",
+        to: "/messaging",
+        label: "Messaging",
+        icon: IconBrandTelegram,
+        section: "operations",
+    },
+    {
+        id: "destinations",
+        to: "/destinations",
+        label: "Destinations",
+        icon: IconArrowUpRight,
+        section: "operations",
+    },
+    {
+        id: "identities",
+        to: "/identities",
+        label: "Identities",
+        icon: IconFingerprint,
+        section: "operations",
+    },
+    {
+        id: "approvals",
+        to: "/approvals",
+        label: "Approvals",
+        icon: IconShieldCheck,
+        section: "operations",
+    },
+    {
+        id: "automations",
+        to: "/automations",
+        label: "Automations",
+        icon: IconSettingsAutomation,
+        section: "operations",
+    },
+    {
+        id: "audit",
+        to: "/audit",
+        label: "Audit",
+        icon: IconHistory,
+        section: "operations",
+    },
+    {
+        id: "dreams",
+        to: "/dreams",
+        label: "Dreams",
+        icon: IconBrain,
+        section: "operations",
+    },
+    {
+        id: "thread-debug",
+        to: "/thread-debug",
+        label: "Thread Debug",
+        icon: IconMessages,
+        section: "operations",
+    },
+    {
+        id: "settings",
+        to: "/settings",
+        label: "Settings",
+        icon: IconSettings,
+        section: "operations",
+    },
+];
+const EMPTY_NAV_ITEMS = [];
+const CHROMELESS_PATHS = ["/approval"];
+const SIDEBAR_COLLAPSE_KEY = "dispatch.sidebar.collapsed";
+// Routes whose page renders its own toolbar.
+// Layout still mounts the sidebar + AgentSidebar, but skips its own Header so
+// there's no double-header.
+function pageOwnsToolbar(pathname) {
+    if (pathname === "/tools" || pathname.startsWith("/tools/"))
+        return true;
+    if (pathname === "/extensions" || pathname.startsWith("/extensions/"))
+        return true;
+    return false;
+}
+function sectionFor(item) {
+    return item.section ?? "operations";
+}
+function navItemMatchesPath(item, pathname) {
+    if (item.match) {
+        try {
+            if (item.match(pathname))
+                return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    return pathname === item.to || pathname.startsWith(`${item.to}/`);
+}
+function navItemsForSection(items, section) {
+    return items.filter((item) => sectionFor(item) === section);
+}
+function localDispatchPath(pathname) {
+    const basePath = appBasePath();
+    if (!basePath)
+        return pathname;
+    if (pathname === basePath)
+        return "/";
+    if (pathname.startsWith(`${basePath}/`)) {
+        return pathname.slice(basePath.length) || "/";
+    }
+    return pathname;
+}
+function dispatchNavLinkTarget(path) {
+    if (typeof window === "undefined")
+        return path;
+    const basePath = appBasePath();
+    if (!basePath)
+        return path;
+    // Mirror the basename calculation entry.client.tsx uses to configure the
+    // router (basePath iff the current URL is under that mount, "" otherwise).
+    // Reading the live URL directly avoids races with the previous check on
+    // `__reactRouterContext.basename`, which could read undefined before the
+    // entry script set it — that race produced /dispatch/dispatch/<route>
+    // history entries that 404'd on back-button navigation.
+    const pathname = window.location.pathname;
+    const routerHasBasename = pathname === basePath || pathname.startsWith(`${basePath}/`);
+    return routerHasBasename ? path : appPath(path);
+}
+function chatThreadPath(threadId) {
+    return `/chat/${encodeURIComponent(threadId)}`;
+}
+function threadIdFromPath(pathname) {
+    const match = pathname.match(/^\/chat\/([^/]+)/);
+    if (!match)
+        return null;
+    try {
+        const value = decodeURIComponent(match[1]).trim();
+        return value || null;
+    }
+    catch {
+        return null;
+    }
+}
+function formatThreadAge(updatedAt, formatDate) {
+    const diffMs = Math.max(0, Date.now() - updatedAt);
+    const minutes = Math.floor(diffMs / 60_000);
+    if (minutes < 1)
+        return "now";
+    if (minutes < 60)
+        return `${minutes}m`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h`;
+    const days = Math.floor(hours / 24);
+    if (days < 7)
+        return `${days}d`;
+    return formatDate(updatedAt, {
+        month: "short",
+        day: "numeric",
+    });
+}
+function threadTitle(thread, fallback) {
+    return thread.title || thread.preview || fallback;
+}
+function threadUpdatedAt(thread) {
+    return Number.isFinite(thread.updatedAt)
+        ? thread.updatedAt
+        : Number.isFinite(thread.createdAt)
+            ? thread.createdAt
+            : 0;
+}
+function DispatchChatsSection({ onNavigate }) {
+    const t = useT();
+    const { formatDate } = useFormatters();
+    const navigate = useNavigate();
+    const location = useLocation();
+    const { threads, activeThreadId, createThread, switchThread, renameThread, refreshThreads, } = useChatThreads(undefined, "dispatch", undefined, { autoCreate: false });
+    const [renamingThreadId, setRenamingThreadId] = useState(null);
+    const [renameDraft, setRenameDraft] = useState("");
+    const renameInputRef = useRef(null);
+    const committingRenameRef = useRef(false);
+    const visibleThreads = useMemo(() => threads
+        .filter((thread) => thread.messageCount > 0 || thread.id === activeThreadId)
+        .sort((a, b) => threadUpdatedAt(b) - threadUpdatedAt(a))
+        .slice(0, 8), [activeThreadId, threads]);
+    useEffect(() => {
+        const refresh = () => refreshThreads();
+        const handleRunning = (event) => {
+            const detail = event.detail;
+            if (detail?.isRunning === false)
+                refreshThreads();
+        };
+        window.addEventListener("agent-chat:threads-updated", refresh);
+        window.addEventListener("agentNative.chatRunning", handleRunning);
+        window.addEventListener("focus", refresh);
+        return () => {
+            window.removeEventListener("agent-chat:threads-updated", refresh);
+            window.removeEventListener("agentNative.chatRunning", handleRunning);
+            window.removeEventListener("focus", refresh);
+        };
+    }, [refreshThreads]);
+    useEffect(() => {
+        if (!renamingThreadId)
+            return;
+        requestAnimationFrame(() => {
+            renameInputRef.current?.focus();
+            renameInputRef.current?.select();
+        });
+    }, [renamingThreadId]);
+    function openThread(threadId, options) {
+        switchThread(threadId);
+        navigateWithAgentChatViewTransition(navigate, dispatchNavLinkTarget(options?.isNew ? "/chat" : chatThreadPath(threadId)));
+        onNavigate?.();
+        window.requestAnimationFrame(() => {
+            window.dispatchEvent(new CustomEvent("agent-chat:open-thread", {
+                detail: { threadId, newThread: options?.isNew === true },
+            }));
+        });
+    }
+    async function handleNewChat() {
+        const threadId = await createThread();
+        if (threadId)
+            openThread(threadId, { isNew: true });
+    }
+    function startRenameThread(thread) {
+        committingRenameRef.current = false;
+        setRenameDraft(threadTitle(thread, t("dispatch.sidebar.newChat")));
+        setRenamingThreadId(thread.id);
+    }
+    function cancelRenameThread() {
+        committingRenameRef.current = true;
+        setRenamingThreadId(null);
+        setRenameDraft("");
+    }
+    async function commitRenameThread() {
+        if (committingRenameRef.current)
+            return;
+        const threadId = renamingThreadId;
+        const title = renameDraft.trim();
+        if (!threadId)
+            return;
+        committingRenameRef.current = true;
+        setRenamingThreadId(null);
+        setRenameDraft("");
+        if (title)
+            await renameThread(threadId, title);
+        committingRenameRef.current = false;
+    }
+    function handleRenameSubmit(event) {
+        event.preventDefault();
+        void commitRenameThread();
+    }
+    return (_jsxs("div", { className: "mt-2 border-s border-sidebar-border/70 ps-3", children: [_jsxs("div", { className: "mb-1 flex h-7 items-center gap-2 pe-1", children: [_jsx("div", { className: "min-w-0 flex-1 text-xs font-medium text-sidebar-foreground/70", children: t("dispatch.sidebar.chats") }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: handleNewChat, className: "flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", "aria-label": t("dispatch.sidebar.newDispatchChat"), children: _jsx(IconPlus, { className: "size-3.5" }) }) }), _jsx(TooltipContent, { children: t("dispatch.sidebar.newChat") })] })] }), _jsx("div", { className: "grid gap-0.5", children: visibleThreads.length > 0 ? (visibleThreads.map((thread) => {
+                    const localPathname = localDispatchPath(location.pathname);
+                    const isActive = thread.id ===
+                        (threadIdFromPath(localPathname) ??
+                            (localPathname === "/chat" ? null : activeThreadId));
+                    const isRenaming = thread.id === renamingThreadId;
+                    return (_jsx("div", { className: cn("group flex h-8 min-w-0 items-center rounded-md text-sm transition-colors", isActive
+                            ? "bg-sidebar-accent text-sidebar-accent-foreground"
+                            : "text-sidebar-foreground/80 hover:bg-sidebar-accent/65 hover:text-sidebar-accent-foreground"), children: isRenaming ? (_jsx("form", { onSubmit: handleRenameSubmit, className: "flex h-full min-w-0 flex-1 items-center px-1.5", children: _jsx(Input, { ref: renameInputRef, value: renameDraft, onChange: (event) => setRenameDraft(event.target.value), onBlur: () => void commitRenameThread(), onKeyDown: (event) => {
+                                    if (event.key === "Escape") {
+                                        event.preventDefault();
+                                        cancelRenameThread();
+                                    }
+                                }, maxLength: 160, "aria-label": t("dispatch.sidebar.renameThread", {
+                                    title: threadTitle(thread, t("dispatch.sidebar.newChat")),
+                                }), className: "h-6 min-w-0 rounded-sm border-sidebar-border bg-background px-1.5 text-xs" }) })) : (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => openThread(thread.id), className: "flex h-full min-w-0 flex-1 cursor-pointer items-center px-2 text-start outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx("span", { className: "min-w-0 flex-1 truncate", children: threadTitle(thread, t("dispatch.sidebar.newChat")) }) }), _jsxs("div", { className: "relative flex size-7 shrink-0 items-center justify-end pe-1", children: [_jsx("span", { className: "text-[11px] text-sidebar-foreground/50 transition-opacity group-hover:opacity-0 group-focus-within:opacity-0", children: isActive
+                                                ? ""
+                                                : formatThreadAge(threadUpdatedAt(thread), formatDate) }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": t("dispatch.sidebar.chatOptions", {
+                                                            title: threadTitle(thread, t("dispatch.sidebar.newChat")),
+                                                        }), className: "absolute end-1 flex size-6 cursor-pointer items-center justify-center rounded-md text-sidebar-foreground/65 opacity-0 transition-opacity hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100", children: _jsx(IconDots, { className: "size-4" }) }) }), _jsx(DropdownMenuContent, { align: "end", side: "right", sideOffset: 6, children: _jsxs(DropdownMenuItem, { onSelect: () => startRenameThread(thread), children: [_jsx(IconEdit, { className: "size-4" }), t("dispatch.sidebar.renameChat")] }) })] })] })] })) }, thread.id));
+                })) : (_jsx("button", { type: "button", onClick: handleNewChat, className: "flex h-8 cursor-pointer items-center rounded-md px-2 text-start text-sm text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent/65 hover:text-sidebar-accent-foreground", children: _jsx("span", { className: "truncate", children: t("dispatch.sidebar.newChat") }) })) })] }));
+}
+export function NavContent({ onNavigate, extensions, collapsed = false, collapsible = false, onCollapsedChange, }) {
+    const t = useT();
+    const location = useLocation();
+    const navigate = useNavigate();
+    const { data: workspace } = useActionQuery("get-workspace-info", {}, { staleTime: 60_000 });
+    const ws = workspace;
+    const workspaceLabel = ws?.displayName ?? ws?.name ?? null;
+    const extensionNavItems = extensions?.navItems ?? EMPTY_NAV_ITEMS;
+    const primaryNavItems = [
+        ...PRIMARY_NAV_ITEMS,
+        ...navItemsForSection(extensionNavItems, "primary"),
+    ];
+    const operationsNavItems = [
+        ...OPERATIONS_NAV_ITEMS,
+        ...navItemsForSection(extensionNavItems, "operations"),
+    ];
+    const localPathname = localDispatchPath(location.pathname);
+    const operationsOpen = operationsNavItems.some((item) => navItemMatchesPath(item, localPathname));
+    const navLabel = (item) => {
+        const key = item.id === "thread-debug"
+            ? "threadDebug"
+            : item.id === "workspace"
+                ? "resources"
+                : item.id;
+        return t(`dispatch.nav.${key}`, { defaultValue: item.label });
+    };
+    const renderNavItem = (item) => {
+        const Icon = item.icon;
+        const itemMatchesLocalPath = navItemMatchesPath(item, localPathname);
+        const label = navLabel(item);
+        return (_jsxs("li", { children: [collapsed ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(NavLink, { to: dispatchNavLinkTarget(item.to), onClick: (event) => {
+                                    if (item.id === "chat" &&
+                                        localPathname !== "/chat" &&
+                                        !event.metaKey &&
+                                        !event.ctrlKey &&
+                                        !event.shiftKey &&
+                                        !event.altKey) {
+                                        event.preventDefault();
+                                        navigateWithAgentChatViewTransition(navigate, dispatchNavLinkTarget("/chat"));
+                                        onNavigate?.();
+                                        return;
+                                    }
+                                    onNavigate?.();
+                                }, "aria-label": label, className: ({ isActive }) => {
+                                    const active = isActive || itemMatchesLocalPath;
+                                    return cn("flex h-10 w-10 items-center justify-center rounded-md text-sm", active
+                                        ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
+                                        : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground");
+                                }, children: Icon ? (_jsx(Icon, { size: 16, className: "shrink-0" })) : (_jsx("span", { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })) }) }), _jsx(TooltipContent, { side: "right", children: label })] })) : (_jsxs(NavLink, { to: dispatchNavLinkTarget(item.to), onClick: (event) => {
+                        if (item.id === "chat" &&
+                            localPathname !== "/chat" &&
+                            !event.metaKey &&
+                            !event.ctrlKey &&
+                            !event.shiftKey &&
+                            !event.altKey) {
+                            event.preventDefault();
+                            navigateWithAgentChatViewTransition(navigate, dispatchNavLinkTarget("/chat"));
+                            onNavigate?.();
+                            return;
+                        }
+                        onNavigate?.();
+                    }, className: ({ isActive }) => {
+                        const active = isActive || itemMatchesLocalPath;
+                        return cn("flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm", active
+                            ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
+                            : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground");
+                    }, children: [Icon ? (_jsx(Icon, { size: 16, className: "shrink-0" })) : (_jsx("span", { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })), _jsx("span", { className: "truncate", children: label })] })), !collapsed && item.id === "chat" && itemMatchesLocalPath ? (_jsx(DispatchChatsSection, { onNavigate: onNavigate })) : null] }, item.id));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("border-b py-3", collapsed ? "px-1" : "px-4"), children: _jsxs("div", { className: cn("flex items-center", collapsed ? "justify-center" : "gap-3"), children: [!collapsed && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex h-9 w-9 items-center justify-center rounded-xl border bg-card text-foreground", children: [_jsx("img", { src: appPath("/agent-native-icon-light.svg"), alt: "", "aria-hidden": "true", className: "block h-4 w-auto shrink-0 dark:hidden" }), _jsx("img", { src: appPath("/agent-native-icon-dark.svg"), alt: "", "aria-hidden": "true", className: "hidden h-4 w-auto shrink-0 dark:block" })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-foreground", children: workspaceLabel ?? "Dispatch" }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: workspaceLabel
+                                                ? t("dispatch.sidebar.workspaceSubtitle", {
+                                                    count: ws?.appCount ?? 0,
+                                                })
+                                                : t("dispatch.sidebar.workspaceControlPlane") })] })] })), collapsible ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => onCollapsedChange?.(!collapsed), "aria-label": collapsed
+                                            ? t("sidebar.expandSidebar")
+                                            : t("sidebar.collapseSidebar"), className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", children: collapsed ? (_jsx(IconLayoutSidebarLeftExpand, { className: "h-4 w-4 rtl:-scale-x-100" })) : (_jsx(IconLayoutSidebarLeftCollapse, { className: "h-4 w-4 rtl:-scale-x-100" })) }) }), _jsx(TooltipContent, { side: "right", children: collapsed
+                                        ? t("sidebar.expandSidebar")
+                                        : t("sidebar.collapseSidebar") })] })) : null] }) }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto", children: [_jsx("nav", { className: cn("py-3", collapsed ? "px-1" : "px-2"), children: _jsx("ul", { className: cn("space-y-0.5", collapsed && "flex flex-col items-center"), children: (collapsed
+                                ? [...primaryNavItems, ...operationsNavItems]
+                                : primaryNavItems).map(renderNavItem) }) }), !collapsed ? (_jsxs("div", { className: "mt-auto shrink-0", children: [_jsx("div", { className: "px-2 py-2", children: _jsxs("details", { className: "group", open: operationsOpen, children: [_jsxs("summary", { className: "flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium uppercase text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden", children: [_jsx("span", { children: t("dispatch.nav.operations") }), _jsx(IconChevronDown, { size: 14, className: "transition-transform group-open:rotate-180" })] }), _jsx("ul", { className: "mt-1 space-y-0.5", children: operationsNavItems.map(renderNavItem) })] }) }), _jsx("div", { className: "px-2 py-1", children: _jsx(ExtensionsSidebarSection, {}) }), _jsx("div", { className: "px-3 py-2", children: _jsx(OrgSwitcher, {}) }), _jsx("div", { className: "px-3 py-2", children: _jsx(FeedbackButton, {}) })] })) : null] })] }));
+}
+export function Layout({ children, extensions, }) {
+    const t = useT();
+    const location = useLocation();
+    const navigate = useNavigate();
+    const [mobileOpen, setMobileOpen] = useState(false);
+    const [sidebarCollapsed, setSidebarCollapsed] = useState(() => {
+        if (typeof window === "undefined")
+            return false;
+        try {
+            return window.localStorage.getItem(SIDEBAR_COLLAPSE_KEY) === "1";
+        }
+        catch {
+            return false;
+        }
+    });
+    const localPathname = localDispatchPath(location.pathname);
+    const isChatRoute = localPathname === "/chat" || localPathname.startsWith("/chat/");
+    const chatHomeHandoffActive = useAgentChatHomeHandoff({
+        storageKey: "dispatch",
+        activePath: localPathname,
+        enabled: !isChatRoute,
+    });
+    const chatHandoffLinkOptions = {
+        storageKey: "dispatch",
+        isChatPath: (pathname) => pathname === "/chat" || pathname.startsWith("/chat/"),
+    };
+    useAgentChatHomeHandoffLinks(chatHandoffLinkOptions);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        try {
+            window.localStorage.setItem(SIDEBAR_COLLAPSE_KEY, sidebarCollapsed ? "1" : "0");
+        }
+        catch {
+            // Ignore storage failures; the in-memory preference still works.
+        }
+    }, [sidebarCollapsed]);
+    if (CHROMELESS_PATHS.some((path) => localPathname === path)) {
+        return _jsx(_Fragment, { children: children });
+    }
+    const showHeader = !isChatRoute && !pageOwnsToolbar(localPathname);
+    function openAskAgentFullscreen() {
+        focusAgentChat();
+        navigateWithAgentChatViewTransition(navigate, dispatchNavLinkTarget("/chat"));
+    }
+    const sidebarSuggestions = [
+        t("dispatch.sidebar.suggestionBuildApp"),
+        t("dispatch.sidebar.suggestionRouteSlack"),
+        t("dispatch.sidebar.suggestionGrantKey"),
+    ];
+    const appContent = (_jsxs("div", { className: "flex h-full min-w-0 flex-1 flex-col overflow-hidden", children: [showHeader ? _jsx(Header, { onOpenMobile: () => setMobileOpen(true) }) : null, _jsx(InvitationBanner, {}), _jsx("main", { className: cn("flex-1", isChatRoute ? "min-h-0 overflow-hidden" : "overflow-y-auto"), children: showHeader ? (_jsx("div", { className: "mx-auto max-w-7xl space-y-10 px-4 py-6 sm:px-6", children: children })) : (children) })] }));
+    const content = isChatRoute ? (_jsx("div", { className: "agent-layout-main-surface flex min-w-0 flex-1 overflow-hidden", children: appContent })) : (_jsx(AgentSidebar, { position: "right", defaultOpen: false, chatViewTransition: true, storageKey: "dispatch", openOnChatRunning: chatHomeHandoffActive, onFullscreenRequest: openAskAgentFullscreen, emptyStateText: t("dispatch.sidebar.emptyAgentText"), suggestions: sidebarSuggestions, children: appContent }));
+    return (_jsx(HeaderActionsProvider, { children: _jsxs("div", { className: "agent-layout-shell flex h-screen w-full overflow-hidden bg-background", children: [_jsx("aside", { "data-collapsed": sidebarCollapsed ? "true" : "false", className: cn("agent-layout-left-drawer hidden shrink-0 flex-col border-e bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-out lg:flex", sidebarCollapsed ? "w-12" : "w-64"), children: _jsx(NavContent, { extensions: extensions, collapsed: sidebarCollapsed, collapsible: true, onCollapsedChange: setSidebarCollapsed }) }), _jsx(Sheet, { open: mobileOpen, onOpenChange: setMobileOpen, children: _jsxs(SheetContent, { side: "left", className: "w-72 p-0 bg-sidebar text-sidebar-foreground [&>button]:hidden", children: [_jsx(SheetTitle, { className: "sr-only", children: t("dispatch.nav.navigation") }), _jsx(SheetDescription, { className: "sr-only", children: t("dispatch.nav.navigationDescription") }), _jsx("div", { className: "flex h-full w-full flex-col", children: _jsx(NavContent, { extensions: extensions, collapsed: false, onNavigate: () => setMobileOpen(false) }) })] }) }), content] }) }));
+}
+//# sourceMappingURL=Layout.js.map

package/dist/components/layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  AgentSidebar,\r\n  FeedbackButton,\r\n  appBasePath,\r\n  appPath,\r\n  focusAgentChat,\r\n  navigateWithAgentChatViewTransition,\r\n  useActionQuery,\r\n  useAgentChatHomeHandoff,\r\n  useAgentChatHomeHandoffLinks,\r\n  useChatThreads,\r\n  useFormatters,\r\n  useT,\r\n  type ChatThreadSummary,\r\n} from \"@agent-native/core/client\";\r\nimport { ExtensionsSidebarSection } from \"@agent-native/core/client/extensions\";\r\nimport { InvitationBanner, OrgSwitcher } from \"@agent-native/core/client/org\";\r\nimport {\r\n  IconArrowUpRight,\r\n  IconApps,\r\n  IconBrain,\r\n  IconChartBar,\r\n  IconBrandTelegram,\r\n  IconKey,\r\n  IconChevronDown,\r\n  IconDots,\r\n  IconEdit,\r\n  IconLayersSubtract,\r\n  IconMessageQuestion,\r\n  IconMessages,\r\n  IconPlus,\r\n  IconPlugConnected,\r\n  IconBroadcast,\r\n  IconFingerprint,\r\n  IconHistory,\r\n  IconLayoutSidebarLeftCollapse,\r\n  IconLayoutSidebarLeftExpand,\r\n  IconPuzzle,\r\n  IconSettings,\r\n  IconSettingsAutomation,\r\n  IconShieldCheck,\r\n} from \"@tabler/icons-react\";\r\nimport {\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n  type ComponentType,\r\n  type FormEvent,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport { NavLink, useLocation, useNavigate } from \"react-router\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from \"../ui/dropdown-menu\";\r\nimport { Input } from \"../ui/input\";\r\nimport { Sheet, SheetContent, SheetDescription, SheetTitle } from \"../ui/sheet\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/tooltip\";\r\nimport { Header } from \"./Header\";\r\nimport { HeaderActionsProvider } from \"./HeaderActions\";\r\n\r\nexport type DispatchNavSection = \"primary\" | \"operations\";\r\n\r\nexport type DispatchNavIcon = ComponentType<{\r\n  size?: number | string;\r\n  className?: string;\r\n}>;\r\n\r\nexport interface DispatchNavItem {\r\n  /** Stable id used for keys and navigation.view. Avoid built-in ids. */\r\n  id: string;\r\n  /** React Router path for the tab, usually backed by an app/routes/*.tsx file. */\r\n  to: string;\r\n  label: string;\r\n  icon?: DispatchNavIcon;\r\n  /** Defaults to \"operations\", which is where local management tools usually fit. */\r\n  section?: DispatchNavSection;\r\n  /** Override active matching for nested or multi-route tools. */\r\n  match?: (pathname: string) => boolean;\r\n}\r\n\r\nexport interface DispatchExtensionConfig {\r\n  /** Extra sidebar tabs supplied by the generated workspace. */\r\n  navItems?: readonly DispatchNavItem[];\r\n  /** Extra React Query keys to invalidate when Dispatch receives DB sync events. */\r\n  queryKeys?: readonly string[];\r\n}\r\n\r\nconst PRIMARY_NAV_ITEMS = [\r\n  {\r\n    id: \"chat\",\r\n    to: \"/chat\",\r\n    label: \"Chat\",\r\n    icon: IconMessageQuestion,\r\n    section: \"primary\",\r\n  },\r\n  {\r\n    id: \"overview\",\r\n    to: \"/overview\",\r\n    label: \"Overview\",\r\n    icon: IconBroadcast,\r\n    section: \"primary\",\r\n  },\r\n  {\r\n    id: \"apps\",\r\n    to: \"/apps\",\r\n    label: \"Apps\",\r\n    icon: IconApps,\r\n    section: \"primary\",\r\n  },\r\n  {\r\n    id: \"metrics\",\r\n    to: \"/metrics\",\r\n    label: \"Metrics\",\r\n    icon: IconChartBar,\r\n    section: \"primary\",\r\n  },\r\n  {\r\n    id: \"vault\",\r\n    to: \"/vault\",\r\n    label: \"Vault\",\r\n    icon: IconKey,\r\n    section: \"primary\",\r\n  },\r\n  {\r\n    id: \"integrations\",\r\n    to: \"/integrations\",\r\n    label: \"Integrations\",\r\n    icon: IconPuzzle,\r\n    section: \"primary\",\r\n  },\r\n  {\r\n    id: \"agents\",\r\n    to: \"/agents\",\r\n    label: \"Agents\",\r\n    icon: IconPlugConnected,\r\n    section: \"primary\",\r\n  },\r\n] as const satisfies readonly DispatchNavItem[];\r\n\r\nconst OPERATIONS_NAV_ITEMS = [\r\n  {\r\n    id: \"workspace\",\r\n    to: \"/workspace\",\r\n    label: \"Resources\",\r\n    icon: IconLayersSubtract,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"messaging\",\r\n    to: \"/messaging\",\r\n    label: \"Messaging\",\r\n    icon: IconBrandTelegram,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"destinations\",\r\n    to: \"/destinations\",\r\n    label: \"Destinations\",\r\n    icon: IconArrowUpRight,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"identities\",\r\n    to: \"/identities\",\r\n    label: \"Identities\",\r\n    icon: IconFingerprint,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"approvals\",\r\n    to: \"/approvals\",\r\n    label: \"Approvals\",\r\n    icon: IconShieldCheck,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"automations\",\r\n    to: \"/automations\",\r\n    label: \"Automations\",\r\n    icon: IconSettingsAutomation,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"audit\",\r\n    to: \"/audit\",\r\n    label: \"Audit\",\r\n    icon: IconHistory,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"dreams\",\r\n    to: \"/dreams\",\r\n    label: \"Dreams\",\r\n    icon: IconBrain,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"thread-debug\",\r\n    to: \"/thread-debug\",\r\n    label: \"Thread Debug\",\r\n    icon: IconMessages,\r\n    section: \"operations\",\r\n  },\r\n  {\r\n    id: \"settings\",\r\n    to: \"/settings\",\r\n    label: \"Settings\",\r\n    icon: IconSettings,\r\n    section: \"operations\",\r\n  },\r\n] as const satisfies readonly DispatchNavItem[];\r\n\r\nconst EMPTY_NAV_ITEMS: readonly DispatchNavItem[] = [];\r\n\r\nconst CHROMELESS_PATHS = [\"/approval\"];\r\nconst SIDEBAR_COLLAPSE_KEY = \"dispatch.sidebar.collapsed\";\r\n\r\n// Routes whose page renders its own toolbar.\r\n// Layout still mounts the sidebar + AgentSidebar, but skips its own Header so\r\n// there's no double-header.\r\nfunction pageOwnsToolbar(pathname: string): boolean {\r\n  if (pathname === \"/tools\" || pathname.startsWith(\"/tools/\")) return true;\r\n  if (pathname === \"/extensions\" || pathname.startsWith(\"/extensions/\"))\r\n    return true;\r\n  return false;\r\n}\r\n\r\ninterface WorkspaceInfo {\r\n  name: string | null;\r\n  displayName: string | null;\r\n  appCount: number;\r\n}\r\n\r\nfunction sectionFor(item: DispatchNavItem): DispatchNavSection {\r\n  return item.section ?? \"operations\";\r\n}\r\n\r\nfunction navItemMatchesPath(item: DispatchNavItem, pathname: string): boolean {\r\n  if (item.match) {\r\n    try {\r\n      if (item.match(pathname)) return true;\r\n    } catch {\r\n      return false;\r\n    }\r\n  }\r\n  return pathname === item.to || pathname.startsWith(`${item.to}/`);\r\n}\r\n\r\nfunction navItemsForSection(\r\n  items: readonly DispatchNavItem[],\r\n  section: DispatchNavSection,\r\n): DispatchNavItem[] {\r\n  return items.filter((item) => sectionFor(item) === section);\r\n}\r\n\r\nfunction localDispatchPath(pathname: string): string {\r\n  const basePath = appBasePath();\r\n  if (!basePath) return pathname;\r\n  if (pathname === basePath) return \"/\";\r\n  if (pathname.startsWith(`${basePath}/`)) {\r\n    return pathname.slice(basePath.length) || \"/\";\r\n  }\r\n  return pathname;\r\n}\r\n\r\nfunction dispatchNavLinkTarget(path: string): string {\r\n  if (typeof window === \"undefined\") return path;\r\n  const basePath = appBasePath();\r\n  if (!basePath) return path;\r\n  // Mirror the basename calculation entry.client.tsx uses to configure the\r\n  // router (basePath iff the current URL is under that mount, \"\" otherwise).\r\n  // Reading the live URL directly avoids races with the previous check on\r\n  // `__reactRouterContext.basename`, which could read undefined before the\r\n  // entry script set it — that race produced /dispatch/dispatch/<route>\r\n  // history entries that 404'd on back-button navigation.\r\n  const pathname = window.location.pathname;\r\n  const routerHasBasename =\r\n    pathname === basePath || pathname.startsWith(`${basePath}/`);\r\n  return routerHasBasename ? path : appPath(path);\r\n}\r\n\r\nfunction chatThreadPath(threadId: string): string {\r\n  return `/chat/${encodeURIComponent(threadId)}`;\r\n}\r\n\r\nfunction threadIdFromPath(pathname: string): string | null {\r\n  const match = pathname.match(/^\\/chat\\/([^/]+)/);\r\n  if (!match) return null;\r\n  try {\r\n    const value = decodeURIComponent(match[1]).trim();\r\n    return value || null;\r\n  } catch {\r\n    return null;\r\n  }\r\n}\r\n\r\nfunction formatThreadAge(\r\n  updatedAt: number,\r\n  formatDate: ReturnType<typeof useFormatters>[\"formatDate\"],\r\n) {\r\n  const diffMs = Math.max(0, Date.now() - updatedAt);\r\n  const minutes = Math.floor(diffMs / 60_000);\r\n  if (minutes < 1) return \"now\";\r\n  if (minutes < 60) return `${minutes}m`;\r\n  const hours = Math.floor(minutes / 60);\r\n  if (hours < 24) return `${hours}h`;\r\n  const days = Math.floor(hours / 24);\r\n  if (days < 7) return `${days}d`;\r\n  return formatDate(updatedAt, {\r\n    month: \"short\",\r\n    day: \"numeric\",\r\n  });\r\n}\r\n\r\nfunction threadTitle(thread: ChatThreadSummary, fallback: string) {\r\n  return thread.title || thread.preview || fallback;\r\n}\r\n\r\nfunction threadUpdatedAt(thread: ChatThreadSummary) {\r\n  return Number.isFinite(thread.updatedAt)\r\n    ? thread.updatedAt\r\n    : Number.isFinite(thread.createdAt)\r\n      ? thread.createdAt\r\n      : 0;\r\n}\r\n\r\nfunction DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {\r\n  const t = useT();\r\n  const { formatDate } = useFormatters();\r\n  const navigate = useNavigate();\r\n  const location = useLocation();\r\n  const {\r\n    threads,\r\n    activeThreadId,\r\n    createThread,\r\n    switchThread,\r\n    renameThread,\r\n    refreshThreads,\r\n  } = useChatThreads(undefined, \"dispatch\", undefined, { autoCreate: false });\r\n  const [renamingThreadId, setRenamingThreadId] = useState<string | null>(null);\r\n  const [renameDraft, setRenameDraft] = useState(\"\");\r\n  const renameInputRef = useRef<HTMLInputElement | null>(null);\r\n  const committingRenameRef = useRef(false);\r\n\r\n  const visibleThreads = useMemo(\r\n    () =>\r\n      threads\r\n        .filter(\r\n          (thread) => thread.messageCount > 0 || thread.id === activeThreadId,\r\n        )\r\n        .sort((a, b) => threadUpdatedAt(b) - threadUpdatedAt(a))\r\n        .slice(0, 8),\r\n    [activeThreadId, threads],\r\n  );\r\n\r\n  useEffect(() => {\r\n    const refresh = () => refreshThreads();\r\n    const handleRunning = (event: Event) => {\r\n      const detail = (event as CustomEvent).detail as\r\n        | { isRunning?: unknown }\r\n        | undefined;\r\n      if (detail?.isRunning === false) refreshThreads();\r\n    };\r\n\r\n    window.addEventListener(\"agent-chat:threads-updated\", refresh);\r\n    window.addEventListener(\"agentNative.chatRunning\", handleRunning);\r\n    window.addEventListener(\"focus\", refresh);\r\n    return () => {\r\n      window.removeEventListener(\"agent-chat:threads-updated\", refresh);\r\n      window.removeEventListener(\"agentNative.chatRunning\", handleRunning);\r\n      window.removeEventListener(\"focus\", refresh);\r\n    };\r\n  }, [refreshThreads]);\r\n\r\n  useEffect(() => {\r\n    if (!renamingThreadId) return;\r\n    requestAnimationFrame(() => {\r\n      renameInputRef.current?.focus();\r\n      renameInputRef.current?.select();\r\n    });\r\n  }, [renamingThreadId]);\r\n\r\n  function openThread(threadId: string, options?: { isNew?: boolean }) {\r\n    switchThread(threadId);\r\n    navigateWithAgentChatViewTransition(\r\n      navigate,\r\n      dispatchNavLinkTarget(\r\n        options?.isNew ? \"/chat\" : chatThreadPath(threadId),\r\n      ),\r\n    );\r\n    onNavigate?.();\r\n    window.requestAnimationFrame(() => {\r\n      window.dispatchEvent(\r\n        new CustomEvent(\"agent-chat:open-thread\", {\r\n          detail: { threadId, newThread: options?.isNew === true },\r\n        }),\r\n      );\r\n    });\r\n  }\r\n\r\n  async function handleNewChat() {\r\n    const threadId = await createThread();\r\n    if (threadId) openThread(threadId, { isNew: true });\r\n  }\r\n\r\n  function startRenameThread(thread: ChatThreadSummary) {\r\n    committingRenameRef.current = false;\r\n    setRenameDraft(threadTitle(thread, t(\"dispatch.sidebar.newChat\")));\r\n    setRenamingThreadId(thread.id);\r\n  }\r\n\r\n  function cancelRenameThread() {\r\n    committingRenameRef.current = true;\r\n    setRenamingThreadId(null);\r\n    setRenameDraft(\"\");\r\n  }\r\n\r\n  async function commitRenameThread() {\r\n    if (committingRenameRef.current) return;\r\n    const threadId = renamingThreadId;\r\n    const title = renameDraft.trim();\r\n    if (!threadId) return;\r\n    committingRenameRef.current = true;\r\n    setRenamingThreadId(null);\r\n    setRenameDraft(\"\");\r\n    if (title) await renameThread(threadId, title);\r\n    committingRenameRef.current = false;\r\n  }\r\n\r\n  function handleRenameSubmit(event: FormEvent<HTMLFormElement>) {\r\n    event.preventDefault();\r\n    void commitRenameThread();\r\n  }\r\n\r\n  return (\r\n    <div className=\"mt-2 border-s border-sidebar-border/70 ps-3\">\r\n      <div className=\"mb-1 flex h-7 items-center gap-2 pe-1\">\r\n        <div className=\"min-w-0 flex-1 text-xs font-medium text-sidebar-foreground/70\">\r\n          {t(\"dispatch.sidebar.chats\")}\r\n        </div>\r\n        <Tooltip>\r\n          <TooltipTrigger asChild>\r\n            <button\r\n              type=\"button\"\r\n              onClick={handleNewChat}\r\n              className=\"flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\r\n              aria-label={t(\"dispatch.sidebar.newDispatchChat\")}\r\n            >\r\n              <IconPlus className=\"size-3.5\" />\r\n            </button>\r\n          </TooltipTrigger>\r\n          <TooltipContent>{t(\"dispatch.sidebar.newChat\")}</TooltipContent>\r\n        </Tooltip>\r\n      </div>\r\n      <div className=\"grid gap-0.5\">\r\n        {visibleThreads.length > 0 ? (\r\n          visibleThreads.map((thread) => {\r\n            const localPathname = localDispatchPath(location.pathname);\r\n            const isActive =\r\n              thread.id ===\r\n              (threadIdFromPath(localPathname) ??\r\n                (localPathname === \"/chat\" ? null : activeThreadId));\r\n            const isRenaming = thread.id === renamingThreadId;\r\n            return (\r\n              <div\r\n                key={thread.id}\r\n                className={cn(\r\n                  \"group flex h-8 min-w-0 items-center rounded-md text-sm transition-colors\",\r\n                  isActive\r\n                    ? \"bg-sidebar-accent text-sidebar-accent-foreground\"\r\n                    : \"text-sidebar-foreground/80 hover:bg-sidebar-accent/65 hover:text-sidebar-accent-foreground\",\r\n                )}\r\n              >\r\n                {isRenaming ? (\r\n                  <form\r\n                    onSubmit={handleRenameSubmit}\r\n                    className=\"flex h-full min-w-0 flex-1 items-center px-1.5\"\r\n                  >\r\n                    <Input\r\n                      ref={renameInputRef}\r\n                      value={renameDraft}\r\n                      onChange={(event) => setRenameDraft(event.target.value)}\r\n                      onBlur={() => void commitRenameThread()}\r\n                      onKeyDown={(event) => {\r\n                        if (event.key === \"Escape\") {\r\n                          event.preventDefault();\r\n                          cancelRenameThread();\r\n                        }\r\n                      }}\r\n                      maxLength={160}\r\n                      aria-label={t(\"dispatch.sidebar.renameThread\", {\r\n                        title: threadTitle(\r\n                          thread,\r\n                          t(\"dispatch.sidebar.newChat\"),\r\n                        ),\r\n                      })}\r\n                      className=\"h-6 min-w-0 rounded-sm border-sidebar-border bg-background px-1.5 text-xs\"\r\n                    />\r\n                  </form>\r\n                ) : (\r\n                  <>\r\n                    <button\r\n                      type=\"button\"\r\n                      onClick={() => openThread(thread.id)}\r\n                      className=\"flex h-full min-w-0 flex-1 cursor-pointer items-center px-2 text-start outline-none focus-visible:ring-2 focus-visible:ring-ring\"\r\n                    >\r\n                      <span className=\"min-w-0 flex-1 truncate\">\r\n                        {threadTitle(thread, t(\"dispatch.sidebar.newChat\"))}\r\n                      </span>\r\n                    </button>\r\n                    <div className=\"relative flex size-7 shrink-0 items-center justify-end pe-1\">\r\n                      <span className=\"text-[11px] text-sidebar-foreground/50 transition-opacity group-hover:opacity-0 group-focus-within:opacity-0\">\r\n                        {isActive\r\n                          ? \"\"\r\n                          : formatThreadAge(\r\n                              threadUpdatedAt(thread),\r\n                              formatDate,\r\n                            )}\r\n                      </span>\r\n                      <DropdownMenu>\r\n                        <DropdownMenuTrigger asChild>\r\n                          <button\r\n                            type=\"button\"\r\n                            aria-label={t(\"dispatch.sidebar.chatOptions\", {\r\n                              title: threadTitle(\r\n                                thread,\r\n                                t(\"dispatch.sidebar.newChat\"),\r\n                              ),\r\n                            })}\r\n                            className=\"absolute end-1 flex size-6 cursor-pointer items-center justify-center rounded-md text-sidebar-foreground/65 opacity-0 transition-opacity hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100\"\r\n                          >\r\n                            <IconDots className=\"size-4\" />\r\n                          </button>\r\n                        </DropdownMenuTrigger>\r\n                        <DropdownMenuContent\r\n                          align=\"end\"\r\n                          side=\"right\"\r\n                          sideOffset={6}\r\n                        >\r\n                          <DropdownMenuItem\r\n                            onSelect={() => startRenameThread(thread)}\r\n                          >\r\n                            <IconEdit className=\"size-4\" />\r\n                            {t(\"dispatch.sidebar.renameChat\")}\r\n                          </DropdownMenuItem>\r\n                        </DropdownMenuContent>\r\n                      </DropdownMenu>\r\n                    </div>\r\n                  </>\r\n                )}\r\n              </div>\r\n            );\r\n          })\r\n        ) : (\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleNewChat}\r\n            className=\"flex h-8 cursor-pointer items-center rounded-md px-2 text-start text-sm text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent/65 hover:text-sidebar-accent-foreground\"\r\n          >\r\n            <span className=\"truncate\">{t(\"dispatch.sidebar.newChat\")}</span>\r\n          </button>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function NavContent({\r\n  onNavigate,\r\n  extensions,\r\n  collapsed = false,\r\n  collapsible = false,\r\n  onCollapsedChange,\r\n}: {\r\n  onNavigate?: () => void;\r\n  extensions?: DispatchExtensionConfig;\r\n  collapsed?: boolean;\r\n  collapsible?: boolean;\r\n  onCollapsedChange?: (collapsed: boolean) => void;\r\n}) {\r\n  const t = useT();\r\n  const location = useLocation();\r\n  const navigate = useNavigate();\r\n  const { data: workspace } = useActionQuery(\r\n    \"get-workspace-info\",\r\n    {},\r\n    { staleTime: 60_000 },\r\n  );\r\n  const ws = workspace as WorkspaceInfo | undefined;\r\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\r\n  const extensionNavItems = extensions?.navItems ?? EMPTY_NAV_ITEMS;\r\n  const primaryNavItems = [\r\n    ...PRIMARY_NAV_ITEMS,\r\n    ...navItemsForSection(extensionNavItems, \"primary\"),\r\n  ];\r\n  const operationsNavItems = [\r\n    ...OPERATIONS_NAV_ITEMS,\r\n    ...navItemsForSection(extensionNavItems, \"operations\"),\r\n  ];\r\n  const localPathname = localDispatchPath(location.pathname);\r\n  const operationsOpen = operationsNavItems.some((item) =>\r\n    navItemMatchesPath(item, localPathname),\r\n  );\r\n  const navLabel = (item: DispatchNavItem) => {\r\n    const key =\r\n      item.id === \"thread-debug\"\r\n        ? \"threadDebug\"\r\n        : item.id === \"workspace\"\r\n          ? \"resources\"\r\n          : item.id;\r\n    return t(`dispatch.nav.${key}`, { defaultValue: item.label });\r\n  };\r\n\r\n  const renderNavItem = (item: DispatchNavItem) => {\r\n    const Icon = item.icon;\r\n    const itemMatchesLocalPath = navItemMatchesPath(item, localPathname);\r\n    const label = navLabel(item);\r\n    return (\r\n      <li key={item.id}>\r\n        {collapsed ? (\r\n          <Tooltip>\r\n            <TooltipTrigger asChild>\r\n              <NavLink\r\n                to={dispatchNavLinkTarget(item.to)}\r\n                onClick={(event) => {\r\n                  if (\r\n                    item.id === \"chat\" &&\r\n                    localPathname !== \"/chat\" &&\r\n                    !event.metaKey &&\r\n                    !event.ctrlKey &&\r\n                    !event.shiftKey &&\r\n                    !event.altKey\r\n                  ) {\r\n                    event.preventDefault();\r\n                    navigateWithAgentChatViewTransition(\r\n                      navigate,\r\n                      dispatchNavLinkTarget(\"/chat\"),\r\n                    );\r\n                    onNavigate?.();\r\n                    return;\r\n                  }\r\n                  onNavigate?.();\r\n                }}\r\n                aria-label={label}\r\n                className={({ isActive }) => {\r\n                  const active = isActive || itemMatchesLocalPath;\r\n                  return cn(\r\n                    \"flex h-10 w-10 items-center justify-center rounded-md text-sm\",\r\n                    active\r\n                      ? \"bg-sidebar-accent font-medium text-sidebar-accent-foreground\"\r\n                      : \"text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\r\n                  );\r\n                }}\r\n              >\r\n                {Icon ? (\r\n                  <Icon size={16} className=\"shrink-0\" />\r\n                ) : (\r\n                  <span className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" />\r\n                )}\r\n              </NavLink>\r\n            </TooltipTrigger>\r\n            <TooltipContent side=\"right\">{label}</TooltipContent>\r\n          </Tooltip>\r\n        ) : (\r\n          <NavLink\r\n            to={dispatchNavLinkTarget(item.to)}\r\n            onClick={(event) => {\r\n              if (\r\n                item.id === \"chat\" &&\r\n                localPathname !== \"/chat\" &&\r\n                !event.metaKey &&\r\n                !event.ctrlKey &&\r\n                !event.shiftKey &&\r\n                !event.altKey\r\n              ) {\r\n                event.preventDefault();\r\n                navigateWithAgentChatViewTransition(\r\n                  navigate,\r\n                  dispatchNavLinkTarget(\"/chat\"),\r\n                );\r\n                onNavigate?.();\r\n                return;\r\n              }\r\n              onNavigate?.();\r\n            }}\r\n            className={({ isActive }) => {\r\n              const active = isActive || itemMatchesLocalPath;\r\n              return cn(\r\n                \"flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm\",\r\n                active\r\n                  ? \"bg-sidebar-accent font-medium text-sidebar-accent-foreground\"\r\n                  : \"text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\r\n              );\r\n            }}\r\n          >\r\n            {Icon ? (\r\n              <Icon size={16} className=\"shrink-0\" />\r\n            ) : (\r\n              <span className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" />\r\n            )}\r\n            <span className=\"truncate\">{label}</span>\r\n          </NavLink>\r\n        )}\r\n        {!collapsed && item.id === \"chat\" && itemMatchesLocalPath ? (\r\n          <DispatchChatsSection onNavigate={onNavigate} />\r\n        ) : null}\r\n      </li>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className={cn(\"border-b py-3\", collapsed ? \"px-1\" : \"px-4\")}>\r\n        <div\r\n          className={cn(\r\n            \"flex items-center\",\r\n            collapsed ? \"justify-center\" : \"gap-3\",\r\n          )}\r\n        >\r\n          {!collapsed && (\r\n            <>\r\n              <div className=\"flex h-9 w-9 items-center justify-center rounded-xl border bg-card text-foreground\">\r\n                <img\r\n                  src={appPath(\"/agent-native-icon-light.svg\")}\r\n                  alt=\"\"\r\n                  aria-hidden=\"true\"\r\n                  className=\"block h-4 w-auto shrink-0 dark:hidden\"\r\n                />\r\n                <img\r\n                  src={appPath(\"/agent-native-icon-dark.svg\")}\r\n                  alt=\"\"\r\n                  aria-hidden=\"true\"\r\n                  className=\"hidden h-4 w-auto shrink-0 dark:block\"\r\n                />\r\n              </div>\r\n              <div className=\"min-w-0 flex-1\">\r\n                <div className=\"truncate text-sm font-semibold text-foreground\">\r\n                  {workspaceLabel ?? \"Dispatch\"}\r\n                </div>\r\n                <div className=\"truncate text-xs text-muted-foreground\">\r\n                  {workspaceLabel\r\n                    ? t(\"dispatch.sidebar.workspaceSubtitle\", {\r\n                        count: ws?.appCount ?? 0,\r\n                      })\r\n                    : t(\"dispatch.sidebar.workspaceControlPlane\")}\r\n                </div>\r\n              </div>\r\n            </>\r\n          )}\r\n          {collapsible ? (\r\n            <Tooltip>\r\n              <TooltipTrigger asChild>\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => onCollapsedChange?.(!collapsed)}\r\n                  aria-label={\r\n                    collapsed\r\n                      ? t(\"sidebar.expandSidebar\")\r\n                      : t(\"sidebar.collapseSidebar\")\r\n                  }\r\n                  className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\r\n                >\r\n                  {collapsed ? (\r\n                    <IconLayoutSidebarLeftExpand className=\"h-4 w-4 rtl:-scale-x-100\" />\r\n                  ) : (\r\n                    <IconLayoutSidebarLeftCollapse className=\"h-4 w-4 rtl:-scale-x-100\" />\r\n                  )}\r\n                </button>\r\n              </TooltipTrigger>\r\n              <TooltipContent side=\"right\">\r\n                {collapsed\r\n                  ? t(\"sidebar.expandSidebar\")\r\n                  : t(\"sidebar.collapseSidebar\")}\r\n              </TooltipContent>\r\n            </Tooltip>\r\n          ) : null}\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-y-auto\">\r\n        <nav className={cn(\"py-3\", collapsed ? \"px-1\" : \"px-2\")}>\r\n          <ul\r\n            className={cn(\r\n              \"space-y-0.5\",\r\n              collapsed && \"flex flex-col items-center\",\r\n            )}\r\n          >\r\n            {(collapsed\r\n              ? [...primaryNavItems, ...operationsNavItems]\r\n              : primaryNavItems\r\n            ).map(renderNavItem)}\r\n          </ul>\r\n        </nav>\r\n\r\n        {!collapsed ? (\r\n          <div className=\"mt-auto shrink-0\">\r\n            <div className=\"px-2 py-2\">\r\n              <details className=\"group\" open={operationsOpen}>\r\n                <summary className=\"flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium uppercase text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden\">\r\n                  <span>{t(\"dispatch.nav.operations\")}</span>\r\n                  <IconChevronDown\r\n                    size={14}\r\n                    className=\"transition-transform group-open:rotate-180\"\r\n                  />\r\n                </summary>\r\n                <ul className=\"mt-1 space-y-0.5\">\r\n                  {operationsNavItems.map(renderNavItem)}\r\n                </ul>\r\n              </details>\r\n            </div>\r\n\r\n            <div className=\"px-2 py-1\">\r\n              <ExtensionsSidebarSection />\r\n            </div>\r\n\r\n            <div className=\"px-3 py-2\">\r\n              <OrgSwitcher />\r\n            </div>\r\n\r\n            <div className=\"px-3 py-2\">\r\n              <FeedbackButton />\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport function Layout({\r\n  children,\r\n  extensions,\r\n}: {\r\n  children: ReactNode;\r\n  extensions?: DispatchExtensionConfig;\r\n}) {\r\n  const t = useT();\r\n  const location = useLocation();\r\n  const navigate = useNavigate();\r\n  const [mobileOpen, setMobileOpen] = useState(false);\r\n  const [sidebarCollapsed, setSidebarCollapsed] = useState(() => {\r\n    if (typeof window === \"undefined\") return false;\r\n    try {\r\n      return window.localStorage.getItem(SIDEBAR_COLLAPSE_KEY) === \"1\";\r\n    } catch {\r\n      return false;\r\n    }\r\n  });\r\n  const localPathname = localDispatchPath(location.pathname);\r\n  const isChatRoute =\r\n    localPathname === \"/chat\" || localPathname.startsWith(\"/chat/\");\r\n  const chatHomeHandoffActive = useAgentChatHomeHandoff({\r\n    storageKey: \"dispatch\",\r\n    activePath: localPathname,\r\n    enabled: !isChatRoute,\r\n  });\r\n  const chatHandoffLinkOptions = {\r\n    storageKey: \"dispatch\",\r\n    isChatPath: (pathname: string) =>\r\n      pathname === \"/chat\" || pathname.startsWith(\"/chat/\"),\r\n  };\r\n  useAgentChatHomeHandoffLinks(chatHandoffLinkOptions);\r\n\r\n  useEffect(() => {\r\n    if (typeof window === \"undefined\") return;\r\n    try {\r\n      window.localStorage.setItem(\r\n        SIDEBAR_COLLAPSE_KEY,\r\n        sidebarCollapsed ? \"1\" : \"0\",\r\n      );\r\n    } catch {\r\n      // Ignore storage failures; the in-memory preference still works.\r\n    }\r\n  }, [sidebarCollapsed]);\r\n\r\n  if (CHROMELESS_PATHS.some((path) => localPathname === path)) {\r\n    return <>{children}</>;\r\n  }\r\n\r\n  const showHeader = !isChatRoute && !pageOwnsToolbar(localPathname);\r\n  function openAskAgentFullscreen() {\r\n    focusAgentChat();\r\n    navigateWithAgentChatViewTransition(\r\n      navigate,\r\n      dispatchNavLinkTarget(\"/chat\"),\r\n    );\r\n  }\r\n  const sidebarSuggestions = [\r\n    t(\"dispatch.sidebar.suggestionBuildApp\"),\r\n    t(\"dispatch.sidebar.suggestionRouteSlack\"),\r\n    t(\"dispatch.sidebar.suggestionGrantKey\"),\r\n  ];\r\n  const appContent = (\r\n    <div className=\"flex h-full min-w-0 flex-1 flex-col overflow-hidden\">\r\n      {showHeader ? <Header onOpenMobile={() => setMobileOpen(true)} /> : null}\r\n      <InvitationBanner />\r\n      <main\r\n        className={cn(\r\n          \"flex-1\",\r\n          isChatRoute ? \"min-h-0 overflow-hidden\" : \"overflow-y-auto\",\r\n        )}\r\n      >\r\n        {showHeader ? (\r\n          <div className=\"mx-auto max-w-7xl space-y-10 px-4 py-6 sm:px-6\">\r\n            {children}\r\n          </div>\r\n        ) : (\r\n          children\r\n        )}\r\n      </main>\r\n    </div>\r\n  );\r\n  const content = isChatRoute ? (\r\n    <div className=\"agent-layout-main-surface flex min-w-0 flex-1 overflow-hidden\">\r\n      {appContent}\r\n    </div>\r\n  ) : (\r\n    <AgentSidebar\r\n      position=\"right\"\r\n      defaultOpen={false}\r\n      chatViewTransition\r\n      storageKey=\"dispatch\"\r\n      openOnChatRunning={chatHomeHandoffActive}\r\n      onFullscreenRequest={openAskAgentFullscreen}\r\n      emptyStateText={t(\"dispatch.sidebar.emptyAgentText\")}\r\n      suggestions={sidebarSuggestions}\r\n    >\r\n      {appContent}\r\n    </AgentSidebar>\r\n  );\r\n\r\n  return (\r\n    <HeaderActionsProvider>\r\n      <div className=\"agent-layout-shell flex h-screen w-full overflow-hidden bg-background\">\r\n        <aside\r\n          data-collapsed={sidebarCollapsed ? \"true\" : \"false\"}\r\n          className={cn(\r\n            \"agent-layout-left-drawer hidden shrink-0 flex-col border-e bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-out lg:flex\",\r\n            sidebarCollapsed ? \"w-12\" : \"w-64\",\r\n          )}\r\n        >\r\n          <NavContent\r\n            extensions={extensions}\r\n            collapsed={sidebarCollapsed}\r\n            collapsible\r\n            onCollapsedChange={setSidebarCollapsed}\r\n          />\r\n        </aside>\r\n\r\n        <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\r\n          <SheetContent\r\n            side=\"left\"\r\n            className=\"w-72 p-0 bg-sidebar text-sidebar-foreground [&>button]:hidden\"\r\n          >\r\n            <SheetTitle className=\"sr-only\">\r\n              {t(\"dispatch.nav.navigation\")}\r\n            </SheetTitle>\r\n            <SheetDescription className=\"sr-only\">\r\n              {t(\"dispatch.nav.navigationDescription\")}\r\n            </SheetDescription>\r\n            <div className=\"flex h-full w-full flex-col\">\r\n              <NavContent\r\n                extensions={extensions}\r\n                collapsed={false}\r\n                onNavigate={() => setMobileOpen(false)}\r\n              />\r\n            </div>\r\n          </SheetContent>\r\n        </Sheet>\r\n\r\n        {content}\r\n      </div>\r\n    </HeaderActionsProvider>\r\n  );\r\n}\r\n"]}

package/dist/components/messaging-setup-panel.d.ts

@@ -0,0 +1,2 @@
+export declare function MessagingSetupPanel(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=messaging-setup-panel.d.ts.map

package/dist/components/messaging-setup-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messaging-setup-panel.d.ts","sourceRoot":"","sources":["../../src/components/messaging-setup-panel.tsx"],"names":[],"mappings":"AAoNA,wBAAgB,mBAAmB,oDAgdlC"}