@xcanwin/manyoyo 6.2.14 → 6.2.15

package/lib/web/frontend/app.css

@@ -1218,7 +1218,7 @@ body.workspace-switcher-open .workspace-switcher-panel {
     align-items: flex-start;
     justify-content: space-between;
     gap: 12px;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     padding: 10px 12px;
     border-bottom: 1px solid var(--line);
     background: rgba(255, 251, 244, 0.96);
@@ -1240,6 +1240,11 @@ body.workspace-switcher-open .workspace-switcher-panel {
     margin-left: auto;
 }
 
+.files-back-btn {
+    display: none;
+    flex-shrink: 0;
+}
+
 .files-preview-title {
     font-family: var(--font-display);
     font-size: 14px;
@@ -2162,7 +2167,7 @@ body.composer-options-open .composer-options-panel {
 
     .files-layout {
         grid-template-columns: minmax(0, 1fr);
-        grid-template-rows: minmax(180px, 38%) minmax(0, 1fr);
+        grid-template-rows: minmax(0, 1fr);
     }
 
     .files-sidebar {
@@ -2170,6 +2175,41 @@ body.composer-options-open .composer-options-panel {
         border-bottom: 1px solid var(--line);
     }
 
+    .files-browser[data-mobile-pane="list"] .files-preview {
+        display: none;
+    }
+
+    .files-browser[data-mobile-pane="preview"] .files-sidebar {
+        display: none;
+    }
+
+    .files-browser[data-mobile-pane="preview"] .files-toolbar {
+        display: none;
+    }
+
+    .files-browser[data-mobile-pane="preview"] .files-back-btn {
+        display: inline-flex;
+        order: 1;
+    }
+
+    .files-preview-head {
+        flex-wrap: wrap;
+        align-items: center;
+    }
+
+    .files-preview-actions {
+        order: 2;
+    }
+
+    .files-preview-head-main {
+        order: 3;
+        flex-basis: 100%;
+    }
+
+    .files-preview-meta {
+        display: none;
+    }
+
     .composer-inner {
         align-items: stretch;
     }

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

@@ -107,6 +107,7 @@
                     </aside>
                     <section class="files-preview">
                         <header class="files-preview-head">
+                            <button type="button" class="secondary files-back-btn" data-action="back-to-list">← 返回列表</button>
                             <div class="files-preview-head-main">
                                 <div class="files-preview-title" data-role="preview-title">未选择文件</div>
                                 <div class="files-preview-meta" data-role="preview-meta">请选择左侧文件或目录</div>
@@ -128,10 +129,12 @@
         const previewTitleNode = root.querySelector('[data-role="preview-title"]');
         const previewMetaNode = root.querySelector('[data-role="preview-meta"]');
         const previewBodyNode = root.querySelector('[data-role="preview-body"]');
+        const filesBrowserNode = root.querySelector('.files-browser');
         const visitBtn = root.querySelector('[data-action="visit"]');
         const mkdirBtn = root.querySelector('[data-action="mkdir"]');
         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"]');
 
         const state = {
             visible: false,
@@ -155,9 +158,17 @@
             editorHost: null,
             previewReadOnly: true,
             previewDirty: false,
-            markdownViewMode: 'rendered'
+            markdownViewMode: 'rendered',
+            mobileActivePane: 'list'
         };
 
+        function setMobilePane(pane) {
+            state.mobileActivePane = pane === 'preview' ? 'preview' : 'list';
+            if (filesBrowserNode) {
+                filesBrowserNode.setAttribute('data-mobile-pane', state.mobileActivePane);
+            }
+        }
+
         function setStatus(text) {
             if (statusNode) {
                 statusNode.textContent = String(text || '').trim() || '就绪';
@@ -359,12 +370,14 @@
             listNode.innerHTML = '';
 
             if (!state.sessionName) {
+                setMobilePane('list');
                 listNode.innerHTML = '<div class="files-empty">请选择左侧会话后再浏览容器文件。</div>';
                 renderPreviewEmpty('未选择会话', '请选择左侧会话后再浏览容器文件。');
                 setStatus('未选择会话');
                 return;
             }
             if (state.historyOnly) {
+                setMobilePane('list');
                 listNode.innerHTML = '<div class="files-empty">当前会话只有历史记录，没有可访问的运行中容器。</div>';
                 renderPreviewEmpty('容器不可用', '当前会话只有历史记录，没有可访问的运行中容器。');
                 setStatus('容器不可用');
@@ -429,6 +442,7 @@
             state.pathDraft = pathText;
             state.selectedPath = '';
             state.selectedEntry = null;
+            setMobilePane('list');
             renderList();
             try {
                 const payload = await api('/api/sessions/' + encodeURIComponent(state.sessionName) + '/fs/list?path=' + encodeURIComponent(pathText));
@@ -474,6 +488,7 @@
             state.selectedPath = pathText;
             state.selectedEntry = selectedEntry;
             state.markdownViewMode = 'rendered';
+            setMobilePane('preview');
             renderList();
             renderPreviewEmpty(pathText, '正在读取文件内容...');
             try {
@@ -609,6 +624,7 @@
                 state.entries = [];
                 state.selectedPath = '';
                 state.selectedEntry = null;
+                setMobilePane('list');
                 renderPreviewEmpty('未选择文件', '请选择左侧文件进行预览。');
             } else if (containerPathChanged) {
                 state.containerPath = nextContainerPath;
@@ -668,6 +684,13 @@
             });
         }
 
+        if (backToListBtn) {
+            backToListBtn.addEventListener('click', function () {
+                setMobilePane('list');
+            });
+        }
+
+        setMobilePane('list');
         renderList();
 
         return {

package/package.json

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