@almadar/ui 5.97.0 → 5.98.0

package/dist/avl/index.cjs

@@ -10966,11 +10966,14 @@ function recordTransition(trace) {
   }
   if (entry.event === "INIT") {
     const hasFetch = entry.effects.some((e) => e.type === "fetch");
+    const hasEntitySeed = entry.effects.some(
+      (e) => e.type === "set" && typeof e.args[0] === "string" && e.args[0].startsWith("@entity.")
+    );
     const checkId = `init-fetch-${entry.traitName}`;
-    if (hasFetch) {
+    if (hasFetch || hasEntitySeed) {
       registerCheck(
         checkId,
-        `INIT transition for "${entry.traitName}" has fetch effect`,
+        `INIT transition for "${entry.traitName}" has fetch or entity-seed effect`,
         "pass"
       );
     } else {
@@ -11625,7 +11628,7 @@ var init_ScoreDisplay = __esm({
   }
 });
 function ControlButton({
-  assetUrl = DEFAULT_ASSET_URL,
+  assetUrl,
   label,
   icon,
   size = "md",
@@ -11703,7 +11706,7 @@ function ControlButton({
     }
   );
 }
-var sizeMap4, shapeMap, variantMap, DEFAULT_ASSET_URL;
+var sizeMap4, shapeMap, variantMap;
 var init_ControlButton = __esm({
   "components/game/2d/atoms/ControlButton.tsx"() {
     "use client";
@@ -11730,11 +11733,6 @@ var init_ControlButton = __esm({
       secondary: "bg-secondary text-secondary-foreground border-border hover:bg-secondary-hover",
       ghost: "bg-transparent text-foreground border-border hover:bg-muted"
     };
-    DEFAULT_ASSET_URL = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/circle_01.png",
-      role: "ui",
-      category: "control"
-    };
     ControlButton.displayName = "ControlButton";
   }
 });
@@ -11823,7 +11821,7 @@ function isKnownState(s) {
   return s in DEFAULT_STATE_STYLES;
 }
 function StateIndicator({
-  assetUrl = DEFAULT_ASSET_URL2,
+  assetUrl = DEFAULT_ASSET_URL,
   state = "idle",
   label,
   size = "md",
@@ -11853,14 +11851,14 @@ function StateIndicator({
     }
   );
 }
-var DEFAULT_ASSET_URL2, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
+var DEFAULT_ASSET_URL, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
 var init_StateIndicator = __esm({
   "components/game/2d/atoms/StateIndicator.tsx"() {
     init_Box();
     init_Icon();
     init_cn();
     init_GameIcon();
-    DEFAULT_ASSET_URL2 = {
+    DEFAULT_ASSET_URL = {
       url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
       role: "ui",
       category: "state"
@@ -11946,7 +11944,7 @@ var init_TimerDisplay = __esm({
   }
 });
 function ResourceCounter({
-  assetUrl = DEFAULT_ASSET_URL3,
+  assetUrl = DEFAULT_ASSET_URL2,
   icon,
   label = "Gold",
   value = 250,
@@ -11979,7 +11977,7 @@ function ResourceCounter({
     }
   );
 }
-var colorTokenClasses2, DEFAULT_ASSET_URL3, sizeMap6;
+var colorTokenClasses2, DEFAULT_ASSET_URL2, sizeMap6;
 var init_ResourceCounter = __esm({
   "components/game/2d/atoms/ResourceCounter.tsx"() {
     init_cn();
@@ -11995,7 +11993,7 @@ var init_ResourceCounter = __esm({
       error: "text-error",
       muted: "text-muted-foreground"
     };
-    DEFAULT_ASSET_URL3 = {
+    DEFAULT_ASSET_URL2 = {
       url: "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png",
       role: "ui",
       category: "coin"
@@ -12009,7 +12007,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
-  assetUrl = DEFAULT_ASSET_URL4,
+  assetUrl = DEFAULT_ASSET_URL3,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -12064,7 +12062,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL4, assetSizeMap;
+var sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL3, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/2d/atoms/ItemSlot.tsx"() {
     "use client";
@@ -12094,7 +12092,7 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
-    DEFAULT_ASSET_URL4 = {
+    DEFAULT_ASSET_URL3 = {
       url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
       role: "item",
       category: "item"
@@ -12108,7 +12106,7 @@ var init_ItemSlot = __esm({
   }
 });
 function TurnIndicator({
-  assetUrl = DEFAULT_ASSET_URL5,
+  assetUrl = DEFAULT_ASSET_URL4,
   currentTurn = 1,
   maxTurns,
   activeTeam,
@@ -12148,7 +12146,7 @@ function TurnIndicator({
     }
   );
 }
-var sizeMap8, DEFAULT_ASSET_URL5;
+var sizeMap8, DEFAULT_ASSET_URL4;
 var init_TurnIndicator = __esm({
   "components/game/2d/atoms/TurnIndicator.tsx"() {
     init_cn();
@@ -12160,7 +12158,7 @@ var init_TurnIndicator = __esm({
       md: { wrapper: "text-sm gap-2 px-3 py-1", dot: "w-2 h-2" },
       lg: { wrapper: "text-base gap-2.5 px-4 py-1.5", dot: "w-2.5 h-2.5" }
     };
-    DEFAULT_ASSET_URL5 = {
+    DEFAULT_ASSET_URL4 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png",
       role: "ui",
       category: "turn"
@@ -12180,7 +12178,7 @@ function getComboScale(combo) {
   return "";
 }
 function ComboCounter({
-  assetUrl = DEFAULT_ASSET_URL6,
+  assetUrl = DEFAULT_ASSET_URL5,
   combo = 5,
   multiplier,
   streak,
@@ -12215,14 +12213,14 @@ function ComboCounter({
     }
   );
 }
-var DEFAULT_ASSET_URL6, sizeMap9;
+var DEFAULT_ASSET_URL5, sizeMap9;
 var init_ComboCounter = __esm({
   "components/game/2d/atoms/ComboCounter.tsx"() {
     init_cn();
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL6 = {
+    DEFAULT_ASSET_URL5 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/flash/flash00.png",
       role: "effect",
       category: "effect"
@@ -12236,7 +12234,7 @@ var init_ComboCounter = __esm({
   }
 });
 function WaypointMarker({
-  assetUrl = DEFAULT_ASSET_URL7,
+  assetUrl = DEFAULT_ASSET_URL6,
   label,
   icon,
   active = true,
@@ -12296,7 +12294,7 @@ function WaypointMarker({
     )
   ] });
 }
-var DEFAULT_ASSET_URL7, sizeMap10, checkIcon;
+var DEFAULT_ASSET_URL6, sizeMap10, checkIcon;
 var init_WaypointMarker = __esm({
   "components/game/2d/atoms/WaypointMarker.tsx"() {
     init_cn();
@@ -12304,7 +12302,7 @@ var init_WaypointMarker = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL7 = {
+    DEFAULT_ASSET_URL6 = {
       url: "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png",
       role: "ui",
       category: "waypoint"
@@ -12325,7 +12323,7 @@ function formatDuration(seconds) {
   return `${Math.round(seconds)}s`;
 }
 function StatusEffect({
-  assetUrl = DEFAULT_ASSET_URL8,
+  assetUrl = DEFAULT_ASSET_URL7,
   icon,
   label = "Shield",
   duration = 30,
@@ -12376,7 +12374,7 @@ function StatusEffect({
     label && /* @__PURE__ */ jsxRuntime.jsx(Typography, { as: "span", className: "text-xs text-muted-foreground mt-0.5 text-center whitespace-nowrap", children: label })
   ] });
 }
-var DEFAULT_ASSET_URL8, sizeMap11, variantStyles7;
+var DEFAULT_ASSET_URL7, sizeMap11, variantStyles7;
 var init_StatusEffect = __esm({
   "components/game/2d/atoms/StatusEffect.tsx"() {
     init_cn();
@@ -12384,7 +12382,7 @@ var init_StatusEffect = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL8 = {
+    DEFAULT_ASSET_URL7 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png",
       role: "ui",
       category: "effect"
@@ -12403,7 +12401,7 @@ var init_StatusEffect = __esm({
   }
 });
 function DamageNumber({
-  assetUrl = DEFAULT_ASSET_URL9,
+  assetUrl = DEFAULT_ASSET_URL8,
   value = 42,
   type = "damage",
   size = "md",
@@ -12431,7 +12429,7 @@ function DamageNumber({
     )
   ] });
 }
-var sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL9;
+var sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL8;
 var init_DamageNumber = __esm({
   "components/game/2d/atoms/DamageNumber.tsx"() {
     init_cn();
@@ -12455,7 +12453,7 @@ var init_DamageNumber = __esm({
   100% { opacity: 0; transform: translateY(-32px) scale(0.8); }
 }
 `;
-    DEFAULT_ASSET_URL9 = {
+    DEFAULT_ASSET_URL8 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/spark_01.png",
       role: "effect",
       category: "effect"
@@ -12581,7 +12579,7 @@ var init_ChoiceButton = __esm({
   }
 });
 function ActionButton({
-  assetUrl = DEFAULT_ASSET_URL10,
+  assetUrl = DEFAULT_ASSET_URL9,
   label = "Attack",
   icon,
   cooldown = 0,
@@ -12650,7 +12648,7 @@ function ActionButton({
     }
   );
 }
-var sizeMap13, variantStyles8, DEFAULT_ASSET_URL10;
+var sizeMap13, variantStyles8, DEFAULT_ASSET_URL9;
 var init_ActionButton = __esm({
   "components/game/2d/atoms/ActionButton.tsx"() {
     init_cn();
@@ -12670,7 +12668,7 @@ var init_ActionButton = __esm({
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover border-border",
       danger: "bg-error text-error-foreground hover:bg-error/90 border-error"
     };
-    DEFAULT_ASSET_URL10 = {
+    DEFAULT_ASSET_URL9 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/slash_01.png",
       role: "ui",
       category: "action"
@@ -12890,15 +12888,17 @@ function ControlGrid({
       },
       d
     );
+    const usesSemantic = !!directionEvents;
+    const cell = (d) => !usesSemantic || directionEvents?.[d] ? dir(d) : /* @__PURE__ */ jsxRuntime.jsx(Box, {}, d);
     return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("inline-grid grid-cols-3", ds.gap, ds.container, className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(Box, {}),
-      dir("up"),
+      cell("up"),
       /* @__PURE__ */ jsxRuntime.jsx(Box, {}),
-      dir("left"),
+      cell("left"),
       /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "w-6 h-6 rounded-interactive bg-muted border-2 border-muted-foreground" }) }),
-      dir("right"),
+      cell("right"),
       /* @__PURE__ */ jsxRuntime.jsx(Box, {}),
-      dir("down"),
+      cell("down"),
       /* @__PURE__ */ jsxRuntime.jsx(Box, {})
     ] });
   }
@@ -53703,6 +53703,7 @@ var crossTraitLog = logger.createLogger("almadar:ui:cross-trait");
 var flushLog = logger.createLogger("almadar:ui:slot-flush");
 var stateLog = logger.createLogger("almadar:ui:state-transitions");
 var tickLog = logger.createLogger("almadar:ui:tick-effects");
+logger.setNamespaceLevel("almadar:ui:tick-effects", "WARN");
 var SYNC_TICK_OPERATORS = /* @__PURE__ */ new Set([
   "set",
   "emit",
@@ -54122,8 +54123,15 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const scheduler = runtime.createTickScheduler();
     for (const binding of traitBindings) {
       for (const tick of binding.trait.ticks ?? []) {
-        const intervalMs = tick.interval === "frame" ? 0 : tick.interval;
-        scheduler.add(intervalMs, () => runTickEffects(tick, binding));
+        if (tick.interval === "frame") {
+          scheduler.add(0, () => runTickEffects(tick, binding));
+        } else if (typeof tick.interval === "number") {
+          scheduler.add(tick.interval, () => runTickEffects(tick, binding));
+        } else if (runtime.isValidCronExpression(tick.interval)) {
+          scheduler.addCron(tick.interval, () => runTickEffects(tick, binding));
+        } else {
+          scheduler.add(runtime.parseDurationString(tick.interval), () => runTickEffects(tick, binding));
+        }
       }
     }
     return () => scheduler.stopAll();

package/dist/avl/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React105 from 'react';
 import React105__default, { createContext, useState, useMemo, useRef, useEffect, useContext, useCallback, Suspense, useLayoutEffect, Profiler, useReducer, useSyncExternalStore, lazy, useId } from 'react';
 import { getAllPages, OrbitalProvider, EventBusContext, useTraitScope, ServerBridgeProvider, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, useServerBridge, useEntitySchema, useEntitySchemaOptional, TraitScopeProvider, useCurrentPagePath } from '@almadar/ui/providers';
-import { createLogger, isLogLevelEnabled } from '@almadar/logger';
+import { createLogger, setNamespaceLevel, isLogLevelEnabled } from '@almadar/logger';
 import ELK from 'elkjs/lib/elk.bundled.js';
 import { MarkerType, useReactFlow, Handle, Position, getBezierPath, EdgeLabelRenderer, useNodeId, ReactFlowProvider, BaseEdge, useNodesState, useEdgesState, ReactFlow, Controls, Background, BackgroundVariant } from '@xyflow/react';
 import { useTranslate } from '@almadar/ui/hooks';
@@ -41,7 +41,7 @@ import { sortableKeyboardCoordinates, useSortable, arrayMove, SortableContext, r
 import { CSS } from '@dnd-kit/utilities';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1, isEntityAwarePattern } from '@almadar/patterns';
 import { OrbitalServerRuntime } from '@almadar/runtime/OrbitalServerRuntime';
-import { InMemoryPersistence, StateMachineManager, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, createContextFromBindings, createTickScheduler } from '@almadar/runtime';
+import { InMemoryPersistence, StateMachineManager, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, createContextFromBindings, createTickScheduler, isValidCronExpression, parseDurationString } from '@almadar/runtime';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -10920,11 +10920,14 @@ function recordTransition(trace) {
   }
   if (entry.event === "INIT") {
     const hasFetch = entry.effects.some((e) => e.type === "fetch");
+    const hasEntitySeed = entry.effects.some(
+      (e) => e.type === "set" && typeof e.args[0] === "string" && e.args[0].startsWith("@entity.")
+    );
     const checkId = `init-fetch-${entry.traitName}`;
-    if (hasFetch) {
+    if (hasFetch || hasEntitySeed) {
       registerCheck(
         checkId,
-        `INIT transition for "${entry.traitName}" has fetch effect`,
+        `INIT transition for "${entry.traitName}" has fetch or entity-seed effect`,
         "pass"
       );
     } else {
@@ -11579,7 +11582,7 @@ var init_ScoreDisplay = __esm({
   }
 });
 function ControlButton({
-  assetUrl = DEFAULT_ASSET_URL,
+  assetUrl,
   label,
   icon,
   size = "md",
@@ -11657,7 +11660,7 @@ function ControlButton({
     }
   );
 }
-var sizeMap4, shapeMap, variantMap, DEFAULT_ASSET_URL;
+var sizeMap4, shapeMap, variantMap;
 var init_ControlButton = __esm({
   "components/game/2d/atoms/ControlButton.tsx"() {
     "use client";
@@ -11684,11 +11687,6 @@ var init_ControlButton = __esm({
       secondary: "bg-secondary text-secondary-foreground border-border hover:bg-secondary-hover",
       ghost: "bg-transparent text-foreground border-border hover:bg-muted"
     };
-    DEFAULT_ASSET_URL = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/circle_01.png",
-      role: "ui",
-      category: "control"
-    };
     ControlButton.displayName = "ControlButton";
   }
 });
@@ -11777,7 +11775,7 @@ function isKnownState(s) {
   return s in DEFAULT_STATE_STYLES;
 }
 function StateIndicator({
-  assetUrl = DEFAULT_ASSET_URL2,
+  assetUrl = DEFAULT_ASSET_URL,
   state = "idle",
   label,
   size = "md",
@@ -11807,14 +11805,14 @@ function StateIndicator({
     }
   );
 }
-var DEFAULT_ASSET_URL2, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
+var DEFAULT_ASSET_URL, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
 var init_StateIndicator = __esm({
   "components/game/2d/atoms/StateIndicator.tsx"() {
     init_Box();
     init_Icon();
     init_cn();
     init_GameIcon();
-    DEFAULT_ASSET_URL2 = {
+    DEFAULT_ASSET_URL = {
       url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
       role: "ui",
       category: "state"
@@ -11900,7 +11898,7 @@ var init_TimerDisplay = __esm({
   }
 });
 function ResourceCounter({
-  assetUrl = DEFAULT_ASSET_URL3,
+  assetUrl = DEFAULT_ASSET_URL2,
   icon,
   label = "Gold",
   value = 250,
@@ -11933,7 +11931,7 @@ function ResourceCounter({
     }
   );
 }
-var colorTokenClasses2, DEFAULT_ASSET_URL3, sizeMap6;
+var colorTokenClasses2, DEFAULT_ASSET_URL2, sizeMap6;
 var init_ResourceCounter = __esm({
   "components/game/2d/atoms/ResourceCounter.tsx"() {
     init_cn();
@@ -11949,7 +11947,7 @@ var init_ResourceCounter = __esm({
       error: "text-error",
       muted: "text-muted-foreground"
     };
-    DEFAULT_ASSET_URL3 = {
+    DEFAULT_ASSET_URL2 = {
       url: "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png",
       role: "ui",
       category: "coin"
@@ -11963,7 +11961,7 @@ var init_ResourceCounter = __esm({
   }
 });
 function ItemSlot({
-  assetUrl = DEFAULT_ASSET_URL4,
+  assetUrl = DEFAULT_ASSET_URL3,
   icon = "sword",
   label = "Iron Sword",
   quantity,
@@ -12018,7 +12016,7 @@ function ItemSlot({
     }
   );
 }
-var sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL4, assetSizeMap;
+var sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL3, assetSizeMap;
 var init_ItemSlot = __esm({
   "components/game/2d/atoms/ItemSlot.tsx"() {
     "use client";
@@ -12048,7 +12046,7 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
-    DEFAULT_ASSET_URL4 = {
+    DEFAULT_ASSET_URL3 = {
       url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
       role: "item",
       category: "item"
@@ -12062,7 +12060,7 @@ var init_ItemSlot = __esm({
   }
 });
 function TurnIndicator({
-  assetUrl = DEFAULT_ASSET_URL5,
+  assetUrl = DEFAULT_ASSET_URL4,
   currentTurn = 1,
   maxTurns,
   activeTeam,
@@ -12102,7 +12100,7 @@ function TurnIndicator({
     }
   );
 }
-var sizeMap8, DEFAULT_ASSET_URL5;
+var sizeMap8, DEFAULT_ASSET_URL4;
 var init_TurnIndicator = __esm({
   "components/game/2d/atoms/TurnIndicator.tsx"() {
     init_cn();
@@ -12114,7 +12112,7 @@ var init_TurnIndicator = __esm({
       md: { wrapper: "text-sm gap-2 px-3 py-1", dot: "w-2 h-2" },
       lg: { wrapper: "text-base gap-2.5 px-4 py-1.5", dot: "w-2.5 h-2.5" }
     };
-    DEFAULT_ASSET_URL5 = {
+    DEFAULT_ASSET_URL4 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png",
       role: "ui",
       category: "turn"
@@ -12134,7 +12132,7 @@ function getComboScale(combo) {
   return "";
 }
 function ComboCounter({
-  assetUrl = DEFAULT_ASSET_URL6,
+  assetUrl = DEFAULT_ASSET_URL5,
   combo = 5,
   multiplier,
   streak,
@@ -12169,14 +12167,14 @@ function ComboCounter({
     }
   );
 }
-var DEFAULT_ASSET_URL6, sizeMap9;
+var DEFAULT_ASSET_URL5, sizeMap9;
 var init_ComboCounter = __esm({
   "components/game/2d/atoms/ComboCounter.tsx"() {
     init_cn();
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL6 = {
+    DEFAULT_ASSET_URL5 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/flash/flash00.png",
       role: "effect",
       category: "effect"
@@ -12190,7 +12188,7 @@ var init_ComboCounter = __esm({
   }
 });
 function WaypointMarker({
-  assetUrl = DEFAULT_ASSET_URL7,
+  assetUrl = DEFAULT_ASSET_URL6,
   label,
   icon,
   active = true,
@@ -12250,7 +12248,7 @@ function WaypointMarker({
     )
   ] });
 }
-var DEFAULT_ASSET_URL7, sizeMap10, checkIcon;
+var DEFAULT_ASSET_URL6, sizeMap10, checkIcon;
 var init_WaypointMarker = __esm({
   "components/game/2d/atoms/WaypointMarker.tsx"() {
     init_cn();
@@ -12258,7 +12256,7 @@ var init_WaypointMarker = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL7 = {
+    DEFAULT_ASSET_URL6 = {
       url: "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png",
       role: "ui",
       category: "waypoint"
@@ -12279,7 +12277,7 @@ function formatDuration(seconds) {
   return `${Math.round(seconds)}s`;
 }
 function StatusEffect({
-  assetUrl = DEFAULT_ASSET_URL8,
+  assetUrl = DEFAULT_ASSET_URL7,
   icon,
   label = "Shield",
   duration = 30,
@@ -12330,7 +12328,7 @@ function StatusEffect({
     label && /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-xs text-muted-foreground mt-0.5 text-center whitespace-nowrap", children: label })
   ] });
 }
-var DEFAULT_ASSET_URL8, sizeMap11, variantStyles7;
+var DEFAULT_ASSET_URL7, sizeMap11, variantStyles7;
 var init_StatusEffect = __esm({
   "components/game/2d/atoms/StatusEffect.tsx"() {
     init_cn();
@@ -12338,7 +12336,7 @@ var init_StatusEffect = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    DEFAULT_ASSET_URL8 = {
+    DEFAULT_ASSET_URL7 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png",
       role: "ui",
       category: "effect"
@@ -12357,7 +12355,7 @@ var init_StatusEffect = __esm({
   }
 });
 function DamageNumber({
-  assetUrl = DEFAULT_ASSET_URL9,
+  assetUrl = DEFAULT_ASSET_URL8,
   value = 42,
   type = "damage",
   size = "md",
@@ -12385,7 +12383,7 @@ function DamageNumber({
     )
   ] });
 }
-var sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL9;
+var sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL8;
 var init_DamageNumber = __esm({
   "components/game/2d/atoms/DamageNumber.tsx"() {
     init_cn();
@@ -12409,7 +12407,7 @@ var init_DamageNumber = __esm({
   100% { opacity: 0; transform: translateY(-32px) scale(0.8); }
 }
 `;
-    DEFAULT_ASSET_URL9 = {
+    DEFAULT_ASSET_URL8 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/spark_01.png",
       role: "effect",
       category: "effect"
@@ -12535,7 +12533,7 @@ var init_ChoiceButton = __esm({
   }
 });
 function ActionButton({
-  assetUrl = DEFAULT_ASSET_URL10,
+  assetUrl = DEFAULT_ASSET_URL9,
   label = "Attack",
   icon,
   cooldown = 0,
@@ -12604,7 +12602,7 @@ function ActionButton({
     }
   );
 }
-var sizeMap13, variantStyles8, DEFAULT_ASSET_URL10;
+var sizeMap13, variantStyles8, DEFAULT_ASSET_URL9;
 var init_ActionButton = __esm({
   "components/game/2d/atoms/ActionButton.tsx"() {
     init_cn();
@@ -12624,7 +12622,7 @@ var init_ActionButton = __esm({
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover border-border",
       danger: "bg-error text-error-foreground hover:bg-error/90 border-error"
     };
-    DEFAULT_ASSET_URL10 = {
+    DEFAULT_ASSET_URL9 = {
       url: "https://almadar-kflow-assets.web.app/shared/effects/particles/slash_01.png",
       role: "ui",
       category: "action"
@@ -12844,15 +12842,17 @@ function ControlGrid({
       },
       d
     );
+    const usesSemantic = !!directionEvents;
+    const cell = (d) => !usesSemantic || directionEvents?.[d] ? dir(d) : /* @__PURE__ */ jsx(Box, {}, d);
     return /* @__PURE__ */ jsxs(Box, { className: cn("inline-grid grid-cols-3", ds.gap, ds.container, className), children: [
       /* @__PURE__ */ jsx(Box, {}),
-      dir("up"),
+      cell("up"),
       /* @__PURE__ */ jsx(Box, {}),
-      dir("left"),
+      cell("left"),
       /* @__PURE__ */ jsx(Box, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Box, { className: "w-6 h-6 rounded-interactive bg-muted border-2 border-muted-foreground" }) }),
-      dir("right"),
+      cell("right"),
       /* @__PURE__ */ jsx(Box, {}),
-      dir("down"),
+      cell("down"),
       /* @__PURE__ */ jsx(Box, {})
     ] });
   }
@@ -53657,6 +53657,7 @@ var crossTraitLog = createLogger("almadar:ui:cross-trait");
 var flushLog = createLogger("almadar:ui:slot-flush");
 var stateLog = createLogger("almadar:ui:state-transitions");
 var tickLog = createLogger("almadar:ui:tick-effects");
+setNamespaceLevel("almadar:ui:tick-effects", "WARN");
 var SYNC_TICK_OPERATORS = /* @__PURE__ */ new Set([
   "set",
   "emit",
@@ -54076,8 +54077,15 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const scheduler = createTickScheduler();
     for (const binding of traitBindings) {
       for (const tick of binding.trait.ticks ?? []) {
-        const intervalMs = tick.interval === "frame" ? 0 : tick.interval;
-        scheduler.add(intervalMs, () => runTickEffects(tick, binding));
+        if (tick.interval === "frame") {
+          scheduler.add(0, () => runTickEffects(tick, binding));
+        } else if (typeof tick.interval === "number") {
+          scheduler.add(tick.interval, () => runTickEffects(tick, binding));
+        } else if (isValidCronExpression(tick.interval)) {
+          scheduler.addCron(tick.interval, () => runTickEffects(tick, binding));
+        } else {
+          scheduler.add(parseDurationString(tick.interval), () => runTickEffects(tick, binding));
+        }
       }
     }
     return () => scheduler.stopAll();