@almadar/ui 5.107.0 → 5.109.0

package/dist/providers/index.js

@@ -1,6 +1,6 @@
-import * as React90 from 'react';
-import React90__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, lazy, useLayoutEffect, useId, useSyncExternalStore } from 'react';
-import { EventBusContext, useTraitScope, useEntitySchemaOptional, TraitScopeProvider, useCurrentPagePath } from '@almadar/ui/providers';
+import * as React83 from 'react';
+import React83__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, lazy, useLayoutEffect, useId, useSyncExternalStore } from 'react';
+import { EventBusContext, useTraitScope, useEntitySchemaOptional, TraitScopeProvider, useCurrentPagePath, useGameAudioContextOptional } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -388,7 +388,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React90__default.forwardRef(
+    Box = React83__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -453,7 +453,7 @@ var init_Box = __esm({
           onPointerDown?.(e);
         }, [hoverEvent, tapReveal, triggerProps, onPointerDown]);
         const isClickable = action || onClick;
-        return React90__default.createElement(
+        return React83__default.createElement(
           Component,
           {
             ref,
@@ -549,7 +549,7 @@ function loadLib(key, importer) {
   return p;
 }
 function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React90__default.lazy(async () => {
+  const Lazy = React83__default.lazy(async () => {
     const lib = await loadLib(libKey, importer);
     const Comp = pick(lib);
     if (!Comp) {
@@ -559,7 +559,7 @@ function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
     return { default: Comp };
   });
   const Wrapped = (props) => /* @__PURE__ */ jsx(
-    React90__default.Suspense,
+    React83__default.Suspense,
     {
       fallback: /* @__PURE__ */ jsx(
         "span",
@@ -1290,7 +1290,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 = React90__default.useMemo(() => {
+      const RenderedComponent = React83__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -1411,7 +1411,7 @@ var init_atlasSlice = __esm({
   }
 });
 function useAtlasSliceDataUrl(asset) {
-  const [, bump] = React90.useReducer((x) => x + 1, 0);
+  const [, bump] = React83.useReducer((x) => x + 1, 0);
   if (!isAtlasAsset(asset)) return void 0;
   const key = `${asset.atlas}#${asset.sprite}`;
   const cached = sliceDataUrlCache.get(key);
@@ -1474,13 +1474,13 @@ function AtlasImage({
   style,
   "aria-hidden": ariaHidden
 }) {
-  const [, bump] = React90.useReducer((x) => x + 1, 0);
-  const canvasRef = React90.useRef(null);
+  const [, bump] = React83.useReducer((x) => x + 1, 0);
+  const canvasRef = React83.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;
-  React90.useEffect(() => {
+  React83.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas || !img || !rect) return;
     canvas.width = rect.sw;
@@ -1556,7 +1556,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React90__default.isValidElement(value)) {
+  if (React83__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && isIconLike(value)) {
@@ -1633,7 +1633,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React90__default.forwardRef(
+    Button = React83__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -1701,7 +1701,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React90__default.forwardRef(
+    Dialog = React83__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -1819,7 +1819,7 @@ var init_Typography = __esm({
     }) => {
       const variant = variantProp ?? (level ? `h${level}` : "body1");
       const Component = as || defaultElements[variant];
-      return React90__default.createElement(
+      return React83__default.createElement(
         Component,
         {
           id,
@@ -2315,7 +2315,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React90__default.forwardRef(
+    Badge = React83__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",
@@ -2652,7 +2652,7 @@ var init_SvgFlow = __esm({
       width = 100,
       height = 100
     }) => {
-      const markerId = React90__default.useMemo(() => {
+      const markerId = React83__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -3245,7 +3245,7 @@ var init_SvgRing = __esm({
       width = 100,
       height = 100
     }) => {
-      const gradientId = React90__default.useMemo(() => {
+      const gradientId = React83__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -3426,7 +3426,7 @@ var init_Input = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Input = React90__default.forwardRef(
+    Input = React83__default.forwardRef(
       ({
         className,
         inputType,
@@ -3586,7 +3586,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React90__default.forwardRef(
+    Label = React83__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -3613,7 +3613,7 @@ var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
     init_useEventBus();
-    Textarea = React90__default.forwardRef(
+    Textarea = React83__default.forwardRef(
       ({ className, error, onChange, ...props }, ref) => {
         const eventBus = useEventBus();
         const handleChange = (e) => {
@@ -3852,7 +3852,7 @@ var init_Select = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Select = React90__default.forwardRef(
+    Select = React83__default.forwardRef(
       (props, _ref) => {
         const { multiple, searchable, clearable } = props;
         if (multiple || searchable || clearable) {
@@ -3869,7 +3869,7 @@ var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
     init_useEventBus();
-    Checkbox = React90__default.forwardRef(
+    Checkbox = React83__default.forwardRef(
       ({ className, label, id, onChange, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         const eventBus = useEventBus();
@@ -3923,7 +3923,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React90__default.forwardRef(
+    Spinner = React83__default.forwardRef(
       ({ className, size = "md", overlay, ...props }, ref) => {
         if (overlay) {
           return /* @__PURE__ */ jsx(
@@ -4013,7 +4013,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 = React90__default.forwardRef(
+    Card = React83__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -4061,9 +4061,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React83__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React83__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -4076,11 +4076,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React83__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React83__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -4091,6 +4091,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"() {
@@ -4135,7 +4167,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React90__default.forwardRef(
+    FilterPill = React83__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -4264,8 +4296,8 @@ var init_Avatar = __esm({
       actionPayload
     }) => {
       const eventBus = useEventBus();
-      const [imgFailed, setImgFailed] = React90__default.useState(false);
-      React90__default.useEffect(() => {
+      const [imgFailed, setImgFailed] = React83__default.useState(false);
+      React83__default.useEffect(() => {
         setImgFailed(false);
       }, [src]);
       const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -4378,7 +4410,7 @@ var init_Center = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = minHeight ? { minHeight, ...style } : style;
-      return React90__default.createElement(Component, {
+      return React83__default.createElement(Component, {
         className: cn(
           inline ? "inline-flex" : "flex",
           horizontal && "justify-center",
@@ -4646,7 +4678,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React90__default.forwardRef(
+    Radio = React83__default.forwardRef(
       ({
         label,
         helperText,
@@ -4663,12 +4695,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React90__default.useId();
+        const reactId = React83__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React90__default.useState(value);
-        React90__default.useEffect(() => {
+        const [selected, setSelected] = React83__default.useState(value);
+        React83__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -4850,7 +4882,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React90.forwardRef(
+    Switch = React83.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -4861,10 +4893,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React90.useState(
+        const [isChecked, setIsChecked] = React83.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React90.useEffect(() => {
+        React83.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -5027,7 +5059,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 React90__default.createElement(
+      return React83__default.createElement(
         Component,
         {
           className: cn(
@@ -5073,7 +5105,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",
@@ -5093,7 +5125,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?.();
@@ -5227,7 +5259,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React90__default.forwardRef(
+    Aside = React83__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -5306,9 +5338,9 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React90__default.useState(false);
-      const timeoutRef = React90__default.useRef(null);
-      const triggerRef = React90__default.useRef(null);
+      const [isVisible, setIsVisible] = React83__default.useState(false);
+      const timeoutRef = React83__default.useRef(null);
+      const triggerRef = React83__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -5319,7 +5351,7 @@ var init_LawReferenceTooltip = __esm({
       };
       const { revealed, triggerProps } = useTapReveal({ refs: [triggerRef] });
       const open = isVisible || revealed;
-      React90__default.useEffect(() => {
+      React83__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -5529,7 +5561,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React90__default.forwardRef(
+    StatusDot = React83__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -5583,7 +5615,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React90__default.forwardRef(
+    TrendIndicator = React83__default.forwardRef(
       ({
         className,
         value,
@@ -5650,7 +5682,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React90__default.forwardRef(
+    RangeSlider = React83__default.forwardRef(
       ({
         className,
         min = 0,
@@ -6244,7 +6276,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React90__default.forwardRef(
+    ContentSection = React83__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -6778,7 +6810,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React90__default.forwardRef(
+    AnimatedReveal = React83__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -6938,7 +6970,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React90__default.forwardRef(
+    AnimatedGraphic = React83__default.forwardRef(
       ({
         src,
         svgContent,
@@ -6961,7 +6993,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React90__default.useCallback(
+        const setRef = React83__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -7102,15 +7134,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() {
@@ -7387,13 +7419,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;
@@ -7431,7 +7463,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;
@@ -7444,155 +7476,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 = React90.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,
@@ -7797,9 +7687,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React90.useState(false);
+  const [isPressed, setIsPressed] = React83.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React90.useCallback(
+  const handlePointerDown = React83.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -7809,7 +7699,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React90.useCallback(
+  const handlePointerUp = React83.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -7819,7 +7709,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React90.useCallback(
+  const handlePointerLeave = React83.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -7890,157 +7780,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") {
@@ -8097,524 +7836,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.",
@@ -8676,16 +7897,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",
@@ -8724,7 +7943,6 @@ var init_ChoiceButton = __esm({
   "components/game/atoms/ChoiceButton.tsx"() {
     init_cn();
     init_Icon();
-    init_useEventBus();
     init_Button();
     init_Box();
     init_Typography();
@@ -8732,250 +7950,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 = React90.useRef(null);
-  const imgCacheRef = React90.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;
-  }
-  React90.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,
@@ -8993,8 +7967,8 @@ function ControlGrid({
   className
 }) {
   const eventBus = useEventBus();
-  const [active, setActive] = React90.useState(/* @__PURE__ */ new Set());
-  const handlePress = React90.useCallback(
+  const [active, setActive] = React83.useState(/* @__PURE__ */ new Set());
+  const handlePress = React83.useCallback(
     (id) => {
       setActive((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -9008,7 +7982,7 @@ function ControlGrid({
     },
     [kind, actionEvent, directionEvent, directionEvents, eventBus, onAction, onDirection]
   );
-  const handleRelease = React90.useCallback(
+  const handleRelease = React83.useCallback(
     (id) => {
       setActive((prev) => {
         const next = new Set(prev);
@@ -9193,7 +8167,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
       ),
@@ -9230,7 +8204,7 @@ function StatBadge({
     }
   );
 }
-var sizeMap14, variantMap2;
+var sizeMap6, variantMap2;
 var init_StatBadge = __esm({
   "components/game/molecules/StatBadge.tsx"() {
     init_cn();
@@ -9240,7 +8214,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"
@@ -9255,129 +8229,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 = React90.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(".") ?? [];
@@ -9485,7 +8336,7 @@ function GameMenu({
 }) {
   const resolvedOptions = options ?? menuItems ?? DEFAULT_MENU_OPTIONS;
   const eventBus = useEventBus();
-  const handleOptionClick = React90.useCallback(
+  const handleOptionClick = React83.useCallback(
     (option) => {
       if (option.event) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -9711,7 +8562,7 @@ function StateGraph({
 }) {
   const eventBus = useEventBus();
   const nodes = states ?? [];
-  const positions = React90.useMemo(() => layoutStates(nodes, width, height), [nodes, width, height]);
+  const positions = React83.useMemo(() => layoutStates(nodes, width, height), [nodes, width, height]);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -9770,6 +8621,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 = React83.useRef(null);
+  const imgCacheRef = React83.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;
+  }
+  React83.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);
@@ -9879,7 +8876,7 @@ function useCamera() {
   };
 }
 var init_useCamera = __esm({
-  "components/game/hooks/useCamera.ts"() {
+  "hooks/useCamera.ts"() {
     "use client";
   }
 });
@@ -10865,7 +9862,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,
@@ -10889,35 +9886,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,
@@ -10949,11 +9928,347 @@ var init_GameAudioToggle = __esm({
     "use client";
     init_atoms();
     init_cn();
-    init_GameAudioProvider();
     init_GameIcon();
     GameAudioToggle.displayName = "GameAudioToggle";
   }
 });
+function pickPath(entry) {
+  if (Array.isArray(entry.path)) {
+    return entry.path[Math.floor(Math.random() * entry.path.length)];
+  }
+  return entry.path;
+}
+function useGameAudio({
+  manifest,
+  baseUrl = "",
+  initialMuted = false,
+  initialVolume = 1
+}) {
+  const [muted, setMutedState] = useState(initialMuted);
+  const [masterVolume, setMasterVolumeState] = useState(initialVolume);
+  const mutedRef = useRef(muted);
+  const volumeRef = useRef(masterVolume);
+  const manifestRef = useRef(manifest);
+  mutedRef.current = muted;
+  volumeRef.current = masterVolume;
+  manifestRef.current = manifest;
+  const poolsRef = useRef(/* @__PURE__ */ new Map());
+  const getOrCreateElement = useCallback((key) => {
+    const entry = manifestRef.current[key];
+    if (!entry) return null;
+    let pool = poolsRef.current.get(key);
+    if (!pool) {
+      pool = [];
+      poolsRef.current.set(key, pool);
+    }
+    const maxSize = entry.poolSize ?? 1;
+    for (const audio of pool) {
+      if (audio.paused && (audio.ended || audio.currentTime === 0)) {
+        return audio;
+      }
+    }
+    if (pool.length < maxSize) {
+      const src = baseUrl + pickPath(entry);
+      const audio = new Audio(src);
+      audio.loop = entry.loop ?? false;
+      pool.push(audio);
+      return audio;
+    }
+    if (!entry.loop) {
+      let oldest = pool[0];
+      for (const audio of pool) {
+        if (audio.currentTime > oldest.currentTime) {
+          oldest = audio;
+        }
+      }
+      oldest.pause();
+      oldest.currentTime = 0;
+      return oldest;
+    }
+    return null;
+  }, [baseUrl]);
+  const play = useCallback((key) => {
+    if (mutedRef.current) return;
+    const entry = manifestRef.current[key];
+    if (!entry) return;
+    const audio = getOrCreateElement(key);
+    if (!audio) return;
+    audio.volume = Math.min(1, (entry.volume ?? 1) * volumeRef.current);
+    if (!entry.loop) {
+      audio.currentTime = 0;
+    }
+    const promise = audio.play();
+    if (promise) {
+      promise.catch(() => {
+      });
+    }
+  }, [getOrCreateElement]);
+  const stop = useCallback((key) => {
+    const pool = poolsRef.current.get(key);
+    if (!pool) return;
+    for (const audio of pool) {
+      audio.pause();
+      audio.currentTime = 0;
+    }
+  }, []);
+  const currentMusicKeyRef = useRef(null);
+  const currentMusicElRef = useRef(null);
+  const musicFadeRef = useRef(null);
+  const pendingMusicKeyRef = useRef(null);
+  const clearMusicFade = useCallback(() => {
+    if (musicFadeRef.current) {
+      clearInterval(musicFadeRef.current);
+      musicFadeRef.current = null;
+    }
+  }, []);
+  const playMusic = useCallback((key) => {
+    if (key === currentMusicKeyRef.current) return;
+    pendingMusicKeyRef.current = key;
+    const entry = manifestRef.current[key];
+    if (!entry) return;
+    const fadeDurationMs = entry.crossfadeDurationMs ?? 1500;
+    const stepMs = 50;
+    const totalSteps = Math.max(1, fadeDurationMs / stepMs);
+    const targetVolume = Math.min(1, (entry.volume ?? 1) * volumeRef.current);
+    clearMusicFade();
+    const src = baseUrl + (Array.isArray(entry.path) ? entry.path[0] : entry.path);
+    const incoming = new Audio(src);
+    incoming.loop = true;
+    incoming.volume = 0;
+    const outgoing = currentMusicElRef.current;
+    const outgoingStartVol = outgoing?.volume ?? 0;
+    currentMusicKeyRef.current = key;
+    currentMusicElRef.current = incoming;
+    if (!mutedRef.current) {
+      incoming.play().catch(() => {
+        currentMusicKeyRef.current = null;
+        currentMusicElRef.current = outgoing;
+      });
+    }
+    let step = 0;
+    musicFadeRef.current = setInterval(() => {
+      step++;
+      const progress = Math.min(step / totalSteps, 1);
+      incoming.volume = Math.min(1, targetVolume * progress);
+      if (outgoing) {
+        outgoing.volume = Math.max(0, outgoingStartVol * (1 - progress));
+      }
+      if (progress >= 1) {
+        clearMusicFade();
+        if (outgoing) {
+          outgoing.pause();
+          outgoing.src = "";
+        }
+      }
+    }, stepMs);
+  }, [baseUrl, clearMusicFade]);
+  const stopMusic = useCallback((fadeDurationMs = 1e3) => {
+    const outgoing = currentMusicElRef.current;
+    if (!outgoing) return;
+    currentMusicKeyRef.current = null;
+    currentMusicElRef.current = null;
+    pendingMusicKeyRef.current = null;
+    clearMusicFade();
+    const startVolume = outgoing.volume;
+    const stepMs = 50;
+    const totalSteps = Math.max(1, fadeDurationMs / stepMs);
+    let step = 0;
+    musicFadeRef.current = setInterval(() => {
+      step++;
+      const progress = step / totalSteps;
+      outgoing.volume = Math.max(0, startVolume * (1 - progress));
+      if (progress >= 1) {
+        clearMusicFade();
+        outgoing.pause();
+        outgoing.src = "";
+      }
+    }, stepMs);
+  }, [clearMusicFade]);
+  const stopAll = useCallback(() => {
+    for (const pool of poolsRef.current.values()) {
+      for (const audio of pool) {
+        audio.pause();
+        audio.currentTime = 0;
+      }
+    }
+    stopMusic(0);
+  }, [stopMusic]);
+  const setMuted = useCallback((value) => {
+    setMutedState(value);
+    if (value) {
+      for (const [key, pool] of poolsRef.current.entries()) {
+        if (manifestRef.current[key]?.loop) {
+          for (const audio of pool) {
+            if (!audio.paused) audio.pause();
+          }
+        }
+      }
+      currentMusicElRef.current?.pause();
+    } else {
+      for (const [key, pool] of poolsRef.current.entries()) {
+        const entry = manifestRef.current[key];
+        if (entry?.loop && entry?.autostart) {
+          for (const audio of pool) {
+            if (audio.paused) audio.play().catch(() => {
+            });
+          }
+        }
+      }
+      const musicEl = currentMusicElRef.current;
+      if (musicEl) {
+        musicEl.play().catch(() => {
+        });
+      }
+    }
+  }, []);
+  const setMasterVolume = useCallback((volume) => {
+    const clamped = Math.max(0, Math.min(1, volume));
+    setMasterVolumeState(clamped);
+    for (const [key, pool] of poolsRef.current.entries()) {
+      const entryVol = manifestRef.current[key]?.volume ?? 1;
+      for (const audio of pool) {
+        audio.volume = Math.min(1, entryVol * clamped);
+      }
+    }
+    if (!musicFadeRef.current && currentMusicElRef.current) {
+      const key = currentMusicKeyRef.current;
+      const entryVol = key ? manifestRef.current[key]?.volume ?? 1 : 1;
+      currentMusicElRef.current.volume = Math.min(1, entryVol * clamped);
+    }
+  }, []);
+  const unlockedRef = useRef(false);
+  useEffect(() => {
+    const autoKeys = Object.keys(manifest).filter((k) => manifest[k].autostart);
+    const hasPendingMusic = () => pendingMusicKeyRef.current !== null;
+    const hasAutoStart = autoKeys.length > 0;
+    if (!hasAutoStart && !hasPendingMusic()) return;
+    const unlock = () => {
+      if (unlockedRef.current) return;
+      unlockedRef.current = true;
+      if (!mutedRef.current) {
+        for (const key of autoKeys) {
+          play(key);
+        }
+        const pending = pendingMusicKeyRef.current;
+        if (pending && pending !== currentMusicKeyRef.current) {
+          playMusic(pending);
+        }
+      }
+    };
+    document.addEventListener("click", unlock, { once: true });
+    document.addEventListener("keydown", unlock, { once: true });
+    document.addEventListener("touchstart", unlock, { once: true });
+    return () => {
+      document.removeEventListener("click", unlock);
+      document.removeEventListener("keydown", unlock);
+      document.removeEventListener("touchstart", unlock);
+    };
+  }, [manifest, play, playMusic]);
+  useEffect(() => {
+    return () => {
+      clearMusicFade();
+      for (const pool of poolsRef.current.values()) {
+        for (const audio of pool) {
+          audio.pause();
+          audio.src = "";
+        }
+      }
+      poolsRef.current.clear();
+      if (currentMusicElRef.current) {
+        currentMusicElRef.current.pause();
+        currentMusicElRef.current.src = "";
+        currentMusicElRef.current = null;
+      }
+    };
+  }, [clearMusicFade]);
+  return {
+    play,
+    stop,
+    stopAll,
+    playMusic,
+    stopMusic,
+    muted,
+    setMuted,
+    masterVolume,
+    setMasterVolume
+  };
+}
+var init_useGameAudio = __esm({
+  "hooks/useGameAudio.ts"() {
+    "use client";
+    useGameAudio.displayName = "useGameAudio";
+  }
+});
+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",
@@ -10965,7 +10280,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(React90__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React83__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -11500,7 +10815,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(React90__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React83__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -11538,254 +10853,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({
@@ -11826,125 +10897,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"() {
@@ -12115,11 +11067,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();
   }
 });
@@ -12519,7 +11469,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React90__default.Component {
+    ErrorBoundary = class extends React83__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -13184,7 +12134,7 @@ var init_Container = __esm({
       as: Component = "div"
     }) => {
       const resolvedSize = maxWidth ?? size ?? "lg";
-      return React90__default.createElement(
+      return React83__default.createElement(
         Component,
         {
           className: cn(
@@ -16009,7 +14959,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 = React90__default.memo(
+    CodeBlock = React83__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -16596,7 +15546,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React90__default.memo(
+    MarkdownContent = React83__default.memo(
       ({ content, direction = "ltr", className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -17923,7 +16873,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React90__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React83__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode2,
                     {
                       state,
@@ -19354,14 +18304,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",
@@ -23561,8 +22511,8 @@ var init_Menu = __esm({
         "bottom-end": "bottom-start"
       };
       const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
-      const triggerChild = React90__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React90__default.cloneElement(
+      const triggerChild = React83__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React83__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -23657,14 +22607,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React90__default.useContext(RootCtx);
+  const parentRoot = React83__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React90__default.useId();
+  const zoneId = React83__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React90__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React90__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React83__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React83__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React90__default.useCallback((group) => {
+  const clearOptimisticOrder = React83__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -23689,7 +22639,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__idx_${idx}`;
   }).join("|");
-  const itemIds = React90__default.useMemo(
+  const itemIds = React83__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw != null ? String(raw) : `__idx_${idx}`;
@@ -23700,7 +22650,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__${idx}`;
   }).join("|");
-  React90__default.useEffect(() => {
+  React83__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -23708,20 +22658,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React90__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React90__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React83__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React83__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React90__default.useCallback((zoneId2) => {
+  const unregisterZone = React83__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React90__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React90__default.useState(null);
-  const meta = React90__default.useMemo(
+  const [activeDrag, setActiveDrag] = React83__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React83__default.useState(null);
+  const meta = React83__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React90__default.useEffect(() => {
+  React83__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -23740,7 +22690,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React90__default.useCallback(
+  const findZoneByItem = React83__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -23749,7 +22699,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React90__default.useCallback(
+  React83__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -23758,7 +22708,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React90__default.useCallback(
+  const handleDragEnd = React83__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -23849,8 +22799,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React90__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React90__default.useCallback(
+  const sortableData = React83__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React83__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -23890,7 +22840,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React90__default.useContext(RootCtx);
+    const ctx = React83__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -23905,7 +22855,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React90__default.useEffect(() => {
+    React83__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -23919,11 +22869,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React90__default.useMemo(
+  const rootContextValue = React83__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React90__default.useCallback((event) => {
+  const handleDragStart = React83__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;
@@ -23942,7 +22892,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React90__default.useCallback((event) => {
+  const handleDragOver = React83__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -24012,7 +22962,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React90__default.useCallback((event) => {
+  const handleDragCancel = React83__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -24020,12 +22970,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React90__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React83__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React90__default.useCallback(
+  const wrapContainer = React83__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -24079,7 +23029,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React90__default.createContext(null);
+    RootCtx = React83__default.createContext(null);
   }
 });
 function renderIconInput(icon, props) {
@@ -24605,7 +23555,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React90__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React83__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -24624,7 +23574,7 @@ function DataList({
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React90__default.useEffect(() => {
+  React83__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -24728,7 +23678,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(React90__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React83__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}`;
@@ -24869,7 +23819,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React83__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)
@@ -24954,7 +23904,7 @@ var init_FormSection = __esm({
       columns = 1,
       className
     }) => {
-      const [collapsed, setCollapsed] = React90__default.useState(defaultCollapsed);
+      const [collapsed, setCollapsed] = React83__default.useState(defaultCollapsed);
       const { t } = useTranslate();
       const eventBus = useEventBus();
       const gridClass = {
@@ -24962,7 +23912,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];
-      React90__default.useCallback(() => {
+      React83__default.useCallback(() => {
         if (collapsible) {
           setCollapsed((prev) => !prev);
           eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -25912,7 +24862,7 @@ var init_Flex = __esm({
           flexStyle.flexBasis = typeof basis === "number" ? `${basis}px` : basis;
         }
       }
-      return React90__default.createElement(Component, {
+      return React83__default.createElement(Component, {
         className: cn(
           inline ? "inline-flex" : "flex",
           directionStyles[direction],
@@ -26031,7 +24981,7 @@ var init_Grid = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = rows ? { gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`, ...style } : style;
-      return React90__default.createElement(
+      return React83__default.createElement(
         Component,
         {
           className: cn(
@@ -26227,9 +25177,9 @@ var init_Popover = __esm({
         onMouseLeave: handleClose,
         onPointerDown: tapTriggerProps.onPointerDown
       };
-      const childElement = React90__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const childElement = React83__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = childElement.props.onPointerDown;
-      const triggerElement = React90__default.cloneElement(
+      const triggerElement = React83__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -26831,9 +25781,9 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React90__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React83__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = triggerElement.props.onPointerDown;
-      const trigger = React90__default.cloneElement(triggerElement, {
+      const trigger = React83__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -26923,7 +25873,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(React90__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React83__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -27826,13 +26776,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 }
@@ -27858,7 +26808,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";
@@ -28484,13 +27434,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect62, useRef: useRef59, useCallback: useCallback96, useState: useState89 } = React90__default;
+      const { useEffect: useEffect61, useRef: useRef58, useCallback: useCallback92, useState: useState89 } = React83__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 = useRef59({ centerLat, centerLng, zoom });
-        useEffect62(() => {
+        const prevRef = useRef58({ centerLat, centerLng, zoom });
+        useEffect61(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -28501,7 +27451,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect62(() => {
+        useEffect61(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -28530,7 +27480,7 @@ var init_MapView = __esm({
       }) {
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState89(null);
-        const handleMapClick = useCallback96((lat, lng) => {
+        const handleMapClick = useCallback92((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -28539,7 +27489,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback96((marker) => {
+        const handleMarkerClick = useCallback92((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -29399,8 +28349,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React90__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React90__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React83__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React83__default.useState(/* @__PURE__ */ new Set());
   const colDefs = columns ?? fields ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -29595,12 +28545,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React90__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React83__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(React90__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React83__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)) });
@@ -30957,7 +29907,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(React90__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(React83__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" })
@@ -30968,7 +29918,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(React90__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(React83__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 }),
@@ -31953,7 +30903,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React90__default.forwardRef(
+    LikertScale = React83__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -31965,7 +30915,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React90__default.useId();
+        const groupId = React83__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -34247,7 +33197,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(React90__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React83__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -35116,7 +34066,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(React90__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React83__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -35320,7 +34270,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(React90__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(React83__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -35637,7 +34587,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();
@@ -35650,7 +34600,7 @@ var init_Section = __esm({
       lg: "p-6",
       xl: "p-8"
     };
-    variantStyles9 = {
+    variantStyles7 = {
       default: "",
       card: [
         "bg-card",
@@ -35678,12 +34628,12 @@ var init_Section = __esm({
       as: Component = "section"
     }) => {
       const hasHeader = title || description || action;
-      return React90__default.createElement(
+      return React83__default.createElement(
         Component,
         {
           className: cn(
             paddingStyles4[padding],
-            variantStyles9[variant],
+            variantStyles7[variant],
             className
           )
         },
@@ -36052,7 +35002,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(React90__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React83__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -38485,7 +37435,7 @@ var init_DetailPanel = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React90__default.isValidElement(children)) return void 0;
+  if (!React83__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -38835,12 +37785,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 = React90__default.useMemo(() => {
+      const normalizedInitialData = React83__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 = React90__default.useMemo(() => {
+      const entityDerivedFields = React83__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -38861,16 +37811,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] = React90__default.useState(
+      const [formData, setFormData] = React83__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React90__default.useState(
+      const [collapsedSections, setCollapsedSections] = React83__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React90__default.useState(null);
-      const formRef = React90__default.useRef(null);
+      const [submitError, setSubmitError] = React83__default.useState(null);
+      const formRef = React83__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React90__default.useRef(false);
+      const mountedRef = React83__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -38883,7 +37833,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React90__default.useMemo(
+      const evalContext = React83__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -38892,7 +37842,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React90__default.useEffect(() => {
+      React83__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -38903,7 +37853,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React90__default.useCallback(
+      const processCalculations = React83__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -38928,7 +37878,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React90__default.useCallback(
+      const checkViolations = React83__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -38966,7 +37916,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React90__default.useCallback(
+      const isFieldVisible = React83__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -38974,7 +37924,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React90__default.useCallback(
+      const isSectionVisible = React83__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -39050,7 +38000,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React90__default.useCallback(
+      const renderField = React83__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -39071,7 +38021,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React90__default.useMemo(() => {
+      const normalizedFields = React83__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -39095,7 +38045,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React90__default.useMemo(() => {
+      const schemaFields = React83__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -39105,7 +38055,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React90__default.useMemo(() => {
+      const sectionElements = React83__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -39642,18 +38592,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") {
@@ -39686,7 +38636,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";
@@ -39699,7 +38649,7 @@ var init_List = __esm({
     init_getNestedValue();
     init_useEventBus();
     init_types2();
-    STATUS_STYLES2 = {
+    STATUS_STYLES = {
       complete: {
         bg: "bg-success/10",
         text: "text-success",
@@ -39830,7 +38780,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React90__default.useCallback(
+      const getItemActions = React83__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -40305,7 +39255,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React90__default.useMemo(() => {
+      const items = React83__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -40468,7 +39418,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React90__default.isValidElement(children)) return void 0;
+  if (!React83__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -40723,7 +39673,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React90.useState(() => ({
+  const [data, setData] = React83.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -40737,7 +39687,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React90.useEffect(() => {
+  React83.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -40846,12 +39796,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React90.useState(null);
-  const [traits2, setTraits] = React90.useState([]);
-  const [coveredEdges, setCoveredEdges] = React90.useState([]);
-  const [completedTraits, setCompletedTraits] = React90.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React90.useRef(null);
-  React90.useEffect(() => {
+  const [walkStep, setWalkStep] = React83.useState(null);
+  const [traits2, setTraits] = React83.useState([]);
+  const [coveredEdges, setCoveredEdges] = React83.useState([]);
+  const [completedTraits, setCompletedTraits] = React83.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React83.useRef(null);
+  React83.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -41287,15 +40237,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React90.useState("all");
-  const containerRef = React90.useRef(null);
-  const [autoScroll, setAutoScroll] = React90.useState(true);
-  React90.useEffect(() => {
+  const [filter, setFilter] = React83.useState("all");
+  const containerRef = React83.useRef(null);
+  const [autoScroll, setAutoScroll] = React83.useState(true);
+  React83.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React90.useMemo(() => {
+  const filteredEvents = React83.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -41411,7 +40361,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React90.useState("all");
+  const [filter, setFilter] = React83.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -41424,7 +40374,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React90.useMemo(() => {
+  const filteredGuards = React83.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -41587,10 +40537,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React90.useRef(null);
-  const [autoScroll, setAutoScroll] = React90.useState(true);
-  const [expandedId, setExpandedId] = React90.useState(null);
-  React90.useEffect(() => {
+  const containerRef = React83.useRef(null);
+  const [autoScroll, setAutoScroll] = React83.useState(true);
+  const [expandedId, setExpandedId] = React83.useState(null);
+  React83.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -41870,9 +40820,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log13, setLog] = React90.useState([]);
-  const prevStatesRef = React90.useRef(/* @__PURE__ */ new Map());
-  React90.useEffect(() => {
+  const [log13, setLog] = React83.useState([]);
+  const prevStatesRef = React83.useRef(/* @__PURE__ */ new Map());
+  React83.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -42041,10 +40991,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React90.useState(true);
-  const scrollRef = React90.useRef(null);
-  const prevCountRef = React90.useRef(0);
-  React90.useEffect(() => {
+  const [expanded, setExpanded] = React83.useState(true);
+  const scrollRef = React83.useRef(null);
+  const prevCountRef = React83.useRef(0);
+  React83.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -42101,10 +41051,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React90.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React90.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React83.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React83.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React90.useEffect(() => {
+  React83.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -42113,7 +41063,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React90.useEffect(() => {
+  React83.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -42633,7 +41583,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React90__default.useCallback(() => {
+      const handleActionClick = React83__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -42644,7 +41594,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React90__default.useCallback(
+      const computeMetricValue = React83__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -42683,7 +41633,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React90__default.useMemo(() => {
+      const schemaStats = React83__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -42691,7 +41641,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React90__default.useMemo(() => {
+      const calculatedTrend = React83__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -43331,8 +42281,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     InlineActivityStream = ({ activities, autoScroll = true, className }) => {
-      const endRef = React90__default.useRef(null);
-      React90__default.useEffect(() => {
+      const endRef = React83__default.useRef(null);
+      React83__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [activities.length, autoScroll]);
@@ -43426,7 +42376,7 @@ var init_SubagentTracePanel = __esm({
     };
     SubagentRichCard = ({ subagent }) => {
       const { t } = useTranslate();
-      const activities = React90__default.useMemo(
+      const activities = React83__default.useMemo(
         () => subagentMessagesToActivities(subagent.messages),
         [subagent.messages]
       );
@@ -43503,8 +42453,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     CoordinatorConversation = ({ messages, autoScroll = true, className }) => {
-      const endRef = React90__default.useRef(null);
-      React90__default.useEffect(() => {
+      const endRef = React83__default.useRef(null);
+      React83__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [messages.length, autoScroll]);
@@ -43883,7 +42833,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";
@@ -43899,7 +42849,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",
@@ -43934,7 +42884,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = entity ?? [];
-      const items = React90__default.useMemo(() => {
+      const items = React83__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -43983,7 +42933,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: [
@@ -44036,7 +42986,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React90__default.isValidElement(children)) {
+  if (!React83__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -44078,7 +43028,7 @@ var init_ToastSlot = __esm({
         eventBus.emit(`${prefix}CLOSE`);
       };
       if (!isVisible) return null;
-      const isCustomContent = React90__default.isValidElement(children) && !message;
+      const isCustomContent = React83__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -44094,38 +43044,13 @@ var init_ToastSlot = __esm({
     ToastSlot.displayName = "ToastSlot";
   }
 });
-function lazyThree(name, loader) {
-  const Lazy = React90__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 React90__default.createElement(
-      ThreeBoundary,
-      { name },
-      React90__default.createElement(
-        React90__default.Suspense,
-        { fallback: null },
-        React90__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();
@@ -44169,7 +43094,6 @@ var init_component_registry_generated = __esm({
     init_ChoiceButton();
     init_CodeBlock();
     init_CodeRunnerPanel();
-    init_ComboCounter();
     init_CommunityLinks();
     init_ConditionalWrapper();
     init_ConfettiEffect();
@@ -44181,7 +43105,6 @@ var init_component_registry_generated = __esm({
     init_ControlButton();
     init_ControlGrid();
     init_CounterTemplate();
-    init_DamageNumber();
     init_DashboardGrid();
     init_DashboardLayout();
     init_DataGrid();
@@ -44211,7 +43134,6 @@ var init_component_registry_generated = __esm({
     init_EmptyState();
     init_ErrorBoundary();
     init_ErrorState();
-    init_EventLog();
     init_FeatureCard();
     init_FeatureDetailPageTemplate();
     init_FeatureGrid();
@@ -44228,12 +43150,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();
@@ -44250,8 +43170,6 @@ var init_component_registry_generated = __esm({
     init_Input();
     init_InputGroup();
     init_InstallBox();
-    init_InventoryGrid();
-    init_ItemSlot();
     init_JazariStateMachine();
     init_LandingPageTemplate();
     init_LawReferenceTooltip();
@@ -44272,13 +43190,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();
@@ -44304,8 +43220,6 @@ var init_component_registry_generated = __esm({
     init_RelationSelect();
     init_RepeatableFormSection();
     init_ReplyTree();
-    init_ResourceBar();
-    init_ResourceCounter();
     init_RichBlockEditor();
     init_RuntimeDebugger2();
     init_ScaledDiagram();
@@ -44331,19 +43245,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();
@@ -44380,46 +43291,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 React90__default.Component {
-      constructor() {
-        super(...arguments);
-        __publicField(this, "state", { failed: false });
-      }
-      static getDerivedStateFromError() {
-        return { failed: true };
-      }
-      render() {
-        if (this.state.failed) {
-          return React90__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,
@@ -44468,7 +43352,6 @@ var init_component_registry_generated = __esm({
       "ChoiceButton": ChoiceButton,
       "CodeBlock": CodeBlock,
       "CodeRunnerPanel": CodeRunnerPanel,
-      "ComboCounter": ComboCounter,
       "CommunityLinks": CommunityLinks,
       "ConditionalWrapper": ConditionalWrapper,
       "ConfettiEffect": ConfettiEffect,
@@ -44480,7 +43363,6 @@ var init_component_registry_generated = __esm({
       "ControlButton": ControlButton,
       "ControlGrid": ControlGrid,
       "CounterTemplate": CounterTemplate,
-      "DamageNumber": DamageNumber,
       "DashboardGrid": DashboardGrid,
       "DashboardLayout": DashboardLayout,
       "DataGrid": DataGrid,
@@ -44512,7 +43394,6 @@ var init_component_registry_generated = __esm({
       "EmptyState": EmptyState,
       "ErrorBoundary": ErrorBoundary,
       "ErrorState": ErrorState,
-      "EventLog": EventLog,
       "FeatureCard": FeatureCard,
       "FeatureDetailPageTemplate": FeatureDetailPageTemplate,
       "FeatureGrid": FeatureGrid,
@@ -44530,13 +43411,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,
@@ -44553,8 +43431,6 @@ var init_component_registry_generated = __esm({
       "Input": Input,
       "InputGroup": InputGroup,
       "InstallBox": InstallBox,
-      "InventoryGrid": InventoryGrid,
-      "ItemSlot": ItemSlot,
       "JazariStateMachine": JazariStateMachine,
       "Label": LabelPattern,
       "LabelPattern": LabelPattern,
@@ -44577,13 +43453,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,
@@ -44609,8 +43483,6 @@ var init_component_registry_generated = __esm({
       "RelationSelect": RelationSelect,
       "RepeatableFormSection": RepeatableFormSection,
       "ReplyTree": ReplyTree,
-      "ResourceBar": ResourceBar,
-      "ResourceCounter": ResourceCounter,
       "RichBlockEditor": RichBlockEditor,
       "RuntimeDebugger": RuntimeDebugger,
       "ScaledDiagram": ScaledDiagram,
@@ -44638,20 +43510,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,
@@ -44688,17 +43557,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,
@@ -44720,7 +43586,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React90__default.createElement(
+  return React83__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -44762,7 +43628,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) && !React90__default.isValidElement(field) && !(field instanceof Date)) {
+    if (field && typeof field === "object" && !Array.isArray(field) && !React83__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;
@@ -45215,7 +44081,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React90__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React83__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -45268,14 +44134,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 (React90__default.isValidElement(value)) return false;
+  if (React83__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 (React90__default.isValidElement(value)) return false;
+  if (React83__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -45402,7 +44268,7 @@ function SlotContentRenderer({
     for (const slotKey of CONTENT_NODE_SLOTS) {
       const slotVal = restProps[slotKey];
       if (slotVal === void 0 || slotVal === null) continue;
-      if (React90__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
+      if (React83__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,
@@ -45454,7 +44320,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) && !React90__default.isValidElement(sample) && !(sample instanceof Date)) {
+      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React83__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" }));
       }
@@ -47017,4 +45883,63 @@ function useOptionalOfflineMode() {
   return useContext(OfflineModeContext);
 }
 
-export { ANONYMOUS_USER, CurrentPagePathContext, CurrentPagePathProvider, EntitySchemaProvider, EventBusContext2 as EventBusContext, EventBusProvider, NavigationProvider2 as NavigationProvider, OfflineModeProvider, OrbitalProvider, OrbitalThemeProvider, SelectionContext, SelectionProvider, ServerBridgeProvider, TraitContext, TraitProvider, TraitScopeProvider3 as TraitScopeProvider, UserContext, UserProvider, VerificationProvider, extractRouteParams2 as extractRouteParams, findPageByName2 as findPageByName, findPageByPath2 as findPageByPath, getAllPages2 as getAllPages, getDefaultPage2 as getDefaultPage, matchPath2 as matchPath, pathMatches2 as pathMatches, useActivePage2 as useActivePage, useCurrentPagePath2 as useCurrentPagePath, useEntitySchema, useEntitySchemaOptional6 as useEntitySchemaOptional, useHasPermission, useHasRole, useInitPayload2 as useInitPayload, useNavigateTo2 as useNavigateTo, useNavigation2 as useNavigation, useNavigationId2 as useNavigationId, useNavigationState2 as useNavigationState, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional, useServerBridge, useTrait, useTraitContext, useTraitScope2 as useTraitScope, useUser, useUserForEvaluation };
+// providers/GameAudioProvider.tsx
+init_useEventBus();
+init_useGameAudio();
+var GameAudioContext2 = createContext(null);
+GameAudioContext2.displayName = "GameAudioContext";
+function useGameAudioContext2() {
+  const ctx = useContext(GameAudioContext2);
+  if (!ctx) {
+    throw new Error("useGameAudioContext must be used inside <GameAudioProvider>");
+  }
+  return ctx;
+}
+function useGameAudioContextOptional2() {
+  return useContext(GameAudioContext2);
+}
+function GameAudioProvider2({
+  manifest,
+  baseUrl = "",
+  children,
+  initialMuted = false
+}) {
+  const eventBus = useEventBus();
+  const { play, stop, stopAll, playMusic, stopMusic, muted, setMuted, masterVolume, setMasterVolume } = useGameAudio({ manifest, baseUrl, initialMuted });
+  useEffect(() => {
+    const unsubPlay = eventBus.on("UI:PLAY_SOUND", (event) => {
+      const key = event.payload?.key;
+      if (key) play(key);
+    });
+    const unsubStop = eventBus.on("UI:STOP_SOUND", (event) => {
+      const key = event.payload?.key;
+      if (key) {
+        stop(key);
+      } else {
+        stopAll();
+      }
+    });
+    const unsubChangeMusic = eventBus.on("UI:CHANGE_MUSIC", (event) => {
+      const key = event.payload?.key;
+      if (key) {
+        playMusic(key);
+      } else {
+        stopMusic();
+      }
+    });
+    const unsubStopMusic = eventBus.on("UI:STOP_MUSIC", () => {
+      stopMusic();
+    });
+    return () => {
+      unsubPlay();
+      unsubStop();
+      unsubChangeMusic();
+      unsubStopMusic();
+    };
+  }, [eventBus, play, stop, stopAll, playMusic, stopMusic]);
+  const value = { muted, setMuted, masterVolume, setMasterVolume, play, playMusic, stopMusic };
+  return /* @__PURE__ */ jsx(GameAudioContext2.Provider, { value, children });
+}
+GameAudioProvider2.displayName = "GameAudioProvider";
+
+export { ANONYMOUS_USER, CurrentPagePathContext, CurrentPagePathProvider, EntitySchemaProvider, EventBusContext2 as EventBusContext, EventBusProvider, GameAudioContext2 as GameAudioContext, GameAudioProvider2 as GameAudioProvider, NavigationProvider2 as NavigationProvider, OfflineModeProvider, OrbitalProvider, OrbitalThemeProvider, SelectionContext, SelectionProvider, ServerBridgeProvider, TraitContext, TraitProvider, TraitScopeProvider3 as TraitScopeProvider, UserContext, UserProvider, VerificationProvider, extractRouteParams2 as extractRouteParams, findPageByName2 as findPageByName, findPageByPath2 as findPageByPath, getAllPages2 as getAllPages, getDefaultPage2 as getDefaultPage, matchPath2 as matchPath, pathMatches2 as pathMatches, useActivePage2 as useActivePage, useCurrentPagePath2 as useCurrentPagePath, useEntitySchema, useEntitySchemaOptional6 as useEntitySchemaOptional, useGameAudioContext2 as useGameAudioContext, useGameAudioContextOptional2 as useGameAudioContextOptional, useHasPermission, useHasRole, useInitPayload2 as useInitPayload, useNavigateTo2 as useNavigateTo, useNavigation2 as useNavigation, useNavigationId2 as useNavigationId, useNavigationState2 as useNavigationState, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional, useServerBridge, useTrait, useTraitContext, useTraitScope2 as useTraitScope, useUser, useUserForEvaluation };