@xcanwin/manyoyo 5.2.18 → 5.3.1

package/docker/manyoyo.Dockerfile

@@ -131,6 +131,7 @@ EOX
 
 # 从 cache-stage 复制 Node.js（缓存或下载）
 COPY --from=cache-stage /opt/node /usr/local
+COPY ./docker/res/ /tmp/docker-res/
 ARG GIT_SSL_NO_VERIFY=false
 
 RUN <<EOX
@@ -145,17 +146,10 @@ RUN <<EOX
     # 安装 Claude CLI
     npm install -g @anthropic-ai/claude-code
     mkdir -p ~/.claude/plugins/marketplaces/
-    cat > ~/.claude.json <<EOF
-{
-    "bypassPermissionsModeAccepted": true,
-    "hasCompletedOnboarding": true,
-    "env": {
-        "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1",
-        "CLAUDE_CODE_HIDE_ACCOUNT_INFO": "1",
-        "DISABLE_AUTOUPDATER": "1"
-    }
-}
-EOF
+    cp /tmp/docker-res/claude/claude.json ~/.claude.json
+    cp /tmp/docker-res/claude/settings.json ~/.claude/settings.json
+    cp /tmp/docker-res/claude/statusline.sh ~/.claude/statusline.sh
+    chmod +x ~/.claude/statusline.sh
     claude plugin marketplace add https://github.com/anthropics/claude-plugins-official
     claude plugin install ralph-loop@claude-plugins-official
     claude plugin install typescript-lsp@claude-plugins-official
@@ -172,12 +166,7 @@ EOF
     # 安装 Codex CLI
     npm install -g @openai/codex
     mkdir -p ~/.codex
-    cat > ~/.codex/config.toml <<EOF
-check_for_update_on_startup = false
-
-[analytics]
-enabled = false
-EOF
+    cp /tmp/docker-res/codex/config.toml ~/.codex/config.toml
     mkdir -p "$HOME/.codex/skills"
     git clone --depth 1 https://github.com/openai/skills.git /tmp/openai-skills
     cp -a /tmp/openai-skills/skills/.system "$HOME/.codex/skills/.system"
@@ -204,59 +193,14 @@ EOF
         npm install -g @google/gemini-cli
         mkdir -p ~/.gemini/ ~/.gemini/tmp/bin
         ln -s $(which rg) ~/.gemini/tmp/bin/rg
-        cat > ~/.gemini/settings.json <<EOF
-{
-    "privacy": {
-        "usageStatisticsEnabled": false
-    },
-    "general": {
-        "previewFeatures": true,
-        "enableAutoUpdate": false,
-        "enableAutoUpdateNotification": false
-    },
-    "ui": {
-        "showLineNumbers": false
-    },
-    "security": {
-        "auth": {
-            "selectedType": "oauth-personal"
-        }
-    },
-    "model": {
-        "name": "gemini-3-pro-preview"
-    }
-}
-EOF
+        cp /tmp/docker-res/gemini/settings.json ~/.gemini/settings.json
     ;; esac
 
     # 安装 OpenCode CLI
     case ",$TOOL," in *,full,*|*,opencode,*)
         npm install -g opencode-ai
         mkdir -p ~/.config/opencode/
-        cat > ~/.config/opencode/opencode.json <<EOF
-{
-    "\$schema": "https://opencode.ai/config.json",
-    "autoupdate": false,
-    "model": "Custom_Provider/{env:OPENAI_MODEL}",
-    "provider": {
-        "Custom_Provider": {
-            "npm": "@ai-sdk/openai-compatible",
-            "options": {
-                "baseURL": "{env:OPENAI_BASE_URL}",
-                "apiKey": "{env:OPENAI_API_KEY}",
-                "headers": {
-                   "User-Agent": "opencode"
-                }
-            },
-            "models": {
-                "{env:OPENAI_MODEL}": {},
-                "claude-sonnet-4-5-20250929": {},
-                "gpt-5.2": {}
-            }
-        }
-    }
-}
-EOF
+        cp /tmp/docker-res/opencode/opencode.json ~/.config/opencode/opencode.json
     ;; esac
 
     # 清理
@@ -313,13 +257,12 @@ RUN <<EOX
     rm -rf /tmp/gopls-cache
 EOX
 
+# 配置 supervisor
+COPY ./docker/res/supervisor/s.conf /etc/supervisor/conf.d/s.conf
+
 RUN <<EOX
-    # 配置 supervisor
-    cat > /etc/supervisor/conf.d/s.conf << EOF
-[supervisord]
-user=root
-nodaemon=true
-EOF
+    # 清理
+    rm -rf /tmp/* /var/tmp/* /var/log/apt /var/log/*.log /var/lib/apt/lists/* ~/.cache ~/.npm ~/go/pkg/mod/cache
 EOX
 
 WORKDIR /tmp

package/lib/plugin/playwright.js

@@ -676,6 +676,7 @@ class PlaywrightPlugin {
         }
 
         return {
+            outputDir: '/tmp/playwright-mcp',
             server: {
                 host: def.listenHost,
                 port,

package/lib/web/frontend/app.css

@@ -558,7 +558,7 @@ textarea:focus-visible {
     min-height: 0;
     padding: 14px;
     display: grid;
-    grid-template-rows: auto auto minmax(0, 1fr) auto;
+    grid-template-rows: auto minmax(0, 1fr) auto;
     gap: 0;
     background:
         linear-gradient(165deg, rgba(255, 251, 243, 0.95) 0%, rgba(247, 237, 223, 0.95) 100%);
@@ -631,42 +631,31 @@ body.mobile-actions-open .header-actions {
     display: grid;
 }
 
-.mode-switch {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 10px;
-    margin: 10px 8px 4px;
-    min-height: 36px;
-    padding: 8px;
-    border: 1px solid var(--line);
-    border-radius: 12px;
-    background: rgba(255, 251, 244, 0.9);
+#modeToggle {
+    position: relative;
 }
 
-.mode-switch-left {
-    display: inline-flex;
-    align-items: center;
+.mode-menu {
+    display: none;
+    position: absolute;
+    top: calc(100% + 6px);
+    right: 8px;
+    z-index: 8;
+    width: min(200px, calc(100vw - 36px));
+    padding: 8px;
+    border: 1px solid var(--line);
+    border-radius: 10px;
+    background: #fffaf2;
+    box-shadow: var(--shadow-strong);
+    grid-template-columns: 1fr;
     gap: 8px;
-    min-width: 0;
-}
-
-.mode-switch button {
-    min-width: 102px;
-    color: var(--text);
-    background: #f7eee1;
-    border-color: #e0c6a5;
 }
 
-.mode-switch button.is-active {
-    color: #ffffff;
-    background: var(--accent);
-    border-color: var(--accent-strong);
+body.mode-menu-open .mode-menu {
+    display: grid;
 }
 
-body.command-mode #modeCommandBtn,
-body.agent-mode #modeAgentBtn,
-body.terminal-mode #modeTerminalBtn {
+.mode-menu button.is-active {
     color: #ffffff;
     background: var(--accent);
     border-color: var(--accent-strong);
@@ -694,6 +683,39 @@ body.terminal-mode #modeTerminalBtn {
     margin: 4px 0 0;
 }
 
+.term-keybar {
+    display: flex;
+    gap: 4px;
+    padding: 4px 6px;
+    background: #1a1a1a;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+    flex-shrink: 0;
+}
+
+.term-key-btn {
+    background: rgba(255, 255, 255, 0.07);
+    color: #bbb;
+    border: 1px solid rgba(255, 255, 255, 0.13);
+    border-radius: 4px;
+    padding: 2px 9px;
+    font-size: 12px;
+    font-family: monospace;
+    cursor: pointer;
+    user-select: none;
+    line-height: 1.6;
+}
+
+.term-key-btn:hover {
+    background: rgba(255, 255, 255, 0.14);
+    color: #eee;
+}
+
+.term-key-btn.is-active {
+    background: var(--accent);
+    color: #fff;
+    border-color: var(--accent-strong);
+}
+
 #terminalScreen {
     flex: 1;
     min-height: 0;
@@ -1066,23 +1088,6 @@ body.command-mode .msg.origin-agent .bubble {
         display: none;
     }
 
-    .mode-switch {
-        margin: 8px 8px 2px;
-        flex-wrap: wrap;
-        padding: 8px;
-        gap: 8px;
-    }
-
-    .mode-switch-left {
-        flex: 1 1 auto;
-        min-width: 0;
-    }
-
-    .mode-switch button {
-        flex: 0 0 auto;
-        min-width: 84px;
-    }
-
     #commandInput {
         min-height: 68px;
         max-height: 160px;

package/lib/web/frontend/app.html

@@ -48,6 +48,13 @@
                             aria-controls="sessionList"
                         >会话</button>
                         <h1 id="activeTitle">未选择会话</h1>
+                        <button
+                            type="button"
+                            id="modeToggle"
+                            class="secondary"
+                            aria-expanded="false"
+                            aria-controls="modeMenu"
+                        >AGENT 模式</button>
                         <button
                             type="button"
                             id="mobileActionsToggle"
@@ -58,22 +65,29 @@
                     </div>
                     <div id="activeMeta">请选择左侧会话</div>
                 </div>
+                <div class="mode-menu" id="modeMenu">
+                    <button type="button" id="modeAgentBtn" class="secondary is-active" aria-pressed="true">AGENT 模式</button>
+                    <button type="button" id="modeCommandBtn" class="secondary" aria-pressed="false">命令模式</button>
+                    <button type="button" id="modeTerminalBtn" class="secondary" aria-pressed="false">终端模式</button>
+                </div>
                 <div class="header-actions" id="headerActions">
                     <button type="button" id="refreshBtn" class="secondary">刷新</button>
                     <button type="button" id="removeBtn" class="danger-outline">删除容器</button>
                     <button type="button" id="removeAllBtn" class="danger">删除对话</button>
                 </div>
             </header>
-            <section class="mode-switch" id="modeSwitch">
-                <div class="mode-switch-left">
-                    <button type="button" id="modeAgentBtn" class="secondary is-active">AGENT 模式</button>
-                    <button type="button" id="modeCommandBtn" class="secondary">命令模式</button>
-                    <button type="button" id="modeTerminalBtn" class="secondary">交互终端</button>
-                </div>
-
-            </section>
             <section id="messages"></section>
             <section id="terminalPanel" hidden>
+                <div id="terminalKeybar" class="term-keybar" aria-label="终端快捷键">
+                    <button type="button" class="term-key-btn" data-key="esc">esc</button>
+                    <button type="button" class="term-key-btn" data-key="tab">tab</button>
+                    <button type="button" class="term-key-btn term-ctrl-btn" data-key="ctrl">ctrl</button>
+                    <button type="button" class="term-key-btn term-alt-btn" data-key="alt">alt</button>&nbsp;&nbsp;
+                    <button type="button" class="term-key-btn" data-key="left">&nbsp;◀&nbsp;</button>
+                    <button type="button" class="term-key-btn" data-key="up">&nbsp;▲&nbsp;</button>
+                    <button type="button" class="term-key-btn" data-key="down">&nbsp;▼&nbsp;</button>
+                    <button type="button" class="term-key-btn" data-key="right">&nbsp;▶&nbsp;</button>
+                </div>
                 <div id="terminalScreen" aria-label="终端输出区域"></div>
 
             </section>

package/lib/web/frontend/app.js

@@ -46,6 +46,7 @@
         loadingMessages: false,
         mobileSidebarOpen: false,
         mobileActionsOpen: false,
+        modeMenuOpen: false,
         configModalOpen: false,
         createModalOpen: false,
         configLoading: false,
@@ -69,7 +70,9 @@
             terminalReady: false,
             fitTimer: null,
             lastSentCols: 0,
-            lastSentRows: 0
+            lastSentRows: 0,
+            ctrlMode: false,
+            altMode: false
         }
     };
 
@@ -79,6 +82,8 @@
     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 mobileSidebarClose = document.getElementById('mobileSidebarClose');
     const sidebarBackdrop = document.getElementById('sidebarBackdrop');
     const openConfigBtn = document.getElementById('openConfigBtn');
@@ -523,6 +528,11 @@
         }) || null;
     }
 
+    function isActiveSessionHistoryOnly() {
+        const session = getActiveSession();
+        return sessionStatusInfo(session && session.status).tone === 'history';
+    }
+
     function isComposerMode() {
         return state.mode === 'command' || state.mode === 'agent';
     }
@@ -686,9 +696,18 @@
             if (!data || !state.terminal.socket || state.terminal.socket.readyState !== window.WebSocket.OPEN) {
                 return;
             }
+            let send = data;
+            if (state.terminal.ctrlMode && data.length === 1) {
+                const code = data.charCodeAt(0);
+                if ((code >= 65 && code <= 90) || (code >= 97 && code <= 122)) {
+                    send = String.fromCharCode(code & 0x1f);
+                }
+            } else if (state.terminal.altMode && data.length === 1) {
+                send = '\x1b' + data;
+            }
             state.terminal.socket.send(JSON.stringify({
                 type: 'input',
-                data: data
+                data: send
             }));
         });
         state.terminal.term.onResize(function (size) {
@@ -768,6 +787,7 @@
         state.terminal.sessionName = sessionName;
         state.terminal.lastSentCols = 0;
         state.terminal.lastSentRows = 0;
+        state.terminal.term.reset();
         writeTerminalLine('[system] 正在连接终端...');
         syncUi();
 
@@ -878,6 +898,20 @@
         setMobileActionsMenu(false);
     }
 
+    const MODE_LABELS = { agent: 'AGENT 模式', command: '命令模式', terminal: '终端模式' };
+
+    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 closeModeMenu() {
+        setModeMenu(false);
+    }
+
     function syncUi() {
         if (!state.active) {
             activeTitle.textContent = '未选择会话';
@@ -911,6 +945,9 @@
             modeTerminalBtn.classList.toggle('is-active', terminalMode);
             modeTerminalBtn.setAttribute('aria-pressed', terminalMode ? 'true' : 'false');
         }
+        if (modeToggle) {
+            modeToggle.textContent = MODE_LABELS[state.mode] || '模式';
+        }
         if (terminalPanel) {
             terminalPanel.hidden = !terminalMode;
         }
@@ -1164,7 +1201,11 @@
         if (state.mode === 'terminal' && ensureTerminalReady()) {
             scheduleTerminalFit(false);
             if (!state.terminal.connected && !state.terminal.connecting) {
-                connectTerminal();
+                if (isActiveSessionHistoryOnly()) {
+                    state.terminal.term.reset();
+                } else {
+                    connectTerminal();
+                }
             }
         }
         renderSessionActiveState();
@@ -1497,7 +1538,7 @@
             throw requestError;
         }
 
-        if (state.mode === 'terminal' && ensureTerminalReady() && !state.terminal.connected && !state.terminal.connecting) {
+        if (state.mode === 'terminal' && ensureTerminalReady() && !state.terminal.connected && !state.terminal.connecting && !isActiveSessionHistoryOnly()) {
             scheduleTerminalFit(false);
             connectTerminal();
         }
@@ -1825,8 +1866,16 @@
         composer.requestSubmit();
     });
 
+    if (modeToggle) {
+        modeToggle.addEventListener('click', function () {
+            closeMobileActionsMenu();
+            setModeMenu(!state.modeMenuOpen);
+        });
+    }
+
     if (modeCommandBtn) {
         modeCommandBtn.addEventListener('click', function () {
+            closeModeMenu();
             state.mode = 'command';
             renderMessages(state.messages, { forceFullRender: true });
             syncUi();
@@ -1836,6 +1885,7 @@
 
     if (modeAgentBtn) {
         modeAgentBtn.addEventListener('click', function () {
+            closeModeMenu();
             state.mode = 'agent';
             renderMessages(state.messages, { forceFullRender: true });
             syncUi();
@@ -1845,13 +1895,14 @@
 
     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) {
+                if (!state.terminal.connected && !state.terminal.connecting && !isActiveSessionHistoryOnly()) {
                     connectTerminal();
                 }
             }
@@ -1863,6 +1914,41 @@
         loadSessions(state.active).catch(function (e) { alert(e.message); });
     });
 
+    const TERM_KEY_SEQUENCES = {
+        esc: '\x1b',
+        tab: '\x09',
+        up: '\x1b[A',
+        down: '\x1b[B',
+        left: '\x1b[D',
+        right: '\x1b[C'
+    };
+    const termKeybar = document.getElementById('terminalKeybar');
+    if (termKeybar) {
+        termKeybar.addEventListener('click', function (e) {
+            const btn = e.target.closest('[data-key]');
+            if (!btn) return;
+            const key = btn.dataset.key;
+            if (key === 'ctrl') {
+                state.terminal.ctrlMode = !state.terminal.ctrlMode;
+                btn.classList.toggle('is-active', state.terminal.ctrlMode);
+                if (state.terminal.term) state.terminal.term.focus();
+                return;
+            }
+            if (key === 'alt') {
+                state.terminal.altMode = !state.terminal.altMode;
+                btn.classList.toggle('is-active', state.terminal.altMode);
+                if (state.terminal.term) state.terminal.term.focus();
+                return;
+            }
+            const seq = TERM_KEY_SEQUENCES[key];
+            if (!seq) return;
+            if (state.terminal.socket && state.terminal.socket.readyState === window.WebSocket.OPEN) {
+                state.terminal.socket.send(JSON.stringify({ type: 'input', data: seq }));
+            }
+            if (state.terminal.term) state.terminal.term.focus();
+        });
+    }
+
     if (mobileSessionToggle) {
         mobileSessionToggle.addEventListener('click', function () {
             setMobileSessionPanel(!state.mobileSidebarOpen);
@@ -1920,6 +2006,9 @@
         if (event.key === 'Escape' && state.mobileActionsOpen) {
             closeMobileActionsMenu();
         }
+        if (event.key === 'Escape' && state.modeMenuOpen) {
+            closeModeMenu();
+        }
     });
 
     function onLayoutMediaChange() {
@@ -1949,11 +2038,17 @@
     }
 
     document.addEventListener('click', function (event) {
-        if (!state.mobileActionsOpen) return;
         const target = event.target;
-        if (mobileActionsToggle && mobileActionsToggle.contains(target)) return;
-        if (headerActions && headerActions.contains(target)) return;
-        closeMobileActionsMenu();
+        if (state.mobileActionsOpen) {
+            if (mobileActionsToggle && mobileActionsToggle.contains(target)) return;
+            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 () {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@xcanwin/manyoyo",
-    "version": "5.2.18",
-    "imageVersion": "1.8.1-common",
+    "version": "5.3.1",
+    "imageVersion": "1.8.4-common",
     "description": "AI Agent CLI Security Sandbox for Docker and Podman",
     "keywords": [
         "manyoyo",