dsh-linked-workspace 0.6.2 → 0.8.0

package/lib/client.js

@@ -1848,6 +1848,13 @@ function fileIconSpec(name, isDir) {
       return String(cwd || '').replace(/\\/g, '/').replace(/\/+$/, '').toLowerCase();
     }
 
+    function pathInsideOf(root, target) {
+      var base = linkedScopeKey(root);
+      var value = linkedScopeKey(target);
+      if (!base) return true;
+      return value === base || value.indexOf(base + '/') === 0;
+    }
+
     function isLinkedWorkspaceId(workspaceId) {
       return Boolean(workspaceId) && linkedWorkspaceKeys.has(String(workspaceId));
     }
@@ -1998,6 +2005,19 @@ function fileIconSpec(name, isDir) {
       tooLarge: '文件过大（{{size}}），暂不支持在侧边栏内编辑。',
       truncated: '内容已截断',
       fileLoadError: '无法打开文件',
+      imageLoadError: '无法预览图片',
+      previewOnly: '图片预览',
+      csvTable: '表格',
+      csvSource: '源码',
+      csvEmpty: '没有可显示的数据',
+      csvTruncated: '仅显示前 1000 行',
+      moveTitle: '移动到…',
+      moveMessage: '选择「{{name}}」要移动到的目录',
+      moveDone: '已移动',
+      moveDirty: '该文件有未保存修改，请先保存或关闭后再移动',
+      moveFailed: '移动失败',
+      moveHint: '进入目标文件夹后点击「使用此目录」',
+      ctxMove: '移动到…',
       noWorkspace: '远程工作区不存在，请重新添加。',
       noTarget: '没有可用的远程目录。先在设置 → 连接中添加，或点击左侧「添加工作区」。',
       treeEmpty: '空目录',
@@ -2148,6 +2168,26 @@ function fileIconSpec(name, isDir) {
       openWithSystem: '系统默认应用',
       openWithCopy: '复制路径',
       openModeSaved: '打开方式已保存',
+      autoSaveTitle: '自动保存',
+      autoSaveHint: '编辑停顿约 1 秒后自动保存；关闭后请按 Ctrl+S 手动保存。',
+      autoSaveLabel: '开启自动保存',
+      autoSaveSaved: '自动保存设置已保存',
+      shortcutTitle: '常用快捷键',
+      shortcutHint: '与 VS Code 类似的默认快捷键；macOS 上把 Ctrl 换成 ⌘。',
+      shortcutSave: '保存当前文件',
+      shortcutClose: '关闭当前文件',
+      shortcutSwitch: '切换文件标签',
+      shortcutDirectory: '显示/隐藏目录面板',
+      shortcutSearch: '在文件中搜索',
+      terminalRemote: '打开远程终端',
+      terminalLocal: '打开本地终端',
+      terminalOpened: '已打开终端',
+      terminalOpenFailed: '打开终端失败',
+      dirtyCloseTitle: '文件尚未保存',
+      dirtyCloseMessage: '「{{name}}」有未保存的修改。关闭前要保存吗？',
+      dirtyCloseSave: '保存并关闭',
+      dirtyCloseDiscard: '不保存关闭',
+      saveFailed: '保存失败，文件未关闭',
       noChanges: '没有检测到更改',
       notGitRepo: '该目录不是 Git 仓库',
       changesRemote: '远端更改',
@@ -2288,6 +2328,19 @@ function fileIconSpec(name, isDir) {
       tooLarge: 'File too large ({{size}}); editing it in the sidebar is not supported yet.',
       truncated: 'Content truncated',
       fileLoadError: 'Cannot open the file',
+      imageLoadError: 'Cannot preview this image',
+      previewOnly: 'Image preview',
+      csvTable: 'Table',
+      csvSource: 'Source',
+      csvEmpty: 'No rows to show',
+      csvTruncated: 'Showing the first 1000 rows',
+      moveTitle: 'Move to…',
+      moveMessage: 'Choose the destination folder for "{{name}}"',
+      moveDone: 'Moved',
+      moveDirty: 'This file has unsaved changes; save or close it before moving',
+      moveFailed: 'Move failed',
+      moveHint: 'Open the destination folder, then click “Use this directory”',
+      ctxMove: 'Move to…',
       noWorkspace: 'This remote workspace no longer exists. Add it again.',
       noTarget: 'No remote directory is available. Add one in Settings → Connections, or click “Add workspace” on the left.',
       treeEmpty: 'Empty directory',
@@ -2438,6 +2491,26 @@ function fileIconSpec(name, isDir) {
       openWithSystem: 'System default app',
       openWithCopy: 'Copy path',
       openModeSaved: 'Open mode saved',
+      autoSaveTitle: 'Auto save',
+      autoSaveHint: 'Saves about one second after you stop typing. When off, press Ctrl+S to save.',
+      autoSaveLabel: 'Enable auto save',
+      autoSaveSaved: 'Auto-save setting saved',
+      shortcutTitle: 'Keyboard shortcuts',
+      shortcutHint: 'VS Code-like defaults; use ⌘ instead of Ctrl on macOS.',
+      shortcutSave: 'Save the current file',
+      shortcutClose: 'Close the current file',
+      shortcutSwitch: 'Switch file tabs',
+      shortcutDirectory: 'Show/hide the directory pane',
+      shortcutSearch: 'Search in files',
+      terminalRemote: 'Open remote terminal',
+      terminalLocal: 'Open local terminal',
+      terminalOpened: 'Terminal opened',
+      terminalOpenFailed: 'Could not open terminal',
+      dirtyCloseTitle: 'Unsaved changes',
+      dirtyCloseMessage: '“{{name}}” has unsaved changes. Save before closing?',
+      dirtyCloseSave: 'Save and close',
+      dirtyCloseDiscard: 'Close without saving',
+      saveFailed: 'Save failed; the file was left open',
       noChanges: 'No changes detected',
       notGitRepo: 'Not a Git repository',
       changesRemote: 'Remote changes',
@@ -2639,9 +2712,58 @@ function fileIconSpec(name, isDir) {
       if (value === '.docx') return 'docx';
       if (value === '.xlsx') return 'xlsx';
       if (value === '.pptx') return 'pptx';
+      if (value === '.csv' || value === '.tsv') return 'csv';
+      if (value === '.png' || value === '.jpg' || value === '.jpeg' || value === '.gif'
+        || value === '.webp' || value === '.bmp' || value === '.ico' || value === '.avif'
+        || value === '.svg') return 'image';
       return '';
     }
 
+    function isCsvPath(path) {
+      var ext = String(path || '').toLowerCase().match(/\.[^./\\]+$/);
+      return Boolean(ext && (ext[0] === '.csv' || ext[0] === '.tsv'));
+    }
+
+    function parseDelimited(text, delimiter) {
+      var rows = [];
+      var row = [];
+      var field = '';
+      var quoted = false;
+      var index = 0;
+      var source = String(text || '');
+      function pushField() { row.push(field); field = ''; }
+      function pushRow() {
+        pushField();
+        rows.push(row);
+        row = [];
+      }
+      while (index < source.length) {
+        var ch = source[index];
+        if (quoted) {
+          if (ch === '"') {
+            if (source[index + 1] === '"') { field += '"'; index += 2; continue; }
+            quoted = false; index += 1; continue;
+          }
+          field += ch; index += 1; continue;
+        }
+        if (ch === '"') { quoted = true; index += 1; continue; }
+        if (ch === delimiter) { pushField(); index += 1; continue; }
+        if (ch === '\r') { index += 1; continue; }
+        if (ch === '\n') { pushRow(); index += 1; continue; }
+        field += ch; index += 1;
+      }
+      if (field !== '' || row.length > 0) pushRow();
+      return rows;
+    }
+
+    function csvDelimiterOf(path, text) {
+      if (/\.tsv$/i.test(String(path || ''))) return '\t';
+      var firstLine = String(text || '').split(/\r?\n/, 1)[0] || '';
+      var commas = (firstLine.match(/,/g) || []).length;
+      var semicolons = (firstLine.match(/;/g) || []).length;
+      return semicolons > commas ? ';' : ',';
+    }
+
     function sanitizeDocumentHtml(html) {
       try {
         var parsed = new DOMParser().parseFromString(String(html || ''), 'text/html');
@@ -2718,7 +2840,7 @@ function fileIconSpec(name, isDir) {
     };
 
     var runtimeSettings = {
-      value: { editorTheme: DEFAULT_THEME_ID, editorThemeFamily: DEFAULT_THEME_FAMILY, editorThemeMode: 'system', appThemeDark: false, fileOpenMode: 'editor' },
+      value: { editorTheme: DEFAULT_THEME_ID, editorThemeFamily: DEFAULT_THEME_FAMILY, editorThemeMode: 'system', appThemeDark: false, fileOpenMode: 'editor', autoSave: false },
       loaded: false,
       loading: null,
       listeners: new Set(),
@@ -2741,7 +2863,7 @@ function fileIconSpec(name, isDir) {
           runtimeSettings.loading = null;
           var openMode = settings && (settings.fileOpenMode === 'system' || settings.fileOpenMode === 'copy') ? settings.fileOpenMode : 'editor';
           var mode = settings && (settings.editorThemeMode === 'light' || settings.editorThemeMode === 'dark') ? settings.editorThemeMode : 'system';
-          runtimeSettings.apply({ editorTheme: settings && settings.editorTheme ? settings.editorTheme : DEFAULT_THEME_ID, editorThemeFamily: themeFamilyFor(settings), editorThemeMode: mode, fileOpenMode: openMode });
+          runtimeSettings.apply({ editorTheme: settings && settings.editorTheme ? settings.editorTheme : DEFAULT_THEME_ID, editorThemeFamily: themeFamilyFor(settings), editorThemeMode: mode, fileOpenMode: openMode, autoSave: Boolean(settings && settings.autoSave) });
           return runtimeSettings.value;
         }).catch(function () {
           runtimeSettings.loaded = true;
@@ -2764,6 +2886,13 @@ function fileIconSpec(name, isDir) {
           return runtimeSettings.value;
         });
       },
+      saveAutoSave: function (enabled) {
+        return apiCall('settings.update', { autoSave: Boolean(enabled) }).then(function (settings) {
+          runtimeSettings.loaded = true;
+          runtimeSettings.apply({ autoSave: Boolean(settings && settings.autoSave) });
+          return runtimeSettings.value;
+        });
+      },
     };
 
     function themeFamilyFor(settings) {
@@ -2968,6 +3097,10 @@ function fileIconSpec(name, isDir) {
       '.rw-option-title{display:flex;align-items:center;gap:8px;font-size:13px;line-height:20px;font-weight:600}',
       '.rw-option-desc{font-size:11.5px;line-height:17px;color:var(--dsw-alias-label-tertiary)}',
       '.rw-warn-box{padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary) 45%,transparent);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 8%,var(--dsw-alias-bg-layer-1));font-size:12px;line-height:18px}',
+      '.rw-setting-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l1);border-radius:9px;background:var(--dsw-alias-bg-layer-1)}',
+      '.rw-shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px}',
+      '.rw-shortcut-row{display:flex;align-items:center;gap:10px;min-height:28px;font-size:12px;color:var(--dsw-alias-label-secondary)}',
+      '.rw-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:2px 7px;border:1px solid var(--dsw-alias-border-l2);border-bottom-width:2px;border-radius:5px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:11px/16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}',
       '@media (max-width:720px){.rw-theme-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.rw-pair{grid-template-columns:minmax(0,1fr)}}',
       '.rw-linked-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--dsw-alias-border-l1);min-width:0;position:relative;z-index:5}',
       '.rw-menu-wrap{position:relative}',
@@ -3077,6 +3210,17 @@ function fileIconSpec(name, isDir) {
       '.rw-props{display:grid;grid-template-columns:70px minmax(0,1fr);gap:5px 9px;font-size:12px;line-height:18px}',
       '.rw-props-key{color:var(--dsw-alias-label-tertiary)}',
       '.rw-props-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+      '.rw-image-preview{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary)}',
+      '.rw-image-head{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);min-width:0;flex:none}',
+      '.rw-image-head .rw-actions{display:flex;align-items:center;gap:6px;flex:none}',
+      '.rw-image-stage{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;overflow:auto;padding:18px;background:repeating-conic-gradient(var(--dsw-alias-bg-layer-1) 0% 25%,var(--dsw-alias-bg-base) 0% 50%) 50%/18px 18px}',
+      '.rw-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 2px 16px rgba(0,0,0,.18)}',
+      '.rw-csv-wrap{flex:1 1 auto;min-height:0;overflow:auto;background:var(--dsw-alias-bg-base)}',
+      '.rw-csv-table{border-collapse:collapse;font:12px/18px ui-monospace,"Cascadia Code",Consolas,monospace;min-width:100%}',
+      '.rw-csv-table th{position:sticky;top:0;z-index:1;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary);font-weight:600;text-align:left;padding:4px 8px;border:1px solid var(--dsw-alias-border-l1);white-space:nowrap}',
+      '.rw-csv-table td{padding:3px 8px;border:1px solid var(--dsw-alias-border-l1);vertical-align:top;max-width:360px;overflow-wrap:anywhere}',
+      '.rw-csv-table tr:nth-child(even) td{background:color-mix(in srgb,var(--dsw-alias-bg-layer-1) 52%,transparent)}',
+      '.rw-csv-note{padding:5px 9px;font-size:10.5px;color:var(--dsw-alias-label-tertiary);border-top:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1)}',
       '.rw-queue-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--dsw-alias-border-l1);font-size:12px}',
       '.rw-queue-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
       '.rw-queue-state{flex:none;font-size:10.5px;color:var(--dsw-alias-label-tertiary)}',
@@ -3184,6 +3328,12 @@ function fileIconSpec(name, isDir) {
         h('circle', { key: 'd', cx: 4.6, cy: 11.3, r: 0.8, fill: 'currentColor' }),
       ]);
     }
+    function IconTerminal(size) {
+      return svg(size || 14, [
+        h('rect', { key: 'a', x: 1.8, y: 2.4, width: 12.4, height: 11.2, rx: 1.8, stroke: 'currentColor', strokeWidth: 1.25 }),
+        h('path', { key: 'b', d: 'm4.4 6 2.1 2-2.1 2M8.2 10h3.3', stroke: 'currentColor', strokeWidth: 1.3, strokeLinecap: 'round', strokeLinejoin: 'round' }),
+      ]);
+    }
     function IconEye(size) {
       return svg(size || 14, [
         h('path', { key: 'a', d: 'M1.6 8s2.4-4.1 6.4-4.1S14.4 8 14.4 8 12 12.1 8 12.1 1.6 8 1.6 8Z', stroke: 'currentColor', strokeWidth: 1.25, strokeLinejoin: 'round' }),
@@ -3427,6 +3577,7 @@ function fileIconSpec(name, isDir) {
       var t = props.t;
       var locale = props.locale;
       var initialPath = props.initialPath || '';
+      var root = props.root || '';
       var state = useState({ loading: true, listing: null, error: '', input: initialPath, creating: false, folderName: '' });
       var local = state[0];
       var setLocal = state[1];
@@ -3448,6 +3599,7 @@ function fileIconSpec(name, isDir) {
 
       function navigate(path) {
         if (!path) return;
+        if (root && !pathInsideOf(root, path)) return;
         load(path);
       }
 
@@ -3550,7 +3702,7 @@ function fileIconSpec(name, isDir) {
           h('div', { className: 'rw-actions' },
             h('button', {
               type: 'button', className: 'rw-btn rw-btn-sm rw-btn-primary',
-              disabled: !listing || local.loading,
+              disabled: !listing || local.loading || (root && !pathInsideOf(root, listing.path)),
               onClick: function () { if (listing && props.onPick) props.onPick(listing.path); },
             }, IconCheck(12), t('useThisDir')))),
         local.creating
@@ -3648,6 +3800,128 @@ function fileIconSpec(name, isDir) {
           }, IconCheck(12), t('useThisDir'))));
     }
 
+    function ScopePathPicker(props) {
+      var t = props.t;
+      var locale = props.locale;
+      var scope = props.scope;
+      var root = props.root || '';
+      var state = useState({ loading: true, listing: null, error: '' });
+      var view = state[0];
+      var setView = state[1];
+
+      var load = useCallback(function (path) {
+        setView(function (previous) { return Object.assign({}, previous, { loading: true, error: '' }); });
+        var request = Object.assign({ path: path || root }, scopeParams(scope));
+        apiCall('fs.list', request).then(function (result) {
+          setView({ loading: false, listing: result, error: '' });
+        }).catch(function (error) {
+          setView({ loading: false, listing: null, error: messageOf(error, t, locale) });
+        });
+      }, [scopeKeyOf(scope), root]);
+
+      useEffect(function () { load(props.initialPath || root); }, []);
+
+      var listing = view.listing;
+      var dirs = listing ? (listing.entries || []).filter(function (entry) { return entry.type === 'dir'; }) : [];
+      var parent = listing && listing.path !== root
+        ? listing.path.replace(/\/+$/, '').replace(/\/[^/]*$/, '') || '/'
+        : '';
+      return h('div', { className: 'rw-browser rw-move-browser' },
+        h('div', { className: 'rw-browser-head' },
+          h('button', {
+            type: 'button', className: 'rw-icon-btn', title: t('parentDir'),
+            disabled: view.loading || !parent,
+            onClick: function () { if (parent) load(parent); },
+          }, h('span', { style: { transform: 'rotate(180deg)', display: 'inline-flex' } }, IconChevron(13))),
+          h('div', { className: 'rw-breadcrumb rw-input-mono', title: listing ? listing.path : '' },
+            listing ? listing.path : t('loading')),
+          view.loading ? Spinner(13) : null),
+        h('div', { className: 'rw-browser-list', role: 'list' },
+          view.error
+            ? h('div', { className: 'rw-row-msg' }, IconAlert(12), view.error)
+            : dirs.length === 0
+              ? h('div', { className: 'rw-row-msg' }, t('noEntries'))
+              : dirs.map(function (entry) {
+                return h('button', {
+                  key: entry.path, type: 'button', className: 'rw-browser-row', role: 'listitem',
+                  onClick: function () { load(entry.path); },
+                }, h('span', { className: 'rw-dir-icon' }, IconFolder(13, false)), h('span', null, entry.name));
+              })),
+        h('div', { className: 'rw-browser-actions', style: { padding: '8px' } },
+          h('span', { className: 'rw-hint' }, t('moveHint')),
+          h('button', {
+            type: 'button', className: 'rw-btn rw-btn-sm rw-btn-primary',
+            disabled: !listing || view.loading,
+            onClick: function () { if (listing) props.onPick(listing.path); },
+          }, IconCheck(12), t('useThisDir'))));
+    }
+
+    function ImagePreview(props) {
+      var ctx = props.ctx;
+      var t = props.t;
+      var locale = props.locale;
+      var scope = props.scope;
+      var local = props.local === true;
+      var filePath = props.path;
+      var state = useState({ loading: true, error: null, data: null });
+      var view = state[0];
+      var setView = state[1];
+      var params = scopeParams(scope);
+
+      var load = useCallback(function () {
+        if (!filePath || (!local && !scope)) {
+          setView({ loading: false, error: new Error(t('noWorkspace')), data: null });
+          return;
+        }
+        setView({ loading: true, error: null, data: null });
+        var request = local ? { path: filePath } : Object.assign({ path: filePath }, params);
+        apiCall(local ? 'local.media' : 'media.read', request).then(function (result) {
+          setView({ loading: false, error: null, data: result });
+        }).catch(function (error) {
+          setView({ loading: false, error: error, data: null });
+        });
+      }, [scopeKeyOf(scope), filePath, local]);
+
+      useEffect(function () { load(); }, [load]);
+
+      var name = basename(filePath) || t('fileTabTitle');
+      var header = h('div', { className: 'rw-image-head' },
+        h(FileGlyph, { name: name, size: 15 }),
+        h('div', { className: 'rw-editor-title' },
+          h('span', { className: 'rw-editor-name', title: name }, name),
+          h('span', { className: 'rw-editor-path', title: filePath }, filePath)),
+        h('div', { className: 'rw-actions' },
+          h('button', { type: 'button', className: 'rw-btn rw-btn-sm', onClick: load, disabled: view.loading }, IconRefresh(12), t('reload'))));
+
+      if (view.loading) {
+        return h('div', { className: 'rw-image-preview' }, header,
+          h('div', { className: 'rw-editor-message' }, Spinner(14), t('loading')));
+      }
+      if (view.error) {
+        return h('div', { className: 'rw-image-preview' }, header,
+          h('div', { className: 'rw-editor-message' },
+            h(Banner, { kind: 'error' }, t('imageLoadError') + '：' + messageOf(view.error, t, locale)),
+            h('button', { type: 'button', className: 'rw-btn', onClick: load }, IconRefresh(13), t('retry'))));
+      }
+      var data = view.data;
+      return h('div', { className: 'rw-image-preview' },
+        header,
+        h('div', { className: 'rw-image-stage' },
+          h('img', {
+            className: 'rw-image',
+            src: 'data:' + data.mime + ';base64,' + data.base64,
+            alt: name,
+            onError: function () {
+              setView({ loading: false, error: new Error(t('imageLoadError')), data: null });
+            },
+          })),
+        h('div', { className: 'rw-editor-status' },
+          h('span', { className: 'rw-status-chip' }, data.mime || 'image'),
+          h('span', { className: 'rw-status-chip' }, formatBytes(data.size || 0)),
+          h('span', { className: 'rw-fill', style: { flex: '1 1 auto' } }),
+          h('span', { className: 'rw-status-chip' }, t('previewOnly'))));
+    }
+
     // ── editor ─────────────────────────────────────────────────────────────
 
     function colorForToken(colors, type) {
@@ -3699,6 +3973,10 @@ function fileIconSpec(name, isDir) {
       var settings = useRuntimeSettings();
       var theme = getTheme(resolveEditorTheme(settings));
       var language = languageOf(filePath);
+      var csvMode = isCsvPath(filePath);
+      var csvTableState = useState(true);
+      var showCsvTable = csvTableState[0];
+      var setShowCsvTable = csvTableState[1];
 
       var loadState = useState({ loading: true, error: null, file: null });
       var load = loadState[0];
@@ -3750,11 +4028,11 @@ function fileIconSpec(name, isDir) {
       }, [dirty, baseTitle]);
 
       function saveFile(force) {
-        if (readOnly || !load.file || load.file.binary || load.file.tooLarge || save.saving) return;
+        if (readOnly || !load.file || load.file.binary || load.file.tooLarge || save.saving) return Promise.resolve(false);
         setSave({ saving: true, conflict: false, error: '', ok: false });
         var payload = local ? { path: filePath, content: content } : Object.assign({ path: filePath, content: content }, params);
         if (!force && load.file && typeof load.file.mtime === 'number') payload.expectedMtime = load.file.mtime;
-        apiCall(local ? 'local.write' : 'fs.write', payload).then(function (result) {
+        return apiCall(local ? 'local.write' : 'fs.write', payload).then(function (result) {
           setLoad(function (previous) {
             if (!previous.file) return previous;
             return { loading: false, error: null, file: Object.assign({}, previous.file, { mtime: result.mtime, size: result.size }) };
@@ -3764,15 +4042,33 @@ function fileIconSpec(name, isDir) {
           setTimeout(function () {
             setSave(function (previous) { return previous.ok ? { saving: false, conflict: false, error: '', ok: false } : previous; });
           }, 2200);
+          return true;
         }).catch(function (error) {
           if (error && error.code === 'CONFLICT') {
             setSave({ saving: false, conflict: true, error: '', ok: false });
           } else {
             setSave({ saving: false, conflict: false, error: messageOf(error, t, locale), ok: false });
           }
+          return false;
         });
       }
 
+      var saveRef = useRef(null);
+      saveRef.current = saveFile;
+      useEffect(function () {
+        var notify = props.onSaveReady;
+        if (typeof notify === 'function') notify(function () { return saveRef.current(false); });
+        return function () {
+          if (typeof notify === 'function') notify(null);
+        };
+      }, [filePath, local]);
+
+      useEffect(function () {
+        if (!settings.autoSave || !dirty || !editable || save.saving || save.conflict) return undefined;
+        var timer = setTimeout(function () { saveRef.current(false); }, 900);
+        return function () { clearTimeout(timer); };
+      }, [content, dirty, settings.autoSave, editable, save.saving, save.conflict]);
+
       useEffect(function () {
         if (props.visible === false) return undefined;
         function onKey(event) {
@@ -3805,6 +4101,14 @@ function fileIconSpec(name, isDir) {
         return count;
       }, [content]);
       var gutterLines = typeof lineCount === 'number' && lineCount <= 20000;
+      var csvRows = useMemo(function () {
+        if (!csvMode) return [];
+        var text = content.length > 1000000 ? content.slice(0, 1000000) : content;
+        var delimiter = csvDelimiterOf(filePath, text);
+        return parseDelimited(text, delimiter).slice(0, 1000).map(function (row) {
+          return row.slice(0, 80);
+        });
+      }, [content, filePath, csvMode]);
       var highlighted = useMemo(function () {
         if (!editable) return null;
         return highlightNodes(content, language, theme, 180000);
@@ -3835,13 +4139,20 @@ function fileIconSpec(name, isDir) {
           props.onClose
             ? h('button', { type: 'button', className: 'rw-icon-btn', title: t('closeEditor'), onClick: props.onClose }, IconClose(13))
             : null,
+          csvMode
+            ? h('button', {
+              type: 'button', className: 'rw-btn rw-btn-sm',
+              onClick: function () { setShowCsvTable(function (previous) { return !previous; }); },
+              title: showCsvTable ? t('csvSource') : t('csvTable'),
+            }, showCsvTable ? t('csvSource') : t('csvTable'))
+            : null,
           h('button', {
             type: 'button', className: 'rw-btn rw-btn-sm', onClick: function () { loadFile(); },
             disabled: load.loading || save.saving,
           }, IconRefresh(12), t('reload')),
           h('button', {
             type: 'button', className: 'rw-btn rw-btn-sm rw-btn-primary', onClick: function () { saveFile(false); },
-            disabled: !editable || save.saving,
+            disabled: !editable || save.saving || (csvMode && showCsvTable),
           }, save.saving ? Spinner(12) : IconSave(12), save.saving ? t('saving') : t('save'))));
 
       if (load.loading) {
@@ -3877,46 +4188,66 @@ function fileIconSpec(name, isDir) {
             : null;
 
       var canView = Boolean(load.file && !load.file.binary && !load.file.tooLarge);
+      var csvColumnCount = 0;
+      csvRows.forEach(function (row) { if (row.length > csvColumnCount) csvColumnCount = row.length; });
+      var csvTable = csvRows.length === 0
+        ? h('div', { className: 'rw-editor-message' }, t('csvEmpty'))
+        : h('div', { className: 'rw-csv-wrap' },
+          h('table', { className: 'rw-csv-table' },
+            h('thead', null, h('tr', null,
+              Array.from({ length: csvColumnCount }, function (_, index) {
+                return h('th', { key: 'h' + index, title: csvRows[0][index] || '' }, csvRows[0][index] || '');
+              }))),
+            h('tbody', null, csvRows.slice(1).map(function (row, rowIndex) {
+              return h('tr', { key: 'r' + rowIndex },
+                Array.from({ length: csvColumnCount }, function (_, columnIndex) {
+                  var value = row[columnIndex] === undefined ? '' : row[columnIndex];
+                  return h('td', { key: 'c' + columnIndex, title: value }, value);
+                }));
+            }))),
+          csvRows.length >= 1000 ? h('div', { className: 'rw-csv-note' }, t('csvTruncated')) : null);
       var body = canView
-        ? h('div', { className: 'rw-editor-body' },
-          h('div', { className: 'rw-code' },
-            h('div', { className: 'rw-gutter', ref: gutterRef },
-              gutterLines
-                ? h('div', { className: 'rw-gutter-inner' }, Array.from({ length: lineCount }, function (_, index) { return index + 1; }).join('\n'))
-                : null),
-            h('div', { className: 'rw-code-area' },
-              h('pre', { className: 'rw-highlight', ref: highlightRef, 'aria-hidden': 'true' },
-                highlighted || content),
-              h('textarea', {
-                ref: textareaRef,
-                className: 'rw-textarea',
-                readOnly: readOnly || !editable,
-                value: content,
-                spellCheck: false,
-                wrap: 'off',
-                onChange: function (event) {
-                  setContent(event.currentTarget.value);
-                  setDirty(true);
-                  setSave({ saving: false, conflict: false, error: '', ok: false });
-                },
-                onScroll: syncScroll,
-                onKeyDown: function (event) {
-                  if (!editable) return;
-                  if (event.key === 'Tab' && !event.ctrlKey && !event.altKey && !event.metaKey) {
-                    event.preventDefault();
-                    var target = event.currentTarget;
-                    var start = target.selectionStart;
-                    var end = target.selectionEnd;
-                    var next = content.slice(0, start) + '    ' + content.slice(end);
-                    setContent(next);
+        ? (csvMode && showCsvTable
+          ? csvTable
+          : h('div', { className: 'rw-editor-body' },
+            h('div', { className: 'rw-code' },
+              h('div', { className: 'rw-gutter', ref: gutterRef },
+                gutterLines
+                  ? h('div', { className: 'rw-gutter-inner' }, Array.from({ length: lineCount }, function (_, index) { return index + 1; }).join('\n'))
+                  : null),
+              h('div', { className: 'rw-code-area' },
+                h('pre', { className: 'rw-highlight', ref: highlightRef, 'aria-hidden': 'true' },
+                  highlighted || content),
+                h('textarea', {
+                  ref: textareaRef,
+                  className: 'rw-textarea',
+                  readOnly: readOnly || !editable,
+                  value: content,
+                  spellCheck: false,
+                  wrap: 'off',
+                  onChange: function (event) {
+                    setContent(event.currentTarget.value);
                     setDirty(true);
-                    requestAnimationFrame(function () {
-                      target.selectionStart = start + 4;
-                      target.selectionEnd = start + 4;
-                    });
-                  }
-                },
-              }))))
+                    setSave({ saving: false, conflict: false, error: '', ok: false });
+                  },
+                  onScroll: syncScroll,
+                  onKeyDown: function (event) {
+                    if (!editable) return;
+                    if (event.key === 'Tab' && !event.ctrlKey && !event.altKey && !event.metaKey) {
+                      event.preventDefault();
+                      var target = event.currentTarget;
+                      var start = target.selectionStart;
+                      var end = target.selectionEnd;
+                      var next = content.slice(0, start) + '    ' + content.slice(end);
+                      setContent(next);
+                      setDirty(true);
+                      requestAnimationFrame(function () {
+                        target.selectionStart = start + 4;
+                        target.selectionEnd = start + 4;
+                      });
+                    }
+                  },
+                })))))
         : h('div', { className: 'rw-editor-message' }, notice, h('span', { className: 'rw-muted' }, t('readOnly')));
 
       return h('div', { className: 'rw-editor', style: containerStyle },
@@ -4056,6 +4387,7 @@ function fileIconSpec(name, isDir) {
         state: { entries: cache.entries },
         load: load,
         onSelect: props.onSelect,
+        onPin: props.onPin,
         onSelectPath: props.onSelectPath,
         onContextMenu: props.onContextMenu,
         selectedPath: props.selectedPath || '',
@@ -4142,6 +4474,20 @@ function fileIconSpec(name, isDir) {
                     });
                   })))
               : null),
+          h('button', {
+            type: 'button',
+            className: 'rw-icon-btn',
+            title: t('terminalRemote'),
+            onClick: function () { props.onOpenTerminal('remote'); },
+          }, IconTerminal(14)),
+          props.localEnabled
+            ? h('button', {
+              type: 'button',
+              className: 'rw-icon-btn',
+              title: t('terminalLocal'),
+              onClick: function () { props.onOpenTerminal('local'); },
+            }, IconTerminal(14))
+            : null,
           h('button', {
             type: 'button',
             className: 'rw-icon-btn' + (props.directoryOpen ? ' is-on' : ''),
@@ -4388,6 +4734,9 @@ function fileIconSpec(name, isDir) {
         h('div', { className: 'rw-dialog-message' }, props.message),
         h('div', { className: 'rw-dialog-actions' },
           h('button', { type: 'button', className: 'rw-btn rw-btn-sm', onClick: props.onClose }, props.t('cancel')),
+          props.secondaryLabel
+            ? h('button', { type: 'button', className: 'rw-btn rw-btn-sm rw-btn-primary', onClick: props.onSecondary }, props.secondaryLabel)
+            : null,
           h('button', { type: 'button', className: 'rw-btn rw-btn-sm rw-btn-danger', onClick: props.onConfirm }, props.confirmLabel)));
     }
 
@@ -4402,6 +4751,23 @@ function fileIconSpec(name, isDir) {
           h('button', { type: 'button', className: 'rw-btn rw-btn-sm', onClick: props.onClose }, props.t('close'))));
     }
 
+    function MoveDialog(props) {
+      var picker = props.side === 'local'
+        ? h(LocalPathPicker, {
+          t: props.t, locale: props.locale, initialPath: props.initialPath, root: props.root,
+          onPick: props.onPick,
+        })
+        : h(ScopePathPicker, {
+          t: props.t, locale: props.locale, scope: props.scope, root: props.root,
+          initialPath: props.initialPath, onPick: props.onPick,
+        });
+      return h(DialogShell, { title: props.title, onClose: props.onClose },
+        h('div', { className: 'rw-dialog-message' }, props.message),
+        picker,
+        h('div', { className: 'rw-dialog-actions' },
+          h('button', { type: 'button', className: 'rw-btn rw-btn-sm', onClick: props.onClose }, props.t('cancel'))));
+    }
+
     function QueueDialog(props) {
       return h(DialogShell, { title: props.title, onClose: props.onClose },
         props.queue.length === 0
@@ -4426,6 +4792,7 @@ function fileIconSpec(name, isDir) {
       var path = props.path;
       var local = props.local === true;
       var onSaved = props.onSaved;
+      var settings = useRuntimeSettings();
       var kind = documentKindOf(path);
       var stateRef = useState({
         loading: true, error: '', data: null, text: '', dirty: false, saving: false,
@@ -4465,7 +4832,7 @@ function fileIconSpec(name, isDir) {
       }, [state.dirty]);
 
       function save() {
-        if (state.saving) return;
+        if (state.saving) return Promise.resolve(false);
         patch({ saving: true, error: '', notice: '' });
         var data = {};
         if (kind === 'markdown') data = { text: state.text };
@@ -4479,15 +4846,49 @@ function fileIconSpec(name, isDir) {
             deleted: Object.keys(state.deleted).filter(function (index) { return state.deleted[index]; }).map(Number),
           };
         }
-        apiCall('docs.write', params({ data: data, expectedMtime: state.data ? state.data.mtime : undefined })).then(function () {
-          patch({ saving: false, dirty: false, notice: t('saved') });
+        return apiCall('docs.write', params({ data: data, expectedMtime: state.data ? state.data.mtime : undefined })).then(function (result) {
+          patch({
+            saving: false,
+            dirty: false,
+            notice: t('saved'),
+            data: state.data ? Object.assign({}, state.data, { mtime: result.mtime, size: result.size }) : state.data,
+          });
           if (onSaved) onSaved();
-          load();
+          return true;
         }).catch(function (error) {
           patch({ saving: false, error: messageOf(error, t, locale) });
+          return false;
         });
       }
 
+      var saveRef = useRef(null);
+      saveRef.current = save;
+      useEffect(function () {
+        var notify = props.onSaveReady;
+        if (typeof notify === 'function') notify(function () { return saveRef.current(); });
+        return function () {
+          if (typeof notify === 'function') notify(null);
+        };
+      }, [path, local]);
+
+      useEffect(function () {
+        if (props.visible === false) return undefined;
+        function onKey(event) {
+          var mod = event.ctrlKey || event.metaKey;
+          if (!mod || String(event.key || '').toLowerCase() !== 's') return;
+          event.preventDefault();
+          saveRef.current();
+        }
+        window.addEventListener('keydown', onKey, true);
+        return function () { window.removeEventListener('keydown', onKey, true); };
+      }, [props.visible]);
+
+      useEffect(function () {
+        if (!settings.autoSave || !state.dirty || state.saving) return undefined;
+        var timer = setTimeout(function () { saveRef.current(); }, 900);
+        return function () { clearTimeout(timer); };
+      }, [settings.autoSave, state.dirty, state.saving, state.text, state.data, state.updates, state.pptxUpdates, state.rotations, state.deleted]);
+
       function showPreview() {
         var next = !state.preview;
         patch({ preview: next, previewLoading: next && !state.html });
@@ -4835,6 +5236,7 @@ function fileIconSpec(name, isDir) {
       var fileDirtyState = useState({});
       var fileDirty = fileDirtyState[0];
       var setFileDirty = fileDirtyState[1];
+      var saveHandlersRef = useRef({});
       var directoryTabId = props.tab && props.tab.id;
 
       useEffect(function () {
@@ -4917,7 +5319,25 @@ function fileIconSpec(name, isDir) {
         });
       }
 
-      function openByMode(side, filePath) {
+      function openTerminal(side) {
+        if (!selected) return;
+        var request = { side: side };
+        if (selected.kind === 'linked') request.linkedId = selected.id;
+        else request.workspaceId = selected.id;
+        apiCall('terminal.open', request).then(function () {
+          showNotice('success', t('terminalOpened'));
+        }).catch(function (error) {
+          showNotice('error', t('terminalOpenFailed') + '：' + messageOf(error, t, locale));
+        });
+      }
+
+      function pinByMode(side, filePath) {
+        var mode = settings.fileOpenMode || 'editor';
+        if (mode !== 'editor') return;
+        openByMode(side, filePath, { pinned: true, preview: false });
+      }
+
+      function openByMode(side, filePath, options) {
         if (!selected || !filePath) return;
         var openMode = settings.fileOpenMode || 'editor';
         if (openMode === 'copy') {
@@ -4936,14 +5356,34 @@ function fileIconSpec(name, isDir) {
           });
           return;
         }
-        openInternalFile(side, filePath);
+        openInternalFile(side, filePath, options || { pinned: true });
       }
 
-      function openInternalFile(side, filePath) {
+      function openInternalFile(side, filePath, options) {
+        var opts = options || { pinned: true };
         var key = side + ':' + (side === 'remote' ? scopeKeyOf(scopeRef) : 'local') + ':' + filePath;
         setOpenFiles(function (previous) {
-          if (previous.some(function (file) { return file.key === key; })) return previous;
-          return previous.concat([{ key: key, side: side, path: filePath, name: basename(filePath) }]);
+          var existing = previous.filter(function (file) { return file.key === key; })[0];
+          if (existing) {
+            if (opts.pinned && !existing.pinned) {
+              return previous.map(function (file) { return file.key === key ? Object.assign({}, file, { pinned: true }) : file; });
+            }
+            return previous;
+          }
+          if (opts.preview === true) {
+            var activeIndex = -1;
+            previous.forEach(function (file, index) { if (file.key === activeFileKey) activeIndex = index; });
+            if (activeIndex >= 0) {
+              var active = previous[activeIndex];
+              if (!active.pinned && !fileDirty[active.key]) {
+                var replaced = previous.slice();
+                replaced[activeIndex] = { key: key, side: side, path: filePath, name: basename(filePath), pinned: false };
+                setFileDirty(function (dirtyMap) { var copy = Object.assign({}, dirtyMap); delete copy[active.key]; return copy; });
+                return replaced;
+              }
+            }
+          }
+          return previous.concat([{ key: key, side: side, path: filePath, name: basename(filePath), pinned: Boolean(opts.pinned) }]);
         });
         setActiveFileKey(key);
         setDirectoryOpen(true);
@@ -4953,11 +5393,67 @@ function fileIconSpec(name, isDir) {
         setOpenFiles(function (previous) {
           var next = previous.filter(function (file) { return file.key !== key; });
           setFileDirty(function (dirtyMap) { var copy = Object.assign({}, dirtyMap); delete copy[key]; return copy; });
+          delete saveHandlersRef.current[key];
           if (activeFileKey === key) setActiveFileKey(next.length > 0 ? next[next.length - 1].key : '');
           return next;
         });
       }
 
+      function requestCloseInternalFile(key) {
+        if (!fileDirty[key]) { closeInternalFile(key); return; }
+        var file = openFiles.filter(function (entry) { return entry.key === key; })[0];
+        setDialog({ kind: 'closeDirty', key: key, name: file ? file.name : '' });
+      }
+
+      function saveAndCloseInternalFile(key) {
+        var handler = saveHandlersRef.current[key];
+        setDialog(null);
+        if (!handler) { closeInternalFile(key); return; }
+        handler().then(function (ok) {
+          if (ok) closeInternalFile(key);
+          else showNotice('error', t('saveFailed'));
+        });
+      }
+
+      useEffect(function () {
+        function onKey(event) {
+          var mod = event.ctrlKey || event.metaKey;
+          if (!mod) return;
+          var key = String(event.key || '').toLowerCase();
+          if (key === 'w') {
+            if (!activeFileKey) return;
+            event.preventDefault();
+            event.stopPropagation();
+            requestCloseInternalFile(activeFileKey);
+            return;
+          }
+          if (key === 'tab') {
+            if (openFiles.length < 2) return;
+            event.preventDefault();
+            event.stopPropagation();
+            var index = -1;
+            openFiles.forEach(function (file, i) { if (file.key === activeFileKey) index = i; });
+            var step = event.shiftKey ? -1 : 1;
+            var nextIndex = (index + step + openFiles.length) % openFiles.length;
+            setActiveFileKey(openFiles[nextIndex].key);
+            return;
+          }
+          if (key === 'b') {
+            event.preventDefault();
+            event.stopPropagation();
+            setDirectoryOpen(function (open) { return !open; });
+            return;
+          }
+          if (key === 'f' && event.shiftKey) {
+            event.preventDefault();
+            event.stopPropagation();
+            setSearchOpen(true);
+          }
+        }
+        window.addEventListener('keydown', onKey, true);
+        return function () { window.removeEventListener('keydown', onKey, true); };
+      }, [activeFileKey, openFiles, directoryOpen]);
+
       function closeContextMenu() { setCtxMenu(null); }
 
       function openContextMenu(side, info) {
@@ -5097,6 +5593,56 @@ function fileIconSpec(name, isDir) {
         }).catch(noticeError);
       }
 
+      function pathUnder(filePath, parentPath) {
+        if (!filePath || !parentPath) return false;
+        var normalized = String(filePath).replace(/\\/g, '/').replace(/\/+$/, '');
+        var parent = String(parentPath).replace(/\\/g, '/').replace(/\/+$/, '');
+        return normalized === parent || normalized.indexOf(parent + '/') === 0 || normalized.indexOf(parent + '\\') === 0;
+      }
+
+      function moveEntry(side, oldPath, targetDir) {
+        var blocked = openFiles.some(function (file) {
+          return file.side === side && pathUnder(file.path, oldPath) && fileDirty[file.key];
+        });
+        if (blocked) {
+          showNotice('error', t('moveDirty'));
+          return;
+        }
+        var method = side === 'remote' ? 'fs.move' : 'local.move';
+        var params = side === 'remote'
+          ? Object.assign({ path: oldPath, targetDir: targetDir }, scopeParams(scopeRef))
+          : { path: oldPath, targetDir: targetDir, root: selected.localPath };
+        apiCall(method, params).then(function (result) {
+          var nextPath = result && result.path ? result.path : oldPath;
+          setOpenFiles(function (previous) {
+            return previous.filter(function (file) {
+              return !(file.side === side && pathUnder(file.path, oldPath));
+            });
+          });
+          setActiveFileKey(function (activeKey) {
+            var stillOpen = openFiles.filter(function (file) {
+              return file.key === activeKey && !(file.side === side && pathUnder(file.path, oldPath));
+            });
+            if (stillOpen.length > 0) return activeKey;
+            var remaining = openFiles.filter(function (file) {
+              return !(file.side === side && pathUnder(file.path, oldPath));
+            });
+            return remaining.length > 0 ? remaining[remaining.length - 1].key : null;
+          });
+          setFileDirty(function (previous) {
+            var next = Object.assign({}, previous);
+            openFiles.forEach(function (file) {
+              if (file.side === side && pathUnder(file.path, oldPath)) delete next[file.key];
+            });
+            return next;
+          });
+          setDialog(null);
+          showNotice('success', t('moveDone'));
+          refreshTree();
+          if (nextPath !== oldPath) refreshTree();
+        }).catch(noticeError);
+      }
+
       function submitNew(side, dirPath, name, isDir) {
         var target = joinChildPath(dirPath, name, side);
         var docKind = documentKindOf(name);
@@ -5176,6 +5722,15 @@ function fileIconSpec(name, isDir) {
         items.push({ separator: true });
         items.push({ label: t('ctxCopyPath'), onSelect: function () { copyPathToClipboard(menu.path); } });
         items.push({ separator: true });
+        var rootPath = menu.side === 'remote' ? selected.remotePath : selected.localPath;
+        if (menu.path !== rootPath) {
+          items.push({ label: t('ctxMove'), onSelect: function () {
+            setDialog({
+              kind: 'move', side: menu.side, path: menu.path, name: menu.name, isDir: menu.isDir,
+              initialPath: parentPathOf(menu.path, menu.side),
+            });
+          } });
+        }
         items.push({ label: t('ctxRename'), onSelect: function () {
           setDialog({ kind: 'rename', side: menu.side, path: menu.path, value: menu.name, title: t('renameTitle'), label: t('renameLabel') });
         } });
@@ -5227,6 +5782,31 @@ function fileIconSpec(name, isDir) {
             onConfirm: function () { setDialog(null); confirmDelete(dialog); },
           });
         }
+        if (dialog.kind === 'move') {
+          return h(MoveDialog, {
+            t: t, locale: locale,
+            title: t('moveTitle'),
+            message: t('moveMessage', { name: dialog.name }),
+            side: dialog.side,
+            scope: dialog.side === 'remote' ? sourceScopeOf(selected) : null,
+            root: dialog.side === 'remote' ? selected.remotePath : selected.localPath,
+            initialPath: dialog.initialPath,
+            onClose: function () { setDialog(null); },
+            onPick: function (targetDir) { moveEntry(dialog.side, dialog.path, targetDir); },
+          });
+        }
+        if (dialog.kind === 'closeDirty') {
+          return h(ConfirmDialog, {
+            t: t,
+            title: t('dirtyCloseTitle'),
+            message: t('dirtyCloseMessage', { name: dialog.name }),
+            secondaryLabel: t('dirtyCloseSave'),
+            confirmLabel: t('dirtyCloseDiscard'),
+            onClose: function () { setDialog(null); },
+            onSecondary: function () { saveAndCloseInternalFile(dialog.key); },
+            onConfirm: function () { setDialog(null); closeInternalFile(dialog.key); },
+          });
+        }
         return h(PromptDialog, {
           t: t,
           title: dialog.title,
@@ -5340,7 +5920,8 @@ function fileIconSpec(name, isDir) {
             showHidden: showHidden,
             selectedPath: selectedEntry && selectedEntry.side === 'remote' ? selectedEntry.path : '',
             onSelectPath: function (info) { setSelectedEntry(Object.assign({ side: 'remote' }, info)); },
-            onSelect: function (filePath) { openByMode('remote', filePath); },
+            onSelect: function (filePath) { openByMode('remote', filePath, { pinned: false, preview: true }); },
+            onPin: function (filePath) { pinByMode('remote', filePath); },
             onContextMenu: function (info) { setSelectedEntry(Object.assign({ side: 'remote' }, info)); openContextMenu('remote', info); },
           })),
           selected.kind === 'linked'
@@ -5360,7 +5941,8 @@ function fileIconSpec(name, isDir) {
               showHidden: showHidden,
               selectedPath: selectedEntry && selectedEntry.side === 'local' ? selectedEntry.path : '',
               onSelectPath: function (info) { setSelectedEntry(Object.assign({ side: 'local' }, info)); },
-              onSelect: function (filePath) { openByMode('local', filePath); },
+              onSelect: function (filePath) { openByMode('local', filePath, { pinned: false, preview: true }); },
+              onPin: function (filePath) { pinByMode('local', filePath); },
               refreshTick: localTick,
               onContextMenu: function (info) { setSelectedEntry(Object.assign({ side: 'local' }, info)); openContextMenu('local', info); },
             }))
@@ -5370,13 +5952,24 @@ function fileIconSpec(name, isDir) {
       var activeFile = openFiles.filter(function (file) { return file.key === activeFileKey; })[0] || null;
       var activeDocKind = activeFile ? documentKindOf(activeFile.name) : '';
       var contentArea = activeFile
-        ? (activeDocKind
+        ? (activeDocKind === 'image'
+          ? h(ImagePreview, {
+            ctx: ctx, t: t, locale: locale,
+            scope: activeFile.side === 'remote' ? sourceScopeOf(selected) : undefined,
+            path: activeFile.path,
+            local: activeFile.side === 'local',
+          })
+          : activeDocKind && activeDocKind !== 'csv'
           ? h(DocumentPane, {
             ctx: ctx, t: t, locale: locale,
             scope: activeFile.side === 'remote' ? sourceScopeOf(selected) : undefined,
             path: activeFile.path,
             local: activeFile.side === 'local',
             onSaved: refreshTree,
+            onSaveReady: function (handler) {
+              if (handler) saveHandlersRef.current[activeFile.key] = handler;
+              else delete saveHandlersRef.current[activeFile.key];
+            },
             onDirtyChange: function (dirty) {
               setFileDirty(function (previous) {
                 if (Boolean(previous[activeFile.key]) === Boolean(dirty)) return previous;
@@ -5393,6 +5986,10 @@ function fileIconSpec(name, isDir) {
           local: activeFile.side === 'local',
           readOnly: remoteOnly,
           hideHeader: true,
+          onSaveReady: function (handler) {
+            if (handler) saveHandlersRef.current[activeFile.key] = handler;
+            else delete saveHandlersRef.current[activeFile.key];
+          },
           onDirtyChange: function (dirty) {
             setFileDirty(function (previous) {
               if (Boolean(previous[activeFile.key]) === Boolean(dirty)) return previous;
@@ -5416,6 +6013,8 @@ function fileIconSpec(name, isDir) {
           openMode: settings.fileOpenMode || 'editor',
           directoryOpen: directoryOpen,
           onToggleDirectory: function () { setDirectoryOpen(!directoryOpen); },
+          onOpenTerminal: openTerminal,
+          localEnabled: !remoteOnly && selected.kind === 'linked',
           showHidden: showHidden,
           onToggleHidden: function () { setShowHidden(!showHidden); },
           transferEnabled: !remoteOnly && Boolean(selectedEntry),
@@ -5474,7 +6073,7 @@ function fileIconSpec(name, isDir) {
                     h('span', { className: 'rw-file-tab-name' }, file.name),
                     h('button', {
                       type: 'button', className: 'rw-file-tab-close', title: t('closeFile'),
-                      onClick: function (event) { event.stopPropagation(); closeInternalFile(file.key); },
+                      onClick: function (event) { event.stopPropagation(); requestCloseInternalFile(file.key); },
                     }, IconClose(10)));
                 }))
               : null,
@@ -5535,6 +6134,7 @@ function fileIconSpec(name, isDir) {
       var toggle = props.toggle;
       var state = props.state;
       var onSelect = props.onSelect;
+      var onPin = props.onPin;
       var onSelectPath = props.onSelectPath;
       var onContextMenu = props.onContextMenu;
       var selectedPath = props.selectedPath;
@@ -5572,6 +6172,7 @@ function fileIconSpec(name, isDir) {
                 state: state,
                 load: props.load,
                 onSelect: onSelect,
+                onPin: onPin,
                 onSelectPath: onSelectPath,
                 onContextMenu: onContextMenu,
                 selectedPath: selectedPath,
@@ -5584,10 +6185,11 @@ function fileIconSpec(name, isDir) {
                 className: 'rw-row' + (active ? ' is-active' : ''),
                 style: { paddingLeft: 6 + (depth + 1) * 12 },
                 title: child.path,
-                onClick: function () {
+                onClick: function (event) {
                   if (onSelectPath) onSelectPath({ path: child.path, name: child.name, isDir: false });
+                  if (event.detail !== 2) onSelect(child.path);
                 },
-                onDoubleClick: function () { onSelect(child.path); },
+                onDoubleClick: function () { if (onPin) onPin(child.path); },
                 onContextMenu: function (event) {
                   if (!onContextMenu) return;
                   event.preventDefault();
@@ -5610,10 +6212,10 @@ function fileIconSpec(name, isDir) {
           className: 'rw-row' + (selectedPath === path ? ' is-active' : ''),
           style: { paddingLeft: 6 + depth * 12 },
           title: path,
-          onClick: function () {
+          onClick: function (event) {
             if (onSelectPath) onSelectPath({ path: path, name: name, isDir: true });
+            if (event.detail !== 2) toggle(path);
           },
-          onDoubleClick: function () { toggle(path); },
           onContextMenu: function (event) {
             if (!onContextMenu) return;
             event.preventDefault();
@@ -6408,6 +7010,61 @@ function fileIconSpec(name, isDir) {
           : null);
     }
 
+    function EditorSettingsGroup(props) {
+      var t = props.t;
+      var locale = props.locale;
+      var settings = useRuntimeSettings();
+      var state = useState({ saving: false, message: null });
+      var local = state[0];
+      var setLocal = state[1];
+      var shortcuts = [
+        ['Ctrl+S', t('shortcutSave')],
+        ['Ctrl+W', t('shortcutClose')],
+        ['Ctrl+Tab', t('shortcutSwitch')],
+        ['Ctrl+B', t('shortcutDirectory')],
+        ['Ctrl+Shift+F', t('shortcutSearch')],
+      ];
+
+      function toggleAutoSave(next) {
+        if (local.saving) return;
+        setLocal({ saving: true, message: null });
+        runtimeSettings.saveAutoSave(next).then(function () {
+          setLocal({ saving: false, message: { kind: 'success', text: t('autoSaveSaved') } });
+          bus.emit();
+        }).catch(function (error) {
+          setLocal({ saving: false, message: { kind: 'error', text: messageOf(error, t, locale) } });
+        });
+      }
+
+      return h('div', { className: 'rw-group' },
+        h('div', { className: 'rw-group-head' },
+          h('span', { className: 'rw-group-title' }, t('autoSaveTitle')),
+          h('span', { className: 'rw-group-hint' }, t('autoSaveHint'))),
+        h('div', { className: 'rw-setting-row' },
+          h(Switch, {
+            checked: Boolean(settings.autoSave),
+            onChange: toggleAutoSave,
+            label: t('autoSaveLabel'),
+            text: t('autoSaveLabel'),
+          }),
+          local.saving ? Spinner(12) : null),
+        h('div', { className: 'rw-group-head', style: { marginTop: 14 } },
+          h('span', { className: 'rw-group-title' }, t('shortcutTitle')),
+          h('span', { className: 'rw-group-hint' }, t('shortcutHint'))),
+        h('div', { className: 'rw-shortcut-grid' },
+          shortcuts.map(function (item) {
+            return h('div', { key: item[0], className: 'rw-shortcut-row' },
+              h('kbd', { className: 'rw-kbd' }, item[0]),
+              h('span', null, item[1]));
+          })),
+        local.message
+          ? h(Banner, {
+            kind: local.message.kind === 'success' ? 'success' : 'error',
+            onClose: function () { setLocal({ saving: false, message: null }); },
+          }, local.message.text)
+          : null);
+    }
+
     function ConnectionsPage(props) {
       var ctx = props.ctx;
       var locale = useLocale(ctx);
@@ -6449,6 +7106,7 @@ function fileIconSpec(name, isDir) {
             }, adding === 'remote' ? IconClose(13) : IconServer(13), t('addRemoteDir')))),
         !sidebarAvailable ? h(Banner, { kind: 'warn' }, t('needsSidebar')) : null,
         h(ThemeGroup, { t: t, locale: locale }),
+        h(EditorSettingsGroup, { t: t, locale: locale }),
         adding !== ''
           ? h(AddWorkspaceFlow, {
             ctx: ctx, t: t, locale: locale, initialMode: adding, lockedMode: adding,