dsh-md-plus 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,6 +1,19 @@
 # 更新日志
 
-## 0.4.0 —— 未发布
+## 0.4.1 —— 未发布
+
+- 修复 DSH 代码块头部只显示占位文案时读不到真实围栏语言、补高亮失效的问题：现在会从宿主的 React fiber 读取真实 `lang`，读不到再退回正文嗅探，并把头部语言名显示成真实语言。
+- 修复 `graph = nx.Graph()`、`pie = 3.14`、`timeline = []` 等普通代码被误判成 mermaid 图的问题：只嗅探第一行有效内容，并排除赋值和调用形态。
+- 修复代码块折叠在 DSH 上不触发：DSH 的代码内容容器是 `display:contents`，插件没有可测量的盒子；现在给代码内容建立真实的块级盒模型。
+- 修复表格吸顶：给表格容器增加纵向滚动上限，表头在容器内滚动时保持可见。
+- 修复卸载/重载后高亮副本、折叠按钮和 `data-md-plus*` 属性残留，避免同一份代码显示两遍，重装后也能重新处理。
+- 修复鼠标滚轮在 1 倍图表上拦截页面滚动：未放大且未按住 Ctrl/Meta 时放行；全屏查看仍可滚轮缩放。
+- 修复切换主题后代码视图中的 mermaid 图不重画的问题。
+- 修复设置面板「恢复默认」把折叠阈值写成 0、代码字号与宿主行高不匹配、字号输入越界后静默回退的问题。
+- 修复 mermaid 渲染失败后仍显示无效缩放/全屏按钮的问题，失败块现在显示「重试」；运行时脚本加载失败也不再永久缓存失败结果。
+- 测试补到 72 条，新增 React fiber 语言识别、mermaid 误判、代码折叠盒模型、卸载清理、滚轮放行、代码视图主题重画、设置默认值等回归用例。
+
+## 0.4.0 —— 2026-10-28
 
 - Mermaid 全屏工具栏新增「下载 SVG / 下载 PNG」，可以直接把图带进文档或演示文稿。
 - 代码块、表格和 Mermaid 图卡增加长内容折叠：超过阈值显示「展开 / 收起」，避免长日志和长表格撑满聊天。

package/README.md

@@ -27,18 +27,18 @@ dsh plugin --profile desktop remove dsh-md-plus
 ```powershell
 npm install       # 顺带跑 prepare → build
 npm run build     # 产出 lib/ 下四个文件
-npm run check     # 语法检查 + 65 条测试（先 build 再跑，check 不含 build）
+npm run check     # 语法检查 + 72 条测试（先 build 再跑，check 不含 build）
 npm run preview   # 生成 preview.html（含真渲出来的 mermaid 图）
 npm run shot      # 用 headless Chrome 把 preview.html 截成 docs/preview.png
 ```
 
 ## 已知限制
 
-- DSH 0.2.0-rc.2 上，头部语言名由宿主决定：不认这门语言就显示占位文案「代码块」，插件读不到围栏语言，补高亮基本失效。mermaid 因此改看正文里的类型声明来识别。
+- DSH 0.2.1-rc.4 的头部语言名由宿主决定：不认识的围栏只显示占位文案「代码块」。插件会从宿主的 React fiber 里兜底读取真实语言，读不到时才退回正文嗅探；宿主改 React 结构后这条兜底可能失效。
 - `DSH_LANGS` 是 DSH 语言表的快照（108 条）。宿主加语言后这份快照会落后，落后只会多一次无效处理，不会出现双份高亮。
 - mermaid 12 的新图种（`usecase-beta`、`agentflow-beta`）标识符只认字母数字下划线，中文得写进标签：`actor Customer("用户")` 可以，`actor 用户` 会解析失败。
 - 高亮约 6.4 MB、mermaid 约 5.0 MB，按需下载，第一次用到时多花约 100ms 解析。
-- 依赖宿主 `.md-code-block`、`[data-code-block-content]`、`[data-code-block-banner]`、`data-streaming` 等钩子，DSH 改版后要同步调整 `src/client.js`。
+- 依赖宿主 `.md-code-block`、`[data-code-block-content]`、`[data-code-block-banner]`、`data-streaming` 等钩子，以及 React fiber 里的 `lang`；DSH 改版后要同步调整 `src/client.js`。
 
 目前只影响代码块、mermaid、表格、正文图片和显示设置，不改 Markdown 的解析结果。
 

package/lib/client.js

@@ -26,6 +26,7 @@ window.__ModuleLoader__.load({
     var ZOOM_MIN_EPSILON = 1e-3;
     var EXPAND_CLASS = "md-plus-expand";
     var THEME_CLASS = "md-plus-theme";
+    var RETRY_CLASS = "md-plus-retry";
     var THEME_KEY = "dsh-md-plus-mermaid-theme";
     var THEME_ORDER = ["blue", "neutral", "forest", "contrast"];
     var THEME_LABELS = {
@@ -56,6 +57,8 @@ window.__ModuleLoader__.load({
         themePrefix: "\u914D\u8272\uFF1A",
         foldOpen: "\u5C55\u5F00",
         foldClose: "\u6536\u8D77",
+        retry: "\u91CD\u8BD5",
+        retryAria: "\u91CD\u65B0\u6E32\u67D3\u56FE\u8868",
         renderFailed: "mermaid \u6E32\u67D3\u5931\u8D25\uFF1A",
         diagram: "\u6D41\u7A0B\u56FE",
         diagramAria: "\u6D41\u7A0B\u56FE\u5168\u5C4F\u67E5\u770B",
@@ -107,6 +110,8 @@ window.__ModuleLoader__.load({
         themePrefix: "Theme: ",
         foldOpen: "Expand",
         foldClose: "Collapse",
+        retry: "Retry",
+        retryAria: "Retry diagram",
         renderFailed: "Mermaid render failed: ",
         diagram: "Diagram",
         diagramAria: "Diagram fullscreen viewer",
@@ -207,8 +212,13 @@ window.__ModuleLoader__.load({
     }
     function applyCodeFontSize() {
       var size = readSettings().codeFontSize;
-      if (size > 0) document.documentElement.style.setProperty("--md-plus-code-font-size", size + "px");
-      else document.documentElement.style.removeProperty("--md-plus-code-font-size");
+      if (size > 0) {
+        document.documentElement.style.setProperty("--md-plus-code-font-size", size + "px");
+        document.documentElement.style.setProperty("--md-plus-code-line-height", Math.round(size * 1.6) + "px");
+      } else {
+        document.documentElement.style.removeProperty("--md-plus-code-font-size");
+        document.documentElement.style.removeProperty("--md-plus-code-line-height");
+      }
     }
     var DSH_LANGS = /* @__PURE__ */ new Set([
       "typescript",
@@ -321,7 +331,10 @@ window.__ModuleLoader__.load({
       "gradle"
     ]);
     var MMD_LANGS = /* @__PURE__ */ new Set(["mermaid", "mermaidjs", "mmd"]);
-    var MMD_TYPE = /^\s*(flowchart|graph|sequenceDiagram|classDiagram|stateDiagram(-v2)?|erDiagram|journey|gantt|pie|mindmap|timeline|gitGraph|quadrantChart|xychart-beta|sankey-beta|block-beta|packet-beta|architecture-beta|usecase-beta|agentflow-beta|C4Context|requirementDiagram|kanban|radar|treemap|venn|ishikawa|wardley|cynefin|treeView|zenuml)\b/im;
+    var MMD_FLOW = /^\s*(flowchart|graph)(?:\s+(?:TD|TB|BT|RL|LR))?\s*;?\s*$/i;
+    var MMD_PIE = /^\s*pie(?:\s+title\b.*)?\s*;?\s*$/i;
+    var MMD_GIT = /^\s*gitGraph(?:\s+(?:LR|TB|BT|RL))?:?\s*;?\s*$/i;
+    var MMD_SINGLE = /^\s*(sequenceDiagram|classDiagram|stateDiagram(?:-v2)?|erDiagram|journey|gantt|mindmap|timeline|quadrantChart|xychart-beta|sankey-beta|block-beta|packet-beta|architecture-beta|usecase-beta|agentflow-beta|C4Context|requirementDiagram|kanban|radar|treemap|venn|ishikawa|wardley|cynefin|treeView|zenuml)\s*;?\s*$/i;
     function icon(paths) {
       var svg = "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>" + paths + "</svg>";
       return 'url("data:image/svg+xml,' + encodeURIComponent(svg) + '")';
@@ -350,6 +363,9 @@ window.__ModuleLoader__.load({
     var ICON_THEME = icon(
       "<path d='M12 3s5 5.5 5 9a5 5 0 0 1-10 0c0-3.5 5-9 5-9z'/><path d='M9.5 12a2.5 2.5 0 0 0 5 0'/>"
     );
+    var ICON_RETRY = icon(
+      "<path d='M20 11a8 8 0 1 0-2.34 5.66'/><path d='M20 4v7h-7'/>"
+    );
     var ICON_GEAR = icon(
       "<circle cx='12' cy='12' r='3'/><path d='M19.4 15a1.7 1.7 0 0 0 .34 1.87l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.7 1.7 0 0 0-1.87-.34 1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.09a1.7 1.7 0 0 0-1.11-1.55 1.7 1.7 0 0 0-1.87.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.09a1.7 1.7 0 0 0 1.55-1.11 1.7 1.7 0 0 0-.34-1.87l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.55V3a2 2 0 1 1 4 0v.09a1.7 1.7 0 0 0 1 1.55 1.7 1.7 0 0 0 1.87-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9c.14.36.48.6.87.61H21a2 2 0 1 1 0 4h-.09a1.7 1.7 0 0 0-1.55 1z'/>"
     );
@@ -358,7 +374,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-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 + "}",
       // bannerWrap 的原底色是 --dsw-alias-bg-base（#fff），会跟卡片灰拉开一条带
       ".md-code-block > div:has(> " + BANNER + "){background:transparent}",
       // ── 头部：收紧，并把空着的左边填上 ─────────────────────────────
@@ -375,6 +391,9 @@ window.__ModuleLoader__.load({
       // 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)}",
+      // DSH 0.2.1 把内容容器设成 display:contents，折叠需要真实的盒子才能量高度和裁剪
+      ".md-code-block > [data-code-block-content]{display:block}",
       // ── 头部按钮：文字换成图标 ──────────────────────────────────────
       ".md-code-block " + BANNER + " button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:6px;font-size:0;cursor:pointer;background:transparent;color:var(--dsw-alias-label-tertiary);transition:background-color .12s ease,color .12s ease}",
       // font-size:0 只藏住「复制 / 已复制」的字面，可访问名仍在
@@ -393,6 +412,7 @@ 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 + " ." + 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%))}",
       // 已经到最小 / 最大时，对应那颗按钮变淡且不可点
       "[" + ZOOM_ATTR + '="min"] .' + ZOOM_OUT_CLASS + ",[" + ZOOM_ATTR + '="max"] .' + ZOOM_IN_CLASS + "{opacity:.3;pointer-events:none}",
@@ -460,7 +480,7 @@ window.__ModuleLoader__.load({
       // 抓手用结构选择器而不是 DSH 的哈希类名：外层是「唯一子元素是 table 的 div」。
       // 前面挂 [class*="_markdown_"] 有两个作用——只认 markdown 渲染出来的表格，
       // 同时把特异性顶到 (0,1,4)，压过 DSH 自己的 .tableScroll th (0,1,1)。
-      TABLE + "{position:relative;margin-block:16px;" + TABLE_VARS + "}",
+      TABLE + "{position:relative;margin-block:16px;max-height:min(70vh,720px);overflow-y:auto;overscroll-behavior-y:contain;" + TABLE_VARS + "}",
       "body[data-ds-dark-theme] " + TABLE + "{" + TABLE_VARS_DARK + "}",
       // 整张表一个 1px 边框 + 小圆角。
       // 注意必须是 separate：collapse 模式下 Chrome 会忽略单元格的圆角，
@@ -524,30 +544,121 @@ window.__ModuleLoader__.load({
         script.src = url;
         script.async = true;
         script.setAttribute(RUNTIME_ATTR, "1");
-        script.addEventListener("load", () => resolve(window[globalName] ?? null), { once: true });
-        script.addEventListener("error", () => resolve(null), { once: true });
+        script.addEventListener(
+          "load",
+          () => {
+            var api = window[globalName];
+            if (api === void 0) scripts.delete(url);
+            resolve(api ?? null);
+          },
+          { once: true }
+        );
+        script.addEventListener(
+          "error",
+          () => {
+            scripts.delete(url);
+            script.remove();
+            resolve(null);
+          },
+          { once: true }
+        );
         document.head.appendChild(script);
       });
       scripts.set(url, promise);
       return promise;
     }
-    function readLang(block) {
+    function readBannerLabel(block) {
       var banner = block.querySelector(BANNER);
-      var info = banner?.firstElementChild;
+      var info = banner?.querySelector('[class*="_language_"]') ?? banner?.firstElementChild;
       return (info?.textContent ?? "").trim().toLowerCase();
     }
+    var PLACEHOLDER_LABELS = /* @__PURE__ */ new Set(["", "\u4EE3\u7801\u5757", "code block", "code", "plain text", "plaintext", "\u7EAF\u6587\u672C"]);
+    var FIBER_KEY = "__reactFiber$";
+    function isPlaceholderLabel(label) {
+      return PLACEHOLDER_LABELS.has(label);
+    }
+    function readFiberLang(block) {
+      var info = null;
+      var nodes = [block, block.querySelector(CONTENT)];
+      for (var node of nodes) {
+        if (node === null || node === void 0) continue;
+        var names;
+        try {
+          names = Object.getOwnPropertyNames(node);
+        } catch {
+          continue;
+        }
+        for (var name of names) {
+          if (name.lastIndexOf(FIBER_KEY, 0) !== 0) continue;
+          var fiber = node[name];
+          for (var depth = 0; fiber !== null && fiber !== void 0 && depth < 24; depth += 1) {
+            var props = fiber.memoizedProps;
+            if (props !== null && typeof props === "object" && Object.prototype.hasOwnProperty.call(props, "lang")) {
+              var value = typeof props.lang === "string" ? props.lang.trim().toLowerCase() : "";
+              info = { hasLang: value !== "", lang: value };
+              break;
+            }
+            fiber = fiber.return;
+          }
+          if (info !== null) break;
+        }
+        if (info !== null) break;
+      }
+      return info;
+    }
+    function readLang(block) {
+      var label = readBannerLabel(block);
+      if (!isPlaceholderLabel(label)) return label;
+      var info = readFiberLang(block);
+      return info === null ? "" : info.lang;
+    }
+    function paintLanguageLabel(block, lang) {
+      if (lang === "") return;
+      var banner = block.querySelector(BANNER);
+      var heading = banner?.firstElementChild;
+      if (heading === null || heading === void 0) return;
+      var target = banner.querySelector('[class*="_language_"]') ?? heading;
+      if ((target.textContent ?? "").trim().toLowerCase() === lang) return;
+      if (!target.hasAttribute("data-md-plus-original-label")) {
+        target.setAttribute("data-md-plus-original-label", target.textContent ?? "");
+      }
+      target.textContent = lang;
+      target.setAttribute("data-md-plus-lang", lang);
+    }
     function sniffDiagramType(code) {
-      var text = code;
+      var lines = code.split("\n");
+      var start = 0;
+      while (start < lines.length) {
+        var line = lines[start].trim();
+        if (line === "" || line.startsWith("%%")) {
+          start += 1;
+          continue;
+        }
+        break;
+      }
+      var text = lines.slice(start).join("\n");
       if (text.startsWith("---")) {
         var blank = text.indexOf("\n");
         var close = blank < 0 ? -1 : text.indexOf("\n---", blank);
         text = close < 0 ? "" : text.slice(close + 4);
       }
-      var body = text.split("\n").filter((line) => !line.trimStart().startsWith("%%")).join("\n");
-      return MMD_TYPE.exec(body)?.[1] ?? null;
+      var first = text.split("\n").find((line2) => {
+        var value2 = line2.trim();
+        return value2 !== "" && !value2.startsWith("%%");
+      });
+      if (first === void 0) return null;
+      var value = first.trim();
+      var flow = MMD_FLOW.exec(value);
+      if (flow !== null) return flow[1];
+      if (MMD_PIE.test(value)) return "pie";
+      if (MMD_GIT.test(value)) return "gitGraph";
+      var single = MMD_SINGLE.exec(value);
+      return single === null ? null : single[1];
     }
     function diagramKind(block) {
-      if (MMD_LANGS.has(readLang(block))) return "diagram";
+      var lang = readLang(block);
+      if (MMD_LANGS.has(lang)) return "diagram";
+      if (lang !== "") return null;
       var pre = block.querySelector(CONTENT + " pre");
       if (pre === null) return null;
       return sniffDiagramType(pre.textContent ?? "") === null ? null : "diagram";
@@ -599,7 +710,8 @@ window.__ModuleLoader__.load({
       }
     }
     function redrawDiagrams() {
-      for (const block of document.querySelectorAll("[" + MMD_ATTR + '="diagram"]')) {
+      for (const block of document.querySelectorAll("[" + MMD_ATTR + "]")) {
+        if (block.getAttribute(MMD_ATTR) === "failed") continue;
         block.removeAttribute(KEY_ATTR);
         pending.add(block);
       }
@@ -646,6 +758,19 @@ window.__ModuleLoader__.load({
         run: (block) => cycleMermaidTheme(block)
       }
     ];
+    var FAILED_BUTTONS = [
+      {
+        cls: RETRY_CLASS,
+        titleKey: "retry",
+        ariaKey: "retryAria",
+        run: (block) => {
+          block.removeAttribute(KEY_ATTR);
+          block.removeAttribute(MMD_ATTR);
+          block.querySelector("." + MMD_CLASS + "-error")?.remove();
+          void enhance(block);
+        }
+      }
+    ];
     function findNativeWrap(buttons) {
       if (buttons === void 0) return null;
       for (const button of buttons) {
@@ -661,7 +786,10 @@ window.__ModuleLoader__.load({
       var copy = nativeButtons === void 0 || nativeButtons.length === 0 ? null : nativeButtons[nativeButtons.length - 1];
       var action = copy?.parentElement;
       if (action === null || action === void 0) return;
-      var specs = readLang(block) !== "" && diagramKind(block) !== null ? MMD_BUTTONS : findNativeWrap(nativeButtons) !== null ? [] : PLAIN_BUTTONS;
+      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;
       for (const existing of action.querySelectorAll("." + BTN_CLASS)) {
         if (specs.some((spec) => existing.classList.contains(spec.cls))) continue;
         existing.remove();
@@ -675,9 +803,9 @@ window.__ModuleLoader__.load({
         created.title = t(spec.titleKey);
         created.setAttribute("aria-label", t(spec.ariaKey));
         if (spec.cls === THEME_CLASS) {
-          var label = themeLabel(getMermaidTheme());
-          created.title = label;
-          created.setAttribute("aria-label", label);
+          var themeText = themeLabel(getMermaidTheme());
+          created.title = themeText;
+          created.setAttribute("aria-label", themeText);
         }
         created.addEventListener("click", () => spec.run(block));
         action.insertBefore(created, copy);
@@ -702,11 +830,12 @@ window.__ModuleLoader__.load({
       var pre = content.querySelector("pre");
       if (pre === null || pre.classList.contains("shiki")) return;
       var lang = readLang(block);
-      if (lang === "") return;
+      if (lang !== "" && isPlaceholderLabel(readBannerLabel(block))) paintLanguageLabel(block, lang);
       if (diagramKind(block) !== null) {
         await renderDiagram(block, content, pre);
         return;
       }
+      if (lang === "") return;
       if (DSH_LANGS.has(lang)) return;
       var api = await loadScript(HL_URL, HL_GLOBAL);
       if (api === null || !api.supports(lang)) return;
@@ -812,6 +941,7 @@ window.__ModuleLoader__.load({
       zooms.delete(block);
       paint(block);
       scheduleFold(viewport, foldLimit("diagram"));
+      decorate(block);
     }
     var zooms = /* @__PURE__ */ new WeakMap();
     function zoomState(block) {
@@ -862,11 +992,12 @@ window.__ModuleLoader__.load({
       clampPan(block, state);
       paint(block);
     }
-    function bindViewport(block, viewport, resetView) {
+    function bindViewport(block, viewport, resetView, alwaysZoom) {
       var drag = null;
       viewport.addEventListener(
         "wheel",
         (event) => {
+          if (!alwaysZoom && !event.ctrlKey && !event.metaKey && zoomState(block).scale <= 1.001) return;
           event.preventDefault();
           zoomBy(block, event.deltaY < 0 ? ZOOM_STEP : 1 / ZOOM_STEP, event.clientX, event.clientY);
         },
@@ -1214,21 +1345,26 @@ window.__ModuleLoader__.load({
           closeSettings();
         }
       }
-      function readNumber(input, fallback) {
+      function readNumber(input, fallback, max) {
+        var value = Number(input.value);
+        return Number.isFinite(value) && value >= 0 ? Math.min(max ?? 4e3, Math.round(value)) : fallback;
+      }
+      function readFontSize(input) {
         var value = Number(input.value);
-        return Number.isFinite(value) && value >= 0 ? Math.min(4e3, Math.round(value)) : fallback;
+        if (!Number.isFinite(value) || value <= 0) return 0;
+        return Math.min(20, Math.max(10, Math.round(value)));
       }
       resetButton.addEventListener("click", () => {
         themeSelect.value = "blue";
         fontInput.value = "";
         viewSelect.value = DEFAULT_SETTINGS.diagramView;
-        foldCode.value = "";
-        foldTable.value = "";
-        foldDiagram.value = "";
+        foldCode.value = String(DEFAULT_SETTINGS.foldCode);
+        foldTable.value = String(DEFAULT_SETTINGS.foldTable);
+        foldDiagram.value = String(DEFAULT_SETTINGS.foldDiagram);
       });
       saveButton.addEventListener("click", () => {
         saveSettings({
-          codeFontSize: readNumber(fontInput, 0),
+          codeFontSize: readFontSize(fontInput),
           diagramView: viewSelect.value === "code" ? "code" : "diagram",
           foldCode: readNumber(foldCode, DEFAULT_SETTINGS.foldCode),
           foldTable: readNumber(foldTable, DEFAULT_SETTINGS.foldTable),
@@ -1444,7 +1580,7 @@ window.__ModuleLoader__.load({
       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);
+      bindViewport(overlay, viewport, reset, true);
       document.documentElement.style.overflow = "hidden";
       document.body.appendChild(overlay);
       closeButton.focus();
@@ -1460,6 +1596,7 @@ window.__ModuleLoader__.load({
       content.appendChild(note);
       block.setAttribute(KEY_ATTR, key);
       block.setAttribute(MMD_ATTR, "failed");
+      decorate(block);
       console.warn("[dsh-md-plus] mermaid \u6E32\u67D3\u5931\u8D25", error);
     }
     function apply0(ctx) {
@@ -1484,10 +1621,17 @@ window.__ModuleLoader__.load({
           document.removeEventListener("click", onDocumentClick, true);
           for (const node of injected) node.remove();
           injected.clear();
+          for (const node of document.querySelectorAll("." + BTN_CLASS)) node.remove();
+          for (const node of document.querySelectorAll("." + HOST_CLASS)) node.remove();
+          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 table of document.querySelectorAll("[" + TABLE_DONE_ATTR + "]")) {
-            table.removeAttribute(TABLE_DONE_ATTR);
+          for (const attr of [DONE_ATTR, KEY_ATTR, WRAP_ATTR, MMD_ATTR, TABLE_DONE_ATTR, "data-md-plus-lang"]) {
+            for (const node of document.querySelectorAll("[" + attr + "]")) node.removeAttribute(attr);
+          }
+          for (const node of document.querySelectorAll("[data-md-plus-original-label]")) {
+            node.textContent = node.getAttribute("data-md-plus-original-label") ?? node.textContent;
+            node.removeAttribute("data-md-plus-original-label");
           }
           for (const node of document.querySelectorAll(
             "." + MMD_CLASS + ", ." + MMD_CLASS + "-error, ." + MODAL_CLASS + ", ." + IMG_MODAL_CLASS + ", ." + SETTINGS_BTN_CLASS + ", ." + SETTINGS_MODAL_CLASS
@@ -1496,6 +1640,7 @@ window.__ModuleLoader__.load({
           }
           document.documentElement.style.overflow = "";
           document.documentElement.style.removeProperty("--md-plus-code-font-size");
+          document.documentElement.style.removeProperty("--md-plus-code-line-height");
           document.querySelector("style[" + STYLE_ATTR + "]")?.remove();
           for (const script of document.querySelectorAll("script[" + RUNTIME_ATTR + "]")) {
             script.remove();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-md-plus",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "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",