@almadar/ui 5.43.0 → 5.45.0

package/dist/components/game/molecules/three/index.cjs

@@ -3206,8 +3206,46 @@ var Typography = ({
   );
 };
 Typography.displayName = "Typography";
+var DEFAULT_3D_BATTLE_TILES = [
+  { id: "t00", x: 0, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t10", x: 1, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t20", x: 2, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t30", x: 3, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t40", x: 4, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t01", x: 0, y: 1, z: 1, type: "stone", passable: false },
+  { id: "t11", x: 1, y: 1, z: 1, type: "dirt", passable: true },
+  { id: "t21", x: 2, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t31", x: 3, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t41", x: 4, y: 1, z: 1, type: "stone", passable: false },
+  { id: "t02", x: 0, y: 2, z: 2, type: "stone", passable: false },
+  { id: "t12", x: 1, y: 2, z: 2, type: "grass", passable: true },
+  { id: "t22", x: 2, y: 2, z: 2, type: "dirt", passable: true },
+  { id: "t32", x: 3, y: 2, z: 2, type: "grass", passable: true },
+  { id: "t42", x: 4, y: 2, z: 2, type: "stone", passable: false },
+  { id: "t03", x: 0, y: 3, z: 3, type: "stone", passable: false },
+  { id: "t13", x: 1, y: 3, z: 3, type: "grass", passable: true },
+  { id: "t23", x: 2, y: 3, z: 3, type: "grass", passable: true },
+  { id: "t33", x: 3, y: 3, z: 3, type: "dirt", passable: true },
+  { id: "t43", x: 4, y: 3, z: 3, type: "stone", passable: false },
+  { id: "t04", x: 0, y: 4, z: 4, type: "stone", passable: false },
+  { id: "t14", x: 1, y: 4, z: 4, type: "stone", passable: false },
+  { id: "t24", x: 2, y: 4, z: 4, type: "stone", passable: false },
+  { id: "t34", x: 3, y: 4, z: 4, type: "stone", passable: false },
+  { id: "t44", x: 4, y: 4, z: 4, type: "stone", passable: false }
+];
+var DEFAULT_3D_BATTLE_UNITS = [
+  { id: "u1", x: 1, y: 1, z: 1, unitType: "warrior", name: "Worker", faction: "player", health: 10, maxHealth: 10 },
+  { id: "u2", x: 3, y: 3, z: 3, unitType: "enemy", name: "Guardian", faction: "enemy", health: 8, maxHealth: 10 }
+];
+var DEFAULT_3D_BATTLE_FEATURES = [
+  { id: "f1", x: 2, y: 2, z: 2, type: "gold_mine", color: "#f4c542" },
+  { id: "f2", x: 3, y: 1, z: 1, type: "portal", color: "#8b5cf6" }
+];
 function GameCanvas3DBattleTemplate({
   entity,
+  tiles: propTiles = DEFAULT_3D_BATTLE_TILES,
+  units: propUnits = DEFAULT_3D_BATTLE_UNITS,
+  features: propFeatures = DEFAULT_3D_BATTLE_FEATURES,
   cameraMode = "perspective",
   showGrid = true,
   shadows = true,
@@ -3224,12 +3262,11 @@ function GameCanvas3DBattleTemplate({
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
-  if (!resolved) return null;
-  const tiles = Array.isArray(resolved.tiles) ? resolved.tiles : [];
-  const units = Array.isArray(resolved.units) ? resolved.units : [];
-  const features = Array.isArray(resolved.features) ? resolved.features : [];
-  const currentTurn = resolved.currentTurn;
-  const round = resolved.round == null ? void 0 : Number(resolved.round);
+  const tiles = resolved ? Array.isArray(resolved.tiles) ? resolved.tiles : [] : propTiles;
+  const units = resolved ? Array.isArray(resolved.units) ? resolved.units : [] : propUnits;
+  const features = resolved ? Array.isArray(resolved.features) ? resolved.features : [] : propFeatures;
+  const currentTurn = resolved?.currentTurn;
+  const round = resolved?.round == null ? void 0 : Number(resolved.round);
   return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("game-canvas-3d-battle-template", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       GameCanvas3D,
@@ -3269,8 +3306,46 @@ function GameCanvas3DBattleTemplate({
   ] });
 }
 GameCanvas3DBattleTemplate.displayName = "GameCanvas3DBattleTemplate";
+var DEFAULT_3D_CASTLE_TILES = [
+  { id: "t00", x: 0, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t10", x: 1, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t20", x: 2, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t30", x: 3, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t40", x: 4, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t01", x: 0, y: 1, z: 1, type: "wall", passable: false },
+  { id: "t11", x: 1, y: 1, z: 1, type: "floor", passable: true },
+  { id: "t21", x: 2, y: 1, z: 1, type: "floor", passable: true },
+  { id: "t31", x: 3, y: 1, z: 1, type: "floor", passable: true },
+  { id: "t41", x: 4, y: 1, z: 1, type: "wall", passable: false },
+  { id: "t02", x: 0, y: 2, z: 2, type: "wall", passable: false },
+  { id: "t12", x: 1, y: 2, z: 2, type: "floor", passable: true },
+  { id: "t22", x: 2, y: 2, z: 2, type: "floor", passable: true },
+  { id: "t32", x: 3, y: 2, z: 2, type: "floor", passable: true },
+  { id: "t42", x: 4, y: 2, z: 2, type: "wall", passable: false },
+  { id: "t03", x: 0, y: 3, z: 3, type: "wall", passable: false },
+  { id: "t13", x: 1, y: 3, z: 3, type: "floor", passable: true },
+  { id: "t23", x: 2, y: 3, z: 3, type: "floor", passable: true },
+  { id: "t33", x: 3, y: 3, z: 3, type: "floor", passable: true },
+  { id: "t43", x: 4, y: 3, z: 3, type: "wall", passable: false },
+  { id: "t04", x: 0, y: 4, z: 4, type: "wall", passable: false },
+  { id: "t14", x: 1, y: 4, z: 4, type: "wall", passable: false },
+  { id: "t24", x: 2, y: 4, z: 4, type: "wall", passable: false },
+  { id: "t34", x: 3, y: 4, z: 4, type: "wall", passable: false },
+  { id: "t44", x: 4, y: 4, z: 4, type: "wall", passable: false }
+];
+var DEFAULT_3D_CASTLE_UNITS = [
+  { id: "u1", x: 1, y: 1, z: 1, unitType: "worker", name: "Worker", faction: "player", health: 10, maxHealth: 10 },
+  { id: "u2", x: 3, y: 3, z: 3, unitType: "guardian", name: "Guardian", faction: "player", health: 10, maxHealth: 10 }
+];
+var DEFAULT_3D_CASTLE_FEATURES = [
+  { id: "f1", x: 2, y: 2, z: 2, type: "chest", color: "#f4c542" },
+  { id: "f2", x: 3, y: 1, z: 1, type: "crystal", color: "#8b5cf6" }
+];
 function GameCanvas3DCastleTemplate({
   entity,
+  tiles: propTiles = DEFAULT_3D_CASTLE_TILES,
+  units: propUnits = DEFAULT_3D_CASTLE_UNITS,
+  features: propFeatures = DEFAULT_3D_CASTLE_FEATURES,
   cameraMode = "isometric",
   showGrid = true,
   shadows = true,
@@ -3287,13 +3362,12 @@ function GameCanvas3DCastleTemplate({
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
-  if (!resolved) return null;
-  const tiles = Array.isArray(resolved.tiles) ? resolved.tiles : [];
-  const units = Array.isArray(resolved.units) ? resolved.units : [];
-  const features = Array.isArray(resolved.features) ? resolved.features : [];
-  const name = resolved.name == null ? void 0 : String(resolved.name);
-  const level = resolved.level == null ? void 0 : Number(resolved.level);
-  const owner = resolved.owner == null ? void 0 : String(resolved.owner);
+  const tiles = resolved ? Array.isArray(resolved.tiles) ? resolved.tiles : [] : propTiles;
+  const units = resolved ? Array.isArray(resolved.units) ? resolved.units : [] : propUnits;
+  const features = resolved ? Array.isArray(resolved.features) ? resolved.features : [] : propFeatures;
+  const name = resolved?.name == null ? void 0 : String(resolved.name);
+  const level = resolved?.level == null ? void 0 : Number(resolved.level);
+  const owner = resolved?.owner == null ? void 0 : String(resolved.owner);
   return /* @__PURE__ */ jsxRuntime.jsxs(VStack, { className: cn("game-canvas-3d-castle-template", className), children: [
     showHeader && name && /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "md", align: "center", className: "castle-template__header", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", className: "header__name", children: name }),
@@ -3332,8 +3406,46 @@ function GameCanvas3DCastleTemplate({
   ] });
 }
 GameCanvas3DCastleTemplate.displayName = "GameCanvas3DCastleTemplate";
+var DEFAULT_3D_WORLDMAP_TILES = [
+  { id: "t00", x: 0, y: 0, z: 0, type: "mountain", passable: false },
+  { id: "t10", x: 1, y: 0, z: 0, type: "mountain", passable: false },
+  { id: "t20", x: 2, y: 0, z: 0, type: "water", passable: false },
+  { id: "t30", x: 3, y: 0, z: 0, type: "mountain", passable: false },
+  { id: "t40", x: 4, y: 0, z: 0, type: "mountain", passable: false },
+  { id: "t01", x: 0, y: 1, z: 1, type: "mountain", passable: false },
+  { id: "t11", x: 1, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t21", x: 2, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t31", x: 3, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t41", x: 4, y: 1, z: 1, type: "water", passable: false },
+  { id: "t02", x: 0, y: 2, z: 2, type: "water", passable: false },
+  { id: "t12", x: 1, y: 2, z: 2, type: "grass", passable: true },
+  { id: "t22", x: 2, y: 2, z: 2, type: "road", passable: true },
+  { id: "t32", x: 3, y: 2, z: 2, type: "grass", passable: true },
+  { id: "t42", x: 4, y: 2, z: 2, type: "mountain", passable: false },
+  { id: "t03", x: 0, y: 3, z: 3, type: "mountain", passable: false },
+  { id: "t13", x: 1, y: 3, z: 3, type: "grass", passable: true },
+  { id: "t23", x: 2, y: 3, z: 3, type: "grass", passable: true },
+  { id: "t33", x: 3, y: 3, z: 3, type: "road", passable: true },
+  { id: "t43", x: 4, y: 3, z: 3, type: "mountain", passable: false },
+  { id: "t04", x: 0, y: 4, z: 4, type: "mountain", passable: false },
+  { id: "t14", x: 1, y: 4, z: 4, type: "water", passable: false },
+  { id: "t24", x: 2, y: 4, z: 4, type: "grass", passable: true },
+  { id: "t34", x: 3, y: 4, z: 4, type: "mountain", passable: false },
+  { id: "t44", x: 4, y: 4, z: 4, type: "mountain", passable: false }
+];
+var DEFAULT_3D_WORLDMAP_UNITS = [
+  { id: "h1", x: 1, y: 1, z: 1, unitType: "hero", name: "Amir", faction: "player", health: 10, maxHealth: 10 },
+  { id: "h2", x: 3, y: 3, z: 3, unitType: "scout", name: "Archivist", faction: "player", health: 10, maxHealth: 10 }
+];
+var DEFAULT_3D_WORLDMAP_FEATURES = [
+  { id: "f1", x: 2, y: 2, z: 2, type: "capital", color: "#f4c542" },
+  { id: "f2", x: 4, y: 2, z: 2, type: "power_node", color: "#8b5cf6" }
+];
 function GameCanvas3DWorldMapTemplate({
   entity,
+  tiles: propTiles = DEFAULT_3D_WORLDMAP_TILES,
+  units: propUnits = DEFAULT_3D_WORLDMAP_UNITS,
+  features: propFeatures = DEFAULT_3D_WORLDMAP_FEATURES,
   cameraMode = "isometric",
   showGrid = true,
   showCoordinates = true,
@@ -3352,10 +3464,9 @@ function GameCanvas3DWorldMapTemplate({
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
-  if (!resolved) return null;
-  const tiles = Array.isArray(resolved.tiles) ? resolved.tiles : [];
-  const units = Array.isArray(resolved.units) ? resolved.units : [];
-  const features = Array.isArray(resolved.features) ? resolved.features : [];
+  const tiles = resolved ? Array.isArray(resolved.tiles) ? resolved.tiles : [] : propTiles;
+  const units = resolved ? Array.isArray(resolved.units) ? resolved.units : [] : propUnits;
+  const features = resolved ? Array.isArray(resolved.features) ? resolved.features : [] : propFeatures;
   return /* @__PURE__ */ jsxRuntime.jsx(
     GameCanvas3D,
     {

package/dist/components/game/molecules/three/index.css

@@ -319,6 +319,7 @@
   position: relative;
   width: 100%;
   height: 100%;
+  min-height: 85vh;
   overflow: hidden;
   background: #1a1a2e;
   border-radius: 8px;

package/dist/components/game/molecules/three/index.js

@@ -3182,8 +3182,46 @@ var Typography = ({
   );
 };
 Typography.displayName = "Typography";
+var DEFAULT_3D_BATTLE_TILES = [
+  { id: "t00", x: 0, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t10", x: 1, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t20", x: 2, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t30", x: 3, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t40", x: 4, y: 0, z: 0, type: "stone", passable: false },
+  { id: "t01", x: 0, y: 1, z: 1, type: "stone", passable: false },
+  { id: "t11", x: 1, y: 1, z: 1, type: "dirt", passable: true },
+  { id: "t21", x: 2, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t31", x: 3, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t41", x: 4, y: 1, z: 1, type: "stone", passable: false },
+  { id: "t02", x: 0, y: 2, z: 2, type: "stone", passable: false },
+  { id: "t12", x: 1, y: 2, z: 2, type: "grass", passable: true },
+  { id: "t22", x: 2, y: 2, z: 2, type: "dirt", passable: true },
+  { id: "t32", x: 3, y: 2, z: 2, type: "grass", passable: true },
+  { id: "t42", x: 4, y: 2, z: 2, type: "stone", passable: false },
+  { id: "t03", x: 0, y: 3, z: 3, type: "stone", passable: false },
+  { id: "t13", x: 1, y: 3, z: 3, type: "grass", passable: true },
+  { id: "t23", x: 2, y: 3, z: 3, type: "grass", passable: true },
+  { id: "t33", x: 3, y: 3, z: 3, type: "dirt", passable: true },
+  { id: "t43", x: 4, y: 3, z: 3, type: "stone", passable: false },
+  { id: "t04", x: 0, y: 4, z: 4, type: "stone", passable: false },
+  { id: "t14", x: 1, y: 4, z: 4, type: "stone", passable: false },
+  { id: "t24", x: 2, y: 4, z: 4, type: "stone", passable: false },
+  { id: "t34", x: 3, y: 4, z: 4, type: "stone", passable: false },
+  { id: "t44", x: 4, y: 4, z: 4, type: "stone", passable: false }
+];
+var DEFAULT_3D_BATTLE_UNITS = [
+  { id: "u1", x: 1, y: 1, z: 1, unitType: "warrior", name: "Worker", faction: "player", health: 10, maxHealth: 10 },
+  { id: "u2", x: 3, y: 3, z: 3, unitType: "enemy", name: "Guardian", faction: "enemy", health: 8, maxHealth: 10 }
+];
+var DEFAULT_3D_BATTLE_FEATURES = [
+  { id: "f1", x: 2, y: 2, z: 2, type: "gold_mine", color: "#f4c542" },
+  { id: "f2", x: 3, y: 1, z: 1, type: "portal", color: "#8b5cf6" }
+];
 function GameCanvas3DBattleTemplate({
   entity,
+  tiles: propTiles = DEFAULT_3D_BATTLE_TILES,
+  units: propUnits = DEFAULT_3D_BATTLE_UNITS,
+  features: propFeatures = DEFAULT_3D_BATTLE_FEATURES,
   cameraMode = "perspective",
   showGrid = true,
   shadows = true,
@@ -3200,12 +3238,11 @@ function GameCanvas3DBattleTemplate({
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
-  if (!resolved) return null;
-  const tiles = Array.isArray(resolved.tiles) ? resolved.tiles : [];
-  const units = Array.isArray(resolved.units) ? resolved.units : [];
-  const features = Array.isArray(resolved.features) ? resolved.features : [];
-  const currentTurn = resolved.currentTurn;
-  const round = resolved.round == null ? void 0 : Number(resolved.round);
+  const tiles = resolved ? Array.isArray(resolved.tiles) ? resolved.tiles : [] : propTiles;
+  const units = resolved ? Array.isArray(resolved.units) ? resolved.units : [] : propUnits;
+  const features = resolved ? Array.isArray(resolved.features) ? resolved.features : [] : propFeatures;
+  const currentTurn = resolved?.currentTurn;
+  const round = resolved?.round == null ? void 0 : Number(resolved.round);
   return /* @__PURE__ */ jsxs(Box, { className: cn("game-canvas-3d-battle-template", className), children: [
     /* @__PURE__ */ jsx(
       GameCanvas3D,
@@ -3245,8 +3282,46 @@ function GameCanvas3DBattleTemplate({
   ] });
 }
 GameCanvas3DBattleTemplate.displayName = "GameCanvas3DBattleTemplate";
+var DEFAULT_3D_CASTLE_TILES = [
+  { id: "t00", x: 0, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t10", x: 1, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t20", x: 2, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t30", x: 3, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t40", x: 4, y: 0, z: 0, type: "wall", passable: false },
+  { id: "t01", x: 0, y: 1, z: 1, type: "wall", passable: false },
+  { id: "t11", x: 1, y: 1, z: 1, type: "floor", passable: true },
+  { id: "t21", x: 2, y: 1, z: 1, type: "floor", passable: true },
+  { id: "t31", x: 3, y: 1, z: 1, type: "floor", passable: true },
+  { id: "t41", x: 4, y: 1, z: 1, type: "wall", passable: false },
+  { id: "t02", x: 0, y: 2, z: 2, type: "wall", passable: false },
+  { id: "t12", x: 1, y: 2, z: 2, type: "floor", passable: true },
+  { id: "t22", x: 2, y: 2, z: 2, type: "floor", passable: true },
+  { id: "t32", x: 3, y: 2, z: 2, type: "floor", passable: true },
+  { id: "t42", x: 4, y: 2, z: 2, type: "wall", passable: false },
+  { id: "t03", x: 0, y: 3, z: 3, type: "wall", passable: false },
+  { id: "t13", x: 1, y: 3, z: 3, type: "floor", passable: true },
+  { id: "t23", x: 2, y: 3, z: 3, type: "floor", passable: true },
+  { id: "t33", x: 3, y: 3, z: 3, type: "floor", passable: true },
+  { id: "t43", x: 4, y: 3, z: 3, type: "wall", passable: false },
+  { id: "t04", x: 0, y: 4, z: 4, type: "wall", passable: false },
+  { id: "t14", x: 1, y: 4, z: 4, type: "wall", passable: false },
+  { id: "t24", x: 2, y: 4, z: 4, type: "wall", passable: false },
+  { id: "t34", x: 3, y: 4, z: 4, type: "wall", passable: false },
+  { id: "t44", x: 4, y: 4, z: 4, type: "wall", passable: false }
+];
+var DEFAULT_3D_CASTLE_UNITS = [
+  { id: "u1", x: 1, y: 1, z: 1, unitType: "worker", name: "Worker", faction: "player", health: 10, maxHealth: 10 },
+  { id: "u2", x: 3, y: 3, z: 3, unitType: "guardian", name: "Guardian", faction: "player", health: 10, maxHealth: 10 }
+];
+var DEFAULT_3D_CASTLE_FEATURES = [
+  { id: "f1", x: 2, y: 2, z: 2, type: "chest", color: "#f4c542" },
+  { id: "f2", x: 3, y: 1, z: 1, type: "crystal", color: "#8b5cf6" }
+];
 function GameCanvas3DCastleTemplate({
   entity,
+  tiles: propTiles = DEFAULT_3D_CASTLE_TILES,
+  units: propUnits = DEFAULT_3D_CASTLE_UNITS,
+  features: propFeatures = DEFAULT_3D_CASTLE_FEATURES,
   cameraMode = "isometric",
   showGrid = true,
   shadows = true,
@@ -3263,13 +3338,12 @@ function GameCanvas3DCastleTemplate({
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
-  if (!resolved) return null;
-  const tiles = Array.isArray(resolved.tiles) ? resolved.tiles : [];
-  const units = Array.isArray(resolved.units) ? resolved.units : [];
-  const features = Array.isArray(resolved.features) ? resolved.features : [];
-  const name = resolved.name == null ? void 0 : String(resolved.name);
-  const level = resolved.level == null ? void 0 : Number(resolved.level);
-  const owner = resolved.owner == null ? void 0 : String(resolved.owner);
+  const tiles = resolved ? Array.isArray(resolved.tiles) ? resolved.tiles : [] : propTiles;
+  const units = resolved ? Array.isArray(resolved.units) ? resolved.units : [] : propUnits;
+  const features = resolved ? Array.isArray(resolved.features) ? resolved.features : [] : propFeatures;
+  const name = resolved?.name == null ? void 0 : String(resolved.name);
+  const level = resolved?.level == null ? void 0 : Number(resolved.level);
+  const owner = resolved?.owner == null ? void 0 : String(resolved.owner);
   return /* @__PURE__ */ jsxs(VStack, { className: cn("game-canvas-3d-castle-template", className), children: [
     showHeader && name && /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "center", className: "castle-template__header", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "h2", className: "header__name", children: name }),
@@ -3308,8 +3382,46 @@ function GameCanvas3DCastleTemplate({
   ] });
 }
 GameCanvas3DCastleTemplate.displayName = "GameCanvas3DCastleTemplate";
+var DEFAULT_3D_WORLDMAP_TILES = [
+  { id: "t00", x: 0, y: 0, z: 0, type: "mountain", passable: false },
+  { id: "t10", x: 1, y: 0, z: 0, type: "mountain", passable: false },
+  { id: "t20", x: 2, y: 0, z: 0, type: "water", passable: false },
+  { id: "t30", x: 3, y: 0, z: 0, type: "mountain", passable: false },
+  { id: "t40", x: 4, y: 0, z: 0, type: "mountain", passable: false },
+  { id: "t01", x: 0, y: 1, z: 1, type: "mountain", passable: false },
+  { id: "t11", x: 1, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t21", x: 2, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t31", x: 3, y: 1, z: 1, type: "grass", passable: true },
+  { id: "t41", x: 4, y: 1, z: 1, type: "water", passable: false },
+  { id: "t02", x: 0, y: 2, z: 2, type: "water", passable: false },
+  { id: "t12", x: 1, y: 2, z: 2, type: "grass", passable: true },
+  { id: "t22", x: 2, y: 2, z: 2, type: "road", passable: true },
+  { id: "t32", x: 3, y: 2, z: 2, type: "grass", passable: true },
+  { id: "t42", x: 4, y: 2, z: 2, type: "mountain", passable: false },
+  { id: "t03", x: 0, y: 3, z: 3, type: "mountain", passable: false },
+  { id: "t13", x: 1, y: 3, z: 3, type: "grass", passable: true },
+  { id: "t23", x: 2, y: 3, z: 3, type: "grass", passable: true },
+  { id: "t33", x: 3, y: 3, z: 3, type: "road", passable: true },
+  { id: "t43", x: 4, y: 3, z: 3, type: "mountain", passable: false },
+  { id: "t04", x: 0, y: 4, z: 4, type: "mountain", passable: false },
+  { id: "t14", x: 1, y: 4, z: 4, type: "water", passable: false },
+  { id: "t24", x: 2, y: 4, z: 4, type: "grass", passable: true },
+  { id: "t34", x: 3, y: 4, z: 4, type: "mountain", passable: false },
+  { id: "t44", x: 4, y: 4, z: 4, type: "mountain", passable: false }
+];
+var DEFAULT_3D_WORLDMAP_UNITS = [
+  { id: "h1", x: 1, y: 1, z: 1, unitType: "hero", name: "Amir", faction: "player", health: 10, maxHealth: 10 },
+  { id: "h2", x: 3, y: 3, z: 3, unitType: "scout", name: "Archivist", faction: "player", health: 10, maxHealth: 10 }
+];
+var DEFAULT_3D_WORLDMAP_FEATURES = [
+  { id: "f1", x: 2, y: 2, z: 2, type: "capital", color: "#f4c542" },
+  { id: "f2", x: 4, y: 2, z: 2, type: "power_node", color: "#8b5cf6" }
+];
 function GameCanvas3DWorldMapTemplate({
   entity,
+  tiles: propTiles = DEFAULT_3D_WORLDMAP_TILES,
+  units: propUnits = DEFAULT_3D_WORLDMAP_UNITS,
+  features: propFeatures = DEFAULT_3D_WORLDMAP_FEATURES,
   cameraMode = "isometric",
   showGrid = true,
   showCoordinates = true,
@@ -3328,10 +3440,9 @@ function GameCanvas3DWorldMapTemplate({
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
-  if (!resolved) return null;
-  const tiles = Array.isArray(resolved.tiles) ? resolved.tiles : [];
-  const units = Array.isArray(resolved.units) ? resolved.units : [];
-  const features = Array.isArray(resolved.features) ? resolved.features : [];
+  const tiles = resolved ? Array.isArray(resolved.tiles) ? resolved.tiles : [] : propTiles;
+  const units = resolved ? Array.isArray(resolved.units) ? resolved.units : [] : propUnits;
+  const features = resolved ? Array.isArray(resolved.features) ? resolved.features : [] : propFeatures;
   return /* @__PURE__ */ jsx(
     GameCanvas3D,
     {

package/dist/components/game/templates/GameCanvas3DBattleTemplate.d.ts

@@ -19,8 +19,15 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { IsometricTile, IsometricUnit, IsometricFeature } from '../organisms/types/isometric';
 import type { TemplateProps } from '../../core/templates/types';
 export interface GameCanvas3DBattleTemplateProps extends TemplateProps {
+    /** Fallback tile data when no entity is present */
+    tiles?: IsometricTile[];
+    /** Fallback unit data when no entity is present */
+    units?: IsometricUnit[];
+    /** Fallback feature data when no entity is present */
+    features?: IsometricFeature[];
     /** 3D camera mode - defaults to perspective for dramatic effect */
     cameraMode?: 'isometric' | 'perspective' | 'top-down';
     /** Show grid helper */
@@ -74,7 +81,7 @@ export interface GameCanvas3DBattleTemplateProps extends TemplateProps {
  * />
  * ```
  */
-export declare function GameCanvas3DBattleTemplate({ entity, cameraMode, showGrid, shadows, backgroundColor, tileClickEvent, unitClickEvent, unitAttackEvent, unitMoveEvent, endTurnEvent, exitEvent, selectedUnitId, validMoves, attackTargets, className, }: GameCanvas3DBattleTemplateProps): React.JSX.Element | null;
+export declare function GameCanvas3DBattleTemplate({ entity, tiles: propTiles, units: propUnits, features: propFeatures, cameraMode, showGrid, shadows, backgroundColor, tileClickEvent, unitClickEvent, unitAttackEvent, unitMoveEvent, endTurnEvent, exitEvent, selectedUnitId, validMoves, attackTargets, className, }: GameCanvas3DBattleTemplateProps): React.JSX.Element | null;
 export declare namespace GameCanvas3DBattleTemplate {
     var displayName: string;
 }

package/dist/components/game/templates/GameCanvas3DCastleTemplate.d.ts

@@ -18,8 +18,15 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { IsometricTile, IsometricUnit, IsometricFeature } from '../organisms/types/isometric';
 import type { TemplateProps } from '../../core/templates/types';
 export interface GameCanvas3DCastleTemplateProps extends TemplateProps {
+    /** Fallback tile data when no entity is present */
+    tiles?: IsometricTile[];
+    /** Fallback unit data when no entity is present */
+    units?: IsometricUnit[];
+    /** Fallback feature data when no entity is present */
+    features?: IsometricFeature[];
     /** 3D camera mode */
     cameraMode?: 'isometric' | 'perspective' | 'top-down';
     /** Show grid helper */
@@ -66,7 +73,7 @@ export interface GameCanvas3DCastleTemplateProps extends TemplateProps {
  * />
  * ```
  */
-export declare function GameCanvas3DCastleTemplate({ entity, cameraMode, showGrid, shadows, backgroundColor, buildingClickEvent, unitClickEvent, buildEvent, recruitEvent, exitEvent, selectedBuildingId, selectedTileIds, availableBuildSites, showHeader, className, }: GameCanvas3DCastleTemplateProps): React.JSX.Element | null;
+export declare function GameCanvas3DCastleTemplate({ entity, tiles: propTiles, units: propUnits, features: propFeatures, cameraMode, showGrid, shadows, backgroundColor, buildingClickEvent, unitClickEvent, buildEvent, recruitEvent, exitEvent, selectedBuildingId, selectedTileIds, availableBuildSites, showHeader, className, }: GameCanvas3DCastleTemplateProps): React.JSX.Element | null;
 export declare namespace GameCanvas3DCastleTemplate {
     var displayName: string;
 }

package/dist/components/game/templates/GameCanvas3DWorldMapTemplate.d.ts

@@ -19,8 +19,15 @@
  * @packageDocumentation
  */
 import React from 'react';
+import type { IsometricTile, IsometricUnit, IsometricFeature } from '../organisms/types/isometric';
 import type { TemplateProps } from '../../core/templates/types';
 export interface GameCanvas3DWorldMapTemplateProps extends TemplateProps {
+    /** Fallback tile data when no entity is present */
+    tiles?: IsometricTile[];
+    /** Fallback unit data when no entity is present */
+    units?: IsometricUnit[];
+    /** Fallback feature data when no entity is present */
+    features?: IsometricFeature[];
     /** 3D camera mode */
     cameraMode?: 'isometric' | 'perspective' | 'top-down';
     /** Show grid helper */
@@ -76,7 +83,7 @@ export interface GameCanvas3DWorldMapTemplateProps extends TemplateProps {
  * />
  * ```
  */
-export declare function GameCanvas3DWorldMapTemplate({ entity, cameraMode, showGrid, showCoordinates, showTileInfo, shadows, backgroundColor, tileClickEvent, unitClickEvent, featureClickEvent, tileHoverEvent, tileLeaveEvent, cameraChangeEvent, selectedUnitId, validMoves, attackTargets, className, }: GameCanvas3DWorldMapTemplateProps): React.JSX.Element | null;
+export declare function GameCanvas3DWorldMapTemplate({ entity, tiles: propTiles, units: propUnits, features: propFeatures, cameraMode, showGrid, showCoordinates, showTileInfo, shadows, backgroundColor, tileClickEvent, unitClickEvent, featureClickEvent, tileHoverEvent, tileLeaveEvent, cameraChangeEvent, selectedUnitId, validMoves, attackTargets, className, }: GameCanvas3DWorldMapTemplateProps): React.JSX.Element | null;
 export declare namespace GameCanvas3DWorldMapTemplate {
     var displayName: string;
 }