@almadar/ui 5.107.0 → 5.109.0

package/dist/runtime/index.js

@@ -1,6 +1,6 @@
-import * as React88 from 'react';
-import React88__default, { useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, createContext, useSyncExternalStore, lazy, useLayoutEffect, useId } from 'react';
-import { EventBusContext, useTraitScope, useEntitySchemaOptional, useEntitySchema, getAllPages, OrbitalProvider, TraitScopeProvider, ServerBridgeProvider, useCurrentPagePath, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, useServerBridge } from '@almadar/ui/providers';
+import * as React81 from 'react';
+import React81__default, { useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, createContext, useSyncExternalStore, lazy, useLayoutEffect, useId } from 'react';
+import { EventBusContext, useTraitScope, useEntitySchemaOptional, useEntitySchema, getAllPages, OrbitalProvider, TraitScopeProvider, ServerBridgeProvider, useCurrentPagePath, useGameAudioContextOptional, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, useServerBridge } from '@almadar/ui/providers';
 export { EntitySchemaProvider, ServerBridgeProvider, TraitContext, TraitProvider, useEntitySchema, useEntitySchemaOptional, useServerBridge, useTrait, useTraitContext } from '@almadar/ui/providers';
 import { createLogger, setNamespaceLevel, isLogLevelEnabled } from '@almadar/logger';
 import { clsx } from 'clsx';
@@ -865,7 +865,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React88__default.forwardRef(
+    Box = React81__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -930,7 +930,7 @@ var init_Box = __esm({
           onPointerDown?.(e);
         }, [hoverEvent, tapReveal, triggerProps, onPointerDown]);
         const isClickable = action || onClick;
-        return React88__default.createElement(
+        return React81__default.createElement(
           Component,
           {
             ref,
@@ -1026,7 +1026,7 @@ function loadLib(key, importer) {
   return p;
 }
 function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React88__default.lazy(async () => {
+  const Lazy = React81__default.lazy(async () => {
     const lib = await loadLib(libKey, importer);
     const Comp = pick(lib);
     if (!Comp) {
@@ -1036,7 +1036,7 @@ function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
     return { default: Comp };
   });
   const Wrapped = (props) => /* @__PURE__ */ jsx(
-    React88__default.Suspense,
+    React81__default.Suspense,
     {
       fallback: /* @__PURE__ */ jsx(
         "span",
@@ -1767,7 +1767,7 @@ var init_Icon = __esm({
       const directIcon = typeof icon === "string" ? void 0 : icon;
       const effectiveName = typeof icon === "string" ? icon : name;
       const family = useIconFamily();
-      const RenderedComponent = React88__default.useMemo(() => {
+      const RenderedComponent = React81__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -1888,7 +1888,7 @@ var init_atlasSlice = __esm({
   }
 });
 function useAtlasSliceDataUrl(asset) {
-  const [, bump] = React88.useReducer((x) => x + 1, 0);
+  const [, bump] = React81.useReducer((x) => x + 1, 0);
   if (!isAtlasAsset(asset)) return void 0;
   const key = `${asset.atlas}#${asset.sprite}`;
   const cached = sliceDataUrlCache.get(key);
@@ -1951,13 +1951,13 @@ function AtlasImage({
   style,
   "aria-hidden": ariaHidden
 }) {
-  const [, bump] = React88.useReducer((x) => x + 1, 0);
-  const canvasRef = React88.useRef(null);
+  const [, bump] = React81.useReducer((x) => x + 1, 0);
+  const canvasRef = React81.useRef(null);
   const sliced = isAtlasAsset(asset);
   const atlas = sliced ? getAtlas(asset.atlas, bump) : void 0;
   const img = sliced && asset?.url ? getSheetImage(asset.url, bump) : null;
   const rect = sliced && atlas ? subRectFor(atlas, asset.sprite) : null;
-  React88.useEffect(() => {
+  React81.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas || !img || !rect) return;
     canvas.width = rect.sw;
@@ -2033,7 +2033,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React88__default.isValidElement(value)) {
+  if (React81__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && isIconLike(value)) {
@@ -2110,7 +2110,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React88__default.forwardRef(
+    Button = React81__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -2178,7 +2178,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React88__default.forwardRef(
+    Dialog = React81__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -2296,7 +2296,7 @@ var init_Typography = __esm({
     }) => {
       const variant = variantProp ?? (level ? `h${level}` : "body1");
       const Component = as || defaultElements[variant];
-      return React88__default.createElement(
+      return React81__default.createElement(
         Component,
         {
           id,
@@ -2792,7 +2792,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React88__default.forwardRef(
+    Badge = React81__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, iconAsset, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = {
           sm: "h-icon-default w-icon-default",
@@ -3129,7 +3129,7 @@ var init_SvgFlow = __esm({
       width = 100,
       height = 100
     }) => {
-      const markerId = React88__default.useMemo(() => {
+      const markerId = React81__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -3722,7 +3722,7 @@ var init_SvgRing = __esm({
       width = 100,
       height = 100
     }) => {
-      const gradientId = React88__default.useMemo(() => {
+      const gradientId = React81__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -3903,7 +3903,7 @@ var init_Input = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Input = React88__default.forwardRef(
+    Input = React81__default.forwardRef(
       ({
         className,
         inputType,
@@ -4063,7 +4063,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React88__default.forwardRef(
+    Label = React81__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -4090,7 +4090,7 @@ var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
     init_useEventBus();
-    Textarea = React88__default.forwardRef(
+    Textarea = React81__default.forwardRef(
       ({ className, error, onChange, ...props }, ref) => {
         const eventBus = useEventBus();
         const handleChange = (e) => {
@@ -4329,7 +4329,7 @@ var init_Select = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Select = React88__default.forwardRef(
+    Select = React81__default.forwardRef(
       (props, _ref) => {
         const { multiple, searchable, clearable } = props;
         if (multiple || searchable || clearable) {
@@ -4346,7 +4346,7 @@ var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
     init_useEventBus();
-    Checkbox = React88__default.forwardRef(
+    Checkbox = React81__default.forwardRef(
       ({ className, label, id, onChange, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         const eventBus = useEventBus();
@@ -4400,7 +4400,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React88__default.forwardRef(
+    Spinner = React81__default.forwardRef(
       ({ className, size = "md", overlay, ...props }, ref) => {
         if (overlay) {
           return /* @__PURE__ */ jsx(
@@ -4490,7 +4490,7 @@ var init_Card = __esm({
       chip: "shadow-none rounded-pill border-[length:var(--border-width)] border-border",
       "tile-image-first": "p-0 overflow-hidden"
     };
-    Card = React88__default.forwardRef(
+    Card = React81__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -4538,9 +4538,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React81__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React81__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -4553,11 +4553,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React81__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React81__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -4568,6 +4568,38 @@ var init_Card = __esm({
     CardFooter.displayName = "CardFooter";
   }
 });
+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 variantStyles5, sizeStyles4, iconSizes, FilterPill;
 var init_FilterPill = __esm({
   "components/core/atoms/FilterPill.tsx"() {
@@ -4612,7 +4644,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React88__default.forwardRef(
+    FilterPill = React81__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -4741,8 +4773,8 @@ var init_Avatar = __esm({
       actionPayload
     }) => {
       const eventBus = useEventBus();
-      const [imgFailed, setImgFailed] = React88__default.useState(false);
-      React88__default.useEffect(() => {
+      const [imgFailed, setImgFailed] = React81__default.useState(false);
+      React81__default.useEffect(() => {
         setImgFailed(false);
       }, [src]);
       const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -4855,7 +4887,7 @@ var init_Center = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = minHeight ? { minHeight, ...style } : style;
-      return React88__default.createElement(Component, {
+      return React81__default.createElement(Component, {
         className: cn(
           inline ? "inline-flex" : "flex",
           horizontal && "justify-center",
@@ -5123,7 +5155,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React88__default.forwardRef(
+    Radio = React81__default.forwardRef(
       ({
         label,
         helperText,
@@ -5140,12 +5172,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React88__default.useId();
+        const reactId = React81__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React88__default.useState(value);
-        React88__default.useEffect(() => {
+        const [selected, setSelected] = React81__default.useState(value);
+        React81__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -5327,7 +5359,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React88.forwardRef(
+    Switch = React81.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -5338,10 +5370,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React88.useState(
+        const [isChecked, setIsChecked] = React81.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React88.useEffect(() => {
+        React81.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -5504,7 +5536,7 @@ var init_Stack = __esm({
       };
       const isHorizontal = direction === "horizontal";
       const directionClass = responsive && isHorizontal ? reverse ? "flex-col-reverse md:flex-row-reverse" : "flex-col md:flex-row" : isHorizontal ? reverse ? "flex-row-reverse" : "flex-row" : reverse ? "flex-col-reverse" : "flex-col";
-      return React88__default.createElement(
+      return React81__default.createElement(
         Component,
         {
           className: cn(
@@ -5550,7 +5582,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",
@@ -5570,7 +5602,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?.();
@@ -5704,7 +5736,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React88__default.forwardRef(
+    Aside = React81__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -5783,9 +5815,9 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React88__default.useState(false);
-      const timeoutRef = React88__default.useRef(null);
-      const triggerRef = React88__default.useRef(null);
+      const [isVisible, setIsVisible] = React81__default.useState(false);
+      const timeoutRef = React81__default.useRef(null);
+      const triggerRef = React81__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -5796,7 +5828,7 @@ var init_LawReferenceTooltip = __esm({
       };
       const { revealed, triggerProps } = useTapReveal({ refs: [triggerRef] });
       const open = isVisible || revealed;
-      React88__default.useEffect(() => {
+      React81__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -6006,7 +6038,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React88__default.forwardRef(
+    StatusDot = React81__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -6060,7 +6092,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React88__default.forwardRef(
+    TrendIndicator = React81__default.forwardRef(
       ({
         className,
         value,
@@ -6127,7 +6159,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React88__default.forwardRef(
+    RangeSlider = React81__default.forwardRef(
       ({
         className,
         min = 0,
@@ -6686,7 +6718,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React88__default.forwardRef(
+    ContentSection = React81__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -7220,7 +7252,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React88__default.forwardRef(
+    AnimatedReveal = React81__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -7380,7 +7412,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React88__default.forwardRef(
+    AnimatedGraphic = React81__default.forwardRef(
       ({
         src,
         svgContent,
@@ -7403,7 +7435,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React88__default.useCallback(
+        const setRef = React81__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -7544,15 +7576,15 @@ var init_TraitFrame = __esm({
   }
 });
 
-// components/game/lib/boardEntity.ts
+// lib/boardEntity.ts
 var init_boardEntity = __esm({
-  "components/game/lib/boardEntity.ts"() {
+  "lib/boardEntity.ts"() {
   }
 });
 
-// components/game/lib/makeAsset.ts
+// lib/makeAsset.ts
 var init_makeAsset = __esm({
-  "components/game/lib/makeAsset.ts"() {
+  "lib/makeAsset.ts"() {
   }
 });
 function getState() {
@@ -7841,13 +7873,13 @@ function useImageCache(urls) {
   };
 }
 var init_useImageCache = __esm({
-  "components/game/hooks/useImageCache.ts"() {
+  "hooks/useImageCache.ts"() {
     "use client";
     init_verificationRegistry();
   }
 });
 
-// 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;
@@ -7885,7 +7917,7 @@ function screenToIso(screenX, screenY, scale, baseOffsetX, layout = "isometric")
 }
 var TILE_WIDTH, FLOOR_HEIGHT, DIAMOND_TOP_Y, BACKGROUND_FALLBACK_COLOR, MINIMAP_TERRAIN_COLORS;
 var init_isometric = __esm({
-  "components/game/lib/isometric.ts"() {
+  "lib/isometric.ts"() {
     TILE_WIDTH = 256;
     FLOOR_HEIGHT = 128;
     DIAMOND_TOP_Y = 374;
@@ -7898,155 +7930,13 @@ var init_isometric = __esm({
   }
 });
 
-// components/game/lib/spriteAnimation.ts
-function frameRect(frame, row, columns, frameWidth, frameHeight) {
-  return {
-    sx: frame % columns * frameWidth,
-    sy: row * frameHeight,
-    sw: frameWidth,
-    sh: frameHeight
-  };
-}
-var init_spriteAnimation = __esm({
-  "components/game/lib/spriteAnimation.ts"() {
-  }
-});
-
-// 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_boardEntity();
     init_makeAsset();
   }
 });
-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 GameCard({
-  id,
-  cost,
-  art,
-  frameAsset,
-  attack,
-  defense,
-  name,
-  selected = false,
-  disabled = false,
-  size = "md",
-  animState = "idle",
-  onClick,
-  clickEvent,
-  className
-}) {
-  const eventBus = useEventBus();
-  const handleClick = React88.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,
@@ -8251,9 +8141,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React88.useState(false);
+  const [isPressed, setIsPressed] = React81.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React88.useCallback(
+  const handlePointerDown = React81.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -8263,7 +8153,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React88.useCallback(
+  const handlePointerUp = React81.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -8273,7 +8163,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React88.useCallback(
+  const handlePointerLeave = React81.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -8344,157 +8234,6 @@ var init_ControlButton = __esm({
     ControlButton.displayName = "ControlButton";
   }
 });
-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"
-      }
-    }
-  );
-}
-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_URL,
-  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_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_GameIcon();
-    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 formatTime(seconds, format) {
   const clamped = Math.max(0, Math.floor(seconds));
   if (format === "ss") {
@@ -8551,524 +8290,6 @@ var init_TimerDisplay = __esm({
     TimerDisplay.displayName = "TimerDisplay";
   }
 });
-function ResourceCounter({
-  assetUrl = DEFAULT_ASSET_URL2,
-  icon,
-  label = "Gold",
-  value = 250,
-  max,
-  color,
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap6[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_URL2, sizeMap6;
-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_URL2 = {
-      url: "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png",
-      role: "ui",
-      category: "coin"
-    };
-    sizeMap6 = {
-      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_URL3,
-  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",
-        sizeMap7[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 sizeMap7, rarityBorderMap, rarityGlowMap, DEFAULT_ASSET_URL3, 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();
-    sizeMap7 = {
-      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_URL3 = {
-      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_URL4,
-  currentTurn = 1,
-  maxTurns,
-  activeTeam,
-  phase,
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap8[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 sizeMap8, DEFAULT_ASSET_URL4;
-var init_TurnIndicator = __esm({
-  "components/game/atoms/TurnIndicator.tsx"() {
-    init_cn();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    sizeMap8 = {
-      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_URL4 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png",
-      role: "ui",
-      category: "turn"
-    };
-    TurnIndicator.displayName = "TurnIndicator";
-  }
-});
-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_URL5,
-  combo = 5,
-  multiplier,
-  streak,
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap9[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_URL5, sizeMap9;
-var init_ComboCounter = __esm({
-  "components/game/atoms/ComboCounter.tsx"() {
-    init_cn();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    DEFAULT_ASSET_URL5 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/flash/flash00.png",
-      role: "effect",
-      category: "effect"
-    };
-    sizeMap9 = {
-      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 WaypointMarker({
-  assetUrl = DEFAULT_ASSET_URL6,
-  label,
-  icon,
-  active = true,
-  completed = false,
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap10[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_URL6, sizeMap10, checkIcon;
-var init_WaypointMarker = __esm({
-  "components/game/atoms/WaypointMarker.tsx"() {
-    init_cn();
-    init_Icon();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    DEFAULT_ASSET_URL6 = {
-      url: "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png",
-      role: "ui",
-      category: "waypoint"
-    };
-    sizeMap10 = {
-      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_URL7,
-  icon,
-  label = "Shield",
-  duration = 30,
-  stacks,
-  variant = "buff",
-  size = "md",
-  className
-}) {
-  const sizes = sizeMap11[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,
-          variantStyles7[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_URL7, sizeMap11, variantStyles7;
-var init_StatusEffect = __esm({
-  "components/game/atoms/StatusEffect.tsx"() {
-    init_cn();
-    init_Icon();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    DEFAULT_ASSET_URL7 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png",
-      role: "ui",
-      category: "effect"
-    };
-    sizeMap11 = {
-      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 }
-    };
-    variantStyles7 = {
-      buff: "border-success bg-success/20",
-      debuff: "border-error bg-error/20",
-      neutral: "border-muted bg-muted/20"
-    };
-    StatusEffect.displayName = "StatusEffect";
-  }
-});
-function DamageNumber({
-  assetUrl = DEFAULT_ASSET_URL8,
-  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",
-          sizeMap12[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 sizeMap12, typeStyles, floatKeyframes, DEFAULT_ASSET_URL8;
-var init_DamageNumber = __esm({
-  "components/game/atoms/DamageNumber.tsx"() {
-    init_cn();
-    init_Typography();
-    init_GameIcon();
-    sizeMap12 = {
-      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_URL8 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/spark_01.png",
-      role: "effect",
-      category: "effect"
-    };
-    DamageNumber.displayName = "DamageNumber";
-  }
-});
 function DialogueBubble({
   speaker = "Hero",
   text = "The dungeon awaits. Choose your path wisely.",
@@ -9130,16 +8351,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",
@@ -9178,7 +8397,6 @@ var init_ChoiceButton = __esm({
   "components/game/atoms/ChoiceButton.tsx"() {
     init_cn();
     init_Icon();
-    init_useEventBus();
     init_Button();
     init_Box();
     init_Typography();
@@ -9186,250 +8404,6 @@ var init_ChoiceButton = __esm({
     ChoiceButton.displayName = "ChoiceButton";
   }
 });
-function ActionButton({
-  assetUrl = DEFAULT_ASSET_URL9,
-  label = "Attack",
-  icon,
-  cooldown = 0,
-  disabled = false,
-  hotkey,
-  size = "md",
-  variant = "primary",
-  onClick,
-  action,
-  className
-}) {
-  const eventBus = useEventBus();
-  const sizes = sizeMap13[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,
-        variantStyles8[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 sizeMap13, variantStyles8, DEFAULT_ASSET_URL9;
-var init_ActionButton = __esm({
-  "components/game/atoms/ActionButton.tsx"() {
-    init_cn();
-    init_Icon();
-    init_useEventBus();
-    init_Button();
-    init_Box();
-    init_Typography();
-    init_GameIcon();
-    sizeMap13 = {
-      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" }
-    };
-    variantStyles8 = {
-      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_URL9 = {
-      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/slash_01.png",
-      role: "ui",
-      category: "action"
-    };
-    ActionButton.displayName = "ActionButton";
-  }
-});
-function MiniMap({
-  tiles = DEFAULT_TILES,
-  units = DEFAULT_UNITS,
-  width = 150,
-  height = 150,
-  mapWidth = 100,
-  mapHeight = 100,
-  viewportRect = DEFAULT_VIEWPORT,
-  className,
-  tileAssets,
-  unitAssets
-}) {
-  const canvasRef = React88.useRef(null);
-  const imgCacheRef = React88.useRef(/* @__PURE__ */ new Map());
-  function loadImg(url) {
-    const cached = imgCacheRef.current.get(url);
-    if (cached) return cached.complete ? cached : null;
-    const img = new Image();
-    img.src = url;
-    img.onload = () => {
-      const canvas = canvasRef.current;
-      if (!canvas) return;
-      const ctx = canvas.getContext("2d");
-      if (ctx) ctx.clearRect(0, 0, 0, 0);
-    };
-    imgCacheRef.current.set(url, img);
-    return null;
-  }
-  React88.useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    const scaleX2 = width / mapWidth;
-    const scaleY2 = height / mapHeight;
-    ctx.clearRect(0, 0, width, height);
-    ctx.fillStyle = "#111";
-    ctx.fillRect(0, 0, width, height);
-    for (const tile of tiles) {
-      const tileAsset = tileAssets?.[tile.color] ?? tileAssets?.["default"];
-      const tileImg = tileAsset ? loadImg(tileAsset.url) : null;
-      const tx = Math.floor(tile.x * scaleX2);
-      const ty = Math.floor(tile.y * scaleY2);
-      const tw = Math.max(1, Math.ceil(scaleX2));
-      const th = Math.max(1, Math.ceil(scaleY2));
-      if (tileImg) {
-        ctx.drawImage(tileImg, tx, ty, tw, th);
-      } else {
-        ctx.fillStyle = tile.color;
-        ctx.fillRect(tx, ty, tw, th);
-      }
-    }
-    for (const unit of units) {
-      if (unit.isPlayer) continue;
-      const unitAsset = unitAssets?.[unit.color] ?? unitAssets?.["default"];
-      const unitImg = unitAsset ? loadImg(unitAsset.url) : null;
-      const ux = Math.floor(unit.x * scaleX2) - 1;
-      const uy = Math.floor(unit.y * scaleY2) - 1;
-      if (unitImg) {
-        ctx.drawImage(unitImg, ux, uy, 5, 5);
-      } else {
-        ctx.fillStyle = unit.color;
-        ctx.fillRect(ux, uy, 3, 3);
-      }
-    }
-    if (viewportRect) {
-      ctx.strokeStyle = "#ffffff";
-      ctx.lineWidth = 1;
-      ctx.strokeRect(
-        Math.floor(viewportRect.x * scaleX2),
-        Math.floor(viewportRect.y * scaleY2),
-        Math.floor(viewportRect.w * scaleX2),
-        Math.floor(viewportRect.h * scaleY2)
-      );
-    }
-  }, [tiles, units, width, height, mapWidth, mapHeight, viewportRect, tileAssets, unitAssets]);
-  const scaleX = width / mapWidth;
-  const scaleY = height / mapHeight;
-  const playerUnit = units.find((u) => u.isPlayer);
-  const playerLeft = playerUnit ? Math.floor(playerUnit.x * scaleX) - 1 : null;
-  const playerTop = playerUnit ? Math.floor(playerUnit.y * scaleY) - 1 : null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: `@keyframes minimap-blink{0%,49%{opacity:1}50%,100%{opacity:0}}` }),
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        position: "relative",
-        display: "inline-block",
-        className: cn(
-          "border border-border/20 rounded-container",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            "canvas",
-            {
-              ref: canvasRef,
-              width,
-              height,
-              className: "block",
-              style: { width, height }
-            }
-          ),
-          playerLeft !== null && playerTop !== null && /* @__PURE__ */ jsx(
-            Box,
-            {
-              position: "absolute",
-              style: {
-                left: playerLeft,
-                top: playerTop,
-                width: 3,
-                height: 3,
-                backgroundColor: "#ffffff",
-                animation: "minimap-blink 1s steps(2, end) infinite",
-                pointerEvents: "none"
-              }
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-var DEFAULT_TILES, DEFAULT_UNITS, DEFAULT_VIEWPORT;
-var init_MiniMap = __esm({
-  "components/game/atoms/MiniMap.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    DEFAULT_TILES = [
-      { x: 10, y: 10, color: "#4ade80" },
-      { x: 20, y: 15, color: "#4ade80" },
-      { x: 30, y: 25, color: "#22c55e" },
-      { x: 50, y: 40, color: "#4ade80" },
-      { x: 60, y: 55, color: "#16a34a" },
-      { x: 40, y: 60, color: "#4ade80" },
-      { x: 70, y: 30, color: "#22c55e" },
-      { x: 80, y: 70, color: "#4ade80" }
-    ];
-    DEFAULT_UNITS = [
-      { x: 30, y: 30, color: "#60a5fa", isPlayer: true }
-    ];
-    DEFAULT_VIEWPORT = { x: 20, y: 20, w: 40, h: 40 };
-    MiniMap.displayName = "MiniMap";
-  }
-});
 function ControlGrid({
   kind,
   buttons = DEFAULT_BUTTONS,
@@ -9447,8 +8421,8 @@ function ControlGrid({
   className
 }) {
   const eventBus = useEventBus();
-  const [active, setActive] = React88.useState(/* @__PURE__ */ new Set());
-  const handlePress = React88.useCallback(
+  const [active, setActive] = React81.useState(/* @__PURE__ */ new Set());
+  const handlePress = React81.useCallback(
     (id) => {
       setActive((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -9462,7 +8436,7 @@ function ControlGrid({
     },
     [kind, actionEvent, directionEvent, directionEvents, eventBus, onAction, onDirection]
   );
-  const handleRelease = React88.useCallback(
+  const handleRelease = React81.useCallback(
     (id) => {
       setActive((prev) => {
         const next = new Set(prev);
@@ -9647,7 +8621,7 @@ function StatBadge({
     {
       className: cn(
         "inline-flex items-center gap-2 rounded-container border backdrop-blur-sm",
-        sizeMap14[size] ?? sizeMap14.md,
+        sizeMap6[size] ?? sizeMap6.md,
         variantMap2[variant] ?? variantMap2.default,
         className
       ),
@@ -9684,7 +8658,7 @@ function StatBadge({
     }
   );
 }
-var sizeMap14, variantMap2;
+var sizeMap6, variantMap2;
 var init_StatBadge = __esm({
   "components/game/molecules/StatBadge.tsx"() {
     init_cn();
@@ -9694,7 +8668,7 @@ var init_StatBadge = __esm({
     init_GameIcon();
     init_HealthBar();
     init_ScoreDisplay();
-    sizeMap14 = {
+    sizeMap6 = {
       sm: "text-xs px-2 py-1",
       md: "text-sm px-3 py-1.5",
       lg: "text-base px-4 py-2"
@@ -9709,129 +8683,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 = React88.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(".") ?? [];
@@ -9939,7 +8790,7 @@ function GameMenu({
 }) {
   const resolvedOptions = options ?? menuItems ?? DEFAULT_MENU_OPTIONS;
   const eventBus = useEventBus();
-  const handleOptionClick = React88.useCallback(
+  const handleOptionClick = React81.useCallback(
     (option) => {
       if (option.event) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -10165,7 +9016,7 @@ function StateGraph({
 }) {
   const eventBus = useEventBus();
   const nodes = states ?? [];
-  const positions = React88.useMemo(() => layoutStates(nodes, width, height), [nodes, width, height]);
+  const positions = React81.useMemo(() => layoutStates(nodes, width, height), [nodes, width, height]);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -10224,6 +9075,152 @@ var init_StateGraph = __esm({
     init_TransitionArrow();
   }
 });
+function MiniMap({
+  tiles = DEFAULT_TILES,
+  units = DEFAULT_UNITS,
+  width = 150,
+  height = 150,
+  mapWidth = 100,
+  mapHeight = 100,
+  viewportRect = DEFAULT_VIEWPORT,
+  className,
+  tileAssets,
+  unitAssets
+}) {
+  const canvasRef = React81.useRef(null);
+  const imgCacheRef = React81.useRef(/* @__PURE__ */ new Map());
+  function loadImg(url) {
+    const cached = imgCacheRef.current.get(url);
+    if (cached) return cached.complete ? cached : null;
+    const img = new Image();
+    img.src = url;
+    img.onload = () => {
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      const ctx = canvas.getContext("2d");
+      if (ctx) ctx.clearRect(0, 0, 0, 0);
+    };
+    imgCacheRef.current.set(url, img);
+    return null;
+  }
+  React81.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const scaleX2 = width / mapWidth;
+    const scaleY2 = height / mapHeight;
+    ctx.clearRect(0, 0, width, height);
+    ctx.fillStyle = "#111";
+    ctx.fillRect(0, 0, width, height);
+    for (const tile of tiles) {
+      const tileAsset = tileAssets?.[tile.color] ?? tileAssets?.["default"];
+      const tileImg = tileAsset ? loadImg(tileAsset.url) : null;
+      const tx = Math.floor(tile.x * scaleX2);
+      const ty = Math.floor(tile.y * scaleY2);
+      const tw = Math.max(1, Math.ceil(scaleX2));
+      const th = Math.max(1, Math.ceil(scaleY2));
+      if (tileImg) {
+        ctx.drawImage(tileImg, tx, ty, tw, th);
+      } else {
+        ctx.fillStyle = tile.color;
+        ctx.fillRect(tx, ty, tw, th);
+      }
+    }
+    for (const unit of units) {
+      if (unit.isPlayer) continue;
+      const unitAsset = unitAssets?.[unit.color] ?? unitAssets?.["default"];
+      const unitImg = unitAsset ? loadImg(unitAsset.url) : null;
+      const ux = Math.floor(unit.x * scaleX2) - 1;
+      const uy = Math.floor(unit.y * scaleY2) - 1;
+      if (unitImg) {
+        ctx.drawImage(unitImg, ux, uy, 5, 5);
+      } else {
+        ctx.fillStyle = unit.color;
+        ctx.fillRect(ux, uy, 3, 3);
+      }
+    }
+    if (viewportRect) {
+      ctx.strokeStyle = "#ffffff";
+      ctx.lineWidth = 1;
+      ctx.strokeRect(
+        Math.floor(viewportRect.x * scaleX2),
+        Math.floor(viewportRect.y * scaleY2),
+        Math.floor(viewportRect.w * scaleX2),
+        Math.floor(viewportRect.h * scaleY2)
+      );
+    }
+  }, [tiles, units, width, height, mapWidth, mapHeight, viewportRect, tileAssets, unitAssets]);
+  const scaleX = width / mapWidth;
+  const scaleY = height / mapHeight;
+  const playerUnit = units.find((u) => u.isPlayer);
+  const playerLeft = playerUnit ? Math.floor(playerUnit.x * scaleX) - 1 : null;
+  const playerTop = playerUnit ? Math.floor(playerUnit.y * scaleY) - 1 : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: `@keyframes minimap-blink{0%,49%{opacity:1}50%,100%{opacity:0}}` }),
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        position: "relative",
+        display: "inline-block",
+        className: cn(
+          "border border-border/20 rounded-container",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "canvas",
+            {
+              ref: canvasRef,
+              width,
+              height,
+              className: "block",
+              style: { width, height }
+            }
+          ),
+          playerLeft !== null && playerTop !== null && /* @__PURE__ */ jsx(
+            Box,
+            {
+              position: "absolute",
+              style: {
+                left: playerLeft,
+                top: playerTop,
+                width: 3,
+                height: 3,
+                backgroundColor: "#ffffff",
+                animation: "minimap-blink 1s steps(2, end) infinite",
+                pointerEvents: "none"
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var DEFAULT_TILES, DEFAULT_UNITS, DEFAULT_VIEWPORT;
+var init_MiniMap = __esm({
+  "components/game/atoms/MiniMap.tsx"() {
+    "use client";
+    init_cn();
+    init_Box();
+    DEFAULT_TILES = [
+      { x: 10, y: 10, color: "#4ade80" },
+      { x: 20, y: 15, color: "#4ade80" },
+      { x: 30, y: 25, color: "#22c55e" },
+      { x: 50, y: 40, color: "#4ade80" },
+      { x: 60, y: 55, color: "#16a34a" },
+      { x: 40, y: 60, color: "#4ade80" },
+      { x: 70, y: 30, color: "#22c55e" },
+      { x: 80, y: 70, color: "#4ade80" }
+    ];
+    DEFAULT_UNITS = [
+      { x: 30, y: 30, color: "#60a5fa", isPlayer: true }
+    ];
+    DEFAULT_VIEWPORT = { x: 20, y: 20, w: 40, h: 40 };
+    MiniMap.displayName = "MiniMap";
+  }
+});
 function useCamera() {
   const cameraRef = useRef({ x: 0, y: 0, zoom: 1 });
   const targetCameraRef = useRef(null);
@@ -10333,7 +9330,7 @@ function useCamera() {
   };
 }
 var init_useCamera = __esm({
-  "components/game/hooks/useCamera.ts"() {
+  "hooks/useCamera.ts"() {
     "use client";
   }
 });
@@ -11212,7 +10209,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,
@@ -11236,35 +10233,17 @@ 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";
   }
 });
-var init_useGameAudio = __esm({
-  "components/game/hooks/useGameAudio.ts"() {
-    "use client";
-  }
-});
-function useGameAudioContextOptional() {
-  return useContext(GameAudioContext);
-}
-var GameAudioContext;
-var init_GameAudioProvider = __esm({
-  "components/game/providers/GameAudioProvider.tsx"() {
-    "use client";
-    init_useEventBus();
-    init_useGameAudio();
-    GameAudioContext = createContext(null);
-    GameAudioContext.displayName = "GameAudioContext";
-  }
-});
 function GameAudioToggle({
   size = "sm",
   className,
@@ -11296,11 +10275,80 @@ var init_GameAudioToggle = __esm({
     "use client";
     init_atoms();
     init_cn();
-    init_GameAudioProvider();
     init_GameIcon();
     GameAudioToggle.displayName = "GameAudioToggle";
   }
 });
+function isKnownState(s) {
+  return s in DEFAULT_STATE_STYLES;
+}
+function StateIndicator({
+  assetUrl = DEFAULT_ASSET_URL,
+  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_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_GameIcon();
+    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({
   trait,
   size = "md",
@@ -11312,7 +10360,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -11847,7 +10895,7 @@ function SequenceBar({
     else onSlotRemove?.(index);
   }, [emit, slotRemoveEvent, onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -11885,254 +10933,10 @@ 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
-function objId(o) {
-  return o.id == null ? "" : String(o.id);
-}
-function objName(o) {
-  return o.name == null ? "" : String(o.name);
-}
-function objIcon(o) {
-  return o.icon == null ? "" : String(o.icon);
-}
-function objStates(o) {
-  return Array.isArray(o.states) ? o.states : [];
-}
-function objCurrentState(o) {
-  return o.currentState == null ? "" : String(o.currentState);
-}
-function objAvailableEvents(o) {
-  return Array.isArray(o.availableEvents) ? o.availableEvents : [];
-}
-function objAvailableActions(o) {
-  return Array.isArray(o.availableActions) ? o.availableActions : [];
-}
-function objRules(o) {
-  return Array.isArray(o.rules) ? o.rules : [];
-}
-function objMaxRules(o) {
-  const n = Number(o.maxRules);
-  return Number.isFinite(n) && n > 0 ? n : 3;
-}
+// lib/puzzleObject.ts
 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({
@@ -12173,125 +10977,6 @@ var init_StateJsonView = __esm({
     StateJsonView.displayName = "StateJsonView";
   }
 });
-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"() {
@@ -12462,11 +11147,9 @@ var init_GameShell = __esm({
     GameShell.displayName = "GameShell";
   }
 });
-
-// components/game/molecules/index.ts
 var init_molecules = __esm({
   "components/game/molecules/index.ts"() {
-    init_lib();
+    init_gameShared();
     init_puzzleObject();
   }
 });
@@ -12866,7 +11549,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React88__default.Component {
+    ErrorBoundary = class extends React81__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -13148,7 +11831,7 @@ var init_Container = __esm({
       as: Component = "div"
     }) => {
       const resolvedSize = maxWidth ?? size ?? "lg";
-      return React88__default.createElement(
+      return React81__default.createElement(
         Component,
         {
           className: cn(
@@ -15973,7 +14656,7 @@ var init_CodeBlock = __esm({
     DIFF_STYLE_FALLBACK = { bg: "", prefix: " ", text: "text-foreground" };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React88__default.memo(
+    CodeBlock = React81__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -16560,7 +15243,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React88__default.memo(
+    MarkdownContent = React81__default.memo(
       ({ content, direction = "ltr", className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -17837,7 +16520,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React88__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React81__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode2,
                     {
                       state,
@@ -19268,14 +17951,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",
@@ -23394,8 +22077,8 @@ var init_Menu = __esm({
         "bottom-end": "bottom-start"
       };
       const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
-      const triggerChild = React88__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React88__default.cloneElement(
+      const triggerChild = React81__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React81__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -23490,14 +22173,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React88__default.useContext(RootCtx);
+  const parentRoot = React81__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React88__default.useId();
+  const zoneId = React81__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React88__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React88__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React81__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React81__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React88__default.useCallback((group) => {
+  const clearOptimisticOrder = React81__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -23522,7 +22205,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__idx_${idx}`;
   }).join("|");
-  const itemIds = React88__default.useMemo(
+  const itemIds = React81__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw != null ? String(raw) : `__idx_${idx}`;
@@ -23533,7 +22216,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__${idx}`;
   }).join("|");
-  React88__default.useEffect(() => {
+  React81__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -23541,20 +22224,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React88__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React88__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React81__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React81__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React88__default.useCallback((zoneId2) => {
+  const unregisterZone = React81__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React88__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React88__default.useState(null);
-  const meta = React88__default.useMemo(
+  const [activeDrag, setActiveDrag] = React81__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React81__default.useState(null);
+  const meta = React81__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React88__default.useEffect(() => {
+  React81__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -23573,7 +22256,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React88__default.useCallback(
+  const findZoneByItem = React81__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -23582,7 +22265,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React88__default.useCallback(
+  React81__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -23591,7 +22274,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React88__default.useCallback(
+  const handleDragEnd = React81__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -23682,8 +22365,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React88__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React88__default.useCallback(
+  const sortableData = React81__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React81__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -23723,7 +22406,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React88__default.useContext(RootCtx);
+    const ctx = React81__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -23738,7 +22421,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React88__default.useEffect(() => {
+    React81__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -23752,11 +22435,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React88__default.useMemo(
+  const rootContextValue = React81__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React88__default.useCallback((event) => {
+  const handleDragStart = React81__default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
     const rect = event.active.rect.current.initial;
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
@@ -23775,7 +22458,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React88__default.useCallback((event) => {
+  const handleDragOver = React81__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -23845,7 +22528,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React88__default.useCallback((event) => {
+  const handleDragCancel = React81__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -23853,12 +22536,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React88__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React81__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React88__default.useCallback(
+  const wrapContainer = React81__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -23912,7 +22595,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React88__default.createContext(null);
+    RootCtx = React81__default.createContext(null);
   }
 });
 function renderIconInput(icon, props) {
@@ -24438,7 +23121,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React88__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React81__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -24457,7 +23140,7 @@ function DataList({
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React88__default.useEffect(() => {
+  React81__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -24561,7 +23244,7 @@ function DataList({
     const items2 = [...data];
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fieldDefs[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
       group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
       group.items.map((itemData, index) => {
         const id = itemData.id || `${gi}-${index}`;
@@ -24702,7 +23385,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
             group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-4" : "mt-0" }),
             group.items.map(
               (itemData, index) => renderItem(itemData, index, gi === groups.length - 1 && index === group.items.length - 1)
@@ -24787,7 +23470,7 @@ var init_FormSection = __esm({
       columns = 1,
       className
     }) => {
-      const [collapsed, setCollapsed] = React88__default.useState(defaultCollapsed);
+      const [collapsed, setCollapsed] = React81__default.useState(defaultCollapsed);
       const { t } = useTranslate();
       const eventBus = useEventBus();
       const gridClass = {
@@ -24795,7 +23478,7 @@ var init_FormSection = __esm({
         2: "grid-cols-1 md:grid-cols-2",
         3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
       }[columns];
-      React88__default.useCallback(() => {
+      React81__default.useCallback(() => {
         if (collapsible) {
           setCollapsed((prev) => !prev);
           eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -25681,7 +24364,7 @@ var init_Flex = __esm({
           flexStyle.flexBasis = typeof basis === "number" ? `${basis}px` : basis;
         }
       }
-      return React88__default.createElement(Component, {
+      return React81__default.createElement(Component, {
         className: cn(
           inline ? "inline-flex" : "flex",
           directionStyles[direction],
@@ -25800,7 +24483,7 @@ var init_Grid = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = rows ? { gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`, ...style } : style;
-      return React88__default.createElement(
+      return React81__default.createElement(
         Component,
         {
           className: cn(
@@ -25996,9 +24679,9 @@ var init_Popover = __esm({
         onMouseLeave: handleClose,
         onPointerDown: tapTriggerProps.onPointerDown
       };
-      const childElement = React88__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const childElement = React81__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = childElement.props.onPointerDown;
-      const triggerElement = React88__default.cloneElement(
+      const triggerElement = React81__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -26600,9 +25283,9 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React88__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React81__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = triggerElement.props.onPointerDown;
-      const trigger = React88__default.cloneElement(triggerElement, {
+      const trigger = React81__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -26692,7 +25375,7 @@ var init_WizardProgress = __esm({
           children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: normalizedSteps.map((step, index) => {
             const isActive = index === currentStep;
             const isCompleted = index < currentStep;
-            return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -27595,13 +26278,13 @@ var init_LineChart = __esm({
     LineChart2.displayName = "LineChart";
   }
 });
-var sizeMap15, stateColors, ProgressDots;
+var sizeMap7, stateColors, ProgressDots;
 var init_ProgressDots = __esm({
   "components/core/molecules/ProgressDots.tsx"() {
     "use client";
     init_cn();
     init_atoms();
-    sizeMap15 = {
+    sizeMap7 = {
       sm: { dot: 6, active: 8 },
       md: { dot: 8, active: 10 },
       lg: { dot: 10, active: 14 }
@@ -27627,7 +26310,7 @@ var init_ProgressDots = __esm({
         [currentIndex]
       );
       const resolveState = getState2 ?? defaultGetState;
-      const dims = sizeMap15[size];
+      const dims = sizeMap7[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";
@@ -28253,13 +26936,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect61, useRef: useRef60, useCallback: useCallback91, useState: useState88 } = React88__default;
+      const { useEffect: useEffect58, useRef: useRef58, useCallback: useCallback86, useState: useState87 } = React81__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 = useRef60({ centerLat, centerLng, zoom });
-        useEffect61(() => {
+        const prevRef = useRef58({ centerLat, centerLng, zoom });
+        useEffect58(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -28270,7 +26953,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect61(() => {
+        useEffect58(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -28298,8 +26981,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState88(null);
-        const handleMapClick = useCallback91((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState87(null);
+        const handleMapClick = useCallback86((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -28308,7 +26991,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback91((marker) => {
+        const handleMarkerClick = useCallback86((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -29168,8 +27851,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React88__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React88__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React81__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React81__default.useState(/* @__PURE__ */ new Set());
   const colDefs = columns ?? fields ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -29364,12 +28047,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React88__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React81__default.Fragment, { children: rowInner }, id);
   };
   const items = Array.from(data);
   const groups = groupBy ? groupData2(items, groupBy) : [{ label: "", items }];
   let runningIndex = 0;
-  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
     group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-3" : "mt-0" }),
     group.items.map((row) => renderRow(row, runningIndex++))
   ] }, gi)) });
@@ -30588,7 +29271,7 @@ var init_StepFlow = __esm({
       className
     }) => {
       if (orientation === "vertical") {
-        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React88__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React81__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
           /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
             /* @__PURE__ */ jsx(StepCircle, { step, index }),
             showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-border" })
@@ -30599,7 +29282,7 @@ var init_StepFlow = __esm({
           ] })
         ] }) }, index)) });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
         /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
           /* @__PURE__ */ jsx(StepCircle, { step, index }),
           /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
@@ -31584,7 +30267,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React88__default.forwardRef(
+    LikertScale = React81__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -31596,7 +30279,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React88__default.useId();
+        const groupId = React81__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -33878,7 +32561,7 @@ var init_DocBreadcrumb = __esm({
           "aria-label": t("aria.breadcrumb"),
           children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
             const isLast = idx === items.length - 1;
-            return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -34747,7 +33430,7 @@ var init_MiniStateMachine = __esm({
           const x = 2 + i * (NODE_W + GAP + ARROW_W + GAP);
           const tc = transitionCounts[s.name] ?? 0;
           const role = getStateRole(s.name, s.isInitial ?? void 0, s.isTerminal ?? void 0, tc, maxTC);
-          return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -34951,7 +33634,7 @@ var init_PageHeader = __esm({
         info: "bg-info/10 text-info"
       };
       return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -35268,7 +33951,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();
@@ -35281,7 +33964,7 @@ var init_Section = __esm({
       lg: "p-6",
       xl: "p-8"
     };
-    variantStyles9 = {
+    variantStyles7 = {
       default: "",
       card: [
         "bg-card",
@@ -35309,12 +33992,12 @@ var init_Section = __esm({
       as: Component = "section"
     }) => {
       const hasHeader = title || description || action;
-      return React88__default.createElement(
+      return React81__default.createElement(
         Component,
         {
           className: cn(
             paddingStyles4[padding],
-            variantStyles9[variant],
+            variantStyles7[variant],
             className
           )
         },
@@ -35683,7 +34366,7 @@ var init_WizardContainer = __esm({
               const isCompleted = index < currentStep;
               const stepKey = step.id ?? step.tabId ?? `step-${index}`;
               const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-              return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React81__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -38116,7 +36799,7 @@ var init_DetailPanel = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React88__default.isValidElement(children)) return void 0;
+  if (!React81__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -38466,12 +37149,12 @@ var init_Form = __esm({
       const isSchemaEntity = isOrbitalEntitySchema(entity);
       const resolvedEntity = isSchemaEntity ? entity : void 0;
       const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-      const normalizedInitialData = React88__default.useMemo(() => {
+      const normalizedInitialData = React81__default.useMemo(() => {
         const entityRowAsInitial = isPlainEntityRow(entity) ? entity : void 0;
         const callerInitial = initialData !== null && typeof initialData === "object" && !Array.isArray(initialData) ? initialData : {};
         return entityRowAsInitial !== void 0 ? { ...entityRowAsInitial, ...callerInitial } : callerInitial;
       }, [entity, initialData]);
-      const entityDerivedFields = React88__default.useMemo(() => {
+      const entityDerivedFields = React81__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -38492,16 +37175,16 @@ var init_Form = __esm({
       const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
       const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
       const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-      const [formData, setFormData] = React88__default.useState(
+      const [formData, setFormData] = React81__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React88__default.useState(
+      const [collapsedSections, setCollapsedSections] = React81__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React88__default.useState(null);
-      const formRef = React88__default.useRef(null);
+      const [submitError, setSubmitError] = React81__default.useState(null);
+      const formRef = React81__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React88__default.useRef(false);
+      const mountedRef = React81__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -38514,7 +37197,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React88__default.useMemo(
+      const evalContext = React81__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -38523,7 +37206,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React88__default.useEffect(() => {
+      React81__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -38534,7 +37217,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React88__default.useCallback(
+      const processCalculations = React81__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -38559,7 +37242,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React88__default.useCallback(
+      const checkViolations = React81__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -38597,7 +37280,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React88__default.useCallback(
+      const isFieldVisible = React81__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -38605,7 +37288,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React88__default.useCallback(
+      const isSectionVisible = React81__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -38681,7 +37364,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React88__default.useCallback(
+      const renderField = React81__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -38702,7 +37385,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React88__default.useMemo(() => {
+      const normalizedFields = React81__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -38726,7 +37409,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React88__default.useMemo(() => {
+      const schemaFields = React81__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -38736,7 +37419,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React88__default.useMemo(() => {
+      const sectionElements = React81__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -39273,18 +37956,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") {
@@ -39317,7 +38000,7 @@ function formatValue3(value, fieldName) {
 function formatFieldLabel2(fieldName) {
   return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.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";
@@ -39330,7 +38013,7 @@ var init_List = __esm({
     init_getNestedValue();
     init_useEventBus();
     init_types2();
-    STATUS_STYLES2 = {
+    STATUS_STYLES = {
       complete: {
         bg: "bg-success/10",
         text: "text-success",
@@ -39461,7 +38144,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React88__default.useCallback(
+      const getItemActions = React81__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -39936,7 +38619,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React88__default.useMemo(() => {
+      const items = React81__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -40099,7 +38782,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React88__default.isValidElement(children)) return void 0;
+  if (!React81__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -40373,7 +39056,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React88.useState(() => ({
+  const [data, setData] = React81.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -40387,7 +39070,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React88.useEffect(() => {
+  React81.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -40496,12 +39179,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React88.useState(null);
-  const [traits2, setTraits] = React88.useState([]);
-  const [coveredEdges, setCoveredEdges] = React88.useState([]);
-  const [completedTraits, setCompletedTraits] = React88.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React88.useRef(null);
-  React88.useEffect(() => {
+  const [walkStep, setWalkStep] = React81.useState(null);
+  const [traits2, setTraits] = React81.useState([]);
+  const [coveredEdges, setCoveredEdges] = React81.useState([]);
+  const [completedTraits, setCompletedTraits] = React81.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React81.useRef(null);
+  React81.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -40937,15 +39620,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React88.useState("all");
-  const containerRef = React88.useRef(null);
-  const [autoScroll, setAutoScroll] = React88.useState(true);
-  React88.useEffect(() => {
+  const [filter, setFilter] = React81.useState("all");
+  const containerRef = React81.useRef(null);
+  const [autoScroll, setAutoScroll] = React81.useState(true);
+  React81.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React88.useMemo(() => {
+  const filteredEvents = React81.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -41061,7 +39744,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React88.useState("all");
+  const [filter, setFilter] = React81.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -41074,7 +39757,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React88.useMemo(() => {
+  const filteredGuards = React81.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -41237,10 +39920,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React88.useRef(null);
-  const [autoScroll, setAutoScroll] = React88.useState(true);
-  const [expandedId, setExpandedId] = React88.useState(null);
-  React88.useEffect(() => {
+  const containerRef = React81.useRef(null);
+  const [autoScroll, setAutoScroll] = React81.useState(true);
+  const [expandedId, setExpandedId] = React81.useState(null);
+  React81.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -41520,9 +40203,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log10, setLog] = React88.useState([]);
-  const prevStatesRef = React88.useRef(/* @__PURE__ */ new Map());
-  React88.useEffect(() => {
+  const [log10, setLog] = React81.useState([]);
+  const prevStatesRef = React81.useRef(/* @__PURE__ */ new Map());
+  React81.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -41691,10 +40374,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React88.useState(true);
-  const scrollRef = React88.useRef(null);
-  const prevCountRef = React88.useRef(0);
-  React88.useEffect(() => {
+  const [expanded, setExpanded] = React81.useState(true);
+  const scrollRef = React81.useRef(null);
+  const prevCountRef = React81.useRef(0);
+  React81.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -41751,10 +40434,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React88.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React88.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React81.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React81.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React88.useEffect(() => {
+  React81.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -41763,7 +40446,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React88.useEffect(() => {
+  React81.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -42283,7 +40966,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React88__default.useCallback(() => {
+      const handleActionClick = React81__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -42294,7 +40977,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React88__default.useCallback(
+      const computeMetricValue = React81__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -42333,7 +41016,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React88__default.useMemo(() => {
+      const schemaStats = React81__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -42341,7 +41024,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React88__default.useMemo(() => {
+      const calculatedTrend = React81__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -42981,8 +41664,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     InlineActivityStream = ({ activities, autoScroll = true, className }) => {
-      const endRef = React88__default.useRef(null);
-      React88__default.useEffect(() => {
+      const endRef = React81__default.useRef(null);
+      React81__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [activities.length, autoScroll]);
@@ -43076,7 +41759,7 @@ var init_SubagentTracePanel = __esm({
     };
     SubagentRichCard = ({ subagent }) => {
       const { t } = useTranslate();
-      const activities = React88__default.useMemo(
+      const activities = React81__default.useMemo(
         () => subagentMessagesToActivities(subagent.messages),
         [subagent.messages]
       );
@@ -43153,8 +41836,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     CoordinatorConversation = ({ messages, autoScroll = true, className }) => {
-      const endRef = React88__default.useRef(null);
-      React88__default.useEffect(() => {
+      const endRef = React81__default.useRef(null);
+      React81__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [messages.length, autoScroll]);
@@ -43533,7 +42216,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";
@@ -43549,7 +42232,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",
@@ -43584,7 +42267,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = entity ?? [];
-      const items = React88__default.useMemo(() => {
+      const items = React81__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -43633,7 +42316,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: [
@@ -43686,7 +42369,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React88__default.isValidElement(children)) {
+  if (!React81__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -43728,7 +42411,7 @@ var init_ToastSlot = __esm({
         eventBus.emit(`${prefix}CLOSE`);
       };
       if (!isVisible) return null;
-      const isCustomContent = React88__default.isValidElement(children) && !message;
+      const isCustomContent = React81__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -43744,38 +42427,13 @@ var init_ToastSlot = __esm({
     ToastSlot.displayName = "ToastSlot";
   }
 });
-function lazyThree(name, loader) {
-  const Lazy = React88__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 React88__default.createElement(
-      ThreeBoundary,
-      { name },
-      React88__default.createElement(
-        React88__default.Suspense,
-        { fallback: null },
-        React88__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();
@@ -43819,7 +42477,6 @@ var init_component_registry_generated = __esm({
     init_ChoiceButton();
     init_CodeBlock();
     init_CodeRunnerPanel();
-    init_ComboCounter();
     init_CommunityLinks();
     init_ConditionalWrapper();
     init_ConfettiEffect();
@@ -43831,7 +42488,6 @@ var init_component_registry_generated = __esm({
     init_ControlButton();
     init_ControlGrid();
     init_CounterTemplate();
-    init_DamageNumber();
     init_DashboardGrid();
     init_DashboardLayout();
     init_DataGrid();
@@ -43861,7 +42517,6 @@ var init_component_registry_generated = __esm({
     init_EmptyState();
     init_ErrorBoundary();
     init_ErrorState();
-    init_EventLog();
     init_FeatureCard();
     init_FeatureDetailPageTemplate();
     init_FeatureGrid();
@@ -43878,12 +42533,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();
@@ -43900,8 +42553,6 @@ var init_component_registry_generated = __esm({
     init_Input();
     init_InputGroup();
     init_InstallBox();
-    init_InventoryGrid();
-    init_ItemSlot();
     init_JazariStateMachine();
     init_LandingPageTemplate();
     init_LawReferenceTooltip();
@@ -43922,13 +42573,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();
@@ -43954,8 +42603,6 @@ var init_component_registry_generated = __esm({
     init_RelationSelect();
     init_RepeatableFormSection();
     init_ReplyTree();
-    init_ResourceBar();
-    init_ResourceCounter();
     init_RichBlockEditor();
     init_RuntimeDebugger2();
     init_ScaledDiagram();
@@ -43981,19 +42628,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();
@@ -44030,46 +42674,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 React88__default.Component {
-      constructor() {
-        super(...arguments);
-        __publicField(this, "state", { failed: false });
-      }
-      static getDerivedStateFromError() {
-        return { failed: true };
-      }
-      render() {
-        if (this.state.failed) {
-          return React88__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,
@@ -44118,7 +42735,6 @@ var init_component_registry_generated = __esm({
       "ChoiceButton": ChoiceButton,
       "CodeBlock": CodeBlock,
       "CodeRunnerPanel": CodeRunnerPanel,
-      "ComboCounter": ComboCounter,
       "CommunityLinks": CommunityLinks,
       "ConditionalWrapper": ConditionalWrapper,
       "ConfettiEffect": ConfettiEffect,
@@ -44130,7 +42746,6 @@ var init_component_registry_generated = __esm({
       "ControlButton": ControlButton,
       "ControlGrid": ControlGrid,
       "CounterTemplate": CounterTemplate,
-      "DamageNumber": DamageNumber,
       "DashboardGrid": DashboardGrid,
       "DashboardLayout": DashboardLayout,
       "DataGrid": DataGrid,
@@ -44162,7 +42777,6 @@ var init_component_registry_generated = __esm({
       "EmptyState": EmptyState,
       "ErrorBoundary": ErrorBoundary,
       "ErrorState": ErrorState,
-      "EventLog": EventLog,
       "FeatureCard": FeatureCard,
       "FeatureDetailPageTemplate": FeatureDetailPageTemplate,
       "FeatureGrid": FeatureGrid,
@@ -44180,13 +42794,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,
@@ -44203,8 +42814,6 @@ var init_component_registry_generated = __esm({
       "Input": Input,
       "InputGroup": InputGroup,
       "InstallBox": InstallBox,
-      "InventoryGrid": InventoryGrid,
-      "ItemSlot": ItemSlot,
       "JazariStateMachine": JazariStateMachine,
       "Label": LabelPattern,
       "LabelPattern": LabelPattern,
@@ -44227,13 +42836,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,
@@ -44259,8 +42866,6 @@ var init_component_registry_generated = __esm({
       "RelationSelect": RelationSelect,
       "RepeatableFormSection": RepeatableFormSection,
       "ReplyTree": ReplyTree,
-      "ResourceBar": ResourceBar,
-      "ResourceCounter": ResourceCounter,
       "RichBlockEditor": RichBlockEditor,
       "RuntimeDebugger": RuntimeDebugger,
       "ScaledDiagram": ScaledDiagram,
@@ -44288,20 +42893,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,
@@ -44338,17 +42940,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,
@@ -44370,7 +42969,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React88__default.createElement(
+  return React81__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -44412,7 +43011,7 @@ function enrichFormFields(fields, entityDef) {
       }
       return { name: field, label: field.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (c) => c.toUpperCase()) };
     }
-    if (field && typeof field === "object" && !Array.isArray(field) && !React88__default.isValidElement(field) && !(field instanceof Date)) {
+    if (field && typeof field === "object" && !Array.isArray(field) && !React81__default.isValidElement(field) && !(field instanceof Date)) {
       const obj = field;
       const fieldName = typeof obj.name === "string" ? obj.name : typeof obj.field === "string" ? obj.field : void 0;
       if (!fieldName) return field;
@@ -44865,7 +43464,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React88__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React81__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -44918,14 +43517,14 @@ function isPatternConfig(value) {
   if (value === null || value === void 0) return false;
   if (typeof value !== "object") return false;
   if (Array.isArray(value)) return false;
-  if (React88__default.isValidElement(value)) return false;
+  if (React81__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
   return "type" in record && typeof record.type === "string" && getComponentForPattern$1(record.type) !== null;
 }
 function isPlainConfigObject(value) {
-  if (React88__default.isValidElement(value)) return false;
+  if (React81__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -45052,7 +43651,7 @@ function SlotContentRenderer({
     for (const slotKey of CONTENT_NODE_SLOTS) {
       const slotVal = restProps[slotKey];
       if (slotVal === void 0 || slotVal === null) continue;
-      if (React88__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
+      if (React81__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
       if (Array.isArray(slotVal) || typeof slotVal === "object" && "type" in slotVal) {
         nodeSlotOverrides[slotKey] = renderPatternChildren(
           slotVal,
@@ -45104,7 +43703,7 @@ function SlotContentRenderer({
     const resolvedItems = Array.isArray(entityVal) && entityVal[0] !== "fn" ? entityVal : null;
     if (resolvedItems && resolvedItems.length > 0 && !finalProps.fields && !finalProps.columns) {
       const sample = resolvedItems[0];
-      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React88__default.isValidElement(sample) && !(sample instanceof Date)) {
+      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React81__default.isValidElement(sample) && !(sample instanceof Date)) {
         const keys = Object.keys(sample).filter((k) => k !== "id" && k !== "_id");
         finalProps.fields = keys.map((k, i) => ({ name: k, variant: i === 0 ? "h4" : "body" }));
       }
@@ -45462,7 +44061,7 @@ function resolveLambdaBindings(body, params, item, index) {
   if (Array.isArray(body)) {
     return body.map((b) => recur(b));
   }
-  if (body !== null && typeof body === "object" && !React88__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
+  if (body !== null && typeof body === "object" && !React81__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
     const out = {};
     for (const [k, v] of Object.entries(body)) {
       out[k] = recur(v);
@@ -45481,7 +44080,7 @@ function getSlotContentRenderer2() {
 function makeLambdaFn(params, lambdaBody, callerKey) {
   return (item, index) => {
     const resolvedBody = resolveLambdaBindings(lambdaBody, params, item, index);
-    if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React88__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
+    if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React81__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
       return null;
     }
     const record = resolvedBody;
@@ -45500,7 +44099,7 @@ function makeLambdaFn(params, lambdaBody, callerKey) {
       props: childProps,
       priority: 0
     };
-    return React88__default.createElement(SlotContentRenderer2, { content: childContent });
+    return React81__default.createElement(SlotContentRenderer2, { content: childContent });
   };
 }
 function convertNode(node, callerKey) {
@@ -45519,7 +44118,7 @@ function convertNode(node, callerKey) {
     });
     return anyChanged ? mapped : node;
   }
-  if (typeof node === "object" && !React88__default.isValidElement(node) && !(node instanceof Date)) {
+  if (typeof node === "object" && !React81__default.isValidElement(node) && !(node instanceof Date)) {
     return convertObjectProps(node);
   }
   return node;