cli-jaw 2.1.1 → 2.1.3

package/public/manager/src/App.tsx

@@ -36,7 +36,7 @@ import { useJawCeoDashboardBridge } from './jaw-ceo/useJawCeoDashboardBridge';
 import { actionForShortcutEvent, isManagerShortcutEditableTarget } from './manager-shortcuts';
 import { reconcileActiveProfileFilter } from './profile-filter';
 import type { DashboardDetailTab, DashboardInstance, DashboardInstanceStatus, DashboardLifecycleAction, DashboardNotesAuthoringMode, DashboardNotesGraphSettings, DashboardNotesViewMode, DashboardProfile, DashboardScanResult, DashboardShortcutAction, DashboardSidebarMode } from './types';
-import { panelShortcutBus } from './panels/panel-shortcut-bus';
+import { runManagerShortcut as runManagerShortcutAction } from './manager-shortcut-runner';
 import { getDesktop } from './panels/desktop-bridge';
 import type { PanelLayoutState } from './panels/PanelLayoutProvider';
 import { panelLayoutInitialStateFromUi, panelLayoutUiFromState } from './panels/panel-layout-registry-state';
@@ -355,75 +355,18 @@ export function App() {
     }
 
     function runManagerShortcut(action: DashboardShortcutAction): void {
-        if (panelShortcutBus.dispatch(action)) return;
-        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);
-            return;
-        }
-        if (action === 'closeFocusedTab') {
-            const active = document.activeElement;
-            if (active?.closest('.browser-webview-stack, .browser-tab-strip')) {
-                document.dispatchEvent(new CustomEvent('jaw:shortcut-action', { detail: 'closeBrowserTab' }));
-            } else if (active?.closest('.terminal-panel, .xterm')) {
-                document.dispatchEvent(new CustomEvent('jaw:shortcut-action', { detail: 'closeTerminalTab' }));
-            } else if (active?.closest('.bottom-panel')) {
-                panelShortcutBus.dispatch('closeActiveBottomTab');
-            } else if (active?.closest('.right-panel')) {
-                panelShortcutBus.dispatch('toggleRightPanel');
-            }
-            return;
-        }
-        if (action === 'switchTab1') { handleTabChange('overview'); return; }
-        if (action === 'switchTab2') { handleTabChange('preview'); return; }
-        if (action === 'switchTab3') { handleTabChange('logs'); return; }
-        if (action === 'switchTab4') { handleTabChange('settings'); return; }
-        if (action === 'previousTab' || action === 'nextTab') {
-            const tabs: DashboardDetailTab[] = ['overview', 'preview', 'logs', 'settings'];
-            const idx = tabs.indexOf(view.activeDetailTab);
-            const dir = action === 'nextTab' ? 1 : -1;
-            handleTabChange(tabs[(idx + dir + tabs.length) % tabs.length]);
-            return;
-        }
-        if (action === 'browserReload' || action === 'browserHardReload' || action === 'browserFocusUrl' || action === 'browserBack' || action === 'browserForward') {
-            const el = document.activeElement;
-            if (el?.closest('.browser-webview-stack, .browser-tab-strip, .browser-panel')) {
-                document.dispatchEvent(new CustomEvent('jaw:shortcut-action', { detail: action }));
-            }
-            return;
-        }
-        if (action === 'terminalClear' || action === 'terminalNewTab') {
-            const el = document.activeElement;
-            if (el?.closest('.terminal-panel, .xterm')) {
-                document.dispatchEvent(new CustomEvent('jaw:shortcut-action', { detail: action }));
-            }
-            return;
-        }
-        if (action === 'toggleLeftSidebar') {
-            handleSidebarToggle();
-            return;
-        }
+        runManagerShortcutAction(action, {
+            selectedInstance,
+            filtered,
+            activeDetailTab: view.activeDetailTab,
+            setDrawerOpen: view.setDrawerOpen,
+            handleSidebarModeChange,
+            handlePreview,
+            selectRelativeInstance,
+            handleTabChange,
+            setPreviewRefreshKey,
+            handleSidebarToggle,
+        });
     }
     useEffect(() => {
         if (!view.dashboardShortcutsEnabled) return undefined;

package/public/manager/src/InstancePreview.tsx

@@ -12,6 +12,8 @@ type InstancePreviewProps = {
     refreshKey: number;
     theme: PreviewTheme;
     onOpenNotesFromPreview?: (path: string) => void;
+    onOpenDocFromPreview?: (absolutePath: string) => void;
+    onPreviewDroppedFiles?: (files: File[]) => void;
 };
 
 type PreviewOpenNotesMessage = {
@@ -25,6 +27,11 @@ type PreviewSendMessage = {
     prompt?: unknown;
 };
 
+type PreviewDroppedFilesMessage = {
+    type?: unknown;
+    files?: unknown;
+};
+
 function normalizeLoopbackHostname(hostname: string): string {
     return hostname.replace(/^\[|\]$/g, '').toLowerCase();
 }
@@ -114,6 +121,21 @@ function postPreviewSttToggle(frame: HTMLIFrameElement | null, src: string): voi
     }
 }
 
+function postPreviewVisible(frame: HTMLIFrameElement | null, src: string): void {
+    const targetWindow = frame?.contentWindow;
+    if (!targetWindow) return;
+    const targetOrigin = previewTargetOrigin(src, frame);
+    if (!targetOrigin || targetOrigin === 'null') return;
+    try {
+        targetWindow.postMessage(
+            { type: 'jaw-preview-visibility', visible: true },
+            targetOrigin,
+        );
+    } catch (error) {
+        console.warn('[manager-preview] visibility sync skipped', error);
+    }
+}
+
 function isEditableShortcutTarget(target: EventTarget | null): boolean {
     if (!(target instanceof HTMLElement)) return false;
     if (target.isContentEditable) return true;
@@ -128,6 +150,11 @@ function isPreviewSttShortcut(event: KeyboardEvent): boolean {
     return primarySpace || fallbackMic;
 }
 
+function extractDroppedFiles(data: PreviewDroppedFilesMessage | null): File[] {
+    if (!data || data.type !== 'jaw-preview-dropped-files' || !Array.isArray(data.files)) return [];
+    return data.files.filter((item): item is File => item instanceof File);
+}
+
 export function InstancePreview(props: InstancePreviewProps) {
     const iframeRef = useRef<HTMLIFrameElement | null>(null);
     const loadedSrcRef = useRef<string | null>(null);
@@ -198,11 +225,31 @@ export function InstancePreview(props: InstancePreviewProps) {
             props.onOpenNotesFromPreview?.(path);
         }
         window.addEventListener('message', onPreviewOpenNotes);
+        function onPreviewOpenDoc(event: MessageEvent): void {
+            if (event.source !== iframeRef.current?.contentWindow) return;
+            if (!state.src || !previewFrameOriginMatches(event.origin, state.src, iframeRef.current)) return;
+            const data = event.data as { type?: unknown; path?: unknown } | null;
+            if (!data || data.type !== 'jaw-preview-open-doc') return;
+            const path = typeof data.path === 'string' ? data.path.trim() : '';
+            if (!path) return;
+            props.onOpenDocFromPreview?.(path);
+        }
+        window.addEventListener('message', onPreviewOpenDoc);
+        function onPreviewDroppedFiles(event: MessageEvent): void {
+            if (event.source !== iframeRef.current?.contentWindow) return;
+            if (!state.src || !previewFrameOriginMatches(event.origin, state.src, iframeRef.current)) return;
+            const files = extractDroppedFiles(event.data as PreviewDroppedFilesMessage | null);
+            if (files.length === 0) return;
+            props.onPreviewDroppedFiles?.(files);
+        }
+        window.addEventListener('message', onPreviewDroppedFiles);
         return () => {
             window.removeEventListener('message', onPreviewSend);
             window.removeEventListener('message', onPreviewOpenNotes);
+            window.removeEventListener('message', onPreviewOpenDoc);
+            window.removeEventListener('message', onPreviewDroppedFiles);
         };
-    }, [props.enabled, props.instance, props.onOpenNotesFromPreview, state.canPreview, state.src]);
+    }, [props.enabled, props.instance, props.onOpenNotesFromPreview, props.onOpenDocFromPreview, props.onPreviewDroppedFiles, state.canPreview, state.src]);
 
     useEffect(() => {
         if (!props.active || !props.enabled || !state.canPreview || !state.src) return undefined;
@@ -221,16 +268,8 @@ export function InstancePreview(props: InstancePreviewProps) {
     useEffect(() => {
         const wasActive = prevActiveRef.current;
         prevActiveRef.current = props.active;
-        if (!wasActive && props.active && iframeRef.current?.contentWindow && state.src) {
-            const origin = previewTargetOrigin(state.src, iframeRef.current);
-            if (origin && origin !== 'null') {
-                try {
-                    iframeRef.current.contentWindow.postMessage(
-                        { type: 'jaw-preview-visibility', visible: true },
-                        origin,
-                    );
-                } catch { /* cross-origin guard */ }
-            }
+        if (!wasActive && props.active && state.src) {
+            postPreviewVisible(iframeRef.current, state.src);
         }
     }, [props.active, state.src]);
 
@@ -250,6 +289,12 @@ export function InstancePreview(props: InstancePreviewProps) {
                     onLoad={() => {
                         loadedSrcRef.current = state.src;
                         syncTheme();
+                        // Every (re)mount is a fresh document. The active-tab
+                        // effect only pings on a !wasActive→active transition, so
+                        // an instance switch (port/key changes, active stays true)
+                        // remounts without re-settling. Ping here so the embedded
+                        // chat runs its jaw-preview-visibility re-settle path.
+                        if (state.src) postPreviewVisible(iframeRef.current, state.src);
                     }}
                 />
             )}

package/public/manager/src/SidebarRailRouter.tsx

@@ -1,4 +1,4 @@
-import { useState, type ReactNode, Suspense } from 'react';
+import { useCallback, useState, type ReactNode, Suspense } from 'react';
 import { ActivityDock } from './components/ActivityDock';
 import { InstanceDrawer } from './components/InstanceDrawer';
 import { InstanceNavigator } from './components/InstanceNavigator';
@@ -31,6 +31,12 @@ import { DashboardScheduleWorkspace } from './dashboard-schedule/DashboardSchedu
 import { DashboardRemindersSidebar, type RemindersView } from './dashboard-reminders/DashboardRemindersSidebar';
 import { DashboardRemindersWorkspace } from './dashboard-reminders/DashboardRemindersWorkspace';
 import { useRemindersFeed } from './dashboard-reminders/useRemindersFeed';
+import {
+    firstDirectory,
+    firstFile,
+    useElectronDroppedPaths,
+    type ElectronDroppedPathsEvent,
+} from './hooks/useElectronDroppedPaths';
 import type { HelpTopicId } from './help/helpContent';
 import { NotesCommandPalette } from './notes/NotesCommandPalette';
 import { NotesCommandProvider } from './notes/notes-command-registry';
@@ -140,6 +146,7 @@ type Props = {
 function renderRightPanelContent(
     mode: RightPanelMode,
     previewFilePath: string | null,
+    folderRootPath: string | null,
     onPreviewFile: (path: string) => void,
     selectedInstance: DashboardInstance | null,
     dashboardSettingsUi: DashboardRegistryUi,
@@ -149,7 +156,7 @@ function renderRightPanelContent(
     const fallback = <div style={{ padding: '12px', color: 'var(--text-dim)', fontSize: '12px' }}>Loading...</div>;
     switch (mode) {
         case 'diff': return <Suspense fallback={fallback}><DiffPanel selectedInstance={selectedInstance} settings={dashboardSettingsUi} onSettingsPatch={onDashboardSettingsPatch} /></Suspense>;
-        case 'folder': return <Suspense fallback={fallback}><FolderPanel selectedFilePath={previewFilePath} notesTree={notesModel.tree} notesRoot={notesModel.notesRoot} onPreviewFile={onPreviewFile} /></Suspense>;
+        case 'folder': return <Suspense fallback={fallback}><FolderPanel selectedFilePath={previewFilePath} externalRootPath={folderRootPath} notesTree={notesModel.tree} notesRoot={notesModel.notesRoot} onPreviewFile={onPreviewFile} /></Suspense>;
         case 'doc': return <Suspense fallback={fallback}><DocPanel filePath={previewFilePath ?? undefined} /></Suspense>;
         case 'browser': return <Suspense fallback={fallback}><BrowserPanel /></Suspense>;
         default: return null;
@@ -168,6 +175,8 @@ function renderBottomTabContent(tab: BottomPanelTab, controls: BottomPanelRender
 export function SidebarRailRouter(props: Props) {
     const panelLayout = usePanelLayout();
     const [rightPreviewFilePath, setRightPreviewFilePath] = useState<string | null>(null);
+    const [rightFolderRootPath, setRightFolderRootPath] = useState<string | null>(null);
+    const [, setRecentDroppedPaths] = useState<ElectronDroppedPathsEvent | null>(null);
     const [remindersView, setRemindersView] = useState<RemindersView>('matrix');
     const remindersFeed = useRemindersFeed({ active: props.sidebarMode === 'reminders' });
     const desktopPanelsAvailable = currentManagerSurface() === 'electron';
@@ -184,6 +193,25 @@ export function SidebarRailRouter(props: Props) {
         panelLayout.dispatch({ type: 'OPEN_RIGHT_PANEL', mode: 'doc', slot: 'bottom' });
     }
 
+    const handleDroppedPaths = useCallback((event: ElectronDroppedPathsEvent): void => {
+        setRecentDroppedPaths(event);
+        if (event.source === 'preview') return;
+        const directory = firstDirectory(event.entries);
+        if (directory) {
+            setRightFolderRootPath(directory.path);
+            panelLayout.dispatch({ type: 'OPEN_RIGHT_PANEL', mode: 'folder', slot: 'top' });
+            return;
+        }
+        const file = firstFile(event.entries);
+        if (file) handleRightPreviewFile(file.path);
+    }, [panelLayout]);
+
+    const electronDrop = useElectronDroppedPaths({ onDroppedPaths: handleDroppedPaths });
+
+    const handlePreviewDroppedFiles = useCallback((files: File[]): void => {
+        void electronDrop.resolveDroppedFiles(files, 'preview');
+    }, [electronDrop]);
+
     return (
         <NotesCommandProvider>
         {props.jawCeoVoiceOverlay}
@@ -195,7 +223,7 @@ export function SidebarRailRouter(props: Props) {
             onCloseDrawer={props.onCloseDrawer}
             rightPanelOpen={rightPanelOpen}
             rightPanelWidth={panelLayout.state.rightPanel.width}
-            rightPanelContent={rightPanelOpen ? <RightSidebar renderPanel={mode => renderRightPanelContent(mode, rightPreviewFilePath, handleRightPreviewFile, props.selectedInstance, props.dashboardSettingsUi, props.onDashboardSettingsPatch, props.notesModel)} /> : undefined}
+            rightPanelContent={rightPanelOpen ? <RightSidebar renderPanel={mode => renderRightPanelContent(mode, rightPreviewFilePath, rightFolderRootPath, handleRightPreviewFile, props.selectedInstance, props.dashboardSettingsUi, props.onDashboardSettingsPatch, props.notesModel)} /> : undefined}
             bottomPanelOpen={bottomPanelOpen}
             bottomPanelHeight={panelLayout.state.bottomPanel.height}
             bottomPanelContent={bottomPanelOpen && panelLayout.state.bottomPanel.tabs.length > 0 ? <BottomPanel renderTab={renderBottomTabContent} /> : undefined}
@@ -243,7 +271,7 @@ export function SidebarRailRouter(props: Props) {
                     <div className="workspace-surface-layer">
                         <WorkspaceSurface active={props.sidebarMode === 'instances'}>
                             <Workbench mode={props.activeDetailTab} onModeChange={props.onDetailTabChange} header={props.workbenchHeader} modeActions={props.jawCeoWorkbenchButton} overview={props.detailContent('overview')} preview={(
-                                <InstancePreview instance={props.selectedInstance} data={props.data} enabled={props.previewEnabled} active={props.sidebarMode === 'instances' && props.activeDetailTab === 'preview'} refreshKey={props.previewRefreshKey} theme={props.previewTheme} {...(props.onOpenNotesFromPreview ? { onOpenNotesFromPreview: props.onOpenNotesFromPreview } : {})} />
+                                <InstancePreview instance={props.selectedInstance} data={props.data} enabled={props.previewEnabled} active={props.sidebarMode === 'instances' && props.activeDetailTab === 'preview'} refreshKey={props.previewRefreshKey} theme={props.previewTheme} {...(props.onOpenNotesFromPreview ? { onOpenNotesFromPreview: props.onOpenNotesFromPreview } : {})} onOpenDocFromPreview={handleRightPreviewFile} onPreviewDroppedFiles={handlePreviewDroppedFiles} />
                             )} logs={props.detailContent('logs')} settings={props.detailContent('settings')} />
                         </WorkspaceSurface>
                         <WorkspaceSurface active={props.sidebarMode === 'notes'}>

package/public/manager/src/components/InstanceRow.tsx

@@ -67,7 +67,6 @@ export function InstanceRow(props: InstanceRowProps) {
     const transitionLabel = props.transitioning ? TRANSITION_LABELS[props.transitioning] : null;
     const dotClass = `${statusClass(props.instance.status)}${transitionLabel ? ' is-transitioning' : ''}${props.agentBusy ? ' is-busy' : ''}`;
     const primaryLabel = props.instance.label || props.profile?.label || props.label;
-
     async function submitLabel(event: FormEvent<HTMLFormElement>): Promise<void> {
         event.preventDefault();
         event.stopPropagation();

package/public/manager/src/components/WorkbenchHeader.tsx

@@ -11,27 +11,37 @@ type WorkbenchHeaderProps = {
     onOpenHelpTopic?: (topic: HelpTopicId) => void;
 };
 
+function compactPath(path: string): string {
+    const parts = path.split(/[/\\]/).filter(Boolean);
+    if (parts.length <= 2) return path;
+    return `…/${parts.slice(-2).join('/')}`;
+}
+
 export function WorkbenchHeader(props: WorkbenchHeaderProps) {
     const instance = props.instance;
     const canPreview = Boolean(instance?.ok);
     const previewLabel = props.previewEnabled ? 'Preview on' : 'Preview off';
     const hasActions = Boolean(instance || props.onOpenHelpTopic);
+    const projectDirs = instance?.projectDirs?.filter(Boolean) ?? [];
 
     return (
         <div className="detail-header">
             <div>
                 <p className="eyebrow">Selected instance</p>
                 <h2>{instance ? instanceLabel(instance) : 'No instance selected'}</h2>
-                <span>{instance?.workingDir || instance?.url || 'Select an online instance to inspect it.'}</span>
-                {instance?.projectDirs && instance.projectDirs.length > 0 && (
-                    <div className="project-dirs">
-                        <span className="label">Projects:</span>
-                        {instance.projectDirs.map((dir, i) => (
+                {instance ? (
+                    <div className={`project-dirs${projectDirs.length ? '' : ' is-empty'}`}>
+                        <span className="label">Project</span>
+                        {projectDirs.length ? projectDirs.map((dir, i) => (
                             <span key={i} className="project-dir" title={dir}>
-                                {dir.split(/[/\\]/).slice(-2).join('/')}
+                                {compactPath(dir)}
                             </span>
-                        ))}
+                        )) : (
+                            <span className="project-dir">Not set</span>
+                        )}
                     </div>
+                ) : (
+                    <span>Select an online instance to inspect it.</span>
                 )}
             </div>
             {hasActions && (

package/public/manager/src/doc-panel/DocPanel.tsx

@@ -103,7 +103,20 @@ export function DocPanel(props: { filePath?: string | undefined }) {
     return (
         <div className="doc-panel">
             <div className="doc-toolbar">
-                <span className="doc-file-name">{props.filePath.split('/').pop()}</span>
+                <span className="doc-file-name" title={props.filePath}>{props.filePath.split('/').pop()}</span>
+                <button
+                    type="button"
+                    className="doc-copy-path"
+                    title="Copy full path"
+                    onClick={() => {
+                        void navigator.clipboard.writeText(props.filePath!).then(() => {
+                            const btn = document.querySelector('.doc-copy-path');
+                            if (btn) { btn.textContent = 'Copied'; setTimeout(() => { btn.textContent = 'Path'; }, 1200); }
+                        });
+                    }}
+                >
+                    Path
+                </button>
             </div>
             <div className="doc-content">
                 <DocContent filePath={props.filePath} content={content} />

package/public/manager/src/doc-panel/doc-panel.css

@@ -30,6 +30,22 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    flex: 1;
+}
+.doc-copy-path {
+    font-size: 10px;
+    padding: 1px 6px;
+    border: 1px solid var(--border-subtle);
+    border-radius: 3px;
+    background: transparent;
+    color: var(--text-dim);
+    cursor: pointer;
+    flex-shrink: 0;
+    margin-left: 6px;
+}
+.doc-copy-path:hover {
+    background: var(--border-subtle);
+    color: var(--text-base);
 }
 .doc-content {
     flex: 1;

package/public/manager/src/folder-panel/FolderPanel.tsx

@@ -10,6 +10,7 @@ function getFolderBridge(): FolderBridgeApi | null {
 
 type FolderPanelProps = {
     selectedFilePath?: string | null | undefined;
+    externalRootPath?: string | null | undefined;
     notesTree?: NotesTreeEntry[] | undefined;
     notesRoot?: string | null | undefined;
     onPreviewFile?: ((path: string) => void) | undefined;
@@ -73,7 +74,7 @@ export function FolderPanel(props: FolderPanelProps) {
     }, [loadDir, rootPath, source]);
 
     useEffect(() => {
-        if (rootPath !== null) return;
+        if (rootPath !== null || props.externalRootPath) return;
         let cancelled = false;
         void (async () => {
             const nextRoot = await source.getDefaultRoot();
@@ -82,7 +83,17 @@ export function FolderPanel(props: FolderPanelProps) {
             await loadDir(nextRoot);
         })();
         return () => { cancelled = true; };
-    }, [loadDir, rootPath, source]);
+    }, [loadDir, props.externalRootPath, rootPath, source]);
+
+    useEffect(() => {
+        const externalRoot = props.externalRootPath;
+        if (!externalRoot || externalRoot === rootPath) return;
+        if (rootPath && source.unwatchDir) void source.unwatchDir(rootPath);
+        setRootPath(externalRoot);
+        setExpanded(new Set());
+        setChildrenCache(new Map());
+        void loadDir(externalRoot);
+    }, [loadDir, props.externalRootPath, rootPath, source]);
 
     useEffect(() => {
         if (!source.watchDir || !source.onDirChange || rootPath === null) return;

package/public/manager/src/hooks/useElectronDroppedPaths.ts

@@ -0,0 +1,89 @@
+import { useCallback, useEffect } from 'react';
+import { getDesktop, isElectron, type DroppedPathEntry } from '../panels/desktop-bridge';
+
+export type ElectronDroppedPathsSource = 'manager' | 'preview';
+
+export type ElectronDroppedPathsEvent = {
+    source: ElectronDroppedPathsSource;
+    entries: DroppedPathEntry[];
+};
+
+type UseElectronDroppedPathsOptions = {
+    onDroppedPaths: (event: ElectronDroppedPathsEvent) => void;
+};
+
+type ClosestTarget = {
+    closest: (selector: string) => Element | null;
+};
+
+export function isPreviewDropTarget(target: EventTarget | null): boolean {
+    const maybeElement = target as Partial<ClosestTarget> | null;
+    if (typeof maybeElement?.closest !== 'function') return false;
+    return Boolean(maybeElement.closest('.preview-panel, .preview-frame'));
+}
+
+export function shouldConsumeManagerDrop(target: EventTarget | null): boolean {
+    return !isPreviewDropTarget(target);
+}
+
+export function firstDirectory(entries: DroppedPathEntry[]): DroppedPathEntry | null {
+    return entries.find(entry => entry.kind === 'directory') ?? null;
+}
+
+export function firstFile(entries: DroppedPathEntry[]): DroppedPathEntry | null {
+    return entries.find(entry => entry.kind === 'file') ?? null;
+}
+
+function hasFileTransfer(dataTransfer: DataTransfer | null): boolean {
+    if (!dataTransfer) return false;
+    if (dataTransfer.files.length > 0) return true;
+    return Array.from(dataTransfer.types).includes('Files');
+}
+
+export function useElectronDroppedPaths(options: UseElectronDroppedPathsOptions): {
+    resolveDroppedFiles: (files: File[], source: ElectronDroppedPathsSource) => Promise<DroppedPathEntry[]>;
+} {
+    const resolveDroppedFiles = useCallback(async (files: File[], source: ElectronDroppedPathsSource): Promise<DroppedPathEntry[]> => {
+        const bridge = getDesktop()?.dragDrop;
+        if (!bridge || files.length === 0) return [];
+        try {
+            const result = await bridge.resolveDroppedItems(files);
+            const entries = result.ok && result.entries ? result.entries : [];
+            if (entries.length > 0) options.onDroppedPaths({ source, entries });
+            return entries;
+        } catch (error) {
+            console.warn('[electron-drop] failed to resolve dropped files', error);
+            return [];
+        }
+    }, [options]);
+
+    useEffect(() => {
+        if (!isElectron() || !getDesktop()?.dragDrop) return undefined;
+
+        function onDragOver(event: DragEvent): void {
+            const dataTransfer = event.dataTransfer;
+            if (!dataTransfer || !hasFileTransfer(dataTransfer)) return;
+            if (!shouldConsumeManagerDrop(event.target)) return;
+            event.preventDefault();
+            dataTransfer.dropEffect = 'copy';
+        }
+
+        function onDrop(event: DragEvent): void {
+            const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];
+            if (files.length === 0) return;
+            if (!shouldConsumeManagerDrop(event.target)) return;
+            event.preventDefault();
+            event.stopPropagation();
+            void resolveDroppedFiles(files, 'manager');
+        }
+
+        document.addEventListener('dragover', onDragOver, true);
+        document.addEventListener('drop', onDrop, true);
+        return () => {
+            document.removeEventListener('dragover', onDragOver, true);
+            document.removeEventListener('drop', onDrop, true);
+        };
+    }, [resolveDroppedFiles]);
+
+    return { resolveDroppedFiles };
+}

package/public/manager/src/hooks/useInstanceMessageEvents.ts

@@ -57,20 +57,9 @@ function titleSupportFromEnvelope(data: MessageEnvelope['data']): DashboardActiv
     return 'activity' in data || 'latestAssistant' in data ? 'ready' : 'legacy';
 }
 
-const BUSY_STALE_MS = 2 * 60 * 60_000;
-
-function parseUtcTimestamp(raw: string): number {
-    const iso = raw.includes('T') ? raw : raw.replace(' ', 'T');
-    return Date.parse(iso.endsWith('Z') ? iso : iso + 'Z');
-}
-
-function isActivityBusy(data: MessageEnvelope['data']): boolean {
-    if (!data || !('activity' in data)) return false;
-    const activity = data.activity;
-    if (!activity || activity.role !== 'user') return false;
-    const updatedAt = parseUtcTimestamp(activity.updatedAt);
-    if (Number.isNaN(updatedAt)) return false;
-    return Date.now() - updatedAt < BUSY_STALE_MS;
+function isProcessBusy(data: MessageEnvelope['data']): boolean {
+    if (!data || typeof data !== 'object') return false;
+    return 'processBusy' in data && data.processBusy === true;
 }
 
 async function fetchLatestAssistantMessage(port: number): Promise<{
@@ -86,7 +75,7 @@ async function fetchLatestAssistantMessage(port: number): Promise<{
         latest: notifiableAssistantFromEnvelope(body.data),
         title: activityTitleFromEnvelope(body.data),
         support: titleSupportFromEnvelope(body.data),
-        busy: isActivityBusy(body.data),
+        busy: isProcessBusy(body.data),
     };
 }
 

package/public/manager/src/manager-components.css

@@ -87,7 +87,7 @@ h2 { font-size: 13px; }
 .command-actions { justify-self: end; }
 .is-electron-titlebar {
     -webkit-app-region: drag;
-    padding-left: 80px;
+    padding-left: 96px;
 }
 .is-electron-titlebar button,
 .is-electron-titlebar input,
@@ -499,6 +499,40 @@ h2 { font-size: 13px; }
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+.project-dirs {
+    display: flex;
+    flex-wrap: wrap;
+    min-width: 0;
+    max-width: min(100%, 520px);
+    align-items: center;
+    gap: 5px;
+    margin-top: 2px;
+    overflow: hidden;
+}
+.project-dirs .label {
+    flex: 0 0 auto;
+    color: var(--text-muted);
+    font-size: 11px;
+    font-weight: 650;
+}
+.project-dir {
+    min-width: 0;
+    flex: 0 1 220px;
+    max-width: 220px;
+    border: 1px solid var(--border-subtle);
+    border-radius: 6px;
+    background: var(--canvas-mid);
+    padding: 2px 6px;
+    color: var(--text-secondary);
+    font-family: "Geist Mono", "JetBrains Mono", monospace;
+    font-size: 11px;
+}
+.project-dirs.is-empty .project-dir {
+    border-style: dashed;
+    background: transparent;
+    color: var(--text-muted);
+    font-family: inherit;
+}
 .detail-tabs {
     display: flex;
     gap: 3px;

package/public/manager/src/manager-polish.css

@@ -55,7 +55,7 @@
     padding: 6px 10px;
 }
 .command-bar.is-electron-titlebar {
-    padding-left: 80px;
+    padding-left: 96px;
 }
 
 .command-primary {
@@ -133,6 +133,16 @@
     font-size: 12px;
 }
 
+.workbench-preview .project-dirs {
+    margin-top: 1px;
+    gap: 4px;
+}
+
+.workbench-preview .project-dir {
+    max-width: 180px;
+    padding: 1px 5px;
+}
+
 .workbench-preview .workbench-mode-tabs button {
     min-height: 24px;
     padding: 3px 8px;