@almadar/ui 2.11.1 → 2.11.3

package/dist/chunk-42YQ6JVR.js

@@ -0,0 +1,48 @@
+// lib/traitRegistry.ts
+var traits = /* @__PURE__ */ new Map();
+var listeners = /* @__PURE__ */ new Set();
+function notifyListeners() {
+  listeners.forEach((listener) => listener());
+}
+function registerTrait(info) {
+  traits.set(info.id, info);
+  notifyListeners();
+}
+function updateTraitState(id, newState) {
+  const trait = traits.get(id);
+  if (trait) {
+    trait.currentState = newState;
+    trait.transitionCount++;
+    notifyListeners();
+  }
+}
+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;
+      notifyListeners();
+    }
+  }
+}
+function unregisterTrait(id) {
+  traits.delete(id);
+  notifyListeners();
+}
+function getAllTraits() {
+  return Array.from(traits.values());
+}
+function getTrait(id) {
+  return traits.get(id);
+}
+function subscribeToTraitChanges(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function clearTraits() {
+  traits.clear();
+  notifyListeners();
+}
+
+export { clearTraits, getAllTraits, getTrait, registerTrait, subscribeToTraitChanges, unregisterTrait, updateGuardResult, updateTraitState };

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

@@ -744,62 +744,15 @@ function parseContentSegments(content) {
   return segments;
 }
 
-// lib/traitRegistry.ts
-var traits = /* @__PURE__ */ new Map();
+// lib/tickRegistry.ts
+var ticks = /* @__PURE__ */ new Map();
 var listeners = /* @__PURE__ */ new Set();
 function notifyListeners() {
   listeners.forEach((listener) => listener());
 }
-function registerTrait(info) {
-  traits.set(info.id, info);
-  notifyListeners();
-}
-function updateTraitState(id, newState) {
-  const trait = traits.get(id);
-  if (trait) {
-    trait.currentState = newState;
-    trait.transitionCount++;
-    notifyListeners();
-  }
-}
-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;
-      notifyListeners();
-    }
-  }
-}
-function unregisterTrait(id) {
-  traits.delete(id);
-  notifyListeners();
-}
-function getAllTraits() {
-  return Array.from(traits.values());
-}
-function getTrait(id) {
-  return traits.get(id);
-}
-function subscribeToTraitChanges(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
-}
-function clearTraits() {
-  traits.clear();
-  notifyListeners();
-}
-
-// lib/tickRegistry.ts
-var ticks = /* @__PURE__ */ new Map();
-var listeners2 = /* @__PURE__ */ new Set();
-function notifyListeners2() {
-  listeners2.forEach((listener) => listener());
-}
 function registerTick(tick) {
   ticks.set(tick.id, tick);
-  notifyListeners2();
+  notifyListeners();
 }
 function updateTickExecution(id, timestamp) {
   const tick = ticks.get(id);
@@ -807,19 +760,19 @@ function updateTickExecution(id, timestamp) {
     tick.lastExecuted = timestamp;
     tick.nextExecution = timestamp + tick.interval;
     tick.executionCount++;
-    notifyListeners2();
+    notifyListeners();
   }
 }
 function setTickActive(id, isActive) {
   const tick = ticks.get(id);
   if (tick) {
     tick.isActive = isActive;
-    notifyListeners2();
+    notifyListeners();
   }
 }
 function unregisterTick(id) {
   ticks.delete(id);
-  notifyListeners2();
+  notifyListeners();
 }
 function getAllTicks() {
   return Array.from(ticks.values());
@@ -828,20 +781,20 @@ function getTick(id) {
   return ticks.get(id);
 }
 function subscribeToTickChanges(listener) {
-  listeners2.add(listener);
-  return () => listeners2.delete(listener);
+  listeners.add(listener);
+  return () => listeners.delete(listener);
 }
 function clearTicks() {
   ticks.clear();
-  notifyListeners2();
+  notifyListeners();
 }
 
 // lib/guardRegistry.ts
 var guardHistory = [];
-var listeners3 = /* @__PURE__ */ new Set();
+var listeners2 = /* @__PURE__ */ new Set();
 var MAX_HISTORY = 100;
-function notifyListeners3() {
-  listeners3.forEach((listener) => listener());
+function notifyListeners2() {
+  listeners2.forEach((listener) => listener());
 }
 function recordGuardEvaluation(evaluation) {
   const entry = {
@@ -853,7 +806,7 @@ function recordGuardEvaluation(evaluation) {
   if (guardHistory.length > MAX_HISTORY) {
     guardHistory.pop();
   }
-  notifyListeners3();
+  notifyListeners2();
 }
 function getGuardHistory() {
   return [...guardHistory];
@@ -865,12 +818,12 @@ function getGuardEvaluationsForTrait(traitName) {
   return guardHistory.filter((g) => g.traitName === traitName);
 }
 function subscribeToGuardChanges(listener) {
-  listeners3.add(listener);
-  return () => listeners3.delete(listener);
+  listeners2.add(listener);
+  return () => listeners2.delete(listener);
 }
 function clearGuardHistory() {
   guardHistory.length = 0;
-  notifyListeners3();
+  notifyListeners2();
 }
 
 // lib/entityDebug.ts
@@ -910,10 +863,10 @@ function getEntitiesByType(type) {
 
 // lib/debugRegistry.ts
 var events = [];
-var listeners4 = /* @__PURE__ */ new Set();
+var listeners3 = /* @__PURE__ */ new Set();
 var MAX_EVENTS = 500;
-function notifyListeners4() {
-  listeners4.forEach((listener) => listener());
+function notifyListeners3() {
+  listeners3.forEach((listener) => listener());
 }
 function logDebugEvent(type, source, message, data) {
   const event = {
@@ -928,7 +881,7 @@ function logDebugEvent(type, source, message, data) {
   if (events.length > MAX_EVENTS) {
     events.pop();
   }
-  notifyListeners4();
+  notifyListeners3();
 }
 function logStateChange(source, from, to, event) {
   logDebugEvent("state-change", source, `${from} \u2192 ${to}`, { from, to, event });
@@ -961,17 +914,17 @@ function getEventsBySource(source) {
   return events.filter((e) => e.source === source);
 }
 function subscribeToDebugEvents(listener) {
-  listeners4.add(listener);
-  return () => listeners4.delete(listener);
+  listeners3.add(listener);
+  return () => listeners3.delete(listener);
 }
 function clearDebugEvents() {
   events.length = 0;
-  notifyListeners4();
+  notifyListeners3();
 }
 
 // lib/debugUtils.ts
 var DEBUG_STORAGE_KEY = "orbital-debug";
-var listeners5 = /* @__PURE__ */ new Set();
+var listeners4 = /* @__PURE__ */ new Set();
 function isDebugEnabled() {
   if (typeof window === "undefined") return false;
   return localStorage.getItem(DEBUG_STORAGE_KEY) === "true";
@@ -979,7 +932,7 @@ function isDebugEnabled() {
 function setDebugEnabled(enabled) {
   if (typeof window === "undefined") return;
   localStorage.setItem(DEBUG_STORAGE_KEY, String(enabled));
-  listeners5.forEach((listener) => listener(enabled));
+  listeners4.forEach((listener) => listener(enabled));
 }
 function toggleDebug() {
   const newValue = !isDebugEnabled();
@@ -987,8 +940,8 @@ function toggleDebug() {
   return newValue;
 }
 function onDebugToggle(listener) {
-  listeners5.add(listener);
-  return () => listeners5.delete(listener);
+  listeners4.add(listener);
+  return () => listeners4.delete(listener);
 }
 function initDebugShortcut() {
   if (typeof window === "undefined") return () => {
@@ -1003,4 +956,4 @@ function initDebugShortcut() {
   return () => window.removeEventListener("keydown", handleKeyDown);
 }
 
-export { DEFAULT_CONFIG, clearDebugEvents, clearEntityProvider, clearGuardHistory, clearTicks, clearTraits, extractOutputsFromTransitions, extractStateMachine, formatGuard, getAllTicks, getAllTraits, getDebugEvents, getEffectSummary, getEntitiesByType, getEntityById, getEntitySnapshot, getEventsBySource, getEventsByType, getGuardEvaluationsForTrait, getGuardHistory, getRecentEvents, getRecentGuardEvaluations, getTick, getTrait, initDebugShortcut, isDebugEnabled, logDebugEvent, logEffectExecuted, logError, logEventFired, logInfo, logStateChange, logWarning, onDebugToggle, parseContentSegments, parseMarkdownWithCodeBlocks, recordGuardEvaluation, registerTick, registerTrait, renderStateMachineToDomData, renderStateMachineToSvg, setDebugEnabled, setEntityProvider, setTickActive, subscribeToDebugEvents, subscribeToGuardChanges, subscribeToTickChanges, subscribeToTraitChanges, toggleDebug, unregisterTick, unregisterTrait, updateGuardResult, updateTickExecution, updateTraitState };
+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 };

package/dist/{chunk-QAFNBUDT.js → chunk-D54SBLJJ.js}

@@ -18534,18 +18534,33 @@ function UISlotComponent({
     }
   );
 }
+function getOrCreatePortalRoot() {
+  let root = document.getElementById("ui-slot-portal-root");
+  if (!root) {
+    root = document.createElement("div");
+    root.id = "ui-slot-portal-root";
+    root.style.position = "relative";
+    root.style.zIndex = "9999";
+    document.body.appendChild(root);
+  }
+  const themed = document.querySelector('[data-theme*="-"]') ?? document.querySelector("[data-theme]");
+  if (themed) {
+    const theme = themed.getAttribute("data-theme");
+    if (theme && root.getAttribute("data-theme") !== theme) {
+      root.setAttribute("data-theme", theme);
+    }
+  }
+  return root;
+}
 function CompiledPortal({ slot, className, pattern, sourceTrait, children }) {
   const [portalRoot, setPortalRoot] = useState(null);
   const eventBus = useUISlots();
   useEffect(() => {
-    let root = document.getElementById("ui-slot-portal-root");
-    if (!root) {
-      root = document.createElement("div");
-      root.id = "ui-slot-portal-root";
-      document.body.appendChild(root);
-    }
-    setPortalRoot(root);
+    setPortalRoot(getOrCreatePortalRoot());
   }, []);
+  useEffect(() => {
+    if (portalRoot) getOrCreatePortalRoot();
+  });
   const handleDismiss = () => {
     eventBus.clear(slot);
   };
@@ -18606,14 +18621,11 @@ function SlotPortal({
 }) {
   const [portalRoot, setPortalRoot] = useState(null);
   useEffect(() => {
-    let root = document.getElementById("ui-slot-portal-root");
-    if (!root) {
-      root = document.createElement("div");
-      root.id = "ui-slot-portal-root";
-      document.body.appendChild(root);
-    }
-    setPortalRoot(root);
+    setPortalRoot(getOrCreatePortalRoot());
   }, []);
+  useEffect(() => {
+    if (portalRoot) getOrCreatePortalRoot();
+  });
   if (!portalRoot) return null;
   let wrapper;
   switch (slot) {

package/dist/{chunk-HQZV4PYL.js → chunk-SSJZTICC.js}

@@ -1,4 +1,4 @@
-import { SuspenseConfigProvider } from './chunk-QAFNBUDT.js';
+import { SuspenseConfigProvider } from './chunk-D54SBLJJ.js';
 import { ThemeProvider } from './chunk-DKQN5FVU.js';
 import { SelectionProvider, EntityDataProvider } from './chunk-WGJIL4YR.js';
 import { useEventBus, EventBusProvider } from './chunk-YXZM3WCF.js';

package/dist/components/index.css

@@ -1242,3 +1242,6 @@ body {
   max-height: 300px;
   overflow: hidden;
 }
+.runtime-debugger__panel--inline-collapsed {
+  overflow: hidden;
+}

package/dist/components/index.js

@@ -1,10 +1,11 @@
-import { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments, isDebugEnabled, onDebugToggle, subscribeToTraitChanges, subscribeToTickChanges, subscribeToGuardChanges, subscribeToDebugEvents, getEntitySnapshot, getDebugEvents, getGuardHistory, getAllTicks, getAllTraits } from '../chunk-3E73CE7J.js';
+import { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments, isDebugEnabled, onDebugToggle, subscribeToTickChanges, subscribeToGuardChanges, subscribeToDebugEvents, getEntitySnapshot, getDebugEvents, getGuardHistory, getAllTicks } from '../chunk-4ZBSL37D.js';
 import { useAuthContext } from '../chunk-GTIAVPI5.js';
 export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-GTIAVPI5.js';
 export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
+import { subscribeToTraitChanges, getAllTraits } from '../chunk-42YQ6JVR.js';
 import '../chunk-3HJHHULT.js';
-import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, isoToScreen, IsometricCanvas_default, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, TILE_WIDTH, EntityDisplayEvents, StateIndicator, Accordion, ButtonGroup, Container } from '../chunk-QAFNBUDT.js';
-export { ALL_PRESETS, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, Chart, ChartLegend, Checkbox, ChoiceButton, CodeBlock, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, Container, ControlButton, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, DialogueBox, DialogueBubble, Divider, Drawer, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GraphView, Grid, HStack, Heading, HealthBar, HealthPanel, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, MiniMap, Modal, NumberStepper, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, TimerDisplay, Toast, Tooltip, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UnitCommandBar, UploadDropZone, VStack, ViolationAlert, WaypointMarker, WizardNavigation, WizardProgress, XPBar, drawSprite, isoToScreen, pendulum, projectileMotion, screenToIso, springOscillator, useCamera, useImageCache } from '../chunk-QAFNBUDT.js';
+import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, isoToScreen, IsometricCanvas_default, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, TILE_WIDTH, EntityDisplayEvents, StateIndicator, Accordion, ButtonGroup, Container } from '../chunk-D54SBLJJ.js';
+export { ALL_PRESETS, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, Chart, ChartLegend, Checkbox, ChoiceButton, CodeBlock, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, Container, ControlButton, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, DialogueBox, DialogueBubble, Divider, Drawer, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GraphView, Grid, HStack, Heading, HealthBar, HealthPanel, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, MiniMap, Modal, NumberStepper, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, TimerDisplay, Toast, Tooltip, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UnitCommandBar, UploadDropZone, VStack, ViolationAlert, WaypointMarker, WizardNavigation, WizardProgress, XPBar, drawSprite, isoToScreen, pendulum, projectileMotion, screenToIso, springOscillator, useCamera, useImageCache } from '../chunk-D54SBLJJ.js';
 import '../chunk-DKQN5FVU.js';
 import { useTranslate } from '../chunk-WGJIL4YR.js';
 export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useDragReorder, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useInfiniteScroll, useLongPress, usePullToRefresh, useQuerySingleton, useSwipeGesture, useTranslate } from '../chunk-WGJIL4YR.js';
@@ -10388,18 +10389,32 @@ function RuntimeDebugger({
           className
         ),
         "data-testid": "debugger-inline",
-        children: /* @__PURE__ */ jsxs(Card, { className: "runtime-debugger__panel runtime-debugger__panel--inline", children: [
-          /* @__PURE__ */ jsx("div", { className: "runtime-debugger__header", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Debugger" }),
-            failedChecks > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "danger", size: "sm", children: [
-              failedChecks,
-              " failed"
-            ] }) : debugData.traits.length > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "success", size: "sm", children: [
-              debugData.traits.length,
-              " traits"
-            ] }) : /* @__PURE__ */ jsx(Badge, { variant: "info", size: "sm", children: "Idle" })
-          ] }) }),
-          /* @__PURE__ */ jsx("div", { className: "runtime-debugger__content", children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsxs(Card, { className: cn(
+          "runtime-debugger__panel",
+          isCollapsed ? "runtime-debugger__panel--inline-collapsed" : "runtime-debugger__panel--inline"
+        ), children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "runtime-debugger__header",
+              onClick: () => setIsCollapsed((prev) => !prev),
+              style: { cursor: "pointer", userSelect: "none" },
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs(Typography, { variant: "h6", style: { fontSize: "0.75rem" }, children: [
+                  isCollapsed ? "\u25B6" : "\u25BC",
+                  " Debugger"
+                ] }),
+                failedChecks > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "danger", size: "sm", children: [
+                  failedChecks,
+                  " failed"
+                ] }) : debugData.traits.length > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "success", size: "sm", children: [
+                  debugData.traits.length,
+                  " traits"
+                ] }) : /* @__PURE__ */ jsx(Badge, { variant: "info", size: "sm", children: "Idle" })
+              ] })
+            }
+          ),
+          !isCollapsed && /* @__PURE__ */ jsx("div", { className: "runtime-debugger__content", children: /* @__PURE__ */ jsx(
             Tabs,
             {
               items: tabItems,

package/dist/lib/index.js

@@ -1,4 +1,5 @@
-export { DEFAULT_CONFIG, clearDebugEvents, clearEntityProvider, clearGuardHistory, clearTicks, clearTraits, extractOutputsFromTransitions, extractStateMachine, formatGuard, getAllTicks, getAllTraits, getDebugEvents, getEffectSummary, getEntitiesByType, getEntityById, getEntitySnapshot, getEventsBySource, getEventsByType, getGuardEvaluationsForTrait, getGuardHistory, getRecentEvents, getRecentGuardEvaluations, getTick, getTrait, initDebugShortcut, logDebugEvent, logEffectExecuted, logError, logEventFired, logInfo, logStateChange, logWarning, onDebugToggle, parseContentSegments, parseMarkdownWithCodeBlocks, recordGuardEvaluation, registerTick, registerTrait, renderStateMachineToDomData, renderStateMachineToSvg, setDebugEnabled, setEntityProvider, setTickActive, subscribeToDebugEvents, subscribeToGuardChanges, subscribeToTickChanges, subscribeToTraitChanges, toggleDebug, unregisterTick, unregisterTrait, updateGuardResult, updateTickExecution, updateTraitState } from '../chunk-3E73CE7J.js';
+export { DEFAULT_CONFIG, clearDebugEvents, clearEntityProvider, clearGuardHistory, clearTicks, extractOutputsFromTransitions, extractStateMachine, formatGuard, getAllTicks, getDebugEvents, getEffectSummary, getEntitiesByType, getEntityById, getEntitySnapshot, getEventsBySource, getEventsByType, getGuardEvaluationsForTrait, getGuardHistory, getRecentEvents, getRecentGuardEvaluations, getTick, initDebugShortcut, logDebugEvent, logEffectExecuted, logError, logEventFired, logInfo, logStateChange, logWarning, onDebugToggle, parseContentSegments, parseMarkdownWithCodeBlocks, recordGuardEvaluation, registerTick, renderStateMachineToDomData, renderStateMachineToSvg, setDebugEnabled, setEntityProvider, setTickActive, subscribeToDebugEvents, subscribeToGuardChanges, subscribeToTickChanges, toggleDebug, unregisterTick, updateTickExecution } from '../chunk-4ZBSL37D.js';
+export { clearTraits, getAllTraits, getTrait, registerTrait, subscribeToTraitChanges, unregisterTrait, updateGuardResult, updateTraitState } from '../chunk-42YQ6JVR.js';
 export { ApiError, apiClient } from '../chunk-3HJHHULT.js';
 export { bindCanvasCapture, bindEventBus, bindTraitStateGetter, clearVerification, cn, debug, debugCollision, debugError, debugGameState, debugGroup, debugGroupEnd, debugInput, debugPhysics, debugTable, debugTime, debugTimeEnd, debugWarn, formatNestedFieldLabel, getAllChecks, getBridgeHealth, getNestedValue, getSnapshot, getSummary, getTransitions, getTransitionsForTrait, isDebugEnabled, recordTransition, registerCheck, subscribeToVerification, updateAssetStatus, updateBridgeHealth, updateCheck, waitForTransition } from '../chunk-WCTZ7WZX.js';
 import '../chunk-PKBMQBKP.js';

package/dist/providers/index.js

@@ -1,5 +1,5 @@
-export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-HQZV4PYL.js';
-import '../chunk-QAFNBUDT.js';
+export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-SSJZTICC.js';
+import '../chunk-D54SBLJJ.js';
 import '../chunk-DKQN5FVU.js';
 export { SelectionContext, SelectionProvider, useSelection, useSelectionOptional } from '../chunk-WGJIL4YR.js';
 export { EventBusContext, EventBusProvider } from '../chunk-YXZM3WCF.js';

package/dist/runtime/index.js

@@ -1,13 +1,14 @@
 import '../chunk-GTIAVPI5.js';
 import '../chunk-N7MVUW4R.js';
+import { registerTrait, unregisterTrait, updateTraitState } from '../chunk-42YQ6JVR.js';
 import '../chunk-3HJHHULT.js';
-import { useFetchedDataContext } from '../chunk-HQZV4PYL.js';
-import '../chunk-QAFNBUDT.js';
+import { useFetchedDataContext } from '../chunk-SSJZTICC.js';
+import '../chunk-D54SBLJJ.js';
 import '../chunk-DKQN5FVU.js';
 import '../chunk-WGJIL4YR.js';
 import { useEventBus } from '../chunk-YXZM3WCF.js';
 import '../chunk-3JGAROCW.js';
-import '../chunk-WCTZ7WZX.js';
+import { recordTransition } from '../chunk-WCTZ7WZX.js';
 import '../chunk-TSETXL2E.js';
 import '../chunk-K2D5D3WK.js';
 import '../chunk-PKBMQBKP.js';
@@ -123,6 +124,39 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
   useEffect(() => {
     optionsRef.current = options;
   }, [options]);
+  useEffect(() => {
+    const mgr = managerRef.current;
+    const bindings = traitBindingsRef.current;
+    const ids = [];
+    for (const binding of bindings) {
+      const trait = binding.trait;
+      const state = mgr.getState(trait.name);
+      const info = {
+        id: trait.name,
+        name: trait.name,
+        currentState: state?.currentState ?? trait.states[0]?.name ?? "unknown",
+        states: trait.states.map((s) => s.name),
+        transitions: trait.transitions.flatMap((t) => {
+          const froms = Array.isArray(t.from) ? t.from : [t.from];
+          return froms.map((f) => ({
+            from: f,
+            to: t.to,
+            event: t.event,
+            guard: t.guard ? String(t.guard) : void 0
+          }));
+        }),
+        guards: trait.transitions.filter((t) => t.guard).map((t) => ({ name: String(t.guard) })),
+        transitionCount: 0
+      };
+      registerTrait(info);
+      ids.push(trait.name);
+    }
+    return () => {
+      for (const id of ids) {
+        unregisterTrait(id);
+      }
+    };
+  }, [traitBindings]);
   useEffect(() => {
     const newManager = managerRef.current;
     newManager.resetAll();
@@ -292,6 +326,29 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
         }
       }
     }
+    for (const { traitName, result } of results) {
+      if (result.executed) {
+        updateTraitState(traitName, result.newState);
+        const effectTraces = result.effects.map(
+          (e) => {
+            const eff = e;
+            return {
+              type: String(eff.type ?? "unknown"),
+              args: Array.isArray(eff.args) ? eff.args : [],
+              status: "executed"
+            };
+          }
+        );
+        recordTransition({
+          traitName,
+          from: result.previousState,
+          to: result.newState,
+          event: normalizedEvent,
+          effects: effectTraces,
+          timestamp: Date.now()
+        });
+      }
+    }
     if (results.length > 0) {
       setTraitStates(currentManager.getAllStates());
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.11.1",
+  "version": "2.11.3",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",