@almadar/ui 5.107.0 → 5.108.0

package/dist/components/index.js

@@ -3,7 +3,8 @@ import * as React73 from 'react';
 import React73__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, lazy, useSyncExternalStore, useLayoutEffect, useId } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { EventBusContext, useTraitScope, useCurrentPagePath, useEntitySchemaOptional, TraitScopeProvider } from '@almadar/ui/providers';
+import { EventBusContext, useTraitScope, useCurrentPagePath, useGameAudioContextOptional, useEntitySchemaOptional, TraitScopeProvider } from '@almadar/ui/providers';
+export { GameAudioContext, GameAudioProvider, useGameAudioContext } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import * as LucideIcons2 from 'lucide-react';
 import { X, List, Printer, ChevronRight, ChevronLeft, RotateCcw, Play, Terminal, CheckCircle, XCircle, ChevronDown, Search, ChevronUp, MoreHorizontal, Package, Calendar, Pencil, Eye, Image as Image$1, Upload, ZoomIn, TrendingUp, TrendingDown, Minus, AlertCircle, Circle, Clock, CheckCircle2, Loader2, Code, FileText, WrapText, Check, Copy, HelpCircle, Type, Heading1, Heading2, Heading3, ListOrdered, Quote, GitBranch, Plus, ArrowRight, Trash, ArrowLeft, Menu as Menu$1, AlertTriangle, Trash2, Eraser, ZoomOut, Download, Lightbulb, PauseCircle, Link2, Tag, User, DollarSign } from 'lucide-react';
@@ -3144,6 +3145,38 @@ var init_Badge = __esm({
     Badge.displayName = "Badge";
   }
 });
+function GameIcon({ assetUrl, icon, size = "md", alt, className }) {
+  const px = typeof size === "number" ? size : sizeMap[size];
+  const family = useIconFamily();
+  if (assetUrl?.url) {
+    return /* @__PURE__ */ jsx(
+      AtlasImage,
+      {
+        asset: assetUrl,
+        size: px,
+        alt: alt ?? assetUrl.category ?? "",
+        className: cn("flex-shrink-0", className)
+      }
+    );
+  }
+  const I = typeof icon === "string" ? resolveIconForFamily(icon, family) : icon;
+  return /* @__PURE__ */ jsx(I, { width: px, height: px, className: cn("flex-shrink-0", className) });
+}
+var sizeMap;
+var init_GameIcon = __esm({
+  "components/core/atoms/GameIcon.tsx"() {
+    "use client";
+    init_cn();
+    init_iconFamily();
+    init_AtlasImage();
+    sizeMap = {
+      sm: 16,
+      md: 24,
+      lg: 32
+    };
+    GameIcon.displayName = "GameIcon";
+  }
+});
 var variantStyles4, sizeStyles4, iconSizes, FilterPill;
 var init_FilterPill = __esm({
   "components/core/atoms/FilterPill.tsx"() {
@@ -4384,7 +4417,7 @@ var init_TextHighlight = __esm({
     }) => {
       const eventBus = useEventBus();
       const baseStyles = "cursor-pointer transition-all duration-150";
-      const typeStyles2 = {
+      const typeStyles = {
         question: cn(
           // Blue border for questions
           "bg-card border-b-2 border-primary-600",
@@ -4404,7 +4437,7 @@ var init_TextHighlight = __esm({
           "data-highlight": "true",
           "data-highlight-type": highlightType,
           "data-annotation-id": annotationId,
-          className: cn(baseStyles, typeStyles2[highlightType], className),
+          className: cn(baseStyles, typeStyles[highlightType], className),
           onClick: () => {
             if (action) eventBus.emit(`UI:${action}`, { annotationId });
             onClick?.();
@@ -8145,135 +8178,6 @@ var init_Accordion = __esm({
     Accordion.displayName = "Accordion";
   }
 });
-function GameIcon({ assetUrl, icon, size = "md", alt, className }) {
-  const px = typeof size === "number" ? size : sizeMap[size];
-  if (assetUrl?.url) {
-    return /* @__PURE__ */ jsx(
-      AtlasImage,
-      {
-        asset: assetUrl,
-        size: px,
-        alt: alt ?? assetUrl.category ?? "",
-        className: cn("flex-shrink-0", className)
-      }
-    );
-  }
-  const I = typeof icon === "string" ? resolveIcon(icon) : icon;
-  return /* @__PURE__ */ jsx(I, { width: px, height: px, className: cn("flex-shrink-0", className) });
-}
-var sizeMap;
-var init_GameIcon = __esm({
-  "components/game/atoms/GameIcon.tsx"() {
-    "use client";
-    init_cn();
-    init_Icon();
-    init_AtlasImage();
-    sizeMap = {
-      sm: 16,
-      md: 24,
-      lg: 32
-    };
-    GameIcon.displayName = "GameIcon";
-  }
-});
-function ActionButton({
-  assetUrl = DEFAULT_ASSET_URL,
-  label = "Attack",
-  icon,
-  cooldown = 0,
-  disabled = false,
-  hotkey,
-  size = "md",
-  variant = "primary",
-  onClick,
-  action,
-  className
-}) {
-  const eventBus = useEventBus();
-  const sizes = sizeMap2[size];
-  const onCooldown = cooldown > 0;
-  const isDisabled = disabled || onCooldown;
-  const cooldownDeg = Math.round(cooldown * 360);
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: variant === "danger" ? "danger" : variant === "secondary" ? "secondary" : "primary",
-      disabled: isDisabled,
-      onClick: () => {
-        if (action) eventBus.emit(`UI:${action}`, {});
-        onClick?.();
-      },
-      className: cn(
-        "relative inline-flex items-center gap-1.5 rounded-interactive border font-medium overflow-hidden transition-colors duration-150",
-        sizes.button,
-        variantStyles7[variant],
-        isDisabled && "opacity-60 cursor-not-allowed",
-        className
-      ),
-      children: [
-        onCooldown && /* @__PURE__ */ jsx(
-          Box,
-          {
-            position: "absolute",
-            className: "inset-0 bg-foreground/40 pointer-events-none",
-            style: {
-              clipPath: `conic-gradient(from 0deg, transparent ${360 - cooldownDeg}deg, black ${360 - cooldownDeg}deg)`,
-              WebkitClipPath: `conic-gradient(from 0deg, transparent ${360 - cooldownDeg}deg, black ${360 - cooldownDeg}deg)`,
-              background: `conic-gradient(from 0deg, transparent ${360 - cooldownDeg}deg, rgba(0,0,0,0.6) ${360 - cooldownDeg}deg)`
-            }
-          }
-        ),
-        assetUrl ? /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: 16, className: cn("flex-shrink-0", sizes.icon) }) : icon ? /* @__PURE__ */ jsx(Box, { as: "span", className: cn("flex-shrink-0", sizes.icon), children: typeof icon === "string" ? (() => {
-          const I = resolveIcon(icon);
-          return I ? /* @__PURE__ */ jsx(I, { className: "w-4 h-4" }) : null;
-        })() : /* @__PURE__ */ (() => {
-          const I = icon;
-          return /* @__PURE__ */ jsx(I, { className: "w-4 h-4" });
-        })() }) : null,
-        /* @__PURE__ */ jsx(Typography, { as: "span", className: "relative z-10", children: label }),
-        hotkey && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            as: "span",
-            className: cn(
-              "absolute top-0.5 right-0.5 bg-foreground/30 text-primary-foreground rounded font-mono leading-tight",
-              sizes.hotkey
-            ),
-            children: hotkey
-          }
-        )
-      ]
-    }
-  );
-}
-var sizeMap2, variantStyles7, DEFAULT_ASSET_URL;
-var init_ActionButton = __esm({
-  "components/game/atoms/ActionButton.tsx"() {
-    init_cn();
-    init_Icon();
-    init_useEventBus();
-    init_Button();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    sizeMap2 = {
-      sm: { button: "h-button-sm px-3 text-xs", hotkey: "text-[9px] px-1", icon: "text-xs" },
-      md: { button: "h-button-md px-4 text-sm", hotkey: "text-xs px-1.5", icon: "text-sm" },
-      lg: { button: "h-button-lg px-5 text-base", hotkey: "text-xs px-2", icon: "text-base" }
-    };
-    variantStyles7 = {
-      primary: "bg-primary text-primary-foreground hover:bg-primary-hover border-primary",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover border-border",
-      danger: "bg-error text-error-foreground hover:bg-error/90 border-error"
-    };
-    DEFAULT_ASSET_URL = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/slash_01.png",
-      role: "ui",
-      category: "action"
-    };
-    ActionButton.displayName = "ActionButton";
-  }
-});
 function ActionTile({
   action,
   size = "md",
@@ -14117,14 +14021,14 @@ function SpacerPattern({ size = "flex" }) {
   if (size === "flex") {
     return /* @__PURE__ */ jsx(Spacer, {});
   }
-  const sizeMap16 = {
+  const sizeMap8 = {
     xs: "0.25rem",
     sm: "0.5rem",
     md: "1rem",
     lg: "1.5rem",
     xl: "2rem"
   };
-  return /* @__PURE__ */ jsx(Box, { style: { width: sizeMap16[size], height: sizeMap16[size], flexShrink: 0 } });
+  return /* @__PURE__ */ jsx(Box, { style: { width: sizeMap8[size], height: sizeMap8[size], flexShrink: 0 } });
 }
 function DividerPattern({
   orientation = "horizontal",
@@ -15410,7 +15314,7 @@ function useImageCache(urls) {
   };
 }
 var init_useImageCache = __esm({
-  "components/game/hooks/useImageCache.ts"() {
+  "hooks/useImageCache.ts"() {
     "use client";
     init_verificationRegistry();
   }
@@ -15524,7 +15428,7 @@ function useCamera() {
   };
 }
 var init_useCamera = __esm({
-  "components/game/hooks/useCamera.ts"() {
+  "hooks/useCamera.ts"() {
     "use client";
   }
 });
@@ -15788,7 +15692,7 @@ var init_webPainter2d = __esm({
   }
 });
 
-// components/game/lib/isometric.ts
+// lib/isometric.ts
 function isoToScreen(tileX, tileY, scale, baseOffsetX, layout = "isometric") {
   const scaledTileWidth = TILE_WIDTH * scale;
   const scaledFloorHeight = FLOOR_HEIGHT * scale;
@@ -15826,7 +15730,7 @@ function screenToIso(screenX, screenY, scale, baseOffsetX, layout = "isometric")
 }
 var TILE_WIDTH, TILE_HEIGHT, FLOOR_HEIGHT, DIAMOND_TOP_Y, FEATURE_COLORS, BACKGROUND_FALLBACK_COLOR, MINIMAP_TERRAIN_COLORS;
 var init_isometric = __esm({
-  "components/game/lib/isometric.ts"() {
+  "lib/isometric.ts"() {
     TILE_WIDTH = 256;
     TILE_HEIGHT = 512;
     FLOOR_HEIGHT = 128;
@@ -16572,7 +16476,7 @@ function Canvas({
       keyMap,
       keyUpMap
     };
-    return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(GameCanvas3D, { ...props3d }) });
+    return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Canvas3DHost, { ...props3d }) });
   }
   return /* @__PURE__ */ jsx(
     Canvas2D,
@@ -16596,13 +16500,13 @@ function Canvas({
     }
   );
 }
-var GameCanvas3D;
+var Canvas3DHost;
 var init_Canvas = __esm({
   "components/game/molecules/Canvas.tsx"() {
     "use client";
     init_Canvas2D();
-    GameCanvas3D = lazy(
-      () => import('@almadar/ui/components/molecules/game/three').then((m) => ({ default: m.GameCanvas3D }))
+    Canvas3DHost = lazy(
+      () => import('@almadar/ui/components/molecules/game/three').then((m) => ({ default: m.Canvas3DHost }))
     );
     Canvas.displayName = "Canvas";
   }
@@ -18470,16 +18374,14 @@ function ChoiceButton({
   payload,
   className
 }) {
-  const eventBus = useEventBus();
   return /* @__PURE__ */ jsxs(
     Button,
     {
       variant: "ghost",
       disabled,
-      onClick: () => {
-        if (action) eventBus.emit(`UI:${action}`, payload ?? {});
-        onClick?.();
-      },
+      action,
+      actionPayload: payload,
+      onClick,
       className: cn(
         "w-full text-left px-4 py-2.5 rounded-interactive border transition-all duration-150",
         "flex items-center gap-2",
@@ -18518,7 +18420,6 @@ var init_ChoiceButton = __esm({
   "components/game/atoms/ChoiceButton.tsx"() {
     init_cn();
     init_Icon();
-    init_useEventBus();
     init_Button();
     init_Box();
     init_Typography();
@@ -18689,73 +18590,6 @@ var init_CodeRunnerPanel = __esm({
     CodeRunnerPanel.displayName = "CodeRunnerPanel";
   }
 });
-function getComboIntensity(combo) {
-  if (combo >= 10) return "text-error animate-pulse";
-  if (combo >= 7) return "text-warning";
-  if (combo >= 4) return "text-warning";
-  return "text-foreground";
-}
-function getComboScale(combo) {
-  if (combo >= 10) return "scale-110";
-  if (combo >= 5) return "scale-105";
-  return "";
-}
-function ComboCounter({
-  assetUrl = DEFAULT_ASSET_URL2,
-  combo = 5,
-  multiplier,
-  streak,
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap3[size];
-  if (combo <= 0) return null;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: cn(
-        "inline-flex flex-col items-center justify-center",
-        "rounded-container bg-card/80 border border-muted px-3 py-1.5",
-        "transition-transform duration-200",
-        getComboScale(combo),
-        className
-      ),
-      children: [
-        assetUrl && /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: 24, className: "flex-shrink-0 mb-0.5" }),
-        /* @__PURE__ */ jsx(Typography, { as: "span", className: cn("font-black tabular-nums leading-none", sizes.combo, getComboIntensity(combo)), children: combo }),
-        /* @__PURE__ */ jsx(Typography, { as: "span", className: cn("font-bold uppercase tracking-wider text-muted-foreground", sizes.label), children: "combo" }),
-        multiplier != null && multiplier > 1 && /* @__PURE__ */ jsxs(Typography, { as: "span", className: cn("font-bold text-warning tabular-nums", sizes.multiplier), children: [
-          "x",
-          multiplier.toFixed(1)
-        ] }),
-        streak != null && streak > 0 && /* @__PURE__ */ jsxs(Typography, { as: "span", className: cn("text-muted-foreground tabular-nums", sizes.label), children: [
-          streak,
-          " streak"
-        ] })
-      ]
-    }
-  );
-}
-var DEFAULT_ASSET_URL2, sizeMap3;
-var init_ComboCounter = __esm({
-  "components/game/atoms/ComboCounter.tsx"() {
-    init_cn();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    DEFAULT_ASSET_URL2 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/flash/flash00.png",
-      role: "effect",
-      category: "effect"
-    };
-    sizeMap3 = {
-      sm: { combo: "text-lg", label: "text-xs", multiplier: "text-xs" },
-      md: { combo: "text-2xl", label: "text-xs", multiplier: "text-sm" },
-      lg: { combo: "text-4xl", label: "text-sm", multiplier: "text-base" }
-    };
-    ComboCounter.displayName = "ComboCounter";
-  }
-});
 function formatCount(count) {
   if (count >= 1e3) {
     return `${(count / 1e3).toFixed(1)}k`;
@@ -19005,7 +18839,7 @@ function ControlButton({
         "select-none touch-none",
         "transition-all duration-100",
         "active:scale-95",
-        sizeMap4[size] ?? sizeMap4.md,
+        sizeMap2[size] ?? sizeMap2.md,
         shapeMap[shape] ?? shapeMap.circle,
         variantMap[variant] ?? variantMap.secondary,
         actualPressed && "scale-95 brightness-110 border-foreground",
@@ -19022,7 +18856,7 @@ function ControlButton({
     }
   );
 }
-var sizeMap4, shapeMap, variantMap;
+var sizeMap2, shapeMap, variantMap;
 var init_ControlButton = __esm({
   "components/game/atoms/ControlButton.tsx"() {
     "use client";
@@ -19033,7 +18867,7 @@ var init_ControlButton = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    sizeMap4 = {
+    sizeMap2 = {
       sm: "w-10 h-10 text-sm",
       md: "w-14 h-14 text-base",
       lg: "w-18 h-18 text-lg",
@@ -19474,67 +19308,6 @@ var init_CounterTemplate = __esm({
     CounterTemplate.displayName = "CounterTemplate";
   }
 });
-function DamageNumber({
-  assetUrl = DEFAULT_ASSET_URL3,
-  value = 42,
-  type = "damage",
-  size = "md",
-  className
-}) {
-  const displayText = type === "miss" ? "MISS" : type === "heal" ? `+${value}` : `${value}`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: floatKeyframes }),
-    /* @__PURE__ */ jsxs(
-      Typography,
-      {
-        as: "span",
-        className: cn(
-          "inline-flex items-center gap-0.5 font-mono select-none pointer-events-none",
-          sizeMap5[size],
-          typeStyles[type],
-          className
-        ),
-        style: { animation: "damageFloat 1s ease-out forwards" },
-        children: [
-          assetUrl && /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: 14, className: "flex-shrink-0" }),
-          displayText
-        ]
-      }
-    )
-  ] });
-}
-var sizeMap5, typeStyles, floatKeyframes, DEFAULT_ASSET_URL3;
-var init_DamageNumber = __esm({
-  "components/game/atoms/DamageNumber.tsx"() {
-    init_cn();
-    init_Typography();
-    init_GameIcon();
-    sizeMap5 = {
-      sm: "text-sm",
-      md: "text-lg",
-      lg: "text-2xl"
-    };
-    typeStyles = {
-      damage: "text-error font-bold",
-      heal: "text-success font-bold",
-      crit: "text-warning font-extrabold",
-      miss: "text-muted-foreground italic"
-    };
-    floatKeyframes = `
-@keyframes damageFloat {
-  0% { opacity: 1; transform: translateY(0) scale(1); }
-  20% { transform: translateY(-8px) scale(1.1); }
-  100% { opacity: 0; transform: translateY(-32px) scale(0.8); }
-}
-`;
-    DEFAULT_ASSET_URL3 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/spark_01.png",
-      role: "effect",
-      category: "effect"
-    };
-    DamageNumber.displayName = "DamageNumber";
-  }
-});
 var gapStyles4, columnStyles, colSpanStyles, rowSpanStyles, DashboardGrid;
 var init_DashboardGrid = __esm({
   "components/core/organisms/layout/DashboardGrid.tsx"() {
@@ -25709,13 +25482,13 @@ var init_LineChart = __esm({
     LineChart2.displayName = "LineChart";
   }
 });
-var sizeMap6, stateColors, ProgressDots;
+var sizeMap3, stateColors, ProgressDots;
 var init_ProgressDots = __esm({
   "components/core/molecules/ProgressDots.tsx"() {
     "use client";
     init_cn();
     init_atoms();
-    sizeMap6 = {
+    sizeMap3 = {
       sm: { dot: 6, active: 8 },
       md: { dot: 8, active: 10 },
       lg: { dot: 10, active: 14 }
@@ -25741,7 +25514,7 @@ var init_ProgressDots = __esm({
         [currentIndex]
       );
       const resolveState = getState2 ?? defaultGetState;
-      const dims = sizeMap6[size];
+      const dims = sizeMap3[size];
       return /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", className: cn(className), children: Array.from({ length: count }, (_, index) => {
         const state = resolveState(index);
         const isActive = state === "active";
@@ -25769,7 +25542,7 @@ var init_ProgressDots = __esm({
   }
 });
 
-// components/game/lib/game.ts
+// lib/game.ts
 function createInitialGameState(width, height, units, defaultTerrain = "floorStone") {
   const board = Array.from(
     { length: height },
@@ -25839,11 +25612,11 @@ function calculateAttackTargets(state, unitId) {
   return targets;
 }
 var init_game = __esm({
-  "components/game/lib/game.ts"() {
+  "lib/game.ts"() {
   }
 });
 
-// components/game/lib/boardEntity.ts
+// lib/boardEntity.ts
 function boardEntity(entity) {
   if (!entity) return void 0;
   return Array.isArray(entity) ? entity[0] : entity;
@@ -25875,11 +25648,11 @@ function unitHealth(u) {
   return num(u.health);
 }
 var init_boardEntity = __esm({
-  "components/game/lib/boardEntity.ts"() {
+  "lib/boardEntity.ts"() {
   }
 });
 
-// components/game/lib/makeAsset.ts
+// lib/makeAsset.ts
 function makeAsset(url, role, overrides = {}) {
   const defaults = ROLE_DEFAULTS[role] ?? { dimension: "2d", animations: ["static"], aspect: "1:1" };
   return {
@@ -25899,7 +25672,7 @@ function makeAssetMap(record, role, overrides = {}) {
 }
 var ROLE_DEFAULTS;
 var init_makeAsset = __esm({
-  "components/game/lib/makeAsset.ts"() {
+  "lib/makeAsset.ts"() {
     ROLE_DEFAULTS = {
       tile: { dimension: "2d", animations: ["static"], aspect: "1:1" },
       decoration: { dimension: "2d", animations: ["static"], aspect: "1:1" },
@@ -25915,10 +25688,10 @@ var init_makeAsset = __esm({
   }
 });
 
-// components/game/lib/spriteSheetConstants.ts
+// lib/spriteSheetConstants.ts
 var SHEET_COLUMNS, SPRITE_SHEET_LAYOUT;
 var init_spriteSheetConstants = __esm({
-  "components/game/lib/spriteSheetConstants.ts"() {
+  "lib/spriteSheetConstants.ts"() {
     SHEET_COLUMNS = 8;
     SPRITE_SHEET_LAYOUT = {
       idle: { row: 0, frames: 4, frameRate: 6, loop: true },
@@ -25930,7 +25703,7 @@ var init_spriteSheetConstants = __esm({
   }
 });
 
-// components/game/lib/spriteAnimation.ts
+// lib/spriteAnimation.ts
 function inferDirection(dx, dy) {
   if (dx === 0 && dy === 0) return "se";
   if (dx >= 0 && dy >= 0) return "se";
@@ -26038,14 +25811,14 @@ function tickAnimationState(state, deltaMs) {
   return { ...state, elapsed: newElapsed, frame, finished };
 }
 var init_spriteAnimation = __esm({
-  "components/game/lib/spriteAnimation.ts"() {
+  "lib/spriteAnimation.ts"() {
     init_spriteSheetConstants();
   }
 });
 
-// components/game/lib/index.ts
-var init_lib = __esm({
-  "components/game/lib/index.ts"() {
+// lib/gameShared.ts
+var init_gameShared = __esm({
+  "lib/gameShared.ts"() {
     init_game();
     init_boardEntity();
     init_makeAsset();
@@ -26055,103 +25828,6 @@ var init_lib = __esm({
     init_spriteSheetConstants();
   }
 });
-function GameCard({
-  id,
-  cost,
-  art,
-  frameAsset,
-  attack,
-  defense,
-  name,
-  selected = false,
-  disabled = false,
-  size = "md",
-  animState = "idle",
-  onClick,
-  clickEvent,
-  className
-}) {
-  const eventBus = useEventBus();
-  const handleClick = React73.useCallback(() => {
-    if (disabled) return;
-    onClick?.(id);
-    if (clickEvent) eventBus.emit(`UI:${clickEvent}`, { cardId: id });
-  }, [disabled, id, onClick, clickEvent, eventBus]);
-  const artPx = artPxMap[size];
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "ghost",
-      onClick: handleClick,
-      disabled,
-      title: name,
-      className: cn(
-        "relative isolate flex flex-col items-center rounded-interactive",
-        "px-1.5 pt-1.5 pb-1 transition-all duration-150",
-        frameAsset?.url ? "border-0" : "border-2 bg-card/90",
-        cardSizeMap[size],
-        disabled ? "border-border opacity-50 cursor-not-allowed" : "border-accent hover:brightness-125 hover:-translate-y-1 cursor-pointer",
-        selected && "ring-2 ring-foreground ring-offset-1 ring-offset-background -translate-y-1",
-        ANIM_STATE_CLASS[animState],
-        className
-      ),
-      children: [
-        frameAsset?.url && /* @__PURE__ */ jsx(AtlasImage, { asset: frameAsset, fill: true, fit: "fill", "aria-hidden": true, style: { zIndex: -1 } }),
-        cost != null && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            as: "span",
-            className: cn(
-              "absolute -top-2 -left-2 flex items-center justify-center",
-              "min-w-[22px] h-[22px] rounded-full px-1",
-              "bg-info text-foreground text-xs font-bold border border-background"
-            ),
-            children: cost
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { className: "flex-1 flex items-center justify-center w-full", children: art ? /* @__PURE__ */ jsx(GameIcon, { assetUrl: art, icon: "image", size: artPx, alt: name ?? id, className: "flex-shrink-0" }) : /* @__PURE__ */ jsx(Box, { className: "rounded bg-muted/40", style: { width: artPx, height: artPx } }) }),
-        name != null && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "small",
-            className: "w-full truncate text-center text-[10px] leading-tight font-semibold",
-            children: name
-          }
-        ),
-        (attack != null || defense != null) && /* @__PURE__ */ jsxs(Box, { className: "flex w-full items-center justify-between px-0.5 text-[10px] font-bold leading-none", children: [
-          /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-error", children: attack != null ? `\u2694${attack}` : "" }),
-          /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-info", children: defense != null ? `\u{1F6E1}${defense}` : "" })
-        ] })
-      ]
-    }
-  );
-}
-var cardSizeMap, artPxMap, ANIM_STATE_CLASS;
-var init_GameCard = __esm({
-  "components/game/atoms/GameCard.tsx"() {
-    "use client";
-    init_cn();
-    init_useEventBus();
-    init_Box();
-    init_Button();
-    init_Typography();
-    init_AtlasImage();
-    init_GameIcon();
-    cardSizeMap = {
-      sm: "w-16 h-24",
-      md: "w-20 h-28",
-      lg: "w-24 h-36"
-    };
-    artPxMap = { sm: 40, md: 52, lg: 64 };
-    ANIM_STATE_CLASS = {
-      idle: "",
-      drawn: "scale-105",
-      played: "-translate-y-2 opacity-80",
-      flipped: "scale-x-0"
-    };
-    GameCard.displayName = "GameCard";
-  }
-});
 function HealthBar({
   current = 3,
   max = 5,
@@ -26165,7 +25841,7 @@ function HealthBar({
   frameAsset,
   fillAsset
 }) {
-  const sizes = sizeMap7[size];
+  const sizes = sizeMap4[size];
   const percentage = max > 0 ? Math.max(0, Math.min(100, current / max * 100)) : 0;
   if (format === "hearts") {
     return /* @__PURE__ */ jsx(Box, { className: cn("flex items-center gap-1", className), children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx(
@@ -26270,7 +25946,7 @@ function HealthBar({
     max
   ] });
 }
-var heartIcon, sizeMap7;
+var heartIcon, sizeMap4;
 var init_HealthBar = __esm({
   "components/game/atoms/HealthBar.tsx"() {
     init_cn();
@@ -26287,7 +25963,7 @@ var init_HealthBar = __esm({
         children: /* @__PURE__ */ jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" })
       }
     );
-    sizeMap7 = {
+    sizeMap4 = {
       sm: { heart: "w-4 h-4", bar: "h-2", text: "text-sm", label: "text-xs", badge: "text-xs px-1.5 py-0.5" },
       md: { heart: "w-6 h-6", bar: "h-3", text: "text-base", label: "text-xs", badge: "text-xs px-2 py-0.5" },
       lg: { heart: "w-8 h-8", bar: "h-4", text: "text-lg", label: "text-sm", badge: "text-sm px-2.5 py-1" }
@@ -26312,7 +25988,7 @@ function ScoreDisplay({
     {
       className: cn(
         "flex items-center gap-2 font-bold",
-        sizeMap8[size],
+        sizeMap5[size],
         className
       ),
       children: [
@@ -26323,7 +25999,7 @@ function ScoreDisplay({
     }
   );
 }
-var sizeMap8;
+var sizeMap5;
 var init_ScoreDisplay = __esm({
   "components/game/atoms/ScoreDisplay.tsx"() {
     init_cn();
@@ -26331,7 +26007,7 @@ var init_ScoreDisplay = __esm({
     init_Box();
     init_Typography();
     init_GameIcon();
-    sizeMap8 = {
+    sizeMap5 = {
       sm: "text-sm",
       md: "text-lg",
       lg: "text-2xl",
@@ -26340,192 +26016,6 @@ var init_ScoreDisplay = __esm({
     ScoreDisplay.displayName = "ScoreDisplay";
   }
 });
-function Sprite({
-  spritesheet = DEFAULT_SPRITESHEET,
-  frameWidth = 64,
-  frameHeight = 64,
-  frame = 0,
-  x = 0,
-  y = 0,
-  scale = 1,
-  flipX = false,
-  flipY = false,
-  rotation = 0,
-  opacity = 1,
-  zIndex = 0,
-  columns = 16,
-  animState: _animState,
-  frameRate: _frameRate,
-  className,
-  onClick,
-  action
-}) {
-  const eventBus = useEventBus();
-  const sourcePosition = useMemo(() => {
-    const { sx, sy } = frameRect(frame, Math.floor(frame / columns), columns, frameWidth, frameHeight);
-    return { x: sx, y: sy };
-  }, [frame, columns, frameWidth, frameHeight]);
-  const transform = useMemo(() => {
-    const transforms = [
-      `translate(${x}px, ${y}px)`
-    ];
-    if (scale !== 1) {
-      transforms.push(`scale(${scale})`);
-    }
-    if (flipX || flipY) {
-      transforms.push(`scale(${flipX ? -1 : 1}, ${flipY ? -1 : 1})`);
-    }
-    if (rotation !== 0) {
-      transforms.push(`rotate(${rotation}deg)`);
-    }
-    return transforms.join(" ");
-  }, [x, y, scale, flipX, flipY, rotation]);
-  const backgroundPosition = `-${sourcePosition.x}px -${sourcePosition.y}px`;
-  const handleClick = () => {
-    if (action) eventBus.emit(`UI:${action}`, {});
-    onClick?.();
-  };
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      position: "absolute",
-      className,
-      onClick: action || onClick ? handleClick : void 0,
-      style: {
-        width: frameWidth,
-        height: frameHeight,
-        backgroundImage: `url(${spritesheet.url})`,
-        backgroundPosition,
-        backgroundRepeat: "no-repeat",
-        imageRendering: "pixelated",
-        transform,
-        transformOrigin: "center center",
-        opacity,
-        zIndex,
-        pointerEvents: action || onClick ? "auto" : "none"
-      }
-    }
-  );
-}
-function drawSprite(ctx, image, props) {
-  const {
-    frameWidth,
-    frameHeight,
-    frame,
-    x,
-    y,
-    scale = 1,
-    flipX = false,
-    flipY = false,
-    rotation = 0,
-    opacity = 1,
-    columns = 16
-  } = props;
-  const { sx: sourceX, sy: sourceY } = frameRect(frame, Math.floor(frame / columns), columns, frameWidth, frameHeight);
-  ctx.save();
-  ctx.globalAlpha = opacity;
-  ctx.translate(x + frameWidth / 2, y + frameHeight / 2);
-  if (rotation !== 0) {
-    ctx.rotate(rotation * Math.PI / 180);
-  }
-  ctx.scale(scale * (flipX ? -1 : 1), scale * (flipY ? -1 : 1));
-  ctx.drawImage(
-    image,
-    sourceX,
-    sourceY,
-    frameWidth,
-    frameHeight,
-    -frameWidth / 2,
-    -frameHeight / 2,
-    frameWidth,
-    frameHeight
-  );
-  ctx.restore();
-}
-var DEFAULT_SPRITESHEET;
-var init_Sprite = __esm({
-  "components/game/atoms/Sprite.tsx"() {
-    "use client";
-    init_useEventBus();
-    init_Box();
-    init_spriteAnimation();
-    DEFAULT_SPRITESHEET = {
-      url: "https://almadar-kflow-assets.web.app/shared/isometric-blocks/Spritesheet/allTiles_sheet.png",
-      role: "tile",
-      category: "tile"
-    };
-  }
-});
-function isKnownState(s) {
-  return s in DEFAULT_STATE_STYLES;
-}
-function StateIndicator({
-  assetUrl = DEFAULT_ASSET_URL4,
-  state = "idle",
-  label,
-  size = "md",
-  animated = true,
-  stateStyles,
-  className
-}) {
-  const mergedStyles = stateStyles ? { ...DEFAULT_STATE_STYLES, ...stateStyles } : DEFAULT_STATE_STYLES;
-  const knownState = isKnownState(state) ? state : null;
-  const config = knownState !== null ? mergedStyles[knownState] ?? DEFAULT_STYLE : DEFAULT_STYLE;
-  const displayLabel = label ?? state.charAt(0).toUpperCase() + state.slice(1);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      display: "inline-flex",
-      className: cn(
-        "items-center gap-1 rounded-full text-foreground font-medium",
-        config.bgClass,
-        SIZE_CLASSES[size],
-        animated && (knownState === null || !STATIC_STATES.has(knownState)) && "animate-pulse",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(Box, { as: "span", children: assetUrl ? /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: 16, alt: displayLabel, className: "flex-shrink-0" }) : typeof config.icon === "string" ? /^[a-zA-Z0-9-]+$/.test(config.icon) ? /* @__PURE__ */ jsx(Icon, { name: config.icon }) : config.icon : /* @__PURE__ */ jsx(Icon, { icon: config.icon }) }),
-        /* @__PURE__ */ jsx(Box, { as: "span", children: displayLabel })
-      ]
-    }
-  );
-}
-var DEFAULT_ASSET_URL4, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
-var init_StateIndicator = __esm({
-  "components/game/atoms/StateIndicator.tsx"() {
-    init_Box();
-    init_Icon();
-    init_cn();
-    init_GameIcon();
-    DEFAULT_ASSET_URL4 = {
-      url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
-      role: "ui",
-      category: "state"
-    };
-    DEFAULT_STATE_STYLES = {
-      idle: { icon: "\u23F8", bgClass: "bg-muted" },
-      active: { icon: "\u25B6", bgClass: "bg-success" },
-      sleeping: { icon: "\u{1F4A4}", bgClass: "bg-muted" },
-      moving: { icon: "\u{1F6B6}", bgClass: "bg-info" },
-      eating: { icon: "\u{1F37D}\uFE0F", bgClass: "bg-success" },
-      waiting: { icon: "\u23F3", bgClass: "bg-warning" },
-      happy: { icon: "\u{1F60A}", bgClass: "bg-success" },
-      scared: { icon: "\u{1F628}", bgClass: "bg-error" },
-      done: { icon: "\u2713", bgClass: "bg-success" },
-      error: { icon: "\u2717", bgClass: "bg-error" },
-      ready: { icon: "\u2713", bgClass: "bg-success" },
-      cooldown: { icon: "\u{1F504}", bgClass: "bg-warning" }
-    };
-    DEFAULT_STYLE = { icon: "?", bgClass: "bg-muted" };
-    STATIC_STATES = /* @__PURE__ */ new Set(["idle", "done"]);
-    SIZE_CLASSES = {
-      sm: "text-xs px-1.5 py-0.5",
-      md: "text-sm px-2 py-1",
-      lg: "text-base px-3 py-1.5"
-    };
-    StateIndicator.displayName = "StateIndicator";
-  }
-});
 function formatTime(seconds, format) {
   const clamped = Math.max(0, Math.floor(seconds));
   if (format === "ss") {
@@ -26555,7 +26045,7 @@ function TimerDisplay({
       className: cn(
         "inline-flex items-center gap-1 justify-center rounded-container",
         "bg-card/80 border border-muted font-mono font-bold tabular-nums",
-        sizeMap9[size],
+        sizeMap6[size],
         running && "border-success/50",
         isLow && "text-error border-error/50 animate-pulse",
         !isLow && "text-foreground",
@@ -26568,13 +26058,13 @@ function TimerDisplay({
     }
   );
 }
-var sizeMap9;
+var sizeMap6;
 var init_TimerDisplay = __esm({
   "components/game/atoms/TimerDisplay.tsx"() {
     init_cn();
     init_Box();
     init_GameIcon();
-    sizeMap9 = {
+    sizeMap6 = {
       sm: "text-sm px-2 py-0.5",
       md: "text-lg px-3 py-1",
       lg: "text-2xl px-4 py-1.5"
@@ -26582,396 +26072,6 @@ var init_TimerDisplay = __esm({
     TimerDisplay.displayName = "TimerDisplay";
   }
 });
-function ResourceCounter({
-  assetUrl = DEFAULT_ASSET_URL5,
-  icon,
-  label = "Gold",
-  value = 250,
-  max,
-  color,
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap10[size];
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: cn(
-        "inline-flex items-center rounded-container",
-        "bg-card/80 border border-muted font-medium text-foreground",
-        sizes.wrapper,
-        className
-      ),
-      children: [
-        assetUrl ? /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: sizes.img, alt: label, className: "flex-shrink-0" }) : icon ? /* @__PURE__ */ jsx(Box, { as: "span", className: cn("flex-shrink-0", sizes.icon), children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }) : null,
-        /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-muted-foreground", children: label }),
-        /* @__PURE__ */ jsxs(Typography, { as: "span", className: cn("font-bold tabular-nums", color && (color in colorTokenClasses2 ? colorTokenClasses2[color] : color)), children: [
-          value,
-          max != null && /* @__PURE__ */ jsxs(Typography, { as: "span", className: "text-muted-foreground", children: [
-            "/",
-            max
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-var colorTokenClasses2, DEFAULT_ASSET_URL5, sizeMap10;
-var init_ResourceCounter = __esm({
-  "components/game/atoms/ResourceCounter.tsx"() {
-    init_cn();
-    init_Icon();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    colorTokenClasses2 = {
-      primary: "text-primary",
-      secondary: "text-secondary",
-      success: "text-success",
-      warning: "text-warning",
-      error: "text-error",
-      muted: "text-muted-foreground"
-    };
-    DEFAULT_ASSET_URL5 = {
-      url: "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png",
-      role: "ui",
-      category: "coin"
-    };
-    sizeMap10 = {
-      sm: { wrapper: "text-xs gap-1 px-1.5 py-0.5", icon: "text-sm", img: 16 },
-      md: { wrapper: "text-sm gap-1.5 px-2 py-1", icon: "text-base", img: 20 },
-      lg: { wrapper: "text-base gap-2 px-3 py-1.5", icon: "text-lg", img: 28 }
-    };
-    ResourceCounter.displayName = "ResourceCounter";
-  }
-});
-function ItemSlot({
-  assetUrl = DEFAULT_ASSET_URL6,
-  icon = "sword",
-  label = "Iron Sword",
-  quantity,
-  rarity = "uncommon",
-  empty,
-  size = "md",
-  selected,
-  onClick,
-  action,
-  className
-}) {
-  const eventBus = useEventBus();
-  const isClickable = onClick != null || action != null;
-  const px = assetSizeMap[size];
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "ghost",
-      onClick: () => {
-        if (action) eventBus.emit(`UI:${action}`, {});
-        onClick?.();
-      },
-      disabled: !isClickable,
-      title: label,
-      className: cn(
-        "relative flex items-center justify-center rounded-interactive border-2",
-        "bg-card/80 transition-all duration-150",
-        sizeMap11[size],
-        empty ? "border-border bg-card/50" : rarityBorderMap[rarity],
-        !empty && rarityGlowMap[rarity],
-        selected && "ring-2 ring-foreground ring-offset-1 ring-offset-background",
-        isClickable && !empty && "hover:brightness-125 cursor-pointer",
-        isClickable && empty && "hover:border-muted cursor-pointer",
-        !isClickable && "cursor-default",
-        className
-      ),
-      children: empty ? /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-muted-foreground text-base", children: "+" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        assetUrl ? /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: px, alt: label, className: "flex-shrink-0" }) : icon ? /* @__PURE__ */ jsx(Box, { as: "span", className: "flex-shrink-0", children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) }) : null,
-        quantity != null && quantity > 1 && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            as: "span",
-            className: cn(
-              "absolute -bottom-1 -right-1 flex items-center justify-center",
-              "min-w-[18px] h-[18px] rounded-full px-1",
-              "bg-surface border border-muted text-xs font-bold text-foreground"
-            ),
-            children: quantity
-          }
-        )
-      ] })
-    }
-  );
-}
-var sizeMap11, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL6, assetSizeMap;
-var init_ItemSlot = __esm({
-  "components/game/atoms/ItemSlot.tsx"() {
-    "use client";
-    init_cn();
-    init_Icon();
-    init_useEventBus();
-    init_Button();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    sizeMap11 = {
-      sm: "w-10 h-10 text-lg",
-      md: "w-14 h-14 text-2xl",
-      lg: "w-18 h-18 text-3xl"
-    };
-    rarityBorderMap = {
-      common: "border-muted",
-      uncommon: "border-success",
-      rare: "border-info",
-      epic: "border-accent",
-      legendary: "border-warning"
-    };
-    rarityGlowMap = {
-      common: "",
-      uncommon: "",
-      rare: "shadow-sm",
-      epic: "shadow-lg",
-      legendary: "shadow-lg"
-    };
-    DEFAULT_ASSET_URL6 = {
-      url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
-      role: "item",
-      category: "item"
-    };
-    assetSizeMap = {
-      sm: 28,
-      md: 40,
-      lg: 56
-    };
-    ItemSlot.displayName = "ItemSlot";
-  }
-});
-function TurnIndicator({
-  assetUrl = DEFAULT_ASSET_URL7,
-  currentTurn = 1,
-  maxTurns,
-  activeTeam,
-  phase,
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap12[size];
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: cn(
-        "inline-flex items-center rounded-container",
-        "bg-card/80 border border-muted font-medium text-foreground",
-        sizes.wrapper,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(Typography, { as: "span", className: "font-bold tabular-nums", children: [
-          "Turn ",
-          currentTurn,
-          maxTurns != null && /* @__PURE__ */ jsxs(Typography, { as: "span", className: "text-muted-foreground", children: [
-            "/",
-            maxTurns
-          ] })
-        ] }),
-        phase && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-muted-foreground", children: "|" }),
-          /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-muted-foreground", children: phase })
-        ] }),
-        activeTeam && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-muted-foreground", children: "|" }),
-          assetUrl ? /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: 12, className: "flex-shrink-0" }) : /* @__PURE__ */ jsx(Box, { as: "span", className: cn("rounded-full bg-success/20", sizes.dot) }),
-          /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-success", children: activeTeam })
-        ] })
-      ]
-    }
-  );
-}
-var sizeMap12, DEFAULT_ASSET_URL7;
-var init_TurnIndicator = __esm({
-  "components/game/atoms/TurnIndicator.tsx"() {
-    init_cn();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    sizeMap12 = {
-      sm: { wrapper: "text-xs gap-1.5 px-2 py-0.5", dot: "w-1.5 h-1.5" },
-      md: { wrapper: "text-sm gap-2 px-3 py-1", dot: "w-2 h-2" },
-      lg: { wrapper: "text-base gap-2.5 px-4 py-1.5", dot: "w-2.5 h-2.5" }
-    };
-    DEFAULT_ASSET_URL7 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png",
-      role: "ui",
-      category: "turn"
-    };
-    TurnIndicator.displayName = "TurnIndicator";
-  }
-});
-function WaypointMarker({
-  assetUrl = DEFAULT_ASSET_URL8,
-  label,
-  icon,
-  active = true,
-  completed = false,
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap13[size];
-  return /* @__PURE__ */ jsxs(Box, { className: cn("flex flex-col items-center", className), children: [
-    /* @__PURE__ */ jsxs(Box, { className: "relative flex items-center justify-center", children: [
-      active && /* @__PURE__ */ jsx(
-        Box,
-        {
-          position: "absolute",
-          className: cn(
-            "rounded-full border-2 border-info animate-ping opacity-50",
-            sizes.ring
-          )
-        }
-      ),
-      active && /* @__PURE__ */ jsx(
-        Box,
-        {
-          position: "absolute",
-          className: cn(
-            "rounded-full border-2 border-info",
-            sizes.ring
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          position: "relative",
-          className: cn(
-            "flex items-center justify-center rounded-full transition-all duration-200",
-            sizes.dot,
-            completed && "bg-success text-foreground",
-            active && !completed && "bg-info text-foreground",
-            !active && !completed && "bg-muted"
-          ),
-          children: completed ? checkIcon : assetUrl ? /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: sizes.img, alt: label, className: "flex-shrink-0" }) : icon ? typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon }) : /* @__PURE__ */ jsx(Icon, { icon }) : null
-        }
-      )
-    ] }),
-    label && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        as: "span",
-        className: cn(
-          "text-center whitespace-nowrap",
-          sizes.label,
-          completed ? "text-success" : active ? "text-info" : "text-muted-foreground"
-        ),
-        children: label
-      }
-    )
-  ] });
-}
-var DEFAULT_ASSET_URL8, sizeMap13, checkIcon;
-var init_WaypointMarker = __esm({
-  "components/game/atoms/WaypointMarker.tsx"() {
-    init_cn();
-    init_Icon();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    DEFAULT_ASSET_URL8 = {
-      url: "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png",
-      role: "ui",
-      category: "waypoint"
-    };
-    sizeMap13 = {
-      sm: { dot: "w-4 h-4", ring: "w-6 h-6", label: "text-xs mt-1", img: 12 },
-      md: { dot: "w-6 h-6", ring: "w-8 h-8", label: "text-sm mt-1.5", img: 18 },
-      lg: { dot: "w-8 h-8", ring: "w-10 h-10", label: "text-base mt-2", img: 24 }
-    };
-    checkIcon = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, className: "w-3/5 h-3/5", children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7", strokeLinecap: "round", strokeLinejoin: "round" }) });
-    WaypointMarker.displayName = "WaypointMarker";
-  }
-});
-function formatDuration(seconds) {
-  if (seconds >= 60) {
-    return `${Math.floor(seconds / 60)}m`;
-  }
-  return `${Math.round(seconds)}s`;
-}
-function StatusEffect({
-  assetUrl = DEFAULT_ASSET_URL9,
-  icon,
-  label = "Shield",
-  duration = 30,
-  stacks,
-  variant = "buff",
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap14[size];
-  return /* @__PURE__ */ jsxs(Box, { position: "relative", className: cn("inline-flex flex-col items-center", className), children: [
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        position: "relative",
-        className: cn(
-          "flex items-center justify-center rounded-interactive border-2",
-          sizes.container,
-          variantStyles8[variant]
-        ),
-        title: label,
-        children: [
-          /* @__PURE__ */ jsx(Box, { as: "span", className: cn("flex items-center justify-center", sizes.icon), children: assetUrl ? /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: sizes.img, alt: label, className: "flex-shrink-0" }) : icon != null && typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, size: "sm" }) : icon != null ? /* @__PURE__ */ jsx(Icon, { icon, size: "sm" }) : null }),
-          duration !== void 0 && /* @__PURE__ */ jsx(
-            Typography,
-            {
-              as: "span",
-              className: cn(
-                "absolute bottom-0 left-0 right-0 text-center font-mono font-bold text-foreground bg-background/60 leading-tight",
-                sizes.timer
-              ),
-              children: formatDuration(duration)
-            }
-          )
-        ]
-      }
-    ),
-    stacks !== void 0 && stacks > 1 && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        as: "span",
-        className: cn(
-          "absolute flex items-center justify-center rounded-full bg-card text-foreground font-bold leading-none",
-          sizes.badge
-        ),
-        children: stacks
-      }
-    ),
-    label && /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-xs text-muted-foreground mt-0.5 text-center whitespace-nowrap", children: label })
-  ] });
-}
-var DEFAULT_ASSET_URL9, sizeMap14, variantStyles8;
-var init_StatusEffect = __esm({
-  "components/game/atoms/StatusEffect.tsx"() {
-    init_cn();
-    init_Icon();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    DEFAULT_ASSET_URL9 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png",
-      role: "ui",
-      category: "effect"
-    };
-    sizeMap14 = {
-      sm: { container: "w-8 h-8", icon: "text-sm", badge: "text-xs -top-1 -right-1 w-4 h-4", timer: "text-[9px]", img: 20 },
-      md: { container: "w-10 h-10", icon: "text-base", badge: "text-xs -top-1 -right-1 w-5 h-5", timer: "text-xs", img: 28 },
-      lg: { container: "w-12 h-12", icon: "text-lg", badge: "text-sm -top-1.5 -right-1.5 w-6 h-6", timer: "text-xs", img: 36 }
-    };
-    variantStyles8 = {
-      buff: "border-success bg-success/20",
-      debuff: "border-error bg-error/20",
-      neutral: "border-muted bg-muted/20"
-    };
-    StatusEffect.displayName = "StatusEffect";
-  }
-});
 function DialogueBubble({
   speaker = "Hero",
   text = "The dungeon awaits. Choose your path wisely.",
@@ -27043,7 +26143,7 @@ function StatBadge({
     {
       className: cn(
         "inline-flex items-center gap-2 rounded-container border backdrop-blur-sm",
-        sizeMap15[size] ?? sizeMap15.md,
+        sizeMap7[size] ?? sizeMap7.md,
         variantMap2[variant] ?? variantMap2.default,
         className
       ),
@@ -27080,7 +26180,7 @@ function StatBadge({
     }
   );
 }
-var sizeMap15, variantMap2;
+var sizeMap7, variantMap2;
 var init_StatBadge = __esm({
   "components/game/molecules/StatBadge.tsx"() {
     init_cn();
@@ -27090,7 +26190,7 @@ var init_StatBadge = __esm({
     init_GameIcon();
     init_HealthBar();
     init_ScoreDisplay();
-    sizeMap15 = {
+    sizeMap7 = {
       sm: "text-xs px-2 py-1",
       md: "text-sm px-3 py-1.5",
       lg: "text-base px-4 py-2"
@@ -27105,129 +26205,6 @@ var init_StatBadge = __esm({
     StatBadge.displayName = "StatBadge";
   }
 });
-function InventoryGrid({
-  items = DEFAULT_GRID_ITEMS,
-  columns = 4,
-  totalSlots = 12,
-  selectedId = "",
-  onSelect,
-  selectEvent,
-  size = "md",
-  className
-}) {
-  const eventBus = useEventBus();
-  const slotCount = totalSlots ?? items.length;
-  const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React73.useCallback(
-    (id) => {
-      onSelect?.(id);
-      if (selectEvent) {
-        eventBus.emit(`UI:${selectEvent}`, { id });
-      }
-    },
-    [onSelect, selectEvent, eventBus]
-  );
-  const gridClass = columnMap[columns] ?? `grid-cols-${columns}`;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: cn("grid gap-2", gridClass, className),
-      children: [
-        items.map((item) => /* @__PURE__ */ jsx(
-          ItemSlot,
-          {
-            icon: item.icon,
-            assetUrl: item.assetUrl,
-            label: item.label,
-            quantity: item.quantity,
-            rarity: item.rarity,
-            size,
-            selected: selectedId === item.id,
-            onClick: () => handleSelect(item.id)
-          },
-          item.id
-        )),
-        Array.from({ length: emptySlotCount }).map((_, index) => /* @__PURE__ */ jsx(
-          ItemSlot,
-          {
-            empty: true,
-            size
-          },
-          `empty-${index}`
-        ))
-      ]
-    }
-  );
-}
-var columnMap, DEFAULT_GRID_ITEMS;
-var init_InventoryGrid = __esm({
-  "components/game/molecules/InventoryGrid.tsx"() {
-    "use client";
-    init_cn();
-    init_useEventBus();
-    init_ItemSlot();
-    init_Box();
-    columnMap = {
-      2: "grid-cols-2",
-      3: "grid-cols-3",
-      4: "grid-cols-4",
-      5: "grid-cols-5",
-      6: "grid-cols-6",
-      7: "grid-cols-7",
-      8: "grid-cols-8"
-    };
-    DEFAULT_GRID_ITEMS = [
-      { id: "grid-1", icon: "sword", label: "Iron Sword", quantity: 1, rarity: "common" },
-      { id: "grid-2", icon: "flask-conical", label: "Health Potion", quantity: 3, rarity: "uncommon" },
-      { id: "grid-3", icon: "shield", label: "Wooden Shield", quantity: 1, rarity: "common" },
-      { id: "grid-4", icon: "gem", label: "Ruby Gem", quantity: 2, rarity: "rare" }
-    ];
-    InventoryGrid.displayName = "InventoryGrid";
-  }
-});
-function ResourceBar({
-  resources = DEFAULT_RESOURCES,
-  size = "md",
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className: cn(
-        "flex items-center gap-2 flex-wrap",
-        className
-      ),
-      children: resources.map((resource, i) => /* @__PURE__ */ jsx(
-        StatBadge,
-        {
-          label: resource.label,
-          value: resource.value,
-          max: resource.max,
-          format: resource.max != null ? "bar" : "number",
-          icon: resource.icon,
-          assetUrl: resource.assetUrl,
-          size
-        },
-        i
-      ))
-    }
-  );
-}
-var DEFAULT_RESOURCES;
-var init_ResourceBar = __esm({
-  "components/game/molecules/ResourceBar.tsx"() {
-    "use client";
-    init_cn();
-    init_StatBadge();
-    init_Box();
-    DEFAULT_RESOURCES = [
-      { icon: "coins", label: "Gold", value: 320 },
-      { icon: "zap", label: "Energy", value: 7, max: 10 },
-      { icon: "gem", label: "Crystals", value: 15 }
-    ];
-    ResourceBar.displayName = "ResourceBar";
-  }
-});
 function convertElementsToStats(elements) {
   return elements.map((el) => {
     const [source, field] = el.bind?.split(".") ?? [];
@@ -27710,11 +26687,46 @@ function useUnitSpriteAtlas(units) {
   return { sheetUrls, resolveUnitFrame, pendingCount };
 }
 var init_useUnitSpriteAtlas = __esm({
-  "components/game/hooks/useUnitSpriteAtlas.ts"() {
+  "hooks/useUnitSpriteAtlas.ts"() {
     "use client";
     init_spriteAnimation();
   }
 });
+function GameAudioToggle({
+  size = "sm",
+  className,
+  onAsset,
+  offAsset
+}) {
+  const ctx = useGameAudioContextOptional();
+  const [localMuted, setLocalMuted] = useState(false);
+  const muted = ctx ? ctx.muted : localMuted;
+  const setMuted = ctx ? ctx.setMuted : setLocalMuted;
+  const handleToggle = useCallback(() => {
+    setMuted(!muted);
+  }, [muted, setMuted]);
+  const activeAsset = muted ? offAsset : onAsset;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size,
+      onClick: handleToggle,
+      className: cn("text-lg leading-none px-2", className),
+      "aria-pressed": muted,
+      children: activeAsset ? /* @__PURE__ */ jsx(GameIcon, { assetUrl: activeAsset, icon: "image", size: 20, alt: muted ? "Muted" : "Sound on", className: "w-5 h-5 object-contain" }) : muted ? "\u{1F507}" : "\u{1F50A}"
+    }
+  );
+}
+var init_GameAudioToggle = __esm({
+  "components/game/atoms/GameAudioToggle.tsx"() {
+    "use client";
+    init_atoms();
+    init_cn();
+    init_GameIcon();
+    GameAudioToggle.displayName = "GameAudioToggle";
+  }
+});
 function pickPath(entry) {
   if (Array.isArray(entry.path)) {
     return entry.path[Math.floor(Math.random() * entry.path.length)];
@@ -27977,108 +26989,79 @@ function useGameAudio({
   };
 }
 var init_useGameAudio = __esm({
-  "components/game/hooks/useGameAudio.ts"() {
+  "hooks/useGameAudio.ts"() {
     "use client";
     useGameAudio.displayName = "useGameAudio";
   }
 });
-function useGameAudioContext() {
-  const ctx = useContext(GameAudioContext);
-  if (!ctx) {
-    throw new Error("useGameAudioContext must be used inside <GameAudioProvider>");
-  }
-  return ctx;
-}
-function useGameAudioContextOptional() {
-  return useContext(GameAudioContext);
+function isKnownState(s) {
+  return s in DEFAULT_STATE_STYLES;
 }
-function GameAudioProvider({
-  manifest,
-  baseUrl = "",
-  children,
-  initialMuted = false
-}) {
-  const eventBus = useEventBus();
-  const { play, stop, stopAll, playMusic, stopMusic, muted, setMuted, masterVolume, setMasterVolume } = useGameAudio({ manifest, baseUrl, initialMuted });
-  useEffect(() => {
-    const unsubPlay = eventBus.on("UI:PLAY_SOUND", (event) => {
-      const key = event.payload?.key;
-      if (key) play(key);
-    });
-    const unsubStop = eventBus.on("UI:STOP_SOUND", (event) => {
-      const key = event.payload?.key;
-      if (key) {
-        stop(key);
-      } else {
-        stopAll();
-      }
-    });
-    const unsubChangeMusic = eventBus.on("UI:CHANGE_MUSIC", (event) => {
-      const key = event.payload?.key;
-      if (key) {
-        playMusic(key);
-      } else {
-        stopMusic();
-      }
-    });
-    const unsubStopMusic = eventBus.on("UI:STOP_MUSIC", () => {
-      stopMusic();
-    });
-    return () => {
-      unsubPlay();
-      unsubStop();
-      unsubChangeMusic();
-      unsubStopMusic();
-    };
-  }, [eventBus, play, stop, stopAll, playMusic, stopMusic]);
-  const value = { muted, setMuted, masterVolume, setMasterVolume, play, playMusic, stopMusic };
-  return /* @__PURE__ */ jsx(GameAudioContext.Provider, { value, children });
-}
-var GameAudioContext;
-var init_GameAudioProvider = __esm({
-  "components/game/providers/GameAudioProvider.tsx"() {
-    "use client";
-    init_useEventBus();
-    init_useGameAudio();
-    GameAudioContext = createContext(null);
-    GameAudioContext.displayName = "GameAudioContext";
-    GameAudioProvider.displayName = "GameAudioProvider";
-  }
-});
-function GameAudioToggle({
-  size = "sm",
-  className,
-  onAsset,
-  offAsset
+function StateIndicator({
+  assetUrl = DEFAULT_ASSET_URL,
+  state = "idle",
+  label,
+  size = "md",
+  animated = true,
+  stateStyles,
+  className
 }) {
-  const ctx = useGameAudioContextOptional();
-  const [localMuted, setLocalMuted] = useState(false);
-  const muted = ctx ? ctx.muted : localMuted;
-  const setMuted = ctx ? ctx.setMuted : setLocalMuted;
-  const handleToggle = useCallback(() => {
-    setMuted(!muted);
-  }, [muted, setMuted]);
-  const activeAsset = muted ? offAsset : onAsset;
-  return /* @__PURE__ */ jsx(
-    Button,
+  const mergedStyles = stateStyles ? { ...DEFAULT_STATE_STYLES, ...stateStyles } : DEFAULT_STATE_STYLES;
+  const knownState = isKnownState(state) ? state : null;
+  const config = knownState !== null ? mergedStyles[knownState] ?? DEFAULT_STYLE : DEFAULT_STYLE;
+  const displayLabel = label ?? state.charAt(0).toUpperCase() + state.slice(1);
+  return /* @__PURE__ */ jsxs(
+    Box,
     {
-      variant: "ghost",
-      size,
-      onClick: handleToggle,
-      className: cn("text-lg leading-none px-2", className),
-      "aria-pressed": muted,
-      children: activeAsset ? /* @__PURE__ */ jsx(GameIcon, { assetUrl: activeAsset, icon: "image", size: 20, alt: muted ? "Muted" : "Sound on", className: "w-5 h-5 object-contain" }) : muted ? "\u{1F507}" : "\u{1F50A}"
+      display: "inline-flex",
+      className: cn(
+        "items-center gap-1 rounded-full text-foreground font-medium",
+        config.bgClass,
+        SIZE_CLASSES[size],
+        animated && (knownState === null || !STATIC_STATES.has(knownState)) && "animate-pulse",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Box, { as: "span", children: assetUrl ? /* @__PURE__ */ jsx(GameIcon, { assetUrl, icon: "image", size: 16, alt: displayLabel, className: "flex-shrink-0" }) : typeof config.icon === "string" ? /^[a-zA-Z0-9-]+$/.test(config.icon) ? /* @__PURE__ */ jsx(Icon, { name: config.icon }) : config.icon : /* @__PURE__ */ jsx(Icon, { icon: config.icon }) }),
+        /* @__PURE__ */ jsx(Box, { as: "span", children: displayLabel })
+      ]
     }
   );
 }
-var init_GameAudioToggle = __esm({
-  "components/game/atoms/GameAudioToggle.tsx"() {
-    "use client";
-    init_atoms();
+var DEFAULT_ASSET_URL, DEFAULT_STATE_STYLES, DEFAULT_STYLE, STATIC_STATES, SIZE_CLASSES;
+var init_StateIndicator = __esm({
+  "components/game/atoms/StateIndicator.tsx"() {
+    init_Box();
+    init_Icon();
     init_cn();
-    init_GameAudioProvider();
     init_GameIcon();
-    GameAudioToggle.displayName = "GameAudioToggle";
+    DEFAULT_ASSET_URL = {
+      url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
+      role: "ui",
+      category: "state"
+    };
+    DEFAULT_STATE_STYLES = {
+      idle: { icon: "\u23F8", bgClass: "bg-muted" },
+      active: { icon: "\u25B6", bgClass: "bg-success" },
+      sleeping: { icon: "\u{1F4A4}", bgClass: "bg-muted" },
+      moving: { icon: "\u{1F6B6}", bgClass: "bg-info" },
+      eating: { icon: "\u{1F37D}\uFE0F", bgClass: "bg-success" },
+      waiting: { icon: "\u23F3", bgClass: "bg-warning" },
+      happy: { icon: "\u{1F60A}", bgClass: "bg-success" },
+      scared: { icon: "\u{1F628}", bgClass: "bg-error" },
+      done: { icon: "\u2713", bgClass: "bg-success" },
+      error: { icon: "\u2717", bgClass: "bg-error" },
+      ready: { icon: "\u2713", bgClass: "bg-success" },
+      cooldown: { icon: "\u{1F504}", bgClass: "bg-warning" }
+    };
+    DEFAULT_STYLE = { icon: "?", bgClass: "bg-muted" };
+    STATIC_STATES = /* @__PURE__ */ new Set(["idle", "done"]);
+    SIZE_CLASSES = {
+      sm: "text-xs px-1.5 py-0.5",
+      md: "text-sm px-2 py-1",
+      lg: "text-base px-3 py-1.5"
+    };
+    StateIndicator.displayName = "StateIndicator";
   }
 });
 function LinearView({
@@ -28651,7 +27634,7 @@ function EditorToolbar({ mode, onModeChange, className }) {
 }
 var TERRAIN_COLORS, FEATURE_TYPES, MODE_LABELS;
 var init_editorUtils = __esm({
-  "components/game/lib/editorUtils.tsx"() {
+  "lib/editorUtils.tsx"() {
     init_Box();
     init_Stack();
     init_Typography();
@@ -28763,110 +27746,8 @@ var init_SequenceBar = __esm({
     SequenceBar.displayName = "SequenceBar";
   }
 });
-function RuleEditor({
-  rule,
-  availableEvents,
-  availableActions,
-  onChange,
-  onRemove,
-  disabled = false,
-  className
-}) {
-  const { t } = useTranslate();
-  const handleWhenChange = useCallback((v) => {
-    onChange({ ...rule, whenEvent: v });
-  }, [rule, onChange]);
-  const handleThenChange = useCallback((v) => {
-    onChange({ ...rule, thenAction: v });
-  }, [rule, onChange]);
-  return /* @__PURE__ */ jsxs(HStack, { className: cn("items-center p-2 rounded-lg bg-muted/50 border border-border", className), gap: "sm", children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-primary font-bold whitespace-nowrap", children: t("eventHandler.when") }),
-    /* @__PURE__ */ jsx(
-      Select,
-      {
-        value: rule.whenEvent,
-        onValueChange: handleWhenChange,
-        options: availableEvents,
-        disabled,
-        className: "flex-1 min-w-0"
-      }
-    ),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-accent font-bold whitespace-nowrap", children: "\u2192 " + t("eventHandler.then") }),
-    /* @__PURE__ */ jsx(
-      Select,
-      {
-        value: rule.thenAction,
-        onValueChange: handleThenChange,
-        options: availableActions,
-        disabled,
-        className: "flex-1 min-w-0"
-      }
-    ),
-    onRemove && /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onRemove, disabled, className: "shrink-0", children: "\xD7" })
-  ] });
-}
-var init_RuleEditor = __esm({
-  "components/game/molecules/RuleEditor.tsx"() {
-    init_atoms();
-    init_cn();
-    RuleEditor.displayName = "RuleEditor";
-  }
-});
-function EventLog({
-  entries,
-  maxHeight = 200,
-  label,
-  className
-}) {
-  const { t } = useTranslate();
-  const scrollRef = useRef(null);
-  useEffect(() => {
-    if (scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-    }
-  }, [entries.length]);
-  return /* @__PURE__ */ jsxs(VStack, { className: cn("p-3 rounded-lg bg-card border border-border", className), gap: "sm", children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: label ?? t("eventHandler.eventLog") }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref: scrollRef,
-        className: "overflow-y-auto",
-        style: { maxHeight },
-        children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-          entries.length === 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground italic", children: t("eventHandler.noEvents") }),
-          entries.map((entry) => /* @__PURE__ */ jsxs(HStack, { className: "items-start", gap: "xs", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: STATUS_STYLES[entry.status], children: STATUS_DOTS[entry.status] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: entry.icon }),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: cn("flex-1", STATUS_STYLES[entry.status]), children: entry.message })
-          ] }, entry.id))
-        ] })
-      }
-    )
-  ] });
-}
-var STATUS_STYLES, STATUS_DOTS;
-var init_EventLog = __esm({
-  "components/game/molecules/EventLog.tsx"() {
-    init_atoms();
-    init_cn();
-    STATUS_STYLES = {
-      pending: "text-muted-foreground",
-      active: "text-primary animate-pulse",
-      done: "text-success",
-      error: "text-error"
-    };
-    STATUS_DOTS = {
-      pending: "\u25CB",
-      active: "\u25CF",
-      done: "\u2714",
-      error: "\u2717"
-    };
-    EventLog.displayName = "EventLog";
-  }
-});
 
-// components/game/lib/puzzleObject.ts
+// lib/puzzleObject.ts
 function objId(o) {
   return o.id == null ? "" : String(o.id);
 }
@@ -28896,121 +27777,7 @@ function objMaxRules(o) {
   return Number.isFinite(n) && n > 0 ? n : 3;
 }
 var init_puzzleObject = __esm({
-  "components/game/lib/puzzleObject.ts"() {
-  }
-});
-function ObjectRulePanel({
-  object,
-  onRulesChange,
-  rulesChangeEvent,
-  disabled = false,
-  className
-}) {
-  const { t } = useTranslate();
-  const { emit } = useEventBus();
-  const id = objId(object);
-  const name = objName(object);
-  const icon = objIcon(object);
-  const states = objStates(object);
-  const currentState = objCurrentState(object);
-  const availableEvents = objAvailableEvents(object);
-  const availableActions = objAvailableActions(object);
-  const rules = objRules(object);
-  const maxRules = objMaxRules(object);
-  const canAdd = rules.length < maxRules;
-  const emitRules = useCallback((newRules) => {
-    if (rulesChangeEvent) emit(`UI:${rulesChangeEvent}`, { objectId: id, rules: newRules });
-    else onRulesChange?.(id, newRules);
-  }, [rulesChangeEvent, emit, id, onRulesChange]);
-  const handleRuleChange = useCallback((index, updatedRule) => {
-    const newRules = [...rules];
-    newRules[index] = updatedRule;
-    emitRules(newRules);
-  }, [rules, emitRules]);
-  const handleRuleRemove = useCallback((index) => {
-    const newRules = rules.filter((_, i) => i !== index);
-    emitRules(newRules);
-  }, [rules, emitRules]);
-  const handleAddRule = useCallback(() => {
-    if (!canAdd || disabled) return;
-    const firstEvent = availableEvents[0]?.value || "";
-    const firstAction = availableActions[0]?.value || "";
-    const newRule = {
-      id: `rule-${nextRuleId++}`,
-      whenEvent: firstEvent,
-      thenAction: firstAction
-    };
-    emitRules([...rules, newRule]);
-  }, [canAdd, disabled, rules, availableEvents, availableActions, emitRules]);
-  const machine = {
-    name,
-    states,
-    currentState,
-    transitions: rules.map((r) => ({
-      from: currentState,
-      to: states.find((s) => s !== currentState) || currentState,
-      event: r.whenEvent
-    }))
-  };
-  return /* @__PURE__ */ jsxs(VStack, { className: cn("p-4 rounded-lg bg-card border border-border", className), gap: "sm", children: [
-    /* @__PURE__ */ jsxs(HStack, { className: "items-center", gap: "sm", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h5", children: icon }),
-      /* @__PURE__ */ jsxs(VStack, { gap: "none", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-foreground font-bold", children: name }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("eventHandler.state") + ": " + currentState })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(TraitStateViewer, { trait: machine, variant: "compact", size: "sm" }),
-    /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("eventHandler.rules", { count: rules.length, max: maxRules }) + ":" }),
-      rules.map((rule, i) => /* @__PURE__ */ jsx(
-        RuleEditor,
-        {
-          rule,
-          availableEvents,
-          availableActions,
-          onChange: (r) => handleRuleChange(i, r),
-          onRemove: () => handleRuleRemove(i),
-          disabled
-        },
-        rule.id
-      )),
-      canAdd && !disabled && /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleAddRule, className: "self-start", children: t("eventHandler.addRule") })
-    ] })
-  ] });
-}
-var nextRuleId;
-var init_ObjectRulePanel = __esm({
-  "components/game/molecules/ObjectRulePanel.tsx"() {
-    init_atoms();
-    init_cn();
-    init_useEventBus();
-    init_TraitStateViewer();
-    init_RuleEditor();
-    init_puzzleObject();
-    nextRuleId = 1;
-    ObjectRulePanel.displayName = "ObjectRulePanel";
-  }
-});
-function VariablePanel({
-  entityName,
-  variables,
-  className
-}) {
-  const { t } = useTranslate();
-  return /* @__PURE__ */ jsxs(VStack, { className: cn("p-3 rounded-lg bg-card border border-border", className), gap: "sm", children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("stateArchitect.variables", { name: entityName }) }),
-    (variables ?? []).map((v) => /* @__PURE__ */ jsxs(HStack, { className: "items-center justify-between", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground font-medium", children: v.name }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-accent font-mono", children: v.value })
-    ] }, v.name))
-  ] });
-}
-var init_VariablePanel = __esm({
-  "components/game/molecules/VariablePanel.tsx"() {
-    init_atoms();
-    init_cn();
-    VariablePanel.displayName = "VariablePanel";
+  "lib/puzzleObject.ts"() {
   }
 });
 function StateJsonView({
@@ -29052,10 +27819,10 @@ var init_StateJsonView = __esm({
   }
 });
 
-// components/game/lib/mechanics.ts
+// lib/mechanics.ts
 var projectileMotion, pendulum, springOscillator;
 var init_mechanics = __esm({
-  "components/game/lib/mechanics.ts"() {
+  "lib/mechanics.ts"() {
     projectileMotion = {
       id: "mechanics-projectile",
       name: "Projectile Motion",
@@ -29110,10 +27877,10 @@ var init_mechanics = __esm({
   }
 });
 
-// components/game/lib/physicsPresets.ts
+// lib/physicsPresets.ts
 var ALL_PRESETS;
 var init_physicsPresets = __esm({
-  "components/game/lib/physicsPresets.ts"() {
+  "lib/physicsPresets.ts"() {
     init_mechanics();
     init_mechanics();
     ALL_PRESETS = [
@@ -29123,125 +27890,6 @@ var init_physicsPresets = __esm({
     ];
   }
 });
-var GameTemplate;
-var init_GameTemplate = __esm({
-  "components/game/templates/GameTemplate.tsx"() {
-    init_cn();
-    init_Box();
-    init_Stack();
-    init_Typography();
-    init_Button();
-    GameTemplate = ({
-      entity,
-      title = "Game",
-      children,
-      hud,
-      debugPanel,
-      showDebugPanel = false,
-      controls,
-      className,
-      backgroundAsset
-    }) => {
-      return /* @__PURE__ */ jsxs(
-        Box,
-        {
-          display: "flex",
-          fullHeight: true,
-          className: cn("flex-col lg:flex-row", className),
-          children: [
-            /* @__PURE__ */ jsxs(Box, { display: "flex", className: "flex-1 flex-col", children: [
-              /* @__PURE__ */ jsxs(
-                Box,
-                {
-                  padding: "md",
-                  border: true,
-                  className: "border-b-2 border-x-0 border-t-0 border-border flex items-center justify-between",
-                  children: [
-                    /* @__PURE__ */ jsx(Typography, { variant: "h4", children: title }),
-                    controls && /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-                      controls.isPlaying ? /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          variant: "secondary",
-                          size: "sm",
-                          icon: "pause",
-                          onClick: controls.onPause,
-                          children: "Pause"
-                        }
-                      ) : /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          variant: "primary",
-                          size: "sm",
-                          icon: "play",
-                          onClick: controls.onPlay,
-                          children: "Play"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          variant: "ghost",
-                          size: "sm",
-                          icon: "rotate-ccw",
-                          onClick: controls.onReset,
-                          children: "Reset"
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Box,
-                {
-                  position: "relative",
-                  fullWidth: true,
-                  className: backgroundAsset ? "flex-1" : "flex-1 bg-muted",
-                  style: backgroundAsset ? { backgroundImage: `url(${backgroundAsset.url})`, backgroundSize: "cover", backgroundPosition: "center" } : void 0,
-                  children: [
-                    children,
-                    hud && /* @__PURE__ */ jsx(
-                      Box,
-                      {
-                        position: "absolute",
-                        className: "top-0 left-0 right-0 pointer-events-none",
-                        children: /* @__PURE__ */ jsx(Box, { padding: "md", className: "pointer-events-auto w-fit", children: hud })
-                      }
-                    )
-                  ]
-                }
-              )
-            ] }),
-            showDebugPanel && debugPanel && /* @__PURE__ */ jsxs(
-              Box,
-              {
-                bg: "surface",
-                border: true,
-                shadow: "sm",
-                overflow: "auto",
-                className: "w-full lg:w-80 lg:border-l-2 lg:border-t-0 border-t-2 border-border",
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Box,
-                    {
-                      padding: "md",
-                      border: true,
-                      className: "border-b-2 border-x-0 border-t-0 border-border",
-                      children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Debug Panel" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Box, { padding: "md", children: debugPanel })
-                ]
-              }
-            )
-          ]
-        }
-      );
-    };
-    GameTemplate.displayName = "GameTemplate";
-  }
-});
 var FONT_BASE, GAME_FONTS, FONT_FACES, GameShell;
 var init_GameShell = __esm({
   "components/game/templates/GameShell.tsx"() {
@@ -29412,41 +28060,23 @@ var init_GameShell = __esm({
     GameShell.displayName = "GameShell";
   }
 });
-
-// components/game/molecules/index.ts
 var init_molecules = __esm({
   "components/game/molecules/index.ts"() {
-    init_lib();
-    init_GameCard();
+    init_gameShared();
     init_HealthBar();
     init_ScoreDisplay();
     init_ControlButton();
-    init_Sprite();
-    init_StateIndicator();
     init_TimerDisplay();
-    init_ResourceCounter();
-    init_ItemSlot();
-    init_TurnIndicator();
-    init_ComboCounter();
-    init_WaypointMarker();
-    init_StatusEffect();
-    init_DamageNumber();
     init_DialogueBubble();
     init_ChoiceButton();
-    init_ActionButton();
-    init_MiniMap();
-    init_GameIcon();
     init_ControlGrid();
     init_StatBadge();
-    init_InventoryGrid();
-    init_ResourceBar();
     init_GameHud();
     init_GameMenu();
     init_StateGraph();
     init_Canvas2D();
     init_Canvas();
     init_useUnitSpriteAtlas();
-    init_GameAudioProvider();
     init_GameAudioToggle();
     init_useGameAudio();
     init_useCamera();
@@ -29456,16 +28086,11 @@ var init_molecules = __esm({
     init_ActionTile();
     init_ActionPalette();
     init_SequenceBar();
-    init_RuleEditor();
-    init_EventLog();
-    init_ObjectRulePanel();
     init_puzzleObject();
     init_StateNode();
     init_TransitionArrow();
-    init_VariablePanel();
     init_StateJsonView();
     init_physicsPresets();
-    init_GameTemplate();
     init_GameShell();
   }
 });
@@ -30068,13 +28693,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect66, useRef: useRef62, useCallback: useCallback108, useState: useState100 } = React73__default;
+      const { useEffect: useEffect64, useRef: useRef61, useCallback: useCallback104, useState: useState100 } = React73__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef62({ centerLat, centerLng, zoom });
-        useEffect66(() => {
+        const prevRef = useRef61({ centerLat, centerLng, zoom });
+        useEffect64(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -30085,7 +28710,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect66(() => {
+        useEffect64(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -30114,7 +28739,7 @@ var init_MapView = __esm({
       }) {
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState100(null);
-        const handleMapClick = useCallback108((lat, lng) => {
+        const handleMapClick = useCallback104((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -30123,7 +28748,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback108((marker) => {
+        const handleMarkerClick = useCallback104((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -37221,7 +35846,7 @@ var init_Navigation = __esm({
     Navigation.displayName = "Navigation";
   }
 });
-var paddingStyles4, variantStyles9, Section;
+var paddingStyles4, variantStyles7, Section;
 var init_Section = __esm({
   "components/core/molecules/Section.tsx"() {
     init_cn();
@@ -37234,7 +35859,7 @@ var init_Section = __esm({
       lg: "p-6",
       xl: "p-8"
     };
-    variantStyles9 = {
+    variantStyles7 = {
       default: "",
       card: [
         "bg-card",
@@ -37267,7 +35892,7 @@ var init_Section = __esm({
         {
           className: cn(
             paddingStyles4[padding],
-            variantStyles9[variant],
+            variantStyles7[variant],
             className
           )
         },
@@ -41443,18 +40068,18 @@ function entityFieldsFromListItem(item) {
 function getStatusStyle(fieldName, value) {
   const val = String(value).toLowerCase();
   if (val.includes("complete") || val.includes("done"))
-    return STATUS_STYLES2.complete;
+    return STATUS_STYLES.complete;
   if (val.includes("active") || val.includes("progress"))
-    return STATUS_STYLES2.active;
+    return STATUS_STYLES.active;
   if (val.includes("pending") || val.includes("waiting"))
-    return STATUS_STYLES2.pending;
+    return STATUS_STYLES.pending;
   if (val.includes("block") || val.includes("cancel"))
-    return STATUS_STYLES2.blocked;
-  if (val.includes("high") || val.includes("urgent")) return STATUS_STYLES2.high;
+    return STATUS_STYLES.blocked;
+  if (val.includes("high") || val.includes("urgent")) return STATUS_STYLES.high;
   if (val.includes("medium") || val.includes("normal"))
-    return STATUS_STYLES2.medium;
-  if (val.includes("low")) return STATUS_STYLES2.low;
-  return STATUS_STYLES2.default;
+    return STATUS_STYLES.medium;
+  if (val.includes("low")) return STATUS_STYLES.low;
+  return STATUS_STYLES.default;
 }
 function formatValue3(value, fieldName) {
   if (typeof value === "number") {
@@ -41487,7 +40112,7 @@ function formatValue3(value, fieldName) {
 function formatFieldLabel2(fieldName) {
   return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str2) => str2.toUpperCase()).replace(/Id$/, "").trim();
 }
-var STATUS_STYLES2, StatusBadge, ProgressIndicator, List3;
+var STATUS_STYLES, StatusBadge, ProgressIndicator, List3;
 var init_List = __esm({
   "components/core/organisms/List.tsx"() {
     "use client";
@@ -41500,7 +40125,7 @@ var init_List = __esm({
     init_getNestedValue();
     init_useEventBus();
     init_types2();
-    STATUS_STYLES2 = {
+    STATUS_STYLES = {
       complete: {
         bg: "bg-success/10",
         text: "text-success",
@@ -45684,7 +44309,7 @@ var init_TeamOrganism = __esm({
     TeamOrganism.displayName = "TeamOrganism";
   }
 });
-var lookStyles10, STATUS_STYLES3, Timeline;
+var lookStyles10, STATUS_STYLES2, Timeline;
 var init_Timeline = __esm({
   "components/core/organisms/Timeline.tsx"() {
     "use client";
@@ -45700,7 +44325,7 @@ var init_Timeline = __esm({
       horizontal: "flex-row [&>*]:flex-row [&>*]:items-center",
       swimlane: "flex-row gap-6 [&>*]:flex-row [&>*]:items-center"
     };
-    STATUS_STYLES3 = {
+    STATUS_STYLES2 = {
       complete: {
         dotColor: "text-success",
         lineColor: "bg-success",
@@ -45784,7 +44409,7 @@ var init_Timeline = __esm({
         title && /* @__PURE__ */ jsx(Typography, { variant: "h5", weight: "semibold", children: title }),
         /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("relative", lookStyles10[look]), children: items.map((item, idx) => {
           const status = item.status || "pending";
-          const style = STATUS_STYLES3[status] || STATUS_STYLES3.pending;
+          const style = STATUS_STYLES2[status] || STATUS_STYLES2.pending;
           const ItemIcon = item.icon || style.icon;
           const isLast = idx === items.length - 1;
           return /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "relative", children: [
@@ -45895,38 +44520,13 @@ var init_ToastSlot = __esm({
     ToastSlot.displayName = "ToastSlot";
   }
 });
-function lazyThree(name, loader) {
-  const Lazy = React73__default.lazy(
-    () => loader().then((m) => {
-      const Resolved = m[name];
-      if (!Resolved) {
-        throw new Error(
-          `[@almadar/ui] 3D component "${name}" was not found in the three subpath bundle.`
-        );
-      }
-      return { default: Resolved };
-    })
-  );
-  function ThreeWrapper(props) {
-    return React73__default.createElement(
-      ThreeBoundary,
-      { name },
-      React73__default.createElement(
-        React73__default.Suspense,
-        { fallback: null },
-        React73__default.createElement(Lazy, props)
-      )
-    );
-  }
-  ThreeWrapper.displayName = `Lazy(${name})`;
-  return ThreeWrapper;
-}
-var ThreeBoundary, GameCanvas3D2, COMPONENT_REGISTRY;
+
+// components/core/organisms/component-registry.generated.ts
+var COMPONENT_REGISTRY;
 var init_component_registry_generated = __esm({
   "components/core/organisms/component-registry.generated.ts"() {
     init_AboutPageTemplate();
     init_Accordion();
-    init_ActionButton();
     init_ActionPalette();
     init_ActionTile();
     init_ActivationBlock();
@@ -45970,7 +44570,6 @@ var init_component_registry_generated = __esm({
     init_ChoiceButton();
     init_CodeBlock();
     init_CodeRunnerPanel();
-    init_ComboCounter();
     init_CommunityLinks();
     init_ConditionalWrapper();
     init_ConfettiEffect();
@@ -45982,7 +44581,6 @@ var init_component_registry_generated = __esm({
     init_ControlButton();
     init_ControlGrid();
     init_CounterTemplate();
-    init_DamageNumber();
     init_DashboardGrid();
     init_DashboardLayout();
     init_DataGrid();
@@ -46012,7 +44610,6 @@ var init_component_registry_generated = __esm({
     init_EmptyState();
     init_ErrorBoundary();
     init_ErrorState();
-    init_EventLog();
     init_FeatureCard();
     init_FeatureDetailPageTemplate();
     init_FeatureGrid();
@@ -46029,12 +44626,10 @@ var init_component_registry_generated = __esm({
     init_FormField();
     init_FormSectionHeader();
     init_GameAudioToggle();
-    init_GameCard();
     init_GameHud();
     init_GameIcon();
     init_GameMenu();
     init_GameShell();
-    init_GameTemplate();
     init_GenericAppTemplate();
     init_GeometricPattern();
     init_GradientDivider();
@@ -46051,8 +44646,6 @@ var init_component_registry_generated = __esm({
     init_Input();
     init_InputGroup();
     init_InstallBox();
-    init_InventoryGrid();
-    init_ItemSlot();
     init_JazariStateMachine();
     init_LandingPageTemplate();
     init_LawReferenceTooltip();
@@ -46073,13 +44666,11 @@ var init_component_registry_generated = __esm({
     init_MediaGallery();
     init_Menu();
     init_Meter();
-    init_MiniMap();
     init_Modal();
     init_ModalSlot();
     init_ModuleCard();
     init_Navigation();
     init_NumberStepper();
-    init_ObjectRulePanel();
     init_OptionConstraintGroup();
     init_OrbitalVisualization();
     init_Overlay();
@@ -46105,8 +44696,6 @@ var init_component_registry_generated = __esm({
     init_RelationSelect();
     init_RepeatableFormSection();
     init_ReplyTree();
-    init_ResourceBar();
-    init_ResourceCounter();
     init_RichBlockEditor();
     init_RuntimeDebugger2();
     init_ScaledDiagram();
@@ -46132,19 +44721,16 @@ var init_component_registry_generated = __esm({
     init_Split();
     init_SplitPane();
     init_SplitSection();
-    init_Sprite();
     init_StarRating();
     init_StatBadge();
     init_StatCard();
     init_StatDisplay();
     init_StateGraph();
-    init_StateIndicator();
     init_StateJsonView();
     init_StateMachineView();
     init_StatsGrid();
     init_StatsOrganism();
     init_StatusDot();
-    init_StatusEffect();
     init_StepFlow();
     init_StepFlowOrganism();
     init_SubagentTracePanel();
@@ -46181,46 +44767,19 @@ var init_component_registry_generated = __esm({
     init_TraitFrame();
     init_TraitSlot();
     init_TrendIndicator();
-    init_TurnIndicator();
     init_TypewriterText();
     init_Typography();
     init_UISlotRenderer();
     init_UploadDropZone();
-    init_VariablePanel();
     init_VersionDiff();
     init_ViolationAlert();
     init_VoteStack();
-    init_WaypointMarker();
     init_WizardContainer();
     init_WizardNavigation();
     init_WizardProgress();
-    ThreeBoundary = class extends React73__default.Component {
-      constructor() {
-        super(...arguments);
-        __publicField(this, "state", { failed: false });
-      }
-      static getDerivedStateFromError() {
-        return { failed: true };
-      }
-      render() {
-        if (this.state.failed) {
-          return React73__default.createElement(
-            "div",
-            {
-              "data-testid": "three-unavailable",
-              style: { padding: 16, fontSize: 13, lineHeight: 1.5, opacity: 0.7 }
-            },
-            `3D pattern "${this.props.name}" requires three.js. Install the optional peers three + @react-three/fiber + @react-three/drei (matching the host React major) to render it.`
-          );
-        }
-        return this.props.children;
-      }
-    };
-    GameCanvas3D2 = lazyThree("GameCanvas3D", () => import('@almadar/ui/components/molecules/game/three'));
     COMPONENT_REGISTRY = {
       "AboutPageTemplate": AboutPageTemplate,
       "Accordion": Accordion,
-      "ActionButton": ActionButton,
       "ActionPalette": ActionPalette,
       "ActionTile": ActionTile,
       "ActivationBlock": ActivationBlock,
@@ -46269,7 +44828,6 @@ var init_component_registry_generated = __esm({
       "ChoiceButton": ChoiceButton,
       "CodeBlock": CodeBlock,
       "CodeRunnerPanel": CodeRunnerPanel,
-      "ComboCounter": ComboCounter,
       "CommunityLinks": CommunityLinks,
       "ConditionalWrapper": ConditionalWrapper,
       "ConfettiEffect": ConfettiEffect,
@@ -46281,7 +44839,6 @@ var init_component_registry_generated = __esm({
       "ControlButton": ControlButton,
       "ControlGrid": ControlGrid,
       "CounterTemplate": CounterTemplate,
-      "DamageNumber": DamageNumber,
       "DashboardGrid": DashboardGrid,
       "DashboardLayout": DashboardLayout,
       "DataGrid": DataGrid,
@@ -46313,7 +44870,6 @@ var init_component_registry_generated = __esm({
       "EmptyState": EmptyState,
       "ErrorBoundary": ErrorBoundary,
       "ErrorState": ErrorState,
-      "EventLog": EventLog,
       "FeatureCard": FeatureCard,
       "FeatureDetailPageTemplate": FeatureDetailPageTemplate,
       "FeatureGrid": FeatureGrid,
@@ -46331,13 +44887,10 @@ var init_component_registry_generated = __esm({
       "FormLayout": FormLayout,
       "FormSectionHeader": FormSectionHeader,
       "GameAudioToggle": GameAudioToggle,
-      "GameCanvas3D": GameCanvas3D2,
-      "GameCard": GameCard,
       "GameHud": GameHud,
       "GameIcon": GameIcon,
       "GameMenu": GameMenu,
       "GameShell": GameShell,
-      "GameTemplate": GameTemplate,
       "GenericAppTemplate": GenericAppTemplate,
       "GeometricPattern": GeometricPattern,
       "GradientDivider": GradientDivider,
@@ -46354,8 +44907,6 @@ var init_component_registry_generated = __esm({
       "Input": Input,
       "InputGroup": InputGroup,
       "InstallBox": InstallBox,
-      "InventoryGrid": InventoryGrid,
-      "ItemSlot": ItemSlot,
       "JazariStateMachine": JazariStateMachine,
       "Label": LabelPattern,
       "LabelPattern": LabelPattern,
@@ -46378,13 +44929,11 @@ var init_component_registry_generated = __esm({
       "MediaGallery": MediaGallery,
       "Menu": Menu,
       "Meter": Meter,
-      "MiniMap": MiniMap,
       "Modal": Modal,
       "ModalSlot": ModalSlot,
       "ModuleCard": ModuleCard,
       "Navigation": Navigation,
       "NumberStepper": NumberStepper,
-      "ObjectRulePanel": ObjectRulePanel,
       "OptionConstraintGroup": OptionConstraintGroup,
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
@@ -46410,8 +44959,6 @@ var init_component_registry_generated = __esm({
       "RelationSelect": RelationSelect,
       "RepeatableFormSection": RepeatableFormSection,
       "ReplyTree": ReplyTree,
-      "ResourceBar": ResourceBar,
-      "ResourceCounter": ResourceCounter,
       "RichBlockEditor": RichBlockEditor,
       "RuntimeDebugger": RuntimeDebugger,
       "ScaledDiagram": ScaledDiagram,
@@ -46439,20 +44986,17 @@ var init_component_registry_generated = __esm({
       "Split": Split,
       "SplitPane": SplitPane,
       "SplitSection": SplitSection,
-      "Sprite": Sprite,
       "Stack": Stack,
       "StarRating": StarRating,
       "StatBadge": StatBadge,
       "StatCard": StatCard,
       "StatDisplay": StatDisplay,
       "StateGraph": StateGraph,
-      "StateIndicator": StateIndicator,
       "StateJsonView": StateJsonView,
       "StateMachineView": StateMachineView,
       "StatsGrid": StatsGrid,
       "StatsOrganism": StatsOrganism,
       "StatusDot": StatusDot,
-      "StatusEffect": StatusEffect,
       "StepFlow": StepFlow,
       "StepFlowOrganism": StepFlowOrganism,
       "SubagentTracePanel": SubagentTracePanel,
@@ -46489,17 +45033,14 @@ var init_component_registry_generated = __esm({
       "TraitFrame": TraitFrame,
       "TraitSlot": TraitSlot,
       "TrendIndicator": TrendIndicator,
-      "TurnIndicator": TurnIndicator,
       "TypewriterText": TypewriterText,
       "Typography": Typography,
       "UISlotRenderer": UISlotRenderer,
       "UploadDropZone": UploadDropZone,
       "VStack": VStack,
-      "VariablePanel": VariablePanel,
       "VersionDiff": VersionDiff,
       "ViolationAlert": ViolationAlert,
       "VoteStack": VoteStack,
-      "WaypointMarker": WaypointMarker,
       "WizardContainer": WizardContainer,
       "WizardNavigation": WizardNavigation,
       "WizardProgress": WizardProgress,
@@ -47516,6 +46057,7 @@ var init_atoms = __esm({
     init_Card();
     init_Badge();
     init_AtlasImage();
+    init_GameIcon();
     init_FilterPill();
     init_Spinner();
     init_Avatar();
@@ -49624,7 +48166,7 @@ var I18nContext = createContext({
 });
 I18nContext.displayName = "I18nContext";
 var I18nProvider = I18nContext.Provider;
-function useTranslate119() {
+function useTranslate115() {
   return useContext(I18nContext);
 }
 function createTranslate(messages) {
@@ -49889,4 +48431,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCard, GameHud, GameIcon, GameMenu, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, ItemSlot, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateIndicator, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, drawSprite, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useOrbitalHistory, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSwipeGesture, useTapReveal, useTraitListens, useTranslate119 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NotifyListener, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichBlockEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useOrbitalHistory, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSwipeGesture, useTapReveal, useTraitListens, useTranslate115 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };