@xcanwin/manyoyo 5.2.15 → 5.2.23

package/lib/plugin/playwright.js

@@ -676,6 +676,7 @@ class PlaywrightPlugin {
         }
 
         return {
+            outputDir: '/tmp/playwright-mcp',
             server: {
                 host: def.listenHost,
                 port,
@@ -1339,13 +1340,18 @@ class PlaywrightPlugin {
         const scenes = this.resolveTargets('all');
         for (const sceneName of scenes) {
             const url = `http://${host}:${this.scenePort(sceneName)}/mcp`;
-            this.writeStdout(`claude mcp add --transport http -s user playwright-${sceneName} ${url}`);
+            this.writeStdout(`claude mcp add -t http -s user playwright-${sceneName} ${url}`);
         }
         this.writeStdout('');
         for (const sceneName of scenes) {
             const url = `http://${host}:${this.scenePort(sceneName)}/mcp`;
             this.writeStdout(`codex mcp add playwright-${sceneName} --url ${url}`);
         }
+        this.writeStdout('');
+        for (const sceneName of scenes) {
+            const url = `http://${host}:${this.scenePort(sceneName)}/mcp`;
+            this.writeStdout(`gemini mcp add -t http -s user playwright-${sceneName} ${url}`);
+        }
 
         return 0;
     }

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/lib/web/server.js

@@ -1898,14 +1898,13 @@ async function startWebServer(options) {
         const requestOrigin = req.headers.origin;
         if (requestOrigin) {
             const allowedOrigins = new Set();
-            if (ctx.serverHost === '0.0.0.0') {
-                // 0.0.0.0 监听时，以请求的 Host 头构造允许来源
-                const hostHeader = req.headers.host || '';
-                if (hostHeader) {
-                    allowedOrigins.add(`http://${hostHeader}`);
-                    allowedOrigins.add(`https://${hostHeader}`);
-                }
-            } else {
+            // 始终以请求的 Host 头构造允许来源，兼容 nginx 等反向代理场景
+            const hostHeader = req.headers.host || '';
+            if (hostHeader) {
+                allowedOrigins.add(`http://${hostHeader}`);
+                allowedOrigins.add(`https://${hostHeader}`);
+            }
+            if (ctx.serverHost !== '0.0.0.0') {
                 allowedOrigins.add(`http://${formatUrlHost(ctx.serverHost)}:${listenPort}`);
                 if (ctx.serverHost === '127.0.0.1') {
                     allowedOrigins.add(`http://localhost:${listenPort}`);

package/package.json

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