@almadar/ui 2.26.0 → 2.27.0

package/dist/components/organisms/debug/RuntimeDebugger.d.ts

@@ -6,8 +6,8 @@ export interface RuntimeDebuggerProps {
     defaultCollapsed?: boolean;
     /** Additional CSS classes */
     className?: string;
-    /** Display mode: floating (fixed overlay) or inline (block element) */
-    mode?: 'floating' | 'inline';
+    /** Display mode: floating (fixed overlay), inline (block element), or verify (always-visible compact overlay for verification runs) */
+    mode?: 'floating' | 'inline' | 'verify';
     /** Default active tab id */
     defaultTab?: string;
     /** Raw schema for EventDispatcherTab payload extraction */

package/dist/lib/index.cjs

@@ -428,41 +428,52 @@ function clearTraits() {
 }
 
 // lib/verificationRegistry.ts
-var checks = /* @__PURE__ */ new Map();
-var transitions = [];
-var bridgeHealth = null;
 var MAX_TRANSITIONS = 500;
-var listeners6 = /* @__PURE__ */ new Set();
+function getState() {
+  if (typeof window !== "undefined") {
+    const w = window;
+    if (!w.__verificationRegistryState) {
+      w.__verificationRegistryState = {
+        checks: /* @__PURE__ */ new Map(),
+        transitions: [],
+        bridgeHealth: null,
+        listeners: /* @__PURE__ */ new Set()
+      };
+    }
+    return w.__verificationRegistryState;
+  }
+  return { checks: /* @__PURE__ */ new Map(), transitions: [], bridgeHealth: null, listeners: /* @__PURE__ */ new Set() };
+}
 function notifyListeners5() {
-  listeners6.forEach((l) => l());
+  getState().listeners.forEach((l) => l());
   exposeOnWindow();
 }
 function registerCheck(id, label, status = "pending", details) {
-  checks.set(id, { id, label, status, details, updatedAt: Date.now() });
+  getState().checks.set(id, { id, label, status, details, updatedAt: Date.now() });
   notifyListeners5();
 }
 function updateCheck(id, status, details) {
-  const check = checks.get(id);
+  const check = getState().checks.get(id);
   if (check) {
     check.status = status;
     if (details !== void 0) check.details = details;
     check.updatedAt = Date.now();
   } else {
-    checks.set(id, { id, label: id, status, details, updatedAt: Date.now() });
+    getState().checks.set(id, { id, label: id, status, details, updatedAt: Date.now() });
   }
   notifyListeners5();
 }
 function getAllChecks() {
-  return Array.from(checks.values());
+  return Array.from(getState().checks.values());
 }
 function recordTransition(trace) {
   const entry = {
     ...trace,
     id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
   };
-  transitions.push(entry);
-  if (transitions.length > MAX_TRANSITIONS) {
-    transitions.shift();
+  getState().transitions.push(entry);
+  if (getState().transitions.length > MAX_TRANSITIONS) {
+    getState().transitions.shift();
   }
   if (entry.event === "INIT") {
     const hasFetch = entry.effects.some((e) => e.type === "fetch");
@@ -497,13 +508,13 @@ function recordTransition(trace) {
   notifyListeners5();
 }
 function getTransitions() {
-  return [...transitions];
+  return [...getState().transitions];
 }
 function getTransitionsForTrait(traitName) {
-  return transitions.filter((t) => t.traitName === traitName);
+  return getState().transitions.filter((t) => t.traitName === traitName);
 }
 function updateBridgeHealth(health) {
-  bridgeHealth = { ...health };
+  getState().bridgeHealth = { ...health };
   const checkId = "server-bridge";
   if (health.connected) {
     registerCheck(checkId, "Server bridge connected", "pass");
@@ -518,7 +529,8 @@ function updateBridgeHealth(health) {
   notifyListeners5();
 }
 function getBridgeHealth() {
-  return bridgeHealth ? { ...bridgeHealth } : null;
+  const bh = getState().bridgeHealth;
+  return bh ? { ...bh } : null;
 }
 function getSummary() {
   const allChecks = getAllChecks();
@@ -539,8 +551,8 @@ function getSnapshot() {
   };
 }
 function subscribeToVerification(listener) {
-  listeners6.add(listener);
-  return () => listeners6.delete(listener);
+  getState().listeners.add(listener);
+  return () => getState().listeners.delete(listener);
 }
 function exposeOnWindow() {
   if (typeof window === "undefined") return;
@@ -557,7 +569,7 @@ function exposeOnWindow() {
 }
 function waitForTransition(event, timeoutMs = 1e4) {
   return new Promise((resolve) => {
-    const existing = transitions.find((t) => t.event === event);
+    const existing = getState().transitions.find((t) => t.event === event);
     if (existing) {
       resolve(existing);
       return;
@@ -567,7 +579,7 @@ function waitForTransition(event, timeoutMs = 1e4) {
       resolve(null);
     }, timeoutMs);
     const unsub = subscribeToVerification(() => {
-      const found = transitions.find((t) => t.event === event);
+      const found = getState().transitions.find((t) => t.event === event);
       if (found) {
         clearTimeout(timeout);
         unsub();
@@ -627,9 +639,9 @@ function updateAssetStatus(url, status) {
   }
 }
 function clearVerification() {
-  checks.clear();
-  transitions.length = 0;
-  bridgeHealth = null;
+  getState().checks.clear();
+  getState().transitions.length = 0;
+  getState().bridgeHealth = null;
   notifyListeners5();
 }
 exposeOnWindow();
@@ -812,9 +824,9 @@ function getEffectSummary(effects) {
   });
   return summaries.join(" | ");
 }
-function extractOutputsFromTransitions(transitions2) {
+function extractOutputsFromTransitions(transitions) {
   const outputs = /* @__PURE__ */ new Set();
-  transitions2.forEach((t) => {
+  transitions.forEach((t) => {
     if (t.effects) {
       t.effects.forEach((effect) => {
         if (Array.isArray(effect)) {
@@ -839,7 +851,7 @@ function getNodeRadius(stateName, config) {
   if (textLength > 6) return baseRadius + 8;
   return baseRadius;
 }
-function calculateLayout(states, transitions2, options, config) {
+function calculateLayout(states, transitions, options, config) {
   const positions = {};
   const entityBoxWidth = options.hasEntity ? 200 : 0;
   const outputBoxWidth = options.hasOutputs ? 200 : 0;
@@ -848,7 +860,7 @@ function calculateLayout(states, transitions2, options, config) {
   states.filter((s) => s.isFinal);
   states.filter((s) => !s.isInitial && !s.isFinal);
   let maxLabelLength = 0;
-  transitions2.forEach((t) => {
+  transitions.forEach((t) => {
     if (t.effects && t.effects.length > 0) {
       const summary = getEffectSummary(t.effects);
       maxLabelLength = Math.max(maxLabelLength, summary.length);
@@ -874,7 +886,7 @@ function calculateLayout(states, transitions2, options, config) {
       if (stateColumn[name] === void 0) {
         stateColumn[name] = col;
       }
-      transitions2.forEach((t) => {
+      transitions.forEach((t) => {
         if (t.from === name && t.from !== t.to && !visited.has(t.to)) {
           queue.push({ name: t.to, col: col + 1 });
         }
@@ -954,11 +966,11 @@ function drawStateSvg(name, x, y, state, config) {
   svg += `</g>`;
   return svg;
 }
-function drawTransitionPathSvg(from, to, transitions2, positions, config) {
+function drawTransitionPathSvg(from, to, transitions, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return "";
-  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return "";
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -972,7 +984,7 @@ function drawTransitionPathSvg(from, to, transitions2, positions, config) {
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions2.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
   const isReverse = hasReverse && from > to;
   const baseOffset = hasReverse ? 50 : 30;
   const curveOffset = baseOffset + (relevantTransitions.length > 1 ? 20 : 0);
@@ -981,11 +993,11 @@ function drawTransitionPathSvg(from, to, transitions2, positions, config) {
   const midY = (startY + endY) / 2 + curveOffset * curveDirection;
   return `<path class="transition-path" data-from="${from}" data-to="${to}" d="M ${startX} ${startY} Q ${midX} ${midY} ${endX} ${endY}" stroke="${config.colors.arrow}" stroke-width="1.5" fill="none" marker-end="url(#arrow)"/>`;
 }
-function drawTransitionLabelsSvg(from, to, transitions2, positions, config) {
+function drawTransitionLabelsSvg(from, to, transitions, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return "";
-  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return "";
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -999,7 +1011,7 @@ function drawTransitionLabelsSvg(from, to, transitions2, positions, config) {
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions2.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
   const isReverse = hasReverse && from > to;
   const baseOffset = hasReverse ? 50 : 40;
   const curveOffset = baseOffset + (relevantTransitions.length > 1 ? 25 : 0);
@@ -1104,15 +1116,15 @@ function drawLegendSvg(y, config) {
 }
 function renderStateMachineToSvg(stateMachine, options = {}, config = DEFAULT_CONFIG) {
   const states = stateMachine.states || [];
-  const transitions2 = stateMachine.transitions || [];
+  const transitions = stateMachine.transitions || [];
   const title = options.title || "";
   const entity = options.entity;
-  const outputs = extractOutputsFromTransitions(transitions2);
+  const outputs = extractOutputsFromTransitions(transitions);
   const layoutOptions = {
     hasEntity: !!entity,
     hasOutputs: outputs.length > 0
   };
-  const { positions, width, height } = calculateLayout(states, transitions2, layoutOptions, config);
+  const { positions, width, height } = calculateLayout(states, transitions, layoutOptions, config);
   let svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height + 40}" viewBox="0 0 ${width} ${height + 40}" class="orbital-state-machine" style="display: block; max-width: none;">`;
   svg += `<defs>`;
   svg += createArrowMarkerSvg("arrow", config.colors.arrow, config);
@@ -1130,22 +1142,22 @@ function renderStateMachineToSvg(stateMachine, options = {}, config = DEFAULT_CO
     svg += drawEntityInputSvg(entity, 20, height / 2);
   }
   const drawnPairs = /* @__PURE__ */ new Set();
-  transitions2.forEach((transition) => {
+  transitions.forEach((transition) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
-      svg += drawTransitionPathSvg(transition.from, transition.to, transitions2, positions, config);
+      svg += drawTransitionPathSvg(transition.from, transition.to, transitions, positions, config);
     }
   });
   for (const [name, pos] of Object.entries(positions)) {
     svg += drawStateSvg(name, pos.x, pos.y, pos.state, config);
   }
   drawnPairs.clear();
-  transitions2.forEach((transition) => {
+  transitions.forEach((transition) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
-      svg += drawTransitionLabelsSvg(transition.from, transition.to, transitions2, positions, config);
+      svg += drawTransitionLabelsSvg(transition.from, transition.to, transitions, positions, config);
     }
   });
   if (outputs.length > 0) {
@@ -1176,11 +1188,11 @@ function extractStateMachine(data) {
   }
   return null;
 }
-function calculateTransitionPathData(from, to, transitions2, positions, config) {
+function calculateTransitionPathData(from, to, transitions, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return null;
-  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return null;
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -1211,7 +1223,7 @@ function calculateTransitionPathData(from, to, transitions2, positions, config)
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions2.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
   const isReverse = hasReverse && from > to;
   const baseOffset = hasReverse ? 50 : 30;
   const curveOffset = baseOffset + (relevantTransitions.length > 1 ? 20 : 0);
@@ -1226,15 +1238,15 @@ function calculateTransitionPathData(from, to, transitions2, positions, config)
 }
 function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAULT_CONFIG) {
   const states = stateMachine.states || [];
-  const transitions2 = stateMachine.transitions || [];
+  const transitions = stateMachine.transitions || [];
   const title = options.title || "";
   const entity = options.entity;
-  const outputs = extractOutputsFromTransitions(transitions2);
+  const outputs = extractOutputsFromTransitions(transitions);
   const layoutOptions = {
     hasEntity: !!entity,
     hasOutputs: outputs.length > 0
   };
-  const { positions, width, height } = calculateLayout(states, transitions2, layoutOptions, config);
+  const { positions, width, height } = calculateLayout(states, transitions, layoutOptions, config);
   const domStates = Object.entries(positions).map(([name, pos]) => ({
     id: `state-${name}`,
     name,
@@ -1248,14 +1260,14 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
   const domPaths = [];
   const domLabels = [];
   const drawnPairs = /* @__PURE__ */ new Set();
-  transitions2.forEach((transition, idx) => {
+  transitions.forEach((transition, idx) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
       const pathData2 = calculateTransitionPathData(
         transition.from,
         transition.to,
-        transitions2,
+        transitions,
         positions,
         config
       );
@@ -1276,7 +1288,7 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
     const pathData = calculateTransitionPathData(
       transition.from,
       transition.to,
-      transitions2,
+      transitions,
       positions,
       config
     );

package/dist/lib/index.js

@@ -426,41 +426,52 @@ function clearTraits() {
 }
 
 // lib/verificationRegistry.ts
-var checks = /* @__PURE__ */ new Map();
-var transitions = [];
-var bridgeHealth = null;
 var MAX_TRANSITIONS = 500;
-var listeners6 = /* @__PURE__ */ new Set();
+function getState() {
+  if (typeof window !== "undefined") {
+    const w = window;
+    if (!w.__verificationRegistryState) {
+      w.__verificationRegistryState = {
+        checks: /* @__PURE__ */ new Map(),
+        transitions: [],
+        bridgeHealth: null,
+        listeners: /* @__PURE__ */ new Set()
+      };
+    }
+    return w.__verificationRegistryState;
+  }
+  return { checks: /* @__PURE__ */ new Map(), transitions: [], bridgeHealth: null, listeners: /* @__PURE__ */ new Set() };
+}
 function notifyListeners5() {
-  listeners6.forEach((l) => l());
+  getState().listeners.forEach((l) => l());
   exposeOnWindow();
 }
 function registerCheck(id, label, status = "pending", details) {
-  checks.set(id, { id, label, status, details, updatedAt: Date.now() });
+  getState().checks.set(id, { id, label, status, details, updatedAt: Date.now() });
   notifyListeners5();
 }
 function updateCheck(id, status, details) {
-  const check = checks.get(id);
+  const check = getState().checks.get(id);
   if (check) {
     check.status = status;
     if (details !== void 0) check.details = details;
     check.updatedAt = Date.now();
   } else {
-    checks.set(id, { id, label: id, status, details, updatedAt: Date.now() });
+    getState().checks.set(id, { id, label: id, status, details, updatedAt: Date.now() });
   }
   notifyListeners5();
 }
 function getAllChecks() {
-  return Array.from(checks.values());
+  return Array.from(getState().checks.values());
 }
 function recordTransition(trace) {
   const entry = {
     ...trace,
     id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
   };
-  transitions.push(entry);
-  if (transitions.length > MAX_TRANSITIONS) {
-    transitions.shift();
+  getState().transitions.push(entry);
+  if (getState().transitions.length > MAX_TRANSITIONS) {
+    getState().transitions.shift();
   }
   if (entry.event === "INIT") {
     const hasFetch = entry.effects.some((e) => e.type === "fetch");
@@ -495,13 +506,13 @@ function recordTransition(trace) {
   notifyListeners5();
 }
 function getTransitions() {
-  return [...transitions];
+  return [...getState().transitions];
 }
 function getTransitionsForTrait(traitName) {
-  return transitions.filter((t) => t.traitName === traitName);
+  return getState().transitions.filter((t) => t.traitName === traitName);
 }
 function updateBridgeHealth(health) {
-  bridgeHealth = { ...health };
+  getState().bridgeHealth = { ...health };
   const checkId = "server-bridge";
   if (health.connected) {
     registerCheck(checkId, "Server bridge connected", "pass");
@@ -516,7 +527,8 @@ function updateBridgeHealth(health) {
   notifyListeners5();
 }
 function getBridgeHealth() {
-  return bridgeHealth ? { ...bridgeHealth } : null;
+  const bh = getState().bridgeHealth;
+  return bh ? { ...bh } : null;
 }
 function getSummary() {
   const allChecks = getAllChecks();
@@ -537,8 +549,8 @@ function getSnapshot() {
   };
 }
 function subscribeToVerification(listener) {
-  listeners6.add(listener);
-  return () => listeners6.delete(listener);
+  getState().listeners.add(listener);
+  return () => getState().listeners.delete(listener);
 }
 function exposeOnWindow() {
   if (typeof window === "undefined") return;
@@ -555,7 +567,7 @@ function exposeOnWindow() {
 }
 function waitForTransition(event, timeoutMs = 1e4) {
   return new Promise((resolve) => {
-    const existing = transitions.find((t) => t.event === event);
+    const existing = getState().transitions.find((t) => t.event === event);
     if (existing) {
       resolve(existing);
       return;
@@ -565,7 +577,7 @@ function waitForTransition(event, timeoutMs = 1e4) {
       resolve(null);
     }, timeoutMs);
     const unsub = subscribeToVerification(() => {
-      const found = transitions.find((t) => t.event === event);
+      const found = getState().transitions.find((t) => t.event === event);
       if (found) {
         clearTimeout(timeout);
         unsub();
@@ -625,9 +637,9 @@ function updateAssetStatus(url, status) {
   }
 }
 function clearVerification() {
-  checks.clear();
-  transitions.length = 0;
-  bridgeHealth = null;
+  getState().checks.clear();
+  getState().transitions.length = 0;
+  getState().bridgeHealth = null;
   notifyListeners5();
 }
 exposeOnWindow();
@@ -810,9 +822,9 @@ function getEffectSummary(effects) {
   });
   return summaries.join(" | ");
 }
-function extractOutputsFromTransitions(transitions2) {
+function extractOutputsFromTransitions(transitions) {
   const outputs = /* @__PURE__ */ new Set();
-  transitions2.forEach((t) => {
+  transitions.forEach((t) => {
     if (t.effects) {
       t.effects.forEach((effect) => {
         if (Array.isArray(effect)) {
@@ -837,7 +849,7 @@ function getNodeRadius(stateName, config) {
   if (textLength > 6) return baseRadius + 8;
   return baseRadius;
 }
-function calculateLayout(states, transitions2, options, config) {
+function calculateLayout(states, transitions, options, config) {
   const positions = {};
   const entityBoxWidth = options.hasEntity ? 200 : 0;
   const outputBoxWidth = options.hasOutputs ? 200 : 0;
@@ -846,7 +858,7 @@ function calculateLayout(states, transitions2, options, config) {
   states.filter((s) => s.isFinal);
   states.filter((s) => !s.isInitial && !s.isFinal);
   let maxLabelLength = 0;
-  transitions2.forEach((t) => {
+  transitions.forEach((t) => {
     if (t.effects && t.effects.length > 0) {
       const summary = getEffectSummary(t.effects);
       maxLabelLength = Math.max(maxLabelLength, summary.length);
@@ -872,7 +884,7 @@ function calculateLayout(states, transitions2, options, config) {
       if (stateColumn[name] === void 0) {
         stateColumn[name] = col;
       }
-      transitions2.forEach((t) => {
+      transitions.forEach((t) => {
         if (t.from === name && t.from !== t.to && !visited.has(t.to)) {
           queue.push({ name: t.to, col: col + 1 });
         }
@@ -952,11 +964,11 @@ function drawStateSvg(name, x, y, state, config) {
   svg += `</g>`;
   return svg;
 }
-function drawTransitionPathSvg(from, to, transitions2, positions, config) {
+function drawTransitionPathSvg(from, to, transitions, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return "";
-  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return "";
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -970,7 +982,7 @@ function drawTransitionPathSvg(from, to, transitions2, positions, config) {
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions2.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
   const isReverse = hasReverse && from > to;
   const baseOffset = hasReverse ? 50 : 30;
   const curveOffset = baseOffset + (relevantTransitions.length > 1 ? 20 : 0);
@@ -979,11 +991,11 @@ function drawTransitionPathSvg(from, to, transitions2, positions, config) {
   const midY = (startY + endY) / 2 + curveOffset * curveDirection;
   return `<path class="transition-path" data-from="${from}" data-to="${to}" d="M ${startX} ${startY} Q ${midX} ${midY} ${endX} ${endY}" stroke="${config.colors.arrow}" stroke-width="1.5" fill="none" marker-end="url(#arrow)"/>`;
 }
-function drawTransitionLabelsSvg(from, to, transitions2, positions, config) {
+function drawTransitionLabelsSvg(from, to, transitions, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return "";
-  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return "";
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -997,7 +1009,7 @@ function drawTransitionLabelsSvg(from, to, transitions2, positions, config) {
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions2.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
   const isReverse = hasReverse && from > to;
   const baseOffset = hasReverse ? 50 : 40;
   const curveOffset = baseOffset + (relevantTransitions.length > 1 ? 25 : 0);
@@ -1102,15 +1114,15 @@ function drawLegendSvg(y, config) {
 }
 function renderStateMachineToSvg(stateMachine, options = {}, config = DEFAULT_CONFIG) {
   const states = stateMachine.states || [];
-  const transitions2 = stateMachine.transitions || [];
+  const transitions = stateMachine.transitions || [];
   const title = options.title || "";
   const entity = options.entity;
-  const outputs = extractOutputsFromTransitions(transitions2);
+  const outputs = extractOutputsFromTransitions(transitions);
   const layoutOptions = {
     hasEntity: !!entity,
     hasOutputs: outputs.length > 0
   };
-  const { positions, width, height } = calculateLayout(states, transitions2, layoutOptions, config);
+  const { positions, width, height } = calculateLayout(states, transitions, layoutOptions, config);
   let svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height + 40}" viewBox="0 0 ${width} ${height + 40}" class="orbital-state-machine" style="display: block; max-width: none;">`;
   svg += `<defs>`;
   svg += createArrowMarkerSvg("arrow", config.colors.arrow, config);
@@ -1128,22 +1140,22 @@ function renderStateMachineToSvg(stateMachine, options = {}, config = DEFAULT_CO
     svg += drawEntityInputSvg(entity, 20, height / 2);
   }
   const drawnPairs = /* @__PURE__ */ new Set();
-  transitions2.forEach((transition) => {
+  transitions.forEach((transition) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
-      svg += drawTransitionPathSvg(transition.from, transition.to, transitions2, positions, config);
+      svg += drawTransitionPathSvg(transition.from, transition.to, transitions, positions, config);
     }
   });
   for (const [name, pos] of Object.entries(positions)) {
     svg += drawStateSvg(name, pos.x, pos.y, pos.state, config);
   }
   drawnPairs.clear();
-  transitions2.forEach((transition) => {
+  transitions.forEach((transition) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
-      svg += drawTransitionLabelsSvg(transition.from, transition.to, transitions2, positions, config);
+      svg += drawTransitionLabelsSvg(transition.from, transition.to, transitions, positions, config);
     }
   });
   if (outputs.length > 0) {
@@ -1174,11 +1186,11 @@ function extractStateMachine(data) {
   }
   return null;
 }
-function calculateTransitionPathData(from, to, transitions2, positions, config) {
+function calculateTransitionPathData(from, to, transitions, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return null;
-  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return null;
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -1209,7 +1221,7 @@ function calculateTransitionPathData(from, to, transitions2, positions, config)
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions2.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
   const isReverse = hasReverse && from > to;
   const baseOffset = hasReverse ? 50 : 30;
   const curveOffset = baseOffset + (relevantTransitions.length > 1 ? 20 : 0);
@@ -1224,15 +1236,15 @@ function calculateTransitionPathData(from, to, transitions2, positions, config)
 }
 function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAULT_CONFIG) {
   const states = stateMachine.states || [];
-  const transitions2 = stateMachine.transitions || [];
+  const transitions = stateMachine.transitions || [];
   const title = options.title || "";
   const entity = options.entity;
-  const outputs = extractOutputsFromTransitions(transitions2);
+  const outputs = extractOutputsFromTransitions(transitions);
   const layoutOptions = {
     hasEntity: !!entity,
     hasOutputs: outputs.length > 0
   };
-  const { positions, width, height } = calculateLayout(states, transitions2, layoutOptions, config);
+  const { positions, width, height } = calculateLayout(states, transitions, layoutOptions, config);
   const domStates = Object.entries(positions).map(([name, pos]) => ({
     id: `state-${name}`,
     name,
@@ -1246,14 +1258,14 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
   const domPaths = [];
   const domLabels = [];
   const drawnPairs = /* @__PURE__ */ new Set();
-  transitions2.forEach((transition, idx) => {
+  transitions.forEach((transition, idx) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
       const pathData2 = calculateTransitionPathData(
         transition.from,
         transition.to,
-        transitions2,
+        transitions,
         positions,
         config
       );
@@ -1274,7 +1286,7 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
     const pathData = calculateTransitionPathData(
       transition.from,
       transition.to,
-      transitions2,
+      transitions,
       positions,
       config
     );