@xcanwin/manyoyo 6.2.11 → 6.2.15

package/lib/web/frontend/app.css

@@ -272,6 +272,13 @@ textarea:focus-visible {
     display: none !important;
 }
 
+/* showNotice/showConfirm/showPrompt 可能从已经打开的其它 modal（如目录选择器）内部触发，
+   和其它 .modal-backdrop 共用 z-index:80 时，谁在 DOM 里排后面谁盖住谁，容易被埋到底下；
+   这里给一个更高的 z-index，保证它始终浮在最上层 */
+#genericDialogModal {
+    z-index: 90;
+}
+
 .modal {
     width: min(960px, calc(100vw - 24px));
     max-height: min(92vh, 860px);
@@ -326,6 +333,28 @@ textarea:focus-visible {
     word-break: break-all;
 }
 
+.modal-message {
+    margin: 0;
+    color: var(--text);
+    font-size: 13px;
+    line-height: 1.6;
+}
+
+.modal-dialog-input {
+    width: 100%;
+    margin-top: 10px;
+    border: 1px solid var(--line);
+    border-radius: 10px;
+    padding: 9px 11px;
+    background: var(--panel-strong);
+    color: var(--text);
+    font-size: 13px;
+}
+
+.modal-dialog-input[hidden] {
+    display: none;
+}
+
 .modal-error {
     margin-top: 10px;
     color: var(--danger);
@@ -577,6 +606,9 @@ textarea:focus-visible {
 
 .crumb-item:hover {
     transform: none;
+    /* 不显式设置背景色的话，通用 button:hover 规则的深色背景会覆盖进来，
+       和同色系的文字撞色看不清，这里保持透明背景即可 */
+    background: transparent;
     text-decoration: underline;
 }
 
@@ -606,6 +638,11 @@ textarea:focus-visible {
     border-radius: 999px;
 }
 
+.crumb-jump-active:hover {
+    /* 同 .crumb-item:hover，避免通用 button:hover 的深色背景和文字撞色 */
+    background: var(--panel-soft);
+}
+
 .session-card {
     position: relative;
 }
@@ -623,7 +660,7 @@ textarea:focus-visible {
 
 .session-card-container .session-card-button,
 .session-card-agent .session-card-button {
-    padding-right: 38px;
+    padding-right: 46px;
 }
 
 .session-card-button:hover {
@@ -761,18 +798,18 @@ textarea:focus-visible {
 }
 
 .tree-node-menu-trigger {
-    width: 26px;
-    height: 26px;
+    width: 30px;
+    height: 30px;
     padding: 0;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    border-radius: 8px;
+    border-radius: 9px;
 }
 
 .tree-node-menu-trigger svg {
-    width: 14px;
-    height: 14px;
+    width: 16px;
+    height: 16px;
     fill: currentColor;
 }
 
@@ -1181,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);
@@ -1203,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;
@@ -2125,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 {
@@ -2133,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/app.html

@@ -222,7 +222,7 @@
                     <button type="button" id="removeConfirmCancelBtn" class="secondary">关闭</button>
                 </header>
                 <div class="modal-body">
-                    <p id="removeConfirmMessage"></p>
+                    <p id="removeConfirmMessage" class="modal-message"></p>
                 </div>
                 <footer class="modal-footer">
                     <button type="button" id="removeConfirmKeepHistoryBtn" class="secondary">否，保留历史</button>
@@ -231,6 +231,23 @@
             </section>
         </div>
 
+        <div id="genericDialogModal" class="modal-backdrop" hidden>
+            <section class="modal modal-sm" role="dialog" aria-modal="true" aria-labelledby="genericDialogTitle">
+                <header class="modal-header">
+                    <h2 id="genericDialogTitle"></h2>
+                    <button type="button" id="genericDialogCloseBtn" class="secondary">关闭</button>
+                </header>
+                <div class="modal-body">
+                    <p id="genericDialogMessage" class="modal-message"></p>
+                    <input type="text" id="genericDialogInput" class="modal-dialog-input" hidden />
+                </div>
+                <footer class="modal-footer">
+                    <button type="button" id="genericDialogCancelBtn" class="secondary" hidden>取消</button>
+                    <button type="button" id="genericDialogConfirmBtn">确定</button>
+                </footer>
+            </section>
+        </div>
+
         <div id="directoryPickerModal" class="modal-backdrop" hidden>
             <section class="modal dir-picker-modal" role="dialog" aria-modal="true" aria-labelledby="directoryPickerTitle">
                 <header class="modal-header">

package/lib/web/frontend/app.js

@@ -185,6 +185,13 @@
     const removeConfirmCancelBtn = document.getElementById('removeConfirmCancelBtn');
     const removeConfirmKeepHistoryBtn = document.getElementById('removeConfirmKeepHistoryBtn');
     const removeConfirmWithHistoryBtn = document.getElementById('removeConfirmWithHistoryBtn');
+    const genericDialogModal = document.getElementById('genericDialogModal');
+    const genericDialogTitle = document.getElementById('genericDialogTitle');
+    const genericDialogMessage = document.getElementById('genericDialogMessage');
+    const genericDialogInput = document.getElementById('genericDialogInput');
+    const genericDialogCloseBtn = document.getElementById('genericDialogCloseBtn');
+    const genericDialogCancelBtn = document.getElementById('genericDialogCancelBtn');
+    const genericDialogConfirmBtn = document.getElementById('genericDialogConfirmBtn');
     const directoryPickerModal = document.getElementById('directoryPickerModal');
     const directoryPickerTitle = document.getElementById('directoryPickerTitle');
     const directoryPickerTip = document.getElementById('directoryPickerTip');
@@ -1336,7 +1343,7 @@
         }
         const detail = await ensureActiveSessionDetail();
         if (!detail) {
-            alert(state.sessionDetailError || '当前会话详情暂时不可用');
+            await showNotice(state.sessionDetailError || '当前会话详情暂时不可用');
             return;
         }
         state.agentTemplateModalOpen = true;
@@ -1606,7 +1613,7 @@
         }
         const detail = await ensureActiveSessionDetail();
         if (!detail) {
-            alert(state.sessionDetailError || '当前会话详情暂时不可用');
+            await showNotice(state.sessionDetailError || '当前会话详情暂时不可用');
             return;
         }
         state.modelModalOpen = true;
@@ -2641,7 +2648,7 @@
             state.configModalOpen = true;
             setModalVisible(configModal, true);
         } catch (e) {
-            alert(e.message);
+            await showNotice(e.message);
         } finally {
             state.configLoading = false;
             syncUi();
@@ -2696,7 +2703,7 @@
             state.createModalOpen = true;
             setModalVisible(createModal, true);
         } catch (e) {
-            alert(e.message);
+            await showNotice(e.message);
         } finally {
             state.createLoading = false;
             syncUi();
@@ -2828,7 +2835,7 @@
         if (picker.loading || !picker.currentPath) {
             return;
         }
-        const input = window.prompt('请输入新目录名称');
+        const input = await showPrompt('请输入新目录名称');
         const name = String(input || '').trim();
         if (!name) {
             return;
@@ -2934,8 +2941,8 @@
         Promise.all([
             loadMessagesForSession(sessionName),
             loadSessionDetailForSession(sessionName)
-        ]).catch(function (e) {
-            alert(e.message);
+        ]).catch(async function (e) {
+            await showNotice(e.message);
         });
     }
 
@@ -2961,7 +2968,7 @@
                 closeMobileSessionPanel();
             }
         } catch (e) {
-            alert(e.message);
+            await showNotice(e.message);
         } finally {
             state.creatingAgent = false;
             syncUi();
@@ -3132,20 +3139,56 @@
         panel.className = 'tree-node-menu-panel';
         panel.hidden = true;
 
+        // 面板展开时挂到 body 上用 position:fixed 定位，避免被 #sessionList 之类的
+        // overflow:auto 滚动容器裁切（面板本来是靠 .tree-node-menu 的 position:absolute
+        // 定位在卡片内的，一旦触发按钮接近滚动容器底部，面板就会被截断）。
+        // 调用时 panel 必须已经是可见状态（display 不为 none），否则 offsetHeight 测不出真实高度。
+        function positionPanel() {
+            const rect = trigger.getBoundingClientRect();
+            panel.style.position = 'fixed';
+            panel.style.left = 'auto';
+            panel.style.right = (window.innerWidth - rect.right) + 'px';
+            panel.style.top = (rect.bottom + 4) + 'px';
+            panel.style.bottom = 'auto';
+            const panelHeight = panel.offsetHeight;
+            if (rect.bottom + 4 + panelHeight > window.innerHeight) {
+                // 下方空间不够时翻转到触发按钮上方展开，避免超出视口底部
+                panel.style.top = 'auto';
+                panel.style.bottom = (window.innerHeight - rect.top + 4) + 'px';
+            }
+        }
+
         function close() {
             panel.hidden = true;
             trigger.setAttribute('aria-expanded', 'false');
             wrap.classList.remove('is-open');
+            if (panel.parentNode === document.body) {
+                wrap.appendChild(panel);
+            }
+            panel.style.position = '';
+            panel.style.top = '';
+            panel.style.bottom = '';
+            panel.style.left = '';
+            panel.style.right = '';
         }
 
         trigger.addEventListener('click', function (event) {
             event.stopPropagation();
             if (panel.hidden) {
                 closeOpenTreeNodeMenu();
+                document.body.appendChild(panel);
                 panel.hidden = false;
+                positionPanel();
                 trigger.setAttribute('aria-expanded', 'true');
                 wrap.classList.add('is-open');
-                openTreeNodeMenu = { wrap, close };
+                openTreeNodeMenu = {
+                    close: close,
+                    containsTarget: function (target) {
+                        // 面板展开时是 body 的直接子节点，不再是 wrap 的后代，
+                        // “点击外部关闭”判断要把它也算进来
+                        return wrap.contains(target) || panel.contains(target);
+                    }
+                };
             } else {
                 close();
                 openTreeNodeMenu = null;
@@ -3205,6 +3248,83 @@
         });
     }
 
+    // 原生 alert/confirm/prompt 是同步阻塞的，会卡住整个页面（动画、其它交互全部停摆）。
+    // 这里用一个通用的 Promise 化小弹窗承载 notice/confirm/prompt 三种形态，取代它们。
+    function openGenericDialog(config) {
+        const opts = config && typeof config === 'object' ? config : {};
+        const mode = opts.mode === 'prompt' || opts.mode === 'confirm' ? opts.mode : 'notice';
+        if (!genericDialogModal) {
+            if (mode === 'prompt') {
+                return Promise.resolve(window.prompt(opts.message || '', opts.defaultValue || ''));
+            }
+            if (mode === 'confirm') {
+                return Promise.resolve(confirm(opts.message || ''));
+            }
+            alert(opts.message || '');
+            return Promise.resolve();
+        }
+        return new Promise(function (resolve) {
+            genericDialogTitle.textContent = opts.title
+                || (mode === 'notice' ? '提示' : (mode === 'confirm' ? '请确认' : '请输入'));
+            genericDialogMessage.textContent = opts.message || '';
+            genericDialogCancelBtn.hidden = mode === 'notice';
+            genericDialogInput.hidden = mode !== 'prompt';
+            genericDialogInput.value = mode === 'prompt' ? String(opts.defaultValue || '') : '';
+            genericDialogConfirmBtn.textContent = mode === 'notice' ? '知道了' : '确定';
+
+            let settled = false;
+            function resolveValue() {
+                if (mode === 'confirm') return true;
+                if (mode === 'prompt') return genericDialogInput.value;
+                return undefined;
+            }
+            function cancelValue() {
+                if (mode === 'confirm') return false;
+                if (mode === 'prompt') return null;
+                return undefined;
+            }
+            function finish(value) {
+                if (settled) return;
+                settled = true;
+                setModalVisible(genericDialogModal, false);
+                genericDialogConfirmBtn.removeEventListener('click', onConfirm);
+                genericDialogCancelBtn.removeEventListener('click', onCancel);
+                genericDialogCloseBtn.removeEventListener('click', onCancel);
+                genericDialogInput.removeEventListener('keydown', onInputKeydown);
+                resolve(value);
+            }
+            function onConfirm() { finish(resolveValue()); }
+            function onCancel() { finish(cancelValue()); }
+            function onInputKeydown(event) {
+                if (event.key === 'Enter') {
+                    event.preventDefault();
+                    onConfirm();
+                }
+            }
+            genericDialogConfirmBtn.addEventListener('click', onConfirm);
+            genericDialogCancelBtn.addEventListener('click', onCancel);
+            genericDialogCloseBtn.addEventListener('click', onCancel);
+            genericDialogInput.addEventListener('keydown', onInputKeydown);
+            setModalVisible(genericDialogModal, true);
+            if (mode === 'prompt') {
+                genericDialogInput.focus();
+                genericDialogInput.select();
+            }
+        });
+    }
+
+    function showNotice(message, title) {
+        return openGenericDialog({ mode: 'notice', message: message, title: title });
+    }
+
+    function showConfirm(message, title) {
+        return openGenericDialog({ mode: 'confirm', message: message, title: title });
+    }
+
+    function showPrompt(message, defaultValue, title) {
+        return openGenericDialog({ mode: 'prompt', message: message, defaultValue: defaultValue, title: title });
+    }
+
     async function removeContainerByName(containerName) {
         const target = String(containerName || '').trim();
         if (!target) return;
@@ -3230,7 +3350,7 @@
                 reloadMessages: wasActiveContainer
             });
         } catch (e) {
-            alert(e.message);
+            await showNotice(e.message);
         }
     }
 
@@ -3260,7 +3380,7 @@
                 reloadMessages: isActive
             });
         } catch (e) {
-            alert(e.message);
+            await showNotice(e.message);
         }
     }
 
@@ -3344,6 +3464,9 @@
         if (!sessionBreadcrumb) {
             return;
         }
+        // 展开中的菜单面板会被挂到 body 上（见 createTreeNodeMenu），
+        // 这里要重建 DOM 之前先关掉，否则旧面板会变成脱离 wrap 的孤儿节点
+        closeOpenTreeNodeMenu();
         sessionBreadcrumb.innerHTML = '';
 
         const rootCrumb = document.createElement('button');
@@ -3431,6 +3554,7 @@
     }
 
     function renderContainerLevel(groups) {
+        closeOpenTreeNodeMenu();
         sessionList.innerHTML = '';
         if (!groups.length) {
             const empty = document.createElement('div');
@@ -3445,10 +3569,10 @@
                 kind: 'container',
                 className: status.tone === 'history' ? 'tree-node-tone-history' : '',
                 title: containerGroup.containerRemark || containerGroup.containerName,
-                meta: containerGroup.containerRemark ? containerGroup.containerName : '',
+                meta: containerGroup.containerRemark ? containerGroup.containerName : containerGroup.hostPath,
                 statusLabel: status.label,
                 statusTone: status.tone,
-                subMeta: containerGroup.hostPath,
+                subMeta: containerGroup.containerRemark ? containerGroup.hostPath : '',
                 hasActive: containerContainsActiveSession(containerGroup),
                 onClick: function () {
                     navigateTo('agents', { container: containerGroup.containerName });
@@ -3493,7 +3617,7 @@
 
     async function editContainerRemark(containerGroup) {
         const current = containerGroup.containerRemark || '';
-        const input = window.prompt('设置容器备注（留空清除备注）', current);
+        const input = await showPrompt('设置容器备注（留空清除备注）', current);
         if (input === null) {
             return;
         }
@@ -3505,13 +3629,13 @@
             });
             await refreshSessionsSilent({ preferredName: state.active });
         } catch (e) {
-            alert(e.message);
+            await showNotice(e.message);
         }
     }
 
     async function editAgentRemark(session) {
         const current = session.agentRemark || '';
-        const input = window.prompt('设置 AGENT 备注（留空清除备注）', current);
+        const input = await showPrompt('设置 AGENT 备注（留空清除备注）', current);
         if (input === null) {
             return;
         }
@@ -3523,11 +3647,12 @@
             });
             await refreshSessionsSilent({ preferredName: state.active });
         } catch (e) {
-            alert(e.message);
+            await showNotice(e.message);
         }
     }
 
     function renderAgentLevel(containerGroup) {
+        closeOpenTreeNodeMenu();
         sessionList.innerHTML = '';
         const allSessions = containerGroup && Array.isArray(containerGroup.sessions) ? containerGroup.sessions : [];
         const sessions = allSessions.filter(function (session) { return !session.synthetic; });
@@ -3762,7 +3887,7 @@
             closeCloneModal();
             await loadSessions(data.name);
             if (data.resumeMayFail) {
-                alert('复制完成。注意：AGENT 对话历史已复制，但底层 CLI 会话续接可能失败，如遇失败请以新对话继续。');
+                await showNotice('复制完成。注意：AGENT 对话历史已复制，但底层 CLI 会话续接可能失败，如遇失败请以新对话继续。');
             }
         } catch (e) {
             state.cloneModal.submitting = false;
@@ -4467,8 +4592,8 @@
     if (agentTemplateBtn) {
         agentTemplateBtn.addEventListener('click', function () {
             closeComposerOptionsMenu();
-            openAgentTemplateModal().catch(function (e) {
-                alert(e && e.message ? e.message : '加载 Agent 模板失败');
+            openAgentTemplateModal().catch(async function (e) {
+                await showNotice(e && e.message ? e.message : '加载 Agent 模板失败');
             });
         });
     }
@@ -4476,8 +4601,8 @@
     if (activityModelChip) {
         activityModelChip.addEventListener('click', function () {
             closeComposerOptionsMenu();
-            openModelModal().catch(function (e) {
-                alert(e && e.message ? e.message : '加载模型信息失败');
+            openModelModal().catch(async function (e) {
+                await showNotice(e && e.message ? e.message : '加载模型信息失败');
             });
         });
     }
@@ -4711,7 +4836,7 @@
                     body: JSON.stringify({})
                 });
             } catch (e) {
-                alert(e.message);
+                await showNotice(e.message);
                 state.agentRun.stopping = false;
                 syncUi();
             }
@@ -4773,7 +4898,7 @@
             if (mode === 'agent') {
                 const recovered = await recoverAgentRunFromServer(submitSession);
                 if (!recovered && document.visibilityState !== 'hidden') {
-                    alert(e.message);
+                    await showNotice(e.message);
                 }
             } else {
                 if (state.active === submitSession) {
@@ -4782,7 +4907,7 @@
                     });
                     renderMessages(state.messages);
                 }
-                alert(e.message);
+                await showNotice(e.message);
             }
         } finally {
             state.sending = false;
@@ -4973,6 +5098,14 @@
         });
     }
 
+    if (genericDialogModal) {
+        genericDialogModal.addEventListener('click', function (event) {
+            if (event.target === genericDialogModal) {
+                genericDialogCloseBtn.click();
+            }
+        });
+    }
+
     if (directoryPickerModal) {
         directoryPickerModal.addEventListener('click', function (event) {
             if (event.target === directoryPickerModal && !state.directoryPicker.loading) {
@@ -5069,6 +5202,12 @@
         if (event.key === 'Escape' && openTreeNodeMenu) {
             closeOpenTreeNodeMenu();
         }
+        if (event.key === 'Escape' && removeConfirmModal && !removeConfirmModal.hidden) {
+            removeConfirmCancelBtn.click();
+        }
+        if (event.key === 'Escape' && genericDialogModal && !genericDialogModal.hidden) {
+            genericDialogCloseBtn.click();
+        }
     });
 
     function onLayoutMediaChange() {
@@ -5126,7 +5265,7 @@
             if (composerOptionsPanel && composerOptionsPanel.contains(target)) return;
             closeComposerOptionsMenu();
         }
-        if (openTreeNodeMenu && !openTreeNodeMenu.wrap.contains(target)) {
+        if (openTreeNodeMenu && !openTreeNodeMenu.containsTarget(target)) {
             closeOpenTreeNodeMenu();
         }
     });
@@ -5158,8 +5297,10 @@
             root: filesPanel,
             api,
             onError: function (message) {
-                alert(message);
-            }
+                showNotice(message);
+            },
+            confirmFn: showConfirm,
+            promptFn: showPrompt
         });
     }
 
@@ -5173,7 +5314,7 @@
     setMobileSessionPanel(false);
     document.body.classList.add('agent-mode');
     syncUi();
-    loadSessions().catch(function (e) {
-        alert(e.message);
+    loadSessions().catch(async function (e) {
+        await showNotice(e.message);
     });
 })();

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

@@ -75,6 +75,14 @@
         const onError = options && typeof options.onError === 'function'
             ? options.onError
             : function (message) { window.alert(message); };
+        // confirmFn/promptFn 可由调用方注入非阻塞的自定义弹窗，缺省退回原生 confirm/prompt
+        // （和上面 onError 的兜底写法保持一致）。
+        const confirmFn = options && typeof options.confirmFn === 'function'
+            ? options.confirmFn
+            : function (message) { return Promise.resolve(window.confirm(message)); };
+        const promptFn = options && typeof options.promptFn === 'function'
+            ? options.promptFn
+            : function (message, defaultValue) { return Promise.resolve(window.prompt(message, defaultValue)); };
         if (!root || typeof api !== 'function') {
             return {
                 sync: function () {}
@@ -99,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>
@@ -120,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,
@@ -147,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() || '就绪';
@@ -351,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('容器不可用');
@@ -421,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));
@@ -455,7 +477,7 @@
             const fileSize = Number(selectedEntry && selectedEntry.size);
             const requiresReadonlyConfirm = Number.isFinite(fileSize) && fileSize >= FILE_EDIT_MAX_BYTES;
             if (requiresReadonlyConfirm) {
-                const yes = window.confirm(`文件较大（${formatBytes(fileSize)}），继续后将以只读方式全量预览，无法保存。是否继续？`);
+                const yes = await confirmFn(`文件较大（${formatBytes(fileSize)}），继续后将以只读方式全量预览，无法保存。是否继续？`);
                 if (!yes) {
                     return;
                 }
@@ -466,6 +488,7 @@
             state.selectedPath = pathText;
             state.selectedEntry = selectedEntry;
             state.markdownViewMode = 'rendered';
+            setMobilePane('preview');
             renderList();
             renderPreviewEmpty(pathText, '正在读取文件内容...');
             try {
@@ -553,7 +576,7 @@
             if (!state.sessionName || state.historyOnly === true || state.loadingList || state.loadingFile) {
                 return;
             }
-            const input = window.prompt('请输入新目录名称');
+            const input = await promptFn('请输入新目录名称');
             const name = String(input || '').trim();
             if (!name) {
                 return;
@@ -601,6 +624,7 @@
                 state.entries = [];
                 state.selectedPath = '';
                 state.selectedEntry = null;
+                setMobilePane('list');
                 renderPreviewEmpty('未选择文件', '请选择左侧文件进行预览。');
             } else if (containerPathChanged) {
                 state.containerPath = nextContainerPath;
@@ -660,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.11",
+    "version": "6.2.15",
     "imageVersion": "1.9.1-common",
     "playwrightCliVersion": "0.1.18",
     "description": "AI Agent CLI Security Sandbox for Docker and Podman",