@nowline/embed 0.5.0 → 0.6.0

package/dist/nowline.esm.js

@@ -1,4 +1,4 @@
-/*! @nowline/embed 0.5.0 sha=04bdff9 built=2026-06-01T06:46:51Z */
+/*! @nowline/embed 0.6.0 sha=e2e4d9d built=2026-06-06T04:33:35Z */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -6372,6 +6372,250 @@ var init_node_read_file = __esm({
   }
 });
 
+// ../layout/dist/capacity.js
+var BUILTIN_CAPACITY_ICONS = /* @__PURE__ */ new Set([
+  "none",
+  "multiplier",
+  "person",
+  "people",
+  "points",
+  "time"
+]);
+var POSITIVE_INT_RE = /^\d+$/;
+var POSITIVE_DECIMAL_RE = /^\d+\.\d+$/;
+var POSITIVE_PERCENT_RE = /^\d+(?:\.\d+)?%$/;
+function parseCapacityValue(raw) {
+  if (!raw)
+    return null;
+  if (POSITIVE_INT_RE.test(raw)) {
+    const n = parseInt(raw, 10);
+    return n > 0 ? n : null;
+  }
+  if (POSITIVE_DECIMAL_RE.test(raw)) {
+    const n = parseFloat(raw);
+    return Number.isFinite(n) && n > 0 ? n : null;
+  }
+  if (POSITIVE_PERCENT_RE.test(raw)) {
+    const n = parseFloat(raw.slice(0, -1)) / 100;
+    return Number.isFinite(n) && n > 0 ? n : null;
+  }
+  return null;
+}
+function formatCapacityNumber(value) {
+  if (Number.isInteger(value))
+    return String(value);
+  let s = value.toFixed(6);
+  s = s.replace(/0+$/, "");
+  s = s.replace(/\.$/, "");
+  return s;
+}
+function propKey(prop) {
+  return prop.key.endsWith(":") ? prop.key.slice(0, -1) : prop.key;
+}
+function symbolUnicode(decl) {
+  for (const p of decl.properties) {
+    if (propKey(p) === "unicode" && p.value)
+      return p.value;
+  }
+  return void 0;
+}
+function resolveCapacityIcon(icon, symbols) {
+  if (icon === "none")
+    return null;
+  if (BUILTIN_CAPACITY_ICONS.has(icon)) {
+    return {
+      kind: "builtin",
+      name: icon
+    };
+  }
+  const custom = symbols.get(icon);
+  if (custom) {
+    const unicode = symbolUnicode(custom);
+    return { kind: "literal", text: unicode ?? icon };
+  }
+  return { kind: "literal", text: icon };
+}
+function estimateCapacitySuffixWidth(text, icon, fontSizePx) {
+  if (!icon)
+    return text.length * fontSizePx * 0.58;
+  if (icon.kind === "builtin" && icon.name === "multiplier") {
+    return (text.length + 1) * fontSizePx * 0.58;
+  }
+  const glyphWidthEm = 1;
+  const gapEm = 0.1;
+  return text.length * fontSizePx * 0.58 + (gapEm + glyphWidthEm) * fontSizePx;
+}
+
+// ../layout/dist/frame-tab-geometry.js
+var FRAME_TAB_TITLE_PX_PER_CHAR = 6.5;
+var FRAME_TAB_OWNER_PX_PER_CHAR = 5;
+var FRAME_TAB_INNER_GAP_PX = 6;
+var FRAME_TAB_LEFT_INSET_PX = 12;
+var FRAME_TAB_RIGHT_INSET_PX = 12;
+var FRAME_TAB_MIN_WIDTH_PX = 56;
+var FRAME_TAB_OFFSET_FROM_BOX_PX = 10;
+function frameTabGeometry(boxX, title, owner, capacityBadgeWidth = 0, footnoteIndicatorWidth = 0) {
+  const tabX = boxX + FRAME_TAB_OFFSET_FROM_BOX_PX;
+  const titleX = tabX + FRAME_TAB_LEFT_INSET_PX;
+  const titleTextWidth = title.length * FRAME_TAB_TITLE_PX_PER_CHAR;
+  let cursorX = titleX + titleTextWidth;
+  let ownerTextWidth = 0;
+  let ownerX = 0;
+  if (owner) {
+    ownerTextWidth = `owner: ${owner}`.length * FRAME_TAB_OWNER_PX_PER_CHAR;
+    ownerX = cursorX + FRAME_TAB_INNER_GAP_PX;
+    cursorX = ownerX + ownerTextWidth;
+  }
+  let badgeX = 0;
+  if (capacityBadgeWidth > 0) {
+    badgeX = cursorX + FRAME_TAB_INNER_GAP_PX;
+    cursorX = badgeX + capacityBadgeWidth;
+  }
+  let footnoteRightX = 0;
+  if (footnoteIndicatorWidth > 0) {
+    footnoteRightX = cursorX + FRAME_TAB_INNER_GAP_PX + footnoteIndicatorWidth;
+    cursorX = footnoteRightX;
+  }
+  const contentW = cursorX - tabX + FRAME_TAB_RIGHT_INSET_PX;
+  const tabW = Math.max(FRAME_TAB_MIN_WIDTH_PX, contentW);
+  return {
+    titleTextWidth,
+    ownerTextWidth,
+    capacityBadgeWidth,
+    footnoteIndicatorWidth,
+    titleX,
+    ownerX,
+    badgeX,
+    footnoteRightX,
+    tabX,
+    tabW,
+    rightX: tabX + tabW
+  };
+}
+
+// ../layout/dist/header-card-geometry.js
+var HEADER_CARD_PADDING_X = 16;
+var HEADER_CARD_PADDING_TOP = 26;
+var HEADER_CARD_PADDING_BOTTOM = 14;
+var HEADER_TITLE_LINE_HEIGHT_PX = 20;
+var HEADER_AUTHOR_LINE_HEIGHT_PX = 14;
+var HEADER_TITLE_TO_AUTHOR_GAP_PX = 18;
+var HEADER_TITLE_FONT_SIZE_PX = 16;
+var HEADER_AUTHOR_FONT_SIZE_PX = 11;
+
+// ../layout/dist/include-chrome-geometry.js
+var INCLUDE_CHROME_OFFSET_FROM_BOX_PX = 24;
+var INCLUDE_CHROME_TAB_LEFT_INSET_PX = 10;
+var INCLUDE_CHROME_TAB_RIGHT_INSET_PX = 10;
+var INCLUDE_CHROME_TAB_LABEL_PER_CHAR_PX = 6;
+var INCLUDE_CHROME_TAB_MIN_WIDTH_PX = 60;
+var INCLUDE_CHROME_BADGE_GAP_PX = 6;
+var INCLUDE_CHROME_BADGE_SIZE_PX = 18;
+var INCLUDE_CHROME_SOURCE_GAP_PX = 6;
+var INCLUDE_CHROME_SOURCE_PER_CHAR_PX = 5.5;
+var INCLUDE_CHROME_SOURCE_HALO_PAD_PX = 3;
+function includeChromeGeometry(boxX, label, sourcePath) {
+  const tabX = boxX + INCLUDE_CHROME_OFFSET_FROM_BOX_PX;
+  const tabLabelX = tabX + INCLUDE_CHROME_TAB_LEFT_INSET_PX;
+  const labelTextWidth = label.length * INCLUDE_CHROME_TAB_LABEL_PER_CHAR_PX;
+  const tabWidth = Math.max(INCLUDE_CHROME_TAB_MIN_WIDTH_PX, labelTextWidth + INCLUDE_CHROME_TAB_LEFT_INSET_PX + INCLUDE_CHROME_TAB_RIGHT_INSET_PX);
+  const badgeX = tabX + tabWidth + INCLUDE_CHROME_BADGE_GAP_PX;
+  const badgeRightX = badgeX + INCLUDE_CHROME_BADGE_SIZE_PX;
+  let sourceTextWidth = 0;
+  let sourceTextX = 0;
+  let sourceHaloX = 0;
+  let sourceHaloWidth = 0;
+  let chromeRightX = badgeRightX;
+  if (sourcePath) {
+    sourceTextX = badgeRightX + INCLUDE_CHROME_SOURCE_GAP_PX;
+    sourceTextWidth = sourcePath.length * INCLUDE_CHROME_SOURCE_PER_CHAR_PX;
+    sourceHaloX = sourceTextX - INCLUDE_CHROME_SOURCE_HALO_PAD_PX;
+    sourceHaloWidth = sourceTextWidth + INCLUDE_CHROME_SOURCE_HALO_PAD_PX * 2;
+    chromeRightX = sourceHaloX + sourceHaloWidth;
+  }
+  return {
+    labelTextWidth,
+    sourceTextWidth,
+    tabX,
+    tabWidth,
+    tabLabelX,
+    badgeX,
+    badgeSize: INCLUDE_CHROME_BADGE_SIZE_PX,
+    sourceHaloX,
+    sourceHaloWidth,
+    sourceTextX,
+    chromeRightX
+  };
+}
+
+// ../layout/dist/item-bar-geometry.js
+var ITEM_CAPTION_INSET_X_PX = 12;
+var ITEM_CAPTION_SPILL_GAP_PX = 6;
+var ITEM_CAPTION_TITLE_BASELINE_OFFSET_PX = 20;
+var ITEM_CAPTION_META_BASELINE_OFFSET_PX = 38;
+var ITEM_CAPTION_TITLE_FONT_SIZE_PX = 13;
+var ITEM_CAPTION_META_FONT_SIZE_PX = 11;
+var ITEM_STATUS_DOT_INSET_RIGHT_PX = 12;
+var ITEM_STATUS_DOT_INSET_TOP_PX = 12;
+var ITEM_STATUS_DOT_RADIUS_PX = 5;
+var ITEM_FOOTNOTE_INDICATOR_INSET_RIGHT_PX = 22;
+var ITEM_FOOTNOTE_INDICATOR_BASELINE_OFFSET_PX = 14;
+var ITEM_FOOTNOTE_INDICATOR_STEP_PX = 8;
+var ITEM_LINK_ICON_TILE_SIZE_PX = 14;
+var ITEM_LINK_ICON_INSET_PX = 6;
+var ITEM_DECORATION_SPILL_GAP_PX = 4;
+var MIN_BAR_WIDTH_FOR_DOT_PX = ITEM_STATUS_DOT_INSET_RIGHT_PX + ITEM_STATUS_DOT_RADIUS_PX;
+var MIN_BAR_WIDTH_FOR_LINK_AND_DOT_PX = ITEM_LINK_ICON_INSET_PX + ITEM_LINK_ICON_TILE_SIZE_PX + ITEM_DECORATION_SPILL_GAP_PX + ITEM_STATUS_DOT_INSET_RIGHT_PX + ITEM_STATUS_DOT_RADIUS_PX;
+var MIN_BAR_WIDTH_FOR_FOOTNOTE_PX = ITEM_FOOTNOTE_INDICATOR_INSET_RIGHT_PX + 1;
+var INLINE_DATE_GLYPH_TILE_SIZE_PX = 12;
+var INLINE_DATE_GLYPH_INSET_LEFT_PX = 6;
+var INLINE_DATE_GLYPH_INSET_RIGHT_PX = 6;
+var INLINE_DATE_GLYPH_INSET_TOP_PX = 5;
+var INLINE_DATE_GLYPH_GAP_PX = ITEM_DECORATION_SPILL_GAP_PX;
+var MIN_BAR_WIDTH_FOR_INLINE_DATE_PX = INLINE_DATE_GLYPH_INSET_LEFT_PX + INLINE_DATE_GLYPH_TILE_SIZE_PX + INLINE_DATE_GLYPH_GAP_PX + INLINE_DATE_GLYPH_TILE_SIZE_PX + INLINE_DATE_GLYPH_INSET_RIGHT_PX;
+var LABEL_CHIP_HEIGHT_PX = 13;
+var LABEL_CHIP_GAP_ABOVE_PROGRESS_STRIP_PX = 3;
+var LABEL_CHIP_GAP_BETWEEN_PX = 4;
+var LABEL_CHIP_ROW_GAP_PX = 4;
+var LABEL_CHIP_ROW_STEP_PX = LABEL_CHIP_HEIGHT_PX + LABEL_CHIP_ROW_GAP_PX;
+var SPILL_ROW_SLACK_FRACTION = 0.25;
+function packSpillChips(chips, barVisualWidth) {
+  if (chips.length === 0)
+    return { rows: [[]], expanded: false };
+  const rows = [[]];
+  let used = 0;
+  let rowCap = barVisualWidth;
+  let expanded = false;
+  for (const chip of chips) {
+    const row = rows[rows.length - 1];
+    const needed = (row.length === 0 ? 0 : LABEL_CHIP_GAP_BETWEEN_PX) + chip.width;
+    const wouldBe = used + needed;
+    if (wouldBe <= rowCap) {
+      row.push(chip);
+      used = wouldBe;
+      continue;
+    }
+    if (row.length === 0) {
+      row.push(chip);
+      used = chip.width;
+      continue;
+    }
+    const overflow = wouldBe - rowCap;
+    const slack = chip.width * SPILL_ROW_SLACK_FRACTION;
+    if (!expanded && overflow <= slack) {
+      row.push(chip);
+      used = wouldBe;
+      rowCap = wouldBe;
+      expanded = true;
+      continue;
+    }
+    rows.push([chip]);
+    used = chip.width;
+    rowCap = barVisualWidth;
+  }
+  return { rows, expanded };
+}
+
 // ../core/dist/diagnostics/index.js
 var LANGIUM_LEXING_ERROR = "lexing-error";
 var LANGIUM_PARSING_ERROR = "parsing-error";
@@ -29140,15 +29384,15 @@ function applyRoadmapMode(target, child, childConfig, mode, childPath, childRelP
     message: `${category} "${name}" from ${basename(childPath)} is shadowed by the parent's definition.`,
     sourcePath: childPath
   });
-  mergeMap(target.persons, child.persons, (name) => warn(name, "Person"));
-  mergeMap(target.teams, child.teams, (name) => warn(name, "Team"));
-  mergeMap(target.anchors, child.anchors, (name) => warn(name, "Anchor"));
-  mergeMap(target.labels, child.labels, (name) => warn(name, "Label"));
-  mergeMap(target.sizes, child.sizes, (name) => warn(name, "Size"));
-  mergeMap(target.statuses, child.statuses, (name) => warn(name, "Status"));
-  mergeMap(target.swimlanes, child.swimlanes, (name) => warn(name, "Swimlane"));
-  mergeMap(target.milestones, child.milestones, (name) => warn(name, "Milestone"));
-  mergeMap(target.footnotes, child.footnotes, (name) => warn(name, "Footnote"));
+  mergeContentMap(target.persons, child.persons, (name) => warn(name, "Person"));
+  mergeContentMap(target.teams, child.teams, (name) => warn(name, "Team"));
+  mergeContentMap(target.anchors, child.anchors, (name) => warn(name, "Anchor"));
+  mergeContentMap(target.labels, child.labels, (name) => warn(name, "Label"));
+  mergeContentMap(target.sizes, child.sizes, (name) => warn(name, "Size"));
+  mergeContentMap(target.statuses, child.statuses, (name) => warn(name, "Status"));
+  mergeContentMap(target.swimlanes, child.swimlanes, (name) => warn(name, "Swimlane"));
+  mergeContentMap(target.milestones, child.milestones, (name) => warn(name, "Milestone"));
+  mergeContentMap(target.footnotes, child.footnotes, (name) => warn(name, "Footnote"));
   if (child.roadmap && !target.roadmap) {
     target.roadmap = child.roadmap;
   }
@@ -29162,6 +29406,19 @@ function mergeMap(target, source, onConflict) {
     target.set(name, value);
   }
 }
+function mergeContentMap(target, source, onConflict) {
+  for (const [name, value] of source) {
+    if (!value.name && value.title) {
+      target.set(uniqueMapKey(target, slugifyTitle(value.title)), value);
+      continue;
+    }
+    if (target.has(name)) {
+      onConflict(name);
+      continue;
+    }
+    target.set(name, value);
+  }
+}
 function mergeLocalConfig(config2, file) {
   for (const entry of file.configEntries) {
     addConfigEntry(config2, entry);
@@ -29188,51 +29445,92 @@ function addConfigEntry(config2, entry) {
     }
   }
 }
+function collectExplicitRoadmapIds(entries) {
+  const reserved = {
+    swimlanes: /* @__PURE__ */ new Set(),
+    persons: /* @__PURE__ */ new Set(),
+    teams: /* @__PURE__ */ new Set(),
+    anchors: /* @__PURE__ */ new Set(),
+    labels: /* @__PURE__ */ new Set(),
+    sizes: /* @__PURE__ */ new Set(),
+    statuses: /* @__PURE__ */ new Set(),
+    milestones: /* @__PURE__ */ new Set(),
+    footnotes: /* @__PURE__ */ new Set()
+  };
+  for (const entry of entries) {
+    const name = entry.name;
+    if (!name)
+      continue;
+    if (isSwimlaneDeclaration(entry))
+      reserved.swimlanes.add(name);
+    else if (isPersonDeclaration(entry))
+      reserved.persons.add(name);
+    else if (isTeamDeclaration(entry))
+      reserved.teams.add(name);
+    else if (isAnchorDeclaration(entry))
+      reserved.anchors.add(name);
+    else if (isLabelDeclaration(entry))
+      reserved.labels.add(name);
+    else if (isSizeDeclaration(entry))
+      reserved.sizes.add(name);
+    else if (isStatusDeclaration(entry))
+      reserved.statuses.add(name);
+    else if (isMilestoneDeclaration(entry))
+      reserved.milestones.add(name);
+    else if (isFootnoteDeclaration(entry))
+      reserved.footnotes.add(name);
+  }
+  return reserved;
+}
 function mergeLocalContent(content, file) {
   if (file.roadmapDecl && !content.roadmap) {
     content.roadmap = file.roadmapDecl;
   }
+  const reserved = collectExplicitRoadmapIds(file.roadmapEntries);
   for (const entry of file.roadmapEntries) {
-    addRoadmapEntry(content, entry);
+    addRoadmapEntry(content, entry, reserved);
   }
 }
-function addRoadmapEntry(content, entry) {
-  if (isSwimlaneDeclaration(entry)) {
-    if (entry.name && !content.swimlanes.has(entry.name)) {
-      content.swimlanes.set(entry.name, entry);
+function slugifyTitle(title) {
+  return title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "entity";
+}
+function uniqueMapKey(map2, base, reserved) {
+  const taken = (key) => map2.has(key) || (reserved?.has(key) ?? false);
+  if (!taken(base))
+    return base;
+  let n = 2;
+  while (taken(`${base}-${n}`))
+    n++;
+  return `${base}-${n}`;
+}
+function addByKey(map2, entry, reserved) {
+  if (entry.name) {
+    if (!map2.has(entry.name)) {
+      map2.set(entry.name, entry);
     }
+  } else if (entry.title) {
+    map2.set(uniqueMapKey(map2, slugifyTitle(entry.title), reserved), entry);
+  }
+}
+function addRoadmapEntry(content, entry, reserved) {
+  if (isSwimlaneDeclaration(entry)) {
+    addByKey(content.swimlanes, entry, reserved.swimlanes);
   } else if (isPersonDeclaration(entry)) {
-    if (entry.name && !content.persons.has(entry.name)) {
-      content.persons.set(entry.name, entry);
-    }
+    addByKey(content.persons, entry, reserved.persons);
   } else if (isTeamDeclaration(entry)) {
-    if (entry.name && !content.teams.has(entry.name)) {
-      content.teams.set(entry.name, entry);
-    }
+    addByKey(content.teams, entry, reserved.teams);
   } else if (isAnchorDeclaration(entry)) {
-    if (entry.name && !content.anchors.has(entry.name)) {
-      content.anchors.set(entry.name, entry);
-    }
+    addByKey(content.anchors, entry, reserved.anchors);
   } else if (isLabelDeclaration(entry)) {
-    if (entry.name && !content.labels.has(entry.name)) {
-      content.labels.set(entry.name, entry);
-    }
+    addByKey(content.labels, entry, reserved.labels);
   } else if (isSizeDeclaration(entry)) {
-    if (entry.name && !content.sizes.has(entry.name)) {
-      content.sizes.set(entry.name, entry);
-    }
+    addByKey(content.sizes, entry, reserved.sizes);
   } else if (isStatusDeclaration(entry)) {
-    if (entry.name && !content.statuses.has(entry.name)) {
-      content.statuses.set(entry.name, entry);
-    }
+    addByKey(content.statuses, entry, reserved.statuses);
   } else if (isMilestoneDeclaration(entry)) {
-    if (entry.name && !content.milestones.has(entry.name)) {
-      content.milestones.set(entry.name, entry);
-    }
+    addByKey(content.milestones, entry, reserved.milestones);
   } else if (isFootnoteDeclaration(entry)) {
-    if (entry.name && !content.footnotes.has(entry.name)) {
-      content.footnotes.set(entry.name, entry);
-    }
+    addByKey(content.footnotes, entry, reserved.footnotes);
   }
 }
 
@@ -29268,7 +29566,7 @@ var STYLE_PROP_KEYS = /* @__PURE__ */ new Set([
   "timeline-position",
   "minor-grid"
 ]);
-var BUILTIN_CAPACITY_ICONS = /* @__PURE__ */ new Set([
+var BUILTIN_CAPACITY_ICONS2 = /* @__PURE__ */ new Set([
   "none",
   "multiplier",
   "person",
@@ -29277,7 +29575,7 @@ var BUILTIN_CAPACITY_ICONS = /* @__PURE__ */ new Set([
   "time"
 ]);
 var BUILTIN_ICON_NAMES = /* @__PURE__ */ new Set([
-  ...BUILTIN_CAPACITY_ICONS,
+  ...BUILTIN_CAPACITY_ICONS2,
   "shield",
   "warning",
   "lock",
@@ -29454,7 +29752,7 @@ function suggestKey(key, candidates, cap = 2) {
   }
   return best;
 }
-function propKey(prop) {
+function propKey2(prop) {
   return prop.key.endsWith(":") ? prop.key.slice(0, -1) : prop.key;
 }
 var DURATION_RE = /^\d+(?:\.\d+)?[dwmqy]$/;
@@ -29465,7 +29763,7 @@ var VERSION_RE = /^v\d+$/;
 var INTEGER_RE = /^\d+$/;
 var BARE_DURATION_SUFFIX_RE = /^[dwmqy]$/;
 var POSITIVE_NUMBER_RE = /^\d+(\.\d+)?$/;
-var POSITIVE_PERCENT_RE = /^\d+(\.\d+)?%$/;
+var POSITIVE_PERCENT_RE2 = /^\d+(\.\d+)?%$/;
 var POSITIVE_DECIMAL_FRACTION_RE = /^\d+\.\d+$/;
 var POSITIVE_INTEGER_RE = /^\d+$/;
 var ASCII_FALLBACK_RE = /^[\x20-\x7E]{1,3}$/;
@@ -29473,7 +29771,7 @@ var BCP47_RE = /^[a-zA-Z]{2,3}(-[a-zA-Z]{2}|-\d{3})?$/;
 var INCLUDE_MODES = /* @__PURE__ */ new Set(["merge", "ignore", "isolate"]);
 var DIRECTIVE_FIELDS = /* @__PURE__ */ new Set(["locale"]);
 function resolveLocalStart(file) {
-  const prop = file?.roadmapDecl?.properties.find((p) => propKey(p) === "start");
+  const prop = file?.roadmapDecl?.properties.find((p) => propKey2(p) === "start");
   if (!prop)
     return { kind: "missing" };
   const raw = prop.value;
@@ -29661,7 +29959,7 @@ var NowlineValidator = class {
   checkDirectiveProperties(directive, accept) {
     const seen = /* @__PURE__ */ new Set();
     for (const prop of directive.properties) {
-      const key = propKey(prop);
+      const key = propKey2(prop);
       if (!DIRECTIVE_FIELDS.has(key)) {
         acceptTr(accept, "error", { node: prop, property: "key" }, "NL.E0102", {
           key,
@@ -29765,7 +30063,7 @@ var NowlineValidator = class {
   }
   // --- Property value validation (general) ---
   checkPropertyValues(prop, accept) {
-    const key = propKey(prop);
+    const key = propKey2(prop);
     const val = prop.value;
     const vals = prop.values;
     const allValues = val ? [val] : vals;
@@ -29850,7 +30148,7 @@ var NowlineValidator = class {
             accept("error", `Invalid swimlane capacity "${val}". Use a positive integer (e.g. capacity:5) or decimal (e.g. capacity:1.5). Percent literals are not allowed on swimlanes.`, { node: prop, property: "value" });
           }
         } else {
-          if (POSITIVE_PERCENT_RE.test(val)) {
+          if (POSITIVE_PERCENT_RE2.test(val)) {
             const pct = parseFloat(val);
             if (pct <= 0) {
               accept("error", `Item capacity "${val}" must be positive.`, {
@@ -29885,7 +30183,7 @@ var NowlineValidator = class {
         }
         if (val === UTILIZATION_NONE)
           break;
-        if (POSITIVE_PERCENT_RE.test(val)) {
+        if (POSITIVE_PERCENT_RE2.test(val)) {
           if (parseFloat(val) <= 0) {
             accept("error", `${key} value "${val}" must be positive.`, {
               node: prop,
@@ -29938,14 +30236,14 @@ var NowlineValidator = class {
   }
   // --- Rule 11: Anchor requires date: ---
   checkAnchorRequiredDate(anchor, accept) {
-    const dateProp = anchor.properties.find((p) => propKey(p) === "date");
+    const dateProp = anchor.properties.find((p) => propKey2(p) === "date");
     if (!dateProp) {
       acceptTr(accept, "error", { node: anchor }, "NL.E0500", { name: displayName(anchor) });
     }
   }
   // --- R2 + R3: anchor must not precede roadmap start; dated roadmap requires start: ---
   checkAnchorAgainstStart(anchor, accept) {
-    const dateProp = anchor.properties.find((p) => propKey(p) === "date");
+    const dateProp = anchor.properties.find((p) => propKey2(p) === "date");
     if (!dateProp?.value)
       return;
     const raw = dateProp.value;
@@ -29976,8 +30274,8 @@ var NowlineValidator = class {
   }
   // --- Rule 12: Milestone requires date: or after: ---
   checkMilestoneRequirement(milestone, accept) {
-    const hasDate = milestone.properties.some((p) => propKey(p) === "date");
-    const hasAfter = milestone.properties.some((p) => propKey(p) === "after");
+    const hasDate = milestone.properties.some((p) => propKey2(p) === "date");
+    const hasAfter = milestone.properties.some((p) => propKey2(p) === "after");
     if (!hasDate && !hasAfter) {
       acceptTr(accept, "error", { node: milestone }, "NL.E0503", {
         name: displayName(milestone)
@@ -29986,7 +30284,7 @@ var NowlineValidator = class {
   }
   // --- R2 + R3: dated milestone must not precede roadmap start ---
   checkMilestoneAgainstStart(milestone, accept) {
-    const dateProp = milestone.properties.find((p) => propKey(p) === "date");
+    const dateProp = milestone.properties.find((p) => propKey2(p) === "date");
     if (!dateProp?.value)
       return;
     const raw = dateProp.value;
@@ -30018,7 +30316,7 @@ var NowlineValidator = class {
   }
   // --- Rule 13: Footnote requires on ---
   checkFootnoteOn(footnote, accept) {
-    const hasOn = footnote.properties.some((p) => propKey(p) === "on");
+    const hasOn = footnote.properties.some((p) => propKey2(p) === "on");
     if (!hasOn) {
       acceptTr(accept, "error", { node: footnote }, "NL.E0505");
     }
@@ -30031,15 +30329,15 @@ var NowlineValidator = class {
   // a clear nudge toward the spec-mandated direction.
   checkNoFootnoteProperty(node, accept) {
     for (const prop of node.properties) {
-      if (propKey(prop) === "footnote") {
+      if (propKey2(prop) === "footnote") {
         accept("error", `Property "footnote:" is not valid on ${describeNode(node)}. Footnotes attach via "on:" on the footnote declaration \u2014 declare \`footnote <id> on:<target-id>\` instead.`, { node: prop });
       }
     }
   }
   // --- Rule 10: Item requires either size: or duration: ---
   checkItemRequiredDuration(item, accept) {
-    const hasDuration = item.properties.some((p) => propKey(p) === "duration");
-    const hasSize = item.properties.some((p) => propKey(p) === "size");
+    const hasDuration = item.properties.some((p) => propKey2(p) === "duration");
+    const hasSize = item.properties.some((p) => propKey2(p) === "size");
     if (!hasDuration && !hasSize) {
       acceptTr(accept, "error", { node: item }, "NL.E0600", { name: displayName(item) });
     }
@@ -30047,7 +30345,7 @@ var NowlineValidator = class {
   // --- Parallel/group rule 3: size/duration/remaining/capacity not valid on parallel/group ---
   checkNoComputedProperties(node, accept) {
     for (const prop of node.properties) {
-      const key = propKey(prop);
+      const key = propKey2(prop);
       if (key === "size" || key === "duration" || key === "remaining" || key === "capacity") {
         accept("error", `"${key}" is not valid on ${node.$type === "ParallelBlock" ? "parallel" : "group"} (computed from children).`, {
           node: prop
@@ -30074,7 +30372,7 @@ var NowlineValidator = class {
   // --- Rule 20: Raw style properties banned on roadmap-section entities ---
   checkNoRawStyleProperties(node, accept) {
     for (const prop of node.properties) {
-      const key = propKey(prop);
+      const key = propKey2(prop);
       if (STYLE_PROP_KEYS.has(key)) {
         accept("error", `Raw style property "${key}" is not allowed on ${describeNode(node)}. Declare a named style in config and reference it via "style:id".`, { node: prop });
       }
@@ -30099,7 +30397,7 @@ var NowlineValidator = class {
       return;
     const computedBanned = node.$type === "ParallelBlock" || node.$type === "GroupBlock" ? /* @__PURE__ */ new Set(["size", "duration", "remaining", "capacity"]) : null;
     for (const prop of node.properties) {
-      const key = propKey(prop);
+      const key = propKey2(prop);
       if (known.has(key))
         continue;
       if (UNIVERSAL_ENTITY_PROPS.has(key))
@@ -30130,7 +30428,7 @@ var NowlineValidator = class {
   // enforced by checkSymbolReferences at file scope so style blocks and
   // `default <entity>` lines share a single code path.
   checkStylePropertyEnum(prop, accept) {
-    const key = propKey(prop);
+    const key = propKey2(prop);
     const val = prop.value;
     if (key === "bg" || key === "fg" || key === "text") {
       if (!isColorValue(val)) {
@@ -30156,7 +30454,7 @@ var NowlineValidator = class {
   }
   // --- Size declaration: rule 5 (effort: required), rule 4 (id format) ---
   checkSizeDeclaration(decl, accept) {
-    const effortProp = decl.properties.find((p) => propKey(p) === "effort");
+    const effortProp = decl.properties.find((p) => propKey2(p) === "effort");
     if (!effortProp) {
       accept("error", `Size "${displayName(decl)}" requires an "effort:" property.`, {
         node: decl
@@ -30200,8 +30498,8 @@ var NowlineValidator = class {
   checkUtilizationOrdering(decl, accept) {
     if (isDefaultDeclaration(decl) && decl.entityType !== "swimlane")
       return;
-    const warnProp = decl.properties.find((p) => propKey(p) === "utilization-warn-at");
-    const overProp = decl.properties.find((p) => propKey(p) === "utilization-over-at");
+    const warnProp = decl.properties.find((p) => propKey2(p) === "utilization-warn-at");
+    const overProp = decl.properties.find((p) => propKey2(p) === "utilization-over-at");
     if (!warnProp || !overProp)
       return;
     const warn = parseUtilizationFraction(warnProp.value);
@@ -30234,7 +30532,7 @@ var NowlineValidator = class {
     const banned = DEFAULT_BANNED[decl.entityType];
     if (banned) {
       for (const prop of decl.properties) {
-        const key = propKey(prop);
+        const key = propKey2(prop);
         if (banned.has(key)) {
           accept("error", `"${key}" cannot be set on "default ${decl.entityType}". Identity-defining, sizing, sequencing, reference, and prose properties must be explicit on each entity.`, { node: prop });
         }
@@ -30245,7 +30543,7 @@ var NowlineValidator = class {
   // Rule 8: custom calendar requires all four fields.
   checkCalendarBlockConsistency(file, accept) {
     const calendarBlocks = file.configEntries.filter(isCalendarBlock);
-    const calendarProp = file.roadmapDecl?.properties.find((p) => propKey(p) === "calendar");
+    const calendarProp = file.roadmapDecl?.properties.find((p) => propKey2(p) === "calendar");
     const calendarMode = calendarProp?.value;
     if (calendarBlocks.length > 0 && calendarMode !== "custom") {
       for (const block2 of calendarBlocks) {
@@ -30257,7 +30555,7 @@ var NowlineValidator = class {
     }
     if (calendarMode === "custom" && calendarBlocks.length > 0) {
       for (const block2 of calendarBlocks) {
-        const presentKeys = new Set(block2.properties.map((p) => propKey(p)));
+        const presentKeys = new Set(block2.properties.map((p) => propKey2(p)));
         for (const field of CALENDAR_FIELDS) {
           if (!presentKeys.has(field)) {
             accept("error", `calendar:custom requires "${field}" in the calendar config block.`, { node: block2 });
@@ -30270,7 +30568,7 @@ var NowlineValidator = class {
   checkCalendarBlock(block2, accept) {
     const seen = /* @__PURE__ */ new Set();
     for (const prop of block2.properties) {
-      const key = propKey(prop);
+      const key = propKey2(prop);
       if (!CALENDAR_FIELDS.has(key)) {
         accept("error", `Unknown calendar property "${key}". Allowed: ${[...CALENDAR_FIELDS].join(", ")}.`, { node: prop, property: "key" });
         continue;
@@ -30294,7 +30592,7 @@ var NowlineValidator = class {
   checkScaleBlock(block2, accept) {
     const seen = /* @__PURE__ */ new Set();
     for (const prop of block2.properties) {
-      const key = propKey(prop);
+      const key = propKey2(prop);
       if (!SCALE_FIELDS.has(key)) {
         accept("error", `Unknown scale property "${key}". Allowed: ${[...SCALE_FIELDS].join(", ")}.`, { node: prop, property: "key" });
         continue;
@@ -30330,7 +30628,7 @@ var NowlineValidator = class {
     for (let i = 0; i < file.roadmapEntries.length; i++) {
       const entry = file.roadmapEntries[i];
       visitPropertiesDeep(entry, (prop) => {
-        const key = propKey(prop);
+        const key = propKey2(prop);
         if (key === "size" && prop.value) {
           const val = prop.value;
           const declIdx = sizeOrder.get(val);
@@ -30369,7 +30667,7 @@ var NowlineValidator = class {
     const declaredIds = collectReferenceableIds(file);
     const visit = (entry) => {
       visitPropertiesDeep(entry, (prop) => {
-        const key = propKey(prop);
+        const key = propKey2(prop);
         if (key !== "after" && key !== "before" && key !== "on")
           return;
         const vals = prop.value ? [prop.value] : prop.values;
@@ -30408,7 +30706,7 @@ var NowlineValidator = class {
       const props = entry.properties ?? [];
       const allowed = isItemDeclaration(entry) || isParallelBlock(entry) || isGroupBlock(entry);
       for (const prop of props) {
-        const key = propKey(prop);
+        const key = propKey2(prop);
         if (key !== "after" && key !== "before")
           continue;
         const vals = prop.value ? [prop.value] : prop.values;
@@ -30473,7 +30771,7 @@ var NowlineValidator = class {
       if (!idName)
         return;
       for (const prop of props) {
-        const key = propKey(prop);
+        const key = propKey2(prop);
         if (key === "after") {
           const refs = prop.value ? [prop.value] : prop.values;
           for (const r of refs) {
@@ -30593,7 +30891,7 @@ var NowlineValidator = class {
     if (decl.name && BUILTIN_ICON_NAMES.has(decl.name)) {
       accept("error", `Symbol id "${decl.name}" collides with a built-in icon name. Reserved built-ins: ${[...BUILTIN_ICON_NAMES].sort().join(", ")}.`, { node: decl, property: "name" });
     }
-    const unicodeProp = decl.properties.find((p) => propKey(p) === "unicode");
+    const unicodeProp = decl.properties.find((p) => propKey2(p) === "unicode");
     if (!unicodeProp) {
       accept("error", `Symbol "${displayName(decl)}" requires a "unicode:" property (e.g. unicode:"\u{1F4B0}" or unicode:"\\u{1F464}").`, { node: decl });
     } else if (!unicodeProp.value || unicodeProp.value.length === 0) {
@@ -30602,7 +30900,7 @@ var NowlineValidator = class {
         property: "value"
       });
     }
-    const asciiProp = decl.properties.find((p) => propKey(p) === "ascii");
+    const asciiProp = decl.properties.find((p) => propKey2(p) === "ascii");
     if (asciiProp) {
       const raw = asciiProp.value ?? "";
       if (!ASCII_FALLBACK_RE.test(raw)) {
@@ -30610,7 +30908,7 @@ var NowlineValidator = class {
       }
     }
     for (const prop of decl.properties) {
-      const key = propKey(prop);
+      const key = propKey2(prop);
       if (key !== "unicode" && key !== "ascii" && key !== "link" && key !== "description") {
         accept("error", `Unknown symbol property "${key}". Allowed: unicode, ascii, link, description.`, { node: prop, property: "key" });
       }
@@ -30651,13 +30949,13 @@ var NowlineValidator = class {
         return;
       if (!isIdentifier(val))
         return;
-      if (key === "capacity-icon" && BUILTIN_CAPACITY_ICONS.has(val))
+      if (key === "capacity-icon" && BUILTIN_CAPACITY_ICONS2.has(val))
         return;
       if (key === "icon" && BUILTIN_ICON_NAMES.has(val))
         return;
       const declIdx = symbolOrder.get(val);
       if (declIdx === void 0) {
-        const builtins = key === "capacity-icon" ? [...BUILTIN_CAPACITY_ICONS].sort().join(", ") : [...BUILTIN_ICON_NAMES].sort().join(", ");
+        const builtins = key === "capacity-icon" ? [...BUILTIN_CAPACITY_ICONS2].sort().join(", ") : [...BUILTIN_ICON_NAMES].sort().join(", ");
         accept("error", `${key}: "${val}" is neither a built-in (${builtins}) nor a declared symbol. Add "symbol ${val} unicode:..." earlier in config or use a quoted Unicode literal.`, { node: propNode, property: "value" });
       } else if (declIdx >= entryIdx) {
         accept("error", `${key}: symbol "${val}" is referenced before its declaration. Move "symbol ${val}" above this entry.`, { node: propNode, property: "value" });
@@ -30667,11 +30965,11 @@ var NowlineValidator = class {
       const entry = file.configEntries[i];
       if (isStyleDeclaration(entry)) {
         for (const sp of entry.properties) {
-          checkRef(i, propKey(sp), sp.value, sp);
+          checkRef(i, propKey2(sp), sp.value, sp);
         }
       } else if (isDefaultDeclaration(entry)) {
         for (const ep of entry.properties) {
-          checkRef(i, propKey(ep), ep.value, ep);
+          checkRef(i, propKey2(ep), ep.value, ep);
         }
       }
     }
@@ -30707,7 +31005,7 @@ function isUtilizationAllowedHere(parent) {
 function parseUtilizationFraction(val) {
   if (!val || val === UTILIZATION_NONE)
     return null;
-  if (POSITIVE_PERCENT_RE.test(val)) {
+  if (POSITIVE_PERCENT_RE2.test(val)) {
     const n = parseFloat(val);
     return Number.isFinite(n) && n > 0 ? n / 100 : null;
   }
@@ -30876,315 +31174,6 @@ function createNowlineServices(context = {}) {
   return { shared, Nowline };
 }
 
-// ../browser/dist/diagnostic-row.js
-function fromLangiumDiagnostic(diag, file) {
-  return {
-    severity: diag.severity === 2 ? "warning" : "error",
-    // resolveDiagnosticCode prefers the stable validator code (NL.Exxxx)
-    // carried in `data` so the preview table matches the CLI / Problems
-    // panel, then falls back to Langium's `code`, then a message heuristic.
-    code: resolveDiagnosticCode(diag),
-    message: diag.message,
-    suggestion: extractSuggestion(diag.message),
-    file,
-    line: (diag.range?.start.line ?? 0) + 1,
-    column: (diag.range?.start.character ?? 0) + 1
-  };
-}
-function fromParserError(err, file) {
-  return {
-    severity: "error",
-    code: "parse-error",
-    message: err.message,
-    file,
-    line: err.token?.startLine ?? 1,
-    column: err.token?.startColumn ?? 1
-  };
-}
-function fromLexerError(err, file) {
-  return {
-    severity: "error",
-    code: "lex-error",
-    message: err.message,
-    file,
-    line: err.line ?? 1,
-    column: err.column ?? 1
-  };
-}
-function fromResolveDiagnostic(diag) {
-  return {
-    severity: diag.severity,
-    code: "include",
-    message: diag.message,
-    file: diag.sourcePath,
-    line: diag.line !== void 0 ? diag.line + 1 : 1,
-    column: 1
-  };
-}
-function fromRenderWarning(message, file, severity = "warning") {
-  return {
-    severity,
-    code: "render.warning",
-    message,
-    file,
-    line: 1,
-    column: 1
-  };
-}
-
-// ../browser/dist/no-op-include-resolver.js
-var NOWLINE_BROWSER_NOOP_INCLUDE_TAG = "__nowline_browser_noop_include__";
-async function noOpIncludeReadFile(absPath) {
-  throw new Error(`${NOWLINE_BROWSER_NOOP_INCLUDE_TAG}: include "${absPath}" was skipped \u2014 running in single-file mode.`);
-}
-function isNoOpIncludeDiagnosticMessage(message) {
-  return message.includes(NOWLINE_BROWSER_NOOP_INCLUDE_TAG);
-}
-
-// ../layout/dist/capacity.js
-var BUILTIN_CAPACITY_ICONS2 = /* @__PURE__ */ new Set([
-  "none",
-  "multiplier",
-  "person",
-  "people",
-  "points",
-  "time"
-]);
-var POSITIVE_INT_RE = /^\d+$/;
-var POSITIVE_DECIMAL_RE = /^\d+\.\d+$/;
-var POSITIVE_PERCENT_RE2 = /^\d+(?:\.\d+)?%$/;
-function parseCapacityValue(raw) {
-  if (!raw)
-    return null;
-  if (POSITIVE_INT_RE.test(raw)) {
-    const n = parseInt(raw, 10);
-    return n > 0 ? n : null;
-  }
-  if (POSITIVE_DECIMAL_RE.test(raw)) {
-    const n = parseFloat(raw);
-    return Number.isFinite(n) && n > 0 ? n : null;
-  }
-  if (POSITIVE_PERCENT_RE2.test(raw)) {
-    const n = parseFloat(raw.slice(0, -1)) / 100;
-    return Number.isFinite(n) && n > 0 ? n : null;
-  }
-  return null;
-}
-function formatCapacityNumber(value) {
-  if (Number.isInteger(value))
-    return String(value);
-  let s = value.toFixed(6);
-  s = s.replace(/0+$/, "");
-  s = s.replace(/\.$/, "");
-  return s;
-}
-function propKey2(prop) {
-  return prop.key.endsWith(":") ? prop.key.slice(0, -1) : prop.key;
-}
-function symbolUnicode(decl) {
-  for (const p of decl.properties) {
-    if (propKey2(p) === "unicode" && p.value)
-      return p.value;
-  }
-  return void 0;
-}
-function resolveCapacityIcon(icon, symbols) {
-  if (icon === "none")
-    return null;
-  if (BUILTIN_CAPACITY_ICONS2.has(icon)) {
-    return {
-      kind: "builtin",
-      name: icon
-    };
-  }
-  const custom = symbols.get(icon);
-  if (custom) {
-    const unicode = symbolUnicode(custom);
-    return { kind: "literal", text: unicode ?? icon };
-  }
-  return { kind: "literal", text: icon };
-}
-function estimateCapacitySuffixWidth(text, icon, fontSizePx) {
-  if (!icon)
-    return text.length * fontSizePx * 0.58;
-  if (icon.kind === "builtin" && icon.name === "multiplier") {
-    return (text.length + 1) * fontSizePx * 0.58;
-  }
-  const glyphWidthEm = 1;
-  const gapEm = 0.1;
-  return text.length * fontSizePx * 0.58 + (gapEm + glyphWidthEm) * fontSizePx;
-}
-
-// ../layout/dist/frame-tab-geometry.js
-var FRAME_TAB_TITLE_PX_PER_CHAR = 6.5;
-var FRAME_TAB_OWNER_PX_PER_CHAR = 5;
-var FRAME_TAB_INNER_GAP_PX = 6;
-var FRAME_TAB_LEFT_INSET_PX = 12;
-var FRAME_TAB_RIGHT_INSET_PX = 12;
-var FRAME_TAB_MIN_WIDTH_PX = 56;
-var FRAME_TAB_OFFSET_FROM_BOX_PX = 10;
-function frameTabGeometry(boxX, title, owner, capacityBadgeWidth = 0, footnoteIndicatorWidth = 0) {
-  const tabX = boxX + FRAME_TAB_OFFSET_FROM_BOX_PX;
-  const titleX = tabX + FRAME_TAB_LEFT_INSET_PX;
-  const titleTextWidth = title.length * FRAME_TAB_TITLE_PX_PER_CHAR;
-  let cursorX = titleX + titleTextWidth;
-  let ownerTextWidth = 0;
-  let ownerX = 0;
-  if (owner) {
-    ownerTextWidth = `owner: ${owner}`.length * FRAME_TAB_OWNER_PX_PER_CHAR;
-    ownerX = cursorX + FRAME_TAB_INNER_GAP_PX;
-    cursorX = ownerX + ownerTextWidth;
-  }
-  let badgeX = 0;
-  if (capacityBadgeWidth > 0) {
-    badgeX = cursorX + FRAME_TAB_INNER_GAP_PX;
-    cursorX = badgeX + capacityBadgeWidth;
-  }
-  let footnoteRightX = 0;
-  if (footnoteIndicatorWidth > 0) {
-    footnoteRightX = cursorX + FRAME_TAB_INNER_GAP_PX + footnoteIndicatorWidth;
-    cursorX = footnoteRightX;
-  }
-  const contentW = cursorX - tabX + FRAME_TAB_RIGHT_INSET_PX;
-  const tabW = Math.max(FRAME_TAB_MIN_WIDTH_PX, contentW);
-  return {
-    titleTextWidth,
-    ownerTextWidth,
-    capacityBadgeWidth,
-    footnoteIndicatorWidth,
-    titleX,
-    ownerX,
-    badgeX,
-    footnoteRightX,
-    tabX,
-    tabW,
-    rightX: tabX + tabW
-  };
-}
-
-// ../layout/dist/header-card-geometry.js
-var HEADER_CARD_PADDING_X = 16;
-var HEADER_CARD_PADDING_TOP = 26;
-var HEADER_CARD_PADDING_BOTTOM = 14;
-var HEADER_TITLE_LINE_HEIGHT_PX = 20;
-var HEADER_AUTHOR_LINE_HEIGHT_PX = 14;
-var HEADER_TITLE_TO_AUTHOR_GAP_PX = 18;
-var HEADER_TITLE_FONT_SIZE_PX = 16;
-var HEADER_AUTHOR_FONT_SIZE_PX = 11;
-
-// ../layout/dist/include-chrome-geometry.js
-var INCLUDE_CHROME_OFFSET_FROM_BOX_PX = 24;
-var INCLUDE_CHROME_TAB_LEFT_INSET_PX = 10;
-var INCLUDE_CHROME_TAB_RIGHT_INSET_PX = 10;
-var INCLUDE_CHROME_TAB_LABEL_PER_CHAR_PX = 6;
-var INCLUDE_CHROME_TAB_MIN_WIDTH_PX = 60;
-var INCLUDE_CHROME_BADGE_GAP_PX = 6;
-var INCLUDE_CHROME_BADGE_SIZE_PX = 18;
-var INCLUDE_CHROME_SOURCE_GAP_PX = 6;
-var INCLUDE_CHROME_SOURCE_PER_CHAR_PX = 5.5;
-var INCLUDE_CHROME_SOURCE_HALO_PAD_PX = 3;
-function includeChromeGeometry(boxX, label, sourcePath) {
-  const tabX = boxX + INCLUDE_CHROME_OFFSET_FROM_BOX_PX;
-  const tabLabelX = tabX + INCLUDE_CHROME_TAB_LEFT_INSET_PX;
-  const labelTextWidth = label.length * INCLUDE_CHROME_TAB_LABEL_PER_CHAR_PX;
-  const tabWidth = Math.max(INCLUDE_CHROME_TAB_MIN_WIDTH_PX, labelTextWidth + INCLUDE_CHROME_TAB_LEFT_INSET_PX + INCLUDE_CHROME_TAB_RIGHT_INSET_PX);
-  const badgeX = tabX + tabWidth + INCLUDE_CHROME_BADGE_GAP_PX;
-  const badgeRightX = badgeX + INCLUDE_CHROME_BADGE_SIZE_PX;
-  let sourceTextWidth = 0;
-  let sourceTextX = 0;
-  let sourceHaloX = 0;
-  let sourceHaloWidth = 0;
-  let chromeRightX = badgeRightX;
-  if (sourcePath) {
-    sourceTextX = badgeRightX + INCLUDE_CHROME_SOURCE_GAP_PX;
-    sourceTextWidth = sourcePath.length * INCLUDE_CHROME_SOURCE_PER_CHAR_PX;
-    sourceHaloX = sourceTextX - INCLUDE_CHROME_SOURCE_HALO_PAD_PX;
-    sourceHaloWidth = sourceTextWidth + INCLUDE_CHROME_SOURCE_HALO_PAD_PX * 2;
-    chromeRightX = sourceHaloX + sourceHaloWidth;
-  }
-  return {
-    labelTextWidth,
-    sourceTextWidth,
-    tabX,
-    tabWidth,
-    tabLabelX,
-    badgeX,
-    badgeSize: INCLUDE_CHROME_BADGE_SIZE_PX,
-    sourceHaloX,
-    sourceHaloWidth,
-    sourceTextX,
-    chromeRightX
-  };
-}
-
-// ../layout/dist/item-bar-geometry.js
-var ITEM_CAPTION_INSET_X_PX = 12;
-var ITEM_CAPTION_SPILL_GAP_PX = 6;
-var ITEM_CAPTION_TITLE_BASELINE_OFFSET_PX = 20;
-var ITEM_CAPTION_META_BASELINE_OFFSET_PX = 38;
-var ITEM_CAPTION_TITLE_FONT_SIZE_PX = 13;
-var ITEM_CAPTION_META_FONT_SIZE_PX = 11;
-var ITEM_STATUS_DOT_INSET_RIGHT_PX = 12;
-var ITEM_STATUS_DOT_INSET_TOP_PX = 12;
-var ITEM_STATUS_DOT_RADIUS_PX = 5;
-var ITEM_FOOTNOTE_INDICATOR_INSET_RIGHT_PX = 22;
-var ITEM_FOOTNOTE_INDICATOR_BASELINE_OFFSET_PX = 14;
-var ITEM_FOOTNOTE_INDICATOR_STEP_PX = 8;
-var ITEM_LINK_ICON_TILE_SIZE_PX = 14;
-var ITEM_LINK_ICON_INSET_PX = 6;
-var ITEM_DECORATION_SPILL_GAP_PX = 4;
-var MIN_BAR_WIDTH_FOR_DOT_PX = ITEM_STATUS_DOT_INSET_RIGHT_PX + ITEM_STATUS_DOT_RADIUS_PX;
-var MIN_BAR_WIDTH_FOR_LINK_AND_DOT_PX = ITEM_LINK_ICON_INSET_PX + ITEM_LINK_ICON_TILE_SIZE_PX + ITEM_DECORATION_SPILL_GAP_PX + ITEM_STATUS_DOT_INSET_RIGHT_PX + ITEM_STATUS_DOT_RADIUS_PX;
-var MIN_BAR_WIDTH_FOR_FOOTNOTE_PX = ITEM_FOOTNOTE_INDICATOR_INSET_RIGHT_PX + 1;
-var INLINE_DATE_GLYPH_TILE_SIZE_PX = 12;
-var INLINE_DATE_GLYPH_INSET_LEFT_PX = 6;
-var INLINE_DATE_GLYPH_INSET_RIGHT_PX = 6;
-var INLINE_DATE_GLYPH_INSET_TOP_PX = 5;
-var INLINE_DATE_GLYPH_GAP_PX = ITEM_DECORATION_SPILL_GAP_PX;
-var MIN_BAR_WIDTH_FOR_INLINE_DATE_PX = INLINE_DATE_GLYPH_INSET_LEFT_PX + INLINE_DATE_GLYPH_TILE_SIZE_PX + INLINE_DATE_GLYPH_GAP_PX + INLINE_DATE_GLYPH_TILE_SIZE_PX + INLINE_DATE_GLYPH_INSET_RIGHT_PX;
-var LABEL_CHIP_HEIGHT_PX = 13;
-var LABEL_CHIP_GAP_ABOVE_PROGRESS_STRIP_PX = 3;
-var LABEL_CHIP_GAP_BETWEEN_PX = 4;
-var LABEL_CHIP_ROW_GAP_PX = 4;
-var LABEL_CHIP_ROW_STEP_PX = LABEL_CHIP_HEIGHT_PX + LABEL_CHIP_ROW_GAP_PX;
-var SPILL_ROW_SLACK_FRACTION = 0.25;
-function packSpillChips(chips, barVisualWidth) {
-  if (chips.length === 0)
-    return { rows: [[]], expanded: false };
-  const rows = [[]];
-  let used = 0;
-  let rowCap = barVisualWidth;
-  let expanded = false;
-  for (const chip of chips) {
-    const row = rows[rows.length - 1];
-    const needed = (row.length === 0 ? 0 : LABEL_CHIP_GAP_BETWEEN_PX) + chip.width;
-    const wouldBe = used + needed;
-    if (wouldBe <= rowCap) {
-      row.push(chip);
-      used = wouldBe;
-      continue;
-    }
-    if (row.length === 0) {
-      row.push(chip);
-      used = chip.width;
-      continue;
-    }
-    const overflow = wouldBe - rowCap;
-    const slack = chip.width * SPILL_ROW_SLACK_FRACTION;
-    if (!expanded && overflow <= slack) {
-      row.push(chip);
-      used = wouldBe;
-      rowCap = wouldBe;
-      expanded = true;
-      continue;
-    }
-    rows.push([chip]);
-    used = chip.width;
-    rowCap = barVisualWidth;
-  }
-  return { rows, expanded };
-}
-
 // ../layout/dist/dsl-utils.js
 function stripColon(key) {
   return key.endsWith(":") ? key.slice(0, -1) : key;
@@ -32942,7 +32931,8 @@ var GroupNode = class {
     const startX = cursor.x;
     const title = node.title ?? node.name;
     const previousFlowKey = ctx.currentFlowKey;
-    ctx.currentFlowKey = `${previousFlowKey}/group:${node.name ?? "g"}`;
+    ctx.nextGroupId += 1;
+    ctx.currentFlowKey = `${previousFlowKey}/group:${node.name ?? `group-${ctx.nextGroupId}`}`;
     const hasChiclet = style.bg !== "none" && style.bg !== "#ffffff" && Boolean(title);
     const topPad = hasChiclet ? GROUP_TITLE_TAB_HEIGHT_PX + GROUP_TITLE_TAB_GUTTER_PX : 0;
     const bottomPad = hasChiclet ? GROUP_BOTTOM_PAD_PX : 0;
@@ -33131,7 +33121,8 @@ var ParallelNode = class {
     let maxRight = startX;
     let accumulatedHeight = 0;
     const previousFlowKey = ctx.currentFlowKey;
-    const parId = node.name ?? "p";
+    ctx.nextParallelId += 1;
+    const parId = node.name ?? `parallel-${ctx.nextParallelId}`;
     let childIndex = 0;
     for (const child of node.content) {
       if (child.$type === "DescriptionDirective")
@@ -35727,13 +35718,17 @@ function buildIncludeRegions(regions, ctx, startY, deps) {
       chartTopY: innerStartY,
       chartBottomY: innerStartY,
       swimlaneBottomY: innerStartY,
-      chartRightX: ctx.chartRightX
+      chartRightX: ctx.chartRightX,
+      nextParallelId: 0,
+      nextGroupId: 0
     };
     const nestedSwimlanes = [];
     let cursorY = innerStartY;
     let bandIndex = 0;
     let nestedContentRightX = childCtx.timeline.originX;
     for (const lane of region.content.swimlanes.values()) {
+      childCtx.nextParallelId = 0;
+      childCtx.nextGroupId = 0;
       const { positioned, usedHeight, usedRightX } = new SwimlaneNode({ lane, bandIndex }, deps).place({ x: childCtx.timeline.originX, y: cursorY }, childCtx);
       nestedSwimlanes.push(positioned);
       cursorY += usedHeight;
@@ -36081,7 +36076,9 @@ var RoadmapNode = class {
       chartTopY: timelineY + timelineHeightBudget,
       chartBottomY: 0,
       swimlaneBottomY: 0,
-      chartRightX: finalChartRightX
+      chartRightX: finalChartRightX,
+      nextParallelId: 0,
+      nextGroupId: 0
     };
     for (const e of datePinnedEntries) {
       const placement = markerRowPlacements.get(e.id);
@@ -36101,6 +36098,8 @@ var RoadmapNode = class {
     const swimlaneDefaultStyle = resolveStyle("swimlane", [], styleCtx);
     const interBandGapPx = SPACING_PX[swimlaneDefaultStyle.spacing] ?? 0;
     const runSwimlaneLoop = () => {
+      ctx.nextParallelId = 0;
+      ctx.nextGroupId = 0;
       const out = [];
       let cursorY = ctx.chartTopY;
       let bIndex = 0;
@@ -36779,24 +36778,25 @@ function sequenceItem(node, cursor, ctx, ownerOverride) {
   if (id) {
     ctx.entityLeftEdges.set(id, logicalLeft);
     ctx.entityRightEdges.set(id, logicalRight);
-    ctx.entityMidpoints.set(id, {
-      x: (logicalLeft + logicalRight) / 2,
-      y: itemBox.y + itemBox.height / 2
-    });
-    ctx.entityVisualLeftX.set(id, itemBox.x);
-    ctx.entityVisualRightX.set(id, itemBox.x + itemBox.width);
-    const arrowSource = textSpills ? {
-      x: itemBox.x + itemBox.width,
-      y: itemBox.y + itemBox.height - PROGRESS_STRIP_HEIGHT_PX / 2
-    } : {
-      x: itemBox.x + itemBox.width,
-      y: itemBox.y + itemBox.height / 2
-    };
-    ctx.itemArrowSource.set(id, arrowSource);
-    ctx.itemFlowKey.set(id, ctx.currentFlowKey);
-    const slackAttachY = textSpills ? itemBox.y + itemBox.height - PROGRESS_STRIP_HEIGHT_PX / 2 : itemBox.y + itemBox.height / 2;
-    ctx.itemSlackAttachY.set(id, slackAttachY);
   }
+  const drawKey = id ?? syntheticItemKey(node);
+  ctx.entityMidpoints.set(drawKey, {
+    x: (logicalLeft + logicalRight) / 2,
+    y: itemBox.y + itemBox.height / 2
+  });
+  ctx.entityVisualLeftX.set(drawKey, itemBox.x);
+  ctx.entityVisualRightX.set(drawKey, itemBox.x + itemBox.width);
+  const arrowSource = textSpills ? {
+    x: itemBox.x + itemBox.width,
+    y: itemBox.y + itemBox.height - PROGRESS_STRIP_HEIGHT_PX / 2
+  } : {
+    x: itemBox.x + itemBox.width,
+    y: itemBox.y + itemBox.height / 2
+  };
+  ctx.itemArrowSource.set(drawKey, arrowSource);
+  ctx.itemFlowKey.set(drawKey, ctx.currentFlowKey);
+  const slackAttachY = textSpills ? itemBox.y + itemBox.height - PROGRESS_STRIP_HEIGHT_PX / 2 : itemBox.y + itemBox.height / 2;
+  ctx.itemSlackAttachY.set(drawKey, slackAttachY);
   cursor.x = logicalRight;
   cursor.maxX = Math.max(cursor.maxX, cursor.x);
   cursor.height = Math.max(cursor.height, ctx.bandScale.step() + chipBarExtra);
@@ -36866,6 +36866,10 @@ function sequenceOne(node, cursor, ctx) {
 function estimateTextWidth2(text, fontSize) {
   return text.length * fontSize * 0.58;
 }
+function syntheticItemKey(node) {
+  const start = node.$cstNode?.range.start;
+  return `#item@${start ? start.line + 1 : 0}:${start ? start.character + 1 : 0}`;
+}
 function computeChipBarExtra(chipsOutside, captionSpills, chipRowCount, bandwidth, hasMeta) {
   if (chipRowCount === 0)
     return 0;
@@ -37221,8 +37225,7 @@ function collectItems(swimlanes) {
   const out = /* @__PURE__ */ new Map();
   const walk2 = (node) => {
     if (isItemDeclaration(node)) {
-      if (node.name)
-        out.set(node.name, node);
+      out.set(node.name ?? syntheticItemKey(node), node);
       return;
     }
     if (isParallelBlock(node)) {
@@ -37267,6 +37270,176 @@ function layoutRoadmap(file, resolved, options = {}) {
   });
 }
 
+// ../layout/dist/resolve-today.js
+var TimezoneError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "TimezoneError";
+  }
+};
+function normalizeZone(raw) {
+  if (!raw || raw.toLowerCase() === "local")
+    return { kind: "local" };
+  if (raw.toUpperCase() === "UTC")
+    return { kind: "utc" };
+  if (raw === "Z")
+    return { kind: "offset", ms: 0 };
+  const offsetMatch = /^([+-])(\d{2})(?::?(\d{2}))?$/.exec(raw);
+  if (offsetMatch) {
+    const sign = offsetMatch[1] === "+" ? 1 : -1;
+    const hours = parseInt(offsetMatch[2], 10);
+    const minutes = offsetMatch[3] !== void 0 ? parseInt(offsetMatch[3], 10) : 0;
+    if (hours > 23 || minutes > 59) {
+      throw new TimezoneError(`nowline: invalid timezone offset "${raw}". Hours must be 0\u201323 and minutes 0\u201359.`);
+    }
+    return { kind: "offset", ms: sign * (hours * 60 + minutes) * 6e4 };
+  }
+  try {
+    const canonical = Intl.DateTimeFormat(void 0, { timeZone: raw }).resolvedOptions().timeZone;
+    return { kind: "iana", name: canonical };
+  } catch {
+    throw new TimezoneError(`nowline: unrecognised timezone "${raw}". Use "local", "UTC", an ISO 8601 offset (e.g. "+05:30", "-07:00", "Z"), or an IANA timezone name (e.g. "America/Los_Angeles", "Asia/Kolkata").`);
+  }
+}
+function civilDateInZone(instant, zone) {
+  switch (zone.kind) {
+    case "local": {
+      return new Date(Date.UTC(instant.getFullYear(), instant.getMonth(), instant.getDate()));
+    }
+    case "utc": {
+      return new Date(Date.UTC(instant.getUTCFullYear(), instant.getUTCMonth(), instant.getUTCDate()));
+    }
+    case "offset": {
+      const shifted = new Date(instant.getTime() + zone.ms);
+      return new Date(Date.UTC(shifted.getUTCFullYear(), shifted.getUTCMonth(), shifted.getUTCDate()));
+    }
+    case "iana": {
+      const parts = new Intl.DateTimeFormat("en-CA", {
+        timeZone: zone.name,
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit"
+      }).formatToParts(instant);
+      let y = 0;
+      let m = 0;
+      let d = 0;
+      for (const p of parts) {
+        if (p.type === "year")
+          y = parseInt(p.value, 10);
+        else if (p.type === "month")
+          m = parseInt(p.value, 10) - 1;
+        else if (p.type === "day")
+          d = parseInt(p.value, 10);
+      }
+      return new Date(Date.UTC(y, m, d));
+    }
+  }
+}
+var BARE_DATE_RE = /^(\d{4})-(\d{2})-(\d{2})$/;
+var ISO_WITH_OFFSET_RE = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?)(Z|([+-])(\d{2})(?::?(\d{2}))?)$/;
+var ISO_FLOATING_RE = /^(\d{4})-(\d{2})-(\d{2})T\d{2}:\d{2}:\d{2}(?:\.\d+)?$/;
+function resolveToday(opts = {}) {
+  const zone = opts.zone ?? { kind: "local" };
+  const clock = opts.clock ?? (() => /* @__PURE__ */ new Date());
+  const now = opts.now;
+  if (now === "-" || now === null)
+    return void 0;
+  if (now instanceof Date)
+    return now;
+  if (now !== void 0) {
+    const bareMatch = BARE_DATE_RE.exec(now);
+    if (bareMatch) {
+      return new Date(Date.UTC(parseInt(bareMatch[1], 10), parseInt(bareMatch[2], 10) - 1, parseInt(bareMatch[3], 10)));
+    }
+    const withOffset = ISO_WITH_OFFSET_RE.exec(now);
+    if (withOffset) {
+      const instant = new Date(now);
+      if (!Number.isNaN(instant.getTime())) {
+        const suffix = withOffset[2];
+        if (suffix === "Z") {
+          return civilDateInZone(instant, { kind: "utc" });
+        }
+        const sign = withOffset[3] === "+" ? 1 : -1;
+        const hh = parseInt(withOffset[4], 10);
+        const mm = withOffset[5] !== void 0 ? parseInt(withOffset[5], 10) : 0;
+        const offsetMs = sign * (hh * 60 + mm) * 6e4;
+        return civilDateInZone(instant, { kind: "offset", ms: offsetMs });
+      }
+    }
+    const floating = ISO_FLOATING_RE.exec(now);
+    if (floating) {
+      return new Date(Date.UTC(parseInt(floating[1], 10), parseInt(floating[2], 10) - 1, parseInt(floating[3], 10)));
+    }
+    return void 0;
+  }
+  return civilDateInZone(clock(), zone);
+}
+
+// ../browser/dist/diagnostic-row.js
+function fromLangiumDiagnostic(diag, file) {
+  return {
+    severity: diag.severity === 2 ? "warning" : "error",
+    // resolveDiagnosticCode prefers the stable validator code (NL.Exxxx)
+    // carried in `data` so the preview table matches the CLI / Problems
+    // panel, then falls back to Langium's `code`, then a message heuristic.
+    code: resolveDiagnosticCode(diag),
+    message: diag.message,
+    suggestion: extractSuggestion(diag.message),
+    file,
+    line: (diag.range?.start.line ?? 0) + 1,
+    column: (diag.range?.start.character ?? 0) + 1
+  };
+}
+function fromParserError(err, file) {
+  return {
+    severity: "error",
+    code: "parse-error",
+    message: err.message,
+    file,
+    line: err.token?.startLine ?? 1,
+    column: err.token?.startColumn ?? 1
+  };
+}
+function fromLexerError(err, file) {
+  return {
+    severity: "error",
+    code: "lex-error",
+    message: err.message,
+    file,
+    line: err.line ?? 1,
+    column: err.column ?? 1
+  };
+}
+function fromResolveDiagnostic(diag) {
+  return {
+    severity: diag.severity,
+    code: "include",
+    message: diag.message,
+    file: diag.sourcePath,
+    line: diag.line !== void 0 ? diag.line + 1 : 1,
+    column: 1
+  };
+}
+function fromRenderWarning(message, file, severity = "warning") {
+  return {
+    severity,
+    code: "render.warning",
+    message,
+    file,
+    line: 1,
+    column: 1
+  };
+}
+
+// ../browser/dist/no-op-include-resolver.js
+var NOWLINE_BROWSER_NOOP_INCLUDE_TAG = "__nowline_browser_noop_include__";
+async function noOpIncludeReadFile(absPath) {
+  throw new Error(`${NOWLINE_BROWSER_NOOP_INCLUDE_TAG}: include "${absPath}" was skipped \u2014 running in single-file mode.`);
+}
+function isNoOpIncludeDiagnosticMessage(message) {
+  return message.includes(NOWLINE_BROWSER_NOOP_INCLUDE_TAG);
+}
+
 // ../renderer/dist/svg/icons.js
 var CAPACITY_ICON_SVG = {
   // Lucide `user` — a single figure (head + shoulders).
@@ -37767,9 +37940,9 @@ var WEIGHT_NUM = {
 function textSizePx(bucket) {
   return TEXT_SIZE_PX[bucket] ?? 14;
 }
-function fontAttrs(style, overrideSize) {
+function fontAttrs(style, fonts, overrideSize) {
   return {
-    "font-family": FONT_STACK[style.font],
+    "font-family": fonts[style.font],
     "font-size": overrideSize ?? textSizePx(style.textSize),
     "font-weight": WEIGHT_NUM[style.weight] ?? 400,
     "font-style": style.italic ? "italic" : "normal",
@@ -37908,7 +38081,7 @@ function rectFrame(x, y, w, h, style, extra = {}) {
     ...extra
   });
 }
-function renderHeader(h, idPrefix, palette) {
+function renderHeader(h, idPrefix, palette, fonts) {
   const cardX = h.box.x + h.cardBox.x;
   const cardY = h.box.y + h.cardBox.y;
   const cardWidth = h.cardBox.width;
@@ -37932,7 +38105,7 @@ function renderHeader(h, idPrefix, palette) {
     titleParts.push(textTag({
       x: num(cardX + HEADER_CARD_PADDING_X),
       y: num(cardY + HEADER_CARD_PADDING_TOP + i * HEADER_TITLE_LINE_HEIGHT_PX),
-      "font-family": FONT_STACK[h.style.font],
+      "font-family": fonts[h.style.font],
       "font-size": HEADER_TITLE_FONT_SIZE_PX,
       "font-weight": 600,
       fill: h.style.text
@@ -37946,7 +38119,7 @@ function renderHeader(h, idPrefix, palette) {
     authorParts.push(textTag({
       x: num(cardX + HEADER_CARD_PADDING_X),
       y: num(lastTitleY + HEADER_TITLE_TO_AUTHOR_GAP_PX + j * HEADER_AUTHOR_LINE_HEIGHT_PX),
-      "font-family": FONT_STACK[h.style.font],
+      "font-family": fonts[h.style.font],
       "font-size": HEADER_AUTHOR_FONT_SIZE_PX,
       fill: authorColor
     }, line));
@@ -37989,7 +38162,7 @@ function renderGridLines(t, swimlaneTopY, palette) {
   }
   return tag("g", { "data-layer": "grid" }, parts.join(""));
 }
-function renderTimeline(t, palette) {
+function renderTimeline(t, palette, fonts) {
   const panelFill = palette.timeline.panelFill;
   const borderColor = palette.timeline.border;
   const labelColor = palette.timeline.labelText;
@@ -38051,7 +38224,7 @@ function renderTimeline(t, palette) {
       parts.push(textTag({
         x: num(tick.labelX),
         y: num(tickPanelY + TIMELINE_TICK_LABEL_BASELINE_OFFSET_PX),
-        "font-family": FONT_STACK.sans,
+        "font-family": fonts.sans,
         "font-size": 10,
         fill: labelColor,
         "text-anchor": "middle"
@@ -38061,7 +38234,7 @@ function renderTimeline(t, palette) {
       parts.push(textTag({
         x: num(tick.labelX),
         y: num(bottomTickPanelY + TIMELINE_TICK_LABEL_BASELINE_OFFSET_PX),
-        "font-family": FONT_STACK.sans,
+        "font-family": fonts.sans,
         "font-size": 10,
         fill: labelColor,
         "text-anchor": "middle"
@@ -38070,7 +38243,7 @@ function renderTimeline(t, palette) {
   }
   return tag("g", { "data-layer": "timeline" }, parts.join(""));
 }
-function renderNowline(n, palette) {
+function renderNowline(n, palette, fonts) {
   if (!n)
     return "";
   const color2 = palette.nowline.stroke;
@@ -38084,7 +38257,7 @@ function renderNowline(n, palette) {
     "stroke-width": NOWLINE_STROKE_WIDTH_PX
   });
   const pillBg = renderNowPillBg(n, color2);
-  const label = renderNowPillLabel(n, labelTextColor);
+  const label = renderNowPillLabel(n, labelTextColor, fonts);
   return tag("g", { "data-layer": "nowline" }, line + pillBg + label);
 }
 function squaredEdgeX(n) {
@@ -38137,7 +38310,7 @@ function renderNowPillBg(n, color2) {
   ].join(" ");
   return tag("path", { d, fill: color2 });
 }
-function renderNowPillLabel(n, labelTextColor) {
+function renderNowPillLabel(n, labelTextColor, fonts) {
   const baselineY = n.pillTopY + NOW_PILL_LABEL_BASELINE_OFFSET_PX;
   const edgeX = squaredEdgeX(n);
   let labelX;
@@ -38155,14 +38328,14 @@ function renderNowPillLabel(n, labelTextColor) {
   return textTag({
     x: num(labelX),
     y: num(baselineY),
-    "font-family": FONT_STACK.sans,
+    "font-family": fonts.sans,
     "font-size": NOW_PILL_LABEL_FONT_SIZE_PX,
     "font-weight": 700,
     fill: labelTextColor,
     "text-anchor": textAnchor
   }, n.label);
 }
-function renderItem(i, options, idPrefix, palette) {
+function renderItem(i, options, idPrefix, palette, fonts) {
   const parts = [];
   const shadow = shadowFilterUrl(idPrefix, i.style.shadow);
   parts.push(rectFrame(i.box.x, i.box.y, i.box.width, i.box.height, i.style, {
@@ -38214,7 +38387,7 @@ function renderItem(i, options, idPrefix, palette) {
     parts.push(textTag({
       x: num(captionX),
       y: num(i.box.y + ITEM_CAPTION_TITLE_BASELINE_OFFSET_PX),
-      "font-family": FONT_STACK[i.style.font],
+      "font-family": fonts[i.style.font],
       "font-size": ITEM_CAPTION_TITLE_FONT_SIZE_PX,
       "font-weight": 600,
       fill: titleColor
@@ -38227,7 +38400,7 @@ function renderItem(i, options, idPrefix, palette) {
       x: captionX,
       baselineY: i.box.y + ITEM_CAPTION_META_BASELINE_OFFSET_PX,
       fontSize: ITEM_CAPTION_META_FONT_SIZE_PX,
-      fontFamily: FONT_STACK[i.style.font],
+      fontFamily: fonts[i.style.font],
       color: metaColor
     }));
   }
@@ -38240,7 +38413,7 @@ function renderItem(i, options, idPrefix, palette) {
         parts.push(textTag({
           x: num(fx),
           y: num(footnoteY),
-          "font-family": FONT_STACK.sans,
+          "font-family": fonts.sans,
           "font-size": 10,
           "font-weight": 700,
           fill: captionOutsideTextColor
@@ -38254,7 +38427,7 @@ function renderItem(i, options, idPrefix, palette) {
         parts.push(textTag({
           x: num(fx),
           y: num(footnoteY),
-          "font-family": FONT_STACK.sans,
+          "font-family": fonts.sans,
           "font-size": 10,
           "font-weight": 700,
           fill: i.style.text,
@@ -38315,7 +38488,7 @@ function renderItem(i, options, idPrefix, palette) {
       parts.push(textTag({
         x: num(i.overflowBox.x + i.overflowBox.width / 2),
         y: num(i.overflowBox.y + i.overflowBox.height / 2 + 3),
-        "font-family": FONT_STACK.sans,
+        "font-family": fonts.sans,
         "font-size": 9,
         "font-weight": 700,
         fill: captionColor,
@@ -38339,13 +38512,13 @@ function renderItem(i, options, idPrefix, palette) {
     parts.push(textTag({
       x: num(chip.box.x + chip.box.width / 2),
       y: num(chip.box.y + chip.box.height / 2 + 3),
-      ...fontAttrs(chip.style, TEXT_SIZE_PX.xs),
+      ...fontAttrs(chip.style, fonts, TEXT_SIZE_PX.xs),
       "text-anchor": "middle"
     }, chip.text));
   }
   return tag("g", { "data-layer": "item", "data-id": i.id ?? null }, parts.join(""));
 }
-function renderGroup(g, options, idPrefix, palette) {
+function renderGroup(g, options, idPrefix, palette, fonts) {
   const parts = [];
   const hasFill = g.style.bg !== "none" && g.style.bg !== "#ffffff";
   if (hasFill) {
@@ -38376,7 +38549,7 @@ function renderGroup(g, options, idPrefix, palette) {
       parts.push(textTag({
         x: num(tabX + GROUP_TITLE_TAB_PAD_X_PX),
         y: num(tabY + GROUP_TITLE_TAB_LABEL_BASELINE_OFFSET_PX),
-        "font-family": FONT_STACK[g.style.font],
+        "font-family": fonts[g.style.font],
         "font-size": GROUP_TITLE_TAB_LABEL_FONT_SIZE_PX,
         "font-weight": 600,
         fill: "#ffffff"
@@ -38401,19 +38574,19 @@ function renderGroup(g, options, idPrefix, palette) {
       parts.push(textTag({
         x: num(g.box.x + 6),
         y: num(g.box.y - 2),
-        ...fontAttrs(g.style, TEXT_SIZE_PX.xs),
+        ...fontAttrs(g.style, fonts, TEXT_SIZE_PX.xs),
         "fill-opacity": 0.7
       }, g.title));
     }
   }
   parts.push(renderInlineDatePins(g.inlineDatePins, g.style.fg));
   for (const c of g.children) {
-    parts.push(renderTrackChild(c, options, idPrefix, palette));
+    parts.push(renderTrackChild(c, options, idPrefix, palette, fonts));
   }
   void palette;
   return tag("g", { "data-layer": "group", "data-id": g.id ?? null }, parts.join(""));
 }
-function renderParallel(p, options, idPrefix, palette) {
+function renderParallel(p, options, idPrefix, palette, fonts) {
   const parts = [];
   if (p.style.bracket === "solid" || p.style.bracket === "dashed") {
     const padding = 12;
@@ -38444,22 +38617,22 @@ function renderParallel(p, options, idPrefix, palette) {
     parts.push(textTag({
       x: num(p.box.x + 4),
       y: num(p.box.y - 2),
-      ...fontAttrs(p.style, TEXT_SIZE_PX.xs),
+      ...fontAttrs(p.style, fonts, TEXT_SIZE_PX.xs),
       "fill-opacity": 0.7
     }, p.title));
   }
   parts.push(renderInlineDatePins(p.inlineDatePins, p.style.fg));
   for (const c of p.children) {
-    parts.push(renderTrackChild(c, options, idPrefix, palette));
+    parts.push(renderTrackChild(c, options, idPrefix, palette, fonts));
   }
   return tag("g", { "data-layer": "parallel", "data-id": p.id ?? null }, parts.join(""));
 }
-function renderTrackChild(c, options, idPrefix, palette) {
+function renderTrackChild(c, options, idPrefix, palette, fonts) {
   if (c.kind === "item")
-    return renderItem(c, options, idPrefix, palette);
+    return renderItem(c, options, idPrefix, palette, fonts);
   if (c.kind === "group")
-    return renderGroup(c, options, idPrefix, palette);
-  return renderParallel(c, options, idPrefix, palette);
+    return renderGroup(c, options, idPrefix, palette, fonts);
+  return renderParallel(c, options, idPrefix, palette, fonts);
 }
 var LANE_UTILIZATION_HEIGHT_PX = 2;
 function utilizationColor(classification, palette) {
@@ -38508,7 +38681,7 @@ function renderSwimlaneBg(s, palette) {
     "stroke-width": 1
   }));
 }
-function renderSwimlane(s, options, idPrefix, palette) {
+function renderSwimlane(s, options, idPrefix, palette, fonts) {
   const tabFill = palette.swimlane.tabFill;
   const tabStroke = palette.swimlane.tabStroke;
   const tabText = palette.swimlane.tabText;
@@ -38538,7 +38711,7 @@ function renderSwimlane(s, options, idPrefix, palette) {
     parts.push(textTag({
       x: num(tab.titleX),
       y: num(labelY),
-      "font-family": FONT_STACK[s.style.font],
+      "font-family": fonts[s.style.font],
       "font-size": 12,
       "font-weight": 600,
       fill: tabText
@@ -38547,19 +38720,19 @@ function renderSwimlane(s, options, idPrefix, palette) {
       parts.push(textTag({
         x: num(tab.ownerX),
         y: num(labelY),
-        "font-family": FONT_STACK[s.style.font],
+        "font-family": fonts[s.style.font],
         "font-size": 10,
         fill: ownerText
       }, `owner: ${s.owner}`));
     }
     if (s.capacity) {
-      parts.push(renderCapacitySuffix(s.capacity, void 0, tab.badgeX, labelY, LANE_BADGE_FONT_SIZE_PX, FONT_STACK[s.style.font], ownerText));
+      parts.push(renderCapacitySuffix(s.capacity, void 0, tab.badgeX, labelY, LANE_BADGE_FONT_SIZE_PX, fonts[s.style.font], ownerText));
     }
     if (footnoteIndicatorText) {
       parts.push(textTag({
         x: num(tab.footnoteRightX),
         y: num(tabY + 14),
-        "font-family": FONT_STACK.sans,
+        "font-family": fonts.sans,
         "font-size": LANE_BADGE_FONT_SIZE_PX,
         "font-weight": 700,
         fill: footnoteColor,
@@ -38568,12 +38741,12 @@ function renderSwimlane(s, options, idPrefix, palette) {
     }
   }
   for (const c of s.children) {
-    parts.push(renderTrackChild(c, options, idPrefix, palette));
+    parts.push(renderTrackChild(c, options, idPrefix, palette, fonts));
   }
   parts.push(renderLaneUtilization(s, palette));
   return tag("g", { "data-layer": "swimlane", "data-id": s.id ?? null }, parts.join(""));
 }
-function renderAnchor(a, palette) {
+function renderAnchor(a, palette, fonts) {
   const size = a.radius;
   const cx = a.center.x;
   const cy = a.center.y;
@@ -38590,7 +38763,7 @@ function renderAnchor(a, palette) {
   const labelAttrs = {
     x: num(labelX),
     y: num(cy + 4),
-    "font-family": FONT_STACK.sans,
+    "font-family": fonts.sans,
     "font-size": 10,
     fill: labelColor
   };
@@ -38611,7 +38784,7 @@ function renderAnchorCutLine(a, palette) {
     "stroke-dasharray": "1 3"
   });
 }
-function renderMilestone(m, palette) {
+function renderMilestone(m, palette, fonts) {
   const cx = m.center.x;
   const cy = m.center.y;
   const r = m.radius;
@@ -38627,7 +38800,7 @@ function renderMilestone(m, palette) {
   const labelAttrs = {
     x: num(labelX),
     y: num(cy + 4),
-    "font-family": FONT_STACK.sans,
+    "font-family": fonts.sans,
     "font-size": 10,
     "font-weight": 600,
     fill: labelColor
@@ -38712,7 +38885,7 @@ function roundedOrthogonalPath(points, radius) {
   }
   return parts.join(" ");
 }
-function renderFootnotes(f, idPrefix, palette) {
+function renderFootnotes(f, idPrefix, palette, fonts) {
   if (f.entries.length === 0)
     return "";
   const panelFill = palette.footnotePanel.fill;
@@ -38737,7 +38910,7 @@ function renderFootnotes(f, idPrefix, palette) {
   parts.push(textTag({
     x: num(f.box.x + FOOTNOTE_PANEL_PADDING_PX),
     y: num(f.box.y + FOOTNOTE_HEADER_BASELINE_OFFSET_PX),
-    "font-family": FONT_STACK.sans,
+    "font-family": fonts.sans,
     "font-size": 12,
     "font-weight": 700,
     fill: headerColor
@@ -38750,7 +38923,7 @@ function renderFootnotes(f, idPrefix, palette) {
     parts.push(textTag({
       x: num(numberX),
       y: num(y),
-      "font-family": FONT_STACK.sans,
+      "font-family": fonts.sans,
       "font-size": 10,
       "font-weight": 700,
       fill: numberColor
@@ -38758,7 +38931,7 @@ function renderFootnotes(f, idPrefix, palette) {
     parts.push(textTag({
       x: num(titleX),
       y: num(y),
-      "font-family": FONT_STACK.sans,
+      "font-family": fonts.sans,
       "font-size": 11,
       "font-weight": 600,
       fill: titleColor
@@ -38767,7 +38940,7 @@ function renderFootnotes(f, idPrefix, palette) {
       parts.push(textTag({
         x: num(titleX + Math.max(120, e.title.length * 6)),
         y: num(y),
-        "font-family": FONT_STACK.sans,
+        "font-family": fonts.sans,
         "font-size": 11,
         fill: descColor
       }, `\u2014 ${e.description}`));
@@ -38775,7 +38948,7 @@ function renderFootnotes(f, idPrefix, palette) {
   });
   return tag("g", { "data-layer": "footnotes" }, parts.join(""));
 }
-function renderIncludeRegion(r, options, idPrefix, palette) {
+function renderIncludeRegion(r, options, idPrefix, palette, fonts) {
   const border = palette.includeRegion.border;
   const fill = palette.includeRegion.fill;
   const tabFill = palette.includeRegion.tabFill;
@@ -38817,7 +38990,7 @@ function renderIncludeRegion(r, options, idPrefix, palette) {
   const tabLabel = textTag({
     x: num(chrome.tabLabelX),
     y: num(tabY + FRAME_TAB_LABEL_BASELINE_OFFSET_PX),
-    "font-family": FONT_STACK.sans,
+    "font-family": fonts.sans,
     "font-size": 11,
     "font-weight": 600,
     fill: tabText
@@ -38856,14 +39029,14 @@ function renderIncludeRegion(r, options, idPrefix, palette) {
   const sourceText = textTag({
     x: num(chrome.sourceTextX),
     y: num(sourceTextY),
-    "font-family": FONT_STACK.mono,
+    "font-family": fonts.mono,
     "font-size": sourceFontSize,
     fill: badgeText
   }, r.sourcePath);
-  const nested = r.nestedSwimlanes.map((s) => renderSwimlane(s, options, idPrefix, palette)).join("");
+  const nested = r.nestedSwimlanes.map((s) => renderSwimlane(s, options, idPrefix, palette, fonts)).join("");
   return tag("g", { "data-layer": "include" }, region + nested + tab + tabLabel + badge + glyph + sourceHalo + sourceText);
 }
-function renderAttributionMark(model) {
+function renderAttributionMark(model, fonts) {
   const muted = model.palette.attribution.mark;
   const accent = model.palette.attribution.link;
   if (model.swimlanes.length === 0)
@@ -38874,14 +39047,14 @@ function renderAttributionMark(model) {
   const inner = textTag({
     x: "0",
     y: baselineY,
-    "font-family": FONT_STACK.sans,
+    "font-family": fonts.sans,
     "font-size": ATTRIBUTION_PREFIX_FONT_SIZE,
     "font-weight": 400,
     fill: muted
   }, ATTRIBUTION_TEXT) + textTag({
     x: ATTRIBUTION_NOW_LOGICAL_X,
     y: baselineY,
-    "font-family": FONT_STACK.sans,
+    "font-family": fonts.sans,
     "font-size": ATTRIBUTION_WORDMARK_FONT_SIZE,
     "font-weight": 700,
     fill: muted
@@ -38894,7 +39067,7 @@ function renderAttributionMark(model) {
   }) + textTag({
     x: ATTRIBUTION_INE_LOGICAL_X,
     y: baselineY,
-    "font-family": FONT_STACK.sans,
+    "font-family": fonts.sans,
     "font-size": ATTRIBUTION_WORDMARK_FONT_SIZE,
     "font-weight": 400,
     fill: muted
@@ -38959,6 +39132,7 @@ async function renderSvg(model, options = {}) {
   const ids = new IdGenerator(options.idPrefix ?? "nl");
   const idPrefix = ids.next("root");
   const palette = model.palette;
+  const fonts = options.fontFamilies ?? FONT_STACK;
   const parts = [];
   const arrowFillNeutral = palette.arrowhead.neutral;
   const arrowFillLight = palette.arrowhead.light;
@@ -38973,7 +39147,7 @@ async function renderSvg(model, options = {}) {
     height: num(model.height),
     fill: model.backgroundColor
   }));
-  parts.push(renderTimeline(model.timeline, palette));
+  parts.push(renderTimeline(model.timeline, palette, fonts));
   for (const s of model.swimlanes)
     parts.push(renderSwimlaneBg(s, palette));
   parts.push(renderGridLines(model.timeline, model.chartBox.y, palette));
@@ -38982,9 +39156,9 @@ async function renderSvg(model, options = {}) {
       parts.push(renderEdge(e, palette));
   }
   for (const s of model.swimlanes)
-    parts.push(renderSwimlane(s, options, idPrefix, palette));
+    parts.push(renderSwimlane(s, options, idPrefix, palette, fonts));
   for (const r of model.includes)
-    parts.push(renderIncludeRegion(r, options, idPrefix, palette));
+    parts.push(renderIncludeRegion(r, options, idPrefix, palette, fonts));
   for (const e of model.edges) {
     if (e.kind !== "underBar")
       parts.push(renderEdge(e, palette));
@@ -38994,13 +39168,13 @@ async function renderSvg(model, options = {}) {
   for (const m of model.milestones)
     parts.push(renderMilestoneCutLine(m, palette));
   for (const a of model.anchors)
-    parts.push(renderAnchor(a, palette));
+    parts.push(renderAnchor(a, palette, fonts));
   for (const m of model.milestones)
-    parts.push(renderMilestone(m, palette));
-  parts.push(renderNowline(model.nowline, palette));
-  parts.push(renderFootnotes(model.footnotes, idPrefix, palette));
-  parts.push(renderHeader(model.header, idPrefix, palette));
-  parts.push(renderAttributionMark(model));
+    parts.push(renderMilestone(m, palette, fonts));
+  parts.push(renderNowline(model.nowline, palette, fonts));
+  parts.push(renderFootnotes(model.footnotes, idPrefix, palette, fonts));
+  parts.push(renderHeader(model.header, idPrefix, palette, fonts));
+  parts.push(renderAttributionMark(model, fonts));
   if (model.header.logo && options.assetResolver) {
     const logoSvg = await embedLogo(model.header.logo.assetRef ?? "", options.assetResolver, idPrefix, options, model.header.logo.box.x, model.header.logo.box.y, Math.max(model.header.logo.box.width, model.header.logo.box.height));
     if (logoSvg)
@@ -39073,7 +39247,30 @@ async function renderSource(source, options = {}) {
   if (rows.some((r) => r.severity === "error")) {
     return { kind: "diagnostics", diagnostics: rows };
   }
-  const today = options.today === null ? void 0 : options.today;
+  let zone;
+  if (options.timezone) {
+    try {
+      zone = normalizeZone(options.timezone);
+    } catch (err) {
+      if (err instanceof TimezoneError) {
+        return {
+          kind: "diagnostics",
+          diagnostics: [
+            {
+              severity: "error",
+              code: "invalid-timezone",
+              message: err.message,
+              file: filePath,
+              line: 1,
+              column: 1
+            }
+          ]
+        };
+      }
+      throw err;
+    }
+  }
+  const today = resolveToday({ now: options.today, zone });
   const model = layoutRoadmap(parsed.ast, resolved, {
     theme: options.theme,
     today,
@@ -39088,7 +39285,8 @@ async function renderSource(source, options = {}) {
     assetResolver: options.assetResolver,
     noLinks: !showLinks,
     strict,
-    warn: (msg) => warnMessages.push(msg)
+    warn: (msg) => warnMessages.push(msg),
+    fontFamilies: options.fontFamilies
   });
   const warnings = warnMessages.map((m) => fromRenderWarning(m, filePath, strict ? "error" : "warning"));
   if (strict && warnings.length > 0) {
@@ -39118,6 +39316,7 @@ async function renderSource2(source, options = {}) {
     filePath: EMBED_SOURCE_PATH,
     theme: options.theme,
     today: options.today,
+    timezone: options.timezone,
     locale: options.locale,
     width: options.width,
     idPrefix: options.idPrefix,
@@ -39747,6 +39946,7 @@ async function runAutoScan(inputs) {
       locale: inputs.locale,
       width: inputs.width,
       today: inputs.today,
+      timezone: inputs.timezone,
       idPrefix
     };
     const parent = target.parentElement;
@@ -39819,8 +40019,8 @@ function effectiveTheme(theme, systemTheme) {
 }
 
 // src/index.ts
-var version = true ? "0.5.0" : "0.0.0";
-var sha = true ? "04bdff9" : "unknown";
+var version = true ? "0.6.0" : "0.0.0";
+var sha = true ? "e2e4d9d" : "unknown";
 var DEFAULT_SELECTOR = "pre code.language-nowline, code.language-nowline";
 var initialConfig = {
   theme: "auto",
@@ -39838,7 +40038,8 @@ function initialize(options = {}) {
     selector: options.selector ?? config.selector,
     locale: options.locale ?? config.locale,
     width: options.width ?? config.width,
-    today: options.today ?? config.today,
+    today: options.today !== void 0 ? options.today : config.today,
+    timezone: options.timezone ?? config.timezone,
     share: options.share ?? config.share,
     sourceUrl: options.sourceUrl ?? config.sourceUrl,
     // Re-read `prefers-color-scheme` on every initialize() so callers
@@ -39853,7 +40054,8 @@ function renderOptionsFromConfig() {
     theme: effectiveTheme(config.theme, config.systemTheme),
     locale: config.locale,
     width: config.width,
-    today: config.today
+    today: config.today,
+    timezone: config.timezone
   };
 }
 async function render(source, options = {}) {
@@ -39872,7 +40074,8 @@ async function init(overrides) {
     theme: overrides?.theme ?? renderOptionsFromConfig().theme,
     locale: overrides?.locale ?? config.locale,
     width: overrides?.width ?? config.width,
-    today: overrides?.today ?? config.today,
+    today: overrides?.today !== void 0 ? overrides.today : config.today,
+    timezone: overrides?.timezone ?? config.timezone,
     share: overrides?.share ?? config.share,
     sourceUrl: overrides?.sourceUrl ?? config.sourceUrl,
     document: overrides?.document