@xcanwin/manyoyo 6.2.15 → 6.2.17

package/lib/web/frontend/app.css

@@ -1082,7 +1082,7 @@ body.workspace-switcher-open .workspace-switcher-panel {
     display: flex;
     align-items: center;
     gap: 8px;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     padding: 12px 14px;
     border-bottom: 1px solid var(--line);
     background: rgba(255, 251, 244, 0.96);
@@ -2175,6 +2175,20 @@ body.composer-options-open .composer-options-panel {
         border-bottom: 1px solid var(--line);
     }
 
+    .files-toolbar {
+        flex-wrap: wrap;
+    }
+
+    .files-toolbar-path-group {
+        flex-basis: 100%;
+    }
+
+    .files-toolbar-meta {
+        flex-basis: 100%;
+        flex-wrap: wrap;
+        margin-left: 0;
+    }
+
     .files-browser[data-mobile-pane="list"] .files-preview {
         display: none;
     }

package/lib/web/frontend/file-browser.js

@@ -99,6 +99,7 @@
                     <div class="files-toolbar-meta">
                         <div class="files-toolbar-status" data-role="status">未加载</div>
                         <button type="button" class="secondary" data-action="mkdir">新建目录</button>
+                        <button type="button" class="secondary" data-action="new-file">新建文件</button>
                     </div>
                 </header>
                 <div class="files-layout">
@@ -132,6 +133,7 @@
         const filesBrowserNode = root.querySelector('.files-browser');
         const visitBtn = root.querySelector('[data-action="visit"]');
         const mkdirBtn = root.querySelector('[data-action="mkdir"]');
+        const newFileBtn = root.querySelector('[data-action="new-file"]');
         const saveBtn = root.querySelector('[data-action="save"]');
         const toggleMarkdownViewBtn = root.querySelector('[data-action="toggle-markdown-view"]');
         const backToListBtn = root.querySelector('[data-action="back-to-list"]');
@@ -260,6 +262,17 @@
             return host;
         }
 
+        function updatePreviewMeta() {
+            const payload = state.selectedFile;
+            if (!previewMetaNode || !payload) {
+                return;
+            }
+            const modeLabel = payload.kind === 'text'
+                ? (payload.editable === true ? '可编辑' : '只读预览')
+                : '只读预览';
+            previewMetaNode.textContent = `${payload.kind === 'text' ? '文本文件' : '文件'} · ${formatBytes(payload.size)} · ${modeLabel}${payload.truncated ? ' · 已截断预览' : ''}`;
+        }
+
         function renderPreviewPayload(payload) {
             state.selectedFile = payload || null;
             state.previewReadOnly = !(payload && payload.editable === true);
@@ -271,12 +284,7 @@
             if (previewTitleNode) {
                 previewTitleNode.textContent = payload.path || '未命名文件';
             }
-            if (previewMetaNode) {
-                const modeLabel = payload.kind === 'text'
-                    ? (payload.editable === true ? '可编辑' : '只读预览')
-                    : '只读预览';
-                previewMetaNode.textContent = `${payload.kind === 'text' ? '文本文件' : '文件'} · ${formatBytes(payload.size)} · ${modeLabel}${payload.truncated ? ' · 已截断预览' : ''}`;
-            }
+            updatePreviewMeta();
             if (!previewBodyNode) {
                 syncMarkdownToggleButton();
                 syncSaveButton();
@@ -315,8 +323,12 @@
                                 doc: String(payload.content || ''),
                                 language,
                                 readOnly: state.previewReadOnly,
-                                onChange: function () {
+                                onChange: function (nextValue) {
                                     state.previewDirty = true;
+                                    if (state.selectedFile) {
+                                        state.selectedFile.size = new TextEncoder().encode(nextValue).length;
+                                    }
+                                    updatePreviewMeta();
                                     syncSaveButton();
                                 }
                             });
@@ -364,6 +376,9 @@
             if (mkdirBtn) {
                 mkdirBtn.disabled = state.loadingList || state.loadingFile || !state.sessionName || state.historyOnly === true;
             }
+            if (newFileBtn) {
+                newFileBtn.disabled = state.loadingList || state.loadingFile || !state.sessionName || state.historyOnly === true;
+            }
             if (!listNode) {
                 return;
             }
@@ -596,6 +611,30 @@
             }
         }
 
+        async function createFile() {
+            if (!state.sessionName || state.historyOnly === true || state.loadingList || state.loadingFile) {
+                return;
+            }
+            const input = await promptFn('请输入新文件名称');
+            const name = String(input || '').trim();
+            if (!name) {
+                return;
+            }
+            const targetPath = joinDirectoryPath(state.currentPath || state.containerPath || '/', name);
+            setStatus('创建文件中');
+            try {
+                await api('/api/sessions/' + encodeURIComponent(state.sessionName) + '/fs/create', {
+                    method: 'POST',
+                    body: JSON.stringify({ path: targetPath })
+                });
+                await loadDirectory(state.currentPath || state.containerPath || '/');
+                setStatus('已创建文件');
+            } catch (e) {
+                setStatus('创建文件失败');
+                onError(e && e.message ? e.message : '创建文件失败');
+            }
+        }
+
         function sync(context) {
             const session = context && context.session;
             const detail = context && context.detail;
@@ -669,6 +708,14 @@
             });
         }
 
+        if (newFileBtn) {
+            newFileBtn.addEventListener('click', function () {
+                createFile().catch(function (e) {
+                    onError(e && e.message ? e.message : '创建文件失败');
+                });
+            });
+        }
+
         if (saveBtn) {
             saveBtn.addEventListener('click', function () {
                 saveCurrentFile().catch(function (e) {
@@ -679,6 +726,9 @@
 
         if (toggleMarkdownViewBtn) {
             toggleMarkdownViewBtn.addEventListener('click', function () {
+                if (state.editor && typeof state.editor.getValue === 'function' && state.selectedFile) {
+                    state.selectedFile.content = state.editor.getValue();
+                }
                 state.markdownViewMode = state.markdownViewMode === 'source' ? 'rendered' : 'source';
                 renderPreviewPayload(state.selectedFile);
             });

package/lib/web/server.js

@@ -3520,6 +3520,41 @@ try {
 `);
 }
 
+function buildContainerFileCreateCommand(requestedPath) {
+    return buildWebContainerNodeCommand(`
+// __MANYOYO_FS_CREATE__
+const fs = require('fs');
+const path = require('path');
+
+const requestedPath = ${JSON.stringify(String(requestedPath || ''))};
+
+try {
+    const resolvedPath = path.resolve(requestedPath);
+    const parentPath = path.dirname(resolvedPath);
+    const realParentPath = fs.realpathSync(parentPath);
+    const targetPath = path.join(realParentPath, path.basename(resolvedPath));
+    if (fs.existsSync(targetPath)) {
+        throw new Error('文件已存在: ' + targetPath);
+    }
+
+    fs.writeFileSync(targetPath, '', 'utf8');
+    const stat = fs.statSync(targetPath);
+    process.stdout.write(JSON.stringify({
+        path: targetPath,
+        name: path.basename(targetPath),
+        kind: 'file',
+        size: stat.size,
+        mtimeMs: stat.mtimeMs,
+        created: true
+    }));
+} catch (e) {
+    process.stdout.write(JSON.stringify({
+        error: e && e.message ? e.message : '创建文件失败'
+    }));
+}
+`);
+}
+
 async function execAgentInWebContainerStream(ctx, state, sessionRefOrContainerName, command, options = {}) {
     const opts = options && typeof options === 'object' ? options : {};
     const sessionRef = typeof sessionRefOrContainerName === 'string'
@@ -4800,6 +4835,34 @@ async function handleWebApi(req, res, pathname, ctx, state) {
                 sendJson(res, 200, result);
             }
         },
+        {
+            method: 'POST',
+            match: currentPath => currentPath.match(/^\/api\/sessions\/([^/]+)\/fs\/create$/),
+            handler: async match => {
+                const sessionRef = getValidSessionRef(ctx, res, match[1]);
+                if (!sessionRef) {
+                    return;
+                }
+                const payload = await readJsonBody(req);
+                const targetPath = String(payload && payload.path ? payload.path : '').trim();
+                if (!targetPath) {
+                    sendJson(res, 400, { error: 'path 不能为空' });
+                    return;
+                }
+
+                await ensureWebContainer(ctx, state, sessionRef.containerName, sessionRef);
+                const result = await execJsonCommandInWebContainer(
+                    ctx,
+                    sessionRef.containerName,
+                    buildContainerFileCreateCommand(targetPath)
+                );
+                if (result && result.error) {
+                    sendJson(res, 400, { error: result.error });
+                    return;
+                }
+                sendJson(res, 200, result);
+            }
+        },
         {
             method: 'GET',
             match: currentPath => currentPath.match(/^\/api\/sessions\/([^/]+)\/detail$/),

package/package.json

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