@diagrammo/dgmo 0.47.0 → 0.48.1

package/dist/element.mjs

@@ -16260,6 +16260,13 @@ function parseC4(content, palette) {
         }
         namePart = namePart.substring(0, nameIsAMatch.index).trim();
       }
+      const bareTail = metaTail.trim();
+      if (bareTail && !bareTail.includes(":")) {
+        pushError(
+          lineNumber,
+          `text after 'is a ${rawType}' must be 'key: value' metadata \u2014 '${bareTail}' is not recognized (did you mean 'description: ${bareTail}'?)`
+        );
+      }
       const metadata = parseC4MetaTail(metaTail, metaAliasMap);
       const shape = explicitShape ?? inferC4Shape(namePart, metadata["tech"] ?? metadata["technology"]);
       let isADescription;
@@ -29389,10 +29396,14 @@ function runInExportContainer(width, height, fn) {
     document.body.removeChild(container);
   }
 }
-function extractExportSvg(container, theme) {
+function extractExportSvg(container, theme, palette) {
   const svgEl = container.querySelector("svg");
   if (!svgEl) return "";
-  if (theme === "transparent") svgEl.style.background = "none";
+  if (theme === "transparent") {
+    svgEl.style.background = "none";
+  } else if (palette && !svgEl.style.background) {
+    svgEl.style.background = palette.bg;
+  }
   svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
   svgEl.style.fontFamily = FONT_FAMILY;
   svgEl.querySelectorAll("[data-export-ignore]").forEach((el) => el.remove());
@@ -29811,7 +29822,7 @@ function renderOrgForExport(content, theme, palette) {
       width: exportWidth,
       height: exportHeight
     });
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING, MAX_SCALE, TITLE_HEIGHT, ANCESTOR_DOT_R, ANCESTOR_LABEL_FONT_SIZE, ANCESTOR_ROW_HEIGHT, ANCESTOR_TRAIL_BOTTOM_GAP, LEGEND_FIXED_GAP;
@@ -32314,7 +32325,7 @@ function renderClassDiagramForExport(content, theme, palette) {
       true
       // exportMode
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING4, MAX_SCALE3, CLASS_FONT_SIZE2, MEMBER_FONT_SIZE2, EDGE_LABEL_FONT_SIZE2, MEMBER_LINE_HEIGHT2, COMPARTMENT_PADDING_Y2, MEMBER_PADDING_X, CLASS_TYPE_MAP, CLASS_TYPE_ORDER, LEGEND_GROUP_NAME, lineGenerator2;
@@ -38493,7 +38504,7 @@ function renderMindmapForExport(content, theme, palette) {
       void 0,
       hideDescriptions
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING7, TITLE_HEIGHT4, SINGLE_LABEL_HEIGHT2, LABEL_LINE_HEIGHT4, DESC_LINE_HEIGHT4, NODE_RADIUS, ROOT_STROKE_WIDTH, DEPTH_COLOR_KEYS;
@@ -42876,6 +42887,8 @@ function renderFlowchartForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -52521,6 +52534,8 @@ function renderStateForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -63074,7 +63089,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
   const colBottomY = cursorY + sColumnBottomPad;
   const totalHeight = colBottomY + sVMargin;
   const svgHeight = exportDims ? totalHeight : Math.max(height, totalHeight);
-  const svg = d3Selection32.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY).style("background", "transparent");
+  const svg = d3Selection32.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY);
   if (ctx.isBelowFloor) {
     svg.attr("width", "100%");
   }
@@ -63153,11 +63168,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
     const cw = roleColW - 2 * sColumnInset;
     const roleColor = parsed.roleColors[i] ?? autoAccent(i, palette);
     const bodyFill = mix(roleColor, themeBaseBg(palette, isDark), 16);
-    const headerFill = mix(
-      roleColor,
-      themeBaseBg(palette, isDark),
-      30
-    );
+    const headerFill = mix(roleColor, themeBaseBg(palette, isDark), 30);
     const colG = columnsG.append("g").attr("class", "raci-column").attr("data-role-id", roleId);
     colG.append("rect").attr("class", "raci-column-body").attr("x", cx).attr("y", headerY).attr("width", cw).attr("height", colTotalHeight).attr("rx", sColumnRadius).attr("fill", bodyFill);
     colG.append("path").attr("class", "raci-column-header").attr(
@@ -68752,34 +68763,50 @@ function buildHoverCss(spec, derived = {}, emphasisOverride) {
   return parts.join("");
 }
 var HOVER_SPECS = {
+  // Data-chart family (`.dgmo-datum`): `dim` at 0.18 to MIRROR the app's live
+  // hover (charts-d3/interactions.ts `.dgmo-dim{opacity:.18}` — hover a mark →
+  // every other emph-key drops out). `lift` (saturate/brightness) read as
+  // "nothing happened" on muted fills. Safe to dim: these export renderers set
+  // NO inline `style="opacity"` on datums (only presentation `*-opacity` attrs,
+  // which a `<style>` rule outranks), so no RED-2 inline-defeat.
   pie: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   bar: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   funnel: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   heatmap: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   "polar-area": {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   // ── CROSS-FREE diagram charts — FIXED-attr keys, DOM-verified (Task 3) ──
@@ -68953,6 +68980,8 @@ var HOVER_SPECS = {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-category",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   quadrant: {
@@ -70072,7 +70101,7 @@ var CSS = AUTO_BASE_CSS + "\n" + BLOCK_CSS + "\n" + darkScopedBlockCss(BLOCK_CSS
 
 // src/auto/shared.ts
 init_safe_href();
-var VERSION = "0.47.0";
+var VERSION = "0.48.1";
 var ARIA_LABEL_MAX = 200;
 var COPIED_INTERACTION_MS = 1500;
 var LOG_PREFIX = "[dgmo]";

package/dist/{flowchart-renderer-ZAEOL4DX.js → flowchart-renderer-SNDSII4D.js}

@@ -1,7 +1,7 @@
 import {
   renderFlowchart,
   renderFlowchartForExport
-} from "./chunk-RZCF2VVM.js";
+} from "./chunk-B7JUCQUA.js";
 import "./chunk-PDKUANDZ.js";
 import "./chunk-T3UBLACL.js";
 import "./chunk-LP7EC4MI.js";
@@ -32,4 +32,4 @@ export {
   renderFlowchart,
   renderFlowchartForExport
 };
-//# sourceMappingURL=flowchart-renderer-ZAEOL4DX.js.map
+//# sourceMappingURL=flowchart-renderer-SNDSII4D.js.map

package/dist/index.d.ts

@@ -20,8 +20,10 @@ declare function getMinDimensions(content: string): {
  * - Strip fixed `width="N"` / `height="N"` so CSS (e.g. `width:100%;
  *   height:auto`, or an aspect-ratio derived from the tight viewBox) controls
  *   sizing.
- * - Remove any inline `background:` from the root style so the page
- *   background shows through.
+ * - The root inline `background:` (the theme's opaque `palette.bg`) is
+ *   PRESERVED: every chart type now carries its own opaque background so
+ *   diagrams render consistently across hosts and color modes rather than
+ *   inheriting an arbitrary host page background.
  *
  * This is intentionally a string transform, not a DOM `getBBox()` step: dgmo
  * can dual-render light/dark SVGs where one is hidden by color-mode CSS, and

package/dist/index.js

@@ -1,7 +1,7 @@
 import {
   getEmbedSvgViewBox,
   normalizeSvgForEmbed
-} from "./chunk-RCERWOJR.js";
+} from "./chunk-ODZVHU3R.js";
 import {
   completeMapPlaces,
   completeMapRegions,
@@ -15,7 +15,7 @@ import {
   decodeDiagramUrl,
   encodeDiagramUrl,
   render
-} from "./chunk-IH6ZMVQ5.js";
+} from "./chunk-UC7TFHUM.js";
 import "./chunk-PBAHEPLQ.js";
 import {
   D3_DATA_CHART_TYPES,
@@ -41,7 +41,7 @@ import {
   REGISTRY_BY_ID,
   chartTypes,
   parseDgmo
-} from "./chunk-6FZYCKXB.js";
+} from "./chunk-HSH73DP6.js";
 import "./chunk-P235SVAH.js";
 import "./chunk-6HO5ZTXK.js";
 import "./chunk-44CM72SQ.js";
@@ -82,7 +82,7 @@ import {
   VERSION_CONTROL_DIAGNOSTICS
 } from "./chunk-ERLBPDGU.js";
 import "./chunk-AELOBFW5.js";
-import "./chunk-2DXMZRWJ.js";
+import "./chunk-B65G5DNL.js";
 import "./chunk-IYULMRBE.js";
 import {
   getPalette,

package/dist/{parser-FUSKFGZN.js → parser-2EWECDSA.js}

@@ -1,6 +1,6 @@
 import {
   parseC4
-} from "./chunk-2DXMZRWJ.js";
+} from "./chunk-B65G5DNL.js";
 import "./chunk-IYULMRBE.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-QLCCJEJI.js";
@@ -13,4 +13,4 @@ import "./chunk-5WRI5ZAA.js";
 export {
   parseC4
 };
-//# sourceMappingURL=parser-FUSKFGZN.js.map
+//# sourceMappingURL=parser-2EWECDSA.js.map

package/dist/{renderer-UWA5XS74.js → renderer-4JHRUBE6.js}

@@ -6,7 +6,7 @@ import {
   renderC4ContextForExport,
   renderC4Deployment,
   renderC4DeploymentForExport
-} from "./chunk-P4RH4OSP.js";
+} from "./chunk-ILKORZ3H.js";
 import "./chunk-QEBUY5NY.js";
 import "./chunk-3HDBAXF5.js";
 import "./chunk-3CIOJ5YJ.js";
@@ -16,7 +16,7 @@ import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-2DXMZRWJ.js";
+import "./chunk-B65G5DNL.js";
 import "./chunk-IYULMRBE.js";
 import "./chunk-P6T66CCZ.js";
 import "./chunk-C3Z4DX3V.js";
@@ -36,4 +36,4 @@ export {
   renderC4Deployment,
   renderC4DeploymentForExport
 };
-//# sourceMappingURL=renderer-UWA5XS74.js.map
+//# sourceMappingURL=renderer-4JHRUBE6.js.map

package/dist/{renderer-WZRREQ2P.js → renderer-5MYBMBYO.js}

@@ -2,7 +2,7 @@ import {
   MARKER_LABELS,
   renderRaci,
   renderRaciForExport
-} from "./chunk-DZAQBW35.js";
+} from "./chunk-SGZYXELT.js";
 import "./chunk-3CIOJ5YJ.js";
 import "./chunk-YYVTBZZC.js";
 import "./chunk-A4GOY3PE.js";
@@ -20,4 +20,4 @@ export {
   renderRaci,
   renderRaciForExport
 };
-//# sourceMappingURL=renderer-WZRREQ2P.js.map
+//# sourceMappingURL=renderer-5MYBMBYO.js.map

package/dist/{renderer-TOCOVLHS.js → renderer-B2OMQIQG.js}

@@ -1,7 +1,7 @@
 import {
   renderClassDiagram,
   renderClassDiagramForExport
-} from "./chunk-FNB3PNGF.js";
+} from "./chunk-7DTWEFUE.js";
 import "./chunk-WBRZJOEC.js";
 import "./chunk-JEUJOX5X.js";
 import "./chunk-JED6ZDEE.js";
@@ -10,7 +10,7 @@ import "./chunk-TYS6CSS5.js";
 import "./chunk-5DH3KYFH.js";
 import "./chunk-3HDBAXF5.js";
 import "./chunk-BMR4CIEO.js";
-import "./chunk-Y5QGVTVC.js";
+import "./chunk-JTSMEYIZ.js";
 import "./chunk-3CIOJ5YJ.js";
 import "./chunk-PWIHZ6NJ.js";
 import "./chunk-YYVTBZZC.js";
@@ -34,4 +34,4 @@ export {
   renderClassDiagram,
   renderClassDiagramForExport
 };
-//# sourceMappingURL=renderer-TOCOVLHS.js.map
+//# sourceMappingURL=renderer-B2OMQIQG.js.map

package/dist/{renderer-2XQQQ6QR.js → renderer-N43WR5GV.js}

@@ -1,10 +1,10 @@
 import {
   renderMindmap,
   renderMindmapForExport
-} from "./chunk-CUVHQHZ7.js";
+} from "./chunk-THXCFRTU.js";
 import "./chunk-T2OE3YQB.js";
 import "./chunk-3HDBAXF5.js";
-import "./chunk-Y5QGVTVC.js";
+import "./chunk-JTSMEYIZ.js";
 import "./chunk-3CIOJ5YJ.js";
 import "./chunk-PWIHZ6NJ.js";
 import "./chunk-YYVTBZZC.js";
@@ -25,4 +25,4 @@ export {
   renderMindmap,
   renderMindmapForExport
 };
-//# sourceMappingURL=renderer-2XQQQ6QR.js.map
+//# sourceMappingURL=renderer-N43WR5GV.js.map

package/dist/{renderer-T7YKC5VP.js → renderer-ZRNG54CW.js}

@@ -1,8 +1,8 @@
 import {
   renderOrg,
   renderOrgForExport
-} from "./chunk-DU7W62N5.js";
-import "./chunk-Y5QGVTVC.js";
+} from "./chunk-FANX6UJR.js";
+import "./chunk-JTSMEYIZ.js";
 import "./chunk-VOKGH627.js";
 import "./chunk-3CIOJ5YJ.js";
 import "./chunk-J5FIXQRT.js";
@@ -25,4 +25,4 @@ export {
   renderOrg,
   renderOrgForExport
 };
-//# sourceMappingURL=renderer-T7YKC5VP.js.map
+//# sourceMappingURL=renderer-ZRNG54CW.js.map

package/dist/{state-renderer-RFYHSP4K.js → state-renderer-B4DQBM6M.js}

@@ -1,7 +1,7 @@
 import {
   renderState,
   renderStateForExport
-} from "./chunk-EMS2SK26.js";
+} from "./chunk-ZBWMSD5N.js";
 import "./chunk-PDKUANDZ.js";
 import "./chunk-T3UBLACL.js";
 import "./chunk-LP7EC4MI.js";
@@ -31,4 +31,4 @@ export {
   renderState,
   renderStateForExport
 };
-//# sourceMappingURL=state-renderer-RFYHSP4K.js.map
+//# sourceMappingURL=state-renderer-B4DQBM6M.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.47.0",
+  "version": "0.48.1",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "repository": {
@@ -15,103 +15,52 @@
   "bin": {
     "dgmo": "dist/cli.cjs"
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./editor": {
-      "import": {
-        "types": "./dist/editor.d.ts",
-        "default": "./dist/editor.js"
-      },
-      "require": {
-        "types": "./dist/editor.d.cts",
-        "default": "./dist/editor.cjs"
-      }
+      "types": "./dist/editor.d.ts",
+      "default": "./dist/editor.js"
     },
     "./highlight": {
-      "import": {
-        "types": "./dist/highlight.d.ts",
-        "default": "./dist/highlight.js"
-      },
-      "require": {
-        "types": "./dist/highlight.d.cts",
-        "default": "./dist/highlight.cjs"
-      }
+      "types": "./dist/highlight.d.ts",
+      "default": "./dist/highlight.js"
     },
     "./advanced": {
-      "import": {
-        "types": "./dist/advanced.d.ts",
-        "default": "./dist/advanced.js"
-      },
-      "require": {
-        "types": "./dist/advanced.d.cts",
-        "default": "./dist/advanced.cjs"
-      }
+      "types": "./dist/advanced.d.ts",
+      "default": "./dist/advanced.js"
     },
     "./pert": {
-      "import": {
-        "types": "./dist/pert.d.ts",
-        "default": "./dist/pert.js"
-      },
-      "require": {
-        "types": "./dist/pert.d.cts",
-        "default": "./dist/pert.cjs"
-      }
+      "types": "./dist/pert.d.ts",
+      "default": "./dist/pert.js"
     },
     "./auto": {
-      "import": {
-        "types": "./dist/auto.d.ts",
-        "default": "./dist/auto.mjs"
-      },
-      "require": {
-        "types": "./dist/auto.d.cts",
-        "default": "./dist/auto.cjs"
-      }
+      "types": "./dist/auto.d.ts",
+      "default": "./dist/auto.mjs"
     },
     "./element": {
-      "import": {
-        "types": "./dist/element.d.ts",
-        "default": "./dist/element.mjs"
-      },
-      "require": {
-        "types": "./dist/element.d.cts",
-        "default": "./dist/element.cjs"
-      }
+      "types": "./dist/element.d.ts",
+      "default": "./dist/element.mjs"
     },
     "./fonts/*": "./fonts/*",
     "./block": {
-      "import": {
-        "types": "./dist/block.d.ts",
-        "default": "./dist/block.js"
-      },
-      "require": {
-        "types": "./dist/block.d.cts",
-        "default": "./dist/block.cjs"
-      }
+      "types": "./dist/block.d.ts",
+      "default": "./dist/block.js"
     },
     "./block.css": "./dist/block.css"
   },
   "files": [
     "dist/*.js",
-    "dist/*.cjs",
     "dist/*.mjs",
     "dist/*.d.ts",
-    "dist/*.d.cts",
     "dist/*.css",
     "dist/map-data/*.json",
     "fonts",
-    "src",
     "docs/*.md",
     "gallery/fixtures",
     ".claude/commands",
@@ -141,6 +90,8 @@
     "test:watch": "vitest",
     "test:auto": "pnpm build && vitest run tests/auto.test.ts tests/safe-href.test.ts",
     "sri": "node scripts/sri.mjs",
+    "eval:tools": "pnpm build && pnpm -C ../dgmo-mcp build:fast && node scripts/eval-tools.mjs",
+    "eval:ai": "pnpm build && pnpm -C ../dgmo-mcp build:fast && node scripts/eval-ai-generation.mjs",
     "build:map-data": "node scripts/build-map-data.mjs",
     "gallery": "pnpm build && node scripts/generate-gallery.mjs",
     "gallery:snapshot": "pnpm build && node scripts/gallery-snapshot.mjs",
@@ -159,8 +110,9 @@
     "check:deps": "depcheck --ignores='@diagrammo/dgmo,@codemirror/language,@lezer/*,husky,lint-staged,tsup,axe-core,type-coverage'",
     "check:security": "pnpm audit --prod",
     "check:publish": "publint",
-    "check:size": "pnpm build && du -sh dist/ && echo '---' && ls -lh dist/*.js dist/*.cjs",
-    "check:types": "attw --pack . --ignore-rules no-resolution false-export-default",
+    "check:size": "pnpm build && node scripts/check-bundle-size.cjs",
+    "check:size:update": "pnpm build && node scripts/check-bundle-size.cjs --update",
+    "check:types": "attw --pack . --ignore-rules no-resolution false-export-default cjs-resolves-to-esm",
     "postinstall": "node -e \"console.log('\\n💡 Claude Code user? Run: dgmo install claude-code\\n')\"",
     "prepare": "husky"
   },