@nice2dev/ui-diagrams 1.2.2 → 1.3.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as c, Fragment as Je } from "react/jsx-runtime";
-import { useNiceTranslation as Ot, NiceButton as q, NiceIcon as j, NiceSelect as Ie, NiceNumberInput as Ee, NiceTextInput as st, NiceColorPicker as Le, NiceCheckbox as Ke, NiceSlider as Ze, NiceAppShell as dr, NiceTutorialButton as Ft, resolveTutorial as Wt } from "@nice2dev/ui";
-import Lt, { useMemo as se, useContext as ur, createContext as hr, useRef as Ge, useState as te, useCallback as Y, useEffect as Be } from "react";
-class fr {
+import { useNiceTranslation as Ot, NiceButton as q, NiceIcon as j, clickOnActivationKey as Ft, NiceSelect as Ie, NiceNumberInput as Ee, NiceTextInput as st, NiceColorPicker as Le, NiceCheckbox as Ke, NiceSlider as Ze, NiceAppShell as ur, NiceTutorialButton as Wt, resolveTutorial as Lt } from "@nice2dev/ui";
+import qt, { useMemo as se, useContext as hr, createContext as fr, useRef as Ge, useState as te, useCallback as Y, useEffect as Be } from "react";
+class pr {
   constructor(e) {
     this.liquidFlows = /* @__PURE__ */ new Map(), this.glowStates = /* @__PURE__ */ new Map(), this.particles = [], this.emitters = [], this.rafId = 0, this.running = !1, this.lastTime = 0, this.tick = () => {
       if (!this.running)
@@ -92,7 +92,7 @@ class fr {
     };
   }
 }
-function za(i, e, t) {
+function Ma(i, e, t) {
   if (!t)
     return { x: 0, y: 0 };
   const r = document.createElementNS("http://www.w3.org/2000/svg", "path");
@@ -104,10 +104,10 @@ function za(i, e, t) {
     t.removeChild(r);
   }
 }
-function pr(i) {
+function gr(i) {
   return `nd-glow-${i.replace(/[^a-zA-Z0-9]/g, "_")}`;
 }
-function gr(i, e) {
+function mr(i, e) {
   const t = i * 12, r = 1 + Math.sin(e) * 0.3;
   return t * r;
 }
@@ -170,7 +170,7 @@ function It(i, e) {
   return u.push("</g>"), u.push("</svg>"), u.join(`
 `);
 }
-function mr(i) {
+function yr(i) {
   const e = [], t = i.diagramType === "orgchart" || i.diagramType === "mindmap" ? "graph TB" : i.diagramType === "stateMachine" ? "stateDiagram-v2" : "flowchart TD";
   e.push(t);
   for (const r of i.nodes) {
@@ -1014,20 +1014,20 @@ const wt = {
     "orgChartVisualizer.organizationChart": "Organigrama",
     "processMiningDiagram.processMiningDiagram": "Diagrama de minería de procesos"
   }
-}, qt = /* @__PURE__ */ hr(null);
-function Vt(i, e) {
+}, Vt = /* @__PURE__ */ fr(null);
+function Gt(i, e) {
   const t = { ...wt.en, ...wt[i], ...e };
   return { locale: i, t: (o, a) => t[o] ?? a ?? o };
 }
-function Gt({ locale: i = "en", overrides: e, children: t }) {
-  const r = se(() => Vt(i, e), [i, e]);
-  return Lt.createElement(qt.Provider, { value: r }, t);
+function Bt({ locale: i = "en", overrides: e, children: t }) {
+  const r = se(() => Gt(i, e), [i, e]);
+  return qt.createElement(Vt.Provider, { value: r }, t);
 }
 function Ne() {
-  const i = ur(qt), { lang: e } = Ot(), t = wt[e] ? e : "en", r = se(() => Vt(t), [t]);
+  const i = hr(Vt), { lang: e } = Ot(), t = wt[e] ? e : "en", r = se(() => Gt(t), [t]);
   return i ?? r;
 }
-function Ma(i) {
+function Sa(i) {
   const e = [];
   let t;
   try {
@@ -1045,7 +1045,7 @@ function Ma(i) {
   }
   return e.length > 0 ? { ok: !1, errors: e } : { ok: !0, document: t, errors: [] };
 }
-function yr(i, e = !0) {
+function br(i, e = !0) {
   return JSON.stringify(i, null, e ? 2 : void 0);
 }
 class xt {
@@ -1121,7 +1121,7 @@ class xt {
   // ── Node operations ──────────────────────────────────────────
   addNode(e, t, r = "roundedRect", o = { width: 160, height: 60 }) {
     this.pushUndo("Add node");
-    const a = br(), s = {
+    const a = vr(), s = {
       id: qe(),
       label: e,
       position: t,
@@ -1305,7 +1305,7 @@ class xt {
 function qe() {
   return `ndd_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
 }
-function br() {
+function vr() {
   return [
     { id: "top", side: "top", offset: 0.5 },
     { id: "right", side: "right", offset: 0.5 },
@@ -1313,24 +1313,24 @@ function br() {
     { id: "left", side: "left", offset: 0.5 }
   ];
 }
-function vr(i, e, t) {
+function wr(i, e, t) {
   switch (t.algorithm) {
     case "dagre":
-      return Bt(i, e, t);
+      return jt(i, e, t);
     case "grid":
-      return wr(i, t);
+      return xr(i, t);
     case "radial":
-      return xr(i, e);
+      return kr(i, e);
     case "tree":
-      return kr(i, e, t);
-    case "forceDirected":
       return Cr(i, e, t);
+    case "forceDirected":
+      return _r(i, e, t);
     case "manual":
     default:
       return { positions: new Map(i.map((r) => [r.id, { ...r.position }])) };
   }
 }
-function Bt(i, e, t) {
+function jt(i, e, t) {
   const r = t.direction ?? "TB", o = t.nodeSpacing ?? 60, a = t.rankSpacing ?? 100, s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), l = new Set(i.map((m) => m.id));
   i.forEach((m) => {
     s.set(m.id, []), n.set(m.id, []);
@@ -1369,7 +1369,7 @@ function Bt(i, e, t) {
     });
   }), t.centerGraph && kt(u), { positions: u };
 }
-function wr(i, e) {
+function xr(i, e) {
   const t = e.nodeSpacing ?? 80, r = Math.ceil(Math.sqrt(i.length)), o = /* @__PURE__ */ new Map();
   return i.forEach((a, s) => {
     const n = s % r, l = Math.floor(s / r);
@@ -1379,7 +1379,7 @@ function wr(i, e) {
     });
   }), e.centerGraph && kt(o), { positions: o };
 }
-function xr(i, e) {
+function kr(i, e) {
   const t = /* @__PURE__ */ new Map();
   if (i.length === 0)
     return { positions: t };
@@ -1400,15 +1400,15 @@ function xr(i, e) {
     });
   }), { positions: t };
 }
-function kr(i, e, t) {
-  return Bt(i, e, {
+function Cr(i, e, t) {
+  return jt(i, e, {
     ...t,
     direction: t.direction ?? "TB",
     nodeSpacing: t.nodeSpacing ?? 40,
     rankSpacing: t.rankSpacing ?? 80
   });
 }
-function Cr(i, e, t) {
+function _r(i, e, t) {
   const r = /* @__PURE__ */ new Map();
   if (i.length === 0)
     return { positions: r };
@@ -1463,14 +1463,14 @@ function kt(i) {
     n.x -= a, n.y -= s;
   });
 }
-function _r(i) {
+function zr(i) {
   const e = Ge(null);
   e.current || (e.current = new xt(i));
   const t = e.current, [, r] = te(0), o = Y(() => r((n) => n + 1), []);
   Be(() => t.subscribe(o), [t, o]);
   const a = t.getDocument(), s = Y(
     (n) => {
-      vr(t.getNodes(), t.getEdges(), n).positions.forEach((h, d) => {
+      wr(t.getNodes(), t.getEdges(), n).positions.forEach((h, d) => {
         t.moveNode(d, h);
       });
     },
@@ -1546,7 +1546,7 @@ function ge(i) {
     ...i
   };
 }
-function zr(i, e = {}) {
+function Mr(i, e = {}) {
   return {
     backgroundColor: i.surface,
     borderColor: i.primary,
@@ -1560,7 +1560,7 @@ function zr(i, e = {}) {
     ...e
   };
 }
-function Mr(i, e = {}) {
+function Sr(i, e = {}) {
   return {
     strokeColor: i.border,
     strokeWidth: 2,
@@ -1569,7 +1569,7 @@ function Mr(i, e = {}) {
     ...e
   };
 }
-function Sr(i, e = {}) {
+function Ar(i, e = {}) {
   return {
     backgroundColor: `${i.primaryLight}18`,
     borderColor: i.primaryLight,
@@ -1584,15 +1584,15 @@ function Sr(i, e = {}) {
 function me(i, e, t, r, o, a, s) {
   return {
     canvas: i,
-    nodeDefaults: zr(e, r),
-    edgeDefaults: Mr(e, o),
-    groupDefaults: Sr(e, a),
+    nodeDefaults: Mr(e, r),
+    edgeDefaults: Sr(e, o),
+    groupDefaults: Ar(e, a),
     fontFamily: t,
     palette: e,
     effects: s
   };
 }
-const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code', monospace", Ar = "'Merriweather', 'Georgia', serif", Ir = {
+const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code', monospace", Ir = "'Merriweather', 'Georgia', serif", Nr = {
   id: "default-light",
   name: "Default Light",
   category: "corporate",
@@ -1607,7 +1607,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     ge({}),
     De
   )
-}, Nr = /* @__PURE__ */ ge({
+}, Dr = /* @__PURE__ */ ge({
   primary: "var(--nice-primary-light, #60a5fa)",
   primaryLight: "var(--nice-primary, #3b82f6)",
   secondary: "var(--nice-accent, #818cf8)",
@@ -1621,7 +1621,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "var(--nice-border-color, #334155)",
   surface: "var(--nice-bg-secondary, #1e293b)",
   surfaceAlt: "var(--nice-bg-primary, #0f172a)"
-}), Dr = {
+}), $r = {
   id: "default-dark",
   name: "Default Dark",
   category: "dark",
@@ -1633,13 +1633,13 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-primary-light, #60a5fa)"
     },
-    Nr,
+    Dr,
     De,
     { shadow: !1 },
     { strokeColor: "var(--nice-text-secondary, #475569)" },
     { backgroundColor: "#60a5fa10", borderColor: "#3b82f680" }
   )
-}, $r = /* @__PURE__ */ ge({
+}, Tr = /* @__PURE__ */ ge({
   primary: "var(--nice-primary-dark, #1d4ed8)",
   primaryLight: "var(--nice-primary-light, #93c5fd)",
   secondary: "var(--nice-primary, #3b82f6)",
@@ -1648,7 +1648,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "var(--nice-primary-light, #93c5fd)",
   surface: "var(--nice-primary-bg, #eff6ff)",
   surfaceAlt: "var(--nice-primary-bg, #dbeafe)"
-}), Tr = {
+}), Pr = {
   id: "corporate-blue",
   name: "Corporate Blue",
   category: "corporate",
@@ -1660,12 +1660,12 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-primary-dark, #1d4ed8)"
     },
-    $r,
+    Tr,
     De,
     { borderWidth: 2, borderRadius: 6 },
     { strokeColor: "var(--nice-primary-light, #93c5fd)", strokeWidth: 2 }
   )
-}, Pr = /* @__PURE__ */ ge({
+}, Rr = /* @__PURE__ */ ge({
   primary: "var(--nice-success, #00ff88)",
   primaryLight: "#00cc6b",
   secondary: "#ff00ff",
@@ -1679,7 +1679,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#00ff8840",
   surface: "var(--nice-bg, #1a1a2e)",
   surfaceAlt: "var(--nice-bg, #16213e)"
-}), Rr = {
+}), Er = {
   id: "neon-glow",
   name: "Neon Glow",
   category: "dark",
@@ -1690,7 +1690,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-success, #00ff88)"
     },
-    Pr,
+    Rr,
     Ct,
     {
       borderColor: "var(--nice-success, #00ff88)",
@@ -1709,7 +1709,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       liquidColorEnd: "var(--nice-info, #00ffff)"
     }
   )
-}, Er = /* @__PURE__ */ ge({
+}, Or = /* @__PURE__ */ ge({
   primary: "var(--nice-color-accent-pink, #ff2d95)",
   primaryLight: "#ff6db6",
   secondary: "#7928ca",
@@ -1723,7 +1723,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#ff2d9540",
   surface: "#1a0030",
   surfaceAlt: "#2d004a"
-}), Or = {
+}), Fr = {
   id: "cyberpunk",
   name: "Cyberpunk",
   category: "dark",
@@ -1734,7 +1734,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 24,
       selectionColor: "var(--nice-color-accent-pink, #ff2d95)"
     },
-    Er,
+    Or,
     Ct,
     {
       borderColor: "var(--nice-color-accent-pink, #ff2d95)",
@@ -1755,7 +1755,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       liquidColorEnd: "#7928ca"
     }
   )
-}, Fr = /* @__PURE__ */ ge({
+}, Wr = /* @__PURE__ */ ge({
   primary: "var(--nice-bg, #fff)",
   primaryLight: "#ffffffaa",
   secondary: "#4da6ff",
@@ -1765,7 +1765,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#ffffff40",
   surface: "#1e3d6e",
   surfaceAlt: "#163050"
-}), Wr = {
+}), Lr = {
   id: "blueprint",
   name: "Technical Blueprint",
   category: "technical",
@@ -1776,7 +1776,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 16,
       selectionColor: "var(--nice-color-white, #fff)"
     },
-    Fr,
+    Wr,
     Ct,
     {
       backgroundColor: "transparent",
@@ -1794,7 +1794,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       borderWidth: 1
     }
   )
-}, Lr = /* @__PURE__ */ ge({
+}, qr = /* @__PURE__ */ ge({
   primary: "var(--nice-accent, #a78bfa)",
   primaryLight: "var(--nice-accent, #c4b5fd)",
   secondary: "var(--nice-color-accent-pink, #f472b6)",
@@ -1808,7 +1808,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#e2d8f4",
   surface: "#faf5ff",
   surfaceAlt: "#f3e8ff"
-}), qr = {
+}), Vr = {
   id: "pastel-dream",
   name: "Pastel Dream",
   category: "pastel",
@@ -1819,13 +1819,13 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-accent, #a78bfa)"
     },
-    Lr,
+    qr,
     "'Nunito', 'Quicksand', sans-serif",
     { borderColor: "var(--nice-accent, #c4b5fd)", borderWidth: 2, borderRadius: 16, shadow: !0 },
     { strokeColor: "var(--nice-accent, #c4b5fd)", strokeWidth: 2 },
     { backgroundColor: "#a78bfa10", borderColor: "var(--nice-accent, #c4b5fd)", borderRadius: 16 }
   )
-}, Vr = /* @__PURE__ */ ge({
+}, Gr = /* @__PURE__ */ ge({
   primary: "var(--nice-success, #059669)",
   primaryLight: "var(--nice-success-light, #6ee7b7)",
   secondary: "#065f46",
@@ -1839,7 +1839,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#a7d7c5",
   surface: "#ecfdf5",
   surfaceAlt: "#d1fae5"
-}), Gr = {
+}), Br = {
   id: "nature-forest",
   name: "Nature Forest",
   category: "nature",
@@ -1850,7 +1850,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-success, #059669)"
     },
-    Vr,
+    Gr,
     De,
     { borderColor: "var(--nice-success, #059669)", borderRadius: 12 },
     { strokeColor: "var(--nice-success-light, #6ee7b7)" },
@@ -1861,7 +1861,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       particleColor: "var(--nice-warning, #f59e0b)"
     }
   )
-}, Br = /* @__PURE__ */ ge({
+}, jr = /* @__PURE__ */ ge({
   primary: "var(--nice-success, #00ff00)",
   primaryLight: "#00cc00",
   secondary: "var(--nice-success, #00ff00)",
@@ -1871,7 +1871,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#00ff0040",
   surface: "#001100",
   surfaceAlt: "#002200"
-}), jr = {
+}), Yr = {
   id: "retro-terminal",
   name: "Retro Terminal",
   category: "retro",
@@ -1882,7 +1882,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 16,
       selectionColor: "var(--nice-success, #00ff00)"
     },
-    Br,
+    jr,
     "'Courier New', 'Fira Code', monospace",
     {
       backgroundColor: "#001100",
@@ -1902,7 +1902,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       liquidColor: "var(--nice-success, #00ff00)"
     }
   )
-}, Yr = /* @__PURE__ */ ge({
+}, Hr = /* @__PURE__ */ ge({
   primary: "#0000ff",
   primaryLight: "#6666ff",
   secondary: "#ff00ff",
@@ -1912,7 +1912,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "var(--nice-border-color, #000000)",
   surface: "var(--nice-bg, #fff)",
   surfaceAlt: "var(--nice-border, #eeeeee)"
-}), Hr = {
+}), Ur = {
   id: "high-contrast",
   name: "High Contrast",
   category: "accessibility",
@@ -1924,7 +1924,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "#0000ff"
     },
-    Yr,
+    Hr,
     "Arial, sans-serif",
     {
       borderColor: "var(--nice-border-color, #000000)",
@@ -1935,7 +1935,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     { strokeColor: "var(--nice-text, #000000)", strokeWidth: 3 },
     { borderColor: "var(--nice-border-color, #000000)", borderWidth: 2 }
   )
-}, Ur = /* @__PURE__ */ ge({
+}, Xr = /* @__PURE__ */ ge({
   primary: "var(--nice-primary-hover, #1976d2)",
   primaryLight: "#64b5f6",
   secondary: "var(--nice-accent, #9c27b0)",
@@ -1949,7 +1949,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "var(--nice-border, #e0e0e0)",
   surface: "var(--nice-bg-secondary, #fafafa)",
   surfaceAlt: "var(--nice-bg-secondary, #f5f5f5)"
-}), Xr = {
+}), Kr = {
   id: "material-design",
   name: "Material Design",
   category: "theme-based",
@@ -1961,13 +1961,13 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-primary-hover, #1976d2)"
     },
-    Ur,
+    Xr,
     "'Roboto', 'Noto Sans', sans-serif",
     { borderRadius: 4, borderWidth: 0, shadow: !0 },
     { strokeColor: "#bdbdbd", strokeWidth: 2 },
     { borderRadius: 8 }
   )
-}, Kr = /* @__PURE__ */ ge({
+}, Zr = /* @__PURE__ */ ge({
   primary: "#0078d4",
   primaryLight: "#6cb8f7",
   secondary: "#8661c5",
@@ -1981,19 +1981,19 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#edebe9",
   surface: "var(--nice-bg, #fff)",
   surfaceAlt: "#faf9f8"
-}), Zr = {
+}), Jr = {
   id: "fluent-ui",
   name: "Fluent UI",
   category: "theme-based",
   themeSource: "Fluent",
   config: me(
     { background: "#faf9f8", gridColor: "#edebe920", gridSize: 20, selectionColor: "#0078d4" },
-    Kr,
+    Zr,
     "'Segoe UI', system-ui, sans-serif",
     { borderRadius: 4, borderWidth: 1, shadow: !0 },
     { strokeColor: "#c8c6c4", strokeWidth: 1 }
   )
-}, Jr = /* @__PURE__ */ ge({
+}, Qr = /* @__PURE__ */ ge({
   primary: "var(--nice-warning-dark, #e65100)",
   primaryLight: "#ff9e80",
   secondary: "#ff6f00",
@@ -2007,7 +2007,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#ffccbc",
   surface: "#fff8e1",
   surfaceAlt: "var(--nice-warning-bg, #fff3e0)"
-}), Qr = {
+}), ei = {
   id: "sunset-warm",
   name: "Sunset Warm",
   category: "creative",
@@ -2018,7 +2018,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-warning-dark, #e65100)"
     },
-    Jr,
+    Qr,
     De,
     {
       borderColor: "#ff9e80",
@@ -2033,7 +2033,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       particleColor: "#ffd600"
     }
   )
-}, ei = /* @__PURE__ */ ge({
+}, ti = /* @__PURE__ */ ge({
   primary: "#006064",
   primaryLight: "#4dd0e1",
   secondary: "#00838f",
@@ -2047,20 +2047,20 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#b2ebf2",
   surface: "#e0f7fa",
   surfaceAlt: "#b2ebf2"
-}), ti = {
+}), ri = {
   id: "ocean-deep",
   name: "Ocean Deep",
   category: "nature",
   config: me(
     { background: "#e0f7fa", gridColor: "#b2ebf220", gridSize: 20, selectionColor: "#006064" },
-    ei,
+    ti,
     De,
     { borderColor: "#00838f", borderRadius: 12 },
     { strokeColor: "#4dd0e1" },
     {},
     { liquidColor: "#006064", liquidColorEnd: "#4dd0e1", particleColor: "#ffd54f" }
   )
-}, ri = /* @__PURE__ */ ge({
+}, ii = /* @__PURE__ */ ge({
   primary: "#5d4037",
   primaryLight: "#a1887f",
   secondary: "#795548",
@@ -2070,19 +2070,19 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#bcaaa4",
   surface: "#fdf6f0",
   surfaceAlt: "#efebe9"
-}), ii = {
+}), oi = {
   id: "elegant-serif",
   name: "Elegant Serif",
   category: "creative",
   config: me(
     { background: "#fdf6f0", gridColor: "#bcaaa420", gridSize: 24, selectionColor: "#5d4037" },
-    ri,
-    Ar,
+    ii,
+    Ir,
     { borderColor: "#a1887f", borderWidth: 1, borderRadius: 2, fontStyle: "normal" },
     { strokeColor: "#bcaaa4", strokeWidth: 1 },
     { borderRadius: 4 }
   )
-}, oi = /* @__PURE__ */ ge({
+}, ai = /* @__PURE__ */ ge({
   primary: "var(--nice-text, #333333)",
   primaryLight: "var(--nice-text-secondary, #666666)",
   secondary: "var(--nice-text-secondary, #555555)",
@@ -2092,7 +2092,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "var(--nice-border, #cccccc)",
   surface: "var(--nice-bg, #fff)",
   surfaceAlt: "var(--nice-bg-secondary, #f5f5f5)"
-}), ai = {
+}), ni = {
   id: "wireframe",
   name: "Wireframe",
   category: "technical",
@@ -2103,7 +2103,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 16,
       selectionColor: "#ff6600"
     },
-    oi,
+    ai,
     "'Balsamiq Sans', 'Comic Sans MS', cursive",
     {
       backgroundColor: "transparent",
@@ -2121,7 +2121,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       borderColor: "var(--nice-border, #cccccc)"
     }
   )
-}, ni = /* @__PURE__ */ ge({
+}, si = /* @__PURE__ */ ge({
   primary: "#00bfa5",
   primaryLight: "#64ffda",
   secondary: "#00897b",
@@ -2135,7 +2135,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#a7ffeb",
   surface: "#e0f2f1",
   surfaceAlt: "#b2dfdb"
-}), si = {
+}), li = {
   id: "mint-fresh",
   name: "Mint Fresh",
   category: "nature",
@@ -2146,7 +2146,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "#00bfa5"
     },
-    ni,
+    si,
     De,
     {
       borderColor: "#00bfa5",
@@ -2159,7 +2159,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     { borderRadius: 16 },
     { liquidColor: "#00bfa5", liquidColorEnd: "#64ffda", particleColor: "#ff6e40" }
   )
-}, li = /* @__PURE__ */ ge({
+}, ci = /* @__PURE__ */ ge({
   primary: "#424242",
   primaryLight: "var(--nice-text-secondary, #9e9e9e)",
   secondary: "#616161",
@@ -2169,7 +2169,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "var(--nice-border, #e0e0e0)",
   surface: "var(--nice-bg-secondary, #fafafa)",
   surfaceAlt: "var(--nice-bg-secondary, #f5f5f5)"
-}), ci = {
+}), di = {
   id: "monochrome",
   name: "Monochrome",
   category: "corporate",
@@ -2180,7 +2180,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "#424242"
     },
-    li,
+    ci,
     De,
     {
       borderColor: "var(--nice-border-color, #9e9e9e)",
@@ -2190,7 +2190,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     },
     { strokeColor: "var(--nice-text-secondary, #9e9e9e)", strokeWidth: 1.5 }
   )
-}, di = /* @__PURE__ */ ge({
+}, ui = /* @__PURE__ */ ge({
   primary: "var(--nice-color-accent-pink, #e91e63)",
   primaryLight: "#f48fb1",
   secondary: "var(--nice-accent, #9c27b0)",
@@ -2204,7 +2204,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#f8bbd0",
   surface: "#fce4ec",
   surfaceAlt: "#f3e5f5"
-}), ui = {
+}), hi = {
   id: "candy-pop",
   name: "Candy Pop",
   category: "creative",
@@ -2215,7 +2215,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-color-accent-pink, #e91e63)"
     },
-    di,
+    ui,
     "'Quicksand', 'Nunito', sans-serif",
     {
       borderColor: "var(--nice-color-accent-pink, #e91e63)",
@@ -2232,7 +2232,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       particleColor: "var(--nice-warning, #ffeb3b)"
     }
   )
-}, hi = /* @__PURE__ */ ge({
+}, fi = /* @__PURE__ */ ge({
   primary: "var(--nice-text-secondary, #475569)",
   primaryLight: "var(--nice-text-muted, #94a3b8)",
   secondary: "var(--nice-text, #334155)",
@@ -2242,7 +2242,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "var(--nice-border, #cbd5e1)",
   surface: "var(--nice-bg-secondary, #f8fafc)",
   surfaceAlt: "var(--nice-bg-secondary, #f1f5f9)"
-}), fi = {
+}), pi = {
   id: "slate-professional",
   name: "Slate Professional",
   category: "corporate",
@@ -2253,13 +2253,13 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-text-secondary, #475569)"
     },
-    hi,
+    fi,
     "'Inter', system-ui, sans-serif",
     { borderColor: "var(--nice-border, #cbd5e1)", borderWidth: 1, borderRadius: 6, shadow: !0 },
     { strokeColor: "var(--nice-text-muted, #94a3b8)", strokeWidth: 1.5 },
     { borderColor: "var(--nice-border, #cbd5e1)", borderRadius: 8 }
   )
-}, pi = /* @__PURE__ */ ge({
+}, gi = /* @__PURE__ */ ge({
   primary: "var(--nice-accent, #7c3aed)",
   primaryLight: "var(--nice-accent, #a78bfa)",
   secondary: "var(--nice-info, #06b6d4)",
@@ -2273,7 +2273,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#7c3aed40",
   surface: "#1e1b4b",
   surfaceAlt: "#312e81"
-}), gi = {
+}), mi = {
   id: "aurora-borealis",
   name: "Aurora Borealis",
   category: "dark",
@@ -2284,7 +2284,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 24,
       selectionColor: "var(--nice-accent, #a78bfa)"
     },
-    pi,
+    gi,
     De,
     {
       borderColor: "var(--nice-accent, #7c3aed)",
@@ -2304,7 +2304,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       liquidColorEnd: "var(--nice-info, #06b6d4)"
     }
   )
-}, mi = /* @__PURE__ */ ge({
+}, yi = /* @__PURE__ */ ge({
   primary: "#2c3e50",
   primaryLight: "#7f8c8d",
   secondary: "#2980b9",
@@ -2314,13 +2314,13 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#bdc3c7",
   surface: "#fdfaf6",
   surfaceAlt: "#f5f0e8"
-}), yi = {
+}), bi = {
   id: "sketch-hand-drawn",
   name: "Sketch / Hand-drawn",
   category: "creative",
   config: me(
     { background: "#fdfaf6", gridColor: "#bdc3c720", gridSize: 20, selectionColor: "#2980b9" },
-    mi,
+    yi,
     "'Caveat', 'Patrick Hand', cursive",
     {
       backgroundColor: "#fdfaf6",
@@ -2332,7 +2332,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     { strokeColor: "#2c3e50", strokeWidth: 2 },
     { borderStyle: "dashed", borderWidth: 2 }
   )
-}, bi = /* @__PURE__ */ ge({
+}, vi = /* @__PURE__ */ ge({
   primary: "var(--nice-primary, #2196f3)",
   primaryLight: "#64b5f6",
   secondary: "var(--nice-warning, #ff9800)",
@@ -2346,7 +2346,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#ffffff40",
   surface: "var(--nice-primary, #2196f3)",
   surfaceAlt: "var(--nice-primary-dark, #1565c0)"
-}), vi = {
+}), wi = {
   id: "infographic-bold",
   name: "Infographic Bold",
   category: "creative",
@@ -2357,7 +2357,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 24,
       selectionColor: "var(--nice-danger, #ff5722)"
     },
-    bi,
+    vi,
     "'Montserrat', 'Roboto', sans-serif",
     {
       backgroundColor: "var(--nice-primary, #2196f3)",
@@ -2371,7 +2371,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     { strokeColor: "#90a4ae", strokeWidth: 3 },
     { backgroundColor: "#2196f320", borderWidth: 2, borderRadius: 16 }
   )
-}, wi = /* @__PURE__ */ ge({
+}, xi = /* @__PURE__ */ ge({
   primary: "#9333ea",
   primaryLight: "var(--nice-accent, #c084fc)",
   secondary: "var(--nice-info, #6366f1)",
@@ -2381,7 +2381,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
   border: "#7c3aed40",
   surface: "#1c1033",
   surfaceAlt: "#2d1b69"
-}), xi = {
+}), ki = {
   id: "midnight-purple",
   name: "Midnight Purple",
   category: "dark",
@@ -2392,7 +2392,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       gridSize: 20,
       selectionColor: "var(--nice-accent, #c084fc)"
     },
-    wi,
+    xi,
     De,
     {
       borderColor: "#9333ea",
@@ -2411,31 +2411,31 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     }
   )
 }, _t = [
-  Ir,
-  Dr,
-  Tr,
-  Xr,
-  Zr,
-  Rr,
-  Or,
-  Wr,
-  jr,
-  qr,
-  Qr,
-  ti,
-  ii,
-  Gr,
-  ai,
-  Hr,
-  si,
-  ci,
-  ui,
-  fi,
-  gi,
-  yi,
-  vi,
-  xi
-], Sa = [
+  Nr,
+  $r,
+  Pr,
+  Kr,
+  Jr,
+  Er,
+  Fr,
+  Lr,
+  Yr,
+  Vr,
+  ei,
+  ri,
+  oi,
+  Br,
+  ni,
+  Ur,
+  li,
+  di,
+  hi,
+  pi,
+  mi,
+  bi,
+  wi,
+  ki
+], Aa = [
   // Fills
   { id: "fill-solid", name: "Solid Fill", category: "fill", style: { opacity: 1 } },
   {
@@ -2553,7 +2553,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     category: "effect",
     style: { glowColor: "var(--nice-success, #00ff88)", glowIntensity: 0.8 }
   }
-], Aa = [
+], Ia = [
   // Line types
   { id: "line-straight", name: "Straight", category: "type", style: { lineType: "straight" } },
   { id: "line-bezier", name: "Bezier Curve", category: "type", style: { lineType: "bezier" } },
@@ -2712,7 +2712,7 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
       }
     }
   }
-], ki = [
+], Ci = [
   {
     id: "tp-fade-in",
     name: "Fade In",
@@ -2882,13 +2882,13 @@ const De = "'Inter', system-ui, sans-serif", Ct = "'Fira Code', 'Cascadia Code',
     description: "Text appears letter by letter"
   }
 ];
-function Ia(i) {
+function Na(i) {
   return _t.find((e) => e.id === i);
 }
-function Na(i) {
+function Da(i) {
   return _t.filter((e) => e.category === i);
 }
-function Da(i) {
+function $a(i) {
   return {
     canvasBackground: i.canvas.background,
     gridColor: i.canvas.gridColor,
@@ -2902,7 +2902,7 @@ function Da(i) {
     effects: i.effects
   };
 }
-function $a(i, e, t, r, o, a) {
+function Ta(i, e, t, r, o, a) {
   const s = ge({
     primary: t.primary,
     primaryLight: t.primaryHover,
@@ -2917,7 +2917,7 @@ function $a(i, e, t, r, o, a) {
     border: a.color,
     surface: r.primary,
     surfaceAlt: r.secondary
-  }), n = Ci(r.primary);
+  }), n = _i(r.primary);
   return {
     id: i,
     name: `${e} Theme`,
@@ -2937,14 +2937,14 @@ function $a(i, e, t, r, o, a) {
     )
   };
 }
-function Ci(i) {
+function _i(i) {
   const e = i.replace("#", "");
   if (e.length < 6)
     return !1;
   const t = parseInt(e.slice(0, 2), 16), r = parseInt(e.slice(2, 4), 16), o = parseInt(e.slice(4, 6), 16);
   return (t * 299 + r * 587 + o * 114) / 1e3 < 128;
 }
-const _i = [
+const zi = [
   "fadeIn",
   "fadeOut",
   "slideInLeft",
@@ -2968,7 +2968,7 @@ const _i = [
   "morphShape",
   "drawPath",
   "particleTrail"
-], zi = ["linear", "easeIn", "easeOut", "easeInOut", "spring", "bounce"], jt = ({
+], Mi = ["linear", "easeIn", "easeOut", "easeInOut", "spring", "bounce"], Yt = ({
   animations: i,
   onAdd: e,
   onRemove: t,
@@ -3091,7 +3091,7 @@ const _i = [
                 width: 200,
                 zIndex: 100
               },
-              children: ki.map((m) => /* @__PURE__ */ c(
+              children: Ci.map((m) => /* @__PURE__ */ c(
                 q,
                 {
                   variant: "ghost",
@@ -3124,6 +3124,9 @@ const _i = [
             /* @__PURE__ */ c(
               "span",
               {
+                role: "button",
+                tabIndex: 0,
+                onKeyDown: Ft,
                 className: "nice-diagram-timeline__track-name",
                 onClick: () => u(N ? null : m.id),
                 style: { cursor: "pointer" },
@@ -3161,7 +3164,7 @@ const _i = [
                   {
                     value: m.effect,
                     onChange: (_) => r == null ? void 0 : r(m.id, { effect: _ }),
-                    options: _i.map((_) => ({ value: _, label: _ })),
+                    options: zi.map((_) => ({ value: _, label: _ })),
                     style: { fontSize: 11, padding: "1px 4px" }
                   }
                 ),
@@ -3170,7 +3173,7 @@ const _i = [
                   {
                     value: m.easing,
                     onChange: (_) => r == null ? void 0 : r(m.id, { easing: _ }),
-                    options: zi.map((_) => ({ value: _, label: _ })),
+                    options: Mi.map((_) => ({ value: _, label: _ })),
                     style: { fontSize: 11, padding: "1px 4px" }
                   }
                 ),
@@ -3242,8 +3245,8 @@ const _i = [
     }) })
   ] });
 };
-process.env.NODE_ENV !== "production" && (jt.displayName = "AnimationTimeline");
-const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
+process.env.NODE_ENV !== "production" && (Yt.displayName = "AnimationTimeline");
+const Si = /^[a-z][a-z0-9-]*$/, Ai = 0.1, Ii = 5, nt = 8, bt = [
   { cursor: "nw-resize", dx: 0, dy: 0, resizeX: -1, resizeY: -1 },
   { cursor: "n-resize", dx: 0.5, dy: 0, resizeX: 0, resizeY: -1 },
   { cursor: "ne-resize", dx: 1, dy: 0, resizeX: 1, resizeY: -1 },
@@ -3306,7 +3309,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
     (f) => {
       if (f.preventDefault(), !o)
         return;
-      const k = f.deltaY > 0 ? 0.9 : 1.1, M = Math.min(Ai, Math.max(Si, r.zoom * k)), I = V.current;
+      const k = f.deltaY > 0 ? 0.9 : 1.1, M = Math.min(Ii, Math.max(Ai, r.zoom * k)), I = V.current;
       if (!I)
         return;
       const F = I.getBoundingClientRect(), S = f.clientX - F.left, D = f.clientY - F.top, ne = M / r.zoom, Q = S - (S - r.x) * ne, ee = D - (D - r.y) * ne;
@@ -3509,7 +3512,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
       }
     },
     [i, gt]
-  ), or = Y(
+  ), ar = Y(
     (f) => {
       const k = Ue(f.sourceNodeId, f.sourcePortId), M = Ue(f.targetNodeId, f.targetPortId);
       switch (f.style.lineType ?? "bezier") {
@@ -3531,7 +3534,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
       }
     },
     [Ue]
-  ), ar = Y((f, k) => {
+  ), nr = Y((f, k) => {
     const { size: M, style: I, shape: F } = f, S = M.width, D = M.height, Q = !!(I.gradientColor && I.backgroundColor) ? `url(#${k})` : I.backgroundColor ?? "var(--nice-bg, #fff)", ee = I.borderColor ?? "var(--nice-text, #333333)", ce = I.borderWidth ?? 1, ye = I.borderRadius ?? (F === "roundedRect" ? 8 : 0), ue = I.borderStyle === "dashed" ? "8,4" : I.borderStyle === "dotted" ? "2,4" : void 0, pe = I.shadow ? "url(#nd-shadow)" : void 0;
     switch (F) {
       case "ellipse":
@@ -3702,12 +3705,12 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
       };
     },
     [y]
-  ), nr = se(() => {
+  ), sr = se(() => {
     if (!x)
       return null;
     const f = [];
     for (const [, k] of x.glowStates) {
-      const M = pr(k.elementId), I = gr(k.intensity, k.pulse);
+      const M = gr(k.elementId), I = mr(k.intensity, k.pulse);
       f.push(
         /* @__PURE__ */ b("filter", { id: M, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
           /* @__PURE__ */ c("feGaussianBlur", { in: "SourceGraphic", stdDeviation: I, result: "blur" }),
@@ -3721,7 +3724,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
       );
     }
     return f;
-  }, [x]), sr = se(() => {
+  }, [x]), lr = se(() => {
     if (!x)
       return null;
     const f = [];
@@ -3748,7 +3751,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
       );
     }
     return f;
-  }, [x, e]), lr = se(() => i.filter((f) => f.style.gradientColor && f.style.backgroundColor).map((f) => {
+  }, [x, e]), cr = se(() => i.filter((f) => f.style.gradientColor && f.style.backgroundColor).map((f) => {
     const k = `nd-grad-${f.id}`, M = f.style.gradientDirection ?? "vertical";
     return M === "radial" ? /* @__PURE__ */ b("radialGradient", { id: k, children: [
       /* @__PURE__ */ c("stop", { offset: "0%", stopColor: f.style.backgroundColor }),
@@ -3850,9 +3853,9 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
               strokeWidth: "0.5"
             }
           ) }),
-          lr,
-          nr,
+          cr,
           sr,
+          lr,
           i.filter((f) => f.style.glowColor).map((f) => {
             const k = `nd-node-glow-${f.id}`, M = (f.style.glowIntensity ?? 0.5) * 10;
             return /* @__PURE__ */ b("filter", { id: k, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
@@ -4068,7 +4071,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
           )),
           e.map((f) => {
             var ye;
-            const k = or(f), M = et.has(f.id), I = f.style.targetArrow === "diamond" ? "url(#nd-diamond-marker)" : f.style.targetArrow === "circle" ? "url(#nd-circle-marker)" : f.style.targetArrow === "openArrow" ? "url(#nd-open-arrow)" : f.style.targetArrow !== "none" ? "url(#nd-arrow)" : void 0, F = f.style.sourceArrow === "diamond" ? "url(#nd-diamond-marker)" : f.style.sourceArrow === "circle" ? "url(#nd-circle-marker)" : f.style.sourceArrow === "openArrow" ? "url(#nd-open-arrow)" : f.style.sourceArrow === "arrow" ? "url(#nd-arrow)" : void 0, S = At(f.id), D = y == null ? void 0 : y.get(f.id), ne = D == null ? void 0 : D.strokeProgress, Q = ne != null && ne >= 0 && ne < 1 ? { strokeDasharray: "1000", strokeDashoffset: `${1e3 * (1 - ne)}` } : void 0, ee = f.style.liquidFlow, ce = x == null ? void 0 : x.liquidFlows.get(f.id);
+            const k = ar(f), M = et.has(f.id), I = f.style.targetArrow === "diamond" ? "url(#nd-diamond-marker)" : f.style.targetArrow === "circle" ? "url(#nd-circle-marker)" : f.style.targetArrow === "openArrow" ? "url(#nd-open-arrow)" : f.style.targetArrow !== "none" ? "url(#nd-arrow)" : void 0, F = f.style.sourceArrow === "diamond" ? "url(#nd-diamond-marker)" : f.style.sourceArrow === "circle" ? "url(#nd-circle-marker)" : f.style.sourceArrow === "openArrow" ? "url(#nd-open-arrow)" : f.style.sourceArrow === "arrow" ? "url(#nd-arrow)" : void 0, S = At(f.id), D = y == null ? void 0 : y.get(f.id), ne = D == null ? void 0 : D.strokeProgress, Q = ne != null && ne >= 0 && ne < 1 ? { strokeDasharray: "1000", strokeDashoffset: `${1e3 * (1 - ne)}` } : void 0, ee = f.style.liquidFlow, ce = x == null ? void 0 : x.liquidFlows.get(f.id);
             return /* @__PURE__ */ b(
               "g",
               {
@@ -4195,7 +4198,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
             );
           }),
           i.filter((f) => !f.hidden || m === "editor").map((f) => {
-            const k = et.has(f.id), M = At(f.id), I = y == null ? void 0 : y.get(f.id), F = f.style.fontFamily ?? (a == null ? void 0 : a.fontFamily) ?? "sans-serif", S = f.style.fontSize ?? 14, D = f.style.fontColor ?? "var(--nice-text, #222)", ne = f.style.fontWeight ?? "normal", Q = f.style.fontStyle ?? "normal", ee = f.style.textAlign ?? "center", ce = f.style.rotation ?? 0, ye = `nd-grad-${f.id}`, ue = !!f.hidden, pe = ue ? C ?? 0.3 : f.style.opacity ?? 1, be = f.style.glowColor ? `url(#nd-node-glow-${f.id})` : void 0, Se = ee === "left" ? "start" : ee === "right" ? "end" : "middle", Te = ee === "left" ? 8 : ee === "right" ? f.size.width - 8 : f.size.width / 2, Ae = I == null ? void 0 : I.typewriterChars, ot = Ae != null && Ae >= 0 ? f.label.slice(0, Ae) : f.label, he = I == null ? void 0 : I.liquidFillProgress, Ve = I == null ? void 0 : I.rippleRadius, at = I == null ? void 0 : I.rippleOpacity, mt = f.childNodeIds && f.childNodeIds.length > 0, cr = !!f.collapsed;
+            const k = et.has(f.id), M = At(f.id), I = y == null ? void 0 : y.get(f.id), F = f.style.fontFamily ?? (a == null ? void 0 : a.fontFamily) ?? "sans-serif", S = f.style.fontSize ?? 14, D = f.style.fontColor ?? "var(--nice-text, #222)", ne = f.style.fontWeight ?? "normal", Q = f.style.fontStyle ?? "normal", ee = f.style.textAlign ?? "center", ce = f.style.rotation ?? 0, ye = `nd-grad-${f.id}`, ue = !!f.hidden, pe = ue ? C ?? 0.3 : f.style.opacity ?? 1, be = f.style.glowColor ? `url(#nd-node-glow-${f.id})` : void 0, Se = ee === "left" ? "start" : ee === "right" ? "end" : "middle", Te = ee === "left" ? 8 : ee === "right" ? f.size.width - 8 : f.size.width / 2, Ae = I == null ? void 0 : I.typewriterChars, ot = Ae != null && Ae >= 0 ? f.label.slice(0, Ae) : f.label, he = I == null ? void 0 : I.liquidFillProgress, Ve = I == null ? void 0 : I.rippleRadius, at = I == null ? void 0 : I.rippleOpacity, mt = f.childNodeIds && f.childNodeIds.length > 0, dr = !!f.collapsed;
             return /* @__PURE__ */ b(
               "g",
               {
@@ -4236,7 +4239,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
                       opacity: 0.5
                     }
                   ),
-                  ar(f, ye),
+                  nr(f, ye),
                   he != null && he > 0 && he < 1 && /* @__PURE__ */ c("clipPath", { id: `nd-liquid-clip-${f.id}`, children: /* @__PURE__ */ c(
                     "rect",
                     {
@@ -4368,7 +4371,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
                         children: f.description
                       }
                     ),
-                    f.icon && (Mi.test(f.icon) ? /* @__PURE__ */ c(
+                    f.icon && (Si.test(f.icon) ? /* @__PURE__ */ c(
                       "g",
                       {
                         transform: `translate(${f.size.width / 2 - 8}, 4)`,
@@ -4429,7 +4432,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
                               children: /* @__PURE__ */ c(
                                 j,
                                 {
-                                  name: cr ? "chevron-right" : "chevron-down",
+                                  name: dr ? "chevron-right" : "chevron-down",
                                   size: 10,
                                   color: "var(--nice-text-secondary, #666)"
                                 }
@@ -4441,7 +4444,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
                     )
                   ] }),
                   $ && f.ports.map((xe) => {
-                    const Pe = Ii(f, xe.id);
+                    const Pe = Ni(f, xe.id);
                     return /* @__PURE__ */ c(
                       "circle",
                       {
@@ -4491,7 +4494,7 @@ const Mi = /^[a-z][a-z0-9-]*$/, Si = 0.1, Ai = 5, nt = 8, bt = [
   );
 };
 process.env.NODE_ENV !== "production" && (Re.displayName = "DiagramCanvas");
-function Ii(i, e) {
+function Ni(i, e) {
   const t = i.ports.find((o) => o.id === e);
   if (!t)
     return { x: 0, y: 0 };
@@ -4509,15 +4512,15 @@ function Ii(i, e) {
       return { x: 0, y: 0 };
   }
 }
-const Ni = 180, Di = 120, Yt = ({
+const Di = 180, $i = 120, Ht = ({
   nodes: i,
   edges: e,
   viewport: t,
   onViewportChange: r,
   canvasWidth: o = 800,
   canvasHeight: a = 600,
-  width: s = Ni,
-  height: n = Di,
+  width: s = Di,
+  height: n = $i,
   className: l
 }) => {
   const h = se(() => {
@@ -4605,8 +4608,8 @@ const Ni = 180, Di = 120, Yt = ({
     }
   );
 };
-process.env.NODE_ENV !== "production" && (Yt.displayName = "DiagramMinimap");
-const $i = [
+process.env.NODE_ENV !== "production" && (Ht.displayName = "DiagramMinimap");
+const Ti = [
   "rectangle",
   "roundedRect",
   "ellipse",
@@ -4619,7 +4622,7 @@ const $i = [
   "cloud",
   "document",
   "actor"
-], Ht = ({
+], Ut = ({
   selectedNode: i,
   selectedEdge: e,
   onNodeChange: t,
@@ -4680,7 +4683,7 @@ const $i = [
         {
           value: i.shape,
           onChange: (p) => t == null ? void 0 : t(i.id, { shape: p }),
-          options: $i.map((p) => ({ value: p, label: p })),
+          options: Ti.map((p) => ({ value: p, label: p })),
           className: "nice-diagram-property-panel__select"
         }
       )
@@ -5167,7 +5170,7 @@ const $i = [
     )
   ] }) : null;
 };
-process.env.NODE_ENV !== "production" && (Ht.displayName = "DiagramPropertyPanel");
+process.env.NODE_ENV !== "production" && (Ut.displayName = "DiagramPropertyPanel");
 const Dt = {
   flowchart: [
     "rectangle",
@@ -5201,7 +5204,7 @@ const Dt = {
     "document",
     "actor"
   ]
-}, Ti = ["dagre", "forceDirected", "grid", "radial", "tree"], Pi = [
+}, Pi = ["dagre", "forceDirected", "grid", "radial", "tree"], Ri = [
   "sans-serif",
   "serif",
   "monospace",
@@ -5213,7 +5216,7 @@ const Dt = {
   "Verdana",
   "Tahoma",
   "Trebuchet MS"
-], Ri = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 72], Ut = ({
+], Ei = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 72], Xt = ({
   activeTool: i,
   onToolChange: e,
   diagramType: t,
@@ -5368,7 +5371,7 @@ const Dt = {
             size: "sm",
             onClick: () => ft(J),
             children: [
-              /* @__PURE__ */ c(j, { name: Ei(J), size: 14 }),
+              /* @__PURE__ */ c(j, { name: Oi(J), size: 14 }),
               " ",
               J
             ]
@@ -5586,7 +5589,7 @@ const Dt = {
             className: "nice-diagram-toolbar__font-select",
             value: A,
             onChange: (J) => C == null ? void 0 : C(J),
-            options: Pi.map((J) => ({ value: J, label: J })),
+            options: Ri.map((J) => ({ value: J, label: J })),
             title: O("toolbar.fontFamily", "Font Family")
           }
         ),
@@ -5596,7 +5599,7 @@ const Dt = {
             className: "nice-diagram-toolbar__size-select",
             value: String(_),
             onChange: (J) => N == null ? void 0 : N(Number(J)),
-            options: Ri.map((J) => ({
+            options: Ei.map((J) => ({
               value: String(J),
               label: String(J)
             })),
@@ -5890,7 +5893,7 @@ const Dt = {
             ]
           }
         ),
-        ut && /* @__PURE__ */ c("div", { className: "nice-diagram-toolbar__dropdown", children: Ti.map((J) => /* @__PURE__ */ c(
+        ut && /* @__PURE__ */ c("div", { className: "nice-diagram-toolbar__dropdown", children: Pi.map((J) => /* @__PURE__ */ c(
           q,
           {
             className: "nice-diagram-toolbar__dropdown-item",
@@ -6033,8 +6036,8 @@ const Dt = {
     ] })
   ] });
 };
-process.env.NODE_ENV !== "production" && (Ut.displayName = "DiagramToolbar");
-function Ei(i) {
+process.env.NODE_ENV !== "production" && (Xt.displayName = "DiagramToolbar");
+function Oi(i) {
   switch (i) {
     case "rectangle":
       return "square";
@@ -6064,7 +6067,7 @@ function Ei(i) {
       return "card";
   }
 }
-const Oi = [
+const Fi = [
   {
     target: ".nice-diagram-editor",
     titleKey: "tutorial.diagramEditor.intro.title",
@@ -6073,7 +6076,7 @@ const Oi = [
     content: "Pick a tool to add and connect nodes on the canvas, edit them in the property panel, and export the diagram from the toolbar.",
     placement: "auto"
   }
-], Fi = ({
+], Wi = ({
   initialDocument: i,
   diagramType: e = "flowchart",
   onChange: t,
@@ -6088,13 +6091,13 @@ const Oi = [
   tutorial: g
 }) => {
   var ke;
-  const { t: v } = Ot(), u = _r(i), [p, y] = te("select"), [x, m] = te(null), C = Ge(null), [A, N] = te("editor"), _ = Ge(null), [w, W] = te({
+  const { t: v } = Ot(), u = zr(i), [p, y] = te("select"), [x, m] = te(null), C = Ge(null), [A, N] = te("editor"), _ = Ge(null), [w, W] = te({
     particles: [],
     liquidFlows: /* @__PURE__ */ new Map(),
     glowStates: /* @__PURE__ */ new Map()
   });
   Be(() => {
-    const E = new fr((re) => {
+    const E = new pr((re) => {
       W(re);
     });
     return _.current = E, E.start(), () => {
@@ -6198,13 +6201,13 @@ const Oi = [
       let ae;
       switch (E) {
         case "ndd":
-          ae = yr(re, !0);
+          ae = br(re, !0);
           break;
         case "svg":
           ae = It(re);
           break;
         case "mermaid":
-          ae = mr(re);
+          ae = yr(re);
           break;
         case "png":
           ae = It(re);
@@ -6227,7 +6230,7 @@ const Oi = [
     [u.nodes, u.edges]
   ), ie = a || u.animationModes.length > 0 ? /* @__PURE__ */ b("div", { style: { display: "flex", flexDirection: "column", gap: 0, width: "100%" }, children: [
     a && /* @__PURE__ */ c(
-      Ut,
+      Xt,
       {
         activeTool: p,
         onToolChange: y,
@@ -6297,8 +6300,8 @@ const Oi = [
       }
     )
   ] }) : void 0;
-  return /* @__PURE__ */ c(Gt, { locale: o, children: /* @__PURE__ */ b(
-    dr,
+  return /* @__PURE__ */ c(Bt, { locale: o, children: /* @__PURE__ */ b(
+    ur,
     {
       ref: C,
       flush: !0,
@@ -6311,7 +6314,7 @@ const Oi = [
           className: "nice-diagram-editor__panel",
           style: { width: 260, overflowY: "auto", height: "100%" },
           children: /* @__PURE__ */ c(
-            Ht,
+            Ut,
             {
               selectedNode: H,
               selectedEdge: B,
@@ -6323,7 +6326,7 @@ const Oi = [
         }
       ) : void 0,
       bottomPanel: l ? /* @__PURE__ */ c("div", { className: "nice-diagram-editor__timeline", children: /* @__PURE__ */ c(
-        jt,
+        Yt,
         {
           animations: u.animations,
           onAdd: u.addAnimation,
@@ -6332,7 +6335,7 @@ const Oi = [
         }
       ) }) : void 0,
       children: [
-        /* @__PURE__ */ c("span", { style: { position: "absolute", top: 6, right: 6, zIndex: 30 }, children: /* @__PURE__ */ c(Ft, { steps: Wt(g, Oi) }) }),
+        /* @__PURE__ */ c("span", { style: { position: "absolute", top: 6, right: 6, zIndex: 30 }, children: /* @__PURE__ */ c(Wt, { steps: Lt(g, Fi) }) }),
         /* @__PURE__ */ b(
           "div",
           {
@@ -6362,7 +6365,7 @@ const Oi = [
                 }
               ),
               n && /* @__PURE__ */ c("div", { style: { position: "absolute", bottom: 8, left: 8 }, children: /* @__PURE__ */ c(
-                Yt,
+                Ht,
                 {
                   nodes: u.nodes,
                   edges: u.edges,
@@ -6377,7 +6380,7 @@ const Oi = [
     }
   ) });
 };
-process.env.NODE_ENV !== "production" && (Fi.displayName = "NiceDiagramEditor");
+process.env.NODE_ENV !== "production" && (Wi.displayName = "NiceDiagramEditor");
 const $t = {
   linear: (i) => i,
   easeIn: (i) => i * i,
@@ -6399,10 +6402,10 @@ const $t = {
     return 7.5625 * e * e + 0.984375;
   }
 };
-function Wi(i) {
+function Li(i) {
   return $t[i] ?? $t.linear;
 }
-const Xt = {
+const Kt = {
   opacity: 1,
   scale: 1,
   translateX: 0,
@@ -6416,7 +6419,7 @@ const Xt = {
   liquidFillProgress: -1,
   particleTrailT: -1
 };
-class Li {
+class qi {
   constructor(e, t) {
     this.startTime = 0, this.playing = !1, this.rafId = 0, this.stateMap = /* @__PURE__ */ new Map(), this.tick = () => {
       if (!this.playing)
@@ -6430,7 +6433,7 @@ class Li {
         const n = a.repeat ?? 0;
         let l = r - s;
         if (l < 0) {
-          this.stateMap.set(a.targetId, Vi(a)), o = !0;
+          this.stateMap.set(a.targetId, Gi(a)), o = !0;
           continue;
         }
         if (n === -1)
@@ -6445,7 +6448,7 @@ class Li {
             continue;
           o = !0;
         }
-        const h = Math.min(l / a.durationMs, 1), d = Wi(a.easing)(h), g = qi(a, d);
+        const h = Math.min(l / a.durationMs, 1), d = Li(a.easing)(h), g = Vi(a, d);
         this.stateMap.set(a.targetId, g);
       }
       this.onFrame(this.stateMap), o ? this.rafId = requestAnimationFrame(this.tick) : this.playing = !1;
@@ -6464,8 +6467,8 @@ class Li {
     return this.playing;
   }
 }
-function qi(i, e) {
-  const t = { ...Xt };
+function Vi(i, e) {
+  const t = { ...Kt };
   switch (i.effect) {
     case "fadeIn":
       t.opacity = e;
@@ -6539,8 +6542,8 @@ function qi(i, e) {
   }
   return t;
 }
-function Vi(i) {
-  const e = { ...Xt };
+function Gi(i) {
+  const e = { ...Kt };
   switch (i.effect) {
     case "fadeIn":
     case "slideInLeft":
@@ -6563,7 +6566,7 @@ function Vi(i) {
   }
   return e;
 }
-function Gi(i) {
+function Bi(i) {
   return {
     rectangle: "rectangle",
     roundedRect: "roundedRect",
@@ -6576,7 +6579,7 @@ function Gi(i) {
     triangle: "triangle"
   }[i || "rectangle"] || "rectangle";
 }
-function Bi(i) {
+function ji(i) {
   return i ? {
     backgroundColor: i.fill,
     borderColor: i.stroke,
@@ -6587,7 +6590,7 @@ function Bi(i) {
     borderStyle: i.strokeDasharray ? "dashed" : "solid"
   } : {};
 }
-function ji(i) {
+function Yi(i) {
   if (!i)
     return {};
   let e = "straight";
@@ -6601,7 +6604,7 @@ function ji(i) {
     opacity: i.opacity
   };
 }
-function Yi(i) {
+function Hi(i) {
   if (i)
     return {
       backgroundColor: i.fill,
@@ -6609,14 +6612,14 @@ function Yi(i) {
       borderWidth: i.strokeWidth
     };
 }
-function Hi(i) {
+function Ui(i) {
   return {
     id: i.id,
     label: i.label,
     position: { x: i.x, y: i.y },
     size: { width: i.width, height: i.height },
-    shape: Gi(i.shape),
-    style: Bi(i.style),
+    shape: Bi(i.shape),
+    style: ji(i.style),
     ports: (i.ports || []).map((e, t) => ({
       id: e.id,
       side: e.position || "right",
@@ -6625,7 +6628,7 @@ function Hi(i) {
     data: i.data
   };
 }
-function Ui(i, e) {
+function Xi(i, e) {
   var s, n;
   const t = e.find((l) => l.id === i.source), r = e.find((l) => l.id === i.target), o = i.sourcePort || ((s = t == null ? void 0 : t.ports[0]) == null ? void 0 : s.id) || `${i.source}-out`, a = i.targetPort || ((n = r == null ? void 0 : r.ports[0]) == null ? void 0 : n.id) || `${i.target}-in`;
   return {
@@ -6635,19 +6638,19 @@ function Ui(i, e) {
     targetNodeId: i.target,
     targetPortId: a,
     label: i.label,
-    style: ji(i.style),
+    style: Yi(i.style),
     data: i.data
   };
 }
-function Xi(i) {
+function Ki(i) {
   return {
     id: i.id,
     label: i.label,
     nodeIds: i.nodeIds,
-    style: Yi(i.style)
+    style: Hi(i.style)
   };
 }
-function Ki(i) {
+function Zi(i) {
   var e;
   return {
     id: i.id,
@@ -6661,7 +6664,7 @@ function Ki(i) {
   };
 }
 function Oe(i) {
-  const e = i.nodes.map(Hi);
+  const e = i.nodes.map(Ui);
   return e.forEach((t, r) => {
     t.ports.length === 0 && (t.ports = [
       { id: `${t.id}-out`, side: "right", offset: 0.5 },
@@ -6675,9 +6678,9 @@ function Oe(i) {
     title: i.title,
     diagramType: i.diagramType,
     nodes: e,
-    edges: i.edges.map((t) => Ui(t, e)),
-    groups: (i.groups || []).map(Xi),
-    animations: (i.animations || []).map(Ki),
+    edges: i.edges.map((t) => Xi(t, e)),
+    groups: (i.groups || []).map(Ki),
+    animations: (i.animations || []).map(Zi),
     viewport: { x: 0, y: 0, zoom: 1 },
     metadata: {
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -6686,14 +6689,14 @@ function Oe(i) {
     }
   };
 }
-const Zi = Oe({
+const Ji = Oe({
   id: "empty",
   title: "",
   diagramType: "flowchart",
   nodes: [],
   edges: []
-}), Ji = ({
-  document: i = Zi,
+}), Qi = ({
+  document: i = Ji,
   lang: e = "en",
   autoPlay: t = !1,
   showControls: r,
@@ -6704,7 +6707,7 @@ const Zi = Oe({
 }) => {
   const l = r ?? a, h = o ?? a, [d, g] = te({ ...i.viewport }), [v, u] = te(/* @__PURE__ */ new Map()), [p, y] = te(!1), x = Ge(null), m = Y(() => {
     x.current && x.current.stop();
-    const w = new Li(i.animations, (W) => {
+    const w = new qi(i.animations, (W) => {
       u(new Map(W)), w.isPlaying() || y(!1);
     });
     x.current = w, w.play(), y(!0);
@@ -6712,7 +6715,7 @@ const Zi = Oe({
     var w;
     (w = x.current) == null || w.stop(), y(!1), u(/* @__PURE__ */ new Map());
   }, []);
-  Lt.useEffect(() => (t && i.animations.length > 0 && m(), () => {
+  qt.useEffect(() => (t && i.animations.length > 0 && m(), () => {
     var w;
     (w = x.current) == null || w.stop();
   }), [t]);
@@ -6723,14 +6726,14 @@ const Zi = Oe({
     () => g((w) => ({ ...w, zoom: Math.max(0.1, w.zoom / 1.2) })),
     []
   ), _ = Y(() => g({ x: 0, y: 0, zoom: 1 }), []);
-  return /* @__PURE__ */ c(Gt, { locale: e, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ c(Bt, { locale: e, children: /* @__PURE__ */ b(
     "div",
     {
       className: `nice-diagram-viewer ${s ?? ""}`,
       style: { display: "flex", flexDirection: "column", height: "100%", ...n },
       children: [
         l && /* @__PURE__ */ c(
-          Qi,
+          eo,
           {
             isPlaying: p,
             hasAnimations: i.animations.length > 0,
@@ -6759,8 +6762,8 @@ const Zi = Oe({
     }
   ) });
 };
-process.env.NODE_ENV !== "production" && (Ji.displayName = "NiceDiagramViewer");
-const Qi = ({
+process.env.NODE_ENV !== "production" && (Qi.displayName = "NiceDiagramViewer");
+const eo = ({
   isPlaying: i,
   hasAnimations: e,
   onPlay: t,
@@ -6845,23 +6848,23 @@ const Qi = ({
       ]
     }
   );
-}, eo = "_cell_95fwm_9", to = "_expandable_95fwm_29", ro = "_svg_95fwm_57", io = "_emptyText_95fwm_67", oo = "_badge_95fwm_79", ao = "_expandIcon_95fwm_117", no = "_modalOverlay_95fwm_169", so = "_modalContent_95fwm_217", lo = "_modalHeader_95fwm_267", co = "_modalTitle_95fwm_285", uo = "_modalClose_95fwm_299", ho = "_modalBody_95fwm_337", fo = "_modalSvg_95fwm_357", po = "_modalFooter_95fwm_371", go = "_modalInfo_95fwm_389", Ce = {
-  cell: eo,
-  expandable: to,
-  svg: ro,
-  emptyText: io,
-  badge: oo,
-  expandIcon: ao,
-  modalOverlay: no,
-  modalContent: so,
-  modalHeader: lo,
-  modalTitle: co,
-  modalClose: uo,
-  modalBody: ho,
-  modalSvg: fo,
-  modalFooter: po,
-  modalInfo: go
-}, mo = 120, yo = 48, bo = 4, Tt = {
+}, to = "_cell_95fwm_9", ro = "_expandable_95fwm_29", io = "_svg_95fwm_57", oo = "_emptyText_95fwm_67", ao = "_badge_95fwm_79", no = "_expandIcon_95fwm_117", so = "_modalOverlay_95fwm_169", lo = "_modalContent_95fwm_217", co = "_modalHeader_95fwm_267", uo = "_modalTitle_95fwm_285", ho = "_modalClose_95fwm_299", fo = "_modalBody_95fwm_337", po = "_modalSvg_95fwm_357", go = "_modalFooter_95fwm_371", mo = "_modalInfo_95fwm_389", Ce = {
+  cell: to,
+  expandable: ro,
+  svg: io,
+  emptyText: oo,
+  badge: ao,
+  expandIcon: no,
+  modalOverlay: so,
+  modalContent: lo,
+  modalHeader: co,
+  modalTitle: uo,
+  modalClose: ho,
+  modalBody: fo,
+  modalSvg: po,
+  modalFooter: go,
+  modalInfo: mo
+}, yo = 120, bo = 48, vo = 4, Tt = {
   default: "var(--nice-primary, #3b82f6)",
   process: "var(--nice-success, #22c55e)",
   decision: "var(--nice-warning, #f59e0b)",
@@ -6887,21 +6890,21 @@ function zt(i) {
     height: o - t
   };
 }
-function Kt(i) {
+function Zt(i) {
   var t;
   if ((t = i.style) != null && t.backgroundColor)
     return i.style.backgroundColor;
   const e = i.shape ?? "default";
   return Tt[e] ?? Tt.default;
 }
-function Zt(i, e) {
+function Jt(i, e) {
   const t = e.get(i.sourceNodeId), r = e.get(i.targetNodeId);
   if (!t || !r)
     return null;
   const o = t.position.x + t.size.width / 2, a = t.position.y + t.size.height / 2, s = r.position.x + r.size.width / 2, n = r.position.y + r.size.height / 2;
   return `M ${o} ${a} L ${s} ${n}`;
 }
-function vo(i, e) {
+function wo(i, e) {
   const t = zt(i);
   return {
     version: "1.0",
@@ -6923,9 +6926,9 @@ function vo(i, e) {
     }
   };
 }
-const wo = ({ document: i, onClose: e }) => {
+const xo = ({ document: i, onClose: e }) => {
   const { t } = Ne(), r = zt(i.nodes), o = 40, a = r.width + o * 2, s = r.height + o * 2, n = se(() => new Map(i.nodes.map((l) => [l.id, l])), [i.nodes]);
-  return /* @__PURE__ */ c("div", { className: Ce.modalOverlay, onClick: e, children: /* @__PURE__ */ b("div", { className: Ce.modalContent, onClick: (l) => l.stopPropagation(), children: [
+  return /* @__PURE__ */ c("div", { role: "presentation", className: Ce.modalOverlay, onClick: e, children: /* @__PURE__ */ b("div", { role: "presentation", className: Ce.modalContent, onClick: (l) => l.stopPropagation(), children: [
     /* @__PURE__ */ b("div", { className: Ce.modalHeader, children: [
       /* @__PURE__ */ c("h3", { className: Ce.modalTitle, children: i.title || t("diagramCellRenderer.diagram", "Diagram") }),
       /* @__PURE__ */ c("button", { className: Ce.modalClose, onClick: e, children: /* @__PURE__ */ c(j, { name: "close", size: 20 }) })
@@ -6938,7 +6941,7 @@ const wo = ({ document: i, onClose: e }) => {
         children: [
           i.edges.map((l) => {
             var d, g, v;
-            const h = Zt(l, n);
+            const h = Jt(l, n);
             return h ? /* @__PURE__ */ c(
               "path",
               {
@@ -6962,7 +6965,7 @@ const wo = ({ document: i, onClose: e }) => {
                   width: l.size.width,
                   height: l.size.height,
                   rx: ((h = l.style) == null ? void 0 : h.borderRadius) ?? 4,
-                  fill: Kt(l),
+                  fill: Zt(l),
                   stroke: ((d = l.style) == null ? void 0 : d.borderColor) ?? "var(--nice-text, #1e293b)",
                   strokeWidth: 1
                 }
@@ -6999,23 +7002,23 @@ const wo = ({ document: i, onClose: e }) => {
     ) }),
     /* @__PURE__ */ c("div", { className: Ce.modalFooter, children: /* @__PURE__ */ c("span", { className: Ce.modalInfo, children: t("diagramCellRenderer.nodesEdges", "{nodes} nodes • {edges} edges").replace("{nodes}", String(i.nodes.length)).replace("{edges}", String(i.edges.length)) }) })
   ] }) });
-}, Ta = ({
+}, Pa = ({
   document: i,
   nodes: e,
   edges: t,
-  width: r = mo,
-  height: o = yo,
+  width: r = yo,
+  height: o = bo,
   showCount: a = !0,
   expandable: s = !0,
   onExpand: n,
-  padding: l = bo,
+  padding: l = vo,
   backgroundColor: h = "transparent",
   borderRadius: d = 4,
   showLabels: g = !1,
   edgeColor: v = "var(--nice-text-muted, #94a3b8)",
   tooltip: u
 }) => {
-  const { t: p } = Ne(), [y, x] = te(!1), m = se(() => i || (e || t ? vo(e ?? [], t ?? []) : null), [i, e, t]), C = se(() => m ? new Map(m.nodes.map(($) => [$.id, $])) : /* @__PURE__ */ new Map(), [m]), {
+  const { t: p } = Ne(), [y, x] = te(!1), m = se(() => i || (e || t ? wo(e ?? [], t ?? []) : null), [i, e, t]), C = se(() => m ? new Map(m.nodes.map(($) => [$.id, $])) : /* @__PURE__ */ new Map(), [m]), {
     bounds: A,
     scale: N,
     translateX: _,
@@ -7050,6 +7053,9 @@ const wo = ({ document: i, onClose: e }) => {
     /* @__PURE__ */ b(
       "div",
       {
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: Ft,
         className: `${Ce.cell} ${s ? Ce.expandable : ""}`,
         style: {
           width: r,
@@ -7069,7 +7075,7 @@ const wo = ({ document: i, onClose: e }) => {
               className: Ce.svg,
               children: /* @__PURE__ */ b("g", { transform: `translate(${_}, ${w}) scale(${N})`, children: [
                 m.edges.map(($) => {
-                  const P = Zt($, C);
+                  const P = Jt($, C);
                   return P ? /* @__PURE__ */ c(
                     "path",
                     {
@@ -7082,7 +7088,7 @@ const wo = ({ document: i, onClose: e }) => {
                   ) : null;
                 }),
                 m.nodes.map(($) => {
-                  const P = Kt($);
+                  const P = Zt($);
                   return /* @__PURE__ */ b("g", { children: [
                     /* @__PURE__ */ c(
                       "rect",
@@ -7118,10 +7124,10 @@ const wo = ({ document: i, onClose: e }) => {
         ]
       }
     ),
-    y && m && /* @__PURE__ */ c(wo, { document: m, onClose: () => x(!1) })
+    y && m && /* @__PURE__ */ c(xo, { document: m, onClose: () => x(!1) })
   ] });
 };
-function xo(i, e, t = "roundedRect") {
+function ko(i, e, t = "roundedRect") {
   const r = [], o = [], a = /* @__PURE__ */ new Map();
   for (const s of i) {
     const n = String(s[e.nodeMapping.idField] ?? "");
@@ -7182,14 +7188,14 @@ function xo(i, e, t = "roundedRect") {
     }
   return { nodes: r, edges: o };
 }
-async function Pa(i, e, t) {
+async function Ra(i, e, t) {
   const r = await fetch(i.sourceUrl, { signal: t });
   if (!r.ok)
     throw new Error(`Failed to fetch data: ${r.status} ${r.statusText}`);
   const o = await r.json(), a = Array.isArray(o) ? o : o.value ?? [];
-  return xo(a, i, e);
+  return ko(a, i, e);
 }
-const ko = {
+const Co = {
   pending: "var(--nice-text-muted, #9ca3af)",
   // gray
   active: "var(--nice-primary, #3b82f6)",
@@ -7202,7 +7208,7 @@ const ko = {
   // yellow
   waiting: "var(--nice-accent, #8b5cf6)"
   // purple
-}, Co = {
+}, _o = {
   start: "ellipse",
   end: "ellipse",
   task: "rectangle",
@@ -7213,7 +7219,7 @@ const ko = {
   timer: "ellipse",
   message: "rectangle",
   error: "rectangle"
-}, _o = {
+}, zo = {
   start: "play",
   end: "stop",
   task: "clipboard",
@@ -7224,7 +7230,7 @@ const ko = {
   timer: "clock",
   message: "mail",
   error: "warning"
-}, Ra = ({
+}, Ea = ({
   data: i,
   onStepClick: e,
   onTransitionClick: t,
@@ -7232,8 +7238,8 @@ const ko = {
   animationDelay: o = 1e3,
   showTooltips: a = !0,
   showMinimap: s = !0,
-  statusColors: n = ko,
-  typeShapes: l = Co,
+  statusColors: n = Co,
+  typeShapes: l = _o,
   direction: h = "horizontal",
   className: d,
   style: g
@@ -7262,7 +7268,7 @@ const ko = {
           status: _.status,
           assignee: _.assignee,
           dueDate: _.dueDate,
-          icon: _o[_.type],
+          icon: zo[_.type],
           ..._.metadata
         },
         ports: [
@@ -7290,7 +7296,7 @@ const ko = {
           condition: _.condition
         }
       };
-    }), N = r ? zo(i.steps) : [];
+    }), N = r ? Mo(i.steps) : [];
     return Oe({
       id: i.id,
       title: i.name,
@@ -7348,7 +7354,7 @@ const ko = {
     }
   );
 };
-function zo(i) {
+function Mo(i) {
   return i.filter((t) => t.status === "completed").map((t, r) => ({
     id: `anim-${t.id}`,
     targetId: t.id,
@@ -7358,7 +7364,7 @@ function zo(i) {
     easing: "ease-out"
   }));
 }
-function Ea(i) {
+function Oa(i) {
   var a, s;
   const t = new DOMParser().parseFromString(i, "text/xml"), r = [], o = [];
   return t.querySelectorAll("startEvent").forEach((n) => {
@@ -7400,7 +7406,7 @@ function Ea(i) {
     transitions: o
   };
 }
-function Oa(i, e) {
+function Fa(i, e) {
   const t = [], r = [];
   t.push({
     id: "start",
@@ -7441,18 +7447,18 @@ function Oa(i, e) {
     transitions: r
   };
 }
-const Mo = {
+const So = {
   dbo: "var(--nice-primary, #3b82f6)",
   public: "var(--nice-success, #10b981)",
   auth: "var(--nice-accent, #8b5cf6)",
   billing: "var(--nice-warning, #f59e0b)",
   audit: "var(--nice-danger, #ef4444)"
-}, So = {
+}, Ao = {
   "one-to-one": { left: "1", right: "1" },
   "one-to-many": { left: "1", right: "*" },
   "many-to-one": { left: "*", right: "1" },
   "many-to-many": { left: "*", right: "*" }
-}, Fa = ({
+}, Wa = ({
   schema: i,
   onTableClick: e,
   onColumnClick: t,
@@ -7461,14 +7467,14 @@ const Mo = {
   showOnlyKeys: a = !1,
   highlightTables: s = [],
   showMinimap: n = !0,
-  schemaColors: l = Mo,
+  schemaColors: l = So,
   layout: h = "auto",
   maxColumnsDisplay: d = 15,
   className: g,
   style: v
 }) => {
   const [u, p] = te(null), y = se(() => {
-    const A = Ao(i.tables, h), N = i.tables.map((w, W) => {
+    const A = Io(i.tables, h), N = i.tables.map((w, W) => {
       const $ = A[w.name] || { x: W % 4 * 300, y: Math.floor(W / 4) * 400 }, P = s.includes(w.name), G = u === w.name, H = l[w.schema || "dbo"] || "var(--nice-text-secondary, #6b7280)";
       let B = w.columns;
       a && (B = B.filter((L) => L.primaryKey || L.foreignKey)), B.length > d && (B = B.slice(0, d));
@@ -7494,7 +7500,7 @@ const Mo = {
           schema: w.schema,
           columns: B.map((L) => ({
             ...L,
-            icon: Io(L)
+            icon: No(L)
           })),
           totalColumns: w.columns.length,
           truncated: w.columns.length > d,
@@ -7513,7 +7519,7 @@ const Mo = {
         ]
       };
     }), _ = i.relations.map((w) => {
-      const W = So[w.type];
+      const W = Ao[w.type];
       return {
         id: w.id,
         source: w.fromTable,
@@ -7524,8 +7530,8 @@ const Mo = {
         style: {
           stroke: "var(--nice-text-secondary, #6b7280)",
           strokeWidth: 1.5,
-          arrowHead: No(w.type),
-          arrowTail: Do(w.type),
+          arrowHead: Do(w.type),
+          arrowTail: $o(w.type),
           lineType: "orthogonal",
           strokeDasharray: w.type === "many-to-many" ? "5,5" : void 0
         },
@@ -7591,7 +7597,7 @@ const Mo = {
     }
   );
 };
-function Ao(i, e) {
+function Io(i, e) {
   const t = {};
   if (e === "grid") {
     const r = Math.ceil(Math.sqrt(i.length));
@@ -7626,10 +7632,10 @@ function Ao(i, e) {
     });
   return t;
 }
-function Io(i) {
+function No(i) {
   return i.primaryKey ? "lock" : i.foreignKey ? "link" : i.unique ? "zap" : "file";
 }
-function No(i) {
+function Do(i) {
   switch (i) {
     case "one-to-one":
     case "many-to-one":
@@ -7639,7 +7645,7 @@ function No(i) {
       return "crow";
   }
 }
-function Do(i) {
+function $o(i) {
   switch (i) {
     case "one-to-one":
     case "one-to-many":
@@ -7649,7 +7655,7 @@ function Do(i) {
       return "crow";
   }
 }
-function Wa(i) {
+function La(i) {
   const e = [], t = [], r = /CREATE\s+TABLE\s+(?:`?(\w+)`?\.)?`?(\w+)`?\s*\(([\s\S]*?)\);/gi;
   let o;
   for (; (o = r.exec(i)) !== null; ) {
@@ -7694,7 +7700,7 @@ function Wa(i) {
     relations: t
   };
 }
-function La(i, e = "postgres") {
+function qa(i, e = "postgres") {
   const t = [];
   for (const r of i.tables) {
     const o = r.schema ? `${r.schema}.${r.name}` : r.name;
@@ -7712,7 +7718,7 @@ function La(i, e = "postgres") {
   return t.join(`
 `);
 }
-const $o = {
+const To = {
   active: "var(--nice-success, #10b981)",
   away: "var(--nice-warning, #f59e0b)",
   busy: "var(--nice-danger, #ef4444)",
@@ -7728,8 +7734,8 @@ const $o = {
   "var(--nice-color-accent-pink, #ec4899)",
   "var(--nice-info, #14b8a6)",
   "var(--nice-info, #6366f1)"
-], To = { employees: [] }, qa = ({
-  data: i = To,
+], Po = { employees: [] }, Va = ({
+  data: i = Po,
   rootEmployeeId: e,
   onEmployeeClick: t,
   onDepartmentClick: r,
@@ -7740,7 +7746,7 @@ const $o = {
   maxLevels: l = 0,
   orientation: h = "vertical",
   spacing: d = { horizontal: 200, vertical: 150 },
-  statusColors: g = $o,
+  statusColors: g = To,
   showMinimap: v = !0,
   className: u,
   style: p
@@ -7751,8 +7757,8 @@ const $o = {
       return e;
     const P = i.employees.find((H) => !H.managerId);
     return (P == null ? void 0 : P.id) || ((G = i.employees[0]) == null ? void 0 : G.id);
-  }, [i.employees, e]), A = se(() => Po(i.employees, C), [i.employees, C]), N = se(() => {
-    const P = Ro(A, h, d, l), G = [], H = {};
+  }, [i.employees, e]), A = se(() => Ro(i.employees, C), [i.employees, C]), N = se(() => {
+    const P = Eo(A, h, d, l), G = [], H = {};
     s && i.departments && i.departments.forEach((z, L) => {
       const R = z.color || lt[L % lt.length];
       H[z.id] = R;
@@ -7873,7 +7879,7 @@ const $o = {
     }
   );
 };
-function Po(i, e) {
+function Ro(i, e) {
   const r = new Map(i.map((a) => [a.id, a])).get(e);
   if (!r)
     return null;
@@ -7887,7 +7893,7 @@ function Po(i, e) {
   };
   return o(r, 0);
 }
-function Ro(i, e, t, r) {
+function Eo(i, e, t, r) {
   const o = {};
   if (!i)
     return o;
@@ -7904,7 +7910,7 @@ function Ro(i, e, t, r) {
   }, n = a(i, 0);
   return s(i, 0, 0, n), o;
 }
-function Va(i) {
+function Ga(i) {
   const t = [...new Set(i.map((r) => r.department).filter(Boolean))].map((r, o) => ({
     id: r,
     name: r,
@@ -7916,7 +7922,7 @@ function Va(i) {
     departments: t
   };
 }
-function Ga(i) {
+function Ba(i) {
   var n;
   const e = new Set(i.employees.map((l) => l.managerId).filter(Boolean)), t = (l, h = /* @__PURE__ */ new Set()) => {
     if (h.has(l))
@@ -7935,7 +7941,7 @@ function Ga(i) {
     managers: e.size
   };
 }
-const Ba = ({
+const ja = ({
   data: i,
   onActivityClick: e,
   onTransitionClick: t,
@@ -7952,7 +7958,7 @@ const Ba = ({
   className: u,
   style: p
 }) => {
-  const { t: y } = Ne(), [x, m] = te(null), C = se(() => "activities" in i ? i : qo(i), [i]), A = se(() => {
+  const { t: y } = Ne(), [x, m] = te(null), C = se(() => "activities" in i ? i : Vo(i), [i]), A = se(() => {
     if (!s)
       return /* @__PURE__ */ new Set();
     const P = C.activities.filter((H) => H.avgDuration !== void 0).map((H) => H.avgDuration);
@@ -7964,10 +7970,10 @@ const Ba = ({
       C.activities.filter((H) => (H.avgDuration || 0) >= G).map((H) => H.name)
     );
   }, [C.activities, s, n]), N = se(() => {
-    const P = Math.max(...C.activities.map((z) => z.frequency), 1), G = Eo(C, d), H = C.transitions.filter(
+    const P = Math.max(...C.activities.map((z) => z.frequency), 1), G = Oo(C, d), H = C.transitions.filter(
       (z) => z.frequency / C.totalCases >= r
     ), B = C.activities.map((z) => {
-      const L = G[z.name] || { x: 0, y: 0 }, R = C.startActivities.includes(z.name), X = C.endActivities.includes(z.name), T = A.has(z.name), Z = x === z.name, K = Fo(
+      const L = G[z.name] || { x: 0, y: 0 }, R = C.startActivities.includes(z.name), X = C.endActivities.includes(z.name), T = A.has(z.name), Z = x === z.name, K = Wo(
         z,
         l,
         P,
@@ -8002,7 +8008,7 @@ const Ba = ({
       };
     }), U = H.map((z) => {
       const L = C.transitions.indexOf(z), R = z.probability || z.frequency / C.totalCases, X = R > 0.5, T = [];
-      return o && T.push(`${z.frequency}x`), a && z.avgDuration && T.push(Wo(z.avgDuration)), {
+      return o && T.push(`${z.frequency}x`), a && z.avgDuration && T.push(Lo(z.avgDuration)), {
         id: `trans-${L}`,
         source: z.from,
         target: z.to,
@@ -8020,7 +8026,7 @@ const Ba = ({
           probability: R
         }
       };
-    }), V = g > 0 ? Lo(C, g) : [];
+    }), V = g > 0 ? qo(C, g) : [];
     return Oe({
       id: "process-mining",
       title: y("processMiningDiagram.processMiningDiagram", "Process Mining Diagram"),
@@ -8089,7 +8095,7 @@ const Ba = ({
     }
   );
 };
-function Eo(i, e) {
+function Oo(i, e) {
   const t = {};
   if (e === "circular") {
     const r = i.activities;
@@ -8101,7 +8107,7 @@ function Eo(i, e) {
       };
     });
   } else {
-    const r = Oo(i), o = {};
+    const r = Fo(i), o = {};
     i.activities.forEach((s) => {
       const n = r[s.name] || 0;
       o[n] = (o[n] || 0) + 1;
@@ -8119,7 +8125,7 @@ function Eo(i, e) {
   }
   return t;
 }
-function Oo(i) {
+function Fo(i) {
   const e = {}, t = /* @__PURE__ */ new Set(), r = i.startActivities.map((o) => ({
     activity: o,
     level: 0
@@ -8136,7 +8142,7 @@ function Oo(i) {
     e[o.name] === void 0 && (e[o.name] = 0);
   }), e;
 }
-function Fo(i, e, t, r, o) {
+function Wo(i, e, t, r, o) {
   if (o)
     return "var(--nice-danger, #ef4444)";
   if (r != null && r[i.name])
@@ -8168,10 +8174,10 @@ function vt(i, e, t) {
   }, o = r(i), a = r(e), s = Math.round(o.r + (a.r - o.r) * t), n = Math.round(o.g + (a.g - o.g) * t), l = Math.round(o.b + (a.b - o.b) * t);
   return `#${[s, n, l].map((h) => h.toString(16).padStart(2, "0")).join("")}`;
 }
-function Wo(i) {
+function Lo(i) {
   return i < 1e3 ? `${i}ms` : i < 6e4 ? `${(i / 1e3).toFixed(1)}s` : i < 36e5 ? `${(i / 6e4).toFixed(1)}m` : i < 864e5 ? `${(i / 36e5).toFixed(1)}h` : `${(i / 864e5).toFixed(1)}d`;
 }
-function Lo(i, e) {
+function qo(i, e) {
   var r;
   const t = (r = i.variants) == null ? void 0 : r[0];
   return t ? t.activities.map((o, a) => ({
@@ -8182,7 +8188,7 @@ function Lo(i, e) {
     delay: a * e
   })) : [];
 }
-function qo(i) {
+function Vo(i) {
   const e = i.events.map((u) => ({
     ...u,
     timestamp: u.timestamp instanceof Date ? u.timestamp : new Date(u.timestamp)
@@ -8263,7 +8269,7 @@ function qo(i) {
     avgCaseDuration: v
   };
 }
-const Jt = {
+const Qt = {
   module: "var(--nice-primary, #3b82f6)",
   package: "var(--nice-success, #10b981)",
   microservice: "var(--nice-accent, #8b5cf6)",
@@ -8272,7 +8278,7 @@ const Jt = {
   database: "var(--nice-info, #14b8a6)",
   external: "var(--nice-text-secondary, #6b7280)",
   deprecated: "var(--nice-danger, #ef4444)"
-}, Qt = {
+}, er = {
   healthy: "var(--nice-success, #10b981)",
   warning: "var(--nice-warning, #f59e0b)",
   critical: "var(--nice-danger, #ef4444)",
@@ -8287,7 +8293,7 @@ const Jt = {
   database: { color: "var(--nice-info, #14b8a6)" },
   event: { color: "var(--nice-color-accent-pink, #ec4899)", dash: "2,2" },
   circular: { color: "var(--nice-danger, #ef4444)" }
-}, Vo = {
+}, Go = {
   module: "box",
   package: "folder",
   microservice: "square",
@@ -8296,7 +8302,7 @@ const Jt = {
   database: "database",
   external: "globe",
   deprecated: "warning"
-}, ja = ({
+}, Ya = ({
   data: i,
   onNodeClick: e,
   onEdgeClick: t,
@@ -8315,7 +8321,7 @@ const Jt = {
   className: y,
   style: x
 }) => {
-  const { t: m } = Ne(), [C, A] = te(null), [N, _] = te(null), w = se(() => a ? er(i) : /* @__PURE__ */ new Set(), [i, a]), W = se(() => {
+  const { t: m } = Ne(), [C, A] = te(null), [N, _] = te(null), w = se(() => a ? tr(i) : /* @__PURE__ */ new Set(), [i, a]), W = se(() => {
     let V = i.nodes;
     return r && r.length > 0 && (V = V.filter((z) => r.includes(z.type))), s && (V = V.filter(
       (z) => {
@@ -8328,7 +8334,7 @@ const Jt = {
     let z = i.edges.filter((L) => V.has(L.source) && V.has(L.target));
     return o && o.length > 0 && (z = z.filter((L) => o.includes(L.type))), z;
   }, [i.edges, W, o]), P = se(() => {
-    const V = Go(W, $, n), z = jo(W, h), L = [];
+    const V = Bo(W, $, n), z = Yo(W, h), L = [];
     if (l !== "none") {
       const T = /* @__PURE__ */ new Map();
       W.forEach((K) => {
@@ -8338,7 +8344,7 @@ const Jt = {
       let Z = 0;
       T.forEach((K, oe) => {
         var ke, E;
-        const ie = l === "type" ? Jt[oe] || "var(--nice-text-secondary, #6b7280)" : ((E = (ke = i.groups) == null ? void 0 : ke.find((re) => re.id === oe)) == null ? void 0 : E.color) || ct[Z % ct.length];
+        const ie = l === "type" ? Qt[oe] || "var(--nice-text-secondary, #6b7280)" : ((E = (ke = i.groups) == null ? void 0 : ke.find((re) => re.id === oe)) == null ? void 0 : E.color) || ct[Z % ct.length];
         L.push({
           id: `group-${oe}`,
           label: oe,
@@ -8352,7 +8358,7 @@ const Jt = {
       });
     }
     const R = W.map((T) => {
-      const Z = V[T.id] || { x: 0, y: 0 }, K = C === T.id, oe = N === T.id, ie = w.has(T.id), ke = Yo(T, h, z), E = Ho(T, d, g, ie);
+      const Z = V[T.id] || { x: 0, y: 0 }, K = C === T.id, oe = N === T.id, ie = w.has(T.id), ke = Ho(T, h, z), E = Uo(T, d, g, ie);
       return {
         id: T.id,
         label: T.name,
@@ -8360,7 +8366,7 @@ const Jt = {
         y: Z.y,
         width: ke.width,
         height: ke.height,
-        shape: Uo(T.type),
+        shape: Xo(T.type),
         style: {
           fill: K || oe ? E : "var(--nice-bg, #fff)",
           stroke: E,
@@ -8373,9 +8379,9 @@ const Jt = {
         data: {
           type: "dependency",
           node: T,
-          icon: Vo[T.type],
+          icon: Go[T.type],
           isCircular: ie,
-          statusColor: Qt[T.status || "unknown"]
+          statusColor: er[T.status || "unknown"]
         }
       };
     }), X = $.map((T, Z) => {
@@ -8474,7 +8480,7 @@ const Jt = {
   "var(--nice-info, #14b8a6)",
   "var(--nice-info, #6366f1)"
 ];
-function er(i) {
+function tr(i) {
   const e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Map();
   i.nodes.forEach((s) => t.set(s.id, [])), i.edges.forEach((s) => {
     var n;
@@ -8497,7 +8503,7 @@ function er(i) {
     r.has(s.id) || a(s.id, []);
   }), e;
 }
-function Go(i, e, t) {
+function Bo(i, e, t) {
   const r = {};
   switch (t) {
     case "circular": {
@@ -8521,7 +8527,7 @@ function Go(i, e, t) {
       break;
     }
     case "hierarchical": {
-      const o = Bo(i, e), a = {}, s = {};
+      const o = jo(i, e), a = {}, s = {};
       i.forEach((n) => {
         const l = o[n.id] || 0;
         a[l] = (a[l] || 0) + 1;
@@ -8564,7 +8570,7 @@ function Go(i, e, t) {
   }
   return r;
 }
-function Bo(i, e) {
+function jo(i, e) {
   const t = {}, r = {};
   i.forEach((a) => {
     t[a.id] = 0, r[a.id] = 0;
@@ -8580,7 +8586,7 @@ function Bo(i, e) {
   }
   return t;
 }
-function jo(i, e) {
+function Yo(i, e) {
   const t = i.map((r) => {
     var o, a, s;
     switch (e) {
@@ -8601,7 +8607,7 @@ function jo(i, e) {
     max: Math.max(...t, 1)
   };
 }
-function Yo(i, e, t) {
+function Ho(i, e, t) {
   var l, h, d;
   if (e === "fixed")
     return { width: 140, height: 70 };
@@ -8625,21 +8631,21 @@ function Yo(i, e, t) {
   const o = t.max > t.min ? (r - t.min) / (t.max - t.min) : 0.5, a = 100, n = a + o * (180 - a);
   return { width: n, height: n * 0.5 };
 }
-function Ho(i, e, t, r) {
+function Uo(i, e, t, r) {
   if (r)
     return "var(--nice-danger, #ef4444)";
   if (t != null && t[i.id])
     return t[i.id];
   switch (e) {
     case "status":
-      return Qt[i.status || "unknown"];
+      return er[i.status || "unknown"];
     case "group":
-      return ct[Xo(i.group || "") % ct.length];
+      return ct[Ko(i.group || "") % ct.length];
     default:
-      return Jt[i.type] || "var(--nice-text-secondary, #6b7280)";
+      return Qt[i.type] || "var(--nice-text-secondary, #6b7280)";
   }
 }
-function Uo(i) {
+function Xo(i) {
   switch (i) {
     case "database":
       return "cylinder";
@@ -8653,13 +8659,13 @@ function Uo(i) {
       return "rectangle";
   }
 }
-function Xo(i) {
+function Ko(i) {
   let e = 0;
   for (let t = 0; t < i.length; t++)
     e = (e << 5) - e + i.charCodeAt(t), e |= 0;
   return Math.abs(e);
 }
-function Ya(i) {
+function Ha(i) {
   const e = [
     {
       id: i.name,
@@ -8693,13 +8699,13 @@ function Ya(i) {
     };
   }), { nodes: e, edges: t };
 }
-function Ha(i) {
+function Ua(i) {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
   i.nodes.forEach((d) => {
     e.set(d.id, 0), t.set(d.id, 0);
   }), i.edges.forEach((d) => {
     e.set(d.target, (e.get(d.target) || 0) + 1), t.set(d.source, (t.get(d.source) || 0) + 1);
-  }), er(i);
+  }), tr(i);
   let r = null, o = 0;
   i.nodes.forEach((d) => {
     const g = e.get(d.id) || 0;
@@ -8724,14 +8730,14 @@ function Ha(i) {
     avgDependencies: Math.round(h * 10) / 10
   };
 }
-const Ko = {
+const Zo = {
   online: "var(--nice-success, #10b981)",
   offline: "var(--nice-text-secondary, #6b7280)",
   warning: "var(--nice-warning, #f59e0b)",
   critical: "var(--nice-danger, #ef4444)",
   maintenance: "var(--nice-primary, #3b82f6)",
   unknown: "var(--nice-text-muted, #9ca3af)"
-}, Zo = {
+}, Jo = {
   router: "shuffle",
   switch: "plug",
   firewall: "lock",
@@ -8747,14 +8753,14 @@ const Ko = {
   cloud: "cloud",
   internet: "globe",
   unknown: "help"
-}, Jo = {
+}, Qo = {
   ethernet: "var(--nice-primary, #3b82f6)",
   fiber: "var(--nice-success, #10b981)",
   wireless: "var(--nice-accent, #8b5cf6)",
   vpn: "var(--nice-warning, #f59e0b)",
   wan: "var(--nice-color-accent-pink, #ec4899)",
   trunk: "var(--nice-info, #14b8a6)"
-}, Ua = ({
+}, Xa = ({
   data: i,
   onDeviceClick: e,
   onConnectionClick: t,
@@ -8768,7 +8774,7 @@ const Ko = {
   showBandwidth: d = !0,
   showLatency: g = !1,
   animateTraffic: v = !1,
-  statusColors: u = Ko,
+  statusColors: u = Zo,
   showMinimap: p = !0,
   className: y,
   style: x
@@ -8791,7 +8797,7 @@ const Ko = {
     const B = new Set(w.map((U) => U.id));
     return i.connections.filter((U) => B.has(U.source) && B.has(U.target));
   }, [i.connections, w]), $ = se(() => {
-    const B = Qo(
+    const B = ea(
       w,
       W,
       n,
@@ -8830,7 +8836,7 @@ const Ko = {
       });
     }
     const V = w.map((R) => {
-      const X = B[R.id] || { x: 0, y: 0 }, T = C === R.id, Z = u[R.status], K = Zo[R.type];
+      const X = B[R.id] || { x: 0, y: 0 }, T = C === R.id, Z = u[R.status], K = Jo[R.type];
       return {
         id: R.id,
         label: R.name,
@@ -8838,7 +8844,7 @@ const Ko = {
         y: X.y,
         width: 120,
         height: h ? 90 : 70,
-        shape: ea(R.type),
+        shape: ta(R.type),
         style: {
           fill: T ? Z : "var(--nice-bg, #fff)",
           stroke: Z,
@@ -8856,7 +8862,7 @@ const Ko = {
         }
       };
     }), z = W.map((R, X) => {
-      const T = Jo[R.type] || "var(--nice-text-secondary, #6b7280)", Z = R.status === "active", K = R.status === "degraded" || R.status === "error", oe = [];
+      const T = Qo[R.type] || "var(--nice-text-secondary, #6b7280)", Z = R.status === "active", K = R.status === "degraded" || R.status === "error", oe = [];
       if (d && R.bandwidth) {
         const ie = Math.round(
           R.bandwidth.used / R.bandwidth.total * 100
@@ -8885,7 +8891,7 @@ const Ko = {
           isDegraded: K
         }
       };
-    }), L = v ? ta(W) : [];
+    }), L = v ? ra(W) : [];
     return Oe({
       id: "network-topology",
       title: m("networkTopology.networkTopology", "Network Topology"),
@@ -8960,7 +8966,7 @@ const Ko = {
   "var(--nice-info, #14b8a6)",
   "var(--nice-info, #6366f1)"
 ];
-function Qo(i, e, t, r) {
+function ea(i, e, t, r) {
   var a;
   const o = {};
   switch (t) {
@@ -9059,7 +9065,7 @@ function Qo(i, e, t, r) {
   }
   return o;
 }
-function ea(i) {
+function ta(i) {
   switch (i) {
     case "router":
     case "switch":
@@ -9076,7 +9082,7 @@ function ea(i) {
       return "rectangle";
   }
 }
-function ta(i) {
+function ra(i) {
   return i.filter((e) => e.status === "active" && e.bandwidth && e.bandwidth.used > 0).map((e, t) => ({
     id: `traffic-${t}`,
     type: "flow",
@@ -9085,7 +9091,7 @@ function ta(i) {
     delay: t * 200
   }));
 }
-async function Xa(i = {}) {
+async function Ka(i = {}) {
   return {
     devices: [
       {
@@ -9178,7 +9184,7 @@ async function Xa(i = {}) {
     ]
   };
 }
-function Ka(i) {
+function Za(i) {
   const e = i.devices.filter((g) => g.status === "online").length, t = i.devices.filter((g) => g.status === "offline").length, r = i.devices.filter((g) => g.status === "warning").length, o = i.devices.filter((g) => g.status === "critical").length, a = i.connections.filter((g) => g.status === "active").length, s = i.connections.filter(
     (g) => g.status === "degraded" || g.status === "error"
   ).length, n = i.devices.length > 0 ? e / i.devices.length * 100 : 0, l = i.connections.length > 0 ? a / i.connections.length * 100 : 0, h = o * 10 + r * 5 + s * 5;
@@ -9195,7 +9201,7 @@ function Ka(i) {
     degradedConnections: s
   };
 }
-const ra = [
+const ia = [
   {
     target: ".nice-decision-tree-editor",
     titleKey: "tutorial.decisionTreeEditor.intro.title",
@@ -9204,13 +9210,13 @@ const ra = [
     content: "Explore the decision tree: click nodes to inspect conditions and outcomes, toggle metrics, probabilities and samples, and highlight a path for an input.",
     placement: "auto"
   }
-], ia = {
+], oa = {
   root: "var(--nice-accent, #8b5cf6)",
   decision: "var(--nice-primary, #3b82f6)",
   leaf: "var(--nice-success, #10b981)",
   chance: "var(--nice-warning, #f59e0b)",
   end: "var(--nice-danger, #ef4444)"
-}, Za = ({
+}, Ja = ({
   data: i,
   onChange: e,
   onNodeClick: t,
@@ -9228,10 +9234,10 @@ const ra = [
   style: p,
   tutorial: y
 }) => {
-  const { t: x } = Ne(), [m, C] = te(null), [A, N] = te(/* @__PURE__ */ new Set()), _ = se(() => n ? la(i.root, n) : /* @__PURE__ */ new Set(), [i.root, n]), { nodes: w, edges: W } = se(() => oa(i.root, i.edges), [i.root, i.edges]), $ = se(() => na(w), [w]), P = se(() => {
+  const { t: x } = Ne(), [m, C] = te(null), [A, N] = te(/* @__PURE__ */ new Set()), _ = se(() => n ? ca(i.root, n) : /* @__PURE__ */ new Set(), [i.root, n]), { nodes: w, edges: W } = se(() => aa(i.root, i.edges), [i.root, i.edges]), $ = se(() => sa(w), [w]), P = se(() => {
     var L, R;
-    const U = aa(i.root, d, g), V = w.map((X) => {
-      const T = U[X.id] || { x: 0, y: 0 }, Z = m === X.id, K = _.has(X.id), oe = X.type === "leaf" || X.type === "end", ie = sa(X, l, h, $), ke = oe ? 120 : 160, E = o ? 80 : oe ? 60 : 70;
+    const U = na(i.root, d, g), V = w.map((X) => {
+      const T = U[X.id] || { x: 0, y: 0 }, Z = m === X.id, K = _.has(X.id), oe = X.type === "leaf" || X.type === "end", ie = la(X, l, h, $), ke = oe ? 120 : 160, E = o ? 80 : oe ? 60 : 70;
       return {
         id: X.id,
         label: X.label,
@@ -9282,7 +9288,7 @@ const ra = [
       diagramType: "decisionTree",
       nodes: V,
       edges: z,
-      animations: n ? ca(Array.from(_)) : [],
+      animations: n ? da(Array.from(_)) : [],
       metadata: {
         type: "decision-tree",
         algorithm: (L = i.metadata) == null ? void 0 : L.algorithm,
@@ -9324,7 +9330,7 @@ const ra = [
       className: `nice-decision-tree-editor ${u || ""}`,
       style: { position: "relative", width: "100%", height: "100%", ...p },
       children: [
-        /* @__PURE__ */ c("span", { style: { position: "absolute", top: 6, right: 6, zIndex: 30 }, children: /* @__PURE__ */ c(Ft, { steps: Wt(y, ra) }) }),
+        /* @__PURE__ */ c("span", { style: { position: "absolute", top: 6, right: 6, zIndex: 30 }, children: /* @__PURE__ */ c(Wt, { steps: Lt(y, ia) }) }),
         /* @__PURE__ */ c(
           Re,
           {
@@ -9342,7 +9348,7 @@ const ra = [
     }
   );
 };
-function oa(i, e) {
+function aa(i, e) {
   const t = [], r = e ? [...e] : [], o = new Set(r.map((s) => `${s.source}-${s.target}`)), a = (s, n) => {
     t.push(s), n && !o.has(`${n}-${s.id}`) && r.push({
       id: `e-${n}-${s.id}`,
@@ -9363,7 +9369,7 @@ function oa(i, e) {
   };
   return a(i), { nodes: t, edges: r };
 }
-function aa(i, e, t) {
+function na(i, e, t) {
   const r = {}, o = (n) => !n.children || n.children.length === 0 ? 1 : n.children.reduce((l, h) => l + o(h), 0), a = (n, l, h, d) => {
     const g = h + d * t.horizontal / 2, v = l * t.vertical + 50;
     if (r[n.id] = e === "vertical" ? { x: g, y: v } : { x: v, y: g }, n.children) {
@@ -9376,7 +9382,7 @@ function aa(i, e, t) {
   }, s = o(i);
   return a(i, 0, 0, s), r;
 }
-function na(i) {
+function sa(i) {
   const e = i.filter((r) => {
     var o;
     return ((o = r.metrics) == null ? void 0 : o.impurity) !== void 0;
@@ -9395,7 +9401,7 @@ function na(i) {
     }
   };
 }
-function sa(i, e, t, r) {
+function la(i, e, t, r) {
   var o, a, s;
   if (t != null && t[i.id])
     return t[i.id];
@@ -9432,7 +9438,7 @@ function sa(i, e, t, r) {
         }[i.outcome.class.toLowerCase()] || "var(--nice-primary, #3b82f6)";
       break;
   }
-  return ia[i.type] || "var(--nice-text-secondary, #6b7280)";
+  return oa[i.type] || "var(--nice-text-secondary, #6b7280)";
 }
 function Et(i, e, t) {
   const r = (h) => {
@@ -9446,12 +9452,12 @@ function Et(i, e, t) {
   }, o = r(i), a = r(e), s = Math.round(o.r + (a.r - o.r) * t), n = Math.round(o.g + (a.g - o.g) * t), l = Math.round(o.b + (a.b - o.b) * t);
   return `#${[s, n, l].map((h) => h.toString(16).padStart(2, "0")).join("")}`;
 }
-function la(i, e) {
+function ca(i, e) {
   const t = /* @__PURE__ */ new Set(), r = (o) => {
     if (t.add(o.id), o.type === "leaf" || o.type === "end" || !o.children)
       return !0;
     if (o.condition) {
-      const a = e[o.condition.feature], n = tr(
+      const a = e[o.condition.feature], n = rr(
         a,
         o.condition.operator,
         o.condition.value
@@ -9463,7 +9469,7 @@ function la(i, e) {
   };
   return r(i), t;
 }
-function tr(i, e, t) {
+function rr(i, e, t) {
   switch (e) {
     case "=":
       return i === t;
@@ -9487,7 +9493,7 @@ function tr(i, e, t) {
       return !1;
   }
 }
-function ca(i) {
+function da(i) {
   return i.map((e, t) => ({
     id: `path-${t}`,
     type: "highlight",
@@ -9496,7 +9502,7 @@ function ca(i) {
     delay: t * 300
   }));
 }
-function Ja(i) {
+function Qa(i) {
   const { tree: e, feature_names: t, class_names: r } = i;
   e.children_left.length;
   const o = (s) => {
@@ -9536,14 +9542,14 @@ function Ja(i) {
     classes: r,
     metadata: {
       algorithm: "sklearn.DecisionTreeClassifier",
-      maxDepth: rr(a)
+      maxDepth: ir(a)
     }
   };
 }
-function rr(i, e = 0) {
-  return !i.children || i.children.length === 0 ? e : Math.max(...i.children.map((t) => rr(t, e + 1)));
+function ir(i, e = 0) {
+  return !i.children || i.children.length === 0 ? e : Math.max(...i.children.map((t) => ir(t, e + 1)));
 }
-function Qa(i) {
+function en(i) {
   const e = (r, o) => typeof r == "string" ? {
     id: o,
     type: "leaf",
@@ -9565,7 +9571,7 @@ function Qa(i) {
     ]
   } };
 }
-function en(i, e) {
+function tn(i, e) {
   const t = [], r = (a) => {
     var s, n;
     if (t.push(a.id), a.type === "leaf" || a.type === "end" || !a.children)
@@ -9574,7 +9580,7 @@ function en(i, e) {
         probability: (n = a.outcome) == null ? void 0 : n.probability
       };
     if (a.condition) {
-      const l = e[a.condition.feature], d = tr(
+      const l = e[a.condition.feature], d = rr(
         l,
         a.condition.operator,
         a.condition.value
@@ -9590,9 +9596,9 @@ function en(i, e) {
     path: t
   };
 }
-let da = 0;
+let ua = 0;
 function Mt() {
-  return `tmpl-${++da}-${Date.now().toString(36)}`;
+  return `tmpl-${++ua}-${Date.now().toString(36)}`;
 }
 function le(i, e, t = "roundedRect", r = { width: 160, height: 60 }, o) {
   return {
@@ -9637,7 +9643,7 @@ function je(i, e, t, r) {
     metadata: { createdAt: o, updatedAt: o }
   };
 }
-function ua() {
+function ha() {
   const i = le("Commit", { x: 40, y: 200 }, "circle", { width: 80, height: 80 }), e = le("Build", { x: 200, y: 200 }, "roundedRect"), t = le("Test", { x: 420, y: 200 }, "roundedRect"), r = le("Deploy", { x: 640, y: 200 }, "roundedRect"), o = le("Production", { x: 860, y: 200 }, "hexagon", { width: 140, height: 80 });
   return je(
     "CI/CD Pipeline",
@@ -9651,7 +9657,7 @@ function ua() {
     ]
   );
 }
-function ha() {
+function fa() {
   const i = le("API Gateway", { x: 350, y: 40 }, "hexagon", { width: 160, height: 80 }), e = le("Auth Service", { x: 80, y: 200 }, "roundedRect"), t = le("User Service", { x: 300, y: 200 }, "roundedRect"), r = le("Order Service", { x: 520, y: 200 }, "roundedRect"), o = le("Notification", { x: 740, y: 200 }, "roundedRect"), a = le("Users DB", { x: 180, y: 380 }, "cylinder", { width: 120, height: 70 }), s = le("Orders DB", { x: 520, y: 380 }, "cylinder", { width: 120, height: 70 }), n = le("Message Queue", { x: 620, y: 380 }, "parallelogram", {
     width: 160,
     height: 60
@@ -9666,7 +9672,7 @@ function ha() {
   ];
   return je("Microservices Architecture", "flowchart", l, h);
 }
-function fa() {
+function pa() {
   const i = le("Start", { x: 350, y: 20 }, "circle", { width: 70, height: 70 }), e = le("Landing Page", { x: 310, y: 140 }, "roundedRect"), t = le("Sign Up", { x: 140, y: 280 }, "roundedRect"), r = le("Log In", { x: 480, y: 280 }, "roundedRect"), o = le("Dashboard", { x: 310, y: 420 }, "roundedRect"), a = le("End", { x: 350, y: 560 }, "circle", { width: 70, height: 70 });
   return je(
     "User Flow",
@@ -9682,7 +9688,7 @@ function fa() {
     ]
   );
 }
-function pa() {
+function ga() {
   const i = le("Users", { x: 80, y: 100 }, "rectangle", { width: 180, height: 100 }), e = le("Orders", { x: 380, y: 100 }, "rectangle", { width: 180, height: 100 }), t = le("Products", { x: 380, y: 320 }, "rectangle", {
     width: 180,
     height: 100
@@ -9701,7 +9707,7 @@ function pa() {
     ]
   );
 }
-function ga() {
+function ma() {
   const i = le("CEO", { x: 350, y: 40 }, "roundedRect"), e = le("CTO", { x: 150, y: 180 }, "roundedRect"), t = le("CFO", { x: 550, y: 180 }, "roundedRect"), r = le("Engineering", { x: 50, y: 320 }, "roundedRect"), o = le("DevOps", { x: 250, y: 320 }, "roundedRect"), a = le("Accounting", { x: 550, y: 320 }, "roundedRect");
   return je(
     "Organization Chart",
@@ -9716,7 +9722,7 @@ function ga() {
     ]
   );
 }
-function ma() {
+function ya() {
   const i = le("Idle", { x: 80, y: 200 }, "circle", { width: 90, height: 90 }), e = le("Loading", { x: 300, y: 80 }, "roundedRect"), t = le("Success", { x: 520, y: 80 }, "roundedRect"), r = le("Error", { x: 520, y: 320 }, "roundedRect"), o = le("Retry", { x: 300, y: 320 }, "diamond", { width: 100, height: 100 });
   return je(
     "State Machine",
@@ -9740,7 +9746,7 @@ const St = [
     category: "software",
     diagramType: "flowchart",
     tags: ["devops", "ci", "cd", "pipeline", "deployment"],
-    create: ua
+    create: ha
   },
   {
     id: "microservices",
@@ -9749,7 +9755,7 @@ const St = [
     category: "software",
     diagramType: "flowchart",
     tags: ["architecture", "microservices", "api", "backend"],
-    create: ha
+    create: fa
   },
   {
     id: "user-flow",
@@ -9758,7 +9764,7 @@ const St = [
     category: "general",
     diagramType: "flowchart",
     tags: ["ux", "user-flow", "journey", "wireframe"],
-    create: fa
+    create: pa
   },
   {
     id: "er-diagram",
@@ -9767,7 +9773,7 @@ const St = [
     category: "software",
     diagramType: "er",
     tags: ["database", "er", "schema", "sql"],
-    create: pa
+    create: ga
   },
   {
     id: "org-chart",
@@ -9776,7 +9782,7 @@ const St = [
     category: "business",
     diagramType: "orgchart",
     tags: ["org", "hierarchy", "team", "management"],
-    create: ga
+    create: ma
   },
   {
     id: "state-machine",
@@ -9785,22 +9791,22 @@ const St = [
     category: "software",
     diagramType: "stateMachine",
     tags: ["state", "fsm", "transitions", "machine"],
-    create: ma
+    create: ya
   }
 ];
-function tn(i) {
+function rn(i) {
   return St.find((e) => e.id === i);
 }
-function rn(i) {
+function on(i) {
   return St.filter((e) => e.category === i);
 }
-function on(i) {
+function an(i) {
   const e = i.toLowerCase();
   return St.filter(
     (t) => t.name.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.tags.some((r) => r.includes(e))
   );
 }
-class ya {
+class ba {
   constructor(e = {}) {
     this.versions = [], this.currentVersionIndex = -1, this.autoSaveTimer = null, this.lastDocument = null, this.listeners = /* @__PURE__ */ new Set(), this.config = {
       maxVersions: e.maxVersions ?? 100,
@@ -9828,7 +9834,7 @@ class ya {
   /** Save a new version. */
   saveVersion(e, t) {
     const r = this.lastDocument ? this.calculateChanges(this.lastDocument, e) : [{ type: "node-added", description: "Initial version" }], o = {
-      id: ba(),
+      id: va(),
       number: this.versions.length + 1,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       userId: this.config.userId,
@@ -10036,11 +10042,11 @@ class ya {
     this.versions = [], this.currentVersionIndex = -1, this.lastDocument = null, this.notify();
   }
 }
-function ba() {
+function va() {
   return `v_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
 }
-function an(i) {
-  const e = new ya(i);
+function nn(i) {
+  const e = new ba(i);
   return {
     manager: e,
     saveVersion: e.saveVersion.bind(e),
@@ -10049,14 +10055,14 @@ function an(i) {
     diff: e.diff.bind(e)
   };
 }
-class nn {
+class sn {
   constructor(e) {
     this.comments = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Set(), this.mentionListeners = /* @__PURE__ */ new Set(), this.config = e;
   }
   /** Add a new comment. */
   addComment(e, t, r) {
     const o = this.parseMentions(t), a = {
-      id: va(),
+      id: wa(),
       anchor: e,
       status: "open",
       authorId: this.config.userId,
@@ -10098,7 +10104,7 @@ class nn {
     if (!r)
       return null;
     const o = this.parseMentions(t), a = {
-      id: wa(),
+      id: xa(),
       authorId: this.config.userId,
       authorName: this.config.userName,
       authorAvatar: this.config.userAvatar,
@@ -10216,13 +10222,13 @@ class nn {
     Object.assign(this.config, e);
   }
 }
-function va() {
+function wa() {
   return `comment_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
 }
-function wa() {
+function xa() {
   return `reply_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
 }
-const sn = {
+const ln = {
   low: {
     backgroundColor: "var(--nice-primary-bg, #e3f2fd)",
     borderColor: "var(--nice-primary, #2196f3)",
@@ -10248,11 +10254,11 @@ const sn = {
     icon: "flame"
   }
 };
-function ln(i) {
+function cn(i) {
   const e = new Date(i), r = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), o = Math.floor(r / (1e3 * 60)), a = Math.floor(o / 60), s = Math.floor(a / 24);
   return o < 1 ? "just now" : o < 60 ? `${o}m ago` : a < 24 ? `${a}h ago` : s < 7 ? `${s}d ago` : e.toLocaleDateString();
 }
-function cn(i, e) {
+function dn(i, e) {
   if (e.length === 0)
     return i;
   const t = [...e].sort((o, a) => a.startIndex - o.startIndex);
@@ -10263,7 +10269,7 @@ function cn(i, e) {
   }
   return r;
 }
-class xa {
+class ka {
   constructor() {
     this.profiles = /* @__PURE__ */ new Map(), this.activeProfileId = null, this.listeners = /* @__PURE__ */ new Set(), this.cache = /* @__PURE__ */ new Map(), this.profiles.set("default", {
       id: "default",
@@ -10518,7 +10524,7 @@ class xa {
     this.activeProfileId = t.activeProfileId, this.invalidateCache(), this.notify();
   }
 }
-const ir = [
+const or = [
   {
     id: "status-success",
     name: "Status: Success",
@@ -10610,21 +10616,21 @@ const ir = [
     actions: [{ type: "set_opacity", value: 0.5 }]
   }
 ];
-function dn(i) {
-  const e = ir.find((t) => t.id === i);
+function un(i) {
+  const e = or.find((t) => t.id === i);
   return e ? {
     ...e,
     id: `${e.id}_${Date.now()}`
   } : null;
 }
-function un(i = !1) {
-  const e = new xa();
+function hn(i = !1) {
+  const e = new ka();
   if (i)
-    for (const t of ir)
+    for (const t of or)
       e.addRule(t);
   return e;
 }
-class hn {
+class fn {
   constructor() {
     this.nodes = [], this.edges = [], this.groups = [], this.presets = /* @__PURE__ */ new Map(), this.state = {
       query: "",
@@ -11022,7 +11028,7 @@ class hn {
     JSON.parse(e).forEach((r) => this.presets.set(r.id, r));
   }
 }
-function fn(i, e, t = "search-highlight") {
+function pn(i, e, t = "search-highlight") {
   if (e.length === 0)
     return i;
   const r = [...e].sort((a, s) => s.start - a.start);
@@ -11033,7 +11039,7 @@ function fn(i, e, t = "search-highlight") {
   }
   return o;
 }
-function pn(i, e) {
+function gn(i, e) {
   switch (i) {
     case "by-type":
       return {
@@ -11067,86 +11073,86 @@ function pn(i, e) {
   }
 }
 export {
-  Li as AnimationPlayer,
-  jt as AnimationTimeline,
-  sn as COMMENT_PRIORITY_STYLES,
-  xa as ConditionalStylingEngine,
+  qi as AnimationPlayer,
+  Yt as AnimationTimeline,
+  ln as COMMENT_PRIORITY_STYLES,
+  ka as ConditionalStylingEngine,
   _t as DIAGRAM_STYLE_PRESETS,
   St as DIAGRAM_TEMPLATES,
   Re as DiagramCanvas,
-  Ta as DiagramCellRenderer,
-  nn as DiagramCommentManager,
-  Yt as DiagramMinimap,
+  Pa as DiagramCellRenderer,
+  sn as DiagramCommentManager,
+  Ht as DiagramMinimap,
   xt as DiagramModel,
-  fr as DiagramParticleEngine,
-  Ht as DiagramPropertyPanel,
-  hn as DiagramSearchFilterEngine,
-  Ut as DiagramToolbar,
-  ya as DiagramVersioningManager,
-  Aa as EDGE_STYLE_CATALOG,
-  Sa as NODE_STYLE_CATALOG,
-  jt as NiceAnimationTimeline,
-  Fa as NiceDatabaseSchemaViewer,
-  Za as NiceDecisionTreeEditor,
-  ja as NiceDependencyGraph,
-  Ji as NiceDiagram,
+  pr as DiagramParticleEngine,
+  Ut as DiagramPropertyPanel,
+  fn as DiagramSearchFilterEngine,
+  Xt as DiagramToolbar,
+  ba as DiagramVersioningManager,
+  Ia as EDGE_STYLE_CATALOG,
+  Aa as NODE_STYLE_CATALOG,
+  Yt as NiceAnimationTimeline,
+  Wa as NiceDatabaseSchemaViewer,
+  Ja as NiceDecisionTreeEditor,
+  Ya as NiceDependencyGraph,
+  Qi as NiceDiagram,
   Re as NiceDiagramCanvas,
-  Fi as NiceDiagramEditor,
-  Yt as NiceDiagramMinimap,
-  Ht as NiceDiagramPropertyPanel,
-  Ut as NiceDiagramToolbar,
-  Ji as NiceDiagramViewer,
-  Gt as NiceI18nProvider,
-  Ua as NiceNetworkTopology,
-  qa as NiceOrgChartVisualizer,
-  Ba as NiceProcessMiningDiagram,
-  Ra as NiceWorkflowVisualizer,
-  ir as PRESET_RULES,
-  ki as TRANSITION_PRESETS,
-  Ha as analyzeDependencyGraph,
-  Ka as calculateNetworkHealth,
-  Ga as calculateOrgStats,
-  gr as computeGlowRadius,
-  vr as computeLayout,
-  Ki as convertAnimation,
-  Ui as convertEdge,
-  Xi as convertGroup,
-  Hi as convertNode,
-  un as createConditionalStylingEngine,
-  Qa as createDecisionTree,
+  Wi as NiceDiagramEditor,
+  Ht as NiceDiagramMinimap,
+  Ut as NiceDiagramPropertyPanel,
+  Xt as NiceDiagramToolbar,
+  Qi as NiceDiagramViewer,
+  Bt as NiceI18nProvider,
+  Xa as NiceNetworkTopology,
+  Va as NiceOrgChartVisualizer,
+  ja as NiceProcessMiningDiagram,
+  Ea as NiceWorkflowVisualizer,
+  or as PRESET_RULES,
+  Ci as TRANSITION_PRESETS,
+  Ua as analyzeDependencyGraph,
+  Za as calculateNetworkHealth,
+  Ba as calculateOrgStats,
+  mr as computeGlowRadius,
+  wr as computeLayout,
+  Zi as convertAnimation,
+  Xi as convertEdge,
+  Ki as convertGroup,
+  Ui as convertNode,
+  hn as createConditionalStylingEngine,
+  en as createDecisionTree,
   Oe as createDiagramDocument,
-  pr as createGlowFilterId,
-  Oa as createLinearWorkflow,
-  Va as createOrgChartFromEmployees,
-  $a as createPresetFromTheme,
-  pn as createQuickFilter,
-  dn as createRuleFromPreset,
-  an as createVersioningHook,
-  Xa as discoverNetworkTopology,
-  mr as exportToMermaid,
+  gr as createGlowFilterId,
+  Fa as createLinearWorkflow,
+  Ga as createOrgChartFromEmployees,
+  Ta as createPresetFromTheme,
+  gn as createQuickFilter,
+  un as createRuleFromPreset,
+  nn as createVersioningHook,
+  Ka as discoverNetworkTopology,
+  yr as exportToMermaid,
   It as exportToSvg,
-  Pa as fetchAndGenerateDiagram,
-  ln as formatCommentDate,
-  xo as generateDiagramFromData,
-  Ia as getDiagramStylePreset,
-  Na as getDiagramStylePresetsByCategory,
-  Wi as getEasing,
-  za as getPointOnPath,
-  tn as getTemplateById,
-  rn as getTemplatesByCategory,
-  fn as highlightMatches,
-  qo as mineProcessFromLog,
-  Ea as parseBPMNToWorkflow,
-  Ma as parseNddJson,
-  Ya as parsePackageJsonToDependencies,
-  Wa as parseSQLToSchema,
-  Ja as parseSklearnTree,
-  en as predictWithTree,
-  Da as presetToThemeOverrides,
-  cn as renderTextWithMentions,
-  La as schemaToSQL,
-  on as searchTemplates,
-  yr as stringifyNddJson,
-  _r as useDiagramEditor,
+  Ra as fetchAndGenerateDiagram,
+  cn as formatCommentDate,
+  ko as generateDiagramFromData,
+  Na as getDiagramStylePreset,
+  Da as getDiagramStylePresetsByCategory,
+  Li as getEasing,
+  Ma as getPointOnPath,
+  rn as getTemplateById,
+  on as getTemplatesByCategory,
+  pn as highlightMatches,
+  Vo as mineProcessFromLog,
+  Oa as parseBPMNToWorkflow,
+  Sa as parseNddJson,
+  Ha as parsePackageJsonToDependencies,
+  La as parseSQLToSchema,
+  Qa as parseSklearnTree,
+  tn as predictWithTree,
+  $a as presetToThemeOverrides,
+  dn as renderTextWithMentions,
+  qa as schemaToSQL,
+  an as searchTemplates,
+  br as stringifyNddJson,
+  zr as useDiagramEditor,
   Ne as useNiceTranslation
 };