@almadar/ui 5.52.0 → 5.54.0

package/dist/avl/index.cjs

@@ -31382,6 +31382,7 @@ function PlatformerCanvas({
   const canvasRef = React90.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React90.useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = React90.useRef(-1);
   const imageCache = React90.useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = React90.useState(/* @__PURE__ */ new Set());
   const loadImage = React90.useCallback((url) => {
@@ -31537,6 +31538,24 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -31571,6 +31590,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -31662,13 +31694,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = logger.createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -46605,14 +46638,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = React90.useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -46691,6 +46730,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -46701,6 +46741,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = logger.createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/avl/index.js

@@ -31335,6 +31335,7 @@ function PlatformerCanvas({
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = useRef(-1);
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
@@ -31490,6 +31491,24 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -31524,6 +31543,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -31615,13 +31647,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -46558,14 +46591,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -46644,6 +46683,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -46654,6 +46694,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/components/index.cjs

@@ -29178,6 +29178,7 @@ function PlatformerCanvas({
   const canvasRef = React76.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React76.useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = React76.useRef(-1);
   const imageCache = React76.useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = React76.useState(/* @__PURE__ */ new Set());
   const loadImage = React76.useCallback((url) => {
@@ -29333,6 +29334,24 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -29367,6 +29386,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -29458,13 +29490,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = logger.createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -45267,14 +45300,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = React76.useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -45353,6 +45392,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -45363,6 +45403,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = logger.createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/components/index.js

@@ -29132,6 +29132,7 @@ function PlatformerCanvas({
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = useRef(-1);
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
@@ -29287,6 +29288,24 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -29321,6 +29340,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -29412,13 +29444,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -45221,14 +45254,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -45307,6 +45346,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -45317,6 +45357,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/providers/index.cjs

@@ -28774,6 +28774,7 @@ function PlatformerCanvas({
   const canvasRef = React82.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React82.useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = React82.useRef(-1);
   const imageCache = React82.useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = React82.useState(/* @__PURE__ */ new Set());
   const loadImage = React82.useCallback((url) => {
@@ -28929,6 +28930,24 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -28963,6 +28982,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -29054,13 +29086,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = logger.createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -44406,14 +44439,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = React82.useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -44492,6 +44531,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -44502,6 +44542,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = logger.createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/providers/index.js

@@ -28727,6 +28727,7 @@ function PlatformerCanvas({
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = useRef(-1);
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
@@ -28882,6 +28883,24 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -28916,6 +28935,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -29007,13 +29039,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -44359,14 +44392,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -44445,6 +44484,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -44455,6 +44495,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/runtime/index.cjs

@@ -28472,6 +28472,7 @@ function PlatformerCanvas({
   const canvasRef = React81.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React81.useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = React81.useRef(-1);
   const imageCache = React81.useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = React81.useState(/* @__PURE__ */ new Set());
   const loadImage = React81.useCallback((url) => {
@@ -28627,6 +28628,24 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -28661,6 +28680,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -28752,13 +28784,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = logger.createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -44104,14 +44137,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = React81.useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -44190,6 +44229,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -44200,6 +44240,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = logger.createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/runtime/index.js

@@ -28425,6 +28425,7 @@ function PlatformerCanvas({
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = useRef(-1);
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
@@ -28580,6 +28581,24 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -28614,6 +28633,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -28705,13 +28737,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -44057,14 +44090,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -44143,6 +44182,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -44153,6 +44193,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/package.json

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