@almadar/ui 2.13.2 → 2.14.0

package/dist/{chunk-4ZBSL37D.js → chunk-XL7WB2O5.js}

@@ -1,3 +1,313 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// lib/cn.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// lib/debug.ts
+var DEBUG_ENABLED = typeof window !== "undefined" && (localStorage.getItem("debug") === "true" || process.env.NODE_ENV === "development");
+function isDebugEnabled() {
+  return DEBUG_ENABLED;
+}
+function debug(...args) {
+  if (DEBUG_ENABLED) {
+    console.log("[DEBUG]", ...args);
+  }
+}
+function debugGroup(label) {
+  if (DEBUG_ENABLED) {
+    console.group(`[DEBUG] ${label}`);
+  }
+}
+function debugGroupEnd() {
+  if (DEBUG_ENABLED) {
+    console.groupEnd();
+  }
+}
+function debugWarn(...args) {
+  if (DEBUG_ENABLED) {
+    console.warn("[DEBUG]", ...args);
+  }
+}
+function debugError(...args) {
+  if (DEBUG_ENABLED) {
+    console.error("[DEBUG]", ...args);
+  }
+}
+function debugTable(data) {
+  if (DEBUG_ENABLED) {
+    console.table(data);
+  }
+}
+function debugTime(label) {
+  if (DEBUG_ENABLED) {
+    console.time(`[DEBUG] ${label}`);
+  }
+}
+function debugTimeEnd(label) {
+  if (DEBUG_ENABLED) {
+    console.timeEnd(`[DEBUG] ${label}`);
+  }
+}
+function debugInput(inputType, data) {
+  if (DEBUG_ENABLED) {
+    console.log(`[DEBUG:INPUT] ${inputType}:`, data);
+  }
+}
+function debugCollision(entityA, entityB, details) {
+  if (DEBUG_ENABLED) {
+    console.log(
+      `[DEBUG:COLLISION] ${entityA.type || entityA.id} <-> ${entityB.type || entityB.id}`,
+      details ?? ""
+    );
+  }
+}
+function debugPhysics(entityId, physics) {
+  if (DEBUG_ENABLED) {
+    console.log(`[DEBUG:PHYSICS] ${entityId}:`, physics);
+  }
+}
+function debugGameState(stateName, value) {
+  if (DEBUG_ENABLED) {
+    console.log(`[DEBUG:GAME_STATE] ${stateName}:`, value);
+  }
+}
+
+// lib/verificationRegistry.ts
+var checks = /* @__PURE__ */ new Map();
+var transitions = [];
+var bridgeHealth = null;
+var MAX_TRANSITIONS = 500;
+var listeners = /* @__PURE__ */ new Set();
+function notifyListeners() {
+  listeners.forEach((l) => l());
+  exposeOnWindow();
+}
+function registerCheck(id, label, status = "pending", details) {
+  checks.set(id, { id, label, status, details, updatedAt: Date.now() });
+  notifyListeners();
+}
+function updateCheck(id, status, details) {
+  const check = 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() });
+  }
+  notifyListeners();
+}
+function getAllChecks() {
+  return Array.from(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();
+  }
+  if (entry.event === "INIT") {
+    const hasFetch = entry.effects.some((e) => e.type === "fetch");
+    const checkId = `init-fetch-${entry.traitName}`;
+    if (hasFetch) {
+      registerCheck(
+        checkId,
+        `INIT transition for "${entry.traitName}" has fetch effect`,
+        "pass"
+      );
+    } else {
+      const hasRenderUI = entry.effects.some((e) => e.type === "render-ui");
+      if (hasRenderUI) {
+        registerCheck(
+          checkId,
+          `INIT transition for "${entry.traitName}" missing fetch effect`,
+          "fail",
+          "Entity-bound render-ui without a fetch effect will show empty data"
+        );
+      }
+    }
+  }
+  const failedEffects = entry.effects.filter((e) => e.status === "failed");
+  if (failedEffects.length > 0) {
+    registerCheck(
+      `effects-${entry.id}`,
+      `Effects failed in ${entry.traitName}: ${entry.from} -> ${entry.to}`,
+      "fail",
+      failedEffects.map((e) => `${e.type}: ${e.error}`).join("; ")
+    );
+  }
+  notifyListeners();
+}
+function getTransitions() {
+  return [...transitions];
+}
+function getTransitionsForTrait(traitName) {
+  return transitions.filter((t) => t.traitName === traitName);
+}
+function updateBridgeHealth(health) {
+  bridgeHealth = { ...health };
+  const checkId = "server-bridge";
+  if (health.connected) {
+    registerCheck(checkId, "Server bridge connected", "pass");
+  } else {
+    registerCheck(
+      checkId,
+      "Server bridge disconnected",
+      "fail",
+      health.lastError || "Bridge is not connected"
+    );
+  }
+  notifyListeners();
+}
+function getBridgeHealth() {
+  return bridgeHealth ? { ...bridgeHealth } : null;
+}
+function getSummary() {
+  const allChecks = getAllChecks();
+  return {
+    totalChecks: allChecks.length,
+    passed: allChecks.filter((c) => c.status === "pass").length,
+    failed: allChecks.filter((c) => c.status === "fail").length,
+    warnings: allChecks.filter((c) => c.status === "warn").length,
+    pending: allChecks.filter((c) => c.status === "pending").length
+  };
+}
+function getSnapshot() {
+  return {
+    checks: getAllChecks(),
+    transitions: getTransitions(),
+    bridge: getBridgeHealth(),
+    summary: getSummary()
+  };
+}
+function subscribeToVerification(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function exposeOnWindow() {
+  if (typeof window === "undefined") return;
+  if (!window.__orbitalVerification) {
+    window.__orbitalVerification = {
+      getSnapshot,
+      getChecks: getAllChecks,
+      getTransitions,
+      getBridge: getBridgeHealth,
+      getSummary,
+      waitForTransition
+    };
+  }
+}
+function waitForTransition(event, timeoutMs = 1e4) {
+  return new Promise((resolve) => {
+    const existing = transitions.find((t) => t.event === event);
+    if (existing) {
+      resolve(existing);
+      return;
+    }
+    const timeout = setTimeout(() => {
+      unsub();
+      resolve(null);
+    }, timeoutMs);
+    const unsub = subscribeToVerification(() => {
+      const found = transitions.find((t) => t.event === event);
+      if (found) {
+        clearTimeout(timeout);
+        unsub();
+        resolve(found);
+      }
+    });
+  });
+}
+function bindEventBus(eventBus) {
+  if (typeof window === "undefined") return;
+  exposeOnWindow();
+  if (window.__orbitalVerification) {
+    window.__orbitalVerification.sendEvent = (event, payload) => {
+      const prefixed = event.startsWith("UI:") ? event : `UI:${event}`;
+      eventBus.emit(prefixed, payload);
+    };
+    const eventLog = [];
+    window.__orbitalVerification.eventLog = eventLog;
+    window.__orbitalVerification.clearEventLog = () => {
+      eventLog.length = 0;
+    };
+    if (eventBus.onAny) {
+      eventBus.onAny((event) => {
+        if (eventLog.length < 200) {
+          eventLog.push({
+            type: event.type,
+            payload: event.payload,
+            timestamp: Date.now()
+          });
+        }
+      });
+    }
+  }
+}
+function bindTraitStateGetter(getter) {
+  if (typeof window === "undefined") return;
+  exposeOnWindow();
+  if (window.__orbitalVerification) {
+    window.__orbitalVerification.getTraitState = getter;
+  }
+}
+function bindCanvasCapture(captureFn) {
+  if (typeof window === "undefined") return;
+  exposeOnWindow();
+  if (window.__orbitalVerification) {
+    window.__orbitalVerification.captureFrame = captureFn;
+  }
+}
+function updateAssetStatus(url, status) {
+  if (typeof window === "undefined") return;
+  exposeOnWindow();
+  if (window.__orbitalVerification) {
+    if (!window.__orbitalVerification.assetStatus) {
+      window.__orbitalVerification.assetStatus = {};
+    }
+    window.__orbitalVerification.assetStatus[url] = status;
+  }
+}
+function clearVerification() {
+  checks.clear();
+  transitions.length = 0;
+  bridgeHealth = null;
+  notifyListeners();
+}
+exposeOnWindow();
+
+// lib/getNestedValue.ts
+function getNestedValue(obj, path) {
+  if (obj === null || obj === void 0 || !path) {
+    return void 0;
+  }
+  if (!path.includes(".")) {
+    return obj[path];
+  }
+  const parts = path.split(".");
+  let value = obj;
+  for (const part of parts) {
+    if (value === null || value === void 0) {
+      return void 0;
+    }
+    if (typeof value !== "object") {
+      return void 0;
+    }
+    value = value[part];
+  }
+  return value;
+}
+function formatNestedFieldLabel(path) {
+  const lastPart = path.includes(".") ? path.split(".").pop() : path;
+  return lastPart.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).replace(/Id$/, "").trim();
+}
+
 // lib/visualizer/index.ts
 function formatSExprGuardToDomain(guard, _entityName) {
   if (Array.isArray(guard)) {
@@ -150,9 +460,9 @@ function getEffectSummary(effects) {
   });
   return summaries.join(" | ");
 }
-function extractOutputsFromTransitions(transitions) {
+function extractOutputsFromTransitions(transitions2) {
   const outputs = /* @__PURE__ */ new Set();
-  transitions.forEach((t) => {
+  transitions2.forEach((t) => {
     if (t.effects) {
       t.effects.forEach((effect) => {
         if (Array.isArray(effect)) {
@@ -177,7 +487,7 @@ function getNodeRadius(stateName, config) {
   if (textLength > 6) return baseRadius + 8;
   return baseRadius;
 }
-function calculateLayout(states, transitions, options, config) {
+function calculateLayout(states, transitions2, options, config) {
   const positions = {};
   const entityBoxWidth = options.hasEntity ? 200 : 0;
   const outputBoxWidth = options.hasOutputs ? 200 : 0;
@@ -186,7 +496,7 @@ function calculateLayout(states, transitions, options, config) {
   states.filter((s) => s.isFinal);
   states.filter((s) => !s.isInitial && !s.isFinal);
   let maxLabelLength = 0;
-  transitions.forEach((t) => {
+  transitions2.forEach((t) => {
     if (t.effects && t.effects.length > 0) {
       const summary = getEffectSummary(t.effects);
       maxLabelLength = Math.max(maxLabelLength, summary.length);
@@ -212,7 +522,7 @@ function calculateLayout(states, transitions, options, config) {
       if (stateColumn[name] === void 0) {
         stateColumn[name] = col;
       }
-      transitions.forEach((t) => {
+      transitions2.forEach((t) => {
         if (t.from === name && t.from !== t.to && !visited.has(t.to)) {
           queue.push({ name: t.to, col: col + 1 });
         }
@@ -292,11 +602,11 @@ function drawStateSvg(name, x, y, state, config) {
   svg += `</g>`;
   return svg;
 }
-function drawTransitionPathSvg(from, to, transitions, positions, config) {
+function drawTransitionPathSvg(from, to, transitions2, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return "";
-  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return "";
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -310,7 +620,7 @@ function drawTransitionPathSvg(from, to, transitions, positions, config) {
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions2.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);
@@ -319,11 +629,11 @@ function drawTransitionPathSvg(from, to, transitions, 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, transitions, positions, config) {
+function drawTransitionLabelsSvg(from, to, transitions2, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return "";
-  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return "";
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -337,7 +647,7 @@ function drawTransitionLabelsSvg(from, to, transitions, positions, config) {
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions2.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);
@@ -442,15 +752,15 @@ function drawLegendSvg(y, config) {
 }
 function renderStateMachineToSvg(stateMachine, options = {}, config = DEFAULT_CONFIG) {
   const states = stateMachine.states || [];
-  const transitions = stateMachine.transitions || [];
+  const transitions2 = stateMachine.transitions || [];
   const title = options.title || "";
   const entity = options.entity;
-  const outputs = extractOutputsFromTransitions(transitions);
+  const outputs = extractOutputsFromTransitions(transitions2);
   const layoutOptions = {
     hasEntity: !!entity,
     hasOutputs: outputs.length > 0
   };
-  const { positions, width, height } = calculateLayout(states, transitions, layoutOptions, config);
+  const { positions, width, height } = calculateLayout(states, transitions2, 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);
@@ -468,22 +778,22 @@ function renderStateMachineToSvg(stateMachine, options = {}, config = DEFAULT_CO
     svg += drawEntityInputSvg(entity, 20, height / 2);
   }
   const drawnPairs = /* @__PURE__ */ new Set();
-  transitions.forEach((transition) => {
+  transitions2.forEach((transition) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
-      svg += drawTransitionPathSvg(transition.from, transition.to, transitions, positions, config);
+      svg += drawTransitionPathSvg(transition.from, transition.to, transitions2, positions, config);
     }
   });
   for (const [name, pos] of Object.entries(positions)) {
     svg += drawStateSvg(name, pos.x, pos.y, pos.state, config);
   }
   drawnPairs.clear();
-  transitions.forEach((transition) => {
+  transitions2.forEach((transition) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
-      svg += drawTransitionLabelsSvg(transition.from, transition.to, transitions, positions, config);
+      svg += drawTransitionLabelsSvg(transition.from, transition.to, transitions2, positions, config);
     }
   });
   if (outputs.length > 0) {
@@ -514,11 +824,11 @@ function extractStateMachine(data) {
   }
   return null;
 }
-function calculateTransitionPathData(from, to, transitions, positions, config) {
+function calculateTransitionPathData(from, to, transitions2, positions, config) {
   const fromPos = positions[from];
   const toPos = positions[to];
   if (!fromPos || !toPos) return null;
-  const relevantTransitions = transitions.filter((t) => t.from === from && t.to === to);
+  const relevantTransitions = transitions2.filter((t) => t.from === from && t.to === to);
   if (relevantTransitions.length === 0) return null;
   const fromRadius = getNodeRadius(from, config);
   const toRadius = getNodeRadius(to, config);
@@ -549,7 +859,7 @@ function calculateTransitionPathData(from, to, transitions, positions, config) {
   const startY = fromPos.y + ny * fromRadius;
   const endX = toPos.x - nx * (toRadius + 5);
   const endY = toPos.y - ny * (toRadius + 5);
-  const hasReverse = transitions.some((t) => t.from === to && t.to === from);
+  const hasReverse = transitions2.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);
@@ -564,15 +874,15 @@ function calculateTransitionPathData(from, to, transitions, positions, config) {
 }
 function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAULT_CONFIG) {
   const states = stateMachine.states || [];
-  const transitions = stateMachine.transitions || [];
+  const transitions2 = stateMachine.transitions || [];
   const title = options.title || "";
   const entity = options.entity;
-  const outputs = extractOutputsFromTransitions(transitions);
+  const outputs = extractOutputsFromTransitions(transitions2);
   const layoutOptions = {
     hasEntity: !!entity,
     hasOutputs: outputs.length > 0
   };
-  const { positions, width, height } = calculateLayout(states, transitions, layoutOptions, config);
+  const { positions, width, height } = calculateLayout(states, transitions2, layoutOptions, config);
   const domStates = Object.entries(positions).map(([name, pos]) => ({
     id: `state-${name}`,
     name,
@@ -586,14 +896,14 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
   const domPaths = [];
   const domLabels = [];
   const drawnPairs = /* @__PURE__ */ new Set();
-  transitions.forEach((transition, idx) => {
+  transitions2.forEach((transition, idx) => {
     const pairKey = `${transition.from}->${transition.to}`;
     if (!drawnPairs.has(pairKey)) {
       drawnPairs.add(pairKey);
       const pathData2 = calculateTransitionPathData(
         transition.from,
         transition.to,
-        transitions,
+        transitions2,
         positions,
         config
       );
@@ -614,7 +924,7 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
     const pathData = calculateTransitionPathData(
       transition.from,
       transition.to,
-      transitions,
+      transitions2,
       positions,
       config
     );
@@ -744,15 +1054,62 @@ function parseContentSegments(content) {
   return segments;
 }
 
+// lib/traitRegistry.ts
+var traits = /* @__PURE__ */ new Map();
+var listeners2 = /* @__PURE__ */ new Set();
+function notifyListeners2() {
+  listeners2.forEach((listener) => listener());
+}
+function registerTrait(info) {
+  traits.set(info.id, info);
+  notifyListeners2();
+}
+function updateTraitState(id, newState) {
+  const trait = traits.get(id);
+  if (trait) {
+    trait.currentState = newState;
+    trait.transitionCount++;
+    notifyListeners2();
+  }
+}
+function updateGuardResult(traitId, guardName, result) {
+  const trait = traits.get(traitId);
+  if (trait) {
+    const guard = trait.guards.find((g) => g.name === guardName);
+    if (guard) {
+      guard.lastResult = result;
+      notifyListeners2();
+    }
+  }
+}
+function unregisterTrait(id) {
+  traits.delete(id);
+  notifyListeners2();
+}
+function getAllTraits() {
+  return Array.from(traits.values());
+}
+function getTrait(id) {
+  return traits.get(id);
+}
+function subscribeToTraitChanges(listener) {
+  listeners2.add(listener);
+  return () => listeners2.delete(listener);
+}
+function clearTraits() {
+  traits.clear();
+  notifyListeners2();
+}
+
 // lib/tickRegistry.ts
 var ticks = /* @__PURE__ */ new Map();
-var listeners = /* @__PURE__ */ new Set();
-function notifyListeners() {
-  listeners.forEach((listener) => listener());
+var listeners3 = /* @__PURE__ */ new Set();
+function notifyListeners3() {
+  listeners3.forEach((listener) => listener());
 }
 function registerTick(tick) {
   ticks.set(tick.id, tick);
-  notifyListeners();
+  notifyListeners3();
 }
 function updateTickExecution(id, timestamp) {
   const tick = ticks.get(id);
@@ -760,19 +1117,19 @@ function updateTickExecution(id, timestamp) {
     tick.lastExecuted = timestamp;
     tick.nextExecution = timestamp + tick.interval;
     tick.executionCount++;
-    notifyListeners();
+    notifyListeners3();
   }
 }
 function setTickActive(id, isActive) {
   const tick = ticks.get(id);
   if (tick) {
     tick.isActive = isActive;
-    notifyListeners();
+    notifyListeners3();
   }
 }
 function unregisterTick(id) {
   ticks.delete(id);
-  notifyListeners();
+  notifyListeners3();
 }
 function getAllTicks() {
   return Array.from(ticks.values());
@@ -781,20 +1138,20 @@ function getTick(id) {
   return ticks.get(id);
 }
 function subscribeToTickChanges(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
+  listeners3.add(listener);
+  return () => listeners3.delete(listener);
 }
 function clearTicks() {
   ticks.clear();
-  notifyListeners();
+  notifyListeners3();
 }
 
 // lib/guardRegistry.ts
 var guardHistory = [];
-var listeners2 = /* @__PURE__ */ new Set();
+var listeners4 = /* @__PURE__ */ new Set();
 var MAX_HISTORY = 100;
-function notifyListeners2() {
-  listeners2.forEach((listener) => listener());
+function notifyListeners4() {
+  listeners4.forEach((listener) => listener());
 }
 function recordGuardEvaluation(evaluation) {
   const entry = {
@@ -806,7 +1163,7 @@ function recordGuardEvaluation(evaluation) {
   if (guardHistory.length > MAX_HISTORY) {
     guardHistory.pop();
   }
-  notifyListeners2();
+  notifyListeners4();
 }
 function getGuardHistory() {
   return [...guardHistory];
@@ -818,12 +1175,12 @@ function getGuardEvaluationsForTrait(traitName) {
   return guardHistory.filter((g) => g.traitName === traitName);
 }
 function subscribeToGuardChanges(listener) {
-  listeners2.add(listener);
-  return () => listeners2.delete(listener);
+  listeners4.add(listener);
+  return () => listeners4.delete(listener);
 }
 function clearGuardHistory() {
   guardHistory.length = 0;
-  notifyListeners2();
+  notifyListeners4();
 }
 
 // lib/entityDebug.ts
@@ -863,10 +1220,10 @@ function getEntitiesByType(type) {
 
 // lib/debugRegistry.ts
 var events = [];
-var listeners3 = /* @__PURE__ */ new Set();
+var listeners5 = /* @__PURE__ */ new Set();
 var MAX_EVENTS = 500;
-function notifyListeners3() {
-  listeners3.forEach((listener) => listener());
+function notifyListeners5() {
+  listeners5.forEach((listener) => listener());
 }
 function logDebugEvent(type, source, message, data) {
   const event = {
@@ -881,7 +1238,7 @@ function logDebugEvent(type, source, message, data) {
   if (events.length > MAX_EVENTS) {
     events.pop();
   }
-  notifyListeners3();
+  notifyListeners5();
 }
 function logStateChange(source, from, to, event) {
   logDebugEvent("state-change", source, `${from} \u2192 ${to}`, { from, to, event });
@@ -914,34 +1271,34 @@ function getEventsBySource(source) {
   return events.filter((e) => e.source === source);
 }
 function subscribeToDebugEvents(listener) {
-  listeners3.add(listener);
-  return () => listeners3.delete(listener);
+  listeners5.add(listener);
+  return () => listeners5.delete(listener);
 }
 function clearDebugEvents() {
   events.length = 0;
-  notifyListeners3();
+  notifyListeners5();
 }
 
 // lib/debugUtils.ts
 var DEBUG_STORAGE_KEY = "orbital-debug";
-var listeners4 = /* @__PURE__ */ new Set();
-function isDebugEnabled() {
+var listeners6 = /* @__PURE__ */ new Set();
+function isDebugEnabled2() {
   if (typeof window === "undefined") return false;
   return localStorage.getItem(DEBUG_STORAGE_KEY) === "true";
 }
 function setDebugEnabled(enabled) {
   if (typeof window === "undefined") return;
   localStorage.setItem(DEBUG_STORAGE_KEY, String(enabled));
-  listeners4.forEach((listener) => listener(enabled));
+  listeners6.forEach((listener) => listener(enabled));
 }
 function toggleDebug() {
-  const newValue = !isDebugEnabled();
+  const newValue = !isDebugEnabled2();
   setDebugEnabled(newValue);
   return newValue;
 }
 function onDebugToggle(listener) {
-  listeners4.add(listener);
-  return () => listeners4.delete(listener);
+  listeners6.add(listener);
+  return () => listeners6.delete(listener);
 }
 function initDebugShortcut() {
   if (typeof window === "undefined") return () => {
@@ -956,4 +1313,4 @@ function initDebugShortcut() {
   return () => window.removeEventListener("keydown", handleKeyDown);
 }
 
-export { DEFAULT_CONFIG, clearDebugEvents, clearEntityProvider, clearGuardHistory, clearTicks, extractOutputsFromTransitions, extractStateMachine, formatGuard, getAllTicks, getDebugEvents, getEffectSummary, getEntitiesByType, getEntityById, getEntitySnapshot, getEventsBySource, getEventsByType, getGuardEvaluationsForTrait, getGuardHistory, getRecentEvents, getRecentGuardEvaluations, getTick, initDebugShortcut, isDebugEnabled, logDebugEvent, logEffectExecuted, logError, logEventFired, logInfo, logStateChange, logWarning, onDebugToggle, parseContentSegments, parseMarkdownWithCodeBlocks, recordGuardEvaluation, registerTick, renderStateMachineToDomData, renderStateMachineToSvg, setDebugEnabled, setEntityProvider, setTickActive, subscribeToDebugEvents, subscribeToGuardChanges, subscribeToTickChanges, toggleDebug, unregisterTick, updateTickExecution };
+export { DEFAULT_CONFIG, bindCanvasCapture, bindEventBus, bindTraitStateGetter, clearDebugEvents, clearEntityProvider, clearGuardHistory, clearTicks, clearTraits, clearVerification, cn, debug, debugCollision, debugError, debugGameState, debugGroup, debugGroupEnd, debugInput, debugPhysics, debugTable, debugTime, debugTimeEnd, debugWarn, extractOutputsFromTransitions, extractStateMachine, formatGuard, formatNestedFieldLabel, getAllChecks, getAllTicks, getAllTraits, getBridgeHealth, getDebugEvents, getEffectSummary, getEntitiesByType, getEntityById, getEntitySnapshot, getEventsBySource, getEventsByType, getGuardEvaluationsForTrait, getGuardHistory, getNestedValue, getRecentEvents, getRecentGuardEvaluations, getSnapshot, getSummary, getTick, getTrait, getTransitions, getTransitionsForTrait, initDebugShortcut, isDebugEnabled, isDebugEnabled2, logDebugEvent, logEffectExecuted, logError, logEventFired, logInfo, logStateChange, logWarning, onDebugToggle, parseContentSegments, parseMarkdownWithCodeBlocks, recordGuardEvaluation, recordTransition, registerCheck, registerTick, registerTrait, renderStateMachineToDomData, renderStateMachineToSvg, setDebugEnabled, setEntityProvider, setTickActive, subscribeToDebugEvents, subscribeToGuardChanges, subscribeToTickChanges, subscribeToTraitChanges, subscribeToVerification, toggleDebug, unregisterTick, unregisterTrait, updateAssetStatus, updateBridgeHealth, updateCheck, updateGuardResult, updateTickExecution, updateTraitState, waitForTransition };