@jingyi0605/codingns4dsh 0.1.2 → 0.1.7-rc.2

package/data/build/dist/client/file-management-dom.js

@@ -0,0 +1,527 @@
+import { callCodingNsRpc } from './settings-bridge.js';
+import { basicSetup, EditorView } from 'codemirror';
+import { css } from '@codemirror/lang-css';
+import { html } from '@codemirror/lang-html';
+import { javascript } from '@codemirror/lang-javascript';
+import { json } from '@codemirror/lang-json';
+import { markdown } from '@codemirror/lang-markdown';
+import { python } from '@codemirror/lang-python';
+import { sql } from '@codemirror/lang-sql';
+const TEXT_EXTENSIONS = new Set(['.md', '.markdown', '.txt', '.ini', '.json', '.yaml', '.yml', '.toml', '.xml', '.csv', '.js', '.jsx', '.ts', '.tsx', '.css', '.html', '.htm', '.env', '.gitignore', '.conf', '.properties', '.sh', '.py', '.sql']);
+/** 给 DSH 原生文件树和文本查看器补充文件操作，不接管 DSH 自己的渲染状态。 */
+export function startFileManagementDom(rpc, initialOptions) {
+    // Client 功能也会在 H5/非浏览器测试环境被装配；没有 DOM 时保持惰性空实现。
+    if (typeof document === 'undefined')
+        return { setOptions: () => undefined, dispose: () => undefined };
+    let menu;
+    let clipboard;
+    let editor;
+    let options = { ...initialOptions };
+    let disposed = false;
+    const observer = typeof MutationObserver === 'undefined'
+        ? undefined
+        : new MutationObserver(() => { if (!disposed && options.fileEditor)
+            enhanceEditors(); });
+    const closeMenu = () => { menu?.remove(); menu = undefined; };
+    const onContextMenu = (event) => {
+        if (!options.menuEnhancement)
+            return;
+        const target = event.target?.closest('[data-files-entry][data-files-path]');
+        if (target == null)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        openMenu(target, event.clientX, event.clientY);
+    };
+    const onDocumentClick = (event) => {
+        if (menu !== undefined && !menu.contains(event.target))
+            closeMenu();
+    };
+    const onKeyDown = (event) => { if (event.key === 'Escape')
+        closeMenu(); };
+    document.addEventListener('contextmenu', onContextMenu, true);
+    document.addEventListener('click', onDocumentClick, true);
+    document.addEventListener('keydown', onKeyDown, true);
+    observer?.observe(document.body, { childList: true, subtree: true });
+    if (options.fileEditor)
+        enhanceEditors();
+    const dispose = () => {
+        disposed = true;
+        closeMenu();
+        clearEditorEnhancements();
+        editor = undefined;
+        observer?.disconnect();
+        document.removeEventListener('contextmenu', onContextMenu, true);
+        document.removeEventListener('click', onDocumentClick, true);
+        document.removeEventListener('keydown', onKeyDown, true);
+    };
+    return {
+        setOptions(nextOptions) {
+            const previous = options;
+            options = { ...nextOptions };
+            if (!options.menuEnhancement)
+                closeMenu();
+            if (!options.fileEditor)
+                clearEditorEnhancements();
+            else if (!previous.fileEditor)
+                enhanceEditors();
+        },
+        dispose,
+    };
+    function openMenu(item, x, y) {
+        closeMenu();
+        const path = item.dataset.filesPath ?? '';
+        const kind = item.dataset.filesEntry === 'directory' ? 'directory' : 'file';
+        if (path === '')
+            return;
+        const base = kind === 'directory' ? path : parentPath(path);
+        const panel = item.closest('[data-files-state="tree"]');
+        const items = [
+            { label: kind === 'directory' ? '展开文件夹' : '打开文件', action: () => clickEntry(item) },
+            { label: '下载文件', disabled: kind !== 'file', action: () => void downloadFile({ path }) },
+            { label: '新建文件', action: () => void createEntry(base, false) },
+            { label: '新建目录', action: () => void createEntry(base, true) },
+            { label: '重命名/移动', action: () => void renameEntry(path) },
+            { label: '复制', action: () => { clipboard = { mode: 'copy', paths: [path] }; } },
+            { label: '剪切', action: () => { clipboard = { mode: 'cut', paths: [path] }; } },
+            { label: '粘贴', disabled: clipboard === undefined, action: () => void pasteEntry(base, panel) },
+            { label: '复制相对路径', action: () => void copyPath(item, false) },
+            { label: '复制绝对路径', action: () => void copyPath(item, true) },
+            { label: '添加到 Git 排除', action: () => void runMutation('git-ignore', { paths: [path] }, panel) },
+            { label: '删除', action: () => void deleteEntry(path, panel) },
+        ];
+        menu = document.createElement('div');
+        menu.setAttribute('role', 'menu');
+        menu.style.cssText = 'position:fixed;z-index:2147483647;min-width:190px;padding:5px;background:var(--dsw-alias-bg-layer-3,#242526);border:1px solid var(--dsw-alias-border-l2,#666);border-radius:8px;box-shadow:0 8px 30px #0008;color:var(--dsw-alias-label-primary,#eee);font:13px var(--dsw-font,system-ui,sans-serif)';
+        for (const item of items) {
+            const button = document.createElement('button');
+            button.type = 'button';
+            button.setAttribute('role', 'menuitem');
+            button.textContent = item.label;
+            button.disabled = item.disabled === true;
+            button.style.cssText = 'display:block;width:100%;padding:7px 10px;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit';
+            button.addEventListener('mouseenter', () => { if (!button.disabled)
+                button.style.background = 'var(--dsw-alias-interactive-bg-hover,#3a3b3d)'; });
+            button.addEventListener('mouseleave', () => { button.style.background = 'transparent'; });
+            button.addEventListener('click', () => { closeMenu(); void item.action(); });
+            menu.append(button);
+        }
+        document.body.append(menu);
+        const width = menu.offsetWidth || 190;
+        const height = menu.offsetHeight || 360;
+        menu.style.left = `${Math.max(8, Math.min(x, window.innerWidth - width - 8))}px`;
+        menu.style.top = `${Math.max(8, Math.min(y, window.innerHeight - height - 8))}px`;
+    }
+    function clickEntry(item) {
+        ;
+        (item.querySelector('button') ?? item).dispatchEvent(new MouseEvent('click', { bubbles: true }));
+    }
+    async function createEntry(base, directory) {
+        const name = window.prompt(directory ? '输入新目录名称或相对路径' : '输入新文件名称或相对路径', '')?.trim();
+        if (!name)
+            return;
+        await runMutation(directory ? 'create-directory' : 'create-file', { path: joinPath(base, name) }, null);
+    }
+    async function renameEntry(path) {
+        const next = window.prompt('输入新的文件名或相对路径', leaf(path))?.trim();
+        if (!next || next === leaf(path))
+            return;
+        const destination = isAbsoluteLike(next) ? next : joinPath(parentPath(path), next);
+        await runMutation('rename', { path, destination }, null);
+    }
+    async function pasteEntry(base, panel) {
+        if (clipboard === undefined)
+            return;
+        await runMutation(clipboard.mode === 'copy' ? 'copy' : 'move', { paths: clipboard.paths, destination: base }, panel);
+        if (clipboard.mode === 'cut')
+            clipboard = undefined;
+    }
+    async function deleteEntry(path, panel) {
+        if (!window.confirm(`确定删除“${leaf(path)}”吗？`))
+            return;
+        await runMutation('delete', { paths: [path] }, panel);
+    }
+    async function downloadFile(target) {
+        try {
+            const result = await call('download', target);
+            const blob = new Blob([decodeBase64(result.contentBase64)], { type: result.mimeType ?? 'application/octet-stream' });
+            const link = document.createElement('a');
+            link.href = URL.createObjectURL(blob);
+            link.download = result.fileName ?? leaf(target.path);
+            document.body.append(link);
+            link.click();
+            link.remove();
+            // 某些局域网浏览器在 click 返回后才开始消费 Blob URL，不能立即撤销。
+            globalThis.setTimeout(() => URL.revokeObjectURL(link.href), 30_000);
+        }
+        catch (error) {
+            showNotice(errorMessage(error));
+        }
+    }
+    async function copyPath(item, absolute) {
+        const path = item.dataset.filesPath ?? '';
+        const root = filesRootForEntry(item);
+        const value = absolute ? absolutePath(path, root) : relativePath(path, root);
+        try {
+            await copyTextToClipboard(value);
+            showNotice(absolute ? '已复制绝对路径' : '已复制相对路径');
+        }
+        catch {
+            showNotice('复制路径失败');
+        }
+    }
+    async function runMutation(action, payload, panel) {
+        try {
+            await call(action, payload);
+            refreshPanel(panel);
+            showNotice('文件操作已完成');
+        }
+        catch (error) {
+            showNotice(errorMessage(error));
+        }
+    }
+    function refreshPanel(panel) {
+        const reload = panel?.querySelector('[data-files-reload]')
+            ?? findButton(panel, ['重新读取', '重新读取文件'])
+            ?? findButton(document, ['重新读取', '重新读取文件']);
+        if (reload !== null && reload !== undefined)
+            reload.click();
+    }
+    function enhanceEditors() {
+        if (!options.fileEditor)
+            return;
+        for (const root of document.querySelectorAll('[data-document-preview]')) {
+            if (root.dataset.fileManagementEditor === 'true')
+                continue;
+            const url = root.getAttribute('data-textpreview-url') ?? '';
+            if (root.getAttribute('data-textpreview-state') !== 'text' || !isEditableFile(url))
+                continue;
+            const header = root.querySelector('[data-textpreview-path]')?.parentElement;
+            if (header === null || header === undefined)
+                continue;
+            const button = createEditorButton(root, 'edit', '编辑文件');
+            button.setAttribute('data-file-management-edit', 'true');
+            button.addEventListener('click', () => void beginEdit(root, url, button));
+            placeEditorButton(root, header, button);
+            root.dataset.fileManagementEditor = 'true';
+        }
+    }
+    async function beginEdit(root, url, editButton) {
+        if (!options.fileEditor)
+            return;
+        if (editor !== undefined)
+            cancelEdit();
+        const target = parseFileTarget(url, root);
+        if (target === undefined) {
+            showNotice('无法解析当前文件路径');
+            return;
+        }
+        try {
+            const result = await call('read', target);
+            const body = root.querySelector('[data-textpreview-body]');
+            if (body === null)
+                return;
+            const host = document.createElement('div');
+            host.setAttribute('data-file-management-editor', 'true');
+            host.setAttribute('aria-label', '文件内容编辑器');
+            host.style.cssText = 'box-sizing:border-box;width:100%;height:100%;min-height:360px;border:1px solid var(--dsw-alias-border-l2,#666);border-radius:6px;overflow:hidden;background:var(--dsw-alias-bg-layer-1,transparent)';
+            body.style.display = 'none';
+            body.parentElement?.append(host);
+            const language = editorLanguageForPath(target.path);
+            const extensions = [basicSetup, editorTheme];
+            if (language !== undefined)
+                extensions.push(language);
+            extensions.push(EditorView.lineWrapping);
+            const view = new EditorView({ doc: result.content, extensions, parent: host });
+            view.focus();
+            const buttons = document.createElement('span');
+            buttons.style.cssText = 'display:inline-flex;align-items:center;gap:6px;margin-left:auto';
+            const save = createEditorButton(root, 'save', '保存文件');
+            const cancel = createEditorButton(root, 'cancel', '取消编辑');
+            buttons.append(save, cancel);
+            editButton.replaceWith(buttons);
+            editor = { root, body, host, view, path: target, buttons };
+            save.addEventListener('click', () => void saveEdit());
+            cancel.addEventListener('click', () => cancelEdit());
+        }
+        catch (error) {
+            showNotice(errorMessage(error));
+        }
+    }
+    async function saveEdit() {
+        if (editor === undefined)
+            return;
+        try {
+            await call('write', { ...editor.path, content: editor.view.state.doc.toString() });
+            const reload = editor.root.querySelector('[data-textpreview-tool="reload"]')
+                ?? findButton(editor.root.parentElement, ['重新读取文件', '重新读取'])
+                ?? findButton(document, ['重新读取文件', '重新读取']);
+            cancelEdit();
+            reload?.click();
+            showNotice('文件已保存');
+        }
+        catch (error) {
+            showNotice(errorMessage(error));
+        }
+    }
+    function cancelEdit(reenhance = true) {
+        if (editor === undefined)
+            return;
+        editor.view.destroy();
+        editor.host.remove();
+        editor.body.style.display = '';
+        editor.buttons.remove();
+        editor.root.dataset.fileManagementEditor = '';
+        editor = undefined;
+        if (reenhance && options.fileEditor)
+            enhanceEditors();
+    }
+    function clearEditorEnhancements() {
+        cancelEdit(false);
+        for (const root of document.querySelectorAll('[data-document-preview]')) {
+            root.querySelector('[data-file-management-edit]')?.remove();
+            root.dataset.fileManagementEditor = '';
+        }
+    }
+    async function call(action, payload) {
+        return callCodingNsRpc(rpc, `fileManagement/${action}`, payload);
+    }
+}
+function placeEditorButton(root, header, button) {
+    const openTarget = root.querySelector('[data-open-target="file"]');
+    const actionRow = openTarget?.parentElement;
+    if (openTarget !== null && openTarget !== undefined && actionRow !== null && actionRow !== undefined && root.contains(openTarget)) {
+        actionRow.style.display = 'flex';
+        actionRow.style.alignItems = 'center';
+        actionRow.style.flexShrink = '0';
+        openTarget.style.marginLeft = 'auto';
+        openTarget.style.flex = '0 0 auto';
+        button.style.marginLeft = '8px';
+        button.style.flex = '0 0 32px';
+        actionRow.insertBefore(button, openTarget);
+        return;
+    }
+    header.append(button);
+}
+// 编辑器只覆盖文件预览区域，颜色使用 DSH 主题变量，避免切换深浅色时残留固定配色。
+const editorTheme = EditorView.theme({
+    '&': {
+        height: '100%',
+        minHeight: '360px',
+        color: 'var(--dsw-alias-label-primary, inherit)',
+        backgroundColor: 'var(--dsw-alias-bg-layer-1, transparent)',
+        fontSize: '13px',
+    },
+    '.cm-scroller': {
+        overflow: 'auto',
+        fontFamily: 'var(--dsw-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)',
+        lineHeight: '1.55',
+    },
+    '.cm-content': { padding: '16px 0' },
+    '.cm-line': { padding: '0 16px' },
+    '.cm-gutters': {
+        padding: '16px 0',
+        backgroundColor: 'var(--dsw-alias-bg-layer-2, transparent)',
+        color: 'var(--dsw-alias-label-tertiary, #8a8f98)',
+        borderRight: '1px solid var(--dsw-alias-border-l2, #666)',
+    },
+    '.cm-gutterElement': { minWidth: '2.5em', padding: '0 10px 0 8px' },
+    '.cm-activeLine': { backgroundColor: 'var(--dsw-alias-interactive-bg-hover, rgba(127,127,127,.12))' },
+    '.cm-activeLineGutter': { backgroundColor: 'var(--dsw-alias-interactive-bg-hover, rgba(127,127,127,.12))' },
+    '.cm-selectionBackground, ::selection': { backgroundColor: 'var(--dsw-alias-interactive-bg-selected, rgba(80,120,200,.28)) !important' },
+    '.cm-cursor': { borderLeftColor: 'var(--dsw-alias-label-primary, currentColor)' },
+});
+function editorLanguageForPath(path) {
+    const extension = path.toLowerCase().split(/[\\/.]/u).pop() ?? '';
+    if (extension === 'md' || extension === 'markdown')
+        return markdown();
+    if (extension === 'json')
+        return json();
+    if (extension === 'js' || extension === 'jsx' || extension === 'mjs' || extension === 'cjs')
+        return javascript({ jsx: extension === 'jsx' });
+    if (extension === 'ts' || extension === 'tsx' || extension === 'mts' || extension === 'cts')
+        return javascript({ jsx: extension === 'tsx', typescript: true });
+    if (extension === 'html' || extension === 'htm' || extension === 'xml')
+        return html();
+    if (extension === 'css')
+        return css();
+    if (extension === 'py')
+        return python();
+    if (extension === 'sql')
+        return sql();
+    return undefined;
+}
+function createEditorButton(root, iconName, title) {
+    const reference = root.querySelector('[data-textpreview-tool]');
+    const button = reference === null
+        ? document.createElement('button')
+        : reference.cloneNode(false);
+    button.type = 'button';
+    button.textContent = '';
+    button.title = title;
+    button.setAttribute('aria-label', title);
+    button.removeAttribute('data-textpreview-tool');
+    button.removeAttribute('disabled');
+    button.setAttribute('data-file-management-toolbar-button', 'true');
+    button.style.display = 'inline-flex';
+    button.style.alignItems = 'center';
+    button.style.justifyContent = 'center';
+    button.style.boxSizing = 'border-box';
+    button.style.width = '32px';
+    button.style.minWidth = '32px';
+    button.style.height = '32px';
+    button.style.marginLeft = '0';
+    button.style.padding = '0';
+    button.append(createEditorIcon(iconName));
+    if (reference === null) {
+        button.style.border = '1px solid var(--dsw-alias-border-l2,#d1d5db)';
+        button.style.borderRadius = '6px';
+        button.style.background = 'var(--dsw-alias-bg-layer-1,transparent)';
+        button.style.color = 'var(--dsw-alias-label-primary,inherit)';
+        button.style.cursor = 'pointer';
+        button.style.transition = 'background-color 120ms ease,border-color 120ms ease,color 120ms ease';
+        button.addEventListener('mouseenter', () => {
+            button.style.background = 'var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))';
+            button.style.borderColor = 'var(--dsw-alias-border-l1,#9ca3af)';
+        });
+        button.addEventListener('mouseleave', () => {
+            button.style.background = 'var(--dsw-alias-bg-layer-1,transparent)';
+            button.style.borderColor = 'var(--dsw-alias-border-l2,#d1d5db)';
+        });
+    }
+    return button;
+}
+function createEditorIcon(iconName) {
+    const paths = {
+        edit: ['M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z', 'm15 5 4 4'],
+        save: ['M15.2 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.8z', 'M14 3v4a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V3', 'M6 21v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4'],
+        cancel: ['M18 6 6 18', 'm6 6 12 12'],
+    };
+    const createElementNS = typeof document.createElementNS === 'function'
+        ? document.createElementNS.bind(document)
+        : undefined;
+    if (createElementNS !== undefined) {
+        const icon = createElementNS('http://www.w3.org/2000/svg', 'svg');
+        icon.setAttribute('width', '16');
+        icon.setAttribute('height', '16');
+        icon.setAttribute('viewBox', '0 0 24 24');
+        icon.setAttribute('fill', 'none');
+        icon.setAttribute('stroke', 'currentColor');
+        icon.setAttribute('stroke-width', '1.8');
+        icon.setAttribute('stroke-linecap', 'round');
+        icon.setAttribute('stroke-linejoin', 'round');
+        icon.setAttribute('aria-hidden', 'true');
+        for (const pathData of paths[iconName]) {
+            const path = createElementNS('http://www.w3.org/2000/svg', 'path');
+            path.setAttribute('d', pathData);
+            icon.append(path);
+        }
+        return icon;
+    }
+    const fallback = document.createElement('span');
+    fallback.textContent = iconName === 'edit' ? '✎' : iconName === 'save' ? '▣' : '×';
+    fallback.setAttribute('aria-hidden', 'true');
+    fallback.style.fontSize = '16px';
+    fallback.style.lineHeight = '1';
+    return fallback;
+}
+function findButton(root, labels) {
+    if (root === null || root === undefined)
+        return undefined;
+    for (const button of root.querySelectorAll('button')) {
+        const label = button.getAttribute('aria-label')?.trim() || button.textContent?.trim() || '';
+        if (labels.includes(label))
+            return button;
+    }
+    return undefined;
+}
+function parseFileTarget(url, root) {
+    const match = /^dsh-resource:\/\/file\/session\/([^/]+)\/(.*)$/u.exec(url);
+    if (match === null)
+        return undefined;
+    const sessionId = decodeURIComponent(match[1] ?? '');
+    const path = decodeURIComponent(match[2] ?? '');
+    const workspaceRoot = root.closest('[data-sidebar-right-panel]')?.querySelector('[data-files-root]')?.getAttribute('data-files-root');
+    return workspaceRoot === null || workspaceRoot === undefined || workspaceRoot === ''
+        ? { sessionId, path }
+        : { path: joinPath(workspaceRoot, path) };
+}
+function filesRootForEntry(item) {
+    const tree = item.closest('[data-files-state="tree"]');
+    const panelRoot = item.closest('[data-sidebar-right-panel]')?.querySelector('[data-files-root]');
+    const value = tree?.getAttribute('data-files-root')?.trim() || panelRoot?.getAttribute('data-files-root')?.trim();
+    return value === null || value === undefined || value.trim() === '' ? undefined : value.trim();
+}
+function isEditableFile(url) {
+    const path = url.split('/').pop() ?? '';
+    const dot = path.lastIndexOf('.');
+    return path.startsWith('.gitignore') || (dot >= 0 && TEXT_EXTENSIONS.has(path.slice(dot).toLowerCase()));
+}
+function parentPath(path) { const index = Math.max(path.lastIndexOf('/'), path.lastIndexOf('\\')); return index <= 0 ? path.slice(0, Math.max(index, 1)) : path.slice(0, index); }
+function leaf(path) { return path.split(/[\\/]/u).filter(Boolean).pop() ?? path; }
+function isAbsoluteLike(path) { return path.startsWith('/') || /^[A-Za-z]:[\\/]/u.test(path); }
+function joinPath(base, child) { const separator = base.includes('\\') && !base.includes('/') ? '\\' : '/'; return `${base.replace(/[\\/]$/u, '')}${separator}${child.replace(/^[\\/]+/u, '')}`; }
+function absolutePath(path, root) {
+    if (isAbsoluteLike(path) || root === undefined)
+        return path;
+    return joinPath(root, path);
+}
+function relativePath(path, root) {
+    const workspaceRoot = root ?? document.querySelector('[data-files-root]')?.getAttribute('data-files-root') ?? undefined;
+    if (workspaceRoot === undefined)
+        return path;
+    const normalizedPath = path.replaceAll('\\', '/');
+    const normalizedRoot = workspaceRoot.replace(/[\\/]$/u, '').replaceAll('\\', '/');
+    if (normalizedPath === normalizedRoot)
+        return '.';
+    if (normalizedPath.startsWith(`${normalizedRoot}/`))
+        return normalizedPath.slice(normalizedRoot.length + 1);
+    return path;
+}
+async function copyTextToClipboard(text) {
+    if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {
+        try {
+            await navigator.clipboard.writeText(text);
+            return;
+        }
+        catch {
+            // HTTP 局域网页面可能没有 Clipboard 权限，继续使用兼容回退。
+        }
+    }
+    if (copyTextWithExecCommand(text))
+        return;
+    throw new Error('浏览器不允许访问剪贴板');
+}
+function copyTextWithExecCommand(text) {
+    if (typeof document === 'undefined' || typeof document.execCommand !== 'function' || document.body === null)
+        return false;
+    const textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.setAttribute('readonly', 'true');
+    textarea.style.position = 'fixed';
+    textarea.style.top = '-9999px';
+    textarea.style.left = '-9999px';
+    textarea.style.opacity = '0';
+    document.body.append(textarea);
+    textarea.focus();
+    textarea.select();
+    try {
+        return document.execCommand('copy');
+    }
+    catch {
+        return false;
+    }
+    finally {
+        textarea.remove();
+    }
+}
+function decodeBase64(value) {
+    const binary = atob(value);
+    const bytes = new Uint8Array(binary.length);
+    for (let index = 0; index < binary.length; index += 1)
+        bytes[index] = binary.charCodeAt(index);
+    return bytes.buffer;
+}
+function errorMessage(error) { return error instanceof Error ? error.message : String(error); }
+function showNotice(message) { const notice = document.createElement('div'); notice.textContent = message; notice.style.cssText = 'position:fixed;z-index:2147483647;left:50%;bottom:24px;transform:translateX(-50%);padding:8px 14px;border-radius:6px;background:#2d2f33;color:#fff;box-shadow:0 4px 18px #0008;font:13px system-ui'; document.body.append(notice); globalThis.setTimeout(() => notice.remove(), 2200); }
+//# sourceMappingURL=file-management-dom.js.map

package/data/build/dist/client/git-management.js

@@ -348,7 +348,10 @@ function diffLineStyle(kind) {
     return diffLineBaseStyle;
 }
 function HistorySection({ history, totalCount, hasMore, loadingMore, onLoadMore, branches, busy, onSwitch, onCopy, onCopyMessage, onViewDiff, onUndo }) {
-    const rows = history.map((item, index) => createElement('div', { key: item.commitHash, style: historyRowStyle }, createElement('code', { style: hashStyle }, item.commitHash.slice(0, 8)), createElement('span', { style: fileNameStyle, title: item.subject }, item.subject), createElement('time', { style: mutedStyle }, formatDate(item.authoredAt)), createElement('details', { style: menuStyle }, createElement('summary', { style: menuSummaryStyle, title: '版本操作菜单', 'aria-label': '版本操作菜单' }, '⋯'), createElement('div', { style: menuPopupStyle }, createElement('button', { type: 'button', onClick: () => onViewDiff(item.commitHash), style: menuButtonStyle }, '查看更改文件与 Diff'), createElement('button', { type: 'button', onClick: () => onCopy(item.commitHash), style: menuButtonStyle }, '复制 Commit Hash'), createElement('button', { type: 'button', onClick: () => onCopyMessage(buildCommitMessageText(item.subject, item.body)), style: menuButtonStyle }, '复制提交信息'), createElement('button', { type: 'button', onClick: () => onCopy(item.commitHash), style: menuButtonStyle }, '复制 Git 版本号'), index === 0 ? createElement('button', { type: 'button', disabled: busy, onClick: onUndo, style: dangerMenuButtonStyle }, '撤销上次提交') : null))));
+    const rows = groupHistoryByDate(history).flatMap((group) => [
+        createElement('div', { key: `date:${group.key}`, style: historyDateHeaderStyle }, createElement('time', { dateTime: group.key, style: historyDateHeaderTextStyle }, group.label)),
+        ...group.items.map(({ item, index, timeLabel }) => createElement('div', { key: item.commitHash, style: historyRowStyle }, createElement('code', { style: hashStyle }, item.commitHash.slice(0, 8)), createElement('span', { style: fileNameStyle, title: item.subject }, item.subject), createElement('time', { style: historyTimeStyle, dateTime: item.authoredAt }, timeLabel), createElement('details', { style: menuStyle }, createElement('summary', { style: menuSummaryStyle, title: '版本操作菜单', 'aria-label': '版本操作菜单' }, '⋯'), createElement('div', { style: menuPopupStyle }, createElement('button', { type: 'button', onClick: () => onViewDiff(item.commitHash), style: menuButtonStyle }, '查看更改文件与 Diff'), createElement('button', { type: 'button', onClick: () => onCopy(item.commitHash), style: menuButtonStyle }, '复制 Commit Hash'), createElement('button', { type: 'button', onClick: () => onCopyMessage(buildCommitMessageText(item.subject, item.body)), style: menuButtonStyle }, '复制提交信息'), createElement('button', { type: 'button', onClick: () => onCopy(item.commitHash), style: menuButtonStyle }, '复制 Git 版本号'), index === 0 ? createElement('button', { type: 'button', disabled: busy, onClick: onUndo, style: dangerMenuButtonStyle }, '撤销上次提交') : null)))),
+    ]);
     return createElement('section', { style: sectionStyle }, createElement('div', { style: sectionHeaderStyle }, createElement('strong', undefined, `Git 版本 (${totalCount})`), branches === null ? null : createElement('select', { value: branches.currentBranch, disabled: busy, onChange: (event) => onSwitch(event.currentTarget.value), style: branchSelectStyle }, ...branches.local.map((branch) => createElement('option', { key: branch.name, value: branch.name }, branch.name)))), history.length === 0 ? createElement('div', { style: mutedStyle }, '暂无提交') : rows, hasMore ? createElement('button', { type: 'button', disabled: busy || loadingMore, onClick: onLoadMore, style: loadMoreButtonStyle }, loadingMore ? '正在加载…' : '查看更多版本（每次 100 条）') : null);
 }
 function buildChangeTree(items) {
@@ -673,13 +676,26 @@ async function copyText(value) { try {
 catch {
     return false;
 } }
-function formatDate(value) {
+function groupHistoryByDate(history) {
+    const groups = [];
+    for (const [index, item] of history.entries()) {
+        const timestamp = formatHistoryTimestamp(item.authoredAt);
+        const current = groups.at(-1);
+        if (current?.key === timestamp.key) {
+            current.items.push({ item, index, timeLabel: timestamp.timeLabel });
+            continue;
+        }
+        groups.push({ key: timestamp.key, label: timestamp.dateLabel, items: [{ item, index, timeLabel: timestamp.timeLabel }] });
+    }
+    return groups;
+}
+function formatHistoryTimestamp(value) {
     const timestamp = Date.parse(value);
     if (Number.isNaN(timestamp))
-        return value;
-    const parts = new Intl.DateTimeFormat('zh-CN', { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).formatToParts(timestamp);
+        return { key: 'unknown', dateLabel: '未知日期', timeLabel: '未知时间' };
+    const parts = new Intl.DateTimeFormat('zh-CN', { year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).formatToParts(timestamp);
     const get = (type) => parts.find((part) => part.type === type)?.value ?? '';
-    return `${get('month')}月${get('day')}日 ${get('hour')}:${get('minute')}`;
+    return { key: `${get('year')}-${get('month')}-${get('day')}`, dateLabel: `${get('month')}月${get('day')}日`, timeLabel: `${get('hour')}:${get('minute')}` };
 }
 function buildCommitMessageText(subject, body) { const normalizedSubject = subject.trim(); const normalizedBody = body.trim(); return normalizedBody ? `${normalizedSubject}\n\n${normalizedBody}` : normalizedSubject; }
 const panelStyle = { position: 'relative', boxSizing: 'border-box', display: 'flex', flexDirection: 'column', gap: 12, minHeight: '100%', padding: '16px 18px 24px', overflow: 'auto', background: dshThemeColor.pageBackground, color: dshThemeColor.labelPrimary };
@@ -702,11 +718,14 @@ const fileIconStyle = { width: 12, color: dshThemeColor.labelTertiary, fontSize:
 const fileNameStyle = { minWidth: 0, flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' };
 const fileStatusStyle = { color: dshThemeColor.labelTertiary, fontFamily: 'monospace', fontSize: 11 };
 const historyRowStyle = { display: 'flex', alignItems: 'center', gap: 8, minHeight: 28, fontSize: 12 };
+const historyDateHeaderStyle = { paddingTop: 6, color: dshThemeColor.labelSecondary, fontSize: 11, fontWeight: 600 };
+const historyDateHeaderTextStyle = { display: 'block' };
 const hashStyle = { color: dshThemeColor.labelTertiary, fontSize: 11 };
 const rowActionsStyle = { display: 'inline-flex', alignItems: 'center', gap: 2, flex: '0 0 auto' };
 const iconButtonStyle = { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 24, height: 24, border: 0, borderRadius: 4, padding: 0, color: dshThemeColor.labelSecondary, background: 'transparent', cursor: 'pointer', fontSize: 16 };
 const dangerIconButtonStyle = { ...iconButtonStyle, color: dshThemeColor.error };
 const mutedStyle = { color: dshThemeColor.labelTertiary, fontSize: 11 };
+const historyTimeStyle = { ...mutedStyle, flex: '0 0 auto', fontVariantNumeric: 'tabular-nums' };
 const emptyStyle = { padding: 16, color: dshThemeColor.labelSecondary, fontSize: 12 };
 const diffOverlayStyle = { position: 'fixed', inset: 0, zIndex: 1000, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 20, boxSizing: 'border-box', background: 'color-mix(in srgb, #000 28%, transparent)' };
 const diffStyle = { ...sectionStyle, width: 'min(1000px, 100%)', maxHeight: 'min(88vh, 760px)', overflow: 'hidden', boxShadow: dshThemeColor.subtleShadow };

package/data/build/dist/client/host-navigation.d.ts

@@ -0,0 +1,29 @@
+import type { AggregateHostResult, AggregateWorkspaceSummary, PeerHostSessionRecord } from '../shared/contracts/peer-host.js';
+export interface HostNavigationSessionItem {
+    readonly key: string;
+    readonly sessionId: string;
+    readonly title: string;
+    readonly status: string;
+    readonly scope: PeerHostSessionRecord['scope'];
+}
+export interface HostNavigationWorkspaceItem {
+    readonly key: string;
+    readonly workspaceId: string;
+    readonly label: string;
+    readonly hostLabel: string;
+    readonly availability: AggregateWorkspaceSummary['availability'];
+    readonly sessions: readonly HostNavigationSessionItem[];
+}
+export interface HostNavigationHostItem {
+    readonly key: string;
+    readonly hostId: string;
+    readonly targetHostId: string | null;
+    readonly label: string;
+    readonly availability: AggregateHostResult['availability'];
+    readonly errorCode: AggregateHostResult['errorCode'];
+    readonly workspaces: readonly HostNavigationWorkspaceItem[];
+}
+/** 将聚合 DTO 转成原生导航可消费的数据；标签不参与资源身份。 */
+export declare function buildHostNavigation(results: readonly AggregateHostResult[]): readonly HostNavigationHostItem[];
+export declare function hostKey(hostId: string, targetHostId: string | null): string;
+//# sourceMappingURL=host-navigation.d.ts.map

package/data/build/dist/client/host-navigation.js

@@ -0,0 +1,29 @@
+/** 将聚合 DTO 转成原生导航可消费的数据；标签不参与资源身份。 */
+export function buildHostNavigation(results) {
+    return results.map((host) => ({
+        key: hostKey(host.hostId, host.targetHostId),
+        hostId: host.hostId,
+        targetHostId: host.targetHostId,
+        label: host.hostLabel,
+        availability: host.availability,
+        errorCode: host.errorCode,
+        workspaces: host.workspaces.map((workspace) => ({
+            key: workspace.key,
+            workspaceId: workspace.workspaceId,
+            label: `${workspace.displayName} (${workspace.hostLabel})`,
+            hostLabel: workspace.hostLabel,
+            availability: workspace.availability,
+            sessions: workspace.sessions.map((session) => ({
+                key: `${workspace.key}:${session.scope.sessionId ?? 'none'}`,
+                sessionId: session.scope.sessionId ?? '',
+                title: session.title,
+                status: session.status,
+                scope: session.scope,
+            })),
+        })),
+    }));
+}
+export function hostKey(hostId, targetHostId) {
+    return `${hostId}:${targetHostId ?? 'current'}`;
+}
+//# sourceMappingURL=host-navigation.js.map

package/data/build/dist/client/host-router.d.ts

@@ -0,0 +1,3 @@
+export { HostRouter } from '../features/host-router.js';
+export type { HostRouterInput } from '../features/host-router.js';
+//# sourceMappingURL=host-router.d.ts.map

package/data/build/dist/client/host-router.js

@@ -0,0 +1,2 @@
+export { HostRouter } from '../features/host-router.js';
+//# sourceMappingURL=host-router.js.map