@xcanwin/manyoyo 5.9.3 → 5.9.11

package/README.md

@@ -129,6 +129,7 @@ manyoyo serve 127.0.0.1:3000 -U admin -P 123456
 manyoyo serve 127.0.0.1:3000 -U admin -P 123456 -d
 manyoyo serve 127.0.0.1:3000 -d   # 未设置密码时会打印本次随机密码
 manyoyo serve 127.0.0.1:3000 --stop   # 停止指定后台服务
+manyoyo serve 127.0.0.1:3000 -U admin -P 123456 -d --restart   # 重启指定后台服务
 
 # 查看配置与命令拼装
 manyoyo config show

package/bin/manyoyo.js

@@ -1128,6 +1128,7 @@ async function setupCommander() {
   ${MANYOYO_NAME} serve 127.0.0.1:3000                启动本机网页服务
   ${MANYOYO_NAME} serve 127.0.0.1:3000 -d             后台启动；未设密码时会打印本次随机密码
   ${MANYOYO_NAME} serve 0.0.0.0:3000 -U admin -P 123 -d  后台启动并监听全部网卡
+  ${MANYOYO_NAME} serve 0.0.0.0:3000 -U admin -P 123 -d --restart  重启指定后台网页服务
   ${MANYOYO_NAME} playwright up mcp-host-headless     启动 playwright MCP 宿主场景（默认/推荐）
   ${MANYOYO_NAME} playwright up cli-host-headless     启动 playwright CLI 宿主场景（供容器内 playwright-cli 附着）
   ${MANYOYO_NAME} run -n test -q tip -q cmd           多次使用静默选项
@@ -1176,6 +1177,7 @@ Notes:
     applyRunStyleOptions(serveCommand, { includeRmOnExit: false, includeWebAuthOptions: true });
     serveCommand.option('-d, --detach', '后台启动网页服务并立即返回');
     serveCommand.option('--stop', '停止后台网页服务；必须显式传入 listen');
+    serveCommand.option('--restart', '重启后台网页服务；必须显式传入 listen');
     serveCommand.action((listen, options) => {
         selectAction('serve', {
             ...options,
@@ -1278,6 +1280,11 @@ Notes:
     const isShowCommandMode = selectedAction === 'config-command';
     const isServerMode = options.server !== undefined;
     const isServerStopMode = Boolean(selectedAction === 'serve' && options.stop);
+    const isServerRestartMode = Boolean(selectedAction === 'serve' && options.restart);
+
+    if (isServerStopMode && isServerRestartMode) {
+        throw new Error('serve --stop 与 --restart 不能同时使用');
+    }
 
     const noDockerActions = new Set(['init', 'update', 'install', 'config-show', 'plugin']);
     if (isServerStopMode) {
@@ -1472,6 +1479,7 @@ Notes:
         isShowCommandMode,
         isServerMode,
         isServerStop: isServerStopMode,
+        isServerRestart: isServerRestartMode,
         isServerDetach: Boolean(selectedAction === 'serve' && options.detach),
         isServerListenSpecified: Boolean(isServerMode && options.server !== true),
         isPluginMode: false
@@ -1502,6 +1510,7 @@ function createRuntimeContext(modeState = {}) {
         rmOnExit: RM_ON_EXIT,
         serverMode: Boolean(modeState.isServerMode),
         serverStop: Boolean(modeState.isServerStop),
+        serverRestart: Boolean(modeState.isServerRestart),
         serverDetach: Boolean(modeState.isServerDetach),
         serverListenSpecified: Boolean(modeState.isServerListenSpecified),
         serverHost: SERVER_HOST,
@@ -1553,7 +1562,7 @@ function buildDetachedServeArgv(argv) {
     const result = [];
     for (let i = 0; i < argv.length; i++) {
         const arg = String(argv[i] || '');
-        if (arg === '-d' || arg === '--detach') {
+        if (arg === '-d' || arg === '--detach' || arg === '--restart') {
             continue;
         }
         result.push(arg);
@@ -1663,15 +1672,16 @@ function writeServePidFile(runtime, serverHandle) {
     return pidFile.path;
 }
 
-async function stopServeProcess(runtime) {
+async function stopServeProcess(runtime, options = {}) {
+    const commandName = options.commandName || '--stop';
     if (!runtime || !runtime.serverListenSpecified) {
-        throw new Error('serve --stop 必须显式传入 listen，例如 manyoyo serve 127.0.0.1:3000 --stop');
+        throw new Error(`serve ${commandName} 必须显式传入 listen，例如 manyoyo serve 127.0.0.1:3000 ${commandName}`);
     }
     const target = getServePidTarget(runtime.serverHost, runtime.serverPort);
     if (!target) {
         const label = buildServeListenLabel(runtime.serverHost, runtime.serverPort);
         console.log(`${YELLOW}⚠️  未发现运行中的 serve 实例: ${label}${NC}`);
-        return;
+        return false;
     }
     try {
         process.kill(target.pid, 'SIGTERM');
@@ -1692,6 +1702,7 @@ async function stopServeProcess(runtime) {
     }
     removeServePidFile(target.path);
     console.log(`${GREEN}✅ 已停止 serve: ${target.listen} (pid: ${target.pid})${NC}`);
+    return true;
 }
 
 function relaunchServeDetached(runtime) {
@@ -1711,7 +1722,7 @@ function relaunchServeDetached(runtime) {
     });
     child.unref();
 
-    console.log(`${GREEN}✅ serve 已转入后台运行${NC}`);
+    console.log(`${GREEN}✅ MANYOYO Web 服务已在后台启动: http://${buildServeListenLabel(runtime.serverHost, runtime.serverPort)}${NC}`);
     console.log(`PID: ${child.pid}`);
     console.log(`日志: ${serveLog.path}`);
     console.log(`登录用户名: ${runtime.serverAuthUser}`);
@@ -2064,6 +2075,9 @@ async function main() {
                 await stopServeProcess(runtime);
                 return;
             }
+            if (runtime.serverRestart) {
+                await stopServeProcess(runtime, { commandName: '--restart' });
+            }
             if (runtime.serverDetach) {
                 relaunchServeDetached(runtime);
                 return;

package/lib/web/frontend/app.css

@@ -371,13 +371,17 @@ textarea:focus-visible {
     min-height: 340px;
     border: 1px solid var(--line);
     border-radius: 10px;
+    overflow: hidden;
     background: #fffdfa;
-    color: var(--text);
-    font-family: var(--font-mono);
+}
+
+.config-editor .cm-editor {
+    height: 340px;
     font-size: 13px;
-    line-height: 1.5;
-    padding: 12px;
-    resize: vertical;
+}
+
+.config-editor .cm-scroller {
+    overflow: auto;
 }
 
 .form-grid {
@@ -929,33 +933,23 @@ button.tree-toggle:active {
 }
 
 .dir-picker-toolbar {
-    display: flex;
-    justify-content: space-between;
-    gap: 8px;
     margin-bottom: 10px;
+    padding-left: 0;
+    padding-right: 0;
+    border-bottom: 0;
+    background: transparent;
 }
 
-.dir-picker-current {
-    margin-bottom: 10px;
-    padding: 10px 12px;
-    border: 1px solid rgba(181, 146, 99, 0.38);
-    border-radius: 10px;
-    background: rgba(255, 251, 244, 0.92);
-    color: var(--text);
-    font-family: var(--font-mono);
-    font-size: 12px;
-    word-break: break-all;
+.dir-picker-toolbar-meta {
+    flex-wrap: wrap;
 }
 
 .dir-picker-list {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.dir-picker-item {
-    width: 100%;
-    text-align: left;
+    max-height: min(52vh, 420px);
+    border: 1px solid var(--line);
+    border-radius: 14px;
+    overflow: auto;
+    background: rgba(255, 255, 255, 0.86);
 }
 
 .empty {
@@ -1160,12 +1154,21 @@ body.mobile-actions-open .header-actions {
     display: flex;
     align-items: center;
     gap: 8px;
+    flex-wrap: wrap;
     padding: 12px 14px;
     border-bottom: 1px solid var(--line);
     background: rgba(255, 251, 244, 0.96);
 }
 
-.files-toolbar-path {
+.files-toolbar-path-group {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.files-toolbar-path-input {
     flex: 1;
     min-width: 0;
     padding: 8px 10px;
@@ -1176,7 +1179,12 @@ body.mobile-actions-open .header-actions {
     font-family: var(--font-mono);
     font-size: 12px;
     line-height: 1.5;
-    word-break: break-all;
+}
+
+.files-toolbar-path-input:focus {
+    outline: none;
+    border-color: rgba(120, 78, 27, 0.45);
+    box-shadow: 0 0 0 3px rgba(181, 146, 99, 0.12);
 }
 
 .files-toolbar-status {
@@ -1184,63 +1192,91 @@ body.mobile-actions-open .header-actions {
     font-size: 12px;
 }
 
+.files-toolbar-meta {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-left: auto;
+}
+
 .files-layout {
     min-height: 0;
     display: grid;
-    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
+    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
 }
 
 .files-sidebar {
     min-height: 0;
     border-right: 1px solid var(--line);
-    background: rgba(255, 251, 244, 0.84);
+    background: rgba(255, 255, 255, 0.86);
     overflow: auto;
 }
 
 .files-list {
     display: flex;
     flex-direction: column;
-    gap: 6px;
-    padding: 12px;
+    gap: 0;
+    padding: 4px 0;
 }
 
 .files-entry {
     width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: start;
     gap: 10px;
-    padding: 10px 12px;
-    border: 1px solid rgba(181, 146, 99, 0.28);
-    border-radius: 12px;
-    background: rgba(255, 255, 255, 0.92);
+    padding: 7px 12px;
+    border: 0;
+    border-bottom: 1px solid rgba(181, 146, 99, 0.18);
+    border-radius: 0;
+    background: transparent;
     color: var(--text);
     text-align: left;
     cursor: pointer;
 }
 
+.files-entry:hover {
+    background: rgba(255, 247, 233, 0.72);
+}
+
 .files-entry.is-active {
-    border-color: rgba(120, 78, 27, 0.45);
-    background: rgba(255, 244, 224, 0.9);
+    background: rgba(255, 244, 224, 0.95);
+    box-shadow: inset 3px 0 0 rgba(120, 78, 27, 0.58);
+}
+
+.files-entry-parent {
+    font-style: italic;
 }
 
 .files-entry-name {
+    flex: 1;
     min-width: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 0;
 }
 
 .files-entry-title {
     font-size: 13px;
     font-weight: 600;
-    word-break: break-word;
+    white-space: normal;
+    word-break: break-all;
+    overflow-wrap: anywhere;
 }
 
 .files-entry-meta {
+    flex-shrink: 0;
     color: var(--muted);
     font-size: 11px;
     white-space: nowrap;
+    text-align: right;
+}
+
+.files-list > .files-empty {
+    padding: 8px 12px;
+    border: 0;
+    border-bottom: 1px solid rgba(181, 146, 99, 0.18);
+    border-radius: 0;
+    background: transparent;
+    color: var(--muted);
+    line-height: 1.5;
 }
 
 .files-preview {
@@ -1251,34 +1287,54 @@ body.mobile-actions-open .header-actions {
 
 .files-preview-head {
     display: flex;
-    flex-direction: column;
-    gap: 6px;
-    padding: 12px 14px;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+    padding: 10px 12px;
     border-bottom: 1px solid var(--line);
     background: rgba(255, 251, 244, 0.96);
 }
 
+.files-preview-head-main {
+    flex: 1 1 280px;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.files-preview-actions {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-left: auto;
+}
+
 .files-preview-title {
     font-family: var(--font-display);
-    font-size: 15px;
+    font-size: 14px;
     font-weight: 700;
+    word-break: break-all;
+    overflow-wrap: anywhere;
 }
 
 .files-preview-meta {
     color: var(--muted);
-    font-size: 12px;
+    font-size: 11px;
     word-break: break-all;
 }
 
 .files-preview-body {
     min-height: 0;
     overflow: auto;
-    padding: 14px;
+    padding: 8px;
 }
 
 .files-empty,
 .files-note {
-    padding: 18px;
+    padding: 14px;
     border: 1px dashed rgba(181, 146, 99, 0.45);
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.7);
@@ -1301,14 +1357,24 @@ body.mobile-actions-open .header-actions {
 
 .files-editor-host .cm-editor {
     height: 100%;
-    border: 1px solid rgba(181, 146, 99, 0.32);
-    border-radius: 12px;
+    border: 1px solid rgba(181, 146, 99, 0.2);
+    border-radius: 8px;
     overflow: hidden;
-    background: rgba(255, 255, 255, 0.94);
+    background: rgba(255, 255, 255, 0.98);
 }
 
 .files-editor-host .cm-scroller {
     font-family: var(--font-mono);
+    line-height: 1.45;
+}
+
+.files-editor-host .cm-gutters {
+    border-right: 1px solid rgba(181, 146, 99, 0.14);
+    background: rgba(252, 248, 241, 0.92);
+}
+
+.files-editor-host .cm-lineNumbers .cm-gutterElement {
+    font-size: 11px;
 }
 
 .inspector-pane {

package/lib/web/frontend/app.html

@@ -138,7 +138,7 @@
                 </header>
                 <div class="modal-body">
                     <div id="configPath" class="modal-tip"></div>
-                    <textarea id="configEditor" class="config-editor" spellcheck="false"></textarea>
+                    <div id="configEditor" class="config-editor"></div>
                     <div id="configStatus" class="modal-success" hidden></div>
                     <div id="configError" class="modal-error" hidden></div>
                 </div>
@@ -220,13 +220,19 @@
                 </header>
                 <div class="modal-body">
                     <div id="directoryPickerTip" class="modal-tip"></div>
-                    <div class="dir-picker-toolbar">
-                        <button type="button" id="directoryPickerUpBtn" class="secondary">上一级</button>
-                        <button type="button" id="directoryPickerSelectBtn">使用当前目录</button>
+                    <div class="files-toolbar dir-picker-toolbar">
+                        <div class="files-toolbar-path-group">
+                            <input type="text" id="directoryPickerPathInput" class="files-toolbar-path-input" value="/" spellcheck="false" />
+                            <button type="button" id="directoryPickerVisitBtn" class="secondary">访问</button>
+                        </div>
+                        <div class="files-toolbar-meta dir-picker-toolbar-meta">
+                            <div id="directoryPickerStatus" class="files-toolbar-status">未加载</div>
+                            <button type="button" id="directoryPickerMkdirBtn" class="secondary">新建目录</button>
+                            <button type="button" id="directoryPickerSelectBtn">使用当前目录</button>
+                        </div>
                     </div>
-                    <div id="directoryPickerCurrent" class="dir-picker-current"></div>
                     <div id="directoryPickerError" class="modal-error" hidden></div>
-                    <div id="directoryPickerList" class="dir-picker-list"></div>
+                    <div id="directoryPickerList" class="dir-picker-list files-list"></div>
                 </div>
             </section>
         </div>