@xcanwin/manyoyo 4.0.2 → 4.0.6

package/bin/manyoyo.js

@@ -483,29 +483,14 @@ function collectClaudeInitData(homeDir) {
 
     const claudeDir = path.join(homeDir, '.claude');
     const claudeSettingsPath = path.join(claudeDir, 'settings.json');
-    const claudeJsonPath = path.join(homeDir, '.claude.json');
     const settingsJson = readJsonFileSafely(claudeSettingsPath, 'Claude settings');
-    const claudeJson = readJsonFileSafely(claudeJsonPath, 'Claude config');
 
     keys.forEach(key => setInitValue(values, key, process.env[key]));
 
-    if (claudeJson && claudeJson.env && typeof claudeJson.env === 'object') {
-        keys.forEach(key => setInitValue(values, key, claudeJson.env[key]));
-    }
     if (settingsJson && settingsJson.env && typeof settingsJson.env === 'object') {
         keys.forEach(key => setInitValue(values, key, settingsJson.env[key]));
     }
 
-    if (fs.existsSync(claudeDir)) {
-        volumes.push(`${claudeDir}:/root/.claude`);
-    }
-    if (fs.existsSync(claudeJsonPath)) {
-        volumes.push(`${claudeJsonPath}:/root/.claude.json`);
-    }
-    if (!fs.existsSync(claudeDir) && !fs.existsSync(claudeJsonPath)) {
-        notes.push('未检测到 Claude 本地配置（~/.claude 或 ~/.claude.json），已生成占位模板。');
-    }
-
     return { keys, values, notes, volumes: dedupeList(volumes) };
 }
 

package/lib/web/frontend/app.css

@@ -63,7 +63,7 @@ body::before {
     left: -120px;
     top: -150px;
     background: radial-gradient(circle at 30% 30%, rgba(96, 190, 143, 0.28) 0%, rgba(96, 190, 143, 0) 72%);
-    animation: orbA 14s ease-in-out infinite;
+    animation: none;
 }
 
 body::after {
@@ -72,7 +72,7 @@ body::after {
     right: -80px;
     bottom: -120px;
     background: radial-gradient(circle at 55% 45%, rgba(33, 130, 86, 0.22) 0%, rgba(33, 130, 86, 0) 70%);
-    animation: orbB 16s ease-in-out infinite;
+    animation: none;
 }
 
 .app {
@@ -90,7 +90,6 @@ body::after {
     border-radius: 12px;
     border: 1px solid var(--line);
     background: var(--panel);
-    backdrop-filter: blur(9px);
     box-shadow: var(--shadow-soft);
 }
 
@@ -362,7 +361,7 @@ button.danger:hover {
     min-height: 0;
     padding: 12px 14px 10px;
     display: grid;
-    grid-template-rows: auto minmax(0, 1fr) auto;
+    grid-template-rows: auto auto minmax(0, 1fr) auto;
     gap: 0;
     animation: panelIn 380ms ease 80ms both;
 }
@@ -416,6 +415,53 @@ button.danger:hover {
     flex-wrap: wrap;
 }
 
+.mode-switch {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 10px;
+    margin: 8px 8px 2px;
+    min-height: 34px;
+}
+
+.mode-switch-left {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+}
+
+.mode-switch button {
+    min-width: 98px;
+    color: var(--text);
+    background: #eef4f0;
+    border-color: var(--line);
+}
+
+.mode-switch button.is-active {
+    color: #ffffff;
+    background: var(--accent);
+    border-color: var(--accent-strong);
+}
+
+body.command-mode #modeCommandBtn,
+body.terminal-mode #modeTerminalBtn {
+    color: #ffffff;
+    background: var(--accent);
+    border-color: var(--accent-strong);
+}
+
+.mode-terminal-controls {
+    display: none;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+}
+
+body.terminal-mode .mode-terminal-controls {
+    display: inline-flex;
+}
+
 #messages {
     min-height: 0;
     overflow-y: auto;
@@ -426,6 +472,71 @@ button.danger:hover {
     scroll-behavior: smooth;
 }
 
+#terminalPanel {
+    min-height: 0;
+    display: none;
+    flex-direction: column;
+    gap: 8px;
+    padding: 6px 8px 8px;
+}
+
+.terminal-status {
+    display: inline-block;
+    color: var(--muted);
+    font-size: 12px;
+    white-space: nowrap;
+}
+
+#terminalScreen {
+    flex: 1;
+    min-height: 0;
+    height: 100%;
+    border-radius: 10px;
+    border: 1px solid #2a3d34;
+    box-shadow: inset 0 0 0 1px rgba(123, 161, 146, 0.12);
+    overflow: hidden;
+    background: radial-gradient(circle at 10% 8%, #1a2832 0%, #0c131a 64%);
+}
+
+#terminalScreen .xterm {
+    width: 100%;
+    height: 100%;
+    padding: 8px 6px;
+}
+
+#terminalScreen .xterm-screen {
+    width: 100%;
+}
+
+.terminal-foot {
+    color: #556961;
+    font-size: 12px;
+}
+
+body.command-mode #messages {
+    display: flex;
+}
+
+body.command-mode #terminalPanel {
+    display: none;
+}
+
+body.command-mode .composer {
+    display: block;
+}
+
+body.terminal-mode #messages {
+    display: none;
+}
+
+body.terminal-mode #terminalPanel {
+    display: flex;
+}
+
+body.terminal-mode .composer {
+    display: none;
+}
+
 .msg {
     max-width: min(900px, 92%);
     width: fit-content;
@@ -652,6 +763,10 @@ button.danger:hover {
         max-height: none;
     }
 
+    #terminalPanel {
+        min-height: 0;
+    }
+
     .composer {
         position: sticky;
         bottom: 0;
@@ -740,6 +855,33 @@ button.danger:hover {
         grid-template-columns: 1fr auto;
     }
 
+    .mode-switch {
+        margin: 8px 10px 2px;
+        overflow-x: auto;
+        padding-bottom: 2px;
+        gap: 8px;
+    }
+
+    .mode-switch-left {
+        flex: 0 0 auto;
+    }
+
+    .mode-switch button {
+        min-width: 90px;
+        flex: 0 0 auto;
+    }
+
+    .mode-terminal-controls {
+        flex: 0 0 auto;
+        gap: 6px;
+    }
+
+    .terminal-status {
+        max-width: 5.2em;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
     #commandInput {
         min-height: 68px;
         max-height: 160px;

package/lib/web/frontend/app.html

@@ -8,6 +8,7 @@
     />
     <title>MANYOYO Web</title>
     <link rel="stylesheet" href="/app/frontend/app.css" />
+    <link rel="stylesheet" href="/app/vendor/xterm.css" />
 </head>
 <body>
     <div class="app">
@@ -62,7 +63,22 @@
                     <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="modeCommandBtn" class="secondary is-active">命令模式</button>
+                    <button type="button" id="modeTerminalBtn" class="secondary">交互终端</button>
+                </div>
+                <div class="mode-terminal-controls">
+                    <button type="button" id="terminalConnectBtn">连接终端</button>
+                    <button type="button" id="terminalDisconnectBtn" class="secondary">断开终端</button>
+                    <span id="terminalStatus" class="terminal-status">未连接</span>
+                </div>
+            </section>
             <section id="messages"></section>
+            <section id="terminalPanel" hidden>
+                <div id="terminalScreen" aria-label="终端输出区域"></div>
+                <div class="terminal-foot">点击终端后可直接输入；适用于 codex / claude 等交互式 agent。</div>
+            </section>
             <form class="composer" id="composer">
                 <div class="composer-inner">
                     <textarea id="commandInput" placeholder="输入容器命令，例如: ls -la"></textarea>
@@ -77,6 +93,8 @@
         <div id="sidebarBackdrop" class="sidebar-backdrop" hidden></div>
     </div>
 
+    <script src="/app/vendor/xterm.js"></script>
+    <script src="/app/vendor/xterm-addon-fit.js"></script>
     <script src="/app/frontend/app.js"></script>
 </body>
 </html>