@agent-native/dispatch 0.41.1-nightly-20261104110058 → 0.42.0

package/dist/components/layout/Layout.d.ts

@@ -3,6 +3,7 @@ import { type FeatureFlagState } from "@agent-native/core/client/feature-flags";
 import type { ChatFirstPrimaryTab } from "@agent-native/toolkit/app/chat/chat-first/primary-nav";
 import type { ChatFirstAppItem, ChatFirstCopy } from "@agent-native/toolkit/app/chat/chat-first/types";
 import { type ComponentType, type ReactNode } from "react";
+import { type WorkspaceAppsStatus } from "../../lib/workspace-app-layout.js";
 import { type WorkspaceAppSummary } from "../../lib/workspace-apps.js";
 export { buildChatFirstEmbedSessionInput } from "../workspace-app-host.js";
 export type DispatchNavSection = "primary" | "operations";
@@ -37,9 +38,9 @@ export interface DispatchNavContentProps extends DispatchSidebarBrandProps {
     collapsible?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
     chatFirstAppLayout?: ChatFirstAppLayoutPreference;
-    onChatFirstAppLayoutChange?: (layout: ChatFirstAppLayoutPreference) => void;
+    onChatFirstTogglePinned?: (appId: string) => void;
     chatFirstApps?: readonly ChatFirstAppItem[];
-    chatFirstAppsLoading?: boolean;
+    chatFirstAppsStatus?: WorkspaceAppsStatus;
     chatFirstAppsError?: string | null;
     chatFirstActiveAppId?: string;
     chatFirstActivePrimaryTab?: ChatFirstPrimaryTab;
@@ -55,8 +56,9 @@ export interface DispatchLayoutProps extends DispatchSidebarBrandProps {
 }
 export declare const CHAT_FIRST_SURFACE_PANEL_TOGGLE_CLASS_NAME = "absolute right-3 top-2 z-20";
 interface DispatchWorkspaceAppLauncher {
+    /** Empty until `workspaceAppsStatus` is "ready". */
     workspaceApps: readonly WorkspaceAppSummary[];
-    isLoading: boolean;
+    workspaceAppsStatus: WorkspaceAppsStatus;
     error?: unknown;
     errorQueryName?: "list-workspace-apps" | "list-connected-agents";
     openApp: (app: ChatFirstAppItem) => void;
@@ -74,7 +76,7 @@ export declare function shouldQueryChatFirstApps(isChatRoute: boolean, chatFirst
  */
 export declare function isRedesignedSettingsPath(pathname: string, settingsRedesign: FeatureFlagState): boolean;
 export declare function dispatchNavLinkTarget(path: string): string;
-export declare function NavContent({ onNavigate, extensions, brandName, brandIcon, chatFirstMode, chatFirstEmbedded, collapsed, collapsible, onCollapsedChange, chatFirstAppLayout, onChatFirstAppLayoutChange, chatFirstApps, chatFirstAppsLoading, chatFirstAppsError, chatFirstActiveAppId, chatFirstActivePrimaryTab, onChatFirstNewChat, onChatFirstAppOpen, onChatFirstAppsRetry, }: DispatchNavContentProps): import("node_modules/@types/react").JSX.Element;
+export declare function NavContent({ onNavigate, extensions, brandName, brandIcon, chatFirstMode, chatFirstEmbedded, collapsed, collapsible, onCollapsedChange, chatFirstAppLayout, onChatFirstTogglePinned, chatFirstApps, chatFirstAppsStatus, chatFirstAppsError, chatFirstActiveAppId, chatFirstActivePrimaryTab, onChatFirstNewChat, onChatFirstAppOpen, onChatFirstAppsRetry, }: DispatchNavContentProps): import("node_modules/@types/react").JSX.Element;
 export declare function renderChatFirstAppSurfaceTab({ registration, embedPath, loading, isMobileSurface, copy, }: {
     registration: ChatFirstAppRegistration | null;
     embedPath: string;

package/dist/components/layout/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/Layout.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CHAT_FIRST_MODE_CHANGED_EVENT, chatFirstSurfaceTabId, closeChatFirstSessionWatch, emitChatFirstSessionWatch, getChatFirstSurfaceTabsStore, navigateWithAgentChatViewTransition, readChatFirstAppLayout, readChatFirstMode, resolveChatFirstBrowserTarget, resolveChatFirstAppTarget, subscribeChatFirstOpenBrowser, subscribeChatFirstOpenApp, useChatFirstSessionWatch, useChatFirstSurfacePanel, useChatFirstSurfaceResize, useChatFirstSurfaceTabs, useAgentChatHomeHandoff, useAgentChatHomeHandoffLinks, useChatThreads, } from "@agent-native/core/client/agent-chat";
+import { CHAT_FIRST_MODE_CHANGED_EVENT, chatFirstSurfaceTabId, closeChatFirstSessionWatch, emitChatFirstSessionWatch, getChatFirstSurfaceTabsStore, navigateWithAgentChatViewTransition, readChatFirstMode, resolveChatFirstBrowserTarget, resolveChatFirstAppTarget, subscribeChatFirstOpenBrowser, subscribeChatFirstOpenApp, useChatFirstSessionWatch, useChatFirstSurfacePanel, useChatFirstSurfaceResize, useChatFirstSurfaceTabs, useAgentChatHomeHandoff, useAgentChatHomeHandoffLinks, useChatThreads, } from "@agent-native/core/client/agent-chat";
 import { appBasePath, appPath } from "@agent-native/core/client/api-path";
 import { readClientAppState, writeClientAppState, } from "@agent-native/core/client/application-state";
 import { useFeatureFlagState, } from "@agent-native/core/client/feature-flags";
@@ -24,7 +24,7 @@ import { useIsMobile } from "../../hooks/use-mobile.js";
 import { getDispatchRunThreadContext } from "../../lib/dispatch-run-thread.js";
 import { filterBuiltInApps, } from "../../lib/other-apps.js";
 import { cn } from "../../lib/utils.js";
-import { normalizeWorkspaceAppLayout } from "../../lib/workspace-app-layout.js";
+import { tierWorkspaceApps, useWorkspaceAppLayout, appListsStatus, } from "../../lib/workspace-app-layout.js";
 import { isDispatchWorkspaceAppId, isPathMountedWorkspaceApp, isWorkspaceAppVisibleInDefaultLaunchers, isWorkspaceSsoApp, mergeChatFirstWorkspaceApps, navigateToWorkspaceApp, shouldOpenWorkspaceAppInTopWindow, workspaceAppIdFromRoute, workspaceAppDirectHref, workspaceAppDirectLaunchHref, workspaceAppRoute, workspaceAppTargetPath, } from "../../lib/workspace-apps.js";
 import { CHAT_FIRST_PANE_STATE_KEY } from "../../shared/chat-first-pane.js";
 import { AppIcon } from "../app-icon.js";
@@ -34,6 +34,7 @@ import { Button } from "../ui/button.js";
 import { Sheet, SheetContent, SheetDescription, SheetTitle } from "../ui/sheet.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip.js";
 import { WorkspaceAppChatRail, WorkspaceAppFrame, WorkspaceAppKeepAlive, } from "../workspace-app-host.js";
+import { AppNotice, WorkspaceAppLayoutNotice, } from "../workspace-app-layout-notice.js";
 import { Header } from "./Header.js";
 import { HeaderActionsProvider, useHeaderActions, useHeaderTitle, } from "./HeaderActions.js";
 export { buildChatFirstEmbedSessionInput } from "../workspace-app-host.js";
@@ -84,9 +85,18 @@ const BOTTOM_NAV_ITEMS = [
 const EMPTY_NAV_ITEMS = [];
 const DISPATCH_SIDEBAR_LABEL = "Dispatch";
 const CHROMELESS_PATHS = ["/approval", "/browser-chat", "/browser-connect"];
+// With nothing pinned, the sidebar suggests this many apps; All apps has the rest.
+const CHAT_FIRST_RAIL_SUGGESTED_APPS = 3;
+const NO_CHAT_FIRST_APPS = [];
 const SIDEBAR_COLLAPSE_KEY = "dispatch.sidebar.collapsed";
 const CHAT_HISTORY_SOURCE_KEY = "dispatch.chat-history.source";
 export const CHAT_FIRST_SURFACE_PANEL_TOGGLE_CLASS_NAME = "absolute right-3 top-2 z-20";
+function appIds(apps) {
+    return apps.map((app) => app.id);
+}
+function renderChatFirstRailIcon(app) {
+    return (_jsx(AppIcon, { id: app.id, name: app.name, size: "sm", className: "size-7 rounded-lg" }));
+}
 const DispatchExtensionsContext = createContext(undefined);
 const DispatchWorkspaceAppLauncherContext = createContext(null);
 export function useDispatchExtensions() {
@@ -201,11 +211,8 @@ const DISPATCH_CHAT_FIRST_COPY_KEYS = {
     noWorkspaceApps: "chatFirstNoWorkspaceApps",
     createApp: "chatFirstCreateApp",
     retry: "chatFirstRetry",
-    dismiss: "chatFirstDismiss",
-    unpinApp: "chatFirstUnpinApp",
-    pinApp: "chatFirstPinApp",
-    removePinned: "chatFirstRemovePinned",
-    pinTop: "chatFirstPinTop",
+    unpinApp: "unpinApp",
+    pinApp: "pinApp",
     openSideSurfaces: "chatFirstOpenSideSurfaces",
     closeTab: "chatFirstCloseTab",
     close: "chatFirstClose",
@@ -223,30 +230,11 @@ const DISPATCH_CHAT_FIRST_COPY_KEYS = {
     browserClose: "chatFirstBrowserClose",
     browserPage: "chatFirstBrowserPage",
     browserInvalidUrl: "chatFirstBrowserInvalidUrl",
-    browserPreviewStarting: "chatFirstBrowserPreviewStarting",
-    browserPreviewError: "chatFirstBrowserPreviewError",
     appUnavailable: "chatFirstAppUnavailable",
     appLoading: "chatFirstLoadingApp",
-    agentActivityEyebrow: "chatFirstAgentActivityEyebrow",
-    agentActivityTitle: "chatFirstAgentActivityTitle",
-    agentActivityDescription: "chatFirstAgentActivityDescription",
-    refreshAgentActivity: "chatFirstRefreshAgentActivity",
-    noAgentSessions: "chatFirstNoAgentSessions",
-    startAgentSession: "chatFirstStartAgentSession",
     watchSession: "chatFirstWatchSession",
     copySessionId: "chatFirstCopySessionId",
-    copySessionIdFor: "chatFirstCopySessionIdFor",
     sessionIdCopied: "chatFirstSessionIdCopied",
-    sessionIdShort: "chatFirstSessionIdShort",
-    copied: "chatFirstCopied",
-    agentActivityStatusQueued: "chatFirstAgentActivityStatusQueued",
-    agentActivityStatusRunning: "chatFirstAgentActivityStatusRunning",
-    agentActivityStatusPaused: "chatFirstAgentActivityStatusPaused",
-    agentActivityStatusNeedsApproval: "chatFirstAgentActivityStatusNeedsApproval",
-    agentActivityStatusCompleted: "chatFirstAgentActivityStatusCompleted",
-    agentActivityStatusErrored: "chatFirstAgentActivityStatusErrored",
-    agentActivityStatusRecent: "chatFirstAgentActivityStatusRecent",
-    agentActivityStatusUnknown: "chatFirstAgentActivityStatusUnknown",
     watchingSession: "chatFirstWatchingSession",
     session: "chatFirstSession",
     stopWatchingSession: "chatFirstStopWatchingSession",
@@ -296,8 +284,12 @@ function createDispatchChatFirstCopy(t) {
             }
         }
         const translationKey = DISPATCH_CHAT_FIRST_COPY_KEYS[key];
-        if (!translationKey)
-            return defaultChatFirstCopy(key, values);
+        if (!translationKey) {
+            return t(`agentChat.chatFirst.${key}`, {
+                ...(values ?? {}),
+                defaultValue: defaultChatFirstCopy(key, values),
+            });
+        }
         return t(`dispatch.pages.${translationKey}`, {
             ...(values ?? {}),
             defaultValue: defaultChatFirstCopy(key, values),
@@ -357,7 +349,7 @@ function readChatHistoryIncludesExternal() {
         return false;
     }
 }
-function DispatchChatsSection({ onNavigate, showNewChat = false, prelude, chatFirstMode = false, chatFirstEmbedded = false, collapsed = false, chatFirstNavigation, }) {
+function DispatchChatsSection({ onNavigate, showNewChat = false, appsRail, chatFirstMode = false, chatFirstEmbedded = false, collapsed = false, chatFirstNavigation, }) {
     const t = useT();
     const chatFirstCopy = useMemo(() => createDispatchChatFirstCopy(t), [t]);
     const navigate = useNavigate();
@@ -436,13 +428,21 @@ function DispatchChatsSection({ onNavigate, showNewChat = false, prelude, chatFi
                     ? t("dispatch.sidebar.showLocalChats")
                     : t("dispatch.sidebar.showAllChats") })] }));
     const collapsedChatFirst = collapsed && chatFirstMode;
-    return (_jsxs("div", { className: cn("min-w-0 space-y-0.5", showNewChat && "dispatch-chat-first-chats"), children: [showNewChat && chatFirstNavigation ? (_jsx("nav", { className: cn("space-y-0.5 py-2", collapsed ? "px-1.5" : "px-2"), children: _jsx(ChatFirstPrimaryNavigation, { copy: chatFirstCopy, onNewChat: () => {
+    const showChatFirstHistory = !collapsedChatFirst &&
+        chatFirstMode &&
+        (history.loading ||
+            history.sections.some((section) => section.items.length > 0 || section.error != null));
+    // The source toggle filters every section, so it sits in the first header.
+    const chatFirstHistorySections = history.sections.map((section, index) => index === 0
+        ? {
+            ...section,
+            label: (_jsxs("div", { className: "flex flex-1 items-center justify-between gap-2", children: [_jsx("span", { children: section.label }), sourceToggle] })),
+        }
+        : section);
+    return (_jsxs("div", { className: cn("min-w-0", showNewChat ? "dispatch-chat-first-chats" : "space-y-0.5"), children: [showNewChat && chatFirstNavigation ? (_jsx("nav", { className: cn("space-y-0.5 py-2", collapsed ? "px-1.5" : "px-2"), children: _jsx(ChatFirstPrimaryNavigation, { copy: chatFirstCopy, onNewChat: () => {
                         chatFirstNavigation.onNewChat?.();
                         void handleNewChat();
-                    }, onOpenIntegrations: chatFirstNavigation.onOpenIntegrations, onOpenScheduled: chatFirstNavigation.onOpenScheduled, onSearch: openCommandMenu, activeTab: chatFirstNavigation.activeTab, collapsed: collapsed }) })) : null, prelude, !collapsedChatFirst ? (_jsx("div", { className: "flex justify-end px-2 pt-0.5", children: sourceToggle })) : null, !collapsedChatFirst &&
-                chatFirstMode &&
-                (history.loading ||
-                    history.sections.some((section) => section.items.length > 0 || section.error)) ? (_jsx(ChatFirstChatHistory, { sections: history.sections, ...history.listProps, onDelete: listProps.onDelete, onNewChat: () => void handleNewChat(), showNewChat: false, railLabels: history.railLabels, activeId: displayedActiveThreadId, label: t("dispatch.sidebar.chats"), onSelect: (threadId) => openThread(threadId), renameMaxLength: 160, labels: {
+                    }, onOpenIntegrations: chatFirstNavigation.onOpenIntegrations, onOpenScheduled: chatFirstNavigation.onOpenScheduled, onSearch: openCommandMenu, activeTab: chatFirstNavigation.activeTab, collapsed: collapsed }) })) : null, !collapsedChatFirst && !showChatFirstHistory ? (_jsx("div", { className: "flex justify-end px-2 pt-0.5", children: sourceToggle })) : null, showChatFirstHistory ? (_jsx(ChatFirstChatHistory, { sections: chatFirstHistorySections, ...history.listProps, onDelete: listProps.onDelete, onNewChat: () => void handleNewChat(), showNewChat: false, railLabels: history.railLabels, activeId: displayedActiveThreadId, label: t("dispatch.sidebar.chats"), onSelect: (threadId) => openThread(threadId), renameMaxLength: 160, labels: {
                     options: (item) => t("dispatch.sidebar.chatOptions", {
                         title: item.titleText ?? "",
                     }),
@@ -492,9 +492,9 @@ function DispatchChatsSection({ onNavigate, showNewChat = false, prelude, chatFi
                                     kind: "agent-chat",
                                     sourceSessionId: displayedActiveThreadId ?? undefined,
                                 });
-                            }, children: chatFirstCopy("watchSession") })) : null] })), className: "min-w-0 px-2" })) : null] }));
+                            }, children: chatFirstCopy("watchSession") })) : null] })), className: "min-w-0 px-2" })) : null, appsRail] }));
 }
-export function NavContent({ onNavigate, extensions, brandName = DISPATCH_SIDEBAR_LABEL, brandIcon, chatFirstMode = false, chatFirstEmbedded = false, collapsed = false, collapsible = false, onCollapsedChange, chatFirstAppLayout, onChatFirstAppLayoutChange, chatFirstApps = [], chatFirstAppsLoading = false, chatFirstAppsError, chatFirstActiveAppId, chatFirstActivePrimaryTab, onChatFirstNewChat, onChatFirstAppOpen, onChatFirstAppsRetry, }) {
+export function NavContent({ onNavigate, extensions, brandName = DISPATCH_SIDEBAR_LABEL, brandIcon, chatFirstMode = false, chatFirstEmbedded = false, collapsed = false, collapsible = false, onCollapsedChange, chatFirstAppLayout, onChatFirstTogglePinned, chatFirstApps = NO_CHAT_FIRST_APPS, chatFirstAppsStatus = "ready", chatFirstAppsError, chatFirstActiveAppId, chatFirstActivePrimaryTab, onChatFirstNewChat, onChatFirstAppOpen, onChatFirstAppsRetry, }) {
     const t = useT();
     const chatFirstCopy = useMemo(() => createDispatchChatFirstCopy(t), [t]);
     const location = useLocation();
@@ -517,14 +517,51 @@ export function NavContent({ onNavigate, extensions, brandName = DISPATCH_SIDEBA
                         ? 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;
     const feedbackButton = (_jsx(FeedbackButton, { variant: collapsed ? "icon" : "sidebar", side: "right" }));
-    const chatFirstCreateAppTrigger = (_jsx(CreateAppPopover, { align: "start", trigger: _jsx("button", { type: "button", className: "flex size-6 items-center justify-center rounded text-sidebar-foreground/55 hover:bg-sidebar-accent hover:text-sidebar-foreground", "aria-label": chatFirstCopy("createWorkspaceApp"), title: chatFirstCopy("createWorkspaceApp"), children: _jsx(IconPlus, { size: 14, "aria-hidden": "true" }) }) }));
-    const chatFirstAppsRail = (_jsx(ChatFirstAppsRail, { apps: chatFirstApps, activeAppId: chatFirstActiveAppId, activeTab: chatFirstActivePrimaryTab, collapsed: collapsed, grayscaleInactiveIcons: false, loading: chatFirstAppsLoading, error: chatFirstAppsError, layout: chatFirstAppLayout, onLayoutChange: onChatFirstAppLayoutChange, onRetry: onChatFirstAppsRetry, onOpenApp: (app) => {
-            onChatFirstAppOpen?.(app);
-            onNavigate?.();
-        }, onOpenAllApps: () => {
-            void navigate(dispatchNavLinkTarget("/apps"));
-            onNavigate?.();
-        }, createAppTrigger: chatFirstCreateAppTrigger, renderIcon: (app) => (_jsx(AppIcon, { id: app.id, name: app.name, size: "sm", className: "size-7 rounded-lg" })), copy: chatFirstCopy }));
+    const chatFirstCreateAppTrigger = useMemo(() => (_jsx(CreateAppPopover, { align: "start", trigger: _jsx("button", { type: "button", className: "flex size-6 items-center justify-center rounded text-sidebar-foreground/55 hover:bg-sidebar-accent hover:text-sidebar-foreground", "aria-label": chatFirstCopy("createWorkspaceApp"), title: chatFirstCopy("createWorkspaceApp"), children: _jsx(IconPlus, { size: 14, "aria-hidden": "true" }) }) })), [chatFirstCopy]);
+    const chatFirstAppTiers = useMemo(() => tierWorkspaceApps(chatFirstApps, chatFirstAppLayout ?? { pinnedIds: [], orderedIds: [] }), [chatFirstAppLayout, chatFirstApps]);
+    // One section: the user's pins, or until they pin something, a few apps
+    // (workspace apps first, else hosted ones). The open app always shows.
+    const chatFirstAppSections = useMemo(() => {
+        const { pinned, apps, hosted } = chatFirstAppTiers;
+        const ids = appIds(pinned.length > 0
+            ? pinned
+            : (apps.length > 0 ? apps : hosted).slice(0, CHAT_FIRST_RAIL_SUGGESTED_APPS));
+        if (chatFirstActiveAppId &&
+            !ids.includes(chatFirstActiveAppId) &&
+            chatFirstApps.some((app) => app.id === chatFirstActiveAppId)) {
+            ids.push(chatFirstActiveAppId);
+        }
+        return [
+            {
+                id: pinned.length > 0 ? "pinned" : "apps",
+                label: pinned.length > 0
+                    ? t("dispatch.pages.pinnedApps")
+                    : t("dispatch.nav.apps"),
+                appIds: ids,
+                action: chatFirstCreateAppTrigger,
+                ...(chatFirstAppsStatus === "ready" && ids.length === 0
+                    ? { emptyLabel: chatFirstCopy("noWorkspaceApps") }
+                    : {}),
+            },
+        ];
+    }, [
+        chatFirstActiveAppId,
+        chatFirstAppTiers,
+        chatFirstApps,
+        chatFirstAppsStatus,
+        chatFirstCopy,
+        chatFirstCreateAppTrigger,
+        t,
+    ]);
+    const openChatFirstRailApp = useCallback((app) => {
+        onChatFirstAppOpen?.(app);
+        onNavigate?.();
+    }, [onChatFirstAppOpen, onNavigate]);
+    const openChatFirstAllApps = useCallback(() => {
+        void navigate(dispatchNavLinkTarget("/apps"));
+        onNavigate?.();
+    }, [navigate, onNavigate]);
+    const chatFirstAppsRail = (_jsx(ChatFirstAppsRail, { apps: chatFirstApps, sections: chatFirstAppSections, activeAppId: chatFirstActiveAppId, activeTab: chatFirstActivePrimaryTab, collapsed: collapsed, grayscaleInactiveIcons: false, loading: chatFirstAppsStatus === "loading", error: chatFirstAppsError, layout: chatFirstAppLayout, onTogglePinned: onChatFirstTogglePinned, onRetry: onChatFirstAppsRetry, onOpenApp: openChatFirstRailApp, onOpenAllApps: openChatFirstAllApps, createAppTrigger: chatFirstCreateAppTrigger, renderIcon: renderChatFirstRailIcon, copy: chatFirstCopy }));
     const renderNavItem = (item) => {
         const Icon = item.icon;
         const itemMatchesLocalPath = navItemMatchesPath(item, localPathname);
@@ -573,7 +610,7 @@ export function NavContent({ onNavigate, extensions, brandName = DISPATCH_SIDEBA
                             void navigate(dispatchNavLinkTarget("/admin/automations"));
                             onNavigate?.();
                         },
-                    }, prelude: chatFirstAppsRail }) })) : null, !chatFirstMode ? (_jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: _jsx("nav", { className: cn("py-2", collapsed ? "px-1.5" : "px-2"), children: _jsx("ul", { className: cn(collapsed ? "flex flex-col items-center gap-1" : "space-y-0.5"), children: primaryNavItems.map(renderNavItem) }) }) })) : null, _jsxs("div", { className: "mt-auto shrink-0", "data-dispatch-sidebar-footer": chatFirstMode ? "chat-first" : "standard", children: [bottomNavigation, _jsx(AppSidebarFooter, { collapsed: collapsed, collapsible: false, feedback: feedbackButton, orgSwitcher: _jsx(OrgSwitcher, { compact: collapsed, reserveSpace: true, currentAppId: "dispatch", className: cn("!bg-transparent !text-primary hover:!bg-accent/60 hover:!text-primary", collapsed ? "!size-9 !p-0 [&>svg]:!size-4" : "min-w-0 flex-1") }), footerExtras: collapseButton })] })] }));
+                    }, appsRail: chatFirstAppsRail }) })) : null, !chatFirstMode ? (_jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: _jsx("nav", { className: cn("py-2", collapsed ? "px-1.5" : "px-2"), children: _jsx("ul", { className: cn(collapsed ? "flex flex-col items-center gap-1" : "space-y-0.5"), children: primaryNavItems.map(renderNavItem) }) }) })) : null, _jsxs("div", { className: "mt-auto shrink-0", "data-dispatch-sidebar-footer": chatFirstMode ? "chat-first" : "standard", children: [bottomNavigation, _jsx(AppSidebarFooter, { collapsed: collapsed, collapsible: false, feedback: feedbackButton, orgSwitcher: _jsx(OrgSwitcher, { compact: collapsed, reserveSpace: true, currentAppId: "dispatch", className: cn("!bg-transparent !text-primary hover:!bg-accent/60 hover:!text-primary", collapsed ? "!size-9 !p-0 [&>svg]:!size-4" : "min-w-0 flex-1") }), footerExtras: collapseButton })] })] }));
 }
 export function renderChatFirstAppSurfaceTab({ registration, embedPath, loading, isMobileSurface, copy, }) {
     if (!registration) {
@@ -643,18 +680,18 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
         url.searchParams.set("electron", "1");
         window.history.replaceState(window.history.state, "", `${url.pathname}${url.search}${url.hash}`);
     }, [electronEmbedded, location.pathname, location.search]);
-    const [chatFirstAppLayout, setChatFirstAppLayout] = useState(() => normalizeWorkspaceAppLayout(readChatFirstAppLayout()));
-    const chatFirstAppLayoutHydratedRef = useRef(false);
+    const { layout: chatFirstAppLayout, togglePinned: toggleChatFirstAppPinned } = useWorkspaceAppLayout({
+        hydrate: chatFirstMode,
+    });
     const chatFirstAppsQuery = useActionQuery("list-workspace-apps", { includeAgentCards: false, includeArchived: true }, {
         enabled: shouldQueryChatFirstApps(isChatRoute, chatFirstMode) ||
             workspaceAppRouteActive,
     });
     const chatFirstConnectedAppsQuery = useActionQuery("list-connected-agents", {}, { enabled: shouldQueryChatFirstApps(isChatRoute, chatFirstMode) });
-    const chatFirstBuiltinApps = useMemo(() => filterBuiltInApps(chatFirstConnectedAppsQuery.data ?? [], chatFirstAppsQuery.data ?? []), [chatFirstAppsQuery.data, chatFirstConnectedAppsQuery.data]);
+    const chatFirstBuiltinApps = useMemo(() => filterBuiltInApps(chatFirstConnectedAppsQuery.data ?? [], chatFirstAppsQuery.data ?? [], { includeHiddenFromLaunchers: true }), [chatFirstAppsQuery.data, chatFirstConnectedAppsQuery.data]);
     const chatFirstEnabledBuiltinAppIds = useMemo(() => chatFirstBuiltinApps.map((app) => app.id), [chatFirstBuiltinApps]);
     const chatFirstWorkspaceAppsLoading = chatFirstAppsQuery.isLoading;
     const chatFirstConnectedAppsLoading = chatFirstConnectedAppsQuery.isLoading;
-    const chatFirstAppsLoading = chatFirstWorkspaceAppsLoading || chatFirstConnectedAppsLoading;
     const chatFirstAppsFailed = chatFirstAppsQuery.isError;
     const chatFirstAppsError = chatFirstAppsQuery.error ?? chatFirstConnectedAppsQuery.error;
     const chatFirstAppsErrorQueryName = chatFirstAppsQuery.error != null
@@ -662,18 +699,22 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
         : chatFirstConnectedAppsQuery.error != null
             ? "list-connected-agents"
             : undefined;
+    const chatFirstWorkspaceAppsStatus = appListsStatus(chatFirstAppsQuery, chatFirstConnectedAppsQuery);
     const chatFirstResolvableApps = useMemo(() => mergeChatFirstWorkspaceApps(chatFirstAppsQuery.data, chatFirstEnabledBuiltinAppIds, chatFirstBuiltinApps.map((app) => ({
         id: app.id,
         name: app.name,
         description: app.description,
         url: app.homeUrl?.trim() || app.url,
         source: "builtin",
+        hiddenFromLaunchers: app.hiddenFromLaunchers,
     }))).filter((app) => app.status !== "pending" && app.archived !== true), [
         chatFirstAppsQuery.data,
         chatFirstBuiltinApps,
         chatFirstEnabledBuiltinAppIds,
     ]);
-    const chatFirstWorkspaceApps = useMemo(() => chatFirstResolvableApps.filter(isWorkspaceAppVisibleInDefaultLaunchers), [chatFirstResolvableApps]);
+    const chatFirstWorkspaceApps = useMemo(() => chatFirstWorkspaceAppsStatus === "ready"
+        ? chatFirstResolvableApps.filter(isWorkspaceAppVisibleInDefaultLaunchers)
+        : [], [chatFirstResolvableApps, chatFirstWorkspaceAppsStatus]);
     const chatFirstAppRegistrations = useMemo(() => {
         return chatFirstResolvableApps.map((app) => ({
             id: app.id,
@@ -722,7 +763,7 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
     }, [chatFirstAppRegistrations, navigate]);
     const chatHomeAppLauncher = useMemo(() => ({
         workspaceApps: chatFirstWorkspaceApps,
-        isLoading: chatFirstAppsLoading,
+        workspaceAppsStatus: chatFirstWorkspaceAppsStatus,
         error: chatFirstAppsError,
         errorQueryName: chatFirstAppsErrorQueryName,
         openApp: openChatFirstApp,
@@ -733,10 +774,10 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
     }), [
         chatFirstAppsError,
         chatFirstAppsErrorQueryName,
-        chatFirstAppsLoading,
         chatFirstAppsQuery.refetch,
         chatFirstConnectedAppsQuery.refetch,
         chatFirstWorkspaceApps,
+        chatFirstWorkspaceAppsStatus,
         openChatFirstApp,
     ]);
     const chatFirstCopy = useMemo(() => createDispatchChatFirstCopy(t), [t]);
@@ -945,30 +986,6 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
         window.addEventListener(CHAT_FIRST_MODE_CHANGED_EVENT, handleModeChange);
         return () => window.removeEventListener(CHAT_FIRST_MODE_CHANGED_EVENT, handleModeChange);
     }, []);
-    useEffect(() => {
-        if (!chatFirstMode ||
-            !isChatRoute ||
-            chatFirstAppLayoutHydratedRef.current) {
-            return;
-        }
-        chatFirstAppLayoutHydratedRef.current = true;
-        void readClientAppState("chat-first-app-layout")
-            .then((value) => {
-            if (!value || typeof value !== "object")
-                return;
-            setChatFirstAppLayout(normalizeWorkspaceAppLayout(value));
-        })
-            .catch(() => {
-            // Device-local layout remains the fallback when workspace state is unavailable.
-        });
-    }, [chatFirstMode, isChatRoute]);
-    const persistChatFirstAppLayout = useCallback((layout) => {
-        const normalizedLayout = normalizeWorkspaceAppLayout(layout);
-        setChatFirstAppLayout(normalizedLayout);
-        void writeClientAppState("chat-first-app-layout", normalizedLayout).catch(() => {
-            setChatFirstNotice("App order changed locally, but workspace state could not be synced.");
-        });
-    }, []);
     useEffect(() => {
         if (!chatFirstMode) {
             setChatFirstPane(null);
@@ -1305,7 +1322,7 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
         return _jsx(_Fragment, { children: children });
     }
     if (electronEmbedded) {
-        return (_jsx(DispatchExtensionsContext.Provider, { value: extensions, children: _jsx(DispatchWorkspaceAppLauncherContext.Provider, { value: chatHomeAppLauncher, children: _jsx(HeaderActionsProvider, { children: _jsx("div", { "data-dispatch-electron-control-plane": true, className: "flex h-screen w-full overflow-hidden bg-background", children: _jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col overflow-hidden", children: [_jsx(Header, { showAgentToggle: false }), notice, _jsx(InvitationBanner, {}), _jsxs("main", { className: "relative flex min-h-0 flex-1 overflow-hidden", children: [_jsx("div", { className: "min-w-0 flex-1 overflow-y-auto", children: _jsx("div", { className: "mx-auto max-w-7xl space-y-10 px-4 py-6 sm:px-6", children: children }) }), isChatRoute &&
+        return (_jsx(DispatchExtensionsContext.Provider, { value: extensions, children: _jsx(DispatchWorkspaceAppLauncherContext.Provider, { value: chatHomeAppLauncher, children: _jsx(HeaderActionsProvider, { children: _jsx("div", { "data-dispatch-electron-control-plane": true, className: "flex h-screen w-full overflow-hidden bg-background", children: _jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col overflow-hidden", children: [_jsx(Header, { showAgentToggle: false }), notice, _jsx(WorkspaceAppLayoutNotice, {}), _jsx(InvitationBanner, {}), _jsxs("main", { className: "relative flex min-h-0 flex-1 overflow-hidden", children: [_jsx("div", { className: "min-w-0 flex-1 overflow-y-auto", children: _jsx("div", { className: "mx-auto max-w-7xl space-y-10 px-4 py-6 sm:px-6", children: children }) }), isChatRoute &&
                                             chatFirstMode &&
                                             chatFirstHasActiveChat &&
                                             chatFirstSurfacePanel.open ? (_jsxs(ChatFirstSurfacePanel, { width: chatFirstSurfaceResize.width, onResizePointerDown: chatFirstSurfaceResize.onPointerDown, copy: chatFirstCopy, children: [chatFirstSurfaceTabsBar, chatFirstSurfaceContent] })) : null, isChatRoute && chatFirstMode && chatFirstHasActiveChat ? (_jsx(ChatFirstSurfacePanelToggle, { open: chatFirstSurfacePanel.open, onToggle: chatFirstSurfacePanel.toggle, className: CHAT_FIRST_SURFACE_PANEL_TOGGLE_CLASS_NAME })) : null] })] }) }) }) }) }));
@@ -1336,7 +1353,7 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
         t("dispatch.sidebar.suggestionRouteSlack"),
         t("dispatch.sidebar.suggestionGrantKey"),
     ];
-    const appContent = (_jsxs("div", { className: "relative flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: [notice, _jsx(InvitationBanner, {}), isChatRoute && chatFirstMode && chatFirstNotice ? (_jsxs("div", { className: "dispatch-chat-first-notice", role: "status", "aria-live": "polite", children: [_jsx("span", { children: chatFirstNotice }), _jsx("button", { type: "button", onClick: () => setChatFirstNotice(null), "aria-label": "Dismiss app notice", children: "Dismiss" })] })) : null, _jsx("main", { className: cn("min-h-0 flex-1", isChatRoute || isWorkspaceAppRoute
+    const appContent = (_jsxs("div", { className: "relative flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: [notice, _jsx(WorkspaceAppLayoutNotice, {}), _jsx(InvitationBanner, {}), isChatRoute && chatFirstMode && chatFirstNotice ? (_jsx(AppNotice, { onDismiss: () => setChatFirstNotice(null), children: chatFirstNotice })) : null, _jsx("main", { className: cn("min-h-0 flex-1", isChatRoute || isWorkspaceAppRoute
                     ? "overflow-hidden"
                     : "overflow-y-auto"), children: showAgentControls ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "pointer-events-none sticky top-0 z-10 flex justify-end px-4 pt-2 lg:px-6", children: [_jsx(Button, { variant: "ghost", size: "icon-sm", className: "pointer-events-auto absolute start-4 top-2 lg:hidden", onClick: () => setMobileOpen(true), "aria-label": "Open navigation", children: _jsx(IconLayoutSidebar, { className: "h-4 w-4" }) }), _jsxs("div", { className: "pointer-events-auto flex items-center gap-1", children: [_jsx(RunsTray, { limit: 8, onOpenThread: openRunThread }), _jsx(AgentToggleButton, { className: "h-8 w-8 rounded-md bg-background/80 hover:bg-accent" })] })] }), _jsxs("div", { className: "mx-auto max-w-7xl space-y-10 px-4 py-6 sm:px-6", children: [localPathname !== "/overview" && (pageTitle || headerActions) ? (_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [_jsx("div", { className: "min-w-0 flex-1", children: pageTitle }), headerActions ? (_jsx("div", { className: "flex shrink-0 items-center gap-2", children: headerActions })) : null] })) : null, children] })] })) : (children) })] }));
     const workspaceAppChatRegistration = workspaceAppId
@@ -1346,7 +1363,7 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
     const content = isChatRoute ? (_jsx("div", { className: cn("agent-layout-main-surface flex h-full min-w-0 flex-1 overflow-hidden", chatFirstMode && "dispatch-chat-first-surface"), children: chatFirstAppTakesMain ? (_jsx("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", "data-dispatch-chat-first-main-app": true, children: chatFirstSurfaceContent })) : (_jsxs(_Fragment, { children: [appContent, chatFirstMode &&
                     chatFirstHasActiveChat &&
                     chatFirstSurfacePanel.open ? (_jsxs(ChatFirstSurfacePanel, { width: chatFirstSurfaceResize.width, onResizePointerDown: chatFirstSurfaceResize.onPointerDown, copy: chatFirstCopy, children: [chatFirstSurfaceTabsBar, chatFirstSurfaceContent] })) : null] })) })) : workspaceAppRouteActive ? null : isWorkspaceAppRoute ? (appContent) : (_jsx(AgentSidebar, { position: "right", defaultOpen: false, agentPageHref: agentPageHref, chatViewTransition: true, storageKey: "dispatch", openOnChatRunning: chatHomeHandoffActive, onFullscreenRequest: openAskAgentFullscreen, emptyStateText: t("dispatch.sidebar.emptyAgentText"), suggestions: sidebarSuggestions, children: appContent }));
-    return (_jsx(DispatchExtensionsContext.Provider, { value: extensions, children: _jsx(DispatchWorkspaceAppLauncherContext.Provider, { value: chatHomeAppLauncher, children: _jsx(HeaderActionsProvider, { children: _jsxs("div", { className: "agent-layout-shell flex h-screen w-full overflow-hidden bg-background", children: [isRedesignedSettingsRoute ? null : (_jsx("aside", { "data-collapsed": sidebarCollapsed ? "true" : "false", className: cn("agent-layout-left-drawer hidden shrink-0 flex-col border-e !border-e-sidebar-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-out lg:flex", sidebarCollapsed ? "w-14" : "w-[260px]"), children: _jsx(NavContent, { extensions: extensions, brandName: brandName, brandIcon: brandIcon, chatFirstMode: chatFirstMode, chatFirstEmbedded: chatFirstEmbedded, collapsed: sidebarCollapsed, chatFirstAppLayout: chatFirstAppLayout, onChatFirstAppLayoutChange: persistChatFirstAppLayout, chatFirstApps: chatFirstAppItems, chatFirstAppsLoading: chatFirstAppsLoading, chatFirstAppsError: chatFirstAppsError ? chatFirstCopy("appsLoadError") : null, chatFirstActiveAppId: chatFirstActiveAppId, chatFirstActivePrimaryTab: chatFirstActivePrimaryTab, onChatFirstNewChat: () => {
+    return (_jsx(DispatchExtensionsContext.Provider, { value: extensions, children: _jsx(DispatchWorkspaceAppLauncherContext.Provider, { value: chatHomeAppLauncher, children: _jsx(HeaderActionsProvider, { children: _jsxs("div", { className: "agent-layout-shell flex h-screen w-full overflow-hidden bg-background", children: [isRedesignedSettingsRoute ? null : (_jsx("aside", { "data-collapsed": sidebarCollapsed ? "true" : "false", className: cn("agent-layout-left-drawer hidden shrink-0 flex-col border-e !border-e-sidebar-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-out lg:flex", sidebarCollapsed ? "w-14" : "w-[260px]"), children: _jsx(NavContent, { extensions: extensions, brandName: brandName, brandIcon: brandIcon, chatFirstMode: chatFirstMode, chatFirstEmbedded: chatFirstEmbedded, collapsed: sidebarCollapsed, chatFirstAppLayout: chatFirstAppLayout, onChatFirstTogglePinned: toggleChatFirstAppPinned, chatFirstApps: chatFirstAppItems, chatFirstAppsStatus: chatFirstWorkspaceAppsStatus, chatFirstAppsError: chatFirstAppsError ? chatFirstCopy("appsLoadError") : null, chatFirstActiveAppId: chatFirstActiveAppId, chatFirstActivePrimaryTab: chatFirstActivePrimaryTab, onChatFirstNewChat: () => {
                                     closeChatFirstSessionWatch();
                                     chatFirstSurfaceTabsStore.closeAll();
                                     setChatFirstSurfacePanelOpen(false);
@@ -1358,7 +1375,7 @@ function DispatchLayout({ children, extensions, agentPageHref, notice, brandName
                                 }, onChatFirstAppsRetry: () => {
                                     void chatFirstAppsQuery.refetch();
                                     void chatFirstConnectedAppsQuery.refetch();
-                                }, collapsible: true, onCollapsedChange: setSidebarCollapsed }) })), _jsx(Sheet, { open: mobileOpen, onOpenChange: setMobileOpen, children: _jsxs(SheetContent, { side: "left", className: "w-72 bg-sidebar p-0 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, brandName: brandName, brandIcon: brandIcon, chatFirstMode: chatFirstMode, chatFirstEmbedded: chatFirstEmbedded, collapsed: false, chatFirstAppLayout: chatFirstAppLayout, onChatFirstAppLayoutChange: persistChatFirstAppLayout, chatFirstApps: chatFirstAppItems, chatFirstAppsLoading: chatFirstAppsLoading, chatFirstAppsError: chatFirstAppsError ? chatFirstCopy("appsLoadError") : null, chatFirstActiveAppId: chatFirstActiveAppId, chatFirstActivePrimaryTab: chatFirstActivePrimaryTab, onChatFirstNewChat: () => {
+                                }, collapsible: true, onCollapsedChange: setSidebarCollapsed }) })), _jsx(Sheet, { open: mobileOpen, onOpenChange: setMobileOpen, children: _jsxs(SheetContent, { side: "left", className: "w-72 bg-sidebar p-0 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, brandName: brandName, brandIcon: brandIcon, chatFirstMode: chatFirstMode, chatFirstEmbedded: chatFirstEmbedded, collapsed: false, chatFirstAppLayout: chatFirstAppLayout, onChatFirstTogglePinned: toggleChatFirstAppPinned, chatFirstApps: chatFirstAppItems, chatFirstAppsStatus: chatFirstWorkspaceAppsStatus, chatFirstAppsError: chatFirstAppsError ? chatFirstCopy("appsLoadError") : null, chatFirstActiveAppId: chatFirstActiveAppId, chatFirstActivePrimaryTab: chatFirstActivePrimaryTab, onChatFirstNewChat: () => {
                                                 closeChatFirstSessionWatch();
                                                 chatFirstSurfaceTabsStore.closeAll();
                                                 setChatFirstSurfacePanelOpen(false);