@diagrammo/dgmo 0.51.0 → 0.52.0

package/dist/{renderer-HCKJDFXD.js → renderer-PDLESJMS.js}

@@ -1,9 +1,9 @@
 import {
   renderClassDiagram,
   renderClassDiagramForExport
-} from "./chunk-IUJODQKX.js";
+} from "./chunk-AAXZDUOV.js";
 import "./chunk-WBRZJOEC.js";
-import "./chunk-JEUJOX5X.js";
+import "./chunk-J7TLCB2Q.js";
 import "./chunk-JED6ZDEE.js";
 import "./chunk-6EK55ART.js";
 import "./chunk-TYS6CSS5.js";
@@ -13,20 +13,20 @@ import "./chunk-BMR4CIEO.js";
 import "./chunk-JTSMEYIZ.js";
 import "./chunk-3CIOJ5YJ.js";
 import "./chunk-YYVTBZZC.js";
-import "./chunk-OU7HLO7I.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-467TVMQL.js";
-import "./chunk-FC5I2KXV.js";
-import "./chunk-WQLMU7VG.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-HHKO6SKY.js";
+import "./chunk-TPFKKXCB.js";
+import "./chunk-ARGMQ3H4.js";
 import "./chunk-FMDSF3OV.js";
 import "./chunk-FFUN5D66.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -34,4 +34,4 @@ export {
   renderClassDiagram,
   renderClassDiagramForExport
 };
-//# sourceMappingURL=renderer-HCKJDFXD.js.map
+//# sourceMappingURL=renderer-PDLESJMS.js.map

package/dist/{renderer-66MERVQ2.js → renderer-T4MTNINC.js}

@@ -2,17 +2,17 @@ import {
   renderSketch,
   renderSketchForExport,
   sketchEdgeGeometry
-} from "./chunk-F3FYUFUH.js";
+} from "./chunk-6HQH6JZE.js";
 import "./chunk-OTOHI4JO.js";
 import "./chunk-3CIOJ5YJ.js";
-import "./chunk-OU7HLO7I.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-467TVMQL.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-HHKO6SKY.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -21,4 +21,4 @@ export {
   renderSketchForExport,
   sketchEdgeGeometry
 };
-//# sourceMappingURL=renderer-66MERVQ2.js.map
+//# sourceMappingURL=renderer-T4MTNINC.js.map

package/dist/{renderer-RHT4MHFU.js → renderer-TOUGFGTM.js}

@@ -2,17 +2,17 @@ import {
   authoredCollapsedIds,
   renderBlock,
   renderBlockForExport
-} from "./chunk-TK2VQQX2.js";
-import "./chunk-OU7HLO7I.js";
+} from "./chunk-BPIZNB5O.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-NNAAJVBU.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-467TVMQL.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-NR5HCAUD.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-HHKO6SKY.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -21,4 +21,4 @@ export {
   renderBlock,
   renderBlockForExport
 };
-//# sourceMappingURL=renderer-RHT4MHFU.js.map
+//# sourceMappingURL=renderer-TOUGFGTM.js.map

package/dist/{renderer-EDJ2O4S5.js → renderer-U3KPD43Y.js}

@@ -3,25 +3,25 @@ import {
   renderPert,
   renderPertAnalysisBlock,
   renderPertForExport
-} from "./chunk-FTBZV6NE.js";
+} from "./chunk-LGT3PZCJ.js";
 import "./chunk-J76PIKAT.js";
 import "./chunk-GU46PPT3.js";
 import "./chunk-3CIOJ5YJ.js";
 import "./chunk-YYVTBZZC.js";
-import "./chunk-OU7HLO7I.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-5PDTIBLV.js";
+import "./chunk-K4EOKJA6.js";
 import "./chunk-7L4UJOY6.js";
 import "./chunk-USZW2HHU.js";
-import "./chunk-RBDIYLA5.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-467TVMQL.js";
+import "./chunk-DAOFNU6J.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-HHKO6SKY.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -31,4 +31,4 @@ export {
   renderPertAnalysisBlock,
   renderPertForExport
 };
-//# sourceMappingURL=renderer-EDJ2O4S5.js.map
+//# sourceMappingURL=renderer-U3KPD43Y.js.map

package/dist/{renderer-4WR6WMVF.js → renderer-X334IJU2.js}

@@ -1,21 +1,21 @@
 import {
   renderSitemap,
   renderSitemapForExport
-} from "./chunk-OJTXTQA2.js";
+} from "./chunk-44VCIPHF.js";
 import "./chunk-3HDBAXF5.js";
 import "./chunk-OTOHI4JO.js";
 import "./chunk-3CIOJ5YJ.js";
 import "./chunk-YYVTBZZC.js";
-import "./chunk-OU7HLO7I.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
 import "./chunk-IYULMRBE.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-467TVMQL.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-HHKO6SKY.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -23,4 +23,4 @@ export {
   renderSitemap,
   renderSitemapForExport
 };
-//# sourceMappingURL=renderer-4WR6WMVF.js.map
+//# sourceMappingURL=renderer-X334IJU2.js.map

package/dist/{renderer-JC3RDUT7.js → renderer-Y5OAMOCR.js}

@@ -1,18 +1,18 @@
 import {
   renderFamily,
   renderFamilyForExport
-} from "./chunk-5SVOCD5W.js";
+} from "./chunk-KGVZ5VGH.js";
 import "./chunk-IVKC4GID.js";
 import "./chunk-3CIOJ5YJ.js";
-import "./chunk-OU7HLO7I.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-467TVMQL.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-HHKO6SKY.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -20,4 +20,4 @@ export {
   renderFamily,
   renderFamilyForExport
 };
-//# sourceMappingURL=renderer-JC3RDUT7.js.map
+//# sourceMappingURL=renderer-Y5OAMOCR.js.map

package/dist/{renderer-GD2COXVL.js → renderer-YONAKAJU.js}

@@ -1,11 +1,11 @@
 import {
   renderClock,
   renderClockForExport
-} from "./chunk-U5SI5NIM.js";
-import "./chunk-4XFBQT5O.js";
+} from "./chunk-5223KXFD.js";
+import "./chunk-3LK5DNED.js";
 import "./chunk-APKUAJ2L.js";
 import "./chunk-6KFWC4CO.js";
-import "./chunk-P6T66CCZ.js";
+import "./chunk-WBM7ZNDI.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -13,4 +13,4 @@ export {
   renderClock,
   renderClockForExport
 };
-//# sourceMappingURL=renderer-GD2COXVL.js.map
+//# sourceMappingURL=renderer-YONAKAJU.js.map

package/dist/{renderer-TXJFKPOG.js → renderer-YWMI6Y2U.js}

@@ -1,24 +1,24 @@
 import {
   renderJourneyMap,
   renderJourneyMapForExport
-} from "./chunk-EXOQP75F.js";
-import "./chunk-3JLKYGBQ.js";
+} from "./chunk-CIRFIL4M.js";
+import "./chunk-YIBAWQGJ.js";
 import "./chunk-TYS6CSS5.js";
 import "./chunk-5DH3KYFH.js";
 import "./chunk-3HDBAXF5.js";
 import "./chunk-BMR4CIEO.js";
 import "./chunk-3CIOJ5YJ.js";
 import "./chunk-YYVTBZZC.js";
-import "./chunk-OU7HLO7I.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-4QZ43D7I.js";
+import "./chunk-XD6ZYURY.js";
 import "./chunk-IYULMRBE.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-467TVMQL.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-HHKO6SKY.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -26,4 +26,4 @@ export {
   renderJourneyMap,
   renderJourneyMapForExport
 };
-//# sourceMappingURL=renderer-TXJFKPOG.js.map
+//# sourceMappingURL=renderer-YWMI6Y2U.js.map

package/dist/{renderer-6RKQPNJI.js → renderer-ZWIH4WDW.js}

@@ -6,26 +6,26 @@ import {
   computeActivations,
   groupMessagesBySection,
   renderSequenceDiagram
-} from "./chunk-3YSQZ75W.js";
+} from "./chunk-VQOCMUWI.js";
 import {
   parseInlineMarkdown,
   truncateBareUrl
 } from "./chunk-3HDBAXF5.js";
 import "./chunk-BMR4CIEO.js";
 import "./chunk-YYVTBZZC.js";
-import "./chunk-OU7HLO7I.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-RLFVAKEO.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-QJMKPUYK.js";
 import "./chunk-C3Z4DX3V.js";
-import "./chunk-467TVMQL.js";
+import "./chunk-HHKO6SKY.js";
 import "./chunk-FFUN5D66.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -40,4 +40,4 @@ export {
   renderSequenceDiagram,
   truncateBareUrl
 };
-//# sourceMappingURL=renderer-6RKQPNJI.js.map
+//# sourceMappingURL=renderer-ZWIH4WDW.js.map

package/dist/{renderer-radial-FWABAZHB.js → renderer-radial-7CGZMVMS.js}

@@ -1,16 +1,16 @@
 import {
   renderTreemapRadial,
   renderTreemapRadialForExport
-} from "./chunk-IE477RQZ.js";
-import "./chunk-NI3XQBPB.js";
-import "./chunk-OU7HLO7I.js";
+} from "./chunk-5SEVICBT.js";
+import "./chunk-5BHJZH62.js";
+import "./chunk-AUIM2NVH.js";
 import "./chunk-YAA6IID3.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-467TVMQL.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-HHKO6SKY.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -18,4 +18,4 @@ export {
   renderTreemapRadial,
   renderTreemapRadialForExport
 };
-//# sourceMappingURL=renderer-radial-FWABAZHB.js.map
+//# sourceMappingURL=renderer-radial-7CGZMVMS.js.map

package/dist/{state-parser-6T6CNMPX.js → state-parser-BATWAID2.js}

@@ -1,13 +1,13 @@
 import {
   looksLikeState,
   parseState
-} from "./chunk-5F5ELR3V.js";
+} from "./chunk-ROOE4R4Y.js";
 import "./chunk-NXMESY4J.js";
-import "./chunk-WQLMU7VG.js";
+import "./chunk-ARGMQ3H4.js";
 import "./chunk-FMDSF3OV.js";
 import "./chunk-FFUN5D66.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -15,4 +15,4 @@ export {
   looksLikeState,
   parseState
 };
-//# sourceMappingURL=state-parser-6T6CNMPX.js.map
+//# sourceMappingURL=state-parser-BATWAID2.js.map

package/dist/{state-renderer-AWZ3ECAX.js → state-renderer-3FKZJ3LP.js}

@@ -1,11 +1,11 @@
 import {
   renderState,
   renderStateForExport
-} from "./chunk-VNSXLA6G.js";
+} from "./chunk-H7KENAZO.js";
 import "./chunk-PDKUANDZ.js";
 import "./chunk-HFMYN6N2.js";
 import "./chunk-LP7EC4MI.js";
-import "./chunk-JEUJOX5X.js";
+import "./chunk-J7TLCB2Q.js";
 import "./chunk-6EK55ART.js";
 import "./chunk-TYS6CSS5.js";
 import "./chunk-5DH3KYFH.js";
@@ -16,14 +16,14 @@ import "./chunk-YYVTBZZC.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-P6T66CCZ.js";
-import "./chunk-5F5ELR3V.js";
+import "./chunk-WBM7ZNDI.js";
+import "./chunk-ROOE4R4Y.js";
 import "./chunk-NXMESY4J.js";
-import "./chunk-WQLMU7VG.js";
+import "./chunk-ARGMQ3H4.js";
 import "./chunk-FMDSF3OV.js";
 import "./chunk-FFUN5D66.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-LV4BETUU.js";
+import "./chunk-BRENJ2BQ.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -31,4 +31,4 @@ export {
   renderState,
   renderStateForExport
 };
-//# sourceMappingURL=state-renderer-AWZ3ECAX.js.map
+//# sourceMappingURL=state-renderer-3FKZJ3LP.js.map

package/docs/ai-integration.md

@@ -182,7 +182,6 @@ _The most common types, inline so you can generate them without a fetch. For the
 
 ```dgmo
 journey-map A Cabin Boy's First Voyage
-solid-fill
 
 persona Squidlips Sam color: blue
   Greenhorn cabin boy, first time at sea
@@ -212,7 +211,6 @@ persona Squidlips Sam color: blue
 
 ```dgmo
 c4 Pirate Treasure Map System
-solid-fill
 
 tag Scope as sc
   Crew blue
@@ -288,8 +286,6 @@ ports
 ```dgmo
 class Ship Class Hierarchy
 
-solid-fill 
-
 interface Vessel
   + sail(): void
   + anchor(): void
@@ -360,18 +356,25 @@ else
 
 ```dgmo
 state Ship Battle Lifecycle
-solid-fill
 
 [*] -> Sailing
 
 Sailing
   -enemy spotted-> BattleStations
 
-BattleStations
-  -in range-> Engaging
-  -enemy retreats-> Sailing
+[Losses] gray
+  Captured -> [*]
+  Sinking -> [*]
+
+[Aftermath] teal
+  Victorious
+    -loot taken-> Sailing
+
+  Retreating
+    -escaped-> Sailing
+    -caught-> Captured
 
-[Combat]
+[Combat] red
   Engaging
     -alongside-> Boarding
     -hull breach-> Sinking
@@ -381,16 +384,9 @@ BattleStations
     -crew wins-> Victorious
     -crew loses-> Captured
 
-[Aftermath]
-  Victorious
-    -loot taken-> Sailing
-
-  Retreating
-    -escaped-> Sailing
-    -caught-> Captured
-
-Captured -> [*]
-Sinking -> [*]
+BattleStations
+  -in range-> Engaging
+  -enemy retreats-> Sailing
 ```
 #### infra
 

package/docs/language-reference.md

@@ -291,7 +291,9 @@ no-option-name       // off
 
 | Directive    | Effect                                                                                  |
 | ------------ | --------------------------------------------------------------------------------------- |
-| `solid-fill` | Render nodes/bars at full intent saturation instead of the canonical 25% tint           |
+| `fill-tint` | The default, spelled explicitly — shapes get the canonical 25% tint fill with a solid intent-color outline |
+| `fill-solid` | Render nodes/bars at full intent saturation instead of the canonical 25% tint           |
+| `fill-outline` | No fill — shapes take the theme background fill; the intent color is carried entirely by the outline |
 | `no-title`   | Hide the diagram banner title in the rendered output (does not mutate the parsed model) |
 
 Examples: `no-legend` (journey-map), `no-color` (flowchart, state), `no-title` (all chart types with a banner title).
@@ -839,7 +841,7 @@ tag Team as t
 - `animate` / `no-animate`
 - `active-tag GroupName` / `active-tag none` — pre-select a tag filter on render
 
-The universal options `solid-fill` and `no-title` also apply.
+The universal options `no-title` and the `fill-*` family also apply — but severity/SLO status tints are data and are never restyled by the fill family.
 
 ### 4.8 Edge Nodes
 
@@ -934,10 +936,10 @@ Bracket syntax only.
 - `direction-lr` (boolean; default is TB)
 - `orientation-vertical` (boolean; default is horizontal)
 - `no-color` (boolean; default off — when on, all nodes resolve to the muted neutral fill instead of their default intent color)
-- `solid-fill` (boolean; default off — render shapes with their full intent color instead of the canonical 25% tint)
+- `fill-solid` / `fill-outline` (fill family; default is the 25% tint — `fill-solid` renders shapes at full intent color, `fill-outline` drops the fill and carries color on the outline alone)
 - `no-notes` (boolean; default off — suppress all note boxes, see §4.7)
 
-`no-color` + `solid-fill` precedence: `no-color` wins for nodes with no explicit color (the muted neutral path bypasses `solid-fill`). Nodes with an explicit color survive `no-color` and are then rendered at full saturation if `solid-fill` is also on.
+`no-color` + `fill-solid` precedence: `no-color` wins for nodes with no explicit color (the muted neutral path bypasses `fill-solid`). Nodes with an explicit color survive `no-color` and are then rendered at full saturation if `fill-solid` is also on.
 
 ### 4.7 Notes (Nodes)
 
@@ -1020,10 +1022,10 @@ Pending p: Active
 Shipped p: Done
 Pending -ship-> Shipped
 ```
-- `solid-fill` (boolean; default off — render states with their full intent color instead of the canonical 25% tint; collapsed groups are also rendered at full saturation)
+- `fill-solid` / `fill-outline` (fill family; default is the 25% tint — collapsed groups follow the same mode, e.g. full saturation under `fill-solid`)
 - `no-notes` (boolean; default off — suppress all note boxes, see §4.7)
 
-`no-color` + `solid-fill` precedence: `no-color` wins for states with no explicit color (the muted neutral path bypasses `solid-fill`). Group colors survive `no-color` and are then rendered at full saturation if `solid-fill` is also on.
+`no-color` + `fill-solid` precedence: `no-color` wins for states with no explicit color (the muted neutral path bypasses `fill-solid`). Group colors survive `no-color` and are then rendered at full saturation if `fill-solid` is also on.
 
 ---
 
@@ -3426,7 +3428,7 @@ LayerLabel green
 ```
 ring Captain's Sphere of Influence
 
-solid-fill
+fill-solid
 
 Captain purple
   Final word on heading and plunder,
@@ -3459,7 +3461,7 @@ Indented lines under a layer are description text. Markdown inline formatting is
 
 | Directive    | Effect                                                               |
 | ------------ | -------------------------------------------------------------------- |
-| `solid-fill` | Render rings with full intent color instead of the default 25% tint. |
+| `fill-solid` / `fill-outline` | Render rings with full intent color, or outline-only, instead of the default 25% tint (fill family). |
 
 `inverted` is **not** valid on ring diagrams (rings are rotationally symmetric). Using it emits an error-severity diagnostic and the line is discarded.
 
@@ -3755,7 +3757,7 @@ In the desktop and web app a sketch opens in the **canvas editor** (the code pan
 <!-- TYPE:goal -->
 
 <!-- TIPS start -->
-**Styling tips:** A single progress-toward-a-target reading — one `now` against one `target`, answering "how close am I?". Reach for it for a KPI tile, a fundraising thermometer, a quarterly quota, or a completion percentage; there is no time axis, series, or milestones (use `line` for a trend, `countdown` for a live deadline). Put the **unit in the title** (`Marathon Fund ($)`, `Grog Barrel Fill (L)`) — there is no format/currency directive. `now` and `target` are **space-separated `key value`** directives, no colon (`now 6400` / `target 10000`); the percent is `now / target` and values auto-compact (`6.4k`, `1.2M`). Pick the face for the story with a bare flag on its own line: the default progress **bar** for a plain KPI, `thermometer` for fundraising/fill-the-tank framings, `gauge` for a speedometer/quota dial — all three read the same value pair. The fill is **auto traffic-light** by completion (`< 50%` red, `50–80%` orange, `≥ 80%` green; over-target stays green) so the color already reads the number's health — leave it unless you have reason to override with a trailing color on the title line (`goal Marathon Fund ($) green`) or `no-auto-color` (flat palette color). Over-target clamps the fill at 100% while the `%` label stays truthful (`120%`). Add a `note` — inline (`note Still waiting on three crews`) or a block header on its own line with an indented body — to caption the number with context (who's still owed, what's left); it takes simple markdown (`**bold**`, `*italic*`, `` `code` ``) and `- ` bullets. `solid-fill` for a bolder fill; `no-percent` / `no-value` / `no-title` / `no-note` to drop labels.
+**Styling tips:** A single progress-toward-a-target reading — one `now` against one `target`, answering "how close am I?". Reach for it for a KPI tile, a fundraising thermometer, a quarterly quota, or a completion percentage; there is no time axis, series, or milestones (use `line` for a trend, `countdown` for a live deadline). Put the **unit in the title** (`Marathon Fund ($)`, `Grog Barrel Fill (L)`) — there is no format/currency directive. `now` and `target` are **space-separated `key value`** directives, no colon (`now 6400` / `target 10000`); the percent is `now / target` and values auto-compact (`6.4k`, `1.2M`). Pick the face for the story with a bare flag on its own line: the default progress **bar** for a plain KPI, `thermometer` for fundraising/fill-the-tank framings, `gauge` for a speedometer/quota dial — all three read the same value pair. The fill is **auto traffic-light** by completion (`< 50%` red, `50–80%` orange, `≥ 80%` green; over-target stays green) so the color already reads the number's health — leave it unless you have reason to override with a trailing color on the title line (`goal Marathon Fund ($) green`) or `no-auto-color` (flat palette color). Over-target clamps the fill at 100% while the `%` label stays truthful (`120%`). Add a `note` — inline (`note Still waiting on three crews`) or a block header on its own line with an indented body — to caption the number with context (who's still owed, what's left); it takes simple markdown (`**bold**`, `*italic*`, `` `code` ``) and `- ` bullets. `fill-solid` for a bolder fill; `no-percent` / `no-value` / `no-title` / `no-note` to drop labels.
 <!-- TIPS end -->
 
 A single progress-toward-a-target value: one `now` measured against one `target`, drawn in one of three static faces. No time axis, no series, no milestones — just "how close am I?". The face is a bare-flag mode directive under the title (like treemap's `radial`); all three faces consume the same value pair.
@@ -3790,7 +3792,7 @@ target 10000
 | `target <number>`      | Goal value (required; must be > 0).                           |
 | `no-percent`           | Hide the `%` label.                                           |
 | `no-value`             | Hide the raw `now / target` label.                            |
-| `solid-fill`           | Full-saturation fill instead of the default 25% tint.         |
+| `fill-solid`           | Full-saturation fill instead of the default 25% tint (`fill-outline` hollows the meter — color on the rim). |
 | `no-title`             | Hide the banner title.                                        |
 | `no-note`              | Suppress the `note` block even if one is authored.           |
 | `no-auto-color`        | Disable the traffic-light bands; use the flat palette color.  |
@@ -3815,7 +3817,7 @@ The body supports inline `**bold**` / `*italic*` / `` `code` ``, `- `/`* ` bulle
 
 ### Values & color
 
-Values accept `_` separators (`10_000`) but not thousands commas; the unit lives in the title. Color precedence: (1) an explicit trailing color token on the title line (`goal Marathon Fund ($) green`, §1.5) always wins; (2) otherwise the **auto traffic-light** band by completion — `< 50%` red, `50–80%` orange, `≥ 80%` green (over-target stays green), which needs a `target`; (3) `no-auto-color` disables the bands and falls back to the palette series color. The fill is a 25% tint of the resolved color; `solid-fill` opts into full saturation.
+Values accept `_` separators (`10_000`) but not thousands commas; the unit lives in the title. Color precedence: (1) an explicit trailing color token on the title line (`goal Marathon Fund ($) green`, §1.5) always wins; (2) otherwise the **auto traffic-light** band by completion — `< 50%` red, `50–80%` orange, `≥ 80%` green (over-target stays green), which needs a `target`; (3) `no-auto-color` disables the bands and falls back to the palette series color. The fill is a 25% tint of the resolved color; `fill-solid` opts into full saturation; `fill-outline` hollows the meter (color on the rim, advancement reads from the outlined extent).
 
 ### Semantics
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.51.0",
+  "version": "0.52.0",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "repository": {