dsh-linked-workspace 0.5.12 → 0.5.13

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.5.13 — 2026-11-05
+
+- The linked-workspace directory panel can now be resized by dragging the divider; double-click the divider to reset to 300 px. The width is persisted.
+- The local directory tree now refreshes silently every 4 seconds (and on window focus), so newly created local subdirectories appear without a manual refresh; expanded folders are reloaded in place.
+
 ## 0.5.12 — 2026-11-04
 
 - Published as **dsh-linked-workspace** on npm (public).

package/README.en.md

@@ -99,6 +99,10 @@ Old “Remote directories” tabs are restored after refresh through hidden lega
 
 See [CHANGELOG.md](CHANGELOG.md) for the full version history.
 
+### 0.5.13
+
+The directory panel divider is draggable (double-click resets to 300 px; width persists). The local tree refreshes silently every 4 seconds and on window focus, so new local subdirectories appear without a manual refresh.
+
 ## Releases and marketplace updates
 
 - The npm package is `dsh-linked-workspace`. To release, bump `package.json` and push a `v*` tag; `.github/workflows/release.yml` runs `npm publish --access public` (set an `NPM_TOKEN` repository secret).

package/lib/client.js

@@ -2057,6 +2057,7 @@ function fileIconSpec(name, isDir) {
       openFileHint: '从工作区目录树中选择文件',
       toggleDirectory: '开启/关闭联动工作区目录面板',
       closeFile: '关闭文件标签',
+      resizeDirectory: '拖动调整目录面板宽度；双击恢复默认宽度',
       remoteTabTitle: '远程目录',
       remoteTabDesc: '只读查看已添加的远程目录及其文件，不允许编辑。',
       remoteDirsTitle: '远程目录',
@@ -2331,6 +2332,7 @@ function fileIconSpec(name, isDir) {
       openFileHint: 'Select a file from the workspace directory tree',
       toggleDirectory: 'Show or hide the linked workspace directory panel',
       closeFile: 'Close file tab',
+      resizeDirectory: 'Drag to resize the directory panel; double-click to reset',
       remoteTabTitle: 'Remote directories',
       remoteTabDesc: 'Read-only view of configured remote directories and files; editing is disabled.',
       remoteDirsTitle: 'Remote directories',
@@ -2934,7 +2936,9 @@ function fileIconSpec(name, isDir) {
       '.rw-ctx-backdrop{position:fixed;inset:0;z-index:70}',
       '.rw-workspace-body{display:flex;flex:1 1 auto;min-height:0;min-width:0}',
       '.rw-content-pane{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0}',
-      '.rw-directory-pane{display:flex;flex-direction:column;flex:0 0 300px;max-width:48%;min-height:0;border-left:1px solid var(--dsw-alias-border-l1)}',
+      '.rw-directory-pane{display:flex;flex-direction:column;flex:0 0 auto;max-width:60%;min-width:240px;min-height:0;border-left:1px solid var(--dsw-alias-border-l1)}',
+      '.rw-pane-resizer{flex:0 0 6px;align-self:stretch;cursor:col-resize;background:transparent;position:relative;z-index:2;touch-action:none}',
+      '.rw-pane-resizer:hover,.rw-pane-resizer:active{background:var(--dsw-alias-brand-primary)}',
       '.rw-directory-head{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:10.5px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-1);border-bottom:1px solid var(--dsw-alias-border-l1);flex:none}',
       '.rw-directory-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}',
       '.rw-file-tabs{display:flex;align-items:stretch;gap:2px;min-height:30px;padding:3px 5px;overflow:auto;background:var(--dsw-alias-bg-layer-1);border-bottom:1px solid var(--dsw-alias-border-l1);flex:none}',
@@ -3889,6 +3893,11 @@ function fileIconSpec(name, isDir) {
       var setCache = cacheState[1];
       var pending = useRef(new Set());
 
+      useEffect(function () {
+        if (!props.refreshTick) return;
+        Array.from(expanded).forEach(function (path) { load(path, true); });
+      }, [props.refreshTick]);
+
       function toggle(path) {
         setExpanded(function (previous) {
           var next = new Set(previous);
@@ -3898,13 +3907,13 @@ function fileIconSpec(name, isDir) {
         });
       }
 
-      function load(path) {
+      function load(path, silent) {
         if (pending.current.has(path)) return;
         pending.current.add(path);
         setCache(function (previous) {
           var entries = new Map(previous.entries);
           var existing = entries.get(path) || {};
-          entries.set(path, { loading: true, error: null, entries: existing.entries || [], loaded: existing.loaded });
+          entries.set(path, { loading: !silent, error: null, entries: existing.entries || [], loaded: existing.loaded });
           return { entries: entries };
         });
         var request = props.kind === 'local'
@@ -4445,10 +4454,68 @@ function fileIconSpec(name, isDir) {
       var directoryOpenState = useState(true);
       var directoryOpen = directoryOpenState[0];
       var setDirectoryOpen = directoryOpenState[1];
+      var directoryWidthState = useState(function () {
+        try {
+          var saved = parseInt(window.localStorage.getItem('dsh-linked-workspace:directory-width'), 10);
+          return saved >= 240 && saved <= 900 ? saved : 300;
+        } catch (error) { return 300; }
+      });
+      var directoryWidth = directoryWidthState[0];
+      var setDirectoryWidth = directoryWidthState[1];
+      var directoryWidthRef = useRef(directoryWidth);
+      var workbenchRef = useRef(null);
+      var localTickState = useState(0);
+      var localTick = localTickState[0];
+      var setLocalTick = localTickState[1];
       var fileDirtyState = useState({});
       var fileDirty = fileDirtyState[0];
       var setFileDirty = fileDirtyState[1];
       var directoryTabId = props.tab && props.tab.id;
+
+      useEffect(function () {
+        directoryWidthRef.current = directoryWidth;
+        try { window.localStorage.setItem('dsh-linked-workspace:directory-width', String(directoryWidth)); } catch (error) { /* storage unavailable */ }
+      }, [directoryWidth]);
+
+      useEffect(function () {
+        if (!directoryOpen) return undefined;
+        var bump = function () {
+          if (typeof document !== 'undefined' && document.visibilityState === 'hidden') return;
+          setLocalTick(function (value) { return value + 1; });
+        };
+        var timer = setInterval(bump, 4000);
+        if (timer && typeof timer.unref === 'function') timer.unref();
+        window.addEventListener('focus', bump);
+        return function () {
+          clearInterval(timer);
+          window.removeEventListener('focus', bump);
+        };
+      }, [directoryOpen, selectedKey]);
+
+      function beginResize(event) {
+        if (event.button !== undefined && event.button !== 0) return;
+        event.preventDefault();
+        var startX = event.clientX;
+        var startWidth = directoryWidthRef.current;
+        var workbench = workbenchRef.current;
+        var maxWidth = workbench ? Math.max(260, workbench.clientWidth - 320) : 720;
+        document.body.style.cursor = 'col-resize';
+        document.body.style.userSelect = 'none';
+        function move(moveEvent) {
+          var next = Math.max(240, Math.min(maxWidth, startWidth + (startX - moveEvent.clientX)));
+          setDirectoryWidth(next);
+        }
+        function finish() {
+          document.removeEventListener('pointermove', move);
+          document.removeEventListener('pointerup', finish);
+          document.removeEventListener('pointercancel', finish);
+          document.body.style.cursor = '';
+          document.body.style.userSelect = '';
+        }
+        document.addEventListener('pointermove', move);
+        document.addEventListener('pointerup', finish);
+        document.addEventListener('pointercancel', finish);
+      }
       function restoreDirectoryTab() {
         if (!sidebar || typeof sidebar.activateTab !== 'function' || !directoryTabId) return;
         setTimeout(function () {
@@ -4860,7 +4927,7 @@ function fileIconSpec(name, isDir) {
       }, [searchOpen, searchQuery, selectedKey, version]);
 
       if (!selected) {
-      return h('div', { className: 'rw-workbench rw-workspace' },
+      return h('div', { className: 'rw-workbench rw-workspace', ref: workbenchRef },
           h('div', { className: 'rw-tree-scroll' },
             data.data.loading
               ? h('div', { className: 'rw-row-msg' }, Spinner(13), t('loading'))
@@ -4923,6 +4990,7 @@ function fileIconSpec(name, isDir) {
               selectedPath: selectedEntry && selectedEntry.side === 'local' ? selectedEntry.path : '',
               onSelectPath: function (info) { setSelectedEntry(Object.assign({ side: 'local' }, info)); },
               onSelect: function (filePath) { openByMode('local', filePath); },
+              refreshTick: localTick,
               onContextMenu: function (info) { setSelectedEntry(Object.assign({ side: 'local' }, info)); openContextMenu('local', info); },
             }))
             : null);
@@ -5024,7 +5092,17 @@ function fileIconSpec(name, isDir) {
               : null,
             h('div', { className: 'rw-content-body' }, contentArea)),
           directoryOpen
-            ? h('div', { className: 'rw-directory-pane' },
+            ? h('div', {
+              className: 'rw-pane-resizer',
+              role: 'separator',
+              'aria-orientation': 'vertical',
+              title: t('resizeDirectory'),
+              onPointerDown: beginResize,
+              onDoubleClick: function () { setDirectoryWidth(300); },
+            })
+            : null,
+          directoryOpen
+            ? h('div', { className: 'rw-directory-pane', style: { flexBasis: directoryWidth + 'px' } },
               h('div', { className: 'rw-directory-head' },
                 IconFolder(11, false),
                 h('span', { style: { flex: '1 1 auto', minWidth: 0 } }, remoteOnly ? t('remoteTabTitle') : t('tabTitle')),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-linked-workspace",
-  "version": "0.5.12",
+  "version": "0.5.13",
   "description": "Linked local ⇄ remote workspaces and SSH-backed remote directories for DeepSeek Harness: theme-aware split editor, file-type icons, and an agent tool that edits remote files directly.",
   "type": "module",
   "main": "lib/index.js",