dsh-md-plus 0.4.4 → 0.5.0

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",
@@ -65,11 +71,16 @@ window.__ModuleLoader__.load({
         fit: "\u9002\u5E94\u6574\u56FE",
         downloadSvg: "\u4E0B\u8F7D SVG",
         downloadPng: "\u4E0B\u8F7D PNG",
+        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",
@@ -83,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",
@@ -90,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"
@@ -105,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: ",
@@ -118,11 +144,16 @@ window.__ModuleLoader__.load({
         fit: "Fit",
         downloadSvg: "Download SVG",
         downloadPng: "Download PNG",
+        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",
@@ -136,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",
@@ -143,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"
@@ -154,7 +196,6 @@ window.__ModuleLoader__.load({
     }
     var MODAL_CLASS = "md-plus-mmd-modal";
     var DONE_ATTR = "data-md-plus";
-    var KEY_ATTR = "data-md-plus-key";
     var WRAP_ATTR = "data-md-plus-wrap";
     var MMD_ATTR = "data-md-plus-mmd";
     var FOLD_ATTR = "data-md-plus-fold";
@@ -163,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";
@@ -173,14 +217,19 @@ 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";
     var DEBOUNCE_MS = 160;
     var memorySettings = null;
     var memoryTheme = null;
+    var settingsCache = null;
+    var themeCache = null;
     function readSettings() {
+      if (settingsCache !== null) return { ...settingsCache };
       var settings = { ...DEFAULT_SETTINGS };
       try {
         var raw = window.localStorage.getItem(SETTINGS_KEY);
@@ -195,15 +244,23 @@ 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 {
-        if (memorySettings !== null) return { ...DEFAULT_SETTINGS, ...memorySettings };
+        if (memorySettings !== null) settings = { ...DEFAULT_SETTINGS, ...memorySettings };
       }
-      return settings;
+      settingsCache = { ...settings };
+      return { ...settingsCache };
     }
     function saveSettings(next) {
       memorySettings = { ...next };
+      settingsCache = { ...next };
       try {
         window.localStorage.setItem(SETTINGS_KEY, JSON.stringify(next));
       } catch {
@@ -350,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'/>"
     );
@@ -379,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}",
       // ── 头部：收紧，并把空着的左边填上 ─────────────────────────────
@@ -395,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}",
       // ── 头部按钮：文字换成图标 ──────────────────────────────────────
@@ -417,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%))}",
       // 已经到最小 / 最大时，对应那颗按钮变淡且不可点
@@ -465,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}",
       // 藏掉纯文本回退，只留着色结果；原节点仍在，复制读的还是它
@@ -513,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}",
@@ -531,14 +612,26 @@ 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();
     var foldSyncs = /* @__PURE__ */ new WeakMap();
+    var foldTargets = /* @__PURE__ */ new Set();
+    var foldResizeObserver = null;
+    var foldResizeHandler = null;
+    var diagramKindCache = /* @__PURE__ */ new WeakMap();
+    var cacheKeys = /* @__PURE__ */ new WeakMap();
     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() {
@@ -668,7 +761,7 @@ window.__ModuleLoader__.load({
       var single = MMD_SINGLE.exec(value);
       return single === null ? null : single[1];
     }
-    function diagramKind(block) {
+    function computeDiagramKind(block) {
       var lang = readLang(block);
       if (MMD_LANGS.has(lang)) return "diagram";
       if (lang !== "") return null;
@@ -676,12 +769,22 @@ window.__ModuleLoader__.load({
       if (pre === null) return null;
       return sniffDiagramType(pre.textContent ?? "") === null ? null : "diagram";
     }
+    function diagramKind(block) {
+      if (diagramKindCache.has(block)) return diagramKindCache.get(block);
+      var kind = computeDiagramKind(block);
+      diagramKindCache.set(block, kind);
+      return kind;
+    }
     function isOurs(node) {
       var element = node?.nodeType === 1 ? node : node?.parentElement;
       return element?.closest?.(
-        "." + HOST_CLASS + ", ." + BTN_CLASS + ", ." + MMD_CLASS + ", ." + FOLD_BTN_CLASS + ", ." + TABLE_TOOLS_CLASS + ", ." + IMG_MODAL_CLASS + ", ." + SETTINGS_BTN_CLASS + ", ." + SETTINGS_MODAL_CLASS
+        "." + HOST_CLASS + ", ." + BTN_CLASS + ", ." + MMD_CLASS + ", ." + FOLD_BTN_CLASS + ", ." + TABLE_TOOLS_CLASS + ", ." + IMG_MODAL_CLASS + ", ." + MODAL_CLASS + ", ." + SETTINGS_BTN_CLASS + ", ." + SETTINGS_MODAL_CLASS
       ) != null;
     }
+    function closestStreaming(node) {
+      var element = node?.nodeType === 1 ? node : node?.parentElement;
+      return element?.closest?.("[data-streaming]") ?? null;
+    }
     function schedule(block) {
       if (disposed) return;
       if (block !== void 0) pending.add(block);
@@ -692,6 +795,12 @@ window.__ModuleLoader__.load({
     function flush() {
       timer = null;
       if (disposed) return;
+      for (const node of injected) {
+        if (!node.isConnected) injected.delete(node);
+      }
+      cleanupFoldTargets();
+      cleanupTableFreezeTargets();
+      diagramKindCache = /* @__PURE__ */ new WeakMap();
       if (rescanQueued) {
         rescanQueued = false;
         for (const block of document.querySelectorAll(BLOCK)) pending.add(block);
@@ -699,6 +808,7 @@ window.__ModuleLoader__.load({
       var batch = Array.from(pending);
       pending.clear();
       for (const block of batch) {
+        if (closestStreaming(block) !== null) continue;
         decorate(block);
         void enhance(block);
       }
@@ -711,6 +821,7 @@ window.__ModuleLoader__.load({
           redrawDiagrams();
           return;
         }
+        if (closestStreaming(record.target) !== null) continue;
         if (isOurs(record.target)) continue;
         var added = record.addedNodes;
         var oursOnly = added.length > 0;
@@ -727,22 +838,27 @@ window.__ModuleLoader__.load({
     function redrawDiagrams() {
       for (const block of document.querySelectorAll("[" + MMD_ATTR + "]")) {
         if (block.getAttribute(MMD_ATTR) === "failed") continue;
-        block.removeAttribute(KEY_ATTR);
+        cacheKeys.delete(block);
         pending.add(block);
       }
       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) },
@@ -771,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 = [
@@ -779,7 +901,7 @@ window.__ModuleLoader__.load({
         titleKey: "retry",
         ariaKey: "retryAria",
         run: (block) => {
-          block.removeAttribute(KEY_ATTR);
+          cacheKeys.delete(block);
           block.removeAttribute(MMD_ATTR);
           block.querySelector("." + MMD_CLASS + "-error")?.remove();
           void enhance(block);
@@ -804,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();
@@ -822,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);
       }
@@ -832,13 +955,13 @@ window.__ModuleLoader__.load({
       if (host === null) return false;
       if (content.querySelector("pre.shiki:not(.md-plus-pre)") === null) return false;
       host.remove();
-      block.removeAttribute(KEY_ATTR);
+      cacheKeys.delete(block);
       block.removeAttribute(DONE_ATTR);
       return true;
     }
     async function enhance(block) {
       if (!block.isConnected) return;
-      if (block.closest("[data-streaming]") !== null) return;
+      if (closestStreaming(block) !== null) return;
       var content = block.querySelector(CONTENT);
       if (content === null) return;
       if (releaseTakenOver(block, content)) return;
@@ -858,7 +981,7 @@ window.__ModuleLoader__.load({
       var code = pre.textContent ?? "";
       if (code.trim() === "") return;
       var key = lang + "\0" + code;
-      if (block.getAttribute(KEY_ATTR) === key) return;
+      if (cacheKeys.get(block) === key) return;
       var html;
       try {
         html = await api.highlight(code, lang);
@@ -883,21 +1006,27 @@ window.__ModuleLoader__.load({
       content.querySelector("." + HOST_CLASS)?.remove();
       resetFold(content);
       pre.after(host);
-      block.setAttribute(KEY_ATTR, key);
+      cacheKeys.set(block, key);
       block.setAttribute(DONE_ATTR, "done");
       scheduleFold(content, foldLimit("code"));
     }
     function getMermaidTheme() {
+      if (themeCache !== null) return themeCache;
       try {
         var saved = window.localStorage.getItem(THEME_KEY);
         if (saved !== null && THEME_ORDER.indexOf(saved) !== -1) {
           memoryTheme = saved;
+          themeCache = saved;
           return saved;
         }
         memoryTheme = null;
       } catch {
-        if (memoryTheme !== null) return memoryTheme;
+        if (memoryTheme !== null) {
+          themeCache = memoryTheme;
+          return memoryTheme;
+        }
       }
+      themeCache = "blue";
       return "blue";
     }
     function themeLabel(name) {
@@ -915,6 +1044,7 @@ window.__ModuleLoader__.load({
       var index = THEME_ORDER.indexOf(current);
       var next = THEME_ORDER[(index + 1) % THEME_ORDER.length];
       memoryTheme = next;
+      themeCache = next;
       try {
         window.localStorage.setItem(THEME_KEY, next);
       } catch {
@@ -926,7 +1056,7 @@ window.__ModuleLoader__.load({
       var code = (pre.textContent ?? "").trim();
       if (code === "") return;
       var key = "mmd\0" + code;
-      if (block.getAttribute(KEY_ATTR) === key) return;
+      if (cacheKeys.get(block) === key) return;
       var api = await loadScript(MMD_URL, MMD_GLOBAL);
       if (disposed || api === null) return;
       if (!pre.isConnected) return;
@@ -959,7 +1089,7 @@ window.__ModuleLoader__.load({
       if (viewport !== null) bindViewport(block, viewport);
       pre.before(host);
       content.querySelector("." + MMD_CLASS + "-error")?.remove();
-      block.setAttribute(KEY_ATTR, key);
+      cacheKeys.set(block, key);
       var view = block.getAttribute(MMD_ATTR);
       if (view !== "code" && view !== "diagram") block.setAttribute(MMD_ATTR, readSettings().diagramView);
       zooms.delete(block);
@@ -1072,14 +1202,65 @@ window.__ModuleLoader__.load({
       var sync = foldSyncs.get(target);
       if (sync !== void 0) {
         target.removeEventListener("scroll", sync);
-        window.removeEventListener("resize", sync);
         foldSyncs.delete(target);
       }
+      foldTargets.delete(target);
+      if (foldTargets.size === 0) {
+        if (foldResizeObserver !== null) {
+          foldResizeObserver.disconnect();
+          foldResizeObserver = null;
+        }
+        if (foldResizeHandler !== null) {
+          window.removeEventListener("resize", foldResizeHandler);
+          foldResizeHandler = null;
+        }
+      } else if (foldResizeObserver !== null) {
+        foldResizeObserver.unobserve(target);
+      }
       target.removeAttribute(FOLD_ATTR);
       target.classList.remove(FOLD_CLASS);
       target.style.removeProperty("--md-plus-fold-max-height");
       target.querySelector("." + FOLD_BTN_CLASS)?.remove();
     }
+    function watchFoldTarget(target, sync) {
+      foldSyncs.set(target, sync);
+      foldTargets.add(target);
+      if (typeof window.ResizeObserver === "function") {
+        if (foldResizeObserver === null) {
+          foldResizeObserver = new window.ResizeObserver((entries) => {
+            for (const entry of entries) {
+              var entryTarget = entry.target;
+              var entrySync = foldSyncs.get(entryTarget);
+              if (entrySync === void 0) continue;
+              if (!entryTarget.isConnected) {
+                resetFold(entryTarget);
+                continue;
+              }
+              entrySync();
+            }
+          });
+        }
+        foldResizeObserver.observe(target);
+        return;
+      }
+      if (foldResizeHandler === null) {
+        foldResizeHandler = () => {
+          for (const entryTarget of foldTargets) {
+            if (!entryTarget.isConnected) {
+              resetFold(entryTarget);
+              continue;
+            }
+            foldSyncs.get(entryTarget)?.();
+          }
+        };
+        window.addEventListener("resize", foldResizeHandler);
+      }
+    }
+    function cleanupFoldTargets() {
+      for (const target of foldTargets) {
+        if (!target.isConnected) resetFold(target);
+      }
+    }
     function scheduleFold(target, limit) {
       if (target === null) return;
       if (!(limit > 0)) {
@@ -1094,7 +1275,7 @@ window.__ModuleLoader__.load({
       if (target.getAttribute(FOLD_ATTR) !== null) return;
       var schedule2 = window.requestAnimationFrame ?? ((cb) => window.setTimeout(cb, 0));
       schedule2(() => {
-        if (!target.isConnected || target.getAttribute(FOLD_ATTR) !== null) return;
+        if (disposed || !target.isConnected || target.getAttribute(FOLD_ATTR) !== null) return;
         if (target.scrollHeight <= limit) {
           target.setAttribute(FOLD_ATTR, "none");
           return;
@@ -1109,12 +1290,15 @@ 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) {
-          foldSyncs.set(target, sync);
           target.addEventListener("scroll", sync, { passive: true });
-          window.addEventListener("resize", sync);
+          watchFoldTarget(target, sync);
         }
         button.addEventListener("click", () => {
           var folded = target.getAttribute(FOLD_ATTR) === "on";
@@ -1129,15 +1313,17 @@ window.__ModuleLoader__.load({
       });
     }
     function scanFolds() {
+      var codeLimit = foldLimit("code");
+      var tableLimit = foldLimit("table");
       for (const block of document.querySelectorAll(BLOCK)) {
-        if (block.closest("[data-streaming]") !== null) continue;
+        if (closestStreaming(block) !== null) continue;
         if (diagramKind(block) !== null) continue;
-        scheduleFold(block.querySelector(CONTENT), foldLimit("code"));
+        scheduleFold(block.querySelector(CONTENT), codeLimit);
       }
       for (const table of document.querySelectorAll(TABLE)) {
-        if (table.closest("[data-streaming]") !== null) continue;
+        if (closestStreaming(table) !== null) continue;
         decorateTable(table);
-        scheduleFold(table, foldLimit("table"));
+        scheduleFold(table, tableLimit);
       }
     }
     function cellText(cell) {
@@ -1151,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));
@@ -1159,10 +1361,43 @@ 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") {
-        await window.navigator.clipboard.writeText(text);
-        return true;
+        try {
+          await window.navigator.clipboard.writeText(text);
+          return true;
+        } catch {
+        }
       }
       var area = document.createElement("textarea");
       area.value = text;
@@ -1179,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);
@@ -1187,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");
@@ -1197,11 +1560,13 @@ 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]
       ]) {
-        var button = document.createElement("button");
+        const button = document.createElement("button");
         button.type = "button";
         button.textContent = label;
         button.title = t(titleKey);
@@ -1209,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;
           }
@@ -1220,6 +1586,48 @@ window.__ModuleLoader__.load({
       tools.appendChild(group);
       dataTable.insertBefore(tools, dataTable.firstChild);
     }
+    var scrollLocks = 0;
+    var previousRootOverflow = "";
+    function lockPageScroll() {
+      if (scrollLocks === 0) {
+        previousRootOverflow = document.documentElement.style.overflow;
+        document.documentElement.style.overflow = "hidden";
+      }
+      scrollLocks += 1;
+    }
+    function unlockPageScroll() {
+      if (scrollLocks === 0) return;
+      scrollLocks -= 1;
+      if (scrollLocks === 0) {
+        document.documentElement.style.overflow = previousRootOverflow;
+        previousRootOverflow = "";
+      }
+    }
+    function trapFocus(container) {
+      function onKey(event) {
+        if (event.key !== "Tab") return;
+        var candidates = Array.from(
+          container.querySelectorAll(
+            'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+          )
+        ).filter((node) => node.offsetParent !== null || node === document.activeElement);
+        if (candidates.length === 0) {
+          event.preventDefault();
+          return;
+        }
+        var first = candidates[0];
+        var last = candidates[candidates.length - 1];
+        if (event.shiftKey && document.activeElement === first) {
+          event.preventDefault();
+          last.focus();
+        } else if (!event.shiftKey && document.activeElement === last) {
+          event.preventDefault();
+          first.focus();
+        }
+      }
+      container.addEventListener("keydown", onKey, true);
+      return () => container.removeEventListener("keydown", onKey, true);
+    }
     function openImage(source, alt) {
       if (document.querySelector("." + IMG_MODAL_CLASS) !== null) return;
       var overlay = document.createElement("div");
@@ -1236,12 +1644,15 @@ window.__ModuleLoader__.load({
       closeButton.textContent = "\xD7";
       closeButton.setAttribute("aria-label", t("imageClose"));
       var previousFocus = document.activeElement;
+      var releaseFocus = null;
       var closed = false;
       function closeViewer() {
         if (closed) return;
         closed = true;
+        releaseFocus?.();
         document.removeEventListener("keydown", onKey, true);
         overlay.remove();
+        unlockPageScroll();
         if (previousFocus !== null && typeof previousFocus.focus === "function") previousFocus.focus();
       }
       function onKey(event) {
@@ -1257,7 +1668,9 @@ window.__ModuleLoader__.load({
       document.addEventListener("keydown", onKey, true);
       overlay.appendChild(image);
       overlay.appendChild(closeButton);
+      lockPageScroll();
       document.body.appendChild(overlay);
+      releaseFocus = trapFocus(overlay);
       closeButton.focus();
     }
     function onDocumentClick(event) {
@@ -1300,13 +1713,57 @@ window.__ModuleLoader__.load({
       return input;
     }
     function rescanFolds() {
-      for (const node of document.querySelectorAll("[" + FOLD_ATTR + "]")) resetFold(node);
+      diagramKindCache = /* @__PURE__ */ new WeakMap();
+      var codeLimit = foldLimit("code");
+      var tableLimit = foldLimit("table");
+      var diagramLimit = foldLimit("diagram");
+      for (const node of document.querySelectorAll("[" + FOLD_ATTR + "]")) {
+        if (node.classList.contains(MMD_CLASS + "-viewport")) continue;
+        var limit = node.hasAttribute(TABLE_DONE_ATTR) ? tableLimit : codeLimit;
+        if (node.getAttribute(FOLD_ATTR) === "off" && limit > 0) {
+          node.style.setProperty("--md-plus-fold-max-height", limit + "px");
+          continue;
+        }
+        resetFold(node);
+      }
       for (const viewport of document.querySelectorAll("." + MMD_CLASS + "-viewport")) {
+        if (viewport.getAttribute(FOLD_ATTR) === "off" && diagramLimit > 0) {
+          viewport.style.setProperty("--md-plus-fold-max-height", diagramLimit + "px");
+          continue;
+        }
         resetFold(viewport);
-        scheduleFold(viewport, foldLimit("diagram"));
+        scheduleFold(viewport, diagramLimit);
       }
       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();
@@ -1331,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")],
@@ -1349,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);
@@ -1358,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");
@@ -1373,15 +1878,27 @@ 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;
       var closed = false;
       function closeSettings() {
         if (closed) return;
         closed = true;
+        releaseFocus?.();
         document.removeEventListener("keydown", onKey, true);
         overlay.remove();
+        unlockPageScroll();
         if (previousFocus !== null && typeof previousFocus.focus === "function") previousFocus.focus();
       }
       function onKey(event) {
@@ -1399,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 = "";
@@ -1406,24 +1965,36 @@ 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", () => {
-        saveSettings({
+        var previous = readSettings();
+        var previousTheme = getMermaidTheme();
+        var nextTheme = THEME_ORDER.indexOf(themeSelect.value) === -1 ? "blue" : themeSelect.value;
+        var next = {
           codeFontSize: readFontSize(fontInput),
           diagramView: viewSelect.value === "code" ? "code" : "diagram",
           foldCode: readNumber(foldCode, DEFAULT_SETTINGS.foldCode),
           foldTable: readNumber(foldTable, DEFAULT_SETTINGS.foldTable),
-          foldDiagram: readNumber(foldDiagram, DEFAULT_SETTINGS.foldDiagram)
-        });
-        memoryTheme = themeSelect.value;
+          foldDiagram: readNumber(foldDiagram, DEFAULT_SETTINGS.foldDiagram),
+          freezeRows: readNumber(freezeRowsInput, DEFAULT_SETTINGS.freezeRows, 5),
+          freezeCols: readNumber(freezeColsInput, DEFAULT_SETTINGS.freezeCols, 5)
+        };
+        saveSettings(next);
+        memoryTheme = nextTheme;
+        themeCache = nextTheme;
         try {
-          window.localStorage.setItem(THEME_KEY, themeSelect.value);
+          window.localStorage.setItem(THEME_KEY, nextTheme);
         } catch {
         }
         applyCodeFontSize();
+        applyTableFreezeSettings();
         refreshThemeButtons();
-        redrawDiagrams();
-        rescanFolds();
+        if (previousTheme !== nextTheme) redrawDiagrams();
+        if (previous.codeFontSize !== next.codeFontSize || previous.foldCode !== next.foldCode || previous.foldTable !== next.foldTable || previous.foldDiagram !== next.foldDiagram) {
+          rescanFolds();
+        }
         closeSettings();
       });
       closeButton.addEventListener("click", closeSettings);
@@ -1431,12 +2002,18 @@ window.__ModuleLoader__.load({
         if (event.target === overlay) closeSettings();
       });
       document.addEventListener("keydown", onKey, true);
+      lockPageScroll();
       document.body.appendChild(overlay);
+      releaseFocus = trapFocus(overlay);
       saveButton.focus();
     }
     function ensureSettingsButton() {
-      if (document.querySelector("." + SETTINGS_BTN_CLASS) !== null) return;
-      if (document.querySelector('[class*="_markdown_"], .md-code-block') === null) return;
+      var existing = document.querySelector("." + SETTINGS_BTN_CLASS);
+      if (document.querySelector('[class*="_markdown_"], .md-code-block') === null) {
+        existing?.remove();
+        return;
+      }
+      if (existing !== null) return;
       var button = document.createElement("button");
       button.type = "button";
       button.className = SETTINGS_BTN_CLASS;
@@ -1490,16 +2067,23 @@ window.__ModuleLoader__.load({
       link.remove();
       window.setTimeout(() => URL.revokeObjectURL(url), 1e3);
     }
-    function downloadSvg(svg) {
+    function exportFailed(button, error) {
+      console.warn("[dsh-md-plus] \u56FE\u8868\u5BFC\u51FA\u5931\u8D25", error);
+      if (button !== void 0) flashButton(button, t("exportFailed"));
+    }
+    function downloadSvg(svg, button) {
       try {
         downloadBlob(new Blob([serializeSvg(svg)], { type: "image/svg+xml;charset=utf-8" }), "mermaid-diagram.svg");
       } catch (error) {
-        console.warn("[dsh-md-plus] SVG \u5BFC\u51FA\u5931\u8D25", error);
+        exportFailed(button, error);
       }
     }
-    function downloadPng(svg) {
+    function downloadPng(svg, button) {
       var size = svgSize(svg);
-      if (size.width <= 0 || size.height <= 0) return;
+      if (size.width <= 0 || size.height <= 0) {
+        exportFailed(button, new Error("\u56FE\u8868\u5C3A\u5BF8\u65E0\u6548"));
+        return;
+      }
       var image = new window.Image();
       var objectUrl = "";
       image.onload = function() {
@@ -1513,16 +2097,17 @@ window.__ModuleLoader__.load({
           context.drawImage(image, 0, 0, canvas.width, canvas.height);
           canvas.toBlob((blob) => {
             if (blob !== null) downloadBlob(blob, "mermaid-diagram.png");
+            else exportFailed(button, new Error("canvas \u672A\u751F\u6210\u56FE\u7247"));
           }, "image/png");
         } catch (error) {
-          console.warn("[dsh-md-plus] PNG \u5BFC\u51FA\u5931\u8D25", error);
+          exportFailed(button, error);
         } finally {
           if (objectUrl !== "") URL.revokeObjectURL(objectUrl);
         }
       };
       image.onerror = function() {
         if (objectUrl !== "") URL.revokeObjectURL(objectUrl);
-        console.warn("[dsh-md-plus] PNG \u5BFC\u51FA\u5931\u8D25\uFF1ASVG \u65E0\u6CD5\u8F7D\u5165");
+        exportFailed(button, new Error("SVG \u65E0\u6CD5\u8F7D\u5165"));
       };
       objectUrl = URL.createObjectURL(new Blob([serializeSvg(svg)], { type: "image/svg+xml;charset=utf-8" }));
       image.src = objectUrl;
@@ -1595,15 +2180,16 @@ window.__ModuleLoader__.load({
       panel.appendChild(body);
       overlay.appendChild(panel);
       var previousFocus = document.activeElement;
-      var previousOverflow = document.documentElement.style.overflow;
+      var releaseFocus = null;
       var closed = false;
       var reset = () => fitToView(overlay);
       function closeViewer() {
         if (closed) return;
         closed = true;
+        releaseFocus?.();
         document.removeEventListener("keydown", onKey, true);
         overlay.remove();
-        document.documentElement.style.overflow = previousOverflow;
+        unlockPageScroll();
         zooms.delete(overlay);
         if (previousFocus !== null && typeof previousFocus.focus === "function") {
           previousFocus.focus();
@@ -1619,16 +2205,17 @@ window.__ModuleLoader__.load({
         if (event.target === overlay) closeViewer();
       });
       fitButton.addEventListener("click", reset);
-      svgButton.addEventListener("click", () => downloadSvg(svg));
-      pngButton.addEventListener("click", () => downloadPng(svg));
+      svgButton.addEventListener("click", () => downloadSvg(svg, svgButton));
+      pngButton.addEventListener("click", () => downloadPng(svg, pngButton));
       zoomOut.addEventListener("click", () => zoomBy(overlay, 1 / ZOOM_STEP));
       zoomIn.addEventListener("click", () => zoomBy(overlay, ZOOM_STEP));
       closeButton.addEventListener("click", closeViewer);
       document.addEventListener("keydown", onKey, true);
       zooms.set(overlay, { scale: 1, x: 0, y: 0, min: ZOOM_MIN_MODAL });
       bindViewport(overlay, viewport, reset, true);
-      document.documentElement.style.overflow = "hidden";
+      lockPageScroll();
       document.body.appendChild(overlay);
+      releaseFocus = trapFocus(overlay);
       closeButton.focus();
       var schedule2 = window.requestAnimationFrame ?? ((cb) => window.setTimeout(cb, 0));
       schedule2(reset);
@@ -1640,7 +2227,7 @@ window.__ModuleLoader__.load({
       var reason = (error?.message ?? String(error)).split("\n")[0] ?? "";
       note.textContent = t("renderFailed") + reason;
       content.appendChild(note);
-      block.setAttribute(KEY_ATTR, key);
+      cacheKeys.set(block, key);
       block.setAttribute(MMD_ATTR, "failed");
       decorate(block);
       console.warn("[dsh-md-plus] mermaid \u6E32\u67D3\u5931\u8D25", error);
@@ -1649,8 +2236,11 @@ window.__ModuleLoader__.load({
       if (typeof document === "undefined") return;
       ctx.effect(() => {
         disposed = false;
+        settingsCache = null;
+        themeCache = null;
         injectStyle();
         applyCodeFontSize();
+        applyTableFreezeSettings();
         ensureSettingsButton();
         var root = document.body ?? document.documentElement;
         document.addEventListener("click", onDocumentClick, true);
@@ -1671,6 +2261,15 @@ 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();
@@ -1680,7 +2279,7 @@ window.__ModuleLoader__.load({
           for (const node of document.querySelectorAll("." + FOLD_BTN_CLASS)) node.remove();
           for (const node of document.querySelectorAll("[" + FOLD_ATTR + "]")) resetFold(node);
           for (const node of document.querySelectorAll("." + TABLE_TOOLS_CLASS)) node.remove();
-          for (const attr of [DONE_ATTR, KEY_ATTR, WRAP_ATTR, MMD_ATTR, TABLE_DONE_ATTR, "data-md-plus-lang", ZOOM_ATTR]) {
+          for (const attr of [DONE_ATTR, WRAP_ATTR, MMD_ATTR, TABLE_DONE_ATTR, "data-md-plus-lang", ZOOM_ATTR]) {
             for (const node of document.querySelectorAll("[" + attr + "]")) node.removeAttribute(attr);
           }
           for (const node of document.querySelectorAll("[data-md-plus-original-label]")) {
@@ -1692,7 +2291,9 @@ window.__ModuleLoader__.load({
           )) {
             node.remove();
           }
-          document.documentElement.style.overflow = "";
+          scrollLocks = 0;
+          document.documentElement.style.overflow = previousRootOverflow;
+          previousRootOverflow = "";
           document.documentElement.style.removeProperty("--md-plus-code-font-size");
           document.documentElement.style.removeProperty("--md-plus-code-line-height");
           document.querySelector("style[" + STYLE_ATTR + "]")?.remove();
@@ -1700,6 +2301,10 @@ window.__ModuleLoader__.load({
             script.remove();
           }
           scripts.clear();
+          settingsCache = null;
+          themeCache = null;
+          diagramKindCache = /* @__PURE__ */ new WeakMap();
+          cacheKeys = /* @__PURE__ */ new WeakMap();
           delete window[HL_GLOBAL];
           delete window[MMD_GLOBAL];
         };