@xcanwin/manyoyo 5.5.2 → 5.6.1

package/lib/web/frontend/app.js

@@ -40,19 +40,24 @@
         active: '',
         messages: [],
         messageRenderKeys: [],
+        activeTab: 'activity',
         mode: 'agent',
         sending: false,
         loadingSessions: false,
         loadingMessages: false,
+        loadingSessionDetail: false,
         mobileSidebarOpen: false,
         mobileActionsOpen: false,
-        modeMenuOpen: false,
         configModalOpen: false,
         createModalOpen: false,
         configLoading: false,
         configSaving: false,
         createLoading: false,
         createSubmitting: false,
+        configSnapshot: null,
+        sessionDetail: null,
+        sessionDetailError: '',
+        sessionDetailRequestId: 0,
         createAgentPromptAuto: false,
         createDefaults: null,
         createRuns: {},
@@ -82,8 +87,10 @@
     const mobileSessionToggle = document.getElementById('mobileSessionToggle');
     const mobileActionsToggle = document.getElementById('mobileActionsToggle');
     const headerActions = document.getElementById('headerActions');
-    const modeToggle = document.getElementById('modeToggle');
-    const modeMenu = document.getElementById('modeMenu');
+    const viewActivityBtn = document.getElementById('viewActivityBtn');
+    const viewTerminalBtn = document.getElementById('viewTerminalBtn');
+    const viewConfigBtn = document.getElementById('viewConfigBtn');
+    const viewCheckBtn = document.getElementById('viewCheckBtn');
     const mobileSidebarClose = document.getElementById('mobileSidebarClose');
     const sidebarBackdrop = document.getElementById('sidebarBackdrop');
     const openConfigBtn = document.getElementById('openConfigBtn');
@@ -118,11 +125,15 @@
     const createVolumes = document.getElementById('createVolumes');
     const activeTitle = document.getElementById('activeTitle');
     const activeMeta = document.getElementById('activeMeta');
-    const modeCommandBtn = document.getElementById('modeCommandBtn');
-    const modeAgentBtn = document.getElementById('modeAgentBtn');
-    const modeTerminalBtn = document.getElementById('modeTerminalBtn');
+    const activityCommandBtn = document.getElementById('activityCommandBtn');
+    const activityAgentBtn = document.getElementById('activityAgentBtn');
     const messagesNode = document.getElementById('messages');
     const terminalPanel = document.getElementById('terminalPanel');
+    const configPanel = document.getElementById('configPanel');
+    const checkPanel = document.getElementById('checkPanel');
+    const configSummary = document.getElementById('configSummary');
+    const checkSummary = document.getElementById('checkSummary');
+    const contextSummary = document.getElementById('contextSummary');
     const terminalScreen = document.getElementById('terminalScreen');
     const composer = document.getElementById('composer');
     const commandInput = document.getElementById('commandInput');
@@ -154,7 +165,7 @@
     const AGENT_PROMPT_TEMPLATE_MAP = {
         claude: 'claude -p {prompt}',
         gemini: 'gemini -p {prompt}',
-        codex: 'codex exec {prompt}',
+        codex: 'codex exec --skip-git-repo-check {prompt}',
         opencode: 'opencode run {prompt}'
     };
     const markdownRenderer = window.ManyoyoMarkdown
@@ -534,7 +545,7 @@
     }
 
     function isComposerMode() {
-        return state.mode === 'command' || state.mode === 'agent';
+        return state.activeTab === 'activity';
     }
 
     function isActiveAgentEnabled() {
@@ -898,18 +909,220 @@
         setMobileActionsMenu(false);
     }
 
-    const MODE_LABELS = { agent: 'AGENT 模式', command: '命令模式', terminal: '终端模式' };
+    const VIEW_LABELS = {
+        activity: '活动',
+        terminal: '终端',
+        config: '配置',
+        check: '检查'
+    };
 
-    function setModeMenu(open) {
-        state.modeMenuOpen = Boolean(open);
-        document.body.classList.toggle('mode-menu-open', state.modeMenuOpen);
-        if (modeToggle) {
-            modeToggle.setAttribute('aria-expanded', state.modeMenuOpen ? 'true' : 'false');
+    function setActiveTab(tab) {
+        const next = String(tab || '').trim();
+        if (!VIEW_LABELS[next]) {
+            return;
+        }
+        state.activeTab = next;
+        syncUi();
+        if (next === 'terminal' && state.active && ensureTerminalReady()) {
+            scheduleTerminalFit(false);
+            if (!state.terminal.connected && !state.terminal.connecting && !isActiveSessionHistoryOnly()) {
+                connectTerminal();
+            }
+            if (state.terminal.term) {
+                state.terminal.term.focus();
+            }
         }
     }
 
-    function closeModeMenu() {
-        setModeMenu(false);
+    function escapeHtml(value) {
+        return String(value == null ? '' : value)
+            .replace(/&/g, '&')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#39;');
+    }
+
+    function renderEmptyInspector(container, title, description) {
+        if (!container) return;
+        container.innerHTML = `
+            <section class="info-card empty-card">
+                <div class="card-title">${escapeHtml(title)}</div>
+                <div class="card-desc">${escapeHtml(description)}</div>
+            </section>
+        `;
+    }
+
+    function renderKeyValueCard(container, title, entries, options) {
+        if (!container) return;
+        const opts = options && typeof options === 'object' ? options : {};
+        const actionHtml = opts.actionLabel && opts.actionId
+            ? `<button type="button" class="secondary inline-action" id="${escapeHtml(opts.actionId)}">${escapeHtml(opts.actionLabel)}</button>`
+            : '';
+        const rowsHtml = (entries || []).map(function (entry) {
+            const tone = entry && entry.tone ? ` tone-${entry.tone}` : '';
+            return `
+                <div class="kv-row${tone}">
+                    <span class="kv-label">${escapeHtml(entry.label || '')}</span>
+                    <span class="kv-value">${escapeHtml(entry.value || '—')}</span>
+                </div>
+            `;
+        }).join('');
+        container.insertAdjacentHTML('beforeend', `
+            <section class="info-card">
+                <div class="card-head">
+                    <div class="card-title">${escapeHtml(title)}</div>
+                    ${actionHtml}
+                </div>
+                <div class="kv-list">${rowsHtml}</div>
+            </section>
+        `);
+    }
+
+    function renderCheckCard(container, title, checks) {
+        if (!container) return;
+        const itemsHtml = (checks || []).map(function (item) {
+            return `
+                <div class="check-item tone-${escapeHtml(item.tone || 'info')}">
+                    <div class="check-main">
+                        <span class="check-label">${escapeHtml(item.label || '')}</span>
+                        <span class="check-value">${escapeHtml(item.value || '')}</span>
+                    </div>
+                    <div class="check-detail">${escapeHtml(item.detail || '')}</div>
+                </div>
+            `;
+        }).join('');
+        container.insertAdjacentHTML('beforeend', `
+            <section class="info-card">
+                <div class="card-title">${escapeHtml(title)}</div>
+                <div class="check-list">${itemsHtml}</div>
+            </section>
+        `);
+    }
+
+    function renderSessionDetailPanels() {
+        const detail = state.sessionDetail;
+        if (!state.active) {
+            renderEmptyInspector(contextSummary, '当前上下文', '选择左侧会话后，这里会显示容器状态、配置摘要与 Agent 信息。');
+            renderEmptyInspector(configSummary, '配置视图', '选择会话后可查看当前容器会话的运行参数摘要。');
+            renderEmptyInspector(checkSummary, '检查视图', '选择会话后可查看当前会话的基础健康检查。');
+            return;
+        }
+        if (state.loadingSessionDetail) {
+            renderEmptyInspector(contextSummary, '当前上下文', '正在加载会话详情...');
+            renderEmptyInspector(configSummary, '配置视图', '正在加载会话详情...');
+            renderEmptyInspector(checkSummary, '检查视图', '正在加载会话详情...');
+            return;
+        }
+        if (!detail) {
+            const message = state.sessionDetailError || '当前会话详情暂时不可用。';
+            renderEmptyInspector(contextSummary, '当前上下文', message);
+            renderEmptyInspector(configSummary, '配置视图', message);
+            renderEmptyInspector(checkSummary, '检查视图', message);
+            return;
+        }
+
+        const applied = detail.applied || {};
+        const status = sessionStatusInfo(detail.status);
+        const updatedText = formatDateTime(detail.updatedAt) || '暂无更新';
+
+        if (contextSummary) {
+            contextSummary.innerHTML = '';
+            renderKeyValueCard(contextSummary, '会话概览', [
+                { label: '会话', value: detail.name || state.active },
+                { label: '状态', value: status.label, tone: status.tone },
+                { label: '镜像', value: detail.image || applied.imageName || '—' },
+                { label: '最近更新', value: updatedText },
+                { label: '消息数', value: String(safeMessageCount(detail.messageCount)) }
+            ]);
+            renderKeyValueCard(contextSummary, 'Agent 上下文', [
+                { label: '已启用', value: detail.agentEnabled ? '是' : '否', tone: detail.agentEnabled ? 'ok' : 'warn' },
+                { label: '程序', value: detail.agentProgram || '—' },
+                { label: '支持 resume', value: detail.resumeSupported ? '是' : '否', tone: detail.resumeSupported ? 'ok' : 'warn' },
+                { label: '最近 resume', value: detail.lastResumeAt ? formatDateTime(detail.lastResumeAt) : '暂无' },
+                { label: '最近结果', value: detail.lastResumeOk == null ? '暂无' : (detail.lastResumeOk ? '成功' : '失败'), tone: detail.lastResumeOk == null ? 'info' : (detail.lastResumeOk ? 'ok' : 'danger') }
+            ]);
+            renderKeyValueCard(contextSummary, '运行参数', [
+                { label: 'hostPath', value: applied.hostPath || '—' },
+                { label: 'containerPath', value: applied.containerPath || '—' },
+                { label: 'imageVersion', value: applied.imageVersion || '—' },
+                { label: 'containerMode', value: applied.containerMode || 'default' },
+                { label: 'env/vol/ports', value: `${applied.envCount || 0} / ${applied.volumeCount || 0} / ${applied.portCount || 0}` }
+            ]);
+        }
+
+        if (configSummary) {
+            configSummary.innerHTML = '';
+            renderKeyValueCard(configSummary, '配置摘要', [
+                { label: 'containerName', value: applied.containerName || detail.name || state.active },
+                { label: 'hostPath', value: applied.hostPath || '—' },
+                { label: 'containerPath', value: applied.containerPath || '—' },
+                { label: 'imageName', value: applied.imageName || detail.image || '—' },
+                { label: 'imageVersion', value: applied.imageVersion || '—' },
+                { label: 'containerMode', value: applied.containerMode || 'default' }
+            ], { actionLabel: '打开配置', actionId: 'configSummaryOpenBtn' });
+            renderKeyValueCard(configSummary, '命令与 Agent', [
+                { label: 'shellPrefix', value: applied.shellPrefix || '—' },
+                { label: 'shell', value: applied.shell || '—' },
+                { label: 'shellSuffix', value: applied.shellSuffix || '—' },
+                { label: '默认命令', value: applied.defaultCommand || '—' },
+                { label: 'Agent 模板', value: detail.agentPromptCommand || '—' },
+                { label: 'yolo', value: applied.yolo || '—' }
+            ]);
+        }
+
+        if (checkSummary) {
+            checkSummary.innerHTML = '';
+            renderCheckCard(checkSummary, '基础检查', [
+                {
+                    label: '容器状态',
+                    value: status.label,
+                    tone: status.tone === 'running' ? 'ok' : (status.tone === 'history' ? 'warn' : 'danger'),
+                    detail: status.tone === 'running' ? '容器处于可交互状态。' : '当前不是活跃运行态，部分功能可能受限。'
+                },
+                {
+                    label: 'Agent 模板',
+                    value: detail.agentEnabled ? '已配置' : '未配置',
+                    tone: detail.agentEnabled ? 'ok' : 'warn',
+                    detail: detail.agentEnabled ? '活动页可直接发送 Agent 提示词。' : '当前会话不支持 Agent 模式。'
+                },
+                {
+                    label: 'Resume 能力',
+                    value: detail.resumeSupported ? '支持' : '不支持',
+                    tone: detail.resumeSupported ? 'ok' : 'warn',
+                    detail: detail.resumeSupported ? '可以尝试基于历史继续 Agent 会话。' : '当前 Agent 程序或模板不支持 resume。'
+                },
+                {
+                    label: '镜像版本格式',
+                    value: applied.imageVersion || '缺失',
+                    tone: /^\d+\.\d+\.\d+-[A-Za-z0-9][A-Za-z0-9_.-]*$/.test(String(applied.imageVersion || '')) ? 'ok' : 'danger',
+                    detail: '建议保持 x.y.z-后缀 格式，便于 manyoyo 的版本校验。'
+                },
+                {
+                    label: '工作目录',
+                    value: applied.hostPath && applied.containerPath ? '完整' : '缺失',
+                    tone: applied.hostPath && applied.containerPath ? 'ok' : 'danger',
+                    detail: 'hostPath / containerPath 是容器会话最关键的上下文。'
+                }
+            ]);
+            if (detail.lastResumeError) {
+                renderCheckCard(checkSummary, '最近问题', [
+                    {
+                        label: 'Resume 错误',
+                        value: '有错误输出',
+                        tone: 'danger',
+                        detail: detail.lastResumeError
+                    }
+                ]);
+            }
+        }
+
+        const configSummaryOpenBtn = document.getElementById('configSummaryOpenBtn');
+        if (configSummaryOpenBtn) {
+            configSummaryOpenBtn.addEventListener('click', function () {
+                openConfigModal();
+            });
+        }
     }
 
     function syncUi() {
@@ -924,34 +1137,44 @@
             activeMeta.textContent = buildActiveMeta(getActiveSession());
         }
 
+        const activityTab = state.activeTab === 'activity';
+        const terminalTab = state.activeTab === 'terminal';
+        const configTab = state.activeTab === 'config';
+        const checkTab = state.activeTab === 'check';
         const commandMode = state.mode === 'command';
         const agentMode = state.mode === 'agent';
-        const terminalMode = state.mode === 'terminal';
-        const composerMode = commandMode || agentMode;
         const agentEnabled = isActiveAgentEnabled();
 
         document.body.classList.toggle('command-mode', commandMode);
         document.body.classList.toggle('agent-mode', agentMode);
-        document.body.classList.toggle('terminal-mode', terminalMode);
-        if (modeCommandBtn) {
-            modeCommandBtn.classList.toggle('is-active', commandMode);
-            modeCommandBtn.setAttribute('aria-pressed', commandMode ? 'true' : 'false');
+        document.body.classList.toggle('terminal-mode', terminalTab);
+        document.body.classList.toggle('config-tab', configTab);
+        document.body.classList.toggle('check-tab', checkTab);
+        if (activityCommandBtn) {
+            activityCommandBtn.classList.toggle('is-active', commandMode);
+            activityCommandBtn.setAttribute('aria-pressed', commandMode ? 'true' : 'false');
+        }
+        if (activityAgentBtn) {
+            activityAgentBtn.classList.toggle('is-active', agentMode);
+            activityAgentBtn.setAttribute('aria-pressed', agentMode ? 'true' : 'false');
+        }
+        if (viewActivityBtn) viewActivityBtn.classList.toggle('is-active', activityTab);
+        if (viewTerminalBtn) viewTerminalBtn.classList.toggle('is-active', terminalTab);
+        if (viewConfigBtn) viewConfigBtn.classList.toggle('is-active', configTab);
+        if (viewCheckBtn) viewCheckBtn.classList.toggle('is-active', checkTab);
+        if (messagesNode) {
+            messagesNode.hidden = !activityTab;
         }
-        if (modeAgentBtn) {
-            modeAgentBtn.classList.toggle('is-active', agentMode);
-            modeAgentBtn.setAttribute('aria-pressed', agentMode ? 'true' : 'false');
+        if (terminalPanel) {
+            terminalPanel.hidden = !terminalTab;
         }
-        if (modeTerminalBtn) {
-            modeTerminalBtn.classList.toggle('is-active', terminalMode);
-            modeTerminalBtn.setAttribute('aria-pressed', terminalMode ? 'true' : 'false');
+        if (configPanel) {
+            configPanel.hidden = !configTab;
         }
-        if (modeToggle) {
-            modeToggle.textContent = MODE_LABELS[state.mode] || '模式';
+        if (checkPanel) {
+            checkPanel.hidden = !checkTab;
         }
-        if (terminalPanel) {
-            terminalPanel.hidden = !terminalMode;
-        }
-        if (terminalMode && state.terminal.terminalReady) {
+        if (terminalTab && state.terminal.terminalReady) {
             scheduleTerminalFit(false);
         }
 
@@ -959,8 +1182,8 @@
         refreshBtn.disabled = busy;
         removeBtn.disabled = !state.active || busy;
         removeAllBtn.disabled = !state.active || busy;
-        sendBtn.disabled = !composerMode || !state.active || busy || (agentMode && !agentEnabled);
-        commandInput.disabled = !composerMode || !state.active || (agentMode && !agentEnabled);
+        sendBtn.disabled = !activityTab || !state.active || busy || (agentMode && !agentEnabled);
+        commandInput.disabled = !activityTab || !state.active || (agentMode && !agentEnabled);
         if (commandInput) {
             commandInput.placeholder = agentMode
                 ? '输入提示词，例如：请帮我分析当前项目结构并给出重构建议'
@@ -1013,8 +1236,12 @@
             sendState.textContent = '就绪';
         }
         sendState.classList.toggle('is-active', state.sending);
+        if (composer) {
+            composer.hidden = !activityTab;
+        }
         setMobileSessionPanel(state.mobileSidebarOpen);
         setMobileActionsMenu(state.mobileActionsOpen);
+        renderSessionDetailPanels();
     }
 
     async function api(url, options) {
@@ -1041,7 +1268,9 @@
     }
 
     async function fetchConfigSnapshot() {
-        return await api('/api/config');
+        const snapshot = await api('/api/config');
+        state.configSnapshot = snapshot;
+        return snapshot;
     }
 
     async function openConfigModal() {
@@ -1084,6 +1313,7 @@
                 method: 'PUT',
                 body: JSON.stringify({ raw: configEditor ? configEditor.value : '' })
             });
+            await fetchConfigSnapshot();
             showConfigError('');
             alert('配置已保存。后续新建会读取最新配置。');
         } catch (e) {
@@ -1195,10 +1425,12 @@
             disconnectTerminal('会话切换，终端已断开', true);
         }
         state.active = sessionName;
+        state.sessionDetail = null;
+        state.sessionDetailError = '';
         if (isMobileLayout()) {
             closeMobileSessionPanel();
         }
-        if (state.mode === 'terminal' && ensureTerminalReady()) {
+        if (state.activeTab === 'terminal' && ensureTerminalReady()) {
             scheduleTerminalFit(false);
             if (!state.terminal.connected && !state.terminal.connecting) {
                 if (isActiveSessionHistoryOnly()) {
@@ -1210,7 +1442,10 @@
         }
         renderSessionActiveState();
         syncUi();
-        loadMessagesForSession(sessionName).catch(function (e) {
+        Promise.all([
+            loadMessagesForSession(sessionName),
+            loadSessionDetailForSession(sessionName)
+        ]).catch(function (e) {
             alert(e.message);
         });
     }
@@ -1501,6 +1736,8 @@
 
         if (state.active && !state.sessions.some(function (session) { return session.name === state.active; })) {
             state.active = '';
+            state.sessionDetail = null;
+            state.sessionDetailError = '';
         }
         if (!state.active && state.sessions.length) {
             state.active = state.sessions[0].name;
@@ -1538,13 +1775,20 @@
             throw requestError;
         }
 
-        if (state.mode === 'terminal' && ensureTerminalReady() && !state.terminal.connected && !state.terminal.connecting && !isActiveSessionHistoryOnly()) {
+        if (state.activeTab === 'terminal' && ensureTerminalReady() && !state.terminal.connected && !state.terminal.connecting && !isActiveSessionHistoryOnly()) {
             scheduleTerminalFit(false);
             connectTerminal();
         }
 
         if (opts.reloadMessages) {
-            await loadMessagesForSession(state.active, { silent: false });
+            await Promise.all([
+                loadMessagesForSession(state.active, { silent: false }),
+                loadSessionDetailForSession(state.active)
+            ]);
+        } else if (state.active) {
+            loadSessionDetailForSession(state.active).catch(function () {
+                // 静默失败不打断主流程
+            });
         }
     }
 
@@ -1624,6 +1868,43 @@
         await loadMessagesForSession(state.active, { silent: false });
     }
 
+    async function loadSessionDetailForSession(sessionName) {
+        const targetSession = typeof sessionName === 'string' ? sessionName.trim() : '';
+        const requestId = state.sessionDetailRequestId + 1;
+        state.sessionDetailRequestId = requestId;
+
+        if (!targetSession) {
+            state.sessionDetail = null;
+            state.sessionDetailError = '';
+            state.loadingSessionDetail = false;
+            renderSessionDetailPanels();
+            return;
+        }
+
+        state.loadingSessionDetail = true;
+        state.sessionDetailError = '';
+        renderSessionDetailPanels();
+        try {
+            const data = await api('/api/sessions/' + encodeURIComponent(targetSession) + '/detail');
+            if (requestId !== state.sessionDetailRequestId) {
+                return;
+            }
+            state.sessionDetail = data && data.detail ? data.detail : null;
+        } catch (e) {
+            if (requestId !== state.sessionDetailRequestId) {
+                return;
+            }
+            state.sessionDetail = null;
+            state.sessionDetailError = e && e.message ? e.message : '加载会话详情失败';
+        } finally {
+            if (requestId !== state.sessionDetailRequestId) {
+                return;
+            }
+            state.loadingSessionDetail = false;
+            renderSessionDetailPanels();
+        }
+    }
+
     function bumpSessionMetaAfterSend(sessionName) {
         if (!sessionName) return;
         const session = state.sessions.find(function (item) {
@@ -1762,6 +2043,7 @@
                     })
                 });
                 closeCreateModal();
+                state.activeTab = 'activity';
                 state.mode = 'agent';
                 await loadSessions(data.name);
                 if (isMobileLayout()) {
@@ -1781,7 +2063,7 @@
         if (!state.active) return;
         if (state.sending) return;
         if (state.loadingSessions || state.loadingMessages) return;
-        if (!isComposerMode()) return;
+        if (state.activeTab !== 'activity') return;
         const mode = state.mode === 'agent' ? 'agent' : 'command';
         if (mode === 'agent' && !isActiveAgentEnabled()) {
             syncUi();
@@ -1860,22 +2142,14 @@
 
         // Enter / Ctrl+Enter: 发送
         event.preventDefault();
-        if (!state.active || state.sending || !isComposerMode()) {
+        if (!state.active || state.sending || state.activeTab !== 'activity') {
             return;
         }
         composer.requestSubmit();
     });
 
-    if (modeToggle) {
-        modeToggle.addEventListener('click', function () {
-            closeMobileActionsMenu();
-            setModeMenu(!state.modeMenuOpen);
-        });
-    }
-
-    if (modeCommandBtn) {
-        modeCommandBtn.addEventListener('click', function () {
-            closeModeMenu();
+    if (activityCommandBtn) {
+        activityCommandBtn.addEventListener('click', function () {
             state.mode = 'command';
             renderMessages(state.messages, { forceFullRender: true });
             syncUi();
@@ -1883,9 +2157,8 @@
         });
     }
 
-    if (modeAgentBtn) {
-        modeAgentBtn.addEventListener('click', function () {
-            closeModeMenu();
+    if (activityAgentBtn) {
+        activityAgentBtn.addEventListener('click', function () {
             state.mode = 'agent';
             renderMessages(state.messages, { forceFullRender: true });
             syncUi();
@@ -1893,19 +2166,28 @@
         });
     }
 
-    if (modeTerminalBtn) {
-        modeTerminalBtn.addEventListener('click', function () {
-            closeModeMenu();
-            state.mode = 'terminal';
-            renderMessages(state.messages, { forceFullRender: true });
-            syncUi();
-            if (ensureTerminalReady()) {
-                scheduleTerminalFit(false);
-                state.terminal.term.focus();
-                if (!state.terminal.connected && !state.terminal.connecting && !isActiveSessionHistoryOnly()) {
-                    connectTerminal();
-                }
-            }
+    if (viewActivityBtn) {
+        viewActivityBtn.addEventListener('click', function () {
+            setActiveTab('activity');
+            commandInput.focus();
+        });
+    }
+
+    if (viewTerminalBtn) {
+        viewTerminalBtn.addEventListener('click', function () {
+            setActiveTab('terminal');
+        });
+    }
+
+    if (viewConfigBtn) {
+        viewConfigBtn.addEventListener('click', function () {
+            setActiveTab('config');
+        });
+    }
+
+    if (viewCheckBtn) {
+        viewCheckBtn.addEventListener('click', function () {
+            setActiveTab('check');
         });
     }
 
@@ -2006,21 +2288,18 @@
         if (event.key === 'Escape' && state.mobileActionsOpen) {
             closeMobileActionsMenu();
         }
-        if (event.key === 'Escape' && state.modeMenuOpen) {
-            closeModeMenu();
-        }
     });
 
     function onLayoutMediaChange() {
         setMobileSessionPanel(state.mobileSidebarOpen);
         setMobileActionsMenu(state.mobileActionsOpen);
-        if (state.mode === 'terminal' && state.terminal.terminalReady) {
+        if (state.activeTab === 'terminal' && state.terminal.terminalReady) {
             scheduleTerminalFit(false);
         }
     }
 
     window.addEventListener('resize', function () {
-        if (state.mode === 'terminal' && state.terminal.terminalReady) {
+        if (state.activeTab === 'terminal' && state.terminal.terminalReady) {
             scheduleTerminalFit(false);
         }
     });
@@ -2044,11 +2323,6 @@
             if (headerActions && headerActions.contains(target)) return;
             closeMobileActionsMenu();
         }
-        if (state.modeMenuOpen) {
-            if (modeToggle && modeToggle.contains(target)) return;
-            if (modeMenu && modeMenu.contains(target)) return;
-            closeModeMenu();
-        }
     });
 
     removeBtn.addEventListener('click', async function () {