@diagrammo/dgmo 0.8.19 → 0.8.20

package/dist/index.js

@@ -32,8 +32,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 
 // src/diagnostics.ts
-function makeDgmoError(line10, message, severity = "error") {
-  return { line: line10, message, severity };
+function makeDgmoError(line10, message, severity = "error", code) {
+  return code !== void 0 ? { line: line10, message, severity, code } : { line: line10, message, severity };
 }
 function formatDgmoError(err) {
   return err.line > 0 ? `Line ${err.line}: ${err.message}` : err.message;
@@ -74,74 +74,227 @@ var init_diagnostics = __esm({
   }
 });
 
-// src/fonts.ts
-var FONT_FAMILY;
-var init_fonts = __esm({
-  "src/fonts.ts"() {
+// src/colors.ts
+function isRecognizedColorName(name) {
+  return Object.prototype.hasOwnProperty.call(colorNames, name.toLowerCase());
+}
+function resolveColor(color, palette) {
+  if (!color) return null;
+  if (color.startsWith("#")) return null;
+  const lower = color.toLowerCase();
+  if (!isRecognizedColorName(lower)) return null;
+  if (palette) {
+    const named = palette.colors[lower];
+    if (named) return named;
+  }
+  return colorNames[lower];
+}
+function resolveColorWithDiagnostic(color, line10, diagnostics, palette) {
+  const resolved = resolveColor(color, palette);
+  if (resolved !== null) return resolved;
+  const hint = suggest(color, RECOGNIZED_COLOR_NAMES);
+  const suggestion = hint ? ` ${hint}` : "";
+  diagnostics.push(
+    makeDgmoError(
+      line10,
+      `Unknown color "${color}". Allowed: ${RECOGNIZED_COLOR_NAMES.join(", ")}.${suggestion}`,
+      "warning"
+    )
+  );
+  return void 0;
+}
+var nord, colorNames, RECOGNIZED_COLOR_NAMES, seriesColors;
+var init_colors = __esm({
+  "src/colors.ts"() {
     "use strict";
-    FONT_FAMILY = "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif";
+    init_diagnostics();
+    nord = {
+      // Polar Night (dark)
+      nord0: "#2e3440",
+      nord1: "#3b4252",
+      nord2: "#434c5e",
+      nord3: "#4c566a",
+      // Snow Storm (light)
+      nord4: "#d8dee9",
+      nord5: "#e5e9f0",
+      nord6: "#eceff4",
+      // Frost (accent blues)
+      nord7: "#8fbcbb",
+      nord8: "#88c0d0",
+      nord9: "#81a1c1",
+      nord10: "#5e81ac",
+      // Aurora (colors)
+      nord11: "#bf616a",
+      // red
+      nord12: "#d08770",
+      // orange
+      nord13: "#ebcb8b",
+      // yellow
+      nord14: "#a3be8c",
+      // green
+      nord15: "#b48ead"
+      // purple
+    };
+    colorNames = {
+      red: nord.nord11,
+      orange: nord.nord12,
+      yellow: nord.nord13,
+      green: nord.nord14,
+      blue: nord.nord10,
+      purple: nord.nord15,
+      teal: nord.nord7,
+      cyan: nord.nord8,
+      gray: nord.nord3,
+      black: nord.nord0,
+      white: nord.nord6
+    };
+    RECOGNIZED_COLOR_NAMES = Object.freeze([
+      "red",
+      "orange",
+      "yellow",
+      "green",
+      "blue",
+      "purple",
+      "teal",
+      "cyan",
+      "gray",
+      "black",
+      "white"
+    ]);
+    seriesColors = [
+      nord.nord10,
+      // blue
+      nord.nord14,
+      // green
+      nord.nord13,
+      // yellow
+      nord.nord12,
+      // orange
+      nord.nord15,
+      // purple
+      nord.nord11,
+      // red
+      nord.nord7,
+      // teal
+      nord.nord8
+      // light blue
+    ];
   }
 });
 
-// src/branding.ts
-var branding_exports = {};
-__export(branding_exports, {
-  injectBranding: () => injectBranding
-});
-function injectBranding(svgHtml, mutedColor) {
-  if (!svgHtml) return svgHtml;
-  const brandingText = `<text x="0" y="0" font-size="10" font-family="${FONT_FAMILY}" fill="${mutedColor}" opacity="0.5" text-anchor="end">diagrammo.app</text>`;
-  const vbMatch = svgHtml.match(/viewBox="([^"]+)"/);
-  const heightAttrMatch = svgHtml.match(/height="([^"]+)"/);
-  if (vbMatch) {
-    const parts = vbMatch[1].split(/\s+/).map(Number);
-    if (parts.length === 4) {
-      const [vx, vy, vw, vh] = parts;
-      const newVh = vh + BRANDING_HEIGHT;
-      const textX = vx + vw - 4;
-      const textY = vy + vh + BRANDING_HEIGHT - 6;
-      const positioned = brandingText.replace('x="0" y="0"', `x="${textX}" y="${textY}"`);
-      let result = svgHtml.replace(
-        /viewBox="[^"]+"/,
-        `viewBox="${vx} ${vy} ${vw} ${newVh}"`
-      );
-      if (heightAttrMatch) {
-        const oldH = parseFloat(heightAttrMatch[1]);
-        if (!isNaN(oldH)) {
-          result = result.replace(
-            `height="${heightAttrMatch[1]}"`,
-            `height="${oldH + BRANDING_HEIGHT}"`
-          );
-        }
-      }
-      result = result.replace("</svg>", `${positioned}</svg>`);
-      return result;
-    }
+// src/utils/arrows.ts
+function validateLabelCharacters(label, lineNumber) {
+  const out = [];
+  if (label.includes("->") || label.includes("~>")) {
+    out.push(
+      makeDgmoError(
+        lineNumber,
+        'Arrow symbols (-> or ~>) are not allowed inside a label. Move the label after the arrow: "A -> B: uses -> to chain". See "In-Arrow Message Labels" \u2192 Forbidden.',
+        "error",
+        ARROW_DIAGNOSTIC_CODES.ARROW_SUBSTRING_IN_LABEL
+      )
+    );
   }
-  if (heightAttrMatch) {
-    const widthMatch = svgHtml.match(/width="([^"]+)"/);
-    const w = widthMatch ? parseFloat(widthMatch[1]) : 800;
-    const h = parseFloat(heightAttrMatch[1]);
-    if (!isNaN(h) && !isNaN(w)) {
-      const textX = w - 4;
-      const textY = h + BRANDING_HEIGHT - 6;
-      const positioned = brandingText.replace('x="0" y="0"', `x="${textX}" y="${textY}"`);
-      let result = svgHtml.replace(
-        `height="${heightAttrMatch[1]}"`,
-        `height="${h + BRANDING_HEIGHT}"`
+  for (const ch of label) {
+    const cp = ch.codePointAt(0);
+    const isC0 = cp >= 0 && cp <= 31 && cp !== 9;
+    const isDel = cp === 127;
+    if (isC0 || isDel) {
+      const hex = cp.toString(16).toUpperCase().padStart(4, "0");
+      out.push(
+        makeDgmoError(
+          lineNumber,
+          `Label contains a control character (U+${hex}). Remove it and use plain text.`,
+          "error",
+          ARROW_DIAGNOSTIC_CODES.CONTROL_CHAR_IN_LABEL
+        )
       );
-      result = result.replace("</svg>", `${positioned}</svg>`);
-      return result;
+      break;
     }
   }
-  return svgHtml;
+  return out;
+}
+function parseInArrowLabel(rawLabel, lineNumber) {
+  const trimmed = rawLabel.trim();
+  if (trimmed.length === 0) {
+    return { label: void 0, diagnostics: [] };
+  }
+  const diagnostics = validateLabelCharacters(trimmed, lineNumber);
+  return { label: trimmed, diagnostics };
 }
-var BRANDING_HEIGHT;
-var init_branding = __esm({
-  "src/branding.ts"() {
+function matchColorParens(content) {
+  const m = content.match(/^\(([A-Za-z]+)\)$/);
+  if (!m) return null;
+  const candidate = m[1].toLowerCase();
+  if (RECOGNIZED_COLOR_NAMES.includes(candidate)) {
+    return candidate;
+  }
+  return null;
+}
+function parseArrow(line10) {
+  if (BIDI_SYNC_RE.test(line10) || BIDI_ASYNC_RE.test(line10)) {
+    return {
+      error: "Bidirectional arrows are no longer supported. Use two separate lines: 'A -msg-> B' and 'B -msg-> A'"
+    };
+  }
+  if (RETURN_SYNC_LABELED_RE.test(line10) || RETURN_ASYNC_LABELED_RE.test(line10)) {
+    const m = line10.match(RETURN_SYNC_LABELED_RE) ?? line10.match(RETURN_ASYNC_LABELED_RE);
+    const from = m[3];
+    const to = m[1];
+    const label = m[2].trim();
+    return {
+      error: `Left-pointing arrows are no longer supported. Write '${from} -${label}-> ${to}' instead`
+    };
+  }
+  const patterns = [
+    { re: SYNC_LABELED_RE, async: false },
+    { re: ASYNC_LABELED_RE, async: true }
+  ];
+  for (const { re, async: isAsync } of patterns) {
+    const m = line10.match(re);
+    if (!m) continue;
+    const label = m[2].trim();
+    if (!label) return null;
+    return {
+      from: m[1],
+      to: m[3],
+      label,
+      async: isAsync
+    };
+  }
+  return null;
+}
+var ARROW_DIAGNOSTIC_CODES, SYNC_LABELED_RE, ASYNC_LABELED_RE, RETURN_SYNC_LABELED_RE, RETURN_ASYNC_LABELED_RE, BIDI_SYNC_RE, BIDI_ASYNC_RE;
+var init_arrows = __esm({
+  "src/utils/arrows.ts"() {
     "use strict";
-    init_fonts();
-    BRANDING_HEIGHT = 20;
+    init_diagnostics();
+    init_colors();
+    ARROW_DIAGNOSTIC_CODES = {
+      /** Active: label contains `->` or `~>` substring (TD-13). */
+      ARROW_SUBSTRING_IN_LABEL: "E_ARROW_SUBSTRING_IN_LABEL",
+      /** Active: label contains a forbidden control character (TD-14). */
+      CONTROL_CHAR_IN_LABEL: "E_CONTROL_CHAR_IN_LABEL",
+      /** Reserved: not currently emitted by any parser. See JSDoc above. */
+      TRAILING_ARROW_TEXT: "E_TRAILING_ARROW_TEXT",
+      /** Reserved: not currently emitted by any parser. See JSDoc above. */
+      MIXED_ARROW_DELIMITERS: "E_MIXED_ARROW_DELIMITERS"
+    };
+    SYNC_LABELED_RE = /^(.+?)\s*-(.+)->\s*(.+)$/;
+    ASYNC_LABELED_RE = /^(.+?)\s*~(.+)~>\s*(.+)$/;
+    RETURN_SYNC_LABELED_RE = /^(.+?)\s*<-(.+)-\s*(.+)$/;
+    RETURN_ASYNC_LABELED_RE = /^(.+?)\s*<~(.+)~\s*(.+)$/;
+    BIDI_SYNC_RE = /^(.+?)\s*<-(.+)->\s*(.+)$/;
+    BIDI_ASYNC_RE = /^(.+?)\s*<~(.+)~>\s*(.+)$/;
+  }
+});
+
+// src/fonts.ts
+var FONT_FAMILY;
+var init_fonts = __esm({
+  "src/fonts.ts"() {
+    "use strict";
+    FONT_FAMILY = "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif";
   }
 });
 
@@ -322,110 +475,158 @@ var init_label_layout = __esm({
   }
 });
 
-// src/colors.ts
-function isRecognizedColorName(name) {
-  return Object.prototype.hasOwnProperty.call(colorNames, name.toLowerCase());
+// src/utils/time-ticks.ts
+function fractionalYearToDate(frac) {
+  const year = Math.floor(frac);
+  const remainder = frac - year;
+  const monthFrac = remainder * 12;
+  const month = Math.floor(monthFrac);
+  const monthRemainder = remainder - month / 12;
+  const dayFrac = monthRemainder * 365;
+  const day = Math.floor(dayFrac) + 1;
+  const dayRemainder = dayFrac - Math.floor(dayFrac);
+  const hourFrac = dayRemainder * 24;
+  const hour = Math.floor(hourFrac);
+  const minute = Math.round((hourFrac - hour) * 60);
+  return new Date(year, month, day, hour, minute);
 }
-function resolveColor(color, palette) {
-  if (!color) return null;
-  if (color.startsWith("#")) return null;
-  const lower = color.toLowerCase();
-  if (!isRecognizedColorName(lower)) return null;
-  if (palette) {
-    const named = palette.colors[lower];
-    if (named) return named;
-  }
-  return colorNames[lower];
+function dateToFractionalYear(d) {
+  return d.getFullYear() + d.getMonth() / 12 + (d.getDate() - 1) / 365 + d.getHours() / 8760 + d.getMinutes() / 525600;
 }
-function resolveColorWithDiagnostic(color, line10, diagnostics, palette) {
-  const resolved = resolveColor(color, palette);
-  if (resolved !== null) return resolved;
-  const hint = suggest(color, RECOGNIZED_COLOR_NAMES);
-  const suggestion = hint ? ` ${hint}` : "";
-  diagnostics.push(
-    makeDgmoError(
-      line10,
-      `Unknown color "${color}". Allowed: ${RECOGNIZED_COLOR_NAMES.join(", ")}.${suggestion}`,
-      "warning"
-    )
-  );
-  return void 0;
+function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel) {
+  const minYear = Math.floor(domainMin);
+  const maxYear = Math.floor(domainMax);
+  const span = domainMax - domainMin;
+  let ticks = [];
+  const firstYear = Math.ceil(domainMin);
+  const lastYear = Math.floor(domainMax);
+  if (lastYear >= firstYear + 1) {
+    const yearSpan = lastYear - firstYear;
+    let step = 1;
+    if (yearSpan > 80) step = 20;
+    else if (yearSpan > 40) step = 10;
+    else if (yearSpan > 20) step = 5;
+    else if (yearSpan > 10) step = 2;
+    const alignedFirst = Math.ceil(firstYear / step) * step;
+    for (let y = alignedFirst; y <= lastYear; y += step) {
+      ticks.push({ pos: scale(y), label: String(y) });
+    }
+  } else if (span > 0.25) {
+    const crossesYear = maxYear > minYear;
+    for (let y = minYear; y <= maxYear + 1; y++) {
+      for (let m = 1; m <= 12; m++) {
+        const val = y + (m - 1) / 12;
+        if (val > domainMax) break;
+        if (val >= domainMin) {
+          ticks.push({
+            pos: scale(val),
+            label: crossesYear ? `${MONTH_ABBR[m - 1]} '${String(y).slice(-2)}` : MONTH_ABBR[m - 1]
+          });
+        }
+      }
+    }
+  } else if (span <= 685e-6) {
+    let stepMin = 5;
+    const spanHours = span * 8760;
+    if (spanHours > 3) stepMin = 30;
+    else if (spanHours > 1) stepMin = 15;
+    else if (spanHours > 0.5) stepMin = 10;
+    const startDate = fractionalYearToDate(domainMin);
+    startDate.setMinutes(
+      Math.floor(startDate.getMinutes() / stepMin) * stepMin,
+      0,
+      0
+    );
+    while (true) {
+      const val = dateToFractionalYear(startDate);
+      if (val > domainMax) break;
+      if (val >= domainMin) {
+        const hh = String(startDate.getHours()).padStart(2, "0");
+        const mm = String(startDate.getMinutes()).padStart(2, "0");
+        ticks.push({ pos: scale(val), label: `${hh}:${mm}` });
+      }
+      startDate.setMinutes(startDate.getMinutes() + stepMin);
+    }
+  } else if (span <= 822e-5) {
+    let stepHour = 1;
+    const spanHours = span * 8760;
+    if (spanHours > 48) stepHour = 6;
+    else if (spanHours > 24) stepHour = 3;
+    else if (spanHours > 12) stepHour = 2;
+    const singleDay = spanHours <= 24;
+    const startDate = fractionalYearToDate(domainMin);
+    startDate.setHours(
+      Math.floor(startDate.getHours() / stepHour) * stepHour,
+      0,
+      0,
+      0
+    );
+    while (true) {
+      const val = dateToFractionalYear(startDate);
+      if (val > domainMax) break;
+      if (val >= domainMin) {
+        const hh = String(startDate.getHours()).padStart(2, "0");
+        const mm = String(startDate.getMinutes()).padStart(2, "0");
+        if (singleDay) {
+          ticks.push({ pos: scale(val), label: `${hh}:${mm}` });
+        } else {
+          const mon = MONTH_ABBR[startDate.getMonth()];
+          const d = startDate.getDate();
+          ticks.push({ pos: scale(val), label: `${mon} ${d} ${hh}:${mm}` });
+        }
+      }
+      startDate.setHours(startDate.getHours() + stepHour);
+    }
+  } else {
+    for (let y = minYear; y <= maxYear + 1; y++) {
+      for (let m = 1; m <= 12; m++) {
+        for (const d of [1, 8, 15, 22]) {
+          const val = y + (m - 1) / 12 + (d - 1) / 365;
+          if (val > domainMax) break;
+          if (val >= domainMin) {
+            ticks.push({
+              pos: scale(val),
+              label: `${MONTH_ABBR[m - 1]} ${d}`
+            });
+          }
+        }
+      }
+    }
+  }
+  const collisionThreshold = 40;
+  if (boundaryStart !== void 0 && boundaryStartLabel) {
+    const boundaryPos = scale(boundaryStart);
+    ticks = ticks.filter(
+      (t) => Math.abs(t.pos - boundaryPos) >= collisionThreshold
+    );
+    ticks.unshift({ pos: boundaryPos, label: boundaryStartLabel });
+  }
+  if (boundaryEnd !== void 0 && boundaryEndLabel) {
+    const boundaryPos = scale(boundaryEnd);
+    ticks = ticks.filter(
+      (t) => Math.abs(t.pos - boundaryPos) >= collisionThreshold
+    );
+    ticks.push({ pos: boundaryPos, label: boundaryEndLabel });
+  }
+  return ticks;
 }
-var nord, colorNames, RECOGNIZED_COLOR_NAMES, seriesColors;
-var init_colors = __esm({
-  "src/colors.ts"() {
+var MONTH_ABBR;
+var init_time_ticks = __esm({
+  "src/utils/time-ticks.ts"() {
     "use strict";
-    init_diagnostics();
-    nord = {
-      // Polar Night (dark)
-      nord0: "#2e3440",
-      nord1: "#3b4252",
-      nord2: "#434c5e",
-      nord3: "#4c566a",
-      // Snow Storm (light)
-      nord4: "#d8dee9",
-      nord5: "#e5e9f0",
-      nord6: "#eceff4",
-      // Frost (accent blues)
-      nord7: "#8fbcbb",
-      nord8: "#88c0d0",
-      nord9: "#81a1c1",
-      nord10: "#5e81ac",
-      // Aurora (colors)
-      nord11: "#bf616a",
-      // red
-      nord12: "#d08770",
-      // orange
-      nord13: "#ebcb8b",
-      // yellow
-      nord14: "#a3be8c",
-      // green
-      nord15: "#b48ead"
-      // purple
-    };
-    colorNames = {
-      red: nord.nord11,
-      orange: nord.nord12,
-      yellow: nord.nord13,
-      green: nord.nord14,
-      blue: nord.nord10,
-      purple: nord.nord15,
-      teal: nord.nord7,
-      cyan: nord.nord8,
-      gray: nord.nord3,
-      black: nord.nord0,
-      white: nord.nord6
-    };
-    RECOGNIZED_COLOR_NAMES = Object.freeze([
-      "red",
-      "orange",
-      "yellow",
-      "green",
-      "blue",
-      "purple",
-      "teal",
-      "cyan",
-      "gray",
-      "black",
-      "white"
-    ]);
-    seriesColors = [
-      nord.nord10,
-      // blue
-      nord.nord14,
-      // green
-      nord.nord13,
-      // yellow
-      nord.nord12,
-      // orange
-      nord.nord15,
-      // purple
-      nord.nord11,
-      // red
-      nord.nord7,
-      // teal
-      nord.nord8
-      // light blue
+    MONTH_ABBR = [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
     ];
   }
 });
@@ -554,10 +755,6 @@ function hexToHSLString(hex) {
   const { h, s, l } = hexToHSL(hex);
   return `${h} ${s}% ${l}%`;
 }
-function mute(hex) {
-  const { h, s, l } = hexToHSL(hex);
-  return hslToHex(h, Math.min(s, 35), Math.min(l, 36));
-}
 function tint(hex, amount) {
   const raw = hex.replace("#", "");
   const full = raw.length === 3 ? raw[0] + raw[0] + raw[1] + raw[1] + raw[2] + raw[2] : raw;
@@ -1499,177 +1696,10 @@ var init_monokai = __esm({
   }
 });
 
-// src/palettes/mermaid-bridge.ts
-function buildMermaidThemeVars(colors, isDark) {
-  const c = colors.colors;
-  const accentOrder = [
-    c.blue,
-    c.red,
-    c.green,
-    c.yellow,
-    c.purple,
-    c.orange,
-    c.teal,
-    c.cyan,
-    colors.secondary
-  ];
-  const fills = isDark ? accentOrder.map(mute) : accentOrder;
-  return {
-    // ── Backgrounds ──
-    background: isDark ? colors.overlay : colors.border,
-    mainBkg: colors.surface,
-    // ── Primary/Secondary/Tertiary nodes ──
-    primaryColor: isDark ? colors.primary : colors.surface,
-    primaryTextColor: colors.text,
-    primaryBorderColor: isDark ? colors.secondary : colors.border,
-    secondaryColor: colors.secondary,
-    secondaryTextColor: contrastText(colors.secondary, colors.text, colors.bg),
-    secondaryBorderColor: colors.primary,
-    tertiaryColor: colors.accent,
-    tertiaryTextColor: contrastText(colors.accent, colors.text, colors.bg),
-    tertiaryBorderColor: colors.border,
-    // ── Lines & text ──
-    lineColor: colors.textMuted,
-    textColor: colors.text,
-    // ── Clusters ──
-    clusterBkg: colors.bg,
-    clusterBorder: isDark ? colors.border : colors.textMuted,
-    titleColor: colors.text,
-    // ── Labels ──
-    edgeLabelBackground: "transparent",
-    // ── Notes (sequence diagrams) ──
-    noteBkgColor: colors.bg,
-    noteTextColor: colors.text,
-    noteBorderColor: isDark ? colors.border : colors.textMuted,
-    // ── Actors (sequence diagrams) ──
-    actorBkg: colors.surface,
-    actorTextColor: colors.text,
-    actorBorder: isDark ? colors.border : colors.textMuted,
-    actorLineColor: colors.textMuted,
-    // ── Signals (sequence diagrams) ──
-    signalColor: colors.textMuted,
-    signalTextColor: colors.text,
-    // ── Labels ──
-    labelColor: colors.text,
-    labelTextColor: colors.text,
-    labelBoxBkgColor: colors.surface,
-    labelBoxBorderColor: isDark ? colors.border : colors.textMuted,
-    // ── Loop boxes ──
-    loopTextColor: colors.text,
-    // ── Activation (sequence diagrams) ──
-    activationBkgColor: isDark ? colors.overlay : colors.border,
-    activationBorderColor: isDark ? colors.border : colors.textMuted,
-    // ── Sequence numbers ──
-    sequenceNumberColor: isDark ? colors.text : colors.bg,
-    // ── State diagrams ──
-    labelBackgroundColor: colors.surface,
-    // ── Pie chart (9 slices) ──
-    // Dark mode: use muted fills so light pieSectionTextColor stays readable
-    ...Object.fromEntries(
-      (isDark ? fills : accentOrder).map((col, i) => [`pie${i + 1}`, col])
-    ),
-    pieTitleTextColor: colors.text,
-    pieSectionTextColor: isDark ? colors.text : colors.bg,
-    pieLegendTextColor: colors.text,
-    pieStrokeColor: "transparent",
-    pieOuterStrokeWidth: "0px",
-    pieOuterStrokeColor: "transparent",
-    // ── cScale (9 tiers) — muted in dark mode ──
-    ...Object.fromEntries(fills.map((f, i) => [`cScale${i}`, f])),
-    ...Object.fromEntries(
-      fills.map((_, i) => [
-        `cScaleLabel${i}`,
-        isDark ? colors.text : i < 2 || i > 6 ? colors.bg : colors.text
-      ])
-    ),
-    // ── fillType (8 slots) ──
-    ...Object.fromEntries(
-      [0, 1, 2, 3, 4, 5, 6, 7].map((i) => [
-        `fillType${i}`,
-        fills[i % fills.length]
-      ])
-    ),
-    // ── Journey actors (6 slots) ──
-    ...Object.fromEntries(
-      [c.red, c.green, c.yellow, c.purple, c.orange, c.teal].map((color, i) => [
-        `actor${i}`,
-        color
-      ])
-    ),
-    // ── Flowchart ──
-    nodeBorder: isDark ? colors.border : colors.textMuted,
-    nodeTextColor: colors.text,
-    // ── Gantt ──
-    gridColor: isDark ? colors.textMuted : colors.border,
-    doneTaskBkgColor: c.green,
-    doneTaskBorderColor: isDark ? colors.border : colors.textMuted,
-    activeTaskBkgColor: colors.secondary,
-    activeTaskBorderColor: colors.primary,
-    critBkgColor: c.orange,
-    critBorderColor: c.red,
-    taskBkgColor: colors.surface,
-    taskBorderColor: isDark ? colors.border : colors.textMuted,
-    taskTextColor: contrastText(colors.surface, colors.text, colors.bg),
-    taskTextDarkColor: colors.bg,
-    taskTextLightColor: colors.text,
-    taskTextOutsideColor: colors.text,
-    doneTaskTextColor: contrastText(c.green, colors.text, colors.bg),
-    activeTaskTextColor: contrastText(colors.secondary, colors.text, colors.bg),
-    critTaskTextColor: contrastText(c.orange, colors.text, colors.bg),
-    sectionBkgColor: isDark ? shade(colors.primary, colors.bg, 0.6) : tint(colors.primary, 0.6),
-    altSectionBkgColor: colors.bg,
-    sectionBkgColor2: isDark ? shade(colors.primary, colors.bg, 0.6) : tint(colors.primary, 0.6),
-    todayLineColor: c.yellow,
-    // ── Quadrant ──
-    quadrant1Fill: isDark ? shade(c.green, colors.bg, 0.75) : tint(c.green, 0.75),
-    quadrant2Fill: isDark ? shade(c.blue, colors.bg, 0.75) : tint(c.blue, 0.75),
-    quadrant3Fill: isDark ? shade(c.red, colors.bg, 0.75) : tint(c.red, 0.75),
-    quadrant4Fill: isDark ? shade(c.yellow, colors.bg, 0.75) : tint(c.yellow, 0.75),
-    quadrant1TextFill: colors.text,
-    quadrant2TextFill: colors.text,
-    quadrant3TextFill: colors.text,
-    quadrant4TextFill: colors.text,
-    quadrantPointFill: isDark ? c.cyan : c.blue,
-    quadrantPointTextFill: colors.text,
-    quadrantXAxisTextFill: colors.text,
-    quadrantYAxisTextFill: colors.text,
-    quadrantTitleFill: colors.text,
-    quadrantInternalBorderStrokeFill: colors.border,
-    quadrantExternalBorderStrokeFill: colors.border
-  };
-}
-function buildThemeCSS(palette, isDark) {
-  const base = `
-  .branchLabelBkg { fill: transparent !important; stroke: transparent !important; }
-  .commit-label-bkg { fill: transparent !important; stroke: transparent !important; }
-  .tag-label-bkg { fill: transparent !important; stroke: transparent !important; }
-
-  /* GitGraph: ensure commit and branch label text matches palette */
-  .commit-label { fill: ${palette.text} !important; }
-  .branch-label { fill: ${palette.text} !important; }
-  .tag-label { fill: ${palette.text} !important; }
-`;
-  if (!isDark) return base;
-  return base + `
-  /* Flowchart: ensure node and edge label text is readable */
-  .nodeLabel, .label { color: ${palette.text} !important; fill: ${palette.text} !important; }
-  .edgeLabel { color: ${palette.text} !important; fill: ${palette.text} !important; }
-  .edgeLabel .label { color: ${palette.text} !important; fill: ${palette.text} !important; }
-`;
-}
-var init_mermaid_bridge = __esm({
-  "src/palettes/mermaid-bridge.ts"() {
-    "use strict";
-    init_color_utils();
-  }
-});
-
 // src/palettes/index.ts
 var palettes_exports = {};
 __export(palettes_exports, {
   boldPalette: () => boldPalette,
-  buildMermaidThemeVars: () => buildMermaidThemeVars,
-  buildThemeCSS: () => buildThemeCSS,
   catppuccinPalette: () => catppuccinPalette,
   contrastText: () => contrastText,
   draculaPalette: () => draculaPalette,
@@ -1683,7 +1713,6 @@ __export(palettes_exports, {
   hslToHex: () => hslToHex,
   isValidHex: () => isValidHex,
   monokaiPalette: () => monokaiPalette,
-  mute: () => mute,
   nordPalette: () => nordPalette,
   oneDarkPalette: () => oneDarkPalette,
   registerPalette: () => registerPalette,
@@ -1708,7 +1737,6 @@ var init_palettes = __esm({
     init_tokyo_night();
     init_dracula();
     init_monokai();
-    init_mermaid_bridge();
   }
 });
 
@@ -3133,61 +3161,6 @@ var init_participant_inference = __esm({
   }
 });
 
-// src/utils/arrows.ts
-function parseArrow(line10) {
-  if (BIDI_SYNC_RE.test(line10) || BIDI_ASYNC_RE.test(line10)) {
-    return {
-      error: "Bidirectional arrows are no longer supported. Use two separate lines: 'A -msg-> B' and 'B -msg-> A'"
-    };
-  }
-  if (RETURN_SYNC_LABELED_RE.test(line10) || RETURN_ASYNC_LABELED_RE.test(line10)) {
-    const m = line10.match(RETURN_SYNC_LABELED_RE) ?? line10.match(RETURN_ASYNC_LABELED_RE);
-    const from = m[3];
-    const to = m[1];
-    const label = m[2].trim();
-    return {
-      error: `Left-pointing arrows are no longer supported. Write '${from} -${label}-> ${to}' instead`
-    };
-  }
-  const patterns = [
-    { re: SYNC_LABELED_RE, async: false },
-    { re: ASYNC_LABELED_RE, async: true }
-  ];
-  for (const { re, async: isAsync } of patterns) {
-    const m = line10.match(re);
-    if (!m) continue;
-    const label = m[2].trim();
-    if (!label) return null;
-    for (const arrow of ARROW_CHARS) {
-      if (label.includes(arrow)) {
-        return {
-          error: "Arrow characters (->, ~>) are not allowed inside labels"
-        };
-      }
-    }
-    return {
-      from: m[1],
-      to: m[3],
-      label,
-      async: isAsync
-    };
-  }
-  return null;
-}
-var SYNC_LABELED_RE, ASYNC_LABELED_RE, RETURN_SYNC_LABELED_RE, RETURN_ASYNC_LABELED_RE, BIDI_SYNC_RE, BIDI_ASYNC_RE, ARROW_CHARS;
-var init_arrows = __esm({
-  "src/utils/arrows.ts"() {
-    "use strict";
-    SYNC_LABELED_RE = /^(.+?)\s*-(.+)->\s*(.+)$/;
-    ASYNC_LABELED_RE = /^(.+?)\s*~(.+)~>\s*(.+)$/;
-    RETURN_SYNC_LABELED_RE = /^(.+?)\s*<-(.+)-\s*(.+)$/;
-    RETURN_ASYNC_LABELED_RE = /^(.+?)\s*<~(.+)~\s*(.+)$/;
-    BIDI_SYNC_RE = /^(.+?)\s*<-(.+)->\s*(.+)$/;
-    BIDI_ASYNC_RE = /^(.+?)\s*<~(.+)~>\s*(.+)$/;
-    ARROW_CHARS = ["->", "~>"];
-  }
-});
-
 // src/sequence/parser.ts
 var parser_exports = {};
 __export(parser_exports, {
@@ -3740,8 +3713,11 @@ function parseSequenceDgmo(content) {
     }
     if (labeledArrow) {
       contentStarted = true;
-      const { from, to, label, async: isAsync } = labeledArrow;
+      const { from, to, label: rawLabel, async: isAsync } = labeledArrow;
       lastMsgFrom = from;
+      const labelResult = parseInArrowLabel(rawLabel, lineNumber);
+      labelResult.diagnostics.forEach((d) => result.diagnostics.push(d));
+      const label = labelResult.label ?? rawLabel;
       const msg = {
         from,
         to,
@@ -4141,42 +4117,52 @@ function parseNodeRef(text, palette) {
 }
 function splitArrows(line10) {
   const segments = [];
-  let lastIndex = 0;
   const arrowPositions = [];
   let searchFrom = 0;
+  let scanFloor = 0;
   while (searchFrom < line10.length) {
     const idx = line10.indexOf("->", searchFrom);
     if (idx === -1) break;
-    let arrowStart = idx;
+    let runStart = idx;
+    while (runStart > scanFloor && line10[runStart - 1] === "-") runStart--;
+    const arrowEnd = idx + 2;
+    let arrowStart;
     let label;
     let color;
-    if (idx > 0 && line10[idx - 1] !== " " && line10[idx - 1] !== "	") {
-      let scanBack = idx - 1;
-      while (scanBack > 0 && line10[scanBack] !== "-") {
-        scanBack--;
-      }
-      if (line10[scanBack] === "-" && (scanBack === 0 || /\s/.test(line10[scanBack - 1]))) {
-        let arrowContent = line10.substring(scanBack + 1, idx);
-        if (arrowContent.endsWith("-"))
-          arrowContent = arrowContent.slice(0, -1);
-        const colorMatch = arrowContent.match(/\(([^)]+)\)\s*$/);
-        if (colorMatch) {
-          color = colorMatch[1].trim();
-          const labelPart = arrowContent.substring(0, colorMatch.index).trim();
-          if (labelPart) label = labelPart;
-        } else {
-          const labelPart = arrowContent.trim();
-          if (labelPart) label = labelPart;
-        }
-        arrowStart = scanBack;
+    let openingStart = -1;
+    for (let i = scanFloor; i < runStart; i++) {
+      if (line10[i] !== "-") continue;
+      const prevIsWsOrFloor = i === 0 || i === scanFloor || /\s/.test(line10[i - 1]);
+      if (prevIsWsOrFloor) {
+        openingStart = i;
+        break;
       }
     }
-    arrowPositions.push({ start: arrowStart, end: idx + 2, label, color });
-    searchFrom = idx + 2;
+    if (openingStart !== -1) {
+      let openingEnd = openingStart;
+      while (openingEnd < runStart && line10[openingEnd] === "-") openingEnd++;
+      const arrowContent = line10.substring(openingEnd, runStart);
+      const colorMatch = arrowContent.match(/\(([^)]+)\)\s*$/);
+      if (colorMatch) {
+        color = colorMatch[1].trim();
+        const labelPart = arrowContent.substring(0, colorMatch.index).trim();
+        if (labelPart) label = labelPart;
+      } else {
+        const labelPart = arrowContent.trim();
+        if (labelPart) label = labelPart;
+      }
+      arrowStart = openingStart;
+    } else {
+      arrowStart = runStart;
+    }
+    arrowPositions.push({ start: arrowStart, end: arrowEnd, label, color });
+    searchFrom = arrowEnd;
+    scanFloor = arrowEnd;
   }
   if (arrowPositions.length === 0) {
     return [line10];
   }
+  let lastIndex = 0;
   for (let i = 0; i < arrowPositions.length; i++) {
     const arrow = arrowPositions[i];
     const beforeText = line10.substring(lastIndex, arrow.start).trim();
@@ -4199,20 +4185,26 @@ function splitArrows(line10) {
 }
 function parseArrowToken(token, palette, lineNumber, diagnostics) {
   if (token === "->") return {};
-  const colorOnly = token.match(/^-\(([^)]+)\)->$/);
-  if (colorOnly) {
-    return {
-      color: resolveColorWithDiagnostic(
-        colorOnly[1].trim(),
-        lineNumber,
-        diagnostics,
-        palette
-      )
-    };
+  const bareParen = token.match(/^-(\([A-Za-z]+\))->$/);
+  if (bareParen) {
+    const colorName = matchColorParens(bareParen[1]);
+    if (colorName) {
+      return {
+        color: resolveColorWithDiagnostic(
+          colorName,
+          lineNumber,
+          diagnostics,
+          palette
+        )
+      };
+    }
   }
   const m = token.match(/^-(.+?)(?:\(([^)]+)\))?->$/);
   if (m) {
-    const label = m[1]?.trim() || void 0;
+    const rawLabel = m[1] ?? "";
+    const labelResult = parseInArrowLabel(rawLabel, lineNumber);
+    diagnostics.push(...labelResult.diagnostics);
+    const label = labelResult.label;
     let color = m[2] ? resolveColorWithDiagnostic(
       m[2].trim(),
       lineNumber,
@@ -4440,6 +4432,7 @@ var init_flowchart_parser = __esm({
     "use strict";
     init_colors();
     init_diagnostics();
+    init_arrows();
     init_parsing();
     NODE_ID_RE = /^([a-zA-Z_][\w-]*)[\s([</{]/;
   }
@@ -4455,35 +4448,45 @@ function splitArrows2(line10) {
   const segments = [];
   const arrowPositions = [];
   let searchFrom = 0;
+  let scanFloor = 0;
   while (searchFrom < line10.length) {
     const idx = line10.indexOf("->", searchFrom);
     if (idx === -1) break;
-    let arrowStart = idx;
+    let runStart = idx;
+    while (runStart > scanFloor && line10[runStart - 1] === "-") runStart--;
+    const arrowEnd = idx + 2;
+    let arrowStart;
     let label;
     let color;
-    if (idx > 0 && line10[idx - 1] !== " " && line10[idx - 1] !== "	") {
-      let scanBack = idx - 1;
-      while (scanBack > 0 && line10[scanBack] !== "-") {
-        scanBack--;
-      }
-      if (line10[scanBack] === "-" && (scanBack === 0 || /\s/.test(line10[scanBack - 1]))) {
-        let arrowContent = line10.substring(scanBack + 1, idx);
-        if (arrowContent.endsWith("-"))
-          arrowContent = arrowContent.slice(0, -1);
-        const colorMatch = arrowContent.match(/\(([^)]+)\)\s*$/);
-        if (colorMatch) {
-          color = colorMatch[1].trim();
-          const labelPart = arrowContent.substring(0, colorMatch.index).trim();
-          if (labelPart) label = labelPart;
-        } else {
-          const labelPart = arrowContent.trim();
-          if (labelPart) label = labelPart;
-        }
-        arrowStart = scanBack;
+    let openingStart = -1;
+    for (let i = scanFloor; i < runStart; i++) {
+      if (line10[i] !== "-") continue;
+      const prevIsWsOrFloor = i === 0 || i === scanFloor || /\s/.test(line10[i - 1]);
+      if (prevIsWsOrFloor) {
+        openingStart = i;
+        break;
       }
     }
-    arrowPositions.push({ start: arrowStart, end: idx + 2, label, color });
-    searchFrom = idx + 2;
+    if (openingStart !== -1) {
+      let openingEnd = openingStart;
+      while (openingEnd < runStart && line10[openingEnd] === "-") openingEnd++;
+      const arrowContent = line10.substring(openingEnd, runStart);
+      const colorMatch = arrowContent.match(/\(([^)]+)\)\s*$/);
+      if (colorMatch) {
+        color = colorMatch[1].trim();
+        const labelPart = arrowContent.substring(0, colorMatch.index).trim();
+        if (labelPart) label = labelPart;
+      } else {
+        const labelPart = arrowContent.trim();
+        if (labelPart) label = labelPart;
+      }
+      arrowStart = openingStart;
+    } else {
+      arrowStart = runStart;
+    }
+    arrowPositions.push({ start: arrowStart, end: arrowEnd, label, color });
+    searchFrom = arrowEnd;
+    scanFloor = arrowEnd;
   }
   if (arrowPositions.length === 0) return [line10];
   let lastIndex = 0;
@@ -4505,19 +4508,26 @@ function splitArrows2(line10) {
 }
 function parseArrowToken2(token, palette, lineNumber, diagnostics) {
   if (token === "->") return {};
-  const colorOnly = token.match(/^-\(([^)]+)\)->$/);
-  if (colorOnly)
-    return {
-      color: resolveColorWithDiagnostic(
-        colorOnly[1].trim(),
-        lineNumber,
-        diagnostics,
-        palette
-      )
-    };
+  const bareParen = token.match(/^-(\([A-Za-z]+\))->$/);
+  if (bareParen) {
+    const colorName = matchColorParens(bareParen[1]);
+    if (colorName) {
+      return {
+        color: resolveColorWithDiagnostic(
+          colorName,
+          lineNumber,
+          diagnostics,
+          palette
+        )
+      };
+    }
+  }
   const m = token.match(/^-(.+?)(?:\(([^)]+)\))?->$/);
   if (m) {
-    const label = m[1]?.trim() || void 0;
+    const rawLabel = m[1] ?? "";
+    const labelResult = parseInArrowLabel(rawLabel, lineNumber);
+    diagnostics.push(...labelResult.diagnostics);
+    const label = labelResult.label;
     const color = m[2] ? resolveColorWithDiagnostic(
       m[2].trim(),
       lineNumber,
@@ -4758,6 +4768,7 @@ var init_state_parser = __esm({
     "use strict";
     init_colors();
     init_diagnostics();
+    init_arrows();
     init_parsing();
     PSEUDOSTATE_ID = "pseudostate:[*]";
     PSEUDOSTATE_LABEL = "[*]";
@@ -4914,6 +4925,11 @@ function parseClassDiagram(content, palette) {
         const targetName = indentRel[2];
         const label = indentRel[3]?.trim();
         getOrCreateClass(targetName, lineNumber);
+        if (label) {
+          result.diagnostics.push(
+            ...validateLabelCharacters(label, lineNumber)
+          );
+        }
         result.relationships.push({
           source: currentClass.id,
           target: classId(targetName),
@@ -5088,6 +5104,7 @@ var init_parser2 = __esm({
     "use strict";
     init_colors();
     init_diagnostics();
+    init_arrows();
     init_parsing();
     CLASS_DECL_RE = /^(?:(abstract|interface|enum)\s+)?([A-Z][A-Za-z0-9_]*)(?:\s+(extends|implements)\s+([A-Z][A-Za-z0-9_]*))?(?:\s+\[(abstract|interface|enum)\])?(?:\s+\(([^)]+)\))?\s*$/;
     INDENT_REL_ARROW_RE = /^(--\|>|\.\.\|>|\*--|o--|\.\.>|->)\s*([A-Z][A-Za-z0-9_]*)(?:\s+:?\s*(.+))?$/;
@@ -5127,12 +5144,18 @@ function parseRelationship(trimmed, lineNumber, pushError) {
     const fromCard = parseCardSide(sym[2]);
     const toCard = parseCardSide(sym[3]);
     if (fromCard && toCard) {
+      const label = sym[5]?.trim();
+      if (label) {
+        validateLabelCharacters(label, lineNumber).forEach(
+          (d) => pushError(d.line, d.message)
+        );
+      }
       return {
         source: sym[1],
         target: sym[4],
         from: fromCard,
         to: toCard,
-        label: sym[5]?.trim()
+        label
       };
     }
   }
@@ -5295,11 +5318,17 @@ function parseERDiagram(content, palette) {
         if (fromCard && toCard) {
           const targetName = indentRel[4];
           getOrCreateTable(targetName, lineNumber);
+          const rawLabel = indentRel[2]?.trim();
+          if (rawLabel) {
+            result.diagnostics.push(
+              ...validateLabelCharacters(rawLabel, lineNumber)
+            );
+          }
           result.relationships.push({
             source: currentTable.id,
             target: tableId(targetName),
             cardinality: { from: fromCard, to: toCard },
-            ...indentRel[2]?.trim() && { label: indentRel[2].trim() },
+            ...rawLabel && { label: rawLabel },
             lineNumber
           });
         }
@@ -5463,6 +5492,7 @@ var init_parser3 = __esm({
     "use strict";
     init_colors();
     init_diagnostics();
+    init_arrows();
     init_parsing();
     init_tag_groups();
     TABLE_DECL_RE = /^([a-zA-Z_]\w*)(?:\s*\(([^)]+)\))?(?:\s*\|(.+))?$/;
@@ -5965,7 +5995,28 @@ var init_legend_svg = __esm({
 });
 
 // src/echarts.ts
-import * as echarts from "echarts";
+import * as echarts from "echarts/core";
+import {
+  BarChart,
+  LineChart,
+  PieChart,
+  ScatterChart,
+  RadarChart,
+  SankeyChart,
+  GraphChart,
+  HeatmapChart,
+  FunnelChart
+} from "echarts/charts";
+import {
+  GridComponent,
+  TitleComponent,
+  TooltipComponent,
+  LegendComponent,
+  RadarComponent,
+  VisualMapComponent,
+  GraphicComponent
+} from "echarts/components";
+import { SVGRenderer } from "echarts/renderers";
 function parseScatterRow(line10, palette, currentCategory, lineNumber) {
   const dataRow = parseDataRowValues(line10, { multiValue: true });
   if (!dataRow || dataRow.values.length < 2) return null;
@@ -7984,7 +8035,7 @@ function buildBarStackedOption(parsed, textColor, axisLineColor, splitLineColor,
     series
   };
 }
-async function renderExtendedChartForExport(content, theme, palette, options) {
+async function renderExtendedChartForExport(content, theme, palette) {
   const isDark = theme === "dark";
   const { getPalette: getPalette2 } = await Promise.resolve().then(() => (init_palettes(), palettes_exports));
   const effectivePalette = palette ?? (isDark ? getPalette2("nord").dark : getPalette2("nord").light);
@@ -8055,10 +8106,6 @@ async function renderExtendedChartForExport(content, theme, palette, options) {
         `$1<g transform="translate(0,${legendY})">${legendSvgStr}</g>`
       );
     }
-    if (options?.branding !== false) {
-      const brandColor = theme === "transparent" ? "#888" : effectivePalette.textMuted;
-      result = injectBranding(result, brandColor);
-    }
     return result;
   } finally {
     chart.dispose();
@@ -8069,7 +8116,6 @@ var init_echarts = __esm({
   "src/echarts.ts"() {
     "use strict";
     init_fonts();
-    init_branding();
     init_legend_svg();
     init_label_layout();
     init_palettes();
@@ -8079,6 +8125,25 @@ var init_echarts = __esm({
     init_colors();
     init_parsing();
     init_chart();
+    echarts.use([
+      BarChart,
+      LineChart,
+      PieChart,
+      ScatterChart,
+      RadarChart,
+      SankeyChart,
+      GraphChart,
+      HeatmapChart,
+      FunnelChart,
+      GridComponent,
+      TitleComponent,
+      TooltipComponent,
+      LegendComponent,
+      RadarComponent,
+      VisualMapComponent,
+      GraphicComponent,
+      SVGRenderer
+    ]);
     EMPHASIS_SELF = {
       focus: "self",
       blurScope: "global",
@@ -9041,13 +9106,10 @@ function parseC4(content, palette) {
           labeledHandled = true;
           break;
         }
-        let label = rawLabel;
+        const labelResult = parseInArrowLabel(rawLabel, lineNumber);
+        labelResult.diagnostics.forEach((d) => result.diagnostics.push(d));
+        const label = labelResult.label;
         let technology;
-        const techMatch = rawLabel.match(/\[([^\]]+)\]\s*$/);
-        if (techMatch) {
-          label = rawLabel.substring(0, techMatch.index).trim() || void 0;
-          technology = techMatch[1].trim();
-        }
         let target = targetBody;
         const pipeIdx = targetBody.indexOf("|");
         if (pipeIdx !== -1) {
@@ -9383,6 +9445,7 @@ var init_parser6 = __esm({
   "src/c4/parser.ts"() {
     "use strict";
     init_diagnostics();
+    init_arrows();
     init_tag_groups();
     init_participant_inference();
     init_parsing();
@@ -10183,7 +10246,10 @@ function parseInfra(content) {
       }
       const asyncConnMatch = trimmed.match(ASYNC_CONNECTION_RE);
       if (asyncConnMatch) {
-        const label = asyncConnMatch[1]?.trim() || "";
+        const rawLabel = asyncConnMatch[1] ?? "";
+        const labelResult = parseInArrowLabel(rawLabel, lineNumber);
+        result.diagnostics.push(...labelResult.diagnostics);
+        const label = labelResult.label ?? "";
         const targetRaw = asyncConnMatch[2].trim();
         const pipeMeta = extractPipeMetadata(targetRaw);
         const targetName = pipeMeta.clean || targetRaw;
@@ -10243,7 +10309,10 @@ function parseInfra(content) {
       }
       const connMatch = trimmed.match(CONNECTION_RE);
       if (connMatch) {
-        const label = connMatch[1]?.trim() || "";
+        const rawLabel = connMatch[1] ?? "";
+        const labelResult = parseInArrowLabel(rawLabel, lineNumber);
+        result.diagnostics.push(...labelResult.diagnostics);
+        const label = labelResult.label ?? "";
         const targetRaw = connMatch[2].trim();
         const pipeMeta = extractPipeMetadata(targetRaw);
         const targetName = pipeMeta.clean || targetRaw;
@@ -10442,6 +10511,7 @@ var init_parser8 = __esm({
     "use strict";
     init_diagnostics();
     init_colors();
+    init_arrows();
     init_parsing();
     init_tag_groups();
     init_types();
@@ -11973,7 +12043,9 @@ function parseEdgeLine(trimmed, lineNum, aliasMap, diagnostics) {
   const biLabeledMatch = trimmed.match(/^(.+?)\s*<-(.+)->\s*(.+)$/);
   if (biLabeledMatch) {
     const source2 = resolveEndpoint(biLabeledMatch[1].trim());
-    const label = biLabeledMatch[2].trim();
+    const labelResult = parseInArrowLabel(biLabeledMatch[2], lineNum);
+    diagnostics.push(...labelResult.diagnostics);
+    const label = labelResult.label;
     let rest2 = biLabeledMatch[3].trim();
     let metadata2 = {};
     const pipeIdx2 = rest2.indexOf("|");
@@ -11994,7 +12066,7 @@ function parseEdgeLine(trimmed, lineNum, aliasMap, diagnostics) {
     return {
       source: source2,
       target: resolveEndpoint(rest2),
-      label: label || void 0,
+      label,
       bidirectional: true,
       lineNumber: lineNum,
       metadata: metadata2
@@ -12031,7 +12103,9 @@ function parseEdgeLine(trimmed, lineNum, aliasMap, diagnostics) {
   const labeledMatch = trimmed.match(/^(.+?)\s+-(.+)->\s*(.+)$/);
   if (labeledMatch) {
     const source2 = resolveEndpoint(labeledMatch[1].trim());
-    const label = labeledMatch[2].trim();
+    const labelResult = parseInArrowLabel(labeledMatch[2], lineNum);
+    diagnostics.push(...labelResult.diagnostics);
+    const label = labelResult.label;
     let rest2 = labeledMatch[3].trim();
     if (label) {
       let metadata2 = {};
@@ -12094,6 +12168,7 @@ var init_parser10 = __esm({
   "src/boxes-and-lines/parser.ts"() {
     "use strict";
     init_diagnostics();
+    init_arrows();
     init_tag_groups();
     init_parsing();
     MAX_GROUP_DEPTH = 1;
@@ -12169,19 +12244,78 @@ function getAllChartTypes() {
 function parseDgmo(content) {
   const chartType = parseDgmoChartType(content);
   if (!chartType) {
+    const colonDiag = detectColonChartType(content);
+    if (colonDiag) {
+      const fallback = parseVisualization(content).diagnostics;
+      return { diagnostics: [colonDiag, ...fallback] };
+    }
     return { diagnostics: parseVisualization(content).diagnostics };
   }
   const directParser = PARSE_DISPATCH.get(chartType);
-  if (directParser) return { diagnostics: directParser(content).diagnostics };
+  if (directParser) {
+    const result2 = directParser(content);
+    return {
+      diagnostics: [...result2.diagnostics, ...detectEmptyContent(content)]
+    };
+  }
   if (STANDARD_CHART_TYPES2.has(chartType)) {
-    return { diagnostics: parseChart(content).diagnostics };
+    const result2 = parseChart(content);
+    return {
+      diagnostics: [...result2.diagnostics, ...detectEmptyContent(content)]
+    };
   }
   if (ECHART_TYPES.has(chartType)) {
-    return { diagnostics: parseExtendedChart(content).diagnostics };
+    const result2 = parseExtendedChart(content);
+    return {
+      diagnostics: [...result2.diagnostics, ...detectEmptyContent(content)]
+    };
   }
-  return { diagnostics: parseVisualization(content).diagnostics };
+  const result = parseVisualization(content);
+  return {
+    diagnostics: [...result.diagnostics, ...detectEmptyContent(content)]
+  };
 }
-var GANTT_DURATION_RE, GANTT_DATE_RE, C4_TYPE_RE, DATA_CHART_TYPES, VISUALIZATION_TYPES, DIAGRAM_TYPES, EXTENDED_CHART_TYPES, STANDARD_CHART_TYPES2, ECHART_TYPES, PARSE_DISPATCH;
+function detectColonChartType(content) {
+  const lines = content.split("\n");
+  for (let i = 0; i < lines.length; i++) {
+    const trimmed = lines[i].trim();
+    if (!trimmed || trimmed.startsWith("#") || trimmed.startsWith("//"))
+      continue;
+    const match = trimmed.match(/^(\w[\w-]*)\s*:\s*(.*)$/);
+    if (!match) return null;
+    const word = match[1].toLowerCase();
+    const rest = match[2].trim();
+    if (ALL_KNOWN_TYPES.has(word)) {
+      const example = rest ? `${word} ${rest}` : word;
+      return makeDgmoError(
+        i + 1,
+        `Remove the colon \u2014 use '${example}' instead of '${trimmed}'. DGMO chart types don't use colons.`
+      );
+    }
+    const hint = suggest(word, [...ALL_KNOWN_TYPES]);
+    if (hint) {
+      return makeDgmoError(
+        i + 1,
+        `Unknown chart type: ${word}. ${hint} Also, DGMO chart types don't use colons.`
+      );
+    }
+    return null;
+  }
+  return null;
+}
+function detectEmptyContent(content) {
+  const lines = content.split("\n");
+  const nonEmpty = lines.filter(
+    (l) => l.trim() && !l.trim().startsWith("#") && !l.trim().startsWith("//")
+  );
+  if (nonEmpty.length <= 1) {
+    return [
+      makeDgmoError(1, "No content after chart type declaration.", "warning")
+    ];
+  }
+  return [];
+}
+var GANTT_DURATION_RE, GANTT_DATE_RE, C4_TYPE_RE, DATA_CHART_TYPES, VISUALIZATION_TYPES, DIAGRAM_TYPES, EXTENDED_CHART_TYPES, STANDARD_CHART_TYPES2, ECHART_TYPES, PARSE_DISPATCH, ALL_KNOWN_TYPES;
 var init_dgmo_router = __esm({
   "src/dgmo-router.ts"() {
     "use strict";
@@ -12201,6 +12335,7 @@ var init_dgmo_router = __esm({
     init_parser9();
     init_parser10();
     init_parsing();
+    init_diagnostics();
     GANTT_DURATION_RE = /^\d+(?:\.\d+)?(?:min|bd|d|w|m|q|y|h)(?:\?)?\s+/;
     GANTT_DATE_RE = /^\d{4}-\d{2}-\d{2}(?:\s\d{2}:\d{2})?\s+/;
     C4_TYPE_RE = /\bis\s+an?\s+(person|system|container|component)\b/i;
@@ -12284,6 +12419,11 @@ var init_dgmo_router = __esm({
       ["gantt", (c) => parseGantt(c)],
       ["boxes-and-lines", (c) => parseBoxesAndLines(c)]
     ]);
+    ALL_KNOWN_TYPES = /* @__PURE__ */ new Set([
+      ...DATA_CHART_TYPES,
+      ...VISUALIZATION_TYPES,
+      ...DIAGRAM_TYPES
+    ]);
   }
 });
 
@@ -14458,7 +14598,6 @@ async function renderSitemapForExport(content, theme, palette) {
   const { parseSitemap: parseSitemap2 } = await Promise.resolve().then(() => (init_parser7(), parser_exports7));
   const { layoutSitemap: layoutSitemap2 } = await Promise.resolve().then(() => (init_layout2(), layout_exports2));
   const { getPalette: getPalette2 } = await Promise.resolve().then(() => (init_palettes(), palettes_exports));
-  const { injectBranding: injectBranding2 } = await Promise.resolve().then(() => (init_branding(), branding_exports));
   const isDark = theme === "dark";
   const effectivePalette = palette ?? (isDark ? getPalette2("nord").dark : getPalette2("nord").light);
   const parsed = parseSitemap2(content, effectivePalette);
@@ -14500,8 +14639,7 @@ async function renderSitemapForExport(content, theme, palette) {
   svgEl.style.fontFamily = FONT_FAMILY;
   const svgHtml = svgEl.outerHTML;
   document.body.removeChild(container);
-  const brandColor = theme === "transparent" ? "#888" : effectivePalette.textMuted;
-  return injectBranding2(svgHtml, brandColor);
+  return svgHtml;
 }
 var DIAGRAM_PADDING2, MAX_SCALE2, TITLE_HEIGHT2, LABEL_FONT_SIZE2, META_FONT_SIZE2, META_LINE_HEIGHT4, HEADER_HEIGHT4, SEPARATOR_GAP4, EDGE_STROKE_WIDTH2, NODE_STROKE_WIDTH2, CARD_RADIUS2, CONTAINER_RADIUS2, CONTAINER_LABEL_FONT_SIZE2, CONTAINER_META_FONT_SIZE2, CONTAINER_META_LINE_HEIGHT4, CONTAINER_HEADER_HEIGHT2, ARROWHEAD_W, ARROWHEAD_H, EDGE_LABEL_FONT_SIZE, COLLAPSE_BAR_HEIGHT2, LEGEND_FIXED_GAP2, lineGenerator, lineGeneratorLinear;
 var init_renderer2 = __esm({
@@ -14705,7 +14843,6 @@ var init_mutations = __esm({
 // src/kanban/renderer.ts
 var renderer_exports3 = {};
 __export(renderer_exports3, {
-  bucketCardsBySwimlane: () => bucketCardsBySwimlane,
   renderKanban: () => renderKanban,
   renderKanbanForExport: () => renderKanbanForExport
 });
@@ -23718,8 +23855,8 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
     });
   }
   drawLegend();
-  const startTime = dateToFractionalYear(resolved.startDate);
-  const endTime = dateToFractionalYear(resolved.endDate);
+  const startTime = dateToFractionalYear2(resolved.startDate);
+  const endTime = dateToFractionalYear2(resolved.endDate);
   const domainPad = Math.max((endTime - startTime) * 0.02, 0.01);
   const domainMin = startTime - domainPad;
   const domainMax = endTime + domainPad;
@@ -23750,7 +23887,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
     } else {
       todayDate = /* @__PURE__ */ new Date(resolved.options.todayMarker + "T00:00:00");
     }
-    todayX = xScale(dateToFractionalYear(todayDate));
+    todayX = xScale(dateToFractionalYear2(todayDate));
     if (todayX >= 0 && todayX <= innerWidth) {
       const todayLine = g.append("line").attr("class", "gantt-today").attr("x1", todayX).attr("y1", 0).attr("x2", todayX).attr("y2", innerHeight + 10).attr("stroke", todayColor).attr("stroke-width", 2).attr("stroke-dasharray", "6 4").attr("opacity", 0.7).attr("pointer-events", "none");
       if (todayMarkerLineNum)
@@ -23792,8 +23929,8 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
       let lx2 = innerWidth;
       let laneBarWidth = innerWidth;
       if (row.laneStartDate && row.laneEndDate) {
-        lx1 = xScale(dateToFractionalYear(row.laneStartDate));
-        lx2 = xScale(dateToFractionalYear(row.laneEndDate));
+        lx1 = xScale(dateToFractionalYear2(row.laneStartDate));
+        lx2 = xScale(dateToFractionalYear2(row.laneEndDate));
         laneBarWidth = Math.max(lx2 - lx1, 2);
       }
       lanePositions.set(row.laneName, {
@@ -23899,8 +24036,8 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
       labelG.append("text").attr("x", labelX).attr("y", marginTop + yOffset + BAR_H / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", "11px").attr("font-weight", "bold").attr("fill", palette.text).text(
         toggleIcon + " " + group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "")
       );
-      const gStart = dateToFractionalYear(group.startDate);
-      const gEnd = dateToFractionalYear(group.endDate);
+      const gStart = dateToFractionalYear2(group.startDate);
+      const gEnd = dateToFractionalYear2(group.endDate);
       const gx1 = xScale(gStart);
       const gx2 = xScale(gEnd);
       if (gx2 > gx1) {
@@ -24014,7 +24151,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         taskLabel.attr("data-critical-path", "true");
       }
       if (rt.isMilestone) {
-        const mx = xScale(dateToFractionalYear(rt.startDate));
+        const mx = xScale(dateToFractionalYear2(rt.startDate));
         const my = yOffset + BAR_H / 2;
         g.append("polygon").attr("class", "gantt-milestone").attr("points", diamondPoints(mx, my, MILESTONE_SIZE)).attr("fill", barColor).attr("stroke", barColor).attr("stroke-width", 1.5).attr("data-line-number", String(task.lineNumber)).attr("data-task-name", task.label).attr("data-task-id", task.id).attr("data-group", topGroup).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
           if (onClickItem) onClickItem(task.lineNumber);
@@ -24036,8 +24173,8 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         });
         taskPositions.set(task.id, { x1: mx, x2: mx, y: my });
       } else {
-        const tStart = dateToFractionalYear(rt.startDate);
-        const tEnd = dateToFractionalYear(rt.endDate);
+        const tStart = dateToFractionalYear2(rt.startDate);
+        const tEnd = dateToFractionalYear2(rt.endDate);
         const x1 = xScale(tStart);
         const x2 = xScale(tEnd);
         const barWidth = Math.max(x2 - x1, 2);
@@ -24272,14 +24409,14 @@ function renderHolidayBands(g, svg, resolved, xScale, innerHeight, palette, isDa
   }
 }
 function drawBand(g, xScale, start, end, height, palette, _isDark, className, opacity) {
-  const x1 = xScale(dateToFractionalYear(start));
-  const x2 = xScale(dateToFractionalYear(end));
+  const x1 = xScale(dateToFractionalYear2(start));
+  const x2 = xScale(dateToFractionalYear2(end));
   if (x2 <= x1) return;
   g.append("rect").attr("class", className).attr("x", x1).attr("y", 0).attr("width", x2 - x1).attr("height", height).attr("fill", palette.text).attr("opacity", opacity).attr("pointer-events", "none");
 }
 function drawHolidayBand(g, svg, xScale, start, end, height, palette, _isDark, label, lineNumber, headerY, chartLeftMargin, onClickItem) {
-  const x1 = xScale(dateToFractionalYear(start));
-  const x2 = xScale(dateToFractionalYear(end));
+  const x1 = xScale(dateToFractionalYear2(start));
+  const x2 = xScale(dateToFractionalYear2(end));
   if (x2 <= x1) return;
   const bandW = Math.max(x2 - x1, 4);
   const baseOpacity = 0.08;
@@ -24801,8 +24938,8 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
   const chartMinX = 0;
   for (let i = 0; i < resolved.sprints.length; i++) {
     const sprint = resolved.sprints[i];
-    const rawSx = xScale(dateToFractionalYear(sprint.startDate));
-    const rawEx = xScale(dateToFractionalYear(sprint.endDate));
+    const rawSx = xScale(dateToFractionalYear2(sprint.startDate));
+    const rawEx = xScale(dateToFractionalYear2(sprint.endDate));
     if (rawEx <= rawSx) continue;
     const sx = Math.max(rawSx, chartMinX);
     const ex = rawEx;
@@ -24924,7 +25061,7 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
     });
   }
   const lastSprint = resolved.sprints[resolved.sprints.length - 1];
-  const lastEx = xScale(dateToFractionalYear(lastSprint.endDate));
+  const lastEx = xScale(dateToFractionalYear2(lastSprint.endDate));
   g.append("line").attr("class", "gantt-sprint-boundary").attr("x1", lastEx).attr("y1", -6).attr("x2", lastEx).attr("y2", innerHeight).attr("stroke", bandColor).attr("stroke-width", 1).attr("stroke-dasharray", "3 3").attr("opacity", SPRINT_BOUNDARY_OPACITY);
 }
 function parseDateStringToDate(s) {
@@ -24935,7 +25072,7 @@ function parseDateStringToDate(s) {
   return new Date(year, month, day);
 }
 function parseDateToFractionalYear(s) {
-  return dateToFractionalYear(parseDateStringToDate(s));
+  return dateToFractionalYear2(parseDateStringToDate(s));
 }
 function highlightDeps(g, svg, taskId, resolved) {
   const related = /* @__PURE__ */ new Set([taskId]);
@@ -25302,7 +25439,7 @@ function durationWeightedProgress(tasks) {
   }
   return hasProgress && totalDuration > 0 ? totalProgress / totalDuration : null;
 }
-function dateToFractionalYear(d) {
+function dateToFractionalYear2(d) {
   const y = d.getFullYear();
   const startOfYear = new Date(y, 0, 1);
   const endOfYear = new Date(y + 1, 0, 1);
@@ -25314,7 +25451,7 @@ function diamondPoints(cx, cy, size) {
   return `${cx},${cy - half} ${cx + half},${cy} ${cx},${cy + half} ${cx - half},${cy}`;
 }
 function formatGanttDate(d) {
-  const base = `${MONTH_ABBR[d.getMonth()]} ${d.getDate()}, ${d.getFullYear()}`;
+  const base = `${MONTH_ABBR2[d.getMonth()]} ${d.getDate()}, ${d.getFullYear()}`;
   if (d.getHours() === 0 && d.getMinutes() === 0) return base;
   const hh = String(d.getHours()).padStart(2, "0");
   const mm = String(d.getMinutes()).padStart(2, "0");
@@ -25325,7 +25462,7 @@ function showGanttDateIndicators(g, xScale, startDate, endDate, innerHeight, col
   g.selectAll(".gantt-today").attr("opacity", 0.05);
   const hg = g.append("g").attr("class", "gantt-hover-date").attr("pointer-events", "none");
   const tickLen = 6;
-  const startPos = xScale(dateToFractionalYear(startDate));
+  const startPos = xScale(dateToFractionalYear2(startDate));
   const startLabel = formatGanttDate(startDate);
   if (!options?.skipStartLine) {
     hg.append("line").attr("class", "gantt-hover-date").attr("x1", startPos).attr("y1", -tickLen).attr("x2", startPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4").attr("opacity", 0.6);
@@ -25333,7 +25470,7 @@ function showGanttDateIndicators(g, xScale, startDate, endDate, innerHeight, col
   hg.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", -tickLen - 4).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(startLabel);
   hg.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(startLabel);
   if (endDate && endDate.getTime() !== startDate.getTime()) {
-    const endPos = xScale(dateToFractionalYear(endDate));
+    const endPos = xScale(dateToFractionalYear2(endDate));
     const endLabel = formatGanttDate(endDate);
     const minLabelGap = 90;
     const gap = endPos - startPos;
@@ -25403,7 +25540,7 @@ function renderTimeScaleHorizontal(g, scale, innerWidth, innerHeight, textColor)
     g.append("text").attr("class", "gantt-scale-tick").attr("x", tick.pos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", textColor).attr("opacity", opacity).text(tick.label);
   }
 }
-var BAR_H, ROW_GAP, GROUP_GAP2, MILESTONE_SIZE, MIN_LEFT_MARGIN, BOTTOM_MARGIN, RIGHT_MARGIN, CHAR_W2, LABEL_PAD, LABEL_GAP, BAND_ACCENT_W, BAND_RADIUS, bandClipCounter, JS_DAY_TO_WEEKDAY2, ERA_COLORS, SPRINT_BAND_OPACITY, SPRINT_HOVER_OPACITY, SPRINT_BOUNDARY_OPACITY, FADE_OPACITY, MONTH_ABBR;
+var BAR_H, ROW_GAP, GROUP_GAP2, MILESTONE_SIZE, MIN_LEFT_MARGIN, BOTTOM_MARGIN, RIGHT_MARGIN, CHAR_W2, LABEL_PAD, LABEL_GAP, BAND_ACCENT_W, BAND_RADIUS, bandClipCounter, JS_DAY_TO_WEEKDAY2, ERA_COLORS, SPRINT_BAND_OPACITY, SPRINT_HOVER_OPACITY, SPRINT_BOUNDARY_OPACITY, FADE_OPACITY, MONTH_ABBR2;
 var init_renderer9 = __esm({
   "src/gantt/renderer.ts"() {
     "use strict";
@@ -25411,7 +25548,7 @@ var init_renderer9 = __esm({
     init_palettes();
     init_color_utils();
     init_tag_groups();
-    init_d3();
+    init_time_ticks();
     init_legend_constants();
     init_legend_d3();
     init_legend_layout();
@@ -25443,7 +25580,7 @@ var init_renderer9 = __esm({
     SPRINT_HOVER_OPACITY = 0.12;
     SPRINT_BOUNDARY_OPACITY = 0.3;
     FADE_OPACITY = 0.1;
-    MONTH_ABBR = [
+    MONTH_ABBR2 = [
       "Jan",
       "Feb",
       "Mar",
@@ -27088,7 +27225,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
           if (tagKey && msgTagValue) {
             labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
           }
-          renderInlineText(labelEl, step.label, palette);
+          labelEl.text(step.label);
         }
       } else {
         const goingRight = fromX < toX;
@@ -27115,7 +27252,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
           if (tagKey && msgTagValue) {
             labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
           }
-          renderInlineText(labelEl, step.label, palette);
+          labelEl.text(step.label);
         }
       }
     } else {
@@ -27146,7 +27283,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         if (tagKey && msgTagValue) {
           labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
         }
-        renderInlineText(labelEl, step.label, palette);
+        labelEl.text(step.label);
       }
     }
   });
@@ -27423,23 +27560,6 @@ function parseTimelineDate(s) {
   const day = parts.length >= 3 ? parts[2] : 1;
   return year + (month - 1) / 12 + (day - 1) / 365 + hour / 8760 + minute / 525600;
 }
-function fractionalYearToDate(frac) {
-  const year = Math.floor(frac);
-  const remainder = frac - year;
-  const monthFrac = remainder * 12;
-  const month = Math.floor(monthFrac);
-  const monthRemainder = remainder - month / 12;
-  const dayFrac = monthRemainder * 365;
-  const day = Math.floor(dayFrac) + 1;
-  const dayRemainder = dayFrac - Math.floor(dayFrac);
-  const hourFrac = dayRemainder * 24;
-  const hour = Math.floor(hourFrac);
-  const minute = Math.round((hourFrac - hour) * 60);
-  return new Date(year, month, day, hour, minute);
-}
-function dateToFractionalYear2(d) {
-  return d.getFullYear() + d.getMonth() / 12 + (d.getDate() - 1) / 365 + d.getHours() / 8760 + d.getMinutes() / 525600;
-}
 function addDurationToDate(startDate, amount, unit) {
   const spaceIdx = startDate.indexOf(" ");
   let datePart = startDate;
@@ -28994,7 +29114,7 @@ function formatDateLabel(dateStr) {
   const parts = datePart.split("-");
   const year = parts[0];
   if (parts.length === 1) return year + timeSuffix;
-  const month = MONTH_ABBR2[parseInt(parts[1], 10) - 1];
+  const month = MONTH_ABBR[parseInt(parts[1], 10) - 1];
   if (parts.length === 2) return `${month} ${year}${timeSuffix}`;
   const day = parseInt(parts[2], 10);
   return `${month} ${day}, ${year}${timeSuffix}`;
@@ -29011,123 +29131,6 @@ function formatBoundaryLabel(dateStr, otherDateStr) {
   }
   return formatDateLabel(dateStr);
 }
-function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel) {
-  const minYear = Math.floor(domainMin);
-  const maxYear = Math.floor(domainMax);
-  const span = domainMax - domainMin;
-  let ticks = [];
-  const firstYear = Math.ceil(domainMin);
-  const lastYear = Math.floor(domainMax);
-  if (lastYear >= firstYear + 1) {
-    const yearSpan = lastYear - firstYear;
-    let step = 1;
-    if (yearSpan > 80) step = 20;
-    else if (yearSpan > 40) step = 10;
-    else if (yearSpan > 20) step = 5;
-    else if (yearSpan > 10) step = 2;
-    const alignedFirst = Math.ceil(firstYear / step) * step;
-    for (let y = alignedFirst; y <= lastYear; y += step) {
-      ticks.push({ pos: scale(y), label: String(y) });
-    }
-  } else if (span > 0.25) {
-    const crossesYear = maxYear > minYear;
-    for (let y = minYear; y <= maxYear + 1; y++) {
-      for (let m = 1; m <= 12; m++) {
-        const val = y + (m - 1) / 12;
-        if (val > domainMax) break;
-        if (val >= domainMin) {
-          ticks.push({
-            pos: scale(val),
-            label: crossesYear ? `${MONTH_ABBR2[m - 1]} '${String(y).slice(-2)}` : MONTH_ABBR2[m - 1]
-          });
-        }
-      }
-    }
-  } else if (span <= 685e-6) {
-    let stepMin = 5;
-    const spanHours = span * 8760;
-    if (spanHours > 3) stepMin = 30;
-    else if (spanHours > 1) stepMin = 15;
-    else if (spanHours > 0.5) stepMin = 10;
-    const startDate = fractionalYearToDate(domainMin);
-    startDate.setMinutes(
-      Math.floor(startDate.getMinutes() / stepMin) * stepMin,
-      0,
-      0
-    );
-    while (true) {
-      const val = dateToFractionalYear2(startDate);
-      if (val > domainMax) break;
-      if (val >= domainMin) {
-        const hh = String(startDate.getHours()).padStart(2, "0");
-        const mm = String(startDate.getMinutes()).padStart(2, "0");
-        ticks.push({ pos: scale(val), label: `${hh}:${mm}` });
-      }
-      startDate.setMinutes(startDate.getMinutes() + stepMin);
-    }
-  } else if (span <= 822e-5) {
-    let stepHour = 1;
-    const spanHours = span * 8760;
-    if (spanHours > 48) stepHour = 6;
-    else if (spanHours > 24) stepHour = 3;
-    else if (spanHours > 12) stepHour = 2;
-    const singleDay = spanHours <= 24;
-    const startDate = fractionalYearToDate(domainMin);
-    startDate.setHours(
-      Math.floor(startDate.getHours() / stepHour) * stepHour,
-      0,
-      0,
-      0
-    );
-    while (true) {
-      const val = dateToFractionalYear2(startDate);
-      if (val > domainMax) break;
-      if (val >= domainMin) {
-        const hh = String(startDate.getHours()).padStart(2, "0");
-        const mm = String(startDate.getMinutes()).padStart(2, "0");
-        if (singleDay) {
-          ticks.push({ pos: scale(val), label: `${hh}:${mm}` });
-        } else {
-          const mon = MONTH_ABBR2[startDate.getMonth()];
-          const d = startDate.getDate();
-          ticks.push({ pos: scale(val), label: `${mon} ${d} ${hh}:${mm}` });
-        }
-      }
-      startDate.setHours(startDate.getHours() + stepHour);
-    }
-  } else {
-    for (let y = minYear; y <= maxYear + 1; y++) {
-      for (let m = 1; m <= 12; m++) {
-        for (const d of [1, 8, 15, 22]) {
-          const val = y + (m - 1) / 12 + (d - 1) / 365;
-          if (val > domainMax) break;
-          if (val >= domainMin) {
-            ticks.push({
-              pos: scale(val),
-              label: `${MONTH_ABBR2[m - 1]} ${d}`
-            });
-          }
-        }
-      }
-    }
-  }
-  const collisionThreshold = 40;
-  if (boundaryStart !== void 0 && boundaryStartLabel) {
-    const boundaryPos = scale(boundaryStart);
-    ticks = ticks.filter(
-      (t) => Math.abs(t.pos - boundaryPos) >= collisionThreshold
-    );
-    ticks.unshift({ pos: boundaryPos, label: boundaryStartLabel });
-  }
-  if (boundaryEnd !== void 0 && boundaryEndLabel) {
-    const boundaryPos = scale(boundaryEnd);
-    ticks = ticks.filter(
-      (t) => Math.abs(t.pos - boundaryPos) >= collisionThreshold
-    );
-    ticks.push({ pos: boundaryPos, label: boundaryEndLabel });
-  }
-  return ticks;
-}
 function renderTimeScale(g, scale, isVertical, innerWidth, innerHeight, textColor, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel) {
   const [domainMin, domainMax] = scale.domain();
   const ticks = computeTimeTicks(
@@ -31055,7 +31058,7 @@ function createExportContainer(width, height) {
   document.body.appendChild(container);
   return container;
 }
-function finalizeSvgExport(container, theme, palette, options) {
+function finalizeSvgExport(container, theme, palette) {
   const svgEl = container.querySelector("svg");
   if (!svgEl) return "";
   if (theme === "transparent") {
@@ -31068,10 +31071,6 @@ function finalizeSvgExport(container, theme, palette, options) {
   svgEl.querySelectorAll("[data-export-ignore]").forEach((el) => el.remove());
   const svgHtml = svgEl.outerHTML;
   document.body.removeChild(container);
-  if (options?.branding !== false) {
-    const brandColor = theme === "transparent" ? "#888" : palette.textMuted;
-    return injectBranding(svgHtml, brandColor);
-  }
   return svgHtml;
 }
 async function renderForExport(content, theme, palette, orgExportState, options) {
@@ -31118,7 +31117,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
       activeTagGroup,
       hiddenAttributes
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "sitemap") {
     const { parseSitemap: parseSitemap2 } = await Promise.resolve().then(() => (init_parser7(), parser_exports7));
@@ -31160,7 +31159,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
       activeTagGroup,
       hiddenAttributes
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "kanban") {
     const { parseKanban: parseKanban2 } = await Promise.resolve().then(() => (init_parser5(), parser_exports5));
@@ -31179,7 +31178,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
         options?.tagGroup
       )
     });
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "class") {
     const { parseClassDiagram: parseClassDiagram2 } = await Promise.resolve().then(() => (init_parser2(), parser_exports2));
@@ -31203,7 +31202,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
       void 0,
       { width: exportWidth, height: exportHeight }
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "er") {
     const { parseERDiagram: parseERDiagram2 } = await Promise.resolve().then(() => (init_parser3(), parser_exports3));
@@ -31232,7 +31231,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
         options?.tagGroup
       )
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "boxes-and-lines") {
     const { parseBoxesAndLines: parseBoxesAndLines2 } = await Promise.resolve().then(() => (init_parser10(), parser_exports10));
@@ -31258,7 +31257,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
         activeTagGroup: options?.tagGroup
       }
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "c4") {
     const { parseC4: parseC42 } = await Promise.resolve().then(() => (init_parser6(), parser_exports6));
@@ -31297,7 +31296,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
         options?.tagGroup
       )
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "flowchart") {
     const { parseFlowchart: parseFlowchart2 } = await Promise.resolve().then(() => (init_flowchart_parser(), flowchart_parser_exports));
@@ -31317,7 +31316,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
       void 0,
       { width: EXPORT_WIDTH, height: EXPORT_HEIGHT }
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "infra") {
     const { parseInfra: parseInfra2 } = await Promise.resolve().then(() => (init_parser8(), parser_exports8));
@@ -31363,7 +31362,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
       infraSvg.setAttribute("width", String(exportWidth));
       infraSvg.setAttribute("height", String(exportHeight));
     }
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "gantt") {
     const { parseGantt: parseGantt2 } = await Promise.resolve().then(() => (init_parser9(), parser_exports9));
@@ -31384,7 +31383,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
       void 0,
       { width: EXPORT_W, height: EXPORT_H }
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   if (detectedType === "state") {
     const { parseState: parseState2 } = await Promise.resolve().then(() => (init_state_parser(), state_parser_exports));
@@ -31404,7 +31403,7 @@ async function renderForExport(content, theme, palette, orgExportState, options)
       void 0,
       { width: EXPORT_WIDTH, height: EXPORT_HEIGHT }
     );
-    return finalizeSvgExport(container2, theme, effectivePalette2, options);
+    return finalizeSvgExport(container2, theme, effectivePalette2);
   }
   const parsed = parseVisualization(content, palette);
   if (parsed.error && parsed.type !== "sequence") {
@@ -31496,15 +31495,15 @@ async function renderForExport(content, theme, palette, orgExportState, options)
       dims
     );
   }
-  return finalizeSvgExport(container, theme, effectivePalette, options);
+  return finalizeSvgExport(container, theme, effectivePalette);
 }
-var DEFAULT_CLOUD_OPTIONS, STOP_WORDS, SLOPE_MARGIN, SLOPE_LABEL_FONT_SIZE, SLOPE_CHAR_WIDTH, ARC_MARGIN, MONTH_ABBR2, EXPORT_WIDTH, EXPORT_HEIGHT;
+var DEFAULT_CLOUD_OPTIONS, STOP_WORDS, SLOPE_MARGIN, SLOPE_LABEL_FONT_SIZE, SLOPE_CHAR_WIDTH, ARC_MARGIN, EXPORT_WIDTH, EXPORT_HEIGHT;
 var init_d3 = __esm({
   "src/d3.ts"() {
     "use strict";
     init_fonts();
-    init_branding();
     init_label_layout();
+    init_time_ticks();
     init_colors();
     init_palettes();
     init_color_utils();
@@ -31635,20 +31634,6 @@ var init_d3 = __esm({
     SLOPE_LABEL_FONT_SIZE = 14;
     SLOPE_CHAR_WIDTH = 8;
     ARC_MARGIN = { top: 60, right: 40, bottom: 60, left: 40 };
-    MONTH_ABBR2 = [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec"
-    ];
     EXPORT_WIDTH = 1200;
     EXPORT_HEIGHT = 800;
   }
@@ -32113,6 +32098,7 @@ var require_lz_string = __commonJS({
 
 // src/index.ts
 init_diagnostics();
+init_arrows();
 
 // src/render.ts
 init_d3();
@@ -32148,8 +32134,8 @@ async function ensureDom() {
 async function render(content, options) {
   const theme = options?.theme ?? "light";
   const paletteName = options?.palette ?? "nord";
-  const branding = options?.branding ?? false;
   const paletteColors = getPalette(paletteName)[theme === "dark" ? "dark" : "light"];
+  const { diagnostics } = parseDgmo(content);
   const chartType = parseDgmoChartType(content);
   const category = chartType ? getRenderCategory(chartType) : null;
   const legendExportState = options?.legendState ? {
@@ -32157,18 +32143,27 @@ async function render(content, options) {
     hiddenAttributes: options.legendState.hiddenAttributes ? new Set(options.legendState.hiddenAttributes) : void 0
   } : void 0;
   if (category === "data-chart") {
-    return renderExtendedChartForExport(content, theme, paletteColors, {
-      branding
-    });
+    const svg2 = await renderExtendedChartForExport(
+      content,
+      theme,
+      paletteColors
+    );
+    return { svg: svg2, diagnostics };
   }
   await ensureDom();
-  return renderForExport(content, theme, paletteColors, legendExportState, {
-    branding,
-    c4Level: options?.c4Level,
-    c4System: options?.c4System,
-    c4Container: options?.c4Container,
-    tagGroup: options?.tagGroup
-  });
+  const svg = await renderForExport(
+    content,
+    theme,
+    paletteColors,
+    legendExportState,
+    {
+      c4Level: options?.c4Level,
+      c4System: options?.c4System,
+      c4Container: options?.c4Container,
+      tagGroup: options?.tagGroup
+    }
+  );
+  return { svg, diagnostics };
 }
 
 // src/index.ts
@@ -32176,172 +32171,9 @@ init_dgmo_router();
 init_chart();
 init_echarts();
 init_d3();
+init_time_ticks();
 init_parser();
 init_participant_inference();
-
-// src/dgmo-mermaid.ts
-init_colors();
-init_diagnostics();
-var QUADRANT_LABEL_RE = /^(.+?)(?:\s*\(([^)]+)\))?\s*$/;
-var DATA_POINT_RE = /^(.+?)\s+([0-9]*\.?[0-9]+)\s*,\s*([0-9]*\.?[0-9]+)\s*$/;
-var QUADRANT_POSITIONS = /* @__PURE__ */ new Set([
-  "top-right",
-  "top-left",
-  "bottom-left",
-  "bottom-right"
-]);
-function parseQuadrant(content) {
-  const result = {
-    title: null,
-    titleLineNumber: null,
-    xAxis: null,
-    xAxisLineNumber: null,
-    yAxis: null,
-    yAxisLineNumber: null,
-    quadrants: {
-      topRight: null,
-      topLeft: null,
-      bottomLeft: null,
-      bottomRight: null
-    },
-    points: [],
-    diagnostics: [],
-    error: null
-  };
-  const lines = content.split("\n");
-  for (let i = 0; i < lines.length; i++) {
-    const line10 = lines[i].trim();
-    const lineNumber = i + 1;
-    if (!line10 || line10.startsWith("//")) continue;
-    if (/^chart\s*:/i.test(line10)) continue;
-    const titleMatch = line10.match(/^title\s+(.+)/i);
-    if (titleMatch) {
-      result.title = titleMatch[1].trim();
-      result.titleLineNumber = lineNumber;
-      continue;
-    }
-    const xMatch = line10.match(/^x-label\s+(.+)/i);
-    if (xMatch) {
-      const parts = xMatch[1].split(",").map((s) => s.trim());
-      if (parts.length >= 2) {
-        result.xAxis = [parts[0], parts[1]];
-        result.xAxisLineNumber = lineNumber;
-      }
-      continue;
-    }
-    const yMatch = line10.match(/^y-label\s+(.+)/i);
-    if (yMatch) {
-      const parts = yMatch[1].split(",").map((s) => s.trim());
-      if (parts.length >= 2) {
-        result.yAxis = [parts[0], parts[1]];
-        result.yAxisLineNumber = lineNumber;
-      }
-      continue;
-    }
-    const posMatch = line10.match(
-      /^(top-right|top-left|bottom-left|bottom-right)\s+(.+)/i
-    );
-    if (posMatch) {
-      const position = posMatch[1].toLowerCase();
-      const labelMatch = posMatch[2].match(QUADRANT_LABEL_RE);
-      if (labelMatch) {
-        const label = {
-          text: labelMatch[1].trim(),
-          color: labelMatch[2] ? resolveColorWithDiagnostic(
-            labelMatch[2].trim(),
-            lineNumber,
-            result.diagnostics
-          ) ?? null : null,
-          lineNumber
-        };
-        if (position === "top-right") result.quadrants.topRight = label;
-        else if (position === "top-left") result.quadrants.topLeft = label;
-        else if (position === "bottom-left")
-          result.quadrants.bottomLeft = label;
-        else if (position === "bottom-right")
-          result.quadrants.bottomRight = label;
-      }
-      continue;
-    }
-    const pointMatch = line10.match(DATA_POINT_RE);
-    if (pointMatch) {
-      const key = pointMatch[1].trim().toLowerCase();
-      if (!QUADRANT_POSITIONS.has(key)) {
-        result.points.push({
-          label: pointMatch[1].trim(),
-          x: parseFloat(pointMatch[2]),
-          y: parseFloat(pointMatch[3]),
-          lineNumber
-        });
-      }
-      continue;
-    }
-  }
-  if (result.points.length === 0) {
-    const diag = makeDgmoError(
-      1,
-      "No data points found. Add lines like: Label 0.5, 0.7"
-    );
-    result.diagnostics.push(diag);
-    result.error = formatDgmoError(diag);
-  }
-  return result;
-}
-function buildMermaidQuadrant(parsed, options = {}) {
-  const { isDark = false, textColor, mutedTextColor } = options;
-  const lines = [];
-  const fillAlpha = isDark ? "30" : "55";
-  const primaryText = textColor ?? (isDark ? "#d0d0d0" : "#333333");
-  const quadrantLabelText = mutedTextColor ?? (isDark ? "#888888" : "#666666");
-  const colorMap = {};
-  if (parsed.quadrants.topRight?.color)
-    colorMap.quadrant1Fill = parsed.quadrants.topRight.color + fillAlpha;
-  if (parsed.quadrants.topLeft?.color)
-    colorMap.quadrant2Fill = parsed.quadrants.topLeft.color + fillAlpha;
-  if (parsed.quadrants.bottomLeft?.color)
-    colorMap.quadrant3Fill = parsed.quadrants.bottomLeft.color + fillAlpha;
-  if (parsed.quadrants.bottomRight?.color)
-    colorMap.quadrant4Fill = parsed.quadrants.bottomRight.color + fillAlpha;
-  colorMap.quadrant1TextFill = quadrantLabelText;
-  colorMap.quadrant2TextFill = quadrantLabelText;
-  colorMap.quadrant3TextFill = quadrantLabelText;
-  colorMap.quadrant4TextFill = quadrantLabelText;
-  colorMap.quadrantPointTextFill = primaryText;
-  colorMap.quadrantXAxisTextFill = primaryText;
-  colorMap.quadrantYAxisTextFill = primaryText;
-  colorMap.quadrantTitleFill = primaryText;
-  const vars = JSON.stringify(colorMap);
-  lines.push(`%%{init: {"themeVariables": ${vars}}}%%`);
-  lines.push("quadrantChart");
-  if (parsed.title) {
-    lines.push(`    title ${parsed.title}`);
-  }
-  if (parsed.xAxis) {
-    lines.push(`    x-axis ${parsed.xAxis[0]} --> ${parsed.xAxis[1]}`);
-  }
-  if (parsed.yAxis) {
-    lines.push(`    y-axis ${parsed.yAxis[0]} --> ${parsed.yAxis[1]}`);
-  }
-  const quote = (s) => /[\s,:[\]]/.test(s) ? `"${s}"` : s;
-  if (parsed.quadrants.topRight) {
-    lines.push(`    quadrant-1 ${quote(parsed.quadrants.topRight.text)}`);
-  }
-  if (parsed.quadrants.topLeft) {
-    lines.push(`    quadrant-2 ${quote(parsed.quadrants.topLeft.text)}`);
-  }
-  if (parsed.quadrants.bottomLeft) {
-    lines.push(`    quadrant-3 ${quote(parsed.quadrants.bottomLeft.text)}`);
-  }
-  if (parsed.quadrants.bottomRight) {
-    lines.push(`    quadrant-4 ${quote(parsed.quadrants.bottomRight.text)}`);
-  }
-  for (const point of parsed.points) {
-    lines.push(`    ${quote(point.label)}: [${point.x}, ${point.y}]`);
-  }
-  return lines.join("\n");
-}
-
-// src/index.ts
 init_flowchart_parser();
 init_state_parser();
 init_state_renderer();
@@ -33731,9 +33563,9 @@ registerExtractor("boxes-and-lines", extractBoxesAndLinesSymbols);
 
 // src/index.ts
 init_parsing();
-init_branding();
 export {
   ALL_CHART_TYPES,
+  ARROW_DIAGNOSTIC_CODES,
   CHART_TYPES,
   COMPLETION_REGISTRY,
   ENTITY_TYPES,
@@ -33749,13 +33581,10 @@ export {
   applyPositionOverrides,
   boldPalette,
   buildExtendedChartOption,
-  buildMermaidQuadrant,
-  buildMermaidThemeVars,
   buildNoteMessageMap,
   buildRenderSequence,
   buildSimpleChartOption,
   buildTagLaneRowList,
-  buildThemeCSS,
   calculateSchedule,
   catppuccinPalette,
   collapseBoxesAndLines,
@@ -33796,7 +33625,6 @@ export {
   hslToHex,
   inferParticipantType,
   inferRoles,
-  injectBranding,
   isArchiveColumn,
   isExtendedChartType,
   isRecognizedColorName,
@@ -33821,8 +33649,8 @@ export {
   looksLikeSitemap,
   looksLikeState,
   makeDgmoError,
+  matchColorParens,
   monokaiPalette,
-  mute,
   nord,
   nordPalette,
   oneDarkPalette,
@@ -33840,11 +33668,11 @@ export {
   parseFirstLine,
   parseFlowchart,
   parseGantt,
+  parseInArrowLabel,
   parseInfra,
   parseInlineMarkdown,
   parseKanban,
   parseOrg,
-  parseQuadrant,
   parseSequenceDgmo,
   parseSitemap,
   parseState,
@@ -33903,6 +33731,7 @@ export {
   tokyoNightPalette,
   truncateBareUrl,
   validateComputed,
-  validateInfra
+  validateInfra,
+  validateLabelCharacters
 };
 //# sourceMappingURL=index.js.map