zombie-mermaid 5.10.0 → 5.10.2

package/dist/cli.js

@@ -1,11 +1,12 @@
 #!/usr/bin/env node
 import { createRequire as e } from "node:module";
 import { extname as t, format as n, parse as r } from "node:path";
-import { MermaidParseError as i, THEMES as a, detectDiagramType as o, escapeXml as s, isDirection as c, isWideChar as l } from "@zombie-mermaid/core";
-import { access as u, readFile as d, writeFile as f } from "node:fs/promises";
-import { diagramColorsToAsciiTheme as p, renderMermaidASCII as m } from "@zombie-mermaid/ascii-renderer";
+import { MermaidParseError as i, THEMES as a, escapeXml as o, isDirection as s, isWideChar as c } from "@zombie-mermaid/core";
+import { access as l, readFile as u, writeFile as d } from "node:fs/promises";
+import { diagramColorsToAsciiTheme as f, renderMermaidASCII as p } from "@zombie-mermaid/ascii-renderer";
 import "@zombie-mermaid/mermaid-parser";
-import { registerElk as h, renderMermaidSVG as g, validateMermaid as _ } from "@zombie-mermaid/svg-renderer";
+import { registerElk as m, renderMermaidSVG as h, validateMermaid as g } from "@zombie-mermaid/svg-renderer";
+import { renderMermaidASCIIWithLayout as _ } from "./ascii-layout.js";
 import { createServer as v } from "node:http";
 import { StdioServerTransport as y } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { createMcpServer as b } from "@zombie-mermaid/mcp";
@@ -88,7 +89,7 @@ function j(e, t, n) {
 	let r = e[t + 1];
 	if (t + 1 >= e.length || r === void 0) throw Error(`${n} requires a value (one of TD, TB, BT, LR, RL)`);
 	let i = r.toUpperCase();
-	if (!c(i)) throw Error(`${n} requires one of TD, TB, BT, LR, RL, got: "${r}"`);
+	if (!s(i)) throw Error(`${n} requires one of TD, TB, BT, LR, RL, got: "${r}"`);
 	return i;
 }
 function M(e) {
@@ -231,7 +232,7 @@ function ae(e) {
 function oe(e) {
 	if (e.includes(ie)) return 2;
 	let t = !1, n = !1;
-	for (let r of e) l(r) && (t = !0), ne(r) || (n = !0);
+	for (let r of e) c(r) && (t = !0), ne(r) || (n = !0);
 	return t ? 2 : +!!n;
 }
 function se(e) {
@@ -246,39 +247,11 @@ function le(e) {
 	return e.replace(ce, "");
 }
 //#endregion
-//#region src/ascii-layout.ts
-async function ue(e, t = {}) {
-	let { layout: n, maxCols: r, ...i } = t, a = (t) => ({
-		text: m(e, i),
-		path: "standard",
-		...t === void 0 ? {} : { fallbackReason: t }
-	});
-	if (n !== "mermaid") return a();
-	let s = o(e);
-	if (s !== "flowchart") return a(`not applicable to ${s} diagrams (flowcharts only)`);
-	let c, l;
-	try {
-		[c, l] = await Promise.all([import("./src-CvLXAGlZ.js"), import("./src-BRkxY4xp.js")]);
-	} catch {
-		return a("elkjs 0.9.3 is not installed (pnpm add elkjs-0.9.3@npm:elkjs@0.9.3)");
-	}
-	try {
-		let t = await l.renderFlowchartAscii(e, r === void 0 ? void 0 : { maxCols: r });
-		return t.capped ? {
-			text: t.text,
-			path: "layout-faithful",
-			note: t.note
-		} : a(`layout-faithful output is ${t.stats.naturalCols} columns, over the ${r ?? l.DEFAULT_MAX_COLS}-column cap`);
-	} catch (e) {
-		return e instanceof c.UnsupportedFlowchartError ? a(`unsupported (${e.reasons.join("; ")})`) : a(`layout failed (${e instanceof Error ? e.message : String(e)})`);
-	}
-}
-//#endregion
 //#region packages/mcp/src/tools/parse-diagnostics.ts
-var N = /^Line (\d+): ([\s\S]*)$/;
-function P(e, t) {
+var ue = /^Line (\d+): ([\s\S]*)$/;
+function N(e, t) {
 	if (!(e instanceof i) || e.line === void 0) return;
-	let { line: n, message: r } = e, a = N.exec(r), o = t.split(/\r?\n/)[n - 1];
+	let { line: n, message: r } = e, a = ue.exec(r), o = t.split(/\r?\n/)[n - 1];
 	if (!(n < 1 || o === void 0)) return {
 		line: n,
 		sourceLine: o,
@@ -287,24 +260,24 @@ function P(e, t) {
 }
 //#endregion
 //#region src/cli/diagnostics.ts
-function F(e, t) {
+function P(e, t) {
 	if (!(e instanceof Error)) return e;
-	let n = P(e, t);
+	let n = N(e, t);
 	return n === void 0 ? e : /* @__PURE__ */ Error(`${e.message}\n  ${n.line} | ${n.sourceLine}`);
 }
 //#endregion
 //#region src/cli/html-viewer-client-source.ts
-var I = "// @ts-check\n/// <reference lib=\"dom\" />\n// ============================================================================\n// Client script for the CLI's self-contained HTML viewer (`render --html`).\n//\n// Inlined verbatim into the viewer page by src/cli/html-viewer.ts (imported\n// with Vite's `?raw`), so this file must stay plain browser JavaScript: no\n// imports, no TypeScript syntax, no build step. It is checked by tsc via\n// `// @ts-check` + JSDoc and linted like any other source file.\n//\n// This script ships only inside the HTML *viewer file* the CLI writes. It is\n// not — and must never become — part of the library's SVG output, which\n// stays script-free by decision (docs/decisions/no-script-interactivity.md).\n// ============================================================================\n\n;(() => {\n  const stage = document.getElementById('stage')\n  const diagram = document.getElementById('diagram')\n  const svg = diagram ? diagram.querySelector('svg') : null\n  const zoomLabel = document.getElementById('zoom')\n  const themeButton = document.getElementById('theme')\n  if (!stage || !diagram || !svg || !zoomLabel || !themeButton) return\n\n  const MIN_SCALE = 0.05\n  const MAX_SCALE = 40\n  const KEY_PAN_STEP = 40\n  const KEY_PAN_STEP_FAST = 160\n\n  let scale = 1\n  let tx = 0\n  let ty = 0\n\n  // -- Geometry ---------------------------------------------------------\n\n  // Assigned as `const ... = () => {}` rather than `function` declarations\n  // from here through stageCenter (and release/setMode further below):\n  // these all read stage/diagram/svg/zoomLabel/themeButton, which the\n  // guard above narrowed from `T | null` to `T` — a narrowing that only\n  // survives for a function *expression* defined after the guard, not a\n  // hoisted `function` declaration (tsc can't rule out the declaration\n  // being invoked, in theory, before the guard runs).\n\n  /** Natural (unscaled) size of the diagram, from the root's width/height or viewBox. */\n  const naturalSize = () => {\n    const w = Number(svg.getAttribute('width'))\n    const h = Number(svg.getAttribute('height'))\n    if (w > 0 && h > 0) return { w, h }\n    const vb = svg.viewBox.baseVal\n    if (vb && vb.width > 0 && vb.height > 0)\n      return { w: vb.width, h: vb.height }\n    const r = diagram.getBoundingClientRect()\n    return { w: r.width / scale || 1, h: r.height / scale || 1 }\n  }\n\n  /** @param {number} s */\n  function clampScale(s) {\n    return Math.min(MAX_SCALE, Math.max(MIN_SCALE, s))\n  }\n\n  const apply = () => {\n    diagram.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`\n    zoomLabel.textContent = `${Math.round(scale * 100)}%`\n  }\n\n  /**\n   * Zoom by `factor` keeping the stage point (cx, cy) fixed under the cursor.\n   * @param {number} factor\n   * @param {number} cx\n   * @param {number} cy\n   */\n  function zoomAt(factor, cx, cy) {\n    const next = clampScale(scale * factor)\n    const k = next / scale\n    tx = cx - (cx - tx) * k\n    ty = cy - (cy - ty) * k\n    scale = next\n    apply()\n  }\n\n  const fit = () => {\n    const r = stage.getBoundingClientRect()\n    const { w, h } = naturalSize()\n    scale = clampScale(Math.min(r.width / w, r.height / h) * 0.95)\n    tx = (r.width - w * scale) / 2\n    ty = (r.height - h * scale) / 2\n    apply()\n  }\n\n  const oneToOne = () => {\n    const r = stage.getBoundingClientRect()\n    const { w, h } = naturalSize()\n    scale = 1\n    tx = Math.max(0, (r.width - w) / 2)\n    ty = Math.max(0, (r.height - h) / 2)\n    apply()\n  }\n\n  const stageCenter = () => {\n    const r = stage.getBoundingClientRect()\n    return { x: r.width / 2, y: r.height / 2 }\n  }\n\n  // -- Wheel: plain scroll pans; ctrl/cmd + wheel (which is also what a\n  //    trackpad pinch produces) zooms around the cursor. -------------------\n\n  stage.addEventListener(\n    'wheel',\n    (e) => {\n      e.preventDefault()\n      const r = stage.getBoundingClientRect()\n      if (e.ctrlKey || e.metaKey) {\n        zoomAt(\n          Math.exp(-e.deltaY * 0.01),\n          e.clientX - r.left,\n          e.clientY - r.top,\n        )\n      } else {\n        tx -= e.deltaX\n        ty -= e.deltaY\n        apply()\n      }\n    },\n    { passive: false },\n  )\n\n  // -- Pointers: one pointer drags, two pinch-zoom around their midpoint. --\n\n  /** @type {Map<number, {x: number, y: number}>} */\n  const pointers = new Map()\n  /** @type {{dist: number, mid: {x: number, y: number}} | null} */\n  let lastPinch = null\n\n  stage.addEventListener('pointerdown', (e) => {\n    if (e.pointerType === 'mouse' && e.button !== 0) return\n    stage.setPointerCapture(e.pointerId)\n    pointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n    stage.classList.add('dragging')\n  })\n\n  stage.addEventListener('pointermove', (e) => {\n    const prev = pointers.get(e.pointerId)\n    if (!prev) return\n    const current = { x: e.clientX, y: e.clientY }\n    pointers.set(e.pointerId, current)\n    if (pointers.size === 1) {\n      tx += current.x - prev.x\n      ty += current.y - prev.y\n      apply()\n      return\n    }\n    if (pointers.size === 2) {\n      const [a, b] = [...pointers.values()]\n      if (!a || !b) return\n      const dist = Math.hypot(a.x - b.x, a.y - b.y)\n      const mid = { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 }\n      if (lastPinch && lastPinch.dist > 0) {\n        const r = stage.getBoundingClientRect()\n        zoomAt(dist / lastPinch.dist, mid.x - r.left, mid.y - r.top)\n        tx += mid.x - lastPinch.mid.x\n        ty += mid.y - lastPinch.mid.y\n        apply()\n      }\n      lastPinch = { dist, mid }\n    }\n  })\n\n  /** @param {PointerEvent} e */\n  const release = (e) => {\n    pointers.delete(e.pointerId)\n    if (pointers.size < 2) lastPinch = null\n    if (pointers.size === 0) stage.classList.remove('dragging')\n  }\n  stage.addEventListener('pointerup', release)\n  stage.addEventListener('pointercancel', release)\n\n  stage.addEventListener('dblclick', (e) => {\n    const r = stage.getBoundingClientRect()\n    zoomAt(scale < 1 ? 1 / scale : 2, e.clientX - r.left, e.clientY - r.top)\n  })\n\n  // -- Theme: follows prefers-color-scheme until the user toggles, unless\n  //    the page was generated with an explicit --theme (data-theme preset). --\n\n  const root = document.documentElement\n  const darkMedia = matchMedia('(prefers-color-scheme: dark)')\n  let userChose = root.dataset.themeSource === 'theme'\n\n  function currentMode() {\n    const preset = root.dataset.theme\n    if (preset === 'dark' || preset === 'light') return preset\n    return darkMedia.matches ? 'dark' : 'light'\n  }\n\n  /** @param {'light' | 'dark'} mode */\n  const setMode = (mode) => {\n    root.dataset.theme = mode\n    themeButton.textContent = mode === 'dark' ? 'Light' : 'Dark'\n    themeButton.setAttribute('aria-pressed', String(mode === 'dark'))\n    themeButton.setAttribute(\n      'aria-label',\n      `Switch to ${mode === 'dark' ? 'light' : 'dark'} mode (T)`,\n    )\n  }\n\n  function toggleMode() {\n    userChose = true\n    setMode(currentMode() === 'dark' ? 'light' : 'dark')\n  }\n\n  darkMedia.addEventListener('change', () => {\n    if (!userChose) {\n      delete root.dataset.theme\n      setMode(currentMode())\n      delete root.dataset.theme\n    }\n  })\n  // Reflect the initial mode on the button without pinning it: leave\n  // data-theme unset for system mode so a later OS change still applies.\n  themeButton.textContent = currentMode() === 'dark' ? 'Light' : 'Dark'\n  themeButton.setAttribute('aria-pressed', String(currentMode() === 'dark'))\n\n  // -- Buttons -------------------------------------------------------------\n\n  /**\n   * @param {string} id\n   * @param {() => void} handler\n   */\n  function onClick(id, handler) {\n    const el = document.getElementById(id)\n    if (el) el.addEventListener('click', handler)\n  }\n  onClick('zoom-in', () => {\n    const c = stageCenter()\n    zoomAt(1.25, c.x, c.y)\n  })\n  onClick('zoom-out', () => {\n    const c = stageCenter()\n    zoomAt(0.8, c.x, c.y)\n  })\n  onClick('fit', fit)\n  onClick('one', oneToOne)\n  onClick('theme', toggleMode)\n\n  // -- Keyboard (stage must be focused; it has tabindex=0) -----------------\n\n  stage.addEventListener('keydown', (e) => {\n    const c = stageCenter()\n    const step = e.shiftKey ? KEY_PAN_STEP_FAST : KEY_PAN_STEP\n    switch (e.key) {\n      case '+':\n      case '=':\n        zoomAt(1.25, c.x, c.y)\n        break\n      case '-':\n      case '_':\n        zoomAt(0.8, c.x, c.y)\n        break\n      case '0':\n        fit()\n        break\n      case '1':\n        oneToOne()\n        break\n      case 'ArrowLeft':\n        tx += step\n        apply()\n        break\n      case 'ArrowRight':\n        tx -= step\n        apply()\n        break\n      case 'ArrowUp':\n        ty += step\n        apply()\n        break\n      case 'ArrowDown':\n        ty -= step\n        apply()\n        break\n      case 't':\n      case 'T':\n        toggleMode()\n        break\n      default:\n        return\n    }\n    e.preventDefault()\n  })\n\n  fit()\n  stage.focus({ preventScroll: true })\n})()\n", L = ":root {\n    color-scheme: light dark;\n    --bg: #f4f4f5;\n    --fg: #18181b;\n    --chrome-bg: #ffffff;\n    --chrome-border: #e4e4e7;\n    --chrome-fg: #3f3f46;\n    --chrome-fg-hover: #18181b;\n    --focus-ring: #2563eb;\n  }\n  :root[data-theme='dark'] {\n    --bg: #09090b;\n    --fg: #fafafa;\n    --chrome-bg: #18181b;\n    --chrome-border: #3f3f46;\n    --chrome-fg: #d4d4d8;\n    --chrome-fg-hover: #fafafa;\n    --focus-ring: #60a5fa;\n  }\n  @media (prefers-color-scheme: dark) {\n    :root:not([data-theme='light']) {\n      --bg: #09090b;\n      --fg: #fafafa;\n      --chrome-bg: #18181b;\n      --chrome-border: #3f3f46;\n      --chrome-fg: #d4d4d8;\n      --chrome-fg-hover: #fafafa;\n      --focus-ring: #60a5fa;\n    }\n  }\n  * { box-sizing: border-box; }\n  html, body {\n    margin: 0;\n    height: 100%;\n    background: var(--bg);\n    color: var(--fg);\n    font: 14px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  }\n  #stage {\n    position: fixed;\n    inset: 0;\n    overflow: hidden;\n    cursor: grab;\n    touch-action: none;\n    outline: none;\n  }\n  #stage.dragging { cursor: grabbing; }\n  #diagram {\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform-origin: 0 0;\n    will-change: transform;\n  }\n  #diagram svg { display: block; }\n  #toolbar {\n    position: fixed;\n    bottom: 16px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 6px;\n    border-radius: 10px;\n    background: var(--chrome-bg);\n    border: 1px solid var(--chrome-border);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  }\n  #toolbar button {\n    appearance: none;\n    border: none;\n    background: transparent;\n    color: var(--chrome-fg);\n    font: inherit;\n    font-size: 13px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    cursor: pointer;\n    min-width: 32px;\n  }\n  #toolbar button:hover { color: var(--chrome-fg-hover); background: var(--chrome-border); }\n  #toolbar button:focus-visible {\n    outline: 2px solid var(--focus-ring);\n    outline-offset: 1px;\n  }\n  #zoom {\n    min-width: 3.5em;\n    text-align: center;\n    color: var(--chrome-fg);\n    font-variant-numeric: tabular-nums;\n  }\n  #stage:focus-visible {\n    box-shadow: inset 0 0 0 2px var(--focus-ring);\n  }\n  @media print {\n    #toolbar { display: none; }\n    #stage { position: static; overflow: visible; }\n    /* Genuinely needs !important (zombie-mermaid#1080 audit): the client\n     * script's apply() sets #diagram's transform inline on every pan/zoom,\n     * so whatever pan/zoom state the viewer was left in is a live inline\n     * style this print rule must beat -- there's no static default to\n     * hoist it to instead. */\n    #diagram { position: static; transform: none !important; }\n  }";
-function R(e) {
+var F = "// @ts-check\n/// <reference lib=\"dom\" />\n// ============================================================================\n// Client script for the CLI's self-contained HTML viewer (`render --html`).\n//\n// Inlined verbatim into the viewer page by src/cli/html-viewer.ts (imported\n// with Vite's `?raw`), so this file must stay plain browser JavaScript: no\n// imports, no TypeScript syntax, no build step. It is checked by tsc via\n// `// @ts-check` + JSDoc and linted like any other source file.\n//\n// This script ships only inside the HTML *viewer file* the CLI writes. It is\n// not — and must never become — part of the library's SVG output, which\n// stays script-free by decision (docs/decisions/no-script-interactivity.md).\n// ============================================================================\n\n;(() => {\n  const stage = document.getElementById('stage')\n  const diagram = document.getElementById('diagram')\n  const svg = diagram ? diagram.querySelector('svg') : null\n  const zoomLabel = document.getElementById('zoom')\n  const themeButton = document.getElementById('theme')\n  if (!stage || !diagram || !svg || !zoomLabel || !themeButton) return\n\n  const MIN_SCALE = 0.05\n  const MAX_SCALE = 40\n  const KEY_PAN_STEP = 40\n  const KEY_PAN_STEP_FAST = 160\n\n  let scale = 1\n  let tx = 0\n  let ty = 0\n\n  // -- Geometry ---------------------------------------------------------\n\n  // Assigned as `const ... = () => {}` rather than `function` declarations\n  // from here through stageCenter (and release/setMode further below):\n  // these all read stage/diagram/svg/zoomLabel/themeButton, which the\n  // guard above narrowed from `T | null` to `T` — a narrowing that only\n  // survives for a function *expression* defined after the guard, not a\n  // hoisted `function` declaration (tsc can't rule out the declaration\n  // being invoked, in theory, before the guard runs).\n\n  /** Natural (unscaled) size of the diagram, from the root's width/height or viewBox. */\n  const naturalSize = () => {\n    const w = Number(svg.getAttribute('width'))\n    const h = Number(svg.getAttribute('height'))\n    if (w > 0 && h > 0) return { w, h }\n    const vb = svg.viewBox.baseVal\n    if (vb && vb.width > 0 && vb.height > 0)\n      return { w: vb.width, h: vb.height }\n    const r = diagram.getBoundingClientRect()\n    return { w: r.width / scale || 1, h: r.height / scale || 1 }\n  }\n\n  /** @param {number} s */\n  function clampScale(s) {\n    return Math.min(MAX_SCALE, Math.max(MIN_SCALE, s))\n  }\n\n  const apply = () => {\n    diagram.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`\n    zoomLabel.textContent = `${Math.round(scale * 100)}%`\n  }\n\n  /**\n   * Zoom by `factor` keeping the stage point (cx, cy) fixed under the cursor.\n   * @param {number} factor\n   * @param {number} cx\n   * @param {number} cy\n   */\n  function zoomAt(factor, cx, cy) {\n    const next = clampScale(scale * factor)\n    const k = next / scale\n    tx = cx - (cx - tx) * k\n    ty = cy - (cy - ty) * k\n    scale = next\n    apply()\n  }\n\n  const fit = () => {\n    const r = stage.getBoundingClientRect()\n    const { w, h } = naturalSize()\n    scale = clampScale(Math.min(r.width / w, r.height / h) * 0.95)\n    tx = (r.width - w * scale) / 2\n    ty = (r.height - h * scale) / 2\n    apply()\n  }\n\n  const oneToOne = () => {\n    const r = stage.getBoundingClientRect()\n    const { w, h } = naturalSize()\n    scale = 1\n    tx = Math.max(0, (r.width - w) / 2)\n    ty = Math.max(0, (r.height - h) / 2)\n    apply()\n  }\n\n  const stageCenter = () => {\n    const r = stage.getBoundingClientRect()\n    return { x: r.width / 2, y: r.height / 2 }\n  }\n\n  // -- Wheel: plain scroll pans; ctrl/cmd + wheel (which is also what a\n  //    trackpad pinch produces) zooms around the cursor. -------------------\n\n  stage.addEventListener(\n    'wheel',\n    (e) => {\n      e.preventDefault()\n      const r = stage.getBoundingClientRect()\n      if (e.ctrlKey || e.metaKey) {\n        zoomAt(\n          Math.exp(-e.deltaY * 0.01),\n          e.clientX - r.left,\n          e.clientY - r.top,\n        )\n      } else {\n        tx -= e.deltaX\n        ty -= e.deltaY\n        apply()\n      }\n    },\n    { passive: false },\n  )\n\n  // -- Pointers: one pointer drags, two pinch-zoom around their midpoint. --\n\n  /** @type {Map<number, {x: number, y: number}>} */\n  const pointers = new Map()\n  /** @type {{dist: number, mid: {x: number, y: number}} | null} */\n  let lastPinch = null\n\n  stage.addEventListener('pointerdown', (e) => {\n    if (e.pointerType === 'mouse' && e.button !== 0) return\n    stage.setPointerCapture(e.pointerId)\n    pointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n    stage.classList.add('dragging')\n  })\n\n  stage.addEventListener('pointermove', (e) => {\n    const prev = pointers.get(e.pointerId)\n    if (!prev) return\n    const current = { x: e.clientX, y: e.clientY }\n    pointers.set(e.pointerId, current)\n    if (pointers.size === 1) {\n      tx += current.x - prev.x\n      ty += current.y - prev.y\n      apply()\n      return\n    }\n    if (pointers.size === 2) {\n      const [a, b] = [...pointers.values()]\n      if (!a || !b) return\n      const dist = Math.hypot(a.x - b.x, a.y - b.y)\n      const mid = { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 }\n      if (lastPinch && lastPinch.dist > 0) {\n        const r = stage.getBoundingClientRect()\n        zoomAt(dist / lastPinch.dist, mid.x - r.left, mid.y - r.top)\n        tx += mid.x - lastPinch.mid.x\n        ty += mid.y - lastPinch.mid.y\n        apply()\n      }\n      lastPinch = { dist, mid }\n    }\n  })\n\n  /** @param {PointerEvent} e */\n  const release = (e) => {\n    pointers.delete(e.pointerId)\n    if (pointers.size < 2) lastPinch = null\n    if (pointers.size === 0) stage.classList.remove('dragging')\n  }\n  stage.addEventListener('pointerup', release)\n  stage.addEventListener('pointercancel', release)\n\n  stage.addEventListener('dblclick', (e) => {\n    const r = stage.getBoundingClientRect()\n    zoomAt(scale < 1 ? 1 / scale : 2, e.clientX - r.left, e.clientY - r.top)\n  })\n\n  // -- Theme: follows prefers-color-scheme until the user toggles, unless\n  //    the page was generated with an explicit --theme (data-theme preset). --\n\n  const root = document.documentElement\n  const darkMedia = matchMedia('(prefers-color-scheme: dark)')\n  let userChose = root.dataset.themeSource === 'theme'\n\n  function currentMode() {\n    const preset = root.dataset.theme\n    if (preset === 'dark' || preset === 'light') return preset\n    return darkMedia.matches ? 'dark' : 'light'\n  }\n\n  /** @param {'light' | 'dark'} mode */\n  const setMode = (mode) => {\n    root.dataset.theme = mode\n    themeButton.textContent = mode === 'dark' ? 'Light' : 'Dark'\n    themeButton.setAttribute('aria-pressed', String(mode === 'dark'))\n    themeButton.setAttribute(\n      'aria-label',\n      `Switch to ${mode === 'dark' ? 'light' : 'dark'} mode (T)`,\n    )\n  }\n\n  function toggleMode() {\n    userChose = true\n    setMode(currentMode() === 'dark' ? 'light' : 'dark')\n  }\n\n  darkMedia.addEventListener('change', () => {\n    if (!userChose) {\n      delete root.dataset.theme\n      setMode(currentMode())\n      delete root.dataset.theme\n    }\n  })\n  // Reflect the initial mode on the button without pinning it: leave\n  // data-theme unset for system mode so a later OS change still applies.\n  themeButton.textContent = currentMode() === 'dark' ? 'Light' : 'Dark'\n  themeButton.setAttribute('aria-pressed', String(currentMode() === 'dark'))\n\n  // -- Buttons -------------------------------------------------------------\n\n  /**\n   * @param {string} id\n   * @param {() => void} handler\n   */\n  function onClick(id, handler) {\n    const el = document.getElementById(id)\n    if (el) el.addEventListener('click', handler)\n  }\n  onClick('zoom-in', () => {\n    const c = stageCenter()\n    zoomAt(1.25, c.x, c.y)\n  })\n  onClick('zoom-out', () => {\n    const c = stageCenter()\n    zoomAt(0.8, c.x, c.y)\n  })\n  onClick('fit', fit)\n  onClick('one', oneToOne)\n  onClick('theme', toggleMode)\n\n  // -- Keyboard (stage must be focused; it has tabindex=0) -----------------\n\n  stage.addEventListener('keydown', (e) => {\n    const c = stageCenter()\n    const step = e.shiftKey ? KEY_PAN_STEP_FAST : KEY_PAN_STEP\n    switch (e.key) {\n      case '+':\n      case '=':\n        zoomAt(1.25, c.x, c.y)\n        break\n      case '-':\n      case '_':\n        zoomAt(0.8, c.x, c.y)\n        break\n      case '0':\n        fit()\n        break\n      case '1':\n        oneToOne()\n        break\n      case 'ArrowLeft':\n        tx += step\n        apply()\n        break\n      case 'ArrowRight':\n        tx -= step\n        apply()\n        break\n      case 'ArrowUp':\n        ty += step\n        apply()\n        break\n      case 'ArrowDown':\n        ty -= step\n        apply()\n        break\n      case 't':\n      case 'T':\n        toggleMode()\n        break\n      default:\n        return\n    }\n    e.preventDefault()\n  })\n\n  fit()\n  stage.focus({ preventScroll: true })\n})()\n", I = ":root {\n    color-scheme: light dark;\n    --bg: #f4f4f5;\n    --fg: #18181b;\n    --chrome-bg: #ffffff;\n    --chrome-border: #e4e4e7;\n    --chrome-fg: #3f3f46;\n    --chrome-fg-hover: #18181b;\n    --focus-ring: #2563eb;\n  }\n  :root[data-theme='dark'] {\n    --bg: #09090b;\n    --fg: #fafafa;\n    --chrome-bg: #18181b;\n    --chrome-border: #3f3f46;\n    --chrome-fg: #d4d4d8;\n    --chrome-fg-hover: #fafafa;\n    --focus-ring: #60a5fa;\n  }\n  @media (prefers-color-scheme: dark) {\n    :root:not([data-theme='light']) {\n      --bg: #09090b;\n      --fg: #fafafa;\n      --chrome-bg: #18181b;\n      --chrome-border: #3f3f46;\n      --chrome-fg: #d4d4d8;\n      --chrome-fg-hover: #fafafa;\n      --focus-ring: #60a5fa;\n    }\n  }\n  * { box-sizing: border-box; }\n  html, body {\n    margin: 0;\n    height: 100%;\n    background: var(--bg);\n    color: var(--fg);\n    font: 14px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  }\n  #stage {\n    position: fixed;\n    inset: 0;\n    overflow: hidden;\n    cursor: grab;\n    touch-action: none;\n    outline: none;\n  }\n  #stage.dragging { cursor: grabbing; }\n  #diagram {\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform-origin: 0 0;\n    will-change: transform;\n  }\n  #diagram svg { display: block; }\n  #toolbar {\n    position: fixed;\n    bottom: 16px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 6px;\n    border-radius: 10px;\n    background: var(--chrome-bg);\n    border: 1px solid var(--chrome-border);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  }\n  #toolbar button {\n    appearance: none;\n    border: none;\n    background: transparent;\n    color: var(--chrome-fg);\n    font: inherit;\n    font-size: 13px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    cursor: pointer;\n    min-width: 32px;\n  }\n  #toolbar button:hover { color: var(--chrome-fg-hover); background: var(--chrome-border); }\n  #toolbar button:focus-visible {\n    outline: 2px solid var(--focus-ring);\n    outline-offset: 1px;\n  }\n  #zoom {\n    min-width: 3.5em;\n    text-align: center;\n    color: var(--chrome-fg);\n    font-variant-numeric: tabular-nums;\n  }\n  #stage:focus-visible {\n    box-shadow: inset 0 0 0 2px var(--focus-ring);\n  }\n  @media print {\n    #toolbar { display: none; }\n    #stage { position: static; overflow: visible; }\n    /* Genuinely needs !important (zombie-mermaid#1080 audit): the client\n     * script's apply() sets #diagram's transform inline on every pan/zoom,\n     * so whatever pan/zoom state the viewer was left in is a live inline\n     * style this print rule must beat -- there's no static default to\n     * hoist it to instead. */\n    #diagram { position: static; transform: none !important; }\n  }";
+function L(e) {
 	let t = e.title?.trim() || "Mermaid diagram";
 	return `<!doctype html>
 <html lang="en">
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>${s(t)}</title>
+<title>${o(t)}</title>
 <style>
-${L}
+${I}
 </style>
 </head>
 <body>
@@ -322,7 +295,7 @@ ${e.svg}
   <button id="theme" type="button" aria-pressed="false" aria-label="Switch to dark mode (T)">Dark</button>
 </div>
 <script>
-${I}
+${F}
 <\/script>
 </body>
 </html>
@@ -330,7 +303,7 @@ ${I}
 }
 //#endregion
 //#region src/cli/png.ts
-async function z(e) {
+async function R(e) {
 	let t;
 	try {
 		t = await import("@resvg/resvg-js");
@@ -342,16 +315,16 @@ async function z(e) {
 }
 //#endregion
 //#region src/cli/render.ts
-var B = 80, V = 1, H = 1, U = 0, de = /\x1b\[[0-9;]*m/g;
+var z = 80, B = 1, V = 1, H = 0, U = /\x1b\[[0-9;]*m/g;
 function W(e) {
-	return e.split("\n").reduce((e, t) => Math.max(e, se(le(t.replace(de, "")))), 0);
+	return e.split("\n").reduce((e, t) => Math.max(e, se(le(t.replace(U, "")))), 0);
 }
 function G(e) {
-	return e === "auto" ? process.stdout.columns ?? B : e;
+	return e === "auto" ? process.stdout.columns ?? z : e;
 }
-async function fe(e, t, n, r) {
+async function de(e, t, n, r) {
 	let i = t ?? process.stdout, a = r ?? process.stderr, o;
-	if (e.input !== void 0) o = await d(e.input, "utf-8");
+	if (e.input !== void 0) o = await u(e.input, "utf-8");
 	else if (n !== void 0) o = n;
 	else {
 		if (process.stdin.isTTY) throw Error("No input file specified and stdin is a terminal. Pipe a diagram or pass a file path.");
@@ -359,45 +332,45 @@ async function fe(e, t, n, r) {
 	}
 	if (o.trim().length === 0) throw Error("Empty input — provide a Mermaid diagram via file or stdin");
 	try {
-		await pe(e, o, i, a);
+		await fe(e, o, i, a);
 	} catch (e) {
-		throw F(e, o);
+		throw P(e, o);
 	}
 }
-async function pe(e, t, n, i) {
+async function fe(e, t, n, i) {
 	let o;
 	if (e.theme !== void 0 && (o = a[e.theme], o === void 0)) {
 		let t = Object.keys(a).join(", ");
 		throw Error(`Unknown theme: "${e.theme}". Available themes: ${t}`);
 	}
-	let s = e.svg && e.output === "-", c = e.html && e.output === "-", l = e.png && e.output === "-", u = e.ascii && !e.svg && !e.html && !e.png && e.output !== void 0 && e.output !== "-" ? e.output : void 0, d = e.svg && !s ? e.output : void 0, f = e.html && !c ? e.output : void 0, h = e.png && !l ? e.output : void 0;
+	let s = e.svg && e.output === "-", c = e.html && e.output === "-", l = e.png && e.output === "-", u = e.ascii && !e.svg && !e.html && !e.png && e.output !== void 0 && e.output !== "-" ? e.output : void 0, d = e.svg && !s ? e.output : void 0, m = e.html && !c ? e.output : void 0, g = e.png && !l ? e.output : void 0;
 	for (let t of [
 		u,
 		d,
-		f,
-		h
-	]) t !== void 0 && await me(t, e.force);
+		m,
+		g
+	]) t !== void 0 && await pe(t, e.force);
 	if (e.ascii) {
 		let r = o && u === void 0 ? {
 			colorMode: "auto",
-			theme: p(o)
+			theme: f(o)
 		} : { colorMode: "none" };
 		e.paddingX !== void 0 && (r.paddingX = e.paddingX), e.paddingY !== void 0 && (r.paddingY = e.paddingY), e.borderPadding !== void 0 && (r.boxBorderPadding = e.borderPadding), e.coords && (r.showCoords = !0), e.profile !== void 0 && (r.profile = e.profile), e.direction !== void 0 && (r.direction = e.direction), e.hyperlinks && u === void 0 && (r.hyperlinks = !0);
 		let a, s = !1;
 		if (e.layout !== void 0) {
-			let n = e.layout === "mermaid-wide" ? Infinity : e.maxWidth === void 0 ? void 0 : G(e.maxWidth), o = await ue(t, {
+			let n = e.layout === "mermaid-wide" ? Infinity : e.maxWidth === void 0 ? void 0 : G(e.maxWidth), o = await _(t, {
 				...r,
 				layout: "mermaid",
 				maxCols: n
 			});
 			a = o.text, s = o.path === "layout-faithful", i.write(s ? `layout-faithful: used mermaid's ELK layout (mermaid 12.1.0 + elkjs 0.9.3). ${o.note ?? ""}`.trimEnd() + "\n" : `layout-faithful: ${o.fallbackReason ?? "unavailable"}; used standard renderer\n`);
-		} else a = m(t, r);
+		} else a = p(t, r);
 		if (e.maxWidth !== void 0) {
 			let n = G(e.maxWidth), o = W(a), c = !1;
 			if (o > n && !s) {
-				let e = r.paddingX ?? 5, n = r.paddingY ?? 5, i = r.boxBorderPadding ?? 1, s = Math.min(e, V), l = Math.min(n, H), u = Math.min(i, U);
+				let e = r.paddingX ?? 5, n = r.paddingY ?? 5, i = r.boxBorderPadding ?? 1, s = Math.min(e, B), l = Math.min(n, V), u = Math.min(i, H);
 				if (s < e || l < n || u < i) {
-					let e = m(t, {
+					let e = p(t, {
 						...r,
 						paddingX: s,
 						paddingY: l,
@@ -407,9 +380,9 @@ async function pe(e, t, n, i) {
 				}
 			}
 			if (o > n) {
-				let t = e.maxWidth === "auto" ? "detected terminal width" : "--max-width", r = c ? `Compact spacing (-x ${V} -y ${H} -p ${U}) was already applied automatically. ` : "", a = c ? "Try a narrower direction (LR vs TD), shorter labels, or widen your terminal." : "Try -x/-y/-p for tighter spacing, a narrower direction (LR vs TD), or widen your terminal.";
+				let t = e.maxWidth === "auto" ? "detected terminal width" : "--max-width", r = c ? `Compact spacing (-x ${B} -y ${V} -p ${H}) was already applied automatically. ` : "", a = c ? "Try a narrower direction (LR vs TD), shorter labels, or widen your terminal." : "Try -x/-y/-p for tighter spacing, a narrower direction (LR vs TD), or widen your terminal.";
 				i.write(`Warning: ASCII output is ${o} columns wide, exceeding ${t} of ${n}. ${r}zombie-mermaid does not reflow diagram structure to fit (no label wrapping or direction-flip cascade — see https://github.com/dfadler/zombie-mermaid/issues/335). ${a}\n`);
-			} else c && i.write(`Note: ASCII output exceeded ${n} columns at the requested spacing; applied compact spacing automatically (-x ${V} -y ${H} -p ${U}) to fit.\n`);
+			} else c && i.write(`Note: ASCII output exceeded ${n} columns at the requested spacing; applied compact spacing automatically (-x ${B} -y ${V} -p ${H}) to fit.\n`);
 		}
 		await q(K(u === void 0, u), a + "\n", n, e.force);
 	}
@@ -419,15 +392,15 @@ async function pe(e, t, n, i) {
 			resolveColors: e.resolveColors
 		};
 		e.direction !== void 0 && (r.direction = e.direction);
-		let i = g(t, r);
+		let i = h(t, r);
 		await q(K(s, d), i, n, e.force);
 	}
 	if (e.html) {
-		let i = R({
-			svg: g(t, o ?? {}),
+		let i = L({
+			svg: h(t, o ?? {}),
 			title: e.input ? r(e.input).name : void 0
 		});
-		await q(K(c, f), i, n, e.force);
+		await q(K(c, m), i, n, e.force);
 	}
 	if (e.png) {
 		let r = {
@@ -435,8 +408,8 @@ async function pe(e, t, n, i) {
 			resolveColors: !0
 		};
 		e.direction !== void 0 && (r.direction = e.direction);
-		let i = await z(g(t, r));
-		await q(K(l, h), i, n, e.force);
+		let i = await R(h(t, r));
+		await q(K(l, g), i, n, e.force);
 	}
 }
 function K(e, t) {
@@ -450,25 +423,25 @@ async function q(e, t, n, r) {
 		case "stdout":
 			n.write(t);
 			break;
-		case "file": await he(e.path, t, r);
+		case "file": await me(e.path, t, r);
 	}
 }
 function J(e) {
 	return /* @__PURE__ */ Error(`Refusing to overwrite existing file "${e}" — pass --force to replace it`);
 }
-async function me(e, t) {
+async function pe(e, t) {
 	if (t) return;
 	let n = !0;
 	try {
-		await u(e);
+		await l(e);
 	} catch {
 		n = !1;
 	}
 	if (n) throw J(e);
 }
-async function he(e, t, n) {
+async function me(e, t, n) {
 	try {
-		await f(e, t, {
+		await d(e, t, {
 			encoding: "utf-8",
 			flag: n ? "w" : "wx"
 		});
@@ -484,9 +457,9 @@ async function Y() {
 }
 //#endregion
 //#region src/cli/validate.ts
-async function ge(e, t) {
+async function he(e, t) {
 	let n;
-	if (e.input !== void 0) n = await d(e.input, "utf-8");
+	if (e.input !== void 0) n = await u(e.input, "utf-8");
 	else if (t !== void 0) n = t;
 	else {
 		if (process.stdin.isTTY) throw Error("No input file specified and stdin is a terminal. Pipe a diagram or pass a file path.");
@@ -495,20 +468,20 @@ async function ge(e, t) {
 	let r = n;
 	if (r.trim().length === 0) throw Error("Empty input — provide a Mermaid diagram via file or stdin");
 	try {
-		_(r);
+		g(r);
 	} catch (e) {
-		throw F(e, r);
+		throw P(e, r);
 	}
 	console.log("valid");
 }
 //#endregion
 //#region src/cli/web.ts
-var _e = 1e6;
-function ve(e) {
+var ge = 1e6;
+function _e(e) {
 	return new Promise((t, n) => {
 		let r = [], i = 0;
 		e.on("data", (t) => {
-			if (i += t.length, i > _e) {
+			if (i += t.length, i > ge) {
 				n(/* @__PURE__ */ Error("Request body too large")), e.destroy();
 				return;
 			}
@@ -519,7 +492,7 @@ function ve(e) {
 function X(e) {
 	return typeof e == "object" && !!e;
 }
-function ye(e) {
+function ve(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -541,27 +514,27 @@ function Z(e, t, n) {
 		"Content-Length": Buffer.byteLength(r)
 	}), e.end(r);
 }
-async function be(e, t) {
+async function ye(e, t) {
 	try {
-		let { source: n, format: r } = ye(await ve(e));
+		let { source: n, format: r } = ve(await _e(e));
 		Z(t, 200, {
-			output: r === "svg" ? g(n) : m(n),
+			output: r === "svg" ? h(n) : p(n),
 			format: r
 		});
 	} catch (e) {
 		Z(t, 400, { error: e instanceof Error ? e.message : String(e) });
 	}
 }
-var xe = "<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>zombie-mermaid</title>\n<style>\n  body { font-family: system-ui, sans-serif; margin: 2rem; max-width: 900px; }\n  h1 { font-size: 1.25rem; }\n  textarea { width: 100%; height: 200px; font-family: monospace; font-size: 14px; box-sizing: border-box; }\n  pre { white-space: pre; overflow: auto; background: #111; color: #eee; padding: 1rem; border-radius: 4px; }\n  .row { display: flex; gap: 1rem; align-items: center; margin: 0.75rem 0; }\n  #error { color: #c00; white-space: pre-wrap; }\n  #output svg { max-width: 100%; }\n</style>\n</head>\n<body>\n<h1>zombie-mermaid</h1>\n<textarea id=\"source\" placeholder=\"graph LR\n  A --> B\">graph LR\n  A --> B --> C</textarea>\n<div class=\"row\">\n  <label><input type=\"radio\" name=\"format\" value=\"ascii\" checked /> ASCII</label>\n  <label><input type=\"radio\" name=\"format\" value=\"svg\" /> SVG</label>\n  <button id=\"render\" type=\"button\">Render</button>\n</div>\n<div id=\"error\"></div>\n<div id=\"output\"></div>\n<script>\n  const sourceEl = document.getElementById('source')\n  const outputEl = document.getElementById('output')\n  const errorEl = document.getElementById('error')\n\n  async function render() {\n    errorEl.textContent = ''\n    outputEl.innerHTML = ''\n    const formatInput = document.querySelector('input[name=\"format\"]:checked')\n    const format = formatInput ? formatInput.value : 'ascii'\n    try {\n      const res = await fetch('/render', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ source: sourceEl.value, format }),\n      })\n      const data = await res.json()\n      if (!res.ok) {\n        errorEl.textContent = data.error || 'Render failed'\n        return\n      }\n      if (format === 'svg') {\n        outputEl.innerHTML = data.output\n      } else {\n        const pre = document.createElement('pre')\n        pre.textContent = data.output\n        outputEl.appendChild(pre)\n      }\n    } catch (err) {\n      errorEl.textContent = String(err)\n    }\n  }\n\n  document.getElementById('render').addEventListener('click', render)\n<\/script>\n</body>\n</html>\n";
-function Q() {
+var be = "<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>zombie-mermaid</title>\n<style>\n  body { font-family: system-ui, sans-serif; margin: 2rem; max-width: 900px; }\n  h1 { font-size: 1.25rem; }\n  textarea { width: 100%; height: 200px; font-family: monospace; font-size: 14px; box-sizing: border-box; }\n  pre { white-space: pre; overflow: auto; background: #111; color: #eee; padding: 1rem; border-radius: 4px; }\n  .row { display: flex; gap: 1rem; align-items: center; margin: 0.75rem 0; }\n  #error { color: #c00; white-space: pre-wrap; }\n  #output svg { max-width: 100%; }\n</style>\n</head>\n<body>\n<h1>zombie-mermaid</h1>\n<textarea id=\"source\" placeholder=\"graph LR\n  A --> B\">graph LR\n  A --> B --> C</textarea>\n<div class=\"row\">\n  <label><input type=\"radio\" name=\"format\" value=\"ascii\" checked /> ASCII</label>\n  <label><input type=\"radio\" name=\"format\" value=\"svg\" /> SVG</label>\n  <button id=\"render\" type=\"button\">Render</button>\n</div>\n<div id=\"error\"></div>\n<div id=\"output\"></div>\n<script>\n  const sourceEl = document.getElementById('source')\n  const outputEl = document.getElementById('output')\n  const errorEl = document.getElementById('error')\n\n  async function render() {\n    errorEl.textContent = ''\n    outputEl.innerHTML = ''\n    const formatInput = document.querySelector('input[name=\"format\"]:checked')\n    const format = formatInput ? formatInput.value : 'ascii'\n    try {\n      const res = await fetch('/render', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ source: sourceEl.value, format }),\n      })\n      const data = await res.json()\n      if (!res.ok) {\n        errorEl.textContent = data.error || 'Render failed'\n        return\n      }\n      if (format === 'svg') {\n        outputEl.innerHTML = data.output\n      } else {\n        const pre = document.createElement('pre')\n        pre.textContent = data.output\n        outputEl.appendChild(pre)\n      }\n    } catch (err) {\n      errorEl.textContent = String(err)\n    }\n  }\n\n  document.getElementById('render').addEventListener('click', render)\n<\/script>\n</body>\n</html>\n";
+function xe() {
 	return v((e, t) => {
 		let n = (e.url ?? "/").split("?")[0];
 		if (e.method === "GET" && (n === "/" || n === "")) {
-			t.writeHead(200, { "Content-Type": "text/html; charset=utf-8" }), t.end(xe);
+			t.writeHead(200, { "Content-Type": "text/html; charset=utf-8" }), t.end(be);
 			return;
 		}
 		if (e.method === "POST" && n === "/render") {
-			be(e, t);
+			ye(e, t);
 			return;
 		}
 		t.writeHead(404, { "Content-Type": "text/plain; charset=utf-8" }), t.end("Not found");
@@ -569,7 +542,7 @@ function Q() {
 }
 function Se(e) {
 	return new Promise((t, n) => {
-		let r = Q();
+		let r = xe();
 		r.once("error", n), r.listen(e, "127.0.0.1", () => {
 			r.removeListener("error", n), t(r);
 		});
@@ -587,14 +560,14 @@ async function we(e = (e) => console.error(e)) {
 }
 //#endregion
 //#region src/package-info.ts
-function Te() {
+function Q() {
 	let t = e(import.meta.url)("../package.json");
 	return typeof t == "object" && t && "version" in t && typeof t.version == "string" ? t.version : "unknown";
 }
 //#endregion
 //#region src/cli.ts
-h(x);
-var Ee = Te();
+m(x);
+var Te = Q();
 async function $() {
 	let e = process.argv.slice(2), t;
 	try {
@@ -604,10 +577,10 @@ async function $() {
 	}
 	switch (t.command) {
 		case "help":
-			De();
+			Ee();
 			break;
 		case "version":
-			console.log(`zombie-mermaid ${Ee}`);
+			console.log(`zombie-mermaid ${Te}`);
 			break;
 		case "themes":
 			console.log("Available themes:\n");
@@ -615,14 +588,14 @@ async function $() {
 			break;
 		case "render":
 			try {
-				await fe(t);
+				await de(t);
 			} catch (e) {
 				console.error(`Error: ${e instanceof Error ? e.message : String(e)}`), process.exit(1);
 			}
 			break;
 		case "validate":
 			try {
-				await ge(t);
+				await he(t);
 			} catch (e) {
 				console.error(`Error: ${e instanceof Error ? e.message : String(e)}`), process.exit(1);
 			}
@@ -641,7 +614,7 @@ async function $() {
 		}
 	}
 }
-function De() {
+function Ee() {
 	console.log("zombie-mermaid — render Mermaid diagrams from the command line\n\nUsage:\n  zombie-mermaid render <file> --ascii              Render to ASCII in terminal\n  zombie-mermaid render <file> --svg                Render to <file stem>.svg\n  zombie-mermaid render <file> --svg -o <out.svg>   Render to a named SVG file\n  zombie-mermaid render <file> -o out.svg           Format inferred from the extension\n  zombie-mermaid render <file> --svg -o -           Write SVG to stdout\n  zombie-mermaid render <file> --ascii --svg -o <out.svg>   Both (ASCII to terminal)\n  zombie-mermaid render <file> --html               Self-contained pan/zoom HTML viewer\n  zombie-mermaid render <file> --png                Rasterize to <file stem>.png\n  cat file.mmd | zombie-mermaid render --ascii      Read from stdin\n  zombie-mermaid validate [file]                    Parse only; exit 1 with line diagnostics if invalid\n  zombie-mermaid themes                             List available themes\n  zombie-mermaid web [--port <n>]                   Start a local web UI (default port: 3000)\n  zombie-mermaid mcp                                Start an MCP server on stdio (render tools)\n  zombie-mermaid --help                             Show this help\n  zombie-mermaid --version                          Show version\n\nOptions:\n  --ascii              Print ASCII/Unicode diagram to terminal, or to -o <file.txt>\n                       when it is the only format\n  --svg                Render SVG to -o <path> (default: <input stem>.svg;\n                       stdin input must give -o)\n  --resolve-colors     Replace CSS var()/color-mix() in the SVG with computed\n                       sRGB values, for rasterizers and other non-browser SVG\n                       consumers (resvg, librsvg, Inkscape) that don't\n                       evaluate them. The default output stays a live function\n                       of its CSS variables. Requires --svg.\n  --html               Render a self-contained HTML pan/zoom viewer to -o\n                       <path> (default: <input stem>.html). Embeds the SVG;\n                       no server, no network, opens from disk. Cannot be\n                       combined with --svg/--png (different content, same\n                       slot).\n  --png                Rasterize to PNG at -o <path> (default: <input\n                       stem>.png), via the optional @resvg/resvg-js native\n                       dependency — install it with `pnpm add\n                       @resvg/resvg-js` if it's missing. Always resolves\n                       CSS var()/color-mix() first (as --resolve-colors\n                       does for --svg), since a rasterizer can't evaluate\n                       them. 1:1 with the SVG's own pixel size, no scaling.\n                       Cannot be combined with --svg/--html.\n  -o, --output <path>  Output file for the SVG/HTML/PNG (or for ASCII when\n                       none of those is given). '-' writes to stdout. A\n                       .svg, .html, .txt, or .png extension selects the\n                       format when no --svg/--html/--png/--ascii flag is\n                       given; one that contradicts the flags is an error.\n                       Existing files are never overwritten without --force.\n  -f, --force          Overwrite an existing output file\n  --theme <name>       Apply a built-in theme (see 'themes' command)\n  --direction <dir>    Override the diagram's layout direction: TD, TB, BT, LR, or RL\n                       (flowchart, state, and ER diagrams; nested subgraph\n                       directions still apply on top of it)\n  -x, --paddingX <n>   Horizontal spacing between nodes (ASCII, default: 5)\n  -y, --paddingY <n>   Vertical spacing between nodes (ASCII, default: 5)\n  -p, --borderPadding <n>  Padding inside node boxes (ASCII, default: 1)\n  --coords             Overlay row/column index rulers (ASCII, debug layout)\n  --hyperlinks         Emit OSC 8 terminal hyperlinks for `click` hrefs\n                       (ASCII). Off by default: terminal support varies —\n                       iTerm2, WezTerm, kitty, Windows Terminal, and\n                       VTE-based terminals render them as clickable links;\n                       others may show the URL or nothing. Pagers need\n                       OSC 8 support too (`less -R`, recent versions).\n  --profile <name>     ASCII preset: 'markdown' = plain ASCII characters, no\n                       color, for pasting into issues/commits/fenced blocks\n                       (explicit flags like --coords still win). Requires\n                       --ascii.\n  -w, --max-width <n|auto>  Fit ASCII output within this many columns\n                       ('auto' detects the terminal width): applies compact\n                       spacing automatically when needed, and warns on\n                       stderr if it still doesn't fit (no label wrapping or\n                       direction-flip — see issue #335).\n  --layout mermaid     Opt in (flowcharts, --ascii): draw mermaid's own ELK layout\n                       instead of the grid renderer. Subgraphs, some shapes,\n                       other diagram types, layout failures and drawings that\n                       cannot fit 120 columns (or -w <n>, used as the cap)\n                       fall back to the default renderer; stderr says which\n                       one ran. --layout mermaid-wide drops the cap and always\n                       draws the (possibly wide) layout-faithful text. Merged\n                       parallel edges hide edge multiplicity. Depends on\n                       mermaid 12.1.0 + elkjs 0.9.3: install the optional peer\n                       with `pnpm add elkjs-0.9.3@npm:elkjs@0.9.3`. -x/-y/-p\n                       and --coords do not apply to the layout-faithful drawing.\n  --port <n>           Port for the 'web' command (default: 3000)\n  -h, --help           Show help\n  -v, --version        Show version");
 }
 $();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zombie-mermaid",
-  "version": "5.10.0",
+  "version": "5.10.2",
   "license": "MIT",
   "mcpName": "io.github.dfadler/zombie-mermaid",
   "description": "Render Mermaid diagrams as beautiful SVGs or ASCII art. Ultra-fast, fully themeable, zero DOM dependencies. Maintained fork of beautiful-mermaid.",
@@ -115,11 +115,11 @@
     "@modelcontextprotocol/sdk": "^1.32.1",
     "elkjs": "^0.12.0",
     "entities": "^7.0.1",
-    "@zombie-mermaid/mcp": "5.10.0",
-    "@zombie-mermaid/core": "5.10.0",
-    "@zombie-mermaid/mermaid-parser": "5.10.0",
-    "@zombie-mermaid/svg-renderer": "5.10.0",
-    "@zombie-mermaid/ascii-renderer": "5.10.0"
+    "@zombie-mermaid/ascii-renderer": "5.10.2",
+    "@zombie-mermaid/mcp": "5.10.2",
+    "@zombie-mermaid/core": "5.10.2",
+    "@zombie-mermaid/mermaid-parser": "5.10.2",
+    "@zombie-mermaid/svg-renderer": "5.10.2"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.5",