@almadar/ui 2.11.6 → 2.11.9

package/dist/{chunk-4LBNLALH.js → chunk-7FVLOH5L.js}

@@ -1,7 +1,7 @@
 import { useTheme, useUISlots } from './chunk-DKQN5FVU.js';
+import { cn, debugGroup, debug, debugGroupEnd, updateAssetStatus, bindCanvasCapture, getNestedValue, isDebugEnabled } from './chunk-WCTZ7WZX.js';
 import { useTranslate, useInfiniteScroll, useQuerySingleton, useLongPress, useSwipeGesture, useDragReorder, usePullToRefresh } from './chunk-WGJIL4YR.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
-import { cn, debugGroup, debug, debugGroupEnd, updateAssetStatus, bindCanvasCapture, getNestedValue, isDebugEnabled } from './chunk-WCTZ7WZX.js';
 import { isPortalSlot } from './chunk-K2D5D3WK.js';
 import { __publicField } from './chunk-PKBMQBKP.js';
 import * as LucideIcons from 'lucide-react';
@@ -9614,17 +9614,17 @@ function InventoryPanel({
             onMouseEnter: (e) => handleMouseEnter(e, index),
             onMouseLeave: handleMouseLeave,
             tabIndex: 0,
-            "aria-label": item ? `${item.name || item.type}, quantity: ${item.quantity}` : `Empty slot ${index + 1}`,
+            "aria-label": item ? `${item.name || item.type || "Item"}, quantity: ${item.quantity}` : `Empty slot ${index + 1}`,
             children: item && /* @__PURE__ */ jsxs(Fragment, { children: [
               item.sprite ? /* @__PURE__ */ jsx(
                 "img",
                 {
                   src: item.sprite,
-                  alt: item.name || item.type,
+                  alt: item.name || item.type || "Item",
                   className: "w-8 h-8 object-contain",
                   style: { imageRendering: "pixelated" }
                 }
-              ) : /* @__PURE__ */ jsx("div", { className: "w-8 h-8 bg-gray-600 rounded flex items-center justify-center text-xs text-gray-300", children: item.type.charAt(0).toUpperCase() }),
+              ) : /* @__PURE__ */ jsx("div", { className: "w-8 h-8 bg-gray-600 rounded flex items-center justify-center text-xs text-gray-300", children: (item.type ?? item.name ?? "I").charAt(0).toUpperCase() }),
               item.quantity > 1 && /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 right-0 bg-black bg-opacity-70 text-white text-xs px-1 rounded-tl", children: item.quantity })
             ] })
           },

package/dist/{chunk-A2NPH2P3.js → chunk-XWAVGJKL.js}

@@ -1,8 +1,8 @@
-import { SuspenseConfigProvider } from './chunk-4LBNLALH.js';
+import { SuspenseConfigProvider } from './chunk-7FVLOH5L.js';
 import { ThemeProvider } from './chunk-DKQN5FVU.js';
+import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from './chunk-WCTZ7WZX.js';
 import { SelectionProvider, EntityDataProvider } from './chunk-WGJIL4YR.js';
 import { useEventBus, EventBusProvider } from './chunk-YXZM3WCF.js';
-import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from './chunk-WCTZ7WZX.js';
 import { useOfflineExecutor } from './chunk-K2D5D3WK.js';
 import { createContext, useState, useCallback, useMemo, useContext, useRef, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/dist/components/index.js

@@ -1,20 +1,20 @@
 import { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments, isDebugEnabled, onDebugToggle, subscribeToTickChanges, subscribeToGuardChanges, subscribeToDebugEvents, getEntitySnapshot, getDebugEvents, getGuardHistory, getAllTicks } from '../chunk-4ZBSL37D.js';
+import { subscribeToTraitChanges, getAllTraits } from '../chunk-42YQ6JVR.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-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 { 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-7FVLOH5L.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-7FVLOH5L.js';
 import '../chunk-DKQN5FVU.js';
+import { cn, getNestedValue, subscribeToVerification, getSummary, getBridgeHealth, getTransitions, getAllChecks } from '../chunk-WCTZ7WZX.js';
+export { cn } from '../chunk-WCTZ7WZX.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';
 import { useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-3JGAROCW.js';
 import '../chunk-TSETXL2E.js';
-import { cn, getNestedValue, subscribeToVerification, getSummary, getBridgeHealth, getTransitions, getAllChecks } from '../chunk-WCTZ7WZX.js';
-export { cn } from '../chunk-WCTZ7WZX.js';
 import '../chunk-K2D5D3WK.js';
 import { __publicField } from '../chunk-PKBMQBKP.js';
 import * as React44 from 'react';

package/dist/providers/index.js

@@ -1,10 +1,10 @@
-export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-A2NPH2P3.js';
-import '../chunk-4LBNLALH.js';
+export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-XWAVGJKL.js';
+import '../chunk-7FVLOH5L.js';
 import '../chunk-DKQN5FVU.js';
+import '../chunk-WCTZ7WZX.js';
 export { SelectionContext, SelectionProvider, useSelection, useSelectionOptional } from '../chunk-WGJIL4YR.js';
 export { EventBusContext, EventBusProvider } from '../chunk-YXZM3WCF.js';
 import '../chunk-3JGAROCW.js';
 import '../chunk-TSETXL2E.js';
-import '../chunk-WCTZ7WZX.js';
 import '../chunk-K2D5D3WK.js';
 import '../chunk-PKBMQBKP.js';

package/dist/runtime/index.js

@@ -1,20 +1,20 @@
+import { registerTrait, unregisterTrait, updateTraitState } from '../chunk-42YQ6JVR.js';
 import '../chunk-GTIAVPI5.js';
 import '../chunk-N7MVUW4R.js';
-import { registerTrait, unregisterTrait, updateTraitState } from '../chunk-42YQ6JVR.js';
 import '../chunk-3HJHHULT.js';
-import { useFetchedDataContext } from '../chunk-A2NPH2P3.js';
-import '../chunk-4LBNLALH.js';
+import { useFetchedDataContext } from '../chunk-XWAVGJKL.js';
+import '../chunk-7FVLOH5L.js';
 import '../chunk-DKQN5FVU.js';
+import { recordTransition } from '../chunk-WCTZ7WZX.js';
 import '../chunk-WGJIL4YR.js';
 import { useEventBus } from '../chunk-YXZM3WCF.js';
 import '../chunk-3JGAROCW.js';
 import '../chunk-TSETXL2E.js';
-import { recordTransition } from '../chunk-WCTZ7WZX.js';
 import '../chunk-K2D5D3WK.js';
 import '../chunk-PKBMQBKP.js';
 import { createContext, useMemo, useContext, useState, useRef, useEffect, useCallback } from 'react';
 import { isCircuitEvent, schemaToIR, getPage, clearSchemaCache as clearSchemaCache$1 } from '@almadar/core';
-import { StateMachineManager, EffectExecutor } from '@almadar/runtime';
+import { StateMachineManager, createContextFromBindings, interpolateValue, EffectExecutor } from '@almadar/runtime';
 import { isEntityAwarePattern } from '@almadar/patterns';
 import { jsx } from 'react/jsx-runtime';
 
@@ -124,6 +124,14 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
   useEffect(() => {
     optionsRef.current = options;
   }, [options]);
+  const traitStatesRef = useRef(traitStates);
+  const fetchedDataContextRef = useRef(fetchedDataContext);
+  useEffect(() => {
+    traitStatesRef.current = traitStates;
+  }, [traitStates]);
+  useEffect(() => {
+    fetchedDataContextRef.current = fetchedDataContext;
+  }, [fetchedDataContext]);
   useEffect(() => {
     const mgr = managerRef.current;
     const bindings = traitBindingsRef.current;
@@ -166,6 +174,143 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
       Array.from(newManager.getAllStates().keys()).join(", ")
     );
   }, [traitBindings]);
+  const runTickEffects = useCallback((tick, binding) => {
+    const fdc = fetchedDataContextRef.current;
+    const actions = slotsActionsRef.current;
+    const linkedEntity = binding.linkedEntity ?? "";
+    const currentState = traitStatesRef.current.get(binding.trait.name)?.currentState ?? "";
+    if (tick.appliesTo.length > 0 && !tick.appliesTo.includes(currentState)) return;
+    const records = linkedEntity && fdc ? fdc.getData(linkedEntity) : [];
+    const entityData = records.length > 0 ? Object.assign([...records], records[0]) : {};
+    const bindingCtx = { entity: entityData, payload: {}, state: currentState };
+    const evalCtx = createContextFromBindings(bindingCtx);
+    if (tick.guard !== void 0) {
+      const passed = interpolateValue(tick.guard, evalCtx);
+      if (!passed) return;
+    }
+    const entityMutations = /* @__PURE__ */ new Map();
+    const pendingSlots = /* @__PURE__ */ new Map();
+    const slotSource = {
+      trait: binding.trait.name,
+      state: currentState,
+      transition: `${currentState}->tick:${tick.name}`,
+      effects: tick.effects,
+      traitDefinition: binding.trait
+    };
+    const enrichTickNode = (node) => {
+      if (!node || typeof node !== "object") return node;
+      const rec = node;
+      const nodeType = rec.type;
+      let enriched = rec;
+      if (Array.isArray(rec.children)) {
+        enriched = { ...rec, children: rec.children.map(enrichTickNode) };
+      }
+      if (nodeType && isEntityAwarePattern(nodeType) && fdc) {
+        let injected = false;
+        if (typeof enriched.entity === "string") {
+          const entityRecords = fdc.getData(enriched.entity);
+          if (entityRecords.length > 0) {
+            enriched = { ...enriched, entity: entityRecords };
+            injected = true;
+          }
+        } else if (!enriched.entity && linkedEntity) {
+          const entityRecords = fdc.getData(linkedEntity);
+          if (entityRecords.length > 0) {
+            enriched = { ...enriched, entity: entityRecords };
+            injected = true;
+          }
+        }
+        if (injected && !enriched.fields && !enriched.columns) {
+          const sample = enriched.entity[0];
+          if (sample && typeof sample === "object") {
+            const keys = Object.keys(sample).filter((k) => k !== "id" && k !== "_id");
+            enriched = { ...enriched, fields: keys.map((k, i) => ({ name: k, variant: i === 0 ? "h4" : "body" })), children: void 0 };
+          }
+        }
+      }
+      return enriched;
+    };
+    for (const effect of tick.effects) {
+      if (!Array.isArray(effect)) continue;
+      const op = effect[0];
+      if (op === "set") {
+        const path = effect[1];
+        if (typeof path !== "string" || !path.startsWith("@entity.")) continue;
+        const field = path.slice("@entity.".length);
+        const updatedCtx = createContextFromBindings(bindingCtx);
+        const value = interpolateValue(effect[2], updatedCtx);
+        bindingCtx.entity[field] = value;
+        entityMutations.set(field, value);
+      } else if (op === "render-ui" || op === "render") {
+        const slot = effect[1];
+        const rawPattern = effect[2];
+        if (rawPattern === null || rawPattern === void 0) {
+          pendingSlots.set(slot, []);
+          continue;
+        }
+        const updatedCtx = createContextFromBindings(bindingCtx);
+        const resolved = interpolateValue(rawPattern, updatedCtx);
+        const enriched = enrichTickNode(resolved);
+        const existing = pendingSlots.get(slot) ?? [];
+        existing.push({ pattern: enriched, props: {} });
+        pendingSlots.set(slot, existing);
+      }
+    }
+    for (const [slot, patterns] of pendingSlots) {
+      if (patterns.length === 0) {
+        actions.clearSlot(slot);
+      } else {
+        actions.setSlotPatterns(slot, patterns, slotSource);
+      }
+    }
+    if (linkedEntity && entityMutations.size > 0 && fdc) {
+      const latestRecords = fdc.getData(linkedEntity);
+      if (latestRecords.length > 0) {
+        const updated = latestRecords.map(
+          (r, i) => i === 0 ? { ...r, ...Object.fromEntries(entityMutations) } : r
+        );
+        fdc.setData({ [linkedEntity]: updated });
+      }
+    }
+  }, []);
+  useEffect(() => {
+    const hasFrameTicks = traitBindingsRef.current.some(
+      (b) => b.trait.ticks?.some((t) => t.interval === "frame")
+    );
+    if (!hasFrameTicks) return;
+    let running = true;
+    let rafId = 0;
+    const frame = () => {
+      if (!running) return;
+      for (const binding of traitBindingsRef.current) {
+        for (const tick of binding.trait.ticks ?? []) {
+          if (tick.interval !== "frame") continue;
+          runTickEffects(tick, binding);
+        }
+      }
+      rafId = requestAnimationFrame(frame);
+    };
+    rafId = requestAnimationFrame(frame);
+    return () => {
+      running = false;
+      cancelAnimationFrame(rafId);
+    };
+  }, [traitBindings, runTickEffects]);
+  useEffect(() => {
+    const intervals = [];
+    for (const binding of traitBindings) {
+      for (const tick of binding.trait.ticks ?? []) {
+        if (tick.interval === "frame") continue;
+        const ms = tick.interval;
+        intervals.push(setInterval(() => {
+          runTickEffects(tick, binding);
+        }, ms));
+      }
+    }
+    return () => {
+      for (const id of intervals) clearInterval(id);
+    };
+  }, [traitBindings, runTickEffects]);
   const processEvent = useCallback((eventKey, payload) => {
     const normalizedEvent = normalizeEventKey(eventKey);
     const bindings = traitBindingsRef.current;
@@ -277,6 +422,19 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
           payload: payload || {},
           state: result.previousState
         };
+        const entityMutations = /* @__PURE__ */ new Map();
+        for (const effect of result.effects) {
+          if (!Array.isArray(effect) || effect[0] !== "set") continue;
+          const path = effect[1];
+          if (typeof path !== "string" || !path.startsWith("@entity.")) continue;
+          const field = path.slice("@entity.".length);
+          const evalCtx = createContextFromBindings(bindingCtx);
+          const value = interpolateValue(effect[2], evalCtx);
+          if (bindingCtx.entity !== null && typeof bindingCtx.entity === "object") {
+            bindingCtx.entity[field] = value;
+          }
+          entityMutations.set(field, value);
+        }
         const effectContext = {
           traitName: binding.trait.name,
           state: result.previousState,
@@ -297,6 +455,15 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
               actions.setSlotPatterns(slot, patterns, slotSource);
             }
           }
+          if (linkedEntity && entityMutations.size > 0 && fetchedDataContext) {
+            const records = fetchedDataContext.getData(linkedEntity);
+            if (records.length > 0) {
+              const updated = records.map(
+                (r, i) => i === 0 ? { ...r, ...Object.fromEntries(entityMutations) } : r
+              );
+              fetchedDataContext.setData({ [linkedEntity]: updated });
+            }
+          }
         }).catch((error) => {
           console.error(
             "[TraitStateMachine] Effect execution error:",

package/package.json

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