@xenosystem/agent-interface-ui 0.1.3 → 0.1.5

package/dist/components/agent/AgentInterface.js

@@ -16,7 +16,8 @@ import { EntitySettingsLayout } from './settings/EntitySettingsLayout';
 import { AgentOnboarding } from './AgentOnboarding';
 import { isWideWorkbenchTab } from './AgentWorkbenchPanel';
 import { PermissionDialog } from './PermissionDialog';
-import { compactionSummary } from './compactionSummary.js';
+import { runtimeEventSummary } from './runtimeEventSummary.js';
+import { latestContextPressure } from './timelineContextPressure.js';
 import { usePermissionStore } from '../../stores/permissionStore';
 import { useAgentChatStore, loadLocalAgentConversations, projectConversationRuntimeEvents, } from '../../stores/agentChatStore';
 import { useAgentIdeStore } from '../../stores/agentIdeStore';
@@ -796,12 +797,10 @@ function toEngineeringRuntimeEvents(response) {
     if (!timeline)
         return [];
     return timeline.orderedEvents.map((entry) => {
-        const summary = compactionSummary(entry)
-            || readOptionalString(entry.payload, 'summary')
-            || readOptionalString(entry.payload, 'outputPreview')
-            || readOptionalString(entry.payload, 'reason')
-            || readOptionalString(entry.payload, 'checkpointId')
-            || readOptionalString(entry.payload, 'toolName');
+        // ONE chain, shared with the cross-package gate. It used to live here inline while `test-kit`
+        // rebuilt it by hand — so the gate that exists to prove "every SPAWN signal renders" was
+        // asserting its own copy, and did not know about pressure at all.
+        const summary = runtimeEventSummary(entry);
         return {
             id: entry.id,
             sequence: entry.sequence,
@@ -3114,7 +3113,7 @@ function waitForSubagentConversationResult(conversationId, timeoutMs) {
         });
     });
 }
-export default function AgentInterface({ surface = 'embedded', windowControls, } = {}) {
+export default function AgentInterface({ surface = 'embedded', initialSdkSessionId, windowControls, } = {}) {
     const [settingsPanel, setSettingsPanel] = useState(null);
     const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
     const [folderPanelOpen, setFolderPanelOpen] = useState(false);
@@ -3166,6 +3165,11 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
     const [engineeringCheckpointCompare, setEngineeringCheckpointCompare] = useState(null);
     const [engineeringSessions, setEngineeringSessions] = useState([]);
     const [engineeringRuntimeEvents, setEngineeringRuntimeEvents] = useState([]);
+    /**
+     * XENO SPAWN §15 step 3's pressure reading. It lives in `timeline.requests`, which the event
+     * mapper discards — so without this the projection carried it and no surface ever showed it.
+     */
+    const [engineeringContextPressure, setEngineeringContextPressure] = useState(null);
     const [cliControlPlaneLoading, setCliControlPlaneLoading] = useState(false);
     const [cliControlPlaneError, setCliControlPlaneError] = useState(null);
     const [cliControlPlaneStatus, setCliControlPlaneStatus] = useState('idle');
@@ -3213,6 +3217,7 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
     const [sessionTabsHydrated, setSessionTabsHydrated] = useState(false);
     const sessionTabsRestoreAttemptedRef = useRef(false);
     const editorStatusTimerRef = useRef(null);
+    const initialSdkSessionHandledRef = useRef(false);
     const terminalDraftSyncTimerRef = useRef(null);
     const lastPersistedEditorStateRef = useRef('');
     const codeAutoIndexKeyRef = useRef('');
@@ -3224,6 +3229,7 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
     const addAgentApprovalRule = useWorkspaceStore(s => s.addAgentApprovalRule);
     const conversations = useAgentChatStore(s => s.conversations);
     const createConversation = useAgentChatStore(s => s.createConversation);
+    const appendMessage = useAgentChatStore(s => s.appendMessage);
     const updateConversation = useAgentChatStore(s => s.updateConversation);
     const activeRuntimeRequestId = useAgentChatStore(s => s.activeRequestId);
     const activeRuntimeConversationId = useAgentChatStore(s => s.activeConversationId);
@@ -3231,6 +3237,69 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
     const setCenterPaneMode = useAgentIdeStore(s => s.setMode);
     const setAgentIdeHasOpenFiles = useAgentIdeStore(s => s.setHasOpenFiles);
     const authDisplayName = useAuthStore(s => s.user?.display_name);
+    useEffect(() => {
+        const sessionId = initialSdkSessionId?.trim();
+        if (!sessionId || initialSdkSessionHandledRef.current)
+            return;
+        initialSdkSessionHandledRef.current = true;
+        let cancelled = false;
+        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);
+            setViewMode('inbox');
+            setSelectedInboxConversationId(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;
+            }
+            try {
+                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,
+                    });
+                    return;
+                }
+                const current = useAgentChatStore.getState().getConversation(conversationId);
+                updateConversation(conversationId, {
+                    sessionUi: {
+                        ...(current?.sessionUi || {}),
+                        sdkSessionId: sessionId,
+                        sdkSessionDir: result.sessionDir,
+                        sdkSessionHistoryPath: result.sessionHistoryPath,
+                    },
+                });
+            }
+            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,
+                });
+            }
+        };
+        void openSdkSession();
+        return () => { cancelled = true; };
+    }, [appendMessage, createConversation, initialSdkSessionId, updateConversation]);
     // Dynamic context for system prompt enrichment (fetched from main process)
     const [runtimeContext, setRuntimeContext] = useState(null);
     // Fetch runtime context on mount and every 60 seconds
@@ -3316,6 +3385,19 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
     }, [activeConversation]);
     const activeSessionUi = activeConversation?.sessionUi || {};
     const workbenchPanelOpen = !!activeSessionUi.panelOpen;
+    useEffect(() => {
+        if (!activeConversationId)
+            return;
+        const conversation = useAgentChatStore.getState().getConversation(activeConversationId);
+        if (!conversation?.sessionUi?.panelOpen)
+            return;
+        updateConversation(activeConversationId, {
+            sessionUi: {
+                ...conversation.sessionUi,
+                panelOpen: false,
+            },
+        });
+    }, [activeConversationId, updateConversation]);
     const workbenchPanelTab = activeSessionUi.panelTab || 'trace';
     const selectedTraceMessageId = activeSessionUi.selectedTraceMessageId || null;
     const terminalHistory = activeSessionUi.terminalHistory || [];
@@ -5119,6 +5201,14 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
         activateSessionConversation(conversationId);
     };
     const handleOpenSettings = (panel) => {
+        if (activeConversationId) {
+            updateConversation(activeConversationId, {
+                sessionUi: {
+                    ...(useAgentChatStore.getState().getConversation(activeConversationId)?.sessionUi || {}),
+                    panelOpen: false,
+                },
+            });
+        }
         setSettingsPanel(panel);
         setCenterPaneMode('agent');
     };
@@ -5648,6 +5738,7 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
         setEngineeringCheckpointCompare(null);
         setEngineeringSessions([]);
         setEngineeringRuntimeEvents([]);
+        setEngineeringContextPressure(null);
     }, [activeConversationId, codeWorkbenchRootDirectory]);
     const handleEngineeringRefresh = useCallback(async () => {
         if (!codeWorkbenchRootDirectory) {
@@ -5713,9 +5804,13 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
             }
             if (runtimeTimelineResult?.success) {
                 setEngineeringRuntimeEvents(toEngineeringRuntimeEvents(runtimeTimelineResult));
+                // Read from `timeline.requests` rather than the flattened events — the mapper above drops
+                // it, which is why this signal reached the projection and stopped there.
+                setEngineeringContextPressure(latestContextPressure(runtimeTimelineResult.timeline));
             }
             else if (!activeConversationId) {
                 setEngineeringRuntimeEvents([]);
+                setEngineeringContextPressure(null);
             }
             if (diagnosticsResult?.success) {
                 setEngineeringDiagnosticsSummary(diagnosticsResult.summary || null);
@@ -6865,9 +6960,11 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
         checkpointCompare: engineeringCheckpointCompare,
         sessions: engineeringSessions,
         runtimeEvents: engineeringRuntimeEvents,
+        contextPressure: engineeringContextPressure,
     }), [
         codeWorkbenchRootDirectory,
         engineeringBackgroundRuns,
+        engineeringContextPressure,
         engineeringCheckpointCompare,
         engineeringCheckpoints,
         engineeringChecks,
@@ -7161,11 +7258,10 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
     }, [openWorkspaceAcpAgents, selectedAgent, selectedAgentHierarchy]);
     const handleSelectSidebarSettings = useCallback(() => {
         if (activeConversationId) {
-            handleSelectWorkbenchTab('settings');
-            return;
+            patchActiveConversationSessionUi({ panelOpen: false });
         }
         handleOpenActiveConversationSettings();
-    }, [activeConversationId, handleOpenActiveConversationSettings, handleSelectWorkbenchTab]);
+    }, [activeConversationId, handleOpenActiveConversationSettings, patchActiveConversationSessionUi]);
     const handleOpenActiveConversationAcpAgents = useCallback(() => {
         void openWorkspaceAcpAgents(selectedAgentHierarchy?.workspace, 'Chat ACP agents');
     }, [openWorkspaceAcpAgents, selectedAgentHierarchy?.workspace]);
@@ -7482,7 +7578,7 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
                 }, teamId: settingsPanel.teamId, teamName: teamForSettings?.name || settingsPanel.teamName, onClose: handleCloseSettings, onDelete: handleDeleteFromSettings }));
         }
         if (viewMode === 'inbox') {
-            return (_jsx(React.Suspense, { fallback: _jsx("div", { className: "flex h-full items-center justify-center text-[12px] text-white/35", children: "Loading chat..." }), children: _jsx(AgentView, { agentId: MAIN_ASSISTANT_ID, conversationId: selectedInboxConversationId, isMainAssistant: true, agentName: MAIN_ASSISTANT_NAME, model: MAIN_ASSISTANT_MODEL, templateName: "Main Assistant", workspaceName: "All Workspaces", teamName: "Global", systemPrompt: enrichedMainSystemPromptWithCodeContext, capabilities: { terminal: true, fileRead: true, fileWrite: true, appLaunch: true }, permissionProfile: "standard", allowedDirectories: [], approvalRules: [], allowedApps: [], teamAgents: [], onCreateWorkspace: handleMainCreateWorkspace, onCreateTeam: handleMainCreateTeam, onCreateTeamAgent: handleMainCreateTeamAgent, onGetInboxWorkspaceOptions: handleGetInboxWorkspaceOptions, onBindInboxConversationToWorkspace: handleBindInboxConversationToWorkspace, onOpenReassignedConversation: handleOpenReassignedConversation, onOpenEditorPath: handleOpenEditorPath, onOpenEditorDiff: handleOpenEditorDiff, onPeekEditorPath: handlePeekEditorPath, onPeekEditorDiff: handlePeekEditorDiff, renderWorkbenchPanel: false, onConversationCreated: activateSessionConversation }) }));
+            return (_jsx(React.Suspense, { fallback: _jsx("div", { className: "flex h-full items-center justify-center text-[12px] text-white/35", children: "Loading chat..." }), children: _jsx(AgentView, { agentId: MAIN_ASSISTANT_ID, conversationId: selectedInboxConversationId, isMainAssistant: true, agentName: MAIN_ASSISTANT_NAME, model: MAIN_ASSISTANT_MODEL, templateName: "Main Assistant", workspaceName: "All Workspaces", teamName: "Global", systemPrompt: enrichedMainSystemPromptWithCodeContext, capabilities: { terminal: true, fileRead: true, fileWrite: true, appLaunch: true }, permissionProfile: "standard", allowedDirectories: [], approvalRules: [], allowedApps: [], teamAgents: [], onCreateWorkspace: handleMainCreateWorkspace, onCreateTeam: handleMainCreateTeam, onCreateTeamAgent: handleMainCreateTeamAgent, onGetInboxWorkspaceOptions: handleGetInboxWorkspaceOptions, onBindInboxConversationToWorkspace: handleBindInboxConversationToWorkspace, onOpenReassignedConversation: handleOpenReassignedConversation, onOpenEditorPath: handleOpenEditorPath, onOpenEditorDiff: handleOpenEditorDiff, onPeekEditorPath: handlePeekEditorPath, onPeekEditorDiff: handlePeekEditorDiff, renderWorkbenchPanel: false, onOpenConversationSettings: handleSelectSidebarSettings, onConversationCreated: activateSessionConversation }) }));
         }
         // If an agent is selected, show the chat view.
         // Conversation is created lazily on first message send.
@@ -7545,7 +7641,7 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
                                 selectedBy: 'user'
                             }
                         });
-                    }, renderWorkbenchPanel: false, onConversationCreated: activateSessionConversation }) }));
+                    }, renderWorkbenchPanel: false, onOpenConversationSettings: handleSelectSidebarSettings, onConversationCreated: activateSessionConversation }) }));
         }
         // Plugins view
         if (viewMode === 'plugins') {
@@ -7572,7 +7668,7 @@ export default function AgentInterface({ surface = 'embedded', windowControls, }
                                                                         : '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 && (_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, 
+                                        : 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, 
                                             /* The host's default `resolveRunId` is
                                                `subagentRunId ?? conversationId`, so the conversation id
                                                IS the run id here. Passing anything else would ask the