@diagrammo/dgmo 0.8.18 → 0.8.20

package/docs/language-reference.md

@@ -114,6 +114,79 @@ no-option-name       // off
 - Bare keyword = on; `no-` prefix = off
 - Must appear before diagram content
 
+### 1.9 In-Arrow Message Labels
+
+An **in-arrow label** is the text embedded inside an arrow between the opening delimiter and the arrow token, as in `A -label-> B`.
+
+```
+A -label-> B
+ ^ ^---^ ^^
+ | |     ||
+ | |     |+- destination id
+ | |     +- arrow token
+ | +- label text (plain, no markdown)
+ +- opening delimiter (matches arrow type)
+```
+
+**Chart types that support in-arrow labels**: sequence, flowchart, state, infra, c4, er, class, boxes-and-lines.
+
+#### Cheat sheet
+
+```
+// happy-path: labels are plain text with punctuation allowed
+A -location[]-> B          // label = "location[]"
+A -a[b]c-> B                // label = "a[b]c"
+A -{json}-> B               // label = "{json}"
+
+// unicode: all scripts and emoji preserved verbatim
+A -café-> B
+A -日本語-> B
+A -🎉-> B
+
+// punctuation is literal — no markdown interpretation
+A -(parenthetical)-> B      // label = "(parenthetical)"  (NOT a color)
+A -*emphasis*-> B           // label = "*emphasis*"       (NOT bold)
+A -`code`-> B               // label = "`code`"           (NOT a code span)
+
+// forbidden: -> and ~> substrings inside a label
+A -uses -> chain-> B        // ERROR (E_ARROW_SUBSTRING_IN_LABEL)
+// migration: move the label to the post-colon form
+A -> B: uses -> chain       // works for charts that accept post-colon labels
+
+// migration from pre-gauntlet (legacy) syntax
+A -Makes calls [HTTP]-> B   // label is now the FULL "Makes calls [HTTP]"
+A -Makes calls-> B | tech: HTTP   // preferred: technology on target metadata
+```
+
+#### Character-set contract
+
+- **Allowed**: any Unicode codepoint except the forbidden list below. Brackets `[] {} ()`, pipes `|`, quotes `"' `, backticks, punctuation, digits, emoji, ZWJ sequences, combining marks — all pass through as literal characters.
+- **Forbidden substrings**: `->` and `~>`. These terminate the arrow. If you need them inside a label, use the post-colon form (`A -> B: uses -> to chain`) on chart types that support it; there is no escape mechanism.
+- **Forbidden characters**: C0 control characters U+0000–U+001F except U+0009 (tab), and U+007F (DEL). Silent renderer breakage and log-injection surface — no legitimate use case.
+- **Whitespace**: leading and trailing whitespace is trimmed; internal whitespace runs (including tabs, non-breaking spaces, and zero-width spaces) are **preserved**, never collapsed.
+- **Plain text only**: no markdown interpretation. `*foo*` renders as `*foo*`, not italicized. `[label](url)` renders as literal `[label](url)`, not a hyperlink. Clickable URLs belong in notes, not in in-arrow labels.
+- **HTML-safe**: all renderers emit label text as a DOM text node. `<script>alert(1)</script>` renders as literal text — the entire label is a sequence of codepoints, not a markup fragment.
+
+#### Color suffix (flowchart and state only)
+
+```
+A -(red)-> B         // colored edge, no label
+A -(notacolor)-> B   // label = "(notacolor)" (fall-through)
+A -(red) uses-> B    // label = "(red) uses" (combined form not supported)
+A -red-> B           // label = "red" (bare word is always a label)
+```
+
+A parenthesized palette color is only recognized when the entire label between the opening `-` and the arrow token is exactly `(colorName)` and `colorName` is one of the 11 names in §1.5. Any other content falls through to the label. To combine a color and a label, use the post-colon or pipe-metadata form instead.
+
+#### Migrating from pre-gauntlet syntax
+
+Two legacy forms changed with this spec:
+
+1. **C4 trailing `[technology]` sugar is removed.** A C4 arrow like `-Makes calls [HTTPS]-> API` used to extract `HTTPS` as the technology annotation. The full `Makes calls [HTTPS]` is now the label. Use the post-colon or pipe form for technology: `-Makes calls-> API | tech: HTTPS`.
+2. **Bare palette color suffixes are a literal label.** `A -red-> B` on flowchart/state used to be accepted as a bare color suffix in some surfaces. It is now always a label with text `red`. To color an edge, use the `-(red)->` parens form.
+
+No code migration is required for in-arrow label character escaping — any label that was valid before remains valid, with one exception: if your label happened to contain the literal substring `->` or `~>`, the parser now rejects it with `E_ARROW_SUBSTRING_IN_LABEL`. Move those labels to the post-colon form.
+
 ---
 
 ## 2. Sequence Diagrams

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.8.18",
+  "version": "0.8.20",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "type": "module",
@@ -55,10 +55,12 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "prebuild": "rm -rf dist && lezer-generator src/editor/dgmo.grammar -o src/editor/dgmo.grammar.js",
+    "codegen": "lezer-generator src/editor/dgmo.grammar -o src/editor/dgmo.grammar.js",
+    "prebuild": "rm -rf dist && pnpm codegen",
     "build": "tsup",
     "typecheck": "tsc --noEmit",
     "dev": "tsup --watch",
+    "pretest": "pnpm codegen",
     "test": "vitest run",
     "test:watch": "vitest",
     "gallery": "pnpm build && node scripts/generate-gallery.mjs",
@@ -69,7 +71,13 @@
     "check:duplication": "jscpd ./src",
     "check:deadcode": "knip",
     "check:spelling": "cspell \"src/**/*.ts\" \"tests/**/*.ts\"",
+    "check:all": "pnpm check:deadcode && pnpm check:spelling && pnpm check:duplication && pnpm check:circular && pnpm check:deps && pnpm check:security && pnpm build && pnpm check:publish && pnpm check:types",
+    "check:circular": "madge --circular --extensions ts src/ --json | node -e \"const c=JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')); const n=c.length; if(n>7){console.error('New circular deps found ('+n+' > 7 known type-only cycles)');process.exit(1)}else if(n>0){console.log(n+' known type-only/dynamic cycles (safe)')}else{console.log('No circular dependencies')}\"",
+    "check:deps": "depcheck --ignores='@codemirror/language,@lezer/*,husky,lint-staged,tsup'",
+    "check:security": "pnpm audit --prod",
+    "check:publish": "publint",
     "check:size": "pnpm build && du -sh dist/ && echo '---' && ls -lh dist/*.js dist/*.cjs",
+    "check:types": "attw --pack . --ignore-rules no-resolution",
     "postinstall": "node -e \"console.log('\\n💡 Claude Code user? Run: dgmo --install-claude-skill\\n')\"",
     "prepare": "husky"
   },
@@ -83,10 +91,11 @@
     "d3-selection": "^3.0.0",
     "d3-shape": "^3.2.0",
     "echarts": "^6.0.0",
-    "jsdom": "^29.0.1",
+    "jsdom": "^29.0.2",
     "lz-string": "^1.5.0"
   },
   "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.2",
     "@codemirror/language": "^6.12.3",
     "@eslint/js": "^10.0.1",
     "@lezer/generator": "^1.8.0",
@@ -97,18 +106,22 @@
     "@types/d3-selection": "^3.0.11",
     "@types/d3-shape": "^3.1.8",
     "@types/jsdom": "^28.0.1",
-    "cspell": "^9.7.0",
+    "cspell": "^10.0.0",
+    "depcheck": "^1.4.7",
     "esbuild": "^0.28.0",
     "eslint": "^10.2.0",
+    "eslint-plugin-security": "^4.0.0",
     "husky": "^9.1.7",
-    "jscpd": "^4.0.8",
-    "knip": "^6.3.0",
+    "jscpd": "^4.0.9",
+    "knip": "^6.3.1",
     "lint-staged": "^16.4.0",
-    "prettier": "^3.8.1",
+    "madge": "^8.0.0",
+    "prettier": "^3.8.2",
+    "publint": "^0.3.18",
     "tsup": "^8.5.1",
     "typescript": "^6.0.2",
-    "typescript-eslint": "^8.58.0",
-    "vitest": "^4.1.2"
+    "typescript-eslint": "^8.58.1",
+    "vitest": "^4.1.4"
   },
   "lint-staged": {
     "*.ts": [

package/src/boxes-and-lines/parser.ts

@@ -4,6 +4,7 @@
 
 import { makeDgmoError, suggest } from '../diagnostics';
 import type { DgmoError } from '../diagnostics';
+import { parseInArrowLabel } from '../utils/arrows';
 import type { ParsedBoxesAndLines, BLNode, BLEdge, BLGroup } from './types';
 import {
   matchTagBlockHeading,
@@ -607,7 +608,9 @@ function parseEdgeLine(
   const biLabeledMatch = trimmed.match(/^(.+?)\s*<-(.+)->\s*(.+)$/);
   if (biLabeledMatch) {
     const source = resolveEndpoint(biLabeledMatch[1].trim());
-    const label = biLabeledMatch[2].trim();
+    const labelResult = parseInArrowLabel(biLabeledMatch[2], lineNum);
+    diagnostics.push(...labelResult.diagnostics);
+    const label = labelResult.label;
     let rest = biLabeledMatch[3].trim();
 
     let metadata: Record<string, string> = {};
@@ -631,7 +634,7 @@ function parseEdgeLine(
     return {
       source,
       target: resolveEndpoint(rest),
-      label: label || undefined,
+      label,
       bidirectional: true,
       lineNumber: lineNum,
       metadata,
@@ -675,7 +678,9 @@ function parseEdgeLine(
   const labeledMatch = trimmed.match(/^(.+?)\s+-(.+)->\s*(.+)$/);
   if (labeledMatch) {
     const source = resolveEndpoint(labeledMatch[1].trim());
-    const label = labeledMatch[2].trim();
+    const labelResult = parseInArrowLabel(labeledMatch[2], lineNum);
+    diagnostics.push(...labelResult.diagnostics);
+    const label = labelResult.label;
     let rest = labeledMatch[3].trim();
 
     if (label) {

package/src/c4/parser.ts

@@ -4,6 +4,7 @@
 
 import type { PaletteColors } from '../palettes';
 import { makeDgmoError, formatDgmoError, suggest } from '../diagnostics';
+import { parseInArrowLabel } from '../utils/arrows';
 import type { TagGroup } from '../utils/tag-groups';
 import {
   matchTagBlockHeading,
@@ -519,14 +520,14 @@ export function parseC4(content: string, palette?: PaletteColors): ParsedC4 {
           break;
         }
 
-        // Extract [technology] from end of label
-        let label: string | undefined = rawLabel;
+        // TD-5: the trailing `[tech]` sugar is no longer extracted from the
+        // in-arrow label. The entire label stays as the label. Technology
+        // metadata comes from post-colon or pipe metadata on the target.
+        // Also run TD-13/TD-14 validation on the label characters.
+        const labelResult = parseInArrowLabel(rawLabel, lineNumber);
+        labelResult.diagnostics.forEach((d) => result.diagnostics.push(d));
+        const label: string | undefined = labelResult.label;
         let technology: string | undefined;
-        const techMatch = rawLabel.match(/\[([^\]]+)\]\s*$/);
-        if (techMatch) {
-          label = rawLabel.substring(0, techMatch.index!).trim() || undefined;
-          technology = techMatch[1].trim();
-        }
 
         // Extract pipe metadata from target body (e.g. "Database | tech: SQL")
         let target = targetBody;

package/src/class/parser.ts

@@ -1,6 +1,7 @@
 import { resolveColorWithDiagnostic } from '../colors';
 import type { PaletteColors } from '../palettes';
 import { makeDgmoError, formatDgmoError } from '../diagnostics';
+import { validateLabelCharacters } from '../utils/arrows';
 import {
   measureIndent,
   parseFirstLine,
@@ -251,6 +252,11 @@ export function parseClassDiagram(
 
         getOrCreateClass(targetName, lineNumber);
 
+        if (label) {
+          result.diagnostics.push(
+            ...validateLabelCharacters(label, lineNumber)
+          );
+        }
         result.relationships.push({
           source: currentClass.id,
           target: classId(targetName),

package/src/cli.ts

@@ -160,7 +160,6 @@ Key options:
 - \`--theme <theme>\` — \`light\` (default), \`dark\`, \`transparent\`
 - \`--palette <name>\` — \`nord\` (default), \`solarized\`, \`catppuccin\`, \`rose-pine\`, \`gruvbox\`, \`tokyo-night\`, \`one-dark\`, \`bold\`
 - \`--copy\` — copy the URL to clipboard (use with \`-o url\`)
-- \`--branding\` — add diagrammo.app branding to exports
 - \`--chart-types\` — list all supported chart types
 
 ## Supported Chart Types
@@ -502,7 +501,6 @@ Options:
   --c4-system <name>   System to drill into (with --c4-level containers or components)
   --c4-container <name> Container to drill into (with --c4-level components)
   --tag-group <name>   Pre-select a tag group for static export coloring
-  --branding           Add diagrammo.app branding to exports
   --copy               Copy URL to clipboard (only with -o url)
   --json               Output structured JSON to stdout
   --chart-types        List all supported chart types
@@ -532,7 +530,6 @@ function parseArgs(argv: string[]): {
   palette: string;
   help: boolean;
   version: boolean;
-  branding: boolean;
   copy: boolean;
   json: boolean;
   chartTypes: boolean;
@@ -553,7 +550,6 @@ function parseArgs(argv: string[]): {
     palette: 'nord',
     help: false,
     version: false,
-    branding: false,
     copy: false,
     json: false,
     chartTypes: false,
@@ -637,9 +633,6 @@ function parseArgs(argv: string[]): {
     } else if (arg === '--tag-group') {
       result.tagGroup = args[++i];
       i++;
-    } else if (arg === '--branding') {
-      result.branding = true;
-      i++;
     } else if (arg === '--json') {
       result.json = true;
       i++;
@@ -1251,10 +1244,9 @@ async function main(): Promise<void> {
     }
   }
 
-  const svg = await render(content, {
+  const { svg } = await render(content, {
     theme: opts.theme,
     palette: opts.palette,
-    branding: opts.branding,
     c4Level: opts.c4Level,
     c4System: opts.c4System,
     c4Container: opts.c4Container,

package/src/d3.ts

@@ -4,8 +4,9 @@ import * as d3Shape from 'd3-shape';
 import * as d3Array from 'd3-array';
 import cloud from 'd3-cloud';
 import { FONT_FAMILY } from './fonts';
-import { injectBranding } from './branding';
 import { computeQuadrantPointLabels, type LabelRect } from './label-layout';
+import { MONTH_ABBR, computeTimeTicks } from './utils/time-ticks';
+import type { D3ExportDimensions } from './utils/d3-types';
 
 // ============================================================
 // Types
@@ -133,10 +134,7 @@ interface QuadrantLabels {
 }
 
 /** Optional explicit dimensions for CLI/export rendering (bypasses DOM layout). */
-export interface D3ExportDimensions {
-  width?: number;
-  height?: number;
-}
+export type { D3ExportDimensions } from './utils/d3-types';
 
 export interface ParsedVisualization {
   type: VisualizationType | null;
@@ -331,34 +329,6 @@ export function parseTimelineDate(s: string): number {
   );
 }
 
-/** Convert a fractional year number back to a Date (inverse of parseTimelineDate). */
-function fractionalYearToDate(frac: number): Date {
-  const year = Math.floor(frac);
-  const remainder = frac - year;
-  // Inverse of: (month-1)/12 + (day-1)/365 + hour/8760 + minute/525600
-  const monthFrac = remainder * 12;
-  const month = Math.floor(monthFrac); // 0-based
-  const monthRemainder = remainder - month / 12;
-  const dayFrac = monthRemainder * 365; // fractional day-of-year offset
-  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);
-}
-
-/** Convert a Date to a fractional year number. */
-function dateToFractionalYear(d: Date): number {
-  return (
-    d.getFullYear() +
-    d.getMonth() / 12 +
-    (d.getDate() - 1) / 365 +
-    d.getHours() / 8760 +
-    d.getMinutes() / 525600
-  );
-}
-
 /**
  * Adds a duration to a date string and returns the resulting date string.
  * Supports: d (days), w (weeks), m (months), y (years), h (hours), min (minutes)
@@ -2885,21 +2855,6 @@ function renderMarkers(
 // Timeline Time Scale
 // ============================================================
 
-const MONTH_ABBR = [
-  'Jan',
-  'Feb',
-  'Mar',
-  'Apr',
-  'May',
-  'Jun',
-  'Jul',
-  'Aug',
-  'Sep',
-  'Oct',
-  'Nov',
-  'Dec',
-];
-
 /**
  * Converts a DSL date string (YYYY, YYYY-MM, YYYY-MM-DD, or YYYY-MM-DD HH:MM) to a human-readable label.
  *   '1718'              → '1718'
@@ -2947,173 +2902,6 @@ function formatBoundaryLabel(dateStr: string, otherDateStr: string): string {
   return formatDateLabel(dateStr);
 }
 
-/**
- * Computes adaptive tick marks for a timeline scale.
- * - Multi-year spans → year ticks
- * - Within ~1 year → month ticks
- * - Within ~3 months → week ticks (1st, 8th, 15th, 22nd)
- *
- * Optional boundary parameters add ticks at exact data start/end:
- * - boundaryStart/boundaryEnd: numeric date values
- * - boundaryStartLabel/boundaryEndLabel: formatted labels for those dates
- */
-export function computeTimeTicks(
-  domainMin: number,
-  domainMax: number,
-  scale: d3Scale.ScaleLinear<number, number>,
-  boundaryStart?: number,
-  boundaryEnd?: number,
-  boundaryStartLabel?: string,
-  boundaryEndLabel?: string
-): { pos: number; label: string }[] {
-  const minYear = Math.floor(domainMin);
-  const maxYear = Math.floor(domainMax);
-  const span = domainMax - domainMin;
-
-  let ticks: { pos: number; label: string }[] = [];
-
-  // Year ticks for multi-year spans (need at least 2 boundaries)
-  const firstYear = Math.ceil(domainMin);
-  const lastYear = Math.floor(domainMax);
-  if (lastYear >= firstYear + 1) {
-    // Decimate ticks for long spans so labels don't overlap
-    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;
-
-    // Align to step boundary so ticks land on round years (1700, 1710, …)
-    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) {
-    // Month ticks for spans > ~3 months
-    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 <= 0.000685) {
-    // Minute ticks for spans ≤ ~6 hours
-    // Adaptive step: >3h → 30min, >1h → 15min, >30min → 10min, else 5min
-    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;
-
-    // Iterate from the start hour boundary
-    const startDate = fractionalYearToDate(domainMin);
-    // Round down to nearest step boundary
-    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 <= 0.00822) {
-    // Hour ticks for spans ≤ ~3 days
-    // Adaptive step: >2d → 6h, >1d → 3h, >12h → 2h, else 1h
-    let stepHour = 1;
-    const spanHours = span * 8760;
-    if (spanHours > 48) stepHour = 6;
-    else if (spanHours > 24) stepHour = 3;
-    else if (spanHours > 12) stepHour = 2;
-
-    // For single-day spans, just show HH:MM without the date prefix
-    const singleDay = spanHours <= 24;
-
-    const startDate = fractionalYearToDate(domainMin);
-    // Round down to nearest step boundary
-    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 {
-    // Week ticks for spans ≤ ~3 months (1st, 8th, 15th, 22nd of each month)
-    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}`,
-            });
-          }
-        }
-      }
-    }
-  }
-
-  // Add boundary ticks at exact data start/end if provided
-  // When a boundary tick collides with a standard tick, replace the standard tick
-  const collisionThreshold = 40; // pixels
-
-  if (boundaryStart !== undefined && boundaryStartLabel) {
-    const boundaryPos = scale(boundaryStart);
-    // Remove any standard ticks that would collide with the start boundary
-    ticks = ticks.filter(
-      (t) => Math.abs(t.pos - boundaryPos) >= collisionThreshold
-    );
-    ticks.unshift({ pos: boundaryPos, label: boundaryStartLabel });
-  }
-
-  if (boundaryEnd !== undefined && boundaryEndLabel) {
-    const boundaryPos = scale(boundaryEnd);
-    // Remove any standard ticks that would collide with the end boundary
-    ticks = ticks.filter(
-      (t) => Math.abs(t.pos - boundaryPos) >= collisionThreshold
-    );
-    ticks.push({ pos: boundaryPos, label: boundaryEndLabel });
-  }
-
-  return ticks;
-}
-
 /**
  * Renders adaptive tick marks along the time axis.
  * Optional boundary parameters add ticks at exact data start/end.
@@ -6678,8 +6466,7 @@ function createExportContainer(width: number, height: number): HTMLDivElement {
 function finalizeSvgExport(
   container: HTMLDivElement,
   theme: string,
-  palette: PaletteColors,
-  options?: { branding?: boolean }
+  palette: PaletteColors
 ): string {
   const svgEl = container.querySelector('svg');
   if (!svgEl) return '';
@@ -6694,10 +6481,6 @@ function finalizeSvgExport(
   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;
 }
 
@@ -6716,7 +6499,6 @@ export async function renderForExport(
     swimlaneTagGroup?: string | null;
   },
   options?: {
-    branding?: boolean;
     c4Level?: 'context' | 'containers' | 'components' | 'deployment';
     c4System?: string;
     c4Container?: string;
@@ -6778,7 +6560,7 @@ export async function renderForExport(
       activeTagGroup,
       hiddenAttributes
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'sitemap') {
@@ -6832,7 +6614,7 @@ export async function renderForExport(
       activeTagGroup,
       hiddenAttributes
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'kanban') {
@@ -6856,7 +6638,7 @@ export async function renderForExport(
         options?.tagGroup
       ),
     });
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'class') {
@@ -6884,7 +6666,7 @@ export async function renderForExport(
       undefined,
       { width: exportWidth, height: exportHeight }
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'er') {
@@ -6917,7 +6699,7 @@ export async function renderForExport(
         options?.tagGroup
       )
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'boxes-and-lines') {
@@ -6948,7 +6730,7 @@ export async function renderForExport(
         activeTagGroup: options?.tagGroup,
       }
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'c4') {
@@ -7009,7 +6791,7 @@ export async function renderForExport(
         options?.tagGroup
       )
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'flowchart') {
@@ -7033,7 +6815,7 @@ export async function renderForExport(
       undefined,
       { width: EXPORT_WIDTH, height: EXPORT_HEIGHT }
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'infra') {
@@ -7086,7 +6868,7 @@ export async function renderForExport(
       infraSvg.setAttribute('width', String(exportWidth));
       infraSvg.setAttribute('height', String(exportHeight));
     }
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'gantt') {
@@ -7111,7 +6893,7 @@ export async function renderForExport(
       undefined,
       { width: EXPORT_W, height: EXPORT_H }
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   if (detectedType === 'state') {
@@ -7135,7 +6917,7 @@ export async function renderForExport(
       undefined,
       { width: EXPORT_WIDTH, height: EXPORT_HEIGHT }
     );
-    return finalizeSvgExport(container, theme, effectivePalette, options);
+    return finalizeSvgExport(container, theme, effectivePalette);
   }
 
   const parsed = parseVisualization(content, palette);
@@ -7235,5 +7017,5 @@ export async function renderForExport(
     );
   }
 
-  return finalizeSvgExport(container, theme, effectivePalette, options);
+  return finalizeSvgExport(container, theme, effectivePalette);
 }