@almadar/ui 5.55.0 → 5.57.0

package/dist/components/index.cjs

@@ -9774,6 +9774,8 @@ function IsometricCanvas({
   showMinimap = true,
   enableCamera = true,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   // Asset resolution
   getTerrainSprite,
   getFeatureSprite,
@@ -10165,8 +10167,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;
@@ -10542,14 +10544,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,
@@ -10573,10 +10593,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);
@@ -10840,7 +10861,9 @@ function BattleBoard({
             hasActiveEffects: hasActiveEffects2,
             effectSpriteUrls,
             resolveUnitFrame,
-            unitScale
+            unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio
           }
         ),
         overlay && overlay(ctx)
@@ -10896,6 +10919,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";
@@ -10908,6 +10932,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";
   }
 });
@@ -10915,7 +10950,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,
@@ -10944,12 +10979,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` },
@@ -42926,6 +42961,7 @@ var init_GameCanvas3D2 = __esm({
         attackTargets = [],
         selectedTileIds = [],
         selectedUnitId = null,
+        unitScale = 1,
         children
       }, ref) => {
         const containerRef = React76.useRef(null);
@@ -43142,12 +43178,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 = React76.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",
               {
@@ -43165,7 +43207,8 @@ var init_GameCanvas3D2 = __esm({
                       UnitSpriteBillboard,
                       {
                         sheetUrl: initialFrame.sheetUrl,
-                        resolveFrame: () => resolveUnitFrame(unit.id)
+                        resolveFrame: () => resolveUnitFrame(unit.id),
+                        height: billboardHeight
                       }
                     ) })
                   ) : unit.modelUrl ? (
@@ -43174,22 +43217,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 })
                     ] })
                   ] }),
@@ -43222,7 +43265,7 @@ var init_GameCanvas3D2 = __esm({
               }
             );
           },
-          [selectedUnitId, handleUnitClick, resolveUnitFrame]
+          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
         );
         const DefaultFeatureRenderer = React76.useCallback(
           ({
@@ -43365,33 +43408,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", { 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,
@@ -43434,6 +43479,8 @@ function GameBoard3D({
   features = [],
   cameraMode = "perspective",
   backgroundColor = "#2a1a1a",
+  unitScale = 1,
+  scale = 0.45,
   tileClickEvent,
   unitClickEvent,
   attackEvent,
@@ -43534,6 +43581,8 @@ function GameBoard3D({
         selectedUnitId,
         validMoves,
         attackTargets,
+        unitScale,
+        scale,
         className: "game-board-3d__canvas w-full min-h-[85vh]"
       }
     ),
@@ -45676,6 +45725,35 @@ var init_ResourceCounter = __esm({
     ResourceCounter.displayName = "ResourceCounter";
   }
 });
+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,
@@ -45691,15 +45769,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 };
@@ -45709,8 +45791,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 } = hooks.useTranslate();
   const [hoveredTile, setHoveredTile] = React76.useState(null);
@@ -45840,7 +45922,9 @@ function RoguelikeBoard({
         scale,
         assetBaseUrl: propAssetManifest?.baseUrl ?? CDN4,
         assetManifest: propAssetManifest,
-        unitScale
+        unitScale,
+        spriteHeightRatio,
+        spriteMaxWidthRatio
       }
     ) }),
     !isGameOver && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { className: "justify-center gap-2 p-3", gap: "none", children: [
@@ -45884,7 +45968,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";
@@ -45897,39 +45981,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`,
@@ -50378,6 +50442,22 @@ var init_ToastSlot = __esm({
     exports.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,
@@ -50433,7 +50513,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,
@@ -50443,8 +50526,10 @@ function TowerDefenseBoard({
   const board = boardEntity(entity) ?? {};
   const eventBus = useEventBus();
   const { t } = hooks.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);
@@ -50541,7 +50626,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(exports.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(exports.Typography, { variant: "small", children: t("td.placeTower") ?? `Place tower (${towerCost} gold)` }) })
@@ -50571,7 +50659,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";
@@ -50584,11 +50672,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";
@@ -50865,6 +51009,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;
 }
@@ -50875,8 +51030,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,
@@ -50917,7 +51074,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 = React76.useMemo(
     () => propUnits ?? entityUnits.map((u) => ({
       id: str(u.id),
@@ -51114,6 +51272,8 @@ function WorldMapBoard({
             effectSpriteUrls,
             resolveUnitFrame,
             unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio,
             diamondTopY,
             enableCamera
           }
@@ -51125,6 +51285,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";
@@ -51135,6 +51296,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";
   }
 });