dsh-workspace-explorer 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # 版本记录
 
+## v1.1.2 · 会话文件定位与拖放目标
+
+- **单击在当前浏览页定位。** 点击 AI 交付的文件、改动卡片中的具体文件或回复里的本地文件链接，当前文件浏览页会跳到所在目录、选中文件并展开预览；没有打开的浏览页时会新建一个。
+- **拖到右侧打开 DSH 原生视图。** 交付文件和本机文件链接拖到右侧提示区后打开 DSH 文档预览，改动卡片打开该文件的 DSH 差异审阅，可查看原生红绿对比。按住 Shift 点击改动文件也能直接打开差异。
+- **拖放提示跟随目标。** 拖动交付文件时提示在 DSH 文档预览中打开，拖动改动文件时提示在 DSH 差异审阅中打开。
+- **按文件头声明的编码预览 Python。** `.py` 文件会读取开头注释里的 `coding` 声明（如 GBK），按声明的编码显示；其他文本仍按 UTF-8 校验。
+
 ## v1.1.1 · 独立侧栏与会话文件拖放
 
 - **文件浏览独立于会话。** 切换会话或工作区时，右侧保留文件浏览标签、当前目录和预览。只有点击展开或收起按钮时才播放侧栏动画。

package/README.md

@@ -19,7 +19,7 @@ dsh plugin --profile web add dsh-workspace-explorer
 在 Harness 的「插件 → 添加插件」中粘贴下方安装包链接，也可粘贴已下载的本地 `.tgz` 路径：
 
 ```text
-https://github.com/tm5452/dsh-workspace-explorer/releases/download/v1.1.1/dsh-workspace-explorer-1.1.1.tgz
+https://github.com/tm5452/dsh-workspace-explorer/releases/download/v1.1.2/dsh-workspace-explorer-1.1.2.tgz
 ```
 
 已安装早期预览包的用户，先在插件列表移除旧条目，再重新安装。发布变更见 [版本记录](CHANGELOG.md)。
@@ -30,9 +30,9 @@ https://github.com/tm5452/dsh-workspace-explorer/releases/download/v1.1.1/dsh-wo
 
 ## 界面实拍
 
-大图标视图、收藏夹和图片预览
+**大图标视图、收藏夹和视频预览**
 
-![大图标视图中的图片缩略图、收藏夹菜单和下方图片预览](docs/screenshots/grid-favorites.png)
+![大图标视图中的图片和视频缩略图、收藏夹菜单和下方视频预览](docs/screenshots/grid-favorites.png)
 
 **工作区搜索**
 
@@ -44,7 +44,7 @@ https://github.com/tm5452/dsh-workspace-explorer/releases/download/v1.1.1/dsh-wo
 
 在顶部标签栏打开和切换多个文件夹，可拖动标签调整顺序。每个标签页各自保留目录、导航历史和预览。
 
-![顶部标签栏同时打开了三个文件夹，当前选中 preview-test](docs/screenshots/stl-preview.png)
+![顶部同时打开三个文件夹标签，当前显示项目归档的文件列表和文本预览](docs/screenshots/stl-preview.png)
 
 ## 找到文件，保留浏览位置
 
@@ -71,7 +71,7 @@ https://github.com/tm5452/dsh-workspace-explorer/releases/download/v1.1.1/dsh-wo
 | 图片 | PNG、JPG / JPEG、GIF、WebP、BMP、ICO、AVIF | 显示图片 |
 | 视频 | MP4、WebM、M4V、MOV、MKV 等 | 尝试显示首帧，点击播放。取决于 DSH 内置浏览器能否解码 |
 | 音频 | MP3、WAV、OGG、OGA、M4A、AAC、FLAC、Opus | 播放音频，同样取决于解码支持 |
-| 纯文本与代码 | UTF-8 编码的 TXT、MD、JSON、CSV、HTML、脚本等 | 显示原始文本，最多读取前 2 MB |
+| 纯文本与代码 | TXT、MD、JSON、CSV、HTML、PY 等 | 默认按 UTF-8 显示，Python 脚本也可按文件头声明的编码预览。最多读取前 2 MB |
 | 字幕 | SRT、VTT、ASS、SSA | 查看字幕时间和正文，也可切换到原始文本 |
 | 字体 | TTF、OTF、WOFF、WOFF2 | 查看字体样张 |
 | 3D 模型 | STL、OBJ、PLY、GLB、glTF | 旋转、缩放、平移模型，可切换线框。glTF 须内嵌模型数据 |
@@ -86,7 +86,7 @@ https://github.com/tm5452/dsh-workspace-explorer/releases/download/v1.1.1/dsh-wo
 
 ## 在会话与文件之间切换
 
-**打开会话里的文件。** 点击 AI 交付的文件卡片或回复中的本地文件链接，当前文件浏览页会跳到所在文件夹、选中文件并显示预览。把卡片或链接拖到右侧标出的区域，可在新标签页预览。预览栏右上角仍可使用 DSH 原生文档预览。
+**打开会话里的文件。** 点击 AI 交付的文件、改动卡片中的具体文件或回复里的本地文件链接，当前文件浏览页会跳到所在目录、选中文件并展开预览。拖到右侧标出的区域后，交付文件和文件链接打开 DSH 文档预览，改动卡片打开该文件的 DSH 差异审阅；按住 Shift 点击改动文件也可直接查看原生红绿对比。
 
 **拖入文件就是添加附件。** 从列表或大图标视图把文件拖到左侧输入框，文件会加入当前会话的草稿，发送前仍可检查。遇到 DSH 无法接收的文件，可右键「复制文件路径」，再把路径粘贴到对话里。
 

package/lib/client.js

@@ -11659,22 +11659,21 @@ window.__ModuleLoader__.load({
 		__modules["client/conversation-drop.js"] = function (module, exports, require) {
 			"use strict";
 			const __exports = exports;
-		const sourceSelector = '[data-presented-file] > button[title], [data-chat-flow] button[class*="_fileMention_"]';
+		const changedFileButton = '[data-changed-files] button[aria-describedby]';
+		const sourceSelector = '[data-presented-file] > button[title], [data-chat-flow] button[class*="_fileMention_"], ' + changedFileButton;
 		const dragThreshold = 5;
 		
-		function installConversationDrop(mounted, readFile, openTab) {
+		function installConversationDrop(mounted, readFile, openPreview) {
 		  const lifetime = new AbortController();
 		  const overlay = document.createElement('div');
 		  overlay.className = 'dwe-conversation-drop';
 		  overlay.setAttribute('aria-hidden', 'true');
 		  const area = document.createElement('div');
 		  area.className = 'dwe-conversation-drop-area';
-		  area.textContent = '拖动到这里以新标签页打开';
 		  const icon = document.createElement('div');
 		  icon.className = 'dwe-conversation-drag-icon';
 		  const iconRoot = reactDomClient.createRoot(icon);
 		  overlay.append(area, icon);
-		  let session = new AbortController();
 		  let gesture;
 		  let suppressClick = false;
 		
@@ -11735,6 +11734,7 @@ window.__ModuleLoader__.load({
 		      // Keep tracking even when the chat rerenders the file card during the drag.
 		      document.body.setPointerCapture(event.pointerId);
 		      layout();
+		      area.textContent = file.review ? '拖到此处在DSH差异审阅中打开' : '拖到此处在DSH文档预览中打开';
 		      document.body.append(overlay);
 		      iconRoot.render(react.createElement(primitives.FileTypeIcon, { path: file.file, size: 28 }));
 		    }
@@ -11752,7 +11752,7 @@ window.__ModuleLoader__.load({
 		    if (!shouldOpen) return;
 		    const hit = document.elementFromPoint(event.clientX, event.clientY);
 		    const paneId = hit?.closest('[data-sidebar-right-panel] [data-dockkit-pane]')?.dataset.dockkitPane;
-		    openTab(file, paneId, session.signal);
+		    openPreview(file, paneId);
 		  }
 		
 		  function cancelPointer(event) {
@@ -11773,14 +11773,8 @@ window.__ModuleLoader__.load({
 		    event.stopImmediatePropagation();
 		  }
 		
-		  function switchSession() {
-		    reset();
-		    session.abort();
-		    session = new AbortController();
-		  }
-		
 		  const options = { capture: true, signal: lifetime.signal };
-		  const stop = mounted.subscribe(switchSession);
+		  const stop = mounted.subscribe(reset);
 		  document.addEventListener('pointerdown', arm, options);
 		  document.addEventListener('pointermove', move, options);
 		  document.addEventListener('pointerup', release, options);
@@ -11797,11 +11791,11 @@ window.__ModuleLoader__.load({
 		    reset();
 		    iconRoot.unmount();
 		    stop();
-		    session.abort();
 		    lifetime.abort();
 		  };
 		}
 		
+			__exports["changedFileButton"] = changedFileButton;
 			__exports["installConversationDrop"] = installConversationDrop;
 		};
 		
@@ -11811,15 +11805,16 @@ window.__ModuleLoader__.load({
 			const { Explorer, ExplorerTitle } = __require("ui/explorer.js");
 			const { explorerCss } = __require("ui/styles.js");
 			const { scrollHorizontally } = __require("ui/horizontal-wheel.js");
-			const { parentOf, sessionFilePath, underPath, windowsPath } = __require("ui/navigation.js");
+			const { parentOf, resourceAddress, sessionFilePath, underPath, windowsPath } = __require("ui/navigation.js");
 			const { renameFavorites } = __require("ui/favorites.js");
 			const { installSidebarMotion } = __require("client/sidebar-motion.js");
-			const { installConversationDrop } = __require("client/conversation-drop.js");
+			const { changedFileButton, installConversationDrop } = __require("client/conversation-drop.js");
 		
 		const id = 'dsh-workspace-explorer';
 		const inject = ['slots'];
 		const h = react.createElement;
 		const instancePrefix = 'dsh-resource://workspace-explorer/tab/';
+		const changesReviewPrefix = 'dsh-resource://changes-review/session/';
 		
 		function apply(ctx) {
 		  if (location.protocol !== 'dsh-app:' || location.hostname !== 'app') return;
@@ -12063,21 +12058,22 @@ window.__ModuleLoader__.load({
 		      return bindings.get(sidebar.active()?.id) ?? activeView ?? viewList[0];
 		    }
 		
-		    async function openConversationFile(request, signal, { view, newTab, paneId }) {
+		    async function openConversationFile(request, signal, { view, onUnavailable }) {
 		      const { address, sessionId, file, params } = request;
 		      const metadata = await statFile(sessionId, file, signal);
 		      if (signal.aborted || sidebar.mounted.getSnapshot() !== sessionId) return;
 		      if (!metadata) {
-		        openDocument(address, { params, paneId });
+		        if (onUnavailable) onUnavailable();
+		        else openDocument(address, { params });
 		        return;
 		      }
-		      const existing = newTab ? undefined : viewList.includes(view) ? view : currentExplorer();
+		      const existing = viewList.includes(view) ? view : currentExplorer();
 		      const tabId = existing && [...bindings].find(([, item]) => item === existing)?.[0];
 		      if (tabId) {
 		        sidebar.focus(tabId);
 		        if (!sidebar.isExpanded() && !existing.target?.isFloating) sidebar.toggleExpanded();
 		      }
-		      const target = tabId ? existing : openFolderTab(parentOf(metadata.absolute), paneId);
+		      const target = tabId ? existing : openFolderTab(parentOf(metadata.absolute));
 		      if (target) revealFile(target, metadata, params?.line);
 		    }
 		
@@ -12085,31 +12081,72 @@ window.__ModuleLoader__.load({
 		      const openResource = sidebar.openResource;
 		      let fileClick;
 		      let dragSource;
+		      let openingReview = false;
+		      function openFile(request, onUnavailable) {
+		        fileClick?.abort();
+		        fileClick = new AbortController();
+		        void openConversationFile(request, fileClick.signal, { view: currentExplorer(), onUnavailable });
+		      }
 		      function open(address, options) {
+		        const changed = dragSource?.changed;
+		        if (changed && address.startsWith(changesReviewPrefix)) {
+		          if (address.startsWith(changesReviewPrefix + encodeURIComponent(changed.sessionId) + '/')) {
+		            dragSource.file = { ...changed, review: { address, params: options?.params } };
+		          }
+		          return;
+		        }
 		        const request = (!options || Object.keys(options).every(key => key === 'params')) && fileRequest(address, options);
 		        if (!request) return openResource.call(this, address, options);
 		        if (dragSource) {
 		          dragSource.file = request;
 		          return;
 		        }
-		        fileClick?.abort();
-		        fileClick = new AbortController();
-		        void openConversationFile(request, fileClick.signal, { view: currentExplorer() });
+		        openFile(request);
+		      }
+		      function changedFileRequest(button) {
+		        const card = button.closest('[data-changed-files]');
+		        const description = document.getElementById(button.getAttribute('aria-describedby'));
+		        const sessionId = card?.closest('[data-conversation-content]')?.dataset.conversationSession;
+		        if (sessionId !== sidebar.mounted.getSnapshot() || !card?.contains(description)) return;
+		        const absolute = windowsPath(description.textContent);
+		        if (absolute) return fileRequest(resourceAddress(absolute, sessionId));
+		      }
+		      function clickChangedFile(event) {
+		        // Shift-click retains the native change review for an individual file.
+		        if (openingReview || dragSource?.changed || event.shiftKey || !(event.target instanceof Element)) return;
+		        const button = event.target.closest(changedFileButton);
+		        const request = button && changedFileRequest(button);
+		        if (!request) return;
+		        event.preventDefault();
+		        event.stopPropagation();
+		        openFile(request, () => {
+		          if (!button.isConnected) return;
+		          openingReview = true;
+		          try { button.click(); }
+		          finally { openingReview = false; }
+		        });
 		      }
 		      function readDragSource(button) {
-		        // Let Harness resolve the same path and line as a real click, without opening a tab yet.
-		        const capture = {};
+		        const isChanged = button.matches(changedFileButton);
+		        const changed = isChanged ? changedFileRequest(button) : undefined;
+		        if (isChanged && !changed) return;
+		        // Capture Harness's file or review address without opening the tab until drop.
+		        const capture = { changed };
 		        dragSource = capture;
 		        try { button.click(); }
 		        finally { dragSource = undefined; }
-		        return capture.file;
+		        return capture.file ?? changed;
 		      }
 		      sidebar.openResource = open;
-		      const stopDrop = installConversationDrop(sidebar.mounted, readDragSource, (request, paneId, signal) => {
-		        void openConversationFile(request, signal, { newTab: true, paneId });
+		      const stopDrop = installConversationDrop(sidebar.mounted, readDragSource, ({ address, sessionId, params, review }, paneId) => {
+		        if (sidebar.mounted.getSnapshot() !== sessionId) return;
+		        if (review) sidebar.openResource(review.address, { paneId, params: review.params });
+		        else openDocument(address, { paneId, params });
 		      });
+		      document.addEventListener('click', clickChangedFile, true);
 		      const stop = sidebar.mounted.subscribe(() => fileClick?.abort());
 		      return () => {
+		        document.removeEventListener('click', clickChangedFile, true);
 		        stopDrop();
 		        stop();
 		        fileClick?.abort();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-workspace-explorer",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Windows disk browsing, file operations and persistent preview in DeepSeek Harness Desktop.",
   "type": "module",
   "main": "./lib/index.js",

package/src/client/conversation-drop.js

@@ -1,19 +1,18 @@
-const sourceSelector = '[data-presented-file] > button[title], [data-chat-flow] button[class*="_fileMention_"]';
+export const changedFileButton = '[data-changed-files] button[aria-describedby]';
+const sourceSelector = '[data-presented-file] > button[title], [data-chat-flow] button[class*="_fileMention_"], ' + changedFileButton;
 const dragThreshold = 5;
 
-export function installConversationDrop(mounted, readFile, openTab) {
+export function installConversationDrop(mounted, readFile, openPreview) {
   const lifetime = new AbortController();
   const overlay = document.createElement('div');
   overlay.className = 'dwe-conversation-drop';
   overlay.setAttribute('aria-hidden', 'true');
   const area = document.createElement('div');
   area.className = 'dwe-conversation-drop-area';
-  area.textContent = '拖动到这里以新标签页打开';
   const icon = document.createElement('div');
   icon.className = 'dwe-conversation-drag-icon';
   const iconRoot = reactDomClient.createRoot(icon);
   overlay.append(area, icon);
-  let session = new AbortController();
   let gesture;
   let suppressClick = false;
 
@@ -74,6 +73,7 @@ export function installConversationDrop(mounted, readFile, openTab) {
       // Keep tracking even when the chat rerenders the file card during the drag.
       document.body.setPointerCapture(event.pointerId);
       layout();
+      area.textContent = file.review ? '拖到此处在DSH差异审阅中打开' : '拖到此处在DSH文档预览中打开';
       document.body.append(overlay);
       iconRoot.render(react.createElement(primitives.FileTypeIcon, { path: file.file, size: 28 }));
     }
@@ -91,7 +91,7 @@ export function installConversationDrop(mounted, readFile, openTab) {
     if (!shouldOpen) return;
     const hit = document.elementFromPoint(event.clientX, event.clientY);
     const paneId = hit?.closest('[data-sidebar-right-panel] [data-dockkit-pane]')?.dataset.dockkitPane;
-    openTab(file, paneId, session.signal);
+    openPreview(file, paneId);
   }
 
   function cancelPointer(event) {
@@ -112,14 +112,8 @@ export function installConversationDrop(mounted, readFile, openTab) {
     event.stopImmediatePropagation();
   }
 
-  function switchSession() {
-    reset();
-    session.abort();
-    session = new AbortController();
-  }
-
   const options = { capture: true, signal: lifetime.signal };
-  const stop = mounted.subscribe(switchSession);
+  const stop = mounted.subscribe(reset);
   document.addEventListener('pointerdown', arm, options);
   document.addEventListener('pointermove', move, options);
   document.addEventListener('pointerup', release, options);
@@ -136,7 +130,6 @@ export function installConversationDrop(mounted, readFile, openTab) {
     reset();
     iconRoot.unmount();
     stop();
-    session.abort();
     lifetime.abort();
   };
 }

package/src/client/main.js

@@ -1,15 +1,16 @@
 import { Explorer, ExplorerTitle } from '../ui/explorer.js';
 import { explorerCss } from '../ui/styles.js';
 import { scrollHorizontally } from '../ui/horizontal-wheel.js';
-import { parentOf, sessionFilePath, underPath, windowsPath } from '../ui/navigation.js';
+import { parentOf, resourceAddress, sessionFilePath, underPath, windowsPath } from '../ui/navigation.js';
 import { renameFavorites } from '../ui/favorites.js';
 import { installSidebarMotion } from './sidebar-motion.js';
-import { installConversationDrop } from './conversation-drop.js';
+import { changedFileButton, installConversationDrop } from './conversation-drop.js';
 
 const id = 'dsh-workspace-explorer';
 const inject = ['slots'];
 const h = react.createElement;
 const instancePrefix = 'dsh-resource://workspace-explorer/tab/';
+const changesReviewPrefix = 'dsh-resource://changes-review/session/';
 
 function apply(ctx) {
   if (location.protocol !== 'dsh-app:' || location.hostname !== 'app') return;
@@ -253,21 +254,22 @@ function apply(ctx) {
       return bindings.get(sidebar.active()?.id) ?? activeView ?? viewList[0];
     }
 
-    async function openConversationFile(request, signal, { view, newTab, paneId }) {
+    async function openConversationFile(request, signal, { view, onUnavailable }) {
       const { address, sessionId, file, params } = request;
       const metadata = await statFile(sessionId, file, signal);
       if (signal.aborted || sidebar.mounted.getSnapshot() !== sessionId) return;
       if (!metadata) {
-        openDocument(address, { params, paneId });
+        if (onUnavailable) onUnavailable();
+        else openDocument(address, { params });
         return;
       }
-      const existing = newTab ? undefined : viewList.includes(view) ? view : currentExplorer();
+      const existing = viewList.includes(view) ? view : currentExplorer();
       const tabId = existing && [...bindings].find(([, item]) => item === existing)?.[0];
       if (tabId) {
         sidebar.focus(tabId);
         if (!sidebar.isExpanded() && !existing.target?.isFloating) sidebar.toggleExpanded();
       }
-      const target = tabId ? existing : openFolderTab(parentOf(metadata.absolute), paneId);
+      const target = tabId ? existing : openFolderTab(parentOf(metadata.absolute));
       if (target) revealFile(target, metadata, params?.line);
     }
 
@@ -275,31 +277,72 @@ function apply(ctx) {
       const openResource = sidebar.openResource;
       let fileClick;
       let dragSource;
+      let openingReview = false;
+      function openFile(request, onUnavailable) {
+        fileClick?.abort();
+        fileClick = new AbortController();
+        void openConversationFile(request, fileClick.signal, { view: currentExplorer(), onUnavailable });
+      }
       function open(address, options) {
+        const changed = dragSource?.changed;
+        if (changed && address.startsWith(changesReviewPrefix)) {
+          if (address.startsWith(changesReviewPrefix + encodeURIComponent(changed.sessionId) + '/')) {
+            dragSource.file = { ...changed, review: { address, params: options?.params } };
+          }
+          return;
+        }
         const request = (!options || Object.keys(options).every(key => key === 'params')) && fileRequest(address, options);
         if (!request) return openResource.call(this, address, options);
         if (dragSource) {
           dragSource.file = request;
           return;
         }
-        fileClick?.abort();
-        fileClick = new AbortController();
-        void openConversationFile(request, fileClick.signal, { view: currentExplorer() });
+        openFile(request);
+      }
+      function changedFileRequest(button) {
+        const card = button.closest('[data-changed-files]');
+        const description = document.getElementById(button.getAttribute('aria-describedby'));
+        const sessionId = card?.closest('[data-conversation-content]')?.dataset.conversationSession;
+        if (sessionId !== sidebar.mounted.getSnapshot() || !card?.contains(description)) return;
+        const absolute = windowsPath(description.textContent);
+        if (absolute) return fileRequest(resourceAddress(absolute, sessionId));
+      }
+      function clickChangedFile(event) {
+        // Shift-click retains the native change review for an individual file.
+        if (openingReview || dragSource?.changed || event.shiftKey || !(event.target instanceof Element)) return;
+        const button = event.target.closest(changedFileButton);
+        const request = button && changedFileRequest(button);
+        if (!request) return;
+        event.preventDefault();
+        event.stopPropagation();
+        openFile(request, () => {
+          if (!button.isConnected) return;
+          openingReview = true;
+          try { button.click(); }
+          finally { openingReview = false; }
+        });
       }
       function readDragSource(button) {
-        // Let Harness resolve the same path and line as a real click, without opening a tab yet.
-        const capture = {};
+        const isChanged = button.matches(changedFileButton);
+        const changed = isChanged ? changedFileRequest(button) : undefined;
+        if (isChanged && !changed) return;
+        // Capture Harness's file or review address without opening the tab until drop.
+        const capture = { changed };
         dragSource = capture;
         try { button.click(); }
         finally { dragSource = undefined; }
-        return capture.file;
+        return capture.file ?? changed;
       }
       sidebar.openResource = open;
-      const stopDrop = installConversationDrop(sidebar.mounted, readDragSource, (request, paneId, signal) => {
-        void openConversationFile(request, signal, { newTab: true, paneId });
+      const stopDrop = installConversationDrop(sidebar.mounted, readDragSource, ({ address, sessionId, params, review }, paneId) => {
+        if (sidebar.mounted.getSnapshot() !== sessionId) return;
+        if (review) sidebar.openResource(review.address, { paneId, params: review.params });
+        else openDocument(address, { paneId, params });
       });
+      document.addEventListener('click', clickChangedFile, true);
       const stop = sidebar.mounted.subscribe(() => fileClick?.abort());
       return () => {
+        document.removeEventListener('click', clickChangedFile, true);
         stopDrop();
         stop();
         fileClick?.abort();

package/src/client/sidebar-motion.js

@@ -1,69 +1,69 @@
-const dockItems = ':is([data-dockkit-host="dock"], [data-dockkit-empty], [data-dockkit-divider])';
-const toggleButtons = 'button:is([data-sidebar-right-expand], [data-sidebar-right-toggle])';
-
-export function installSidebarMotion(sidebar) {
-  let allowed;
-  let collectFrame;
-  const instantFrames = new Map();
-
-  function stopMotion() {
-    cancelAnimationFrame(collectFrame);
-    if (!allowed) return;
-    for (const item of allowed.items) delete item.dataset.dweSidebarToggleMotion;
-    allowed = undefined;
-  }
-
-  function allowButtonMotion(event) {
-    const button = event.target instanceof Element && event.target.closest(toggleButtons);
-    if (!button || button.disabled) return;
-    const sessionId = sidebar.mounted.getSnapshot();
-    const panel = sessionId && document.querySelector(
-      '[data-sidebar-right-panel][data-sidebar-right-session="' + CSS.escape(sessionId) + '"]',
-    );
-    const frame = panel?.closest('[data-rightbar-col]')?.parentElement;
-    if (!frame) return;
-
-    // A tab selected during the slide must not inherit permission to animate.
-    stopMotion();
-    const items = [...panel.querySelectorAll(dockItems + ':not([hidden])')];
-    const motion = { frame, items };
-    allowed = motion;
-    for (const item of items) item.dataset.dweSidebarToggleMotion = '';
-    collectFrame = requestAnimationFrame(() => {
-      const transitions = [...frame.getAnimations(), ...items.flatMap(item => item.getAnimations())]
-        .filter(animation => ['transform', 'grid-template-columns'].includes(animation.transitionProperty));
-      Promise.allSettled(transitions.map(animation => animation.finished)).then(() => {
-        if (allowed === motion) stopMotion();
-      });
-    });
-  }
-
-  // The shell shares one grid transition between the left and right columns.
-  // Snap right-track changes outside the toggle controls so the left controls still animate.
-  const track = new MutationObserver(records => {
-    for (const frame of new Set(records.map(record => record.target))) {
-      if (allowed?.frame === frame || !frame.querySelector(':scope > [data-rightbar-col]')) continue;
-      cancelAnimationFrame(instantFrames.get(frame));
-      frame.dataset.dweSidebarTrackInstant = '';
-      instantFrames.set(frame, requestAnimationFrame(() => {
-        instantFrames.set(frame, requestAnimationFrame(() => {
-          delete frame.dataset.dweSidebarTrackInstant;
-          instantFrames.delete(frame);
-        }));
-      }));
-    }
-  });
-  track.observe(document.documentElement, { subtree: true, attributeFilter: ['data-rightbar-collapsed'] });
-  document.addEventListener('click', allowButtonMotion, true);
-  const disposeSwitch = sidebar.mounted.subscribe(stopMotion);
-  return () => {
-    stopMotion();
-    disposeSwitch();
-    track.disconnect();
-    for (const [frame, request] of instantFrames) {
-      cancelAnimationFrame(request);
-      delete frame.dataset.dweSidebarTrackInstant;
-    }
-    document.removeEventListener('click', allowButtonMotion, true);
-  };
-}
+const dockItems = ':is([data-dockkit-host="dock"], [data-dockkit-empty], [data-dockkit-divider])';
+const toggleButtons = 'button:is([data-sidebar-right-expand], [data-sidebar-right-toggle])';
+
+export function installSidebarMotion(sidebar) {
+  let allowed;
+  let collectFrame;
+  const instantFrames = new Map();
+
+  function stopMotion() {
+    cancelAnimationFrame(collectFrame);
+    if (!allowed) return;
+    for (const item of allowed.items) delete item.dataset.dweSidebarToggleMotion;
+    allowed = undefined;
+  }
+
+  function allowButtonMotion(event) {
+    const button = event.target instanceof Element && event.target.closest(toggleButtons);
+    if (!button || button.disabled) return;
+    const sessionId = sidebar.mounted.getSnapshot();
+    const panel = sessionId && document.querySelector(
+      '[data-sidebar-right-panel][data-sidebar-right-session="' + CSS.escape(sessionId) + '"]',
+    );
+    const frame = panel?.closest('[data-rightbar-col]')?.parentElement;
+    if (!frame) return;
+
+    // A tab selected during the slide must not inherit permission to animate.
+    stopMotion();
+    const items = [...panel.querySelectorAll(dockItems + ':not([hidden])')];
+    const motion = { frame, items };
+    allowed = motion;
+    for (const item of items) item.dataset.dweSidebarToggleMotion = '';
+    collectFrame = requestAnimationFrame(() => {
+      const transitions = [...frame.getAnimations(), ...items.flatMap(item => item.getAnimations())]
+        .filter(animation => ['transform', 'grid-template-columns'].includes(animation.transitionProperty));
+      Promise.allSettled(transitions.map(animation => animation.finished)).then(() => {
+        if (allowed === motion) stopMotion();
+      });
+    });
+  }
+
+  // The shell shares one grid transition between the left and right columns.
+  // Snap right-track changes outside the toggle controls so the left controls still animate.
+  const track = new MutationObserver(records => {
+    for (const frame of new Set(records.map(record => record.target))) {
+      if (allowed?.frame === frame || !frame.querySelector(':scope > [data-rightbar-col]')) continue;
+      cancelAnimationFrame(instantFrames.get(frame));
+      frame.dataset.dweSidebarTrackInstant = '';
+      instantFrames.set(frame, requestAnimationFrame(() => {
+        instantFrames.set(frame, requestAnimationFrame(() => {
+          delete frame.dataset.dweSidebarTrackInstant;
+          instantFrames.delete(frame);
+        }));
+      }));
+    }
+  });
+  track.observe(document.documentElement, { subtree: true, attributeFilter: ['data-rightbar-collapsed'] });
+  document.addEventListener('click', allowButtonMotion, true);
+  const disposeSwitch = sidebar.mounted.subscribe(stopMotion);
+  return () => {
+    stopMotion();
+    disposeSwitch();
+    track.disconnect();
+    for (const [frame, request] of instantFrames) {
+      cancelAnimationFrame(request);
+      delete frame.dataset.dweSidebarTrackInstant;
+    }
+    document.removeEventListener('click', allowButtonMotion, true);
+  };
+}

package/src/document-types.js

@@ -1,2 +1,2 @@
-export const officeExtensions = new Set(['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx']);
-export const pdfAssetsPath = '/api/dsh.workspaceExplorer/pdf';
+export const officeExtensions = new Set(['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx']);
+export const pdfAssetsPath = '/api/dsh.workspaceExplorer/pdf';