@diagrammo/dgmo 0.2.26 → 0.2.28

package/dist/index.cjs

@@ -1549,6 +1549,96 @@ var init_participant_inference = __esm({
   }
 });
 
+// src/utils/arrows.ts
+function parseArrow(line7) {
+  const patterns = [
+    { re: BIDI_SYNC_LABELED_RE, async: false, bidirectional: true },
+    { re: BIDI_ASYNC_LABELED_RE, async: true, bidirectional: true },
+    { re: SYNC_LABELED_RE, async: false, bidirectional: false },
+    { re: ASYNC_LABELED_RE, async: true, bidirectional: false }
+  ];
+  for (const { re, async: isAsync, bidirectional } of patterns) {
+    const m = line7.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,
+      bidirectional
+    };
+  }
+  return null;
+}
+var BIDI_SYNC_LABELED_RE, BIDI_ASYNC_LABELED_RE, SYNC_LABELED_RE, ASYNC_LABELED_RE, ARROW_CHARS;
+var init_arrows = __esm({
+  "src/utils/arrows.ts"() {
+    "use strict";
+    BIDI_SYNC_LABELED_RE = /^(\S+)\s+<-(.+)->\s+(\S+)$/;
+    BIDI_ASYNC_LABELED_RE = /^(\S+)\s+<~(.+)~>\s+(\S+)$/;
+    SYNC_LABELED_RE = /^(\S+)\s+-(.+)->\s+(\S+)$/;
+    ASYNC_LABELED_RE = /^(\S+)\s+~(.+)~>\s+(\S+)$/;
+    ARROW_CHARS = ["->", "~>", "<->", "<~>"];
+  }
+});
+
+// src/utils/parsing.ts
+function measureIndent(line7) {
+  let indent = 0;
+  for (const ch of line7) {
+    if (ch === " ") indent++;
+    else if (ch === "	") indent += 4;
+    else break;
+  }
+  return indent;
+}
+function extractColor(label, palette) {
+  const m = label.match(COLOR_SUFFIX_RE);
+  if (!m) return { label };
+  const colorName = m[1].trim();
+  return {
+    label: label.substring(0, m.index).trim(),
+    color: resolveColor(colorName, palette)
+  };
+}
+function parsePipeMetadata(segments, aliasMap = /* @__PURE__ */ new Map()) {
+  const metadata = {};
+  for (let j = 1; j < segments.length; j++) {
+    for (const part of segments[j].split(",")) {
+      const trimmedPart = part.trim();
+      if (!trimmedPart) continue;
+      const colonIdx = trimmedPart.indexOf(":");
+      if (colonIdx > 0) {
+        const rawKey = trimmedPart.substring(0, colonIdx).trim().toLowerCase();
+        const key = aliasMap.get(rawKey) ?? rawKey;
+        const value = trimmedPart.substring(colonIdx + 1).trim();
+        metadata[key] = value;
+      }
+    }
+  }
+  return metadata;
+}
+var COLOR_SUFFIX_RE, CHART_TYPE_RE, TITLE_RE, OPTION_RE;
+var init_parsing = __esm({
+  "src/utils/parsing.ts"() {
+    "use strict";
+    init_colors();
+    COLOR_SUFFIX_RE = /\(([^)]+)\)\s*$/;
+    CHART_TYPE_RE = /^chart\s*:\s*(.+)/i;
+    TITLE_RE = /^title\s*:\s*(.+)/i;
+    OPTION_RE = /^([a-z][a-z0-9-]*)\s*:\s*(.+)$/i;
+  }
+});
+
 // src/sequence/parser.ts
 var parser_exports = {};
 __export(parser_exports, {
@@ -1590,15 +1680,6 @@ function parseReturnLabel(rawLabel) {
   }
   return { label: rawLabel };
 }
-function measureIndent(line7) {
-  let indent = 0;
-  for (const ch of line7) {
-    if (ch === " ") indent++;
-    else if (ch === "	") indent += 4;
-    else break;
-  }
-  return indent;
-}
 function parseSequenceDgmo(content) {
   const result = {
     title: null,
@@ -1820,6 +1901,86 @@ function parseSequenceDgmo(content) {
       pushError(lineNumber, "Use ~> for async messages: A ~> B: message");
       continue;
     }
+    const labeledArrow = parseArrow(trimmed);
+    if (labeledArrow && "error" in labeledArrow) {
+      pushError(lineNumber, labeledArrow.error);
+      continue;
+    }
+    if (labeledArrow) {
+      contentStarted = true;
+      const { from, to, label, async: isAsync2, bidirectional } = labeledArrow;
+      lastMsgFrom = from;
+      const msg = {
+        from,
+        to,
+        label,
+        returnLabel: void 0,
+        lineNumber,
+        ...isAsync2 ? { async: true } : {},
+        ...bidirectional ? { bidirectional: true } : {}
+      };
+      result.messages.push(msg);
+      currentContainer().push(msg);
+      if (!result.participants.some((p) => p.id === from)) {
+        result.participants.push({
+          id: from,
+          label: from,
+          type: inferParticipantType(from),
+          lineNumber
+        });
+      }
+      if (!result.participants.some((p) => p.id === to)) {
+        result.participants.push({
+          id: to,
+          label: to,
+          type: inferParticipantType(to),
+          lineNumber
+        });
+      }
+      continue;
+    }
+    const bidiSyncMatch = trimmed.match(
+      /^(\S+)\s*<->\s*([^\s:]+)\s*(?::\s*(.+))?$/
+    );
+    const bidiAsyncMatch = trimmed.match(
+      /^(\S+)\s*<~>\s*([^\s:]+)\s*(?::\s*(.+))?$/
+    );
+    const bidiMatch = bidiSyncMatch || bidiAsyncMatch;
+    if (bidiMatch) {
+      contentStarted = true;
+      const from = bidiMatch[1];
+      const to = bidiMatch[2];
+      lastMsgFrom = from;
+      const rawLabel = bidiMatch[3]?.trim() || "";
+      const isBidiAsync = !!bidiAsyncMatch;
+      const msg = {
+        from,
+        to,
+        label: rawLabel,
+        lineNumber,
+        bidirectional: true,
+        ...isBidiAsync ? { async: true } : {}
+      };
+      result.messages.push(msg);
+      currentContainer().push(msg);
+      if (!result.participants.some((p) => p.id === from)) {
+        result.participants.push({
+          id: from,
+          label: from,
+          type: inferParticipantType(from),
+          lineNumber
+        });
+      }
+      if (!result.participants.some((p) => p.id === to)) {
+        result.participants.push({
+          id: to,
+          label: to,
+          type: inferParticipantType(to),
+          lineNumber
+        });
+      }
+      continue;
+    }
     let isAsync = false;
     const asyncArrowMatch = trimmed.match(
       /^(\S+)\s*~>\s*([^\s:]+)\s*(?::\s*(.+))?$/
@@ -2057,6 +2218,8 @@ var init_parser = __esm({
     "use strict";
     init_participant_inference();
     init_diagnostics();
+    init_arrows();
+    init_parsing();
     VALID_PARTICIPANT_TYPES = /* @__PURE__ */ new Set([
       "service",
       "database",
@@ -2072,7 +2235,7 @@ var init_parser = __esm({
     POSITION_ONLY_PATTERN = /^(\S+)\s+position\s+(-?\d+)$/i;
     GROUP_HEADING_PATTERN = /^##\s+(.+?)(?:\(([^)]+)\))?\s*$/;
     SECTION_PATTERN = /^==\s+(.+?)(?:\s*==)?\s*$/;
-    ARROW_PATTERN = /\S+\s*(?:->|~>)\s*\S+/;
+    ARROW_PATTERN = /\S+\s*(?:<->|<~>|->|~>|-\S+->|~\S+~>|<-\S+->|<~\S+~>)\s*\S+/;
     ARROW_RETURN_PATTERN = /^(.+?)\s*<-\s*(.+)$/;
     UML_RETURN_PATTERN = /^(\w+\([^)]*\))\s*:\s*(.+)$/;
     NOTE_SINGLE = /^note(?:\s+(right|left)\s+of\s+(\S+))?\s*:\s*(.+)$/i;
@@ -2086,27 +2249,9 @@ __export(flowchart_parser_exports, {
   looksLikeFlowchart: () => looksLikeFlowchart,
   parseFlowchart: () => parseFlowchart
 });
-function measureIndent2(line7) {
-  let indent = 0;
-  for (const ch of line7) {
-    if (ch === " ") indent++;
-    else if (ch === "	") indent += 4;
-    else break;
-  }
-  return indent;
-}
 function nodeId(shape, label) {
   return `${shape}:${label.toLowerCase().trim()}`;
 }
-function extractColor(label, palette) {
-  const m = label.match(COLOR_SUFFIX_RE);
-  if (!m) return { label };
-  const colorName = m[1].trim();
-  return {
-    label: label.substring(0, m.index).trim(),
-    color: resolveColor(colorName, palette)
-  };
-}
 function parseNodeRef(text, palette) {
   const t = text.trim();
   if (!t) return null;
@@ -2221,7 +2366,8 @@ function parseFlowchart(content, palette) {
     nodes: [],
     edges: [],
     options: {},
-    diagnostics: []
+    diagnostics: [],
+    error: null
   };
   const fail = (line7, message) => {
     const diag = makeDgmoError(line7, message);
@@ -2323,7 +2469,7 @@ function parseFlowchart(content, palette) {
     const raw = lines[i];
     const trimmed = raw.trim();
     const lineNumber = i + 1;
-    const indent = measureIndent2(raw);
+    const indent = measureIndent(raw);
     if (!trimmed) continue;
     if (trimmed.startsWith("//")) continue;
     const groupMatch = trimmed.match(GROUP_HEADING_RE);
@@ -2400,13 +2546,13 @@ function looksLikeFlowchart(content) {
   /->[ \t]*[\[(<\/]/.test(content);
   return shapeNearArrow;
 }
-var COLOR_SUFFIX_RE, GROUP_HEADING_RE;
+var GROUP_HEADING_RE;
 var init_flowchart_parser = __esm({
   "src/graph/flowchart-parser.ts"() {
     "use strict";
     init_colors();
     init_diagnostics();
-    COLOR_SUFFIX_RE = /\(([^)]+)\)\s*$/;
+    init_parsing();
     GROUP_HEADING_RE = /^##\s+(.+?)(?:\(([^)]+)\))?\s*$/;
   }
 });
@@ -2417,15 +2563,6 @@ __export(parser_exports2, {
   looksLikeClassDiagram: () => looksLikeClassDiagram,
   parseClassDiagram: () => parseClassDiagram
 });
-function measureIndent3(line7) {
-  let indent = 0;
-  for (const ch of line7) {
-    if (ch === " ") indent++;
-    else if (ch === "	") indent += 4;
-    else break;
-  }
-  return indent;
-}
 function classId(name) {
   return name.toLowerCase().trim();
 }
@@ -2500,7 +2637,8 @@ function parseClassDiagram(content, palette) {
     classes: [],
     relationships: [],
     options: {},
-    diagnostics: []
+    diagnostics: [],
+    error: null
   };
   const fail = (line7, message) => {
     const diag = makeDgmoError(line7, message);
@@ -2529,7 +2667,7 @@ function parseClassDiagram(content, palette) {
     const raw = lines[i];
     const trimmed = raw.trim();
     const lineNumber = i + 1;
-    const indent = measureIndent3(raw);
+    const indent = measureIndent(raw);
     if (!trimmed) {
       if (indent === 0) currentClass = null;
       continue;
@@ -2649,7 +2787,7 @@ function looksLikeClassDiagram(content) {
     const trimmed = line7.trim();
     if (!trimmed || trimmed.startsWith("//")) continue;
     if (/^(chart|title)\s*:/i.test(trimmed)) continue;
-    const indent = measureIndent3(line7);
+    const indent = measureIndent(line7);
     if (indent === 0) {
       if (/^[A-Z][A-Za-z0-9_]*\s+\[(abstract|interface|enum)\]/i.test(trimmed)) {
         hasModifier = true;
@@ -2680,6 +2818,7 @@ var init_parser2 = __esm({
     "use strict";
     init_colors();
     init_diagnostics();
+    init_parsing();
     CLASS_DECL_RE = /^([A-Z][A-Za-z0-9_]*)(?:\s+\[(abstract|interface|enum)\])?(?:\s+\(([^)]+)\))?\s*$/;
     REL_KEYWORD_RE = /^([A-Z][A-Za-z0-9_]*)\s+(extends|implements|contains|has|uses)\s+([A-Z][A-Za-z0-9_]*)(?:\s*:\s*(.+))?$/;
     REL_ARROW_RE = /^([A-Z][A-Za-z0-9_]*)\s+(--\|>|\.\.\|>|\*--|o--|\.\.\>|->)\s+([A-Z][A-Za-z0-9_]*)(?:\s*:\s*(.+))?$/;
@@ -2711,22 +2850,14 @@ __export(parser_exports3, {
   looksLikeERDiagram: () => looksLikeERDiagram,
   parseERDiagram: () => parseERDiagram
 });
-function measureIndent4(line7) {
-  let indent = 0;
-  for (const ch of line7) {
-    if (ch === " ") indent++;
-    else if (ch === "	") indent += 4;
-    else break;
-  }
-  return indent;
-}
 function tableId(name) {
   return name.toLowerCase().trim();
 }
 function parseCardSide(token) {
-  return CARD_WORD[token.toLowerCase()] ?? null;
+  if (token === "1" || token === "*" || token === "?") return token;
+  return null;
 }
-function parseRelationship(trimmed) {
+function parseRelationship(trimmed, lineNumber, pushError) {
   const sym = trimmed.match(REL_SYMBOLIC_RE);
   if (sym) {
     const fromCard = parseCardSide(sym[2]);
@@ -2743,17 +2874,13 @@ function parseRelationship(trimmed) {
   }
   const kw = trimmed.match(REL_KEYWORD_RE2);
   if (kw) {
-    const fromCard = parseCardSide(kw[2]);
-    const toCard = parseCardSide(kw[3]);
-    if (fromCard && toCard) {
-      return {
-        source: kw[1],
-        target: kw[4],
-        from: fromCard,
-        to: toCard,
-        label: kw[5]?.trim()
-      };
-    }
+    const fromSym = KEYWORD_TO_SYMBOL[kw[2].toLowerCase()] ?? kw[2];
+    const toSym = KEYWORD_TO_SYMBOL[kw[3].toLowerCase()] ?? kw[3];
+    pushError(
+      lineNumber,
+      `Use symbolic cardinality (1--*, ?--1, *--*) instead of "${kw[2]}-to-${kw[3]}". Example: ${kw[1]} ${fromSym}--${toSym} ${kw[4]}`
+    );
+    return null;
   }
   return null;
 }
@@ -2773,7 +2900,8 @@ function parseERDiagram(content, palette) {
     options: {},
     tables: [],
     relationships: [],
-    diagnostics: []
+    diagnostics: [],
+    error: null
   };
   const fail = (line7, message) => {
     const diag = makeDgmoError(line7, message);
@@ -2781,6 +2909,11 @@ function parseERDiagram(content, palette) {
     result.error = formatDgmoError(diag);
     return result;
   };
+  const pushError = (line7, message) => {
+    const diag = makeDgmoError(line7, message);
+    result.diagnostics.push(diag);
+    if (!result.error) result.error = formatDgmoError(diag);
+  };
   const tableMap = /* @__PURE__ */ new Map();
   let currentTable = null;
   let contentStarted = false;
@@ -2802,7 +2935,7 @@ function parseERDiagram(content, palette) {
     const raw = lines[i];
     const trimmed = raw.trim();
     const lineNumber = i + 1;
-    const indent = measureIndent4(raw);
+    const indent = measureIndent(raw);
     if (!trimmed) {
       if (indent === 0) currentTable = null;
       continue;
@@ -2851,7 +2984,7 @@ function parseERDiagram(content, palette) {
     }
     currentTable = null;
     contentStarted = true;
-    const rel = parseRelationship(trimmed);
+    const rel = parseRelationship(trimmed, lineNumber, pushError);
     if (rel) {
       getOrCreateTable(rel.source, lineNumber);
       getOrCreateTable(rel.target, lineNumber);
@@ -2904,7 +3037,7 @@ function looksLikeERDiagram(content) {
     const trimmed = line7.trim();
     if (!trimmed || trimmed.startsWith("//")) continue;
     if (/^(chart|title|notation)\s*:/i.test(trimmed)) continue;
-    const indent = measureIndent4(line7);
+    const indent = measureIndent(line7);
     if (indent > 0) {
       if (/\[(pk|fk)\]/i.test(trimmed)) {
         hasConstraint = true;
@@ -2913,7 +3046,7 @@ function looksLikeERDiagram(content) {
       if (TABLE_DECL_RE.test(trimmed)) {
         hasTableDecl = true;
       }
-      if (REL_SYMBOLIC_RE.test(trimmed) || REL_KEYWORD_RE2.test(trimmed)) {
+      if (REL_SYMBOLIC_RE.test(trimmed)) {
         hasRelationship = true;
       }
     }
@@ -2922,12 +3055,13 @@ function looksLikeERDiagram(content) {
   if (hasRelationship && hasTableDecl && hasConstraint) return true;
   return false;
 }
-var TABLE_DECL_RE, COLUMN_RE, CONSTRAINT_MAP, CARD_WORD, REL_SYMBOLIC_RE, REL_KEYWORD_RE2;
+var TABLE_DECL_RE, COLUMN_RE, CONSTRAINT_MAP, REL_SYMBOLIC_RE, REL_KEYWORD_RE2, KEYWORD_TO_SYMBOL;
 var init_parser3 = __esm({
   "src/er/parser.ts"() {
     "use strict";
     init_colors();
     init_diagnostics();
+    init_parsing();
     TABLE_DECL_RE = /^([a-zA-Z_]\w*)(?:\s+\(([^)]+)\))?\s*$/;
     COLUMN_RE = /^(\w+)(?:\s*:\s*(\w[\w()]*(?:\s*\[\])?))?(?:\s+\[([^\]]+)\])?\s*$/;
     CONSTRAINT_MAP = {
@@ -2936,16 +3070,13 @@ var init_parser3 = __esm({
       unique: "unique",
       nullable: "nullable"
     };
-    CARD_WORD = {
+    REL_SYMBOLIC_RE = /^([a-zA-Z_]\w*)\s+([1*?])\s*-{1,2}\s*([1*?])\s+([a-zA-Z_]\w*)(?:\s*:\s*(.+))?$/;
+    REL_KEYWORD_RE2 = /^([a-zA-Z_]\w*)\s+(one|many|zero)[- ]to[- ](one|many|zero)\s+([a-zA-Z_]\w*)(?:\s*:\s*(.+))?$/i;
+    KEYWORD_TO_SYMBOL = {
       one: "1",
       many: "*",
-      "1": "1",
-      "*": "*",
-      "?": "?",
       zero: "?"
     };
-    REL_SYMBOLIC_RE = /^([a-zA-Z_]\w*)\s+([1*?])\s*-{1,2}\s*([1*?])\s+([a-zA-Z_]\w*)(?:\s*:\s*(.+))?$/;
-    REL_KEYWORD_RE2 = /^([a-zA-Z_]\w*)\s+(one|many|zero|1|\*|\?)[- ]to[- ](one|many|zero|1|\*|\?)\s+([a-zA-Z_]\w*)(?:\s*:\s*(.+))?$/i;
   }
 });
 
@@ -2955,7 +3086,8 @@ function parseChart(content, palette) {
   const result = {
     type: "bar",
     data: [],
-    diagnostics: []
+    diagnostics: [],
+    error: null
   };
   const fail = (line7, message) => {
     const diag = makeDgmoError(line7, message);
@@ -2968,7 +3100,7 @@ function parseChart(content, palette) {
     const lineNumber = i + 1;
     if (!trimmed) continue;
     if (/^#{2,}\s+/.test(trimmed)) continue;
-    if (trimmed.startsWith("#") || trimmed.startsWith("//")) continue;
+    if (trimmed.startsWith("//")) continue;
     const colonIndex = trimmed.indexOf(":");
     if (colonIndex === -1) continue;
     const key = trimmed.substring(0, colonIndex).trim().toLowerCase();
@@ -3126,7 +3258,8 @@ function parseEChart(content, palette) {
   const result = {
     type: "scatter",
     data: [],
-    diagnostics: []
+    diagnostics: [],
+    error: null
   };
   let currentCategory = "Default";
   for (let i = 0; i < lines.length; i++) {
@@ -3146,7 +3279,7 @@ function parseEChart(content, palette) {
       currentCategory = catName;
       continue;
     }
-    if (trimmed.startsWith("#") || trimmed.startsWith("//")) continue;
+    if (trimmed.startsWith("//")) continue;
     const categoryMatch = trimmed.match(/^\[(.+)\]$/);
     if (categoryMatch) {
       currentCategory = categoryMatch[1].trim();
@@ -3775,7 +3908,7 @@ function buildScatterOption(parsed, palette, textColor, axisLineColor, gridOpaci
       }
     },
     grid: {
-      left: parsed.ylabel ? "5%" : "3%",
+      left: parsed.ylabel ? "12%" : "3%",
       right: "4%",
       bottom: hasCategories ? "15%" : parsed.xlabel ? "10%" : "3%",
       top: parsed.title ? "15%" : "5%",
@@ -4047,17 +4180,26 @@ function resolveAxisLabels(parsed) {
     yLabel: parsed.ylabel ?? (isHorizontal ? void 0 : parsed.label)
   };
 }
-function makeGridAxis(type, textColor, axisLineColor, splitLineColor, gridOpacity, label, data) {
+function makeGridAxis(type, textColor, axisLineColor, splitLineColor, gridOpacity, label, data, nameGapOverride) {
+  const defaultGap = type === "value" ? 75 : 40;
   return {
     type,
     ...data && { data },
     axisLine: { lineStyle: { color: axisLineColor } },
-    axisLabel: { color: textColor, fontSize: 16, fontFamily: FONT_FAMILY },
+    axisLabel: {
+      color: textColor,
+      fontSize: type === "category" && data ? data.length > 10 ? 11 : data.length > 5 ? 12 : 16 : 16,
+      fontFamily: FONT_FAMILY,
+      ...type === "category" && {
+        interval: 0,
+        formatter: (value) => value.replace(/([a-z])([A-Z])/g, "$1\n$2").replace(/ /g, "\n")
+      }
+    },
     splitLine: { lineStyle: { color: splitLineColor, opacity: gridOpacity } },
     ...label && {
       name: label,
       nameLocation: "middle",
-      nameGap: 40,
+      nameGap: nameGapOverride ?? defaultGap,
       nameTextStyle: { color: textColor, fontSize: 18, fontFamily: FONT_FAMILY }
     }
   };
@@ -4112,7 +4254,8 @@ function buildBarOption(parsed, textColor, axisLineColor, splitLineColor, gridOp
     value: d.value,
     itemStyle: { color: d.color ?? colors[i % colors.length] }
   }));
-  const categoryAxis = makeGridAxis("category", textColor, axisLineColor, splitLineColor, gridOpacity, isHorizontal ? yLabel : xLabel, labels);
+  const hCatGap = isHorizontal && yLabel ? Math.max(40, Math.max(...labels.map((l) => l.length)) * 8 + 16) : void 0;
+  const categoryAxis = makeGridAxis("category", textColor, axisLineColor, splitLineColor, gridOpacity, isHorizontal ? yLabel : xLabel, labels, hCatGap);
   const valueAxis = makeGridAxis("value", textColor, axisLineColor, splitLineColor, gridOpacity, isHorizontal ? xLabel : yLabel);
   return {
     backgroundColor: "transparent",
@@ -4124,7 +4267,7 @@ function buildBarOption(parsed, textColor, axisLineColor, splitLineColor, gridOp
       axisPointer: { type: "shadow" }
     },
     grid: {
-      left: yLabel ? "5%" : "3%",
+      left: yLabel ? "12%" : "3%",
       right: "4%",
       bottom: xLabel ? "10%" : "3%",
       top: parsed.title ? "15%" : "5%",
@@ -4159,7 +4302,7 @@ function buildLineOption(parsed, palette, textColor, axisLineColor, splitLineCol
       axisPointer: { type: "line" }
     },
     grid: {
-      left: yLabel ? "5%" : "3%",
+      left: yLabel ? "12%" : "3%",
       right: "4%",
       bottom: xLabel ? "10%" : "3%",
       top: parsed.title ? "15%" : "5%",
@@ -4221,7 +4364,7 @@ function buildMultiLineOption(parsed, textColor, axisLineColor, splitLineColor,
       textStyle: { color: textColor }
     },
     grid: {
-      left: yLabel ? "5%" : "3%",
+      left: yLabel ? "12%" : "3%",
       right: "4%",
       bottom: "15%",
       top: parsed.title ? "15%" : "5%",
@@ -4247,7 +4390,7 @@ function buildAreaOption(parsed, palette, textColor, axisLineColor, splitLineCol
       axisPointer: { type: "line" }
     },
     grid: {
-      left: yLabel ? "5%" : "3%",
+      left: yLabel ? "12%" : "3%",
       right: "4%",
       bottom: xLabel ? "10%" : "3%",
       top: parsed.title ? "15%" : "5%",
@@ -4444,7 +4587,8 @@ function buildBarStackedOption(parsed, textColor, axisLineColor, splitLineColor,
       }
     };
   });
-  const categoryAxis = makeGridAxis("category", textColor, axisLineColor, splitLineColor, gridOpacity, isHorizontal ? yLabel : xLabel, labels);
+  const hCatGap = isHorizontal && yLabel ? Math.max(40, Math.max(...labels.map((l) => l.length)) * 8 + 16) : void 0;
+  const categoryAxis = makeGridAxis("category", textColor, axisLineColor, splitLineColor, gridOpacity, isHorizontal ? yLabel : xLabel, labels, hCatGap);
   const valueAxis = makeGridAxis("value", textColor, axisLineColor, splitLineColor, gridOpacity, isHorizontal ? xLabel : yLabel);
   return {
     backgroundColor: "transparent",
@@ -4461,7 +4605,7 @@ function buildBarStackedOption(parsed, textColor, axisLineColor, splitLineColor,
       textStyle: { color: textColor }
     },
     grid: {
-      left: yLabel ? "5%" : "3%",
+      left: yLabel ? "12%" : "3%",
       right: "4%",
       bottom: "15%",
       top: parsed.title ? "15%" : "5%",
@@ -4540,35 +4684,51 @@ var init_echarts = __esm({
   }
 });
 
+// src/utils/tag-groups.ts
+function isTagBlockHeading(trimmed) {
+  return TAG_BLOCK_RE.test(trimmed) || GROUP_HEADING_RE2.test(trimmed);
+}
+function matchTagBlockHeading(trimmed) {
+  const tagMatch = trimmed.match(TAG_BLOCK_RE);
+  if (tagMatch) {
+    return {
+      name: tagMatch[1].trim(),
+      alias: tagMatch[2] || void 0,
+      colorHint: tagMatch[3] || void 0,
+      deprecated: false
+    };
+  }
+  const groupMatch = trimmed.match(GROUP_HEADING_RE2);
+  if (groupMatch) {
+    return {
+      name: groupMatch[1].trim(),
+      alias: groupMatch[2] || void 0,
+      colorHint: groupMatch[3] || void 0,
+      deprecated: true
+    };
+  }
+  return null;
+}
+var TAG_BLOCK_RE, GROUP_HEADING_RE2;
+var init_tag_groups = __esm({
+  "src/utils/tag-groups.ts"() {
+    "use strict";
+    TAG_BLOCK_RE = /^tag:\s+(.+?)(?:\s+alias\s+(\w+))?(?:\s*\(([^)]+)\))?\s*$/i;
+    GROUP_HEADING_RE2 = /^##\s+(.+?)(?:\s+alias\s+(\w+))?(?:\s*\(([^)]+)\))?\s*$/;
+  }
+});
+
 // src/org/parser.ts
 var parser_exports4 = {};
 __export(parser_exports4, {
   looksLikeOrg: () => looksLikeOrg,
   parseOrg: () => parseOrg
 });
-function measureIndent5(line7) {
-  let indent = 0;
-  for (const ch of line7) {
-    if (ch === " ") indent++;
-    else if (ch === "	") indent += 4;
-    else break;
-  }
-  return indent;
-}
-function extractColor2(label, palette) {
-  const m = label.match(COLOR_SUFFIX_RE2);
-  if (!m) return { label };
-  const colorName = m[1].trim();
-  return {
-    label: label.substring(0, m.index).trim(),
-    color: resolveColor(colorName, palette)
-  };
-}
 function looksLikeOrg(content) {
   for (const line7 of content.split("\n")) {
     const trimmed = line7.trim();
     if (!trimmed || trimmed.startsWith("//")) continue;
-    if (GROUP_HEADING_RE2.test(trimmed)) return true;
+    if (isTagBlockHeading(trimmed)) return true;
   }
   return false;
 }
@@ -4593,6 +4753,9 @@ function parseOrg(content, palette) {
     result.diagnostics.push(diag);
     if (!result.error) result.error = formatDgmoError(diag);
   };
+  const pushWarning = (line7, message) => {
+    result.diagnostics.push(makeDgmoError(line7, message, "warning"));
+  };
   if (!content || !content.trim()) {
     return fail(0, "No content provided");
   }
@@ -4636,42 +4799,43 @@ function parseOrg(content, palette) {
         continue;
       }
     }
-    if (!contentStarted && !currentTagGroup && measureIndent5(line7) === 0) {
-      const optMatch = trimmed.match(OPTION_RE);
-      if (optMatch && !trimmed.startsWith("##")) {
-        const key = optMatch[1].trim().toLowerCase();
-        if (key !== "chart" && key !== "title") {
-          result.options[key] = optMatch[2].trim();
-          continue;
-        }
-      }
-    }
-    const groupMatch = trimmed.match(GROUP_HEADING_RE2);
-    if (groupMatch) {
+    const tagBlockMatch = matchTagBlockHeading(trimmed);
+    if (tagBlockMatch) {
       if (contentStarted) {
-        pushError(lineNumber, "Tag groups (##) must appear before org content");
+        pushError(lineNumber, "Tag groups must appear before org content");
         continue;
       }
-      const groupName = groupMatch[1].trim();
-      const alias = groupMatch[2] || void 0;
+      if (tagBlockMatch.deprecated) {
+        pushWarning(lineNumber, `'## ${tagBlockMatch.name}' is deprecated for tag groups \u2014 use 'tag: ${tagBlockMatch.name}' instead`);
+      }
       currentTagGroup = {
-        name: groupName,
-        alias,
+        name: tagBlockMatch.name,
+        alias: tagBlockMatch.alias,
         entries: [],
         lineNumber
       };
-      if (alias) {
-        aliasMap.set(alias.toLowerCase(), groupName.toLowerCase());
+      if (tagBlockMatch.alias) {
+        aliasMap.set(tagBlockMatch.alias.toLowerCase(), tagBlockMatch.name.toLowerCase());
       }
       result.tagGroups.push(currentTagGroup);
       continue;
     }
+    if (!contentStarted && !currentTagGroup && measureIndent(line7) === 0) {
+      const optMatch = trimmed.match(OPTION_RE);
+      if (optMatch) {
+        const key = optMatch[1].trim().toLowerCase();
+        if (key !== "chart" && key !== "title") {
+          result.options[key] = optMatch[2].trim();
+          continue;
+        }
+      }
+    }
     if (currentTagGroup && !contentStarted) {
-      const indent2 = measureIndent5(line7);
+      const indent2 = measureIndent(line7);
       if (indent2 > 0) {
         const isDefault = /\bdefault\s*$/.test(trimmed);
         const entryText = isDefault ? trimmed.replace(/\s+default\s*$/, "").trim() : trimmed;
-        const { label, color } = extractColor2(entryText, palette);
+        const { label, color } = extractColor(entryText, palette);
         if (!color) {
           pushError(lineNumber, `Expected 'Value(color)' in tag group '${currentTagGroup.name}'`);
           continue;
@@ -4690,12 +4854,12 @@ function parseOrg(content, palette) {
     }
     contentStarted = true;
     currentTagGroup = null;
-    const indent = measureIndent5(line7);
+    const indent = measureIndent(line7);
     const containerMatch = trimmed.match(CONTAINER_RE);
     const metadataMatch = trimmed.includes("|") ? null : trimmed.match(METADATA_RE);
     if (containerMatch) {
       const rawLabel = containerMatch[1].trim();
-      const { label, color } = extractColor2(rawLabel, palette);
+      const { label, color } = extractColor(rawLabel, palette);
       containerCounter++;
       const node = {
         id: `container-${containerCounter}`,
@@ -4740,24 +4904,8 @@ function parseOrg(content, palette) {
 function parseNodeLabel(trimmed, _indent, lineNumber, palette, counter, aliasMap = /* @__PURE__ */ new Map()) {
   const segments = trimmed.split("|").map((s) => s.trim());
   let rawLabel = segments[0];
-  const { label, color } = extractColor2(rawLabel, palette);
-  const metadata = {};
-  const metaParts = [];
-  for (let j = 1; j < segments.length; j++) {
-    for (const part of segments[j].split(",")) {
-      const trimmedPart = part.trim();
-      if (trimmedPart) metaParts.push(trimmedPart);
-    }
-  }
-  for (const part of metaParts) {
-    const colonIdx = part.indexOf(":");
-    if (colonIdx > 0) {
-      const rawKey = part.substring(0, colonIdx).trim().toLowerCase();
-      const key = aliasMap.get(rawKey) ?? rawKey;
-      const value = part.substring(colonIdx + 1).trim();
-      metadata[key] = value;
-    }
-  }
+  const { label, color } = extractColor(rawLabel, palette);
+  const metadata = parsePipeMetadata(segments, aliasMap);
   return {
     id: `node-${counter}`,
     label,
@@ -4795,19 +4943,15 @@ function findMetadataParent(indent, indentStack) {
   }
   return null;
 }
-var COLOR_SUFFIX_RE2, GROUP_HEADING_RE2, CONTAINER_RE, METADATA_RE, CHART_TYPE_RE, TITLE_RE, OPTION_RE;
+var CONTAINER_RE, METADATA_RE;
 var init_parser4 = __esm({
   "src/org/parser.ts"() {
     "use strict";
-    init_colors();
     init_diagnostics();
-    COLOR_SUFFIX_RE2 = /\(([^)]+)\)\s*$/;
-    GROUP_HEADING_RE2 = /^##\s+(.+?)(?:\s+alias\s+(\w+))?(?:\s*\(([^)]+)\))?\s*$/;
+    init_tag_groups();
+    init_parsing();
     CONTAINER_RE = /^\[([^\]]+)\]$/;
     METADATA_RE = /^([^:]+):\s*(.+)$/;
-    CHART_TYPE_RE = /^chart\s*:\s*(.+)/i;
-    TITLE_RE = /^title\s*:\s*(.+)/i;
-    OPTION_RE = /^([a-z][a-z0-9-]*)\s*:\s*(.+)$/i;
   }
 });
 
@@ -4816,31 +4960,14 @@ var parser_exports5 = {};
 __export(parser_exports5, {
   parseKanban: () => parseKanban
 });
-function measureIndent6(line7) {
-  let indent = 0;
-  for (const ch of line7) {
-    if (ch === " ") indent++;
-    else if (ch === "	") indent += 4;
-    else break;
-  }
-  return indent;
-}
-function extractColor3(label, palette) {
-  const m = label.match(COLOR_SUFFIX_RE3);
-  if (!m) return { label };
-  const colorName = m[1].trim();
-  return {
-    label: label.substring(0, m.index).trim(),
-    color: resolveColor(colorName, palette)
-  };
-}
 function parseKanban(content, palette) {
   const result = {
     type: "kanban",
     columns: [],
     tagGroups: [],
     options: {},
-    diagnostics: []
+    diagnostics: [],
+    error: null
   };
   const fail = (line7, message) => {
     const diag = makeDgmoError(line7, message);
@@ -4873,7 +5000,7 @@ function parseKanban(content, palette) {
     }
     if (trimmed.startsWith("//")) continue;
     if (!contentStarted && !currentTagGroup) {
-      const chartMatch = trimmed.match(CHART_TYPE_RE2);
+      const chartMatch = trimmed.match(CHART_TYPE_RE);
       if (chartMatch) {
         const chartType = chartMatch[1].trim().toLowerCase();
         if (chartType !== "kanban") {
@@ -4897,16 +5024,35 @@ function parseKanban(content, palette) {
       }
     }
     if (!contentStarted && !currentTagGroup) {
-      const titleMatch = trimmed.match(TITLE_RE2);
+      const titleMatch = trimmed.match(TITLE_RE);
       if (titleMatch) {
         result.title = titleMatch[1].trim();
         result.titleLineNumber = lineNumber;
         continue;
       }
     }
-    if (!contentStarted && !currentTagGroup && measureIndent6(line7) === 0) {
-      const optMatch = trimmed.match(OPTION_RE2);
-      if (optMatch && !trimmed.startsWith("##") && !COLUMN_RE2.test(trimmed)) {
+    if (!contentStarted) {
+      const tagBlockMatch = matchTagBlockHeading(trimmed);
+      if (tagBlockMatch) {
+        if (tagBlockMatch.deprecated) {
+          warn(lineNumber, `'## ${tagBlockMatch.name}' is deprecated for tag groups \u2014 use 'tag: ${tagBlockMatch.name}' instead`);
+        }
+        currentTagGroup = {
+          name: tagBlockMatch.name,
+          alias: tagBlockMatch.alias,
+          entries: [],
+          lineNumber
+        };
+        if (tagBlockMatch.alias) {
+          aliasMap.set(tagBlockMatch.alias.toLowerCase(), tagBlockMatch.name.toLowerCase());
+        }
+        result.tagGroups.push(currentTagGroup);
+        continue;
+      }
+    }
+    if (!contentStarted && !currentTagGroup && measureIndent(line7) === 0) {
+      const optMatch = trimmed.match(OPTION_RE);
+      if (optMatch && !COLUMN_RE2.test(trimmed)) {
         const key = optMatch[1].trim().toLowerCase();
         if (key !== "chart" && key !== "title") {
           result.options[key] = optMatch[2].trim();
@@ -4914,28 +5060,12 @@ function parseKanban(content, palette) {
         }
       }
     }
-    const groupMatch = trimmed.match(GROUP_HEADING_RE3);
-    if (groupMatch && !contentStarted) {
-      const groupName = groupMatch[1].trim();
-      const alias = groupMatch[2] || void 0;
-      currentTagGroup = {
-        name: groupName,
-        alias,
-        entries: [],
-        lineNumber
-      };
-      if (alias) {
-        aliasMap.set(alias.toLowerCase(), groupName.toLowerCase());
-      }
-      result.tagGroups.push(currentTagGroup);
-      continue;
-    }
     if (currentTagGroup && !contentStarted) {
-      const indent2 = measureIndent6(line7);
+      const indent2 = measureIndent(line7);
       if (indent2 > 0) {
         const isDefault = /\bdefault\s*$/.test(trimmed);
         const entryText = isDefault ? trimmed.replace(/\s+default\s*$/, "").trim() : trimmed;
-        const { label, color } = extractColor3(entryText, palette);
+        const { label, color } = extractColor(entryText, palette);
         if (!color) {
           warn(
             lineNumber,
@@ -4969,7 +5099,7 @@ function parseKanban(content, palette) {
       columnCounter++;
       const rawColName = columnMatch[1].trim();
       const wipStr = columnMatch[2];
-      const { label: colName, color: colColor } = extractColor3(
+      const { label: colName, color: colColor } = extractColor(
         rawColName,
         palette
       );
@@ -4991,7 +5121,7 @@ function parseKanban(content, palette) {
       warn(lineNumber, "Card line found before any column");
       continue;
     }
-    const indent = measureIndent6(line7);
+    const indent = measureIndent(line7);
     if (indent > 0 && currentCard) {
       currentCard.details.push(trimmed);
       currentCard.endLineNumber = lineNumber;
@@ -5056,7 +5186,7 @@ function parseCardLine(trimmed, lineNumber, counter, aliasMap, palette) {
   } else {
     rawTitle = trimmed;
   }
-  const { label: title, color } = extractColor3(rawTitle, palette);
+  const { label: title, color } = extractColor(rawTitle, palette);
   const tags = {};
   if (tagsStr) {
     for (const part of tagsStr.split(",")) {
@@ -5079,18 +5209,14 @@ function parseCardLine(trimmed, lineNumber, counter, aliasMap, palette) {
     color
   };
 }
-var CHART_TYPE_RE2, TITLE_RE2, OPTION_RE2, GROUP_HEADING_RE3, COLUMN_RE2, COLOR_SUFFIX_RE3;
+var COLUMN_RE2;
 var init_parser5 = __esm({
   "src/kanban/parser.ts"() {
     "use strict";
-    init_colors();
     init_diagnostics();
-    CHART_TYPE_RE2 = /^chart\s*:\s*(.+)/i;
-    TITLE_RE2 = /^title\s*:\s*(.+)/i;
-    OPTION_RE2 = /^([a-z][a-z0-9-]*)\s*:\s*(.+)$/i;
-    GROUP_HEADING_RE3 = /^##\s+(.+?)(?:\s+alias\s+(\w+))?(?:\s*\(([^)]+)\))?\s*$/;
+    init_tag_groups();
+    init_parsing();
     COLUMN_RE2 = /^==\s+(.+?)\s*(?:\[wip:\s*(\d+)\])?\s*==$/;
-    COLOR_SUFFIX_RE3 = /\(([^)]+)\)\s*$/;
   }
 });
 
@@ -5099,24 +5225,6 @@ var parser_exports6 = {};
 __export(parser_exports6, {
   parseC4: () => parseC4
 });
-function measureIndent7(line7) {
-  let indent = 0;
-  for (const ch of line7) {
-    if (ch === " ") indent++;
-    else if (ch === "	") indent += 4;
-    else break;
-  }
-  return indent;
-}
-function extractColor4(label, palette) {
-  const m = label.match(COLOR_SUFFIX_RE4);
-  if (!m) return { label };
-  const colorName = m[1].trim();
-  return {
-    label: label.substring(0, m.index).trim(),
-    color: resolveColor(colorName, palette)
-  };
-}
 function participantTypeToC4Shape(pType) {
   switch (pType) {
     case "database":
@@ -5173,23 +5281,6 @@ function parseRelationshipBody(body) {
   }
   return { target, label: rest };
 }
-function parsePipeMetadata(segments, aliasMap) {
-  const metadata = {};
-  for (let j = 1; j < segments.length; j++) {
-    for (const part of segments[j].split(",")) {
-      const trimmedPart = part.trim();
-      if (!trimmedPart) continue;
-      const colonIdx = trimmedPart.indexOf(":");
-      if (colonIdx > 0) {
-        const rawKey = trimmedPart.substring(0, colonIdx).trim().toLowerCase();
-        const key = aliasMap.get(rawKey) ?? rawKey;
-        const value = trimmedPart.substring(colonIdx + 1).trim();
-        metadata[key] = value;
-      }
-    }
-  }
-  return metadata;
-}
 function parseC4(content, palette) {
   const result = {
     title: null,
@@ -5235,7 +5326,7 @@ function parseC4(content, palette) {
     }
     if (trimmed.startsWith("//")) continue;
     if (!contentStarted) {
-      const chartMatch = trimmed.match(CHART_TYPE_RE3);
+      const chartMatch = trimmed.match(CHART_TYPE_RE);
       if (chartMatch) {
         const chartType = chartMatch[1].trim().toLowerCase();
         if (chartType !== "c4") {
@@ -5249,49 +5340,50 @@ function parseC4(content, palette) {
       }
     }
     if (!contentStarted) {
-      const titleMatch = trimmed.match(TITLE_RE3);
+      const titleMatch = trimmed.match(TITLE_RE);
       if (titleMatch) {
         result.title = titleMatch[1].trim();
         result.titleLineNumber = lineNumber;
         continue;
       }
     }
-    if (!contentStarted && !currentTagGroup && measureIndent7(line7) === 0) {
-      const optMatch = trimmed.match(OPTION_RE3);
-      if (optMatch && !trimmed.startsWith("##")) {
-        const key = optMatch[1].trim().toLowerCase();
-        if (key !== "chart" && key !== "title") {
-          result.options[key] = optMatch[2].trim();
-          continue;
-        }
-      }
-    }
-    const groupMatch = trimmed.match(GROUP_HEADING_RE4);
-    if (groupMatch) {
+    const tagBlockMatch = matchTagBlockHeading(trimmed);
+    if (tagBlockMatch) {
       if (contentStarted) {
-        pushError(lineNumber, "Tag groups (##) must appear before content");
+        pushError(lineNumber, "Tag groups must appear before content");
         continue;
       }
-      const groupName = groupMatch[1].trim();
-      const alias = groupMatch[2] || void 0;
+      if (tagBlockMatch.deprecated) {
+        pushError(lineNumber, `'## ${tagBlockMatch.name}' is deprecated for tag groups \u2014 use 'tag: ${tagBlockMatch.name}' instead`, "warning");
+      }
       currentTagGroup = {
-        name: groupName,
-        alias,
+        name: tagBlockMatch.name,
+        alias: tagBlockMatch.alias,
         entries: [],
         lineNumber
       };
-      if (alias) {
-        aliasMap.set(alias.toLowerCase(), groupName.toLowerCase());
+      if (tagBlockMatch.alias) {
+        aliasMap.set(tagBlockMatch.alias.toLowerCase(), tagBlockMatch.name.toLowerCase());
       }
       result.tagGroups.push(currentTagGroup);
       continue;
     }
+    if (!contentStarted && !currentTagGroup && measureIndent(line7) === 0) {
+      const optMatch = trimmed.match(OPTION_RE);
+      if (optMatch) {
+        const key = optMatch[1].trim().toLowerCase();
+        if (key !== "chart" && key !== "title") {
+          result.options[key] = optMatch[2].trim();
+          continue;
+        }
+      }
+    }
     if (currentTagGroup && !contentStarted) {
-      const indent2 = measureIndent7(line7);
+      const indent2 = measureIndent(line7);
       if (indent2 > 0) {
         const isDefault = /\bdefault\s*$/.test(trimmed);
         const entryText = isDefault ? trimmed.replace(/\s+default\s*$/, "").trim() : trimmed;
-        const { label, color } = extractColor4(entryText, palette);
+        const { label, color } = extractColor(entryText, palette);
         if (!color) {
           pushError(
             lineNumber,
@@ -5316,7 +5408,7 @@ function parseC4(content, palette) {
     if (!sawChartType) {
       return fail(lineNumber, 'Missing "chart: c4" header');
     }
-    const indent = measureIndent7(line7);
+    const indent = measureIndent(line7);
     if (inDeployment) {
       while (deployStack.length > 0) {
         const top = deployStack[deployStack.length - 1];
@@ -5411,6 +5503,45 @@ function parseC4(content, palette) {
       }
       continue;
     }
+    {
+      const labeledPatterns = [
+        { re: C4_LABELED_BIDI_SYNC_RE, arrowType: "bidirectional" },
+        { re: C4_LABELED_BIDI_ASYNC_RE, arrowType: "bidirectional-async" },
+        { re: C4_LABELED_SYNC_RE, arrowType: "sync" },
+        { re: C4_LABELED_ASYNC_RE, arrowType: "async" }
+      ];
+      let labeledHandled = false;
+      for (const { re, arrowType } of labeledPatterns) {
+        const m = trimmed.match(re);
+        if (!m) continue;
+        const rawLabel = m[1].trim();
+        const targetBody = m[2].trim();
+        if (!rawLabel) break;
+        let label = rawLabel;
+        let technology;
+        const techMatch = rawLabel.match(/\[([^\]]+)\]\s*$/);
+        if (techMatch) {
+          label = rawLabel.substring(0, techMatch.index).trim() || void 0;
+          technology = techMatch[1].trim();
+        }
+        const rel = {
+          target: targetBody,
+          label,
+          technology,
+          arrowType,
+          lineNumber
+        };
+        const parentEntry = findParentElement(indent, stack);
+        if (parentEntry) {
+          parentEntry.element.relationships.push(rel);
+        } else {
+          result.relationships.push(rel);
+        }
+        labeledHandled = true;
+        break;
+      }
+      if (labeledHandled) continue;
+    }
     const relMatch = trimmed.match(RELATIONSHIP_RE);
     if (relMatch) {
       const arrowType = parseArrowType(relMatch[1]);
@@ -5600,22 +5731,22 @@ function validateDeploymentRefs(result, knownNames, pushWarning) {
   }
   walkDeploy(result.deployment);
 }
-var CHART_TYPE_RE3, TITLE_RE3, OPTION_RE3, GROUP_HEADING_RE4, COLOR_SUFFIX_RE4, CONTAINER_RE2, ELEMENT_RE, IS_A_RE, RELATIONSHIP_RE, SECTION_HEADER_RE, CONTAINER_REF_RE, METADATA_RE2, VALID_ELEMENT_TYPES, VALID_SHAPES, ALL_CHART_TYPES;
+var CONTAINER_RE2, ELEMENT_RE, IS_A_RE, RELATIONSHIP_RE, C4_LABELED_SYNC_RE, C4_LABELED_ASYNC_RE, C4_LABELED_BIDI_SYNC_RE, C4_LABELED_BIDI_ASYNC_RE, SECTION_HEADER_RE, CONTAINER_REF_RE, METADATA_RE2, VALID_ELEMENT_TYPES, VALID_SHAPES, ALL_CHART_TYPES;
 var init_parser6 = __esm({
   "src/c4/parser.ts"() {
     "use strict";
-    init_colors();
     init_diagnostics();
+    init_tag_groups();
     init_participant_inference();
-    CHART_TYPE_RE3 = /^chart\s*:\s*(.+)/i;
-    TITLE_RE3 = /^title\s*:\s*(.+)/i;
-    OPTION_RE3 = /^([a-z][a-z0-9-]*)\s*:\s*(.+)$/i;
-    GROUP_HEADING_RE4 = /^##\s+(.+?)(?:\s+alias\s+(\w+))?(?:\s*\(([^)]+)\))?\s*$/;
-    COLOR_SUFFIX_RE4 = /\(([^)]+)\)\s*$/;
+    init_parsing();
     CONTAINER_RE2 = /^\[([^\]]+)\]$/;
     ELEMENT_RE = /^(person|system|container|component)\s+(.+)$/i;
     IS_A_RE = /\s+is\s+a(?:n)?\s+(\w+)\s*$/i;
     RELATIONSHIP_RE = /^(<?-?>|<?~?>)\s+(.+)$/;
+    C4_LABELED_SYNC_RE = /^-(.+)->\s+(.+)$/;
+    C4_LABELED_ASYNC_RE = /^~(.+)~>\s+(.+)$/;
+    C4_LABELED_BIDI_SYNC_RE = /^<-(.+)->\s+(.+)$/;
+    C4_LABELED_BIDI_ASYNC_RE = /^<~(.+)~>\s+(.+)$/;
     SECTION_HEADER_RE = /^(containers|components|deployment)\s*:\s*$/i;
     CONTAINER_REF_RE = /^container\s+(.+)$/i;
     METADATA_RE2 = /^([^:]+):\s*(.+)$/;
@@ -5673,20 +5804,23 @@ function looksLikeInitiativeStatus(content) {
   const lines = content.split("\n");
   let hasArrow = false;
   let hasStatus = false;
+  let hasIndentedArrow = false;
   for (const line7 of lines) {
     const trimmed = line7.trim();
-    if (!trimmed || trimmed.startsWith("#") || trimmed.startsWith("//")) continue;
+    if (!trimmed || trimmed.startsWith("//")) continue;
     if (trimmed.match(/^chart\s*:/i)) continue;
     if (trimmed.match(/^title\s*:/i)) continue;
     if (trimmed.includes("->")) hasArrow = true;
     if (/\|\s*(done|wip|todo|na)\s*$/i.test(trimmed)) hasStatus = true;
+    const isIndented = line7.length > 0 && line7 !== trimmed && /^\s/.test(line7);
+    if (isIndented && (trimmed.startsWith("->") || /^-[^>].*->/.test(trimmed))) hasIndentedArrow = true;
     if (hasArrow && hasStatus) return true;
   }
-  return false;
+  return hasIndentedArrow;
 }
 function parseStatus(raw, line7, diagnostics) {
   const trimmed = raw.trim().toLowerCase();
-  if (!trimmed) return null;
+  if (!trimmed) return "na";
   if (VALID_STATUSES.includes(trimmed)) return trimmed;
   const hint = suggest(trimmed, VALID_STATUSES);
   const msg = `Unknown status "${raw.trim()}"${hint ? `. ${hint}` : ""}`;
@@ -5703,16 +5837,17 @@ function parseInitiativeStatus(content) {
     groups: [],
     options: {},
     diagnostics: [],
-    error: void 0
+    error: null
   };
   const lines = content.split("\n");
   const nodeLabels = /* @__PURE__ */ new Set();
   let currentGroup = null;
+  let lastNodeLabel = null;
   for (let i = 0; i < lines.length; i++) {
     const lineNum = i + 1;
     const raw = lines[i];
     const trimmed = raw.trim();
-    if (!trimmed || trimmed.startsWith("#") || trimmed.startsWith("//")) continue;
+    if (!trimmed || trimmed.startsWith("//")) continue;
     const chartMatch = trimmed.match(/^chart\s*:\s*(.+)/i);
     if (chartMatch) {
       const chartType = chartMatch[1].trim().toLowerCase();
@@ -5744,12 +5879,23 @@ function parseInitiativeStatus(content) {
       currentGroup = null;
     }
     if (trimmed.includes("->")) {
-      const edge = parseEdgeLine(trimmed, lineNum, result.diagnostics);
+      let edgeText = trimmed;
+      if (trimmed.startsWith("->") || /^-[^>].*->/.test(trimmed)) {
+        if (!lastNodeLabel) {
+          result.diagnostics.push(
+            makeDgmoError(lineNum, "Indented edge has no preceding node to use as source", "warning")
+          );
+          continue;
+        }
+        edgeText = `${lastNodeLabel} ${trimmed}`;
+      }
+      const edge = parseEdgeLine(edgeText, lineNum, result.diagnostics);
       if (edge) result.edges.push(edge);
       continue;
     }
     const node = parseNodeLine(trimmed, lineNum, result.diagnostics);
     if (node) {
+      lastNodeLabel = node.label;
       if (nodeLabels.has(node.label)) {
         result.diagnostics.push(
           makeDgmoError(lineNum, `Duplicate node "${node.label}"`, "warning")
@@ -5772,7 +5918,7 @@ function parseInitiativeStatus(content) {
         makeDgmoError(edge.lineNumber, `Edge source "${edge.source}" is not a declared node`, "warning")
       );
       if (!result.nodes.some((n) => n.label === edge.source)) {
-        result.nodes.push({ label: edge.source, status: null, shape: inferParticipantType(edge.source), lineNumber: edge.lineNumber });
+        result.nodes.push({ label: edge.source, status: "na", shape: inferParticipantType(edge.source), lineNumber: edge.lineNumber });
         nodeLabels.add(edge.source);
       }
     }
@@ -5781,7 +5927,7 @@ function parseInitiativeStatus(content) {
         makeDgmoError(edge.lineNumber, `Edge target "${edge.target}" is not a declared node`, "warning")
       );
       if (!result.nodes.some((n) => n.label === edge.target)) {
-        result.nodes.push({ label: edge.target, status: null, shape: inferParticipantType(edge.target), lineNumber: edge.lineNumber });
+        result.nodes.push({ label: edge.target, status: "na", shape: inferParticipantType(edge.target), lineNumber: edge.lineNumber });
         nodeLabels.add(edge.target);
       }
     }
@@ -5797,9 +5943,30 @@ function parseNodeLine(trimmed, lineNum, diagnostics) {
     const status = parseStatus(statusRaw, lineNum, diagnostics);
     return { label, status, shape: inferParticipantType(label), lineNumber: lineNum };
   }
-  return { label: trimmed, status: null, shape: inferParticipantType(trimmed), lineNumber: lineNum };
+  return { label: trimmed, status: "na", shape: inferParticipantType(trimmed), lineNumber: lineNum };
 }
 function parseEdgeLine(trimmed, lineNum, diagnostics) {
+  const labeledMatch = trimmed.match(/^(\S+)\s+-(.+)->\s+(.+)$/);
+  if (labeledMatch) {
+    const source2 = labeledMatch[1];
+    const label2 = labeledMatch[2].trim();
+    let targetRest = labeledMatch[3].trim();
+    if (label2) {
+      let status2 = "na";
+      const lastPipe2 = targetRest.lastIndexOf("|");
+      if (lastPipe2 >= 0) {
+        const statusRaw = targetRest.slice(lastPipe2 + 1).trim();
+        status2 = parseStatus(statusRaw, lineNum, diagnostics);
+        targetRest = targetRest.slice(0, lastPipe2).trim();
+      }
+      const target2 = targetRest.trim();
+      if (!target2) {
+        diagnostics.push(makeDgmoError(lineNum, "Edge is missing target"));
+        return null;
+      }
+      return { source: source2, target: target2, label: label2, status: status2, lineNumber: lineNum };
+    }
+  }
   const arrowIdx = trimmed.indexOf("->");
   if (arrowIdx < 0) return null;
   const source = trimmed.slice(0, arrowIdx).trim();
@@ -5808,7 +5975,7 @@ function parseEdgeLine(trimmed, lineNum, diagnostics) {
     diagnostics.push(makeDgmoError(lineNum, "Edge is missing source or target"));
     return null;
   }
-  let status = null;
+  let status = "na";
   const lastPipe = rest.lastIndexOf("|");
   if (lastPipe >= 0) {
     const statusRaw = rest.slice(lastPipe + 1).trim();
@@ -5854,7 +6021,7 @@ function parseDgmoChartType(content) {
   const lines = content.split("\n");
   for (const line7 of lines) {
     const trimmed = line7.trim();
-    if (!trimmed || trimmed.startsWith("#") || trimmed.startsWith("//"))
+    if (!trimmed || trimmed.startsWith("//"))
       continue;
     const match = trimmed.match(/^chart\s*:\s*(.+)/i);
     if (match) return match[1].trim().toLowerCase();
@@ -7116,6 +7283,58 @@ var init_renderer = __esm({
   }
 });
 
+// src/utils/inline-markdown.ts
+function parseInlineMarkdown(text) {
+  const spans = [];
+  const regex = /\*\*(.+?)\*\*|__(.+?)__|\*(.+?)\*|_(.+?)_|`(.+?)`|\[(.+?)\]\((.+?)\)|(https?:\/\/[^\s)>\]]+|www\.[^\s)>\]]+)|([^*_`[]+?(?=https?:\/\/|www\.|$)|[^*_`[]+)/g;
+  let match;
+  while ((match = regex.exec(text)) !== null) {
+    if (match[1]) spans.push({ text: match[1], bold: true });
+    else if (match[2]) spans.push({ text: match[2], bold: true });
+    else if (match[3]) spans.push({ text: match[3], italic: true });
+    else if (match[4]) spans.push({ text: match[4], italic: true });
+    else if (match[5]) spans.push({ text: match[5], code: true });
+    else if (match[6]) spans.push({ text: match[6], href: match[7] });
+    else if (match[8]) {
+      const url = match[8];
+      const href = url.startsWith("www.") ? `https://${url}` : url;
+      spans.push({ text: url, href });
+    } else if (match[9]) spans.push({ text: match[9] });
+  }
+  return spans;
+}
+function truncateBareUrl(url) {
+  const stripped = url.replace(/^https?:\/\//, "").replace(/^www\./, "");
+  if (stripped.length <= BARE_URL_MAX_DISPLAY) return stripped;
+  return stripped.slice(0, BARE_URL_MAX_DISPLAY - 1) + "\u2026";
+}
+function renderInlineText(textEl, text, palette, fontSize) {
+  const spans = parseInlineMarkdown(text);
+  for (const span of spans) {
+    if (span.href) {
+      const isBareUrl = span.text === span.href || `https://${span.text}` === span.href;
+      const display = isBareUrl ? truncateBareUrl(span.text) : span.text;
+      const a = textEl.append("a").attr("href", span.href);
+      a.append("tspan").text(display).attr("fill", palette.primary).style("text-decoration", "underline");
+    } else {
+      const tspan = textEl.append("tspan").text(span.text);
+      if (span.bold) tspan.attr("font-weight", "bold");
+      if (span.italic) tspan.attr("font-style", "italic");
+      if (span.code) {
+        tspan.attr("font-family", "monospace");
+        if (fontSize) tspan.attr("font-size", fontSize - 1);
+      }
+    }
+  }
+}
+var BARE_URL_MAX_DISPLAY;
+var init_inline_markdown = __esm({
+  "src/utils/inline-markdown.ts"() {
+    "use strict";
+    BARE_URL_MAX_DISPLAY = 35;
+  }
+});
+
 // src/kanban/mutations.ts
 function computeCardMove(content, parsed, cardId, targetColumnId, targetIndex) {
   let sourceCard = null;
@@ -7437,7 +7656,8 @@ function renderKanban(container, parsed, palette, isDark, _onNavigateToLine, exp
       const cx = colLayout.x + cardLayout.x;
       const cy = colLayout.y + cardLayout.y;
       cg.append("rect").attr("x", cx).attr("y", cy).attr("width", cardLayout.width).attr("height", cardLayout.height).attr("rx", CARD_RADIUS2).attr("fill", cardFill).attr("stroke", cardStroke).attr("stroke-width", CARD_STROKE_WIDTH);
-      cg.append("text").attr("x", cx + CARD_PADDING_X).attr("y", cy + CARD_PADDING_Y + CARD_TITLE_FONT_SIZE).attr("font-size", CARD_TITLE_FONT_SIZE).attr("font-weight", "500").attr("fill", palette.text).text(card.title);
+      const titleEl = cg.append("text").attr("x", cx + CARD_PADDING_X).attr("y", cy + CARD_PADDING_Y + CARD_TITLE_FONT_SIZE).attr("font-size", CARD_TITLE_FONT_SIZE).attr("font-weight", "500").attr("fill", palette.text);
+      renderInlineText(titleEl, card.title, palette, CARD_TITLE_FONT_SIZE);
       if (hasMeta) {
         const separatorY = cy + CARD_HEADER_HEIGHT;
         cg.append("line").attr("x1", cx).attr("y1", separatorY).attr("x2", cx + cardLayout.width).attr("y2", separatorY).attr("stroke", cardStroke).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
@@ -7449,7 +7669,8 @@ function renderKanban(container, parsed, palette, isDark, _onNavigateToLine, exp
           metaY += CARD_META_LINE_HEIGHT;
         }
         for (const detail of card.details) {
-          cg.append("text").attr("x", cx + CARD_PADDING_X).attr("y", metaY).attr("font-size", CARD_META_FONT_SIZE).attr("fill", palette.textMuted).text(detail);
+          const detailEl = cg.append("text").attr("x", cx + CARD_PADDING_X).attr("y", metaY).attr("font-size", CARD_META_FONT_SIZE).attr("fill", palette.textMuted);
+          renderInlineText(detailEl, detail, palette, CARD_META_FONT_SIZE);
           metaY += CARD_META_LINE_HEIGHT;
         }
       }
@@ -7475,6 +7696,7 @@ var init_renderer2 = __esm({
     "use strict";
     d3Selection2 = __toESM(require("d3-selection"), 1);
     init_fonts();
+    init_inline_markdown();
     init_parser5();
     init_mutations();
     DIAGRAM_PADDING2 = 20;
@@ -10620,7 +10842,8 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
       const contentWidth = w - CARD_H_PAD3 * 2;
       const lines = wrapText2(node.description, contentWidth, DESC_CHAR_WIDTH2);
       for (const line7 of lines) {
-        nodeG.append("text").attr("x", 0).attr("y", yPos + DESC_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-size", DESC_FONT_SIZE).text(line7);
+        const textEl = nodeG.append("text").attr("x", 0).attr("y", yPos + DESC_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-size", DESC_FONT_SIZE);
+        renderInlineText(textEl, line7, palette, DESC_FONT_SIZE);
         yPos += DESC_LINE_HEIGHT2;
       }
     }
@@ -11106,7 +11329,8 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
         const contentWidth = w - CARD_H_PAD3 * 2;
         const lines = wrapText2(node.description, contentWidth, DESC_CHAR_WIDTH2);
         for (const line7 of lines) {
-          nodeG.append("text").attr("x", 0).attr("y", yPos + DESC_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-size", DESC_FONT_SIZE).text(line7);
+          const textEl = nodeG.append("text").attr("x", 0).attr("y", yPos + DESC_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-size", DESC_FONT_SIZE);
+          renderInlineText(textEl, line7, palette, DESC_FONT_SIZE);
           yPos += DESC_LINE_HEIGHT2;
         }
       }
@@ -11129,7 +11353,8 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
         const contentWidth = w - CARD_H_PAD3 * 2;
         const lines = wrapText2(node.description, contentWidth, DESC_CHAR_WIDTH2);
         for (const line7 of lines) {
-          nodeG.append("text").attr("x", 0).attr("y", yPos + DESC_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-size", DESC_FONT_SIZE).text(line7);
+          const textEl = nodeG.append("text").attr("x", 0).attr("y", yPos + DESC_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-size", DESC_FONT_SIZE);
+          renderInlineText(textEl, line7, palette, DESC_FONT_SIZE);
           yPos += DESC_LINE_HEIGHT2;
         }
       }
@@ -11250,6 +11475,7 @@ var init_renderer6 = __esm({
     d3Selection6 = __toESM(require("d3-selection"), 1);
     d3Shape4 = __toESM(require("d3-shape"), 1);
     init_fonts();
+    init_inline_markdown();
     init_parser6();
     init_layout5();
     DIAGRAM_PADDING6 = 20;
@@ -11747,49 +11973,6 @@ __export(renderer_exports7, {
   renderSequenceDiagram: () => renderSequenceDiagram,
   truncateBareUrl: () => truncateBareUrl
 });
-function parseInlineMarkdown(text) {
-  const spans = [];
-  const regex = /\*\*(.+?)\*\*|__(.+?)__|\*(.+?)\*|_(.+?)_|`(.+?)`|\[(.+?)\]\((.+?)\)|(https?:\/\/[^\s)>\]]+|www\.[^\s)>\]]+)|([^*_`[]+?(?=https?:\/\/|www\.|$)|[^*_`[]+)/g;
-  let match;
-  while ((match = regex.exec(text)) !== null) {
-    if (match[1]) spans.push({ text: match[1], bold: true });
-    else if (match[2]) spans.push({ text: match[2], bold: true });
-    else if (match[3]) spans.push({ text: match[3], italic: true });
-    else if (match[4]) spans.push({ text: match[4], italic: true });
-    else if (match[5]) spans.push({ text: match[5], code: true });
-    else if (match[6]) spans.push({ text: match[6], href: match[7] });
-    else if (match[8]) {
-      const url = match[8];
-      const href = url.startsWith("www.") ? `https://${url}` : url;
-      spans.push({ text: url, href });
-    } else if (match[9]) spans.push({ text: match[9] });
-  }
-  return spans;
-}
-function truncateBareUrl(url) {
-  const stripped = url.replace(/^https?:\/\//, "").replace(/^www\./, "");
-  if (stripped.length <= BARE_URL_MAX_DISPLAY) return stripped;
-  return stripped.slice(0, BARE_URL_MAX_DISPLAY - 1) + "\u2026";
-}
-function renderInlineText(textEl, text, palette, fontSize) {
-  const spans = parseInlineMarkdown(text);
-  for (const span of spans) {
-    if (span.href) {
-      const isBareUrl = span.text === span.href || `https://${span.text}` === span.href;
-      const display = isBareUrl ? truncateBareUrl(span.text) : span.text;
-      const a = textEl.append("a").attr("href", span.href);
-      a.append("tspan").text(display).attr("fill", palette.primary).style("text-decoration", "underline");
-    } else {
-      const tspan = textEl.append("tspan").text(span.text);
-      if (span.bold) tspan.attr("font-weight", "bold");
-      if (span.italic) tspan.attr("font-style", "italic");
-      if (span.code) {
-        tspan.attr("font-family", "monospace");
-        if (fontSize) tspan.attr("font-size", fontSize - 1);
-      }
-    }
-  }
-}
 function wrapTextLines(text, maxChars) {
   const rawLines = text.split("\n");
   const wrapped = [];
@@ -11970,8 +12153,12 @@ function buildRenderSequence(messages) {
       to: msg.to,
       label: msg.label,
       messageIndex: mi,
-      ...msg.async ? { async: true } : {}
+      ...msg.async ? { async: true } : {},
+      ...msg.bidirectional ? { bidirectional: true } : {}
     });
+    if (msg.bidirectional) {
+      continue;
+    }
     if (msg.async) {
       continue;
     }
@@ -12463,6 +12650,14 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     "points",
     `0,0 ${ARROWHEAD_SIZE},${ARROWHEAD_SIZE / 2} 0,${ARROWHEAD_SIZE}`
   ).attr("fill", "none").attr("stroke", palette.text).attr("stroke-width", 1.2);
+  defs.append("marker").attr("id", "seq-arrowhead-reverse").attr("viewBox", `0 0 ${ARROWHEAD_SIZE} ${ARROWHEAD_SIZE}`).attr("refX", 0).attr("refY", ARROWHEAD_SIZE / 2).attr("markerWidth", ARROWHEAD_SIZE).attr("markerHeight", ARROWHEAD_SIZE).attr("orient", "auto").append("polygon").attr(
+    "points",
+    `${ARROWHEAD_SIZE},0 0,${ARROWHEAD_SIZE / 2} ${ARROWHEAD_SIZE},${ARROWHEAD_SIZE}`
+  ).attr("fill", palette.text);
+  defs.append("marker").attr("id", "seq-arrowhead-async-reverse").attr("viewBox", `0 0 ${ARROWHEAD_SIZE} ${ARROWHEAD_SIZE}`).attr("refX", 0).attr("refY", ARROWHEAD_SIZE / 2).attr("markerWidth", ARROWHEAD_SIZE).attr("markerHeight", ARROWHEAD_SIZE).attr("orient", "auto").append("polyline").attr(
+    "points",
+    `${ARROWHEAD_SIZE},0 0,${ARROWHEAD_SIZE / 2} ${ARROWHEAD_SIZE},${ARROWHEAD_SIZE}`
+  ).attr("fill", "none").attr("stroke", palette.text).attr("stroke-width", 1.2);
   if (title) {
     const titleEl = svg.append("text").attr("class", "chart-title").attr("x", svgWidth / 2).attr("y", 30).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-size", 20).attr("font-weight", "bold").text(title);
     if (parsed.titleLineNumber) {
@@ -12743,10 +12938,17 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         const x1 = arrowEdgeX(step.from, i, goingRight ? "right" : "left");
         const x2 = arrowEdgeX(step.to, i, goingRight ? "left" : "right");
         const markerRef = step.async ? "url(#seq-arrowhead-async)" : "url(#seq-arrowhead)";
-        svg.append("line").attr("x1", x1).attr("y1", y).attr("x2", x2).attr("y2", y).attr("stroke", palette.text).attr("stroke-width", 1.2).attr("marker-end", markerRef).attr("class", "message-arrow").attr(
+        const markerStartRef = step.bidirectional ? step.async ? "url(#seq-arrowhead-async-reverse)" : "url(#seq-arrowhead-reverse)" : null;
+        const line7 = svg.append("line").attr("x1", x1).attr("y1", y).attr("x2", x2).attr("y2", y).attr("stroke", palette.text).attr("stroke-width", 1.2).attr("marker-end", markerRef).attr("class", "message-arrow").attr(
           "data-line-number",
           String(messages[step.messageIndex].lineNumber)
         ).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
+        if (markerStartRef) {
+          line7.attr("marker-start", markerStartRef);
+        }
+        if (step.bidirectional && step.async) {
+          line7.attr("stroke-dasharray", "6 4");
+        }
         if (step.label) {
           const midX = (x1 + x2) / 2;
           const labelEl = svg.append("text").attr("x", midX).attr("y", y - 8).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-size", 12).attr("class", "message-label").attr(
@@ -12934,12 +13136,13 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark) {
     isActor ? PARTICIPANT_BOX_HEIGHT + 14 : PARTICIPANT_BOX_HEIGHT / 2 + 5
   ).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-size", 13).attr("font-weight", 500).text(participant.label);
 }
-var d3Selection8, PARTICIPANT_GAP, PARTICIPANT_BOX_WIDTH, PARTICIPANT_BOX_HEIGHT, TOP_MARGIN, TITLE_HEIGHT4, PARTICIPANT_Y_OFFSET, SERVICE_BORDER_RADIUS, MESSAGE_START_OFFSET, LIFELINE_TAIL, ARROWHEAD_SIZE, NOTE_MAX_W, NOTE_FOLD, NOTE_PAD_H, NOTE_PAD_V, NOTE_FONT_SIZE, NOTE_LINE_H, NOTE_GAP, NOTE_CHAR_W, NOTE_CHARS_PER_LINE, COLLAPSED_NOTE_H, COLLAPSED_NOTE_W, BARE_URL_MAX_DISPLAY, fill, stroke, SW, W, H;
+var d3Selection8, PARTICIPANT_GAP, PARTICIPANT_BOX_WIDTH, PARTICIPANT_BOX_HEIGHT, TOP_MARGIN, TITLE_HEIGHT4, PARTICIPANT_Y_OFFSET, SERVICE_BORDER_RADIUS, MESSAGE_START_OFFSET, LIFELINE_TAIL, ARROWHEAD_SIZE, NOTE_MAX_W, NOTE_FOLD, NOTE_PAD_H, NOTE_PAD_V, NOTE_FONT_SIZE, NOTE_LINE_H, NOTE_GAP, NOTE_CHAR_W, NOTE_CHARS_PER_LINE, COLLAPSED_NOTE_H, COLLAPSED_NOTE_W, fill, stroke, SW, W, H;
 var init_renderer7 = __esm({
   "src/sequence/renderer.ts"() {
     "use strict";
     d3Selection8 = __toESM(require("d3-selection"), 1);
     init_colors();
+    init_inline_markdown();
     init_fonts();
     init_parser();
     PARTICIPANT_GAP = 160;
@@ -12963,7 +13166,6 @@ var init_renderer7 = __esm({
     NOTE_CHARS_PER_LINE = Math.floor((NOTE_MAX_W - NOTE_PAD_H * 2 - NOTE_FOLD) / NOTE_CHAR_W);
     COLLAPSED_NOTE_H = 20;
     COLLAPSED_NOTE_W = 40;
-    BARE_URL_MAX_DISPLAY = 35;
     fill = (palette, isDark) => mix8(palette.primary, isDark ? palette.surface : palette.bg, isDark ? 15 : 30);
     stroke = (palette) => palette.textMuted;
     SW = 1.5;
@@ -13093,7 +13295,7 @@ function parseD3(content, palette) {
       }
       continue;
     }
-    if (line7.startsWith("#") || line7.startsWith("//")) {
+    if (line7.startsWith("//")) {
       continue;
     }
     if (result.type === "arc") {
@@ -16266,6 +16468,7 @@ __export(index_exports, {
   parseERDiagram: () => parseERDiagram,
   parseFlowchart: () => parseFlowchart,
   parseInitiativeStatus: () => parseInitiativeStatus,
+  parseInlineMarkdown: () => parseInlineMarkdown,
   parseKanban: () => parseKanban,
   parseOrg: () => parseOrg,
   parseQuadrant: () => parseQuadrant,
@@ -16309,7 +16512,8 @@ __export(index_exports, {
   shade: () => shade,
   solarizedPalette: () => solarizedPalette,
   tint: () => tint,
-  tokyoNightPalette: () => tokyoNightPalette
+  tokyoNightPalette: () => tokyoNightPalette,
+  truncateBareUrl: () => truncateBareUrl
 });
 module.exports = __toCommonJS(index_exports);
 init_diagnostics();
@@ -16390,7 +16594,7 @@ function parseQuadrant(content) {
   for (let i = 0; i < lines.length; i++) {
     const line7 = lines[i].trim();
     const lineNumber = i + 1;
-    if (!line7 || line7.startsWith("#") || line7.startsWith("//")) continue;
+    if (!line7 || line7.startsWith("//")) continue;
     if (/^chart\s*:/i.test(line7)) continue;
     const titleMatch = line7.match(/^title\s*:\s*(.+)/i);
     if (titleMatch) {
@@ -16520,6 +16724,7 @@ init_renderer3();
 init_parser3();
 init_layout3();
 init_renderer4();
+init_inline_markdown();
 init_parser4();
 init_layout();
 init_renderer();
@@ -16536,12 +16741,12 @@ init_collapse();
 
 // src/org/resolver.ts
 init_diagnostics();
+init_tag_groups();
 var MAX_DEPTH = 10;
 var IMPORT_RE = /^(\s+)import:\s+(.+\.dgmo)\s*$/i;
 var TAGS_RE = /^tags:\s+(.+\.dgmo)\s*$/i;
 var HEADER_RE = /^(chart|title)\s*:/i;
-var OPTION_RE4 = /^[a-z][a-z0-9-]*\s*:/i;
-var GROUP_HEADING_RE5 = /^##\s+/;
+var OPTION_RE2 = /^[a-z][a-z0-9-]*\s*:/i;
 function dirname(filePath) {
   const last = filePath.lastIndexOf("/");
   return last > 0 ? filePath.substring(0, last) : "/";
@@ -16562,9 +16767,9 @@ function extractTagGroups(lines) {
   let current = null;
   for (const line7 of lines) {
     const trimmed = line7.trim();
-    if (GROUP_HEADING_RE5.test(trimmed)) {
-      const nameMatch = trimmed.match(/^##\s+(.+?)(?:\s+alias\s+\w+)?(?:\s*\([^)]+\))?\s*$/);
-      const name = nameMatch ? nameMatch[1].trim().toLowerCase() : trimmed.substring(3).trim().toLowerCase();
+    const headingMatch = matchTagBlockHeading(trimmed);
+    if (headingMatch) {
+      const name = headingMatch.name.toLowerCase();
       current = { name, lines: [line7] };
       blocks.push(current);
     } else if (current) {
@@ -16606,7 +16811,7 @@ function parseFileHeader(lines) {
         tagsDirective = tagsMatch[1].trim();
         continue;
       }
-      if (OPTION_RE4.test(trimmed) && !trimmed.startsWith("##") && !lines[i].match(/^\s/)) {
+      if (OPTION_RE2.test(trimmed) && !isTagBlockHeading(trimmed) && !lines[i].match(/^\s/)) {
         const key = trimmed.split(":")[0].trim().toLowerCase();
         if (key !== "chart" && key !== "title" && !trimmed.includes("|")) {
           continue;
@@ -16636,7 +16841,7 @@ async function resolveFile(content, filePath, readFileFn, diagnostics, ancestorC
       headerLines.push(lines[i]);
       continue;
     }
-    if (GROUP_HEADING_RE5.test(trimmed)) continue;
+    if (isTagBlockHeading(trimmed)) continue;
     if (lines[i] !== trimmed) continue;
     const tagsMatch = trimmed.match(TAGS_RE);
     if (tagsMatch) {
@@ -16668,7 +16873,7 @@ async function resolveFile(content, filePath, readFileFn, diagnostics, ancestorC
     const importMatch = line7.match(IMPORT_RE);
     if (!importMatch) {
       const trimmed = line7.trim();
-      if (GROUP_HEADING_RE5.test(trimmed) || inlineTagGroups.length > 0 && isTagGroupEntry(line7, bodyLines, i)) {
+      if (isTagBlockHeading(trimmed) || inlineTagGroups.length > 0 && isTagGroupEntry(line7, bodyLines, i)) {
         continue;
       }
       resolvedBodyLines.push(line7);
@@ -16763,7 +16968,7 @@ function findBodyStart(lines) {
       if (inTagGroup) inTagGroup = false;
       continue;
     }
-    if (GROUP_HEADING_RE5.test(trimmed)) {
+    if (isTagBlockHeading(trimmed)) {
       inTagGroup = true;
       continue;
     }
@@ -16775,7 +16980,7 @@ function findBodyStart(lines) {
     }
     if (HEADER_RE.test(trimmed)) continue;
     if (TAGS_RE.test(trimmed)) continue;
-    if (OPTION_RE4.test(trimmed) && !lines[i].match(/^\s/) && !trimmed.includes("|")) {
+    if (OPTION_RE2.test(trimmed) && !isTagBlockHeading(trimmed) && !lines[i].match(/^\s/) && !trimmed.includes("|")) {
       const key = trimmed.split(":")[0].trim().toLowerCase();
       if (key !== "chart" && key !== "title") {
         continue;
@@ -16790,7 +16995,7 @@ function isTagGroupEntry(line7, allLines, index) {
   for (let i = index - 1; i >= 0; i--) {
     const prev = allLines[i].trim();
     if (prev === "" || prev.startsWith("//")) continue;
-    if (GROUP_HEADING_RE5.test(prev)) return true;
+    if (isTagBlockHeading(prev)) return true;
     if (allLines[i].match(/^\s+/)) continue;
     return false;
   }
@@ -16945,6 +17150,7 @@ init_branding();
   parseERDiagram,
   parseFlowchart,
   parseInitiativeStatus,
+  parseInlineMarkdown,
   parseKanban,
   parseOrg,
   parseQuadrant,
@@ -16988,6 +17194,7 @@ init_branding();
   shade,
   solarizedPalette,
   tint,
-  tokyoNightPalette
+  tokyoNightPalette,
+  truncateBareUrl
 });
 //# sourceMappingURL=index.cjs.map