@almadar/ui 5.55.0 → 5.56.0

package/dist/avl/index.cjs

@@ -14581,6 +14581,8 @@ function IsometricCanvas({
   showMinimap = true,
   enableCamera = true,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   // Asset resolution
   getTerrainSprite,
   getFeatureSprite,
@@ -14971,8 +14973,8 @@ function IsometricCanvas({
       const breatheOffset = 0.8 * scale * (1 + Math.sin(animTime * 2e-3 + (unit.position.x * 3.7 + unit.position.y * 5.3)));
       const unitSpriteUrl = resolveUnitSpriteUrl(unit);
       const img = unitSpriteUrl ? getImage(unitSpriteUrl) : null;
-      const unitDrawH = scaledFloorHeight * 1.5 * unitScale;
-      const maxUnitW = scaledTileWidth * 0.6 * unitScale;
+      const unitDrawH = scaledFloorHeight * spriteHeightRatio * unitScale;
+      const maxUnitW = scaledTileWidth * spriteMaxWidthRatio * unitScale;
       const ar = img ? img.naturalWidth / img.naturalHeight : 0.5;
       let drawH = unitDrawH;
       let drawW = unitDrawH * ar;
@@ -15356,6 +15358,8 @@ function BattleBoard({
   assetManifest: propAssetManifest,
   scale = 0.45,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   header,
   sidebar,
   actions,
@@ -15646,7 +15650,9 @@ function BattleBoard({
             hasActiveEffects: hasActiveEffects2,
             effectSpriteUrls,
             resolveUnitFrame,
-            unitScale
+            unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio
           }
         ),
         overlay && overlay(ctx)
@@ -44379,6 +44385,8 @@ var init_GameCanvas3D2 = __esm({
         attackTargets = [],
         selectedTileIds = [],
         selectedUnitId = null,
+        unitScale = 1,
+        scale = 0.45,
         children
       }, ref) => {
         const containerRef = React90.useRef(null);
@@ -44595,12 +44603,18 @@ var init_GameCanvas3D2 = __esm({
           },
           [selectedTileIds, hoveredTile, validMoves, attackTargets, handleTileClick, handleTileHover]
         );
+        const UNIT_BASE_MODEL_SCALE = 0.5;
+        const UNIT_BASE_BILLBOARD_HEIGHT = 1.2;
+        const UNIT_BASE_PRIMITIVE_RADIUS = 0.3;
         const DefaultUnitRenderer = React90.useCallback(
           ({ unit, position }) => {
             const isSelected = selectedUnitId === unit.id;
             const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
             const hasAtlas = unitAtlasUrl(unit) !== null;
             const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
+            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
+            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
+            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "group",
               {
@@ -44618,7 +44632,8 @@ var init_GameCanvas3D2 = __esm({
                       UnitSpriteBillboard,
                       {
                         sheetUrl: initialFrame.sheetUrl,
-                        resolveFrame: () => resolveUnitFrame(unit.id)
+                        resolveFrame: () => resolveUnitFrame(unit.id),
+                        height: billboardHeight
                       }
                     ) })
                   ) : unit.modelUrl ? (
@@ -44627,22 +44642,22 @@ var init_GameCanvas3D2 = __esm({
                       ModelLoader,
                       {
                         url: unit.modelUrl,
-                        scale: 0.5,
+                        scale: modelScale,
                         fallbackGeometry: "box",
                         castShadow: true
                       }
                     )
                   ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [0, 0.3, 0], children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("cylinderGeometry", { args: [0.3, 0.3, 0.1, 8] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [0, primitiveRadius, 0], children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("cylinderGeometry", { args: [primitiveRadius, primitiveRadius, primitiveRadius * 0.33, 8] }),
                       /* @__PURE__ */ jsxRuntime.jsx("meshStandardMaterial", { color })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [0, 0.6, 0], children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("capsuleGeometry", { args: [0.2, 0.4, 4, 8] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [0, primitiveRadius * 2, 0], children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("capsuleGeometry", { args: [primitiveRadius * 0.67, primitiveRadius * 1.33, 4, 8] }),
                       /* @__PURE__ */ jsxRuntime.jsx("meshStandardMaterial", { color })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [0, 0.9, 0], children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("sphereGeometry", { args: [0.12, 8, 8] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [0, primitiveRadius * 3, 0], children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("sphereGeometry", { args: [primitiveRadius * 0.4, 8, 8] }),
                       /* @__PURE__ */ jsxRuntime.jsx("meshStandardMaterial", { color })
                     ] })
                   ] }),
@@ -44675,7 +44690,7 @@ var init_GameCanvas3D2 = __esm({
               }
             );
           },
-          [selectedUnitId, handleUnitClick, resolveUnitFrame]
+          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
         );
         const DefaultFeatureRenderer = React90.useCallback(
           ({
@@ -44818,33 +44833,35 @@ var init_GameCanvas3D2 = __esm({
                             fadeStrength: 1
                           }
                         ),
-                        tiles.map((tile, index) => {
-                          const position = gridToWorld(
-                            tile.x,
-                            tile.z ?? tile.y ?? 0,
-                            tile.elevation ?? 0
-                          );
-                          const Renderer = CustomTileRenderer || DefaultTileRenderer;
-                          return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { tile, position }, tile.id ?? `tile-${index}`);
-                        }),
-                        features.map((feature, index) => {
-                          const position = gridToWorld(
-                            feature.x,
-                            feature.z ?? feature.y ?? 0,
-                            (feature.elevation ?? 0) + 0.5
-                          );
-                          const Renderer = CustomFeatureRenderer || DefaultFeatureRenderer;
-                          return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { feature, position }, feature.id ?? `feature-${index}`);
-                        }),
-                        units.map((unit) => {
-                          const position = gridToWorld(
-                            unit.x ?? 0,
-                            unit.z ?? unit.y ?? 0,
-                            (unit.elevation ?? 0) + 0.5
-                          );
-                          const Renderer = CustomUnitRenderer || DefaultUnitRenderer;
-                          return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { unit, position }, unit.id);
-                        }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("group", { scale, children: [
+                          tiles.map((tile, index) => {
+                            const position = gridToWorld(
+                              tile.x,
+                              tile.z ?? tile.y ?? 0,
+                              tile.elevation ?? 0
+                            );
+                            const Renderer = CustomTileRenderer || DefaultTileRenderer;
+                            return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { tile, position }, tile.id ?? `tile-${index}`);
+                          }),
+                          features.map((feature, index) => {
+                            const position = gridToWorld(
+                              feature.x,
+                              feature.z ?? feature.y ?? 0,
+                              (feature.elevation ?? 0) + 0.5
+                            );
+                            const Renderer = CustomFeatureRenderer || DefaultFeatureRenderer;
+                            return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { feature, position }, feature.id ?? `feature-${index}`);
+                          }),
+                          units.map((unit) => {
+                            const position = gridToWorld(
+                              unit.x ?? 0,
+                              unit.z ?? unit.y ?? 0,
+                              (unit.elevation ?? 0) + 0.5
+                            );
+                            const Renderer = CustomUnitRenderer || DefaultUnitRenderer;
+                            return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { unit, position }, unit.id);
+                          })
+                        ] }),
                         children,
                         /* @__PURE__ */ jsxRuntime.jsx(
                           drei.OrbitControls,
@@ -44887,6 +44904,8 @@ function GameBoard3D({
   features = [],
   cameraMode = "perspective",
   backgroundColor = "#2a1a1a",
+  unitScale = 1,
+  scale = 0.45,
   tileClickEvent,
   unitClickEvent,
   attackEvent,
@@ -44987,6 +45006,8 @@ function GameBoard3D({
         selectedUnitId,
         validMoves,
         attackTargets,
+        unitScale,
+        scale,
         className: "game-board-3d__canvas w-full min-h-[85vh]"
       }
     ),
@@ -46972,6 +46993,8 @@ function RoguelikeBoard({
   assetManifest: propAssetManifest,
   scale = 0.45,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   moveEvent,
   playAgainEvent,
   gameEndEvent,
@@ -47119,7 +47142,9 @@ function RoguelikeBoard({
         scale,
         assetBaseUrl: propAssetManifest?.baseUrl ?? CDN4,
         assetManifest: propAssetManifest,
-        unitScale
+        unitScale,
+        spriteHeightRatio,
+        spriteMaxWidthRatio
       }
     ) }),
     !isGameOver && /* @__PURE__ */ jsxRuntime.jsx(HStack, { className: "justify-center gap-2 p-3", gap: "none", children: [
@@ -51491,6 +51516,9 @@ function TowerDefenseBoard({
   waveActive: propWaveActive,
   towerCost = 25,
   scale = 0.45,
+  unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   placeTowerEvent,
   startWaveEvent,
   playAgainEvent,
@@ -51598,7 +51626,10 @@ function TowerDefenseBoard({
           onTileClick: handleTileClick,
           onTileHover: (x, y) => setHoveredTile({ x, y }),
           onTileLeave: () => setHoveredTile(null),
-          scale
+          scale,
+          unitScale,
+          spriteHeightRatio,
+          spriteMaxWidthRatio
         }
       ),
       hoveredTile && canPlaceTower && validMoves.some((m) => m.x === hoveredTile.x && m.y === hoveredTile.y) && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-10 bg-background/80 rounded px-3 py-1 backdrop-blur-sm pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", children: t("td.placeTower") ?? `Place tower (${towerCost} gold)` }) })
@@ -51934,6 +51965,8 @@ function WorldMapBoard({
   isLoading,
   scale = 0.4,
   unitScale = 2.5,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   allowMoveAllHeroes = false,
   isInRange = defaultIsInRange,
   heroSelectEvent,
@@ -52171,6 +52204,8 @@ function WorldMapBoard({
             effectSpriteUrls,
             resolveUnitFrame,
             unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio,
             diamondTopY,
             enableCamera
           }
@@ -57857,7 +57892,10 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       if (binding.config) {
         guardCtx.config = binding.config;
       }
-      const passed = runtime.interpolateValue(tick.guard, runtime.createContextFromBindings(guardCtx));
+      const passed = evaluator.evaluateGuard(
+        tick.guard,
+        runtime.createContextFromBindings(guardCtx)
+      );
       if (!passed) {
         tickLog.debug("guard-blocked", { traitName, tick: tick.name, state: currentState });
         return;

package/dist/avl/index.js

@@ -10,7 +10,7 @@ import * as LucideIcons2 from 'lucide-react';
 import { Loader2, X, Code, FileText, WrapText, Check, Copy, Lightbulb, CheckCircle, List, Printer, ChevronRight, ChevronLeft, GitBranch, Pencil, Eye, Plus, ArrowRight, Trash, RotateCcw, Play, Terminal, XCircle, AlertTriangle, Trash2, Link2, ZoomOut, ZoomIn, Download, Menu as Menu$1, Package, Calendar, MoreHorizontal, Image as Image$1, Upload, ArrowLeft, HelpCircle, PauseCircle, Search, Type, Heading1, Heading2, Heading3, ListOrdered, Quote, Minus, Eraser, TrendingUp, TrendingDown, AlertCircle, Circle, Clock, CheckCircle2, Bug, Send, ChevronUp, ChevronDown, Wrench, Tag, User, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { UISlotProvider, useUISlots, useTheme } from '@almadar/ui/context';
-import { evaluate, createMinimalContext } from '@almadar/evaluator';
+import { evaluateGuard, evaluate, createMinimalContext } from '@almadar/evaluator';
 import { Link, Outlet, useLocation } from 'react-router-dom';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
 import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js';
@@ -47,7 +47,7 @@ import { Canvas, useLoader, useFrame, useThree } from '@react-three/fiber';
 import { Billboard, Grid as Grid$1, OrbitControls } from '@react-three/drei';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1, isEntityAwarePattern } from '@almadar/patterns';
 import { OrbitalServerRuntime } from '@almadar/runtime/OrbitalServerRuntime';
-import { InMemoryPersistence, StateMachineManager, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, interpolateValue, createContextFromBindings } from '@almadar/runtime';
+import { InMemoryPersistence, StateMachineManager, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, createContextFromBindings } from '@almadar/runtime';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -14534,6 +14534,8 @@ function IsometricCanvas({
   showMinimap = true,
   enableCamera = true,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   // Asset resolution
   getTerrainSprite,
   getFeatureSprite,
@@ -14924,8 +14926,8 @@ function IsometricCanvas({
       const breatheOffset = 0.8 * scale * (1 + Math.sin(animTime * 2e-3 + (unit.position.x * 3.7 + unit.position.y * 5.3)));
       const unitSpriteUrl = resolveUnitSpriteUrl(unit);
       const img = unitSpriteUrl ? getImage(unitSpriteUrl) : null;
-      const unitDrawH = scaledFloorHeight * 1.5 * unitScale;
-      const maxUnitW = scaledTileWidth * 0.6 * unitScale;
+      const unitDrawH = scaledFloorHeight * spriteHeightRatio * unitScale;
+      const maxUnitW = scaledTileWidth * spriteMaxWidthRatio * unitScale;
       const ar = img ? img.naturalWidth / img.naturalHeight : 0.5;
       let drawH = unitDrawH;
       let drawW = unitDrawH * ar;
@@ -15309,6 +15311,8 @@ function BattleBoard({
   assetManifest: propAssetManifest,
   scale = 0.45,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   header,
   sidebar,
   actions,
@@ -15599,7 +15603,9 @@ function BattleBoard({
             hasActiveEffects: hasActiveEffects2,
             effectSpriteUrls,
             resolveUnitFrame,
-            unitScale
+            unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio
           }
         ),
         overlay && overlay(ctx)
@@ -44332,6 +44338,8 @@ var init_GameCanvas3D2 = __esm({
         attackTargets = [],
         selectedTileIds = [],
         selectedUnitId = null,
+        unitScale = 1,
+        scale = 0.45,
         children
       }, ref) => {
         const containerRef = useRef(null);
@@ -44548,12 +44556,18 @@ var init_GameCanvas3D2 = __esm({
           },
           [selectedTileIds, hoveredTile, validMoves, attackTargets, handleTileClick, handleTileHover]
         );
+        const UNIT_BASE_MODEL_SCALE = 0.5;
+        const UNIT_BASE_BILLBOARD_HEIGHT = 1.2;
+        const UNIT_BASE_PRIMITIVE_RADIUS = 0.3;
         const DefaultUnitRenderer = useCallback(
           ({ unit, position }) => {
             const isSelected = selectedUnitId === unit.id;
             const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
             const hasAtlas = unitAtlasUrl(unit) !== null;
             const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
+            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
+            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
+            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
             return /* @__PURE__ */ jsxs(
               "group",
               {
@@ -44571,7 +44585,8 @@ var init_GameCanvas3D2 = __esm({
                       UnitSpriteBillboard,
                       {
                         sheetUrl: initialFrame.sheetUrl,
-                        resolveFrame: () => resolveUnitFrame(unit.id)
+                        resolveFrame: () => resolveUnitFrame(unit.id),
+                        height: billboardHeight
                       }
                     ) })
                   ) : unit.modelUrl ? (
@@ -44580,22 +44595,22 @@ var init_GameCanvas3D2 = __esm({
                       ModelLoader,
                       {
                         url: unit.modelUrl,
-                        scale: 0.5,
+                        scale: modelScale,
                         fallbackGeometry: "box",
                         castShadow: true
                       }
                     )
                   ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsxs("mesh", { position: [0, 0.3, 0], children: [
-                      /* @__PURE__ */ jsx("cylinderGeometry", { args: [0.3, 0.3, 0.1, 8] }),
+                    /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius, 0], children: [
+                      /* @__PURE__ */ jsx("cylinderGeometry", { args: [primitiveRadius, primitiveRadius, primitiveRadius * 0.33, 8] }),
                       /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                     ] }),
-                    /* @__PURE__ */ jsxs("mesh", { position: [0, 0.6, 0], children: [
-                      /* @__PURE__ */ jsx("capsuleGeometry", { args: [0.2, 0.4, 4, 8] }),
+                    /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius * 2, 0], children: [
+                      /* @__PURE__ */ jsx("capsuleGeometry", { args: [primitiveRadius * 0.67, primitiveRadius * 1.33, 4, 8] }),
                       /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                     ] }),
-                    /* @__PURE__ */ jsxs("mesh", { position: [0, 0.9, 0], children: [
-                      /* @__PURE__ */ jsx("sphereGeometry", { args: [0.12, 8, 8] }),
+                    /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius * 3, 0], children: [
+                      /* @__PURE__ */ jsx("sphereGeometry", { args: [primitiveRadius * 0.4, 8, 8] }),
                       /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                     ] })
                   ] }),
@@ -44628,7 +44643,7 @@ var init_GameCanvas3D2 = __esm({
               }
             );
           },
-          [selectedUnitId, handleUnitClick, resolveUnitFrame]
+          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
         );
         const DefaultFeatureRenderer = useCallback(
           ({
@@ -44771,33 +44786,35 @@ var init_GameCanvas3D2 = __esm({
                             fadeStrength: 1
                           }
                         ),
-                        tiles.map((tile, index) => {
-                          const position = gridToWorld(
-                            tile.x,
-                            tile.z ?? tile.y ?? 0,
-                            tile.elevation ?? 0
-                          );
-                          const Renderer = CustomTileRenderer || DefaultTileRenderer;
-                          return /* @__PURE__ */ jsx(Renderer, { tile, position }, tile.id ?? `tile-${index}`);
-                        }),
-                        features.map((feature, index) => {
-                          const position = gridToWorld(
-                            feature.x,
-                            feature.z ?? feature.y ?? 0,
-                            (feature.elevation ?? 0) + 0.5
-                          );
-                          const Renderer = CustomFeatureRenderer || DefaultFeatureRenderer;
-                          return /* @__PURE__ */ jsx(Renderer, { feature, position }, feature.id ?? `feature-${index}`);
-                        }),
-                        units.map((unit) => {
-                          const position = gridToWorld(
-                            unit.x ?? 0,
-                            unit.z ?? unit.y ?? 0,
-                            (unit.elevation ?? 0) + 0.5
-                          );
-                          const Renderer = CustomUnitRenderer || DefaultUnitRenderer;
-                          return /* @__PURE__ */ jsx(Renderer, { unit, position }, unit.id);
-                        }),
+                        /* @__PURE__ */ jsxs("group", { scale, children: [
+                          tiles.map((tile, index) => {
+                            const position = gridToWorld(
+                              tile.x,
+                              tile.z ?? tile.y ?? 0,
+                              tile.elevation ?? 0
+                            );
+                            const Renderer = CustomTileRenderer || DefaultTileRenderer;
+                            return /* @__PURE__ */ jsx(Renderer, { tile, position }, tile.id ?? `tile-${index}`);
+                          }),
+                          features.map((feature, index) => {
+                            const position = gridToWorld(
+                              feature.x,
+                              feature.z ?? feature.y ?? 0,
+                              (feature.elevation ?? 0) + 0.5
+                            );
+                            const Renderer = CustomFeatureRenderer || DefaultFeatureRenderer;
+                            return /* @__PURE__ */ jsx(Renderer, { feature, position }, feature.id ?? `feature-${index}`);
+                          }),
+                          units.map((unit) => {
+                            const position = gridToWorld(
+                              unit.x ?? 0,
+                              unit.z ?? unit.y ?? 0,
+                              (unit.elevation ?? 0) + 0.5
+                            );
+                            const Renderer = CustomUnitRenderer || DefaultUnitRenderer;
+                            return /* @__PURE__ */ jsx(Renderer, { unit, position }, unit.id);
+                          })
+                        ] }),
                         children,
                         /* @__PURE__ */ jsx(
                           OrbitControls,
@@ -44840,6 +44857,8 @@ function GameBoard3D({
   features = [],
   cameraMode = "perspective",
   backgroundColor = "#2a1a1a",
+  unitScale = 1,
+  scale = 0.45,
   tileClickEvent,
   unitClickEvent,
   attackEvent,
@@ -44940,6 +44959,8 @@ function GameBoard3D({
         selectedUnitId,
         validMoves,
         attackTargets,
+        unitScale,
+        scale,
         className: "game-board-3d__canvas w-full min-h-[85vh]"
       }
     ),
@@ -46925,6 +46946,8 @@ function RoguelikeBoard({
   assetManifest: propAssetManifest,
   scale = 0.45,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   moveEvent,
   playAgainEvent,
   gameEndEvent,
@@ -47072,7 +47095,9 @@ function RoguelikeBoard({
         scale,
         assetBaseUrl: propAssetManifest?.baseUrl ?? CDN4,
         assetManifest: propAssetManifest,
-        unitScale
+        unitScale,
+        spriteHeightRatio,
+        spriteMaxWidthRatio
       }
     ) }),
     !isGameOver && /* @__PURE__ */ jsx(HStack, { className: "justify-center gap-2 p-3", gap: "none", children: [
@@ -51444,6 +51469,9 @@ function TowerDefenseBoard({
   waveActive: propWaveActive,
   towerCost = 25,
   scale = 0.45,
+  unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   placeTowerEvent,
   startWaveEvent,
   playAgainEvent,
@@ -51551,7 +51579,10 @@ function TowerDefenseBoard({
           onTileClick: handleTileClick,
           onTileHover: (x, y) => setHoveredTile({ x, y }),
           onTileLeave: () => setHoveredTile(null),
-          scale
+          scale,
+          unitScale,
+          spriteHeightRatio,
+          spriteMaxWidthRatio
         }
       ),
       hoveredTile && canPlaceTower && validMoves.some((m) => m.x === hoveredTile.x && m.y === hoveredTile.y) && /* @__PURE__ */ jsx(Box, { className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-10 bg-background/80 rounded px-3 py-1 backdrop-blur-sm pointer-events-none", children: /* @__PURE__ */ jsx(Typography, { variant: "small", children: t("td.placeTower") ?? `Place tower (${towerCost} gold)` }) })
@@ -51887,6 +51918,8 @@ function WorldMapBoard({
   isLoading,
   scale = 0.4,
   unitScale = 2.5,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   allowMoveAllHeroes = false,
   isInRange = defaultIsInRange,
   heroSelectEvent,
@@ -52124,6 +52157,8 @@ function WorldMapBoard({
             effectSpriteUrls,
             resolveUnitFrame,
             unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio,
             diamondTopY,
             enableCamera
           }
@@ -57810,7 +57845,10 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       if (binding.config) {
         guardCtx.config = binding.config;
       }
-      const passed = interpolateValue(tick.guard, createContextFromBindings(guardCtx));
+      const passed = evaluateGuard(
+        tick.guard,
+        createContextFromBindings(guardCtx)
+      );
       if (!passed) {
         tickLog.debug("guard-blocked", { traitName, tick: tick.name, state: currentState });
         return;

package/dist/components/game/molecules/GameCanvas3D.d.ts

@@ -182,6 +182,10 @@ export interface GameCanvas3DProps {
     selectedTileIds?: string[];
     /** Selected unit ID */
     selectedUnitId?: string | null;
+    /** Unit draw-size multiplier. 1 = default tile-proportional size. */
+    unitScale?: number;
+    /** Board zoom/group scale. Applied to the scene group. Default 0.45. */
+    scale?: number;
 }
 /** Imperative handle for GameCanvas3D */
 export interface GameCanvas3DHandle {

package/dist/components/game/molecules/IsometricCanvas.d.ts

@@ -91,6 +91,10 @@ export interface IsometricCanvasProps {
     enableCamera?: boolean;
     /** Extra scale multiplier for unit draw size. 1 = default. */
     unitScale?: number;
+    /** Ratio of unit draw height to scaledFloorHeight. Default 1.5. */
+    spriteHeightRatio?: number;
+    /** Max unit draw width as a ratio of scaledTileWidth. Default 0.6. */
+    spriteMaxWidthRatio?: number;
     /** Board width in tiles (overrides tile-derived size) */
     boardWidth?: number;
     /** Board height in tiles (overrides tile-derived size) */
@@ -125,7 +129,7 @@ export interface IsometricCanvasProps {
         effects?: Record<string, string>;
     };
 }
-export declare function IsometricCanvas({ className, isLoading, error, tiles: _tilesPropRaw, units: _unitsPropRaw, features: _featuresPropRaw, selectedUnitId, validMoves, attackTargets, hoveredTile, onTileClick, onUnitClick, onTileHover, onTileLeave, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, scale, debug, backgroundImage, showMinimap, enableCamera, unitScale, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, hasActiveEffects, diamondTopY: diamondTopYProp, assetBaseUrl, assetManifest, }: IsometricCanvasProps): React.JSX.Element;
+export declare function IsometricCanvas({ className, isLoading, error, tiles: _tilesPropRaw, units: _unitsPropRaw, features: _featuresPropRaw, selectedUnitId, validMoves, attackTargets, hoveredTile, onTileClick, onUnitClick, onTileHover, onTileLeave, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, scale, debug, backgroundImage, showMinimap, enableCamera, unitScale, spriteHeightRatio, spriteMaxWidthRatio, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, hasActiveEffects, diamondTopY: diamondTopYProp, assetBaseUrl, assetManifest, }: IsometricCanvasProps): React.JSX.Element;
 export declare namespace IsometricCanvas {
     var displayName: string;
 }