@xcanwin/manyoyo 6.2.1 → 6.2.5

package/bin/manyoyo.js

@@ -90,6 +90,7 @@ let SERVER_PORT = 3000;
 let SERVER_AUTH_USER = "";
 let SERVER_AUTH_PASS = "";
 let SERVER_AUTH_PASS_AUTO = false;
+let SERVER_TITLE = null;
 const SAFE_CONTAINER_NAME_PATTERN = /^[A-Za-z0-9][A-Za-z0-9_.-]*$/;
 
 // Color definitions using ANSI codes
@@ -306,6 +307,7 @@ function installServeProcessDiagnostics(logger) {
  * @property {{shellPrefix?:string,shell?:string,shellSuffix?:string,env?:Object.<string,string|number|boolean>,envFile?:string[]}} [first] - 仅首次创建容器执行的一次性命令配置
  * @property {string[]} [volumes] - 挂载卷数组
  * @property {Object.<string, Object>} [plugins] - 可选插件配置映射（如 plugins.playwright）
+ * @property {{title?:string}} [serve] - serve 命令专属配置（如自定义网页标题，留空字符串则显示为空）
  * @property {Object.<string, Object>} [runs] - 运行配置映射（-r <name>）
  * @property {string} [yolo] - YOLO 模式
  * @property {string} [containerMode] - 容器模式
@@ -1461,6 +1463,7 @@ Notes:
     SERVER_AUTH_USER = resolvedRuntime.serverUser || '';
     SERVER_AUTH_PASS = resolvedRuntime.serverPass || '';
     SERVER_AUTH_PASS_AUTO = Boolean(resolvedRuntime.serverPassAuto);
+    SERVER_TITLE = resolvedRuntime.serveTitle;
 
     if (isShowConfigMode) {
         const finalConfig = {
@@ -1489,6 +1492,9 @@ Notes:
             serverPort: isServerMode ? SERVER_PORT : null,
             serverUser: SERVER_AUTH_USER || "",
             serverPass: SERVER_AUTH_PASS || "",
+            serve: {
+                title: SERVER_TITLE
+            },
             exec: {
                 prefix: EXEC_COMMAND_PREFIX,
                 shell: EXEC_COMMAND,
@@ -1590,6 +1596,7 @@ function createRuntimeContext(modeState = {}) {
         serverAuthUser: SERVER_AUTH_USER,
         serverAuthPass: SERVER_AUTH_PASS,
         serverAuthPassAuto: SERVER_AUTH_PASS_AUTO,
+        serveTitle: SERVER_TITLE,
         logger: null
     };
 }
@@ -2086,6 +2093,7 @@ async function runWebServerMode(runtime) {
         authUser: runtime.serverAuthUser,
         authPass: runtime.serverAuthPass,
         authPassAuto: runtime.serverAuthPassAuto,
+        serveTitle: runtime.serveTitle,
         dockerCmd: DOCKER_CMD,
         hostPath: runtime.hostPath,
         containerPath: runtime.containerPath,

package/lib/runtime-resolver.js

@@ -148,6 +148,15 @@ function resolveRuntimeConfig(options = {}) {
         }
     }
 
+    let serveTitle = null;
+    const globalServeConfig = globalConfig.serve && typeof globalConfig.serve === 'object' ? globalConfig.serve : null;
+    const runServeConfig = runConfig.serve && typeof runConfig.serve === 'object' ? runConfig.serve : null;
+    if (runServeConfig && Object.prototype.hasOwnProperty.call(runServeConfig, 'title')) {
+        serveTitle = String(runServeConfig.title);
+    } else if (globalServeConfig && Object.prototype.hasOwnProperty.call(globalServeConfig, 'title')) {
+        serveTitle = String(globalServeConfig.title);
+    }
+
     if (!hostPath) {
         hostPath = defaults.hostPath;
     }
@@ -197,6 +206,7 @@ function resolveRuntimeConfig(options = {}) {
         serverUser,
         serverPass,
         serverPassAuto,
+        serveTitle,
         exec: {
             prefix: execPrefix,
             shell: execShell,

package/lib/web/frontend/app.css

@@ -13,7 +13,6 @@
 
     --line: #d9c7ad;
     --line-strong: #b59263;
-    --line-medium: rgba(181, 146, 99, 0.4);
     --tree-guide: rgba(181, 146, 99, 0.44);
     --tree-guide-soft: rgba(181, 146, 99, 0.44);
     --tree-active: #ecdfc8;
@@ -118,7 +117,7 @@ body::after {
 
 .sidebar {
     min-height: 0;
-    padding: 16px;
+    padding: 16px 12px 8px;
     display: flex;
     flex-direction: column;
     gap: 12px;
@@ -151,6 +150,7 @@ body::after {
     font-size: 22px;
     line-height: 1;
     text-transform: uppercase;
+    white-space: nowrap;
 }
 
 .sidebar-actions {
@@ -166,6 +166,16 @@ body::after {
     min-width: 62px;
 }
 
+.sidebar-create button,
+.sidebar-bottom button {
+    width: 100%;
+}
+
+.sidebar-bottom {
+    display: flex;
+    margin-top: -4px;
+}
+
 input:focus,
 textarea:focus {
     outline: none;
@@ -898,7 +908,7 @@ textarea:focus-visible {
 
 .main {
     min-height: 0;
-    padding: 14px;
+    padding: 8px 14px;
     display: grid;
     grid-template-rows: auto minmax(0, 1fr) auto;
     gap: 0;
@@ -914,8 +924,7 @@ textarea:focus-visible {
     justify-content: space-between;
     align-items: flex-start;
     gap: 12px;
-    padding: 6px 8px 12px;
-    border-bottom: 1px solid var(--line-medium);
+    padding: 0 8px 4px;
 }
 
 .header-main {
@@ -995,7 +1004,7 @@ body.workspace-switcher-open .workspace-switcher-panel {
 .workspace-shell {
     min-height: 0;
     height: 100%;
-    padding-top: 10px;
+    padding-top: 6px;
     display: block;
     overflow: hidden;
 }
@@ -1871,8 +1880,8 @@ details.trace-card > .trace-card-summary {
 }
 
 .composer {
-    margin-top: 12px;
-    padding: 12px 8px 4px;
+    margin-top: 4px;
+    padding: 4px 8px 0;
     border-radius: 14px;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 249, 240, 0.78) 100%);
 }
@@ -2116,7 +2125,6 @@ body.composer-options-open .composer-options-panel {
 
     .header {
         padding: 4px 12px;
-        border-bottom: none;
     }
 
     .workbench-tabs {

package/lib/web/frontend/app.html

@@ -18,10 +18,6 @@
                 <div class="brand-wrap">
                     <div class="brand">MANYOYO Web</div>
                 </div>
-                <div class="sidebar-actions">
-                    <button type="button" id="openConfigBtn" class="secondary">配置</button>
-                    <button type="button" id="openCreateBtn">新建</button>
-                </div>
                 <button
                     type="button"
                     id="mobileSidebarClose"
@@ -29,11 +25,17 @@
                     aria-label="关闭会话列表"
                 >关闭</button>
             </div>
+            <div class="sidebar-create">
+                <button type="button" id="openCreateBtn">新建容器</button>
+            </div>
             <div class="session-head">
                 <span>工作台</span>
                 <span id="sessionCount">0 个</span>
             </div>
             <div id="sessionList" role="tree" aria-label="会话树"></div>
+            <div class="sidebar-bottom">
+                <button type="button" id="openConfigBtn" class="secondary">系统设置</button>
+            </div>
         </aside>
         <main class="main">
             <header class="header">

package/lib/web/frontend/app.js

@@ -1414,6 +1414,9 @@
         state.agentTemplateModalOpen = true;
         fillAgentTemplateForm(detail);
         syncUi();
+        if (isMobileLayout()) {
+            return;
+        }
         if (isActiveAgentOverrideEditable() && agentCliSelect) {
             agentCliSelect.focus();
         } else if (containerCliSelect) {
@@ -1861,7 +1864,9 @@
             state.terminal.connected = true;
             state.terminal.status = '已连接';
             if (state.terminal.term) {
-                state.terminal.term.focus();
+                if (!isMobileLayout()) {
+                    state.terminal.term.focus();
+                }
                 scheduleTerminalFit(true);
             }
             syncUi();
@@ -1999,7 +2004,7 @@
             if (!state.terminal.connected && !state.terminal.connecting && !isActiveSessionHistoryOnly()) {
                 connectTerminal();
             }
-            if (state.terminal.term) {
+            if (state.terminal.term && !isMobileLayout()) {
                 state.terminal.term.focus();
             }
         }
@@ -2246,12 +2251,15 @@
     }
 
     function syncUi() {
+        const useStaticTitle = typeof window.__MANYOYO_SERVE_TITLE__ === 'string';
         if (!state.active) {
-            document.title = window.ManyoyoChatBehavior.buildDocumentTitle('');
+            if (!useStaticTitle) {
+                document.title = window.ManyoyoChatBehavior.buildDocumentTitle('');
+            }
             if (isComposerMode()) {
                 commandInput.value = '';
             }
-        } else {
+        } else if (!useStaticTitle) {
             const activeSession = getActiveSession();
             document.title = window.ManyoyoChatBehavior.buildDocumentTitle(
                 activeSession && activeSession.agentName ? activeSession.agentName : state.active
@@ -4479,6 +4487,11 @@
             return;
         }
 
+        // 窄屏（手机端）：Enter 始终换行，发送需点击发送按钮
+        if (isMobileLayout()) {
+            return;
+        }
+
         // Shift+Enter / Option(Alt)+Enter: 换行
         if (event.shiftKey || event.altKey) {
             return;
@@ -4498,7 +4511,9 @@
             renderMessages(state.messages, { forceFullRender: true });
             closeComposerOptionsMenu();
             syncUi();
-            commandInput.focus();
+            if (!isMobileLayout()) {
+                commandInput.focus();
+            }
         });
     }
 
@@ -4508,7 +4523,9 @@
             renderMessages(state.messages, { forceFullRender: true });
             closeComposerOptionsMenu();
             syncUi();
-            commandInput.focus();
+            if (!isMobileLayout()) {
+                commandInput.focus();
+            }
         });
     }
 
@@ -4522,7 +4539,9 @@
         viewActivityBtn.addEventListener('click', function () {
             closeWorkspaceSwitcherMenu();
             setActiveTab('activity');
-            commandInput.focus();
+            if (!isMobileLayout()) {
+                commandInput.focus();
+            }
         });
     }
 

package/lib/web/frontend/login.html

@@ -6,14 +6,13 @@
         name="viewport"
         content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
     />
-    <title>MANYOYO Web Login</title>
+    <title>MANYOYO Web</title>
     <link rel="stylesheet" href="/auth/frontend/login.css" />
 </head>
 <body>
     <form class="card" id="loginForm">
         <div class="badge">MANYOYO</div>
         <h1>Web 登录</h1>
-        <p>登录后可访问容器会话与对话管理。</p>
         <label for="username">用户名</label>
         <input id="username" name="username" autocomplete="username" required />
         <label for="password">密码</label>

package/lib/web/server.js

@@ -3458,6 +3458,44 @@ function loadTemplate(name) {
     return fs.readFileSync(filePath, 'utf-8');
 }
 
+function escapeHtmlText(value) {
+    return String(value == null ? '' : value)
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+}
+
+// JSON.stringify 不转义 "</script>"，且作为 String.replace 的第二个参数时 $&/$'/$` 等会被
+// 当成特殊替换模式重新解释；用替换函数 + 转义 "<" 双重防护，避免 serveTitle 里的内容
+// 提前闭合 <script> 标签或拼接进原始 HTML。
+function jsonForInlineScript(value) {
+    return JSON.stringify(value).replace(/</g, '\\u003c');
+}
+
+function applyServeTitle(html, ctx) {
+    if (typeof ctx.serveTitle !== 'string') {
+        return html;
+    }
+    // serveTitle 已配置（含空字符串）：固定 <title>，覆盖模板默认的 MANYOYO Web
+    return html.replace('<title>MANYOYO Web</title>', () => `<title>${escapeHtmlText(ctx.serveTitle)}</title>`);
+}
+
+function renderIndexHtml(ctx) {
+    let html = applyServeTitle(loadTemplate('app.html'), ctx);
+    if (typeof ctx.serveTitle === 'string') {
+        // 告知前端跳过按会话动态改写 document.title
+        html = html.replace(
+            '</head>',
+            () => `    <script>window.__MANYOYO_SERVE_TITLE__ = ${jsonForInlineScript(ctx.serveTitle)};</script>\n</head>`
+        );
+    }
+    return html;
+}
+
+function renderLoginHtml(ctx) {
+    return applyServeTitle(loadTemplate('login.html'), ctx);
+}
+
 function toPositiveInt(value, fallback) {
     const parsed = Number.parseInt(value, 10);
     if (!Number.isFinite(parsed) || parsed <= 0) {
@@ -3656,7 +3694,7 @@ async function handleWebAuthRoutes(req, res, pathname, ctx, state) {
     }
 
     if (req.method === 'GET' && pathname === '/auth/login') {
-        sendHtml(res, 200, loadTemplate('login.html'));
+        sendHtml(res, 200, renderLoginHtml(ctx));
         return true;
     }
 
@@ -3712,7 +3750,7 @@ async function handleWebAuthRoutes(req, res, pathname, ctx, state) {
     return false;
 }
 
-function sendWebUnauthorized(res, pathname) {
+function sendWebUnauthorized(res, pathname, ctx) {
     if (pathname.startsWith('/api/') || pathname.startsWith('/auth/')) {
         sendJson(res, 401, { error: 'UNAUTHORIZED' });
         return;
@@ -3724,7 +3762,7 @@ function sendWebUnauthorized(res, pathname) {
     sendHtml(
         res,
         401,
-        loadTemplate('login.html'),
+        renderLoginHtml(ctx),
         { 'Set-Cookie': getWebAuthClearCookie() }
     );
 }
@@ -4498,6 +4536,7 @@ async function startWebServer(options) {
         authUser: options.authUser,
         authPass: options.authPass,
         authPassAuto: options.authPassAuto,
+        serveTitle: typeof options.serveTitle === 'string' ? options.serveTitle : null,
         dockerCmd: options.dockerCmd,
         hostPath: options.hostPath,
         containerPath: options.containerPath,
@@ -4574,12 +4613,12 @@ async function startWebServer(options) {
 
             const authSession = getWebAuthSession(state, req);
             if (!authSession) {
-                sendWebUnauthorized(res, pathname);
+                sendWebUnauthorized(res, pathname, ctx);
                 return;
             }
 
             if (req.method === 'GET' && pathname === '/') {
-                sendHtml(res, 200, loadTemplate('app.html'));
+                sendHtml(res, 200, renderIndexHtml(ctx));
                 return;
             }
 

package/manyoyo.example.json

@@ -44,6 +44,13 @@
     "serverUser": "admin",
     "serverPass": "change-this-password",
 
+    // serve 命令专属配置（覆盖型：runs.<name>.serve > 全局配置）
+    // 不设置 serve 字段（或不设置 title 字段）时，网页 <title> 按当前会话 Agent 名动态显示
+    // 一旦设置 title，则固定显示该值（不再随会话变化），留空字符串 "" 即固定显示为空
+    // "serve": {
+    //     "title": "My MANYOYO"
+    // },
+
     // 可选插件（manyoyo playwright / manyoyo plugin playwright）
     "plugins": {
         "playwright": {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xcanwin/manyoyo",
-    "version": "6.2.1",
+    "version": "6.2.5",
     "imageVersion": "1.9.1-common",
     "playwrightCliVersion": "0.1.18",
     "description": "AI Agent CLI Security Sandbox for Docker and Podman",