@diagrammo/dgmo 0.77.0 → 0.78.0

package/dist/block.css

@@ -264,7 +264,7 @@ html.dark .dgmo-dark {
   display: inline-block;
   margin-top: 0.6em;
   font-size: 0.9em;
-  font-weight: 600;
+  font-weight: bold;
   color: inherit;
 }
 

package/dist/block.d.ts

@@ -1,5 +1,5 @@
-import { M as MapDataSource } from './d3-BiaJtaSw.js';
-import './tag-groups-BAtkq0b_.js';
+import { M as MapDataSource } from './d3-CQT5bwpb.js';
+import './tag-groups-BoJg3lFV.js';
 
 /**
  * Canonical stylesheet for the standard DGMO embed block (BL-114).

package/dist/block.js

@@ -4,92 +4,96 @@ import {
 } from "./chunk-D3K4U3ZM.js";
 import {
   render
-} from "./chunk-HDLRRY3N.js";
+} from "./chunk-IE47TYZT.js";
 import {
   docsLink,
   renderErrorCard
-} from "./chunk-OZOHREFQ.js";
+} from "./chunk-RC3FM3FE.js";
 import "./chunk-EOYPX6SF.js";
-import "./chunk-UH5YTZN7.js";
+import "./chunk-MJYFPFZT.js";
 import "./chunk-L65WI4HO.js";
-import "./chunk-QXMHBIQG.js";
+import "./chunk-EPDBWATV.js";
+import "./chunk-UCF6TKWV.js";
 import "./chunk-YRYKTYMQ.js";
 import "./chunk-24YPR5EH.js";
-import "./chunk-3E4YB6TY.js";
-import "./chunk-MG3DE3VO.js";
-import "./chunk-RU2HHHYA.js";
-import "./chunk-DEW62ON3.js";
-import "./chunk-U4DS2ODO.js";
-import "./chunk-VRPV6QXR.js";
-import "./chunk-53SEVJQM.js";
-import "./chunk-YT5ICQ4R.js";
+import "./chunk-IIEI7VK5.js";
+import "./chunk-3XFOE3DQ.js";
+import "./chunk-QFIXL3OK.js";
+import "./chunk-FLMXJMMY.js";
+import "./chunk-LD2JSKU3.js";
+import "./chunk-VSPNH7LC.js";
+import "./chunk-67I3HFSF.js";
+import "./chunk-IZTU6WVR.js";
+import "./chunk-ICLB27PZ.js";
+import "./chunk-MFK7LF66.js";
 import "./chunk-MTGGOCND.js";
 import {
   encodeDiagramUrl
 } from "./chunk-U7VO6JAA.js";
-import "./chunk-FTTB64OJ.js";
+import "./chunk-7SMVTA7I.js";
 import "./chunk-SH4PPRU7.js";
 import "./chunk-A2RUBBVT.js";
-import "./chunk-5PFNUDXR.js";
+import "./chunk-6VTLVU7D.js";
 import "./chunk-TN754B3R.js";
-import "./chunk-JLODGGN2.js";
+import "./chunk-7NNJXYXU.js";
 import "./chunk-M526IKKH.js";
 import "./chunk-2CW5ZTNH.js";
 import "./chunk-BDXC7MDK.js";
 import "./chunk-CRLVJZWX.js";
-import "./chunk-2QRIMMIH.js";
+import "./chunk-N56W4R66.js";
 import "./chunk-LKS56RDT.js";
 import "./chunk-OKXWPKUC.js";
-import "./chunk-4YER7UCV.js";
-import "./chunk-3H4PDNP4.js";
+import "./chunk-VUJQ6RU6.js";
+import "./chunk-2NLBIZEW.js";
 import "./chunk-XSVWUOUZ.js";
 import "./chunk-KWSBNLSC.js";
-import "./chunk-Z7KVOVE4.js";
+import "./chunk-7WTFX6OA.js";
 import {
   monthIndex,
   weekdayIndex
 } from "./chunk-WFA6IULY.js";
-import "./chunk-BWJLLNUX.js";
-import "./chunk-KRTLS3G6.js";
-import "./chunk-F4X5NVKY.js";
+import "./chunk-3DPOIW3W.js";
+import "./chunk-7BNRHSSF.js";
+import "./chunk-QVMV4KCA.js";
+import "./chunk-B6PVPAS5.js";
 import "./chunk-EGY3TS62.js";
-import "./chunk-W7UBPARG.js";
-import "./chunk-S5P5Z5Y5.js";
+import "./chunk-3ZLQM6XN.js";
+import "./chunk-GINNZHVN.js";
 import "./chunk-QQJUTGQH.js";
-import "./chunk-QOVM5VRC.js";
+import "./chunk-57GSSHBR.js";
 import "./chunk-VBJCGGNF.js";
-import "./chunk-RWFMOVHG.js";
+import "./chunk-KAZQX2EY.js";
 import "./chunk-3TYUXC7D.js";
 import "./chunk-Y2CYNRL7.js";
-import "./chunk-UJBP57UJ.js";
+import "./chunk-RC6GGF6X.js";
 import "./chunk-UCZBRGJN.js";
 import "./chunk-7BMX2M3F.js";
-import "./chunk-3SP6G4LN.js";
-import "./chunk-ZM27UI5O.js";
-import "./chunk-46KVXDUJ.js";
-import "./chunk-TPN7RJOM.js";
+import "./chunk-3GLTQZKE.js";
+import "./chunk-A7Y32YD6.js";
+import "./chunk-NS3KIRSW.js";
+import "./chunk-FJADQOFQ.js";
 import "./chunk-EQW6HOP4.js";
 import {
   scanMonthNameDates
 } from "./chunk-DAOFNU6J.js";
-import "./chunk-7NSNE52V.js";
+import "./chunk-XCR3PDFF.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-NWNSXHA5.js";
 import "./chunk-7TF3QOOD.js";
-import "./chunk-M5JT2AU7.js";
+import "./chunk-6Z2NUJSX.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-LTTZX6RD.js";
-import "./chunk-ICVIJLBA.js";
+import "./chunk-SFSJ6XWV.js";
 import "./chunk-76NHL5UG.js";
 import "./chunk-E6PNTYRK.js";
 import "./chunk-IHOFUR74.js";
-import "./chunk-SWEKCK34.js";
-import "./chunk-LXXVHLTH.js";
+import "./chunk-QAPFXLAC.js";
+import "./chunk-NN5IDH2I.js";
 import "./chunk-IYULMRBE.js";
 import "./chunk-NOTA6TEI.js";
 import "./chunk-MSVQ2YCY.js";
-import "./chunk-DY7KDZUF.js";
-import "./chunk-76LHNLGX.js";
+import "./chunk-3OWIYK52.js";
+import "./chunk-R4YGH7DJ.js";
 import {
   CHART_TYPE_IDS,
   REGISTRY_COLON_KEY_TOKENS,
@@ -101,8 +105,8 @@ import {
 import "./chunk-23RWHHI5.js";
 import {
   resolvePaletteOrFallback
-} from "./chunk-R3XI2VC7.js";
-import "./chunk-GLREDNBA.js";
+} from "./chunk-IDJGV6VM.js";
+import "./chunk-YVLTNNME.js";
 import "./chunk-XOGQY4EC.js";
 import "./chunk-5SI6T5A5.js";
 import "./chunk-5WRI5ZAA.js";
@@ -837,7 +841,7 @@ html.dark .dgmo-dark {
   display: inline-block;
   margin-top: 0.6em;
   font-size: 0.9em;
-  font-weight: 600;
+  font-weight: bold;
   color: inherit;
 }
 

package/dist/{chart-meta-Cf_jkApJ.d.ts → chart-meta-BKN2ORkc.d.ts}

@@ -1,5 +1,5 @@
-import './dgmo-router-BwXHZ_P3.js';
-import { a as PaletteColors, T as TagGroup, D as DgmoError } from './tag-groups-BAtkq0b_.js';
+import './dgmo-router-C9CsswPZ.js';
+import { a as PaletteColors, T as TagGroup, D as DgmoError } from './tag-groups-BoJg3lFV.js';
 
 /** Convert hex (#RRGGBB or #RGB) to { h, s, l } with h in degrees, s/l as percentages. */
 declare function hexToHSL(hex: string): {

package/dist/chart-meta.d.ts

@@ -1,3 +1,3 @@
-export { C as ChartTypeId, a as ChartTypeMeta, c as chartTypes, f as getAvailablePalettes, g as getPalette, l as parseDgmoChartType } from './dgmo-router-BwXHZ_P3.js';
-export { A as ALL_CHART_TYPES, O as OrgNode, P as ParsedOrg, l as hexToHSLString, o as normalizePertSourceForShare, p as parseFirstLine, q as parseOrg, r as parseRaci, s as resolveOrgImports } from './chart-meta-Cf_jkApJ.js';
-export { C as CompactViewState, h as DecodedDiagramUrl, i as EncodeDiagramUrlOptions, j as EncodeDiagramUrlResult, a as PaletteColors, l as decodeDiagramUrl, m as decodeViewState, n as encodeDiagramUrl, o as encodeViewState } from './tag-groups-BAtkq0b_.js';
+export { C as ChartTypeId, a as ChartTypeMeta, c as chartTypes, f as getAvailablePalettes, g as getPalette, l as parseDgmoChartType } from './dgmo-router-C9CsswPZ.js';
+export { A as ALL_CHART_TYPES, O as OrgNode, P as ParsedOrg, l as hexToHSLString, o as normalizePertSourceForShare, p as parseFirstLine, q as parseOrg, r as parseRaci, s as resolveOrgImports } from './chart-meta-BKN2ORkc.js';
+export { C as CompactViewState, h as DecodedDiagramUrl, i as EncodeDiagramUrlOptions, j as EncodeDiagramUrlResult, a as PaletteColors, l as decodeDiagramUrl, m as decodeViewState, n as encodeDiagramUrl, o as encodeViewState } from './tag-groups-BoJg3lFV.js';

package/dist/chart-meta.js

@@ -1,7 +1,7 @@
 import {
   normalizePertSourceForShare,
   resolveOrgImports
-} from "./chunk-DJL5PO27.js";
+} from "./chunk-P4SQV3XD.js";
 import {
   decodeDiagramUrl,
   decodeViewState,
@@ -10,68 +10,69 @@ import {
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-FTTB64OJ.js";
+} from "./chunk-7SMVTA7I.js";
 import "./chunk-SH4PPRU7.js";
 import "./chunk-A2RUBBVT.js";
-import "./chunk-5PFNUDXR.js";
+import "./chunk-6VTLVU7D.js";
 import {
   parseRaci
 } from "./chunk-TN754B3R.js";
-import "./chunk-JLODGGN2.js";
+import "./chunk-7NNJXYXU.js";
 import "./chunk-M526IKKH.js";
 import "./chunk-2CW5ZTNH.js";
 import "./chunk-BDXC7MDK.js";
 import "./chunk-CRLVJZWX.js";
-import "./chunk-2QRIMMIH.js";
+import "./chunk-N56W4R66.js";
 import "./chunk-LKS56RDT.js";
 import "./chunk-OKXWPKUC.js";
-import "./chunk-4YER7UCV.js";
-import "./chunk-3H4PDNP4.js";
+import "./chunk-VUJQ6RU6.js";
+import "./chunk-2NLBIZEW.js";
 import "./chunk-XSVWUOUZ.js";
 import "./chunk-KWSBNLSC.js";
-import "./chunk-Z7KVOVE4.js";
+import "./chunk-7WTFX6OA.js";
 import "./chunk-WFA6IULY.js";
-import "./chunk-BWJLLNUX.js";
-import "./chunk-KRTLS3G6.js";
-import "./chunk-F4X5NVKY.js";
+import "./chunk-3DPOIW3W.js";
+import "./chunk-7BNRHSSF.js";
+import "./chunk-QVMV4KCA.js";
+import "./chunk-B6PVPAS5.js";
 import "./chunk-EGY3TS62.js";
-import "./chunk-W7UBPARG.js";
-import "./chunk-S5P5Z5Y5.js";
+import "./chunk-3ZLQM6XN.js";
+import "./chunk-GINNZHVN.js";
 import "./chunk-QQJUTGQH.js";
-import "./chunk-QOVM5VRC.js";
+import "./chunk-57GSSHBR.js";
 import "./chunk-VBJCGGNF.js";
-import "./chunk-RWFMOVHG.js";
+import "./chunk-KAZQX2EY.js";
 import "./chunk-3TYUXC7D.js";
 import "./chunk-Y2CYNRL7.js";
-import "./chunk-UJBP57UJ.js";
+import "./chunk-RC6GGF6X.js";
 import "./chunk-UCZBRGJN.js";
 import "./chunk-7BMX2M3F.js";
-import "./chunk-3SP6G4LN.js";
-import "./chunk-ZM27UI5O.js";
-import "./chunk-46KVXDUJ.js";
-import "./chunk-TPN7RJOM.js";
+import "./chunk-3GLTQZKE.js";
+import "./chunk-A7Y32YD6.js";
+import "./chunk-NS3KIRSW.js";
+import "./chunk-FJADQOFQ.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-DAOFNU6J.js";
-import "./chunk-7NSNE52V.js";
+import "./chunk-XCR3PDFF.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-NWNSXHA5.js";
 import "./chunk-7TF3QOOD.js";
-import "./chunk-M5JT2AU7.js";
+import "./chunk-6Z2NUJSX.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-LTTZX6RD.js";
-import "./chunk-ICVIJLBA.js";
+import "./chunk-SFSJ6XWV.js";
 import "./chunk-76NHL5UG.js";
 import "./chunk-E6PNTYRK.js";
 import "./chunk-IHOFUR74.js";
 import {
   parseOrg
-} from "./chunk-SWEKCK34.js";
-import "./chunk-LXXVHLTH.js";
+} from "./chunk-QAPFXLAC.js";
+import "./chunk-NN5IDH2I.js";
 import "./chunk-IYULMRBE.js";
 import "./chunk-NOTA6TEI.js";
 import "./chunk-MSVQ2YCY.js";
-import "./chunk-DY7KDZUF.js";
-import "./chunk-76LHNLGX.js";
+import "./chunk-3OWIYK52.js";
+import "./chunk-R4YGH7DJ.js";
 import {
   ALL_CHART_TYPES,
   chartTypes,
@@ -81,10 +82,10 @@ import "./chunk-23RWHHI5.js";
 import {
   getAvailablePalettes,
   getPalette
-} from "./chunk-R3XI2VC7.js";
+} from "./chunk-IDJGV6VM.js";
 import {
   hexToHSLString
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import "./chunk-XOGQY4EC.js";
 import "./chunk-5SI6T5A5.js";
 import "./chunk-5WRI5ZAA.js";

package/dist/charts-d3-KEQ7XVSM.js

@@ -0,0 +1,31 @@
+import {
+  D3_DATA_CHART_TYPES,
+  renderDataChartD3,
+  supportsD3DataChart
+} from "./chunk-MJYFPFZT.js";
+import "./chunk-L65WI4HO.js";
+import "./chunk-EPDBWATV.js";
+import "./chunk-3XFOE3DQ.js";
+import "./chunk-QFIXL3OK.js";
+import "./chunk-FLMXJMMY.js";
+import "./chunk-LD2JSKU3.js";
+import "./chunk-VSPNH7LC.js";
+import "./chunk-IZTU6WVR.js";
+import "./chunk-ICLB27PZ.js";
+import "./chunk-MFK7LF66.js";
+import "./chunk-MTGGOCND.js";
+import "./chunk-M526IKKH.js";
+import "./chunk-2CW5ZTNH.js";
+import "./chunk-R4YGH7DJ.js";
+import "./chunk-M5OOAP65.js";
+import "./chunk-IDJGV6VM.js";
+import "./chunk-YVLTNNME.js";
+import "./chunk-XOGQY4EC.js";
+import "./chunk-5SI6T5A5.js";
+import "./chunk-5WRI5ZAA.js";
+export {
+  D3_DATA_CHART_TYPES,
+  renderDataChartD3,
+  supportsD3DataChart
+};
+//# sourceMappingURL=charts-d3-KEQ7XVSM.js.map

package/dist/{chunk-7IATMZSA.js → chunk-26EVL454.js}

@@ -1,26 +1,3 @@
-// src/utils/fit-canvas.ts
-function fitDiagramToCanvas(p) {
-  const scaleX = (p.width - p.padding * 2) / p.diagramW;
-  let scale;
-  let canvasHeight;
-  if (p.exportMode) {
-    scale = Math.min(p.maxScale, scaleX);
-    canvasHeight = p.titleHeight + p.diagramH * scale + p.padding * 2;
-  } else {
-    const availH = p.height - p.titleHeight;
-    const scaleY = (availH - p.padding * 2) / p.diagramH;
-    scale = Math.min(p.maxScale, scaleX, scaleY);
-    canvasHeight = p.height;
-  }
-  const scaledW = p.diagramW * scale;
-  return {
-    scale,
-    offsetX: (p.width - scaledW) / 2,
-    offsetY: p.titleHeight + p.padding,
-    canvasHeight
-  };
-}
-
 // src/graph/edge-spline.ts
 import * as d3Shape from "d3-shape";
 var lineGenerator = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveBasis);
@@ -65,8 +42,7 @@ function selfLoopArcPath(points) {
 }
 
 export {
-  fitDiagramToCanvas,
   edgeSplinePath,
   selfLoopArcPath
 };
-//# sourceMappingURL=chunk-7IATMZSA.js.map
+//# sourceMappingURL=chunk-26EVL454.js.map

package/dist/{chunk-3H4PDNP4.js → chunk-2NLBIZEW.js}

@@ -9,7 +9,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   extractColor,
   fillModeFromToken,
@@ -342,4 +342,4 @@ function parseBlockTail(tail, aliasMap) {
 export {
   parseBlock
 };
-//# sourceMappingURL=chunk-3H4PDNP4.js.map
+//# sourceMappingURL=chunk-2NLBIZEW.js.map

package/dist/{chunk-BH3BQICT.js → chunk-32VR65TL.js}

@@ -4,38 +4,44 @@ import {
 import {
   layoutInfra
 } from "./chunk-VS2M72PF.js";
+import {
+  appendArrowheadMarkers
+} from "./chunk-XBJJP2HN.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
   COLLAPSE_BAR_HEIGHT,
   COLLAPSE_BAR_INSET,
+  EDGE_DASH,
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-FJ57274M.js";
-import {
-  ScaleContext
-} from "./chunk-24YPR5EH.js";
+} from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-FLMXJMMY.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_OFFSET,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -46,7 +52,7 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
@@ -54,13 +60,13 @@ import {
 } from "./chunk-MTGGOCND.js";
 import {
   parseInfra
-} from "./chunk-46KVXDUJ.js";
+} from "./chunk-NS3KIRSW.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   legendInlineRequested,
   legendSuppressed
@@ -69,7 +75,7 @@ import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -80,13 +86,19 @@ import * as d3Shape from "d3-shape";
 
 // src/infra/roles.ts
 var ROLE_RULES = [
-  { keys: ["cache-hit"], role: { name: "Cache", color: "#22c55e" } },
-  { keys: ["firewall-block"], role: { name: "Firewall", color: "#ef4444" } },
-  { keys: ["ratelimit-rps"], role: { name: "Rate Limiter", color: "#eab308" } },
-  { keys: ["max-rps"], role: { name: "Service", color: "#3b82f6" } },
-  { keys: ["cb-error-threshold", "cb-latency-threshold-ms"], role: { name: "Circuit Breaker", color: "#a855f7" } },
-  { keys: ["concurrency"], role: { name: "Serverless", color: "#06b6d4" } },
-  { keys: ["buffer"], role: { name: "Queue", color: "#8b5cf6" } }
+  { keys: ["cache-hit"], role: { name: "Cache", colorToken: "green" } },
+  { keys: ["firewall-block"], role: { name: "Firewall", colorToken: "red" } },
+  {
+    keys: ["ratelimit-rps"],
+    role: { name: "Rate Limiter", colorToken: "yellow" }
+  },
+  { keys: ["max-rps"], role: { name: "Service", colorToken: "blue" } },
+  {
+    keys: ["cb-error-threshold", "cb-latency-threshold-ms"],
+    role: { name: "Circuit Breaker", colorToken: "purple" }
+  },
+  { keys: ["concurrency"], role: { name: "Serverless", colorToken: "cyan" } },
+  { keys: ["buffer"], role: { name: "Queue", colorToken: "teal" } }
 ];
 function inferRoles(properties) {
   const propKeys = new Set(properties.map((p) => p.key));
@@ -98,7 +110,7 @@ function inferRoles(properties) {
   }
   return roles;
 }
-var FANOUT_ROLE = { name: "Fan-Out", color: "#f97316" };
+var FANOUT_ROLE = { name: "Fan-Out", colorToken: "orange" };
 function collectFanoutSourceIds(edges) {
   const ids = /* @__PURE__ */ new Set();
   for (const e of edges) {
@@ -876,7 +888,7 @@ function renderGroups(svg, groups, palette, _isDark, sc = buildScaledConstants(S
     const groupFill = mix(palette.surface, palette.bg, 40);
     const groupStroke = palette.textMuted;
     g.append("rect").attr("x", group.x).attr("y", group.y).attr("width", group.width).attr("height", group.height).attr("rx", 6).attr("fill", groupFill).attr("stroke", groupStroke).attr("stroke-opacity", 0.35).attr("stroke-width", 1);
-    g.append("text").attr("x", group.x + group.width / 2).attr("y", group.y + 16).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sc.sGroupLabelFontSize).attr("font-weight", "600").attr("fill", palette.text).text(group.label);
+    g.append("text").attr("x", group.x + group.width / 2).attr("y", group.y + 16).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sc.sGroupLabelFontSize).attr("font-weight", "bold").attr("fill", palette.text).text(group.label);
     const gi = typeof group.instances === "number" ? group.instances : typeof group.instances === "string" ? parseInt(String(group.instances), 10) || 0 : 0;
     if (gi > 1) {
       g.append("text").attr("x", group.x + group.width - 8).attr("y", group.y + 16).attr("text-anchor", "end").attr("font-family", FONT_FAMILY).attr("font-size", sc.sMetaFontSize).attr("fill", palette.textMuted).text(`${gi}x`);
@@ -887,6 +899,17 @@ function renderEdgePaths(svg, edges, nodes, groups, palette, _isDark, animate, d
   const nodeMap = nodeMapWithGroups(nodes, groups);
   const maxRps = Math.max(...edges.map((e) => e.computedRps), 1);
   const { srcPts, tgtPts } = computePortPts(edges, nodeMap, direction);
+  const defs = svg.append("defs");
+  const edgeColors = new Set(edges.map((e) => edgeColor(e, palette)));
+  if (edgeColors.size > 0) {
+    appendArrowheadMarkers(defs, {
+      idPrefix: "infra",
+      width: ARROWHEAD_WIDTH,
+      height: ARROWHEAD_HEIGHT,
+      baseFill: palette.textMuted,
+      colors: edgeColors
+    });
+  }
   for (const edge of edges) {
     if (edge.points.length === 0) continue;
     const targetNode = nodeMap.get(edge.targetId);
@@ -907,9 +930,9 @@ function renderEdgePaths(svg, edges, nodes, groups, palette, _isDark, animate, d
     );
     const pathD = buildPathD(pts, direction);
     const edgeG = svg.append("g").attr("class", "infra-edge").attr("data-line-number", edge.lineNumber).attr("data-from", edge.sourceId).attr("data-to", edge.targetId);
-    const edgePath = edgeG.append("path").attr("d", pathD).attr("fill", "none").attr("stroke", color).attr("stroke-width", strokeW);
+    const edgePath = edgeG.append("path").attr("d", pathD).attr("fill", "none").attr("stroke", color).attr("stroke-width", strokeW).attr("marker-end", `url(#infra-arrow-${color.replace("#", "")})`);
     if (edge.async) {
-      edgePath.attr("stroke-dasharray", "6 4");
+      edgePath.attr("stroke-dasharray", EDGE_DASH);
     }
     if (animate && edge.computedRps > 0) {
       const baseDur = flowDuration(edge.computedRps, maxRps);
@@ -1023,7 +1046,7 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
     const strokeWidth = severity !== "normal" ? sc.sOverloadStrokeWidth : sc.sNodeStrokeWidth;
     g.append("rect").attr("x", x).attr("y", y).attr("width", node.width).attr("height", node.height).attr("rx", sc.sNodeBorderRadius).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", strokeWidth);
     const headerCenterY = y + NODE_HEADER_HEIGHT / 2 + sc.sNodeFontSize * 0.35;
-    g.append("text").attr("x", node.x).attr("y", headerCenterY).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sc.sNodeFontSize).attr("font-weight", "600").attr("fill", textFill).text(node.label);
+    g.append("text").attr("x", node.x).attr("y", headerCenterY).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sc.sNodeFontSize).attr("font-weight", "bold").attr("fill", textFill).text(node.label);
     const isNodeCollapsed = collapsedNodes?.has(node.id) ?? false;
     if (isNodeCollapsed) {
       const chevronY = y + node.height - 6;
@@ -1078,7 +1101,7 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
             key: "RPS",
             value: rpsText,
             valueFill: rpsColor,
-            fontWeight: "500",
+            fontWeight: "normal",
             inverted: rpsInverted,
             ...rpsInverted && { invertedBg: rpsColor }
           });
@@ -1147,9 +1170,13 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
             const pillY = rowY - sc.sMetaFontSize + 1;
             const pillW = node.width - pillPad * 2;
             g.append("rect").attr("x", pillX).attr("y", pillY).attr("width", pillW).attr("height", pillH).attr("rx", 3).attr("fill", row.invertedBg).attr("opacity", 0.9);
-            const pillTextColor = isDark ? "#ffffff" : palette.text;
-            g.append("text").attr("x", x + 10).attr("y", rowY).attr("font-family", FONT_FAMILY).attr("font-size", sc.sMetaFontSize).attr("font-weight", "600").attr("fill", pillTextColor).text(`${row.key}: `);
-            g.append("text").attr("x", valueX).attr("y", rowY).attr("font-family", FONT_FAMILY).attr("font-size", sc.sMetaFontSize).attr("font-weight", "600").attr("fill", pillTextColor).text(row.value);
+            const pillTextColor = contrastText(
+              row.invertedBg,
+              palette.textOnFillLight,
+              palette.textOnFillDark
+            );
+            g.append("text").attr("x", x + 10).attr("y", rowY).attr("font-family", FONT_FAMILY).attr("font-size", sc.sMetaFontSize).attr("font-weight", "bold").attr("fill", pillTextColor).text(`${row.key}: `);
+            g.append("text").attr("x", valueX).attr("y", rowY).attr("font-family", FONT_FAMILY).attr("font-size", sc.sMetaFontSize).attr("font-weight", "bold").attr("fill", pillTextColor).text(row.value);
           } else {
             g.append("text").attr("x", x + 10).attr("y", rowY).attr("font-family", FONT_FAMILY).attr("font-size", sc.sMetaFontSize).attr("fill", textFill).text(`${row.key}: `);
             g.append("text").attr("x", valueX).attr("y", rowY).attr("font-family", FONT_FAMILY).attr("font-size", sc.sMetaFontSize).attr("font-weight", row.fontWeight).attr("fill", row.valueFill).text(row.value);
@@ -1170,7 +1197,7 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
         const totalDotsWidth = roles.length * (sc.sRoleDotRadius * 2 + 2) - 2;
         const startX = node.x - totalDotsWidth / 2 + sc.sRoleDotRadius;
         for (let i = 0; i < roles.length; i++) {
-          g.append("circle").attr("cx", startX + i * (sc.sRoleDotRadius * 2 + 2)).attr("cy", dotY).attr("r", sc.sRoleDotRadius).attr("fill", roles[i].color);
+          g.append("circle").attr("cx", startX + i * (sc.sRoleDotRadius * 2 + 2)).attr("cy", dotY).attr("r", sc.sRoleDotRadius).attr("fill", palette.colors[roles[i].colorToken]);
         }
       }
       if (isCollapsedGroup) {
@@ -1259,7 +1286,7 @@ function computeInfraLegendGroups(nodes, tagGroups, palette, edges) {
   if (roles.length > 0) {
     const entries = roles.map((r) => ({
       value: r.name,
-      color: r.color,
+      color: palette.colors[r.colorToken],
       key: r.name.toLowerCase().replace(/\s+/g, "-")
     }));
     const pillWidth = measureLegendText("Capabilities", LEGEND_PILL_FONT_SIZE) + LEGEND_PILL_PAD;
@@ -1381,7 +1408,7 @@ function renderLegend(rootSvg, legendGroups, totalWidth, legendY, palette, isDar
       const badgeY = (LEGEND_HEIGHT - badgeH) / 2;
       const speedG = playbackEl.append("g").attr("data-playback-action", "set-speed").attr("data-playback-value", String(s)).style("cursor", "pointer");
       speedG.append("rect").attr("x", entryX).attr("y", badgeY).attr("width", slotW).attr("height", badgeH).attr("rx", badgeH / 2).attr("fill", isSpeedActive ? palette.primary : "transparent");
-      speedG.append("text").attr("x", entryX + slotW / 2).attr("y", entryY).attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", LEGEND_ENTRY_FONT_SIZE).attr("font-weight", isSpeedActive ? "600" : "400").attr("fill", isSpeedActive ? palette.bg : palette.textMuted).attr("text-anchor", "middle").text(label);
+      speedG.append("text").attr("x", entryX + slotW / 2).attr("y", entryY).attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", LEGEND_ENTRY_FONT_SIZE).attr("font-weight", isSpeedActive ? "bold" : "normal").attr("fill", isSpeedActive ? palette.bg : palette.textMuted).attr("text-anchor", "middle").text(label);
       entryX += slotW + SPEED_BADGE_GAP;
     }
   }
@@ -1472,7 +1499,7 @@ function renderInfra(container, layout, palette, isDark, title, titleLineNumber,
       }
       @keyframes infra-pulse-cb {
         0%, 49% { stroke-dasharray: none; }
-        50%, 100% { stroke-dasharray: 6 4; }
+        50%, 100% { stroke-dasharray: ${EDGE_DASH}; }
       }
       .infra-node-warning > rect:first-of-type {
         animation: infra-pulse-warning ${NODE_PULSE_SPEED}s ease-in-out infinite;
@@ -1481,7 +1508,7 @@ function renderInfra(container, layout, palette, isDark, title, titleLineNumber,
         animation: infra-pulse-overload ${NODE_PULSE_OVERLOAD}s ease-in-out infinite;
       }
       .infra-node-cb-open > rect:first-of-type {
-        stroke-dasharray: 6 4;
+        stroke-dasharray: ${EDGE_DASH};
         animation: infra-pulse-cb 1s step-end infinite;
       }
       @keyframes infra-edge-throb {
@@ -1613,4 +1640,4 @@ export {
   renderInfra,
   parseAndLayoutInfra
 };
-//# sourceMappingURL=chunk-BH3BQICT.js.map
+//# sourceMappingURL=chunk-32VR65TL.js.map