@xcanwin/manyoyo 7.0.26 → 7.1.2

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

@@ -1,800 +0,0 @@
-(function () {
-    const FILE_EDIT_MAX_BYTES = 2 * 1024 * 1024;
-    function escapeHtml(value) {
-        return String(value == null ? '' : value)
-            .replace(/&/g, '&')
-            .replace(/</g, '&lt;')
-            .replace(/>/g, '&gt;')
-            .replace(/"/g, '&quot;')
-            .replace(/'/g, '&#39;');
-    }
-
-    // 双向控制符（RTLO 等）/ 零宽字符可以让文件名视觉上和真实字节完全不一致
-    // （例如 "cod" + U+202E + "exe.txt" 会被浏览器渲染成 "codtxt.exe"），
-    // 展示前统一替换成可见的 \uXXXX 记法，破坏其排版效果并让人一眼看出异常。
-    // 范围：U+200B-U+200F（零宽字符/LRM/RLM）、U+202A-U+202E（嵌入/覆盖方向控制符）、
-    // U+2060-U+2069（零宽连接符/方向隔离符）、U+FEFF（BOM/零宽不换行空格）、U+061C（阿拉伯字母标记）。
-    const SUSPICIOUS_UNICODE_PATTERN = /[\u200B-\u200F\u202A-\u202E\u2060-\u2069\uFEFF\u061C]/g;
-    function sanitizeDisplayText(value) {
-        return String(value == null ? '' : value).replace(SUSPICIOUS_UNICODE_PATTERN, function (ch) {
-            return '\\u' + ch.codePointAt(0).toString(16).toUpperCase().padStart(4, '0');
-        });
-    }
-
-    function formatBytes(size) {
-        const value = Number(size || 0);
-        if (!Number.isFinite(value) || value <= 0) {
-            return '0 B';
-        }
-        if (value < 1024) {
-            return `${value} B`;
-        }
-        if (value < 1024 * 1024) {
-            return `${(value / 1024).toFixed(1)} KB`;
-        }
-        if (value < 1024 * 1024 * 1024) {
-            return `${(value / (1024 * 1024)).toFixed(1)} MB`;
-        }
-        return `${(value / (1024 * 1024 * 1024)).toFixed(1)} GB`;
-    }
-
-    function formatDateTime(value) {
-        if (!value) {
-            return '未知时间';
-        }
-        const date = new Date(value);
-        if (Number.isNaN(date.getTime())) {
-            return '未知时间';
-        }
-        return date.toLocaleString('zh-CN', {
-            month: '2-digit',
-            day: '2-digit',
-            hour: '2-digit',
-            minute: '2-digit'
-        });
-    }
-
-    function buildEntryMeta(entry) {
-        const parts = [];
-        if (entry && entry.kind === 'directory') {
-            parts.push('目录');
-        } else if (entry && entry.kind === 'symlink') {
-            parts.push('符号链接');
-        } else {
-            parts.push(formatBytes(entry && entry.size));
-        }
-        if (entry && entry.mtimeMs) {
-            parts.push(formatDateTime(entry.mtimeMs));
-        }
-        return parts.join(' · ');
-    }
-
-    function buildEntryTitle(entry) {
-        const basePath = sanitizeDisplayText(entry && (entry.path || entry.name) || '');
-        if (entry && entry.kind === 'symlink') {
-            return entry.symlinkTarget
-                ? `${basePath} → ${sanitizeDisplayText(entry.symlinkTarget)}`
-                : `${basePath}（符号链接目标无法解析，可能已损坏）`;
-        }
-        return basePath;
-    }
-
-    function inferLanguageFromPath(filePath) {
-        const text = String(filePath || '').toLowerCase();
-        if (text.endsWith('.md') || text.endsWith('.markdown')) return 'markdown';
-        if (text.endsWith('.json')) return 'json';
-        if (text.endsWith('.py')) return 'python';
-        if (text.endsWith('.yaml') || text.endsWith('.yml')) return 'yaml';
-        if (text.endsWith('.html') || text.endsWith('.htm')) return 'html';
-        if (text.endsWith('.css')) return 'css';
-        if (text.endsWith('.js') || text.endsWith('.jsx') || text.endsWith('.mjs') || text.endsWith('.cjs') || text.endsWith('.ts') || text.endsWith('.tsx')) {
-            return 'javascript';
-        }
-        return 'text';
-    }
-
-    function create(options) {
-        const root = options && options.root;
-        const api = options && options.api;
-        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 () {}
-            };
-        }
-
-        root.innerHTML = `
-            <section class="files-browser">
-                <header class="files-toolbar">
-                    <div class="files-toolbar-path-group">
-                        <input type="text" class="files-toolbar-path-input" data-role="path" value="/" spellcheck="false" />
-                        <button type="button" class="secondary" data-action="visit">访问</button>
-                    </div>
-                    <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">
-                    <aside class="files-sidebar">
-                        <div class="files-list" data-role="list"></div>
-                    </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>
-                            </div>
-                            <div class="files-preview-actions">
-                                <button type="button" class="secondary" data-action="toggle-markdown-view" hidden>查看源码</button>
-                                <button type="button" class="secondary" data-action="save" disabled>保存</button>
-                            </div>
-                        </header>
-                        <div class="files-preview-body" data-role="preview-body"></div>
-                    </section>
-                </div>
-            </section>
-        `;
-
-        const pathNode = root.querySelector('[data-role="path"]');
-        const statusNode = root.querySelector('[data-role="status"]');
-        const listNode = root.querySelector('[data-role="list"]');
-        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 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"]');
-
-        const state = {
-            visible: false,
-            sessionName: '',
-            containerName: '',
-            containerPath: '',
-            historyOnly: false,
-            currentPath: '',
-            pathDraft: '',
-            parentPath: '',
-            entries: [],
-            selectedPath: '',
-            selectedFile: null,
-            selectedEntry: null,
-            loadingList: false,
-            loadingFile: false,
-            savingFile: false,
-            listRequestId: 0,
-            readRequestId: 0,
-            editor: null,
-            editorHost: null,
-            previewReadOnly: true,
-            previewDirty: false,
-            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() || '就绪';
-            }
-        }
-
-        function destroyEditor() {
-            if (state.editor && typeof state.editor.destroy === 'function') {
-                state.editor.destroy();
-            }
-            state.editor = null;
-            state.editorHost = null;
-        }
-
-        function getPreviewLanguage() {
-            return state.selectedFile
-                ? (state.selectedFile.language || inferLanguageFromPath(state.selectedFile.path))
-                : '';
-        }
-
-        function isEditablePreview() {
-            return Boolean(
-                state.selectedFile
-                && state.selectedFile.kind === 'text'
-                && state.previewReadOnly === false
-                && state.historyOnly !== true
-                && state.savingFile !== true
-                && (getPreviewLanguage() !== 'markdown' || state.markdownViewMode === 'source')
-            );
-        }
-
-        function syncSaveButton() {
-            if (!saveBtn) {
-                return;
-            }
-            saveBtn.disabled = !isEditablePreview();
-            saveBtn.textContent = state.savingFile ? '保存中...' : '保存';
-        }
-
-        function syncMarkdownToggleButton() {
-            if (!toggleMarkdownViewBtn) {
-                return;
-            }
-            const isMarkdown = Boolean(state.selectedFile)
-                && state.selectedFile.kind === 'text'
-                && getPreviewLanguage() === 'markdown';
-            toggleMarkdownViewBtn.hidden = !isMarkdown;
-            toggleMarkdownViewBtn.textContent = state.markdownViewMode === 'source' ? '查看渲染' : '查看源码';
-        }
-
-        function resolveMarkdownImageUrl(basePath, relativeHref) {
-            try {
-                const lastSlash = String(basePath || '').lastIndexOf('/');
-                const baseDir = lastSlash >= 0 ? basePath.slice(0, lastSlash + 1) : '/';
-                const resolvedPath = new URL(relativeHref, 'http://manyoyo-internal' + baseDir).pathname;
-                return '/api/sessions/' + encodeURIComponent(state.sessionName) + '/fs/raw?path=' + encodeURIComponent(resolvedPath);
-            } catch (e) {
-                return '';
-            }
-        }
-
-        function renderPreviewEmpty(title, description) {
-            state.selectedFile = null;
-            state.previewReadOnly = true;
-            state.previewDirty = false;
-            if (previewTitleNode) {
-                previewTitleNode.textContent = sanitizeDisplayText(title);
-            }
-            if (previewMetaNode) {
-                previewMetaNode.textContent = description;
-            }
-            if (previewBodyNode) {
-                previewBodyNode.innerHTML = `<div class="files-empty">${escapeHtml(description)}</div>`;
-            }
-            destroyEditor();
-            syncMarkdownToggleButton();
-            syncSaveButton();
-        }
-
-        function ensureEditorHost() {
-            if (!previewBodyNode) {
-                return null;
-            }
-            previewBodyNode.innerHTML = '';
-            const host = document.createElement('div');
-            host.className = 'files-editor-host';
-            previewBodyNode.appendChild(host);
-            state.editorHost = host;
-            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);
-            state.previewDirty = false;
-            if (!payload) {
-                renderPreviewEmpty('未选择文件', '请选择左侧文件进行预览。');
-                return;
-            }
-            if (previewTitleNode) {
-                previewTitleNode.textContent = sanitizeDisplayText(payload.path) || '未命名文件';
-            }
-            updatePreviewMeta();
-            if (!previewBodyNode) {
-                syncMarkdownToggleButton();
-                syncSaveButton();
-                return;
-            }
-
-            if (payload.kind === 'text') {
-                const language = payload.language || inferLanguageFromPath(payload.path);
-                const showMarkdownRendered = language === 'markdown'
-                    && state.markdownViewMode !== 'source'
-                    && window.ManyoyoMarkdown
-                    && typeof window.ManyoyoMarkdown.render === 'function';
-
-                if (showMarkdownRendered) {
-                    destroyEditor();
-                    const markdownNode = document.createElement('div');
-                    markdownNode.className = 'md-content files-markdown-preview';
-                    markdownNode.innerHTML = window.ManyoyoMarkdown.render(String(payload.content || ''), {
-                        imageUrlResolver: function (relativeHref) {
-                            return resolveMarkdownImageUrl(payload.path, relativeHref);
-                        }
-                    });
-                    previewBodyNode.innerHTML = '';
-                    previewBodyNode.appendChild(markdownNode);
-                    syncMarkdownToggleButton();
-                    syncSaveButton();
-                    return;
-                }
-
-                if (window.ManyoyoCodeEditor && typeof window.ManyoyoCodeEditor.create === 'function') {
-                    if (!state.editor || !state.editorHost || !previewBodyNode.contains(state.editorHost)) {
-                        destroyEditor();
-                        const host = ensureEditorHost();
-                        if (host) {
-                            state.editor = window.ManyoyoCodeEditor.create(host, {
-                                doc: String(payload.content || ''),
-                                language,
-                                readOnly: state.previewReadOnly,
-                                onChange: function (nextValue) {
-                                    state.previewDirty = true;
-                                    if (state.selectedFile) {
-                                        state.selectedFile.size = new TextEncoder().encode(nextValue).length;
-                                    }
-                                    updatePreviewMeta();
-                                    syncSaveButton();
-                                }
-                            });
-                        }
-                    } else {
-                        state.editor.setValue(String(payload.content || ''));
-                        state.editor.setLanguage(language);
-                        state.editor.setReadOnly(state.previewReadOnly);
-                    }
-                    syncMarkdownToggleButton();
-                    syncSaveButton();
-                    return;
-                }
-
-                destroyEditor();
-                previewBodyNode.innerHTML = `<pre class="files-pre">${escapeHtml(String(payload.content || ''))}</pre>`;
-                syncMarkdownToggleButton();
-                syncSaveButton();
-                return;
-            }
-
-            if (payload.kind === 'image') {
-                destroyEditor();
-                const rawUrl = '/api/sessions/' + encodeURIComponent(state.sessionName) + '/fs/raw?path='
-                    + encodeURIComponent(payload.path);
-                previewBodyNode.innerHTML = `<div class="files-image-preview"><img src="${escapeHtml(rawUrl)}" alt="${escapeHtml(payload.path || '')}" /></div>`;
-                syncMarkdownToggleButton();
-                syncSaveButton();
-                return;
-            }
-
-            destroyEditor();
-            previewBodyNode.innerHTML = `<div class="files-note">当前文件暂不支持在线预览。文件类型：${escapeHtml(payload.kind || 'unknown')}</div>`;
-            syncMarkdownToggleButton();
-            syncSaveButton();
-        }
-
-        function openSymlinkEntry(entry) {
-            const safeName = sanitizeDisplayText(entry.name);
-            const message = entry.symlinkTarget
-                ? `"${safeName}" 是符号链接，实际指向：\n${sanitizeDisplayText(entry.symlinkTarget)}\n\n是否继续访问？`
-                : `"${safeName}" 是一个无法解析的符号链接（可能已损坏），是否仍要尝试访问？`;
-            confirmFn(message).then(function (proceed) {
-                if (!proceed) {
-                    return;
-                }
-                if (entry.symlinkTargetKind === 'directory') {
-                    loadDirectory(entry.path);
-                    return;
-                }
-                loadFile(entry.path, entry);
-            });
-        }
-
-        function renderList() {
-            if (pathNode) {
-                pathNode.value = state.pathDraft || state.currentPath || state.containerPath || '/';
-            }
-            if (visitBtn) {
-                visitBtn.disabled = state.loadingList || state.loadingFile || !(state.pathDraft || '').trim();
-            }
-            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;
-            }
-            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('容器不可用');
-                return;
-            }
-            if (state.loadingList) {
-                listNode.innerHTML = '<div class="files-empty">正在读取目录...</div>';
-                setStatus('读取目录中');
-                return;
-            }
-
-            if (state.parentPath) {
-                const parentButton = document.createElement('button');
-                parentButton.type = 'button';
-                parentButton.className = 'files-entry files-entry-parent';
-                parentButton.title = sanitizeDisplayText(state.parentPath);
-                parentButton.addEventListener('click', function () {
-                    loadDirectory(state.parentPath);
-                });
-                parentButton.innerHTML = `
-                    <span class="files-entry-name">
-                        <span class="files-entry-title">..</span>
-                    </span>
-                    <span class="files-entry-meta">上一级</span>
-                `;
-                listNode.appendChild(parentButton);
-            }
-
-            if (!state.entries.length) {
-                setStatus('目录为空');
-                return;
-            }
-
-            state.entries.forEach(function (entry) {
-                const button = document.createElement('button');
-                button.type = 'button';
-                button.className = 'files-entry' + (state.selectedPath === entry.path ? ' is-active' : '');
-                button.title = buildEntryTitle(entry);
-                button.addEventListener('click', function () {
-                    if (entry.kind === 'symlink') {
-                        openSymlinkEntry(entry);
-                        return;
-                    }
-                    if (entry.kind === 'directory') {
-                        loadDirectory(entry.path);
-                        return;
-                    }
-                    loadFile(entry.path, entry);
-                });
-                button.innerHTML = `
-                    <span class="files-entry-name">
-                        <span class="files-entry-title">${escapeHtml(sanitizeDisplayText(entry.name || entry.path || '未命名'))}</span>
-                    </span>
-                    <span class="files-entry-meta">${escapeHtml(buildEntryMeta(entry))}</span>
-                `;
-                listNode.appendChild(button);
-            });
-            setStatus(state.loadingFile ? '读取文件中' : `共 ${state.entries.length} 项`);
-        }
-
-        async function loadDirectory(targetPath) {
-            const pathText = String(targetPath || state.currentPath || state.containerPath || '/').trim() || '/';
-            const requestId = state.listRequestId + 1;
-            state.listRequestId = requestId;
-            state.loadingList = true;
-            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));
-                if (requestId !== state.listRequestId) {
-                    return;
-                }
-                state.currentPath = payload && payload.path ? payload.path : pathText;
-                state.pathDraft = state.currentPath;
-                state.parentPath = payload && payload.parentPath ? payload.parentPath : '';
-                state.entries = Array.isArray(payload && payload.entries) ? payload.entries : [];
-                renderPreviewEmpty('未选择文件', '请选择左侧文件进行预览。');
-            } catch (e) {
-                if (requestId !== state.listRequestId) {
-                    return;
-                }
-                onError(e && e.message ? e.message : '读取目录失败');
-            } finally {
-                if (requestId !== state.listRequestId) {
-                    return;
-                }
-                state.loadingList = false;
-                renderList();
-            }
-        }
-
-        async function loadFile(targetPath, entry) {
-            const pathText = String(targetPath || '').trim();
-            if (!pathText) {
-                return;
-            }
-            const selectedEntry = entry && typeof entry === 'object' ? entry : null;
-            const fileSize = Number(selectedEntry && selectedEntry.size);
-            const requiresReadonlyConfirm = Number.isFinite(fileSize) && fileSize >= FILE_EDIT_MAX_BYTES;
-            if (requiresReadonlyConfirm) {
-                const yes = await confirmFn(`文件较大（${formatBytes(fileSize)}），继续后将以只读方式全量预览，无法保存。是否继续？`);
-                if (!yes) {
-                    return;
-                }
-            }
-            const requestId = state.readRequestId + 1;
-            state.readRequestId = requestId;
-            state.loadingFile = true;
-            state.selectedPath = pathText;
-            state.selectedEntry = selectedEntry;
-            state.markdownViewMode = 'rendered';
-            setMobilePane('preview');
-            renderList();
-            renderPreviewEmpty(pathText, '正在读取文件内容...');
-            try {
-                const payload = await api(
-                    '/api/sessions/' + encodeURIComponent(state.sessionName) + '/fs/read?path='
-                    + encodeURIComponent(pathText)
-                    + '&full=1'
-                );
-                if (requestId !== state.readRequestId) {
-                    return;
-                }
-                if (requiresReadonlyConfirm && payload && payload.kind === 'text') {
-                    payload.editable = false;
-                }
-                renderPreviewPayload(payload);
-            } catch (e) {
-                if (requestId !== state.readRequestId) {
-                    return;
-                }
-                renderPreviewEmpty(pathText, e && e.message ? e.message : '读取文件失败');
-                onError(e && e.message ? e.message : '读取文件失败');
-            } finally {
-                if (requestId !== state.readRequestId) {
-                    return;
-                }
-                state.loadingFile = false;
-                renderList();
-            }
-        }
-
-        async function saveCurrentFile() {
-            if (!isEditablePreview() || !state.editor || typeof state.editor.getValue !== 'function' || !state.selectedFile || !state.selectedFile.path) {
-                return;
-            }
-            state.savingFile = true;
-            syncSaveButton();
-            setStatus('保存中');
-            try {
-                const nextContent = state.editor.getValue();
-                const payload = await api('/api/sessions/' + encodeURIComponent(state.sessionName) + '/fs/write', {
-                    method: 'PUT',
-                    body: JSON.stringify({
-                        path: state.selectedFile.path,
-                        content: nextContent
-                    })
-                });
-                state.previewDirty = false;
-                if (state.selectedFile) {
-                    state.selectedFile.content = nextContent;
-                    state.selectedFile.size = payload && typeof payload.size === 'number'
-                        ? payload.size
-                        : new TextEncoder().encode(nextContent).length;
-                }
-                const matchedEntry = state.entries.find(function (item) {
-                    return item && state.selectedFile && item.path === state.selectedFile.path;
-                });
-                if (matchedEntry && state.selectedFile) {
-                    matchedEntry.size = state.selectedFile.size;
-                }
-                renderPreviewPayload(state.selectedFile);
-                renderList();
-                setStatus('已保存');
-            } catch (e) {
-                setStatus('保存失败');
-                onError(e && e.message ? e.message : '保存文件失败');
-            } finally {
-                state.savingFile = false;
-                syncSaveButton();
-            }
-        }
-
-        function joinDirectoryPath(basePath, childName) {
-            const base = String(basePath || '/').trim() || '/';
-            const child = String(childName || '').trim();
-            if (!child) {
-                return base;
-            }
-            if (base === '/') {
-                return '/' + child.replace(/^\/+/, '');
-            }
-            return base.replace(/\/+$/, '') + '/' + child.replace(/^\/+/, '');
-        }
-
-        async function createDirectory() {
-            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/mkdir', {
-                    method: 'POST',
-                    body: JSON.stringify({ path: targetPath })
-                });
-                await loadDirectory(state.currentPath || state.containerPath || '/');
-                setStatus('已创建目录');
-            } catch (e) {
-                setStatus('创建目录失败');
-                onError(e && e.message ? e.message : '创建目录失败');
-            }
-        }
-
-        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;
-            const nextSessionName = String(session && session.name ? session.name : '').trim();
-            const nextContainerName = String(session && session.containerName ? session.containerName : '').trim();
-            const nextContainerPath = String(
-                (detail && detail.containerPath)
-                || (session && session.containerPath)
-                || '/'
-            ).trim() || '/';
-            const nextVisible = Boolean(context && context.visible);
-            const nextHistoryOnly = context && context.historyOnly === true;
-            const sessionChanged = nextSessionName !== state.sessionName;
-            const containerPathChanged = nextContainerPath !== state.containerPath;
-
-            state.visible = nextVisible;
-            state.historyOnly = nextHistoryOnly;
-
-            if (sessionChanged) {
-                state.sessionName = nextSessionName;
-                state.containerName = nextContainerName;
-                state.containerPath = nextContainerPath;
-                state.currentPath = '';
-                state.pathDraft = nextContainerPath;
-                state.parentPath = '';
-                state.entries = [];
-                state.selectedPath = '';
-                state.selectedEntry = null;
-                setMobilePane('list');
-                renderPreviewEmpty('未选择文件', '请选择左侧文件进行预览。');
-            } else if (containerPathChanged) {
-                state.containerPath = nextContainerPath;
-                if (!state.currentPath) {
-                    state.pathDraft = nextContainerPath;
-                }
-            }
-
-            renderList();
-            if (!nextVisible || !state.sessionName || state.historyOnly) {
-                return;
-            }
-            if (sessionChanged || containerPathChanged || !state.currentPath) {
-                loadDirectory(state.containerPath || '/');
-            }
-        }
-
-        if (pathNode) {
-            pathNode.addEventListener('input', function () {
-                state.pathDraft = pathNode.value;
-                renderList();
-            });
-            pathNode.addEventListener('keydown', function (event) {
-                if (event.key === 'Enter') {
-                    event.preventDefault();
-                    loadDirectory(pathNode.value);
-                }
-            });
-        }
-
-        if (visitBtn) {
-            visitBtn.addEventListener('click', function () {
-                loadDirectory(state.pathDraft || state.currentPath || state.containerPath || '/');
-            });
-        }
-
-        if (mkdirBtn) {
-            mkdirBtn.addEventListener('click', function () {
-                createDirectory().catch(function (e) {
-                    onError(e && e.message ? e.message : '创建目录失败');
-                });
-            });
-        }
-
-        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) {
-                    onError(e && e.message ? e.message : '保存文件失败');
-                });
-            });
-        }
-
-        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);
-            });
-        }
-
-        if (backToListBtn) {
-            backToListBtn.addEventListener('click', function () {
-                setMobilePane('list');
-            });
-        }
-
-        setMobilePane('list');
-        renderList();
-
-        return {
-            sync
-        };
-    }
-
-    window.ManyoyoFileBrowser = {
-        create,
-        sanitizeDisplayText
-    };
-}());