cli-jaw 2.0.4 → 2.0.5

package/public/manager/src/App.tsx

@@ -1,42 +1,26 @@
-import { type ReactNode, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { fetchInstances, fetchInstanceStatus, runLifecycleAction } from './api';
 import { pollUntilSettled } from './lifecycle-poll';
-import { ActivityDock } from './components/ActivityDock';
-import { CommandBar } from './components/CommandBar';
-import { CommandPalette } from './components/CommandPalette';
 import { InstanceDetailPanel } from './components/InstanceDetailPanel';
-import { InstanceDrawer } from './components/InstanceDrawer';
 import { InstanceListContent } from './components/InstanceListContent';
-import { InstanceNavigator } from './components/InstanceNavigator';
-import { ManagerShell } from './components/ManagerShell';
-import { MobileNav } from './components/MobileNav';
 import { ProfileChip } from './components/ProfileChip';
-import { SidebarRail } from './components/SidebarRail';
-import { HelpDrawer } from './help/HelpDrawer';
-import { Workbench } from './components/Workbench';
+import { AppChrome } from './AppChrome';
+import { type HelpTopicId } from './help/helpContent';
+import { isHelpShortcutEditableTarget } from './help/help-shortcuts';
 import { WorkbenchHeader } from './components/WorkbenchHeader';
-import { WorkspaceLayout } from './components/WorkspaceLayout';
-import { InstancePreview } from './InstancePreview';
-import { ElectronMetricsPanel } from './electron-metrics';
 import { loadPreviewEnabled, savePreviewEnabled } from './lib/preview-prefs';
 import { useHiddenUnload } from './lib/use-hidden-unload';
-import { DashboardSettingsSidebar, type DashboardSettingsSection } from './dashboard-settings/DashboardSettingsSidebar';
-import { DashboardSettingsWorkspace } from './dashboard-settings/DashboardSettingsWorkspace';
+import { type DashboardSettingsSection } from './dashboard-settings/DashboardSettingsSidebar';
 import { summarizeActivityTitleSupport } from './dashboard-settings/activity-title-support';
 import { dashboardSettingsUiFromView } from './dashboard-settings/dashboard-settings-ui';
-import { NotesSidebar, type NotesSidebarMode } from './notes/NotesSidebar';
-import { NotesWorkspace } from './notes/NotesWorkspace';
+import { type NotesSidebarMode } from './notes/NotesSidebar';
 import { useNotesModel } from './notes/useNotesModel';
 import { publishInvalidation } from './sync/invalidation-bus';
 import { useInvalidationSubscription } from './sync/useInvalidationSubscription';
-import { IframeBridge } from './sync/IframeBridge';
-import { VisibilityBridge } from './sync/VisibilityBridge';
-import { DashboardBoardSidebar } from './dashboard-board/DashboardBoardSidebar';
-import { DashboardBoardWorkspace } from './dashboard-board/DashboardBoardWorkspace';
 import type { BoardView } from './dashboard-board/board-view';
-import { DashboardScheduleSidebar, type ScheduleGroup } from './dashboard-schedule/DashboardScheduleSidebar';
-import { DashboardScheduleWorkspace } from './dashboard-schedule/DashboardScheduleWorkspace';
-import { SCHEDULE_WORKSPACE_ENABLED, normalizeSidebarModeForBuild } from './dashboard-features';
+import { type ScheduleGroup } from './dashboard-schedule/DashboardScheduleSidebar';
+import { normalizeSidebarModeForBuild } from './dashboard-features';
+import { readInitialSidebarMode } from './dashboard-url-state';
 import { useDashboardRegistry } from './hooks/useDashboardRegistry';
 import { useDashboardView } from './hooks/useDashboardView';
 import { useActivityUnread } from './hooks/useActivityUnread';
@@ -46,27 +30,10 @@ import { useInstanceLabelEditor } from './hooks/useInstanceLabelEditor';
 import { useInstanceMessageEvents } from './hooks/useInstanceMessageEvents';
 import { useManagerEvents } from './hooks/useManagerEvents';
 import { formatUptime, instanceLabel } from './instance-label';
+import { useJawCeoDashboardBridge } from './jaw-ceo/useJawCeoDashboardBridge';
+import { actionForShortcutEvent, isManagerShortcutEditableTarget } from './manager-shortcuts';
 import { reconcileActiveProfileFilter } from './profile-filter';
-import type {
-    DashboardDetailTab,
-    DashboardInstance,
-    DashboardInstanceStatus,
-    DashboardLifecycleAction,
-    DashboardNotesAuthoringMode,
-    DashboardNotesViewMode,
-    DashboardProfile,
-    DashboardScanResult,
-    DashboardSidebarMode,
-} from './types';
-
-type WorkspaceSurfaceProps = {
-    active: boolean;
-    children: ReactNode;
-};
-
-function WorkspaceSurface(props: WorkspaceSurfaceProps) {
-    return <section className={`workspace-surface${props.active ? ' is-active' : ''}`} hidden={!props.active} aria-hidden={!props.active}>{props.children}</section>;
-}
+import type { DashboardDetailTab, DashboardInstance, DashboardInstanceStatus, DashboardLifecycleAction, DashboardNotesAuthoringMode, DashboardNotesViewMode, DashboardProfile, DashboardScanResult, DashboardShortcutAction, DashboardSidebarMode } from './types';
 
 export function App() {
     const [data, setData] = useState<DashboardScanResult | null>(null);
@@ -93,16 +60,15 @@ export function App() {
     const [previewRefreshKey, setPreviewRefreshKey] = useState(0);
     const [autoUnloadNotice, setAutoUnloadNotice] = useState(false);
     const [helpOpen, setHelpOpen] = useState(false);
+    const [helpTopic, setHelpTopic] = useState<HelpTopicId | null>(null);
+    const openHelpTopic = useCallback((topic: HelpTopicId) => {
+        setHelpTopic(topic);
+        setHelpOpen(true);
+    }, []);
     useEffect(() => {
         savePreviewEnabled(previewEnabled);
     }, [previewEnabled]);
-    useHiddenUnload({
-        enabled: previewEnabled,
-        onUnload: () => {
-            setPreviewEnabled(false);
-            setAutoUnloadNotice(true);
-        },
-    });
+    useHiddenUnload({ enabled: previewEnabled, onUnload: () => { setPreviewEnabled(false); setAutoUnloadNotice(true); } });
     useEffect(() => {
         if (!autoUnloadNotice) return undefined;
         if (typeof document === 'undefined') return undefined;
@@ -152,34 +118,41 @@ export function App() {
         if (view.selectedPort == null) return filtered.find(instance => instance.ok) || null;
         return instances.find(instance => instance.port === view.selectedPort) || null;
     }, [filtered, instances, view.selectedPort]);
-
-    // activity-unread must see the *resolved* selected port so the
-    // auto-fallback instance (selectedPort == null) is also suppressed.
+    const activeJawCeoPort = selectedInstance?.port ?? view.selectedPort ?? null;
+    const jawCeoBridge = useJawCeoDashboardBridge({ selectedPort: activeJawCeoPort, managerEvents: managerEvents.events, messageEvents: messageActivity.events, onOpenWorker: handleOpenJawCeoWorker });
     const activePreviewPort = view.activeDetailTab === 'preview' && view.sidebarMode === 'instances'
         ? (selectedInstance?.port ?? null)
         : null;
+    const activityEvents = useMemo(() => {
+        return [...managerEvents.events, ...messageActivity.events];
+    }, [managerEvents.events, messageActivity.events]);
     const activityUnread = useActivityUnread({
-        events: [...managerEvents.events, ...messageActivity.events],
+        events: activityEvents,
         activityDockCollapsed: view.activityDockCollapsed,
         setActivityDockCollapsed: view.setActivityDockCollapsed,
         saveUi,
         activePreviewPort,
     });
-
     function cycleTheme(): void {
         const order: ('auto' | 'light' | 'dark')[] = ['auto', 'light', 'dark'];
         const next = order[(order.indexOf(theme.theme) + 1) % order.length];
         theme.setTheme(next);
     }
-
     function openSelectedInBrowser(): void {
         if (!selectedInstance) return;
         window.open(selectedInstance.url, '_blank', 'noopener,noreferrer');
     }
+    useEffect(() => { document.documentElement.lang = view.locale; }, [view.locale]);
 
     useEffect(() => {
-        document.documentElement.lang = view.locale;
-    }, [view.locale]);
+        function onKeyDown(event: KeyboardEvent): void {
+            if (event.key !== '?' || event.metaKey || event.ctrlKey || event.altKey) return;
+            if (isHelpShortcutEditableTarget(event.target)) return;
+            event.preventDefault(); openHelpTopic('shortcuts');
+        }
+        document.addEventListener('keydown', onKeyDown);
+        return () => document.removeEventListener('keydown', onKeyDown);
+    }, [openHelpTopic]);
 
     async function load(nextShowHidden = showHidden): Promise<void> {
         setLoading(true);
@@ -217,7 +190,7 @@ export function App() {
                 view.setSidebarCollapsed(ui.sidebarCollapsed);
                 view.setActivityDockCollapsed(ui.activityDockCollapsed);
                 view.setActivityDockHeight(ui.activityDockHeight);
-                const sidebarMode = normalizeSidebarModeForBuild(ui.sidebarMode);
+                const sidebarMode = normalizeSidebarModeForBuild(readInitialSidebarMode(window.location.search) ?? ui.sidebarMode);
                 view.setSidebarMode(sidebarMode);
                 if (sidebarMode !== ui.sidebarMode) void saveUi({ sidebarMode });
                 view.setNotesSelectedPath(ui.notesSelectedPath);
@@ -229,6 +202,8 @@ export function App() {
                 view.setShowInlineLabelEditor(ui.showInlineLabelEditor);
                 view.setShowSidebarRuntimeLine(ui.showSidebarRuntimeLine);
                 view.setShowSelectedRowActions(ui.showSelectedRowActions);
+                view.setDashboardShortcutsEnabled(ui.dashboardShortcutsEnabled);
+                view.setDashboardShortcutKeymap(ui.dashboardShortcutKeymap);
                 view.setLocale(ui.locale);
                 activityUnread.hydrateSeenAt(ui.activitySeenAt ?? null, ui.activitySeenByPort || {});
                 setActiveProfileIds(loaded.registry.activeProfileFilter || []);
@@ -284,6 +259,8 @@ export function App() {
         void saveUi({ selectedPort: instance.port, selectedTab: 'preview', activityDockCollapsed: true });
     }
 
+    function handleOpenJawCeoWorker(port: number): void { const instance = instances.find(row => row.port === port); if (instance) handlePreview(instance); }
+
     function handleSelectInstance(instance: DashboardInstance): void {
         if (!canLeaveDirtySettings()) return;
         setSettingsDirty(false);
@@ -370,15 +347,104 @@ export function App() {
         onSelectedPathChange: handleNotesSelectedPathChange,
     });
 
+    const notesSelectedNote = view.notesSelectedPath
+        ? notesModel.index?.notes.find(n => n.path === view.notesSelectedPath) ?? null
+        : null;
+
     function handleDashboardSettingsPatch(ui: NonNullable<Parameters<typeof saveUi>[0]>): void {
         if (ui.showLatestActivityTitles !== undefined) view.setShowLatestActivityTitles(ui.showLatestActivityTitles);
         if (ui.showInlineLabelEditor !== undefined) view.setShowInlineLabelEditor(ui.showInlineLabelEditor);
         if (ui.showSidebarRuntimeLine !== undefined) view.setShowSidebarRuntimeLine(ui.showSidebarRuntimeLine);
         if (ui.showSelectedRowActions !== undefined) view.setShowSelectedRowActions(ui.showSelectedRowActions);
+        if (ui.dashboardShortcutsEnabled !== undefined) view.setDashboardShortcutsEnabled(ui.dashboardShortcutsEnabled);
+        if (ui.dashboardShortcutKeymap !== undefined) view.setDashboardShortcutKeymap(ui.dashboardShortcutKeymap);
         if (ui.locale !== undefined) view.setLocale(ui.locale);
         void saveUi(ui);
     }
 
+    function selectRelativeInstance(direction: 1 | -1): void {
+        if (filtered.length === 0) return;
+        const currentPort = selectedInstance?.port ?? null;
+        const currentIndex = currentPort == null
+            ? -1
+            : filtered.findIndex(instance => instance.port === currentPort);
+        const baseIndex = currentIndex >= 0 ? currentIndex : direction > 0 ? -1 : 0;
+        const nextIndex = (baseIndex + direction + filtered.length) % filtered.length;
+        const next = filtered[nextIndex];
+        if (!next) return;
+        handleSelectInstance(next);
+    }
+
+    function runManagerShortcut(action: DashboardShortcutAction): void {
+        if (action === 'focusInstances') {
+            handleSidebarModeChange('instances');
+            view.setDrawerOpen(false);
+            return;
+        }
+        if (action === 'focusActiveSession') {
+            const target = selectedInstance?.ok
+                ? selectedInstance
+                : filtered.find(instance => instance.ok) || null;
+            if (target) handlePreview(target);
+            else handleSidebarModeChange('instances');
+            return;
+        }
+        if (action === 'focusNotes') {
+            handleSidebarModeChange('notes');
+            view.setDrawerOpen(false);
+            return;
+        }
+        if (action === 'previousInstance') {
+            selectRelativeInstance(-1);
+            return;
+        }
+        if (action === 'nextInstance') {
+            selectRelativeInstance(1);
+        }
+    }
+
+    useEffect(() => {
+        function onKeyDown(event: KeyboardEvent): void {
+            if (!view.dashboardShortcutsEnabled) return;
+            if (isManagerShortcutEditableTarget(event.target)) return;
+            const action = actionForShortcutEvent(event, view.dashboardShortcutKeymap);
+            if (!action) return;
+            event.preventDefault();
+            runManagerShortcut(action);
+        }
+        document.addEventListener('keydown', onKeyDown);
+        return () => document.removeEventListener('keydown', onKeyDown);
+    }, [
+        filtered,
+        selectedInstance,
+        view.dashboardShortcutsEnabled,
+        view.dashboardShortcutKeymap,
+        view.sidebarMode,
+        view.activeDetailTab,
+        settingsDirty,
+    ]);
+
+    useEffect(() => {
+        function onPreviewShortcut(event: MessageEvent): void {
+            if (!view.dashboardShortcutsEnabled) return;
+            const data = event.data;
+            if (!data || data.type !== 'jaw-preview-shortcut') return;
+            const synth = { key: data.key, altKey: !!data.altKey, ctrlKey: false, metaKey: false, shiftKey: !!data.shiftKey } as unknown as KeyboardEvent;
+            const action = actionForShortcutEvent(synth, view.dashboardShortcutKeymap);
+            if (action) runManagerShortcut(action);
+        }
+        window.addEventListener('message', onPreviewShortcut);
+        return () => window.removeEventListener('message', onPreviewShortcut);
+    }, [
+        filtered,
+        selectedInstance,
+        view.dashboardShortcutsEnabled,
+        view.dashboardShortcutKeymap,
+        view.sidebarMode,
+        view.activeDetailTab,
+        settingsDirty,
+    ]);
+
     async function handleLifecycle(action: DashboardLifecycleAction, instance: DashboardInstance): Promise<void> {
         const lifecycle = instance.lifecycle;
         if (!lifecycle) return;
@@ -427,51 +493,21 @@ export function App() {
     }
 
     const instanceListContent = (
-        <InstanceListContent
-            error={error}
-            loading={loading}
-            instances={instances}
-            filtered={filtered}
-            selectedInstance={selectedInstance}
-            data={data}
-            lifecycleBusyPort={lifecycleBusyPort}
-            transitioningPort={transitioningPort}
-            transitionAction={transitionAction}
-            activityUnreadByPort={activityUnread.unreadByPort}
-            latestTitleByPort={messageActivity.titlesByPort}
-            busyPorts={messageActivity.busyPorts}
-            showLatestActivityTitles={view.showLatestActivityTitles}
-            showInlineLabelEditor={view.showInlineLabelEditor}
-            showSidebarRuntimeLine={view.showSidebarRuntimeLine}
-            showSelectedRowActions={view.showSelectedRowActions}
-            profiles={profiles}
-            getLabel={instanceLabel}
-            formatUptime={formatUptime}
-            onSelect={handleSelectInstance}
-            onPreview={handlePreview}
-            onMarkActivitySeen={activityUnread.markPortSeen}
-            onInstanceLabelSave={labelEditor.saveInstanceLabel}
-            onLifecycle={(action, instance) => void handleLifecycle(action, instance)}
-        />
+        <InstanceListContent error={error} loading={loading} instances={instances} filtered={filtered}
+            selectedInstance={selectedInstance} data={data} lifecycleBusyPort={lifecycleBusyPort}
+            transitioningPort={transitioningPort} transitionAction={transitionAction}
+            activityUnreadByPort={activityUnread.unreadByPort} latestTitleByPort={messageActivity.titlesByPort}
+            busyPorts={messageActivity.busyPorts} showLatestActivityTitles={view.showLatestActivityTitles}
+            showInlineLabelEditor={view.showInlineLabelEditor} showSidebarRuntimeLine={view.showSidebarRuntimeLine}
+            showSelectedRowActions={view.showSelectedRowActions} profiles={profiles} getLabel={instanceLabel}
+            formatUptime={formatUptime} onSelect={handleSelectInstance} onPreview={handlePreview}
+            onMarkActivitySeen={activityUnread.markPortSeen} onInstanceLabelSave={labelEditor.saveInstanceLabel}
+            onLifecycle={(action, instance) => void handleLifecycle(action, instance)} />
     );
 
-    const workbenchHeader = <WorkbenchHeader instance={selectedInstance} previewEnabled={previewEnabled} onPreviewEnabledChange={setPreviewEnabled} onPreviewRefresh={() => setPreviewRefreshKey(key => key + 1)} />;
-    const dashboardSettingsUi = dashboardSettingsUiFromView(view, theme.theme);
-    const titleSupport = summarizeActivityTitleSupport(messageActivity.titleSupportByPort);
-
-    const profileChipStrip = (chipProfiles: DashboardProfile[]) => chipProfiles.length > 0 ? (
-        <div className="profile-chip-strip drawer-chip-strip" aria-label="Profile filters">
-            {chipProfiles.map(profile => (
-                <ProfileChip
-                    key={profile.profileId}
-                    profile={profile}
-                    active={activeProfileIds.includes(profile.profileId)}
-                    count={profileCounts[profile.profileId] || 0}
-                    onToggle={toggleProfile}
-                />
-            ))}
-        </div>
-    ) : null;
+    const workbenchHeader = <WorkbenchHeader instance={selectedInstance} previewEnabled={previewEnabled} onPreviewEnabledChange={setPreviewEnabled} onPreviewRefresh={() => setPreviewRefreshKey(key => key + 1)} onOpenHelpTopic={openHelpTopic} />;
+    const dashboardSettingsUi = dashboardSettingsUiFromView(view, theme.theme), titleSupport = summarizeActivityTitleSupport(messageActivity.titleSupportByPort);
+    const profileChipStrip = (chipProfiles: DashboardProfile[]) => chipProfiles.length > 0 ? <div className="profile-chip-strip drawer-chip-strip" aria-label="Profile filters">{chipProfiles.map(profile => <ProfileChip key={profile.profileId} profile={profile} active={activeProfileIds.includes(profile.profileId)} count={profileCounts[profile.profileId] || 0} onToggle={toggleProfile} />)}</div> : null;
 
     const detailContent = (tab: DashboardDetailTab) => (
         <InstanceDetailPanel
@@ -479,161 +515,10 @@ export function App() {
             data={data}
             activeTab={tab}
             onSettingsDirtyChange={setSettingsDirty}
-            onSettingsSaved={() => {
-                if (selectedInstance) void refreshInstance(selectedInstance.port);
-                publishInvalidation({ topics: ['instances'], reason: 'instance:settings-saved', source: 'ui', sourceId: 'app' });
-            }}
-            onRegistryPatch={(port, patch) => {
-                void registry.save({ instances: { [String(port)]: patch } }).then(() => {
-                    load();
-                    publishInvalidation({ topics: ['instances'], reason: 'instance:registry-patched', source: 'ui', sourceId: 'app' });
-                });
-            }}
+            onSettingsSaved={() => { if (selectedInstance) void refreshInstance(selectedInstance.port); publishInvalidation({ topics: ['instances'], reason: 'instance:settings-saved', source: 'ui', sourceId: 'app' }); }}
+            onRegistryPatch={(port, patch) => { void registry.save({ instances: { [String(port)]: patch } }).then(() => { load(); publishInvalidation({ topics: ['instances'], reason: 'instance:registry-patched', source: 'ui', sourceId: 'app' }); }); }}
         />
     );
 
-    return (
-        <>
-            <IframeBridge />
-            <VisibilityBridge />
-            <ManagerShell
-                sidebarCollapsed={view.sidebarCollapsed}
-                commandBar={(
-                    <CommandBar
-                        query={query}
-                        loading={loading}
-                        onQueryChange={setQuery}
-                        onRefresh={() => void load()}
-                        onOpenDrawer={() => view.setDrawerOpen(true)}
-                        theme={theme.theme}
-                        onThemeChange={theme.setTheme}
-                        onOpenPalette={palette.toggle}
-                    />
-                )}
-                workspace={(
-                    <WorkspaceLayout
-                        sidebarCollapsed={view.sidebarCollapsed}
-                        inspectorCollapsed={view.activityDockCollapsed}
-                        inspectorHeight={view.activityDockCollapsed ? 48 : view.activityDockHeight}
-                        drawerOpen={view.drawerOpen}
-                        onCloseDrawer={() => view.setDrawerOpen(false)}
-                        navigator={(
-                            <>
-                                <SidebarRail onlineCount={summary['online'] || 0} collapsed={view.sidebarCollapsed} mode={view.sidebarMode} scheduleWorkspaceEnabled={SCHEDULE_WORKSPACE_ENABLED} onModeChange={handleSidebarModeChange} onToggleSidebar={handleSidebarToggle} helpOpen={helpOpen} onToggleHelp={() => setHelpOpen(open => !open)} />
-                                <div id="manager-sidebar-list" className="manager-sidebar-list">
-                                    {view.sidebarMode === 'settings' ? (
-                                        <DashboardSettingsSidebar activeSection={dashboardSettingsSection} locale={view.locale} onSectionChange={setDashboardSettingsSection} />
-                                    ) : view.sidebarMode === 'notes' ? (
-                                        <NotesSidebar tree={notesModel.tree} loading={notesModel.loading} error={notesModel.error} notesRoot={notesModel.notesRoot} selectedPath={view.notesSelectedPath} dirtyPath={notesDirtyPath} treeWidth={view.notesTreeWidth} mode={notesSidebarMode} searchFocusToken={notesSearchFocusToken} onModeChange={setNotesSidebarMode} onOpenSearch={openNotesSidebarSearch} onSelectedPathChange={handleNotesSelectedPathChange} onRefreshTree={notesModel.refresh} />
-                                    ) : view.sidebarMode === 'board' ? (
-                                        <DashboardBoardSidebar view={boardView} onViewChange={setBoardView} instances={instances} titlesByPort={messageActivity.titlesByPort} busyPorts={messageActivity.busyPorts} />
-                                    ) : SCHEDULE_WORKSPACE_ENABLED && view.sidebarMode === 'schedule' ? (
-                                        <DashboardScheduleSidebar activeGroup={scheduleGroup} onGroupChange={setScheduleGroup} />
-                                    ) : (
-                                        <InstanceNavigator active={selectedInstance} hiddenCount={instances.filter(instance => instance.hidden).length} collapsed={view.sidebarCollapsed}>
-                                            {instanceListContent}
-                                        </InstanceNavigator>
-                                    )}
-                                </div>
-                            </>
-                        )}
-                        workbench={(
-                            <div className="workspace-surface-stack">
-                                {lifecycleMessage && (
-                                    <section className="state lifecycle-state" role="status">
-                                        <span>{lifecycleMessage}</span>
-                                        <button
-                                            type="button"
-                                            className="state-dismiss"
-                                            aria-label="Dismiss lifecycle message"
-                                            onClick={() => setLifecycleMessage(null)}
-                                        >
-                                            X
-                                        </button>
-                                    </section>
-                                )}
-                                <div className="workspace-surface-layer">
-                                    <WorkspaceSurface active={view.sidebarMode === 'instances'}>
-                                        <Workbench mode={view.activeDetailTab} onModeChange={handleTabChange} header={workbenchHeader} overview={detailContent('overview')} preview={(
-                                            <InstancePreview instance={selectedInstance} data={data} enabled={previewEnabled} refreshKey={previewRefreshKey} theme={theme.resolved} />
-                                        )} logs={detailContent('logs')} settings={detailContent('settings')} />
-                                    </WorkspaceSurface>
-                                    <WorkspaceSurface active={view.sidebarMode === 'notes'}>
-                                        <NotesWorkspace active={view.sidebarMode === 'notes'} selectedPath={view.notesSelectedPath} vaultIndex={notesModel.index} viewMode={view.notesViewMode} authoringMode={view.notesAuthoringMode} wordWrap={view.notesWordWrap} treeWidth={view.notesTreeWidth} onOpenSidebarSearch={openNotesSidebarSearch} onSelectedPathChange={handleNotesSelectedPathChange} onDirtyPathChange={setNotesDirtyPath} onViewModeChange={handleNotesViewModeChange} onAuthoringModeChange={handleNotesAuthoringModeChange} onWordWrapChange={handleNotesWordWrapChange} onTreeWidthChange={handleNotesTreeWidthChange} />
-                                    </WorkspaceSurface>
-                                    <WorkspaceSurface active={view.sidebarMode === 'settings'}>
-                                        <DashboardSettingsWorkspace activeSection={dashboardSettingsSection} ui={dashboardSettingsUi} titleSupport={titleSupport} onUiPatch={handleDashboardSettingsPatch} />
-                                    </WorkspaceSurface>
-                                    <WorkspaceSurface active={view.sidebarMode === 'board'}>
-                                        <DashboardBoardWorkspace active={view.sidebarMode === 'board'} view={boardView} onViewChange={setBoardView} instances={instances} selectedPort={selectedInstance?.port ?? null} titlesByPort={messageActivity.titlesByPort} busyPorts={messageActivity.busyPorts} />
-                                    </WorkspaceSurface>
-                                    {SCHEDULE_WORKSPACE_ENABLED ? (
-                                        <>
-                                            <WorkspaceSurface active={view.sidebarMode === 'schedule'}>
-                                                <DashboardScheduleWorkspace active={view.sidebarMode === 'schedule'} activeGroup={scheduleGroup} busyPorts={messageActivity.busyPorts} />
-                                            </WorkspaceSurface>
-                                        </>
-                                    ) : null}
-                                </div>
-                            </div>
-                        )}
-                        inspector={(
-                            <ActivityDock
-                                collapsed={view.activityDockCollapsed}
-                                height={view.activityDockHeight}
-                                loading={loading}
-                                error={error}
-                                lifecycleMessage={lifecycleMessage}
-                                selectedInstance={selectedInstance}
-                                registryMessage={registry.error || labelEditor.error || managerEvents.error}
-                                events={managerEvents.events}
-                                onToggle={handleActivityToggle}
-                                onHeightChange={handleActivityHeight}
-                            />
-                        )}
-                        mobileNav={<MobileNav activeTab={view.activeDetailTab} onOpenInstances={() => view.setDrawerOpen(true)} onSelectTab={handleTabChange} onToggleActivity={activityUnread.openAndMarkSeen} />}
-                        drawer={(
-                            <InstanceDrawer open={view.drawerOpen} profileFilters={profileChipStrip(profiles)} onClose={() => view.setDrawerOpen(false)}>
-                                {instanceListContent}
-                            </InstanceDrawer>
-                        )}
-                    />
-                )}
-                activityHeight={view.activityDockCollapsed ? 48 : view.activityDockHeight}
-            />
-            <CommandPalette
-                open={palette.open}
-                onClose={palette.close}
-                instances={instances}
-                getLabel={instanceLabel}
-                onSelectInstance={handleSelectInstance}
-                theme={theme.theme}
-                onCycleTheme={cycleTheme}
-                onRefresh={() => void load()}
-                onToggleHidden={() => {
-                    const next = !showHidden;
-                    setShowHidden(next);
-                    void load(next);
-                }}
-                showHidden={showHidden}
-                onOpenSelected={openSelectedInBrowser}
-                selectedInstance={selectedInstance}
-            />
-            <ElectronMetricsPanel onUnloadPreview={() => setPreviewEnabled(false)} />
-            <HelpDrawer open={helpOpen} mode={view.sidebarMode} onClose={() => setHelpOpen(false)} />
-            {autoUnloadNotice && (
-                <div className="preview-auto-unload-notice" role="status">
-                    Preview was unloaded after 5 minutes of inactivity. Toggle the preview switch to re-enable.
-                    <button
-                        type="button"
-                        className="preview-auto-unload-dismiss"
-                        aria-label="Dismiss preview auto-unload notice"
-                        onClick={() => setAutoUnloadNotice(false)}
-                    >
-                        ×
-                    </button>
-                </div>
-            )}
-        </>
-    );
+    return <AppChrome view={view} palette={palette} theme={theme} query={query} loading={loading} showHidden={showHidden} instances={instances} selectedInstance={selectedInstance} data={data} summary={summary} scheduleGroup={scheduleGroup} boardView={boardView} notesModel={notesModel} notesSelectedNote={notesSelectedNote} notesDirtyPath={notesDirtyPath} notesSidebarMode={notesSidebarMode} notesSearchFocusToken={notesSearchFocusToken} settingsSection={dashboardSettingsSection} dashboardSettingsUi={dashboardSettingsUi} titleSupport={titleSupport} activityEvents={activityEvents} busyPorts={messageActivity.busyPorts} titlesByPort={messageActivity.titlesByPort} lifecycleMessage={lifecycleMessage} error={error} registryMessage={registry.error || labelEditor.error || managerEvents.error} workbenchHeader={workbenchHeader} detailContent={detailContent} instanceListContent={instanceListContent} drawerProfileFilters={profileChipStrip(profiles)} jawCeoWorkbenchButton={jawCeoBridge.workbenchButton} jawCeoVoiceOverlay={jawCeoBridge.voiceOverlay} jawCeoConsoleContent={jawCeoBridge.consoleContent} previewEnabled={previewEnabled} previewRefreshKey={previewRefreshKey} autoUnloadNotice={autoUnloadNotice} helpOpen={helpOpen} helpTopic={helpTopic} setQuery={setQuery} setShowHidden={setShowHidden} setPreviewEnabled={setPreviewEnabled} setAutoUnloadNotice={setAutoUnloadNotice} setHelpOpen={setHelpOpen} setHelpTopic={setHelpTopic} onOpenHelpTopic={openHelpTopic} setNotesSidebarMode={setNotesSidebarMode} setBoardView={setBoardView} setScheduleGroup={setScheduleGroup} setDashboardSettingsSection={setDashboardSettingsSection} load={load} cycleTheme={cycleTheme} openSelectedInBrowser={openSelectedInBrowser} handleSelectInstance={handleSelectInstance} handleSidebarModeChange={handleSidebarModeChange} handleSidebarToggle={handleSidebarToggle} handleNotesSelectedPathChange={handleNotesSelectedPathChange} handleNotesViewModeChange={handleNotesViewModeChange} handleNotesAuthoringModeChange={handleNotesAuthoringModeChange} handleNotesWordWrapChange={handleNotesWordWrapChange} handleNotesTreeWidthChange={handleNotesTreeWidthChange} openNotesSidebarSearch={openNotesSidebarSearch} setNotesDirtyPath={setNotesDirtyPath} handleTabChange={handleTabChange} handleActivityToggle={handleActivityToggle} handleActivityHeight={handleActivityHeight} onDismissLifecycleMessage={() => setLifecycleMessage(null)} handleDashboardSettingsPatch={handleDashboardSettingsPatch} activityUnreadOpenAndMarkSeen={activityUnread.openAndMarkSeen} />;
 }