@almadar/ui 5.56.0 → 5.58.0

package/dist/runtime/index.js

@@ -11564,13 +11564,29 @@ 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,
@@ -11597,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);
@@ -11922,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";
@@ -11934,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";
   }
 });
@@ -11941,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,
@@ -11970,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` },
@@ -29144,13 +29173,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect81, useRef: useRef75, useCallback: useCallback119, useState: useState113 } = React81__default;
+      const { useEffect: useEffect82, useRef: useRef75, useCallback: useCallback119, useState: useState113 } = React81__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus4 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef75({ centerLat, centerLng, zoom });
-        useEffect81(() => {
+        useEffect82(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -29161,7 +29190,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect81(() => {
+        useEffect82(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -41838,7 +41867,6 @@ var init_GameCanvas3D2 = __esm({
         selectedTileIds = [],
         selectedUnitId = null,
         unitScale = 1,
-        scale = 0.45,
         children
       }, ref) => {
         const containerRef = useRef(null);
@@ -42285,7 +42313,7 @@ var init_GameCanvas3D2 = __esm({
                             fadeStrength: 1
                           }
                         ),
-                        /* @__PURE__ */ jsxs("group", { scale, children: [
+                        /* @__PURE__ */ jsxs("group", { children: [
                           tiles.map((tile, index) => {
                             const position = gridToWorld(
                               tile.x,
@@ -44428,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,
@@ -44443,7 +44500,7 @@ function RoguelikeBoard({
   stairsX: propStairsX,
   stairsY: propStairsY,
   assetManifest: propAssetManifest,
-  scale = 0.45,
+  scale = 0.25,
   unitScale = 1,
   spriteHeightRatio = 1.5,
   spriteMaxWidthRatio = 0.6,
@@ -44453,7 +44510,9 @@ function RoguelikeBoard({
   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 };
@@ -44463,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);
@@ -44640,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";
@@ -44653,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`,
@@ -48912,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,
@@ -48954,12 +49009,25 @@ function pathToFeatures(path) {
     sprite: `${CDN6}world-map/road_straight.png`
   }));
 }
+function heroToUnit(hero) {
+  return {
+    id: hero.id,
+    position: { x: hero.x, y: hero.y },
+    name: "Hero",
+    team: "player",
+    sprite: HERO_SPRITE,
+    unitType: "amir",
+    health: 1,
+    maxHealth: 1
+  };
+}
 function TowerDefenseBoard({
   entity,
   tiles: propTiles,
   path: propPath,
   towers: propTowers,
   creeps: propCreeps,
+  hero: propHero,
   gold: propGold,
   lives: propLives,
   wave: propWave,
@@ -48967,7 +49035,7 @@ function TowerDefenseBoard({
   result: propResult,
   waveActive: propWaveActive,
   towerCost = 25,
-  scale = 0.45,
+  scale = 0.25,
   unitScale = 1,
   spriteHeightRatio = 1.5,
   spriteMaxWidthRatio = 0.6,
@@ -48975,15 +49043,19 @@ function TowerDefenseBoard({
   startWaveEvent,
   playAgainEvent,
   gameEndEvent,
+  moveHeroEvent,
   className
 }) {
   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 hero = propHero ?? { id: "hero", x: 8, y: 8 };
   const gold = propGold ?? num(board.gold, 100);
   const lives = propLives ?? num(board.lives, 20);
   const wave = propWave ?? num(board.wave, 1);
@@ -49001,6 +49073,31 @@ function TowerDefenseBoard({
   if (result === "none") {
     emittedGameEnd.current = false;
   }
+  const moveHeroEventRef = useRef(moveHeroEvent);
+  moveHeroEventRef.current = moveHeroEvent;
+  const resultRef = useRef(result);
+  resultRef.current = result;
+  useEffect(() => {
+    function onKeyDown(e) {
+      const evt = moveHeroEventRef.current;
+      if (!evt || resultRef.current !== "none") return;
+      let dx = 0;
+      let dy = 0;
+      if (e.key === "ArrowUp") {
+        dy = -1;
+      } else if (e.key === "ArrowDown") {
+        dy = 1;
+      } else if (e.key === "ArrowLeft") {
+        dx = -1;
+      } else if (e.key === "ArrowRight") {
+        dx = 1;
+      } else return;
+      e.preventDefault();
+      eventBus.emit(`UI:${evt}`, { dx, dy });
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [eventBus]);
   const towerPositions = useMemo(() => new Set(towers.map((t2) => `${t2.x},${t2.y}`)), [towers]);
   const pathPositions = useMemo(() => new Set(path.map((p2) => `${p2.x},${p2.y}`)), [path]);
   const validMoves = useMemo(() => {
@@ -49012,7 +49109,8 @@ function TowerDefenseBoard({
   const isoTiles = useMemo(() => tilesToIso(tiles), [tiles]);
   const towerUnits = useMemo(() => towersToUnits(towers), [towers]);
   const creepUnits = useMemo(() => creepsToUnits(creeps), [creeps]);
-  const isoUnits = useMemo(() => [...towerUnits, ...creepUnits], [towerUnits, creepUnits]);
+  const heroUnit = useMemo(() => heroToUnit(hero), [hero]);
+  const isoUnits = useMemo(() => [...towerUnits, ...creepUnits, heroUnit], [towerUnits, creepUnits, heroUnit]);
   const pathFeatures = useMemo(() => pathToFeatures(path), [path]);
   const handleTileClick = useCallback((x, y) => {
     if (result !== "none") return;
@@ -49111,7 +49209,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, HERO_SPRITE;
 var init_TowerDefenseBoard = __esm({
   "components/game/organisms/TowerDefenseBoard.tsx"() {
     "use client";
@@ -49124,13 +49222,70 @@ 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`
-    };
-    TOWER_SPRITE = `${CDN6}units/guardian.png`;
-    CREEP_SPRITE = `${CDN6}units/scrapper.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}sprite-sheets/guardian-sprite-sheet-se.png`;
+    CREEP_SPRITE = `${CDN6}sprite-sheets/scrapper-sprite-sheet-se.png`;
+    HERO_SPRITE = `${CDN6}sprite-sheets/amir-sprite-sheet-se.png`;
     TowerDefenseBoard.displayName = "TowerDefenseBoard";
   }
 });
@@ -49405,6 +49560,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;
 }
@@ -49415,7 +49581,7 @@ function WorldMapBoard({
   features: propFeatures,
   assetManifest: propAssetManifest,
   isLoading,
-  scale = 0.4,
+  scale = 0.25,
   unitScale = 2.5,
   spriteHeightRatio = 1.5,
   spriteMaxWidthRatio = 0.6,
@@ -49459,7 +49625,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),
@@ -49669,6 +49836,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";
@@ -49679,6 +49847,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";
   }
 });

package/package.json

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