@almadar/ui 5.55.0 → 5.57.0

package/dist/runtime/index.js

@@ -10,7 +10,7 @@ import { Loader2, X, Lightbulb, CheckCircle, List, Printer, ChevronRight, Chevro
 import { createPortal } from 'react-dom';
 import { useTranslate, useEventBus as useEventBus$1 } from '@almadar/ui/hooks';
 import { useUISlots, UISlotProvider, 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 ELK from 'elkjs/lib/elk.bundled.js';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
@@ -48,7 +48,7 @@ import { GLTFLoader as GLTFLoader$1 } from 'three/examples/jsm/loaders/GLTFLoade
 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 } from '@almadar/patterns';
-import { StateMachineManager, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, interpolateValue, createContextFromBindings, InMemoryPersistence } from '@almadar/runtime';
+import { StateMachineManager, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, createContextFromBindings, InMemoryPersistence } from '@almadar/runtime';
 import { OrbitalServerRuntime } from '@almadar/runtime/OrbitalServerRuntime';
 
 var __defProp = Object.defineProperty;
@@ -10795,6 +10795,8 @@ function IsometricCanvas({
   showMinimap = true,
   enableCamera = true,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   // Asset resolution
   getTerrainSprite,
   getFeatureSprite,
@@ -11185,8 +11187,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;
@@ -11562,14 +11564,32 @@ var init_boardEntity = __esm({
   "components/game/organisms/boardEntity.ts"() {
   }
 });
+function buildDefaultBattleTiles() {
+  const tiles = [];
+  for (let y = 0; y < BATTLE_GRID_H; y++) {
+    for (let x = 0; x < BATTLE_GRID_W; x++) {
+      const variant = (x * 3 + y * 7 + (x ^ y)) % BATTLE_TERRAIN_SPRITES.length;
+      tiles.push({
+        x,
+        y,
+        terrain: ["grass", "dirt", "planks", "stone", "stone"][variant],
+        terrainSprite: BATTLE_TERRAIN_SPRITES[variant],
+        passable: true
+      });
+    }
+  }
+  return tiles;
+}
 function BattleBoard({
   entity,
   tiles: propTiles,
   units: propUnits,
   features: propFeatures,
   assetManifest: propAssetManifest,
-  scale = 0.45,
+  scale = 0.25,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   header,
   sidebar,
   actions,
@@ -11593,10 +11613,11 @@ function BattleBoard({
   className
 }) {
   const board = boardEntity(entity) ?? {};
-  const tiles = propTiles ?? (Array.isArray(board.tiles) ? board.tiles : []);
+  const rawTiles = propTiles ?? (Array.isArray(board.tiles) ? board.tiles : []);
+  const tiles = rawTiles.length === 0 ? DEFAULT_BATTLE_TILES : rawTiles;
   const features = propFeatures ?? (Array.isArray(board.features) ? board.features : []);
-  const boardWidth = num(board.gridWidth ?? board.boardWidth, 8);
-  const boardHeight = num(board.gridHeight ?? board.boardHeight, 6);
+  const boardWidth = num(board.gridWidth ?? board.boardWidth, BATTLE_GRID_W);
+  const boardHeight = num(board.gridHeight ?? board.boardHeight, BATTLE_GRID_H);
   const assetManifest = propAssetManifest ?? board.assetManifest;
   const backgroundImage = board.backgroundImage;
   const units = rows(board.units);
@@ -11860,7 +11881,9 @@ function BattleBoard({
             hasActiveEffects: hasActiveEffects2,
             effectSpriteUrls,
             resolveUnitFrame,
-            unitScale
+            unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio
           }
         ),
         overlay && overlay(ctx)
@@ -11916,6 +11939,7 @@ function BattleBoard({
     ] }) }))
   ] });
 }
+var BATTLE_CDN, BATTLE_GRID_W, BATTLE_GRID_H, BATTLE_TERRAIN_SPRITES, DEFAULT_BATTLE_TILES;
 var init_BattleBoard = __esm({
   "components/game/organisms/BattleBoard.tsx"() {
     "use client";
@@ -11928,6 +11952,17 @@ var init_BattleBoard = __esm({
     init_IsometricCanvas();
     init_boardEntity();
     init_isometric();
+    BATTLE_CDN = "https://almadar-kflow-assets.web.app/shared";
+    BATTLE_GRID_W = 16;
+    BATTLE_GRID_H = 16;
+    BATTLE_TERRAIN_SPRITES = [
+      `${BATTLE_CDN}/isometric-dungeon/Isometric/dirt_E.png`,
+      `${BATTLE_CDN}/isometric-dungeon/Isometric/dirtTiles_E.png`,
+      `${BATTLE_CDN}/isometric-dungeon/Isometric/planks_E.png`,
+      `${BATTLE_CDN}/isometric-dungeon/Isometric/stoneTile_E.png`,
+      `${BATTLE_CDN}/isometric-dungeon/Isometric/stoneInset_E.png`
+    ];
+    DEFAULT_BATTLE_TILES = buildDefaultBattleTiles();
     BattleBoard.displayName = "BattleBoard";
   }
 });
@@ -11935,7 +11970,7 @@ function BattleTemplate({
   entity,
   scale = 0.45,
   unitScale = 1,
-  tiles = DEFAULT_BATTLE_TILES,
+  tiles = DEFAULT_BATTLE_TILES2,
   units = DEFAULT_BATTLE_UNITS,
   features = DEFAULT_BATTLE_FEATURES,
   assetManifest = DEFAULT_BATTLE_MANIFEST,
@@ -11964,12 +11999,12 @@ function BattleTemplate({
     }
   );
 }
-var CDN, DEFAULT_BATTLE_TILES, DEFAULT_BATTLE_UNITS, DEFAULT_BATTLE_FEATURES, DEFAULT_BATTLE_MANIFEST;
+var CDN, DEFAULT_BATTLE_TILES2, DEFAULT_BATTLE_UNITS, DEFAULT_BATTLE_FEATURES, DEFAULT_BATTLE_MANIFEST;
 var init_BattleTemplate = __esm({
   "components/game/templates/BattleTemplate.tsx"() {
     init_BattleBoard();
     CDN = "https://almadar-kflow-assets.web.app/shared";
-    DEFAULT_BATTLE_TILES = [
+    DEFAULT_BATTLE_TILES2 = [
       { x: 0, y: 0, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
       { x: 1, y: 0, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
       { x: 2, y: 0, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
@@ -41831,6 +41866,7 @@ var init_GameCanvas3D2 = __esm({
         attackTargets = [],
         selectedTileIds = [],
         selectedUnitId = null,
+        unitScale = 1,
         children
       }, ref) => {
         const containerRef = useRef(null);
@@ -42047,12 +42083,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",
               {
@@ -42070,7 +42112,8 @@ var init_GameCanvas3D2 = __esm({
                       UnitSpriteBillboard,
                       {
                         sheetUrl: initialFrame.sheetUrl,
-                        resolveFrame: () => resolveUnitFrame(unit.id)
+                        resolveFrame: () => resolveUnitFrame(unit.id),
+                        height: billboardHeight
                       }
                     ) })
                   ) : unit.modelUrl ? (
@@ -42079,22 +42122,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 })
                     ] })
                   ] }),
@@ -42127,7 +42170,7 @@ var init_GameCanvas3D2 = __esm({
               }
             );
           },
-          [selectedUnitId, handleUnitClick, resolveUnitFrame]
+          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
         );
         const DefaultFeatureRenderer = useCallback(
           ({
@@ -42270,33 +42313,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", { 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,
@@ -42339,6 +42384,8 @@ function GameBoard3D({
   features = [],
   cameraMode = "perspective",
   backgroundColor = "#2a1a1a",
+  unitScale = 1,
+  scale = 0.45,
   tileClickEvent,
   unitClickEvent,
   attackEvent,
@@ -42439,6 +42486,8 @@ function GameBoard3D({
         selectedUnitId,
         validMoves,
         attackTargets,
+        unitScale,
+        scale,
         className: "game-board-3d__canvas w-full min-h-[85vh]"
       }
     ),
@@ -44407,6 +44456,35 @@ var init_PricingPageTemplate = __esm({
     PricingPageTemplate.displayName = "PricingPageTemplate";
   }
 });
+function dungeonTerrain(x, y, stairsX, stairsY) {
+  const isBorder = x === 0 || y === 0 || x === DUNGEON_GRID_W - 1 || y === DUNGEON_GRID_H - 1;
+  const isPillar = x % 4 === 0 && y % 4 === 0 && !isBorder;
+  const isWall = isBorder || isPillar;
+  if (x === stairsX && y === stairsY) {
+    return { terrain: "stairs", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stairs_E.png` };
+  }
+  if (isWall) {
+    return { terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` };
+  }
+  const variant = (x * 3 + y * 7) % 5;
+  const sprites = [
+    `${CDN4}/isometric-dungeon/Isometric/dirt_E.png`,
+    `${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png`,
+    `${CDN4}/isometric-dungeon/Isometric/planks_E.png`,
+    `${CDN4}/isometric-dungeon/Isometric/stoneTile_E.png`,
+    `${CDN4}/isometric-dungeon/Isometric/dirt_E.png`
+  ];
+  return { terrain: "floor", passable: true, terrainSprite: sprites[variant] };
+}
+function buildDefaultDungeonTiles(stairsX, stairsY) {
+  const tiles = [];
+  for (let y = 0; y < DUNGEON_GRID_H; y++) {
+    for (let x = 0; x < DUNGEON_GRID_W; x++) {
+      tiles.push({ x, y, ...dungeonTerrain(x, y, stairsX, stairsY) });
+    }
+  }
+  return tiles;
+}
 function RoguelikeBoard({
   entity,
   tiles: propTiles,
@@ -44422,15 +44500,19 @@ function RoguelikeBoard({
   stairsX: propStairsX,
   stairsY: propStairsY,
   assetManifest: propAssetManifest,
-  scale = 0.45,
+  scale = 0.25,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   moveEvent,
   playAgainEvent,
   gameEndEvent,
   className
 }) {
   const board = boardEntity(entity) ?? {};
-  const tiles = propTiles ?? (Array.isArray(board.tiles) ? board.tiles : DEFAULT_TILES2);
+  const resolvedStairsX = propStairsX ?? num(board.stairsX, 14);
+  const resolvedStairsY = propStairsY ?? num(board.stairsY, 14);
+  const tiles = propTiles ?? (Array.isArray(board.tiles) && board.tiles.length >= DUNGEON_GRID_W * DUNGEON_GRID_H ? board.tiles : buildDefaultDungeonTiles(resolvedStairsX, resolvedStairsY));
   const enemies = propEnemies ?? (Array.isArray(board.enemies) ? board.enemies : DEFAULT_ENEMIES);
   const items = propItems ?? (Array.isArray(board.items) ? board.items : DEFAULT_ITEMS);
   const player = propPlayer ?? board.player ?? { x: 1, y: 1 };
@@ -44440,8 +44522,8 @@ function RoguelikeBoard({
   const depth = propDepth ?? num(board.depth, 1);
   const result = propResult ?? (str(board.result) || "none");
   const phase = propPhase ?? (str(board.phase) || "player_turn");
-  propStairsX ?? num(board.stairsX, 3);
-  propStairsY ?? num(board.stairsY, 3);
+  propStairsX ?? num(board.stairsX, 14);
+  propStairsY ?? num(board.stairsY, 14);
   const eventBus = useEventBus();
   const { t } = useTranslate();
   const [hoveredTile, setHoveredTile] = useState(null);
@@ -44571,7 +44653,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: [
@@ -44615,7 +44699,7 @@ function RoguelikeBoard({
     ] }) })
   ] });
 }
-var CDN4, DEFAULT_TILES2, DEFAULT_ENEMIES, DEFAULT_ITEMS, FEATURE_SPRITE;
+var CDN4, DUNGEON_GRID_W, DUNGEON_GRID_H, DEFAULT_ENEMIES, DEFAULT_ITEMS, FEATURE_SPRITE;
 var init_RoguelikeBoard = __esm({
   "components/game/organisms/RoguelikeBoard.tsx"() {
     "use client";
@@ -44628,39 +44712,19 @@ var init_RoguelikeBoard = __esm({
     init_IsometricCanvas();
     init_boardEntity();
     CDN4 = "https://almadar-kflow-assets.web.app/shared";
-    DEFAULT_TILES2 = [
-      { x: 0, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 2, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 3, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 4, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 0, y: 1, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 2, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 3, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 4, y: 1, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 0, y: 2, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png` },
-      { x: 2, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png` },
-      { x: 3, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 4, y: 2, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 0, y: 3, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 2, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png` },
-      { x: 3, y: 3, terrain: "stairs", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stairs_E.png` },
-      { x: 4, y: 3, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 0, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 2, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 3, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 4, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` }
-    ];
+    DUNGEON_GRID_W = 16;
+    DUNGEON_GRID_H = 16;
+    buildDefaultDungeonTiles(14, 14);
     DEFAULT_ENEMIES = [
-      { id: "e1", x: 3, y: 1, hp: 5, attack: 2 },
-      { id: "e2", x: 1, y: 3, hp: 4, attack: 1 }
+      { id: "e1", x: 5, y: 2, hp: 5, attack: 2 },
+      { id: "e2", x: 9, y: 6, hp: 4, attack: 1 },
+      { id: "e3", x: 3, y: 10, hp: 6, attack: 2 },
+      { id: "e4", x: 12, y: 8, hp: 5, attack: 3 }
     ];
     DEFAULT_ITEMS = [
-      { id: "i1", x: 2, y: 2, kind: "health_potion" }
+      { id: "i1", x: 3, y: 3, kind: "health_potion" },
+      { id: "i2", x: 7, y: 9, kind: "sword" },
+      { id: "i3", x: 11, y: 5, kind: "shield" }
     ];
     FEATURE_SPRITE = {
       health_potion: `${CDN4}/isometric-dungeon/Isometric/chestClosed_E.png`,
@@ -48887,6 +48951,22 @@ var init_ToastSlot = __esm({
     ToastSlot.displayName = "ToastSlot";
   }
 });
+function buildDefaultTDTiles() {
+  const pathSet = new Set(DEFAULT_TD_PATH.map((p2) => `${p2.x},${p2.y}`));
+  const tiles = [];
+  for (let y = 0; y < TD_GRID_H; y++) {
+    for (let x = 0; x < TD_GRID_W; x++) {
+      if (pathSet.has(`${x},${y}`)) {
+        tiles.push({ x, y, terrain: "path", passable: false, terrainSprite: TERRAIN_SPRITES.path });
+      } else {
+        const variant = (x * 3 + y * 5 + (x ^ y)) % 3;
+        const terrainKey = ["ground", "grass", "dirt"][variant];
+        tiles.push({ x, y, terrain: terrainKey, passable: true, terrainSprite: TERRAIN_SPRITES[terrainKey] ?? TERRAIN_SPRITES.ground });
+      }
+    }
+  }
+  return tiles;
+}
 function tilesToIso(tiles) {
   return tiles.map((t) => ({
     x: t.x,
@@ -48942,7 +49022,10 @@ function TowerDefenseBoard({
   result: propResult,
   waveActive: propWaveActive,
   towerCost = 25,
-  scale = 0.45,
+  scale = 0.25,
+  unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   placeTowerEvent,
   startWaveEvent,
   playAgainEvent,
@@ -48952,8 +49035,10 @@ function TowerDefenseBoard({
   const board = boardEntity(entity) ?? {};
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const tiles = propTiles ?? rows(board.tiles);
-  const path = propPath ?? rows(board.path);
+  const rawTiles = propTiles ?? rows(board.tiles);
+  const tiles = rawTiles.length >= TD_GRID_W * TD_GRID_H ? rawTiles : DEFAULT_TD_TILES;
+  const rawPath = propPath ?? rows(board.path);
+  const path = rawPath.length > 0 ? rawPath : DEFAULT_TD_PATH;
   const towers = propTowers ?? rows(board.towers);
   const creeps = propCreeps ?? rows(board.creeps);
   const gold = propGold ?? num(board.gold, 100);
@@ -49050,7 +49135,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)` }) })
@@ -49080,7 +49168,7 @@ function TowerDefenseBoard({
     ] }) })
   ] });
 }
-var CDN6, TERRAIN_SPRITES, TOWER_SPRITE, CREEP_SPRITE;
+var CDN6, TD_GRID_W, TD_GRID_H, TERRAIN_SPRITES, DEFAULT_TD_PATH, DEFAULT_TD_TILES, TOWER_SPRITE, CREEP_SPRITE;
 var init_TowerDefenseBoard = __esm({
   "components/game/organisms/TowerDefenseBoard.tsx"() {
     "use client";
@@ -49093,11 +49181,67 @@ var init_TowerDefenseBoard = __esm({
     init_IsometricCanvas();
     init_boardEntity();
     CDN6 = "https://almadar-kflow-assets.web.app/shared/";
+    TD_GRID_W = 16;
+    TD_GRID_H = 16;
     TERRAIN_SPRITES = {
       ground: `${CDN6}isometric-blocks/PNG/Platformer tiles/platformerTile_01.png`,
       path: `${CDN6}isometric-blocks/PNG/Platformer tiles/platformerTile_09.png`,
-      wall: `${CDN6}isometric-blocks/PNG/Platformer tiles/platformerTile_05.png`
-    };
+      wall: `${CDN6}isometric-blocks/PNG/Platformer tiles/platformerTile_05.png`,
+      grass: `${CDN6}isometric-dungeon/Isometric/dirt_E.png`,
+      dirt: `${CDN6}isometric-dungeon/Isometric/dirtTiles_E.png`
+    };
+    DEFAULT_TD_PATH = [
+      { x: 2, y: 0 },
+      { x: 2, y: 1 },
+      { x: 2, y: 2 },
+      { x: 2, y: 3 },
+      { x: 3, y: 3 },
+      { x: 4, y: 3 },
+      { x: 5, y: 3 },
+      { x: 6, y: 3 },
+      { x: 7, y: 3 },
+      { x: 8, y: 3 },
+      { x: 9, y: 3 },
+      { x: 10, y: 3 },
+      { x: 11, y: 3 },
+      { x: 12, y: 3 },
+      { x: 13, y: 3 },
+      { x: 13, y: 4 },
+      { x: 13, y: 5 },
+      { x: 13, y: 6 },
+      { x: 13, y: 7 },
+      { x: 12, y: 7 },
+      { x: 11, y: 7 },
+      { x: 10, y: 7 },
+      { x: 9, y: 7 },
+      { x: 8, y: 7 },
+      { x: 7, y: 7 },
+      { x: 6, y: 7 },
+      { x: 5, y: 7 },
+      { x: 4, y: 7 },
+      { x: 3, y: 7 },
+      { x: 2, y: 7 },
+      { x: 2, y: 8 },
+      { x: 2, y: 9 },
+      { x: 2, y: 10 },
+      { x: 2, y: 11 },
+      { x: 3, y: 11 },
+      { x: 4, y: 11 },
+      { x: 5, y: 11 },
+      { x: 6, y: 11 },
+      { x: 7, y: 11 },
+      { x: 8, y: 11 },
+      { x: 9, y: 11 },
+      { x: 10, y: 11 },
+      { x: 11, y: 11 },
+      { x: 12, y: 11 },
+      { x: 13, y: 11 },
+      { x: 13, y: 12 },
+      { x: 13, y: 13 },
+      { x: 13, y: 14 },
+      { x: 13, y: 15 }
+    ];
+    DEFAULT_TD_TILES = buildDefaultTDTiles();
     TOWER_SPRITE = `${CDN6}units/guardian.png`;
     CREEP_SPRITE = `${CDN6}units/scrapper.png`;
     TowerDefenseBoard.displayName = "TowerDefenseBoard";
@@ -49374,6 +49518,17 @@ function heroPosition(h) {
 function heroMovement(h) {
   return num(h.movement);
 }
+function buildDefaultWorldTiles() {
+  const tiles = [];
+  for (let y = 0; y < WORLD_GRID_H; y++) {
+    for (let x = 0; x < WORLD_GRID_W; x++) {
+      const isBorder = x === 0 || y === 0 || x === WORLD_GRID_W - 1 || y === WORLD_GRID_H - 1;
+      const def = isBorder ? WORLD_TERRAIN_DEFS[3] : WORLD_TERRAIN_DEFS[(x * 5 + y * 3 + (x ^ y)) % (WORLD_TERRAIN_DEFS.length - 1)];
+      tiles.push({ x, y, terrain: def.terrain, terrainSprite: def.sprite, passable: def.passable });
+    }
+  }
+  return tiles;
+}
 function defaultIsInRange(from, to, range) {
   return Math.abs(from.x - to.x) + Math.abs(from.y - to.y) <= range;
 }
@@ -49384,8 +49539,10 @@ function WorldMapBoard({
   features: propFeatures,
   assetManifest: propAssetManifest,
   isLoading,
-  scale = 0.4,
+  scale = 0.25,
   unitScale = 2.5,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   allowMoveAllHeroes = false,
   isInRange = defaultIsInRange,
   heroSelectEvent,
@@ -49426,7 +49583,8 @@ function WorldMapBoard({
     })),
     [entityTiles]
   );
-  const tiles = propTiles ?? derivedTiles;
+  const rawTiles = propTiles ?? (derivedTiles.length > 0 ? derivedTiles : null);
+  const tiles = rawTiles != null && rawTiles.length >= WORLD_GRID_W * WORLD_GRID_H ? rawTiles : DEFAULT_WORLD_TILES;
   const baseUnits = useMemo(
     () => propUnits ?? entityUnits.map((u) => ({
       id: str(u.id),
@@ -49623,6 +49781,8 @@ function WorldMapBoard({
             effectSpriteUrls,
             resolveUnitFrame,
             unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio,
             diamondTopY,
             enableCamera
           }
@@ -49634,6 +49794,7 @@ function WorldMapBoard({
     footer && footer(ctx)
   ] });
 }
+var WORLD_CDN, WORLD_GRID_W, WORLD_GRID_H, WORLD_TERRAIN_DEFS, DEFAULT_WORLD_TILES;
 var init_WorldMapBoard = __esm({
   "components/game/organisms/WorldMapBoard.tsx"() {
     "use client";
@@ -49644,6 +49805,17 @@ var init_WorldMapBoard = __esm({
     init_IsometricCanvas();
     init_boardEntity();
     init_isometric();
+    WORLD_CDN = "https://almadar-kflow-assets.web.app/shared";
+    WORLD_GRID_W = 16;
+    WORLD_GRID_H = 16;
+    WORLD_TERRAIN_DEFS = [
+      { terrain: "grass", sprite: `${WORLD_CDN}/isometric-dungeon/Isometric/dirt_E.png`, passable: true },
+      { terrain: "dirt", sprite: `${WORLD_CDN}/isometric-dungeon/Isometric/dirtTiles_E.png`, passable: true },
+      { terrain: "forest", sprite: `${WORLD_CDN}/isometric-dungeon/Isometric/planks_E.png`, passable: true },
+      { terrain: "stone", sprite: `${WORLD_CDN}/isometric-dungeon/Isometric/stoneInset_E.png`, passable: false },
+      { terrain: "castle", sprite: `${WORLD_CDN}/isometric-dungeon/Isometric/stoneTile_E.png`, passable: true }
+    ];
+    DEFAULT_WORLD_TILES = buildDefaultWorldTiles();
     WorldMapBoard.displayName = "WorldMapBoard";
   }
 });
@@ -51864,7 +52036,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.55.0",
+  "version": "5.57.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [