@diagrammo/dgmo 0.89.0 → 0.91.0

package/docs/language-reference.md

@@ -98,7 +98,7 @@ Valid markup is the floor, not the goal. A good diagram reads at a glance. Apply
 - **Always title it.** Every diagram gets a short title on the type-declaration line (`flowchart Checkout Flow`, `sequence Checkout`, `boxes-and-lines Service Map`) so it is self-describing — never leave the bare type keyword alone. Infer a fitting title from the request when the user gives none.
   <!-- TITLE end -->
   <!-- CATEGORIZE start -->
-- **Categorize and color — by default, not only when obvious.** Before drawing, find the axis that sorts the items into kinds and color by it: layer (frontend / backend / data), role (client / service / datastore), trust zone (internal / external / third-party), status (done / active / blocked), owner/team, or read-path vs write-path. Almost every diagram has such an axis — actively look for one rather than leaving everything monochrome. Express it with a **tag group**, never ad-hoc per-node colors: declare `tag <Axis> as t` (the name is a single word — `tag TrustZone as tz` — or quote a multi-word name: `tag "Trust Zone" as tz`), indent the category values (a trailing color is optional — bare values auto-pick a palette color), set `active-tag <Axis>` in the header — after the tag group and before the first element, because a type such as c4 refuses it after content — then assign each item `Node t: <Category>` (see the tag-group syntax in the per-type section below). **Bracket, block, body, event-line, family and sketch** take the tag group but no `active-tag` line — declare the group and stop there; on event-line, family and sketch the line would be drawn as an element. **Class, flowchart, wireframe, raci, cycle, pyramid, ring, sankey, tech-radar, venn, version-control, wordcloud, arc, bar, clock, countdown, funnel, function, goal, heatmap, line, pie, polar-area, quadrant, radar, scatter and slope** take no tag group at all — skip this rule for them. Most report the lines; cycle, pyramid, ring, sankey, venn, version-control and wordcloud read them as content, and flowchart and tech-radar drop them without a word. Only the 11 named palette colors exist, and they re-resolve per palette/theme. Color the grouping so the categories — and the boundaries between them — read at a glance. **Buckets, not name tags — never 1:1.** A tag group must have _fewer_ values than it has members: each color should bucket two or more items so the palette compresses the diagram into a few meaningful kinds (aim for ~2–4 categories, and keep distinct colors well under half the item count). If you find yourself giving nearly every item its own value, you've enumerated, not categorized — merge the singletons up a level until each color groups at least two (a `cache` and a `database` are both `datastore`; a caller and a gateway are both `client`; two microservices are both `service`). One color per item is the same visual noise as random colors — the grouping only earns its place when a color means "these belong together." Leave items uncolored only when they genuinely form a single undifferentiated kind, or the user asked for no color.
+- **Categorize and color — by default, not only when obvious.** Before drawing, find the axis that sorts the items into kinds and color by it: layer (frontend / backend / data), role (client / service / datastore), trust zone (internal / external / third-party), status (done / active / blocked), owner/team, or read-path vs write-path. Almost every diagram has such an axis — actively look for one rather than leaving everything monochrome. Express it with a **tag group**, never ad-hoc per-node colors: declare `tag <Axis> as t` (the name is a single word — `tag TrustZone as tz` — or quote a multi-word name: `tag "Trust Zone" as tz`), indent the category values (a trailing color is optional — bare values auto-pick a palette color), set `active-tag <Axis>` in the header — after the tag group and before the first element, because a type such as c4 refuses it after content — then assign each item `Node t: <Category>` (see the tag-group syntax in the per-type section below). **Bracket, block, body, event-line, family and sketch** take the tag group but no `active-tag` line — declare the group and stop there; on event-line, family and sketch the line would be drawn as an element. **Class, flowchart, whiteboard, wireframe, raci, cycle, pyramid, ring, sankey, tech-radar, venn, version-control, wordcloud, arc, bar, clock, countdown, funnel, function, goal, heatmap, line, pie, polar-area, quadrant, radar, scatter and slope** take no tag group at all — skip this rule for them. Most report the lines; cycle, pyramid, ring, sankey, venn, version-control and wordcloud read them as content, and flowchart and tech-radar drop them without a word. Only the 11 named palette colors exist, and they re-resolve per palette/theme. Color the grouping so the categories — and the boundaries between them — read at a glance. **Buckets, not name tags — never 1:1.** A tag group must have _fewer_ values than it has members: each color should bucket two or more items so the palette compresses the diagram into a few meaningful kinds (aim for ~2–4 categories, and keep distinct colors well under half the item count). If you find yourself giving nearly every item its own value, you've enumerated, not categorized — merge the singletons up a level until each color groups at least two (a `cache` and a `database` are both `datastore`; a caller and a gateway are both `client`; two microservices are both `service`). One color per item is the same visual noise as random colors — the grouping only earns its place when a color means "these belong together." Leave items uncolored only when they genuinely form a single undifferentiated kind, or the user asked for no color.
 <!-- CATEGORIZE end -->
 - **Keep labels short.** A few words per node. Move detail into notes or metadata, never a full sentence inside a label.
 - **Let the defaults show.** Don't add `no-*` opt-outs unless the user asked to hide or disable something — they strip helpful labels, values, and color.
@@ -142,6 +142,7 @@ Valid markup is the floor, not the goal. A good diagram reads at a glance. Apply
 | `treemap`         | nested rectangles sized by value (budgets, disk usage, portfolios)                                                                                            |
 | `block`           | author-controlled grid of nested, collapsible blocks (system / architecture layouts)                                                                          |
 | `sketch`          | GUI-first free-placement canvas: uniform shapes on a snap grid, arrows, tags (markup is app-generated)                                                        |
+| `whiteboard`      | free-form infinite canvas: shapes, sticky notes, free arrows, text, images and freehand ink at pixel positions (canvas-drawn; AI writes all but ink)          |
 | `goal`            | single progress-toward-a-target value (`now` vs `target`) as a progress bar, thermometer, or gauge — KPIs, fundraising, quotas                                |
 | `countdown`       | live "N days until X" that ticks every second and is accurate on every load — trip dates, launches, deadlines; the only dynamic chart type                    |
 | `clock`           | live world-clock board: current time for people/places across time zones, ticking every second, with optional working-hours status and sundown line           |
@@ -384,6 +385,52 @@ One legacy form changed with this spec:
 
 No code migration is required for in-arrow label character escaping — any label that was valid before remains valid, with one exception: if your label happened to contain the literal substring `->` or `~>`, the parser now rejects it with `E_ARROW_SUBSTRING_IN_LABEL`. Move those labels to the post-colon form.
 
+### 1.10 The Palette Line
+
+`palette` works on **every** chart type and is rare: most diagrams never carry one and take the palette of wherever they are shown. It goes at the **bottom** of the file. The line is lifted out before the chart is parsed, so it never becomes a node, task or row. Lowercase only — `Palette 70` stays a data row.
+
+```
+palette nord          // a built-in palette, in the reader's own light/dark
+palette nord dark     // a built-in, pinned to dark (or light)
+```
+
+Built-in palettes: `atlas`, `blueprint`, `catppuccin`, `nord`, `slate`, `tidewater`, `tokyo-night`.
+
+A palette of your own is an indented block — the same content as a desktop theme file. Each `light` / `dark` section holds the twelve role keys and a `colors` section with the eleven colour names; a block with only one section is that mode only. **Hex is allowed inside this block and nowhere else.**
+
+```
+palette Dracula
+  dark
+    bg #282a36
+    surface #343746
+    overlay #44475a
+    border #6272a4
+    text #f8f8f2
+    text-muted #bfbfbf
+    text-on-fill-light #f8f8f2
+    text-on-fill-dark #282a36
+    primary #bd93f9
+    secondary #8be9fd
+    accent #ff79c6
+    destructive #ff5555
+    colors
+      red #ff5555
+      orange #ffb86c
+      yellow #f1fa8c
+      green #50fa7b
+      blue #6272a4
+      purple #bd93f9
+      teal #8be9fd
+      cyan #8be9fd
+      gray #6272a4
+      black #21222c
+      white #f8f8f2
+```
+
+A block must have every key, hex only, text readable on its fills, and a name that is not a built-in. One that fails is not drawn: the diagram uses the next palette down, with a warning on the line at fault. An unknown name warns the same way.
+
+**Who wins**, highest first: an explicit choice where the diagram is shown (a fence `palette=` attribute, `--palette` on the command line), then the file's palette, then the site's or app's own setting, then Slate. `theme` is retired — the mode word on the palette line does its job.
+
 ---
 
 ## 2. Universal Name Handling
@@ -3016,7 +3063,7 @@ Nice-to-haves p: Low collapsed
 | `active-tag GroupName` | Sets the default active tag group.                                   |
 | `color-by-depth`       | Bare flag; colour nodes by depth instead of by tag (off by default). |
 
-Universal options (`palette`, `theme`) apply as elsewhere.
+The `palette` line applies as elsewhere (§1.10).
 
 ---
 
@@ -3482,7 +3529,7 @@ tag Channel as ch
 | Directive              | Effect                                          |
 | ---------------------- | ----------------------------------------------- |
 | `active-tag GroupName` | Set the active tag group for step-card coloring |
-| `palette`, `theme`     | Universal options                               |
+| `palette`              | The universal palette line (§1.10)              |
 
 ### Flat Mode
 
@@ -3864,7 +3911,7 @@ In the desktop app a block diagram is interactive: click a container header to c
 
 <!-- TIPS start -->
 
-**Styling tips:** Sketch is a GUI-authored format — the desktop and web canvas editors generate this markup, so hand-writing it is the exception. If you generate it anyway: keep it SMALL (sketches read best under ~15 shapes), and either omit `at:` everywhere (shapes flow into rows) or use integer half-slot coordinates with shapes **at least 3 half-slots apart** on one axis (a footprint spans 2 half-units and the mandatory gap adds 1 more, so each shape claims a 3×3 block; 2 apart overlaps). A `[Box]` may hold another `[Box]`, to **depth 2** — a third level is refused and its shapes join the box above it. Alias any shape an edge references (`as con`). Never write `size:`, colors, fonts, or a `shape:` outside the closed set (database, queue, person, document, note). In sketch, `~` dashed means secondary emphasis, NOT async. Categorize with a tag group instead of reaching for more shape kinds — kind-of-thing is meaning, and meaning lives in tags. Reach for `sketch` when the drawing itself is the content; reach for `boxes-and-lines` when topology should auto-lay-out.
+**Styling tips:** Sketch is a GUI-authored format — the desktop and web canvas editors generate this markup, so hand-writing it is the exception. If you generate it anyway: keep it SMALL (sketches read best under ~15 shapes), and either omit `at:` everywhere (shapes flow into rows) or use integer half-slot coordinates with shapes **at least 3 half-slots apart** on one axis (a footprint spans 2 half-units and the mandatory gap adds 1 more, so each shape claims a 3×3 block; 2 apart overlaps). A `[Box]` may hold another `[Box]`, to **depth 2** — a third level is refused and its shapes join the box above it. Alias any shape an edge references (`as con`). Never write `size:`, `shape:`, colors, or fonts — every shape is the same plain card. In sketch, `~` dashed means secondary emphasis, NOT async. Categorize with a tag group — kind-of-thing is meaning, and meaning lives in tags. Reach for `sketch` when the drawing itself is the content; reach for `boxes-and-lines` when topology should auto-lay-out.
 
 <!-- TIPS end -->
 
@@ -3892,9 +3939,9 @@ Captain's Console as con at: 2 0, crew: Deck
 Divvy Service as dvy at: 4 0, crew: Hold
 
 [Below Decks] at: 2 2, crew: Hold
-  Booty Queue as bq shape: queue, at: 0 0
+  Booty Queue as bq at: 0 0
     ~haul~> dvy
-  Ship Ledger as ledger shape: database, at: 2 0
+  Ship Ledger as ledger at: 2 0
 
 [Armory] as armory at: 0 2, collapsed
   Powder Store at: 0 0
@@ -3902,7 +3949,7 @@ Divvy Service as dvy at: 4 0, crew: Hold
 
 ### Shapes
 
-One top-level line = one shape — a **bare name** plus same-line `key: value` metadata. `shape:` morphs from the default rectangle: `database`, `queue`, `person`, `document`, `note` (rectangle is never written; unknown values warn and fall back). `note` renders as a sticky-style card with smaller left-aligned multiline text. Duplicate labels are legal **when aliased** (`Cache as c1` / `Cache as c2`); unaliased duplicates merge (standard dgmo semantics).
+One top-level line = one shape — a **bare name** plus same-line `key: value` metadata. Every shape is the same plain card — there are no shape kinds, and a `shape:` clause is an error (`E_SKETCH_SHAPE_UNSUPPORTED`); the shape still draws, without it. Duplicate labels are legal **when aliased** (`Cache as c1` / `Cache as c2`); unaliased duplicates merge (standard dgmo semantics).
 
 ### Coordinates — `at: C R`
 
@@ -3920,7 +3967,6 @@ Indented under the source shape, targeting an alias (or an unambiguous bare labe
 
 | Key         | Type           | Default                 | Description                                              |
 | ----------- | -------------- | ----------------------- | -------------------------------------------------------- |
-| `shape`     | closed set     | rectangle               | `database` / `queue` / `person` / `document` / `note`    |
 | `at`        | `C R` integers | flow-placed             | Half-slot position (origin-normalized)                   |
 | `collapsed` | flag           | —                       | Box only — start folded (collapse-bar)                   |
 | `<tag>`     | declared value | untagged (neutral gray) | Tag value (cascades from box; edge tails color the line) |
@@ -3937,6 +3983,110 @@ In the desktop and web app a sketch opens in the **canvas editor** (the code pan
 
 ---
 
+## 24Ea. Whiteboard Diagrams
+
+<!-- TYPE:whiteboard -->
+
+**Beta — expect rough edges and syntax changes.**
+
+<!-- TIPS start -->
+
+**Styling tips:** Whiteboard is a canvas-first format: people draw on it, and pen strokes (`ink` lines) only ever come from drawing — never write an `ink` line. Generate the readable parts only: `rectangle`, `ellipse`, `database`, `queue` with a label, `at: X Y` (top-left, integer pixels) and `size: W H`; `arrow` with `from: X Y, to: X Y` and an optional label, or `line` the same way for a connection with no head; add `style: dashed` to an arrow or line for a tentative or optional link; `heads: both` for a two-way arrow; `bend: 40` (px, sign picks the side) to curve a link around something in its way; `text` at a point; `note` with `at: X Y` for a sticky-note comment or open question (a 160 × 99 yellow card by default; `size:` and `color:` are optional). A shape label or a note wraps to its width on its own, so never break a sentence by hand to fit; for separate lines (a heading, a list), drop the inline label and indent each line two spaces under the element line. Leave ~40px between shapes and keep boards small (under ~15 elements). Colours are palette names (red, green, blue, teal, purple, orange, yellow, cyan, gray); leave colour off for the default ink. An arrow or line end placed inside a shape or note attaches to it and is drawn to its border, so point ends at shape centres. `no-notes` hides every note when the board is shown. Reach for `whiteboard` for a loose drawing someone will scribble over; reach for `sketch` for tagged shapes on a grid, and `boxes-and-lines` when topology should auto-lay-out.
+
+<!-- TIPS end -->
+
+A **free-form whiteboard** on an infinite canvas: rectangles, ellipses, databases, queues, sticky notes, free arrows and lines, text, pasted images and freehand ink, each at absolute pixel positions. Shapes are clean vector outlines; only ink looks hand-made. The export is cropped to the drawing plus a margin. Element order is drawing order — later lines draw on top.
+
+### Declaration
+
+```
+whiteboard [Title]
+```
+
+### Example
+
+```
+whiteboard Login ideas
+rectangle Sign in at: 60 60, size: 180 70
+ellipse OAuth? at: 345 53, size: 170 84, color: blue
+arrow from: 150 95, to: 430 95
+rectangle Magic link at: 60 250, size: 180 70, color: green
+arrow emails a code from: 150 95, to: 150 285, color: green
+database Users at: 420 160, size: 140 100, color: purple
+queue Email jobs at: 300 380, size: 200 64, color: orange
+arrow from: 150 285, to: 400 412, color: orange, style: dashed
+line from: 60 340, to: 240 340, style: dashed
+text keep it to ONE screen at: 62 184
+text 2FA here?? at: 560 -4, color: red
+note ask legal about SSO at: 600 300
+```
+
+### Elements
+
+One line = one element, led by its keyword. The label is a **bare name** before the first `key:`; metadata is same-line `key: value` pairs. Quote a label that itself contains `word:` (`text "todo: ship" at: 0 0`).
+
+A label can run over several lines: indent them under the element line. An inline label, when present, is the first line. This works on every labelled element — shapes, `note`, `arrow`, `line` and `text`:
+
+```
+whiteboard
+rectangle at: 0 0, size: 140 60
+  Sign in
+  with email
+text at: 0 90
+  keep it to
+  ONE screen
+```
+
+Body lines are literal — trimmed, but never read as metadata, quotes or comments. A blank line between two of them is an empty line of the label. `image` and `ink` take no indented lines; any are ignored with a warning.
+
+A **shape** label, and a note's text, wraps to its width: each written line is kept and wraps on its own, so a long line breaks at words inside the box. Arrow, line and `text` labels never wrap — each written line is drawn as written.
+
+| Line                                   | Meaning                                                                             |
+| -------------------------------------- | ----------------------------------------------------------------------------------- |
+| `rectangle <label> at: X Y, size: W H` | Box; label centred, wrapped to the box                                              |
+| `ellipse <label> at: X Y, size: W H`   | Ellipse inside that box                                                             |
+| `database <label> at: X Y, size: W H`  | Upright cylinder                                                                    |
+| `queue <label> at: X Y, size: W H`     | Cylinder on its side                                                                |
+| `note <text> at: X Y[, size: W H]`     | Sticky note: tinted card, text top-left, wrapped; default 160 × 120, yellow         |
+| `arrow <label> from: X Y, to: X Y`     | Arrow, head at `to:`; label optional, drawn at the midpoint                         |
+| `line <label> from: X Y, to: X Y`      | Free line — an arrow with no head; otherwise identical                              |
+| `text <words> at: X Y`                 | Free text; `at:` is the top-left of its first line                                  |
+| `image <ref> at: X Y, size: W H`       | Picture; `<ref>` is a relative path (`board.assets/9f3c.webp`) or an `https://` URL |
+| `ink <colour> <width> <path>`          | One freehand stroke — **canvas-written only**                                       |
+
+An `arrow` or `line` end inside a shape or a sticky note attaches to it and is drawn to its border (topmost wins; not when both ends are inside the same one).
+
+The label is optional on shapes, notes, arrows and lines. `at:` is a top-left corner in canvas pixels; every number is an integer and may be negative. `size:` is width then height, each at least 1.
+
+Arrows and lines take `style: dashed` for a dashed stroke. Solid is the default and is never written; `dashed` is the only value `style:` accepts.
+
+An `arrow` takes `heads: both` for a head at each end. Arrows and lines take `bend: N` (whole px) to curve: the curve's middle sits `N` px to the right of travel from `from:` to `to:` (negative bends left); `0` is straight and never written. There are no elbow connectors. Shapes take `fill: solid` (filled with their colour) or `fill: outline` (hollow); the pale `tint` is the default and never written.
+
+### Colours
+
+`color:` takes a palette **name**: `ink` (the default, never written — the theme's text colour, near-black on light and near-white on dark), `red`, `green`, `blue`, `teal`, `purple`, `orange`, `yellow`, `cyan`, `gray`. Each takes the palette's own light or dark shade. No hex values. A `note` defaults to `yellow` instead of `ink`, and writes `color:` only when it is not yellow.
+
+### Images
+
+An image whose ref cannot be loaded — a local file that is not there, or a copied fence — draws a plain box at its size labelled _image not uploaded_. It is never an error.
+
+### Directives
+
+| Directive  | Effect                                                 |
+| ---------- | ------------------------------------------------------ |
+| `no-title` | Keep the title in the source; do not draw it.          |
+| `no-notes` | Keep the sticky notes in the source; do not draw them. |
+
+### Sticky notes
+
+`note` drops a sticky note: a tinted card with its text top-left, wrapped to the card. `size:` is optional (default 160 × 120) and `color:` defaults to `yellow`. An empty `note at: X Y` is valid. Notes are an overlay layer — `no-notes` hides every note, and a host can show or hide them whatever the directive says (the `showNotes` render option). A hidden note is not drawn, takes no room in the crop, and no arrow end attaches to it.
+
+### Leniency
+
+A malformed line is a warning and is skipped; the rest of the board renders. Only a first line that is not `whiteboard` is an error; a board with no elements is a blank canvas and is valid.
+
+---
+
 ## 24E. Goal
 
 <!-- TYPE:goal -->
@@ -4295,10 +4445,10 @@ Pick destination
 
 ### Directives
 
-| Directive                        | Effect                                                                                                                                                                                                                      |
-| -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `roles`                          | Declare column order. Inline (`roles Cap, QM, Bos`) is name-only; the indented block form supports per-role color via the trailing-token form (`Cap red`). When present, unknown roles in tasks emit `W_RACI_UNKNOWN_ROLE`. |
-| `palette`, `theme`, `active-tag` | Universal options.                                                                                                                                                                                                          |
+| Directive    | Effect                                                                                                                                                                                                                      |
+| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `roles`      | Declare column order. Inline (`roles Cap, QM, Bos`) is name-only; the indented block form supports per-role color via the trailing-token form (`Cap red`). When present, unknown roles in tasks emit `W_RACI_UNKNOWN_ROLE`. |
+| `active-tag` | Universal option; `palette` is the universal line (§1.10).                                                                                                                                                                  |
 
 ### Phase metadata
 

package/gallery/fixtures/sketch.dgmo

@@ -13,9 +13,9 @@ Divvy Service as dvy at: 4 0, crew: Hold
   -entries-> ledger
 
 [Below Decks] at: 2 2, crew: Hold
-  Booty Queue as bq shape: queue, at: 0 0
+  Booty Queue as bq at: 0 0
     ~haul~> dvy
-  Ship Ledger as ledger shape: database, at: 2 0
+  Ship Ledger as ledger at: 2 0
 
 [Armory] as armory at: 0 2, collapsed
   Powder Store at: 0 0

package/gallery/fixtures/whiteboard.dgmo

@@ -0,0 +1,18 @@
+whiteboard Login ideas
+rectangle Sign in at: 60 60, size: 180 70
+ellipse OAuth? at: 345 53, size: 170 84, color: blue
+arrow from: 150 95, to: 430 95, heads: both
+rectangle Magic link at: 60 250, size: 180 70, color: green
+arrow emails a code from: 150 95, to: 150 285, color: green
+database Users at: 420 160, size: 140 100, color: purple, fill: solid
+queue Email jobs at: 300 380, size: 200 64, color: orange
+arrow from: 150 285, to: 400 412, color: orange, bend: 50
+text keep it to ONE screen at: 62 184
+text 2FA here?? at: 560 -4, color: red
+note at: 560 400
+  Ask legal whether SSO needs a security review
+  - Sam
+image login-ideas.assets/9f3c2a71.webp at: 620 200, size: 250 170
+ink ink 2.5 AHysAxoGEgIUAyYJFAESAi4MEgIUAyYJFAESAjQOGgE
+ink red 3 ALwKUAEKBQoNCA8IKwwxBDMDKwkRBwsJBwkBCQgNCgkkDyQHHAE4ATQIFgYaDAwKCBABCgsO
+ink green 4 AZwE2AQYJDAWaqMBHQ

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.89.0",
+  "version": "0.91.0",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "author": "Diagrammo LLC",
@@ -141,6 +141,7 @@
     "d3-shape": "^3.2.0",
     "jsdom": "^29.1.1",
     "lz-string": "^1.5.0",
+    "perfect-freehand": "1.2.3",
     "topojson-client": "^3.1.0"
   },
   "pnpm": {

package/dist/chunk-6EK55ART.js

@@ -1,116 +0,0 @@
-import {
-  NOTE_GAP
-} from "./chunk-5DH3KYFH.js";
-
-// src/utils/notes/place.ts
-var NOTE_CLEAR = 14;
-var intersects = (a, b, pad) => !(a.right + pad <= b.left || b.right + pad <= a.left || a.bottom + pad <= b.top || b.bottom + pad <= a.top);
-function placeNotes(obstacles, requests, direction) {
-  const placements = /* @__PURE__ */ new Map();
-  const occupied = obstacles.map((p) => ({
-    left: p.x - p.width / 2,
-    top: p.y - p.height / 2,
-    right: p.x + p.width / 2,
-    bottom: p.y + p.height / 2
-  }));
-  for (const req of requests) {
-    if (req.collapsed) {
-      placements.set(req.key, {
-        collapsed: true,
-        side: "right",
-        x: 0,
-        y: 0
-      });
-      continue;
-    }
-    const p = req.node;
-    const cx = p.x;
-    const cy = p.y;
-    const nodeLeft = cx - p.width / 2;
-    const nodeRight = cx + p.width / 2;
-    const nodeTop = cy - p.height / 2;
-    const nodeBottom = cy + p.height / 2;
-    const { noteW, noteH } = req;
-    const rectFor = (side) => {
-      switch (side) {
-        case "right": {
-          const left = nodeRight + NOTE_GAP;
-          const top = cy - noteH / 2;
-          return { left, top, right: left + noteW, bottom: top + noteH };
-        }
-        case "left": {
-          const right = nodeLeft - NOTE_GAP;
-          const top = cy - noteH / 2;
-          return { left: right - noteW, top, right, bottom: top + noteH };
-        }
-        case "below": {
-          const left = cx - noteW / 2;
-          const top = nodeBottom + NOTE_GAP;
-          return { left, top, right: left + noteW, bottom: top + noteH };
-        }
-        case "above":
-        default: {
-          const left = cx - noteW / 2;
-          const bottom = nodeTop - NOTE_GAP;
-          return { left, top: bottom - noteH, right: left + noteW, bottom };
-        }
-      }
-    };
-    const order = direction === "LR" ? ["below", "above"] : ["right", "left"];
-    let chosen = null;
-    for (const side of order) {
-      const rect = rectFor(side);
-      if (!occupied.some((o) => intersects(rect, o, NOTE_CLEAR))) {
-        chosen = { rect, side };
-        break;
-      }
-    }
-    if (!chosen) {
-      const side = order[0];
-      let rect = rectFor(side);
-      const axisIsY = side === "above" || side === "below";
-      const outward = side === "below" || side === "right" ? 1 : -1;
-      for (let guard = 0; guard < 50; guard++) {
-        const blockers = occupied.filter(
-          (o) => intersects(rect, o, NOTE_CLEAR)
-        );
-        if (blockers.length === 0) break;
-        if (axisIsY && outward > 0) {
-          const top = Math.max(...blockers.map((b) => b.bottom)) + NOTE_CLEAR;
-          rect = { ...rect, top, bottom: top + noteH };
-        } else if (axisIsY) {
-          const bottom = Math.min(...blockers.map((b) => b.top)) - NOTE_CLEAR;
-          rect = { ...rect, bottom, top: bottom - noteH };
-        } else if (outward > 0) {
-          const left = Math.max(...blockers.map((b) => b.right)) + NOTE_CLEAR;
-          rect = { ...rect, left, right: left + noteW };
-        } else {
-          const right = Math.min(...blockers.map((b) => b.left)) - NOTE_CLEAR;
-          rect = { ...rect, right, left: right - noteW };
-        }
-      }
-      chosen = { rect, side };
-    }
-    occupied.push(chosen.rect);
-    placements.set(req.key, {
-      collapsed: false,
-      side: chosen.side,
-      x: chosen.rect.left - p.x,
-      y: chosen.rect.top - p.y
-    });
-  }
-  return placements;
-}
-
-// src/utils/notes/bounds.ts
-function noteCanvasShift(minX, minY, margin = 20) {
-  return {
-    shiftX: minX < 0 ? margin - minX : 0,
-    shiftY: minY < 0 ? margin - minY : 0
-  };
-}
-
-export {
-  placeNotes,
-  noteCanvasShift
-};

package/dist/chunk-HTNLLT34.js

@@ -1,72 +0,0 @@
-import {
-  placeNotes
-} from "./chunk-6EK55ART.js";
-import {
-  noteBoxSize
-} from "./chunk-RJNZHFNG.js";
-
-// src/utils/notes/build.ts
-function buildPlacedNotes(anchors, noteByNode, direction, collapsedNotes) {
-  const placed = /* @__PURE__ */ new Map();
-  if (noteByNode.size === 0) return placed;
-  const geoms = /* @__PURE__ */ new Map();
-  const requests = [];
-  for (const a of anchors) {
-    const note = noteByNode.get(a.id);
-    if (!note) continue;
-    const size = noteBoxSize(note.body);
-    geoms.set(a.id, {
-      noteW: size.width,
-      noteH: size.height,
-      ...note.color && { color: note.color },
-      lines: size.lines,
-      lineNumber: note.lineNumber,
-      endLineNumber: note.endLineNumber
-    });
-    requests.push({
-      key: a.id,
-      node: { x: a.x, y: a.y, width: a.width, height: a.height },
-      noteW: size.width,
-      noteH: size.height,
-      collapsed: collapsedNotes?.has(note.lineNumber) ?? false
-    });
-  }
-  const placements = placeNotes(
-    anchors.map((a) => ({ x: a.x, y: a.y, width: a.width, height: a.height })),
-    requests,
-    direction
-  );
-  for (const [id, g] of geoms) {
-    const p = placements.get(id);
-    placed.set(
-      id,
-      p.collapsed ? {
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0,
-        side: "right",
-        ...g.color && { color: g.color },
-        lines: [],
-        lineNumber: g.lineNumber,
-        endLineNumber: g.endLineNumber,
-        collapsed: true
-      } : {
-        x: p.x,
-        y: p.y,
-        width: g.noteW,
-        height: g.noteH,
-        side: p.side,
-        ...g.color && { color: g.color },
-        lines: g.lines,
-        lineNumber: g.lineNumber,
-        endLineNumber: g.endLineNumber
-      }
-    );
-  }
-  return placed;
-}
-
-export {
-  buildPlacedNotes
-};

package/dist/dgmo-router-7WANZOBD.js

@@ -1,92 +0,0 @@
-import {
-  CHART_TYPE_DESCRIPTIONS,
-  chartTypeParsers,
-  getAllChartTypes,
-  getRenderCategory,
-  isExtendedChartType,
-  knownChartTypeIds,
-  parseDgmo
-} from "./chunk-Q6SQISHT.js";
-import "./chunk-EOYPX6SF.js";
-import "./chunk-WP2RLGDI.js";
-import "./chunk-A2RUBBVT.js";
-import "./chunk-ZUCXFXLD.js";
-import "./chunk-47E5UTXE.js";
-import "./chunk-7UDAIP6W.js";
-import "./chunk-2CW5ZTNH.js";
-import "./chunk-BDXC7MDK.js";
-import "./chunk-WQ6G6FFM.js";
-import "./chunk-B3S76BZO.js";
-import "./chunk-PIXJL77H.js";
-import "./chunk-3C2FWS2J.js";
-import "./chunk-P3SKSKJI.js";
-import "./chunk-MY6GUH26.js";
-import "./chunk-XSVWUOUZ.js";
-import "./chunk-BOO24UMJ.js";
-import "./chunk-JQ57AWDL.js";
-import "./chunk-WFA6IULY.js";
-import "./chunk-3DPOIW3W.js";
-import "./chunk-HTWH2XQL.js";
-import "./chunk-MHAYUS65.js";
-import "./chunk-RU725VCJ.js";
-import "./chunk-DV2VEJCC.js";
-import "./chunk-C7QRRTAW.js";
-import "./chunk-FKZ2Y3Q5.js";
-import "./chunk-QQJUTGQH.js";
-import "./chunk-NGC3IZRY.js";
-import "./chunk-6K7RODXG.js";
-import "./chunk-66YFDTT6.js";
-import "./chunk-GDJW64XE.js";
-import "./chunk-QFHWYWQL.js";
-import "./chunk-DPSMX4EY.js";
-import "./chunk-GSYZZFI5.js";
-import "./chunk-GUTZCRBT.js";
-import "./chunk-ITSBBQTH.js";
-import {
-  looksLikeC4,
-  looksLikeGantt,
-  parseDgmoChartType
-} from "./chunk-K5XT7NHD.js";
-import "./chunk-3RYBTEF5.js";
-import "./chunk-JVZ7KFAX.js";
-import "./chunk-2SKMEL7V.js";
-import "./chunk-7WGCQE2E.js";
-import "./chunk-EQW6HOP4.js";
-import "./chunk-DAOFNU6J.js";
-import "./chunk-NIUO2TNR.js";
-import "./chunk-LFKSHDVI.js";
-import "./chunk-C3Z4DX3V.js";
-import "./chunk-JRUEIRJB.js";
-import "./chunk-7TF3QOOD.js";
-import "./chunk-AYOVY75O.js";
-import "./chunk-NXMESY4J.js";
-import "./chunk-MFW6P7WH.js";
-import "./chunk-WPL5PFXE.js";
-import "./chunk-J64NZ6NF.js";
-import "./chunk-O753JUEZ.js";
-import "./chunk-N7VMGZCU.js";
-import "./chunk-FJNXXGTR.js";
-import "./chunk-UG2XG57E.js";
-import "./chunk-IYULMRBE.js";
-import "./chunk-NOTA6TEI.js";
-import "./chunk-HSRQDWV7.js";
-import "./chunk-4WW3SGMH.js";
-import "./chunk-L5AFONQU.js";
-import "./chunk-44GP7PD5.js";
-import "./chunk-5NU7NII2.js";
-import "./chunk-L24LESXF.js";
-import "./chunk-2M4IGSCY.js";
-import "./chunk-BYU54C3S.js";
-import "./chunk-5WRI5ZAA.js";
-export {
-  CHART_TYPE_DESCRIPTIONS,
-  chartTypeParsers,
-  getAllChartTypes,
-  getRenderCategory,
-  isExtendedChartType,
-  knownChartTypeIds,
-  looksLikeC4,
-  looksLikeGantt,
-  parseDgmo,
-  parseDgmoChartType
-};