dsh-md-plus 0.4.5 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # 更新日志
 
+## 0.5.0 —— 2026-11-04
+
+- 表格支持按设置冻结前 N 行 / 前 M 列，默认冻结 1 行表头、0 列。
+- 修复表格展开后「收起」按钮横向跟着滚动条跑的问题：展开态按钮横向改用 sticky 钉在可视区中间，纵向仍保持滚到表尾才出现。
+- 表格复制按钮增加 TSV 和富文本（HTML）格式。
+- 设置面板增加冻结行数 / 列数设置、「全部展开 / 全部收起」折叠操作和设置导入 / 导出；底部操作区重新分组，工具操作与主操作分层排列。
+- Mermaid 卡片增加「复制图源」按钮；普通代码块增加下载为文件按钮。
+- 修复「代码字号」留空或 0 时并未真正跟随宿主的问题：此前回退 `inherit` 会把代码块字号撑成正文大小，现在回退宿主 `--dsh-code-font-size` 变量。
+- 测试补到 91 条，补强冻结行列、TSV / 富文本复制、全局折叠、复制图源和下载按钮等回归用例。
+
 ## 0.4.5 —— 2026-11-03
 
 - 修复保存设置时无条件重绘所有 Mermaid 图、重置所有折叠状态的问题：只对真正变化的设置项执行重绘或重新测量，用户手动展开的长代码块和长表格不会被折叠回去。

package/README.md

@@ -6,12 +6,12 @@
 
 ## 功能
 
-- **代码块**：统一成完整卡片，头部显示 `</>` 图标和语言名（无语言显示 `Plain text`），保留宿主原生的换行与复制按钮，顶栏与卡片同色。
-- **Mermaid**：围栏渲染成 SVG，可在「图形 / 代码」间切换；支持全屏查看（滚轮缩放、拖拽、双击适应、Esc 关闭）、四套配色，以及下载 SVG / PNG。
+- **代码块**：统一成完整卡片，头部显示 `</>` 图标和语言名（无语言显示 `Plain text`），保留宿主原生的换行与复制按钮，并支持下载为文件；顶栏与卡片同色。
+- **Mermaid**：围栏渲染成 SVG，可在「图形 / 代码」间切换；支持复制图源、全屏查看（滚轮缩放、拖拽、双击适应、Esc 关闭）、四套配色，以及下载 SVG / PNG。
 - **长内容折叠**：代码块、表格、图表超过阈值自动折叠，底部出现「展开 / 收起」，长日志和长表格不会撑满聊天。
-- **表格**：浅色 / 深色两套样式，表头吸顶，宽表支持表内横向滚动；每张表上方右侧有「CSV / Markdown」复制按钮。
+- **表格**：浅色 / 深色两套样式，支持表内横向滚动；可按设置冻结前 N 行 / 前 M 列（默认冻结 1 行表头、0 列）；每张表上方右侧支持 CSV / TSV / Markdown / 富文本复制。
 - **图片放大**：只在旧宿主没有原生预览按钮时兜底，点击图片打开暗色预览，Esc 或点遮罩关闭；新版 DSH 的原生预览、头像、图标、代码块和链接里的图片都不接管。
-- **设置面板**：右下角齿轮可调 Mermaid 配色、代码字号、图表默认视图和三类折叠阈值，阈值下方会注明按高度判断。设置存在 `localStorage`，界面文案跟随页面 `<html lang>` 切换中英文。
+- **设置面板**：右下角齿轮可调 Mermaid 配色、代码字号、图表默认视图、表格冻结行数 / 列数和三类折叠阈值，也能一键全部展开 / 收起、导出 / 导入设置文件；阈值下方会注明按高度判断。设置存在 `localStorage`，界面文案跟随页面 `<html lang>` 切换中英文。
 
 ## 安装与卸载
 
@@ -27,7 +27,7 @@ dsh plugin --profile desktop remove dsh-md-plus
 ```powershell
 npm install       # 顺带跑 prepare → build
 npm run build     # 产出 lib/ 下四个文件
-npm run check     # 构建 + 语法检查 + 85 条测试（check 会先 build）
+npm run check     # 构建 + 语法检查 + 91 条测试（check 会先 build）
 npm run release:dry # 维护者发版：先看 CHANGELOG 日期 + 提交 + tag + push 计划
 npm run release   # 维护者发版：改 CHANGELOG 日期 + 提交 + 打 tag + 推送（tag 会触发 GitHub Actions 自动发 npm）
 npm run preview   # 生成 preview.html（含真渲出来的 mermaid 图）

package/lib/client.js

@@ -18,6 +18,8 @@ window.__ModuleLoader__.load({
     var BTN_CLASS = "md-plus-btn";
     var ZOOM_IN_CLASS = "md-plus-zoom-in";
     var ZOOM_OUT_CLASS = "md-plus-zoom-out";
+    var COPY_SOURCE_CLASS = "md-plus-copy-source";
+    var DOWNLOAD_CLASS = "md-plus-download";
     var ZOOM_ATTR = "data-md-plus-zoom";
     var ZOOM_STEP = 1.25;
     var ZOOM_MAX = 6;
@@ -52,6 +54,10 @@ window.__ModuleLoader__.load({
         toggleAria: "\u5207\u6362\u56FE\u5F62\u4E0E\u4EE3\u7801",
         fullscreen: "\u5168\u5C4F\u67E5\u770B",
         fullscreenAria: "\u5168\u5C4F\u67E5\u770B\u6D41\u7A0B\u56FE",
+        copySource: "\u590D\u5236\u56FE\u6E90",
+        copySourceAria: "\u590D\u5236 Mermaid \u56FE\u6E90",
+        downloadCode: "\u4E0B\u8F7D\u4EE3\u7801",
+        downloadCodeAria: "\u4E0B\u8F7D\u4EE3\u7801\u4E3A\u6587\u4EF6",
         theme: "\u5207\u6362 Mermaid \u914D\u8272",
         themeAria: "\u5207\u6362 Mermaid \u914D\u8272",
         themePrefix: "\u914D\u8272\uFF1A",
@@ -68,9 +74,13 @@ window.__ModuleLoader__.load({
         exportFailed: "\u5BFC\u51FA\u5931\u8D25\uFF0C\u8BF7\u6539\u7528 SVG",
         close: "\u5173\u95ED",
         tableCsv: "CSV",
+        tableTsv: "TSV",
         tableMd: "Markdown",
+        tableHtml: "\u5BCC\u6587\u672C",
         copyCsvTitle: "\u590D\u5236\u8868\u683C\u4E3A CSV",
+        copyTsvTitle: "\u590D\u5236\u8868\u683C\u4E3A TSV",
         copyMdTitle: "\u590D\u5236\u8868\u683C\u4E3A Markdown",
+        copyHtmlTitle: "\u590D\u5236\u8868\u683C\u4E3A\u5BCC\u6587\u672C",
         copied: "\u5DF2\u590D\u5236",
         copyFailed: "\u590D\u5236\u5931\u8D25",
         imageViewer: "\u56FE\u7247\u9884\u89C8",
@@ -84,6 +94,8 @@ window.__ModuleLoader__.load({
         settingsViewDiagram: "\u56FE\u5F62",
         settingsViewCode: "\u4EE3\u7801",
         settingsFold: "\u957F\u5185\u5BB9\u6298\u53E0\u9608\u503C",
+        settingsFoldGroup: "\u6298\u53E0\u5185\u5BB9",
+        settingsFileGroup: "\u8BBE\u7F6E\u6587\u4EF6",
         settingsFoldCode: "\u4EE3\u7801\u5757",
         settingsFoldTable: "\u8868\u683C",
         settingsFoldDiagram: "\u56FE\u8868",
@@ -91,6 +103,15 @@ window.__ModuleLoader__.load({
         settingsFoldTableHint: "\u8868\u683C\u9AD8\u5EA6\u8D85\u8FC7\u6B64\u503C\u540E\u6298\u53E0",
         settingsFoldDiagramHint: "\u56FE\u5F62\u9AD8\u5EA6\u8D85\u8FC7\u6B64\u503C\u540E\u6298\u53E0",
         settingsFoldHint: "\u5355\u4F4D px\uFF0C0 \u8868\u793A\u4E0D\u6298\u53E0",
+        settingsFreezeRows: "\u51BB\u7ED3\u884C\u6570",
+        settingsFreezeRowsHint: "\u9ED8\u8BA4\u51BB\u7ED3 1 \u884C\u8868\u5934\uFF0C0 \u8868\u793A\u4E0D\u51BB\u7ED3",
+        settingsFreezeCols: "\u51BB\u7ED3\u5217\u6570",
+        settingsFreezeColsHint: "\u9ED8\u8BA4 0 \u5217\uFF0C\u6309\u9700\u6307\u5B9A",
+        foldExpandAll: "\u5168\u90E8\u5C55\u5F00",
+        foldCollapseAll: "\u5168\u90E8\u6536\u8D77",
+        settingsExport: "\u5BFC\u51FA\u8BBE\u7F6E",
+        settingsImport: "\u5BFC\u5165\u8BBE\u7F6E",
+        settingsImportFailed: "\u5BFC\u5165\u5931\u8D25",
         settingsSave: "\u4FDD\u5B58",
         settingsReset: "\u6062\u590D\u9ED8\u8BA4",
         settingsClose: "\u5173\u95ED"
@@ -106,6 +127,10 @@ window.__ModuleLoader__.load({
         toggleAria: "Switch diagram and code",
         fullscreen: "Fullscreen",
         fullscreenAria: "View diagram fullscreen",
+        copySource: "Copy source",
+        copySourceAria: "Copy Mermaid source",
+        downloadCode: "Download code",
+        downloadCodeAria: "Download code as a file",
         theme: "Change Mermaid theme",
         themeAria: "Change Mermaid theme",
         themePrefix: "Theme: ",
@@ -122,9 +147,13 @@ window.__ModuleLoader__.load({
         exportFailed: "Export failed; try SVG instead",
         close: "Close",
         tableCsv: "CSV",
+        tableTsv: "TSV",
         tableMd: "Markdown",
+        tableHtml: "Rich",
         copyCsvTitle: "Copy table as CSV",
+        copyTsvTitle: "Copy table as TSV",
         copyMdTitle: "Copy table as Markdown",
+        copyHtmlTitle: "Copy table as rich text",
         copied: "Copied",
         copyFailed: "Copy failed",
         imageViewer: "Image preview",
@@ -138,6 +167,8 @@ window.__ModuleLoader__.load({
         settingsViewDiagram: "Diagram",
         settingsViewCode: "Code",
         settingsFold: "Fold thresholds",
+        settingsFoldGroup: "Fold content",
+        settingsFileGroup: "Settings file",
         settingsFoldCode: "Code block",
         settingsFoldTable: "Table",
         settingsFoldDiagram: "Diagram",
@@ -145,6 +176,15 @@ window.__ModuleLoader__.load({
         settingsFoldTableHint: "Fold when the table is taller than this",
         settingsFoldDiagramHint: "Fold when the diagram is taller than this",
         settingsFoldHint: "Pixels; 0 disables folding",
+        settingsFreezeRows: "Freeze rows",
+        settingsFreezeRowsHint: "Defaults to 1 header row; 0 disables freezing",
+        settingsFreezeCols: "Freeze columns",
+        settingsFreezeColsHint: "Defaults to 0 columns; set as needed",
+        foldExpandAll: "Expand all",
+        foldCollapseAll: "Collapse all",
+        settingsExport: "Export settings",
+        settingsImport: "Import settings",
+        settingsImportFailed: "Import failed",
         settingsSave: "Save",
         settingsReset: "Reset to defaults",
         settingsClose: "Close"
@@ -164,6 +204,9 @@ window.__ModuleLoader__.load({
     var FOLD_LIMITS = { code: 480, table: 520, diagram: 720 };
     var TABLE_TOOLS_CLASS = "md-plus-table-tools";
     var TABLE_DONE_ATTR = "data-md-plus-table";
+    var FREEZE_ROW_CLASS = "md-plus-freeze-row";
+    var FREEZE_COL_CLASS = "md-plus-freeze-col";
+    var FREEZE_CROSS_CLASS = "md-plus-freeze-cross";
     var IMG_MODAL_CLASS = "md-plus-img-modal";
     var NATIVE_IMAGE_BUTTON = 'button[class*="imageButton"]';
     var SETTINGS_BTN_CLASS = "md-plus-settings-btn";
@@ -174,7 +217,9 @@ window.__ModuleLoader__.load({
       diagramView: "diagram",
       foldCode: FOLD_LIMITS.code,
       foldTable: FOLD_LIMITS.table,
-      foldDiagram: FOLD_LIMITS.diagram
+      foldDiagram: FOLD_LIMITS.diagram,
+      freezeRows: 1,
+      freezeCols: 0
     };
     var STYLE_ATTR = "data-md-plus-style";
     var RUNTIME_ATTR = "data-md-plus-runtime";
@@ -199,6 +244,12 @@ window.__ModuleLoader__.load({
             var value = Number(saved[key]);
             if (Number.isFinite(value) && value >= 0) settings[key] = Math.min(4e3, Math.round(value));
           }
+          for (var freezeKey of ["freezeRows", "freezeCols"]) {
+            var freezeValue = Number(saved[freezeKey]);
+            if (saved[freezeKey] !== void 0 && Number.isFinite(freezeValue) && freezeValue >= 0) {
+              settings[freezeKey] = Math.min(5, Math.round(freezeValue));
+            }
+          }
         }
         memorySettings = { ...settings };
       } catch {
@@ -356,6 +407,9 @@ window.__ModuleLoader__.load({
     var ICON_COPY = icon(
       "<rect x='9' y='9' width='12' height='12' rx='2.5'/><path d='M6 15H5.5A2.5 2.5 0 0 1 3 12.5v-7A2.5 2.5 0 0 1 5.5 3h7A2.5 2.5 0 0 1 15 5.5V6'/>"
     );
+    var ICON_DOWNLOAD = icon(
+      "<path d='M12 3v12'/><path d='m7 10 5 5 5-5'/><path d='M5 21h14'/>"
+    );
     var ICON_NOWRAP = icon(
       "<path d='M3 12h12.5'/><path d='M12.5 8.5 16.5 12l-4 3.5'/><path d='M20 6v12'/>"
     );
@@ -385,7 +439,7 @@ window.__ModuleLoader__.load({
     var TABLE_VARS_DARK = "--md-plus-tbl-line:#2f2f2f;--md-plus-tbl-head:#1f1f1f;--md-plus-tbl-head-fg:#f9fafb;--md-plus-tbl-hover:#1f1f1f";
     var CSS = [
       // ── 卡片：整块一个底色，顶栏不再是独立色带 ──────────────────────
-      ".md-code-block{--md-plus-mmd-min-height:200px;--md-plus-icon:" + ICON_CODE + ";--md-plus-icon-copy:" + ICON_COPY + ";--md-plus-icon-nowrap:" + ICON_NOWRAP + ";--md-plus-icon-diagram:" + ICON_DIAGRAM + ";--md-plus-icon-zoom-in:" + ICON_ZOOM_IN + ";--md-plus-icon-zoom-out:" + ICON_ZOOM_OUT + ";--md-plus-icon-expand:" + ICON_EXPAND + ";--md-plus-icon-theme:" + ICON_THEME + ";--md-plus-icon-retry:" + ICON_RETRY + "}",
+      ".md-code-block{--md-plus-mmd-min-height:200px;--md-plus-icon:" + ICON_CODE + ";--md-plus-icon-copy:" + ICON_COPY + ";--md-plus-icon-download:" + ICON_DOWNLOAD + ";--md-plus-icon-nowrap:" + ICON_NOWRAP + ";--md-plus-icon-diagram:" + ICON_DIAGRAM + ";--md-plus-icon-zoom-in:" + ICON_ZOOM_IN + ";--md-plus-icon-zoom-out:" + ICON_ZOOM_OUT + ";--md-plus-icon-expand:" + ICON_EXPAND + ";--md-plus-icon-theme:" + ICON_THEME + ";--md-plus-icon-retry:" + ICON_RETRY + "}",
       // bannerWrap 的原底色是 --dsw-alias-bg-base（#fff），会跟卡片灰拉开一条带
       ".md-code-block > div:has(> " + BANNER + "){background:transparent}",
       // ── 头部：收紧，并把空着的左边填上 ─────────────────────────────
@@ -401,8 +455,10 @@ window.__ModuleLoader__.load({
       // ── 间距：头部与首行代码之间补 6px ──────────────────────────────
       // pre 的行高本身就在首行文字上方留了约半行空白；补 6px 后实测间距约 17px
       // （原来给 0 时只有 11px，贴着看太挤）
-      ".md-code-block pre{padding:6px 16px 16px;font-size:var(--md-plus-code-font-size,inherit)}",
-      ".md-code-block pre{line-height:var(--md-plus-code-line-height,inherit)}",
+      // 未设字号时不能回退 inherit：pre 的父级是正文，会把宿主的代码字号
+      // （--dsh-code-font-size）盖成正文大小；回退到宿主变量才是真「跟随宿主」。
+      ".md-code-block pre{padding:6px 16px 16px;font-size:var(--md-plus-code-font-size,var(--dsh-code-font-size,11px))}",
+      ".md-code-block pre{line-height:var(--md-plus-code-line-height,calc(19px + var(--dsh-code-font-delta,0px)))}",
       // DSH 0.2.1 把内容容器设成 display:contents，折叠需要真实的盒子才能量高度和裁剪
       ".md-code-block > [data-code-block-content]{display:block}",
       // ── 头部按钮：文字换成图标 ──────────────────────────────────────
@@ -423,6 +479,8 @@ window.__ModuleLoader__.load({
       ".md-code-block " + BANNER + " ." + ZOOM_OUT_CLASS + "::before{-webkit-mask:var(--md-plus-icon-zoom-out) center/contain no-repeat;mask:var(--md-plus-icon-zoom-out) center/contain no-repeat}",
       ".md-code-block " + BANNER + " ." + EXPAND_CLASS + "::before{-webkit-mask:var(--md-plus-icon-expand) center/contain no-repeat;mask:var(--md-plus-icon-expand) center/contain no-repeat}",
       ".md-code-block " + BANNER + " ." + THEME_CLASS + "::before{-webkit-mask:var(--md-plus-icon-theme) center/contain no-repeat;mask:var(--md-plus-icon-theme) center/contain no-repeat}",
+      ".md-code-block " + BANNER + " ." + COPY_SOURCE_CLASS + "::before{-webkit-mask:var(--md-plus-icon-copy) center/contain no-repeat;mask:var(--md-plus-icon-copy) center/contain no-repeat}",
+      ".md-code-block " + BANNER + " ." + DOWNLOAD_CLASS + "::before{-webkit-mask:var(--md-plus-icon-download) center/contain no-repeat;mask:var(--md-plus-icon-download) center/contain no-repeat}",
       ".md-code-block " + BANNER + " ." + RETRY_CLASS + "::before{-webkit-mask:var(--md-plus-icon-retry) center/contain no-repeat;mask:var(--md-plus-icon-retry) center/contain no-repeat}",
       "[" + MMD_ATTR + '="diagram"] .' + TOGGLE_CLASS + "{color:var(--dsw-alias-button-primary-fill,#4c6ef5);background:var(--dsw-alias-interactive-bg-active,rgb(76 110 245 / 12%))}",
       // 已经到最小 / 最大时，对应那颗按钮变淡且不可点
@@ -471,19 +529,29 @@ window.__ModuleLoader__.load({
       "." + SETTINGS_BTN_CLASS + "::before{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:var(--md-plus-icon-gear) center/contain no-repeat;mask:var(--md-plus-icon-gear) center/contain no-repeat}",
       "." + SETTINGS_MODAL_CLASS + "{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:calc(var(--dsh-windows-titlebar-height,0px) + 16px) 24px 24px;background:rgb(0 0 0 / 48%)}",
       "." + SETTINGS_MODAL_CLASS + "-panel{width:min(440px,100%);max-height:86vh;overflow:auto;padding:16px 18px 14px;border:1px solid var(--dsw-alias-border-secondary,rgb(127 127 127 / 18%));border-radius:12px;background:var(--dsw-alias-bg-base,#fff);box-shadow:0 24px 80px rgb(0 0 0 / 25%)}",
-      "." + SETTINGS_MODAL_CLASS + "-title{margin:0 0 6px;font:600 14px/22px var(--dsw-font-family-sans,system-ui,sans-serif);color:var(--dsw-alias-label-primary)}",
-      "." + SETTINGS_MODAL_CLASS + "-row{display:flex;align-items:center;gap:12px;margin:11px 0}",
+      "." + SETTINGS_MODAL_CLASS + "-title{margin:0 0 10px;font:600 14px/22px var(--dsw-font-family-sans,system-ui,sans-serif);color:var(--dsw-alias-label-primary)}",
+      "." + SETTINGS_MODAL_CLASS + "-row{display:flex;align-items:center;gap:12px;min-height:36px;margin:0 0 10px}",
       "." + SETTINGS_MODAL_CLASS + "-label{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;font:13px/20px var(--dsw-font-family-sans,system-ui,sans-serif);color:var(--dsw-alias-label-primary)}",
       "." + SETTINGS_MODAL_CLASS + "-label-title{display:block}",
       "." + SETTINGS_MODAL_CLASS + "-label-hint{display:block;font:11px/16px var(--dsw-font-family-sans,system-ui,sans-serif);color:var(--dsw-alias-label-tertiary)}",
       "." + SETTINGS_MODAL_CLASS + "-hint{margin:-4px 0 8px;font:11px/16px var(--dsw-font-family-sans,system-ui,sans-serif);color:var(--dsw-alias-label-tertiary)}",
+      "." + SETTINGS_MODAL_CLASS + "-section{margin:14px 0 8px;font:600 12px/18px var(--dsw-font-family-sans,system-ui,sans-serif);color:var(--dsw-alias-label-secondary)}",
       "." + SETTINGS_MODAL_CLASS + " input[type=number]{width:78px;padding:4px 6px;border:1px solid var(--dsw-alias-border-secondary,rgb(127 127 127 / 22%));border-radius:6px;background:var(--dsw-alias-bg-layer-2,rgb(127 127 127 / 6%));color:var(--dsw-alias-label-primary);font:13px/18px var(--dsw-font-family-sans,system-ui,sans-serif)}",
       "." + SETTINGS_MODAL_CLASS + " select{padding:4px 6px;border:1px solid var(--dsw-alias-border-secondary,rgb(127 127 127 / 22%));border-radius:6px;background:var(--dsw-alias-bg-layer-2,rgb(127 127 127 / 6%));color:var(--dsw-alias-label-primary);font:13px/18px var(--dsw-font-family-sans,system-ui,sans-serif)}",
-      "." + SETTINGS_MODAL_CLASS + "-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}",
-      "." + SETTINGS_MODAL_CLASS + "-actions button{appearance:none;border:0;border-radius:6px;padding:5px 12px;background:var(--dsw-alias-interactive-bg-hover,rgb(127 127 127 / 12%));color:var(--dsw-alias-label-primary);font:12px/18px var(--dsw-font-family-sans,system-ui,sans-serif);cursor:pointer}",
-      "." + SETTINGS_MODAL_CLASS + "-actions button:not(." + SETTINGS_MODAL_CLASS + "-primary):hover{background:var(--dsw-alias-interactive-bg-active,rgb(76 110 245 / 12%))}",
+      "." + SETTINGS_MODAL_CLASS + "-footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--dsw-alias-border-secondary,rgb(127 127 127 / 18%))}",
+      "." + SETTINGS_MODAL_CLASS + "-utilities{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px}",
+      "." + SETTINGS_MODAL_CLASS + "-fold-actions,." + SETTINGS_MODAL_CLASS + "-transfer-actions{display:flex;align-items:center;gap:8px}",
+      "." + SETTINGS_MODAL_CLASS + "-utility-label{font:11px/16px var(--dsw-font-family-sans,system-ui,sans-serif);color:var(--dsw-alias-label-tertiary);white-space:nowrap}",
+      "." + SETTINGS_MODAL_CLASS + "-segment{display:inline-flex;align-items:center;gap:1px;padding:2px;border:1px solid var(--dsw-alias-border-secondary,rgb(127 127 127 / 18%));border-radius:8px;background:var(--dsw-alias-bg-layer-2,rgb(127 127 127 / 5%))}",
+      "." + SETTINGS_MODAL_CLASS + "-segment button{appearance:none;border:0;border-radius:6px;padding:4px 8px;background:transparent;color:var(--dsw-alias-label-secondary);font:12px/18px var(--dsw-font-family-sans,system-ui,sans-serif);cursor:pointer}",
+      "." + SETTINGS_MODAL_CLASS + "-segment button:hover{background:var(--dsw-alias-interactive-bg-hover,rgb(127 127 127 / 12%));color:var(--dsw-alias-label-primary)}",
+      "." + SETTINGS_MODAL_CLASS + "-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:0}",
+      "." + SETTINGS_MODAL_CLASS + "-actions button{appearance:none;border:0;border-radius:7px;min-height:30px;padding:5px 12px;background:transparent;color:var(--dsw-alias-label-secondary);font:12px/18px var(--dsw-font-family-sans,system-ui,sans-serif);cursor:pointer}",
+      "." + SETTINGS_MODAL_CLASS + "-actions button:first-child{margin-right:auto;color:var(--dsw-alias-label-tertiary)}",
+      "." + SETTINGS_MODAL_CLASS + "-actions button:not(." + SETTINGS_MODAL_CLASS + "-primary):hover{background:var(--dsw-alias-interactive-bg-hover,rgb(127 127 127 / 12%));color:var(--dsw-alias-label-primary)}",
       "." + SETTINGS_MODAL_CLASS + "-actions ." + SETTINGS_MODAL_CLASS + "-primary{background:var(--dsw-alias-button-primary-fill,#4c6ef5);color:var(--dsw-alias-label-primary-foreground,#fff)}",
       "." + SETTINGS_MODAL_CLASS + "-actions ." + SETTINGS_MODAL_CLASS + "-primary:hover{background:var(--dsw-alias-button-primary-hover,var(--dsw-alias-button-primary-fill,#4c6ef5))}",
+      "." + SETTINGS_MODAL_CLASS + "-fold-actions button:focus-visible,." + SETTINGS_MODAL_CLASS + "-transfer-actions button:focus-visible,." + SETTINGS_MODAL_CLASS + "-actions button:focus-visible{outline:2px solid var(--dsw-alias-button-primary-fill,#4c6ef5);outline-offset:1px}",
       // 高亮宿主不参与布局，让里面的 <pre> 直接吃到卡片样式
       "." + HOST_CLASS + "{display:contents}",
       // 藏掉纯文本回退，只留着色结果；原节点仍在，复制读的还是它
@@ -519,8 +587,15 @@ window.__ModuleLoader__.load({
       TABLE + " > table tr:last-child td{border-bottom:0}",
       // 宽表横向扫读时给个落点
       TABLE + " > table tbody tr:hover td{background:var(--md-plus-tbl-hover)}",
-      // 长表往下滚时表头留在视口顶部；底色不透明才不会透出下面的行
-      TABLE + " > table thead th{position:sticky;top:0;z-index:1}",
+      // 冻结行 / 列：具体偏移由客户端按实际行列尺寸算好，支持设置多行多列
+      TABLE + " > table ." + FREEZE_ROW_CLASS + "{position:sticky;z-index:2;box-shadow:0 1px 0 var(--md-plus-tbl-line)}",
+      TABLE + " > table th." + FREEZE_ROW_CLASS + "{background:var(--md-plus-tbl-head)}",
+      TABLE + " > table td." + FREEZE_ROW_CLASS + "{background:var(--dsw-alias-bg-base,#fff)}",
+      TABLE + " > table ." + FREEZE_COL_CLASS + "{position:sticky;z-index:1;box-shadow:1px 0 0 var(--md-plus-tbl-line)}",
+      TABLE + " > table th." + FREEZE_COL_CLASS + "{background:var(--md-plus-tbl-head)}",
+      TABLE + " > table td." + FREEZE_COL_CLASS + "{background:var(--dsw-alias-bg-base,#fff)}",
+      TABLE + " > table ." + FREEZE_CROSS_CLASS + "{z-index:3}",
+      TABLE + " > table tbody tr:hover td." + FREEZE_ROW_CLASS + "," + TABLE + " > table tbody tr:hover td." + FREEZE_COL_CLASS + "{background:var(--md-plus-tbl-hover)}",
       // 复制按钮放在表尾右侧：不压住表头文字，表格折叠时也能随展开一起出现
       TABLE + " > table > caption." + TABLE_TOOLS_CLASS + "{caption-side:top;position:sticky;right:0;width:0;height:30px;margin-left:auto;padding:0;text-align:right;z-index:2}",
       TABLE + " > table > caption." + TABLE_TOOLS_CLASS + " > span{position:absolute;right:0;top:0;display:flex;gap:0;white-space:nowrap}",
@@ -537,7 +612,11 @@ window.__ModuleLoader__.load({
       // overscroll-behavior:auto 时才会把纵向滚轮交还给页面。
       // 这里同时写明 min/max-height：基础表格规则的 max-height 特异性更高，不补会压过设置值；
       // 最小高度保证极低阈值下「展开」按钮仍完整可见。
-      TABLE + "." + FOLD_CLASS + "[" + FOLD_ATTR + '="on"]{min-height:48px;max-height:var(--md-plus-fold-max-height);overflow-x:auto;overflow-y:clip}'
+      TABLE + "." + FOLD_CLASS + "[" + FOLD_ATTR + '="on"]{min-height:48px;max-height:var(--md-plus-fold-max-height);overflow-x:auto;overflow-y:clip}',
+      // 展开态的「收起」按钮在表尾文档流里，纵向保持滚到底才出现；
+      // 横向用 sticky 钉在可视区中间，宽表左右滚动时不会跟着表内容跑掉。
+      // 折叠态按钮是绝对定位，横向跟随由 sync() 写 left 完成。
+      TABLE + " ." + FOLD_BTN_CLASS + "{position:sticky;left:50%;transform:translateX(-50%)}"
     ].join("\n");
     var scripts = /* @__PURE__ */ new Map();
     var pending = /* @__PURE__ */ new Set();
@@ -550,6 +629,9 @@ window.__ModuleLoader__.load({
     var timer = null;
     var rescanQueued = false;
     var injected = /* @__PURE__ */ new Set();
+    var tableFreezeObserver = null;
+    var tableFreezeTargets = /* @__PURE__ */ new Set();
+    var tableFreezeState = /* @__PURE__ */ new WeakMap();
     var diagramSeq = 0;
     var disposed = false;
     function injectStyle() {
@@ -717,6 +799,7 @@ window.__ModuleLoader__.load({
         if (!node.isConnected) injected.delete(node);
       }
       cleanupFoldTargets();
+      cleanupTableFreezeTargets();
       diagramKindCache = /* @__PURE__ */ new WeakMap();
       if (rescanQueued) {
         rescanQueued = false;
@@ -760,17 +843,22 @@ window.__ModuleLoader__.load({
       }
       schedule();
     }
-    var PLAIN_BUTTONS = [
-      {
-        cls: TOOL_CLASS,
-        titleKey: "wrapTitle",
-        ariaKey: "wrapAria",
-        run: (block) => {
-          if (block.getAttribute(WRAP_ATTR) === "on") block.removeAttribute(WRAP_ATTR);
-          else block.setAttribute(WRAP_ATTR, "on");
-        }
+    var WRAP_BUTTON = {
+      cls: TOOL_CLASS,
+      titleKey: "wrapTitle",
+      ariaKey: "wrapAria",
+      run: (block) => {
+        if (block.getAttribute(WRAP_ATTR) === "on") block.removeAttribute(WRAP_ATTR);
+        else block.setAttribute(WRAP_ATTR, "on");
       }
-    ];
+    };
+    var DOWNLOAD_BUTTON = {
+      cls: DOWNLOAD_CLASS,
+      titleKey: "downloadCode",
+      ariaKey: "downloadCodeAria",
+      run: (block) => downloadCode(block)
+    };
+    var PLAIN_BUTTONS = [WRAP_BUTTON, DOWNLOAD_BUTTON];
     var MMD_BUTTONS = [
       { cls: ZOOM_OUT_CLASS, titleKey: "zoomOut", ariaKey: "zoomOutAria", run: (block) => zoomBy(block, 1 / ZOOM_STEP) },
       { cls: ZOOM_IN_CLASS, titleKey: "zoomIn", ariaKey: "zoomInAria", run: (block) => zoomBy(block, ZOOM_STEP) },
@@ -799,6 +887,12 @@ window.__ModuleLoader__.load({
         titleKey: "theme",
         ariaKey: "themeAria",
         run: (block) => cycleMermaidTheme(block)
+      },
+      {
+        cls: COPY_SOURCE_CLASS,
+        titleKey: "copySource",
+        ariaKey: "copySourceAria",
+        run: (block, button) => copyDiagramSource(block, button)
       }
     ];
     var FAILED_BUTTONS = [
@@ -832,7 +926,8 @@ window.__ModuleLoader__.load({
       var label = readBannerLabel(block);
       var lang = readLang(block);
       if (lang !== "" && isPlaceholderLabel(label)) paintLanguageLabel(block, lang);
-      var specs = block.getAttribute(MMD_ATTR) === "failed" ? FAILED_BUTTONS : diagramKind(block) !== null ? MMD_BUTTONS : findNativeWrap(nativeButtons) !== null ? [] : PLAIN_BUTTONS;
+      var hasNativeWrap = findNativeWrap(nativeButtons) !== null;
+      var specs = block.getAttribute(MMD_ATTR) === "failed" ? FAILED_BUTTONS : diagramKind(block) !== null ? MMD_BUTTONS : hasNativeWrap ? [DOWNLOAD_BUTTON] : PLAIN_BUTTONS;
       for (const existing of action.querySelectorAll("." + BTN_CLASS)) {
         if (specs.some((spec) => existing.classList.contains(spec.cls))) continue;
         existing.remove();
@@ -850,7 +945,7 @@ window.__ModuleLoader__.load({
           created.title = themeText;
           created.setAttribute("aria-label", themeText);
         }
-        created.addEventListener("click", () => spec.run(block));
+        created.addEventListener("click", () => spec.run(block, created));
         action.insertBefore(created, copy);
         injected.add(created);
       }
@@ -1195,7 +1290,11 @@ window.__ModuleLoader__.load({
         button.textContent = t("foldOpen");
         button.setAttribute("aria-expanded", "false");
         var sync = target.hasAttribute(TABLE_DONE_ATTR) ? () => {
-          button.style.left = target.scrollLeft + target.clientWidth / 2 + "px";
+          if (target.getAttribute(FOLD_ATTR) === "on") {
+            button.style.left = target.scrollLeft + target.clientWidth / 2 + "px";
+          } else {
+            button.style.removeProperty("left");
+          }
         } : null;
         if (sync !== null) {
           target.addEventListener("scroll", sync, { passive: true });
@@ -1238,6 +1337,22 @@ window.__ModuleLoader__.load({
         (row) => row.map((value) => /[",\n]/.test(value) ? '"' + value.replace(/"/g, '""') + '"' : value).join(",")
       ).join("\n");
     }
+    function tableToTsv(rows) {
+      return rows.map((row) => row.map((value) => value.replace(/\t/g, " ")).join("	")).join("\n");
+    }
+    function escapeHtml(text) {
+      return text.replace(
+        /[&<>"']/g,
+        (character) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[character]
+      );
+    }
+    function tableToHtml(rows) {
+      if (rows.length === 0) return "";
+      var cell = (tag, value) => "<" + tag + ">" + escapeHtml(value) + "</" + tag + ">";
+      var header = "<thead><tr>" + rows[0].map((value) => cell("th", value)).join("") + "</tr></thead>";
+      var body = rows.slice(1).map((row) => "<tr>" + row.map((value) => cell("td", value)).join("") + "</tr>");
+      return "<table>" + header + (body.length === 0 ? "" : "<tbody>" + body.join("") + "</tbody>") + "</table>";
+    }
     function tableToMarkdown(rows) {
       if (rows.length === 0) return "";
       var width = Math.max(...rows.map((row) => row.length));
@@ -1246,6 +1361,36 @@ window.__ModuleLoader__.load({
       for (var index = 1; index < rows.length; index += 1) output.push(line(rows[index]));
       return output.join("\n");
     }
+    var CODE_EXTENSIONS = {
+      bash: "sh",
+      batch: "bat",
+      c: "c",
+      cpp: "cpp",
+      csharp: "cs",
+      css: "css",
+      go: "go",
+      html: "html",
+      java: "java",
+      javascript: "js",
+      json: "json",
+      jsx: "jsx",
+      kotlin: "kt",
+      markdown: "md",
+      mermaid: "mmd",
+      php: "php",
+      python: "py",
+      ruby: "rb",
+      rust: "rs",
+      shell: "sh",
+      shellscript: "sh",
+      sql: "sql",
+      swift: "swift",
+      tsx: "tsx",
+      typescript: "ts",
+      xml: "xml",
+      yaml: "yml",
+      yml: "yml"
+    };
     async function copyText(text) {
       if (window.navigator.clipboard !== void 0 && typeof window.navigator.clipboard.writeText === "function") {
         try {
@@ -1269,6 +1414,55 @@ window.__ModuleLoader__.load({
       area.remove();
       return ok;
     }
+    async function copyRichText(text, html) {
+      if (window.navigator.clipboard !== void 0 && typeof window.navigator.clipboard.write === "function" && typeof window.ClipboardItem === "function") {
+        try {
+          await window.navigator.clipboard.write([
+            new window.ClipboardItem({
+              "text/plain": new Blob([text], { type: "text/plain" }),
+              "text/html": new Blob([html], { type: "text/html" })
+            })
+          ]);
+          return true;
+        } catch {
+        }
+      }
+      return copyText(text);
+    }
+    async function copyDiagramSource(block, button) {
+      var pre = block.querySelector(CONTENT + " pre");
+      if (pre === null) return;
+      var ok = false;
+      try {
+        ok = await copyText(pre.textContent ?? "");
+      } catch {
+        ok = false;
+      }
+      if (button !== void 0) {
+        var original = button.title;
+        var label = ok ? t("copied") : t("copyFailed");
+        button.title = label;
+        button.setAttribute("aria-label", label);
+        window.setTimeout(() => {
+          button.title = original;
+          button.setAttribute("aria-label", original);
+        }, 1200);
+      }
+    }
+    function downloadCode(block) {
+      var pre = block.querySelector(CONTENT + " pre");
+      if (pre === null) return;
+      var lang = readLang(block);
+      var ext = CODE_EXTENSIONS[lang] ?? "txt";
+      try {
+        downloadBlob(
+          new Blob([pre.textContent ?? ""], { type: "text/plain;charset=utf-8" }),
+          "code-snippet." + ext
+        );
+      } catch (error) {
+        console.warn("[dsh-md-plus] \u4EE3\u7801\u4E0B\u8F7D\u5931\u8D25", error);
+      }
+    }
     function flashButton(button, text) {
       var original = button.getAttribute("data-md-plus-label") ?? button.textContent;
       button.setAttribute("data-md-plus-label", original);
@@ -1277,9 +1471,88 @@ window.__ModuleLoader__.load({
         button.textContent = original;
       }, 1200);
     }
+    function clearTableFreeze(table) {
+      for (const cell of table.querySelectorAll(
+        "." + FREEZE_ROW_CLASS + ",." + FREEZE_COL_CLASS + ",." + FREEZE_CROSS_CLASS
+      )) {
+        cell.classList.remove(FREEZE_ROW_CLASS, FREEZE_COL_CLASS, FREEZE_CROSS_CLASS);
+        cell.style.removeProperty("top");
+        cell.style.removeProperty("left");
+      }
+    }
+    function observeTableFreeze(table) {
+      if (tableFreezeTargets.has(table)) return;
+      tableFreezeTargets.add(table);
+      if (typeof window.ResizeObserver !== "function") return;
+      if (tableFreezeObserver === null) {
+        tableFreezeObserver = new window.ResizeObserver((entries) => {
+          for (const entry of entries) {
+            if (!entry.target.isConnected) {
+              cleanupTableFreezeTargets();
+              continue;
+            }
+            applyTableFreeze(entry.target);
+          }
+        });
+      }
+      tableFreezeObserver.observe(table);
+    }
+    function applyTableFreeze(table) {
+      var dataTable = table.querySelector("table");
+      if (dataTable === null) return;
+      var settings = readSettings();
+      var freezeRows = Math.max(0, Math.min(5, Number(settings.freezeRows) || 0));
+      var freezeCols = Math.max(0, Math.min(5, Number(settings.freezeCols) || 0));
+      var width = dataTable.scrollWidth;
+      var height = dataTable.scrollHeight;
+      var hasFrozenCells = dataTable.querySelector("." + FREEZE_ROW_CLASS + ",." + FREEZE_COL_CLASS) !== null;
+      var state = tableFreezeState.get(table);
+      if (state !== void 0 && state.rows === freezeRows && state.cols === freezeCols && state.width === width && state.height === height && (freezeRows === 0 && freezeCols === 0 || hasFrozenCells)) {
+        return;
+      }
+      clearTableFreeze(table);
+      tableFreezeState.set(table, { rows: freezeRows, cols: freezeCols, width, height });
+      if (freezeRows === 0 && freezeCols === 0) return;
+      var rows = Array.from(dataTable.rows);
+      var top = 0;
+      for (var rowIndex = 0; rowIndex < rows.length; rowIndex += 1) {
+        var row = rows[rowIndex];
+        var cells = Array.from(row.cells);
+        var frozenRow = rowIndex < freezeRows;
+        if (frozenRow) {
+          for (const cell2 of cells) cell2.classList.add(FREEZE_ROW_CLASS);
+        }
+        var left = 0;
+        for (var cellIndex = 0; cellIndex < cells.length; cellIndex += 1) {
+          var cell = cells[cellIndex];
+          if (frozenRow) cell.style.top = top + "px";
+          if (cellIndex < freezeCols) {
+            cell.classList.add(FREEZE_COL_CLASS);
+            if (frozenRow) cell.classList.add(FREEZE_CROSS_CLASS);
+            cell.style.left = left + "px";
+            left += cell.getBoundingClientRect().width;
+          }
+        }
+        if (frozenRow) top += row.getBoundingClientRect().height;
+      }
+      observeTableFreeze(table);
+    }
+    function cleanupTableFreezeTargets() {
+      for (const table of tableFreezeTargets) {
+        if (table.isConnected) continue;
+        if (tableFreezeObserver !== null) tableFreezeObserver.unobserve(table);
+        tableFreezeTargets.delete(table);
+        tableFreezeState.delete(table);
+      }
+    }
+    function applyTableFreezeSettings() {
+      tableFreezeState = /* @__PURE__ */ new WeakMap();
+      for (const table of document.querySelectorAll(TABLE)) applyTableFreeze(table);
+    }
     function decorateTable(table) {
       var dataTable = table.querySelector("table");
       if (dataTable === null) return;
+      applyTableFreeze(table);
       var first = dataTable.firstElementChild;
       if (first !== null && first.classList.contains(TABLE_TOOLS_CLASS)) return;
       table.setAttribute(TABLE_DONE_ATTR, "1");
@@ -1287,9 +1560,11 @@ window.__ModuleLoader__.load({
       tools.className = TABLE_TOOLS_CLASS;
       var group = document.createElement("span");
       group.className = TABLE_TOOLS_CLASS + "-group";
-      for (const [kind, label, titleKey, convert] of [
-        ["csv", t("tableCsv"), "copyCsvTitle", tableToCsv],
-        ["md", t("tableMd"), "copyMdTitle", tableToMarkdown]
+      for (const [kind, label, titleKey, convert, rich] of [
+        ["csv", t("tableCsv"), "copyCsvTitle", tableToCsv, false],
+        ["tsv", t("tableTsv"), "copyTsvTitle", tableToTsv, false],
+        ["md", t("tableMd"), "copyMdTitle", tableToMarkdown, false],
+        ["html", t("tableHtml"), "copyHtmlTitle", tableToHtml, true]
       ]) {
         const button = document.createElement("button");
         button.type = "button";
@@ -1299,7 +1574,8 @@ window.__ModuleLoader__.load({
         button.addEventListener("click", async () => {
           var ok = false;
           try {
-            ok = await copyText(convert(tableRows(dataTable)));
+            var rows = tableRows(dataTable);
+            ok = rich ? await copyRichText(tableToTsv(rows), convert(rows)) : await copyText(convert(rows));
           } catch {
             ok = false;
           }
@@ -1460,6 +1736,34 @@ window.__ModuleLoader__.load({
       }
       scanFolds();
     }
+    function setFoldExpanded(target, expanded) {
+      var state = target.getAttribute(FOLD_ATTR);
+      if (state !== "on" && state !== "off") return;
+      target.setAttribute(FOLD_ATTR, expanded ? "off" : "on");
+      if (target.hasAttribute(TABLE_DONE_ATTR)) target.scrollTop = 0;
+      var button = target.querySelector("." + FOLD_BTN_CLASS);
+      if (button !== null) {
+        button.textContent = expanded ? t("foldClose") : t("foldOpen");
+        button.setAttribute("aria-expanded", expanded ? "true" : "false");
+      }
+      foldSyncs.get(target)?.();
+    }
+    function setAllFolds(expanded) {
+      for (const target of document.querySelectorAll("[" + FOLD_ATTR + "]")) {
+        setFoldExpanded(target, expanded);
+      }
+    }
+    function exportSettings() {
+      try {
+        var payload = { settings: readSettings(), mermaidTheme: getMermaidTheme() };
+        downloadBlob(
+          new Blob([JSON.stringify(payload, null, 2)], { type: "application/json;charset=utf-8" }),
+          "dsh-md-plus-settings.json"
+        );
+      } catch (error) {
+        console.warn("[dsh-md-plus] \u8BBE\u7F6E\u5BFC\u51FA\u5931\u8D25", error);
+      }
+    }
     function openSettings() {
       if (document.querySelector("." + SETTINGS_MODAL_CLASS) !== null) return;
       var current = readSettings();
@@ -1484,11 +1788,9 @@ window.__ModuleLoader__.load({
       themeSelect.value = getMermaidTheme();
       panel.appendChild(settingRow(t("settingsTheme"), themeSelect));
       var fontInput = numberInput(current.codeFontSize, 10, 20);
-      panel.appendChild(settingRow(t("settingsFontSize"), fontInput));
-      var fontHint = document.createElement("p");
-      fontHint.className = SETTINGS_MODAL_CLASS + "-hint";
-      fontHint.textContent = t("settingsFontSizeHint");
-      panel.appendChild(fontHint);
+      panel.appendChild(
+        settingRow(t("settingsFontSize"), fontInput, t("settingsFontSizeHint"))
+      );
       var viewSelect = document.createElement("select");
       for (const [value, label] of [
         ["diagram", t("settingsViewDiagram")],
@@ -1502,7 +1804,7 @@ window.__ModuleLoader__.load({
       viewSelect.value = current.diagramView;
       panel.appendChild(settingRow(t("settingsView"), viewSelect));
       var foldHint = document.createElement("p");
-      foldHint.className = SETTINGS_MODAL_CLASS + "-hint";
+      foldHint.className = SETTINGS_MODAL_CLASS + "-section";
       foldHint.textContent = t("settingsFold") + " \xB7 " + t("settingsFoldHint");
       panel.appendChild(foldHint);
       var foldCode = numberInput(current.foldCode, 0, 4e3);
@@ -1511,6 +1813,56 @@ window.__ModuleLoader__.load({
       panel.appendChild(settingRow(t("settingsFoldCode"), foldCode, t("settingsFoldCodeHint")));
       panel.appendChild(settingRow(t("settingsFoldTable"), foldTable, t("settingsFoldTableHint")));
       panel.appendChild(settingRow(t("settingsFoldDiagram"), foldDiagram, t("settingsFoldDiagramHint")));
+      var freezeRowsInput = numberInput(current.freezeRows, 0, 5);
+      var freezeColsInput = numberInput(current.freezeCols, 0, 5);
+      panel.appendChild(
+        settingRow(t("settingsFreezeRows"), freezeRowsInput, t("settingsFreezeRowsHint"))
+      );
+      panel.appendChild(
+        settingRow(t("settingsFreezeCols"), freezeColsInput, t("settingsFreezeColsHint"))
+      );
+      var foldActions = document.createElement("div");
+      foldActions.className = SETTINGS_MODAL_CLASS + "-fold-actions";
+      foldActions.setAttribute("role", "group");
+      foldActions.setAttribute("aria-label", t("settingsFoldGroup"));
+      var foldLabel = document.createElement("span");
+      foldLabel.className = SETTINGS_MODAL_CLASS + "-utility-label";
+      foldLabel.textContent = t("settingsFoldGroup");
+      var foldSegment = document.createElement("span");
+      foldSegment.className = SETTINGS_MODAL_CLASS + "-segment";
+      var expandAllButton = document.createElement("button");
+      expandAllButton.type = "button";
+      expandAllButton.textContent = t("foldExpandAll");
+      var collapseAllButton = document.createElement("button");
+      collapseAllButton.type = "button";
+      collapseAllButton.textContent = t("foldCollapseAll");
+      foldSegment.appendChild(expandAllButton);
+      foldSegment.appendChild(collapseAllButton);
+      foldActions.appendChild(foldLabel);
+      foldActions.appendChild(foldSegment);
+      var transferActions = document.createElement("div");
+      transferActions.className = SETTINGS_MODAL_CLASS + "-transfer-actions";
+      transferActions.setAttribute("role", "group");
+      transferActions.setAttribute("aria-label", t("settingsFileGroup"));
+      var transferLabel = document.createElement("span");
+      transferLabel.className = SETTINGS_MODAL_CLASS + "-utility-label";
+      transferLabel.textContent = t("settingsFileGroup");
+      var transferSegment = document.createElement("span");
+      transferSegment.className = SETTINGS_MODAL_CLASS + "-segment";
+      var exportButton = document.createElement("button");
+      exportButton.type = "button";
+      exportButton.textContent = t("settingsExport");
+      var importButton = document.createElement("button");
+      importButton.type = "button";
+      importButton.textContent = t("settingsImport");
+      var fileInput = document.createElement("input");
+      fileInput.type = "file";
+      fileInput.accept = ".json,application/json";
+      fileInput.style.display = "none";
+      transferSegment.appendChild(exportButton);
+      transferSegment.appendChild(importButton);
+      transferActions.appendChild(transferLabel);
+      transferActions.appendChild(transferSegment);
       var actions = document.createElement("div");
       actions.className = SETTINGS_MODAL_CLASS + "-actions";
       var resetButton = document.createElement("button");
@@ -1526,7 +1878,16 @@ window.__ModuleLoader__.load({
       actions.appendChild(resetButton);
       actions.appendChild(closeButton);
       actions.appendChild(saveButton);
-      panel.appendChild(actions);
+      var utilities = document.createElement("div");
+      utilities.className = SETTINGS_MODAL_CLASS + "-utilities";
+      utilities.appendChild(foldActions);
+      utilities.appendChild(transferActions);
+      var footer = document.createElement("div");
+      footer.className = SETTINGS_MODAL_CLASS + "-footer";
+      footer.appendChild(utilities);
+      footer.appendChild(actions);
+      panel.appendChild(footer);
+      panel.appendChild(fileInput);
       overlay.appendChild(panel);
       var previousFocus = document.activeElement;
       var releaseFocus = null;
@@ -1555,6 +1916,48 @@ window.__ModuleLoader__.load({
         if (!Number.isFinite(value) || value <= 0) return 0;
         return Math.min(20, Math.max(10, Math.round(value)));
       }
+      function importSettingsFile(file) {
+        file.text().then((text) => {
+          var parsed = JSON.parse(text);
+          var source = parsed !== null && typeof parsed === "object" && parsed.settings !== null && typeof parsed.settings === "object" ? parsed.settings : parsed;
+          if (source === null || typeof source !== "object") throw new Error("\u8BBE\u7F6E\u683C\u5F0F\u65E0\u6548");
+          var font = Number(source.codeFontSize);
+          if (Number.isFinite(font)) {
+            fontInput.value = font > 0 ? String(Math.min(20, Math.max(10, Math.round(font)))) : "";
+          }
+          for (const [key, input, max] of [
+            ["foldCode", foldCode, 4e3],
+            ["foldTable", foldTable, 4e3],
+            ["foldDiagram", foldDiagram, 4e3],
+            ["freezeRows", freezeRowsInput, 5],
+            ["freezeCols", freezeColsInput, 5]
+          ]) {
+            var value = Number(source[key]);
+            if (Number.isFinite(value) && value >= 0) {
+              input.value = String(Math.min(max, Math.round(value)));
+            }
+          }
+          if (source.diagramView === "code" || source.diagramView === "diagram") {
+            viewSelect.value = source.diagramView;
+          }
+          var theme = parsed !== null && typeof parsed === "object" ? parsed.mermaidTheme : null;
+          if (typeof theme === "string" && THEME_ORDER.indexOf(theme) !== -1) {
+            themeSelect.value = theme;
+          }
+          saveButton.click();
+        }).catch(() => {
+          flashButton(importButton, t("settingsImportFailed"));
+        });
+      }
+      exportButton.addEventListener("click", exportSettings);
+      importButton.addEventListener("click", () => fileInput.click());
+      fileInput.addEventListener("change", () => {
+        var file = fileInput.files?.[0];
+        if (file !== null && file !== void 0) importSettingsFile(file);
+        fileInput.value = "";
+      });
+      expandAllButton.addEventListener("click", () => setAllFolds(true));
+      collapseAllButton.addEventListener("click", () => setAllFolds(false));
       resetButton.addEventListener("click", () => {
         themeSelect.value = "blue";
         fontInput.value = "";
@@ -1562,6 +1965,8 @@ window.__ModuleLoader__.load({
         foldCode.value = String(DEFAULT_SETTINGS.foldCode);
         foldTable.value = String(DEFAULT_SETTINGS.foldTable);
         foldDiagram.value = String(DEFAULT_SETTINGS.foldDiagram);
+        freezeRowsInput.value = String(DEFAULT_SETTINGS.freezeRows);
+        freezeColsInput.value = String(DEFAULT_SETTINGS.freezeCols);
       });
       saveButton.addEventListener("click", () => {
         var previous = readSettings();
@@ -1572,7 +1977,9 @@ window.__ModuleLoader__.load({
           diagramView: viewSelect.value === "code" ? "code" : "diagram",
           foldCode: readNumber(foldCode, DEFAULT_SETTINGS.foldCode),
           foldTable: readNumber(foldTable, DEFAULT_SETTINGS.foldTable),
-          foldDiagram: readNumber(foldDiagram, DEFAULT_SETTINGS.foldDiagram)
+          foldDiagram: readNumber(foldDiagram, DEFAULT_SETTINGS.foldDiagram),
+          freezeRows: readNumber(freezeRowsInput, DEFAULT_SETTINGS.freezeRows, 5),
+          freezeCols: readNumber(freezeColsInput, DEFAULT_SETTINGS.freezeCols, 5)
         };
         saveSettings(next);
         memoryTheme = nextTheme;
@@ -1582,6 +1989,7 @@ window.__ModuleLoader__.load({
         } catch {
         }
         applyCodeFontSize();
+        applyTableFreezeSettings();
         refreshThemeButtons();
         if (previousTheme !== nextTheme) redrawDiagrams();
         if (previous.codeFontSize !== next.codeFontSize || previous.foldCode !== next.foldCode || previous.foldTable !== next.foldTable || previous.foldDiagram !== next.foldDiagram) {
@@ -1832,6 +2240,7 @@ window.__ModuleLoader__.load({
         themeCache = null;
         injectStyle();
         applyCodeFontSize();
+        applyTableFreezeSettings();
         ensureSettingsButton();
         var root = document.body ?? document.documentElement;
         document.addEventListener("click", onDocumentClick, true);
@@ -1853,6 +2262,14 @@ window.__ModuleLoader__.load({
           pending.clear();
           rescanQueued = false;
           for (const target of [...foldTargets]) resetFold(target);
+          for (const table of [...tableFreezeTargets]) clearTableFreeze(table);
+          tableFreezeTargets.clear();
+          if (tableFreezeObserver !== null) {
+            tableFreezeObserver.disconnect();
+            tableFreezeObserver = null;
+          }
+          tableFreezeState = /* @__PURE__ */ new WeakMap();
+          for (const table of document.querySelectorAll(TABLE)) clearTableFreeze(table);
           observer.disconnect();
           document.removeEventListener("click", onDocumentClick, true);
           for (const node of injected) node.remove();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-md-plus",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "description": "Markdown display enhancements for DeepSeek Harness Web: code block restyle, syntax highlighting for languages DSH does not ship, and built-in mermaid diagrams.",
   "type": "module",
   "main": "lib/index.js",