schematex 0.5.0 → 0.6.0

package/dist/{chunk-UFTYX73U.js → chunk-7F76AWOI.js}

@@ -1,5 +1,5 @@
 import { firstContentLine } from './chunk-2KTQ75LN.js';
-import { resolveFlowchartTheme } from './chunk-2VNMKOUO.js';
+import { resolveFlowchartTheme } from './chunk-LRI4RH2N.js';
 import { text, title, desc, el, defs, group, svgRoot, rect, multilineText, path, polygon, circle, line } from './chunk-SYYBKDL7.js';
 
 // src/diagrams/flowchart/parser.ts
@@ -16,8 +16,8 @@ var FlowchartParseError = class extends Error {
   source;
 };
 var DIRECTIONS = /* @__PURE__ */ new Set(["TB", "TD", "BT", "LR", "RL"]);
-function unquoteLabel(s) {
-  const t = s.trim();
+function unquoteLabel(s2) {
+  const t = s2.trim();
   if (t.length >= 2 && t.startsWith('"') && t.endsWith('"')) return t.slice(1, -1);
   return t;
 }
@@ -262,15 +262,15 @@ function parseChainStatement(line2, lineNo) {
 }
 function parseSubgraphHeader(rest, idx) {
   const defaultId = `sg_${idx}`;
-  const s = rest.trim();
-  if (!s) return { id: defaultId, label: defaultId, children: [], subgraphs: [] };
-  const idBracket = /^(\w[\w-]*)\s+\[([^\]]*)\]$/.exec(s);
+  const s2 = rest.trim();
+  if (!s2) return { id: defaultId, label: defaultId, children: [], subgraphs: [] };
+  const idBracket = /^(\w[\w-]*)\s+\[([^\]]*)\]$/.exec(s2);
   if (idBracket) return { id: idBracket[1], label: idBracket[2], children: [], subgraphs: [] };
-  const idQuoted = /^(\w[\w-]*)\s+"([^"]*)"$/.exec(s);
+  const idQuoted = /^(\w[\w-]*)\s+"([^"]*)"$/.exec(s2);
   if (idQuoted) return { id: idQuoted[1], label: idQuoted[2], children: [], subgraphs: [] };
-  const quotedOnly = /^"([^"]*)"$/.exec(s);
+  const quotedOnly = /^"([^"]*)"$/.exec(s2);
   if (quotedOnly) return { id: defaultId, label: quotedOnly[1], children: [], subgraphs: [] };
-  const plainId = s.split(/\s/)[0];
+  const plainId = s2.split(/\s/)[0];
   return { id: plainId, label: plainId, children: [], subgraphs: [] };
 }
 function normalizeDirection(dir) {
@@ -279,9 +279,9 @@ function normalizeDirection(dir) {
   if (up === "TB" || up === "BT" || up === "LR" || up === "RL") return up;
   return "TB";
 }
-function parseCssProps(s) {
+function parseCssProps(s2) {
   const props = {};
-  for (const part of s.split(",")) {
+  for (const part of s2.split(",")) {
     const colon = part.indexOf(":");
     if (colon < 0) continue;
     const key = part.slice(0, colon).trim();
@@ -390,7 +390,7 @@ function parseFlowchart(source) {
       const sg = parseSubgraphHeader(sgMatch[1] ?? "", ast.subgraphs.length);
       let finalId = sg.id;
       let collision = 0;
-      while (ast.subgraphs.some((s) => s.id === finalId)) {
+      while (ast.subgraphs.some((s2) => s2.id === finalId)) {
         finalId = `${sg.id}_${++collision}`;
       }
       sg.id = finalId;
@@ -411,9 +411,23 @@ function parseFlowchart(source) {
       subgraphStack.pop();
       continue;
     }
+    const iconMatch = /^icon\s+(\w[\w-]*)\s*:?\s+([\w-]+)\s*$/.exec(trimmed);
+    if (iconMatch) {
+      const nid = iconMatch[1];
+      const iconName = iconMatch[2];
+      const existing = nodeMap.get(nid);
+      if (existing) {
+        existing.icon = iconName;
+      } else {
+        const node = { id: nid, shape: "rect", label: nid, icon: iconName };
+        nodeMap.set(nid, node);
+        ast.nodes.push(node);
+      }
+      continue;
+    }
     const classMatch = /^class\s+([\w,\s]+?)\s+(\w[\w-]*)\s*$/.exec(trimmed);
     if (classMatch) {
-      const idList = classMatch[1].split(/[,\s]+/).map((s) => s.trim()).filter((s) => s.length > 0);
+      const idList = classMatch[1].split(/[,\s]+/).map((s2) => s2.trim()).filter((s2) => s2.length > 0);
       const className = classMatch[2];
       for (const nid of idList) {
         const existing = nodeMap.get(nid);
@@ -457,7 +471,7 @@ function parseFlowchart(source) {
       const sel = linkStyleMatch[1].trim();
       const props = parseCssProps(linkStyleMatch[2]);
       if (sel !== "default") {
-        const indices = sel.split(/[,\s]+/).map((s) => s.trim()).filter((s) => s.length > 0).map((s) => parseInt(s, 10)).filter((n) => !isNaN(n));
+        const indices = sel.split(/[,\s]+/).map((s2) => s2.trim()).filter((s2) => s2.length > 0).map((s2) => parseInt(s2, 10)).filter((n) => !isNaN(n));
         for (const idx of indices) {
           ast.linkStyles.set(idx, { ...ast.linkStyles.get(idx) ?? {}, ...props });
         }
@@ -701,8 +715,8 @@ function horizontalCompaction(layers, root, align, nodeById, nodeSep) {
     for (const v of layer) {
       const r = root.get(v.id);
       const rx = xs.get(r) ?? 0;
-      const s = shift.get(sink.get(r));
-      const sx = s !== void 0 && s !== Number.POSITIVE_INFINITY ? s : 0;
+      const s2 = shift.get(sink.get(r));
+      const sx = s2 !== void 0 && s2 !== Number.POSITIVE_INFINITY ? s2 : 0;
       result.set(v.id, rx + sx);
     }
   }
@@ -774,6 +788,281 @@ function balance(xss) {
   return result;
 }
 
+// src/diagrams/flowchart/icons.ts
+var ICON_SIZE = 22;
+var ICON_GAP = 4;
+var s = `class="sx-fc-icon" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"`;
+var sf = `class="sx-fc-icon-fill"`;
+function gearGlyph() {
+  let teeth = "";
+  for (let i = 0; i < 8; i++) {
+    teeth += `<rect x="-1.8" y="-10.4" width="3.6" height="3.6" rx="0.6" transform="rotate(${i * 45})" ${sf}/>`;
+  }
+  return `<circle cx="0" cy="0" r="7" ${s}/>${teeth}<circle cx="0" cy="0" r="2.6" ${s}/>`;
+}
+var ICONS = {
+  // ── core (original set) ──────────────────────────────────────
+  server: () => `<rect x="-10" y="-9" width="20" height="7" rx="1.5" ${s}/><rect x="-10" y="2" width="20" height="7" rx="1.5" ${s}/><circle cx="-6" cy="-5.5" r="0.9" ${sf}/><circle cx="-6" cy="5.5" r="0.9" ${sf}/>`,
+  database: () => `<ellipse cx="0" cy="-7" rx="9" ry="3.2" ${s}/><path d="M -9 -7 V 7 C -9 8.8 -5 10 0 10 C 5 10 9 8.8 9 7 V -7" ${s}/><path d="M -9 0 C -9 1.8 -5 3 0 3 C 5 3 9 1.8 9 0" ${s}/>`,
+  user: () => `<circle cx="0" cy="-4" r="4" ${s}/><path d="M -8 10 C -8 3 8 3 8 10" ${s}/>`,
+  cloud: () => `<path d="M -7 5 C -11 5 -11 -2 -6 -2 C -6 -8 5 -8 5 -2 C 10 -3 11 5 6 5 Z" ${s}/>`,
+  gear: gearGlyph,
+  document: () => `<path d="M -7 -10 H 3 L 7 -6 V 10 H -7 Z" ${s}/><path d="M 3 -10 V -6 H 7 M -4 0 H 4 M -4 4 H 4" ${s}/>`,
+  globe: () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M -9 0 H 9 M 0 -9 V 9 M 0 -9 C -5 -4 -5 4 0 9 C 5 4 5 -4 0 -9" ${s}/>`,
+  lock: () => `<rect x="-7" y="-1" width="14" height="11" rx="1.5" ${s}/><path d="M -4 -1 V -4 C -4 -9 4 -9 4 -4 V -1" ${s}/>`,
+  mail: () => `<rect x="-10" y="-7" width="20" height="14" rx="1.5" ${s}/><path d="M -10 -6 L 0 2 L 10 -6" ${s}/>`,
+  clock: () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M 0 -5 V 0 L 4 3" ${s}/>`,
+  check: () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M -4 0 L -1 3 L 5 -4" ${s}/>`,
+  alert: () => `<path d="M 0 -9 L 10 8 H -10 Z" ${s}/><path d="M 0 -3 V 2" ${s}/><circle cx="0" cy="5" r="0.9" ${sf}/>`,
+  process: () => `<rect x="-9" y="-7" width="18" height="14" rx="1.5" ${s}/><path d="M -5 -2 H 5 M -5 2 H 2" ${s}/>`,
+  queue: () => `<rect x="-10" y="-6" width="6" height="12" rx="1" ${s}/><rect x="-2" y="-6" width="6" height="12" rx="1" ${s}/><rect x="6" y="-6" width="4" height="12" rx="1" ${s}/>`,
+  // ── Tier 1 · general flow ────────────────────────────────────
+  folder: () => `<path d="M -10 -6 H -3 L -1 -3 H 10 V 8 H -10 Z" ${s}/>`,
+  file: () => `<path d="M -7 -10 H 3 L 7 -6 V 10 H -7 Z" ${s}/><path d="M 3 -10 V -6 H 7" ${s}/>`,
+  search: () => `<circle cx="-2" cy="-2" r="6" ${s}/><path d="M 2.5 2.5 L 9 9" ${s}/>`,
+  edit: () => `<path d="M -9 9 H -5 L 7 -3 L 3 -7 L -9 5 Z" ${s}/><path d="M 2 -6 L 6 -2" ${s}/>`,
+  trash: () => `<path d="M -8 -5 H 8 M -6 -5 V 8 C -6 9 -5 9 -4 9 H 4 C 5 9 6 9 6 8 V -5 M -3 -5 V -8 H 3 V -5 M -2 -1 V 5 M 2 -1 V 5" ${s}/>`,
+  add: () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M -4 0 H 4 M 0 -4 V 4" ${s}/>`,
+  sync: () => `<path d="M -8 -1 A 8 8 0 0 1 6 -5" ${s}/><path d="M 6 -5 L 7 -8 M 6 -5 L 3 -6" ${s}/><path d="M 8 1 A 8 8 0 0 1 -6 5" ${s}/><path d="M -6 5 L -7 8 M -6 5 L -3 6" ${s}/>`,
+  upload: () => `<path d="M -8 6 V 9 H 8 V 6" ${s}/><path d="M 0 -9 V 3 M -4 -5 L 0 -9 L 4 -5" ${s}/>`,
+  download: () => `<path d="M -8 6 V 9 H 8 V 6" ${s}/><path d="M 0 -9 V 3 M -4 -1 L 0 3 L 4 -1" ${s}/>`,
+  link: () => `<path d="M -1 -4 L -5 0 A 4.2 4.2 0 0 0 1 6 L 3 4" ${s}/><path d="M 1 4 L 5 0 A 4.2 4.2 0 0 0 -1 -6 L -3 -4" ${s}/>`,
+  calendar: () => `<rect x="-9" y="-7" width="18" height="15" rx="1.5" ${s}/><path d="M -9 -2 H 9 M -4 -10 V -4 M 4 -10 V -4" ${s}/>`,
+  list: () => `<circle cx="-8" cy="-6" r="1.2" ${sf}/><circle cx="-8" cy="0" r="1.2" ${sf}/><circle cx="-8" cy="6" r="1.2" ${sf}/><path d="M -4 -6 H 9 M -4 0 H 9 M -4 6 H 9" ${s}/>`,
+  filter: () => `<path d="M -9 -7 H 9 L 2 1 V 9 L -2 7 V 1 Z" ${s}/>`,
+  flag: () => `<path d="M -7 -9 V 9 M -7 -9 H 7 L 4 -5 L 7 -1 H -7" ${s}/>`,
+  star: () => `<path d="M 0 -9 L 2.6 -2.8 L 9 -2.4 L 4 1.8 L 5.6 8.4 L 0 5 L -5.6 8.4 L -4 1.8 L -9 -2.4 L -2.6 -2.8 Z" ${s}/>`,
+  tag: () => `<path d="M 1 -8 H 9 V 0 L 0 9 L -9 0 L 1 -8 Z" ${s}/><circle cx="5.5" cy="-4.5" r="1.4" ${sf}/>`,
+  info: () => `<circle cx="0" cy="0" r="9" ${s}/><circle cx="0" cy="-4" r="1" ${sf}/><path d="M 0 -1 V 5" ${s}/>`,
+  question: () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M -3 -3 A 3 3 0 1 1 1 1 V 3" ${s}/><circle cx="0.5" cy="6" r="1" ${sf}/>`,
+  cancel: () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M -4 -4 L 4 4 M 4 -4 L -4 4" ${s}/>`,
+  play: () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M -3 -5 L 5 0 L -3 5 Z" ${sf}/>`,
+  stop: () => `<path d="M -3.5 -8 H 3.5 L 8 -3.5 V 3.5 L 3.5 8 H -3.5 L -8 3.5 V -3.5 Z" ${s}/>`,
+  // ── Tier 2 · tech / architecture ─────────────────────────────
+  code: () => `<path d="M -3 -7 L -9 0 L -3 7 M 3 -7 L 9 0 L 3 7" ${s}/>`,
+  terminal: () => `<rect x="-10" y="-7" width="20" height="14" rx="1.5" ${s}/><path d="M -6 -2 L -2 1 L -6 4 M 0 4 H 5" ${s}/>`,
+  container: () => `<path d="M 0 -9 L 9 -4 V 5 L 0 10 L -9 5 V -4 Z" ${s}/><path d="M -9 -4 L 0 1 L 9 -4 M 0 1 V 10" ${s}/>`,
+  cache: () => `<rect x="-9" y="-7" width="18" height="14" rx="1.5" ${s}/><path d="M 1 -4 L -3 1 H 0 L -1 4 L 3 -1 H 0 Z" ${sf}/>`,
+  shield: () => `<path d="M 0 -9 L 8 -6 V 1 C 8 7 0 10 0 10 C 0 10 -8 7 -8 1 V -6 Z" ${s}/><path d="M -3 -0.5 L -1 1.5 L 3.5 -3" ${s}/>`,
+  key: () => `<circle cx="-4" cy="-4" r="4" ${s}/><path d="M -1 -1 L 7 7 M 4 4 L 7 1 M 7 7 L 4 10" ${s}/>`,
+  browser: () => `<rect x="-10" y="-8" width="20" height="16" rx="1.5" ${s}/><path d="M -10 -3 H 10" ${s}/><circle cx="-7" cy="-5.5" r="0.9" ${sf}/><circle cx="-4" cy="-5.5" r="0.9" ${sf}/>`,
+  mobile: () => `<rect x="-6" y="-9" width="12" height="18" rx="2" ${s}/><path d="M -2 6 H 2" ${s}/>`,
+  desktop: () => `<rect x="-10" y="-8" width="20" height="13" rx="1.5" ${s}/><path d="M -4 9 H 4 M 0 5 V 9" ${s}/>`,
+  cpu: () => `<rect x="-6" y="-6" width="12" height="12" rx="1" ${s}/><rect x="-2.5" y="-2.5" width="5" height="5" ${s}/><path d="M -3 -6 V -9 M 0 -6 V -9 M 3 -6 V -9 M -3 6 V 9 M 0 6 V 9 M 3 6 V 9 M -6 -3 H -9 M -6 0 H -9 M -6 3 H -9 M 6 -3 H 9 M 6 0 H 9 M 6 3 H 9" ${s}/>`,
+  "git-branch": () => `<circle cx="-5" cy="-6" r="2.5" ${s}/><circle cx="-5" cy="7" r="2.5" ${s}/><circle cx="5" cy="-6" r="2.5" ${s}/><path d="M -5 -3.5 V 4.5 M -5 0 C -5 -4 5 -2 5 -3.5" ${s}/>`,
+  bug: () => `<ellipse cx="0" cy="1" rx="5" ry="6" ${s}/><path d="M -5 -2 H 5 M -8 -3 L -5 -1 M 8 -3 L 5 -1 M -8 3 H -5 M 8 3 H 5 M -7 7 L -5 4 M 7 7 L 5 4 M -2 -6 L -4 -9 M 2 -6 L 4 -9" ${s}/>`,
+  rocket: () => `<path d="M 0 -10 C 4 -6 4 0 2 5 H -2 C -4 0 -4 -6 0 -10 Z" ${s}/><circle cx="0" cy="-3" r="1.6" ${s}/><path d="M -2 5 L -5 9 L -2 7 M 2 5 L 5 9 L 2 7" ${s}/>`,
+  webhook: () => `<circle cx="-4" cy="-4" r="2.6" ${s}/><circle cx="5" cy="5" r="2.6" ${s}/><path d="M -2.5 -2 C 1 1 1 3 2.8 4" ${s}/>`,
+  function: () => `<path d="M 5 -8 H 3 C 1 -8 0 -6 0 -3 V 8 M -4 -2 H 4" ${s}/>`,
+  // ── Tier 3 · people / business / analytics ──────────────────
+  users: () => `<circle cx="-3" cy="-4" r="3.2" ${s}/><path d="M -10 9 C -10 3 4 3 4 9" ${s}/><circle cx="5" cy="-3" r="2.6" ${s}/><path d="M 6 0 C 9 0.5 10 4 10 9" ${s}/>`,
+  building: () => `<rect x="-7" y="-9" width="14" height="18" rx="1" ${s}/><path d="M -4 -5 H -1 M 1 -5 H 4 M -4 -1 H -1 M 1 -1 H 4 M -2 9 V 4 H 2 V 9" ${s}/>`,
+  briefcase: () => `<rect x="-9" y="-4" width="18" height="12" rx="1.5" ${s}/><path d="M -4 -4 V -7 H 4 V -4 M -9 1 H 9" ${s}/>`,
+  money: () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M 0 -6 V 6 M 3 -3 C 3 -5 -3 -5 -3 -2.5 C -3 0 3 0 3 2.5 C 3 5 -3 5 -3 3" ${s}/>`,
+  "bar-chart": () => `<path d="M -9 9 H 9 M -8 9 V -9" ${s}/><rect x="-6" y="1" width="3.4" height="8" ${sf}/><rect x="-1" y="-4" width="3.4" height="13" ${sf}/><rect x="4" y="-8" width="3.4" height="17" ${sf}/>`,
+  "pie-chart": () => `<circle cx="0" cy="0" r="9" ${s}/><path d="M 0 0 L 0 -9 A 9 9 0 0 1 7.8 4.5 Z" ${s}/>`,
+  trend: () => `<path d="M -9 7 L -3 1 L 1 4 L 9 -6 M 9 -6 H 4 M 9 -6 V -1" ${s}/>`,
+  chat: () => `<path d="M -9 -7 H 9 V 3 H -2 L -6 7 V 3 H -9 Z" ${s}/>`,
+  bell: () => `<path d="M 0 -9 C 4 -9 6 -6 6 -2 C 6 3 8 5 8 5 H -8 C -8 5 -6 3 -6 -2 C -6 -6 -4 -9 0 -9 Z" ${s}/><path d="M -2.5 5 C -2.5 8 2.5 8 2.5 5" ${s}/>`,
+  phone: () => `<path d="M -7 -7 C -3 -3 3 3 7 7 C 9 5 9 3 7 2 L 4 4 C 1 2 -2 -1 -4 -4 L -2 -7 C -3 -9 -5 -9 -7 -7 Z" ${s}/>`,
+  // ── Tier 4 · medical ─────────────────────────────────────────
+  heart: () => `<path d="M 0 8 C -8 1 -9 -7 -3 -7 C -1 -7 0 -5 0 -4 C 0 -5 1 -7 3 -7 C 9 -7 8 1 0 8 Z" ${s}/>`,
+  pill: () => `<g transform="rotate(-40)"><rect x="-9" y="-4" width="18" height="8" rx="4" ${s}/><path d="M 0 -4 V 4" ${s}/></g>`,
+  cross: () => `<path d="M -3 -9 H 3 V -3 H 9 V 3 H 3 V 9 H -3 V 3 H -9 V -3 H -3 Z" ${s}/>`,
+  syringe: () => `<g transform="rotate(-45)"><rect x="-6" y="-3" width="11" height="6" ${s}/><path d="M 5 0 H 10 M -6 -3 V 3 M -8 0 H -6 M 0 -3 V 3 M 2.5 -3 V 3" ${s}/></g>`,
+  dna: () => `<path d="M -5 -9 C 5 -4 -5 4 5 9 M 5 -9 C -5 -4 5 4 -5 9" ${s}/><path d="M -2.5 -6 H 2.5 M -3.5 0 H 3.5 M -2.5 6 H 2.5" ${s}/>`,
+  // ── Tier 4 · legal ───────────────────────────────────────────
+  scale: () => `<path d="M 0 -9 V 9 M -8 9 H 8 M -8 -5 H 8" ${s}/><circle cx="0" cy="-7.5" r="1.3" ${sf}/><path d="M -8 -5 L -10.5 1 H -5.5 Z M 8 -5 L 5.5 1 H 10.5 Z" ${s}/>`,
+  gavel: () => `<g transform="rotate(40)"><rect x="-5" y="-4.5" width="10" height="9" rx="1" ${s}/><path d="M 0 4.5 V 11 M -5 -2 H 5" ${s}/></g>`,
+  contract: () => `<path d="M -7 -10 H 3 L 7 -6 V 10 H -7 Z" ${s}/><path d="M 3 -10 V -6 H 7 M -4 -2 H 3 M -4 1 H 1 M -4 5 C -2 3 0 7 2 5 C 3 4 4 5 4.5 5" ${s}/>`,
+  stamp: () => `<path d="M -7 9 H 7 M -7 6 H 7 M -4 6 V 2 C -4 0 -2 0 -2 -2 V -5 C -2 -7 2 -7 2 -5 V -2 C 2 0 4 0 4 2 V 6" ${s}/>`,
+  // ── Tier 4 · engineering ─────────────────────────────────────
+  bolt: () => `<path d="M 2 -9 L -5 2 H 0 L -2 9 L 6 -2 H 1 Z" ${s}/>`,
+  battery: () => `<rect x="-9" y="-5" width="16" height="10" rx="1.5" ${s}/><path d="M 7 -2 H 9 V 2 H 7" ${s}/><path d="M -5 -2 V 2 M -1 -2 V 2 M 3 -2 V 2" ${s}/>`,
+  gauge: () => `<path d="M -8 5 A 8 8 0 0 1 8 5" ${s}/><path d="M 0 5 L 4.5 -2" ${s}/><circle cx="0" cy="5" r="1.5" ${sf}/><path d="M -8 5 H -6 M 8 5 H 6 M 0 -3 V -1" ${s}/>`,
+  wrench: () => `<path d="M 5 -9 A 4 4 0 1 0 9 -3 L -1 7 L -4 9.5 L -6.5 7 L -4 4 Z" ${s}/>`,
+  factory: () => `<path d="M -9 9 V -1 L -3 3 V -1 L 3 3 V -1 L 9 3 V 9 Z" ${s}/><path d="M -7 -1 V -7 H -4 V -3" ${s}/>`,
+  valve: () => `<path d="M -9 -6 V 6 L 0 0 Z M 9 -6 V 6 L 0 0 Z" ${s}/><path d="M 0 0 V -8 M -3 -8 H 3" ${s}/>`,
+  // ── Tier 4 · finance ─────────────────────────────────────────
+  bank: () => `<path d="M -9 -2 L 0 -8 L 9 -2 Z" ${s}/><path d="M -7 -2 V 7 M -2.5 -2 V 7 M 2.5 -2 V 7 M 7 -2 V 7 M -9 9 H 9" ${s}/>`,
+  "credit-card": () => `<rect x="-10" y="-7" width="20" height="14" rx="2" ${s}/><path d="M -10 -2 H 10 M -7 4 H -2" ${s}/>`,
+  invoice: () => `<path d="M -7 -10 H 7 V 9 L 5 11 L 3 9 L 1 11 L -1 9 L -3 11 L -5 9 L -7 11 Z" ${s}/><path d="M -4 -5 H 4 M -4 -1 H 4 M -4 3 H 1" ${s}/>`,
+  coins: () => `<ellipse cx="0" cy="-4" rx="7" ry="3" ${s}/><path d="M -7 -4 V 2 C -7 4 7 4 7 2 V -4 M -7 -1 C -7 1 7 1 7 -1" ${s}/>`
+};
+var ALIASES = {
+  db: "database",
+  storage: "database",
+  api: "server",
+  service: "server",
+  person: "user",
+  account: "user",
+  customer: "user",
+  cog: "gear",
+  settings: "gear",
+  config: "gear",
+  doc: "document",
+  web: "globe",
+  internet: "globe",
+  www: "globe",
+  secure: "lock",
+  auth: "lock",
+  password: "lock",
+  email: "mail",
+  envelope: "mail",
+  time: "clock",
+  timer: "clock",
+  schedule: "clock",
+  done: "check",
+  success: "check",
+  ok: "check",
+  complete: "check",
+  warning: "alert",
+  error: "alert",
+  danger: "alert",
+  // tier 1
+  directory: "folder",
+  page: "file",
+  find: "search",
+  pencil: "edit",
+  modify: "edit",
+  delete: "trash",
+  remove: "trash",
+  plus: "add",
+  new: "add",
+  create: "add",
+  refresh: "sync",
+  reload: "sync",
+  publish: "upload",
+  import: "download",
+  save: "download",
+  url: "link",
+  date: "calendar",
+  events: "calendar",
+  menu: "list",
+  steps: "list",
+  sort: "filter",
+  milestone: "flag",
+  favorite: "star",
+  rating: "star",
+  label: "tag",
+  about: "info",
+  help: "question",
+  faq: "question",
+  close: "cancel",
+  reject: "cancel",
+  start: "play",
+  run: "play",
+  end: "stop",
+  // tier 2
+  dev: "code",
+  source: "code",
+  shell: "terminal",
+  cli: "terminal",
+  docker: "container",
+  pod: "container",
+  redis: "cache",
+  firewall: "shield",
+  protect: "shield",
+  token: "key",
+  credential: "key",
+  site: "browser",
+  phone_app: "mobile",
+  app: "mobile",
+  monitor: "desktop",
+  computer: "desktop",
+  chip: "cpu",
+  processor: "cpu",
+  git: "git-branch",
+  branch: "git-branch",
+  issue: "bug",
+  defect: "bug",
+  deploy: "rocket",
+  launch: "rocket",
+  ship: "rocket",
+  hook: "webhook",
+  fn: "function",
+  lambda: "function",
+  // tier 3
+  group: "users",
+  team: "users",
+  org: "building",
+  company: "building",
+  office: "building",
+  work: "briefcase",
+  job: "briefcase",
+  cash: "money",
+  dollar: "money",
+  payment: "money",
+  chart: "bar-chart",
+  bars: "bar-chart",
+  metrics: "bar-chart",
+  pie: "pie-chart",
+  growth: "trend",
+  analytics: "trend",
+  message: "chat",
+  comment: "chat",
+  notification: "bell",
+  notify: "bell",
+  call: "phone",
+  // tier 4 medical
+  health: "heart",
+  like: "heart",
+  medication: "pill",
+  drug: "pill",
+  clinic: "cross",
+  hospital: "cross",
+  medical: "cross",
+  injection: "syringe",
+  vaccine: "syringe",
+  gene: "dna",
+  genetic: "dna",
+  // tier 4 legal
+  justice: "scale",
+  balance: "scale",
+  legal: "scale",
+  judge: "gavel",
+  court: "gavel",
+  agreement: "contract",
+  signed: "contract",
+  seal: "stamp",
+  approved: "stamp",
+  // tier 4 engineering
+  power: "bolt",
+  electric: "bolt",
+  flash: "bolt",
+  charge: "battery",
+  meter: "gauge",
+  speed: "gauge",
+  tool: "wrench",
+  tools: "wrench",
+  repair: "wrench",
+  plant: "factory",
+  industrial: "factory",
+  // tier 4 finance
+  finance: "bank",
+  card: "credit-card",
+  bill: "invoice",
+  receipt: "invoice",
+  coin: "coins"
+};
+function resolveIconName(name) {
+  const key = name.toLowerCase();
+  if (ICONS[key]) return key;
+  if (ALIASES[key] && ICONS[ALIASES[key]]) return ALIASES[key];
+  return void 0;
+}
+function iconNames() {
+  return Object.keys(ICONS);
+}
+function renderIcon(name) {
+  const key = resolveIconName(name);
+  if (key) return ICONS[key]();
+  return `<path d="M -9 -5 H 2 L 9 0 L 2 5 H -9 Z" ${s}/><circle cx="-5" cy="0" r="1" ${sf}/>`;
+}
+function hasIcon(name) {
+  return typeof name === "string" && name.length > 0;
+}
+
 // src/diagrams/flowchart/layout.ts
 var FC_CONST = {
   nodeWidth: 120,
@@ -1035,23 +1324,23 @@ function barycenterReorder(layer, fixed, neighborsOf, biasRight) {
   const scored = layer.map((id, i) => {
     const neighbors = neighborsOf(id).map((n) => fixedIdx.get(n)).filter((p) => p !== void 0);
     if (neighbors.length === 0) return { id, score: -1, orig: i, hasNeighbors: false };
-    const sum = neighbors.reduce((s, n) => s + n, 0);
+    const sum = neighbors.reduce((s2, n) => s2 + n, 0);
     return { id, score: sum / neighbors.length, orig: i, hasNeighbors: true };
   });
-  const withNbrs = scored.filter((s) => s.hasNeighbors);
-  const withoutNbrs = scored.filter((s) => !s.hasNeighbors);
+  const withNbrs = scored.filter((s2) => s2.hasNeighbors);
+  const withoutNbrs = scored.filter((s2) => !s2.hasNeighbors);
   withNbrs.sort((a, b) => {
     if (a.score !== b.score) return a.score - b.score;
     return biasRight ? b.orig - a.orig : a.orig - b.orig;
   });
   const result = new Array(layer.length);
-  for (const s of withoutNbrs) result[s.orig] = s;
+  for (const s2 of withoutNbrs) result[s2.orig] = s2;
   let k = 0;
   for (let i = 0; i < result.length; i++) {
     if (result[i] !== void 0) continue;
     result[i] = withNbrs[k++];
   }
-  return result.map((s) => s.id);
+  return result.map((s2) => s2.id);
 }
 function orderLayers(layers, segments) {
   const succ = /* @__PURE__ */ new Map();
@@ -1218,7 +1507,7 @@ function laneBasedXCoords(layerNodes, pathOf, nodeSpacingX, segments) {
     for (const layerLanes of lanesPerLayer) {
       const members = layerLanes.get(lane) ?? [];
       if (members.length === 0) continue;
-      const inner = members.reduce((s, n) => s + n.width, 0) + (members.length - 1) * nodeSpacingX;
+      const inner = members.reduce((s2, n) => s2 + n.width, 0) + (members.length - 1) * nodeSpacingX;
       if (inner > maxInner) maxInner = inner;
     }
     const pad = lane !== null ? 2 * INNER_PAD : 0;
@@ -1241,7 +1530,7 @@ function laneBasedXCoords(layerNodes, pathOf, nodeSpacingX, segments) {
       if (members.length === 0) continue;
       const laneW = laneWidths[laneIdx];
       const laneStart = laneStartX[laneIdx];
-      const innerW = members.reduce((s, n) => s + n.width, 0) + (members.length - 1) * nodeSpacingX;
+      const innerW = members.reduce((s2, n) => s2 + n.width, 0) + (members.length - 1) * nodeSpacingX;
       let cursor = laneStart + (laneW - innerW) / 2;
       for (const n of members) {
         result.set(n.id, cursor + n.width / 2);
@@ -1284,7 +1573,7 @@ function enforceSequentialClusterLayers(ast, layerMap, edges) {
   const topLevel = ast.subgraphs.filter((sg) => !sgParent.get(sg.id));
   if (topLevel.length < 2) return;
   const collect = (sgId) => {
-    const sg = ast.subgraphs.find((s) => s.id === sgId);
+    const sg = ast.subgraphs.find((s2) => s2.id === sgId);
     if (!sg) return [];
     const ids = [...sg.children];
     for (const childSgId of sg.subgraphs) ids.push(...collect(childSgId));
@@ -1358,7 +1647,7 @@ function hasOverlappingTopLevelClusters(ast, layerMap, sgParent) {
   const topLevel = ast.subgraphs.filter((sg) => !sgParent.get(sg.id));
   if (topLevel.length < 2) return false;
   const collect = (sgId) => {
-    const sg = ast.subgraphs.find((s) => s.id === sgId);
+    const sg = ast.subgraphs.find((s2) => s2.id === sgId);
     if (!sg) return [];
     const ids = [...sg.children];
     for (const childSgId of sg.subgraphs) ids.push(...collect(childSgId));
@@ -1423,6 +1712,10 @@ function layoutFlowchart(ast) {
     if (n.shape === "subroutine") {
       shapeW = Math.max(shapeW, labelW + 36);
     }
+    if (hasIcon(n.icon)) {
+      shapeH += ICON_SIZE + ICON_GAP;
+      shapeW = Math.max(shapeW, ICON_SIZE + 16);
+    }
     return isHorizontalDir ? { w: shapeH, h: shapeW } : { w: shapeW, h: shapeH };
   };
   const nodeMap = /* @__PURE__ */ new Map();
@@ -1790,15 +2083,15 @@ function layoutFlowchart(ast) {
     };
   });
   function collectDescendantNodeIds(sgId) {
-    const sg = ast.subgraphs.find((s) => s.id === sgId);
+    const sg = ast.subgraphs.find((s2) => s2.id === sgId);
     if (!sg) return [];
     const ids = [...sg.children];
     for (const childSgId of sg.subgraphs) ids.push(...collectDescendantNodeIds(childSgId));
     return ids;
   }
   function computeDepth(sgId) {
-    for (const s of ast.subgraphs) {
-      if (s.subgraphs.includes(sgId)) return 1 + computeDepth(s.id);
+    for (const s2 of ast.subgraphs) {
+      if (s2.subgraphs.includes(sgId)) return 1 + computeDepth(s2.id);
     }
     return 0;
   }
@@ -1997,6 +2290,8 @@ var CSS_TEMPLATE = (themeName) => {
 .sx-fc-node-diamond { fill: ${t.diamondFill}; stroke: ${t.stroke}; }
 .sx-fc-node-round { fill: ${t.roundFill}; stroke: ${t.stroke}; }
 .sx-fc-node-text { fill: ${t.text}; font: 12px system-ui, -apple-system, "Segoe UI", sans-serif; }
+.sx-fc-icon { stroke: ${t.text}; fill: none; }
+.sx-fc-icon-fill { fill: ${t.text}; stroke: none; }
 /* Semantic class presets (applied via 'class A start') \u2014 override shape fills */
 .sx-fc-class-start    > .sx-fc-node { fill: ${c.start.fill}; stroke: ${c.start.stroke}; }
 .sx-fc-class-start    > .sx-fc-node-text { fill: ${c.start.text}; font-weight: 600; }
@@ -2073,10 +2368,19 @@ function renderCluster(lc) {
 function renderNode(ln) {
   const n = ln.node;
   const shapeEl = shapeSVG(n.shape, ln.width, ln.height);
+  const iconBand = hasIcon(n.icon) ? ICON_SIZE + ICON_GAP : 0;
+  let iconEl = "";
+  if (iconBand > 0) {
+    iconEl = group(
+      { transform: `translate(${fmt2(ln.width / 2)} ${fmt2(8 + ICON_SIZE / 2)})` },
+      [renderIcon(n.icon)]
+    );
+  }
+  const labelCy = iconBand > 0 ? iconBand + (ln.height - iconBand) / 2 : ln.height / 2;
   const label = multilineText(
     {
       x: ln.width / 2,
-      y: ln.height / 2,
+      y: labelCy,
       class: "sx-fc-node-text",
       "text-anchor": "middle",
       "dominant-baseline": "central"
@@ -2095,7 +2399,7 @@ function renderNode(ln) {
       class: classAttr,
       transform: `translate(${fmt2(ln.x)} ${fmt2(ln.y)})`
     },
-    [shapeEl, label, nodeTitle]
+    [shapeEl, iconEl, label, nodeTitle].filter((sEl) => sEl.length > 0)
   );
 }
 function renderEdge(le) {
@@ -2126,7 +2430,7 @@ function renderEdge(le) {
       "data-from": e.from,
       "data-to": e.to
     },
-    [p, edgeTitle, labelEl].filter((s) => s.length > 0)
+    [p, edgeTitle, labelEl].filter((s2) => s2.length > 0)
   );
 }
 function renderEdgeLabel(label, cx, cy, textAnchor) {
@@ -2183,7 +2487,7 @@ function renderFlowchartAST(ast, themeName = "default") {
     },
     ast.title
   ) : "";
-  const cssOverrides = [nodeStyleOverrides, classDefOverrides, linkStyleOverrides].filter((s) => s.length > 0).join("\n");
+  const cssOverrides = [nodeStyleOverrides, classDefOverrides, linkStyleOverrides].filter((s2) => s2.length > 0).join("\n");
   const headMeta = [
     title(ast.title ? `${ast.title} \u2014 Flowchart` : "Flowchart"),
     desc(
@@ -2236,6 +2540,6 @@ var flowchart = {
   }
 };
 
-export { FC_CONST, flowchart, layoutFlowchart, parseFlowchart, renderFlowchart, renderFlowchartAST };
-//# sourceMappingURL=chunk-UFTYX73U.js.map
-//# sourceMappingURL=chunk-UFTYX73U.js.map
+export { FC_CONST, flowchart, iconNames, layoutFlowchart, parseFlowchart, renderFlowchart, renderFlowchartAST, renderIcon };
+//# sourceMappingURL=chunk-7F76AWOI.js.map
+//# sourceMappingURL=chunk-7F76AWOI.js.map