@weniatall/dsh-file-viewer 0.3.8 → 0.3.13

package/lib/client.js

@@ -163,6 +163,21 @@ window.__ModuleLoader__.load({
       );
     }
 
+    function SvgIconCopy({ size = 13 }) {
+      return react.createElement("svg", {
+        width: size, height: size, viewBox: "0 0 16 16", fill: "none",
+        stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round",
+        style: { flex: "none" },
+      },
+        react.createElement("rect", {
+          x: "5", y: "5", width: "8.5", height: "8.5", rx: "1.5",
+        }),
+        react.createElement("path", {
+          d: "M3.5 10.5H2.75C2.05964 10.5 1.5 9.94036 1.5 9.25V2.75C1.5 2.05964 2.05964 1.5 2.75 1.5H9.25C9.94036 1.5 10.5 2.05964 10.5 2.75V3.5",
+        })
+      );
+    }
+
     const Component = react.Component || class Component { constructor(props) { this.props = props; this.state = {}; } setState(s) { Object.assign(this.state, typeof s === "function" ? s(this.state) : s); } };
     class ErrorBoundary extends Component {
       constructor(props) {
@@ -348,6 +363,10 @@ window.__ModuleLoader__.load({
     const DEFAULT_TREE_WIDTH = 280;
     const MIN_TREE_WIDTH = 160;
     const MAX_TREE_WIDTH = 700;
+    const GIT_CHANGES_HEIGHT_KEY = "dsh-file-viewer.git-changes-height";
+    const DEFAULT_GIT_CHANGES_HEIGHT = 180;
+    const MIN_GIT_CHANGES_HEIGHT = 64;
+    const MAX_GIT_CHANGES_HEIGHT = 800;
     /**
      * Smallest width the drawer may be dragged to.
      *
@@ -387,7 +406,7 @@ window.__ModuleLoader__.load({
       body>div[role="presentation"]:has(.fv-scrim)>[aria-hidden="true"]{display:none!important}
       .fv-scrim[role="dialog"]{position:absolute!important;inset:0!important;width:auto!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important}
       .fv-scrim{position:absolute;inset:0;z-index:40;display:flex;align-items:stretch;justify-content:flex-end;background:transparent;pointer-events:auto;animation:fv-fade .16s ease-out}
-      .fv-shell{display:flex;flex-direction:column;width:min(64vw,1100px);min-width:0;min-height:0;overflow:hidden;border-left:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-base,#fff));box-shadow:var(--dsw-shadow-lv3);font-family:var(--dsw-font-family);color:var(--dsw-alias-label-primary);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:fv-slide .2s cubic-bezier(.2,.8,.2,1);transition:width .2s cubic-bezier(.2,.8,.2,1)}
+      .fv-shell{display:flex;flex-direction:column;width:min(64vw,1100px);min-width:0;min-height:0;overflow:hidden;border-left:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-base,#fff));box-shadow:var(--dsw-shadow-lv3);font-family:var(--dsw-font-family);color:var(--dsw-alias-label-primary);animation:fv-slide .2s cubic-bezier(.2,.8,.2,1);transition:width .2s cubic-bezier(.2,.8,.2,1)}
       .fv-shell[data-fullscreen="true"]{width:100vw;border-left:none}
       /* The leading edge is the drawer's own resize handle. It is positioned
          over the border rather than beside it so the panel does not shift when
@@ -553,6 +572,18 @@ window.__ModuleLoader__.load({
       .fv-tab{height:28px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:14px;background:none;color:var(--dsw-alias-label-secondary);font-size:12px;cursor:pointer}
       .fv-tab[aria-selected="true"]{border-color:transparent;background:var(--dsw-alias-brand-primary,#4d6bfe);color:var(--dsw-alias-label-primary-foreground,#fff)}
       .fv-tab-diff{display:inline-flex;align-items:center;gap:4px}
+      .fv-path-copy-wrap{position:relative;display:inline-flex;align-items:center}
+      .fv-tab.fv-tab-copy-path{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:14px;background:var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-base,#fff));color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;cursor:pointer;user-select:none;transition:all .15s ease}
+      .fv-tab.fv-tab-copy-path:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3,var(--dsw-alias-border-l2))}
+      .fv-tab.fv-tab-copy-path[aria-expanded="true"]{background:var(--dsw-alias-interactive-bg-hover-solid,var(--dsw-alias-interactive-bg-hover));color:var(--dsw-alias-brand-primary,#4d6bfe);border-color:var(--dsw-alias-brand-primary,#4d6bfe)}
+      .fv-tab-copy-path .fv-tab-arrow{font-size:9px;margin-left:2px;opacity:.75}
+      .fv-path-copy-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:60;min-width:210px;max-width:380px;padding:5px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-base,#fff));box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);animation:fv-menu-in .12s cubic-bezier(.2,.8,.2,1)}
+      .fv-path-copy-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:6px 10px;border:none;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;user-select:none;transition:background-color .12s ease}
+      .fv-path-copy-item:hover{background:var(--dsw-alias-interactive-bg-hover)}
+      .fv-path-copy-item-head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500}
+      .fv-path-copy-item-icon{flex:none;font-size:13px}
+      .fv-path-copy-item-label{flex:1 1 auto;white-space:nowrap}
+      .fv-path-copy-item-preview{font-size:11px;color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-code,monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:21px;line-height:1.35}
       .fv-diff-stat{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;margin-left:2px}
       .fv-diff-add{color:var(--dsw-alias-state-success-primary,#10b981)}
       .fv-diff-del{color:var(--dsw-alias-state-error-primary,#ef4444)}
@@ -635,7 +666,19 @@ window.__ModuleLoader__.load({
       .fv-commit-tag{flex:none;padding:1px 6px;border-radius:6px;background:var(--dsw-alias-bg-layer-3,rgba(0,0,0,.05));color:var(--dsw-alias-label-caption);font-family:var(--dsw-font-family);font-size:10px}
       /* Working-tree changes and a commit's patch share the commit-row visuals
          so the two panels read as one surface. */
-      .fv-git-changes{display:flex;flex:none;flex-direction:column;gap:1px;max-height:38%;overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--dsw-alias-border-l1);padding-bottom:4px}
+      .fv-git-changes{display:flex;flex:none;flex-direction:column;gap:1px;min-height:48px;overflow-y:auto;overscroll-behavior:contain;padding-bottom:2px}
+      .fv-git-panel[data-v-resizing="true"]{cursor:row-resize!important;user-select:none!important}
+      .fv-git-panel[data-v-resizing="true"] *{pointer-events:none!important}
+      .fv-git-panel[data-v-resizing="true"] .fv-git-v-resizer,
+      .fv-git-panel[data-v-resizing="true"] .fv-git-v-resizer *{pointer-events:auto!important}
+      .fv-git-v-resizer{position:relative;flex:none;display:flex;align-items:center;justify-content:center;height:14px;margin:2px 0;cursor:row-resize;user-select:none;touch-action:none;z-index:3}
+      .fv-git-v-resizer-line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--dsw-alias-border-l1);transform:translateY(-50%);transition:background-color .15s ease;pointer-events:none}
+      .fv-git-v-resizer-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:13px;padding:0;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-base,#fff));box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:row-resize;pointer-events:auto;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;z-index:2}
+      .fv-git-v-resizer-grip{display:block;width:14px;height:2px;border-radius:1px;background:var(--dsw-alias-label-caption);box-shadow:0 -3px 0 0 var(--dsw-alias-label-caption);pointer-events:none}
+      .fv-git-v-resizer:hover .fv-git-v-resizer-line,.fv-git-v-resizer[data-dragging="true"] .fv-git-v-resizer-line{background:var(--dsw-alias-brand-primary,#4d6bfe)}
+      .fv-git-v-resizer:hover .fv-git-v-resizer-btn,.fv-git-v-resizer[data-dragging="true"] .fv-git-v-resizer-btn,.fv-git-v-resizer-btn:hover{border-color:var(--dsw-alias-brand-primary,#4d6bfe);background:var(--dsw-alias-bg-layer-1,#fff);box-shadow:0 1px 6px color-mix(in srgb,var(--dsw-alias-brand-primary,#4d6bfe) 35%,transparent)}
+      .fv-git-v-resizer:hover .fv-git-v-resizer-grip,.fv-git-v-resizer[data-dragging="true"] .fv-git-v-resizer-grip,.fv-git-v-resizer-btn:hover .fv-git-v-resizer-grip{background:var(--dsw-alias-brand-primary,#4d6bfe);box-shadow:0 -3px 0 0 var(--dsw-alias-brand-primary,#4d6bfe)}
+      .fv-git-v-resizer:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4d6bfe);outline-offset:-1px}
       .fv-git-change-group{display:flex;flex-direction:column;gap:1px}
       .fv-git-refresh{width:22px;height:22px;margin-left:auto}
       .fv-commit-diff{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 6px}
@@ -841,7 +884,8 @@ window.__ModuleLoader__.load({
         .fv-git-more{height:38px!important;font-size:13px!important}
         .fv-commit-file{min-height:42px!important;font-size:13.5px!important}
         .fv-commit-path{font-size:12px!important}
-        .fv-git-changes{max-height:none!important}
+        .fv-git-changes{height:auto!important;max-height:none!important}
+        .fv-git-v-resizer{display:none!important}
         .fv-commit-diff-file .fv-diff-table{font-size:12px!important}
       }
     `;
@@ -1148,6 +1192,27 @@ window.__ModuleLoader__.load({
       } catch { /* storage is unavailable */ }
     }
 
+    function readGitChangesHeight() {
+      try {
+        const raw = globalThis.localStorage?.getItem(GIT_CHANGES_HEIGHT_KEY);
+        const parsed = Number(raw);
+        if (Number.isFinite(parsed) && parsed >= MIN_GIT_CHANGES_HEIGHT && parsed <= MAX_GIT_CHANGES_HEIGHT) {
+          return Math.round(parsed);
+        }
+      } catch { /* storage is unavailable */ }
+      return DEFAULT_GIT_CHANGES_HEIGHT;
+    }
+
+    function writeGitChangesHeight(height) {
+      try {
+        if (typeof height === "number" && Number.isFinite(height)) {
+          globalThis.localStorage?.setItem(GIT_CHANGES_HEIGHT_KEY, String(Math.round(height)));
+        } else {
+          globalThis.localStorage?.removeItem(GIT_CHANGES_HEIGHT_KEY);
+        }
+      } catch { /* storage is unavailable */ }
+    }
+
     /**
      * Read the per-file language overrides.
      *
@@ -2310,10 +2375,72 @@ window.__ModuleLoader__.load({
       const canCheckout = repo !== null && viewingBranch !== "" && viewingBranch !== current
         && checkoutable && state.busy !== true;
 
+      const [changesHeight, setChangesHeight] = react.useState(readGitChangesHeight);
+      const [isResizingChanges, setIsResizingChanges] = react.useState(false);
+      const changesResizeRef = react.useRef(null);
+      const changesHeightRef = react.useRef(changesHeight);
+      changesHeightRef.current = changesHeight;
+
+      const onChangesResizerPointerDown = (event) => {
+        if (event.button !== 0 && event.button !== undefined) return;
+        event.preventDefault();
+        event.stopPropagation();
+        const startY = event.clientY;
+        const startH = changesHeightRef.current;
+        changesResizeRef.current = { startY, startH };
+        setIsResizingChanges(true);
+        try { event.currentTarget.setPointerCapture(event.pointerId); } catch (_) {}
+      };
+
+      const onChangesResizerPointerMove = (event) => {
+        if (!changesResizeRef.current) return;
+        const { startY, startH } = changesResizeRef.current;
+        const deltaY = event.clientY - startY;
+        const panelEl = event.currentTarget.closest(".fv-git-panel");
+        const panelHeight = panelEl ? panelEl.clientHeight : 600;
+        const maxBound = Math.max(MIN_GIT_CHANGES_HEIGHT, panelHeight - 140);
+        const nextH = Math.round(Math.min(Math.min(MAX_GIT_CHANGES_HEIGHT, maxBound), Math.max(MIN_GIT_CHANGES_HEIGHT, startH + deltaY)));
+        setChangesHeight(nextH);
+      };
+
+      const onChangesResizerPointerUp = (event) => {
+        if (!changesResizeRef.current) return;
+        changesResizeRef.current = null;
+        setIsResizingChanges(false);
+        try { event.currentTarget.releasePointerCapture(event.pointerId); } catch (_) {}
+        writeGitChangesHeight(changesHeightRef.current);
+      };
+
+      const onChangesResizerDoubleClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setChangesHeight(DEFAULT_GIT_CHANGES_HEIGHT);
+        writeGitChangesHeight(DEFAULT_GIT_CHANGES_HEIGHT);
+      };
+
+      const onChangesResizerKeyDown = (event) => {
+        if (event.key === "ArrowUp") {
+          event.preventDefault();
+          const nextH = Math.max(MIN_GIT_CHANGES_HEIGHT, changesHeightRef.current - 16);
+          setChangesHeight(nextH);
+          writeGitChangesHeight(nextH);
+        } else if (event.key === "ArrowDown") {
+          event.preventDefault();
+          const nextH = Math.min(MAX_GIT_CHANGES_HEIGHT, changesHeightRef.current + 16);
+          setChangesHeight(nextH);
+          writeGitChangesHeight(nextH);
+        } else if (event.key === "Home" || event.key === "Enter") {
+          event.preventDefault();
+          setChangesHeight(DEFAULT_GIT_CHANGES_HEIGHT);
+          writeGitChangesHeight(DEFAULT_GIT_CHANGES_HEIGHT);
+        }
+      };
+
       const wrap = (...children) => react.createElement("div", {
         className: "fv-tree fv-git-panel",
         role: "group",
         "aria-label": "Git 面板",
+        "data-v-resizing": isResizingChanges ? "true" : "false",
         style: typeof width === "number" ? { width: width + "px" } : undefined,
       }, header, ...children);
 
@@ -2451,7 +2578,14 @@ window.__ModuleLoader__.load({
             : null);
       }
 
-      const changesSection = react.createElement("div", { className: "fv-git-changes" },
+      const changesSection = react.createElement("div", {
+        className: "fv-git-changes",
+        style: {
+          height: changesHeight + "px",
+          maxHeight: "none",
+          flex: "none",
+        },
+      },
         react.createElement("div", { className: "fv-git-section" },
           react.createElement("span", null, "工作区改动"),
           react.createElement("span", { className: "fv-git-count" },
@@ -2465,6 +2599,37 @@ window.__ModuleLoader__.load({
           }, react.createElement(SvgIconRefresh, { size: 13 }))),
         changesBody);
 
+      const vResizer = react.createElement("div", {
+        className: "fv-git-v-resizer",
+        role: "separator",
+        tabIndex: 0,
+        "aria-orientation": "horizontal",
+        "aria-label": "调整工作区改动与提交记录高度",
+        "aria-valuenow": changesHeight,
+        "aria-valuemin": MIN_GIT_CHANGES_HEIGHT,
+        "aria-valuemax": MAX_GIT_CHANGES_HEIGHT,
+        title: "拖动调整区域高度，双击恢复默认",
+        "data-dragging": isResizingChanges ? "true" : "false",
+        onPointerDown: onChangesResizerPointerDown,
+        onPointerMove: onChangesResizerPointerMove,
+        onPointerUp: onChangesResizerPointerUp,
+        onPointerCancel: onChangesResizerPointerUp,
+        onDoubleClick: onChangesResizerDoubleClick,
+        onKeyDown: onChangesResizerKeyDown,
+      },
+        react.createElement("div", { className: "fv-git-v-resizer-line" }),
+        react.createElement("button", {
+          type: "button",
+          tabIndex: -1,
+          className: "fv-git-v-resizer-btn",
+          "aria-label": "拖动手柄",
+          title: "按住拖动调整高度，双击恢复默认",
+          "data-dragging": isResizingChanges ? "true" : "false",
+        },
+          react.createElement("span", { className: "fv-git-v-resizer-grip" })
+        )
+      );
+
       const commitRows = commits.map((commit) => react.createElement("button", {
         key: commit.sha,
         type: "button",
@@ -2511,6 +2676,7 @@ window.__ModuleLoader__.load({
 
       return wrap(toolbar,
         changesSection,
+        vResizer,
         react.createElement("div", { className: "fv-git-section" },
           react.createElement("span", null, "提交记录"),
           react.createElement("span", { className: "fv-git-count" }, state.total > 0 ? String(state.total) : "")),
@@ -3350,7 +3516,20 @@ window.__ModuleLoader__.load({
       return react.createElement(react.Fragment, null,
         react.createElement("div", {
           className: "fv-context-backdrop",
+          onPointerDown: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            if (Date.now() - mountTimeRef.current < 400) return;
+            onClose();
+          },
+          onMouseDown: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            if (Date.now() - mountTimeRef.current < 400) return;
+            onClose();
+          },
           onClick: (event) => {
+            event.preventDefault();
             event.stopPropagation();
             if (Date.now() - mountTimeRef.current < 400) return;
             onClose();
@@ -3450,6 +3629,102 @@ window.__ModuleLoader__.load({
           : null);
     }
 
+    function resolveAbsPath(rootPath, relPath) {
+      if (!rootPath) return relPath || "";
+      const cleanRel = (relPath || "").replace(/^[\\/]+/, "");
+      if (rootPath.includes("\\")) {
+        return rootPath.replace(/[\\/]+$/, "") + "\\" + cleanRel.replace(/\//g, "\\");
+      }
+      return rootPath.replace(/[\\/]+$/, "") + "/" + cleanRel.replace(/\\/g, "/");
+    }
+
+    /** Path copy dropdown menu on viewer toolbar. */
+    function PathCopyDropdown({ meta, root, onToast }) {
+      const [open, setOpen] = react.useState(false);
+      const containerRef = react.useRef(null);
+
+      react.useEffect(() => {
+        if (!open) return undefined;
+        const handlePointerDown = (e) => {
+          if (containerRef.current && !containerRef.current.contains(e.target)) {
+            setOpen(false);
+          }
+        };
+        const handleKeyDown = (e) => {
+          if (e.key === "Escape") setOpen(false);
+        };
+        window.addEventListener("pointerdown", handlePointerDown);
+        window.addEventListener("keydown", handleKeyDown);
+        return () => {
+          window.removeEventListener("pointerdown", handlePointerDown);
+          window.removeEventListener("keydown", handleKeyDown);
+        };
+      }, [open]);
+
+      if (!meta || (!meta.path && !meta.displayPath)) return null;
+
+      const relPath = meta.displayPath || meta.path || "";
+      const absPath = resolveAbsPath(root, relPath);
+
+      const handleCopy = (e, text, label) => {
+        e.preventDefault();
+        e.stopPropagation();
+        copyToClipboard(text).then((ok) => {
+          if (onToast) onToast(ok ? "已复制" + label : "复制失败");
+          setOpen(false);
+        });
+      };
+
+      return react.createElement("div", {
+        ref: containerRef,
+        className: "fv-path-copy-wrap",
+      },
+        react.createElement("button", {
+          type: "button",
+          className: "fv-tab fv-tab-copy-path",
+          "aria-expanded": open ? "true" : "false",
+          "aria-label": "路径复制",
+          title: "点击选择复制相对路径或绝对路径",
+          onClick: (e) => {
+            e.stopPropagation();
+            setOpen((curr) => !curr);
+          },
+        },
+          react.createElement(SvgIconCopy, { size: 12 }),
+          react.createElement("span", { className: "fv-tab-text" }, "复制路径"),
+          react.createElement("span", { className: "fv-tab-arrow" }, open ? "▴" : "▾")),
+        open
+          ? react.createElement("div", {
+            className: "fv-path-copy-menu",
+            role: "menu",
+            "aria-label": "路径复制选项",
+          },
+            react.createElement("button", {
+              type: "button",
+              className: "fv-path-copy-item",
+              role: "menuitem",
+              title: relPath,
+              onClick: (e) => handleCopy(e, relPath, "相对路径"),
+            },
+              react.createElement("div", { className: "fv-path-copy-item-head" },
+                react.createElement("span", { className: "fv-path-copy-item-icon" }, "📋"),
+                react.createElement("span", { className: "fv-path-copy-item-label" }, "复制相对路径")),
+              react.createElement("span", { className: "fv-path-copy-item-preview" }, relPath)),
+            react.createElement("div", { className: "fv-context-divider" }),
+            react.createElement("button", {
+              type: "button",
+              className: "fv-path-copy-item",
+              role: "menuitem",
+              title: absPath,
+              onClick: (e) => handleCopy(e, absPath, "绝对路径"),
+            },
+              react.createElement("div", { className: "fv-path-copy-item-head" },
+                react.createElement("span", { className: "fv-path-copy-item-icon" }, "📁"),
+                react.createElement("span", { className: "fv-path-copy-item-label" }, "复制绝对路径")),
+              react.createElement("span", { className: "fv-path-copy-item-preview" }, absPath)))
+          : null);
+    }
+
     function apply(ctx) {
       ensureStyles(typeof document === "undefined" ? null : document);
       // `null` is closed; an object is open. Carrying the requesting session lets
@@ -3945,7 +4220,7 @@ window.__ModuleLoader__.load({
 
       /** Line-numbered diff viewer with dual line number gutters. */
       /** Text, Markdown and JSON: one windowed read, three renderings. */
-      function TextView({ meta, root, wrap, lang, commit, repo, backControl, sizeControl, langControl }) {
+      function TextView({ meta, root, wrap, lang, commit, repo, backControl, sizeControl, langControl, onToast }) {
         // Callers mount this with a per-file key, so paging state starts fresh
         // for every file instead of leaking the previous file's window into the
         // first request.
@@ -4231,11 +4506,16 @@ window.__ModuleLoader__.load({
             : [contentTab, sourceTab, diffTab])].filter((tab) => tab !== null)
           : [];
 
-        const tabs = showTabs || Boolean(backControl || langControl || sizeControl)
+        const copyControl = meta !== null
+          ? react.createElement(PathCopyDropdown, { meta, root, onToast })
+          : null;
+
+        const tabs = showTabs || Boolean(backControl || langControl || sizeControl || copyControl)
           ? react.createElement("div", { className: "fv-sheet-tabs", role: "tablist" },
             react.createElement("div", { className: "fv-sheet-tabs-start" },
               backControl,
-              ...tabButtons),
+              ...tabButtons,
+              copyControl),
             (sizeControl || langControl)
               ? react.createElement("div", { className: "fv-sheet-tabs-end" },
                 sizeControl,
@@ -4307,7 +4587,11 @@ window.__ModuleLoader__.load({
       }
 
       /** Pick the viewer for a file and keep unsupported formats useful. */
-      function FileView({ meta, root, api, wrap, lang, onDownload, commit, repo, loading, backControl, sizeControl, langControl }) {
+      function FileView({ meta, root, api, wrap, lang, onDownload, commit, repo, loading, backControl, sizeControl, langControl, onToast }) {
+        const copyControl = meta !== null
+          ? react.createElement(PathCopyDropdown, { meta, root, onToast })
+          : null;
+
         if (meta === null) {
           // A tab exists but its metadata is still in flight. Saying "pick a
           // file" there would be a lie, and the reader would click again.
@@ -4318,8 +4602,8 @@ window.__ModuleLoader__.load({
         }
         if (meta.tooLarge || meta.kind === "binary") {
           return react.createElement("div", { className: "fv-binary-pane" },
-            backControl ? react.createElement("div", { className: "fv-sheet-tabs", role: "toolbar" },
-              react.createElement("div", { className: "fv-sheet-tabs-start" }, backControl),
+            (backControl || copyControl) ? react.createElement("div", { className: "fv-sheet-tabs", role: "toolbar" },
+              react.createElement("div", { className: "fv-sheet-tabs-start" }, backControl, copyControl),
               sizeControl ? react.createElement("div", { className: "fv-sheet-tabs-end" }, sizeControl) : null) : null,
             react.createElement("div", { className: "fv-note" },
               react.createElement("strong", null, meta.name),
@@ -4354,9 +4638,9 @@ window.__ModuleLoader__.load({
             react.createElement("span", { className: "fv-history-hint" }, "这是历史版本，不是工作区当前内容。"))
           : null;
 
-        const headBar = (backControl || sizeControl)
+        const headBar = (backControl || sizeControl || copyControl)
           ? react.createElement("div", { className: "fv-sheet-tabs", role: "toolbar" },
-            react.createElement("div", { className: "fv-sheet-tabs-start" }, backControl),
+            react.createElement("div", { className: "fv-sheet-tabs-start" }, backControl, copyControl),
             sizeControl ? react.createElement("div", { className: "fv-sheet-tabs-end" }, sizeControl) : null)
           : null;
 
@@ -4374,7 +4658,7 @@ window.__ModuleLoader__.load({
           return react.createElement("div", { className: "fv-content" }, headBar, react.createElement(DocView, { key, meta, root }));
         }
         return react.createElement(react.Fragment, null, banner,
-          react.createElement(TextView, { key, meta, root, wrap, lang, commit, repo, backControl, sizeControl, langControl }));
+          react.createElement(TextView, { key, meta, root, wrap, lang, commit, repo, backControl, sizeControl, langControl, onToast }));
       }
 
 
@@ -4410,11 +4694,7 @@ window.__ModuleLoader__.load({
         if (!menu) return null;
         const { x, y, entry } = menu;
         const relPath = entry.displayPath || entry.path;
-        const absPath = rootPath
-          ? (rootPath.includes("\\")
-            ? (rootPath.replace(/[\\/]+$/, "") + "\\" + relPath.replace(/\//g, "\\"))
-            : (rootPath.replace(/[\\/]+$/, "") + "/" + relPath.replace(/\\/g, "/")))
-          : relPath;
+        const absPath = resolveAbsPath(rootPath, relPath);
 
         const handleCopyRel = (e) => {
           e.stopPropagation();
@@ -4452,7 +4732,20 @@ window.__ModuleLoader__.load({
         return react.createElement(react.Fragment, null,
           react.createElement("div", {
             className: "fv-context-backdrop",
+            onPointerDown: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              if (Date.now() - mountTimeRef.current < 400) return;
+              onClose();
+            },
+            onMouseDown: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              if (Date.now() - mountTimeRef.current < 400) return;
+              onClose();
+            },
             onClick: (e) => {
+              e.preventDefault();
               e.stopPropagation();
               if (Date.now() - mountTimeRef.current < 400) return;
               onClose();
@@ -4867,6 +5160,15 @@ window.__ModuleLoader__.load({
         // it. Kept apart from the tree's `contextMenu`: the two menus describe
         // different subjects and must never be confused for one another.
         const [tabMenu, setTabMenu] = react.useState(null);
+        const lastMenuClosedAtRef = react.useRef(0);
+        const closeContextMenu = react.useCallback(() => {
+          lastMenuClosedAtRef.current = Date.now();
+          setContextMenu(null);
+        }, []);
+        const closeTabMenu = react.useCallback(() => {
+          lastMenuClosedAtRef.current = Date.now();
+          setTabMenu(null);
+        }, []);
         const tabsRef = react.useRef(null);
         tabsRef.current = tabs;
         const activeTabIdRef = react.useRef("");
@@ -5816,6 +6118,8 @@ window.__ModuleLoader__.load({
           onMouseDown: (event) => {
             if (event.target !== event.currentTarget) return;
             if (Date.now() - openedAtRef.current < 400) return;
+            if (contextMenu !== null || tabMenu !== null) return;
+            if (Date.now() - lastMenuClosedAtRef.current < 400) return;
             openStore.set(null);
           },
         },
@@ -6074,6 +6378,7 @@ window.__ModuleLoader__.load({
                           backControl,
                           sizeControl,
                           langControl,
+                          onToast: showToast,
                         })
                         : react.createElement(FileView, {
                           meta,
@@ -6092,12 +6397,13 @@ window.__ModuleLoader__.load({
                           backControl,
                           sizeControl,
                           langControl,
+                          onToast: showToast,
                         })))),
             contextMenu !== null
               ? react.createElement(ContextMenu, {
                 menu: contextMenu,
                 rootPath: activeRoot ? (activeRoot.path || activeRoot.id) : root,
-                onClose: () => setContextMenu(null),
+                onClose: closeContextMenu,
                 onMention: mention,
                 onToast: showToast,
                 onDownload: handleDownloadItem,
@@ -6110,7 +6416,7 @@ window.__ModuleLoader__.load({
               ? react.createElement(TabContextMenu, {
                 menu: tabMenu,
                 tabs,
-                onClose: () => setTabMenu(null),
+                onClose: closeTabMenu,
                 onAction: onTabAction,
               })
               : null,
@@ -6424,12 +6730,13 @@ window.__ModuleLoader__.load({
       mediaTypeOf, messageOf, createStore, createRequest, blobOf, ensureStyles,
       ENTRY_POSITION_KEY, DRAG_SLOP, settleEntry, readEntryPosition, writeEntryPosition,
       TREE_WIDTH_KEY, DEFAULT_TREE_WIDTH, MIN_TREE_WIDTH, MAX_TREE_WIDTH, readTreeWidth, writeTreeWidth,
+      GIT_CHANGES_HEIGHT_KEY, DEFAULT_GIT_CHANGES_HEIGHT, MIN_GIT_CHANGES_HEIGHT, MAX_GIT_CHANGES_HEIGHT, readGitChangesHeight, writeGitChangesHeight,
       SHELL_WIDTH_KEY, MIN_SHELL_WIDTH, readShellWidth, writeShellWidth, clampShellWidth,
       LANG_OVERRIDES_KEY, LANG_OVERRIDES_MAX, readLangOverrides, writeLangOverrides, readLangOverride, writeLangOverride,
       langOverrideKey, isKnownLanguageId, setLanguageCatalog, getLanguageCatalog: () => languageCatalog, LanguagePicker,
       MARKDOWN_LABELS, MARKDOWN_CODE_LABELS, READ_BLOCK_LABELS, JSON_TREE_LABELS, DIFF_BLOCK_LABELS, ErrorBoundary,
       openViewerForPath, wrapWorkspaceOpenPath, wrapConnectionRpc, wrapChangesOpenFetch, wrapSidebarRight, parseFileResource, setupGlobalFileClickInterceptor, extractClickedPath, normalizeClickedPath, looksLikeFilePath, isFileOpenControl, isFileMentionCode, renderRootOptions,
-      triggerDownload, performDownload, isDesktopShell, SvgIconDownload, SvgIconBranch, SvgIconCommit,
+      triggerDownload, performDownload, isDesktopShell, SvgIconDownload, SvgIconCopy, PathCopyDropdown, resolveAbsPath, SvgIconBranch, SvgIconCommit,
       // Git panel: controller, views and the small formatters they share.
       GIT_PAGE_SIZE, createGitController, GitSidebar, CommitDetail, WorkspaceChangeDetail, DiffView, kindOfPath,
       formatCommitDate, formatCommitTimestamp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weniatall/dsh-file-viewer",
-  "version": "0.3.8",
+  "version": "0.3.13",
   "description": "Workspace file viewer and Git panel for DeepSeek Harness: file tree, syntax-highlighted code, images, PDF, Excel and Word, plus local/remote branches, paged commit history, commit diffs, working-tree changes and changed-file navigation",
   "type": "module",
   "main": "lib/index.js",