@diagrammo/dgmo 0.51.0 → 0.53.0

package/dist/{chunk-3YSQZ75W.js → chunk-65V6IRFN.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-774C2FF3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -21,25 +21,29 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  measureText,
-  truncateText
-} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
+import {
+  measureText,
+  truncateText
+} from "./chunk-4ASYQ347.js";
 import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-RLFVAKEO.js";
+} from "./chunk-22OQWBWD.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
+import {
+  fillModeFromOptions,
+  legendSuppressed
+} from "./chunk-YJVA3QUU.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -286,15 +290,13 @@ function wrapLabelWords(words, maxWidth, fontSize) {
   if (current) lines.push(current);
   return lines;
 }
-var fill = (palette, isDark, color, solid) => color ? shapeFill(palette, color, isDark, {
-  ...solid !== void 0 && { solid }
-}) : isDark ? mix(palette.overlay, palette.surface, 50) : mix(palette.bg, palette.surface, 50);
+var fill = (palette, isDark, color, fillMode) => color ? shapeFill(palette, color, isDark, { mode: fillMode }) : isDark ? mix(palette.overlay, palette.surface, 50) : mix(palette.bg, palette.surface, 50);
 var stroke = (palette, color) => color || palette.border;
 var SW = 1.5;
 var W = PARTICIPANT_BOX_WIDTH;
 var H = PARTICIPANT_BOX_HEIGHT;
-function renderRectParticipant(g, palette, isDark, color, solid, w = W, h = H) {
-  g.append("rect").attr("x", -w / 2).attr("y", 0).attr("width", w).attr("height", h).attr("rx", 2).attr("ry", 2).attr("fill", fill(palette, isDark, color, solid)).attr("stroke", stroke(palette, color)).attr("stroke-width", SW);
+function renderRectParticipant(g, palette, isDark, color, fillMode, w = W, h = H) {
+  g.append("rect").attr("x", -w / 2).attr("y", 0).attr("width", w).attr("height", h).attr("rx", 2).attr("ry", 2).attr("fill", fill(palette, isDark, color, fillMode)).attr("stroke", stroke(palette, color)).attr("stroke-width", SW);
 }
 function renderActorParticipant(g, palette, color, h = H) {
   const sc = h / H;
@@ -315,11 +317,11 @@ function renderActorParticipant(g, palette, color, h = H) {
   g.append("line").attr("x1", cx).attr("y1", bodyBottomY).attr("x2", cx - legSpan).attr("y2", legY).attr("stroke", s).attr("stroke-width", actorSW);
   g.append("line").attr("x1", cx).attr("y1", bodyBottomY).attr("x2", cx + legSpan).attr("y2", legY).attr("stroke", s).attr("stroke-width", actorSW);
 }
-function renderDatabaseParticipant(g, palette, isDark, color, solid, w = W, h = H) {
+function renderDatabaseParticipant(g, palette, isDark, color, fillMode, w = W, h = H) {
   const ry = 7;
   const topY = ry;
   const bodyH = h - ry * 2;
-  const f = fill(palette, isDark, color, solid);
+  const f = fill(palette, isDark, color, fillMode);
   const s = stroke(palette, color);
   g.append("ellipse").attr("cx", 0).attr("cy", topY + bodyH).attr("rx", w / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW);
   g.append("rect").attr("class", "participant-body").attr("x", -w / 2).attr("y", topY).attr("width", w).attr("height", bodyH).attr("fill", f).attr("stroke", "none");
@@ -327,11 +329,11 @@ function renderDatabaseParticipant(g, palette, isDark, color, solid, w = W, h =
   g.append("line").attr("x1", w / 2).attr("y1", topY).attr("x2", w / 2).attr("y2", topY + bodyH).attr("stroke", s).attr("stroke-width", SW);
   g.append("ellipse").attr("cx", 0).attr("cy", topY).attr("rx", w / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW);
 }
-function renderQueueParticipant(g, palette, isDark, color, solid, w = W, h = H) {
+function renderQueueParticipant(g, palette, isDark, color, fillMode, w = W, h = H) {
   const rx = 10;
   const leftX = -w / 2 + rx;
   const bodyW = w - rx * 2;
-  const f = fill(palette, isDark, color, solid);
+  const f = fill(palette, isDark, color, fillMode);
   const s = stroke(palette, color);
   g.append("ellipse").attr("cx", leftX + bodyW).attr("cy", h / 2).attr("rx", rx).attr("ry", h / 2).attr("fill", f).attr("stroke", s).attr("stroke-width", SW);
   g.append("rect").attr("class", "participant-body").attr("x", leftX).attr("y", 0).attr("width", bodyW).attr("height", h).attr("fill", f).attr("stroke", "none");
@@ -339,11 +341,11 @@ function renderQueueParticipant(g, palette, isDark, color, solid, w = W, h = H)
   g.append("line").attr("x1", leftX).attr("y1", h).attr("x2", leftX + bodyW).attr("y2", h).attr("stroke", s).attr("stroke-width", SW);
   g.append("ellipse").attr("cx", leftX).attr("cy", h / 2).attr("rx", rx).attr("ry", h / 2).attr("fill", f).attr("stroke", s).attr("stroke-width", SW);
 }
-function renderCacheParticipant(g, palette, isDark, color, solid, w = W, h = H) {
+function renderCacheParticipant(g, palette, isDark, color, fillMode, w = W, h = H) {
   const ry = 7;
   const topY = ry;
   const bodyH = h - ry * 2;
-  const f = fill(palette, isDark, color, solid);
+  const f = fill(palette, isDark, color, fillMode);
   const s = stroke(palette, color);
   const dash = "4 3";
   g.append("ellipse").attr("cx", 0).attr("cy", topY + bodyH).attr("rx", w / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW).attr("stroke-dasharray", dash);
@@ -586,7 +588,7 @@ function applyGroupOrdering(participants, groups, messages = []) {
 function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateToLine, options) {
   d3Selection.select(container).selectAll("*").remove();
   const { title, options: parsedOptions } = parsed;
-  const solid = parsedOptions["solid-fill"] === "on";
+  const fillMode = fillModeFromOptions(parsedOptions);
   const effectiveCollapsedGroups = options?.collapsedGroups ? new Set(options.collapsedGroups) : new Set(
     parsed.groups.filter((g) => g.collapsed).map((g) => g.lineNumber)
   );
@@ -1001,7 +1003,8 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     position: { placement: "top-center", titleRelation: "below-title" },
     mode: "preview"
   };
-  const legendTopSpace = parsed.tagGroups.length > 0 ? getMaxLegendReservedHeight(legendConfig, containerWidth) + LEGEND_FIXED_GAP : 0;
+  const noLegend = legendSuppressed(parsedOptions);
+  const legendTopSpace = parsed.tagGroups.length > 0 && !noLegend ? getMaxLegendReservedHeight(legendConfig, containerWidth) + LEGEND_FIXED_GAP : 0;
   const groupOffset = parsed.groups.length > 0 ? GROUP_PADDING_TOP + GROUP_LABEL_SIZE : 0;
   const participantStartY = sTopMargin + titleOffset + legendTopSpace + sParticipantYOffset + groupOffset;
   const lifelineStartY0 = participantStartY + sBoxH;
@@ -1146,7 +1149,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   }
   let rightMargin = Math.max(rightProjection + 10, sGap / 2);
   let leftMargin = sGap / 2;
-  const diagramWidth = participants.length * sGap;
+  const diagramWidth = Math.max(0, participants.length - 1) * sGap;
   let totalWidth = Math.max(
     leftMargin + diagramWidth + rightMargin,
     sBoxW + 40
@@ -1273,7 +1276,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       titleEl.attr("data-line-number", parsed.titleLineNumber);
     }
   }
-  const hasTagGroups = parsed.tagGroups.length > 0;
+  const hasTagGroups = parsed.tagGroups.length > 0 && !noLegend;
   const collapsedGroupNames = /* @__PURE__ */ new Set();
   const collapsedGroupMeta = /* @__PURE__ */ new Map();
   for (const group of parsed.groups) {
@@ -1327,7 +1330,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       isDark,
       effectiveTagColor,
       pTagAttr,
-      solid,
+      fillMode,
       sBoxW,
       sBoxH,
       sLabelTextWidth,
@@ -1551,7 +1554,9 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     const actTagColor = getTagColor(actTagValue);
     const actBaseColor = actTagColor || palette.primary;
     svg.append("rect").attr("x", x).attr("y", y1).attr("width", sActivationWidth).attr("height", y2 - y1).attr("fill", themeBaseBg(palette, isDark));
-    const actFill = shapeFill(palette, actBaseColor, isDark, { solid });
+    const actFill = shapeFill(palette, actBaseColor, isDark, {
+      mode: fillMode
+    });
     const actRect = svg.append("rect").attr("x", x).attr("y", y1).attr("width", sActivationWidth).attr("height", y2 - y1).attr("fill", actFill).attr("stroke", actBaseColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("data-participant-id", act.participantId).attr("data-msg-lines", coveredLines.join(",")).attr("data-line-number", coveredLines[0] ?? "").attr("class", "activation");
     if (tagKey && actTagValue) {
       actRect.attr(`data-tag-${tagKey}`, actTagValue.toLowerCase());
@@ -1789,7 +1794,7 @@ function buildNoteMessageMap(elements) {
   walk(elements);
   return map;
 }
-function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tagAttr, solid, boxW = W, boxH = H, labelTextW = labelTextWidth(W), labelFontSize = LABEL_FONT_SIZE) {
+function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tagAttr, fillMode, boxW = W, boxH = H, labelTextW = labelTextWidth(W), labelFontSize = LABEL_FONT_SIZE) {
   const g = svg.append("g").attr("transform", `translate(${cx}, ${cy})`).attr("class", "participant").attr("data-participant-id", participant.id);
   if (tagAttr) {
     g.attr(`data-tag-${tagAttr.key}`, tagAttr.value);
@@ -1799,16 +1804,24 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
       renderActorParticipant(g, palette, color, boxH);
       break;
     case "database":
-      renderDatabaseParticipant(g, palette, isDark, color, solid, boxW, boxH);
+      renderDatabaseParticipant(
+        g,
+        palette,
+        isDark,
+        color,
+        fillMode,
+        boxW,
+        boxH
+      );
       break;
     case "queue":
-      renderQueueParticipant(g, palette, isDark, color, solid, boxW, boxH);
+      renderQueueParticipant(g, palette, isDark, color, fillMode, boxW, boxH);
       break;
     case "cache":
-      renderCacheParticipant(g, palette, isDark, color, solid, boxW, boxH);
+      renderCacheParticipant(g, palette, isDark, color, fillMode, boxW, boxH);
       break;
     default:
-      renderRectParticipant(g, palette, isDark, color, solid, boxW, boxH);
+      renderRectParticipant(g, palette, isDark, color, fillMode, boxW, boxH);
       break;
   }
   const isActor = participant.type === "actor";
@@ -1820,7 +1833,7 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
   const fontSize = labelFontSize;
   const lineHeight = fontSize + 2;
   const labelFill = isActor ? palette.text : contrastText(
-    fill(palette, isDark, color, solid),
+    fill(palette, isDark, color, fillMode),
     palette.textOnFillLight,
     palette.textOnFillDark
   );
@@ -1848,4 +1861,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-3YSQZ75W.js.map
+//# sourceMappingURL=chunk-65V6IRFN.js.map

package/dist/{chunk-TMACGPW5.js → chunk-6AUZPPAV.js}

@@ -1,16 +1,16 @@
 import {
   parseDateToken,
   toInternal
-} from "./chunk-RBDIYLA5.js";
+} from "./chunk-DAOFNU6J.js";
 import {
   TIMELINE_REGISTRY,
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   makeDgmoError
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/timeline/parser.ts
 var TIMELINE_DURATION_RE = /^(\d+(?:\.\d{1,2})?)(min|[dwmyhs])(\?)?$/;
@@ -314,4 +314,4 @@ export {
   parseTimelineDate,
   parseTimelineEventLine
 };
-//# sourceMappingURL=chunk-TMACGPW5.js.map
+//# sourceMappingURL=chunk-6AUZPPAV.js.map

package/dist/{chunk-6H7O2OPM.js → chunk-6DCOIN4W.js}

@@ -65,7 +65,9 @@ var DIRECTIVES_REGISTRY = [
   { token: "sprint-length", category: "directive", gantt: ["option"] },
   { token: "sprint-number", category: "directive", gantt: ["option"] },
   { token: "sprint-start", category: "directive", gantt: ["option"] },
-  { token: "solid-fill", category: "directive", gantt: ["boolean"] },
+  { token: "fill-tint", category: "directive", gantt: ["boolean"] },
+  { token: "fill-solid", category: "directive", gantt: ["boolean"] },
+  { token: "fill-outline", category: "directive", gantt: ["boolean"] },
   // `chart` is a wireframe element keyword (CONTROL); gantt also accepts it as
   // an option. Highlight family is control.
   { token: "chart", category: "control", gantt: ["option"] },
@@ -83,7 +85,6 @@ var DIRECTIVES_REGISTRY = [
   { token: "flow-width", category: "directive", map: true },
   { token: "locale", category: "directive", map: true },
   { token: "caption", category: "directive", map: true },
-  { token: "no-legend", category: "directive", map: true },
   { token: "no-coastline", category: "directive", map: true },
   { token: "no-relief", category: "directive", map: true },
   { token: "no-context-labels", category: "directive", map: true },
@@ -101,6 +102,9 @@ var DIRECTIVES_REGISTRY = [
   { token: "days", category: "directive", map: true },
   // ── Shared across types ──────────────────────────────────
   // `active-tag`: infra top-level option + gantt option + map directive.
+  // Treemap also accepts it (§24C.6, decision #48) — validated inline in its
+  // parser, so no chart-scoped Set is derived for it; highlighting comes from
+  // the global directive category here.
   {
     token: "active-tag",
     category: "directive",
@@ -108,7 +112,9 @@ var DIRECTIVES_REGISTRY = [
     gantt: ["option"],
     map: true
   },
-  // `title`: gantt option (also a general data-chart directive, hand-listed).
+  // `title`: gantt option. (The data-chart `title` directive was removed in
+  // decision #48 — it now raises E_TITLE_DIRECTIVE; the token stays here for
+  // gantt.)
   { token: "title", category: "directive", gantt: ["option"] },
   // `sort`: gantt option (also general, hand-listed).
   { token: "sort", category: "directive", gantt: ["option"] },
@@ -117,6 +123,11 @@ var DIRECTIVES_REGISTRY = [
   { token: "lane-by", category: "directive", gantt: ["option"] },
   // `no-title`: gantt boolean + map directive (also general, hand-listed).
   { token: "no-title", category: "directive", gantt: ["boolean"], map: true },
+  // `no-legend`: universal (decision #48) — every chart that renders a legend
+  // accepts it, and charts without one take it as a harmless no-op. Parsed for
+  // most types via GLOBAL_BOOLEANS in utils/parsing; gantt derives its boolean
+  // Set from here, and map from `map: true`.
+  { token: "no-legend", category: "directive", gantt: ["boolean"], map: true },
   // ══════════════════════════════════════════════════════════
   // Highlight-only vocab (no extractable parser Set).
   // ══════════════════════════════════════════════════════════
@@ -128,10 +139,15 @@ var DIRECTIVES_REGISTRY = [
   { token: "era", category: "directive" },
   { token: "marker", category: "directive" },
   { token: "holiday", category: "directive" },
-  { token: "workweek", category: "directive" },
+  // `workweek` is also the canonical weekday-window directive on clock and map
+  // clock-cards (decision #48; `days` stays as the legacy alias).
+  { token: "workweek", category: "directive", map: true },
   { token: "no-dependencies", category: "directive" },
   // ── Tech-radar ───────────────────────────────────────────
   { token: "rings", category: "directive" },
+  // Blip listing is default-on everywhere (decision #48): `no-blip-legend`
+  // suppresses it; `show-blip-legend` stays as the parse-accepted legacy no-op.
+  { token: "no-blip-legend", category: "directive" },
   { token: "show-blip-legend", category: "directive" },
   { token: "trend", category: "directive" },
   // ── Tags / shared directives ─────────────────────────────
@@ -157,7 +173,13 @@ var DIRECTIVES_REGISTRY = [
   // ATTRIBUTE_KEYS colon-gate from reclassifying `heat:` as a propertyName. So
   // `heat` lives only in the reserved-key registry + ATTRIBUTE_KEYS and highlights
   // as a property in both positions — exactly the treemap `heat` precedent.
+  // Box values render by default since decision #48; `show-values` stays as
+  // the parse-accepted legacy no-op (suppress with the shared `no-value`).
   { token: "show-values", category: "directive" },
+  // Treemap's legacy plural spelling of the same suppression (decision #48
+  // made the shared singular `no-value` canonical). Registered so a legacy
+  // document still highlights it as a directive rather than plain text.
+  { token: "no-values", category: "directive" },
   // ── Swimlane ─────────────────────────────────────────────
   { token: "lane", category: "directive" },
   // ── ER ───────────────────────────────────────────────────
@@ -240,7 +262,9 @@ var DIRECTIVES_REGISTRY = [
   { token: "trials", category: "directive" },
   { token: "seed", category: "directive" },
   { token: "scrubber-trials", category: "directive" },
-  { token: "start-date", category: "directive" },
+  // `start-date` is also gantt's canonical project-start option (decision #48;
+  // bare `start` above stays as the legacy alias).
+  { token: "start-date", category: "directive", gantt: ["option"] },
   { token: "end-date", category: "directive" },
   // ── Goal ─────────────────────────────────────────────────
   // Mode flags, value-key leaders, and opt-outs. `now`/`target` collide with
@@ -278,6 +302,12 @@ var DIRECTIVES_REGISTRY = [
   { token: "backlog", category: "status" },
   { token: "ready", category: "status" },
   // ── Modifiers + ER column types/modifiers (MODIFIER) ─────
+  // `collapsed` is the bare trailing group-line flag made canonical by
+  // decision #48 (`[Fulfillment] collapsed`). It is deliberately a bare
+  // MODIFIER rather than a colon key: the legacy `collapsed: true` form still
+  // parses and still highlights (as `modifier` instead of `propertyName`),
+  // whereas leaving it colon-only left the canonical bare form as plain text.
+  { token: "collapsed", category: "modifier" },
   { token: "as", category: "modifier" },
   { token: "alias", category: "modifier" },
   { token: "aka", category: "modifier" },
@@ -359,4 +389,4 @@ export {
   REGISTRY_MODIFIER_TOKENS,
   REGISTRY_COLON_KEY_TOKENS
 };
-//# sourceMappingURL=chunk-6H7O2OPM.js.map
+//# sourceMappingURL=chunk-6DCOIN4W.js.map

package/dist/{chunk-GTWKD3QT.js → chunk-6HTRCTAS.js}

@@ -1,13 +1,14 @@
 import {
   extractColor,
+  fillModeFromOptions,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   makeDgmoError,
   makeFail
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/goal/parser.ts
 function parseGoalNumber(token) {
@@ -19,7 +20,7 @@ function parseGoal(content, palette) {
   const options = {
     noPercent: false,
     noValue: false,
-    solidFill: false,
+    fillMode: void 0,
     noTitle: false,
     noAutoColor: false,
     noNote: false
@@ -108,12 +109,12 @@ function parseGoal(content, palette) {
       options.noAutoColor = true;
       continue;
     }
-    if (lower === "no-note") {
+    if (lower === "no-notes" || lower === "no-note") {
       options.noNote = true;
       continue;
     }
     if (tryParseSharedOption(trimmed, sharedOpts)) {
-      if (sharedOpts["solid-fill"] === "on") options.solidFill = true;
+      options.fillMode = fillModeFromOptions(sharedOpts);
       if (sharedOpts["no-title"] === "on") options.noTitle = true;
       continue;
     }
@@ -155,4 +156,4 @@ function parseGoal(content, palette) {
 export {
   parseGoal
 };
-//# sourceMappingURL=chunk-GTWKD3QT.js.map
+//# sourceMappingURL=chunk-6HTRCTAS.js.map

package/dist/{chunk-VB4UJ3H2.js → chunk-6KY7OCZC.js}

@@ -13,15 +13,18 @@ import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
+import {
+  fillModeFromOptions
+} from "./chunk-YJVA3QUU.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/swimlane/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -124,7 +127,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
     laneColorById.set(lane.id, hex);
   });
   const isLR = parsed.direction === "LR";
-  const solid = parsed.options["solid-fill"] === "on";
+  const fillMode = fillModeFromOptions(parsed.options);
   const laneFill = (hex) => mix(hex, baseBg, 9);
   const haloAt = (cross) => {
     for (const band of layout.lanes) {
@@ -173,28 +176,35 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
     phaseG.append("text").attr("x", isLR ? band.x + band.width / 2 : band.headerSize / 2).attr("y", isLR ? band.headerSize / 2 : band.y + band.height / 2).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-size", PHASE_LABEL_FONT).attr("font-weight", "700").attr("letter-spacing", "0.06em").attr("fill", palette.textMuted).attr("data-line-number", String(band.lineNumber)).text(band.label);
   });
   const activeTag = opts.activeTagGroup ?? null;
+  const outline = fillMode === "outline";
   const nodeFill = (n) => {
     if (activeTag) {
       const key = tagAttrKey(activeTag);
       if (n.tags[key]) {
         const c = resolveTagColor(n.tags, [...parsed.tagGroups], activeTag);
         if (c && c !== "#999999")
-          return { fill: solid ? c : mix(c, baseBg, 22), stroke: c };
+          return {
+            fill: fillMode === "solid" ? c : outline ? baseBg : mix(c, baseBg, 22),
+            stroke: c
+          };
       }
     }
     if (n.shape === "terminal") {
       if (n.event === "error")
         return {
-          fill: solid ? ev.error : mix(ev.error, baseBg, 22),
+          fill: fillMode === "solid" ? ev.error : outline ? baseBg : mix(ev.error, baseBg, 22),
           stroke: ev.error
         };
       if (n.event === "success")
         return {
-          fill: solid ? ev.success : mix(ev.success, baseBg, 22),
+          fill: fillMode === "solid" ? ev.success : outline ? baseBg : mix(ev.success, baseBg, 22),
           stroke: ev.success
         };
       if (n.event === "terminate")
-        return { fill: mix(palette.text, baseBg, 30), stroke: palette.text };
+        return {
+          fill: outline ? baseBg : mix(palette.text, baseBg, 30),
+          stroke: palette.text
+        };
       return { fill: palette.bg, stroke: palette.textMuted };
     }
     if (n.shape === "exclusive" || n.shape === "parallel") {
@@ -205,8 +215,8 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
     }
     const hex = laneColorById.get(n.lane) ?? palette.border;
     return {
-      fill: solid ? hex : mix(hex, baseBg, 20),
-      stroke: mix(hex, palette.text, 40)
+      fill: fillMode === "solid" ? hex : outline ? baseBg : mix(hex, baseBg, 20),
+      stroke: outline ? hex : mix(hex, palette.text, 40)
     };
   };
   const nodeById = new Map(layout.nodes.map((n) => [n.id, n]));
@@ -391,4 +401,4 @@ function drawCenteredLabel(g, label, cx, cy, fill, fontSize, tight = false, halo
 export {
   renderSwimlaneForExport
 };
-//# sourceMappingURL=chunk-VB4UJ3H2.js.map
+//# sourceMappingURL=chunk-6KY7OCZC.js.map

package/dist/{chunk-YAA6IID3.js → chunk-774C2FF3.js}

@@ -13,7 +13,7 @@ import {
   LEGEND_TOGGLE_DOT_R,
   measureLegendText,
   truncateLegendText
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-4RGZFA7H.js";
 
 // src/utils/number-format.ts
 function compactNumber(n) {
@@ -545,4 +545,4 @@ export {
   getLegendReservedHeight,
   getMaxLegendReservedHeight
 };
-//# sourceMappingURL=chunk-YAA6IID3.js.map
+//# sourceMappingURL=chunk-774C2FF3.js.map

package/dist/{chunk-WJ7RW65H.js → chunk-7GUF6SDR.js}

@@ -7,23 +7,27 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-774C2FF3.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  contrastText,
+  mix,
+  shapeFill
+} from "./chunk-JYDMBWRP.js";
 import {
   measureText,
   truncateText,
   wrapTextToWidth
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 import {
-  contrastText,
-  mix,
-  shapeFill
-} from "./chunk-P6T66CCZ.js";
+  fillModeFromOptions,
+  legendSuppressed
+} from "./chunk-YJVA3QUU.js";
 
 // src/tech-radar/renderer.ts
 import * as d3Selection2 from "d3-selection";
@@ -440,7 +444,7 @@ function clearDim(root) {
 function renderHtmlPanel(panel, parsed, quadrant, qColor, palette, isDark, rootContainer, onClickItem) {
   const ringOrder = parsed.rings.map((r) => r.name);
   const fillColor = shapeFill(palette, qColor, isDark, {
-    solid: parsed.options["solid-fill"] === "on"
+    mode: fillModeFromOptions(parsed.options)
   });
   let expandedLineNum = null;
   function render() {
@@ -819,7 +823,7 @@ function renderQuarterCircleStatic(svg, parsed, quadrant, qColor, palette, isDar
 function renderStaticHtmlPanel(panel, parsed, quadrant, qColor, palette, isDark) {
   const ringOrder = parsed.rings.map((r) => r.name);
   const fillColor = shapeFill(palette, qColor, isDark, {
-    solid: parsed.options["solid-fill"] === "on"
+    mode: fillModeFromOptions(parsed.options)
   });
   for (const ringName of ringOrder) {
     const blips = quadrant.blips.filter((b) => b.ring === ringName);
@@ -932,8 +936,8 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
     );
     return;
   }
-  const directiveOn = parsed.options["show-blip-legend"] === "on";
-  const showListing = exportDims ? true : options?.showListing ?? directiveOn;
+  const directiveOff = parsed.options["no-blip-legend"] === "on";
+  const showListing = exportDims ? !directiveOff : options?.showListing ?? !directiveOff;
   const init = initRadarSvg(container, palette, exportDims);
   if (!init) return;
   const { svg, width, height, textColor, mutedColor } = init;
@@ -965,7 +969,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
     svg.append("text").attr("x", radarWidth / 2).attr("y", titleY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sTitleFontSize).attr("font-weight", "bold").text(parsed.title);
   }
   let legendReservedHeight = 0;
-  if (!exportDims && options?.onToggleListing) {
+  if (!exportDims && options?.onToggleListing && !legendSuppressed(parsed.options)) {
     const legendY = showTitle ? titleY + 8 : 4;
     const legendG = svg.append("g").attr("transform", `translate(0, ${legendY})`);
     const legendConfig = {
@@ -1173,7 +1177,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
         // Tech-radar opts out of solid-fill: blip popover stays in tinted
         // form so it reads consistently against the radar bg regardless of
         // the diagram's option setting.
-        false
+        void 0
       );
       showBlipHighlight(lineNum, bx, by, blipGroup);
     }).on("mousemove", (event) => {
@@ -1202,7 +1206,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
           // Tech-radar opts out of solid-fill: blip popover stays in tinted
           // form so it reads consistently against the radar bg regardless of
           // the diagram's option setting.
-          false
+          void 0
         );
         popover.style.pointerEvents = "auto";
         showBlipHighlight(lineNum, bx, by, blipGroup);
@@ -1246,7 +1250,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
             // Tech-radar opts out of solid-fill: blip popover stays in tinted
             // form so it reads consistently against the radar bg regardless of
             // the diagram's option setting.
-            false
+            void 0
           );
         }
         const lineNum = String(blip.lineNumber);
@@ -1440,10 +1444,8 @@ function createBlipPopover(container, _palette, isDark) {
   container.appendChild(el);
   return el;
 }
-function showBlipPopover(popover, blip, qColor, palette, isDark, event, solid) {
-  const fillColor = shapeFill(palette, qColor, isDark, {
-    ...solid !== void 0 && { solid }
-  });
+function showBlipPopover(popover, blip, qColor, palette, isDark, event, fillMode) {
+  const fillColor = shapeFill(palette, qColor, isDark, { mode: fillMode });
   const hasDesc = blip.description.length > 0;
   const onFillText = contrastText(
     fillColor,
@@ -1601,4 +1603,4 @@ export {
   renderTechRadar,
   renderTechRadarForExport
 };
-//# sourceMappingURL=chunk-WJ7RW65H.js.map
+//# sourceMappingURL=chunk-7GUF6SDR.js.map

package/dist/{chunk-QYTPPDAO.js → chunk-7JDTNFAK.js}

@@ -8,10 +8,10 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   getSeriesColors
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
 import {
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/version-control/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -399,4 +399,4 @@ export {
   renderVersionControl,
   renderVersionControlForExport
 };
-//# sourceMappingURL=chunk-QYTPPDAO.js.map
+//# sourceMappingURL=chunk-7JDTNFAK.js.map