@xenosystem/agent-interface-ui 0.1.24 → 0.1.26

package/dist/components/agent/AgentInterface.js

@@ -11,10 +11,28 @@ import { getAgentPlatformBridge } from '../../platformBridge.js';
  */
 import React, { useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import { createPortal } from 'react-dom';
-import { File, Folder, FolderOpen, GitCompareArrows, Globe2, MoreHorizontal, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, Package, Terminal, X } from 'lucide-react';
+import { ArrowUpRight, BookOpen, Bot, Building2, Check, CheckCircle2, CheckSquare, ChevronDown, ChevronRight, Clock, Code2, Copy, Edit2, File, FileCode, Folder, FolderOpen, FolderPlus, GitBranch, GitCompareArrows, Globe2, Layers, Loader2, MessageSquare, Monitor, MoreHorizontal, Move, Package, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, Pause, Pin, Play, Plus, Search, Settings, Share2, Sparkles, Terminal, Trash2, Users, X } from 'lucide-react';
 import { EntitySettingsLayout } from './settings/EntitySettingsLayout.js';
+import { WorkspacePersistenceNotice } from './WorkspacePersistenceNotice.js';
+import { EditorOperationAuthority, acknowledgeEditorSave, editorRecoveryFiles, editorSaveFailure, reconcileEditorRefresh, resolveEditorPaneMode } from './editorOperationAuthority.js';
+import { confirmEditorDiscard, editorCloseGuard, engineeringConfirmationActions, usePreparedConfirmation } from './destructiveConfirmation.js';
+import { useSidebarLayoutPreference } from '../../hooks/useSidebarLayoutPreference.js';
+function SidebarLayoutNotice() {
+    const { error } = useSidebarLayoutPreference();
+    return error ? _jsx("p", { role: "alert", className: "px-4 py-2 text-xs text-red-200", children: error }) : null;
+}
 import { AgentOnboarding } from './AgentOnboarding.js';
+import { WorkspaceCreationAttempt } from '../../stores/workspaceCreationAttempt.js';
+import { validateOnboardingPlacement } from './onboardingModels.js';
+import { entityPinKey, parseEntityPins, toggleEntityPin, SIDEBAR_ENTITY_PINS_KEY } from './sidebarEntityPins.js';
 import { isWideWorkbenchTab } from './AgentWorkbenchPanel.js';
+import { ProjectsWorkspaceView } from './ProjectsWorkspaceView.js';
+import { resolveTeamDirectories, resolveAgentDirectories, resolveWorkspaceScope, projectAssignment } from './workspaceHierarchy.js';
+import { TeamsWorkspaceView } from './TeamsWorkspaceView.js';
+import { AgentsWorkspaceView } from './AgentsWorkspaceView.js';
+import { OwnedWorkforceView } from './OwnedWorkforceView.js';
+import { assertResumeLaunchScope, isPersonalInboxConversation, personalConversationDefaults, scopeFromSdkSessionMetadata } from './personalConversationScope.js';
+import { ScheduledWorkspaceView } from './ScheduledWorkspaceView.js';
 import { PermissionDialog } from './PermissionDialog.js';
 import { runtimeEventSummary } from './runtimeEventSummary.js';
 import { latestContextPressure } from './timelineContextPressure.js';
@@ -25,6 +43,7 @@ import { planNativeTuiComposerInput, resolveNativeTuiWriterTerminalId } from './
 import { createConversationRuntimeBinding, runtimeSelectionForSdk } from '../../utils/conversationRuntime.js';
 import { nativeExecutionPolicyForPermissionProfile, nativeWorkspaceTrustForPermissionProfile, } from '../../utils/acpExecutionAuthority.js';
 import { usePermissionStore } from '../../stores/permissionStore.js';
+import { agentCreationConfiguration } from '../../stores/agentCreationDefaults.js';
 import { useAgentChatStore, loadLocalAgentConversations, projectConversationRuntimeEvents, resetAcpContinuationForWorkspaceChange, } from '../../stores/agentChatStore.js';
 import { useAgentIdeStore } from '../../stores/agentIdeStore.js';
 import { useAgentSearchStore } from '../../stores/agentSearchStore.js';
@@ -33,6 +52,8 @@ import { useAuthStore } from '../../stores/authStore.js';
 import { cycleAgentSessionTabId, nextAgentSessionTabAfterClose, normalizeAgentSessionTabState, orderOpenAgentSessionConversations, reorderAgentSessionTabIds, resolveAgentSessionTabShortcut, } from '../../sessionTabs.js';
 import { XenoAgentProductHeader, } from '../product/XenoAgentProductHeader.js';
 import { XenoAgentSessionTabs, } from '../product/XenoAgentSessionTabs.js';
+import { XenoAgentWorkspaceSelector } from '../product/XenoAgentWorkspaceSelector.js';
+import { WorkspaceCreationWizard } from '../workspace/WorkspaceCreationWizard.js';
 const MonacoWorkbenchEditor = React.lazy(() => import('./MonacoWorkbenchEditor.js'));
 const MonacoDiffWorkbenchEditor = React.lazy(() => import('./MonacoDiffWorkbenchEditor.js'));
 const AgentView = React.lazy(async () => {
@@ -1060,6 +1081,7 @@ function normalizeCliControlPlaneStatus(value) {
 }
 function normalizeSubagentRunStatus(value) {
     return value === 'queued'
+        || value === 'cancellation-requested'
         || value === 'launch-requested'
         || value === 'running'
         || value === 'waiting-for-permission'
@@ -1455,7 +1477,7 @@ function normalizeEditorTabs(editorState) {
         file
     }));
 }
-function buildConversationEditorState(tabs, activeTabId) {
+function buildConversationEditorState(tabs, activeTabId, paneMode) {
     const normalizedTabs = tabs.map((tab) => (tab.type === 'diff'
         ? {
             id: tab.id || createDiffTabId(tab.diff.id),
@@ -1475,6 +1497,7 @@ function buildConversationEditorState(tabs, activeTabId) {
         ? normalizedTabs.find((tab) => tab.id === resolvedActiveTabId && tab.type === 'file')?.file.path || null
         : null;
     return {
+        paneMode: resolveEditorPaneMode(paneMode, normalizedTabs.length),
         openTabs: normalizedTabs,
         activeTabId: resolvedActiveTabId,
         openFiles,
@@ -1608,7 +1631,7 @@ function clampRightPanelWidth(width) {
         : Math.max(RIGHT_PANEL_MIN_WIDTH, Math.min(RIGHT_PANEL_MAX_WIDTH, window.innerWidth - 360));
     return Math.min(viewportAwareMax, Math.max(RIGHT_PANEL_MIN_WIDTH, Math.round(width)));
 }
-function FolderSidebar({ conversationId, rootDirectory, allowedDirectories, onOpenFolder, onClose, onOpenFile, activeFilePath, terminalCapabilityEnabled, terminalReady, xenoTuiReady, xenoTuiUnavailableReason, providerSessionTuiReady, providerSessionTuiUnavailableReason, providerSessionTuiLabel, resolvedTerminalCwd, terminalTabs, onPtyInput, onPtyResize, onCreateTerminal, onCreateXenoTui, onCreateProviderTui, onCloseTerminal, onClearTerminal, onRestartTerminal, onStopTerminal, width, onResizeStart, }) {
+function FolderSidebar({ conversationId, workspaceId, rootDirectory, allowedDirectories, onOpenFolder, onClose, onOpenFile, activeFilePath, terminalCapabilityEnabled, terminalReady, xenoTuiReady, xenoTuiUnavailableReason, providerSessionTuiReady, providerSessionTuiUnavailableReason, providerSessionTuiLabel, resolvedTerminalCwd, terminalTabs, onPtyInput, onPtyResize, onCreateTerminal, onCreateXenoTui, onCreateProviderTui, onCloseTerminal, onClearTerminal, onRestartTerminal, onStopTerminal, width, onResizeStart, }) {
     const [rightPanelTab, setRightPanelTab] = useState('files');
     const [browserTabs, setBrowserTabs] = useState(() => loadCachedRightPanelBrowserTabs());
     const activeBrowserTabId = rightPanelTab.startsWith('browser:') ? rightPanelTab.slice('browser:'.length) : null;
@@ -1901,7 +1924,7 @@ function FolderSidebar({ conversationId, rootDirectory, allowedDirectories, onOp
                         const visible = activeBrowserTabId === tab.id;
                         return (_jsx("div", { className: visible
                                 ? 'absolute inset-0'
-                                : 'absolute inset-0 invisible pointer-events-none opacity-0', "aria-hidden": !visible, children: _jsx(React.Suspense, { fallback: _jsx("div", { className: "h-full bg-[#08080a] px-3 py-2 text-[12px] text-white/40", children: "Loading browser..." }), children: _jsx(AgentWorkspaceBrowserPanel, { browserId: tab.id, browserLabel: tab.label, rootDirectory: effectiveRoot || rootDirectory, allowedDirectories: effectiveAllowedDirectories, onOpenFolder: onOpenFolder }) }) }, tab.id));
+                                : 'absolute inset-0 invisible pointer-events-none opacity-0', "aria-hidden": !visible, children: _jsx(React.Suspense, { fallback: _jsx("div", { className: "h-full bg-[#08080a] px-3 py-2 text-[12px] text-white/40", children: "Loading browser..." }), children: _jsx(AgentWorkspaceBrowserPanel, { browserId: tab.id, browserLabel: tab.label, workspaceId: workspaceId, conversationId: conversationId, visible: visible, rootDirectory: effectiveRoot || rootDirectory, allowedDirectories: effectiveAllowedDirectories, onOpenFolder: onOpenFolder }) }) }, tab.id));
                     }), rightPanelTab === 'files' && effectiveRoot && (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => handleToggleDirectory(effectiveRoot), className: "w-full flex items-center gap-1.5 px-2 py-1.5 text-white/68 hover:text-white hover:bg-white/[0.04] rounded-md transition-colors text-left", children: [_jsx(ChevronDownIcon, { className: `w-3 h-3 flex-shrink-0 transition-transform ${expandedPaths.has(effectiveRoot) ? '' : '-rotate-90'}` }), expandedPaths.has(effectiveRoot) ? (_jsx(FolderOpen, { className: "w-3.5 h-3.5 flex-shrink-0 text-white/55", strokeWidth: 1.8 })) : (_jsx(Folder, { className: "w-3.5 h-3.5 flex-shrink-0 text-white/45", strokeWidth: 1.8 })), _jsx("span", { className: "min-w-0 truncate text-[12px]", children: directoryLeafName(effectiveRoot) })] }), expandedPaths.has(effectiveRoot) && (_jsxs("div", { className: "mt-0.5", children: [isRootLoading && (_jsx(FolderTreeLoadingSkeleton, { depth: 1, rows: 5 })), !isRootLoading && loadErrors[effectiveRoot] && (_jsx("div", { className: "pl-7 py-1 text-[11px] text-red-300/45", children: loadErrors[effectiveRoot] })), !isRootLoading && !loadErrors[effectiveRoot] && (entriesByPath[effectiveRoot] || []).map((entry) => (_jsx(FolderTreeNode, { entry: entry, depth: 1, expandedPaths: expandedPaths, loadingPaths: loadingPaths, loadErrors: loadErrors, entriesByPath: entriesByPath, onToggleDirectory: handleToggleDirectory, onOpenFile: onOpenFile, activeFilePath: activeFilePath }, entry.path)))] }))] })), rightPanelTab === 'files' && !effectiveRoot && (_jsxs("div", { className: "mt-2 rounded-md border border-white/[0.06] bg-white/[0.02] p-3", children: [_jsx("p", { className: "text-[11px] uppercase tracking-[0.18em] text-white/28", children: "Folder Explorer" }), _jsx("p", { className: "mt-2 text-[12px] leading-relaxed text-white/42", children: "Open a folder for this conversation to browse files here and send them into the editor." }), _jsxs("div", { className: "mt-3 space-y-2", children: [_jsx(SkeletonBlock, { className: "h-3 w-[78%]" }), _jsx(SkeletonBlock, { className: "h-3 w-[66%]" }), _jsx(SkeletonBlock, { className: "h-3 w-[72%]" })] })] })), activeTerminalTabId && (_jsx(React.Suspense, { fallback: _jsx("div", { className: "h-full bg-[#050506] px-3 py-2 font-mono text-[12px] text-white/40", children: "Loading terminal..." }), children: _jsx(AgentPtyTerminalPanel, { terminalKey: activeTerminal?.id || null, terminalId: activeTerminal?.terminalId || null, output: activeTerminal?.output || '', terminalCapabilityEnabled: activeTerminal?.kind === 'provider-session' || activeTerminal?.kind === 'xeno-session' ? true : terminalCapabilityEnabled, 
                             // A created control-TUI tab remains renderable even after its
                             // process exits or its lane moves to reconciliation. Otherwise
@@ -1911,8 +1934,10 @@ function FolderSidebar({ conversationId, rootDirectory, allowedDirectories, onOp
                                 ? true
                                 : terminalReady, onInput: (data) => activeTerminal && onPtyInput(activeTerminal.id, data), onResize: (cols, rows) => activeTerminal && onPtyResize(activeTerminal.id, cols, rows) }) }))] })] }));
 }
-function RightSidebarControls({ folderPanelOpen, onOpenFolderPanel, }) {
-    return (_jsxs("div", { className: "absolute top-2 right-3 z-20 flex items-center gap-1.5", children: [_jsx("button", { className: "h-[34px] w-[34px] inline-flex items-center justify-center text-white/35 hover:text-white/60 transition-colors", title: "Sidebar options", "aria-label": "Sidebar options", type: "button", children: _jsx(MoreHorizontal, { className: "w-4 h-4", strokeWidth: 1.8 }) }), !folderPanelOpen && (_jsx("button", { onClick: onOpenFolderPanel, className: "h-[34px] w-[34px] inline-flex items-center justify-center transition-colors text-white/45 hover:text-white/75", title: "Open right sidebar", "aria-label": "Open right sidebar", type: "button", children: _jsx(PanelRightOpen, { className: "w-4 h-4", strokeWidth: 1.8 }) }))] }));
+function RightSidebarControls({ folderPanelOpen, onOpenFolderPanel, visible = true, }) {
+    if (!visible || folderPanelOpen)
+        return null;
+    return (_jsx("div", { className: "absolute top-2.5 right-3 z-20 flex items-center gap-1.5", children: _jsx("button", { onClick: onOpenFolderPanel, className: "h-7 w-7 rounded-[4px] bg-[#18181a] hover:bg-[#242428] text-[#7f7f86] hover:text-white border border-white/[0.08] flex items-center justify-center transition-colors shadow-xs cursor-pointer", title: "Open right panel (Files & Terminal)", "aria-label": "Open right panel", type: "button", children: _jsx(PanelRightOpen, { className: "w-3.5 h-3.5", strokeWidth: 1.8 }) }) }));
 }
 function EditorTabs({ tabs, activeTabId, onSelectTab, onCloseTab, }) {
     return (_jsxs("div", { className: "h-full min-w-0 flex items-center overflow-hidden", children: [_jsx("div", { className: "h-full w-10 flex-shrink-0 inline-flex items-center justify-center border-r border-white/[0.045] text-white/34", "aria-hidden": "true", children: _jsx(Folder, { className: "w-3.5 h-3.5", strokeWidth: 1.8 }) }), _jsx("div", { className: "h-full min-w-0 flex-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: _jsx("div", { className: "h-full flex items-center gap-1 px-1.5", children: tabs.map((tab) => {
@@ -1938,24 +1963,10 @@ const ChevronDownIcon = ({ className = "w-4 h-4" }) => (_jsx("svg", { className:
 // =============================================================================
 function ContextMenuPopup({ menu, workspaces, onClose, onAction, }) {
     const menuRef = React.useRef(null);
-    const [showMoveSubmenu, setShowMoveSubmenu] = useState(false);
-    React.useEffect(() => {
-        const handleClickOutside = (e) => {
-            if (menuRef.current && !menuRef.current.contains(e.target)) {
-                onClose();
-            }
-        };
-        const handleEscape = (e) => {
-            if (e.key === 'Escape')
-                onClose();
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        document.addEventListener('keydown', handleEscape);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-            document.removeEventListener('keydown', handleEscape);
-        };
-    }, [onClose]);
+    const [activeSubmenu, setActiveSubmenu] = useState(null);
+    const currentWorkspace = workspaces.find(w => w.id === menu.workspaceId);
+    const currentTeam = currentWorkspace?.teams.find(t => t.id === menu.teamId);
+    const currentAgent = currentTeam?.agents.find(a => a.id === menu.agentId);
     // Get available move targets
     const getMoveTargets = () => {
         if (menu.type === 'agent' && menu.teamId) {
@@ -1971,10 +1982,248 @@ function ContextMenuPopup({ menu, workspaces, onClose, onAction, }) {
         return [];
     };
     const moveTargets = getMoveTargets();
-    const MenuItem = ({ label, onClick, danger = false }) => (_jsx("button", { onClick: onClick, className: `w-full px-2.5 py-1 text-left text-[11px] transition-colors ${danger
-            ? 'text-red-400/70 hover:bg-red-500/10 hover:text-red-400'
-            : 'text-white/60 hover:bg-white/[0.06] hover:text-white'}`, children: label }));
-    return (_jsxs("div", { ref: menuRef, className: "fixed z-[100] py-1 bg-[#18181a] border border-white/[0.08] rounded-md shadow-2xl", style: { left: menu.x, top: menu.y }, children: [menu.type === 'workspace' && (_jsxs(_Fragment, { children: [_jsx(MenuItem, { label: "Rename", onClick: () => { onAction('rename'); onClose(); } }), _jsx(MenuItem, { label: "Duplicate", onClick: () => { onAction('duplicate'); onClose(); } }), _jsx(MenuItem, { label: "Add folder", onClick: () => { onAction('add-folder'); onClose(); } }), _jsx(MenuItem, { label: "Collapse all", onClick: () => { onAction('collapse'); onClose(); } }), _jsx(MenuItem, { label: "Expand all", onClick: () => { onAction('expand'); onClose(); } }), _jsx("div", { className: "my-1 mx-2 border-t border-white/[0.06]" }), _jsx(MenuItem, { label: "Settings", onClick: () => { onAction('settings'); onClose(); } }), _jsx("div", { className: "my-1 mx-2 border-t border-white/[0.06]" }), _jsx(MenuItem, { label: "Delete", onClick: () => { onAction('delete'); onClose(); }, danger: true })] })), menu.type === 'team' && (_jsxs(_Fragment, { children: [_jsx(MenuItem, { label: "Rename", onClick: () => { onAction('rename'); onClose(); } }), _jsx(MenuItem, { label: "Duplicate", onClick: () => { onAction('duplicate'); onClose(); } }), moveTargets.length > 0 && (_jsxs("div", { className: "relative", onMouseLeave: () => setShowMoveSubmenu(false), children: [_jsxs("div", { onMouseEnter: () => setShowMoveSubmenu(true), className: "w-full px-2.5 py-1 text-left text-[11px] text-white/60 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center justify-between cursor-pointer", children: ["Move to workspace", _jsx("span", { className: "text-[9px] text-white/30 ml-3", children: ">" })] }), showMoveSubmenu && (_jsx("div", { className: "absolute left-full top-0 ml-0.5 py-1 bg-[#18181a] border border-white/[0.08] rounded-md shadow-2xl", children: moveTargets.map((target) => (_jsx("button", { onClick: () => { onAction('move', target.workspaceId); onClose(); }, className: "w-full px-2.5 py-1 text-left text-[11px] text-white/60 hover:bg-white/[0.06] hover:text-white transition-colors whitespace-nowrap", children: target.workspaceName }, target.workspaceId))) }))] })), _jsx("div", { className: "my-1 mx-2 border-t border-white/[0.06]" }), _jsx(MenuItem, { label: "Settings", onClick: () => { onAction('settings'); onClose(); } }), _jsx("div", { className: "my-1 mx-2 border-t border-white/[0.06]" }), _jsx(MenuItem, { label: "Delete", onClick: () => { onAction('delete'); onClose(); }, danger: true })] })), menu.type === 'agent' && (_jsxs(_Fragment, { children: [_jsx(MenuItem, { label: "Rename", onClick: () => { onAction('rename'); onClose(); } }), _jsx(MenuItem, { label: "Duplicate", onClick: () => { onAction('duplicate'); onClose(); } }), moveTargets.length > 0 && (_jsxs("div", { className: "relative", onMouseLeave: () => setShowMoveSubmenu(false), children: [_jsxs("div", { onMouseEnter: () => setShowMoveSubmenu(true), className: "w-full px-2.5 py-1 text-left text-[11px] text-white/60 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center justify-between cursor-pointer", children: ["Move to team", _jsx("span", { className: "text-[9px] text-white/30 ml-3", children: ">" })] }), showMoveSubmenu && (_jsx("div", { className: "absolute left-full top-0 ml-0.5 max-h-[200px] overflow-auto py-1 bg-[#18181a] border border-white/[0.08] rounded-md shadow-2xl", children: moveTargets.map((target) => (_jsxs("button", { onClick: () => { onAction('move', target.workspaceId, target.teamId); onClose(); }, className: "w-full px-2.5 py-1 text-left text-[11px] text-white/60 hover:bg-white/[0.06] hover:text-white transition-colors whitespace-nowrap", children: [_jsxs("span", { className: "text-white/30", children: [target.workspaceName, " /"] }), " ", target.teamName] }, `${target.workspaceId}-${target.teamId}`))) }))] })), _jsx("div", { className: "my-1 mx-2 border-t border-white/[0.06]" }), _jsx(MenuItem, { label: "Settings", onClick: () => { onAction('settings'); onClose(); } }), _jsx("div", { className: "my-1 mx-2 border-t border-white/[0.06]" }), _jsx(MenuItem, { label: "Delete", onClick: () => { onAction('delete'); onClose(); }, danger: true })] })), menu.type === 'conversation' && (_jsxs(_Fragment, { children: [_jsx(MenuItem, { label: "Rename", onClick: () => { onAction('rename'); onClose(); } }), _jsx("div", { className: "my-1 mx-2 border-t border-white/[0.06]" }), _jsx(MenuItem, { label: "Delete", onClick: () => { onAction('delete'); onClose(); }, danger: true })] }))] }));
+    // Copy items
+    const copyItems = [
+        {
+            label: menu.type === 'conversation' ? 'Conversation Title' : menu.type === 'agent' ? 'Agent Name' : menu.type === 'team' ? 'Team Name' : 'Workspace Name',
+            action: 'copy-name'
+        },
+        {
+            label: menu.type === 'conversation' ? 'Conversation ID' : menu.type === 'agent' ? 'Agent ID' : menu.type === 'team' ? 'Team ID' : 'Workspace ID',
+            action: 'copy-id'
+        },
+        ...(menu.type === 'workspace' && currentWorkspace?.directories?.[0] ? [{ label: 'Root Directory Path', action: 'copy-path' }] : []),
+        ...(menu.type === 'conversation' ? [{ label: 'Full Transcript', action: 'copy-transcript' }] : [])
+    ];
+    React.useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (menuRef.current && !menuRef.current.contains(e.target)) {
+                onClose();
+            }
+        };
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                onClose();
+                return;
+            }
+            // If activeSubmenu is open, number keys 1-9 trigger submenu items
+            if (activeSubmenu === 'copy') {
+                const num = parseInt(e.key, 10);
+                if (!isNaN(num) && num >= 1 && num <= copyItems.length) {
+                    e.preventDefault();
+                    onAction(copyItems[num - 1].action);
+                    onClose();
+                    return;
+                }
+            }
+            if (activeSubmenu === 'move') {
+                const num = parseInt(e.key, 10);
+                if (!isNaN(num) && num >= 1 && num <= moveTargets.length) {
+                    e.preventDefault();
+                    const target = moveTargets[num - 1];
+                    onAction('move', target.workspaceId, target.teamId);
+                    onClose();
+                    return;
+                }
+            }
+            // Single-key shortcuts for main menu
+            const key = e.key.toUpperCase();
+            if (menu.type === 'agent') {
+                if (key === 'N') {
+                    e.preventDefault();
+                    onAction('new-conversation');
+                    onClose();
+                }
+                else if (key === 'R') {
+                    e.preventDefault();
+                    onAction('rename');
+                    onClose();
+                }
+                else if (key === 'C') {
+                    e.preventDefault();
+                    setActiveSubmenu('copy');
+                }
+                else if (key === 'M' && moveTargets.length > 0) {
+                    e.preventDefault();
+                    setActiveSubmenu('move');
+                }
+                else if (key === 'U') {
+                    e.preventDefault();
+                    onAction('duplicate');
+                    onClose();
+                }
+                else if (key === 'S') {
+                    e.preventDefault();
+                    onAction('settings');
+                    onClose();
+                }
+                else if (key === 'D') {
+                    e.preventDefault();
+                    onAction('delete');
+                    onClose();
+                }
+            }
+            else if (menu.type === 'team') {
+                if (key === 'A') {
+                    e.preventDefault();
+                    onAction('add-agent');
+                    onClose();
+                }
+                else if (key === 'R') {
+                    e.preventDefault();
+                    onAction('rename');
+                    onClose();
+                }
+                else if (key === 'C') {
+                    e.preventDefault();
+                    setActiveSubmenu('copy');
+                }
+                else if (key === 'M' && moveTargets.length > 0) {
+                    e.preventDefault();
+                    setActiveSubmenu('move');
+                }
+                else if (key === 'U') {
+                    e.preventDefault();
+                    onAction('duplicate');
+                    onClose();
+                }
+                else if (key === 'S') {
+                    e.preventDefault();
+                    onAction('settings');
+                    onClose();
+                }
+                else if (key === 'D') {
+                    e.preventDefault();
+                    onAction('delete');
+                    onClose();
+                }
+            }
+            else if (menu.type === 'workspace') {
+                if (key === 'E') {
+                    e.preventDefault();
+                    onAction('open-explorer');
+                    onClose();
+                }
+                else if (key === 'R') {
+                    e.preventDefault();
+                    onAction('rename');
+                    onClose();
+                }
+                else if (key === 'C') {
+                    e.preventDefault();
+                    setActiveSubmenu('copy');
+                }
+                else if (key === 'F') {
+                    e.preventDefault();
+                    onAction('add-folder');
+                    onClose();
+                }
+                else if (key === 'T') {
+                    e.preventDefault();
+                    onAction('add-team');
+                    onClose();
+                }
+                else if (key === 'U') {
+                    e.preventDefault();
+                    onAction('duplicate');
+                    onClose();
+                }
+                else if (key === 'X') {
+                    e.preventDefault();
+                    onAction(currentWorkspace?.teams.some(t => !t.isExpanded) ? 'expand' : 'collapse');
+                    onClose();
+                }
+                else if (key === 'S') {
+                    e.preventDefault();
+                    onAction('settings');
+                    onClose();
+                }
+                else if (key === 'D') {
+                    e.preventDefault();
+                    onAction('delete');
+                    onClose();
+                }
+            }
+            else if (menu.type === 'conversation') {
+                if (key === 'R') {
+                    e.preventDefault();
+                    onAction('rename');
+                    onClose();
+                }
+                else if (key === 'C') {
+                    e.preventDefault();
+                    setActiveSubmenu('copy');
+                }
+                else if (key === 'D') {
+                    e.preventDefault();
+                    onAction('delete');
+                    onClose();
+                }
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [onClose, activeSubmenu, copyItems, moveTargets, menu.type, currentWorkspace, onAction]);
+    const posX = Math.max(8, Math.min(menu.x, window.innerWidth - 210));
+    const posY = Math.max(8, Math.min(menu.y, window.innerHeight - 340));
+    const opensOnRight = posX + 200 + 190 <= window.innerWidth;
+    const MenuItem = ({ icon: Icon, label, shortcut, onClick, danger = false, hasSubmenu = false, position = 'middle', onMouseEnter, }) => {
+        let radiusClass = 'rounded-[2px]';
+        if (position === 'first')
+            radiusClass = 'rounded-t-[6px] rounded-b-[2px]';
+        else if (position === 'last')
+            radiusClass = 'rounded-b-[6px] rounded-t-[2px]';
+        else if (position === 'single')
+            radiusClass = 'rounded-[6px]';
+        return (_jsxs("button", { type: "button", onClick: onClick, onMouseEnter: onMouseEnter, className: "w-full px-2.5 py-1.5 text-left text-[12px] transition-colors flex items-center gap-2 cursor-pointer select-none " +
+                radiusClass + " " +
+                (danger
+                    ? "text-red-400 hover:bg-red-500/10 hover:text-red-300"
+                    : "text-zinc-300 hover:bg-white/[0.06] hover:text-white"), children: [_jsx(Icon, { className: "w-3.5 h-3.5 flex-shrink-0 " + (danger ? "text-red-400" : "text-zinc-400") }), _jsx("span", { className: "flex-1 truncate", children: label }), shortcut && (_jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: shortcut })), hasSubmenu && _jsx(ChevronRight, { className: "w-3.5 h-3.5 text-zinc-500 ml-1 flex-shrink-0" })] }));
+    };
+    { /* SubmenuPanel component with dynamic height comparison */ }
+    const SubmenuPanel = ({ children, width = 'w-[170px]', }) => {
+        const subRef = React.useRef(null);
+        const [extendsBelowParent, setExtendsBelowParent] = React.useState(false);
+        React.useLayoutEffect(() => {
+            if (subRef.current && menuRef.current) {
+                const parentRect = menuRef.current.getBoundingClientRect();
+                const subRect = subRef.current.getBoundingClientRect();
+                setExtendsBelowParent(subRect.bottom > parentRect.bottom + 6);
+            }
+        }, []);
+        return (_jsxs("div", { ref: subRef, className: "absolute top-0 z-[510] " + width + " border border-white/[0.12] bg-[#18181b] p-1 shadow-2xl " + (opensOnRight
+                ? (extendsBelowParent ? "left-full ml-2.5 rounded-lg rounded-tl-[2px]" : "left-full ml-2.5 rounded-r-lg rounded-l-[2px]")
+                : (extendsBelowParent ? "right-full mr-2.5 rounded-lg rounded-tr-[2px]" : "right-full mr-2.5 rounded-l-lg rounded-r-[2px]")), children: [_jsx("div", { "aria-hidden": "true", className: "absolute top-0 bottom-0 pointer-events-auto " + (opensOnRight ? "-left-3 w-4" : "-right-3 w-4") }), children(extendsBelowParent)] }));
+    };
+    const getSubmenuItemRadius = (idx, total, extendsBelow) => {
+        const isFirst = idx === 0;
+        const isLast = idx === total - 1;
+        if (isFirst && isLast) {
+            return opensOnRight
+                ? (extendsBelow ? 'rounded-lg rounded-tl-[2px]' : 'rounded-r-[6px] rounded-l-[2px]')
+                : (extendsBelow ? 'rounded-lg rounded-tr-[2px]' : 'rounded-l-[6px] rounded-r-[2px]');
+        }
+        if (isFirst) {
+            return opensOnRight
+                ? 'rounded-tr-[6px] rounded-tl-[2px] rounded-b-[2px]'
+                : 'rounded-tl-[6px] rounded-tr-[2px] rounded-b-[2px]';
+        }
+        if (isLast) {
+            return opensOnRight
+                ? (extendsBelow ? 'rounded-b-[6px] rounded-t-[2px]' : 'rounded-br-[6px] rounded-bl-[2px] rounded-t-[2px]')
+                : (extendsBelow ? 'rounded-b-[6px] rounded-t-[2px]' : 'rounded-bl-[6px] rounded-br-[2px] rounded-t-[2px]');
+        }
+        return 'rounded-[2px]';
+    };
+    return createPortal(_jsxs("div", { ref: menuRef, className: "fixed z-[500] w-[195px] rounded-lg border border-white/[0.12] bg-[#18181b] p-1 shadow-2xl backdrop-blur-md text-[12px] text-zinc-300 select-none animate-in fade-in duration-100", style: { left: posX, top: posY }, children: [menu.type === 'workspace' && (() => {
+                const hasDir = Boolean(currentWorkspace?.directories && currentWorkspace.directories.length > 0);
+                return (_jsxs(_Fragment, { children: [hasDir && (_jsx(MenuItem, { icon: FolderOpen, label: "Open in Explorer", shortcut: "E", position: "first", onClick: () => { onAction('open-explorer'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) })), _jsx(MenuItem, { icon: Edit2, label: "Rename Workspace", shortcut: "R", position: hasDir ? 'middle' : 'first', onClick: () => { onAction('rename'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsxs("div", { className: "relative", onMouseLeave: () => setActiveSubmenu(null), children: [_jsx(MenuItem, { icon: Copy, label: "Copy", shortcut: "C", hasSubmenu: true, position: "middle", onClick: () => setActiveSubmenu(activeSubmenu === 'copy' ? null : 'copy'), onMouseEnter: () => setActiveSubmenu('copy') }), activeSubmenu === 'copy' && (_jsx(SubmenuPanel, { width: "w-[175px]", children: (extendsBelow) => copyItems.map((item, idx) => (_jsxs("button", { type: "button", onClick: () => { onAction(item.action); onClose(); }, className: "w-full px-2 py-1 text-left text-[11px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center justify-between gap-2 cursor-pointer " + getSubmenuItemRadius(idx, copyItems.length, extendsBelow), children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1 truncate", children: [_jsx(Copy, { className: "w-3 h-3 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "truncate", children: item.label })] }), _jsx("span", { className: "text-[10px] font-mono text-zinc-500 ml-2 flex-shrink-0", children: idx + 1 })] }, item.action))) }))] }), _jsx(MenuItem, { icon: FolderPlus, label: "Add Project Folder...", shortcut: "F", position: "middle", onClick: () => { onAction('add-folder'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx(MenuItem, { icon: Plus, label: "Add Team", shortcut: "T", position: "middle", onClick: () => { onAction('add-team'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx(MenuItem, { icon: Copy, label: "Duplicate Workspace", shortcut: "U", position: "middle", onClick: () => { onAction('duplicate'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx(MenuItem, { icon: Layers, label: currentWorkspace?.teams.some(t => !t.isExpanded) ? "Expand all" : "Collapse all", shortcut: "X", position: "middle", onClick: () => { onAction(currentWorkspace?.teams.some(t => !t.isExpanded) ? 'expand' : 'collapse'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsx(MenuItem, { icon: Settings, label: "Workspace Settings", shortcut: "S", position: "middle", onClick: () => { onAction('settings'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsx(MenuItem, { icon: Trash2, label: "Delete Workspace", shortcut: "D", danger: true, position: "last", onClick: () => { onAction('delete'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) })] }));
+            })(), menu.type === 'team' && (_jsxs(_Fragment, { children: [_jsx(MenuItem, { icon: Plus, label: "Add Agent to Team", shortcut: "A", position: "first", onClick: () => { onAction('add-agent'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx(MenuItem, { icon: Edit2, label: "Rename Team", shortcut: "R", position: "middle", onClick: () => { onAction('rename'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsxs("div", { className: "relative", onMouseLeave: () => setActiveSubmenu(null), children: [_jsx(MenuItem, { icon: Copy, label: "Copy", shortcut: "C", hasSubmenu: true, position: "middle", onClick: () => setActiveSubmenu(activeSubmenu === 'copy' ? null : 'copy'), onMouseEnter: () => setActiveSubmenu('copy') }), activeSubmenu === 'copy' && (_jsx(SubmenuPanel, { width: "w-[160px]", children: (extendsBelow) => copyItems.map((item, idx) => (_jsxs("button", { type: "button", onClick: () => { onAction(item.action); onClose(); }, className: "w-full px-2 py-1 text-left text-[11px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center justify-between gap-2 cursor-pointer " + getSubmenuItemRadius(idx, copyItems.length, extendsBelow), children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1 truncate", children: [_jsx(Copy, { className: "w-3 h-3 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "truncate", children: item.label })] }), _jsx("span", { className: "text-[10px] font-mono text-zinc-500 ml-2 flex-shrink-0", children: idx + 1 })] }, item.action))) }))] }), moveTargets.length > 0 && (_jsxs("div", { className: "relative", onMouseLeave: () => setActiveSubmenu(null), children: [_jsx(MenuItem, { icon: Move, label: "Move to workspace", shortcut: "M", hasSubmenu: true, position: "middle", onClick: () => setActiveSubmenu(activeSubmenu === 'move' ? null : 'move'), onMouseEnter: () => setActiveSubmenu('move') }), activeSubmenu === 'move' && (_jsx(SubmenuPanel, { width: "w-[185px]", children: (extendsBelow) => (_jsx("div", { className: "max-h-[220px] overflow-auto", children: moveTargets.map((target, idx) => (_jsxs("button", { type: "button", onClick: () => { onAction('move', target.workspaceId); onClose(); }, className: "w-full px-2 py-1.5 text-left text-[11px] text-zinc-300 hover:bg-white/[0.06] hover:text-white rounded transition-colors flex items-center justify-between gap-2 cursor-pointer " + getSubmenuItemRadius(idx, moveTargets.length, extendsBelow), children: [_jsx("span", { className: "truncate flex-1 min-w-0", children: target.workspaceName }), _jsx("span", { className: "text-[10px] font-mono text-zinc-500 ml-2 flex-shrink-0", children: idx + 1 })] }, target.workspaceId))) })) }))] })), _jsx(MenuItem, { icon: Copy, label: "Duplicate Team", shortcut: "U", position: "middle", onClick: () => { onAction('duplicate'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsx(MenuItem, { icon: Settings, label: "Team Settings", shortcut: "S", position: "middle", onClick: () => { onAction('settings'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsx(MenuItem, { icon: Trash2, label: "Delete Team", shortcut: "D", danger: true, position: "last", onClick: () => { onAction('delete'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) })] })), menu.type === 'agent' && (_jsxs(_Fragment, { children: [_jsx(MenuItem, { icon: MessageSquare, label: "New Conversation", shortcut: "N", position: "first", onClick: () => { onAction('new-conversation'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx(MenuItem, { icon: Edit2, label: "Rename Agent", shortcut: "R", position: "middle", onClick: () => { onAction('rename'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsxs("div", { className: "relative", onMouseLeave: () => setActiveSubmenu(null), children: [_jsx(MenuItem, { icon: Copy, label: "Copy", shortcut: "C", hasSubmenu: true, position: "middle", onClick: () => setActiveSubmenu(activeSubmenu === 'copy' ? null : 'copy'), onMouseEnter: () => setActiveSubmenu('copy') }), activeSubmenu === 'copy' && (_jsx(SubmenuPanel, { width: "w-[160px]", children: (extendsBelow) => copyItems.map((item, idx) => (_jsxs("button", { type: "button", onClick: () => { onAction(item.action); onClose(); }, className: "w-full px-2 py-1 text-left text-[11px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center justify-between gap-2 cursor-pointer " + getSubmenuItemRadius(idx, copyItems.length, extendsBelow), children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1 truncate", children: [_jsx(Copy, { className: "w-3 h-3 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "truncate", children: item.label })] }), _jsx("span", { className: "text-[10px] font-mono text-zinc-500 ml-2 flex-shrink-0", children: idx + 1 })] }, item.action))) }))] }), moveTargets.length > 0 && (_jsxs("div", { className: "relative", onMouseLeave: () => setActiveSubmenu(null), children: [_jsx(MenuItem, { icon: Move, label: "Move to team", shortcut: "M", hasSubmenu: true, position: "middle", onClick: () => setActiveSubmenu(activeSubmenu === 'move' ? null : 'move'), onMouseEnter: () => setActiveSubmenu('move') }), activeSubmenu === 'move' && (_jsx(SubmenuPanel, { width: "w-[200px]", children: (extendsBelow) => (_jsx("div", { className: "max-h-[220px] overflow-auto", children: moveTargets.map((target, idx) => (_jsxs("button", { type: "button", onClick: () => { onAction('move', target.workspaceId, target.teamId); onClose(); }, className: "w-full px-2 py-1.5 text-left text-[11px] text-zinc-300 hover:bg-white/[0.06] hover:text-white rounded transition-colors flex items-center justify-between gap-2 cursor-pointer " + getSubmenuItemRadius(idx, moveTargets.length, extendsBelow), children: [_jsxs("span", { className: "truncate flex-1 min-w-0", children: [_jsxs("span", { className: "text-zinc-500", children: [target.workspaceName, " /"] }), " ", target.teamName] }), _jsx("span", { className: "text-[10px] font-mono text-zinc-500 ml-2 flex-shrink-0", children: idx + 1 })] }, `${target.workspaceId}-${target.teamId}`))) })) }))] })), _jsx(MenuItem, { icon: Copy, label: "Duplicate Agent", shortcut: "U", position: "middle", onClick: () => { onAction('duplicate'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsx(MenuItem, { icon: Settings, label: "Agent Settings", shortcut: "S", position: "middle", onClick: () => { onAction('settings'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsx(MenuItem, { icon: Trash2, label: "Delete Agent", shortcut: "D", danger: true, position: "last", onClick: () => { onAction('delete'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) })] })), menu.type === 'conversation' && (_jsxs(_Fragment, { children: [_jsx(MenuItem, { icon: Edit2, label: "Rename", shortcut: "R", position: "first", onClick: () => { onAction('rename'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) }), _jsxs("div", { className: "relative", onMouseLeave: () => setActiveSubmenu(null), children: [_jsx(MenuItem, { icon: Copy, label: "Copy", shortcut: "C", hasSubmenu: true, position: "middle", onClick: () => setActiveSubmenu(activeSubmenu === 'copy' ? null : 'copy'), onMouseEnter: () => setActiveSubmenu('copy') }), activeSubmenu === 'copy' && (_jsx(SubmenuPanel, { width: "w-[175px]", children: (extendsBelow) => copyItems.map((item, idx) => (_jsxs("button", { type: "button", onClick: () => { onAction(item.action); onClose(); }, className: "w-full px-2 py-1 text-left text-[11px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center justify-between gap-2 cursor-pointer " + getSubmenuItemRadius(idx, copyItems.length, extendsBelow), children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1 truncate", children: [_jsx(Copy, { className: "w-3 h-3 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "truncate", children: item.label })] }), _jsx("span", { className: "text-[10px] font-mono text-zinc-500 ml-2 flex-shrink-0", children: idx + 1 })] }, item.action))) }))] }), _jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsx(MenuItem, { icon: Trash2, label: "Delete Conversation", shortcut: "D", danger: true, position: "last", onClick: () => { onAction('delete'); onClose(); }, onMouseEnter: () => setActiveSubmenu(null) })] }))] }), document.body);
 }
 // =============================================================================
 // SIDEBAR COMPONENT
@@ -1992,12 +2241,15 @@ function relativeDate(ts) {
     if (hrs < 24)
         return `${hrs}h`;
     const days = Math.floor(hrs / 24);
-    if (days < 30)
+    if (days < 7)
         return `${days}d`;
+    const weeks = Math.floor(days / 7);
+    if (weeks < 4)
+        return `${weeks}w`;
     const months = Math.floor(days / 30);
     return `${months}mo`;
 }
-function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setWorkspaces, inboxAgentId, isInboxSelected, selectedInboxConversationId, onSelectInbox, onSelectInboxConversation, selectedAgentId, onSelectAgent, selectedConversationId, onSelectConversation, agentRunAvailability, onSelectPlugins, onSelectKnowledge, onSelectSettings, onOpenSearchResultInEditor, }) {
+function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setWorkspaces, inboxAgentId, isInboxSelected, selectedInboxConversationId, onSelectInbox, onSelectInboxConversation, selectedAgentId, onSelectAgent, selectedConversationId, onSelectConversation, agentRunAvailability, onSelectPlugins, onSelectKnowledge, onSelectSettings, onSelectProjects, onSelectTeams, onSelectAgents, onSelectScheduled, onStartProjectChat, onOpenSearchResultInEditor, viewMode, isSettingsOpen, }) {
     const [isAddingWorkspace, setIsAddingWorkspace] = useState(false);
     const [newWorkspaceName, setNewWorkspaceName] = useState('');
     const [addingTeamToWorkspace, setAddingTeamToWorkspace] = useState(null);
@@ -2009,6 +2261,61 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
     const [convMenuId, setConvMenuId] = useState(null);
     const [editingConvId, setEditingConvId] = useState(null);
     const [editingConvValue, setEditingConvValue] = useState('');
+    const [pinnedProjects, setPinnedProjects] = useState(() => {
+        try {
+            return JSON.parse(localStorage.getItem('xeno:pinned-projects') || '[]');
+        }
+        catch {
+            return [];
+        }
+    });
+    const [isProjectsCollapsed, setIsProjectsCollapsed] = useState(false);
+    const [entityPins, setEntityPins] = useState([]);
+    const [pinError, setPinError] = useState(null);
+    useEffect(() => {
+        const read = () => {
+            try {
+                setEntityPins(parseEntityPins(localStorage.getItem(SIDEBAR_ENTITY_PINS_KEY)));
+                setPinError(null);
+            }
+            catch {
+                setPinError('Pinned items could not be loaded. Existing preferences were not overwritten.');
+            }
+        };
+        read();
+        const onStorage = (event) => { if (event.key === SIDEBAR_ENTITY_PINS_KEY)
+            read(); };
+        window.addEventListener('storage', onStorage);
+        return () => window.removeEventListener('storage', onStorage);
+    }, []);
+    const togglePinnedEntity = (pin) => {
+        try {
+            const next = toggleEntityPin(parseEntityPins(localStorage.getItem(SIDEBAR_ENTITY_PINS_KEY)), pin);
+            localStorage.setItem(SIDEBAR_ENTITY_PINS_KEY, JSON.stringify(next));
+            setEntityPins(next);
+            setPinError(null);
+        }
+        catch {
+            setPinError('The pin could not be saved. Existing preferences were retained.');
+        }
+    };
+    const pinnedEntities = entityPins.flatMap(pin => {
+        const workspace = workspaces.find(w => w.id === pin.workspaceId);
+        const team = workspace?.teams.find(t => t.id === pin.teamId);
+        const agent = team?.agents.find(a => a.id === pin.agentId);
+        const entity = pin.type === 'workspace' ? workspace : pin.type === 'team' ? team : agent;
+        return entity ? [{ pin, name: entity.name }] : [];
+    });
+    const togglePinProject = (dir) => {
+        setPinnedProjects((prev) => {
+            const next = prev.includes(dir) ? prev.filter((d) => d !== dir) : [...prev, dir];
+            try {
+                localStorage.setItem('xeno:pinned-projects', JSON.stringify(next));
+            }
+            catch { }
+            return next;
+        });
+    };
     const [selectMode, setSelectMode] = useState(false);
     const [selectedConvIds, setSelectedConvIds] = useState(new Set());
     const [convMenuPos, setConvMenuPos] = useState({ x: 0, y: 0 });
@@ -2040,6 +2347,274 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
     const repairAgentSearch = useAgentSearchStore(s => s.repair);
     const refreshAgentSearchStatus = useAgentSearchStore(s => s.refreshStatus);
     const [searchAttachNotice, setSearchAttachNotice] = useState(null);
+    const createConversation = useAgentChatStore(s => s.createConversation);
+    // Top navigation indicators
+    const isChatsActive = viewMode === 'inbox' || viewMode === 'agent' || !viewMode;
+    const isProjectsActive = viewMode === 'projects';
+    const isTeamsActive = viewMode === 'teams';
+    const isAgentsActive = viewMode === 'agents';
+    const isScheduledActive = viewMode === 'scheduled';
+    // Top navigation tab: 'chats' | 'projects' | 'library' | 'settings' | 'scheduled'
+    const [activeNavTab, setActiveNavTab] = useState('chats');
+    const [projectSearch, setProjectSearch] = useState('');
+    const [librarySearch, setLibrarySearch] = useState('');
+    const [libraryFilter, setLibraryFilter] = useState('all');
+    const [expandedProjectIds, setExpandedProjectIds] = useState(new Set());
+    // Sidebar view mode: 'tree' | 'stacked' - Stacked view is the default look
+    const sidebarLayout = useSidebarLayoutPreference();
+    const sidebarViewMode = sidebarLayout.mode;
+    const handleToggleSidebarViewMode = () => sidebarLayout.setMode(sidebarViewMode === 'tree' ? 'stacked' : 'tree');
+    // Pinned conversations state
+    const [pinnedConvIds, setPinnedConvIds] = useState(() => {
+        try {
+            const saved = localStorage.getItem('xeno:pinned-conversations');
+            return saved ? new Set(JSON.parse(saved)) : new Set();
+        }
+        catch {
+            return new Set();
+        }
+    });
+    const togglePinConversation = (convId) => {
+        setPinnedConvIds(prev => {
+            const next = new Set(prev);
+            if (next.has(convId))
+                next.delete(convId);
+            else
+                next.add(convId);
+            try {
+                localStorage.setItem('xeno:pinned-conversations', JSON.stringify([...next]));
+            }
+            catch { }
+            return next;
+        });
+    };
+    // Universal Hover Preview Card state for workspaces, teams, agents, and chats
+    const [hoveredPreview, setHoveredPreview] = useState(null);
+    const previewTimerRef = useRef(null);
+    const previewPin = !hoveredPreview || hoveredPreview.type === 'conversation' ? null
+        : hoveredPreview.type === 'workspace' ? { type: 'workspace', workspaceId: hoveredPreview.workspaceId || hoveredPreview.id }
+            : hoveredPreview.workspaceId && (hoveredPreview.type === 'team' || hoveredPreview.teamId)
+                ? { type: hoveredPreview.type, workspaceId: hoveredPreview.workspaceId,
+                    teamId: hoveredPreview.type === 'team' ? hoveredPreview.teamId || hoveredPreview.id : hoveredPreview.teamId,
+                    ...(hoveredPreview.type === 'agent' ? { agentId: hoveredPreview.agentId || hoveredPreview.id } : {}) }
+                : null;
+    const previewEntityPinned = previewPin !== null && entityPins.some(pin => entityPinKey(pin) === entityPinKey(previewPin));
+    const closeTimerRef = useRef(null);
+    // Card inline rename state
+    const [isEditingCardName, setIsEditingCardName] = useState(false);
+    const [editingCardName, setEditingCardName] = useState('');
+    const handleAddProjectToWorkspace = async (workspaceId) => {
+        try {
+            const bridge = getAgentPlatformBridge();
+            if (typeof bridge?.workspace?.pickDirectory === 'function') {
+                const picked = await bridge.workspace.pickDirectory();
+                if (picked) {
+                    useWorkspaceStore.getState().addDirectoryToWorkspace(workspaceId, picked);
+                    return;
+                }
+            }
+        }
+        catch (err) {
+            console.error('Failed to pick directory:', err);
+        }
+        const path = window.prompt('Enter project folder directory path:');
+        if (path && path.trim()) {
+            useWorkspaceStore.getState().addDirectoryToWorkspace(workspaceId, path.trim());
+        }
+    };
+    const handleOpenPathInExplorer = async (dirPath) => {
+        try {
+            const result = await getAgentPlatformBridge().workspace.openFileWith({
+                path: dirPath, target: 'explorer', allowedDirs: [dirPath],
+            });
+            if (!result.success)
+                throw new Error(result.error || 'Unable to open Explorer.');
+        }
+        catch (error) {
+            window.alert(error instanceof Error ? error.message : 'Unable to open Explorer.');
+        }
+    };
+    const handleSaveCardRename = () => {
+        if (!hoveredPreview || !editingCardName.trim()) {
+            setIsEditingCardName(false);
+            return;
+        }
+        const newName = editingCardName.trim();
+        if (hoveredPreview.type === 'workspace') {
+            const wsId = hoveredPreview.workspaceId || hoveredPreview.id;
+            updateWorkspace(wsId, { name: newName });
+            setHoveredPreview(prev => prev ? { ...prev, title: newName } : null);
+        }
+        else if (hoveredPreview.type === 'team' && hoveredPreview.workspaceId) {
+            const teamId = hoveredPreview.teamId || hoveredPreview.id;
+            updateTeam(hoveredPreview.workspaceId, teamId, { name: newName });
+            setHoveredPreview(prev => prev ? { ...prev, title: newName } : null);
+        }
+        else if (hoveredPreview.type === 'agent' && hoveredPreview.workspaceId && hoveredPreview.teamId) {
+            const agentId = hoveredPreview.agentId || hoveredPreview.id;
+            updateAgent(hoveredPreview.workspaceId, hoveredPreview.teamId, agentId, { name: newName });
+            setHoveredPreview(prev => prev ? { ...prev, title: newName } : null);
+        }
+        else if (hoveredPreview.type === 'conversation') {
+            renameConversation(hoveredPreview.id, newName);
+            setHoveredPreview(prev => prev ? { ...prev, title: newName } : null);
+        }
+        setIsEditingCardName(false);
+    };
+    const formatUpdatedTime = (timestamp) => {
+        if (!timestamp)
+            return 'Updated recently';
+        const date = new Date(timestamp);
+        const now = new Date();
+        const isToday = date.toDateString() === now.toDateString();
+        if (isToday) {
+            const hours = date.getHours().toString().padStart(2, '0');
+            const minutes = date.getMinutes().toString().padStart(2, '0');
+            return `Updated ${hours}:${minutes}`;
+        }
+        return `Updated ${relativeDate(timestamp)}`;
+    };
+    const handleConvMouseEnter = (e, conv, workspaceName, workspaceId) => {
+        if (closeTimerRef.current) {
+            clearTimeout(closeTimerRef.current);
+            closeTimerRef.current = null;
+        }
+        if (previewTimerRef.current)
+            clearTimeout(previewTimerRef.current);
+        const target = e.currentTarget;
+        previewTimerRef.current = setTimeout(() => {
+            const rect = target.getBoundingClientRect();
+            // 1. Resolve full conversation from store
+            const fullConv = conversations[conv.id] || conv;
+            const resolvedWsId = fullConv.workspaceId || conv.workspaceId || workspaceId || activeWorkspaceScope;
+            const ws = workspaces.find(w => w.id === resolvedWsId) ||
+                (scopedWorkspace?.id === resolvedWsId ? scopedWorkspace : undefined) ||
+                workspaces.find(w => w.name === workspaceName);
+            // 2. Resolve directory path(s)
+            const dirs = [];
+            if (fullConv.rootDirectory)
+                dirs.push(fullConv.rootDirectory);
+            if (Array.isArray(fullConv.grantedDirectories)) {
+                for (const d of fullConv.grantedDirectories) {
+                    if (!dirs.includes(d))
+                        dirs.push(d);
+                }
+            }
+            if (dirs.length === 0 && ws?.directories && ws.directories.length > 0) {
+                dirs.push(...ws.directories);
+            }
+            if (dirs.length === 0 && (ws?.name || workspaceName)) {
+                dirs.push(ws?.name || workspaceName);
+            }
+            // 3. Determine if running or idle
+            const msgs = fullConv.messages || [];
+            const isRunning = msgs.some((m) => m.isStreaming) || ((agentRunAvailability[fullConv.agentId] || 0) > 0);
+            setHoveredPreview({
+                type: 'conversation',
+                id: conv.id,
+                title: conv.title || 'New conversation',
+                timestamp: conv.lastMessageAt || conv.createdAt || conv.timestamp || Date.now(),
+                status: isRunning ? 'Running' : 'Idle',
+                workspaceName: ws?.name || workspaceName || 'Workspace',
+                workspaceId: ws?.id || resolvedWsId,
+                directories: dirs.length > 0 ? dirs : undefined,
+                isPinned: pinnedConvIds.has(conv.id),
+                rect,
+            });
+        }, 180);
+    };
+    const handleWorkspaceMouseEnter = (e, ws) => {
+        if (closeTimerRef.current) {
+            clearTimeout(closeTimerRef.current);
+            closeTimerRef.current = null;
+        }
+        if (previewTimerRef.current)
+            clearTimeout(previewTimerRef.current);
+        const target = e.currentTarget;
+        previewTimerRef.current = setTimeout(() => {
+            const rect = target.getBoundingClientRect();
+            const allChats = ws.teams.flatMap(t => t.agents.flatMap(a => conversationsByAgent[a.id] || []));
+            setHoveredPreview({
+                type: 'workspace',
+                id: ws.id,
+                title: ws.name,
+                taskCount: allChats.length,
+                directories: ws.directories && ws.directories.length > 0 ? ws.directories : undefined,
+                appNames: ws.apps && ws.apps.length > 0 ? ws.apps.map(a => a.name) : undefined,
+                workspaceId: ws.id,
+                workspaceName: ws.name,
+                rect,
+            });
+        }, 200);
+    };
+    const handleTeamMouseEnter = (e, ws, team) => {
+        if (closeTimerRef.current) {
+            clearTimeout(closeTimerRef.current);
+            closeTimerRef.current = null;
+        }
+        if (previewTimerRef.current)
+            clearTimeout(previewTimerRef.current);
+        const target = e.currentTarget;
+        previewTimerRef.current = setTimeout(() => {
+            const rect = target.getBoundingClientRect();
+            const teamChats = team.agents.flatMap((a) => conversationsByAgent[a.id] || []);
+            setHoveredPreview({
+                type: 'team',
+                id: team.id,
+                title: team.name,
+                taskCount: teamChats.length,
+                directories: team.allowedDirectories && team.allowedDirectories.length > 0 ? team.allowedDirectories : (ws.directories && ws.directories.length > 0 ? ws.directories : undefined),
+                agentNames: team.agents.map((a) => a.name),
+                workspaceId: ws.id,
+                teamId: team.id,
+                workspaceName: ws.name,
+                teamName: team.name,
+                rect,
+            });
+        }, 200);
+    };
+    const handleAgentMouseEnter = (e, ws, team, agent) => {
+        if (closeTimerRef.current) {
+            clearTimeout(closeTimerRef.current);
+            closeTimerRef.current = null;
+        }
+        if (previewTimerRef.current)
+            clearTimeout(previewTimerRef.current);
+        const target = e.currentTarget;
+        previewTimerRef.current = setTimeout(() => {
+            const rect = target.getBoundingClientRect();
+            const agentChats = conversationsByAgent[agent.id] || [];
+            setHoveredPreview({
+                type: 'agent',
+                id: agent.id,
+                title: agent.name,
+                taskCount: agentChats.length,
+                model: agent.model,
+                workspaceId: ws.id,
+                teamId: team.id,
+                agentId: agent.id,
+                workspaceName: ws.name,
+                teamName: team.name,
+                rect,
+            });
+        }, 200);
+    };
+    const handleConvMouseLeave = () => {
+        if (isEditingCardName)
+            return;
+        if (previewTimerRef.current) {
+            clearTimeout(previewTimerRef.current);
+            previewTimerRef.current = null;
+        }
+        if (closeTimerRef.current) {
+            clearTimeout(closeTimerRef.current);
+        }
+        closeTimerRef.current = setTimeout(() => {
+            setHoveredPreview(null);
+            setIsEditingCardName(false);
+            closeTimerRef.current = null;
+        }, 280);
+    };
     // Sidebar metadata is derived from chat store conversations (source of truth).
     const conversationsByAgent = useMemo(() => {
         const grouped = {};
@@ -2059,12 +2634,107 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
         }
         return grouped;
     }, [conversations]);
+    // Unify all conversations across all agents, teams, and workspaces
+    const allUnifiedConversations = useMemo(() => {
+        const map = new Map();
+        // 1. From chat store conversations (source of truth for live active chats)
+        for (const conv of Object.values(conversations || {})) {
+            if (!conv || !conv.id)
+                continue;
+            const isInbox = conv.agentId === inboxAgentId;
+            map.set(conv.id, {
+                ...conv,
+                id: conv.id,
+                title: conv.title || 'New conversation',
+                agentId: conv.agentId || inboxAgentId,
+                workspaceId: conv.workspaceId,
+                rootDirectory: conv.rootDirectory,
+                lastMessageAt: conv.lastMessageAt || conv.createdAt || conv.timestamp,
+                timestamp: conv.createdAt || conv.timestamp,
+                isInbox,
+            });
+        }
+        // 2. From workspaces -> teams -> agents -> conversations
+        for (const ws of workspaces || []) {
+            for (const t of ws.teams || []) {
+                for (const a of t.agents || []) {
+                    for (const c of a.conversations || []) {
+                        if (!c || !c.id)
+                            continue;
+                        const existing = map.get(c.id);
+                        if (existing) {
+                            existing.workspaceId = existing.workspaceId || ws.id;
+                            existing.workspaceName = ws.name;
+                            existing.teamId = existing.teamId || t.id;
+                            existing.teamName = t.name;
+                            existing.agentId = existing.agentId || a.id;
+                            existing.agentName = a.name;
+                            if (!existing.rootDirectory && ws.directories && ws.directories[0]) {
+                                existing.rootDirectory = ws.directories[0];
+                            }
+                        }
+                        else {
+                            map.set(c.id, {
+                                ...c,
+                                id: c.id,
+                                title: c.title || 'New conversation',
+                                agentId: a.id,
+                                workspaceId: ws.id,
+                                workspaceName: ws.name,
+                                teamId: t.id,
+                                teamName: t.name,
+                                agentName: a.name,
+                                rootDirectory: ws.directories && ws.directories[0],
+                                lastMessageAt: c.lastMessageAt || c.timestamp,
+                                timestamp: c.timestamp,
+                                isInbox: false,
+                            });
+                        }
+                    }
+                }
+            }
+        }
+        // Enrich missing workspace/folder labels
+        for (const item of map.values()) {
+            if (!item.workspaceName && item.workspaceId) {
+                const ws = workspaces.find(w => w.id === item.workspaceId);
+                if (ws)
+                    item.workspaceName = ws.name;
+            }
+            if (!item.workspaceName && item.rootDirectory) {
+                const ws = workspaces.find(w => w.directories?.some((d) => item.rootDirectory?.startsWith(d)));
+                if (ws)
+                    item.workspaceName = ws.name;
+            }
+        }
+        const list = Array.from(map.values());
+        list.sort((a, b) => {
+            const aTime = a.lastMessageAt || a.timestamp || a.createdAt || 0;
+            const bTime = b.lastMessageAt || b.timestamp || b.createdAt || 0;
+            return bTime - aTime;
+        });
+        return list;
+    }, [conversations, workspaces, inboxAgentId]);
+    // Collect all pinned conversations from the unified pool
+    const pinnedConversations = useMemo(() => {
+        if (pinnedConvIds.size === 0)
+            return [];
+        return allUnifiedConversations
+            .filter((c) => pinnedConvIds.has(c.id))
+            .sort((a, b) => (b.lastMessageAt || b.timestamp || 0) - (a.lastMessageAt || a.timestamp || 0));
+    }, [pinnedConvIds, allUnifiedConversations]);
     const inboxConversations = conversationsByAgent[inboxAgentId] || [];
+    const activeConversationPool = allUnifiedConversations;
     const normalizedInboxSearchQuery = inboxSearchQuery.trim().toLowerCase();
     const showGlobalSearchResults = inboxSearchMode && normalizedInboxSearchQuery.length > 0;
     const visibleInboxConversations = normalizedInboxSearchQuery
-        ? inboxConversations.filter((conv) => (conv.title || 'New conversation').toLowerCase().includes(normalizedInboxSearchQuery))
-        : inboxConversations;
+        ? activeConversationPool.filter((conv) => {
+            const titleMatch = (conv.title || 'New conversation').toLowerCase().includes(normalizedInboxSearchQuery);
+            const wsMatch = (conv.workspaceName || '').toLowerCase().includes(normalizedInboxSearchQuery);
+            const agentMatch = (conv.agentName || '').toLowerCase().includes(normalizedInboxSearchQuery);
+            return titleMatch || wsMatch || agentMatch;
+        })
+        : activeConversationPool;
     const areAllVisibleInboxConversationsSelected = visibleInboxConversations.length > 0
         && visibleInboxConversations.every((conv) => selectedConvIds.has(conv.id));
     const entityNames = useMemo(() => {
@@ -2359,7 +3029,7 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
     const handleContextAction = (action, targetWorkspaceId, targetTeamId) => {
         if (!contextMenu)
             return;
-        const { type, workspaceId, teamId, agentId } = contextMenu;
+        const { type, workspaceId, teamId, agentId, conversationId } = contextMenu;
         switch (action) {
             case 'rename':
                 startRename();
@@ -2367,6 +3037,74 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
             case 'duplicate':
                 handleDuplicate();
                 break;
+            case 'open-explorer':
+                if (type === 'workspace') {
+                    const ws = workspaces.find(w => w.id === workspaceId);
+                    if (ws?.directories && ws.directories[0]) {
+                        const bridge = getAgentPlatformBridge();
+                        if (typeof bridge?.window?.openExternal === 'function') {
+                            void bridge.window.openExternal(ws.directories[0]);
+                        }
+                    }
+                }
+                break;
+            case 'copy-name': {
+                let textToCopy = '';
+                if (type === 'workspace')
+                    textToCopy = workspaces.find(w => w.id === workspaceId)?.name || '';
+                else if (type === 'team')
+                    textToCopy = workspaces.find(w => w.id === workspaceId)?.teams.find(t => t.id === teamId)?.name || '';
+                else if (type === 'agent')
+                    textToCopy = workspaces.find(w => w.id === workspaceId)?.teams.find(t => t.id === teamId)?.agents.find(a => a.id === agentId)?.name || '';
+                else if (type === 'conversation' && conversationId)
+                    textToCopy = conversations[conversationId]?.title || 'New conversation';
+                if (textToCopy && typeof navigator !== 'undefined' && navigator.clipboard) {
+                    void navigator.clipboard.writeText(textToCopy);
+                }
+                break;
+            }
+            case 'copy-id': {
+                const idToCopy = conversationId || agentId || teamId || workspaceId;
+                if (idToCopy && typeof navigator !== 'undefined' && navigator.clipboard) {
+                    void navigator.clipboard.writeText(idToCopy);
+                }
+                break;
+            }
+            case 'copy-path': {
+                const ws = workspaces.find(w => w.id === workspaceId);
+                if (ws?.directories && ws.directories[0] && typeof navigator !== 'undefined' && navigator.clipboard) {
+                    void navigator.clipboard.writeText(ws.directories[0]);
+                }
+                break;
+            }
+            case 'copy-transcript': {
+                if (conversationId) {
+                    const conv = useAgentChatStore.getState().getConversation(conversationId);
+                    if (conv && typeof navigator !== 'undefined' && navigator.clipboard) {
+                        const transcript = (conv.messages || []).map(m => `[${m.role.toUpperCase()}]: ${m.content}`).join('\n\n');
+                        void navigator.clipboard.writeText(transcript);
+                    }
+                }
+                break;
+            }
+            case 'new-conversation': {
+                if (agentId) {
+                    onSelectAgent(agentId);
+                }
+                break;
+            }
+            case 'add-agent': {
+                if (teamId) {
+                    setAddingAgentToTeam(teamId);
+                }
+                break;
+            }
+            case 'add-team': {
+                if (workspaceId) {
+                    setAddingTeamToWorkspace(workspaceId);
+                }
+                break;
+            }
             case 'add-folder':
                 if (type === 'workspace') {
                     void (async () => {
@@ -2458,11 +3196,9 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
                                         ...w,
                                         teams: w.teams.map(t => {
                                             if (t.id === teamId) {
-                                                // Remove from source team
                                                 return { ...t, agents: t.agents.filter(a => a.id !== agentId) };
                                             }
                                             if (t.id === targetTeamId) {
-                                                // Add to target team
                                                 return { ...t, agents: [...t.agents, sanitizedAgent] };
                                             }
                                             return t;
@@ -2673,6 +3409,9 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
         const { type, workspaceId, teamId, agentId, conversationId } = contextMenu;
         if (type === 'workspace') {
             setWorkspaces(workspaces.filter(w => w.id !== workspaceId));
+            if (activeWorkspaceScope === workspaceId) {
+                setActiveWorkspaceScope(null);
+            }
         }
         else if (type === 'team' && teamId) {
             setWorkspaces(workspaces.map(w => w.id === workspaceId
@@ -2754,6 +3493,80 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
     };
     // Agent actions
     const storeAddAgent = useWorkspaceStore(s => s.addAgent);
+    const activeWorkspaceScope = useWorkspaceStore(s => s.activeWorkspaceScope);
+    const setActiveWorkspaceScope = useWorkspaceStore(s => s.setActiveWorkspaceScope);
+    const openWorkspaceWizard = useWorkspaceStore(s => s.openWorkspaceWizard);
+    const updateWorkspace = useWorkspaceStore(s => s.updateWorkspace);
+    const updateTeam = useWorkspaceStore(s => s.updateTeam);
+    const updateAgent = useWorkspaceStore(s => s.updateAgent);
+    const scopedWorkspace = useMemo(() => {
+        if (!activeWorkspaceScope)
+            return null;
+        return workspaces.find(w => w.id === activeWorkspaceScope && !w.isArchived) || null;
+    }, [workspaces, activeWorkspaceScope]);
+    const scopedMainAgentInfo = useMemo(() => {
+        if (!scopedWorkspace)
+            return null;
+        for (const team of scopedWorkspace.teams) {
+            const main = team.agents.find(a => a.isMainAssistant);
+            if (main)
+                return { agent: main, team };
+        }
+        if (scopedWorkspace.teams[0]?.agents[0]) {
+            return { agent: scopedWorkspace.teams[0].agents[0], team: scopedWorkspace.teams[0] };
+        }
+        return null;
+    }, [scopedWorkspace]);
+    const currentWorkspace = useMemo(() => {
+        if (activeWorkspaceScope) {
+            const found = workspaces.find((w) => w.id === activeWorkspaceScope && !w.isArchived);
+            if (found)
+                return found;
+        }
+        return workspaces.find((w) => !w.isArchived) || workspaces[0] || null;
+    }, [workspaces, activeWorkspaceScope]);
+    const currentWorkspaceProjects = useMemo(() => {
+        if (currentWorkspace?.directories)
+            return currentWorkspace.directories;
+        return Array.from(new Set(workspaces.flatMap((w) => w.directories || [])));
+    }, [currentWorkspace, workspaces]);
+    const pinnedProjectItems = useMemo(() => {
+        return pinnedProjects.map((dir) => {
+            const name = dir.split(/[\\/]/).filter(Boolean).pop() || dir;
+            const parentWs = workspaces.find((w) => w.directories?.includes(dir));
+            return { dir, name, workspaceName: parentWs?.name || 'Workspace' };
+        });
+    }, [pinnedProjects, workspaces]);
+    const handleSelectScopedWorkspaceChat = () => {
+        if (!scopedWorkspace)
+            return;
+        if (scopedMainAgentInfo) {
+            onSelectAgent(scopedMainAgentInfo.agent.id);
+        }
+        else {
+            const newTeamId = generateId();
+            const newAgentId = generateId();
+            const newTeam = {
+                id: newTeamId,
+                name: 'Core',
+                allowedDirectories: [],
+                allowedApps: [],
+                isExpanded: true,
+                agents: [{
+                        ...agentCreationConfiguration(scopedWorkspace, undefined),
+                        id: newAgentId,
+                        name: 'Lead Assistant',
+                        isMainAssistant: true,
+                        allowedDirectories: [],
+                        allowedApps: [],
+                        conversations: [],
+                        isExpanded: true,
+                    }]
+            };
+            setWorkspaces(workspaces.map(w => w.id === scopedWorkspace.id ? { ...w, teams: [...w.teams, newTeam] } : w));
+            onSelectAgent(newAgentId);
+        }
+    };
     const handleAddAgent = (workspaceId, teamId) => {
         if (newAgentName.trim()) {
             storeAddAgent(workspaceId, teamId, newAgentName.trim());
@@ -2766,9 +3579,41 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
         return renamingItem?.type === type && renamingItem?.id === id;
     };
     if (collapsed) {
-        return (_jsxs("aside", { className: "flex-shrink-0 bg-[#0c0c0e] border-r border-white/[0.06] flex flex-col items-center py-2 gap-2 w-[48px]", children: [_jsx("button", { onClick: onToggleCollapse, className: "p-1.5 rounded-md text-white/30 bg-white/[0.04] hover:text-white/50 hover:bg-white/[0.08] transition-colors", title: "Expand sidebar", children: _jsx(PanelLeftOpen, { className: "w-4 h-4" }) }), _jsx("button", { onClick: onSelectInbox, className: `p-1.5 rounded-md transition-colors ${isInboxSelected
-                        ? 'text-white bg-white/[0.08]'
-                        : 'text-white/45 hover:text-white hover:bg-white/[0.04]'}`, title: "Inbox", children: _jsx(InboxIcon, {}) }), _jsx("div", { className: "flex-1" }), _jsx("button", { onClick: onSelectKnowledge, className: "p-1.5 rounded-md text-white/45 hover:text-white/70 hover:bg-white/[0.04] transition-colors", title: "Knowledge", children: _jsx(BookIcon, {}) }), _jsx("button", { onClick: onSelectSettings, className: "p-1.5 rounded-md text-white/45 hover:text-white/70 hover:bg-white/[0.04] transition-colors", title: "Settings", children: _jsx(SettingsIcon, {}) })] }));
+        const targetWs = scopedWorkspace || currentWorkspace || workspaces[0];
+        return (_jsxs("aside", { className: "flex-shrink-0 bg-[#0c0c0e] border-r border-white/[0.06] flex flex-col items-center py-2.5 gap-1.5 w-[50px] select-none", children: [_jsx("button", { onClick: onToggleCollapse, className: "p-1.5 rounded-[4px] text-[#7f7f86] hover:text-white hover:bg-white/[0.06] transition-colors cursor-pointer", title: "Expand sidebar", children: _jsx(PanelLeftOpen, { className: "w-4 h-4" }) }), _jsx("button", { type: "button", onClick: () => {
+                        const targetAgentId = scopedWorkspace ? (scopedMainAgentInfo?.agent?.id || inboxAgentId) : inboxAgentId;
+                        const newId = createConversation(targetAgentId);
+                        onSelectConversation(targetAgentId, newId);
+                    }, className: "p-1.5 rounded-[4px] bg-white/[0.06] hover:bg-white/[0.1] text-white transition-colors cursor-pointer", title: "New Chat", children: _jsx(Plus, { className: "w-4 h-4" }) }), _jsx("div", { className: "w-6 h-px bg-white/[0.06] my-1" }), _jsx("button", { type: "button", onClick: () => {
+                        if (scopedWorkspace) {
+                            handleSelectScopedWorkspaceChat();
+                        }
+                        else {
+                            onSelectInbox();
+                        }
+                    }, className: `p-1.5 rounded-[4px] transition-colors cursor-pointer ${isChatsActive
+                        ? 'bg-white/[0.08] text-white'
+                        : 'text-[#7f7f86] hover:text-white hover:bg-white/[0.04]'}`, title: currentWorkspace ? `${currentWorkspace.name} Main Chat` : 'Chat', children: _jsx(MessageSquare, { className: "w-4 h-4" }) }), _jsx("button", { type: "button", onClick: onSelectProjects, className: `p-1.5 rounded-[4px] transition-colors cursor-pointer ${viewMode === 'projects'
+                        ? 'bg-white/[0.08] text-white'
+                        : 'text-[#7f7f86] hover:text-white hover:bg-white/[0.04]'}`, title: "Projects", children: _jsx(Folder, { className: "w-4 h-4" }) }), _jsx("button", { type: "button", onClick: onSelectTeams, className: `p-1.5 rounded-[4px] transition-colors cursor-pointer ${viewMode === 'teams'
+                        ? 'bg-white/[0.08] text-white'
+                        : 'text-[#7f7f86] hover:text-white hover:bg-white/[0.04]'}`, title: "Teams", children: _jsx(Users, { className: "w-4 h-4" }) }), _jsx("button", { type: "button", onClick: onSelectAgents, className: `p-1.5 rounded-[4px] transition-colors cursor-pointer ${viewMode === 'agents'
+                        ? 'bg-white/[0.08] text-white'
+                        : 'text-[#7f7f86] hover:text-white hover:bg-white/[0.04]'}`, title: "Agents", children: _jsx(Bot, { className: "w-4 h-4" }) }), _jsx("button", { type: "button", onClick: onSelectKnowledge, className: "p-1.5 rounded-[4px] text-[#7f7f86] hover:text-white hover:bg-white/[0.04] transition-colors cursor-pointer", title: "Library", children: _jsx(BookOpen, { className: "w-4 h-4" }) }), _jsx("button", { type: "button", onClick: onSelectScheduled, className: `p-1.5 rounded-[4px] transition-colors cursor-pointer ${viewMode === 'scheduled'
+                        ? 'bg-white/[0.08] text-white'
+                        : 'text-[#7f7f86] hover:text-white hover:bg-white/[0.04]'}`, title: "Scheduled Tasks", children: _jsx(Clock, { className: "w-4 h-4" }) }), _jsx("div", { className: "flex-1" }), _jsx("button", { type: "button", onClick: () => {
+                        if (targetWs) {
+                            onOpenSettings({
+                                type: 'workspace',
+                                workspaceId: targetWs.id,
+                                workspaceName: targetWs.name,
+                                teamCount: targetWs.teams.length,
+                                agentCount: targetWs.teams.reduce((acc, t) => acc + t.agents.length, 0),
+                            });
+                        }
+                    }, className: `p-1.5 rounded-[4px] transition-colors cursor-pointer ${isSettingsOpen
+                        ? 'bg-white/[0.08] text-white'
+                        : 'text-[#7f7f86] hover:text-white hover:bg-white/[0.04]'}`, title: "Workspace Settings", children: _jsx(Settings, { className: "w-4 h-4" }) })] }));
     }
     return (_jsxs("aside", { className: "flex-shrink-0 bg-[#0c0c0e] border-r border-white/[0.06] flex flex-col", style: { width: SIDEBAR_WIDTH }, children: [_jsx("style", { children: `
         @keyframes conversationDeleteParticle {
@@ -2776,212 +3621,389 @@ function Sidebar({ collapsed, onToggleCollapse, onOpenSettings, workspaces, setW
           15% { opacity: 1; }
           100% { opacity: 0; transform: translate3d(var(--dx, 18px), var(--dy, -10px), 0) scale(1.35); }
         }
-      ` }), _jsxs("nav", { className: "flex-1 overflow-auto p-2", children: [_jsxs("div", { className: "flex items-center gap-1", children: [inboxSearchMode ? (_jsxs("div", { className: "flex-1 min-w-0 h-[34px] flex items-center gap-2 px-2 py-1.5 rounded-md bg-white/[0.08] border border-white/[0.08]", children: [_jsx(InboxIcon, {}), _jsx("input", { ref: inboxSearchInputRef, value: inboxSearchQuery, onChange: (e) => setInboxSearchQuery(e.target.value), onKeyDown: (e) => {
-                                            if (e.key === 'Escape') {
-                                                e.preventDefault();
-                                                clearInboxSearch();
+      ` }), _jsxs("nav", { className: "flex-1 overflow-auto p-2 space-y-3 [&::-webkit-scrollbar]:hidden", children: [_jsxs("div", { className: "pb-1.5 space-y-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-1 pb-1", children: [_jsxs("button", { type: "button", onClick: () => {
+                                            const targetAgentId = scopedWorkspace ? (scopedMainAgentInfo?.agent?.id || inboxAgentId) : inboxAgentId;
+                                            const newId = createConversation(targetAgentId);
+                                            onSelectConversation(targetAgentId, newId);
+                                        }, className: "flex-1 flex items-center gap-2 px-2.5 py-1.5 rounded-md bg-white/[0.06] hover:bg-white/[0.1] text-white text-[12.5px] font-medium transition-colors cursor-pointer", children: [_jsx(Plus, { className: "w-3.5 h-3.5 text-zinc-300" }), _jsx("span", { children: "New" })] }), _jsx("button", { onClick: onToggleCollapse, className: "p-1.5 rounded-md text-zinc-500 hover:text-zinc-200 hover:bg-white/[0.04] transition-colors flex-shrink-0 cursor-pointer", title: "Collapse sidebar", children: _jsx(PanelLeftClose, { className: "w-4 h-4" }) })] }), _jsxs("div", { className: "space-y-0.5", children: [_jsxs("button", { type: "button", onClick: () => {
+                                            if (scopedWorkspace) {
+                                                handleSelectScopedWorkspaceChat();
                                             }
-                                        }, onBlur: () => {
-                                            if (!inboxSearchQuery.trim())
-                                                clearInboxSearch();
-                                        }, placeholder: "Search all conversations", className: "flex-1 min-w-0 bg-transparent text-[14px] text-white placeholder:text-white/25 focus:outline-none" })] })) : (_jsxs("button", { onClick: onSelectInbox, onContextMenu: (e) => {
-                                    e.preventDefault();
-                                    setInboxMenuPos({ x: e.clientX, y: e.clientY });
-                                }, className: `flex-1 min-w-0 h-[34px] flex items-center gap-2 px-2 py-1.5 rounded-md transition-colors ${isInboxSelected
-                                    ? 'text-white bg-white/[0.08]'
-                                    : 'text-white/70 hover:text-white hover:bg-white/[0.04]'}`, children: [_jsx(InboxIcon, {}), _jsx("span", { className: "text-[14px]", children: "Inbox" })] })), _jsx("button", { onClick: onToggleCollapse, className: "p-1.5 rounded-md text-white/30 bg-white/[0.04] hover:text-white/50 hover:bg-white/[0.08] transition-colors flex-shrink-0", title: "Collapse sidebar", children: _jsx(PanelLeftClose, { className: "w-4 h-4" }) })] }), showGlobalSearchResults && (_jsxs("div", { className: "ml-3 mt-1 max-h-[320px] overflow-y-auto border-l pl-2 xeno-border-subtle [&::-webkit-scrollbar]:hidden", children: [_jsxs("div", { className: "mb-1 flex items-center justify-between px-2 py-1", children: [_jsx("span", { className: "text-[10px] font-medium uppercase tracking-[0.16em] text-[color:var(--xeno-ink-faint)]", children: "Global Search" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[10px] tabular-nums text-[color:var(--xeno-ink-faint)]", children: searchLoading ? 'indexing...' : `${searchTotal} hit${searchTotal === 1 ? '' : 's'}` }), _jsx("button", { type: "button", disabled: searchRepairing, onClick: (event) => {
-                                                    event.preventDefault();
-                                                    event.stopPropagation();
-                                                    void repairAgentSearch();
-                                                }, className: "rounded border border-white/[0.07] px-1.5 py-0.5 text-[9px] uppercase tracking-[0.12em] text-white/32 transition-colors hover:border-white/[0.16] hover:text-white/62 disabled:opacity-30", title: "Repair and rebuild the local conversation search index", children: searchRepairing ? 'repairing' : 'repair' })] })] }), _jsxs("div", { className: "mb-1 rounded-md border border-white/[0.045] bg-black/15 px-2 py-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] text-[color:var(--xeno-ink-faint)]", children: [_jsxs("span", { className: "truncate", children: [(searchStats?.backend || 'index'), " / ", searchStats?.documentCount ?? 0, " docs", typeof searchStats?.lastQueryMs === 'number' ? ` / ${searchStats.lastQueryMs}ms` : '', typeof searchProfile?.p95QueryMs === 'number' ? ` / p95 ${searchProfile.p95QueryMs}ms` : ''] }), searchHealth && (_jsx("span", { className: `flex-shrink-0 ${searchHealth.healthy ? 'text-[#96e59d]/70' : 'text-[#ffd38a]/80'}`, children: searchHealth.healthy ? 'healthy' : `${searchHealth.issues.length} issue${searchHealth.issues.length === 1 ? '' : 's'}` }))] }), searchHealth?.issues?.[0] && (_jsx("p", { className: "mt-1 truncate text-[10px] text-[#ffd38a]/70", children: searchHealth.issues[0].message })), searchProfile?.slowQueries?.[0] && (_jsxs("p", { className: "mt-1 truncate text-[10px] text-white/28", children: ["Slowest recent: ", searchProfile.slowQueries[0].durationMs, "ms / ", searchProfile.slowQueries[0].query] })), searchWatcherStatus && (_jsxs("p", { className: "mt-1 truncate text-[10px] text-white/24", children: ["Watcher: ", searchWatcherStatus.running ? `${searchWatcherStatus.watchedPathCount} paths` : 'offline', searchWatcherStatus.pendingReindex ? ' / reindex pending' : '', searchWatcherStatus.lastReindexError ? ` / ${searchWatcherStatus.lastReindexError}` : ''] }))] }), searchAttachNotice && (_jsx("p", { className: "mb-1 rounded-md border border-white/[0.06] bg-white/[0.04] px-2 py-1 text-[11px] text-[color:var(--xeno-ink-muted)]", children: searchAttachNotice })), searchRepairNotice && (_jsx("p", { className: "mb-1 rounded-md border border-[#96e59d]/15 bg-[#96e59d]/10 px-2 py-1 text-[11px] text-[#bdf1c2]/85", children: searchRepairNotice })), searchError && (_jsx("p", { className: "rounded-md border border-red-400/15 bg-red-400/10 px-2 py-1.5 text-[11px] text-red-200/80", children: searchError })), !searchError && searchResults.length > 0 && (_jsx("div", { className: "space-y-1", children: searchResults.slice(0, 12).map((result) => {
-                                    const canAttach = !!activeAttachTargetConversationId
-                                        && !!result.scope.conversationId
-                                        && result.scope.conversationId !== activeAttachTargetConversationId;
-                                    const canCopyReference = result.actions.includes('copy-reference');
-                                    const canOpenInEditor = result.actions.includes('open-in-editor') && !!result.sourceRef?.filePath;
-                                    const canOpenTrace = result.actions.includes('open-trace') && !!result.sourceRef?.runtimeEventId;
-                                    const canSummarize = result.actions.includes('summarize');
-                                    return (_jsxs("div", { role: "button", tabIndex: 0, onClick: () => openSearchResult(result), onKeyDown: (event) => {
-                                            if (event.key !== 'Enter' && event.key !== ' ')
-                                                return;
-                                            event.preventDefault();
-                                            openSearchResult(result);
-                                        }, className: "group/search w-full rounded-lg border border-white/[0.05] bg-white/[0.025] px-2 py-2 text-left transition-colors hover:border-white/[0.12] hover:bg-white/[0.06]", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: "min-w-0 truncate text-[12px] font-medium text-[color:var(--xeno-ink-secondary)]", children: result.title || result.type }), _jsxs("div", { className: "flex flex-shrink-0 items-center gap-1", children: [canCopyReference && (_jsx("button", { type: "button", onClick: (event) => { void copySearchReference(event, result); }, onKeyDown: (event) => {
-                                                                    if (event.key !== 'Enter' && event.key !== ' ')
-                                                                        return;
-                                                                    event.preventDefault();
-                                                                    void copySearchReference(event, result);
-                                                                }, className: "rounded border border-white/[0.08] px-1.5 py-0.5 text-[9px] uppercase tracking-[0.12em] text-white/38 transition-colors group-hover/search:text-white/68 hover:border-white/[0.2] hover:bg-white/[0.08]", children: "Copy" })), canOpenInEditor && (_jsx("button", { type: "button", onClick: (event) => { void openSearchResultInEditor(event, result); }, onKeyDown: (event) => {
-                                                                    if (event.key !== 'Enter' && event.key !== ' ')
-                                                                        return;
-                                                                    event.preventDefault();
-                                                                    void openSearchResultInEditor(event, result);
-                                                                }, className: "rounded border border-white/[0.08] px-1.5 py-0.5 text-[9px] uppercase tracking-[0.12em] text-white/38 transition-colors group-hover/search:text-white/68 hover:border-white/[0.2] hover:bg-white/[0.08]", children: "Open" })), canOpenTrace && (_jsx("button", { type: "button", onClick: (event) => openSearchResultTrace(event, result), onKeyDown: (event) => {
-                                                                    if (event.key !== 'Enter' && event.key !== ' ')
-                                                                        return;
-                                                                    event.preventDefault();
-                                                                    openSearchResultTrace(event, result);
-                                                                }, className: "rounded border border-white/[0.08] px-1.5 py-0.5 text-[9px] uppercase tracking-[0.12em] text-white/38 transition-colors group-hover/search:text-white/68 hover:border-white/[0.2] hover:bg-white/[0.08]", children: "Trace" })), canSummarize && (_jsx("button", { type: "button", onClick: (event) => { void summarizeSearchResult(event, result); }, onKeyDown: (event) => {
-                                                                    if (event.key !== 'Enter' && event.key !== ' ')
-                                                                        return;
-                                                                    event.preventDefault();
-                                                                    void summarizeSearchResult(event, result);
-                                                                }, className: "rounded border border-white/[0.08] px-1.5 py-0.5 text-[9px] uppercase tracking-[0.12em] text-white/38 transition-colors group-hover/search:text-white/68 hover:border-white/[0.2] hover:bg-white/[0.08]", children: "Summary" })), canAttach && (_jsx("button", { type: "button", onClick: (event) => { void attachSearchResult(event, result); }, onKeyDown: (event) => {
-                                                                    if (event.key !== 'Enter' && event.key !== ' ')
-                                                                        return;
-                                                                    event.preventDefault();
-                                                                    void attachSearchResult(event, result);
-                                                                }, className: "rounded border border-white/[0.08] px-1.5 py-0.5 text-[9px] uppercase tracking-[0.12em] text-white/38 transition-colors group-hover/search:text-white/68 hover:border-white/[0.2] hover:bg-white/[0.08]", children: "Attach" }))] })] }), _jsx("p", { className: "mt-0.5 truncate text-[10px] uppercase tracking-[0.12em] text-[color:var(--xeno-ink-faint)]", children: getSearchResultMeta(result) }), result.snippet && (_jsx("p", { className: "mt-1 max-h-10 overflow-hidden text-[11px] leading-5 text-[color:var(--xeno-ink-muted)]", children: result.snippet }))] }, result.id));
-                                }) })), !searchLoading && !searchError && searchResults.length === 0 && (_jsx("p", { className: "px-2 py-1 text-[11px] text-[color:var(--xeno-ink-faint)]", children: "No conversations, tool calls, runtime events, or workspace metadata match this search." }))] })), !showGlobalSearchResults && visibleInboxConversations.length > 0 && (_jsxs("div", { className: "ml-3 mt-1 max-h-[240px] space-y-0.5 overflow-y-auto border-l pl-2 xeno-border-subtle [&::-webkit-scrollbar]:hidden", children: [visibleInboxConversations.slice(0, inboxExpanded ? undefined : 5).map(conv => {
-                                const isDeleting = deletingConvIds.has(conv.id);
-                                return (_jsxs("div", { className: `relative overflow-hidden transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] ${isDeleting
-                                        ? 'max-h-0 opacity-0 -translate-y-2 scale-y-75 pointer-events-none'
-                                        : 'max-h-20 opacity-100 translate-y-0 scale-y-100'}`, style: { transformOrigin: 'top left' }, children: [_jsxs("div", { className: `group/conv relative flex items-center rounded-md transition-all duration-300 ${selectedInboxConversationId === conv.id
-                                                ? 'bg-white/[0.06]'
-                                                : 'hover:bg-white/[0.02]'} ${isDeleting ? 'translate-x-3 scale-[0.985] saturate-50' : 'translate-x-0 scale-100'}`, onMouseEnter: () => !isDeleting && setHoveredConvId(conv.id), onMouseLeave: () => { if (!isDeleting && convMenuId !== conv.id)
-                                                setHoveredConvId(null); }, onContextMenu: (e) => {
-                                                if (isDeleting)
-                                                    return;
-                                                e.preventDefault();
-                                                setConvMenuPos({ x: e.clientX, y: e.clientY });
-                                                setConvMenuId(conv.id);
-                                                setHoveredConvId(conv.id);
-                                            }, children: [selectMode && (_jsx("button", { onClick: (e) => {
-                                                        if (isDeleting)
-                                                            return;
-                                                        e.stopPropagation();
-                                                        setSelectedConvIds(prev => {
-                                                            const next = new Set(prev);
-                                                            if (next.has(conv.id))
-                                                                next.delete(conv.id);
+                                            else {
+                                                onSelectInbox();
+                                            }
+                                        }, className: `w-full flex items-center gap-2.5 px-2.5 py-1.5 rounded-md text-left text-[12.5px] transition-colors cursor-pointer select-none ${isChatsActive
+                                            ? 'bg-white/[0.08] text-white font-medium'
+                                            : 'text-zinc-400 hover:text-white hover:bg-white/[0.04]'}`, children: [_jsx(MessageSquare, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Chat" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                            onSelectProjects();
+                                        }, className: `w-full flex items-center gap-2.5 px-2.5 py-1.5 rounded-md text-left text-[12.5px] transition-colors cursor-pointer select-none ${isProjectsActive
+                                            ? 'bg-white/[0.08] text-white font-medium'
+                                            : 'text-zinc-400 hover:text-white hover:bg-white/[0.04]'}`, children: [_jsx(Folder, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Projects" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                            onSelectTeams?.();
+                                        }, className: `w-full flex items-center gap-2.5 px-2.5 py-1.5 rounded-md text-left text-[12.5px] transition-colors cursor-pointer select-none ${isTeamsActive
+                                            ? 'bg-white/[0.08] text-white font-medium'
+                                            : 'text-zinc-400 hover:text-white hover:bg-white/[0.04]'}`, children: [_jsx(Users, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Teams" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                            onSelectAgents?.();
+                                        }, className: `w-full flex items-center gap-2.5 px-2.5 py-1.5 rounded-md text-left text-[12.5px] transition-colors cursor-pointer select-none ${isAgentsActive
+                                            ? 'bg-white/[0.08] text-white font-medium'
+                                            : 'text-zinc-400 hover:text-white hover:bg-white/[0.04]'}`, children: [_jsx(Bot, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Agents" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                            onSelectKnowledge();
+                                        }, className: "w-full flex items-center gap-2.5 px-2.5 py-1.5 rounded-md text-left text-[12.5px] text-zinc-400 hover:text-white hover:bg-white/[0.04] transition-colors cursor-pointer select-none", children: [_jsx(BookOpen, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Library" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                            onSelectScheduled?.();
+                                        }, className: `w-full flex items-center gap-2.5 px-2.5 py-1.5 rounded-md text-left text-[12.5px] transition-colors cursor-pointer select-none ${isScheduledActive
+                                            ? 'bg-white/[0.08] text-white font-medium'
+                                            : 'text-zinc-400 hover:text-white hover:bg-white/[0.04]'}`, children: [_jsx(Clock, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Scheduled" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                            const targetWs = scopedWorkspace || currentWorkspace || workspaces[0];
+                                            if (targetWs) {
+                                                onOpenSettings({
+                                                    type: 'workspace',
+                                                    workspaceId: targetWs.id,
+                                                    workspaceName: targetWs.name,
+                                                    teamCount: targetWs.teams.length,
+                                                    agentCount: targetWs.teams.reduce((acc, t) => acc + t.agents.length, 0),
+                                                });
+                                            }
+                                        }, className: `w-full flex items-center gap-2.5 px-2.5 py-1.5 rounded-md text-left text-[12.5px] transition-colors cursor-pointer select-none ${isSettingsOpen
+                                            ? 'bg-white/[0.08] text-white font-medium'
+                                            : 'text-zinc-400 hover:text-white hover:bg-white/[0.04]'}`, children: [_jsx(Settings, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Settings" })] })] })] }), _jsxs("div", { className: "space-y-3 pt-1", children: [pinError && _jsx("p", { role: "alert", className: "px-2 text-[11px] text-amber-300", children: pinError }), (pinnedProjectItems.length > 0 || pinnedConversations.length > 0 || pinnedEntities.length > 0) && (_jsxs("div", { className: "pt-1 pb-1", children: [_jsxs("div", { className: "flex items-center justify-between px-2 pb-1 select-none", children: [_jsx("span", { className: "text-[11px] font-medium tracking-wide text-zinc-400", children: "Pinned" }), _jsx("span", { className: "text-[9px] font-mono px-1 py-0.2 rounded bg-white/[0.06] text-zinc-500", children: pinnedProjectItems.length + pinnedConversations.length + pinnedEntities.length })] }), _jsxs("div", { className: "space-y-0.5", children: [pinnedEntities.map(({ pin, name }) => (_jsxs("div", { className: "flex items-center gap-1 rounded-md px-2 py-1 text-[12px] text-zinc-300", children: [_jsxs("button", { type: "button", className: "min-w-0 flex-1 truncate text-left hover:text-white", onClick: () => {
+                                                            setActiveWorkspaceScope(pin.workspaceId);
+                                                            if (pin.type === 'agent')
+                                                                onSelectAgent(pin.agentId);
+                                                            else if (pin.type === 'team')
+                                                                onOpenSettings({ type: 'team', workspaceId: pin.workspaceId, teamId: pin.teamId, teamName: name });
                                                             else
-                                                                next.add(conv.id);
-                                                            return next;
-                                                        });
-                                                    }, className: "flex-shrink-0 w-4 h-4 ml-1 mr-1 rounded-[3px] border flex items-center justify-center transition-all duration-100", style: {
-                                                        background: selectedConvIds.has(conv.id) ? 'rgba(255,255,255,0.85)' : 'rgba(0,0,0,0.35)',
-                                                        borderColor: selectedConvIds.has(conv.id) ? 'rgba(255,255,255,0.85)' : 'rgba(255,255,255,0.2)',
-                                                    }, children: selectedConvIds.has(conv.id) && (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "#09090b", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) })), editingConvId === conv.id ? (_jsx("input", { type: "text", value: editingConvValue, onChange: (e) => setEditingConvValue(e.target.value), onKeyDown: (e) => {
-                                                        if (e.key === 'Enter') {
-                                                            if (editingConvValue.trim())
-                                                                renameConversation(conv.id, editingConvValue.trim());
-                                                            setEditingConvId(null);
+                                                                onOpenSettings({ type: 'workspace', workspaceId: pin.workspaceId, workspaceName: name });
+                                                        }, children: [name, " ", _jsx("span", { className: "text-[9px] text-zinc-500", children: pin.type })] }), _jsx("button", { type: "button", "aria-label": `Unpin ${pin.type} ${name}`, onClick: () => togglePinnedEntity(pin), className: "p-1 text-[#8ad7ff] hover:text-white", children: _jsx(Pin, { className: "h-3 w-3 rotate-45 fill-current" }) })] }, entityPinKey(pin)))), pinnedProjectItems.map((p) => {
+                                                const leadAgent = currentWorkspace?.teams?.[0]?.agents?.[0] || { id: inboxAgentId };
+                                                return (_jsxs("div", { onClick: () => {
+                                                        if (onStartProjectChat) {
+                                                            onStartProjectChat(leadAgent.id, p.dir);
                                                         }
-                                                        if (e.key === 'Escape')
-                                                            setEditingConvId(null);
-                                                    }, onBlur: () => {
-                                                        if (editingConvValue.trim())
-                                                            renameConversation(conv.id, editingConvValue.trim());
-                                                        setEditingConvId(null);
-                                                    }, className: "flex-1 px-2 py-1 bg-black/40 border border-white/[0.15] rounded text-[12px] text-white focus:outline-none", autoFocus: true })) : (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => { if (!isDeleting)
-                                                                onSelectInboxConversation(conv.id); }, className: `min-w-0 flex-1 px-2 py-1.5 text-left transition-colors ${selectedInboxConversationId === conv.id
-                                                                ? 'text-[color:var(--xeno-ink-secondary)]'
-                                                                : 'text-[color:var(--xeno-ink-muted)] hover:text-[color:var(--xeno-ink-secondary)]'}`, children: _jsx("p", { className: "text-[12px] truncate", children: conv.title || 'New conversation' }) }), _jsx("div", { className: "flex-shrink-0 pr-1.5 flex items-center", children: hoveredConvId === conv.id ? (_jsx("div", { className: "relative", children: _jsx("button", { onClick: (e) => {
-                                                                        if (isDeleting)
-                                                                            return;
-                                                                        e.stopPropagation();
-                                                                        const rect = e.currentTarget.getBoundingClientRect();
-                                                                        setConvMenuPos({ x: rect.right, y: rect.bottom + 4 });
-                                                                        setConvMenuId(convMenuId === conv.id ? null : conv.id);
-                                                                    }, className: "rounded p-0.5 text-[color:var(--xeno-ink-faint)] transition-colors hover:bg-white/[0.06] hover:text-[color:var(--xeno-ink-secondary)]", children: _jsxs("svg", { className: "w-3.5 h-3.5", fill: "currentColor", viewBox: "0 0 16 16", children: [_jsx("circle", { cx: "8", cy: "3", r: "1.5" }), _jsx("circle", { cx: "8", cy: "8", r: "1.5" }), _jsx("circle", { cx: "8", cy: "13", r: "1.5" })] }) }) })) : (_jsx("span", { className: "text-[9px] tabular-nums text-[color:var(--xeno-ink-faint)]", children: relativeDate(conv.lastMessageAt || conv.timestamp) })) })] }))] }), isDeleting && (_jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden rounded-md", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-red-400/10 via-orange-300/10 to-transparent" }), _jsx("span", { className: "absolute left-4 top-1/2 h-1 w-1 rounded-[1px] bg-red-300/80", style: { animation: 'conversationDeleteParticle 320ms ease-out forwards', ['--dx']: '10px', ['--dy']: '-14px' } }), _jsx("span", { className: "absolute left-10 top-1/2 h-1 w-1 rounded-[1px] bg-orange-200/80", style: { animation: 'conversationDeleteParticle 320ms ease-out forwards', animationDelay: '20ms', ['--dx']: '26px', ['--dy']: '-6px' } }), _jsx("span", { className: "absolute left-16 top-1/2 h-1.5 w-1.5 rounded-[2px] bg-white/70", style: { animation: 'conversationDeleteParticle 320ms ease-out forwards', animationDelay: '35ms', ['--dx']: '18px', ['--dy']: '10px' } }), _jsx("span", { className: "absolute left-24 top-1/2 h-1 w-1 rounded-[1px] bg-red-200/70", style: { animation: 'conversationDeleteParticle 320ms ease-out forwards', animationDelay: '15ms', ['--dx']: '30px', ['--dy']: '-18px' } })] }))] }, conv.id));
-                            }), visibleInboxConversations.length > 5 && (_jsx("button", { onClick: () => setInboxExpanded(!inboxExpanded), className: "w-full px-2 py-1 text-left text-[11px] text-[color:var(--xeno-ink-faint)] transition-colors hover:text-[color:var(--xeno-ink-muted)]", children: inboxExpanded ? 'Show less' : `${visibleInboxConversations.length - 5} more...` }))] })), !showGlobalSearchResults && inboxSearchMode && visibleInboxConversations.length === 0 && (_jsx("div", { className: "ml-3 mt-1 border-l pl-2 xeno-border-subtle", children: _jsx("p", { className: "px-2 py-1 text-[11px] text-[color:var(--xeno-ink-faint)]", children: "No inbox chats match your search." }) })), _jsxs("div", { className: "mt-4", children: [_jsx("div", { className: "px-2 flex items-center justify-between mb-2", children: _jsx("span", { className: "text-[12px] font-medium uppercase tracking-wider text-[color:var(--xeno-ink-faint)]", children: "Workspaces" }) }), _jsxs("div", { className: "space-y-1", children: [workspaces.filter(w => !w.isArchived).map((workspace) => (_jsxs("div", { children: [isRenaming('workspace', workspace.id) ? (_jsx("div", { className: "px-1 py-0.5", children: _jsx("input", { type: "text", value: renameValue, onChange: (e) => setRenameValue(e.target.value), onKeyDown: (e) => {
-                                                        if (e.key === 'Enter')
-                                                            handleRename();
-                                                        if (e.key === 'Escape') {
-                                                            setRenamingItem(null);
-                                                            setRenameValue('');
+                                                        else {
+                                                            onSelectProjects();
                                                         }
-                                                    }, onBlur: handleRename, className: "w-full rounded border border-white/[0.15] bg-black/40 px-2 py-1 text-[11px] text-[color:var(--xeno-ink-primary)] focus:outline-none", autoFocus: true }) })) : (_jsxs("button", { onClick: () => toggleWorkspace(workspace.id), onContextMenu: (e) => handleContextMenu(e, 'workspace', workspace.id), className: "group flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-[color:var(--xeno-ink-muted)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsx(ChevronDownIcon, { className: `w-3 h-3 transition-transform ${workspace.isExpanded ? '' : '-rotate-90'}` }), _jsx("span", { className: "text-[11px] font-medium flex-1 text-left truncate", children: workspace.name }), workspace.directories.length > 0 && (_jsxs("span", { className: "text-[9px] text-[color:var(--xeno-ink-faint)]", children: [workspace.directories.length, " dirs"] }))] })), workspace.isExpanded && (_jsxs("div", { className: "ml-3 mt-1 space-y-0.5 border-l pl-2 xeno-border-subtle", children: [workspace.teams.map((team) => (_jsxs("div", { children: [isRenaming('team', team.id) ? (_jsx("div", { className: "px-1 py-0.5", children: _jsx("input", { type: "text", value: renameValue, onChange: (e) => setRenameValue(e.target.value), onKeyDown: (e) => {
-                                                                        if (e.key === 'Enter')
-                                                                            handleRename();
-                                                                        if (e.key === 'Escape') {
-                                                                            setRenamingItem(null);
-                                                                            setRenameValue('');
+                                                    }, className: "group/pinned relative flex items-center justify-between rounded-md px-2.5 py-1.5 transition-colors cursor-pointer select-none text-zinc-300 hover:text-white hover:bg-white/[0.04]", title: `Project: ${p.dir}`, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx("div", { className: "p-1 rounded bg-[#8ad7ff]/10 text-[#8ad7ff] flex-shrink-0", children: _jsx(Folder, { className: "w-3.5 h-3.5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "text-[12px] font-medium text-white truncate block", children: p.name }), _jsx("span", { className: "text-[10px] text-zinc-500 truncate block font-mono", children: p.workspaceName })] })] }), _jsxs("div", { className: "flex items-center gap-1 ml-auto flex-shrink-0", children: [_jsx("button", { type: "button", onClick: (e) => {
+                                                                        e.stopPropagation();
+                                                                        handleOpenPathInExplorer(p.dir);
+                                                                    }, className: "hidden group-hover/pinned:flex p-1 rounded text-zinc-400 hover:text-white transition-colors", title: "Open in Explorer", children: _jsx(ArrowUpRight, { className: "w-3 h-3" }) }), _jsx("button", { type: "button", onClick: (e) => {
+                                                                        e.stopPropagation();
+                                                                        togglePinProject(p.dir);
+                                                                    }, className: "hidden group-hover/pinned:flex p-1 rounded text-[#8ad7ff] hover:text-white transition-colors", title: "Unpin project", children: _jsx(Pin, { className: "w-3 h-3 rotate-45 fill-current" }) })] })] }, p.dir));
+                                            }), pinnedConversations.map((conv) => {
+                                                const isSelected = selectedInboxConversationId === conv.id || selectedConversationId === conv.id;
+                                                const ws = workspaces.find((w) => w.id === conv.workspaceId) ||
+                                                    workspaces.find((w) => w.directories?.some((d) => conv.rootDirectory?.startsWith(d)));
+                                                const folderLabel = conv.rootDirectory
+                                                    ? (conv.rootDirectory.split(/[\\/]/).pop() || conv.rootDirectory)
+                                                    : (ws?.name || 'Workspace');
+                                                return (_jsxs("div", { onClick: () => {
+                                                        const targetAgentId = conv.agentId || inboxAgentId;
+                                                        onSelectConversation(targetAgentId, conv.id);
+                                                    }, onMouseEnter: (e) => handleConvMouseEnter(e, conv, ws?.name || 'Pinned', ws?.id), onMouseLeave: handleConvMouseLeave, onContextMenu: (e) => {
+                                                        e.preventDefault();
+                                                        setConvMenuPos({ x: e.clientX, y: e.clientY });
+                                                        setConvMenuId(conv.id);
+                                                    }, className: `group/pinned relative rounded-md px-2.5 py-1.5 transition-colors cursor-pointer select-none ${isSelected
+                                                        ? 'bg-white/[0.08] text-white font-medium'
+                                                        : 'text-zinc-300 hover:text-white hover:bg-white/[0.04]'}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-1.5 min-w-0", children: [_jsx("span", { className: "text-[12px] font-medium text-white truncate flex-1 min-w-0", children: conv.title || 'New conversation' }), _jsx("span", { className: "text-[10px] font-mono text-zinc-500 flex-shrink-0 group-hover/pinned:hidden", children: relativeDate(conv.lastMessageAt || conv.timestamp || conv.createdAt || Date.now()) }), _jsx("button", { type: "button", onClick: (e) => {
+                                                                        e.stopPropagation();
+                                                                        togglePinConversation(conv.id);
+                                                                    }, className: "hidden group-hover/pinned:flex p-0.5 rounded text-[#8ad7ff] hover:text-white transition-colors", title: "Unpin conversation", children: _jsx(Pin, { className: "w-3 h-3 rotate-45 fill-current" }) })] }), _jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-zinc-500 group-hover/pinned:text-zinc-400 transition-colors mt-0.5 truncate", children: [_jsx(Folder, { className: "w-3 h-3 text-zinc-500 flex-shrink-0" }), _jsx("span", { className: "truncate font-mono text-[10.5px]", children: folderLabel })] })] }, conv.id));
+                                            })] })] })), _jsx("div", { className: "pt-1", children: (() => {
+                                    const targetWs = scopedWorkspace;
+                                    const mainAgentInfo = scopedMainAgentInfo || (() => {
+                                        if (!targetWs)
+                                            return null;
+                                        for (const team of targetWs.teams) {
+                                            const main = team.agents.find(a => a.isMainAssistant);
+                                            if (main)
+                                                return { agent: main, team };
+                                        }
+                                        if (targetWs.teams[0]?.agents[0]) {
+                                            return { agent: targetWs.teams[0].agents[0], team: targetWs.teams[0] };
+                                        }
+                                        return null;
+                                    })();
+                                    const targetAgentId = mainAgentInfo?.agent?.id || inboxAgentId;
+                                    const targetTeamId = mainAgentInfo?.team?.id;
+                                    // Workspace-scoped conversations: strictly isolated to this workspace
+                                    const workspaceConversations = (() => {
+                                        if (!targetWs)
+                                            return inboxConversations.filter(c => isPersonalInboxConversation(conversations[c.id], inboxAgentId));
+                                        const agentConvs = mainAgentInfo ? (conversationsByAgent[mainAgentInfo.agent.id] || []) : [];
+                                        const boundInboxConvs = Object.values(conversations || {})
+                                            .filter((c) => c && c.agentId === inboxAgentId && c.workspaceId === targetWs.id)
+                                            .map((c) => ({
+                                            id: c.id,
+                                            title: c.title || 'New conversation',
+                                            timestamp: c.createdAt,
+                                            lastMessageAt: c.lastMessageAt,
+                                        }));
+                                        const map = new Map();
+                                        for (const c of [...agentConvs, ...boundInboxConvs]) {
+                                            if (c && c.id)
+                                                map.set(c.id, c);
+                                        }
+                                        return Array.from(map.values()).sort((a, b) => {
+                                            const aPinned = pinnedConvIds.has(a.id);
+                                            const bPinned = pinnedConvIds.has(b.id);
+                                            if (aPinned && !bPinned)
+                                                return -1;
+                                            if (!aPinned && bPinned)
+                                                return 1;
+                                            return (b.lastMessageAt || b.timestamp || 0) - (a.lastMessageAt || a.timestamp || 0);
+                                        });
+                                    })();
+                                    const isMainChatActive = (selectedAgentId === targetAgentId && !selectedConversationId) ||
+                                        (viewMode === 'inbox' && !scopedWorkspace && !selectedInboxConversationId);
+                                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "group/mainchat w-full flex items-center justify-between px-2.5 py-1.5 rounded-md transition-colors text-left select-none cursor-pointer " + (isMainChatActive
+                                                    ? "bg-white/[0.08] text-white font-medium"
+                                                    : "text-zinc-300 hover:text-white hover:bg-white/[0.04]"), onClick: () => {
+                                                    if (scopedWorkspace) {
+                                                        handleSelectScopedWorkspaceChat();
+                                                    }
+                                                    else {
+                                                        onSelectInbox();
+                                                    }
+                                                }, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx(InboxIcon, {}), _jsx("span", { className: "text-[12.5px] font-medium truncate", children: "Main Chat" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: (e) => {
+                                                                    e.stopPropagation();
+                                                                    if (scopedWorkspace) {
+                                                                        const targetId = mainAgentInfo?.agent?.id;
+                                                                        if (targetId) {
+                                                                            const newId = createConversation(targetId);
+                                                                            onSelectConversation(targetId, newId);
+                                                                        }
+                                                                        else {
+                                                                            handleSelectScopedWorkspaceChat();
                                                                         }
-                                                                    }, onBlur: handleRename, className: "w-full rounded border border-white/[0.15] bg-black/40 px-2 py-1 text-[10px] text-[color:var(--xeno-ink-primary)] focus:outline-none", autoFocus: true }) })) : (_jsxs("button", { onClick: () => toggleTeam(workspace.id, team.id), onContextMenu: (e) => handleContextMenu(e, 'team', workspace.id, team.id), className: "group flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-[color:var(--xeno-ink-muted)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsx(ChevronDownIcon, { className: `w-3 h-3 transition-transform ${team.isExpanded ? '' : '-rotate-90'}` }), _jsx("span", { className: "text-[11px] flex-1 text-left truncate", children: team.name })] })), team.isExpanded && (_jsxs("div", { className: "ml-3 mt-0.5 space-y-0.5 border-l pl-2 xeno-border-subtle", children: [sortedAgents(team.agents).map((agent, index) => {
-                                                                        const agentConversations = conversationsByAgent[agent.id] || [];
-                                                                        const teamHasMainAssistant = team.agents.some(a => a.isMainAssistant);
-                                                                        const showAsMainAssistant = teamHasMainAssistant ? !!agent.isMainAssistant : index === 0;
-                                                                        const activeRunCount = agentRunAvailability[agent.id] || 0;
-                                                                        return (_jsxs("div", { children: [isRenaming('agent', agent.id) ? (_jsx("div", { className: "px-1 py-0.5", children: _jsx("input", { type: "text", value: renameValue, onChange: (e) => setRenameValue(e.target.value), onKeyDown: (e) => {
-                                                                                            if (e.key === 'Enter')
-                                                                                                handleRename();
-                                                                                            if (e.key === 'Escape') {
-                                                                                                setRenamingItem(null);
-                                                                                                setRenameValue('');
-                                                                                            }
-                                                                                        }, onBlur: handleRename, className: "w-full rounded border border-white/[0.15] bg-black/40 px-2 py-1 text-[10px] text-[color:var(--xeno-ink-primary)] focus:outline-none", autoFocus: true }) })) : (_jsx("div", { className: `rounded-md transition-colors ${selectedAgentId === agent.id && !selectedConversationId ? 'bg-white/[0.04]' : ''}`, children: _jsxs("button", { onClick: () => onSelectAgent(agent.id), onContextMenu: (e) => handleContextMenu(e, 'agent', workspace.id, team.id, agent.id), className: `w-full flex items-center gap-2 px-2 py-1.5 rounded-md transition-colors ${selectedAgentId === agent.id && !selectedConversationId
-                                                                                            ? 'text-[color:var(--xeno-ink-primary)]'
-                                                                                            : 'text-[color:var(--xeno-ink-muted)] hover:bg-white/[0.02] hover:text-[color:var(--xeno-ink-secondary)]'}`, children: [_jsx("span", { role: "button", tabIndex: 0, onClick: (e) => {
-                                                                                                    e.stopPropagation();
-                                                                                                    toggleAgent(workspace.id, team.id, agent.id);
-                                                                                                }, onKeyDown: (e) => {
-                                                                                                    if (e.key === 'Enter' || e.key === ' ') {
-                                                                                                        e.preventDefault();
-                                                                                                        e.stopPropagation();
-                                                                                                        toggleAgent(workspace.id, team.id, agent.id);
-                                                                                                    }
-                                                                                                }, className: "rounded p-0.5 -ml-0.5 transition-colors hover:bg-white/[0.06]", children: _jsx(ChevronDownIcon, { className: `w-3 h-3 transition-transform ${agent.isExpanded ? '' : '-rotate-90'}` }) }), _jsx("span", { className: "text-[12px] truncate", children: agent.name }), _jsxs("span", { title: activeRunCount > 0 ? `${activeRunCount} active subagent run${activeRunCount === 1 ? '' : 's'}` : 'Idle', className: "inline-flex items-center gap-1", children: [_jsx("span", { className: `h-1.5 w-1.5 rounded-[2px] ${activeRunCount > 0 ? 'bg-[#8ad7ff] animate-pulse' : 'bg-white/14'}` }), activeRunCount > 0 && (_jsx("span", { className: "text-[8px] tabular-nums text-[#8ad7ff]/80", children: activeRunCount }))] }), showAsMainAssistant && (_jsx("span", { className: "rounded bg-white/[0.08] px-1 py-0.5 text-[8px] uppercase tracking-wide text-[color:var(--xeno-ink-faint)]", children: "Main" })), _jsx("span", { className: "ml-auto text-[9px] text-[color:var(--xeno-ink-faint)]", children: "+" })] }) })), agent.isExpanded && agentConversations.length > 0 && (_jsx("div", { className: "ml-4 mt-0.5 space-y-0.5 border-l pl-2 xeno-border-subtle", children: agentConversations.map((conv) => {
-                                                                                        const isDeleting = deletingConvIds.has(conv.id);
-                                                                                        return (isRenaming('conversation', conv.id) ? (_jsx("div", { className: "px-1 py-0.5", children: _jsx("input", { type: "text", value: renameValue, onChange: (e) => setRenameValue(e.target.value), onKeyDown: (e) => {
-                                                                                                    if (e.key === 'Enter')
-                                                                                                        handleRename();
-                                                                                                    if (e.key === 'Escape') {
-                                                                                                        setRenamingItem(null);
-                                                                                                        setRenameValue('');
-                                                                                                    }
-                                                                                                }, onBlur: handleRename, className: "w-full rounded border border-white/[0.15] bg-black/40 px-2 py-1 text-[9px] text-[color:var(--xeno-ink-primary)] focus:outline-none", autoFocus: true }) }, conv.id)) : (_jsxs("div", { className: `relative overflow-hidden rounded-md transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] ${isDeleting
-                                                                                                ? 'max-h-0 opacity-0 -translate-y-2 scale-y-75 pointer-events-none'
-                                                                                                : 'max-h-14 opacity-100 translate-y-0 scale-y-100'}`, style: { transformOrigin: 'top left' }, children: [_jsx("button", { onClick: () => { if (!isDeleting)
-                                                                                                        onSelectConversation(agent.id, conv.id); }, onContextMenu: (e) => {
-                                                                                                        if (isDeleting)
-                                                                                                            return;
-                                                                                                        handleContextMenu(e, 'conversation', workspace.id, team.id, agent.id, conv.id);
-                                                                                                    }, className: `relative w-full text-left px-2 py-1.5 rounded-md transition-all duration-300 ${selectedAgentId === agent.id && selectedConversationId === conv.id
-                                                                                                        ? 'bg-white/[0.06] text-[color:var(--xeno-ink-secondary)]'
-                                                                                                        : 'text-[color:var(--xeno-ink-muted)] hover:bg-white/[0.02] hover:text-[color:var(--xeno-ink-secondary)]'} ${isDeleting ? 'translate-x-3 scale-[0.985] saturate-50' : 'translate-x-0 scale-100'}`, children: _jsx("p", { className: "text-[12px] truncate", children: conv.title || 'New conversation' }) }), isDeleting && (_jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden rounded-md", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-red-400/10 via-orange-300/10 to-transparent" }), _jsx("span", { className: "absolute left-3 top-1/2 h-1 w-1 rounded-[1px] bg-red-300/80", style: { animation: 'conversationDeleteParticle 320ms ease-out forwards', ['--dx']: '12px', ['--dy']: '-12px' } }), _jsx("span", { className: "absolute left-8 top-1/2 h-1 w-1 rounded-[1px] bg-orange-200/80", style: { animation: 'conversationDeleteParticle 320ms ease-out forwards', animationDelay: '22ms', ['--dx']: '22px', ['--dy']: '-4px' } }), _jsx("span", { className: "absolute left-14 top-1/2 h-1.5 w-1.5 rounded-[2px] bg-white/70", style: { animation: 'conversationDeleteParticle 320ms ease-out forwards', animationDelay: '36ms', ['--dx']: '18px', ['--dy']: '10px' } })] }))] }, conv.id)));
-                                                                                    }) }))] }, agent.id));
-                                                                    }), addingAgentToTeam === team.id && (_jsx("div", { className: "px-1 py-1", children: _jsx("input", { type: "text", value: newAgentName, onChange: (e) => setNewAgentName(e.target.value), onKeyDown: (e) => {
-                                                                                if (e.key === 'Enter')
-                                                                                    handleAddAgent(workspace.id, team.id);
-                                                                                if (e.key === 'Escape') {
-                                                                                    setAddingAgentToTeam(null);
-                                                                                    setNewAgentName('');
-                                                                                }
-                                                                            }, onBlur: () => { setAddingAgentToTeam(null); setNewAgentName(''); }, placeholder: "Agent name...", className: "w-full rounded border border-white/[0.1] bg-black/40 px-2 py-1 text-[10px] text-[color:var(--xeno-ink-primary)] placeholder:text-[color:var(--xeno-ink-faint)] focus:outline-none focus:border-white/[0.2]", autoFocus: true }) })), addingAgentToTeam !== team.id && (_jsxs("button", { onClick: () => setAddingAgentToTeam(team.id), className: "flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-[color:var(--xeno-ink-faint)] transition-colors hover:bg-white/[0.03] hover:text-[color:var(--xeno-ink-muted)]", children: [_jsx(PlusIcon, {}), _jsx("span", { className: "text-[9px]", children: "Add agent" })] }))] }))] }, team.id))), addingTeamToWorkspace === workspace.id ? (_jsx("div", { className: "px-1 py-1", children: _jsx("input", { type: "text", value: newTeamName, onChange: (e) => setNewTeamName(e.target.value), onKeyDown: (e) => {
-                                                                if (e.key === 'Enter')
-                                                                    handleAddTeam(workspace.id);
-                                                                if (e.key === 'Escape') {
-                                                                    setAddingTeamToWorkspace(null);
-                                                                    setNewTeamName('');
-                                                                }
-                                                            }, onBlur: () => { setAddingTeamToWorkspace(null); setNewTeamName(''); }, placeholder: "Team name...", className: "w-full rounded border border-white/[0.1] bg-black/40 px-2 py-1 text-[10px] text-[color:var(--xeno-ink-primary)] placeholder:text-[color:var(--xeno-ink-faint)] focus:outline-none focus:border-white/[0.2]", autoFocus: true }) })) : (_jsxs("button", { onClick: () => setAddingTeamToWorkspace(workspace.id), className: "flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-[color:var(--xeno-ink-faint)] transition-colors hover:bg-white/[0.03] hover:text-[color:var(--xeno-ink-muted)]", children: [_jsx(PlusIcon, {}), _jsx("span", { className: "text-[9px]", children: "Add team" })] }))] }))] }, workspace.id))), isAddingWorkspace ? (_jsx("div", { className: "px-1 py-1", children: _jsx("input", { type: "text", value: newWorkspaceName, onChange: (e) => setNewWorkspaceName(e.target.value), onKeyDown: (e) => {
-                                                if (e.key === 'Enter')
-                                                    handleAddWorkspace();
-                                                if (e.key === 'Escape') {
-                                                    setIsAddingWorkspace(false);
-                                                    setNewWorkspaceName('');
-                                                }
-                                            }, onBlur: () => { setIsAddingWorkspace(false); setNewWorkspaceName(''); }, placeholder: "Workspace name...", className: "w-full rounded border border-white/[0.1] bg-black/40 px-2 py-1.5 text-[11px] text-[color:var(--xeno-ink-primary)] placeholder:text-[color:var(--xeno-ink-faint)] focus:outline-none focus:border-white/[0.2]", autoFocus: true }) })) : (_jsxs("button", { onClick: () => setIsAddingWorkspace(true), className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-[color:var(--xeno-ink-faint)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-muted)]", children: [_jsx(PlusIcon, {}), _jsx("span", { className: "text-[11px]", children: "Add workspace" })] }))] })] })] }), _jsxs("div", { className: "flex h-[48px] items-center gap-1 border-t px-2 xeno-border-subtle", children: [_jsxs("button", { onClick: onSelectKnowledge, className: "flex flex-1 items-center justify-center gap-1.5 rounded-md py-1.5 text-[color:var(--xeno-ink-muted)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsx(BookIcon, {}), _jsx("span", { className: "text-[11px]", children: "Knowledge" })] }), _jsx("div", { className: "h-4 w-px xeno-border-subtle bg-[var(--xeno-border-subtle)]" }), _jsxs("button", { onClick: onSelectPlugins, className: "flex flex-1 items-center justify-center gap-1.5 rounded-md py-1.5 text-[color:var(--xeno-ink-muted)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-secondary)]", "aria-label": "Plugins", children: [_jsx(Package, { className: "w-4 h-4", strokeWidth: 1.5 }), _jsx("span", { className: "text-[11px]", children: "Plugins" })] }), _jsx("div", { className: "h-4 w-px xeno-border-subtle bg-[var(--xeno-border-subtle)]" }), _jsxs("button", { onClick: onSelectSettings, className: "flex flex-1 items-center justify-center gap-1.5 rounded-md py-1.5 text-[color:var(--xeno-ink-muted)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsx(SettingsIcon, {}), _jsx("span", { className: "text-[11px]", children: "Settings" })] })] }), contextMenu && (_jsx(ContextMenuPopup, { menu: contextMenu, workspaces: workspaces, onClose: () => setContextMenu(null), onAction: handleContextAction })), inboxMenuPos && createPortal(_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-[200]", onClick: () => setInboxMenuPos(null), onContextMenu: (e) => {
+                                                                    }
+                                                                    else {
+                                                                        const newId = createConversation(inboxAgentId);
+                                                                        onSelectConversation(inboxAgentId, newId);
+                                                                    }
+                                                                }, className: "p-1 rounded text-zinc-500 hover:text-white transition-colors cursor-pointer", title: "New conversation in Main Chat", children: _jsx(Plus, { className: "w-3.5 h-3.5" }) }), _jsx("button", { type: "button", onClick: (e) => {
+                                                                    e.stopPropagation();
+                                                                    setInboxExpanded((prev) => !prev);
+                                                                }, className: "p-1 rounded text-zinc-500 hover:text-white transition-colors cursor-pointer", title: inboxExpanded ? "Collapse conversations" : "Expand conversations", children: _jsx(ChevronDown, { className: "w-3 h-3 transition-transform " + (inboxExpanded ? "" : "-rotate-90") }) })] })] }), inboxExpanded && workspaceConversations.length > 0 && (_jsx("div", { className: "space-y-0.5 pt-0.5", children: workspaceConversations.map((conv) => {
+                                                    const isActive = (selectedAgentId === targetAgentId && selectedConversationId === conv.id) ||
+                                                        (viewMode === 'inbox' && selectedInboxConversationId === conv.id);
+                                                    const isPinned = pinnedConvIds.has(conv.id);
+                                                    return (_jsxs("div", { className: "group/conv relative flex items-center justify-between rounded-md transition-colors px-2.5 py-1.5 cursor-pointer " + (isActive
+                                                            ? "bg-white/[0.08] text-white font-medium"
+                                                            : "text-zinc-400 hover:text-zinc-200 hover:bg-white/[0.04]"), onClick: () => {
+                                                            if (targetWs) {
+                                                                setActiveWorkspaceScope(targetWs.id);
+                                                            }
+                                                            onSelectConversation(targetAgentId, conv.id);
+                                                        }, onMouseEnter: (e) => handleConvMouseEnter(e, conv, targetWs ? `${targetWs.name} / Main Chat` : 'Personal / Main Chat', targetWs?.id), onMouseLeave: handleConvMouseLeave, onContextMenu: (e) => {
+                                                            if (targetWs)
+                                                                handleContextMenu(e, 'conversation', targetWs.id, targetTeamId, targetAgentId, conv.id);
+                                                            else {
+                                                                e.preventDefault();
+                                                                e.stopPropagation();
+                                                                setConvMenuPos({ x: e.clientX, y: e.clientY });
+                                                                setConvMenuId(conv.id);
+                                                            }
+                                                        }, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx("div", { className: "w-4 h-4 flex items-center justify-center mr-1 flex-shrink-0", children: isActive ? (_jsx("span", { className: "w-2 h-2 rounded-[2px] bg-white" })) : (_jsx("span", { className: "w-2 h-2 rounded-[2px] border border-zinc-500/80" })) }), _jsx("span", { className: "text-[12px] truncate flex-1 min-w-0", children: conv.title || 'New conversation' })] }), _jsxs("div", { className: "flex items-center gap-1 ml-auto flex-shrink-0", children: [_jsx("button", { type: "button", onClick: (e) => {
+                                                                            e.stopPropagation();
+                                                                            togglePinConversation(conv.id);
+                                                                        }, className: "p-0.5 rounded transition-colors " + (isPinned
+                                                                            ? "text-[#8ad7ff] hover:text-white"
+                                                                            : "text-zinc-500 hover:text-white opacity-0 group-hover/conv:opacity-100"), title: isPinned ? "Unpin conversation" : "Pin conversation", children: _jsx(Pin, { className: "w-3.5 h-3.5 " + (isPinned ? "rotate-45 fill-current" : "") }) }), _jsx("button", { type: "button", onClick: (e) => {
+                                                                            e.stopPropagation();
+                                                                            if (targetWs)
+                                                                                handleContextMenu(e, 'conversation', targetWs.id, targetTeamId, targetAgentId, conv.id);
+                                                                            else {
+                                                                                e.preventDefault();
+                                                                                setConvMenuPos({ x: e.clientX, y: e.clientY });
+                                                                                setConvMenuId(conv.id);
+                                                                            }
+                                                                        }, className: "p-0.5 rounded text-zinc-500 hover:text-white transition-colors opacity-0 group-hover/conv:opacity-100", title: "Conversation options", children: _jsx(MoreHorizontal, { className: "w-3.5 h-3.5" }) })] })] }, conv.id));
+                                                }) }))] }));
+                                })() }), _jsxs("div", { className: "pt-1", children: [_jsxs("div", { className: "flex items-center justify-between px-2 pb-1 select-none", children: [_jsxs("button", { type: "button", onClick: () => setIsProjectsCollapsed((prev) => !prev), className: "flex items-center gap-1 text-[11px] font-medium uppercase tracking-wider text-zinc-500 hover:text-zinc-300 transition-colors cursor-pointer", children: [_jsx("span", { children: "Projects" }), _jsx("span", { className: "text-[9px] font-mono px-1 py-0.2 rounded bg-white/[0.06] text-zinc-400", children: currentWorkspaceProjects.length }), _jsx(ChevronDown, { className: `w-3 h-3 transition-transform ${isProjectsCollapsed ? '-rotate-90' : ''}` })] }), _jsx("button", { type: "button", onClick: () => {
+                                                    const targetWsId = currentWorkspace ? currentWorkspace.id : workspaces[0]?.id;
+                                                    if (targetWsId)
+                                                        void handleAddProjectToWorkspace(targetWsId);
+                                                }, className: "p-1 rounded text-zinc-500 hover:text-white hover:bg-white/[0.04] transition-colors", title: "Link project folder", children: _jsx(Plus, { className: "w-3.5 h-3.5" }) })] }), !isProjectsCollapsed && (_jsx("div", { className: "space-y-0.5", children: currentWorkspaceProjects.length === 0 ? (_jsx("div", { className: "px-2 py-1 text-[11px] text-zinc-600 italic select-none", children: "No projects linked yet" })) : (currentWorkspaceProjects.map((dir) => {
+                                            const projectName = dir.split(/[\\/]/).filter(Boolean).pop() || dir;
+                                            const isPinned = pinnedProjects.includes(dir);
+                                            const leadAgent = currentWorkspace?.teams?.[0]?.agents?.[0];
+                                            return (_jsxs("div", { onClick: () => {
+                                                    if (leadAgent && onStartProjectChat) {
+                                                        onStartProjectChat(leadAgent.id, dir);
+                                                    }
+                                                    else {
+                                                        onSelectProjects();
+                                                    }
+                                                }, className: "group/proj relative flex items-center justify-between rounded-md px-2.5 py-1.5 transition-colors cursor-pointer select-none text-zinc-400 hover:text-white hover:bg-white/[0.04]", title: dir, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx(Folder, { className: "w-3.5 h-3.5 text-zinc-500 group-hover/proj:text-[#8ad7ff] transition-colors flex-shrink-0" }), _jsx("span", { className: "text-[12px] truncate flex-1", children: projectName })] }), _jsxs("div", { className: "flex items-center gap-0.5 opacity-0 group-hover/proj:opacity-100 transition-opacity ml-auto flex-shrink-0", children: [_jsx("button", { type: "button", onClick: (e) => {
+                                                                    e.stopPropagation();
+                                                                    togglePinProject(dir);
+                                                                }, className: `p-1 rounded transition-colors ${isPinned ? 'text-[#8ad7ff]' : 'text-zinc-500 hover:text-white'}`, title: isPinned ? 'Unpin project' : 'Pin project to top', children: _jsx(Pin, { className: `w-3 h-3 ${isPinned ? 'rotate-45 fill-current' : ''}` }) }), _jsx("button", { type: "button", onClick: (e) => {
+                                                                    e.stopPropagation();
+                                                                    handleOpenPathInExplorer(dir);
+                                                                }, className: "p-1 rounded text-zinc-500 hover:text-white transition-colors", title: "Open in Windows Explorer", children: _jsx(ArrowUpRight, { className: "w-3 h-3" }) })] })] }, dir));
+                                        })) }))] }), _jsxs("div", { className: "pt-1", children: [_jsxs("div", { className: "flex items-center justify-between px-2 pb-1.5 select-none", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-zinc-500", children: "Teams" }), _jsxs("div", { className: "flex items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: handleToggleSidebarViewMode, "aria-label": "Stacked sidebar layout", "aria-pressed": sidebarViewMode === 'stacked', className: "p-1 rounded transition-colors " + (sidebarViewMode === 'stacked' ? "text-[#8ad7ff] hover:text-white" : "text-zinc-500 hover:text-zinc-200 hover:bg-white/[0.04]"), title: sidebarViewMode === 'tree' ? 'Switch to Stacked View' : 'Switch to Tree View', children: sidebarViewMode === 'tree' ? _jsx(Layers, { className: "w-3.5 h-3.5" }) : _jsx(GitBranch, { className: "w-3.5 h-3.5" }) }), _jsx("button", { onClick: () => {
+                                                            const targetWsId = currentWorkspace ? currentWorkspace.id : workspaces[0]?.id;
+                                                            if (targetWsId)
+                                                                setAddingTeamToWorkspace(targetWsId);
+                                                        }, className: "p-1 rounded text-zinc-500 hover:text-zinc-200 hover:bg-white/[0.04] transition-colors", title: "Add team", children: _jsx(Plus, { className: "w-3.5 h-3.5" }) })] })] }), _jsx("div", { className: "space-y-3 pt-1", children: workspaces
+                                            .filter((w) => !w.isArchived && (!activeWorkspaceScope || w.id === activeWorkspaceScope))
+                                            .flatMap((workspace) => workspace.teams.map((team) => {
+                                            const teamConversations = team.agents.flatMap((agent) => (conversationsByAgent[agent.id] || []).map((conv) => ({ conv, agent }))).sort((a, b) => {
+                                                const aPinned = pinnedConvIds.has(a.conv.id);
+                                                const bPinned = pinnedConvIds.has(b.conv.id);
+                                                if (aPinned && !bPinned)
+                                                    return -1;
+                                                if (!aPinned && bPinned)
+                                                    return 1;
+                                                return (b.conv.lastMessageAt || b.conv.timestamp || 0) - (a.conv.lastMessageAt || a.conv.timestamp || 0);
+                                            });
+                                            const leadAgent = team.agents[0];
+                                            return (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "group/header flex items-center justify-between px-2 py-1 rounded-md bg-white/[0.02] hover:bg-white/[0.04] transition-colors text-[11.5px]", onMouseEnter: (e) => handleTeamMouseEnter(e, workspace, team), onMouseLeave: handleConvMouseLeave, children: [_jsxs("div", { className: "flex items-center gap-1.5 min-w-0 flex-1 truncate", children: [_jsx("button", { type: "button", onClick: () => setActiveWorkspaceScope(workspace.id), onContextMenu: (e) => handleContextMenu(e, 'workspace', workspace.id), className: "text-zinc-400 hover:text-white truncate font-medium transition-colors cursor-pointer", title: `Scope into workspace: ${workspace.name}`, children: workspace.name }), _jsx("span", { className: "text-zinc-600 font-mono select-none flex-shrink-0", children: "/" }), _jsx("button", { type: "button", onClick: () => onOpenSettings({
+                                                                            type: 'team',
+                                                                            workspaceId: workspace.id,
+                                                                            teamId: team.id,
+                                                                            teamName: team.name,
+                                                                            workspaceName: workspace.name,
+                                                                        }), onContextMenu: (e) => handleContextMenu(e, 'team', workspace.id, team.id), className: "text-zinc-300 hover:text-white truncate transition-colors cursor-pointer", title: `Team: ${team.name}`, children: team.name })] }), _jsxs("div", { className: "flex items-center gap-0.5 opacity-0 group-hover/header:opacity-100 transition-opacity flex-shrink-0", children: [leadAgent && (_jsx("button", { type: "button", onClick: () => {
+                                                                            const newId = createConversation(leadAgent.id);
+                                                                            onSelectConversation(leadAgent.id, newId);
+                                                                        }, className: "p-0.5 rounded text-zinc-500 hover:text-white transition-colors", title: `New chat in ${team.name}`, children: _jsx(Plus, { className: "w-3.5 h-3.5", strokeWidth: 1.75 }) })), _jsx("button", { type: "button", onClick: (e) => handleContextMenu(e, 'team', workspace.id, team.id), className: "p-0.5 rounded text-zinc-500 hover:text-white transition-colors", title: "Team options", children: _jsx(MoreHorizontal, { className: "w-3.5 h-3.5" }) })] })] }), _jsx("div", { className: "space-y-0.5 pl-2", children: teamConversations.length === 0 ? (_jsx("div", { className: "px-2 py-1 text-[11px] text-zinc-600 italic select-none", children: "No chats yet" })) : (teamConversations.map(({ conv, agent }) => {
+                                                            const isActive = selectedConversationId === conv.id;
+                                                            const isPinned = pinnedConvIds.has(conv.id);
+                                                            return (_jsxs("div", { className: "group/conv relative flex items-center justify-between rounded-md transition-colors px-2.5 py-1.5 cursor-pointer " + (isActive
+                                                                    ? "bg-white/[0.08] text-white font-medium"
+                                                                    : "text-zinc-400 hover:text-zinc-200 hover:bg-white/[0.04]"), onClick: () => {
+                                                                    setActiveWorkspaceScope(workspace.id);
+                                                                    onSelectConversation(agent.id, conv.id);
+                                                                }, onMouseEnter: (e) => handleConvMouseEnter(e, conv, `${workspace.name} / ${team.name}`, workspace.id), onMouseLeave: handleConvMouseLeave, onContextMenu: (e) => {
+                                                                    handleContextMenu(e, 'conversation', workspace.id, team.id, agent.id, conv.id);
+                                                                }, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx("div", { className: "w-4 h-4 flex items-center justify-center mr-1 flex-shrink-0", children: isActive ? (_jsx("span", { className: "w-2 h-2 rounded-[2px] bg-white" })) : (_jsx("span", { className: "w-2 h-2 rounded-[2px] border border-zinc-500/80" })) }), _jsx("span", { className: "text-[12px] truncate flex-1 min-w-0", children: conv.title || 'New conversation' })] }), _jsxs("div", { className: "flex items-center gap-1 ml-auto flex-shrink-0", children: [_jsx("button", { type: "button", onClick: (e) => {
+                                                                                    e.stopPropagation();
+                                                                                    togglePinConversation(conv.id);
+                                                                                }, className: "p-0.5 rounded transition-colors " + (isPinned ? "text-[#8ad7ff] hover:text-white" : "text-zinc-500 hover:text-white opacity-0 group-hover/conv:opacity-100"), title: isPinned ? "Unpin conversation" : "Pin conversation", children: _jsx(Pin, { className: "w-3.5 h-3.5 " + (isPinned ? "rotate-45 fill-current" : "") }) }), _jsx("button", { type: "button", onClick: (e) => {
+                                                                                    e.stopPropagation();
+                                                                                    handleContextMenu(e, 'conversation', workspace.id, team.id, agent.id, conv.id);
+                                                                                }, className: "p-0.5 rounded text-zinc-500 hover:text-white transition-colors", title: "Conversation options", children: _jsx(MoreHorizontal, { className: "w-3.5 h-3.5" }) })] })] }, conv.id));
+                                                        })) })] }, `${workspace.id}-${team.id}`));
+                                        })) })] })] })] }), _jsxs("div", { className: "flex h-[48px] items-center gap-1 border-t px-2 xeno-border-subtle", children: [_jsxs("button", { onClick: onSelectKnowledge, className: "flex flex-1 items-center justify-center gap-1.5 rounded-md py-1.5 text-[color:var(--xeno-ink-muted)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsx(BookIcon, {}), _jsx("span", { className: "text-[11px]", children: "Knowledge" })] }), _jsx("div", { className: "h-4 w-px xeno-border-subtle bg-[var(--xeno-border-subtle)]" }), _jsxs("button", { onClick: onSelectPlugins, className: "flex flex-1 items-center justify-center gap-1.5 rounded-md py-1.5 text-[color:var(--xeno-ink-muted)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-secondary)]", "aria-label": "Plugins", children: [_jsx(Package, { className: "w-4 h-4", strokeWidth: 1.5 }), _jsx("span", { className: "text-[11px]", children: "Plugins" })] }), _jsx("div", { className: "h-4 w-px xeno-border-subtle bg-[var(--xeno-border-subtle)]" }), _jsxs("button", { onClick: onSelectSettings, className: "flex flex-1 items-center justify-center gap-1.5 rounded-md py-1.5 text-[color:var(--xeno-ink-muted)] transition-colors hover:bg-white/[0.04] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsx(SettingsIcon, {}), _jsx("span", { className: "text-[11px]", children: "Settings" })] })] }), contextMenu && (_jsx(ContextMenuPopup, { menu: contextMenu, workspaces: workspaces, onClose: () => setContextMenu(null), onAction: handleContextAction })), inboxMenuPos && createPortal(_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-[499]", onClick: () => setInboxMenuPos(null), onContextMenu: (e) => {
                             e.preventDefault();
                             setInboxMenuPos(null);
-                        } }), _jsxs("div", { className: "fixed z-[201] w-[156px] rounded-[4px] border py-1 xeno-border-subtle xeno-elevated-shell", style: { left: Math.min(inboxMenuPos.x, window.innerWidth - 166), top: Math.min(inboxMenuPos.y, window.innerHeight - 92) }, children: [_jsxs("button", { onClick: handleInboxSelectAll, className: "flex h-7 w-full items-center gap-2 px-3 text-left text-[11px] text-[color:var(--xeno-ink-muted)] transition-colors duration-75 hover:bg-white/[0.06] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsxs("svg", { className: "w-3.5 h-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: 1.5, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "4" }), _jsx("path", { d: "M8 12l2.5 2.5L16 9" })] }), areAllVisibleInboxConversationsSelected ? 'Unselect all' : 'Select all'] }), _jsxs("button", { onClick: handleInboxSearchStart, className: "flex h-7 w-full items-center gap-2 px-3 text-left text-[11px] text-[color:var(--xeno-ink-muted)] transition-colors duration-75 hover:bg-white/[0.06] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsxs("svg", { className: "w-3.5 h-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: 1.5, children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("path", { d: "m20 20-3.5-3.5" })] }), "Search"] })] })] }), document.body), convMenuId && createPortal(_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-[200]", onClick: () => { setConvMenuId(null); setHoveredConvId(null); }, onContextMenu: (e) => { e.preventDefault(); setConvMenuId(null); setHoveredConvId(null); } }), _jsxs("div", { className: "fixed z-[201] w-[140px] rounded-[4px] border py-1 xeno-border-subtle xeno-elevated-shell", style: { left: Math.min(convMenuPos.x, window.innerWidth - 150), top: Math.min(convMenuPos.y, window.innerHeight - 80) }, children: [_jsxs("button", { onClick: () => {
+                        } }), _jsxs("div", { className: "fixed z-[500] w-[195px] rounded-lg border border-white/[0.12] bg-[#18181b] p-1 shadow-2xl backdrop-blur-md text-[12px] text-zinc-300 select-none animate-in fade-in duration-100", style: {
+                            left: Math.max(8, Math.min(inboxMenuPos.x, window.innerWidth - 210)),
+                            top: Math.max(8, Math.min(inboxMenuPos.y, window.innerHeight - 240))
+                        }, children: [_jsxs("button", { type: "button", onClick: () => {
+                                    if (scopedWorkspace) {
+                                        handleSelectScopedWorkspaceChat();
+                                    }
+                                    else {
+                                        onSelectInbox();
+                                    }
+                                    setInboxMenuPos(null);
+                                }, className: "w-full px-2.5 py-1.5 rounded-t-[6px] rounded-b-[2px] text-left text-[12px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center gap-2 cursor-pointer select-none", children: [_jsx(MessageSquare, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "New Conversation" }), _jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: "N" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                    handleInboxSearchStart();
+                                    setInboxMenuPos(null);
+                                }, className: "w-full px-2.5 py-1.5 rounded-[2px] text-left text-[12px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center gap-2 cursor-pointer select-none", children: [_jsx(Search, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Search Chats" }), _jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: "F" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                    handleInboxSelectAll();
+                                    setInboxMenuPos(null);
+                                }, className: "w-full px-2.5 py-1.5 rounded-[2px] text-left text-[12px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center gap-2 cursor-pointer select-none", children: [_jsx(CheckSquare, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: areAllVisibleInboxConversationsSelected ? 'Unselect All' : 'Select All' }), _jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: "A" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                    if (scopedWorkspace) {
+                                        onOpenSettings({
+                                            type: 'workspace',
+                                            workspaceId: scopedWorkspace.id,
+                                            workspaceName: scopedWorkspace.name,
+                                            teamCount: scopedWorkspace.teams.length,
+                                            agentCount: scopedWorkspace.teams.reduce((acc, t) => acc + t.agents.length, 0),
+                                        });
+                                    }
+                                    else {
+                                        onSelectSettings();
+                                    }
+                                    setInboxMenuPos(null);
+                                }, className: "w-full px-2.5 py-1.5 rounded-[2px] text-left text-[12px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center gap-2 cursor-pointer select-none", children: [_jsx(Settings, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: scopedWorkspace ? 'Workspace Settings' : 'Chat Settings' }), _jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: "S" })] }), visibleInboxConversations.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsxs("button", { type: "button", onClick: () => {
+                                            animateDeleteConversations(visibleInboxConversations.map(c => c.id), null);
+                                            setInboxMenuPos(null);
+                                        }, className: "w-full px-2.5 py-1.5 rounded-b-[6px] rounded-t-[2px] text-left text-[12px] text-red-400 hover:bg-red-500/10 hover:text-red-300 transition-colors flex items-center gap-2 cursor-pointer select-none", children: [_jsx(Trash2, { className: "w-3.5 h-3.5 text-red-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Clear All Conversations" }), _jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: "D" })] })] }))] })] }), document.body), convMenuId && createPortal(_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-[499]", onClick: () => { setConvMenuId(null); setHoveredConvId(null); }, onContextMenu: (e) => { e.preventDefault(); setConvMenuId(null); setHoveredConvId(null); } }), _jsxs("div", { className: "fixed z-[500] w-[175px] rounded-lg border border-white/[0.12] bg-[#18181b] p-1 shadow-2xl backdrop-blur-md text-[12px] text-zinc-300 select-none animate-in fade-in duration-100", style: {
+                            left: Math.max(8, Math.min(convMenuPos.x, window.innerWidth - 190)),
+                            top: Math.max(8, Math.min(convMenuPos.y, window.innerHeight - 150))
+                        }, children: [_jsxs("button", { type: "button", onClick: () => {
                                     const conv = inboxConversations.find(c => c.id === convMenuId);
                                     setEditingConvId(convMenuId);
                                     setEditingConvValue(conv?.title || '');
                                     setConvMenuId(null);
-                                }, className: "flex h-7 w-full items-center gap-2 px-3 text-left text-[11px] text-[color:var(--xeno-ink-muted)] transition-colors duration-75 hover:bg-white/[0.06] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsxs("svg", { className: "w-3.5 h-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: 1.5, children: [_jsx("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), _jsx("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })] }), "Rename"] }), _jsxs("button", { onClick: () => {
+                                }, className: "w-full px-2.5 py-1.5 rounded-t-[6px] rounded-b-[2px] text-left text-[12px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center gap-2 cursor-pointer select-none", children: [_jsx(Edit2, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Rename" }), _jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: "R" })] }), _jsxs("button", { type: "button", onClick: () => {
                                     setSelectMode(true);
                                     setSelectedConvIds(new Set([convMenuId]));
                                     setConvMenuId(null);
-                                }, className: "flex h-7 w-full items-center gap-2 px-3 text-left text-[11px] text-[color:var(--xeno-ink-muted)] transition-colors duration-75 hover:bg-white/[0.06] hover:text-[color:var(--xeno-ink-secondary)]", children: [_jsxs("svg", { className: "w-3.5 h-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: 1.5, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "4" }), _jsx("polyline", { points: "20 6 9 17 4 12" })] }), "Select"] }), _jsx("div", { className: "mx-2 my-0.5 h-px bg-[var(--xeno-border-subtle)]" }), _jsxs("button", { onClick: () => {
+                                }, className: "w-full px-2.5 py-1.5 rounded-[2px] text-left text-[12px] text-zinc-300 hover:bg-white/[0.06] hover:text-white transition-colors flex items-center gap-2 cursor-pointer select-none", children: [_jsx(CheckSquare, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Select" }), _jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: "S" })] }), _jsx("div", { className: "my-1 border-t border-white/[0.06]" }), _jsxs("button", { type: "button", onClick: () => {
                                     if (selectMode && selectedConvIds.size > 1 && selectedConvIds.has(convMenuId)) {
                                         animateDeleteConversations(Array.from(selectedConvIds), null);
                                     }
                                     else {
                                         animateDeleteConversation(convMenuId, null);
                                     }
-                                }, className: "w-full text-left px-3 h-7 flex items-center gap-2 text-[11px] text-red-400/50 hover:text-red-400 hover:bg-white/[0.06] transition-colors duration-75", children: [_jsx("svg", { className: "w-3.5 h-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: 1.5, children: _jsx("path", { d: "M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" }) }), "Delete"] })] })] }), document.body)] }));
+                                }, className: "w-full px-2.5 py-1.5 rounded-b-[6px] rounded-t-[2px] text-left text-[12px] text-red-400 hover:bg-red-500/10 hover:text-red-300 transition-colors flex items-center gap-2 cursor-pointer select-none", children: [_jsx(Trash2, { className: "w-3.5 h-3.5 text-red-400 flex-shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: "Delete" }), _jsx("span", { className: "text-[11px] font-mono text-zinc-500 pl-2 ml-auto flex-shrink-0", children: "D" })] })] })] }), document.body), hoveredPreview && !contextMenu && !inboxMenuPos && !convMenuId && createPortal(_jsxs("div", { className: "fixed z-[450] w-[260px] rounded-[6px] border border-white/[0.1] bg-[#111113]/98 p-2 shadow-2xl shadow-black/90 backdrop-blur-md animate-in fade-in duration-100 select-none pointer-events-auto before:absolute before:-left-3 before:top-0 before:bottom-0 before:w-4 before:content-[''] space-y-1.5", style: {
+                    left: Math.min(hoveredPreview.rect.right + 6, window.innerWidth - 275),
+                    top: Math.max(8, Math.min(hoveredPreview.rect.top - 2, window.innerHeight - 200)),
+                }, onMouseEnter: () => {
+                    if (closeTimerRef.current) {
+                        clearTimeout(closeTimerRef.current);
+                        closeTimerRef.current = null;
+                    }
+                    if (previewTimerRef.current) {
+                        clearTimeout(previewTimerRef.current);
+                        previewTimerRef.current = null;
+                    }
+                }, onMouseLeave: handleConvMouseLeave, children: [_jsxs("div", { className: "flex items-center justify-between gap-1.5", children: [_jsxs("div", { className: "flex items-center gap-1.5 min-w-0 flex-1", children: [_jsxs("div", { className: "w-5 h-5 rounded-[4px] bg-white/[0.04] border border-white/[0.08] flex items-center justify-center flex-shrink-0 text-zinc-300", children: [hoveredPreview.type === 'workspace' && _jsx(Folder, { className: "w-3 h-3 text-zinc-300" }), hoveredPreview.type === 'team' && _jsx(Users, { className: "w-3 h-3 text-zinc-300" }), hoveredPreview.type === 'agent' && _jsx(Bot, { className: "w-3 h-3 text-zinc-300" }), hoveredPreview.type === 'conversation' && _jsx(MessageSquare, { className: "w-3 h-3 text-zinc-300" })] }), isEditingCardName ? (_jsx("input", { type: "text", value: editingCardName, onChange: (e) => setEditingCardName(e.target.value), onKeyDown: (e) => {
+                                            if (e.key === 'Enter')
+                                                handleSaveCardRename();
+                                            if (e.key === 'Escape')
+                                                setIsEditingCardName(false);
+                                        }, onBlur: handleSaveCardRename, className: "w-full px-1.5 py-0.5 rounded-[4px] border border-[#3b82f6] ring-1 ring-[#3b82f6]/50 bg-black/60 text-white font-semibold text-[12px] focus:outline-none", autoFocus: true })) : (_jsxs("button", { type: "button", onClick: () => {
+                                            setEditingCardName(hoveredPreview.title);
+                                            setIsEditingCardName(true);
+                                        }, className: "group/name flex items-center gap-1 px-1 py-0.5 -ml-1 rounded-[4px] border border-transparent hover:border-[#3b82f6]/60 hover:bg-[#3b82f6]/10 transition-all cursor-text text-left max-w-full", title: "Click to rename", children: [_jsx("span", { className: "font-semibold text-white text-[12px] truncate", children: hoveredPreview.title }), _jsx(Edit2, { className: "w-2.5 h-2.5 text-zinc-500 opacity-0 group-hover/name:opacity-100 transition-opacity flex-shrink-0" })] }))] }), _jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [_jsx("span", { className: "text-[8.5px] font-mono uppercase tracking-wider px-1.5 py-0.2 rounded-[3px] bg-white/[0.04] text-zinc-400 border border-white/[0.06]", children: hoveredPreview.type === 'workspace' ? 'PROJECT' : hoveredPreview.type.toUpperCase() }), hoveredPreview.type === 'conversation' ? (_jsx("button", { type: "button", onClick: (e) => {
+                                            e.stopPropagation();
+                                            togglePinConversation(hoveredPreview.id);
+                                            setHoveredPreview(prev => prev ? { ...prev, isPinned: !prev.isPinned } : null);
+                                        }, className: "p-0.5 rounded-[3px] transition-colors " + (hoveredPreview.isPinned ? "text-[#8ad7ff] hover:text-white" : "text-zinc-500 hover:text-white hover:bg-white/[0.06]"), title: hoveredPreview.isPinned ? "Unpin chat" : "Pin chat", children: _jsx(Pin, { className: "w-3 h-3 " + (hoveredPreview.isPinned ? "rotate-45 fill-current" : "") }) })) : (_jsx("button", { type: "button", className: "p-0.5 rounded-[3px] text-zinc-500 hover:text-white hover:bg-white/[0.06] transition-colors cursor-pointer", disabled: !previewPin, onClick: () => { if (previewPin)
+                                            togglePinnedEntity(previewPin); }, "aria-pressed": previewEntityPinned, title: previewEntityPinned ? 'Unpin item' : 'Pin item', children: _jsx(Pin, { className: "w-3 h-3" }) }))] })] }), hoveredPreview.type === 'conversation' ? (
+                    /* Conversation Card: Pure minimalist layout matching media references */
+                    _jsxs("div", { className: "space-y-1.5 pt-0.5", children: [hoveredPreview.directories && hoveredPreview.directories.length > 0 ? (hoveredPreview.directories.slice(0, 1).map((dir) => (_jsxs("button", { type: "button", onClick: () => handleOpenPathInExplorer(dir), className: "group/path flex items-center justify-between w-full px-1.5 py-0.5 rounded-[4px] bg-white/[0.02] hover:bg-white/[0.06] border border-transparent hover:border-white/[0.06] transition-colors cursor-pointer text-left select-none -mx-1", title: `Open in Explorer: ${dir}`, children: [_jsxs("div", { className: "flex items-center gap-1.5 min-w-0 flex-1", children: [_jsx(Folder, { className: "w-3.5 h-3.5 text-zinc-400 group-hover/path:text-white transition-colors flex-shrink-0" }), _jsx("span", { className: "font-mono text-[11px] truncate text-zinc-300 group-hover/path:text-white transition-colors", title: dir, children: dir })] }), _jsx(ArrowUpRight, { className: "w-3 h-3 text-zinc-500 opacity-0 group-hover/path:opacity-100 group-hover/path:text-[#8ad7ff] transition-all flex-shrink-0 ml-1" })] }, dir)))) : (_jsxs("div", { className: "flex items-center gap-1.5 px-0.5 py-0.5 text-zinc-400 text-[11px] font-mono", children: [_jsx(Folder, { className: "w-3.5 h-3.5 text-zinc-500 flex-shrink-0" }), _jsx("span", { className: "truncate", children: hoveredPreview.workspaceName || 'Main Chat' })] })), _jsx("div", { className: "flex items-center gap-1.5 px-0.5 text-[11px] font-mono", children: hoveredPreview.status === 'Running' ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "w-3.5 h-3.5 text-[#8ad7ff] animate-spin flex-shrink-0" }), _jsx("span", { className: "text-[#8ad7ff] font-medium", children: "Running" })] })) : (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "w-3.5 h-3.5 text-zinc-500 flex-shrink-0" }), _jsx("span", { className: "text-zinc-400", children: "Idle" })] })) }), _jsxs("div", { className: "flex items-center gap-1.5 px-0.5 text-[11px] font-mono text-zinc-400", children: [_jsx(Clock, { className: "w-3.5 h-3.5 text-zinc-500 flex-shrink-0" }), _jsx("span", { children: formatUpdatedTime(hoveredPreview.timestamp) })] })] })) : (
+                    /* Workspace / Team / Agent cards */
+                    _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-2 text-[11px] font-mono text-zinc-400 px-0.5", children: [_jsxs("span", { className: "flex items-center gap-1 text-zinc-300", children: [_jsx(MessageSquare, { className: "w-2.5 h-2.5 text-zinc-500" }), `${hoveredPreview.taskCount || 0} tasks`] }), _jsx("span", { className: "text-zinc-700 text-[9px]", children: "\u2022" }), _jsx("span", { className: "truncate text-zinc-400", children: hoveredPreview.type === 'agent' ? (hoveredPreview.model ? hoveredPreview.model.split('/').pop() : 'Standard') :
+                                            (hoveredPreview.directories && hoveredPreview.directories.length > 0 ? `${hoveredPreview.directories.length} root${hoveredPreview.directories.length > 1 ? 's' : ''}` : 'Ready') })] }), hoveredPreview.directories && hoveredPreview.directories.length > 0 ? (_jsx("div", { className: "space-y-0.5 pt-0.5", children: hoveredPreview.directories.slice(0, 2).map((dir) => (_jsxs("button", { type: "button", onClick: () => handleOpenPathInExplorer(dir), className: "group/path flex items-center justify-between w-full px-1.5 py-1 rounded-[4px] bg-white/[0.02] hover:bg-white/[0.06] border border-white/[0.04] hover:border-white/[0.08] transition-colors cursor-pointer text-left select-none", title: `Open in Explorer: ${dir}`, children: [_jsxs("div", { className: "flex items-center gap-1.5 min-w-0 flex-1", children: [_jsx(Folder, { className: "w-3 h-3 text-zinc-500 group-hover/path:text-white transition-colors flex-shrink-0" }), _jsx("span", { className: "font-mono text-[10px] truncate text-zinc-400 group-hover/path:text-white transition-colors", title: dir, children: dir })] }), _jsx(ArrowUpRight, { className: "w-3 h-3 text-zinc-500 opacity-0 group-hover/path:opacity-100 group-hover/path:text-[#8ad7ff] transition-all flex-shrink-0 ml-1" })] }, dir))) })) : hoveredPreview.agentNames && hoveredPreview.agentNames.length > 0 ? (_jsxs("div", { className: "flex items-center gap-1.5 px-1.5 py-1 rounded-[4px] bg-white/[0.02] border border-white/[0.04]", children: [_jsx(Bot, { className: "w-3 h-3 text-zinc-500 flex-shrink-0" }), _jsx("span", { className: "font-mono text-[10px] text-zinc-300 truncate", children: hoveredPreview.agentNames.join(', ') })] })) : hoveredPreview.workspaceName ? (_jsxs("div", { className: "flex items-center gap-1.5 px-1.5 py-1 rounded-[4px] bg-white/[0.02] border border-white/[0.04]", children: [_jsx(Folder, { className: "w-3 h-3 text-zinc-500 flex-shrink-0" }), _jsxs("span", { className: "font-mono text-[10px] text-zinc-300 truncate", children: [hoveredPreview.workspaceName, hoveredPreview.teamName ? ` / ${hoveredPreview.teamName}` : ''] })] })) : null, _jsx("div", { className: "pt-1 border-t border-white/[0.06]", children: _jsxs("button", { type: "button", onClick: () => {
+                                        if (hoveredPreview.type === 'workspace') {
+                                            const ws = workspaces.find(w => w.id === (hoveredPreview.workspaceId || hoveredPreview.id));
+                                            onOpenSettings({
+                                                type: 'workspace',
+                                                workspaceId: hoveredPreview.workspaceId || hoveredPreview.id,
+                                                workspaceName: hoveredPreview.workspaceName || hoveredPreview.title,
+                                                teamCount: ws?.teams.length,
+                                                agentCount: ws?.teams.reduce((acc, t) => acc + t.agents.length, 0),
+                                            });
+                                        }
+                                        else if (hoveredPreview.type === 'team' && hoveredPreview.workspaceId) {
+                                            onOpenSettings({
+                                                type: 'team',
+                                                workspaceId: hoveredPreview.workspaceId,
+                                                teamId: hoveredPreview.teamId || hoveredPreview.id,
+                                                teamName: hoveredPreview.teamName || hoveredPreview.title,
+                                                workspaceName: hoveredPreview.workspaceName,
+                                            });
+                                        }
+                                        else if (hoveredPreview.type === 'agent' && hoveredPreview.workspaceId && hoveredPreview.teamId) {
+                                            onOpenSettings({
+                                                type: 'agent',
+                                                workspaceId: hoveredPreview.workspaceId,
+                                                teamId: hoveredPreview.teamId,
+                                                agentId: hoveredPreview.agentId || hoveredPreview.id,
+                                                agentName: hoveredPreview.title,
+                                            });
+                                        }
+                                        setHoveredPreview(null);
+                                    }, className: "flex items-center justify-between w-full px-2 py-1 rounded-[4px] bg-white/[0.03] hover:bg-white/[0.08] text-zinc-400 hover:text-white transition-colors cursor-pointer text-[11px] font-medium border border-white/[0.04]", children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx(Settings, { className: "w-3 h-3 text-zinc-400" }), _jsx("span", { children: hoveredPreview.type === 'workspace' ? 'Configure Project' :
+                                                        hoveredPreview.type === 'team' ? 'Configure Team' : 'Configure Agent' })] }), _jsx(ChevronRight, { className: "w-3 h-3 text-zinc-500" })] }) })] }))] }), document.body)] }));
 }
 // =============================================================================
 // AGENT RUNTIME SETTINGS
@@ -2992,7 +4014,8 @@ function AgentRuntimeSettings({ agent, workspace, team, onUpdateAgent, onClose }
     const [terminalOutput, setTerminalOutput] = useState('');
     const capabilities = agent.capabilities || { ...DEFAULT_AGENT_CAPABILITIES };
     const allowedDirectories = agent.allowedDirectories || [];
-    const teamAllowedDirectories = team.allowedDirectories || [];
+    const teamAllowedDirectories = resolveTeamDirectories(workspace, team);
+    const effectiveAgentDirectories = resolveAgentDirectories(workspace, team, agent);
     const toggleCapability = (key) => {
         onUpdateAgent({
             capabilities: {
@@ -3017,7 +4040,7 @@ function AgentRuntimeSettings({ agent, workspace, team, onUpdateAgent, onClose }
             setTerminalOutput('Terminal capability is disabled for this agent.');
             return;
         }
-        if (allowedDirectories.length === 0) {
+        if (effectiveAgentDirectories.length === 0) {
             setTerminalOutput('No allowed directories configured. Add one first.');
             return;
         }
@@ -3027,26 +4050,36 @@ function AgentRuntimeSettings({ agent, workspace, team, onUpdateAgent, onClose }
         }
         setIsRunning(true);
         setTerminalOutput('Running...');
-        const result = await getAgentPlatformBridge().workspace.runCommand({
-            command: trimmed,
-            cwd: allowedDirectories[0],
-            allowedDirs: allowedDirectories
-        });
-        setIsRunning(false);
-        const blocks = [];
-        blocks.push(`$ ${trimmed}`);
-        if (result.cwd)
-            blocks.push(`cwd: ${result.cwd}`);
-        if (result.stdout?.trim())
-            blocks.push(result.stdout.trim());
-        if (result.stderr?.trim())
-            blocks.push(`[stderr]\n${result.stderr.trim()}`);
-        if (result.error)
-            blocks.push(`[error] ${result.error}`);
-        blocks.push(`exit: ${result.exitCode ?? 'n/a'}`);
-        setTerminalOutput(blocks.join('\n\n'));
-    };
-    return (_jsxs("div", { className: "flex-1 flex flex-col bg-[#0a0a0c]", children: [_jsx("div", { className: "flex-1 overflow-auto px-6 py-5", children: _jsxs("div", { className: "w-full max-w-[760px] mx-auto space-y-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-[15px] font-semibold text-white/90", children: "Agent Runtime Settings" }), _jsxs("p", { className: "text-[11px] text-white/35 mt-1", children: ["Configure capabilities and sandbox directory access for ", _jsx("span", { className: "text-white/55", children: agent.name }), " in ", _jsxs("span", { className: "text-white/55", children: [workspace.name, " / ", team.name] }), "."] })] }), _jsxs("div", { className: "rounded-lg border border-white/[0.08] bg-white/[0.02] p-4", children: [_jsx("p", { className: "text-[11px] text-white/45 uppercase tracking-wider mb-3", children: "Capabilities" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex items-center justify-between py-1.5", children: [_jsx("span", { className: "text-[12px] text-white/75", children: "Terminal Commands (runs on this machine)" }), _jsx("input", { type: "checkbox", checked: capabilities.terminal, onChange: () => toggleCapability('terminal') })] }), _jsxs("label", { className: "flex items-center justify-between py-1.5", children: [_jsx("span", { className: "text-[12px] text-white/75", children: "Read Files" }), _jsx("input", { type: "checkbox", checked: capabilities.fileRead, onChange: () => toggleCapability('fileRead') })] }), _jsxs("label", { className: "flex items-center justify-between py-1.5", children: [_jsx("span", { className: "text-[12px] text-white/75", children: "Write Files" }), _jsx("input", { type: "checkbox", checked: capabilities.fileWrite, onChange: () => toggleCapability('fileWrite') })] })] })] }), _jsxs("div", { className: "rounded-lg border border-white/[0.08] bg-white/[0.02] p-4", children: [_jsx("p", { className: "text-[11px] text-white/45 uppercase tracking-wider mb-3", children: "Directory Access" }), workspace.directories.length === 0 ? (_jsx("p", { className: "text-[11px] text-white/30", children: "No directories attached to this workspace yet. Add them in Workspace Settings." })) : teamAllowedDirectories.length === 0 ? (_jsx("p", { className: "text-[11px] text-white/30", children: "No directories are allowed for this team. Configure Team Settings first." })) : (_jsx("div", { className: "space-y-1.5", children: teamAllowedDirectories.map((dir) => (_jsxs("label", { className: "flex items-center gap-2 py-1 px-2 rounded-md hover:bg-white/[0.03]", children: [_jsx("input", { type: "checkbox", checked: allowedDirectories.includes(dir), onChange: () => toggleDirectoryAccess(dir) }), _jsx("span", { className: "text-[11px] text-white/65 truncate", children: dir })] }, dir))) }))] }), _jsxs("div", { className: "rounded-lg border border-white/[0.08] bg-white/[0.02] p-4", children: [_jsx("p", { className: "text-[11px] text-white/45 uppercase tracking-wider mb-3", children: "Terminal Command Test" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { value: command, onChange: (e) => setCommand(e.target.value), placeholder: "e.g. pwd or Get-ChildItem", className: "flex-1 px-3 py-2 bg-black/30 border border-white/[0.1] rounded-md text-[12px] text-white focus:outline-none focus:border-white/[0.2]" }), _jsx("button", { onClick: () => { void runSandboxTest(); }, disabled: isRunning, className: "px-3 py-2 rounded-md bg-white/[0.08] hover:bg-white/[0.12] disabled:opacity-40 text-[11px] text-white/80", children: isRunning ? 'Running...' : 'Run' })] }), terminalOutput && (_jsx("pre", { className: "mt-3 p-3 bg-black/35 border border-white/[0.08] rounded-md text-[11px] text-white/65 overflow-auto whitespace-pre-wrap", children: terminalOutput }))] })] }) }), _jsxs("footer", { className: "px-6 h-[48px] border-t border-white/[0.06] bg-[#09090b] flex items-center justify-between", children: [_jsx("button", { onClick: onClose, className: "text-[11px] text-white/45 hover:text-white/70", children: "Back" }), _jsx("button", { onClick: onClose, className: "px-4 py-1.5 bg-white/[0.08] hover:bg-white/[0.12] text-white/70 text-[11px] font-medium rounded-md transition-colors", children: "Done" })] })] }));
+        try {
+            const result = await getAgentPlatformBridge().workspace.runCommand({
+                workspaceId: workspace.id,
+                teamId: team.id,
+                agentId: agent.id,
+                command: trimmed,
+                cwd: effectiveAgentDirectories[0],
+                allowedDirs: effectiveAgentDirectories
+            });
+            const blocks = [];
+            blocks.push(`$ ${trimmed}`);
+            if (result.cwd)
+                blocks.push(`cwd: ${result.cwd}`);
+            if (result.stdout?.trim())
+                blocks.push(result.stdout.trim());
+            if (result.stderr?.trim())
+                blocks.push(`[stderr]\n${result.stderr.trim()}`);
+            if (result.error)
+                blocks.push(`[error] ${result.error}`);
+            blocks.push(`exit: ${result.exitCode ?? 'n/a'}`);
+            setTerminalOutput(blocks.join('\n\n'));
+        }
+        catch (error) {
+            setTerminalOutput(error instanceof Error ? error.message : 'Workspace command failed.');
+        }
+        finally {
+            setIsRunning(false);
+        }
+    };
+    return (_jsxs("div", { className: "flex-1 flex flex-col bg-[#0a0a0c]", children: [_jsx("div", { className: "flex-1 overflow-auto px-6 py-5", children: _jsxs("div", { className: "w-full max-w-[760px] mx-auto space-y-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-[15px] font-semibold text-white/90", children: "Agent Runtime Settings" }), _jsxs("p", { className: "text-[11px] text-white/35 mt-1", children: ["Configure capabilities and sandbox directory access for ", _jsx("span", { className: "text-white/55", children: agent.name }), " in ", _jsxs("span", { className: "text-white/55", children: [workspace.name, " / ", team.name] }), "."] })] }), _jsxs("div", { className: "rounded-lg border border-white/[0.08] bg-white/[0.02] p-4", children: [_jsx("p", { className: "text-[11px] text-white/45 uppercase tracking-wider mb-3", children: "Capabilities" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex items-center justify-between py-1.5", children: [_jsx("span", { className: "text-[12px] text-white/75", children: "Terminal Commands (runs on this machine)" }), _jsx("input", { type: "checkbox", checked: capabilities.terminal, onChange: () => toggleCapability('terminal') })] }), _jsxs("label", { className: "flex items-center justify-between py-1.5", children: [_jsx("span", { className: "text-[12px] text-white/75", children: "Read Files" }), _jsx("input", { type: "checkbox", checked: capabilities.fileRead, onChange: () => toggleCapability('fileRead') })] }), _jsxs("label", { className: "flex items-center justify-between py-1.5", children: [_jsx("span", { className: "text-[12px] text-white/75", children: "Write Files" }), _jsx("input", { type: "checkbox", checked: capabilities.fileWrite, onChange: () => toggleCapability('fileWrite') })] })] })] }), _jsxs("div", { className: "rounded-lg border border-white/[0.08] bg-white/[0.02] p-4", children: [_jsx("p", { className: "text-[11px] text-white/45 uppercase tracking-wider mb-3", children: "Directory Access" }), allowedDirectories.length === 0 && _jsx("p", { className: "text-[11px] text-white/50 mb-2", children: "Inheriting available team directories. Select directories to restrict access." }), workspace.directories.length === 0 ? (_jsx("p", { className: "text-[11px] text-white/30", children: "No directories attached to this workspace yet. Add them in Workspace Settings." })) : teamAllowedDirectories.length === 0 ? (_jsx("p", { className: "text-[11px] text-white/30", children: "No valid project directories are available to this team." })) : (_jsx("div", { className: "space-y-1.5", children: teamAllowedDirectories.map((dir) => (_jsxs("label", { className: "flex items-center gap-2 py-1 px-2 rounded-md hover:bg-white/[0.03]", children: [_jsx("input", { type: "checkbox", checked: allowedDirectories.includes(dir), onChange: () => toggleDirectoryAccess(dir) }), _jsx("span", { className: "text-[11px] text-white/65 truncate", children: dir })] }, dir))) }))] }), _jsxs("div", { className: "rounded-lg border border-white/[0.08] bg-white/[0.02] p-4", children: [_jsx("p", { className: "text-[11px] text-white/45 uppercase tracking-wider mb-3", children: "Terminal Command Test" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { value: command, onChange: (e) => setCommand(e.target.value), placeholder: "e.g. pwd or Get-ChildItem", className: "flex-1 px-3 py-2 bg-black/30 border border-white/[0.1] rounded-md text-[12px] text-white focus:outline-none focus:border-white/[0.2]" }), _jsx("button", { onClick: () => { void runSandboxTest(); }, disabled: isRunning, className: "px-3 py-2 rounded-md bg-white/[0.08] hover:bg-white/[0.12] disabled:opacity-40 text-[11px] text-white/80", children: isRunning ? 'Running...' : 'Run' })] }), terminalOutput && (_jsx("pre", { className: "mt-3 p-3 bg-black/35 border border-white/[0.08] rounded-md text-[11px] text-white/65 overflow-auto whitespace-pre-wrap", children: terminalOutput }))] })] }) }), _jsxs("footer", { className: "px-6 h-[48px] border-t border-white/[0.06] bg-[#09090b] flex items-center justify-between", children: [_jsx("button", { onClick: onClose, className: "text-[11px] text-white/45 hover:text-white/70", children: "Back" }), _jsx("button", { onClick: onClose, className: "px-4 py-1.5 bg-white/[0.08] hover:bg-white/[0.12] text-white/70 text-[11px] font-medium rounded-md transition-colors", children: "Done" })] })] }));
 }
 // =============================================================================
 // TEAM RUNTIME SETTINGS
@@ -3220,6 +4253,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
     const [engineeringContextPressure, setEngineeringContextPressure] = useState(null);
     const [cliControlPlaneLoading, setCliControlPlaneLoading] = useState(false);
     const [cliControlPlaneError, setCliControlPlaneError] = useState(null);
+    const [sessionResumeError, setSessionResumeError] = useState(null);
     const [cliControlPlaneStatus, setCliControlPlaneStatus] = useState('idle');
     const [cliControlPlaneCheckedAt, setCliControlPlaneCheckedAt] = useState(undefined);
     const [cliControlPlaneManifest, setCliControlPlaneManifest] = useState(null);
@@ -3254,6 +4288,10 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
     const [policyArtifacts, setPolicyArtifacts] = useState([]);
     const [policyTaskBoards, setPolicyTaskBoards] = useState([]);
     const [openEditorTabs, setOpenEditorTabs] = useState([]);
+    const [editorTabsConversationId, setEditorTabsConversationId] = useState(null);
+    const editorOperationsRef = useRef(new EditorOperationAuthority());
+    const editorDraftVersionsRef = useRef(new Map());
+    const codeMutationPendingRef = useRef(false);
     const [activeEditorTabId, setActiveEditorTabId] = useState(null);
     const [pendingEditorPath, setPendingEditorPath] = useState(null);
     const [editorStatusMessage, setEditorStatusMessage] = useState(null);
@@ -3272,6 +4310,10 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
     const codeAutoIndexKeyRef = useRef('');
     const engineeringAutoLoadKeyRef = useRef('');
     const workspaces = useWorkspaceStore(s => s.workspaces);
+    const activeWorkspaceScope = useWorkspaceStore(s => s.activeWorkspaceScope);
+    const setActiveWorkspaceScope = useWorkspaceStore(s => s.setActiveWorkspaceScope);
+    const isWorkspaceWizardOpen = useWorkspaceStore(s => s.isWorkspaceWizardOpen);
+    const closeWorkspaceWizard = useWorkspaceStore(s => s.closeWorkspaceWizard);
     const setWorkspaces = useWorkspaceStore(s => s.setWorkspaces);
     const loadWorkspaces = useWorkspaceStore(s => s.loadWorkspaces);
     const updateTeam = useWorkspaceStore(s => s.updateTeam);
@@ -3282,7 +4324,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
     const updateConversation = useAgentChatStore(s => s.updateConversation);
     const activeRuntimeRequestId = useAgentChatStore(s => s.activeRequestId);
     const activeRuntimeConversationId = useAgentChatStore(s => s.activeConversationId);
-    const centerPaneMode = useAgentIdeStore(s => s.mode);
+    const storedCenterPaneMode = useAgentIdeStore(s => s.mode);
     const setCenterPaneMode = useAgentIdeStore(s => s.setMode);
     const setAgentIdeHasOpenFiles = useAgentIdeStore(s => s.setHasOpenFiles);
     const authDisplayName = useAuthStore(s => s.user?.display_name);
@@ -3358,6 +4400,8 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
     const activeConversation = activeConversationId
         ? conversations[activeConversationId]
         : undefined;
+    // Never paint the previous conversation's editor during scope hydration.
+    const centerPaneMode = editorTabsConversationId === activeConversationId ? storedCenterPaneMode : 'agent';
     // A CLI-resumed conversation has two identities: the renderer conversation that owns its
     // presentation state, and the durable SDK coordination session that owns Goal/Loop/Handoff
     // and delegated child runs. The workbench must query the latter when it is attached; otherwise
@@ -4346,12 +5390,17 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         };
     }, [updateConversation]);
     const activeEditorTab = useMemo(() => openEditorTabs.find((tab) => tab.id === activeEditorTabId) || null, [openEditorTabs, activeEditorTabId]);
+    const editorOperationScope = activeConversationId ? JSON.stringify([activeConversationId, codeWorkbenchRootDirectory, activeConversationAllowedDirectories]) : null;
+    editorOperationsRef.current.selectScope(editorOperationScope);
+    const destructiveConfirmation = usePreparedConfirmation(JSON.stringify([editorOperationScope, viewMode, settingsPanel, workbenchPanelOpen, workbenchPanelTab, activeEditorTabId]));
+    const editorTabsForConfirmationRef = useRef(openEditorTabs);
+    editorTabsForConfirmationRef.current = openEditorTabs;
     const activeEditorFile = useMemo(() => (activeEditorTab && activeEditorTab.type === 'file' ? activeEditorTab.file : null), [activeEditorTab]);
     const activeEditorDiff = useMemo(() => (activeEditorTab && activeEditorTab.type === 'diff' ? activeEditorTab.diff : null), [activeEditorTab]);
     const activeEditorFilePath = activeEditorFile?.path || null;
     const openEditorFiles = useMemo(() => openEditorTabs.filter(isFileEditorTab).map((tab) => tab.file), [openEditorTabs]);
     const persistedConversationEditorState = useMemo(() => buildConversationEditorState(normalizeEditorTabs(activeConversation?.editorState), activeConversation?.editorState?.activeTabId
-        || (activeConversation?.editorState?.activeFilePath ? createFileTabId(activeConversation.editorState.activeFilePath) : null)), [activeConversation?.editorState]);
+        || (activeConversation?.editorState?.activeFilePath ? createFileTabId(activeConversation.editorState.activeFilePath) : null), activeConversation?.editorState?.paneMode), [activeConversation?.editorState]);
     const editorLayoutKey = useMemo(() => [
         activeConversationId || 'none',
         centerPaneMode,
@@ -4366,28 +5415,31 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         }
         setEditorStatusMessage(null);
         setPendingEditorPath(null);
-        setCenterPaneMode('agent');
     }, [activeConversationId]);
     useEffect(() => {
         const serialized = JSON.stringify(persistedConversationEditorState);
-        if (serialized === lastPersistedEditorStateRef.current)
+        if (editorTabsConversationId === activeConversationId && serialized === lastPersistedEditorStateRef.current)
             return;
         lastPersistedEditorStateRef.current = serialized;
         setOpenEditorTabs(normalizeEditorTabs(persistedConversationEditorState));
+        setCenterPaneMode(persistedConversationEditorState.paneMode || 'agent');
+        setEditorTabsConversationId(activeConversationId);
         setActiveEditorTabId(persistedConversationEditorState.activeTabId
             || (persistedConversationEditorState.activeFilePath ? createFileTabId(persistedConversationEditorState.activeFilePath) : null));
-    }, [activeConversationId, persistedConversationEditorState]);
+    }, [activeConversationId, editorTabsConversationId, persistedConversationEditorState, setCenterPaneMode]);
     useEffect(() => {
-        if (!activeConversationId)
+        if (!activeConversationId || editorTabsConversationId !== activeConversationId)
             return;
-        const nextState = buildConversationEditorState(openEditorTabs, activeEditorTabId);
+        const nextState = buildConversationEditorState(openEditorTabs, activeEditorTabId, centerPaneMode);
         const serialized = JSON.stringify(nextState);
         if (serialized === lastPersistedEditorStateRef.current)
             return;
         lastPersistedEditorStateRef.current = serialized;
         updateConversation(activeConversationId, { editorState: nextState });
-    }, [activeConversationId, activeEditorTabId, openEditorTabs, updateConversation]);
+    }, [activeConversationId, editorTabsConversationId, activeEditorTabId, centerPaneMode, openEditorTabs, updateConversation]);
     useEffect(() => {
+        if (editorTabsConversationId !== activeConversationId)
+            return;
         if (openEditorTabs.length === 0) {
             if (activeEditorTabId !== null) {
                 setActiveEditorTabId(null);
@@ -4398,8 +5450,10 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
             return;
         }
         setActiveEditorTabId(openEditorTabs[openEditorTabs.length - 1]?.id || null);
-    }, [activeEditorTabId, openEditorTabs]);
+    }, [activeConversationId, editorTabsConversationId, activeEditorTabId, openEditorTabs]);
     useEffect(() => {
+        if (editorTabsConversationId !== activeConversationId)
+            return;
         setAgentIdeHasOpenFiles(openEditorTabs.length > 0);
         if (openEditorTabs.length === 0 && !pendingEditorPath && centerPaneMode !== 'agent') {
             setCenterPaneMode('agent');
@@ -4407,10 +5461,21 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         return () => {
             setAgentIdeHasOpenFiles(false);
         };
-    }, [openEditorTabs.length, pendingEditorPath, centerPaneMode, setAgentIdeHasOpenFiles, setCenterPaneMode]);
+    }, [activeConversationId, editorTabsConversationId, openEditorTabs.length, pendingEditorPath, centerPaneMode, setAgentIdeHasOpenFiles, setCenterPaneMode]);
     useEffect(() => () => {
         if (editorStatusTimerRef.current)
             clearTimeout(editorStatusTimerRef.current);
+        editorOperationsRef.current.selectScope(null);
+    }, []);
+    useEffect(() => {
+        const protectPendingSave = (event) => {
+            if (!editorOperationsRef.current.isSaving())
+                return;
+            event.preventDefault();
+            event.returnValue = '';
+        };
+        window.addEventListener('beforeunload', protectPendingSave);
+        return () => window.removeEventListener('beforeunload', protectPendingSave);
     }, []);
     // Load persisted workspaces and conversations on mount
     useEffect(() => {
@@ -4489,6 +5554,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 sessionTab,
             },
         });
+        useWorkspaceStore.getState().setActiveWorkspaceScope(resolveWorkspaceScope(useWorkspaceStore.getState().workspaces, conversation.agentId, conversation.workspaceId));
         setSettingsPanel(null);
         setCenterPaneMode('agent');
         setActiveSessionTabId(conversationId);
@@ -4542,46 +5608,49 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         const openSdkSession = async () => {
             const state = useAgentChatStore.getState();
             const existing = Object.values(state.conversations).find((conversation) => (conversation.sessionUi?.sdkSessionId === sessionId));
-            const conversationId = existing?.id || createConversation(MAIN_ASSISTANT_ID);
-            updateConversation(conversationId, {
-                workspaceMode: initialLaunchMode === 'agent' && initialWorkspaceRoot ? 'workspace' : 'chat-only',
-                rootDirectory: initialLaunchMode === 'agent' ? initialWorkspaceRoot : undefined,
-                grantedDirectories: initialLaunchMode === 'agent' && initialWorkspaceRoot ? [initialWorkspaceRoot] : [],
-                model: MAIN_ASSISTANT_MODEL,
-                runtime: createConversationRuntimeBinding({
-                    selection: runtimeSelectionForSdk('user'),
-                    model: MAIN_ASSISTANT_MODEL,
-                    reasoningModel: MAIN_ASSISTANT_MODEL,
-                    inferenceMode: 'cloud',
-                }),
-            });
-            activateSessionConversation(conversationId);
-            const attach = getAgentPlatformBridge()?.agent?.attachSdkSession;
-            if (!attach) {
-                appendMessage(conversationId, {
-                    role: 'assistant',
-                    content: `Unable to resume SDK session ${sessionId}: the Agent host session bridge is unavailable.`,
-                    error: 'Agent host session bridge unavailable',
-                    hideToolbar: true,
-                });
-                return;
-            }
+            const conversationId = existing?.id || generateId();
             try {
+                setSessionResumeError(null);
+                const bridge = getAgentPlatformBridge()?.agent;
+                if (!bridge?.attachSdkSession)
+                    throw new Error('The Agent host session bridge is unavailable.');
+                if (existing)
+                    assertResumeLaunchScope(existing, initialLaunchMode, initialWorkspaceRoot);
+                else {
+                    if (!bridge.showSdkSession)
+                        throw new Error('Canonical SDK session metadata is unavailable for recovery.');
+                    const preview = await bridge.showSdkSession({ sessionId });
+                    if (cancelled)
+                        return;
+                    if (!preview.success)
+                        throw new Error(preview.error || 'SDK session recovery metadata could not be read.');
+                    const scope = scopeFromSdkSessionMetadata(preview.session);
+                    assertResumeLaunchScope(scope, initialLaunchMode, initialWorkspaceRoot);
+                }
+                // Explicit launch conflicts have been refused before changing either the
+                // saved conversation or its native session attachment.
+                const attach = bridge.attachSdkSession;
                 const result = await attach({ conversationId, sessionId });
                 if (cancelled)
                     return;
-                if (!result.success) {
-                    const message = result.error || 'unknown host error';
-                    console.error(`[agent-interface] Unable to attach SDK session ${sessionId}: ${message}`);
-                    appendMessage(conversationId, {
-                        role: 'assistant',
-                        content: `Unable to resume SDK session ${sessionId}: ${message}`,
-                        error: message,
-                        hideToolbar: true,
+                if (!result.success)
+                    throw new Error(result.error || 'SDK session attachment could not be confirmed.');
+                if (!existing) {
+                    const scope = scopeFromSdkSessionMetadata(result.session);
+                    assertResumeLaunchScope(scope, initialLaunchMode, initialWorkspaceRoot);
+                    createConversation(MAIN_ASSISTANT_ID, conversationId);
+                    updateConversation(conversationId, {
+                        ...scope,
+                        model: MAIN_ASSISTANT_MODEL,
+                        runtime: createConversationRuntimeBinding({
+                            selection: runtimeSelectionForSdk('user'), model: MAIN_ASSISTANT_MODEL,
+                            reasoningModel: MAIN_ASSISTANT_MODEL, inferenceMode: 'cloud',
+                        }),
                     });
-                    return;
                 }
                 const current = useAgentChatStore.getState().getConversation(conversationId);
+                if (!current)
+                    throw new Error('The resumed conversation is no longer available.');
                 updateConversation(conversationId, {
                     sessionUi: {
                         ...(current?.sessionUi || {}),
@@ -4591,25 +5660,19 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                         coordinationSessionId: result.coordinationSessionId,
                     },
                 });
+                activateSessionConversation(conversationId);
             }
             catch (error) {
                 if (cancelled)
                     return;
-                const message = error instanceof Error ? error.message : 'unknown host error';
-                console.error(`[agent-interface] Unable to attach SDK session ${sessionId}: ${message}`);
-                appendMessage(conversationId, {
-                    role: 'assistant',
-                    content: `Unable to resume SDK session ${sessionId}: ${message}`,
-                    error: message,
-                    hideToolbar: true,
-                });
+                const message = error instanceof Error ? error.message : 'SDK session recovery could not be verified.';
+                setSessionResumeError(`Unable to resume SDK session: ${message}`);
             }
         };
         void openSdkSession();
         return () => { cancelled = true; };
     }, [
         activateSessionConversation,
-        appendMessage,
         createConversation,
         initialLaunchMode,
         initialSdkSessionId,
@@ -4619,24 +5682,9 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
     ]);
     const createSessionConversation = useCallback(() => {
         const conversationId = createConversation(MAIN_ASSISTANT_ID);
-        const current = activeSessionTabId
-            ? useAgentChatStore.getState().getConversation(activeSessionTabId)
-            : undefined;
-        const inheritWorkspace = current?.workspaceMode === 'workspace' && Boolean(current.rootDirectory);
-        const launchWorkspace = initialLaunchMode === 'agent' && Boolean(initialWorkspaceRoot);
-        if (inheritWorkspace || launchWorkspace) {
-            const rootDirectory = inheritWorkspace ? current.rootDirectory : initialWorkspaceRoot;
-            updateConversation(conversationId, {
-                schemaVersion: 3,
-                workspaceMode: 'workspace',
-                rootDirectory,
-                grantedDirectories: inheritWorkspace
-                    ? (current.grantedDirectories?.length ? [...current.grantedDirectories] : [rootDirectory])
-                    : [rootDirectory],
-            });
-        }
+        updateConversation(conversationId, personalConversationDefaults());
         activateSessionConversation(conversationId);
-    }, [activateSessionConversation, activeSessionTabId, createConversation, initialLaunchMode, initialWorkspaceRoot, updateConversation]);
+    }, [activateSessionConversation, createConversation, updateConversation]);
     const closeSessionConversation = useCallback((conversationId) => {
         const state = useAgentChatStore.getState();
         const conversation = state.getConversation(conversationId);
@@ -5032,15 +6080,13 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         if (!uniqueAgentName)
             return { success: false, error: 'Agent name is empty.' };
         const newAgent = {
+            ...agentCreationConfiguration(workspace, team, { systemPrompt: params.instructions?.trim() || undefined }),
             id: generateId(),
             name: uniqueAgentName,
             isMainAssistant: team.agents.length === 0 || !team.agents.some(a => a.isMainAssistant),
-            model: MAIN_ASSISTANT_MODEL,
-            systemPrompt: params.instructions?.trim() || `You are ${uniqueAgentName}, an assistant in ${workspace.name}/${team.name}.`,
             templateName: 'Custom',
             workspaceName: workspace.name,
             teamName: team.name,
-            capabilities: { ...DEFAULT_AGENT_CAPABILITIES },
             permissionProfile: 'standard',
             allowedDirectories: [...(team.allowedDirectories || [])],
             allowedApps: [...(team.allowedApps || [])],
@@ -5812,6 +6858,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
             selectedConversationId,
             selectedAgentId
         });
+        setActiveWorkspaceScope(null);
         setViewMode('inbox');
         setSelectedAgentId(null);
         setSelectedConversationId(null);
@@ -5830,11 +6877,24 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
             agentId: id
         });
         setViewMode(id ? 'agent' : 'inbox');
+        setActiveWorkspaceScope(resolveWorkspaceScope(workspaces, id || undefined));
         setSelectedAgentId(id);
         setSelectedConversationId(null);
         setSelectedInboxConversationId(null);
         setActiveSessionTabId(null);
     };
+    // Synchronize active workspace scope: if user scopes to a workspace while on global inbox, switch to workspace's main agent
+    useEffect(() => {
+        if (activeWorkspaceScope && viewMode === 'inbox') {
+            const ws = workspaces.find(w => w.id === activeWorkspaceScope);
+            if (ws) {
+                const main = ws.teams.flatMap(t => t.agents).find(a => a.isMainAssistant) || ws.teams[0]?.agents[0];
+                if (main) {
+                    handleSelectAgent(main.id);
+                }
+            }
+        }
+    }, [activeWorkspaceScope, viewMode, workspaces]);
     // Select a specific conversation
     const handleSelectConversation = (agentId, conversationId) => {
         logAgentInterfaceDebug('select agent conversation', {
@@ -5844,6 +6904,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         activateSessionConversation(conversationId);
     };
     const handleOpenSettings = (panel) => {
+        setActiveWorkspaceScope(resolveWorkspaceScope(workspaces, panel.agentId, panel.workspaceId));
         if (activeConversationId) {
             updateConversation(activeConversationId, {
                 sessionUi: {
@@ -5884,6 +6945,19 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
     const handleCloseSettings = () => {
         setSettingsPanel(null);
     };
+    const handleOpenWorkspaceSettings = useCallback((workspaceId) => {
+        const ws = workspaces.find(w => w.id === workspaceId);
+        if (!ws)
+            return;
+        handleOpenSettings({
+            type: 'workspace',
+            workspaceId: ws.id,
+            workspaceName: ws.name,
+            teamCount: ws.teams.length,
+            agentCount: ws.teams.reduce((acc, team) => acc + team.agents.length, 0),
+            initialSection: 'general',
+        });
+    }, [workspaces]);
     const handleDeleteFromSettings = () => {
         setSettingsPanel(null);
     };
@@ -6006,18 +7080,13 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                     suffix += 1;
                 }
                 targetAgent = {
+                    ...agentCreationConfiguration(workspace, targetTeam, { model: params.model }),
                     id: generateId(),
                     name: nextAgentName,
                     isMainAssistant: !hasAnyAgents,
-                    model: params.model || MAIN_ASSISTANT_MODEL,
-                    systemPrompt: MAIN_ASSISTANT_SYSTEM_PROMPT,
                     templateName: 'Workspace Assistant',
                     workspaceName: workspace.name,
                     teamName: targetTeam.name,
-                    capabilities: {
-                        ...DEFAULT_AGENT_CAPABILITIES,
-                        fileWrite: true
-                    },
                     permissionProfile: 'standard',
                     allowedDirectories: [normalizedDirectory],
                     allowedApps: [...(targetTeam.allowedApps || [])],
@@ -6038,11 +7107,6 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 targetAgent.templateName = 'Workspace Assistant';
                 targetAgent.systemPrompt = targetAgent.systemPrompt || MAIN_ASSISTANT_SYSTEM_PROMPT;
                 targetAgent.model = targetAgent.model || params.model || MAIN_ASSISTANT_MODEL;
-                targetAgent.capabilities = {
-                    ...DEFAULT_AGENT_CAPABILITIES,
-                    ...targetAgent.capabilities,
-                    fileWrite: true
-                };
                 targetAgent.permissionProfile = targetAgent.permissionProfile || 'standard';
                 targetAgent.allowedDirectories = prioritizeDirectory(targetAgent.allowedDirectories, normalizedDirectory);
                 targetAgent.allowedApps = [...(targetAgent.allowedApps || [])];
@@ -6120,7 +7184,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
             editorStatusTimerRef.current = null;
         }
         setEditorStatusMessage(message);
-        if (!message)
+        if (!message || durationMs <= 0)
             return;
         editorStatusTimerRef.current = setTimeout(() => {
             setEditorStatusMessage(null);
@@ -6220,44 +7284,38 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         activateSessionConversation(targetConversationId);
     }, [activateSessionConversation, selectedAgent?.id, subagentRuntimeEvents, updateConversation]);
     const handleSubagentCancelRun = useCallback(async (run) => {
-        if (!getAgentPlatformBridge()?.subagents?.cancelRun && !getAgentPlatformBridge()?.subagents?.updateRun) {
-            setSubagentError('Subagent run bridge is not available. Restart Hub.');
+        if (!getAgentPlatformBridge()?.subagents?.cancelRun) {
+            setSubagentError('Subagent cancellation settlement is not available. Update the host and retry.');
             return;
         }
         setSubagentLoading(true);
         setSubagentError(null);
         try {
-            if (run.childRequestId && getAgentPlatformBridge()?.agent?.cancel) {
-                await getAgentPlatformBridge().agent.cancel(run.childRequestId);
-            }
-            const result = getAgentPlatformBridge().subagents.cancelRun
-                ? await getAgentPlatformBridge().subagents.cancelRun({
-                    id: run.id,
-                    reason: 'Cancelled from the Agent workbench.',
-                    requestedBy: policyCaller.agentId,
-                    requestedFrom: 'parent',
-                    propagateToChild: !!run.childRequestId,
-                    propagatedAt: Date.now(),
-                    caller: policyCaller,
-                })
-                : await getAgentPlatformBridge().subagents.updateRun({
-                    id: run.id,
-                    status: 'cancelled',
-                    summary: 'Cancelled from the Agent workbench.',
-                    caller: policyCaller,
-                });
-            if (!result?.success) {
-                setSubagentError(result?.error || 'Failed to cancel subagent run.');
-                return;
-            }
-            const updatedRun = toSubagentWorkbenchRun(result.run);
+            const result = await getAgentPlatformBridge().subagents.cancelRun({
+                id: run.id,
+                reason: 'Cancelled from the Agent workbench.',
+                requestedBy: policyCaller.agentId,
+                requestedFrom: 'parent',
+                propagateToChild: true,
+                caller: policyCaller,
+            });
+            const updatedRun = toSubagentWorkbenchRun(result?.run);
             if (updatedRun) {
                 setSubagentRuns((current) => mergeSubagentWorkbenchRuns([updatedRun, ...current]).slice(0, 120));
             }
+            if (!result?.success) {
+                await handleSubagentRefresh();
+                setSubagentError(result?.error || 'Cancellation is pending; child execution is not confirmed stopped.');
+                return;
+            }
             setTransientEditorStatus('Cancelled subagent run.', 2200);
             void handleSubagentRefresh();
             void refreshSubagentAvailability();
         }
+        catch {
+            await handleSubagentRefresh().catch(() => undefined);
+            setSubagentError('Cancellation acknowledgement was lost; child execution is not confirmed stopped. Refresh and retry.');
+        }
         finally {
             setSubagentLoading(false);
         }
@@ -6293,6 +7351,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         viewMode,
     ]);
     const handleEditorContentChange = useCallback((path, content) => {
+        editorDraftVersionsRef.current.set(path, (editorDraftVersionsRef.current.get(path) ?? 0) + 1);
         setOpenEditorTabs((prev) => prev.map((tab) => (tab.type === 'file' && tab.file.path === path
             ? { ...tab, file: { ...tab.file, content, isDirty: content !== tab.file.savedContent } }
             : tab)));
@@ -6315,11 +7374,15 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         }
         setPendingEditorPath(entry.path);
         setEditorStatusMessage(`Opening ${entry.name}...`);
-        const result = await getAgentPlatformBridge().workspace.readFile({
-            path: entry.path,
-            allowedDirs: activeConversationAllowedDirectories,
-        });
+        editorOperationsRef.current.invalidate(entry.path);
+        const current = editorOperationsRef.current.capture(entry.path);
         try {
+            const result = await getAgentPlatformBridge().workspace.readFile({
+                conversationId: activeConversationId || undefined,
+                path: entry.path, allowedDirs: activeConversationAllowedDirectories,
+            });
+            if (!current())
+                return;
             if (!result?.success || !result.path) {
                 logAgentInterfaceDebug('editor file open failed', {
                     conversationId: activeConversationId,
@@ -6343,12 +7406,17 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 type: 'file',
                 file: openedFile
             };
-            setOpenEditorTabs((prev) => [...prev, openedTab]);
+            setOpenEditorTabs(prev => !current() || prev.some(tab => tab.id === openedTab.id) ? prev : [...prev, openedTab]);
             setActiveEditorTabId(openedTab.id);
             setEditorStatusMessage(null);
         }
+        catch (error) {
+            if (current())
+                setTransientEditorStatus(error instanceof Error ? error.message : `Failed to open ${entry.name}.`, 0);
+        }
         finally {
-            setPendingEditorPath((current) => (current === entry.path ? null : current));
+            if (current())
+                setPendingEditorPath(value => value === entry.path ? null : value);
         }
     }, [activeConversationAllowedDirectories, activeConversationId, centerPaneMode, openEditorTabs, setCenterPaneMode, setTransientEditorStatus]);
     const handleOpenEditorFile = useCallback(async (entry) => {
@@ -6367,7 +7435,11 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         allowedDirectories: activeConversationAllowedDirectories,
         caller: policyCaller,
     }), [activeConversationAllowedDirectories, codeWorkbenchRootDirectory, policyCaller]);
+    const engineeringConfirmationTargetsRef = useRef({ patches: engineeringPatchReviews, checkpoints: engineeringCheckpoints });
+    const engineeringConfirmationRefreshRef = useRef(0);
+    engineeringConfirmationTargetsRef.current = { patches: engineeringPatchReviews, checkpoints: engineeringCheckpoints };
     useEffect(() => {
+        setCodeWorkbenchLoading(false);
         setCodeWorkbenchError(null);
         setCodeWorkbenchStats(null);
         setCodeWorkbenchFiles([]);
@@ -6399,8 +7471,11 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         setEngineeringSessions([]);
         setEngineeringRuntimeEvents([]);
         setEngineeringContextPressure(null);
-    }, [activeConversationId, codeWorkbenchRootDirectory]);
+    }, [editorOperationScope]);
     const handleEngineeringRefresh = useCallback(async () => {
+        const viewCurrent = destructiveConfirmation.capture();
+        const refreshVersion = ++engineeringConfirmationRefreshRef.current;
+        const current = () => viewCurrent() && engineeringConfirmationRefreshRef.current === refreshVersion;
         if (!codeWorkbenchRootDirectory) {
             setEngineeringError('Open a folder before loading engineering tools.');
             return;
@@ -6438,6 +7513,8 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 getAgentPlatformBridge().engineering.listSessions?.(engineeringRequestBase),
             ]);
             const runtimeTimelineResult = await runtimeTimelinePromise;
+            if (!current())
+                return;
             const git = toEngineeringGitStatus(gitResult);
             if (git) {
                 setEngineeringGit(git);
@@ -6506,9 +7583,10 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
             }
         }
         finally {
-            setEngineeringLoading(false);
+            if (current())
+                setEngineeringLoading(false);
         }
-    }, [activeConversationId, codeWorkbenchRootDirectory, engineeringRequestBase]);
+    }, [activeConversationId, codeWorkbenchRootDirectory, engineeringRequestBase, destructiveConfirmation.capture]);
     const handleEngineeringTogglePath = useCallback((path) => {
         setEngineeringSelectedPaths((current) => (current.includes(path)
             ? current.filter((item) => item !== path)
@@ -6621,78 +7699,47 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
             setEngineeringLoading(false);
         }
     }, [codeWorkbenchRootDirectory, engineeringRequestBase]);
-    const handleEngineeringReviewPatchSelection = useCallback(async (request) => {
-        if (!codeWorkbenchRootDirectory || !getAgentPlatformBridge()?.engineering?.reviewPatchSelection) {
-            setEngineeringError('Selective patch review bridge is not available.');
-            return;
-        }
-        setEngineeringLoading(true);
+    const engineeringDestructiveActions = engineeringConfirmationActions({
+        gate: destructiveConfirmation,
+        service: () => getAgentPlatformBridge()?.engineering,
+        requestBase: engineeringRequestBase,
+        conversationId: activeConversationId || undefined,
+        targetVersion: (kind, id) => {
+            const targets = engineeringConfirmationTargetsRef.current;
+            const item = kind === 'patch' ? targets.patches.find(entry => entry.id === id) : targets.checkpoints.find(entry => entry.checkpointId === id);
+            return item ? JSON.stringify(item) : undefined;
+        },
+        applyItem: value => {
+            const item = toPatchReviewItem(value);
+            if (item)
+                setEngineeringPatchReviews(current => current.map(entry => entry.id === item.id ? item : entry));
+        },
+        status: setTransientEditorStatus,
+        refresh: handleEngineeringRefresh,
+    });
+    const handleEngineeringReviewPatchSelection = async (request) => {
+        if (request.action !== 'comment')
+            return engineeringDestructiveActions.review(request);
+        const current = editorOperationsRef.current.capture('');
         setEngineeringError(null);
         try {
-            const applyItem = (value) => {
-                const item = toPatchReviewItem(value);
-                if (item)
-                    setEngineeringPatchReviews((current) => current.map((entry) => entry.id === item.id ? item : entry));
-            };
-            if (request.action === 'comment') {
-                const result = await getAgentPlatformBridge().engineering.reviewPatchSelection({
-                    ...engineeringRequestBase,
-                    ...request,
-                });
-                if (!result?.success) {
-                    setEngineeringError(result?.error || 'Failed to save the patch review comment.');
-                    return;
-                }
-                applyItem(result.item);
-                setTransientEditorStatus('Saved patch review comment.', 2200);
-                return;
-            }
-            const preview = await getAgentPlatformBridge().engineering.reviewPatchSelection({
-                ...engineeringRequestBase,
-                ...request,
-            });
-            if (!preview?.success) {
-                setEngineeringError(preview?.error || 'Failed to preview the patch review decision.');
-                return;
-            }
-            const conflicts = Array.isArray(preview.conflicts) ? preview.conflicts : [];
-            if (conflicts.length > 0) {
-                setEngineeringError(conflicts.map((conflict) => `${conflict.relativePath}: ${conflict.detail || conflict.reason}`).join('\n'));
-                return;
-            }
-            if (!preview.previewToken) {
-                setEngineeringError('Selective patch review did not return a transactional preview token.');
-                return;
-            }
-            const scope = request.hunkId ? 'this hunk' : `all unresolved hunks in ${request.relativePath}`;
-            const mutation = preview.wouldChangeFiles?.length
-                ? ' This will transactionally update the workspace file.'
-                : '';
-            if (!window.confirm(`${request.action === 'accept' ? 'Accept' : 'Reject'} ${scope}?${mutation}`))
+            const result = await getAgentPlatformBridge().engineering.reviewPatchSelection({ ...engineeringRequestBase, ...request });
+            if (!current())
                 return;
-            const result = await getAgentPlatformBridge().engineering.reviewPatchSelection({
-                ...engineeringRequestBase,
-                ...request,
-                confirmed: true,
-                previewToken: preview.previewToken,
-            });
-            if (!result?.success || !result.applied) {
-                setEngineeringError(result?.error || 'Failed to apply the patch review decision.');
+            if (!result?.success) {
+                setEngineeringError(result?.error || 'Failed to save the patch review comment.');
                 return;
             }
-            applyItem(result.item);
-            setTransientEditorStatus(`${request.action === 'accept' ? 'Accepted' : 'Rejected'} ${result.selectedHunkIds.length} hunk${result.selectedHunkIds.length === 1 ? '' : 's'}.`, 2600);
-            void handleEngineeringRefresh();
+            const item = toPatchReviewItem(result.item);
+            if (item)
+                setEngineeringPatchReviews(entries => entries.map(entry => entry.id === item.id ? item : entry));
+            setTransientEditorStatus('Saved patch review comment.', 2200);
         }
-        finally {
-            setEngineeringLoading(false);
+        catch (error) {
+            if (current())
+                setEngineeringError(error instanceof Error ? error.message : 'Failed to save the patch review comment.');
         }
-    }, [
-        codeWorkbenchRootDirectory,
-        engineeringRequestBase,
-        handleEngineeringRefresh,
-        setTransientEditorStatus,
-    ]);
+    };
     const handleEngineeringCompareCheckpoints = useCallback(async (fromCheckpointId, toCheckpointId) => {
         if (!codeWorkbenchRootDirectory || !getAgentPlatformBridge()?.engineering?.compareCheckpoints) {
             setEngineeringError('Checkpoint compare bridge is not available.');
@@ -6717,69 +7764,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
             setEngineeringLoading(false);
         }
     }, [codeWorkbenchRootDirectory, engineeringRequestBase, setTransientEditorStatus]);
-    const handleEngineeringRestoreCheckpoint = useCallback(async (checkpointId) => {
-        if (!codeWorkbenchRootDirectory || !getAgentPlatformBridge()?.engineering?.restoreCheckpoint) {
-            setEngineeringError('Checkpoint restore bridge is not available.');
-            return;
-        }
-        setEngineeringLoading(true);
-        setEngineeringError(null);
-        try {
-            const preview = await getAgentPlatformBridge().engineering.restoreCheckpoint({
-                ...engineeringRequestBase,
-                checkpointId,
-                conversationId: activeConversationId,
-            });
-            if (!preview?.success) {
-                setEngineeringError(preview?.error || 'Failed to create checkpoint restore preview.');
-                return;
-            }
-            if (!preview.previewToken) {
-                setEngineeringError('Checkpoint restore did not return a transactional preview token.');
-                return;
-            }
-            const conflicts = Array.isArray(preview.conflicts) ? preview.conflicts : [];
-            const nonOverridableConflicts = conflicts.filter((conflict) => conflict.reason !== 'current_state_changed');
-            if (nonOverridableConflicts.length > 0) {
-                setEngineeringError(nonOverridableConflicts.map((conflict) => (`${conflict.relativePath}: ${conflict.detail || conflict.reason}`)).join('\n'));
-                return;
-            }
-            const conflictWarning = conflicts.length > 0
-                ? `\n\nWARNING: ${conflicts.length} file${conflicts.length === 1 ? '' : 's'} changed since this checkpoint. Continuing will overwrite the current version:\n${conflicts.map((conflict) => conflict.relativePath).join('\n')}`
-                : '';
-            const confirmed = window.confirm(`Restore checkpoint ${checkpointId}? This will transactionally restore the affected files:\n\n${(preview.wouldRestoreFiles || []).join('\n') || 'No files listed.'}${conflictWarning}`);
-            if (!confirmed)
-                return;
-            const result = await getAgentPlatformBridge().engineering.restoreCheckpoint({
-                ...engineeringRequestBase,
-                checkpointId,
-                conversationId: activeConversationId,
-                confirmed: true,
-                previewToken: preview.previewToken,
-                conflictStrategy: conflicts.length > 0 ? 'overwrite' : 'abort',
-            });
-            if (!result?.success) {
-                setEngineeringError(result?.error || 'Failed to confirm checkpoint restore.');
-                return;
-            }
-            if (!result.restored) {
-                setEngineeringError('Checkpoint restore completed without confirming any restored files.');
-                return;
-            }
-            const restoredCount = result.restoredFiles?.length || 0;
-            setTransientEditorStatus(`Restored ${restoredCount} file${restoredCount === 1 ? '' : 's'} from ${checkpointId}.`, 3000);
-            void handleEngineeringRefresh();
-        }
-        finally {
-            setEngineeringLoading(false);
-        }
-    }, [
-        activeConversationId,
-        codeWorkbenchRootDirectory,
-        engineeringRequestBase,
-        handleEngineeringRefresh,
-        setTransientEditorStatus,
-    ]);
+    const handleEngineeringRestoreCheckpoint = engineeringDestructiveActions.restore;
     const handleEngineeringStage = useCallback(async (paths) => {
         if (!codeWorkbenchRootDirectory || !getAgentPlatformBridge()?.engineering?.gitStage) {
             setEngineeringError('Engineering stage bridge is not available.');
@@ -7155,41 +8140,62 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         const targets = Array.from(new Set(paths.filter(Boolean)));
         if (targets.length === 0 || !getAgentPlatformBridge()?.workspace?.readFile)
             return;
+        const snapshots = new Map(openEditorTabs.filter(isFileEditorTab).map(tab => [tab.file.path, tab.file]));
+        const currentScope = editorOperationsRef.current.capture('');
+        const failed = [];
+        const retained = [];
         const refreshed = await Promise.all(targets.map(async (path) => {
-            const result = await getAgentPlatformBridge().workspace.readFile({
-                path,
-                allowedDirs: activeConversationAllowedDirectories,
-            });
-            return result?.success && result.path
-                ? { path: result.path, content: result.content || '' }
-                : null;
+            const snapshot = snapshots.get(path);
+            if (!snapshot)
+                return null;
+            if (snapshot.isDirty) {
+                retained.push(path);
+                return null;
+            }
+            const current = editorOperationsRef.current.capture(path);
+            try {
+                const result = await getAgentPlatformBridge().workspace.readFile({ conversationId: activeConversationId || undefined, path, allowedDirs: activeConversationAllowedDirectories });
+                if (!result?.success && current())
+                    failed.push(path);
+                return result?.success && result.path && current()
+                    ? { path, content: result.content || '', current, snapshot }
+                    : null;
+            }
+            catch {
+                if (current())
+                    failed.push(path);
+                return null;
+            }
         }));
-        const byPath = new Map(refreshed.flatMap((entry) => entry ? [[entry.path, entry.content]] : []));
-        if (byPath.size === 0)
+        if (!currentScope())
+            return;
+        if (failed.length)
+            setCodeWorkbenchError('Code changes were applied, but some open files could not be refreshed. Their editor contents were retained; reopen them before saving.');
+        else if (retained.length)
+            setCodeWorkbenchError('Code changes were applied on disk. Unsaved editor drafts were retained; review the disk changes before saving over them.');
+        const byPath = new Map(refreshed.flatMap((entry) => entry ? [[entry.path, entry]] : []));
+        if (byPath.size === 0 || !currentScope())
             return;
         setOpenEditorTabs((prev) => prev.map((tab) => {
             if (tab.type !== 'file')
                 return tab;
-            const content = byPath.get(tab.file.path);
-            if (content === undefined)
+            const result = byPath.get(tab.file.path);
+            if (!result || !result.current())
                 return tab;
-            return {
-                ...tab,
-                file: {
-                    ...tab.file,
-                    content,
-                    savedContent: content,
-                    isDirty: false,
-                    lastSavedAt: Date.now(),
-                }
-            };
+            return { ...tab, file: reconcileEditorRefresh(tab.file, result.snapshot, result.content, Date.now()) };
         }));
-    }, [activeConversationAllowedDirectories]);
+    }, [activeConversationAllowedDirectories, activeConversationId, openEditorTabs]);
     const handleCodeApplyAction = useCallback(async (action) => {
+        if (codeMutationPendingRef.current) {
+            setCodeWorkbenchError('A code change is still completing. Wait before starting another.');
+            return;
+        }
         if (!codeWorkbenchRootDirectory || !getAgentPlatformBridge()?.codeIndex?.applyCodeAction) {
             setCodeWorkbenchError('Code action apply bridge is not available. Restart Hub.');
             return;
         }
+        codeMutationPendingRef.current = true;
+        const current = editorOperationsRef.current.capture('');
         setCodeWorkbenchLoading(true);
         setCodeWorkbenchError(null);
         try {
@@ -7203,6 +8209,8 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 kind: action.kind,
                 diagnosticCode: action.diagnosticCode,
             });
+            if (!current())
+                return;
             if (!result?.success) {
                 setCodeWorkbenchError(result?.error || 'Failed to apply code action.');
                 return;
@@ -7211,12 +8219,20 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 .flatMap((edit) => isPlainRecord(edit) ? [readString(edit, 'filePath')] : [])
                 .filter((path) => !!path);
             await refreshOpenEditorFilesFromDisk(editedPaths);
+            if (!current())
+                return;
             setTransientEditorStatus(result.applied ? `Applied code action: ${action.title}` : 'Code action produced no file changes.', 2600);
             void handleCodeRefreshActions();
             void handleCodeRefreshChanges();
         }
+        catch (error) {
+            if (current())
+                setCodeWorkbenchError(error instanceof Error ? error.message : 'Code action failed. Verify disk state before retrying.');
+        }
         finally {
-            setCodeWorkbenchLoading(false);
+            codeMutationPendingRef.current = false;
+            if (current())
+                setCodeWorkbenchLoading(false);
         }
     }, [
         codeIndexRequestBase,
@@ -7227,6 +8243,10 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         setTransientEditorStatus,
     ]);
     const handleCodeOrganizeImports = useCallback(async () => {
+        if (codeMutationPendingRef.current) {
+            setCodeWorkbenchError('A code change is still completing. Wait before starting another.');
+            return;
+        }
         if (!codeWorkbenchRootDirectory || !getAgentPlatformBridge()?.codeIndex?.organizeImports) {
             setCodeWorkbenchError('Organize imports bridge is not available. Restart Hub.');
             return;
@@ -7237,6 +8257,8 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
             setCodeWorkbenchError('Select a TypeScript or JavaScript file/symbol before organizing imports.');
             return;
         }
+        codeMutationPendingRef.current = true;
+        const current = editorOperationsRef.current.capture('');
         setCodeWorkbenchLoading(true);
         setCodeWorkbenchError(null);
         try {
@@ -7244,6 +8266,8 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 ...codeIndexRequestBase,
                 filePath: targetPath,
             });
+            if (!current())
+                return;
             if (!result?.success) {
                 setCodeWorkbenchError(result?.error || 'Failed to organize imports.');
                 return;
@@ -7252,12 +8276,20 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 .flatMap((edit) => isPlainRecord(edit) ? [readString(edit, 'filePath')] : [])
                 .filter((path) => !!path);
             await refreshOpenEditorFilesFromDisk(editedPaths);
+            if (!current())
+                return;
             setTransientEditorStatus(result.applied ? 'Organized imports.' : 'Imports were already organized.', 2200);
             void handleCodeRefreshActions();
             void handleCodeRefreshChanges();
         }
+        catch (error) {
+            if (current())
+                setCodeWorkbenchError(error instanceof Error ? error.message : 'Organize imports failed. Verify disk state before retrying.');
+        }
         finally {
-            setCodeWorkbenchLoading(false);
+            codeMutationPendingRef.current = false;
+            if (current())
+                setCodeWorkbenchLoading(false);
         }
     }, [
         codeIndexRequestBase,
@@ -7271,6 +8303,10 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         setTransientEditorStatus,
     ]);
     const handleCodeRenameSymbol = useCallback(async () => {
+        if (codeMutationPendingRef.current) {
+            setCodeWorkbenchError('A code change is still completing. Wait before starting another.');
+            return;
+        }
         if (!codeWorkbenchRootDirectory || !getAgentPlatformBridge()?.codeIndex?.renameSymbol) {
             setCodeWorkbenchError('Rename bridge is not available. Restart Hub.');
             return;
@@ -7285,6 +8321,8 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         const nextName = window.prompt('Rename symbol to:', currentName);
         if (!nextName || nextName.trim() === currentName)
             return;
+        codeMutationPendingRef.current = true;
+        const current = editorOperationsRef.current.capture('');
         setCodeWorkbenchLoading(true);
         setCodeWorkbenchError(null);
         try {
@@ -7295,6 +8333,8 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 column: selectedSymbol?.column || 1,
                 newName: nextName.trim(),
             });
+            if (!current())
+                return;
             if (!result?.success) {
                 setCodeWorkbenchError(result?.error || 'Failed to rename symbol.');
                 return;
@@ -7303,12 +8343,20 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 .flatMap((edit) => isPlainRecord(edit) ? [readString(edit, 'filePath')] : [])
                 .filter((path) => !!path);
             await refreshOpenEditorFilesFromDisk(editedPaths);
+            if (!current())
+                return;
             setTransientEditorStatus(result.applied ? `Renamed symbol to ${nextName.trim()}.` : 'Rename produced no file changes.', 2600);
             void handleCodeIndex();
             void handleCodeRefreshChanges();
         }
+        catch (error) {
+            if (current())
+                setCodeWorkbenchError(error instanceof Error ? error.message : 'Rename failed. Verify disk state before retrying.');
+        }
         finally {
-            setCodeWorkbenchLoading(false);
+            codeMutationPendingRef.current = false;
+            if (current())
+                setCodeWorkbenchLoading(false);
         }
     }, [
         codeIndexRequestBase,
@@ -7830,55 +8878,80 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         }
     }, [centerPaneMode, setCenterPaneMode]);
     const handleCloseEditorTab = useCallback((tabId) => {
-        setOpenEditorTabs((prev) => {
-            const target = prev.find((tab) => tab.id === tabId);
-            if (target?.type === 'file' && target.file.isDirty) {
-                const shouldDiscard = window.confirm(`Discard unsaved changes in ${target.file.name}?`);
-                if (!shouldDiscard)
+        const target = editorTabsForConfirmationRef.current.find(tab => tab.id === tabId);
+        if (!target)
+            return;
+        const path = target.type === 'file' ? target.file.path : '';
+        const guard = editorCloseGuard({ authority: editorOperationsRef.current, target,
+            readTabs: () => editorTabsForConfirmationRef.current, readDraftVersion: path => editorDraftVersionsRef.current.get(path) ?? 0 });
+        if (target.type === 'file' && editorOperationsRef.current.isSaving(path)) {
+            setTransientEditorStatus('Wait for the file save to finish before closing this tab.', 4000);
+            return;
+        }
+        const close = () => {
+            if (!guard.valid())
+                return;
+            if (target.type === 'file')
+                editorOperationsRef.current.invalidate(path);
+            setOpenEditorTabs(prev => {
+                // Recheck inside the state update: a keystroke may already be queued but
+                // not rendered when consent was consumed. Never remove that newer draft.
+                if (!guard.acceptsTabs(prev))
                     return prev;
-            }
-            const next = prev.filter((tab) => tab.id !== tabId);
-            setActiveEditorTabId((current) => {
-                if (current !== tabId)
-                    return current;
-                return next[next.length - 1]?.id || null;
+                const next = prev.filter(tab => tab.id !== tabId);
+                setActiveEditorTabId(selected => selected === tabId ? next[next.length - 1]?.id || null : selected);
+                if (next.length === 0)
+                    setCenterPaneMode('agent');
+                return next;
             });
-            if (next.length === 0) {
-                setCenterPaneMode('agent');
-            }
-            return next;
-        });
-    }, []);
+        };
+        if (target.type === 'file' && target.file.isDirty) {
+            void confirmEditorDiscard(destructiveConfirmation, { name: target.file.name, valid: guard.valid, close });
+        }
+        else
+            close();
+    }, [destructiveConfirmation, setTransientEditorStatus]);
     const handleSaveEditorFile = useCallback(async (path) => {
         if (!activeConversationId)
             return;
         const file = openEditorTabs.find((entry) => entry.type === 'file' && entry.file.path === path)?.file;
         if (!file)
             return;
-        setTransientEditorStatus(`Saving ${file.name}...`, 1200);
-        const result = await getAgentPlatformBridge().workspace.writeFile({
-            path: file.path,
-            content: file.content,
-            allowedDirs: activeConversationAllowedDirectories,
-        });
-        if (!result?.success) {
-            setTransientEditorStatus(result?.error || `Failed to save ${file.name}.`, 4000);
+        const operation = editorOperationsRef.current.beginSave(path);
+        if (!operation)
             return;
-        }
-        setOpenEditorTabs((prev) => prev.map((entry) => (entry.type === 'file' && entry.file.path === path
-            ? {
-                ...entry,
-                file: {
-                    ...entry.file,
-                    savedContent: entry.file.content,
-                    isDirty: false,
-                    lastSavedAt: Date.now(),
-                }
+        const current = editorOperationsRef.current.capture(path);
+        setTransientEditorStatus(`Saving ${file.name}...`, 0);
+        try {
+            const result = await getAgentPlatformBridge().workspace.writeFile({
+                conversationId: activeConversationId,
+                path: file.path, content: file.content, allowedDirs: activeConversationAllowedDirectories,
+                expectedContent: file.savedContent,
+            });
+            if (!operation.current())
+                return;
+            const failure = editorSaveFailure(result, file.name);
+            if (failure) {
+                setTransientEditorStatus(failure, 0);
+                return;
             }
-            : entry)));
-        setTransientEditorStatus(`Saved ${file.name}`, 2000);
+            // A later keystroke was NOT part of this request. ACK exactly the submitted
+            // snapshot, retaining subsequent edits as dirty, never current-content ACK.
+            setOpenEditorTabs(prev => !current() ? prev : prev.map(entry => entry.type === 'file' && entry.file.path === path
+                ? { ...entry, file: acknowledgeEditorSave(entry.file, file.content, Date.now()) } : entry));
+            const recovery = editorRecoveryFiles(result);
+            setTransientEditorStatus(`Saved submitted version of ${file.name}. Newer edits, if any, remain unsaved.${recovery}`, recovery ? 0 : 4000);
+        }
+        catch (error) {
+            if (operation.current())
+                setTransientEditorStatus(error instanceof Error ? error.message : `Failed to save ${file.name}.`, 0);
+        }
+        finally {
+            operation.finish();
+        }
     }, [activeConversationAllowedDirectories, activeConversationId, openEditorTabs, setTransientEditorStatus]);
     const handleRevertEditorFile = useCallback((path) => {
+        editorDraftVersionsRef.current.set(path, (editorDraftVersionsRef.current.get(path) ?? 0) + 1);
         setOpenEditorTabs((prev) => prev.map((entry) => (entry.type === 'file' && entry.file.path === path
             ? {
                 ...entry,
@@ -8076,85 +9149,100 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
         terminalDraftInput,
         updateConversation,
     ]);
-    const handleAgentDeployed = (data) => {
-        const agentId = generateId();
-        // Resolve display names for identity
-        const resolvedWsName = data.workspace === 'new'
-            ? (data.workspaceName || 'New Workspace')
-            : (workspaces.find(w => w.id === data.workspace)?.name || 'Workspace');
-        const resolvedTmName = data.team === 'new'
-            ? (data.teamName || 'New Team')
-            : (workspaces.flatMap(w => w.teams).find(t => t.id === data.team)?.name || 'Team');
-        const resolvedTemplateName = data.template === 'custom' ? 'Custom' : (data.template || 'Custom')
-            .split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
-        setWorkspaces(prev => {
-            let updated = [...prev];
-            // Resolve or create workspace
-            let wsId = data.workspace;
-            if (wsId === 'new') {
-                wsId = generateId();
-                updated.push({
-                    id: wsId,
-                    name: data.workspaceName || 'New Workspace',
-                    directories: [],
-                    apps: [],
-                    teams: [],
+    const onboardingAttempt = useRef(null);
+    const handleAgentDeployed = async (data) => {
+        if (onboardingAttempt.current?.key !== data.submissionId)
+            onboardingAttempt.current = { key: data.submissionId, attempt: new WorkspaceCreationAttempt() };
+        let createdScope;
+        const persistedAgentId = await onboardingAttempt.current.attempt.run(() => {
+            const agentId = generateId();
+            // Resolve display names for identity
+            const resolvedWsName = data.workspace === 'new'
+                ? (data.workspaceName || 'New Workspace')
+                : (workspaces.find(w => w.id === data.workspace)?.name || 'Workspace');
+            const resolvedTmName = data.team === 'new'
+                ? (data.teamName || 'New Team')
+                : (workspaces.flatMap(w => w.teams).find(t => t.id === data.team)?.name || 'Team');
+            const resolvedTemplateName = data.template === 'custom' ? 'Custom' : (data.template || 'Custom')
+                .split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+            setWorkspaces(prev => {
+                if (!data.name.trim() || !validateOnboardingPlacement(prev, data.workspace, data.team, data.workspaceName || '', data.teamName || '')) {
+                    throw new Error('Agent placement changed. Select an active workspace and team before creating the agent.');
+                }
+                let updated = [...prev];
+                // Resolve or create workspace
+                let wsId = data.workspace;
+                if (wsId === 'new') {
+                    wsId = generateId();
+                    updated.push({
+                        id: wsId,
+                        name: data.workspaceName || 'New Workspace',
+                        directories: [],
+                        apps: [],
+                        teams: [],
+                        isExpanded: true,
+                        createdAt: Date.now(),
+                    });
+                }
+                // Resolve or create team within workspace
+                let tmId = data.team;
+                if (tmId === 'new') {
+                    tmId = generateId();
+                    updated = updated.map(w => w.id === wsId
+                        ? {
+                            ...w,
+                            teams: [...w.teams, {
+                                    id: tmId,
+                                    name: data.teamName || 'New Team',
+                                    allowedDirectories: [],
+                                    allowedApps: [],
+                                    agents: [],
+                                    isExpanded: true
+                                }]
+                        }
+                        : w);
+                }
+                const targetTeam = updated
+                    .find(w => w.id === wsId)
+                    ?.teams.find(t => t.id === tmId);
+                if (!targetTeam)
+                    throw new Error('Agent team could not be resolved.');
+                createdScope = { workspaceId: wsId, teamId: tmId };
+                const resolvedTeamDirs = targetTeam?.allowedDirectories || [];
+                const resolvedTeamApps = targetTeam?.allowedApps || [];
+                // Add agent to team
+                const agent = {
+                    ...agentCreationConfiguration(updated.find(w => w.id === wsId), targetTeam, { model: data.model, systemPrompt: data.customInstructions || undefined }),
+                    ...(data.runtimeSelection ? { runtimeSelection: data.runtimeSelection } : {}),
+                    id: agentId,
+                    name: data.name,
+                    isMainAssistant: (targetTeam?.agents.length || 0) === 0 || !targetTeam?.agents.some(a => a.isMainAssistant),
+                    templateName: resolvedTemplateName,
+                    workspaceName: resolvedWsName,
+                    teamName: resolvedTmName,
+                    permissionProfile: 'standard',
+                    allowedDirectories: [...resolvedTeamDirs],
+                    allowedApps: [...resolvedTeamApps],
+                    conversations: [],
                     isExpanded: true,
-                    createdAt: Date.now(),
-                });
-            }
-            // Resolve or create team within workspace
-            let tmId = data.team;
-            if (tmId === 'new') {
-                tmId = generateId();
+                };
                 updated = updated.map(w => w.id === wsId
                     ? {
                         ...w,
-                        teams: [...w.teams, {
-                                id: tmId,
-                                name: data.teamName || 'New Team',
-                                allowedDirectories: [],
-                                allowedApps: [],
-                                agents: [],
-                                isExpanded: true
-                            }]
+                        isExpanded: true,
+                        teams: w.teams.map(t => t.id === tmId
+                            ? { ...t, isExpanded: true, agents: [...t.agents, agent] }
+                            : t),
                     }
                     : w);
-            }
-            const targetTeam = updated
-                .find(w => w.id === wsId)
-                ?.teams.find(t => t.id === tmId);
-            const resolvedTeamDirs = targetTeam?.allowedDirectories || [];
-            const resolvedTeamApps = targetTeam?.allowedApps || [];
-            // Add agent to team
-            const agent = {
-                id: agentId,
-                name: data.name,
-                isMainAssistant: (targetTeam?.agents.length || 0) === 0 || !targetTeam?.agents.some(a => a.isMainAssistant),
-                model: data.model,
-                systemPrompt: data.customInstructions,
-                templateName: resolvedTemplateName,
-                workspaceName: resolvedWsName,
-                teamName: resolvedTmName,
-                capabilities: { ...DEFAULT_AGENT_CAPABILITIES },
-                permissionProfile: 'standard',
-                allowedDirectories: [...resolvedTeamDirs],
-                allowedApps: [...resolvedTeamApps],
-                conversations: [],
-                isExpanded: true,
-            };
-            updated = updated.map(w => w.id === wsId
-                ? {
-                    ...w,
-                    isExpanded: true,
-                    teams: w.teams.map(t => t.id === tmId
-                        ? { ...t, isExpanded: true, agents: [...t.agents, agent] }
-                        : t),
-                }
-                : w);
-            return updated;
-        });
-        setSelectedAgentId(agentId);
+                return updated;
+            });
+            return agentId;
+        }, (persisted, id) => !!createdScope && persisted.some(w => w.id === createdScope.workspaceId && !w.isArchived && w.teams.some(t => t.id === createdScope.teamId && !t.isArchived && t.agents.some(a => a.id === id))));
+        return persistedAgentId;
+    };
+    const handleCreatedAgentSelected = (persistedAgentId) => {
+        setSelectedAgentId(persistedAgentId);
         setSelectedConversationId(null);
         setSelectedInboxConversationId(null);
         setActiveSessionTabId(null);
@@ -8187,7 +9275,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                 : settingsPanel.type === 'team'
                     ? (teamForSettings?.name || settingsPanel.teamName || 'Team')
                     : (workspaceForSettings?.name || settingsPanel.workspaceName || 'Workspace');
-            return (_jsx(EntitySettingsLayout, { entityType: settingsPanel.type, entityId: entityId, entityName: entityName, chromeTitle: settingsPanel.chromeTitle, workspaceId: settingsPanel.workspaceId, workspaceName: workspaceForSettings?.name || settingsPanel.workspaceName, initialSection: settingsPanel.initialSection, workspaceDirectories: workspaceForSettings?.directories || [], workspaceApps: workspaceForSettings?.apps || [], currentDirectories: currentDirectories, teamDirectories: teamForSettings?.allowedDirectories || [], currentAppIds: currentAppIds, teamAppIds: teamForSettings?.allowedApps || [], teamAgentPolicy: teamForSettings?.teamAgentPolicy, teamAgents: (teamForSettings?.agents || []).map((agent, index) => ({
+            return (_jsx(EntitySettingsLayout, { entityType: settingsPanel.type, entityId: entityId, entityName: entityName, chromeTitle: settingsPanel.chromeTitle, workspaceId: settingsPanel.workspaceId, workspaceName: workspaceForSettings?.name || settingsPanel.workspaceName, initialSection: settingsPanel.initialSection, workspaceDirectories: workspaceForSettings?.directories || [], workspaceApps: workspaceForSettings?.apps || [], currentDirectories: currentDirectories, teamDirectories: workspaceForSettings && teamForSettings ? resolveTeamDirectories(workspaceForSettings, teamForSettings) : [], currentAppIds: currentAppIds, teamAppIds: teamForSettings?.allowedApps || [], teamAgentPolicy: teamForSettings?.teamAgentPolicy, teamAgents: (teamForSettings?.agents || []).map((agent, index) => ({
                     id: agent.id,
                     name: agent.name,
                     templateName: agent.templateName,
@@ -8268,7 +9356,7 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                             sp += `\n\nInstalled XENO apps: ${runtimeContext.installedApps.join(', ')}`;
                         }
                         return sp || undefined;
-                    })()), templateName: selectedAgent.templateName, workspaceName: selectedAgent.workspaceName, teamName: selectedAgent.teamName, capabilities: selectedAgent.capabilities, permissionProfile: selectedAgent.permissionProfile || 'standard', runtimeSelection: selectedAgent.runtimeSelection, externalInputLockReason: providerSessionTuiInputLockReason, onSendToNativeTui: activeProviderSessionTerminalId ? sendTextToActiveProviderTui : undefined, allowedDirectories: selectedAgent.allowedDirectories, approvalRules: selectedAgent.approvalRules || [], onAddApprovalRule: (rule) => {
+                    })()), templateName: selectedAgent.templateName, workspaceName: selectedAgent.workspaceName, teamName: selectedAgent.teamName, capabilities: selectedAgent.capabilities, permissionProfile: selectedAgent.permissionProfile || 'standard', runtimeSelection: selectedAgent.runtimeSelection, externalInputLockReason: providerSessionTuiInputLockReason, onSendToNativeTui: activeProviderSessionTerminalId ? sendTextToActiveProviderTui : undefined, allowedDirectories: resolveAgentDirectories(selectedAgentHierarchy.workspace, selectedAgentHierarchy.team, selectedAgent), approvalRules: selectedAgent.approvalRules || [], onAddApprovalRule: (rule) => {
                         addAgentApprovalRule(selectedAgentHierarchy.workspace.id, selectedAgentHierarchy.team.id, selectedAgent.id, rule);
                     }, allowedApps: resolvedAllowedApps, teamAgents: teamAgents, onCreateAgent: handleCreateAgentFromAgent, onAskAgent: handleAskAgentFromAgent, onEnableFileWrite: enableSelectedAgentFileWrite, onOpenEditorPath: handleOpenEditorPath, onOpenEditorDiff: handleOpenEditorDiff, onPeekEditorPath: handlePeekEditorPath, onPeekEditorDiff: handlePeekEditorDiff, onOpenRuntimeSettings: () => {
                         handleOpenSettings({
@@ -8304,40 +9392,125 @@ export default function AgentInterface({ surface = 'embedded', initialSdkSession
                         });
                     }, renderWorkbenchPanel: false, onOpenConversationSettings: handleSelectSidebarSettings, onConversationCreated: activateSessionConversation, onNavigateConversation: activateSessionConversation }) }));
         }
+        // Projects Workspace Hub view (rendered on the right side)
+        if (viewMode === 'projects') {
+            return (_jsx(ProjectsWorkspaceView, { workspaces: workspaces, activeWorkspaceScope: activeWorkspaceScope, onSelectWorkspaceScope: (wsId) => setActiveWorkspaceScope(wsId), onSelectAgent: (agentId) => {
+                    handleSelectAgent(agentId);
+                }, onSelectConversation: (agentId, convId) => {
+                    handleSelectConversation(agentId, convId);
+                    setViewMode('agent');
+                }, onStartProjectChat: (agentId, dir) => handleStartProjectChat(agentId, dir), onOpenExplorer: (path) => handleOpenPathInExplorer(path), onBackToChat: () => setViewMode('inbox') }));
+        }
+        // Teams Workspace Hub view (rendered on the right side)
+        if (viewMode === 'teams') {
+            if (!activeWorkspaceScope)
+                return _jsx(OwnedWorkforceView, { kind: "team", onBackToChat: () => setViewMode('inbox') }, "owned-teams");
+            return (_jsx(TeamsWorkspaceView, { workspaces: workspaces, activeWorkspaceScope: activeWorkspaceScope, onSelectAgent: (agentId) => {
+                    handleSelectAgent(agentId);
+                }, onSelectConversation: (agentId, convId) => {
+                    handleSelectConversation(agentId, convId);
+                    setViewMode('agent');
+                }, onOpenTeamSettings: (teamId) => {
+                    const ws = workspaces.find((w) => w.id === activeWorkspaceScope) || workspaces[0];
+                    if (ws) {
+                        handleOpenSettings({
+                            type: 'team',
+                            workspaceId: ws.id,
+                            workspaceName: ws.name,
+                            teamId,
+                        });
+                    }
+                }, onBackToChat: () => setViewMode('inbox') }));
+        }
+        // Agents Workspace Hub view (rendered on the right side)
+        if (viewMode === 'agents') {
+            if (!activeWorkspaceScope)
+                return _jsx(OwnedWorkforceView, { kind: "agent", onBackToChat: () => setViewMode('inbox') }, "owned-agents");
+            return (_jsx(AgentsWorkspaceView, { workspaces: workspaces, activeWorkspaceScope: activeWorkspaceScope, onSelectAgent: (agentId) => {
+                    handleSelectAgent(agentId);
+                }, onSelectConversation: (agentId, convId) => {
+                    handleSelectConversation(agentId, convId);
+                    setViewMode('agent');
+                }, onOpenAgentSettings: (agentId, teamId) => {
+                    const ws = workspaces.find((w) => w.id === activeWorkspaceScope) || workspaces[0];
+                    if (ws) {
+                        handleOpenSettings({
+                            type: 'agent',
+                            workspaceId: ws.id,
+                            workspaceName: ws.name,
+                            teamId,
+                            agentId,
+                        });
+                    }
+                }, onBackToChat: () => setViewMode('inbox') }));
+        }
+        // Scheduled Tasks Hub view (rendered on the right side)
+        if (viewMode === 'scheduled') {
+            return (_jsx(ScheduledWorkspaceView, { workspaces: workspaces, activeWorkspaceScope: activeWorkspaceScope, onBackToChat: () => setViewMode('inbox') }));
+        }
         // Plugins view
         if (viewMode === 'plugins') {
             return (_jsx(React.Suspense, { fallback: _jsx(WorkbenchLoadingSkeleton, { title: "Loading plugins", subtitle: "Preparing Plugin/MCP controls." }), children: _jsx(PluginManager, { className: "h-full", caller: policyCaller }) }));
         }
         // Default: onboarding wizard
-        return _jsx(AgentOnboarding, { onComplete: handleAgentDeployed, workspaces: workspaces });
+        return _jsx(AgentOnboarding, { onComplete: handleAgentDeployed, onCreated: handleCreatedAgentSelected, workspaces: workspaces });
+    };
+    const handleStartProjectChat = (agentId, directory) => {
+        const workspace = workspaces.find(ws => !ws.isArchived && ws.id === activeWorkspaceScope)
+            || (!activeWorkspaceScope ? workspaces.find(ws => !ws.isArchived && ws.teams.some(t => t.agents.some(a => a.id === agentId))) : undefined);
+        if (!workspace || !workspace.directories.includes(directory)
+            || !projectAssignment(workspace, directory).agents.some(agent => agent.id === agentId))
+            return;
+        // 1. Create a new conversation for this agent
+        const newConvId = createConversation(agentId);
+        updateConversation(newConvId, { workspaceId: workspace.id });
+        // 2. Grant and bind the project codebase directory to the conversation
+        useAgentChatStore.getState().grantConversationDirectory(newConvId, directory);
+        // 3. Ensure active workspace scope is pinned
+        for (const ws of workspaces) {
+            if (!ws.isArchived && ws.teams.some(t => t.agents.some(a => a.id === agentId))) {
+                setActiveWorkspaceScope(ws.id);
+                break;
+            }
+        }
+        // 4. Navigate into the chat
+        handleSelectConversation(agentId, newConvId);
+        setViewMode('agent');
+    };
+    const handleOpenPathInExplorer = async (dirPath) => {
+        const result = await getAgentPlatformBridge().workspace.openFileWith({
+            path: dirPath, target: 'explorer', allowedDirs: [dirPath],
+        });
+        if (!result.success)
+            throw new Error(result.error || 'Unable to open Explorer.');
     };
     // Permission dialog state
     const pendingPermission = usePermissionStore(s => s.pending);
     const resolvePermission = usePermissionStore(s => s.resolvePermission);
     const sessionTabsNode = (_jsx(XenoAgentSessionTabs, { tabs: sessionTabs, activeConversationId: activeSessionTabId, placement: surface === 'standalone-desktop' ? 'titlebar' : 'embedded', onActivate: activateSessionConversation, onClose: closeSessionConversation, onCloseMany: closeSessionConversations, onCreate: createSessionConversation, onReorder: reorderSessionConversations }));
-    const agentWorkspace = (_jsxs("div", { className: "xeno-app-shell flex h-full w-full", "data-xeno-agent-interface-owner": "shared", "data-xeno-agent-interface-contract": "1", "data-xeno-agent-interface-surface": surface, children: [_jsx(Sidebar, { collapsed: sidebarCollapsed, onToggleCollapse: () => setSidebarCollapsed(c => !c), onOpenSettings: handleOpenSettings, workspaces: workspaces, setWorkspaces: setWorkspaces, inboxAgentId: MAIN_ASSISTANT_ID, isInboxSelected: viewMode === 'inbox', selectedInboxConversationId: selectedInboxConversationId, onSelectInbox: handleSelectInbox, onSelectInboxConversation: handleSelectInboxConversation, selectedAgentId: selectedAgentId, onSelectAgent: handleSelectAgent, selectedConversationId: selectedConversationId, onSelectConversation: handleSelectConversation, agentRunAvailability: activeSubagentRunCounts, onOpenSearchResultInEditor: handleOpenEditorPath, onSelectPlugins: () => {
+    const agentWorkspace = (_jsxs("div", { className: "xeno-app-shell flex h-full w-full", "data-xeno-agent-interface-owner": "shared", "data-xeno-agent-interface-contract": "1", "data-xeno-agent-interface-surface": surface, children: [destructiveConfirmation.confirmation, _jsx(Sidebar, { collapsed: sidebarCollapsed, onToggleCollapse: () => setSidebarCollapsed(c => !c), onOpenSettings: handleOpenSettings, workspaces: workspaces, setWorkspaces: setWorkspaces, inboxAgentId: MAIN_ASSISTANT_ID, isInboxSelected: viewMode === 'inbox', selectedInboxConversationId: selectedInboxConversationId, onSelectInbox: handleSelectInbox, onSelectInboxConversation: handleSelectInboxConversation, selectedAgentId: selectedAgentId, onSelectAgent: handleSelectAgent, selectedConversationId: selectedConversationId, onSelectConversation: handleSelectConversation, agentRunAvailability: activeSubagentRunCounts, onOpenSearchResultInEditor: handleOpenEditorPath, onSelectPlugins: () => {
                     if (activeConversationId) {
                         handleSelectWorkbenchTab('plugins');
                         return;
                     }
                     handleOpenPluginManager();
-                }, onSelectKnowledge: () => handleSelectWorkbenchTab('knowledge'), onSelectSettings: handleSelectSidebarSettings }), _jsxs("div", { className: "relative flex-1 min-w-0 flex flex-col overflow-hidden", children: [_jsx(RightSidebarControls, { folderPanelOpen: folderPanelOpen, onOpenFolderPanel: () => setFolderPanelOpen(true) }), centerPaneMode === 'editor' && (_jsxs("div", { className: "xeno-chrome-shell xeno-border-subtle h-10 pr-[120px] border-b flex items-center justify-between gap-2", children: [_jsx("div", { className: "h-full min-w-0 flex-1", children: openEditorTabs.length > 0 && (_jsx(EditorTabs, { tabs: openEditorTabs, activeTabId: activeEditorTabId, onSelectTab: handleSelectEditorTab, onCloseTab: handleCloseEditorTab })) }), _jsx("div", { className: "flex items-center gap-2 pr-2", children: _jsx("button", { onClick: handleToggleWorkbenchPanel, className: `h-7 px-2.5 rounded-[5px] text-[10px] transition-colors ${workbenchPanelOpen
+                }, onSelectKnowledge: () => handleSelectWorkbenchTab('knowledge'), onSelectProjects: () => setViewMode('projects'), onSelectTeams: () => setViewMode('teams'), onSelectAgents: () => setViewMode('agents'), onSelectScheduled: () => setViewMode('scheduled'), onStartProjectChat: handleStartProjectChat, onSelectSettings: handleSelectSidebarSettings, viewMode: viewMode, isSettingsOpen: Boolean(settingsPanel) }), _jsxs("div", { className: "relative flex-1 min-w-0 flex flex-col overflow-hidden", children: [_jsx(RightSidebarControls, { folderPanelOpen: folderPanelOpen, onOpenFolderPanel: () => setFolderPanelOpen(true), visible: !settingsPanel && !['projects', 'teams', 'agents', 'scheduled'].includes(viewMode || '') }), centerPaneMode === 'editor' && (_jsxs("div", { className: "xeno-chrome-shell xeno-border-subtle h-10 pr-[120px] border-b flex items-center justify-between gap-2", children: [_jsx("div", { className: "h-full min-w-0 flex-1", children: openEditorTabs.length > 0 && (_jsx(EditorTabs, { tabs: openEditorTabs, activeTabId: activeEditorTabId, onSelectTab: handleSelectEditorTab, onCloseTab: handleCloseEditorTab })) }), _jsx("div", { className: "flex items-center gap-2 pr-2", children: _jsx("button", { onClick: handleToggleWorkbenchPanel, className: `h-7 px-2.5 rounded-[5px] text-[10px] transition-colors ${workbenchPanelOpen
                                         ? 'bg-white/[0.075] text-white/72'
-                                        : 'bg-transparent hover:bg-white/[0.055] text-white/35 hover:text-white/60'}`, children: "Panel" }) })] })), _jsxs("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden", children: [_jsx("main", { className: "flex-1 min-w-0 flex flex-col overflow-hidden", children: centerPaneMode === 'split'
-                                    ? (_jsxs("div", { className: "flex-1 min-h-0 grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] overflow-hidden", children: [_jsx("section", { className: "min-w-0 min-h-0 flex flex-col border-r xeno-border-subtle overflow-hidden", children: renderContent() }), _jsxs("section", { className: "min-w-0 min-h-0 flex flex-col overflow-hidden", children: [_jsxs("div", { className: "xeno-chrome-shell xeno-border-subtle h-10 border-b flex items-center justify-between gap-2 pr-[120px]", children: [_jsx("div", { className: "h-full min-w-0 flex-1", children: openEditorTabs.length > 0 && (_jsx(EditorTabs, { tabs: openEditorTabs, activeTabId: activeEditorTabId, onSelectTab: handleSelectEditorTab, onCloseTab: handleCloseEditorTab })) }), _jsx("div", { className: "flex items-center gap-2 pr-2", children: _jsx("button", { onClick: handleToggleWorkbenchPanel, className: `h-7 px-2.5 rounded-[5px] text-[10px] transition-colors ${workbenchPanelOpen
-                                                                        ? 'bg-white/[0.075] text-white/72'
-                                                                        : 'bg-transparent hover:bg-white/[0.055] text-white/35 hover:text-white/60'}`, children: "Panel" }) })] }), _jsx("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden", children: _jsx(React.Suspense, { fallback: _jsx(WorkbenchLoadingSkeleton, { title: "Loading editor", subtitle: "Preparing editor workbench." }), children: activeEditorDiff ? (_jsx(MonacoDiffWorkbenchEditor, { diff: activeEditorDiff, rootDirectory: activeConversation?.rootDirectory || null, layoutKey: editorLayoutKey, statusMessage: editorStatusMessage, onOpenFile: handleOpenEditorPath })) : (_jsx(MonacoWorkbenchEditor, { file: activeEditorFile, pendingFilePath: pendingEditorPath, rootDirectory: activeConversation?.rootDirectory || null, openFilePaths: openEditorFiles.map((file) => file.path), layoutKey: editorLayoutKey, statusMessage: editorStatusMessage, onChangeFile: handleEditorContentChange, onSaveFile: handleSaveEditorFile, onRevertFile: handleRevertEditorFile })) }) })] })] }))
-                                    : centerPaneMode === 'editor'
-                                        ? (_jsx(React.Suspense, { fallback: _jsx(WorkbenchLoadingSkeleton, { title: "Loading editor", subtitle: "Preparing editor workbench." }), children: activeEditorDiff ? (_jsx(MonacoDiffWorkbenchEditor, { diff: activeEditorDiff, rootDirectory: activeConversation?.rootDirectory || null, layoutKey: editorLayoutKey, statusMessage: editorStatusMessage, onOpenFile: handleOpenEditorPath })) : (_jsx(MonacoWorkbenchEditor, { file: activeEditorFile, pendingFilePath: pendingEditorPath, rootDirectory: activeConversation?.rootDirectory || null, openFilePaths: openEditorFiles.map((file) => file.path), layoutKey: editorLayoutKey, statusMessage: editorStatusMessage, onChangeFile: handleEditorContentChange, onSaveFile: handleSaveEditorFile, onRevertFile: handleRevertEditorFile })) }))
-                                        : renderContent() }), activeConversationId && workbenchPanelOpen && !settingsPanel && (_jsx("div", { className: "px-6 pb-5", children: _jsx("div", { className: `w-full mx-auto ${isWideWorkbenchTab(workbenchPanelTab) ? 'max-w-[1120px]' : 'max-w-[820px]'}`, children: _jsx(React.Suspense, { fallback: _jsx(WorkbenchLoadingSkeleton, { title: "Loading workbench", subtitle: "Preparing trace and support panels." }), children: _jsx(AgentWorkbenchPanel, { tab: workbenchPanelTab, 
+                                        : 'bg-transparent hover:bg-white/[0.055] text-white/35 hover:text-white/60'}`, children: "Panel" }) })] })), _jsxs("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden", children: [_jsxs("main", { className: "flex-1 min-w-0 flex flex-col overflow-hidden", children: [sessionResumeError && _jsx("div", { role: "alert", className: "px-3 py-2 text-[12px] text-red-300", children: sessionResumeError }), centerPaneMode === 'split'
+                                        ? (_jsxs("div", { className: "flex-1 min-h-0 grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] overflow-hidden", children: [_jsx("section", { className: "min-w-0 min-h-0 flex flex-col border-r xeno-border-subtle overflow-hidden", children: renderContent() }), _jsxs("section", { className: "min-w-0 min-h-0 flex flex-col overflow-hidden", children: [_jsxs("div", { className: "xeno-chrome-shell xeno-border-subtle h-10 border-b flex items-center justify-between gap-2 pr-[120px]", children: [_jsx("div", { className: "h-full min-w-0 flex-1", children: openEditorTabs.length > 0 && (_jsx(EditorTabs, { tabs: openEditorTabs, activeTabId: activeEditorTabId, onSelectTab: handleSelectEditorTab, onCloseTab: handleCloseEditorTab })) }), _jsx("div", { className: "flex items-center gap-2 pr-2", children: _jsx("button", { onClick: handleToggleWorkbenchPanel, className: `h-7 px-2.5 rounded-[5px] text-[10px] transition-colors ${workbenchPanelOpen
+                                                                            ? 'bg-white/[0.075] text-white/72'
+                                                                            : 'bg-transparent hover:bg-white/[0.055] text-white/35 hover:text-white/60'}`, children: "Panel" }) })] }), _jsx("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden", children: _jsx(React.Suspense, { fallback: _jsx(WorkbenchLoadingSkeleton, { title: "Loading editor", subtitle: "Preparing editor workbench." }), children: activeEditorDiff ? (_jsx(MonacoDiffWorkbenchEditor, { diff: activeEditorDiff, rootDirectory: activeConversation?.rootDirectory || null, layoutKey: editorLayoutKey, statusMessage: editorStatusMessage, onOpenFile: handleOpenEditorPath })) : (_jsx(MonacoWorkbenchEditor, { file: activeEditorFile, pendingFilePath: pendingEditorPath, rootDirectory: activeConversation?.rootDirectory || null, openFilePaths: openEditorFiles.map((file) => file.path), layoutKey: editorLayoutKey, statusMessage: editorStatusMessage, onChangeFile: handleEditorContentChange, onSaveFile: handleSaveEditorFile, onRevertFile: handleRevertEditorFile })) }) })] })] }))
+                                        : centerPaneMode === 'editor'
+                                            ? (_jsx(React.Suspense, { fallback: _jsx(WorkbenchLoadingSkeleton, { title: "Loading editor", subtitle: "Preparing editor workbench." }), children: activeEditorDiff ? (_jsx(MonacoDiffWorkbenchEditor, { diff: activeEditorDiff, rootDirectory: activeConversation?.rootDirectory || null, layoutKey: editorLayoutKey, statusMessage: editorStatusMessage, onOpenFile: handleOpenEditorPath })) : (_jsx(MonacoWorkbenchEditor, { file: activeEditorFile, pendingFilePath: pendingEditorPath, rootDirectory: activeConversation?.rootDirectory || null, openFilePaths: openEditorFiles.map((file) => file.path), layoutKey: editorLayoutKey, statusMessage: editorStatusMessage, onChangeFile: handleEditorContentChange, onSaveFile: handleSaveEditorFile, onRevertFile: handleRevertEditorFile })) }))
+                                            : renderContent()] }), activeConversationId && workbenchPanelOpen && !settingsPanel && (_jsx("div", { className: "px-6 pb-5", children: _jsx("div", { className: `w-full mx-auto ${isWideWorkbenchTab(workbenchPanelTab) ? 'max-w-[1120px]' : 'max-w-[820px]'}`, children: _jsx(React.Suspense, { fallback: _jsx(WorkbenchLoadingSkeleton, { title: "Loading workbench", subtitle: "Preparing trace and support panels." }), children: _jsx(AgentWorkbenchPanel, { knowledgeWorkspaceId: activeConversation?.workspaceId, tab: workbenchPanelTab, 
                                             /* The host's default `resolveRunId` is
                                                `subagentRunId ?? conversationId`, so the conversation id
                                                IS the run id here. Passing anything else would ask the
                                                host about a run it has never heard of. */
-                                            reviewRunId: activeConversationId, coordinationSessionId: activeConversation?.sessionUi?.coordinationSessionId || activeConversationId, traceMessages: traceMessages, selectedTraceMessage: selectedTraceMessage, outputEntries: outputEntries, problemEntries: problemEntries, onSelectTab: handleSelectWorkbenchTab, onClose: handleCloseWorkbenchPanel, onSelectTraceMessage: handleSelectWorkbenchTraceMessage, onOpenChatSettings: handleOpenActiveConversationSettings, onOpenChatAcpAgents: handleOpenActiveConversationAcpAgents, onOpenChatPlugins: handleOpenPluginManager, onOpenChatKnowledge: handleOpenActiveConversationKnowledge, onOpenEditorPath: handleOpenEditorPath, onOpenEditorDiff: handleOpenEditorDiff, terminalCapabilityEnabled: terminalCapabilityEnabled, terminalReady: terminalReady, resolvedTerminalCwd: resolvedTerminalCwd, terminalDraftCwd: terminalDraftCwd, terminalDraftInput: terminalDraftInput, onChangeTerminalCwd: setTerminalDraftCwd, onChangeTerminalInput: setTerminalDraftInput, onResetTerminalCwd: handleResetWorkbenchTerminalCwd, onClearTerminalHistory: handleClearWorkbenchTerminalHistory, onRunTerminalCommand: () => { void handleRunWorkbenchTerminalCommand(); }, terminalHistory: terminalHistory, liveTerminalRuns: liveTerminalRunsForConversation, onReuseTerminalEntry: handleReuseWorkbenchTerminalEntry, onStopTerminalRun: (terminalId) => { void handleStopWorkbenchTerminalRun(terminalId); }, codeWorkbench: codeWorkbenchState, onCodeQueryChange: setCodeWorkbenchQuery, onCodeModeChange: handleCodeModeChange, onCodeIndex: handleCodeIndex, onCodeSearch: handleCodeSearch, onCodeOpenPath: handleCodeOpenPath, onCodeToggleFile: handleCodeToggleFile, onCodeToggleSymbol: handleCodeToggleSymbol, onCodeCreateContextPack: () => { void handleCodeCreateContextPack(); }, onCodeMaterializeContextPack: (packId) => { void handleCodeMaterializeContextPack(packId); }, onCodeAttachContextPack: (packId) => { void handleCodeAttachContextPack(packId); }, onCodeRefreshContextPacks: () => { void handleCodeRefreshContextPacks(); }, onCodeRefreshChanges: () => { void handleCodeRefreshChanges(); }, onCodeRefreshActions: () => { void handleCodeRefreshActions(); }, onCodeApplyAction: (action) => { void handleCodeApplyAction(action); }, onCodeOrganizeImports: () => { void handleCodeOrganizeImports(); }, onCodeRenameSymbol: () => { void handleCodeRenameSymbol(); }, onCodeRefreshLanguageServices: () => { void handleCodeRefreshLanguageServices(); }, onCodeControlLanguageService: (serviceId, action) => { void handleCodeControlLanguageService(serviceId, action); }, onCodeRepairIndex: () => { void handleCodeRepairIndex(); }, engineeringWorkbench: engineeringWorkbenchState, onEngineeringRefresh: () => { void handleEngineeringRefresh(); }, onEngineeringTogglePath: handleEngineeringTogglePath, onEngineeringOpenPath: handleEngineeringOpenPath, onEngineeringPreviewDiff: (paths) => { void handleEngineeringPreviewDiff(paths); }, onEngineeringStage: (paths) => { void handleEngineeringStage(paths); }, onEngineeringUnstage: (paths) => { void handleEngineeringUnstage(paths); }, onEngineeringRunCheck: (checkId) => { void handleEngineeringRunCheck(checkId); }, onEngineeringStartBackgroundCheck: (checkId) => { void handleEngineeringStartBackgroundCheck(checkId); }, onEngineeringStopBackgroundRun: (runId) => { void handleEngineeringStopBackgroundRun(runId); }, onEngineeringReadBackgroundRunOutput: (runId) => { void handleEngineeringReadBackgroundRunOutput(runId); }, onEngineeringCommitMessageChange: setEngineeringCommitMessage, onEngineeringCommit: () => { void handleEngineeringCommit(); }, onEngineeringQueuePatchReview: () => { void handleEngineeringQueuePatchReview(); }, onEngineeringUpdatePatchReview: (id, status) => { void handleEngineeringUpdatePatchReview(id, status); }, onEngineeringReviewPatchSelection: (request) => { void handleEngineeringReviewPatchSelection(request); }, onEngineeringCompareCheckpoints: (fromCheckpointId, toCheckpointId) => { void handleEngineeringCompareCheckpoints(fromCheckpointId, toCheckpointId); }, onEngineeringRestoreCheckpoint: (checkpointId) => { void handleEngineeringRestoreCheckpoint(checkpointId); }, cliControlPlane: cliControlPlaneState, cliControlPlaneCaller: policyCaller, cliControlPlaneConversationId: activeConversationId, cliControlPlaneRemoteBackendId: selectedAgent?.runtimeSelection?.remoteBackendId || '', onCliControlPlaneInspect: () => { void handleCliControlPlaneInspect(); }, onCliControlPlaneInspectOperation: (operation) => { void handleCliControlPlaneInspectOperation(operation); }, onCliControlPlaneRemoteRunOperation: (action, runId) => { void handleCliControlPlaneRemoteRunOperation(action, runId); }, subagentWorkbench: subagentWorkbenchState, subagentDelegationTargets: subagentDelegationTargets, subagentDelegationSourceName: selectedAgent?.name, subagentDelegationDisabledReason: subagentDelegationDisabledReason, onSubagentRefresh: () => { void handleSubagentRefresh(); }, onSubagentRecoverRuns: () => { void handleSubagentRecoverRuns(); }, onSubagentSelectRun: handleSubagentSelectRun, onSubagentOpenConversation: handleSubagentOpenConversation, onSubagentCancelRun: (run) => { void handleSubagentCancelRun(run); }, onCreateSubagentDelegation: handleWorkbenchSubagentDelegation, policyWorkbench: policyWorkbenchState, onPolicyRefresh: () => { void handlePolicyRefresh(); } }) }) }) }))] })] }), folderPanelOpen && (_jsx(FolderSidebar, { conversationId: activeConversationId, rootDirectory: activeConversation?.rootDirectory || null, allowedDirectories: activeConversationAllowedDirectories, onOpenFolder: handleOpenFolderForConversation, onClose: () => setFolderPanelOpen(false), onOpenFile: handleOpenEditorFile, activeFilePath: activeEditorFilePath, terminalCapabilityEnabled: terminalCapabilityEnabled, terminalReady: terminalReady, xenoTuiReady: xenoTuiReady, xenoTuiUnavailableReason: xenoTuiUnavailableReason, providerSessionTuiReady: providerSessionTuiReady, providerSessionTuiUnavailableReason: providerSessionTuiUnavailableReason, providerSessionTuiLabel: providerSessionTuiLabel, resolvedTerminalCwd: resolvedTerminalCwd, terminalTabs: rightPanelTerminalsForConversation, onPtyInput: handleRightPanelPtyInput, onPtyResize: handleRightPanelPtyResize, onCreateTerminal: handleCreateRightPanelTerminal, onCreateXenoTui: handleCreateXenoTui, onCreateProviderTui: handleCreateProviderSessionTui, onCloseTerminal: handleCloseRightPanelTerminal, onClearTerminal: handleClearRightPanelTerminal, onRestartTerminal: handleRestartRightPanelTerminal, onStopTerminal: handleStopRightPanelTerminal, width: rightPanelWidth, onResizeStart: handleRightPanelResizeStart })), rightPanelResizing && (_jsx("div", { className: "fixed inset-0 z-[9999] cursor-col-resize bg-transparent", "aria-hidden": "true" })), pendingPermission && (_jsx(PermissionDialog, { request: pendingPermission, onDecision: resolvePermission }))] }));
+                                            reviewRunId: activeConversationId, coordinationSessionId: activeConversation?.sessionUi?.coordinationSessionId || activeConversationId, traceMessages: traceMessages, selectedTraceMessage: selectedTraceMessage, outputEntries: outputEntries, problemEntries: problemEntries, onSelectTab: handleSelectWorkbenchTab, onClose: handleCloseWorkbenchPanel, onSelectTraceMessage: handleSelectWorkbenchTraceMessage, onOpenChatSettings: handleOpenActiveConversationSettings, onOpenChatAcpAgents: handleOpenActiveConversationAcpAgents, onOpenChatPlugins: handleOpenPluginManager, onOpenChatKnowledge: handleOpenActiveConversationKnowledge, onOpenEditorPath: handleOpenEditorPath, onOpenEditorDiff: handleOpenEditorDiff, terminalCapabilityEnabled: terminalCapabilityEnabled, terminalReady: terminalReady, resolvedTerminalCwd: resolvedTerminalCwd, terminalDraftCwd: terminalDraftCwd, terminalDraftInput: terminalDraftInput, onChangeTerminalCwd: setTerminalDraftCwd, onChangeTerminalInput: setTerminalDraftInput, onResetTerminalCwd: handleResetWorkbenchTerminalCwd, onClearTerminalHistory: handleClearWorkbenchTerminalHistory, onRunTerminalCommand: () => { void handleRunWorkbenchTerminalCommand(); }, terminalHistory: terminalHistory, liveTerminalRuns: liveTerminalRunsForConversation, onReuseTerminalEntry: handleReuseWorkbenchTerminalEntry, onStopTerminalRun: (terminalId) => { void handleStopWorkbenchTerminalRun(terminalId); }, codeWorkbench: codeWorkbenchState, onCodeQueryChange: setCodeWorkbenchQuery, onCodeModeChange: handleCodeModeChange, onCodeIndex: handleCodeIndex, onCodeSearch: handleCodeSearch, onCodeOpenPath: handleCodeOpenPath, onCodeToggleFile: handleCodeToggleFile, onCodeToggleSymbol: handleCodeToggleSymbol, onCodeCreateContextPack: () => { void handleCodeCreateContextPack(); }, onCodeMaterializeContextPack: (packId) => { void handleCodeMaterializeContextPack(packId); }, onCodeAttachContextPack: (packId) => { void handleCodeAttachContextPack(packId); }, onCodeRefreshContextPacks: () => { void handleCodeRefreshContextPacks(); }, onCodeRefreshChanges: () => { void handleCodeRefreshChanges(); }, onCodeRefreshActions: () => { void handleCodeRefreshActions(); }, onCodeApplyAction: (action) => { void handleCodeApplyAction(action); }, onCodeOrganizeImports: () => { void handleCodeOrganizeImports(); }, onCodeRenameSymbol: () => { void handleCodeRenameSymbol(); }, onCodeRefreshLanguageServices: () => { void handleCodeRefreshLanguageServices(); }, onCodeControlLanguageService: (serviceId, action) => { void handleCodeControlLanguageService(serviceId, action); }, onCodeRepairIndex: () => { void handleCodeRepairIndex(); }, engineeringWorkbench: engineeringWorkbenchState, onEngineeringRefresh: () => { void handleEngineeringRefresh(); }, onEngineeringTogglePath: handleEngineeringTogglePath, onEngineeringOpenPath: handleEngineeringOpenPath, onEngineeringPreviewDiff: (paths) => { void handleEngineeringPreviewDiff(paths); }, onEngineeringStage: (paths) => { void handleEngineeringStage(paths); }, onEngineeringUnstage: (paths) => { void handleEngineeringUnstage(paths); }, onEngineeringRunCheck: (checkId) => { void handleEngineeringRunCheck(checkId); }, onEngineeringStartBackgroundCheck: (checkId) => { void handleEngineeringStartBackgroundCheck(checkId); }, onEngineeringStopBackgroundRun: (runId) => { void handleEngineeringStopBackgroundRun(runId); }, onEngineeringReadBackgroundRunOutput: (runId) => { void handleEngineeringReadBackgroundRunOutput(runId); }, onEngineeringCommitMessageChange: setEngineeringCommitMessage, onEngineeringCommit: () => { void handleEngineeringCommit(); }, onEngineeringQueuePatchReview: () => { void handleEngineeringQueuePatchReview(); }, onEngineeringUpdatePatchReview: (id, status) => { void handleEngineeringUpdatePatchReview(id, status); }, onEngineeringReviewPatchSelection: (request) => { void handleEngineeringReviewPatchSelection(request); }, onEngineeringCompareCheckpoints: (fromCheckpointId, toCheckpointId) => { void handleEngineeringCompareCheckpoints(fromCheckpointId, toCheckpointId); }, onEngineeringRestoreCheckpoint: (checkpointId) => { void handleEngineeringRestoreCheckpoint(checkpointId); }, cliControlPlane: cliControlPlaneState, cliControlPlaneCaller: policyCaller, cliControlPlaneConversationId: activeConversationId, cliControlPlaneRemoteBackendId: selectedAgent?.runtimeSelection?.remoteBackendId || '', onCliControlPlaneInspect: () => { void handleCliControlPlaneInspect(); }, onCliControlPlaneInspectOperation: (operation) => { void handleCliControlPlaneInspectOperation(operation); }, onCliControlPlaneRemoteRunOperation: (action, runId) => { void handleCliControlPlaneRemoteRunOperation(action, runId); }, subagentWorkbench: subagentWorkbenchState, subagentDelegationTargets: subagentDelegationTargets, subagentDelegationSourceName: selectedAgent?.name, subagentDelegationDisabledReason: subagentDelegationDisabledReason, onSubagentRefresh: () => { void handleSubagentRefresh(); }, onSubagentRecoverRuns: () => { void handleSubagentRecoverRuns(); }, onSubagentSelectRun: handleSubagentSelectRun, onSubagentOpenConversation: handleSubagentOpenConversation, onSubagentCancelRun: (run) => { void handleSubagentCancelRun(run); }, onCreateSubagentDelegation: handleWorkbenchSubagentDelegation, policyWorkbench: policyWorkbenchState, onPolicyRefresh: () => { void handlePolicyRefresh(); } }) }) }) }))] })] }), folderPanelOpen && !settingsPanel && !['projects', 'teams', 'agents', 'scheduled'].includes(viewMode || '') && (_jsx(FolderSidebar, { conversationId: activeConversationId, workspaceId: activeConversation?.workspaceId || null, rootDirectory: activeConversation?.rootDirectory || null, allowedDirectories: activeConversationAllowedDirectories, onOpenFolder: handleOpenFolderForConversation, onClose: () => setFolderPanelOpen(false), onOpenFile: handleOpenEditorFile, activeFilePath: activeEditorFilePath, terminalCapabilityEnabled: terminalCapabilityEnabled, terminalReady: terminalReady, xenoTuiReady: xenoTuiReady, xenoTuiUnavailableReason: xenoTuiUnavailableReason, providerSessionTuiReady: providerSessionTuiReady, providerSessionTuiUnavailableReason: providerSessionTuiUnavailableReason, providerSessionTuiLabel: providerSessionTuiLabel, resolvedTerminalCwd: resolvedTerminalCwd, terminalTabs: rightPanelTerminalsForConversation, onPtyInput: handleRightPanelPtyInput, onPtyResize: handleRightPanelPtyResize, onCreateTerminal: handleCreateRightPanelTerminal, onCreateXenoTui: handleCreateXenoTui, onCreateProviderTui: handleCreateProviderSessionTui, onCloseTerminal: handleCloseRightPanelTerminal, onClearTerminal: handleClearRightPanelTerminal, onRestartTerminal: handleRestartRightPanelTerminal, onStopTerminal: handleStopRightPanelTerminal, width: rightPanelWidth, onResizeStart: handleRightPanelResizeStart })), rightPanelResizing && (_jsx("div", { className: "fixed inset-0 z-[9999] cursor-col-resize bg-transparent", "aria-hidden": "true" })), pendingPermission && (_jsx(PermissionDialog, { request: pendingPermission, onDecision: resolvePermission }))] }));
     if (surface !== 'standalone-desktop') {
-        return (_jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", "data-xeno-agent-embedded-shell": "true", children: [_jsx("header", { className: "xeno-chrome-shell xeno-border-subtle h-10 flex-shrink-0 border-b", "data-xeno-agent-session-header": "embedded", "data-xeno-hub-header-style": "true", children: sessionTabsNode }), _jsx("div", { className: "min-h-0 min-w-0 flex-1", children: agentWorkspace })] }));
+        return (_jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", "data-xeno-agent-embedded-shell": "true", children: [_jsx("header", { className: "xeno-chrome-shell xeno-border-subtle h-10 flex-shrink-0 border-b", "data-xeno-agent-session-header": "embedded", "data-xeno-hub-header-style": "true", children: sessionTabsNode }), _jsx(WorkspacePersistenceNotice, {}), _jsx(SidebarLayoutNotice, {}), _jsx("div", { className: "min-h-0 min-w-0 flex-1", children: agentWorkspace })] }));
     }
-    return (_jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", "data-xeno-agent-standalone-shell": "true", "data-xeno-agent-launch-mode": initialLaunchMode || 'default', children: [_jsx(XenoAgentProductHeader, { title: initialLaunchMode === 'chat' ? 'XENO Chat' : 'XENO Agent', centerContent: sessionTabsNode, onMinimize: windowControls?.onMinimize, onMaximize: windowControls?.onMaximize, onClose: windowControls?.onClose }), _jsx("div", { className: "min-h-0 min-w-0 flex-1", children: agentWorkspace })] }));
+    return (_jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", "data-xeno-agent-standalone-shell": "true", "data-xeno-agent-launch-mode": initialLaunchMode || 'default', children: [_jsx(XenoAgentProductHeader, { title: initialLaunchMode === 'chat' ? 'XENO Chat' : 'XENO Agent', workspaceSelector: _jsx(XenoAgentWorkspaceSelector, { onOpenWorkspaceSettings: handleOpenWorkspaceSettings }), centerContent: sessionTabsNode, onMinimize: windowControls?.onMinimize, onNewWindow: windowControls?.onNewWindow, onMaximize: windowControls?.onMaximize, onClose: windowControls?.onClose }), _jsx(WorkspacePersistenceNotice, {}), _jsx(SidebarLayoutNotice, {}), _jsx("div", { className: "min-h-0 min-w-0 flex-1", children: agentWorkspace }), isWorkspaceWizardOpen && (_jsx(WorkspaceCreationWizard, { onClose: closeWorkspaceWizard }))] }));
 }
 //# sourceMappingURL=AgentInterface.js.map