@almadar/ui 2.11.2 → 2.11.4

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-D54SBLJJ.js → chunk-4LBNLALH.js}

@@ -2826,17 +2826,19 @@ function ScoreDisplay({
   size = "md",
   className,
   animated = true,
-  locale = "en-US"
+  locale = "en-US",
+  ...rest
 }) {
-  const [displayValue, setDisplayValue] = React80.useState(value);
+  const resolvedValue = typeof value === "number" && !Number.isNaN(value) ? value : typeof rest.score === "number" && !Number.isNaN(rest.score) ? rest.score : 0;
+  const [displayValue, setDisplayValue] = React80.useState(resolvedValue);
   const [isAnimating, setIsAnimating] = React80.useState(false);
   React80.useEffect(() => {
-    if (!animated || displayValue === value) {
-      setDisplayValue(value);
+    if (!animated || displayValue === resolvedValue) {
+      setDisplayValue(resolvedValue);
       return;
     }
     setIsAnimating(true);
-    const diff = value - displayValue;
+    const diff = resolvedValue - displayValue;
     const steps = Math.min(Math.abs(diff), 20);
     const increment = diff / steps;
     let current = displayValue;
@@ -2847,12 +2849,12 @@ function ScoreDisplay({
       setDisplayValue(Math.round(current));
       if (step >= steps) {
         clearInterval(timer);
-        setDisplayValue(value);
+        setDisplayValue(resolvedValue);
         setIsAnimating(false);
       }
     }, 50);
     return () => clearInterval(timer);
-  }, [value, animated]);
+  }, [resolvedValue, animated]);
   const formattedValue = new Intl.NumberFormat(locale).format(displayValue);
   return /* @__PURE__ */ jsxs(
     "div",
@@ -10416,7 +10418,7 @@ function IsometricCanvas({
         if (url) urls.push(url);
       }
     }
-    urls.push(...effectSpriteUrls);
+    if (effectSpriteUrls) urls.push(...effectSpriteUrls);
     if (backgroundImage) urls.push(backgroundImage);
     return [...new Set(urls.filter(Boolean))];
   }, [sortedTiles, features, units, getTerrainSprite, getFeatureSprite, getUnitSprite, effectSpriteUrls, backgroundImage, assetManifest, resolveManifestUrl]);
@@ -11901,7 +11903,7 @@ function useSafeEventBus7() {
   }
 }
 var Lightbox = ({
-  images,
+  images = [],
   currentIndex = 0,
   isOpen = false,
   showCounter = true,
@@ -11910,6 +11912,7 @@ var Lightbox = ({
   onIndexChange,
   className
 }) => {
+  const safeImages = Array.isArray(images) ? images : [];
   const [index, setIndex] = useState(currentIndex);
   const [touchStartX, setTouchStartX] = useState(null);
   const eventBus = useSafeEventBus7();
@@ -11924,11 +11927,12 @@ var Lightbox = ({
   }, [closeAction, eventBus, onClose]);
   const goTo = useCallback(
     (newIndex) => {
-      const clamped = Math.max(0, Math.min(images.length - 1, newIndex));
+      if (safeImages.length === 0) return;
+      const clamped = Math.max(0, Math.min(safeImages.length - 1, newIndex));
       setIndex(clamped);
       onIndexChange?.(clamped);
     },
-    [images.length, onIndexChange]
+    [safeImages.length, onIndexChange]
   );
   const goPrev = useCallback(() => goTo(index - 1), [goTo, index]);
   const goNext = useCallback(() => goTo(index + 1), [goTo, index]);
@@ -11958,10 +11962,10 @@ var Lightbox = ({
       };
     }
   }, [isOpen]);
-  if (!isOpen || images.length === 0) return null;
-  const currentImage = images[index];
+  if (!isOpen || safeImages.length === 0) return null;
+  const currentImage = safeImages[index];
   const hasPrev = index > 0;
-  const hasNext = index < images.length - 1;
+  const hasNext = index < safeImages.length - 1;
   const handleTouchStart = (e) => {
     setTouchStartX(e.touches[0].clientX);
   };
@@ -12005,7 +12009,7 @@ var Lightbox = ({
             children: /* @__PURE__ */ jsx(X, { className: "w-6 h-6" })
           }
         ),
-        hasPrev && images.length > 1 && /* @__PURE__ */ jsx(
+        hasPrev && safeImages.length > 1 && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -12042,7 +12046,7 @@ var Lightbox = ({
             )
           }
         ),
-        hasNext && images.length > 1 && /* @__PURE__ */ jsx(
+        hasNext && safeImages.length > 1 && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -12062,10 +12066,10 @@ var Lightbox = ({
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "absolute bottom-4 left-0 right-0 text-center", children: [
-          showCounter && images.length > 1 && /* @__PURE__ */ jsxs("div", { className: "text-white text-sm mb-1", children: [
+          showCounter && safeImages.length > 1 && /* @__PURE__ */ jsxs("div", { className: "text-white text-sm mb-1", children: [
             index + 1,
             " of ",
-            images.length
+            safeImages.length
           ] }),
           currentImage?.caption && /* @__PURE__ */ jsx("div", { className: "text-white text-sm opacity-80 px-8", children: currentImage.caption })
         ] })

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-SSJZTICC.js → chunk-A2NPH2P3.js}

@@ -1,4 +1,4 @@
-import { SuspenseConfigProvider } from './chunk-D54SBLJJ.js';
+import { SuspenseConfigProvider } from './chunk-4LBNLALH.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.d.ts

@@ -1079,7 +1079,7 @@ interface ScoreDisplayProps {
     /** Number formatting locale */
     locale?: string;
 }
-declare function ScoreDisplay({ value, label, icon, size, className, animated, locale, }: ScoreDisplayProps): react_jsx_runtime.JSX.Element;
+declare function ScoreDisplay({ value, label, icon, size, className, animated, locale, ...rest }: ScoreDisplayProps & Record<string, unknown>): react_jsx_runtime.JSX.Element;
 declare namespace ScoreDisplay {
     var displayName: string;
 }

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-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 { 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-4LBNLALH.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-4LBNLALH.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-SSJZTICC.js';
-import '../chunk-D54SBLJJ.js';
+export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-A2NPH2P3.js';
+import '../chunk-4LBNLALH.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-SSJZTICC.js';
-import '../chunk-D54SBLJJ.js';
+import { useFetchedDataContext } from '../chunk-A2NPH2P3.js';
+import '../chunk-4LBNLALH.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.2",
+  "version": "2.11.4",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",