dsh-workspace-explorer 1.1.0 → 1.1.2

package/lib/client.js

@@ -16,6 +16,7 @@ window.__ModuleLoader__.load({
 		// Frozen platform table entries (see the shell's static module table).
 		var react = require("react");
 		var reactDom = require("react-dom");
+		var reactDomClient = require("react-dom/client");
 		var jsxRuntime = require("react/jsx-runtime");
 		var primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
@@ -77,6 +78,15 @@ window.__ModuleLoader__.load({
 		  return 'dsh-resource://file/' + (sessionId ? 'session/' + encodeURIComponent(sessionId) : 'absolute') + '/' + encoded;
 		}
 		
+		function sessionFilePath(address, sessionId) {
+		  const match = /^dsh-resource:\/\/file\/session\/([^/?#]+)\/([^?#]+)(?:[?#].*)?$/.exec(address);
+		  if (!match || !sessionId) return null;
+		  try {
+		    if (decodeURIComponent(match[1]) !== sessionId) return null;
+		    return match[2].split('/').map(decodeURIComponent).join('/');
+		  } catch { return null; }
+		}
+		
 			__exports["move"] = move;
 			__exports["visit"] = visit;
 			__exports["joinPath"] = joinPath;
@@ -85,6 +95,7 @@ window.__ModuleLoader__.load({
 			__exports["underPath"] = underPath;
 			__exports["renamePath"] = renamePath;
 			__exports["resourceAddress"] = resourceAddress;
+			__exports["sessionFilePath"] = sessionFilePath;
 		};
 		
 		__modules["vendor/model/common.js"] = function (module, exports, require) {
@@ -9826,7 +9837,7 @@ window.__ModuleLoader__.load({
 			const { PdfPreview } = __require("ui/pdf-preview.js");
 			const { usePreviewZoom } = __require("ui/preview-zoom.js");
 		
-		const { createElement: h, useEffect, useRef, useState } = react;
+		const { createElement: h, useEffect, useLayoutEffect, useRef, useState } = react;
 		const coverActions = {
 		  [PREVIEW_IDS.archive]: '解压预览',
 		  [PREVIEW_IDS.model]: '查看模型',
@@ -9840,6 +9851,14 @@ window.__ModuleLoader__.load({
 		  [PREVIEW_IDS.dfu]: '查看固件',
 		};
 		
+		function formatSize(bytes) {
+		  if (typeof bytes !== 'number') return '—';
+		  if (bytes < 1024) return bytes + ' B';
+		  if (bytes < 1024 ** 2) return (bytes / 1024).toFixed(1) + ' KB';
+		  if (bytes < 1024 ** 3) return (bytes / 1024 ** 2).toFixed(1) + ' MB';
+		  return (bytes / 1024 ** 3).toFixed(1) + ' GB';
+		}
+		
 		class PreviewBoundary extends react.Component {
 		  state = { failed: false };
 		
@@ -9854,6 +9873,18 @@ window.__ModuleLoader__.load({
 		
 		function PreviewCover({ file, root, videoType, label, archive, start }) {
 		  const [poster, setPoster] = useState(null);
+		  const [resolvedSize, setResolvedSize] = useState(undefined);
+		  const { absolute, name, size } = file;
+		
+		  useEffect(() => {
+		    if (size !== undefined) return;
+		    const controller = new AbortController();
+		    void disks.locate(absolute, controller.signal, root).then(result => {
+		      if (!controller.signal.aborted) setResolvedSize(result.size);
+		    }, () => {});
+		    return () => controller.abort();
+		  }, [absolute, size, root]);
+		
 		  useEffect(() => {
 		    if (!videoType) return;
 		    const controller = new AbortController();
@@ -9869,16 +9900,22 @@ window.__ModuleLoader__.load({
 		      h('rect', { x: 5, y: 3, width: 26, height: 30, rx: 5, fill: '#7462c4' }),
 		      h('path', { d: 'M18 5h3v4h-3v4h3v4h-3v4m-2 0h6v6h-6z', fill: 'none', stroke: '#fff', strokeWidth: 1.6, strokeLinejoin: 'round' }))
 		    : h(primitives.FileTypeIcon, { path: file.name, size: 36 });
-		  return h('div', { className: 'dwe-preview-cover', 'data-poster': Boolean(poster) || undefined },
+		  return h('div', {
+		    className: 'dwe-preview-cover', 'data-video': Boolean(videoType) || undefined,
+		    'data-poster': Boolean(poster) || undefined,
+		  },
 		    poster && h('img', { src: poster, alt: '', draggable: false }),
-		    h('div', { className: 'dwe-cover-action' },
-		      !videoType && fileIcon,
-		      h('button', {
-		        type: 'button', className: videoType ? 'dwe-cover-play' : 'dwe-cover-open',
-		        title: label, 'aria-label': label, onClick: start,
-		      }, videoType ? h('svg', { width: 24, height: 24, viewBox: '0 0 24 24', 'aria-hidden': true },
-		        h('path', { d: 'M9 5v14l11-7z', fill: 'currentColor' })) : label)),
-		    h('div', { className: 'dwe-cover-file', title: file.name }, file.name));
+		    h('div', { className: 'dwe-cover-content' },
+		      h('div', { className: 'dwe-cover-action' },
+		        !videoType && fileIcon,
+		        h('button', {
+		          type: 'button', className: videoType ? 'dwe-cover-play' : 'dwe-cover-open',
+		          title: label, 'aria-label': label, onClick: start,
+		        }, videoType ? h('svg', { width: 24, height: 24, viewBox: '0 0 24 24', 'aria-hidden': true },
+		          h('path', { d: 'M9 5v14l11-7z', fill: 'currentColor' })) : label)),
+		      h('div', { className: 'dwe-cover-details' },
+		        h('div', { className: 'dwe-cover-file', title: name }, name),
+		        h('div', { className: 'dwe-cover-size' }, formatSize(size ?? resolvedSize)))));
 		}
 		
 		function ImagePreview({ url, name, onError }) {
@@ -9906,6 +9943,27 @@ window.__ModuleLoader__.load({
 		    }));
 		}
 		
+		function TextPreview({ text, eof, file }) {
+		  const content = useRef(null);
+		  useLayoutEffect(() => {
+		    if (!file.line || !text) return;
+		    let offset = 0;
+		    for (let line = 1; line < file.line; line++) {
+		      const end = text.indexOf('\n', offset);
+		      if (end < 0) return;
+		      offset = end + 1;
+		    }
+		    if (offset === text.length) return;
+		    const range = document.createRange();
+		    range.setStart(content.current.firstChild, offset);
+		    range.setEnd(content.current.firstChild, offset + 1);
+		    const scroll = content.current.parentElement;
+		    scroll.scrollTop += range.getBoundingClientRect().top - scroll.getBoundingClientRect().top - 12;
+		  }, [file, text]);
+		  return h('pre', { ref: content, className: 'dwe-text' },
+		    text || '（空文件）', eof ? '' : '\n\n… 仅显示首页，可在原生预览中继续查看');
+		}
+		
 		function Preview({ file, root }) {
 		  const [result, setResult] = useState({ kind: 'loading' });
 		  const [started, setStarted] = useState(false);
@@ -9974,8 +10032,7 @@ window.__ModuleLoader__.load({
 		        onError: () => setResult({ kind: 'unavailable' }),
 		      });
 		    case 'text':
-		      return h('pre', { className: 'dwe-text' },
-		        result.text || '（空文件）', result.eof ? '' : '\n\n… 仅显示首页，可在原生预览中继续查看');
+		      return h(TextPreview, { text: result.text, eof: result.eof, file });
 		    case 'unavailable':
 		      return h(PreviewUnavailable);
 		    default:
@@ -9987,6 +10044,7 @@ window.__ModuleLoader__.load({
 		
 		
 		
+			__exports["formatSize"] = formatSize;
 			__exports["PreviewBoundary"] = PreviewBoundary;
 			__exports["Preview"] = Preview;
 		};
@@ -10258,6 +10316,7 @@ window.__ModuleLoader__.load({
 			const { renamePath, underPath, windowsPath } = __require("ui/navigation.js");
 		
 		const key = 'dsh-workspace-explorer.favorites';
+		const dragType = 'application/x-dwe-favorite';
 		const { createElement: h, useLayoutEffect, useRef, useSyncExternalStore } = react;
 		const listeners = new Set();
 		
@@ -10323,8 +10382,33 @@ window.__ModuleLoader__.load({
 		  update(unique(folders.map(path => renamePath(path, from, to))));
 		}
 		
+		function moveFavorite(from, to, after) {
+		  if (from === to || !folders.includes(from) || !folders.includes(to)) return;
+		  const next = folders.filter(path => path !== from);
+		  next.splice(next.indexOf(to) + Number(after), 0, from);
+		  update(next);
+		}
+		
 		function Favorites({ anchor, close, folders, navigate, currentPath, removeIcon, workspaceMode, root }) {
 		  const panel = useRef(null);
+		  const dragged = useRef(null);
+		  const dropRow = useRef(null);
+		
+		  function clearDropRow() {
+		    if (dropRow.current) delete dropRow.current.dataset.dweFavoriteDrop;
+		    dropRow.current = null;
+		  }
+		
+		  function resetDrag() {
+		    dragged.current = null;
+		    clearDropRow();
+		  }
+		
+		  function isAfter(event) {
+		    const bounds = event.currentTarget.getBoundingClientRect();
+		    return event.clientY >= bounds.top + bounds.height / 2;
+		  }
+		
 		  useLayoutEffect(() => {
 		    const popup = panel.current;
 		    const button = anchor.current;
@@ -10365,9 +10449,35 @@ window.__ModuleLoader__.load({
 		  return h('section', { ref: panel, className: 'dwe-favorites', 'aria-label': '收藏夹' },
 		    h('header', null, h('strong', null, '收藏夹'),
 		      h('button', { type: 'button', className: 'dwe-clear-favorites', disabled: !folders.length, onClick: clearFavorites }, '清空收藏')),
-		    folders.length ? h('ul', null, ...folders.map(path => {
+		    folders.length ? h('ul', { onDragLeave: event => {
+		      if (!event.currentTarget.contains(event.relatedTarget)) clearDropRow();
+		    } }, ...folders.map(path => {
 		      const name = path.length === 3 ? path.slice(0, 2) : path.split('\\').at(-1);
-		      return h('li', { key: path },
+		      return h('li', {
+		        key: path, draggable: true,
+		        onDragStart: event => {
+		          dragged.current = path;
+		          event.dataTransfer.effectAllowed = 'move';
+		          event.dataTransfer.setData(dragType, path);
+		        },
+		        onDragOver: event => {
+		          if (!dragged.current || !event.dataTransfer.types.includes(dragType)) return;
+		          if (dropRow.current !== event.currentTarget) clearDropRow();
+		          if (dragged.current === path) return;
+		          event.preventDefault();
+		          event.dataTransfer.dropEffect = 'move';
+		          dropRow.current = event.currentTarget;
+		          dropRow.current.dataset.dweFavoriteDrop = isAfter(event) ? 'after' : 'before';
+		        },
+		        onDrop: event => {
+		          const from = dragged.current;
+		          if (!from || event.dataTransfer.getData(dragType) !== from) return;
+		          event.preventDefault();
+		          resetDrag();
+		          moveFavorite(from, path, isAfter(event));
+		        },
+		        onDragEnd: resetDrag,
+		      },
 		        h('button', {
 		          type: 'button', className: 'dwe-favorite-location', title: path, onClick: () => navigate(path),
 		          disabled: workspaceMode && !underPath(path, root),
@@ -10393,7 +10503,7 @@ window.__ModuleLoader__.load({
 			"use strict";
 			const __exports = exports;
 			const { joinPath, move, parentOf, renamePath, resourceAddress, underPath, visit, windowsPath } = __require("ui/navigation.js");
-			const { Preview, PreviewBoundary } = __require("ui/preview.js");
+			const { formatSize, Preview, PreviewBoundary } = __require("ui/preview.js");
 			const { disks } = __require("ui/workspace.js");
 			const { useComposerDrop } = __require("ui/composer-drop.js");
 			const { Thumbnail } = __require("ui/thumbnail.js");
@@ -10474,14 +10584,6 @@ window.__ModuleLoader__.load({
 		  return { names, anchor: name };
 		}
 		
-		function formatSize(bytes) {
-		  if (typeof bytes !== 'number') return '—';
-		  if (bytes < 1024) return bytes + ' B';
-		  if (bytes < 1024 ** 2) return (bytes / 1024).toFixed(1) + ' KB';
-		  if (bytes < 1024 ** 3) return (bytes / 1024 ** 2).toFixed(1) + ' MB';
-		  return (bytes / 1024 ** 3).toFixed(1) + ' GB';
-		}
-		
 		function entryType(entry) {
 		  if (entry.type === 'drive') return '磁盘';
 		  if (entry.type === 'directory') return '文件夹';
@@ -10569,21 +10671,19 @@ window.__ModuleLoader__.load({
 		}
 		
 		function Explorer({
-		  cwd, sessionId, initialPath, bindFileActions, getTarget, onPath, openLocal, openFolderTab,
+		  cwd, sessionId, initialPath, bindFileActions, getTarget, onPath, openLocal, openDocument, openFolderTab,
 		  refreshDirectories, updateRenamedPath,
 		}) {
 		  const workspace = windowsPath(cwd);
 		  const [localHistory, setLocalHistory] = useState(() => firstPath(initialPath ?? workspace));
 		  const [scoped, setScoped] = useState(null);
 		  const workspaceMode = scoped !== null;
-		  const root = workspaceMode ? (sessionId ? workspace : scoped.root) : null;
-		  const history = workspaceMode ? (root === scoped.root ? scoped.history : firstPath(root)) : localHistory;
+		  const root = scoped?.root ?? null;
+		  const history = scoped?.history ?? localHistory;
 		  const changeHistory = useCallback(change => {
-		    if (workspaceMode) setScoped(current => current && {
-		      root, history: change(current.root === root ? current.history : firstPath(root)),
-		    });
+		    if (workspaceMode) setScoped(current => current && { ...current, history: change(current.history) });
 		    else setLocalHistory(change);
-		  }, [workspaceMode, root]);
+		  }, [workspaceMode]);
 		  const [revision, setRevision] = useState(0);
 		  const [listing, setListing] = useState(null);
 		  const [selection, setSelection] = useState(emptySelection);
@@ -10638,7 +10738,7 @@ window.__ModuleLoader__.load({
 		      if (!current) return current;
 		      const absolute = renamePath(current.absolute, from, to);
 		      return absolute === current.absolute ? current
-		        : { absolute, name: absolute.split('\\').at(-1), address: resourceAddress(absolute) };
+		        : { ...current, absolute, name: absolute.split('\\').at(-1), address: resourceAddress(absolute) };
 		    });
 		  }, []);
 		  const closeMenu = useCallback((restore = false) => {
@@ -10689,12 +10789,6 @@ window.__ModuleLoader__.load({
 		    setScoped(workspaceMode ? null : { root: workspace, history: firstPath(workspace) });
 		  }
 		
-		  useLayoutEffect(() => {
-		    if (!workspaceMode || !root || root === scoped.root) return;
-		    resetNavigation();
-		    setScoped({ root, history: firstPath(root) });
-		  }, [workspaceMode, root, scoped?.root, resetNavigation]);
-		
 		  useLayoutEffect(() => { onPath(path); }, [onPath, path]);
 		
 		  useEffect(() => {
@@ -10725,7 +10819,6 @@ window.__ModuleLoader__.load({
 		  }, [root, term, revision, sessionId]);
 		
 		  useEffect(() => () => pathRequest.current?.abort(), []);
-		  useLayoutEffect(() => bindFileActions({ refresh, rename }), [bindFileActions, refresh, rename]);
 		  useLayoutEffect(() => { scroll.current.scrollTop = 0; }, [path, term]);
 		  useLayoutEffect(() => {
 		    const result = resultToReveal.current;
@@ -10750,20 +10843,33 @@ window.__ModuleLoader__.load({
 		    changeHistory(value => move(value, delta));
 		  }
 		
-		  function openPreview(absolute, name) {
-		    setPreview(current => current?.absolute === absolute ? current : {
-		      name, absolute, address: resourceAddress(absolute),
+		  const openPreview = useCallback((absolute, name, size, line) => {
+		    const targetLine = Number.isSafeInteger(line) && line > 0 ? line : undefined;
+		    setPreview(current => current?.absolute === absolute && !targetLine ? current : {
+		      name, absolute, size, line: targetLine, address: resourceAddress(absolute),
 		    });
-		  }
+		  }, []);
 		
-		  function openSearchHit(match) {
-		    if (!underPath(match.path, root)) return;
-		    const folder = parentOf(match.path);
-		    navigate(folder);
-		    resultToReveal.current = { folder, name: match.name };
-		    setSelection(singleSelection(match.name));
-		    openPreview(match.path, match.name);
+		  const revealFile = useCallback((absolute, name, size, line) => {
+		    const folder = parentOf(absolute);
+		    if (workspaceMode && !underPath(folder, root)) {
+		      resetNavigation();
+		      setScoped(null);
+		      setLocalHistory(history => visit(history, folder));
+		    } else {
+		      navigate(folder);
+		      if (folder === path && ready && !ready.entries.some(entry => entry.name === name)) refresh();
+		    }
+		    resultToReveal.current = { folder, name };
+		    setSelection(singleSelection(name));
+		    openPreview(absolute, name, size, line);
 		    setPreviewOpen(true);
+		  }, [workspaceMode, root, path, ready, resetNavigation, navigate, refresh, openPreview]);
+		
+		  useLayoutEffect(() => bindFileActions({ refresh, rename, reveal: revealFile }), [bindFileActions, refresh, rename, revealFile]);
+		
+		  function openSearchHit(match) {
+		    if (underPath(match.path, root)) revealFile(match.path, match.name);
 		  }
 		
 		  function select(event, entry) {
@@ -10772,7 +10878,7 @@ window.__ModuleLoader__.load({
 		    setSelection(current => selectNames(current, entry.name, entries, shiftKey, ctrlKey));
 		    setActionError('');
 		    setActionNotice('');
-		    if (!shiftKey && !ctrlKey && entry.type === 'file') openPreview(joinPath(path, entry.name), entry.name);
+		    if (!shiftKey && !ctrlKey && entry.type === 'file') openPreview(joinPath(path, entry.name), entry.name, entry.size);
 		  }
 		
 		  async function openWithWindows(path) {
@@ -10905,7 +11011,7 @@ window.__ModuleLoader__.load({
 		      if (target.type === 'directory') navigate(windowsPath(target.path));
 		      else {
 		        closeEditor();
-		        openPreview(target.path, target.name);
+		        openPreview(target.path, target.name, target.size);
 		      }
 		      scroll.current.focus();
 		    } catch (error) {
@@ -10923,7 +11029,9 @@ window.__ModuleLoader__.load({
 		    if (!target || !shownPreview) return;
 		    try {
 		      if (root) await disks.locate(shownPreview.absolute, undefined, root);
-		      if (getTarget() === target) target.actions.openResource(resourceAddress(shownPreview.absolute, target.sessionId));
+		      if (getTarget() === target) openDocument(resourceAddress(shownPreview.absolute, target.sessionId), {
+		        paneId: target.paneId, params: shownPreview.line ? { line: shownPreview.line } : undefined,
+		      });
 		    } catch (error) {
 		      setActionError(error?.message || String(error));
 		    }
@@ -10980,6 +11088,7 @@ window.__ModuleLoader__.load({
 		          tool('home', workspaceMode ? '返回工作区根目录' : '返回此电脑', () => navigate(root), path === root),
 		          tool('workspace', '跳转至工作区', () => navigate(workspace), !workspace || path === workspace || workspaceMode)),
 		        h('div', { className: 'dwe-nav' },
+		          h('span', { className: 'dwe-v-divider', 'aria-hidden': true }),
 		          tool('copy', '复制', () => runAction('copy', selectedEntries), !modifySelected),
 		          tool('cut', '剪切', () => runAction('cut', selectedEntries), !modifySelected),
 		          tool('paste', '粘贴', () => runAction('paste'), !path || working),
@@ -11045,14 +11154,15 @@ window.__ModuleLoader__.load({
 		                !grid && h('span', { className: 'dwe-meta' }, entryType(entry)),
 		                !grid && h('span', { className: 'dwe-meta' }, formatSize(entry.size))))))),
 		      h('footer', { className: 'dwe-status-bar' },
+		        h('div', { className: 'dwe-nav', role: 'group', 'aria-label': '文件视图' },
+		          tool('list', '列表', () => changeView('list'), false, !grid),
+		          tool('grid', '大图标', () => changeView('grid'), false, grid)),
+		        h('span', { className: 'dwe-v-divider', 'aria-hidden': true }),
 		        h('span', { className: 'dwe-status', role: 'status', title: actionNotice },
 		          term ? found?.matches ? found.matches.length + ' 个结果' + (found.truncated ? ' · 请缩小关键词' : '') : ' '
 		            : actionNotice || (selectedEntries.length > 1 ? '已选择 ' + selectedEntries.length + ' 项'
 		              : ready?.entries ? ready.entries.length + ' 个项目' + (ready.truncated ? ' · 列表已截断' : '') : ' ')),
-		        h('div', { className: 'dwe-nav', role: 'group', 'aria-label': '视图与预览' },
-		          tool('list', '列表', () => changeView('list'), false, !grid),
-		          tool('grid', '大图标', () => changeView('grid'), false, grid),
-		          tool('preview', '预览窗格', () => setPreviewOpen(open => !open), false, previewOpen)))),
+		        tool('preview', '预览窗格', () => setPreviewOpen(open => !open), false, previewOpen))),
 		    previewOpen && h(PreviewDivider, { root: layout, ratio: splitRatio, setRatio: setSplitRatio }),
 		    previewOpen && h('section', { className: 'dwe-preview', 'aria-label': '文件预览' },
 		      h('header', { className: 'dwe-preview-bar' },
@@ -11102,6 +11212,38 @@ window.__ModuleLoader__.load({
 			"use strict";
 			const __exports = exports;
 		const explorerCss = `
+		[data-dwe-sidebar-handoff] {
+		  grid-template-columns: var(--dwe-handoff-columns) !important;
+		  transition: none !important;
+		}
+		[data-dwe-sidebar-track-instant],
+		[data-sidebar-right-panel] :is([data-dockkit-host='dock'], [data-dockkit-empty], [data-dockkit-divider]):not([data-dwe-sidebar-toggle-motion]),
+		[data-dwe-sidebar-handoff] [data-sidebar-right-panel] :is([data-dockkit-host='dock'], [data-dockkit-empty], [data-dockkit-divider]) {
+		  transition: none !important;
+		}
+		.dwe-conversation-drop {
+		  position: fixed; inset: 0; z-index: 2147483647;
+		  display: grid; box-sizing: border-box; padding: 0 6px 6px 3px;
+		  --dwe-drop-blue: #4176E6;
+		  pointer-events: none; user-select: none;
+		}
+		.dwe-conversation-drop-area {
+		  position: relative; display: grid; place-items: center; padding: 24px;
+		  border-radius: 10px; overflow: hidden;
+		  background: color-mix(in srgb, var(--dsw-alias-bg-base, Canvas) 38%, transparent);
+		  backdrop-filter: blur(7.5px); color: var(--dwe-drop-blue);
+		  text-align: center; font-size: 24px;
+		}
+		.dwe-conversation-drop-area::before {
+		  content: ''; position: absolute; inset: 0; border: 4px solid var(--dwe-drop-blue); border-radius: inherit;
+		}
+		.dwe-conversation-drop[data-dwe-drop-active] .dwe-conversation-drop-area::before { border-width: 8px; }
+		.dwe-conversation-drag-icon {
+		  position: fixed; top: 0; left: 0; width: 40px; height: 40px;
+		  display: grid; place-items: center; border-radius: 8px;
+		  background: var(--dsw-alias-bg-base, Canvas); box-shadow: 0 2px 8px #0004;
+		  transform: translate3d(clamp(0px, var(--dwe-drag-x), 100vw - 44px), clamp(0px, var(--dwe-drag-y), 100vh - 44px), 0);
+		}
 		.dwe-host { height: 100%; min-height: 0; min-width: 0; }
 		[data-dockkit-tab]:has([data-dwe-tab-title]) {
 		  flex-shrink: 0; min-inline-size: calc(5em + 59px); max-inline-size: max(170px, calc(5em + 59px));
@@ -11115,6 +11257,7 @@ window.__ModuleLoader__.load({
 		[data-dwe-tab-title] > span { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 		.dwe {
 		  --dwe-line: var(--dsw-alias-border-l3, color-mix(in srgb, currentColor 14%, transparent));
+		  --dwe-rule-inset: 8px;
 		  --dwe-tint: color-mix(in srgb, currentColor 5%, transparent);
 		  --dwe-hover: color-mix(in srgb, currentColor 8%, transparent);
 		  --dwe-blue: #458bf5;
@@ -11151,11 +11294,17 @@ window.__ModuleLoader__.load({
 		.dwe-divider:focus-visible { outline: 2px solid var(--dwe-blue); outline-offset: -2px; }
 		.dwe-toolbar, .dwe-preview-bar {
 		  display: flex; flex: none; align-items: center; gap: 6px;
-		  padding: 3px 8px; min-width: 0; border-bottom: 1px solid var(--dwe-line);
+		  padding: 3px 8px; min-width: 0; border-bottom: 1px solid transparent;
+		}
+		.dwe-toolbar, .dwe-head, .dwe-status-bar, .dwe-preview-bar {
+		  background-image: linear-gradient(#F5F5F5, #F5F5F5);
+		  background-repeat: no-repeat; background-origin: border-box;
+		  background-size: calc(100% - 2 * var(--dwe-rule-inset)) 1px; background-position: center bottom;
 		}
 		.dwe-address-bar { display: flex; min-width: 0; flex: none; align-items: center; gap: 3px; padding: 5px 8px 0; }
 		.dwe-toolbar { justify-content: space-between; gap: 4px; overflow-x: auto; scrollbar-width: none; }
 		.dwe-nav { display: flex; align-items: center; gap: 2px; flex: none; }
+		.dwe-v-divider { flex: 0 0 1px; height: 15px; margin-inline: 3px; background: var(--dwe-line); }
 		.dwe button {
 		  font: inherit; color: inherit; border: 0; background: transparent; cursor: default;
 		}
@@ -11169,8 +11318,9 @@ window.__ModuleLoader__.load({
 		  background: color-mix(in srgb, var(--dwe-blue) 20%, transparent);
 		}
 		.dwe-tool[data-dwe-tool="star"][aria-pressed="true"] svg { color: #a36a00; fill: #ffca58; }
-		.dwe-tool[data-dwe-tool="favorites"][aria-expanded="true"] {
-		  background: color-mix(in srgb, var(--dwe-blue) 20%, transparent);
+		.dwe-tool:is(.dwe-scope-tool, .dwe-favorites-tool, [data-dwe-tool="preview"], [data-dwe-tool="list"], [data-dwe-tool="grid"]) {
+		  &:is([aria-pressed="true"], [aria-expanded="true"]) { background: var(--dwe-hover); }
+		  &:hover:not(:disabled) { background: color-mix(in srgb, var(--dwe-blue) 20%, transparent); }
 		}
 		.dwe-favorites {
 		  position: absolute; z-index: 4; display: flex; flex-direction: column; box-sizing: border-box;
@@ -11183,7 +11333,12 @@ window.__ModuleLoader__.load({
 		  padding-inline-start: 6px; min-height: 25px;
 		}
 		.dwe-favorites ul { list-style: none; margin: 0; padding: 0; overflow: auto; }
-		.dwe-favorites li { display: flex; align-items: center; gap: 4px; }
+		.dwe-favorites li { position: relative; display: flex; align-items: center; gap: 4px; }
+		.dwe-favorites li[data-dwe-favorite-drop]::after {
+		  content: ''; position: absolute; inset-inline: 4px; height: 2px; background: var(--dwe-blue); pointer-events: none;
+		}
+		.dwe-favorites li[data-dwe-favorite-drop='before']::after { top: 0; }
+		.dwe-favorites li[data-dwe-favorite-drop='after']::after { bottom: 0; }
 		.dwe-favorite-location {
 		  display: flex; flex: 1; min-width: 0; align-items: center; gap: 7px; text-align: start;
 		  min-height: 28px; padding: 2px 4px; border-radius: 5px;
@@ -11235,7 +11390,7 @@ window.__ModuleLoader__.load({
 		.dwe-columns > span { padding-inline: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 		.dwe-head {
 		  position: sticky; top: 0; z-index: 1; padding: 5px 6px; font-size: 12px;
-		  background: var(--dsw-alias-bg-base, Canvas); border-bottom: 1px solid var(--dwe-line);
+		  background-color: var(--dsw-alias-bg-base, Canvas); border-bottom: 1px solid transparent;
 		}
 		.dwe-head span + span { border-inline-start: 1px solid var(--dwe-line); }
 		.dwe-columns > span:last-child { text-align: end; }
@@ -11249,7 +11404,7 @@ window.__ModuleLoader__.load({
 		.dwe-tile .dwe-name { flex-direction: column; gap: 5px; }
 		.dwe-thumbnail {
 		  position: relative; display: grid; place-items: center; inline-size: 100%; max-inline-size: 110px;
-		  block-size: 60px; pointer-events: none;
+		  grid-template: minmax(0, 1fr) / minmax(0, 1fr); block-size: 60px; pointer-events: none;
 		}
 		.dwe-thumbnail img {
 		  display: block; max-inline-size: 100%; max-block-size: 100%; object-fit: contain; border-radius: 3px;
@@ -11274,13 +11429,14 @@ window.__ModuleLoader__.load({
 		.dwe-meta, .dwe-status { opacity: .72; font-size: 12px; }
 		.dwe-status { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 		.dwe-status-bar {
-		  flex: none; display: flex; align-items: center; justify-content: space-between; gap: 4px;
-		  padding: 2px 6px 2px 12px; border-top: 1px solid var(--dwe-line);
+		  flex: none; display: flex; align-items: center; gap: 4px;
+		  padding: 2px 8px; border-top: 1px solid transparent; background-position: center top;
 		}
+		.dwe-status-bar > .dwe-tool { margin-inline-start: auto; }
 		.dwe-preview {
 		  min-height: 0; display: flex; flex-direction: column;
 		}
-		.dwe-preview-bar { background: var(--dsw-alias-bg-base, Canvas); }
+		.dwe-preview-bar { background-color: var(--dsw-alias-bg-base, Canvas); }
 		.dwe-preview-label { flex: none; margin-inline: 4px; line-height: 28px; }
 		.dwe-preview-name {
 		  min-width: 0; height: 28px; box-sizing: border-box; padding-inline: 7px 3px;
@@ -11291,13 +11447,17 @@ window.__ModuleLoader__.load({
 		.dwe-preview-body { flex: 1 1 auto; min-height: 0; overflow: auto; }
 		.dwe-preview-cover {
 		  position: relative; display: grid; place-items: center; isolation: isolate;
-		  height: 100%; min-height: 100px; overflow: hidden; background: var(--dwe-tint);
+		  height: 100%; min-height: 112px; box-sizing: border-box; padding: 6px 12px;
+		  overflow: hidden; background: var(--dwe-tint);
 		}
+		.dwe-preview-cover[data-video] { min-height: 128px; }
 		.dwe-preview-cover[data-poster] { background: #15171a; }
 		.dwe-preview-cover > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; z-index: -1; }
+		.dwe-cover-content { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 8px; width: 100%; }
 		.dwe-cover-action { display: flex; align-items: center; gap: 10px; }
 		.dwe .dwe-cover-play {
-		  display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%;
+		  display: grid; place-items: center; width: 52px; height: 52px; padding: 0; box-sizing: border-box;
+		  border-radius: 50%; corner-shape: round;
 		  background: #243953; color: #fff; box-shadow: 0 2px 8px #0003; cursor: pointer;
 		}
 		.dwe .dwe-cover-play:hover:not(:disabled) { background: #34577f; }
@@ -11305,11 +11465,17 @@ window.__ModuleLoader__.load({
 		  padding: 7px 12px; border: 1px solid var(--dwe-line); border-radius: 6px;
 		  background: var(--dsw-alias-bg-base, Canvas); white-space: nowrap; cursor: pointer;
 		}
-		.dwe-cover-file {
-		  position: absolute; inset-block-end: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-		  max-width: calc(100% - 24px); padding: 3px 8px; border-radius: 5px;
+		.dwe-cover-details {
+		  display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 3px;
+		  max-width: 100%; min-width: 0; box-sizing: border-box; padding: 2px 8px; border-radius: 5px;
+		}
+		.dwe-cover-file { max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+		.dwe-cover-size { font-size: 12px; opacity: .72; }
+		.dwe-preview-cover[data-video] .dwe-cover-details {
+		  position: absolute; inset: 0 0 auto; display: flex; align-items: center; gap: 6px;
+		  padding: 8px; border-radius: 0; background: #0009; color: #fff;
 		}
-		.dwe-preview-cover[data-poster] .dwe-cover-file { background: #15171abb; color: #fff; }
+		.dwe-preview-cover[data-video] .dwe-cover-size { flex: none; white-space: nowrap; }
 		.dwe-pdf-scroll {
 		  height: 100%; overflow: auto; scrollbar-gutter: stable both-edges; background: var(--dwe-tint);
 		}
@@ -11377,6 +11543,9 @@ window.__ModuleLoader__.load({
 		.dwe-dialog-actions button[type="submit"] { background: color-mix(in srgb, var(--dwe-blue) 23%, transparent); }
 		.dwe-dialog-actions button[data-dwe-action="delete"] { background: #ad303d; color: #fff; }
 		.dwe-dialog-actions button[data-dwe-action="delete"]:hover:not(:disabled) { background: #942634; }
+		@container (max-width: 440px) {
+		  .dwe-toolbar .dwe-tool:not(.dwe-scope-tool) { width: 26px; height: 26px; flex-basis: 26px; }
+		}
 		@container (max-width: 380px) {
 		  .dwe-columns { grid-template-columns: minmax(0, 1fr) 62px; }
 		  .dwe-columns > span:nth-child(2) { display: none; }
@@ -11411,31 +11580,261 @@ window.__ModuleLoader__.load({
 			__exports["scrollHorizontally"] = scrollHorizontally;
 		};
 		
+		__modules["client/sidebar-motion.js"] = function (module, exports, require) {
+			"use strict";
+			const __exports = exports;
+		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])';
+		
+		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);
+		  };
+		}
+		
+			__exports["installSidebarMotion"] = installSidebarMotion;
+		};
+		
+		__modules["client/conversation-drop.js"] = function (module, exports, require) {
+			"use strict";
+			const __exports = exports;
+		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, 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';
+		  const icon = document.createElement('div');
+		  icon.className = 'dwe-conversation-drag-icon';
+		  const iconRoot = reactDomClient.createRoot(icon);
+		  overlay.append(area, icon);
+		  let gesture;
+		  let suppressClick = false;
+		
+		  function reset() {
+		    const previous = gesture;
+		    gesture = undefined;
+		    if (previous && document.body.hasPointerCapture(previous.pointerId)) {
+		      document.body.releasePointerCapture(previous.pointerId);
+		    }
+		    overlay.remove();
+		    overlay.removeAttribute('data-dwe-drop-active');
+		    if (previous?.file) iconRoot.render(null);
+		  }
+		
+		  function arm(event) {
+		    if (event.button !== 0 || event.pointerType !== 'mouse' || !(event.target instanceof Element)) return;
+		    suppressClick = false;
+		    reset();
+		    const button = event.target.closest(sourceSelector);
+		    const conversation = button?.closest('[data-conversation-content]');
+		    const sessionId = conversation?.dataset.conversationSession;
+		    if (!sessionId || sessionId !== mounted.getSnapshot()) return;
+		    gesture = { button, conversation, pointerId: event.pointerId, x: event.clientX, y: event.clientY };
+		  }
+		
+		  function layout() {
+		    if (!gesture?.file) return;
+		    const rightbar = document.querySelector('[data-rightbar-col]');
+		    const center = rightbar?.previousElementSibling ?? gesture.conversation;
+		    const centerBounds = center.getBoundingClientRect();
+		    const left = Math.max(0, centerBounds.left);
+		    const right = rightbar?.getBoundingClientRect();
+		    overlay.style.top = Math.max(0, centerBounds.top) + 'px';
+		    overlay.style.left = (right?.width && right.left > left ? right.left : (left + innerWidth) / 2) + 'px';
+		  }
+		
+		  function inDropArea(x, y) {
+		    const { left, right, top, bottom } = overlay.getBoundingClientRect();
+		    return x >= left && x < right && y >= top && y < bottom;
+		  }
+		
+		  function move(event) {
+		    if (gesture?.pointerId !== event.pointerId) return;
+		    if (!(event.buttons & 1)) {
+		      reset();
+		      return;
+		    }
+		    if (!gesture.file) {
+		      if (Math.hypot(event.clientX - gesture.x, event.clientY - gesture.y) < dragThreshold) return;
+		      const current = gesture;
+		      const file = readFile(current.button);
+		      if (gesture !== current || !file) {
+		        reset();
+		        return;
+		      }
+		      gesture.file = file;
+		      suppressClick = true;
+		      // 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 }));
+		    }
+		    event.preventDefault();
+		    icon.style.setProperty('--dwe-drag-x', event.clientX + 12 + 'px');
+		    icon.style.setProperty('--dwe-drag-y', event.clientY + 12 + 'px');
+		    overlay.toggleAttribute('data-dwe-drop-active', inDropArea(event.clientX, event.clientY));
+		  }
+		
+		  function release(event) {
+		    if (gesture?.pointerId !== event.pointerId || event.button !== 0) return;
+		    const { file } = gesture;
+		    const shouldOpen = file && inDropArea(event.clientX, event.clientY);
+		    reset();
+		    if (!shouldOpen) return;
+		    const hit = document.elementFromPoint(event.clientX, event.clientY);
+		    const paneId = hit?.closest('[data-sidebar-right-panel] [data-dockkit-pane]')?.dataset.dockkitPane;
+		    openPreview(file, paneId);
+		  }
+		
+		  function cancelPointer(event) {
+		    if (gesture?.pointerId === event.pointerId) reset();
+		  }
+		
+		  function cancelEscape(event) {
+		    if (event.key !== 'Escape' || !gesture?.file) return;
+		    event.preventDefault();
+		    event.stopPropagation();
+		    reset();
+		  }
+		
+		  function preventDragClick(event) {
+		    if (!suppressClick || !event.isTrusted || event.detail === 0) return;
+		    suppressClick = false;
+		    event.preventDefault();
+		    event.stopImmediatePropagation();
+		  }
+		
+		  const options = { capture: true, signal: lifetime.signal };
+		  const stop = mounted.subscribe(reset);
+		  document.addEventListener('pointerdown', arm, options);
+		  document.addEventListener('pointermove', move, options);
+		  document.addEventListener('pointerup', release, options);
+		  document.addEventListener('pointercancel', cancelPointer, options);
+		  document.addEventListener('lostpointercapture', cancelPointer, options);
+		  document.addEventListener('dragstart', event => {
+		    if (gesture?.button.contains(event.target)) event.preventDefault();
+		  }, options);
+		  document.addEventListener('keydown', cancelEscape, options);
+		  document.addEventListener('click', preventDragClick, options);
+		  window.addEventListener('resize', layout, options);
+		  window.addEventListener('blur', reset, { signal: lifetime.signal });
+		  return () => {
+		    reset();
+		    iconRoot.unmount();
+		    stop();
+		    lifetime.abort();
+		  };
+		}
+		
+			__exports["changedFileButton"] = changedFileButton;
+			__exports["installConversationDrop"] = installConversationDrop;
+		};
+		
 		__modules["client/main.js"] = function (module, exports, require) {
 			"use strict";
 			const __exports = exports;
 			const { Explorer, ExplorerTitle } = __require("ui/explorer.js");
 			const { explorerCss } = __require("ui/styles.js");
 			const { scrollHorizontally } = __require("ui/horizontal-wheel.js");
-			const { underPath } = __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 { 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 occurrence = (sessionId, tabId) => JSON.stringify([sessionId, tabId]);
+		const changesReviewPrefix = 'dsh-resource://changes-review/session/';
 		
 		function apply(ctx) {
 		  if (location.protocol !== 'dsh-app:' || location.hostname !== 'app') return;
 		  if (!navigator.platform.startsWith('Win')) return;
-		  ctx.inject(['sidebarRightTabs', 'sidebarRight', 'remote', 'remote.session'], (scope) => {
+		  ctx.inject(['sidebarRightTabs', 'sidebarRight', 'remote', 'remote.session', 'remote.workspaceFiles'], (scope) => {
 		    const sidebar = scope.sidebarRight;
-		    const views = new Map();
+		    const bindings = new Map();
 		    const folderTabs = new Map();
 		    const listeners = new Set();
 		    let viewList = [];
 		    let activeView;
+		    let presentedSession;
+		    let workspace;
+		    let expanded;
+		    let fileFocused = false;
+		    let projecting = false;
+		    let detached = false;
+		    let captureQueued = false;
+		    let handoffFrame;
+		    let handoffAnimation;
 		
 		    function subscribe(listener) {
 		      listeners.add(listener);
@@ -11446,9 +11845,171 @@ window.__ModuleLoader__.load({
 		      for (const listener of listeners) listener();
 		    }
 		
-		    function updateViews() {
-		      viewList = [...new Set(views.values())];
-		      notify();
+		    function filesIn(sessionId) {
+		      return sidebar.openTabs.getSnapshot().filter(tab => tab.sessionId === sessionId && tab.kind === 'files');
+		    }
+		
+		    function createView(initialPath) {
+		      const host = document.createElement('div');
+		      host.className = 'dwe-host';
+		      const view = { host, address: instancePrefix + crypto.randomUUID(), path: initialPath ?? null, initialPath };
+		      view.getTarget = () => view.target;
+		      view.onPath = path => {
+		        if (view.path === path) return;
+		        view.path = path;
+		        notify();
+		      };
+		      view.bindFileActions = actions => {
+		        view.fileActions = actions;
+		        if (view.pendingPreview) {
+		          const preview = view.pendingPreview;
+		          view.pendingPreview = undefined;
+		          actions.reveal(...preview);
+		        }
+		        return () => { view.fileActions = undefined; };
+		      };
+		      return view;
+		    }
+		
+		    function boundView(sessionId, tabId) {
+		      return sessionId === presentedSession ? bindings.get(tabId) : undefined;
+		    }
+		
+		    function rememberPresentation() {
+		      if (projecting || detached || !presentedSession || sidebar.mounted.getSnapshot() !== presentedSession) return;
+		      const tab = sidebar.active();
+		      const view = tab && bindings.get(tab.id);
+		      if (view) activeView = view;
+		      fileFocused = Boolean(view);
+		      expanded = sidebar.isExpanded();
+		    }
+		
+		    function rememberOrder(sessionId) {
+		      const selector = '[data-sidebar-right-session="' + CSS.escape(sessionId) + '"] [data-dockkit-tab]';
+		      const ordered = new Set();
+		      for (const chip of document.querySelectorAll(selector)) {
+		        const view = bindings.get(chip.dataset.dockkitTab);
+		        if (view) ordered.add(view);
+		      }
+		      const next = [...ordered, ...viewList.filter(view => !ordered.has(view))];
+		      if (next.some((view, index) => view !== viewList[index])) {
+		        viewList = next;
+		        notify();
+		      }
+		    }
+		
+		    function capturePresentation(sessionId) {
+		      if (captureQueued) return;
+		      captureQueued = true;
+		      queueMicrotask(() => {
+		        captureQueued = false;
+		        if (presentedSession !== sessionId || sidebar.mounted.getSnapshot() !== sessionId) return;
+		        rememberPresentation();
+		        rememberOrder(sessionId);
+		      });
+		    }
+		
+		    function syncTabs() {
+		      if (projecting || detached || !presentedSession || sidebar.mounted.getSnapshot() !== presentedSession) return;
+		      const tabs = filesIn(presentedSession);
+		      const live = new Set(tabs.map(tab => tab.tabId));
+		      const added = [];
+		      const removed = new Set();
+		      for (const [tabId, view] of bindings) {
+		        if (live.has(tabId)) continue;
+		        bindings.delete(tabId);
+		        removed.add(view);
+		      }
+		      for (const tab of tabs) {
+		        if (bindings.has(tab.tabId)) continue;
+		        const view = createView(folderTabs.get(tab.contentId) ?? workspace);
+		        bindings.set(tab.tabId, view);
+		        added.push(view);
+		      }
+		      if (removed.size || added.length) {
+		        viewList = [...viewList.filter(view => !removed.has(view)), ...added];
+		        if (removed.has(activeView)) activeView = undefined;
+		        notify();
+		      }
+		      rememberPresentation();
+		    }
+		
+		    function closeDepartingTabs() {
+		      const arriving = sidebar.mounted.getSnapshot();
+		      if (!arriving || !presentedSession) return;
+		      if (arriving === presentedSession) {
+		        if (detached) queueMicrotask(() => {
+		          if (detached && sidebar.mounted.getSnapshot() === arriving) present(arriving, workspace);
+		        });
+		        return;
+		      }
+		      if (detached) return;
+		      rememberOrder(presentedSession);
+		      detached = true;
+		      if (expanded && viewList.length) beginHandoff();
+		      // The old native store is still adopted before React commits the session change.
+		      for (const tab of filesIn(presentedSession)) sidebar.closeIn?.(presentedSession, tab.tabId);
+		    }
+		
+		    function beginHandoff() {
+		      const frame = document.querySelector('[data-rightbar-col]')?.parentElement;
+		      if (!frame) return;
+		      if (handoffFrame !== frame) {
+		        finishHandoff();
+		        handoffFrame = frame;
+		        frame.style.setProperty('--dwe-handoff-columns', getComputedStyle(frame).gridTemplateColumns);
+		        frame.dataset.dweSidebarHandoff = '';
+		      }
+		      cancelAnimationFrame(handoffAnimation);
+		      handoffAnimation = requestAnimationFrame(() => {
+		        handoffAnimation = requestAnimationFrame(finishHandoff);
+		      });
+		    }
+		
+		    function finishHandoff() {
+		      cancelAnimationFrame(handoffAnimation);
+		      if (!handoffFrame) return;
+		      delete handoffFrame.dataset.dweSidebarHandoff;
+		      handoffFrame.style.removeProperty('--dwe-handoff-columns');
+		      handoffFrame = undefined;
+		    }
+		
+		    function placeView(view, options) {
+		      sidebar.openResource(view.address, { kind: 'files', ...options });
+		      const tab = sidebar.active();
+		      if (tab?.kind === 'files' && tab.contentId === view.address) bindings.set(tab.id, view);
+		    }
+		
+		    function present(sessionId, cwd) {
+		      workspace = windowsPath(cwd);
+		      if (sessionId !== presentedSession || detached) {
+		        const first = !presentedSession;
+		        presentedSession = sessionId;
+		        detached = false;
+		        bindings.clear();
+		        if (first) {
+		          syncTabs();
+		        } else {
+		          const nativeActive = sidebar.active();
+		          const preserveExpansion = expanded;
+		          projecting = true;
+		          try {
+		            for (const tab of filesIn(sessionId)) sidebar.close(tab.tabId);
+		            const replaceTab = fileFocused && sidebar.active()?.kind === 'guide' ? sidebar.active()?.id : undefined;
+		            viewList.forEach((view, index) => placeView(view, index === 0 ? { replaceTab } : undefined));
+		            if (viewList.length) {
+		              const restoreTab = !fileFocused && nativeActive?.kind !== 'files' ? nativeActive?.id
+		                : [...bindings].find(([, view]) => view === activeView)?.[0];
+		              if (restoreTab) sidebar.focus(restoreTab);
+		              if (preserveExpansion !== undefined && sidebar.isExpanded() !== preserveExpansion) sidebar.toggleExpanded();
+		            }
+		          } finally {
+		            projecting = false;
+		          }
+		          notify();
+		          rememberPresentation();
+		        }
+		      }
 		    }
 		
 		    const openLocal = async (path, action) => {
@@ -11456,17 +12017,143 @@ window.__ModuleLoader__.load({
 		      if (!result.ok) throw result.error;
 		    };
 		
+		    function openDocument(address, options) {
+		      sidebar.openResource(address, { ...options, kind: 'text' });
+		    }
+		
 		    function openFolderTab(path, paneId) {
 		      const address = instancePrefix + crypto.randomUUID();
 		      folderTabs.set(address, path);
 		      try {
 		        sidebar.openResource(address, { kind: 'files', paneId });
-		      } catch (error) {
+		        syncTabs();
+		        const tab = sidebar.active();
+		        return tab?.contentId === address ? bindings.get(tab.id) : undefined;
+		      } finally {
 		        folderTabs.delete(address);
-		        throw error;
 		      }
 		    }
 		
+		    async function statFile(sessionId, file, signal) {
+		      try {
+		        const result = await scope.remote.workspaceFiles.stat(sessionId, file, signal);
+		        const absolute = windowsPath(result.ok && result.value.absolutePath);
+		        if (absolute) return { absolute, name: absolute.split('\\').at(-1), size: result.value.bytes };
+		      } catch { /* The built-in preview can report a failed session file lookup. */ }
+		    }
+		
+		    function revealFile(view, file, line) {
+		      const preview = [file.absolute, file.name, file.size, line];
+		      if (view.fileActions) view.fileActions.reveal(...preview);
+		      else view.pendingPreview = preview;
+		    }
+		
+		    function fileRequest(address, options) {
+		      const sessionId = sidebar.mounted.getSnapshot();
+		      const file = workspace && sessionId === presentedSession && sessionFilePath(address, sessionId);
+		      if (file) return { address, sessionId, file, params: options?.params };
+		    }
+		
+		    function currentExplorer() {
+		      return bindings.get(sidebar.active()?.id) ?? activeView ?? viewList[0];
+		    }
+		
+		    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) {
+		        if (onUnavailable) onUnavailable();
+		        else openDocument(address, { params });
+		        return;
+		      }
+		      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));
+		      if (target) revealFile(target, metadata, params?.line);
+		    }
+		
+		    function installFileOpener() {
+		      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;
+		        }
+		        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) {
+		        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 ?? changed;
+		      }
+		      sidebar.openResource = open;
+		      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();
+		        if (sidebar.openResource === open) sidebar.openResource = openResource;
+		      };
+		    }
+		
 		    function refreshDirectories(paths, moved = []) {
 		      const changed = new Set(paths.map(path => path.toLowerCase()));
 		      for (const view of viewList) {
@@ -11483,101 +12170,81 @@ window.__ModuleLoader__.load({
 		    }
 		
 		    function Anchor({ sessionId, useTabInfo }) {
-		      const { tab } = useTabInfo();
+		      const { tab, panel } = useTabInfo();
 		      const anchor = react.useRef(null);
-		      const key = occurrence(sessionId, tab.id);
+		      const view = react.useSyncExternalStore(subscribe, () => boundView(sessionId, tab.id));
+		      const navigation = tab.navigation;
 		      react.useLayoutEffect(() => {
-		        if (!tab.visible) return;
+		        if (!tab.visible || !view) return;
 		        const element = anchor.current;
-		        let view = views.get(key);
-		        if (!view) {
-		          const host = document.createElement('div');
-		          host.className = 'dwe-host';
-		          const initialPath = folderTabs.get(tab.contentId);
-		          folderTabs.delete(tab.contentId);
-		          view = { host, address: initialPath ? tab.contentId : instancePrefix + crypto.randomUUID(), path: null, initialPath };
-		          view.getTarget = () => view.target;
-		          view.onPath = path => {
-		            if (view.path === path) return;
-		            view.path = path;
-		            notify();
-		          };
-		          view.bindFileActions = actions => {
-		            view.fileActions = actions;
-		            return () => { view.fileActions = undefined; };
-		          };
-		          views.set(key, view);
-		          updateViews();
-		        }
-		        const target = { sessionId, actions: tab.actions };
+		        const target = { sessionId, paneId: panel.id, isFloating: panel.isFloating };
 		        view.target = target;
 		        element.appendChild(view.host);
 		        notify();
+		        capturePresentation(sessionId);
 		        const dispose = tab.actions.bindCommands?.({ refresh: () => view.fileActions?.refresh() });
 		        return () => {
 		          dispose?.();
 		          if (view.target !== target) return;
 		          view.target = undefined;
 		          if (view.host.parentNode === element) view.host.remove();
-		          if (activeView === view && sidebar.mounted.getSnapshot() === sessionId
-		              && (!sidebar.isExpanded() || sidebar.active()?.kind !== 'files')) {
-		            activeView = undefined;
-		          }
 		          notify();
+		          capturePresentation(sessionId);
 		        };
-		      }, [key, sessionId, tab.visible, tab.actions]);
-		      react.useLayoutEffect(() => {
-		        if (tab.visible && sidebar.active()?.id === tab.id) activeView = views.get(key);
-		      });
+		      }, [view, sessionId, tab.visible, tab.actions, panel.id, panel.isFloating]);
+		      react.useEffect(() => {
+		        if (!tab.visible || !view || view.handledNavigation === navigation) return;
+		        const { address, params } = navigation;
+		        const file = sessionFilePath(address, sessionId);
+		        if (!file) return;
+		
+		        const controller = new AbortController();
+		        const { signal } = controller;
+		        const isCurrent = () => !signal.aborted && !tab.signal?.aborted
+		          && sidebar.mounted.getSnapshot() === sessionId && boundView(sessionId, tab.id) === view;
+		        async function reveal() {
+		          const metadata = await statFile(sessionId, file, signal);
+		          if (!isCurrent()) return;
+		          view.handledNavigation = navigation;
+		          if (metadata) {
+		            view.revealedFile = true;
+		            revealFile(view, metadata, params?.line);
+		          } else {
+		            openDocument(address, { paneId: panel.id, params, replaceTab: view.revealedFile ? undefined : tab.id });
+		          }
+		        }
+		        void reveal();
+		        return () => controller.abort();
+		      }, [view, sessionId, tab.id, tab.visible, navigation, panel.id]);
 		      return h('div', { className: 'dwe-host', ref: anchor });
 		    }
 		
 		    function Title({ sessionId, useTabInfo }) {
 		      const { tab } = useTabInfo();
-		      const path = react.useSyncExternalStore(subscribe, () => views.get(occurrence(sessionId, tab.id))?.path ?? null);
+		      const path = react.useSyncExternalStore(subscribe, () => boundView(sessionId, tab.id)?.path ?? null);
+		      react.useLayoutEffect(() => {
+		        if (tab.visible) capturePresentation(sessionId);
+		      });
 		      return h(ExplorerTitle, { path });
 		    }
 		
-		    function View({ view, useSessions }) {
+		    function View({ view, cwd }) {
 		      const target = react.useSyncExternalStore(subscribe, view.getTarget);
 		      const sessionId = target?.sessionId;
-		      const cwd = useSessions(state => sessionId ? state.byId[sessionId]?.cwd : undefined);
 		      return reactDom.createPortal(h(Explorer, {
 		        sessionId, cwd, initialPath: view.initialPath, getTarget: view.getTarget, bindFileActions: view.bindFileActions,
-		        onPath: view.onPath, openLocal, openFolderTab, refreshDirectories, updateRenamedPath,
+		        onPath: view.onPath, openLocal, openDocument, openFolderTab, refreshDirectories, updateRenamedPath,
 		      }), view.host);
 		    }
 		
 		    function Keeper({ useSessions }) {
 		      const sessionId = react.useSyncExternalStore(sidebar.mounted.subscribe, sidebar.mounted.getSnapshot);
 		      const currentViews = react.useSyncExternalStore(subscribe, () => viewList);
-		      const previous = react.useRef();
+		      const cwd = useSessions(state => sessionId ? state.byId[sessionId]?.cwd : undefined);
 		      react.useLayoutEffect(() => {
-		        if (!sessionId || previous.current === sessionId) return;
-		        const view = previous.current === undefined ? undefined : activeView;
-		        previous.current = sessionId;
-		        if (!view) return;
-		        // Wait for the new conversation's dock store to be adopted.
-		        queueMicrotask(() => {
-		          if (sidebar.mounted.getSnapshot() !== sessionId) return;
-		          const existing = sidebar.openTabs.getSnapshot().find(tab =>
-		            tab.sessionId === sessionId && views.get(occurrence(sessionId, tab.tabId)) === view);
-		          if (existing) {
-		            if (!sidebar.isExpanded()) sidebar.toggleExpanded();
-		            sidebar.focus(existing.tabId);
-		            return;
-		          }
-		          sidebar.openResource(view.address, { kind: 'files' });
-		          const tab = sidebar.active();
-		          if (tab?.kind !== 'files') return;
-		          const key = occurrence(sessionId, tab.id);
-		          if (!views.has(key)) {
-		            views.set(key, view);
-		            updateViews();
-		          }
-		        });
-		      }, [sessionId]);
-		      return currentViews.map(view => h(View, { key: view.address, view, useSessions }));
+		        if (sessionId && sidebar.mounted.getSnapshot() === sessionId) present(sessionId, cwd);
+		      }, [sessionId, cwd]);
+		      return currentViews.map(view => h(View, { key: view.address, view, cwd }));
 		    }
 		
 		    scope.effect(() => {
@@ -11595,26 +12262,17 @@ window.__ModuleLoader__.load({
 		        }
 		      }
 		      document.addEventListener('wheel', wheel, { passive: false, capture: true });
-		      const dispose = sidebar.openTabs.subscribe(() => {
-		        const inventory = sidebar.openTabs.getSnapshot();
-		        const live = new Set(inventory.map(tab => occurrence(tab.sessionId, tab.tabId)));
-		        const addresses = new Set(inventory.map(tab => tab.contentId));
-		        for (const address of folderTabs.keys()) {
-		          if (!addresses.has(address)) folderTabs.delete(address);
-		        }
-		        let removed = false;
-		        for (const key of views.keys()) {
-		          if (live.has(key)) continue;
-		          views.delete(key);
-		          removed = true;
-		        }
-		        if (removed) {
-		          updateViews();
-		          if (!viewList.includes(activeView)) activeView = undefined;
-		        }
-		      });
+		      const disposeFileOpener = installFileOpener();
+		      const disposeMotion = installSidebarMotion(sidebar);
+		      const disposeTabs = sidebar.openTabs.subscribe(syncTabs);
+		      const disposeSwitch = sidebar.mounted.subscribe(closeDepartingTabs);
 		      return () => {
-		        dispose();
+		        disposeFileOpener();
+		        disposeMotion();
+		        disposeTabs();
+		        disposeSwitch();
+		        detached = false;
+		        finishHandoff();
 		        document.removeEventListener('wheel', wheel, true);
 		        style.remove();
 		      };
@@ -11628,7 +12286,7 @@ window.__ModuleLoader__.load({
 		        scope.slots.register(key ? { name, key } : { name, id }, component)));
 		    }
 		    scope.effect(() => scope.sidebarRightTabs.register({
-		      id, kind: 'files', priority: 'extension', title: () => '文件浏览', keepMounted: true, multiple: true,
+		      id, kind: 'files', priority: 'extension', title: () => '文件浏览', multiple: true,
 		      guide: [{
 		        id: 'workspace', commandId: 'workspace.files', order: 10, title: () => '文件浏览',
 		        description: () => '浏览本机磁盘，在下方独立预览文件',