@almadar/ui 5.65.0 → 5.68.0

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React79 from 'react';
-import React79__default, { useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, lazy, createContext, useLayoutEffect, useId, forwardRef, useImperativeHandle, useSyncExternalStore, Component } from 'react';
+import * as React80 from 'react';
+import React80__default, { useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, lazy, createContext, useLayoutEffect, useId, forwardRef, useImperativeHandle, useSyncExternalStore, Component } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { EventBusContext, useTraitScope, TraitScopeProvider } from '@almadar/ui/providers';
@@ -49,7 +49,7 @@ import { GLTFLoader as GLTFLoader$1 } from 'three/examples/jsm/loaders/GLTFLoade
 import { clone } from 'three/examples/jsm/utils/SkeletonUtils';
 import { Canvas, useLoader, useFrame, useThree } from '@react-three/fiber';
 import { Billboard, Grid as Grid$1, OrbitControls } from '@react-three/drei';
-import { getPatternDefinition as getPatternDefinition$1, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
+import { getPatternDefinition as getPatternDefinition$1, getComponentForPattern } from '@almadar/patterns';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -234,7 +234,7 @@ var init_SvgFlow = __esm({
       width = 100,
       height = 100
     }) => {
-      const markerId = React79__default.useMemo(() => {
+      const markerId = React80__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -827,7 +827,7 @@ var init_SvgRing = __esm({
       width = 100,
       height = 100
     }) => {
-      const gradientId = React79__default.useMemo(() => {
+      const gradientId = React80__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -1239,7 +1239,7 @@ function loadLib(key, importer) {
   return p2;
 }
 function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React79__default.lazy(async () => {
+  const Lazy = React80__default.lazy(async () => {
     const lib = await loadLib(libKey, importer);
     const Comp = pick(lib);
     if (!Comp) {
@@ -1249,7 +1249,7 @@ function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
     return { default: Comp };
   });
   const Wrapped = (props) => /* @__PURE__ */ jsx(
-    React79__default.Suspense,
+    React80__default.Suspense,
     {
       fallback: /* @__PURE__ */ jsx(
         "span",
@@ -1975,7 +1975,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 = React79__default.useMemo(() => {
+      const RenderedComponent = React80__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -2034,7 +2034,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React79__default.isValidElement(value)) {
+  if (React80__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -2110,7 +2110,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React79__default.forwardRef(
+    Button = React80__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -2177,7 +2177,7 @@ var init_Input = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Input = React79__default.forwardRef(
+    Input = React80__default.forwardRef(
       ({
         className,
         inputType,
@@ -2337,7 +2337,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React79__default.forwardRef(
+    Label = React80__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -2364,7 +2364,7 @@ var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
     init_useEventBus();
-    Textarea = React79__default.forwardRef(
+    Textarea = React80__default.forwardRef(
       ({ className, error, onChange, ...props }, ref) => {
         const eventBus = useEventBus();
         const handleChange = (e) => {
@@ -2603,7 +2603,7 @@ var init_Select = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Select = React79__default.forwardRef(
+    Select = React80__default.forwardRef(
       (props, _ref) => {
         const { multiple, searchable, clearable } = props;
         if (multiple || searchable || clearable) {
@@ -2620,7 +2620,7 @@ var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
     init_useEventBus();
-    Checkbox = React79__default.forwardRef(
+    Checkbox = React80__default.forwardRef(
       ({ className, label, id, onChange, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         const eventBus = useEventBus();
@@ -2674,7 +2674,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React79__default.forwardRef(
+    Spinner = React80__default.forwardRef(
       ({ className, size = "md", overlay, ...props }, ref) => {
         if (overlay) {
           return /* @__PURE__ */ jsx(
@@ -2764,7 +2764,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 = React79__default.forwardRef(
+    Card = React80__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -2812,9 +2812,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React80__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React80__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -2827,11 +2827,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React80__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React80__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -2884,7 +2884,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React79__default.forwardRef(
+    Badge = React80__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = {
           sm: "h-icon-default w-icon-default",
@@ -2977,7 +2977,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React79__default.forwardRef(
+    FilterPill = React80__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -3106,8 +3106,8 @@ var init_Avatar = __esm({
       actionPayload
     }) => {
       const eventBus = useEventBus();
-      const [imgFailed, setImgFailed] = React79__default.useState(false);
-      React79__default.useEffect(() => {
+      const [imgFailed, setImgFailed] = React80__default.useState(false);
+      React80__default.useEffect(() => {
         setImgFailed(false);
       }, [src]);
       const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -3359,7 +3359,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React79__default.forwardRef(
+    Box = React80__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -3424,7 +3424,7 @@ var init_Box = __esm({
           onPointerDown?.(e);
         }, [hoverEvent, tapReveal, triggerProps, onPointerDown]);
         const isClickable = action || onClick;
-        return React79__default.createElement(
+        return React80__default.createElement(
           Component2,
           {
             ref,
@@ -3750,7 +3750,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React79__default.forwardRef(
+    Radio = React80__default.forwardRef(
       ({
         label,
         helperText,
@@ -3767,12 +3767,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React79__default.useId();
+        const reactId = React80__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React79__default.useState(value);
-        React79__default.useEffect(() => {
+        const [selected, setSelected] = React80__default.useState(value);
+        React80__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -3954,7 +3954,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React79.forwardRef(
+    Switch = React80.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -3965,10 +3965,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React79.useState(
+        const [isChecked, setIsChecked] = React80.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React79.useEffect(() => {
+        React80.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -4625,7 +4625,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React79__default.forwardRef(
+    Dialog = React80__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -4651,7 +4651,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React79__default.forwardRef(
+    Aside = React80__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -4730,9 +4730,9 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React79__default.useState(false);
-      const timeoutRef = React79__default.useRef(null);
-      const triggerRef = React79__default.useRef(null);
+      const [isVisible, setIsVisible] = React80__default.useState(false);
+      const timeoutRef = React80__default.useRef(null);
+      const triggerRef = React80__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -4743,7 +4743,7 @@ var init_LawReferenceTooltip = __esm({
       };
       const { revealed, triggerProps } = useTapReveal({ refs: [triggerRef] });
       const open = isVisible || revealed;
-      React79__default.useEffect(() => {
+      React80__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -4955,7 +4955,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React79__default.forwardRef(
+    StatusDot = React80__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -5009,7 +5009,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React79__default.forwardRef(
+    TrendIndicator = React80__default.forwardRef(
       ({
         className,
         value,
@@ -5076,7 +5076,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React79__default.forwardRef(
+    RangeSlider = React80__default.forwardRef(
       ({
         className,
         min = 0,
@@ -5672,7 +5672,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React79__default.forwardRef(
+    ContentSection = React80__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -6206,7 +6206,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React79__default.forwardRef(
+    AnimatedReveal = React80__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -6366,7 +6366,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React79__default.forwardRef(
+    AnimatedGraphic = React80__default.forwardRef(
       ({
         src,
         svgContent,
@@ -6389,7 +6389,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React79__default.useCallback(
+        const setRef = React80__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -7071,7 +7071,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React79__default.Component {
+    ErrorBoundary = class extends React80__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -8191,9 +8191,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React79.useState(false);
+  const [isPressed, setIsPressed] = React80.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React79.useCallback(
+  const handlePointerDown = React80.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -8203,7 +8203,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React79.useCallback(
+  const handlePointerUp = React80.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -8213,7 +8213,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React79.useCallback(
+  const handlePointerLeave = React80.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -8301,8 +8301,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React79.useState(/* @__PURE__ */ new Set());
-  const handlePress = React79.useCallback(
+  const [activeButtons, setActiveButtons] = React80.useState(/* @__PURE__ */ new Set());
+  const handlePress = React80.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -8310,7 +8310,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React79.useCallback(
+  const handleRelease = React80.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -9885,6 +9885,11 @@ function isoToScreen(tileX, tileY, scale, baseOffsetX, layout = "isometric") {
     const screenY2 = tileY * (scaledFloorHeight * 0.75);
     return { x: screenX2, y: screenY2 };
   }
+  if (layout === "flat") {
+    const screenX2 = tileX * scaledTileWidth + baseOffsetX;
+    const screenY2 = tileY * scaledFloorHeight;
+    return { x: screenX2, y: screenY2 };
+  }
   const screenX = (tileX - tileY) * (scaledTileWidth / 2) + baseOffsetX;
   const screenY = (tileX + tileY) * (scaledFloorHeight / 2);
   return { x: screenX, y: screenY };
@@ -9897,6 +9902,11 @@ function screenToIso(screenX, screenY, scale, baseOffsetX, layout = "isometric")
     const col = Math.round((screenX - (row & 1) * (scaledTileWidth / 2) - baseOffsetX) / scaledTileWidth);
     return { x: col, y: row };
   }
+  if (layout === "flat") {
+    const col = Math.round((screenX - baseOffsetX) / scaledTileWidth);
+    const row = Math.round(screenY / scaledFloorHeight);
+    return { x: col, y: row };
+  }
   const adjustedX = screenX - baseOffsetX;
   const tileX = (adjustedX / (scaledTileWidth / 2) + screenY / (scaledFloorHeight / 2)) / 2;
   const tileY = (screenY / (scaledFloorHeight / 2) - adjustedX / (scaledTileWidth / 2)) / 2;
@@ -10016,7 +10026,7 @@ function IsometricCanvas({
   );
   const sortedTiles = useMemo(() => {
     const tiles = [...tilesProp];
-    if (tileLayout === "hex") {
+    if (tileLayout === "hex" || tileLayout === "flat") {
       tiles.sort((a, b) => a.y !== b.y ? a.y - b.y : a.x - b.x);
     } else {
       tiles.sort((a, b) => {
@@ -10144,7 +10154,8 @@ function IsometricCanvas({
     const minX = Math.min(...allScreenPos.map((p2) => p2.x));
     const maxX = Math.max(...allScreenPos.map((p2) => p2.x + scaledTileWidth));
     const minY = Math.min(...allScreenPos.map((p2) => p2.y));
-    const maxY = Math.max(...allScreenPos.map((p2) => p2.y + scaledTileHeight));
+    const tileBottomExtent = tileLayout === "hex" || tileLayout === "flat" ? scaledTileWidth : scaledTileHeight;
+    const maxY = Math.max(...allScreenPos.map((p2) => p2.y + tileBottomExtent));
     const worldW = maxX - minX;
     const worldH = maxY - minY;
     const scaleM = Math.min(mW / worldW, mH / worldH) * 0.9;
@@ -10236,7 +10247,7 @@ function IsometricCanvas({
           const drawW = scaledTileWidth;
           const drawH = scaledTileWidth * (img.naturalHeight / img.naturalWidth);
           const drawX = pos.x;
-          const drawY = pos.y + scaledTileHeight - drawH;
+          const drawY = tileLayout === "hex" || tileLayout === "flat" ? pos.y : pos.y + scaledTileHeight - drawH;
           ctx.drawImage(img, drawX, drawY, drawW, drawH);
         }
       } else {
@@ -10303,7 +10314,7 @@ function IsometricCanvas({
       }
     }
     const sortedFeatures = [...features].sort((a, b) => {
-      if (tileLayout === "hex") return a.y !== b.y ? a.y - b.y : a.x - b.x;
+      if (tileLayout === "hex" || tileLayout === "flat") return a.y !== b.y ? a.y - b.y : a.x - b.x;
       const depthA = a.x + a.y;
       const depthB = b.x + b.y;
       return depthA !== depthB ? depthA - depthB : a.y - b.y;
@@ -10344,7 +10355,7 @@ function IsometricCanvas({
     }
     const unitsWithPosition = units.filter((u) => !!u.position);
     const sortedUnits = [...unitsWithPosition].sort((a, b) => {
-      if (tileLayout === "hex") return a.position.y !== b.position.y ? a.position.y - b.position.y : a.position.x - b.position.x;
+      if (tileLayout === "hex" || tileLayout === "flat") return a.position.y !== b.position.y ? a.position.y - b.position.y : a.position.x - b.position.x;
       const depthA = a.position.x + a.position.y;
       const depthB = b.position.x + b.position.y;
       return depthA !== depthB ? depthA - depthB : a.position.y - b.position.y;
@@ -12519,7 +12530,7 @@ var init_CodeBlock = __esm({
     };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React79__default.memo(
+    CodeBlock = React80__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -13106,7 +13117,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React79__default.memo(
+    MarkdownContent = React80__default.memo(
       ({ content, direction = "ltr", className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -13396,6 +13407,48 @@ var init_BloomQuizBlock = __esm({
     BloomQuizBlock.displayName = "BloomQuizBlock";
   }
 });
+function BoardgameBoard({
+  tiles,
+  units,
+  features,
+  assetManifest,
+  assetBaseUrl,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("boardgame-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
+}
+var init_BoardgameBoard = __esm({
+  "components/game/organisms/BoardgameBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_IsometricCanvas();
+    BoardgameBoard.displayName = "BoardgameBoard";
+  }
+});
 var MIN_DIAGRAM_WIDTH, ScaledDiagram;
 var init_ScaledDiagram = __esm({
   "components/core/molecules/ScaledDiagram.tsx"() {
@@ -14433,7 +14486,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React79__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React80__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -18388,7 +18441,7 @@ function CardHand({
   className
 }) {
   const eventBus = useEventBus();
-  const handleClick = React79.useCallback(
+  const handleClick = React80.useCallback(
     (card) => {
       if (card.disabled) return;
       onCardClick?.(card.id);
@@ -20534,9 +20587,220 @@ var init_ChartLegend = __esm({
     ChartLegend.displayName = "ChartLegend";
   }
 });
+
+// components/core/organisms/trace-edit-focus.ts
+function asString(v) {
+  return typeof v === "string" ? v : void 0;
+}
+function asLevel(v) {
+  if (typeof v === "string" && EDIT_FOCUS_LEVELS.has(v)) {
+    return v;
+  }
+  return "node";
+}
+function isEventPayload(v) {
+  return v !== null && v !== void 0 && typeof v === "object" && !Array.isArray(v) && !(v instanceof Date);
+}
+function parseEditFocus(value) {
+  if (!isEventPayload(value)) return null;
+  const payload = value;
+  const orbital = asString(payload.orbital);
+  if (orbital === void 0 || orbital.length === 0) return null;
+  const focus = {
+    level: asLevel(payload.level),
+    orbital,
+    label: asString(payload.label) ?? orbital
+  };
+  const trait = asString(payload.trait);
+  if (trait !== void 0) focus.trait = trait;
+  const transition = asString(payload.transition);
+  if (transition !== void 0) focus.transition = transition;
+  const state = asString(payload.state);
+  if (state !== void 0) focus.state = state;
+  const slot = asString(payload.slot);
+  if (slot !== void 0) focus.slot = slot;
+  const path = asString(payload.path);
+  if (path !== void 0) focus.path = path;
+  const patternType = asString(payload.patternType);
+  if (patternType !== void 0) focus.patternType = patternType;
+  const entity = asString(payload.entity);
+  if (entity !== void 0) focus.entity = entity;
+  const source = asString(payload.source);
+  if (source !== void 0) focus.source = source;
+  return focus;
+}
+var ELEMENT_SELECTED_EVENT, EDIT_FOCUS_LEVELS;
+var init_trace_edit_focus = __esm({
+  "components/core/organisms/trace-edit-focus.ts"() {
+    ELEMENT_SELECTED_EVENT = "UI:ELEMENT_SELECTED";
+    EDIT_FOCUS_LEVELS = /* @__PURE__ */ new Set([
+      "node",
+      "slot",
+      "field",
+      "effect",
+      "trait",
+      "page",
+      "orbital"
+    ]);
+  }
+});
+function getJepaBadgeVariant(probability) {
+  if (probability >= 0.9) return "success";
+  if (probability >= 0.5) return "warning";
+  return "danger";
+}
+function ChatBar({
+  status = "idle",
+  activeGate,
+  jepaValidity,
+  placeholder,
+  context,
+  className
+}) {
+  const { t } = useTranslate();
+  const eventBus = useEventBus();
+  const [inputValue, setInputValue] = useState("");
+  const [focus, setFocus] = useState(null);
+  const clearFocus = useCallback(() => {
+    setFocus(null);
+    eventBus.emit(ELEMENT_SELECTED_EVENT, { focus: null });
+  }, [eventBus]);
+  const handleKeyDown = useCallback((e) => {
+    if (e.key !== "Enter" || e.shiftKey) return;
+    const trimmed = inputValue.trim();
+    if (!trimmed) return;
+    e.preventDefault();
+    eventBus.emit("UI:CHAT_SEND", { message: trimmed });
+  }, [inputValue, eventBus]);
+  useEffect(() => {
+    const unsubSend = eventBus.on("UI:CHAT_SEND", () => {
+      setInputValue("");
+      setFocus(null);
+    });
+    const unsubSelect = eventBus.on(ELEMENT_SELECTED_EVENT, (e) => {
+      setFocus(parseEditFocus(e.payload?.focus));
+    });
+    return () => {
+      unsubSend();
+      unsubSelect();
+    };
+  }, [eventBus]);
+  const trailingAction = status === "error" ? /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "sm", action: "RETRY_GENERATION", className: "rounded-none flex-shrink-0 h-auto", children: [
+    /* @__PURE__ */ jsx(Icon, { name: "refresh-cw", size: "xs" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t("openFile.retry") })
+  ] }) : status === "running" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        action: "PAUSE",
+        title: t("chatBar.pauseTheAgentYouCanEdit"),
+        className: "rounded-none flex-shrink-0 h-auto",
+        children: /* @__PURE__ */ jsx(Icon, { name: "pause", size: "xs" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        action: "STOP",
+        title: t("chatBar.cancelGeneration"),
+        className: "rounded-none flex-shrink-0 h-auto border-l border-[var(--color-border)]",
+        children: /* @__PURE__ */ jsx(Icon, { name: "square", size: "xs" })
+      }
+    )
+  ] }) : status === "paused" ? /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "primary",
+      size: "sm",
+      action: "RESUME",
+      title: t("chatBar.resumeTheAgentYourCanvasEdits"),
+      className: "rounded-none flex-shrink-0 h-auto",
+      children: [
+        /* @__PURE__ */ jsx(Icon, { name: "play", size: "xs" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t("chatBar.resume") })
+      ]
+    }
+  ) : /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "primary",
+      size: "sm",
+      action: "CHAT_SEND",
+      actionPayload: { message: inputValue.trim() },
+      disabled: !inputValue.trim(),
+      "aria-label": t("chatBar.sendMessage"),
+      className: "rounded-none flex-shrink-0 h-auto",
+      children: /* @__PURE__ */ jsx(Icon, { name: "send", size: "xs" })
+    }
+  );
+  return /* @__PURE__ */ jsxs(Box, { className: `border-t border-[var(--color-border)] bg-[var(--color-card)] ${className ?? ""}`, children: [
+    focus && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "items-center px-4 pt-2", children: /* @__PURE__ */ jsxs(Badge, { variant: "secondary", size: "sm", className: "flex items-center gap-1 max-w-full", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "mouse-pointer-2", size: "xs" }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-inherit truncate", children: [
+        t("chatBar.editing"),
+        ": ",
+        focus.label
+      ] }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          onClick: clearFocus,
+          title: t("chatBar.clearSelection"),
+          className: "cursor-pointer flex items-center ml-1 hover:opacity-70",
+          children: /* @__PURE__ */ jsx(Icon, { name: "x", size: "xs" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "items-center px-4 py-2", children: [
+      context && /* @__PURE__ */ jsx(Badge, { variant: "primary", size: "sm", className: "whitespace-nowrap flex-shrink-0", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-inherit", children: context }) }),
+      /* @__PURE__ */ jsxs(Box, { className: "flex-1 min-w-0 flex items-stretch rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-background)] focus-within:border-[var(--color-primary)] overflow-hidden", children: [
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: inputValue,
+            placeholder: placeholder ?? t("chatBar.askTheAgentAnything"),
+            onChange: (e) => setInputValue(e.target.value),
+            onKeyDown: handleKeyDown,
+            rows: 1,
+            className: "flex-1 min-w-0 min-h-0 text-sm border-0 rounded-none shadow-none bg-transparent resize-none focus:ring-0"
+          }
+        ),
+        trailingAction
+      ] }),
+      (activeGate || jepaValidity !== void 0) && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
+        activeGate && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "whitespace-nowrap", children: activeGate }),
+        jepaValidity !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: getJepaBadgeVariant(jepaValidity), size: "sm", children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-inherit", children: [
+          (jepaValidity * 100).toFixed(1),
+          "%"
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+var init_ChatBar = __esm({
+  "components/core/organisms/ChatBar.tsx"() {
+    "use client";
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_Button();
+    init_Badge();
+    init_Icon();
+    init_Textarea();
+    init_useEventBus();
+    init_trace_edit_focus();
+    ChatBar.displayName = "ChatBar";
+  }
+});
 function ChoiceButton({
   text = "Charge forward into the fray",
   index,
+  assetUrl,
+  icon,
   disabled = false,
   selected = false,
   onClick,
@@ -20569,6 +20833,23 @@ function ChoiceButton({
             ]
           }
         ),
+        assetUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: "",
+            width: 16,
+            height: 16,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-sm", 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("span", { className: "text-sm leading-snug", children: text })
       ]
     }
@@ -20577,6 +20858,7 @@ function ChoiceButton({
 var init_ChoiceButton = __esm({
   "components/game/atoms/ChoiceButton.tsx"() {
     init_cn();
+    init_Icon();
     ChoiceButton.displayName = "ChoiceButton";
   }
 });
@@ -21867,7 +22149,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React79.useCallback(() => {
+  const handleCraft = React80.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -21884,7 +22166,7 @@ function CraftingRecipe({
       children: [
         /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap items-center", children: inputs.map((ingredient, index) => {
           const hasSufficient = ingredient.available >= ingredient.required;
-          return /* @__PURE__ */ jsxs(React79.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React80.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -21956,8 +22238,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap6[size];
-  const [activeDirections, setActiveDirections] = React79.useState(/* @__PURE__ */ new Set());
-  const handlePress = React79.useCallback(
+  const [activeDirections, setActiveDirections] = React80.useState(/* @__PURE__ */ new Set());
+  const handlePress = React80.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -21965,7 +22247,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React79.useCallback(
+  const handleRelease = React80.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -22914,8 +23196,8 @@ var init_Menu = __esm({
         "bottom-end": "bottom-start"
       };
       const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
-      const triggerChild = React79__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React79__default.cloneElement(
+      const triggerChild = React80__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React80__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -23010,14 +23292,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React79__default.useContext(RootCtx);
+  const parentRoot = React80__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React79__default.useId();
+  const zoneId = React80__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React79__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React79__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React80__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React80__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React79__default.useCallback((group) => {
+  const clearOptimisticOrder = React80__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -23042,7 +23324,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return String(raw ?? `__idx_${idx}`);
   }).join("|");
-  const itemIds = React79__default.useMemo(
+  const itemIds = React80__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw ?? `__idx_${idx}`;
@@ -23050,7 +23332,7 @@ function useDataDnd(args) {
     [itemIdsSignature]
   );
   const itemsContentSig = items.map((it, idx) => String(it[dndItemIdField] ?? `__${idx}`)).join("|");
-  React79__default.useEffect(() => {
+  React80__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -23058,20 +23340,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React79__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React79__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React80__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React80__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React79__default.useCallback((zoneId2) => {
+  const unregisterZone = React80__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React79__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React79__default.useState(null);
-  const meta = React79__default.useMemo(
+  const [activeDrag, setActiveDrag] = React80__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React80__default.useState(null);
+  const meta = React80__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React79__default.useEffect(() => {
+  React80__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -23090,7 +23372,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React79__default.useCallback(
+  const findZoneByItem = React80__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -23099,7 +23381,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React79__default.useCallback(
+  React80__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -23108,7 +23390,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React79__default.useCallback(
+  const handleDragEnd = React80__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -23199,8 +23481,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React79__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React79__default.useCallback(
+  const sortableData = React80__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React80__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -23240,7 +23522,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React79__default.useContext(RootCtx);
+    const ctx = React80__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -23255,7 +23537,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React79__default.useEffect(() => {
+    React80__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -23269,11 +23551,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React79__default.useMemo(
+  const rootContextValue = React80__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React79__default.useCallback((event) => {
+  const handleDragStart = React80__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;
@@ -23292,7 +23574,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React79__default.useCallback((event) => {
+  const handleDragOver = React80__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -23362,7 +23644,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React79__default.useCallback((event) => {
+  const handleDragCancel = React80__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -23370,12 +23652,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React79__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React80__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React79__default.useCallback(
+  const wrapContainer = React80__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -23429,7 +23711,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React79__default.createContext(null);
+    RootCtx = React80__default.createContext(null);
   }
 });
 function renderIconInput(icon, props) {
@@ -23955,7 +24237,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React79__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React80__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -23974,7 +24256,7 @@ function DataList({
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React79__default.useEffect(() => {
+  React80__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -24079,7 +24361,7 @@ function DataList({
     const items2 = data.map((item) => item);
     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(React79__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React80__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}`;
@@ -24220,7 +24502,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React80__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)
@@ -24327,8 +24609,8 @@ function ScalarControl({
   }
   const numeric = typeof value === "number";
   const initial = value === null ? "" : String(value);
-  const [draft, setDraft] = React79__default.useState(initial);
-  React79__default.useEffect(() => setDraft(initial), [initial]);
+  const [draft, setDraft] = React80__default.useState(initial);
+  React80__default.useEffect(() => setDraft(initial), [initial]);
   const commit = () => {
     if (numeric) {
       const n = draft.trim() === "" ? 0 : Number(draft);
@@ -24396,8 +24678,8 @@ function Row({
   onRemove,
   readonly
 }) {
-  const [keyDraft, setKeyDraft] = React79__default.useState(rowKey);
-  React79__default.useEffect(() => setKeyDraft(rowKey), [rowKey]);
+  const [keyDraft, setKeyDraft] = React80__default.useState(rowKey);
+  React80__default.useEffect(() => setKeyDraft(rowKey), [rowKey]);
   const container = isObj(value) || isArr(value);
   return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "group w-max min-w-full", children: [
     /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", className: "py-0.5 w-max", children: [
@@ -24440,7 +24722,7 @@ function ContainerNode({
   depth,
   readonly
 }) {
-  const [open, setOpen] = React79__default.useState(depth < 2);
+  const [open, setOpen] = React80__default.useState(depth < 2);
   const array = isArr(value);
   const entries = array ? value.map((v, i) => [String(i), v]) : Object.entries(value);
   const setObjValue = (key, next) => {
@@ -24582,7 +24864,7 @@ var init_FormSection = __esm({
       columns = 1,
       className
     }) => {
-      const [collapsed, setCollapsed] = React79__default.useState(defaultCollapsed);
+      const [collapsed, setCollapsed] = React80__default.useState(defaultCollapsed);
       const { t } = useTranslate();
       const eventBus = useEventBus();
       const gridClass = {
@@ -24590,7 +24872,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];
-      React79__default.useCallback(() => {
+      React80__default.useCallback(() => {
         if (collapsible) {
           setCollapsed((prev) => !prev);
           eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -24998,8 +25280,8 @@ function TextLikeControl({
   onCommit
 }) {
   const initial = value === void 0 || value === null ? "" : String(value);
-  const [draft, setDraft] = React79__default.useState(initial);
-  React79__default.useEffect(() => setDraft(initial), [initial]);
+  const [draft, setDraft] = React80__default.useState(initial);
+  React80__default.useEffect(() => setDraft(initial), [initial]);
   const commit = () => {
     if (numeric) {
       const n = draft.trim() === "" ? 0 : Number(draft);
@@ -25165,14 +25447,14 @@ var init_NodeSlotEditor = __esm({
     isObj2 = (v) => v !== null && v !== void 0 && typeof v === "object" && !Array.isArray(v);
     NodeSlotEditor = ({ value, onChange, className }) => {
       const { type, props, wasArray } = normalize(value);
-      const patterns = React79__default.useMemo(() => {
+      const patterns = React80__default.useMemo(() => {
         try {
           return [...getKnownPatterns()].sort();
         } catch {
           return [];
         }
       }, []);
-      const options = React79__default.useMemo(
+      const options = React80__default.useMemo(
         () => [{ value: "", label: "\u2014 none \u2014" }, ...patterns.map((p2) => ({ value: p2, label: p2 }))],
         [patterns]
       );
@@ -25184,7 +25466,7 @@ var init_NodeSlotEditor = __esm({
         const pattern = { type: nextType, ...nextProps };
         onChange(wasArray || value === void 0 ? [pattern] : pattern);
       };
-      const schemaEntries = React79__default.useMemo(() => {
+      const schemaEntries = React80__default.useMemo(() => {
         if (!type) return [];
         const def = getPatternDefinition(type);
         if (!def?.propsSchema) return [];
@@ -26078,7 +26360,7 @@ var init_Grid = __esm({
       as: Component2 = "div"
     }) => {
       const mergedStyle = rows2 ? { gridTemplateRows: `repeat(${rows2}, minmax(0, 1fr))`, ...style } : style;
-      return React79__default.createElement(
+      return React80__default.createElement(
         Component2,
         {
           className: cn(
@@ -26274,9 +26556,9 @@ var init_Popover = __esm({
         onMouseLeave: handleClose,
         onPointerDown: tapTriggerProps.onPointerDown
       };
-      const childElement = React79__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const childElement = React80__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = childElement.props.onPointerDown;
-      const triggerElement = React79__default.cloneElement(
+      const triggerElement = React80__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -27128,9 +27410,9 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React79__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React80__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = triggerElement.props.onPointerDown;
-      const trigger = React79__default.cloneElement(triggerElement, {
+      const trigger = React80__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -27220,7 +27502,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(React79__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -28265,9 +28547,9 @@ function ScoreDisplay({
   ...rest
 }) {
   const resolvedValue = typeof value === "number" && !Number.isNaN(value) ? value : typeof rest.score === "number" && !Number.isNaN(rest.score) ? rest.score : 0;
-  const [displayValue, setDisplayValue] = React79.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React79.useState(false);
-  React79.useEffect(() => {
+  const [displayValue, setDisplayValue] = React80.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React80.useState(false);
+  React80.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -28437,7 +28719,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React79.useCallback(
+  const handleSelect = React80.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -28690,6 +28972,7 @@ function PowerupSlots({
       /* @__PURE__ */ jsx(
         ItemSlot,
         {
+          assetUrl: powerup.assetUrl,
           icon: powerup.icon,
           label: powerup.label,
           rarity: "uncommon",
@@ -28753,31 +29036,31 @@ function GameCanvas2D({
   assetBaseUrl,
   className
 }) {
-  const canvasRef = React79.useRef(null);
-  const rafRef = React79.useRef(0);
-  const frameRef = React79.useRef(0);
-  const lastTimeRef = React79.useRef(0);
-  const imageCache = React79.useRef(/* @__PURE__ */ new Map());
+  const canvasRef = React80.useRef(null);
+  const rafRef = React80.useRef(0);
+  const frameRef = React80.useRef(0);
+  const lastTimeRef = React80.useRef(0);
+  const imageCache = React80.useRef(/* @__PURE__ */ new Map());
   const emit = useEmitEvent();
-  const onDrawRef = React79.useRef(onDraw);
+  const onDrawRef = React80.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React79.useRef(onTick);
+  const onTickRef = React80.useRef(onTick);
   onTickRef.current = onTick;
-  const tickEventRef = React79.useRef(tickEvent);
+  const tickEventRef = React80.useRef(tickEvent);
   tickEventRef.current = tickEvent;
-  const drawEventRef = React79.useRef(drawEvent);
+  const drawEventRef = React80.useRef(drawEvent);
   drawEventRef.current = drawEvent;
-  const emitRef = React79.useRef(emit);
+  const emitRef = React80.useRef(emit);
   emitRef.current = emit;
-  const assetBaseUrlRef = React79.useRef(assetBaseUrl);
+  const assetBaseUrlRef = React80.useRef(assetBaseUrl);
   assetBaseUrlRef.current = assetBaseUrl;
-  const backgroundImageRef = React79.useRef(backgroundImage);
+  const backgroundImageRef = React80.useRef(backgroundImage);
   backgroundImageRef.current = backgroundImage;
-  const widthRef = React79.useRef(width);
+  const widthRef = React80.useRef(width);
   widthRef.current = width;
-  const heightRef = React79.useRef(height);
+  const heightRef = React80.useRef(height);
   heightRef.current = height;
-  const loadImage = React79.useCallback((url) => {
+  const loadImage = React80.useCallback((url) => {
     const base = assetBaseUrlRef.current;
     if (!url.startsWith("http") && !base) return null;
     const fullUrl = url.startsWith("http") ? url : `${base}${url}`;
@@ -28791,7 +29074,7 @@ function GameCanvas2D({
     }
     return null;
   }, []);
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -28939,13 +29222,26 @@ function HealthPanel({
             )
           }
         ),
-        effects && effects.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsx(
+        effects && effects.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsxs(
           Badge,
           {
             variant: effectVariantMap[effect.variant ?? "neutral"],
             size: "sm",
-            icon: effect.icon,
-            children: effect.label
+            icon: effect.assetUrl ? void 0 : effect.icon,
+            children: [
+              effect.assetUrl && /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: effect.assetUrl,
+                  alt: "",
+                  width: 12,
+                  height: 12,
+                  style: { imageRendering: "pixelated", objectFit: "contain" },
+                  className: "flex-shrink-0 inline-block"
+                }
+              ),
+              effect.label
+            ]
           },
           i
         )) })
@@ -29167,7 +29463,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React79.useCallback(
+  const handleAction = React80.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -29192,15 +29488,28 @@ function TurnPanel({
             activeTeam
           }
         ),
-        actions && actions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1.5 ml-auto", children: actions.map((action, i) => /* @__PURE__ */ jsx(
+        actions && actions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1.5 ml-auto", children: actions.map((action, i) => /* @__PURE__ */ jsxs(
           Button,
           {
             variant: "ghost",
             size: "sm",
             disabled: action.disabled,
-            leftIcon: action.icon,
+            leftIcon: action.assetUrl ? void 0 : action.icon,
             onClick: () => handleAction(action.event),
-            children: action.label
+            children: [
+              action.assetUrl && /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: action.assetUrl,
+                  alt: "",
+                  width: 14,
+                  height: 14,
+                  style: { imageRendering: "pixelated", objectFit: "contain" },
+                  className: "flex-shrink-0"
+                }
+              ),
+              action.label
+            ]
           },
           i
         )) })
@@ -29335,7 +29644,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React79.useCallback(
+  const handleCommand = React80.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -29886,7 +30195,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React79.useCallback(
+  const handleOptionClick = React80.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -30005,7 +30314,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React79.useCallback(
+  const handleActionClick = React80.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -30960,13 +31269,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect83, useRef: useRef83, useCallback: useCallback127, useState: useState112 } = React79__default;
+      const { useEffect: useEffect84, useRef: useRef83, useCallback: useCallback128, useState: useState114 } = React80__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef83({ centerLat, centerLng, zoom });
-        useEffect83(() => {
+        useEffect84(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -30977,7 +31286,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect83(() => {
+        useEffect84(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -31005,8 +31314,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState112(null);
-        const handleMapClick = useCallback127((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState114(null);
+        const handleMapClick = useCallback128((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -31015,7 +31324,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback127((marker) => {
+        const handleMarkerClick = useCallback128((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -31866,8 +32175,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React79__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React79__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React80__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React80__default.useState(/* @__PURE__ */ new Set());
   const colDefs = columns ?? fields ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -32062,12 +32371,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React79__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React80__default.Fragment, { children: rowInner }, id);
   };
   const items = data.map((row) => row);
   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(React79__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React80__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)) });
@@ -33424,7 +33733,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(React79__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(React80__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" })
@@ -33435,7 +33744,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(React79__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(React80__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 }),
@@ -34420,7 +34729,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React79__default.forwardRef(
+    LikertScale = React80__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -34432,7 +34741,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React79__default.useId();
+        const groupId = React80__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -36714,7 +37023,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(React79__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -37583,7 +37892,7 @@ var init_MiniStateMachine = __esm({
           const x = 2 + i * (NODE_W + GAP2 + ARROW_W + GAP2);
           const tc = transitionCounts[s.name] ?? 0;
           const role = getStateRole(s.name, s.isInitial, s.isTerminal, tc, maxTC);
-          return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -37787,7 +38096,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(React79__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(React80__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -38516,7 +38825,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(React79__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -41326,7 +41635,7 @@ var init_DialogueBubble = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React79__default.isValidElement(children)) return void 0;
+  if (!React80__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -41451,7 +41760,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(React79__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -42220,6 +42529,42 @@ var init_FeatureGridOrganism = __esm({
     FeatureGridOrganism.displayName = "FeatureGridOrganism";
   }
 });
+function FishingBoard({
+  backgroundImage,
+  assetBaseUrl,
+  scale = 1,
+  showMinimap = false,
+  enableCamera = true,
+  width = 800,
+  height = 600,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("fishing-board relative w-full h-full", className), children: [
+    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
+    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-red-400 text-sm", children: error.message }) }),
+    /* @__PURE__ */ jsx(
+      GameCanvas2D,
+      {
+        width,
+        height,
+        backgroundImage: backgroundImage ?? "",
+        assetBaseUrl,
+        fps: 60,
+        className: "w-full h-full"
+      }
+    )
+  ] });
+}
+var init_FishingBoard = __esm({
+  "components/game/organisms/FishingBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_GameCanvas2D();
+    FishingBoard.displayName = "FishingBoard";
+  }
+});
 function toSharedContext2(formCtx) {
   return createMinimalContext(
     {
@@ -42401,12 +42746,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 = React79__default.useMemo(() => {
+      const normalizedInitialData = React80__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 = React79__default.useMemo(() => {
+      const entityDerivedFields = React80__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -42426,16 +42771,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] = React79__default.useState(
+      const [formData, setFormData] = React80__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React79__default.useState(
+      const [collapsedSections, setCollapsedSections] = React80__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React79__default.useState(null);
-      const formRef = React79__default.useRef(null);
+      const [submitError, setSubmitError] = React80__default.useState(null);
+      const formRef = React80__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React79__default.useRef(false);
+      const mountedRef = React80__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -42448,7 +42793,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React79__default.useMemo(
+      const evalContext = React80__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -42457,7 +42802,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React79__default.useEffect(() => {
+      React80__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -42468,7 +42813,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React79__default.useCallback(
+      const processCalculations = React80__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -42493,7 +42838,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React79__default.useCallback(
+      const checkViolations = React80__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -42531,7 +42876,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React79__default.useCallback(
+      const isFieldVisible = React80__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -42539,7 +42884,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React79__default.useCallback(
+      const isSectionVisible = React80__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -42615,7 +42960,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React79__default.useCallback(
+      const renderField = React80__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -42636,7 +42981,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React79__default.useMemo(() => {
+      const normalizedFields = React80__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -42659,7 +43004,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React79__default.useMemo(() => {
+      const schemaFields = React80__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -42669,7 +43014,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React79__default.useMemo(() => {
+      const sectionElements = React80__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -44466,9 +44811,9 @@ var init_GameCanvas3D2 = __esm({
             const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
             const hasAtlas = unitAtlasUrl(unit) !== null;
             const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
-            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
-            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
-            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
+            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale * gridConfig.cellSize;
+            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale * gridConfig.cellSize;
+            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale * gridConfig.cellSize;
             return /* @__PURE__ */ jsxs(
               "group",
               {
@@ -44515,7 +44860,7 @@ var init_GameCanvas3D2 = __esm({
                       /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                     ] })
                   ] }),
-                  unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxs("group", { position: [0, 1.2, 0], children: [
+                  unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxs("group", { position: [0, billboardHeight, 0], children: [
                     /* @__PURE__ */ jsxs("mesh", { position: [-0.25, 0, 0], children: [
                       /* @__PURE__ */ jsx("planeGeometry", { args: [0.5, 0.05] }),
                       /* @__PURE__ */ jsx("meshBasicMaterial", { color: 3355443 })
@@ -44544,7 +44889,7 @@ var init_GameCanvas3D2 = __esm({
               }
             );
           },
-          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
+          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale, gridConfig]
         );
         const DefaultFeatureRenderer = useCallback(
           ({
@@ -44632,7 +44977,7 @@ var init_GameCanvas3D2 = __esm({
               {
                 ref: containerRef,
                 className: cn("game-canvas-3d relative w-full overflow-hidden", className),
-                style: { height: "85vh" },
+                style: { flex: "1 1 0", minHeight: "400px" },
                 "data-orientation": orientation,
                 "data-camera-mode": cameraMode,
                 "data-overlay": overlay,
@@ -44932,13 +45277,39 @@ var init_GameBoard3D = __esm({
     GameBoard3D.displayName = "GameBoard3D";
   }
 });
-var GameShell;
+function getSlotContentRenderer() {
+  if (_scr) return _scr;
+  const mod = (init_UISlotRenderer(), __toCommonJS(UISlotRenderer_exports));
+  _scr = mod.SlotContentRenderer;
+  return _scr;
+}
+function resolveDescriptor(value, idPrefix) {
+  if (value === null || value === void 0) return value;
+  if (React80__default.isValidElement(value)) return value;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+  if (Array.isArray(value)) {
+    return value.map((item, i) => /* @__PURE__ */ jsx(React80__default.Fragment, { children: resolveDescriptor(item, `${idPrefix}-${i}`) }, i));
+  }
+  if (typeof value === "object") {
+    const rec = value;
+    if (typeof rec.type === "string" && getComponentForPattern(rec.type) !== null) {
+      const { type, props: nestedProps, _id, ...flatProps } = rec;
+      const resolvedProps = nestedProps !== void 0 ? nestedProps : flatProps;
+      const content = { id: _id ?? idPrefix, pattern: type, props: resolvedProps, priority: 0 };
+      const SCR = getSlotContentRenderer();
+      return /* @__PURE__ */ jsx(SCR, { content, onDismiss: () => void 0 });
+    }
+  }
+  return null;
+}
+var _scr, GameShell;
 var init_GameShell = __esm({
   "components/game/templates/GameShell.tsx"() {
     init_cn();
     init_Box();
     init_Stack();
     init_Typography();
+    _scr = null;
     GameShell = ({
       appName = "Game",
       hud,
@@ -44987,7 +45358,7 @@ var init_GameShell = __esm({
                       children: appName
                     }
                   ),
-                  hud && /* @__PURE__ */ jsx(Box, { className: "game-shell__hud", children: hud })
+                  hud && /* @__PURE__ */ jsx(Box, { className: "game-shell__hud", children: resolveDescriptor(hud, "gs-hud") })
                 ]
               }
             ),
@@ -45000,7 +45371,7 @@ var init_GameShell = __esm({
                   overflow: "hidden",
                   position: "relative"
                 },
-                children
+                children: resolveDescriptor(children, "gs-children")
               }
             )
           ]
@@ -45010,7 +45381,32 @@ var init_GameShell = __esm({
     GameShell.displayName = "GameShell";
   }
 });
-var GameTemplate;
+function getSlotContentRenderer2() {
+  if (_scr2) return _scr2;
+  const mod = (init_UISlotRenderer(), __toCommonJS(UISlotRenderer_exports));
+  _scr2 = mod.SlotContentRenderer;
+  return _scr2;
+}
+function resolveDescriptor2(value, idPrefix) {
+  if (value === null || value === void 0) return value;
+  if (React80__default.isValidElement(value)) return value;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+  if (Array.isArray(value)) {
+    return value.map((item, i) => /* @__PURE__ */ jsx(React80__default.Fragment, { children: resolveDescriptor2(item, `${idPrefix}-${i}`) }, i));
+  }
+  if (typeof value === "object") {
+    const rec = value;
+    if (typeof rec.type === "string" && getComponentForPattern(rec.type) !== null) {
+      const { type, props: nestedProps, _id, ...flatProps } = rec;
+      const resolvedProps = nestedProps !== void 0 ? nestedProps : flatProps;
+      const content = { id: _id ?? idPrefix, pattern: type, props: resolvedProps, priority: 0 };
+      const SCR = getSlotContentRenderer2();
+      return /* @__PURE__ */ jsx(SCR, { content, onDismiss: () => void 0 });
+    }
+  }
+  return null;
+}
+var _scr2, GameTemplate;
 var init_GameTemplate = __esm({
   "components/game/templates/GameTemplate.tsx"() {
     init_cn();
@@ -45018,6 +45414,7 @@ var init_GameTemplate = __esm({
     init_Stack();
     init_Typography();
     init_Button();
+    _scr2 = null;
     GameTemplate = ({
       entity,
       title = "Game",
@@ -45085,13 +45482,13 @@ var init_GameTemplate = __esm({
                   fullWidth: true,
                   className: "flex-1 bg-muted",
                   children: [
-                    children,
+                    resolveDescriptor2(children, "gt-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 })
+                        children: /* @__PURE__ */ jsx(Box, { padding: "md", className: "pointer-events-auto w-fit", children: resolveDescriptor2(hud, "gt-hud") })
                       }
                     )
                   ]
@@ -45116,7 +45513,7 @@ var init_GameTemplate = __esm({
                       children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Debug Panel" })
                     }
                   ),
-                  /* @__PURE__ */ jsx(Box, { padding: "md", children: debugPanel })
+                  /* @__PURE__ */ jsx(Box, { padding: "md", children: resolveDescriptor2(debugPanel, "gt-debug") })
                 ]
               }
             )
@@ -45328,6 +45725,39 @@ var init_HexStrategyBoard = __esm({
     HexStrategyBoard.displayName = "HexStrategyBoard";
   }
 });
+function HolidayRunnerBoard({
+  backgroundImage,
+  assetBaseUrl,
+  width = 800,
+  height = 400,
+  fps = 60,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: [
+    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
+    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-red-400 text-sm", children: error.message }) }),
+    /* @__PURE__ */ jsx(
+      GameCanvas2D,
+      {
+        width,
+        height,
+        fps,
+        backgroundImage: backgroundImage ?? "",
+        assetBaseUrl
+      }
+    )
+  ] });
+}
+var init_HolidayRunnerBoard = __esm({
+  "components/game/organisms/HolidayRunnerBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_GameCanvas2D();
+    HolidayRunnerBoard.displayName = "HolidayRunnerBoard";
+  }
+});
 var LandingPageTemplate;
 var init_LandingPageTemplate = __esm({
   "components/marketing/templates/LandingPageTemplate.tsx"() {
@@ -45663,7 +46093,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React79__default.useCallback(
+      const getItemActions = React80__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -46082,6 +46512,48 @@ var init_MasterDetailLayout = __esm({
     MasterDetailLayout.displayName = "MasterDetailLayout";
   }
 });
+function MatchPuzzleBoard({
+  tiles,
+  units,
+  features,
+  assetManifest,
+  assetBaseUrl,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = false,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("match-puzzle-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
+}
+var init_MatchPuzzleBoard = __esm({
+  "components/game/organisms/MatchPuzzleBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_IsometricCanvas();
+    MatchPuzzleBoard.displayName = "MatchPuzzleBoard";
+  }
+});
 var COLUMN_CLASSES, ASPECT_CLASSES, MediaGallery;
 var init_MediaGallery = __esm({
   "components/core/organisms/MediaGallery.tsx"() {
@@ -46139,7 +46611,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React79__default.useMemo(() => {
+      const items = React80__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -46309,9 +46781,9 @@ function MiniMap({
   viewportRect = DEFAULT_VIEWPORT,
   className
 }) {
-  const canvasRef = React79.useRef(null);
-  const frameRef = React79.useRef(0);
-  React79.useEffect(() => {
+  const canvasRef = React80.useRef(null);
+  const frameRef = React80.useRef(0);
+  React80.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -46407,8 +46879,50 @@ var init_MiniMap = __esm({
     MiniMap.displayName = "MiniMap";
   }
 });
+function MinigolfBoard({
+  tiles,
+  units,
+  features,
+  assetManifest,
+  assetBaseUrl,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("minigolf-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "isometric",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
+}
+var init_MinigolfBoard = __esm({
+  "components/game/organisms/MinigolfBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_IsometricCanvas();
+    MinigolfBoard.displayName = "MinigolfBoard";
+  }
+});
 function extractTitle2(children) {
-  if (!React79__default.isValidElement(children)) return void 0;
+  if (!React80__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -46624,6 +47138,87 @@ var init_NegotiatorBoard = __esm({
     NegotiatorBoard.displayName = "NegotiatorBoard";
   }
 });
+function PinballBoard({
+  tiles: _tiles,
+  units: _units,
+  features: _features,
+  assetManifest: _assetManifest,
+  assetBaseUrl,
+  scale = 1,
+  showMinimap: _showMinimap = false,
+  enableCamera: _enableCamera = false,
+  tileClickEvent: _tileClickEvent,
+  unitClickEvent: _unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: cn("pinball-board relative w-full h-full flex items-center justify-center", className), children: /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Loading..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: cn("pinball-board relative w-full h-full flex items-center justify-center", className), children: /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: error.message }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("pinball-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    GameCanvas2D,
+    {
+      width: Math.round(400 * scale),
+      height: Math.round(800 * scale),
+      assetBaseUrl,
+      fps: 60
+    }
+  ) });
+}
+var init_PinballBoard = __esm({
+  "components/game/organisms/PinballBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_GameCanvas2D();
+    PinballBoard.displayName = "PinballBoard";
+  }
+});
+function PirateBoard({
+  tiles,
+  units,
+  features,
+  assetManifest,
+  assetBaseUrl,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("pirate-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
+}
+var init_PirateBoard = __esm({
+  "components/game/organisms/PirateBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_IsometricCanvas();
+    PirateBoard.displayName = "PirateBoard";
+  }
+});
 function resolveEntity(entity) {
   if (!entity) return {};
   if (Array.isArray(entity)) return entity[0] ?? {};
@@ -46984,6 +47579,37 @@ var init_PricingPageTemplate = __esm({
     PricingPageTemplate.displayName = "PricingPageTemplate";
   }
 });
+function RacingBoard({
+  backgroundImage,
+  assetBaseUrl,
+  width = 800,
+  height = 600,
+  fps = 60,
+  tickEvent,
+  drawEvent,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("racing-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    GameCanvas2D,
+    {
+      backgroundImage,
+      assetBaseUrl,
+      width,
+      height,
+      fps,
+      tickEvent: typeof tickEvent === "string" ? tickEvent : void 0,
+      drawEvent: typeof drawEvent === "string" ? drawEvent : void 0
+    }
+  ) });
+}
+var init_RacingBoard = __esm({
+  "components/game/organisms/RacingBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_GameCanvas2D();
+    RacingBoard.displayName = "RacingBoard";
+  }
+});
 function ResourceCounter({
   assetUrl = DEFAULT_ASSET_URL10,
   icon,
@@ -47525,7 +48151,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React79.useState(() => ({
+  const [data, setData] = React80.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -47539,7 +48165,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -47648,12 +48274,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React79.useState(null);
-  const [traits2, setTraits] = React79.useState([]);
-  const [coveredEdges, setCoveredEdges] = React79.useState([]);
-  const [completedTraits, setCompletedTraits] = React79.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React79.useRef(null);
-  React79.useEffect(() => {
+  const [walkStep, setWalkStep] = React80.useState(null);
+  const [traits2, setTraits] = React80.useState([]);
+  const [coveredEdges, setCoveredEdges] = React80.useState([]);
+  const [completedTraits, setCompletedTraits] = React80.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React80.useRef(null);
+  React80.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -48089,15 +48715,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React79.useState("all");
-  const containerRef = React79.useRef(null);
-  const [autoScroll, setAutoScroll] = React79.useState(true);
-  React79.useEffect(() => {
+  const [filter, setFilter] = React80.useState("all");
+  const containerRef = React80.useRef(null);
+  const [autoScroll, setAutoScroll] = React80.useState(true);
+  React80.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React79.useMemo(() => {
+  const filteredEvents = React80.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -48213,7 +48839,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React79.useState("all");
+  const [filter, setFilter] = React80.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -48226,7 +48852,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React79.useMemo(() => {
+  const filteredGuards = React80.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -48389,10 +49015,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React79.useRef(null);
-  const [autoScroll, setAutoScroll] = React79.useState(true);
-  const [expandedId, setExpandedId] = React79.useState(null);
-  React79.useEffect(() => {
+  const containerRef = React80.useRef(null);
+  const [autoScroll, setAutoScroll] = React80.useState(true);
+  const [expandedId, setExpandedId] = React80.useState(null);
+  React80.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -48672,9 +49298,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log10, setLog] = React79.useState([]);
-  const prevStatesRef = React79.useRef(/* @__PURE__ */ new Map());
-  React79.useEffect(() => {
+  const [log10, setLog] = React80.useState([]);
+  const prevStatesRef = React80.useRef(/* @__PURE__ */ new Map());
+  React80.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -48843,10 +49469,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React79.useState(true);
-  const scrollRef = React79.useRef(null);
-  const prevCountRef = React79.useRef(0);
-  React79.useEffect(() => {
+  const [expanded, setExpanded] = React80.useState(true);
+  const scrollRef = React80.useRef(null);
+  const prevCountRef = React80.useRef(0);
+  React80.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -48903,10 +49529,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React79.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React79.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React80.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React80.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -48915,7 +49541,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -49475,7 +50101,7 @@ function SequenceBar({
     onSlotRemove(index);
   }, [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(React79__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -50236,6 +50862,123 @@ var init_SimulatorBoard = __esm({
     SimulatorBoard.displayName = "SimulatorBoard";
   }
 });
+function SokobanBoard({
+  tiles,
+  units,
+  features,
+  assetManifest,
+  assetBaseUrl,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = false,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("sokoban-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
+}
+var init_SokobanBoard = __esm({
+  "components/game/organisms/SokobanBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_IsometricCanvas();
+    SokobanBoard.displayName = "SokobanBoard";
+  }
+});
+function SpaceShmupBoard({
+  backgroundImage,
+  assetBaseUrl,
+  width = 800,
+  height = 600,
+  fps = 60,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-shmup-board relative w-full h-full", className), children: [
+    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
+    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-red-900/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: error.message }) }),
+    /* @__PURE__ */ jsx(
+      GameCanvas2D,
+      {
+        backgroundImage,
+        assetBaseUrl,
+        width,
+        height,
+        fps
+      }
+    )
+  ] });
+}
+var init_SpaceShmupBoard = __esm({
+  "components/game/organisms/SpaceShmupBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_GameCanvas2D();
+    SpaceShmupBoard.displayName = "SpaceShmupBoard";
+  }
+});
+function SpaceStationBoard({
+  tiles,
+  units,
+  features,
+  assetManifest,
+  assetBaseUrl,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("space-station-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "isometric",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
+}
+var init_SpaceStationBoard = __esm({
+  "components/game/organisms/SpaceStationBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_IsometricCanvas();
+    SpaceStationBoard.displayName = "SpaceStationBoard";
+  }
+});
 var SplitPane;
 var init_SplitPane = __esm({
   "components/core/organisms/layout/SplitPane.tsx"() {
@@ -50329,6 +51072,48 @@ var init_SplitPane = __esm({
     SplitPane.displayName = "SplitPane";
   }
 });
+function SportsBoard({
+  tiles,
+  units,
+  features,
+  assetManifest,
+  assetBaseUrl,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("sports-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
+}
+var init_SportsBoard = __esm({
+  "components/game/organisms/SportsBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_IsometricCanvas();
+    SportsBoard.displayName = "SportsBoard";
+  }
+});
 function Sprite({
   spritesheet = "https://almadar-kflow-assets.web.app/shared/isometric-blocks/Spritesheet/allTiles_sheet.png",
   frameWidth = 64,
@@ -50474,7 +51259,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React79__default.useCallback(() => {
+      const handleActionClick = React80__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -50485,7 +51270,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React79__default.useCallback(
+      const computeMetricValue = React80__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -50524,7 +51309,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React79__default.useMemo(() => {
+      const schemaStats = React80__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -50532,7 +51317,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React79__default.useMemo(() => {
+      const calculatedTrend = React80__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue2 === void 0)
           return void 0;
@@ -51365,6 +52150,832 @@ var init_StepFlowOrganism = __esm({
     StepFlowOrganism.displayName = "StepFlowOrganism";
   }
 });
+
+// components/core/molecules/markdown/index.ts
+var init_markdown = __esm({
+  "components/core/molecules/markdown/index.ts"() {
+    init_MarkdownContent();
+    init_CodeBlock();
+  }
+});
+function groupByOrbital(subagents) {
+  const map = /* @__PURE__ */ new Map();
+  for (const sub of subagents) {
+    const key = sub.orbitalName ?? "(unattached)";
+    const arr = map.get(key) ?? [];
+    arr.push(sub);
+    map.set(key, arr);
+  }
+  return map;
+}
+function statusIconName(status) {
+  switch (status) {
+    case "running":
+      return "loader";
+    case "complete":
+      return "check";
+    case "error":
+      return "x";
+    default:
+      return "circle";
+  }
+}
+function lastMessage(sub) {
+  if (sub.messages.length === 0) return void 0;
+  return sub.messages[sub.messages.length - 1].message;
+}
+function formatHHMMSS(ts) {
+  const d = new Date(ts);
+  const hh = String(d.getHours()).padStart(2, "0");
+  const mm = String(d.getMinutes()).padStart(2, "0");
+  const ss = String(d.getSeconds()).padStart(2, "0");
+  return `${hh}:${mm}:${ss}`;
+}
+function compactJson(value) {
+  if (value === void 0 || value === null) return "";
+  if (typeof value === "string") return value;
+  try {
+    const json = JSON.stringify(value);
+    if (json.length <= 240) return json;
+    return json.slice(0, 239) + "\u2026";
+  } catch {
+    return String(value);
+  }
+}
+function tryPrettyJson(s) {
+  try {
+    return JSON.stringify(JSON.parse(s), null, 2);
+  } catch {
+    return null;
+  }
+}
+function summarizeArgs(args) {
+  const keys = Object.keys(args);
+  if (keys.length === 0) return "";
+  return keys.slice(0, 3).join(", ") + (keys.length > 3 ? ", \u2026" : "");
+}
+function previewText(text, max = 120) {
+  if (!text) return "";
+  return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
+}
+function coordinatorToActivityItems(activities) {
+  return activities.flatMap((a) => {
+    switch (a.type) {
+      case "tool_call":
+        return [{
+          type: "tool_call",
+          tool: a.tool,
+          args: a.args,
+          timestamp: a.timestamp
+        }];
+      case "tool_result":
+        return [{
+          type: "tool_result",
+          tool: a.tool,
+          result: a.result,
+          success: a.success,
+          timestamp: a.timestamp
+        }];
+      case "message":
+        return [{
+          type: "message",
+          role: a.role,
+          content: a.content,
+          timestamp: a.timestamp
+        }];
+      case "error":
+        return [{
+          type: "message",
+          role: "system",
+          content: `Error: ${a.message}`,
+          timestamp: a.timestamp
+        }];
+      case "coordinator_decision":
+      case "plan_committed":
+      case "pending_question":
+      case "clarification_question":
+        return [];
+      case "file_operation":
+        return [{
+          type: "file_operation",
+          operation: a.operation,
+          path: a.path,
+          success: a.success,
+          timestamp: a.timestamp
+        }];
+      case "schema_diff":
+        return [{
+          type: "schema_diff",
+          filePath: a.filePath,
+          hunks: a.hunks,
+          timestamp: a.timestamp
+        }];
+    }
+  });
+}
+function pluckCoordinatorState(activities) {
+  let decision = null;
+  let plan = null;
+  const pendingQuestions = [];
+  for (const a of activities) {
+    if (a.type === "coordinator_decision") decision = a;
+    else if (a.type === "plan_committed") plan = a;
+    else if (a.type === "pending_question") pendingQuestions.push(a);
+  }
+  return { decision, plan, pendingQuestions };
+}
+function subagentMessagesToActivities(messages) {
+  return messages.map((m) => {
+    if (m.tool) {
+      return {
+        type: "tool_call",
+        tool: m.tool,
+        args: { preview: m.message },
+        timestamp: m.timestamp
+      };
+    }
+    return {
+      type: "message",
+      role: "system",
+      content: m.message,
+      timestamp: m.timestamp
+    };
+  });
+}
+function buildTimelineItems(messages, activities, subagents) {
+  const items = [];
+  if (messages) {
+    messages.forEach((m, i) => items.push({ source: "message", data: m, index: i }));
+  }
+  if (activities) {
+    activities.forEach((a) => items.push({ source: "activity", data: a }));
+  }
+  subagents.forEach((s) => items.push({ source: "subagent", data: s }));
+  return items;
+}
+function timelineItemIcon(item) {
+  switch (item.source) {
+    case "message": {
+      const m = item.data;
+      if (m.role === "tool") return { name: "terminal", color: "text-[var(--color-primary)]" };
+      if (m.reasoningContent) return { name: "sparkles", color: "text-[var(--color-primary)]" };
+      if (m.role === "user") return { name: "user", color: "text-[var(--color-primary)]" };
+      return { name: "message-square", color: "text-[var(--color-muted-foreground)]" };
+    }
+    case "activity": {
+      const a = item.data;
+      switch (a.type) {
+        case "tool_call":
+          return { name: "terminal", color: "text-[var(--color-primary)]" };
+        case "tool_result":
+          return { name: a.success !== false ? "check" : "x", color: a.success !== false ? "text-[var(--color-success)]" : "text-[var(--color-danger)]" };
+        case "error":
+          return { name: "alert-triangle", color: "text-[var(--color-danger)]" };
+        case "file_operation":
+          return { name: "file", color: "text-[var(--color-muted-foreground)]" };
+        case "schema_diff":
+          return { name: "git-commit", color: "text-[var(--color-muted-foreground)]" };
+        default:
+          return { name: "info", color: "text-[var(--color-muted-foreground)]" };
+      }
+    }
+    case "subagent":
+      return { name: "bot", color: "text-[var(--color-primary)]" };
+  }
+}
+function timelineItemLabel(item) {
+  switch (item.source) {
+    case "message": {
+      const m = item.data;
+      if (m.role === "tool") return "tool";
+      if (m.reasoningContent) return "thinking";
+      return m.role;
+    }
+    case "activity":
+      return item.data.type;
+    case "subagent":
+      return "subagent";
+  }
+}
+function timelineItemPreview(item) {
+  switch (item.source) {
+    case "message": {
+      const m = item.data;
+      if (m.role === "tool") return `${m.toolName ?? "tool"} \u2192 ${m.toolCallId?.slice(0, 8) ?? ""}`;
+      if (m.reasoningContent) return previewText(m.reasoningContent, 120);
+      return previewText(m.content, 120);
+    }
+    case "activity": {
+      const a = item.data;
+      switch (a.type) {
+        case "tool_call":
+          return `${a.tool}(${summarizeArgs(a.args)})`;
+        case "tool_result":
+          return `${a.tool}: ${compactJson(a.result)}`;
+        case "message":
+          return previewText(a.content, 120);
+        case "error":
+          return previewText(a.message, 120);
+        case "file_operation":
+          return `${a.operation} ${a.path}`;
+        case "schema_diff":
+          return `diff ${a.filePath}`;
+        default:
+          return String(a.type);
+      }
+    }
+    case "subagent":
+      return `${item.data.name} \xB7 ${item.data.task}`;
+  }
+}
+function timelineItemTimeLabel(item) {
+  if (item.source === "activity") return formatHHMMSS(item.data.timestamp);
+  if (item.source === "subagent") {
+    const ts = item.data.messages[0]?.timestamp;
+    return ts !== void 0 ? formatHHMMSS(ts) : void 0;
+  }
+  return void 0;
+}
+function TraceDetailContent({ item }) {
+  const { t } = useTranslate();
+  switch (item.source) {
+    case "message": {
+      const m = item.data;
+      return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "items-center", children: /* @__PURE__ */ jsx(Badge, { variant: roleBadgeVariant[m.role], className: "text-[10px] uppercase", children: m.role }) }),
+        typeof m.reasoningContent === "string" && m.reasoningContent.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "mb-1", children: t("subagentTrace.reasoning") }),
+          /* @__PURE__ */ jsx(MarkdownContent, { content: m.reasoningContent })
+        ] }),
+        m.content.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "mb-1", children: t("subagentTrace.content") }),
+          m.role === "tool" ? (() => {
+            const pretty = tryPrettyJson(m.content);
+            return pretty !== null ? /* @__PURE__ */ jsx(CodeBlock, { code: pretty, language: "json", maxHeight: "24rem" }) : /* @__PURE__ */ jsx(Typography, { variant: "body", className: "whitespace-pre-wrap font-mono text-[11px]", children: m.content });
+          })() : /* @__PURE__ */ jsx(MarkdownContent, { content: m.content })
+        ] }),
+        Array.isArray(m.toolCalls) && m.toolCalls.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "mb-1", children: t("subagentTrace.toolCalls") }),
+          /* @__PURE__ */ jsx(
+            Accordion,
+            {
+              multiple: true,
+              items: m.toolCalls.map((tc, i) => ({
+                id: `tc-detail-${i}`,
+                title: `${tc.name}(${summarizeArgs(tc.args)})`,
+                content: /* @__PURE__ */ jsx(CodeBlock, { code: JSON.stringify(tc.args, null, 2), language: "json", maxHeight: "24rem" })
+              }))
+            }
+          )
+        ] })
+      ] });
+    }
+    case "activity": {
+      const a = item.data;
+      switch (a.type) {
+        case "tool_call":
+          return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-[10px]", children: "tool_call" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", children: a.tool }),
+            /* @__PURE__ */ jsx(CodeBlock, { code: JSON.stringify(a.args, null, 2), language: "json", maxHeight: "60vh" })
+          ] });
+        case "tool_result":
+          return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsx(Badge, { variant: a.success !== false ? "default" : "warning", className: "text-[10px]", children: a.success !== false ? "success" : "fail" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", children: a.tool }),
+            /* @__PURE__ */ jsx(CodeBlock, { code: JSON.stringify(a.result, null, 2), language: "json", maxHeight: "60vh" })
+          ] });
+        case "message":
+          return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsx(Badge, { variant: "neutral", className: "text-[10px]", children: a.role }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "whitespace-pre-wrap", children: a.content })
+          ] });
+        case "error":
+          return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsx(Badge, { variant: "warning", className: "text-[10px]", children: "error" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "whitespace-pre-wrap text-[var(--color-danger)]", children: a.message })
+          ] });
+        case "file_operation":
+          return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsx(Badge, { variant: "neutral", className: "text-[10px]", children: "file" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+              a.operation,
+              " ",
+              a.path
+            ] })
+          ] });
+        case "schema_diff":
+          return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsx(Badge, { variant: "neutral", className: "text-[10px]", children: "diff" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", children: a.filePath })
+          ] });
+        default:
+          return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", children: String(a.type) })
+          ] });
+      }
+    }
+    case "subagent": {
+      const s = item.data;
+      const activities = subagentMessagesToActivities(s.messages);
+      const ts = s.messages[0]?.timestamp;
+      return /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+        /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-[10px]", children: s.role }),
+          ts !== void 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: formatHHMMSS(ts) })
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "semibold", children: s.name }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", children: s.task }),
+        activities.length > 0 && /* @__PURE__ */ jsx(Box, { className: "border-t border-[var(--color-border)] pt-2", children: /* @__PURE__ */ jsx(InlineActivityStream, { activities, autoScroll: false }) })
+      ] });
+    }
+  }
+}
+var InlineActivityRow, InlineActivityStream, CoordinatorCard, SubagentRow, OrbitalGroup, SubagentRichCard, roleBadgeVariant, ChatMessageRow, CoordinatorConversation, SubagentTracePanel;
+var init_SubagentTracePanel = __esm({
+  "components/core/organisms/SubagentTracePanel.tsx"() {
+    "use client";
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_Badge();
+    init_Icon();
+    init_Button();
+    init_Modal();
+    init_Accordion();
+    init_markdown();
+    InlineActivityRow = ({ activity }) => {
+      const time = formatHHMMSS(activity.timestamp);
+      const baseRow = "items-start px-3 py-1 hover:bg-[var(--color-surface)]";
+      if (activity.type === "tool_call") {
+        return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: baseRow, children: [
+          /* @__PURE__ */ jsx(Icon, { name: "terminal", size: "xs", className: "mt-0.5 flex-shrink-0 text-[var(--color-primary)]" }),
+          /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "flex-1 min-w-0 text-[11px] font-mono break-all whitespace-pre-wrap", children: [
+            /* @__PURE__ */ jsx(Typography, { as: "span", variant: "caption", weight: "semibold", className: "text-[11px] font-mono", children: activity.tool }),
+            activity.args !== void 0 && /* @__PURE__ */ jsxs(Typography, { as: "span", variant: "caption", color: "muted", className: "text-[11px] font-mono", children: [
+              " ",
+              compactJson(activity.args)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+        ] });
+      }
+      if (activity.type === "tool_result") {
+        const success = activity.success !== false;
+        return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: baseRow, children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: success ? "check" : "x",
+              size: "xs",
+              className: `mt-0.5 flex-shrink-0 ${success ? "text-[var(--color-success)]" : "text-[var(--color-danger)]"}`
+            }
+          ),
+          /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "flex-1 min-w-0 text-[11px] font-mono break-all whitespace-pre-wrap", children: [
+            /* @__PURE__ */ jsxs(Typography, { as: "span", variant: "caption", color: "muted", className: "text-[11px] font-mono", children: [
+              activity.tool,
+              ":",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { as: "span", variant: "caption", className: "text-[11px] font-mono", children: compactJson(activity.result) })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+        ] });
+      }
+      if (activity.type === "message") {
+        const role = activity.role;
+        const iconName = role === "user" ? "user" : role === "system" ? "info" : "sparkles";
+        const roleColor = role === "user" ? "text-[var(--color-primary)]" : role === "system" ? "text-[var(--color-muted-foreground)]" : "text-[var(--color-foreground)]";
+        return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: baseRow, children: [
+          /* @__PURE__ */ jsx(Icon, { name: iconName, size: "xs", className: `mt-0.5 flex-shrink-0 ${roleColor}` }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "flex-1 min-w-0 text-[11px] whitespace-pre-wrap break-words", children: activity.content }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+        ] });
+      }
+      if (activity.type === "error") {
+        return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: baseRow, children: [
+          /* @__PURE__ */ jsx(Icon, { name: "alert-triangle", size: "xs", className: "mt-0.5 flex-shrink-0 text-[var(--color-danger)]" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "flex-1 min-w-0 text-[11px] text-[var(--color-danger)] whitespace-pre-wrap break-words", children: activity.message }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+        ] });
+      }
+      return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: baseRow, children: [
+        /* @__PURE__ */ jsx(Icon, { name: "file", size: "xs", className: "mt-0.5 flex-shrink-0 text-[var(--color-muted-foreground)]" }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", className: "flex-1 min-w-0 text-[11px] font-mono break-all", children: [
+          "[",
+          activity.type,
+          "] ",
+          compactJson(activity)
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+      ] });
+    };
+    InlineActivityStream = ({ activities, autoScroll = true, className }) => {
+      const endRef = React80__default.useRef(null);
+      React80__default.useEffect(() => {
+        if (!autoScroll) return;
+        endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+      }, [activities.length, autoScroll]);
+      return /* @__PURE__ */ jsxs(Box, { className, children: [
+        activities.map((a, i) => /* @__PURE__ */ jsx(InlineActivityRow, { activity: a }, `${a.timestamp}-${i}`)),
+        /* @__PURE__ */ jsx(Box, { ref: endRef })
+      ] });
+    };
+    CoordinatorCard = ({ snapshot, className }) => {
+      const { t } = useTranslate();
+      const { decision, plan, pendingQuestions } = snapshot;
+      if (!decision && !plan && pendingQuestions.length === 0) return null;
+      return /* @__PURE__ */ jsxs(
+        Box,
+        {
+          className: `px-3 py-2 border-b border-[var(--color-border)] bg-[var(--color-muted)]/30 ${className ?? ""}`,
+          children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center mb-2", children: [
+              /* @__PURE__ */ jsx(Icon, { name: "compass", size: "xs" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold text-[11px]", children: t("subagentTrace.coordinator") })
+            ] }),
+            decision && /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "mb-2", children: [
+              /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px] uppercase tracking-wide", children: t("subagentTrace.organism") }),
+                /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-[10px]", children: decision.organism }),
+                decision.priorOrganism && decision.priorOrganism !== decision.organism && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: t("subagentTrace.wasOrganism", { organism: decision.priorOrganism }) })
+              ] }),
+              decision.reason && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[11px] mt-0.5", children: decision.reason })
+            ] }),
+            plan && plan.orbitals.length > 0 && /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "mb-2", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px] uppercase tracking-wide mb-0.5", children: plan.orbitals.length === 1 ? t("subagentTrace.planOrbital", { count: plan.orbitals.length }) : t("subagentTrace.planOrbitals", { count: plan.orbitals.length }) }),
+              /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap", children: plan.orbitals.map((o) => /* @__PURE__ */ jsx(Badge, { variant: "neutral", className: "text-[10px]", children: o }, o)) })
+            ] }),
+            pendingQuestions.length > 0 && /* @__PURE__ */ jsxs(VStack, { gap: "none", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px] uppercase tracking-wide mb-0.5", children: pendingQuestions.length === 1 ? t("subagentTrace.pendingQuestion", { count: pendingQuestions.length }) : t("subagentTrace.pendingQuestions", { count: pendingQuestions.length }) }),
+              pendingQuestions.map((q) => /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-start", children: [
+                /* @__PURE__ */ jsx(Icon, { name: "help-circle", size: "xs", className: "mt-0.5 flex-shrink-0 text-[var(--color-warning)]" }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-[11px] flex-1 min-w-0", children: [
+                  q.question,
+                  q.orbitalName && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", className: "text-[10px] ml-1", children: [
+                    "(",
+                    q.orbitalName,
+                    ")"
+                  ] })
+                ] })
+              ] }, q.questionId))
+            ] })
+          ]
+        }
+      );
+    };
+    SubagentRow = ({ subagent }) => {
+      const recent = lastMessage(subagent);
+      return /* @__PURE__ */ jsxs(
+        HStack,
+        {
+          gap: "sm",
+          className: "items-start px-3 py-2 border-b border-[var(--color-border)]",
+          children: [
+            /* @__PURE__ */ jsx(Box, { className: "pt-0.5", children: /* @__PURE__ */ jsx(Icon, { name: statusIconName(subagent.status), size: "xs" }) }),
+            /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "items-center", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-medium truncate", children: subagent.name }),
+                /* @__PURE__ */ jsx(Badge, { variant: "default", children: subagent.role })
+              ] }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "truncate", children: recent ?? subagent.task })
+            ] })
+          ]
+        }
+      );
+    };
+    OrbitalGroup = ({ orbitalName, subagents }) => {
+      const { t } = useTranslate();
+      const runningCount = subagents.filter((s) => s.status === "running").length;
+      const completeCount = subagents.filter((s) => s.status === "complete").length;
+      return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "border-b border-[var(--color-border)]", children: [
+        /* @__PURE__ */ jsxs(
+          HStack,
+          {
+            gap: "sm",
+            className: "items-center px-3 py-2 bg-[var(--color-surface)] border-b border-[var(--color-border)]",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "circle", size: "xs" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold flex-1 truncate", children: orbitalName }),
+              /* @__PURE__ */ jsx(Badge, { variant: "default", children: runningCount > 0 ? t("subagentTrace.countRunning", { count: runningCount }) : t("subagentTrace.countDone", { count: completeCount }) })
+            ]
+          }
+        ),
+        subagents.map((sub) => /* @__PURE__ */ jsx(SubagentRow, { subagent: sub }, sub.id))
+      ] });
+    };
+    SubagentRichCard = ({ subagent }) => {
+      const { t } = useTranslate();
+      const activities = React80__default.useMemo(
+        () => subagentMessagesToActivities(subagent.messages),
+        [subagent.messages]
+      );
+      return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "border-b border-[var(--color-border)] p-3", children: [
+        /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "items-center mb-2", children: [
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              style: {
+                width: 8,
+                height: 8,
+                borderRadius: "50%",
+                flexShrink: 0,
+                backgroundColor: subagent.status === "complete" ? "var(--color-success)" : subagent.status === "error" ? "var(--color-error)" : "var(--color-primary)",
+                ...subagent.status === "running" ? { animation: "pulse 1.5s infinite" } : {}
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold flex-1 truncate", children: subagent.name }),
+          /* @__PURE__ */ jsx(Badge, { variant: subagent.role === "deterministic" ? "default" : subagent.role === "llm" ? "info" : "warning", children: subagent.role }),
+          subagent.durationMs !== void 0 && subagent.durationMs > 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: subagent.durationMs < 1e3 ? `${subagent.durationMs}ms` : `${(subagent.durationMs / 1e3).toFixed(1)}s` })
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "mb-2", children: subagent.task }),
+        activities.length > 0 ? /* @__PURE__ */ jsx(Box, { className: "max-h-64 overflow-y-auto border-t border-[var(--color-border)]", children: /* @__PURE__ */ jsx(InlineActivityStream, { activities, autoScroll: true }) }) : /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "italic text-[10px]", children: subagent.status === "complete" ? t("subagentTrace.noConversationLog") : t("subagentTrace.waitingForProcessData") })
+      ] });
+    };
+    roleBadgeVariant = {
+      system: "neutral",
+      user: "info",
+      assistant: "default",
+      tool: "warning"
+    };
+    ChatMessageRow = ({ message, index }) => {
+      const { t } = useTranslate();
+      const { role, content, toolCalls, reasoningContent, toolCallId, toolName } = message;
+      if (role === "tool") {
+        const pretty = tryPrettyJson(content);
+        const title = `${toolName ?? "tool"} \u2192${toolCallId ? ` ${toolCallId.slice(0, 8)}` : ""}`;
+        const body = pretty !== null ? /* @__PURE__ */ jsx(CodeBlock, { code: pretty, language: "json", maxHeight: "24rem" }) : /* @__PURE__ */ jsx(Typography, { variant: "body", className: "whitespace-pre-wrap font-mono text-[11px]", children: content });
+        const items = [{ id: `tool-${index}`, title, content: body }];
+        return /* @__PURE__ */ jsx(Box, { className: "px-3 py-2 border-b border-[var(--color-border)]", children: /* @__PURE__ */ jsx(Accordion, { items }) });
+      }
+      const hasReasoning = typeof reasoningContent === "string" && reasoningContent.length > 0;
+      const hasToolCalls = Array.isArray(toolCalls) && toolCalls.length > 0;
+      return /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "px-3 py-2 border-b border-[var(--color-border)]", children: [
+        /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: roleBadgeVariant[role], className: "text-[10px] uppercase", children: role }),
+          hasReasoning && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: [
+            "\xB7 ",
+            t("subagentTrace.thinking")
+          ] }),
+          hasToolCalls && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: [
+            "\xB7 ",
+            toolCalls.length === 1 ? t("subagentTrace.toolCallCount", { count: toolCalls.length }) : t("subagentTrace.toolCallCountPlural", { count: toolCalls.length })
+          ] })
+        ] }),
+        hasReasoning && /* @__PURE__ */ jsx(Accordion, { items: [{
+          id: `reasoning-${index}`,
+          title: t("subagentTrace.reasoning"),
+          content: /* @__PURE__ */ jsx(MarkdownContent, { content: reasoningContent })
+        }] }),
+        content.length > 0 && /* @__PURE__ */ jsx(MarkdownContent, { content }),
+        hasToolCalls && /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            multiple: true,
+            items: toolCalls.map((tc, i) => ({
+              id: `tc-${index}-${i}`,
+              title: `${tc.name}(${summarizeArgs(tc.args)})`,
+              content: /* @__PURE__ */ jsx(CodeBlock, { code: JSON.stringify(tc.args, null, 2), language: "json", maxHeight: "24rem" })
+            }))
+          }
+        )
+      ] });
+    };
+    CoordinatorConversation = ({ messages, autoScroll = true, className }) => {
+      const endRef = React80__default.useRef(null);
+      React80__default.useEffect(() => {
+        if (!autoScroll) return;
+        endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+      }, [messages.length, autoScroll]);
+      return /* @__PURE__ */ jsxs(Box, { className, children: [
+        messages.map((m, i) => /* @__PURE__ */ jsx(ChatMessageRow, { message: m, index: i }, `msg-${i}`)),
+        /* @__PURE__ */ jsx(Box, { ref: endRef })
+      ] });
+    };
+    SubagentTracePanel = ({
+      subagents,
+      focusedOrbital,
+      disclosureLevel,
+      open,
+      onClose,
+      className,
+      mode = "overlay",
+      coordinatorActivities,
+      coordinatorMessages
+    }) => {
+      const { t } = useTranslate();
+      const [selectedItem, setSelectedItem] = useState(null);
+      const densityLabel = (rich) => rich ? t("subagentTrace.densityRich") : t("subagentTrace.densityCompact");
+      if (mode === "overlay" && !open) return null;
+      const isTabMode = mode === "tab";
+      const isRichMode = isTabMode || disclosureLevel >= 3;
+      if (isTabMode) {
+        const timelineItems = buildTimelineItems(coordinatorMessages, coordinatorActivities, subagents);
+        const hasData = timelineItems.length > 0;
+        return /* @__PURE__ */ jsxs(Box, { className: `h-full w-full bg-[var(--color-card)] overflow-hidden flex flex-col ${className ?? ""}`, children: [
+          /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              gap: "sm",
+              className: "items-center px-3 py-2 border-b border-[var(--color-border)]",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: "activity", size: "sm" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold flex-1", children: t("subagentTrace.trace") }),
+                onClose && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: "xs" }) })
+              ]
+            }
+          ),
+          !hasData && /* @__PURE__ */ jsx(Box, { className: "flex-1 flex items-center justify-center px-4", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", className: "text-center", children: t("subagentTrace.noAgentActivity") }) }),
+          hasData && /* @__PURE__ */ jsx(Box, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(VStack, { gap: "none", children: timelineItems.map((item, i) => {
+            const { name: iconName, color: iconColor } = timelineItemIcon(item);
+            const isLast = i === timelineItems.length - 1;
+            return /* @__PURE__ */ jsxs(
+              Box,
+              {
+                className: "flex items-start px-3 py-2 border-b border-[var(--color-border)] hover:bg-[var(--color-muted)]/30 transition-colors duration-fast cursor-pointer",
+                onClick: () => setSelectedItem(item),
+                children: [
+                  /* @__PURE__ */ jsxs(Box, { className: "flex flex-col items-center mr-3 mt-0.5", style: { width: 20 }, children: [
+                    /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        className: "rounded-full flex-shrink-0",
+                        style: {
+                          width: 8,
+                          height: 8,
+                          backgroundColor: "var(--color-primary)"
+                        }
+                      }
+                    ),
+                    !isLast && /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        className: "flex-1",
+                        style: {
+                          width: 2,
+                          backgroundColor: "var(--color-border)",
+                          marginTop: 4,
+                          minHeight: 24
+                        }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+                      /* @__PURE__ */ jsx(Icon, { name: iconName, size: "xs", className: `flex-shrink-0 ${iconColor}` }),
+                      timelineItemTimeLabel(item) && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: timelineItemTimeLabel(item) }),
+                      /* @__PURE__ */ jsx(Badge, { variant: "neutral", className: "text-[10px]", children: timelineItemLabel(item) })
+                    ] }),
+                    /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "items-start", children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", className: "flex-1 min-w-0 line-clamp-2", children: timelineItemPreview(item) }),
+                      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "flex-shrink-0 mt-0", onClick: (e) => {
+                        e.stopPropagation();
+                        setSelectedItem(item);
+                      }, children: /* @__PURE__ */ jsx(Icon, { name: "maximize-2", size: "xs" }) })
+                    ] })
+                  ] })
+                ]
+              },
+              `${item.source}-${i}`
+            );
+          }) }) }),
+          /* @__PURE__ */ jsx(
+            Modal,
+            {
+              isOpen: selectedItem !== null,
+              onClose: () => setSelectedItem(null),
+              title: selectedItem ? `${timelineItemLabel(selectedItem)}${timelineItemTimeLabel(selectedItem) ? ` \xB7 ${timelineItemTimeLabel(selectedItem)}` : ""}` : "",
+              size: "lg",
+              children: selectedItem && /* @__PURE__ */ jsx(TraceDetailContent, { item: selectedItem })
+            }
+          )
+        ] });
+      }
+      const filtered = focusedOrbital ? subagents.filter((s) => s.orbitalName === focusedOrbital) : subagents;
+      const wrapperClass = isRichMode ? `absolute inset-x-3 bottom-3 sm:inset-x-auto sm:top-3 sm:right-3 sm:bottom-3 w-full sm:w-[28rem] max-w-[calc(100vw-1.5rem)] max-h-[60vh] sm:max-h-none bg-[var(--color-card)] border border-[var(--color-border)] rounded-md shadow-lg overflow-hidden flex flex-col ${className ?? ""}` : `absolute inset-x-3 bottom-3 sm:inset-x-auto sm:top-3 sm:right-3 sm:bottom-3 w-full sm:w-80 max-w-[calc(100vw-1.5rem)] max-h-[60vh] sm:max-h-none bg-[var(--color-card)] border border-[var(--color-border)] rounded-md shadow-lg overflow-hidden flex flex-col ${className ?? ""}`;
+      const wrapperStyle = { zIndex: 20 };
+      const hasCoordinatorData = coordinatorMessages && coordinatorMessages.length > 0 || coordinatorActivities && coordinatorActivities.length > 0;
+      if (filtered.length === 0 && !hasCoordinatorData) {
+        return /* @__PURE__ */ jsxs(Box, { className: wrapperClass, style: wrapperStyle, children: [
+          /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              gap: "sm",
+              className: "items-center px-3 py-2 border-b border-[var(--color-border)]",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: "activity", size: "sm" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold flex-1", children: t("subagentTrace.subagents") }),
+                onClose && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: "xs" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { className: "flex-1 flex items-center justify-center px-4", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-center", children: focusedOrbital ? t("subagentTrace.noSubagentsForOrbital", { orbital: focusedOrbital }) : t("subagentTrace.noSubagentsActive") }) })
+        ] });
+      }
+      if (focusedOrbital) {
+        return /* @__PURE__ */ jsxs(Box, { className: wrapperClass, style: wrapperStyle, children: [
+          /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              gap: "sm",
+              className: "items-center px-3 py-2 border-b border-[var(--color-border)]",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: "activity", size: "sm" }),
+                /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold truncate", children: focusedOrbital }),
+                  /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", children: [
+                    filtered.length === 1 ? t("subagentTrace.subagentCount", { count: filtered.length }) : t("subagentTrace.subagentCountPlural", { count: filtered.length }),
+                    " \xB7 ",
+                    densityLabel(isRichMode)
+                  ] })
+                ] }),
+                onClose && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: "xs" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { className: "flex-1 overflow-y-auto", children: filtered.map((sub) => isRichMode ? /* @__PURE__ */ jsx(SubagentRichCard, { subagent: sub }, sub.id) : /* @__PURE__ */ jsx(SubagentRow, { subagent: sub }, sub.id)) })
+        ] });
+      }
+      const grouped = groupByOrbital(filtered);
+      const coordinatorSnapshot = pluckCoordinatorState(coordinatorActivities ?? []);
+      return /* @__PURE__ */ jsxs(Box, { className: wrapperClass, style: wrapperStyle, children: [
+        /* @__PURE__ */ jsxs(
+          HStack,
+          {
+            gap: "sm",
+            className: "items-center px-3 py-2 border-b border-[var(--color-border)]",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "activity", size: "sm" }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "font-semibold flex-1", children: [
+                t("subagentTrace.subagentsWithCount", { count: filtered.length }),
+                " \xB7 ",
+                densityLabel(isRichMode)
+              ] }),
+              onClose && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: "xs" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { className: "flex-1 overflow-y-auto", children: [
+          !focusedOrbital && isRichMode && /* @__PURE__ */ jsx(CoordinatorCard, { snapshot: coordinatorSnapshot }),
+          coordinatorMessages && coordinatorMessages.length > 0 ? /* @__PURE__ */ jsxs(Box, { className: "border-b border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center px-3 py-1.5 bg-[var(--color-card)] border-b border-[var(--color-border)]", children: [
+              /* @__PURE__ */ jsx(Box, { style: { width: 6, height: 6, borderRadius: "50%", backgroundColor: "var(--color-primary)", flexShrink: 0 } }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold text-[11px]", children: t("subagentTrace.coordinator") }),
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: t("subagentTrace.messagesCount", { count: coordinatorMessages.length }) })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { className: "max-h-[36rem] overflow-y-auto", children: /* @__PURE__ */ jsx(CoordinatorConversation, { messages: coordinatorMessages, autoScroll: true }) })
+          ] }) : coordinatorActivities && coordinatorActivities.length > 0 && (() => {
+            const filteredCoordinator = coordinatorActivities;
+            if (filteredCoordinator.length === 0) return null;
+            return /* @__PURE__ */ jsxs(Box, { className: "border-b border-[var(--color-border)]", children: [
+              /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center px-3 py-1.5 bg-[var(--color-card)] border-b border-[var(--color-border)]", children: [
+                /* @__PURE__ */ jsx(Box, { style: { width: 6, height: 6, borderRadius: "50%", backgroundColor: "var(--color-primary)", flexShrink: 0 } }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold text-[11px]", children: t("subagentTrace.coordinator") }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: t("subagentTrace.eventsCount", { count: filteredCoordinator.length }) })
+              ] }),
+              /* @__PURE__ */ jsx(Box, { className: "max-h-60 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                InlineActivityStream,
+                {
+                  activities: coordinatorToActivityItems(filteredCoordinator),
+                  autoScroll: true
+                }
+              ) })
+            ] });
+          })(),
+          isRichMode ? filtered.map((sub) => /* @__PURE__ */ jsx(SubagentRichCard, { subagent: sub }, sub.id)) : Array.from(grouped.entries()).map(([orbitalName, subs]) => /* @__PURE__ */ jsx(
+            OrbitalGroup,
+            {
+              orbitalName,
+              subagents: subs
+            },
+            orbitalName
+          ))
+        ] })
+      ] });
+    };
+    SubagentTracePanel.displayName = "SubagentTracePanel";
+  }
+});
 var TabbedContainer;
 var init_TabbedContainer = __esm({
   "components/core/organisms/layout/TabbedContainer.tsx"() {
@@ -51479,6 +53090,48 @@ var init_TabbedContainer = __esm({
     TabbedContainer.displayName = "TabbedContainer";
   }
 });
+function TanksBoard({
+  tiles,
+  units,
+  features,
+  assetManifest,
+  assetBaseUrl,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("tanks-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
+}
+var init_TanksBoard = __esm({
+  "components/game/organisms/TanksBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_IsometricCanvas();
+    TanksBoard.displayName = "TanksBoard";
+  }
+});
 var TeamOrganism;
 var init_TeamOrganism = __esm({
   "components/marketing/organisms/TeamOrganism.tsx"() {
@@ -51582,7 +53235,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React79__default.useMemo(() => {
+      const items = React80__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -51739,7 +53392,7 @@ var init_TimerDisplay = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React79__default.isValidElement(children)) {
+  if (!React80__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -51777,7 +53430,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React79__default.isValidElement(children) && !message;
+      const isCustomContent = React80__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -53403,8 +55056,8 @@ function XPBar({
 }) {
   const sizes = sizeMap18[size];
   const percentage = max > 0 ? Math.max(0, Math.min(100, current / max * 100)) : 0;
-  const [fillWidth, setFillWidth] = React79.useState(animated ? 0 : percentage);
-  React79.useEffect(() => {
+  const [fillWidth, setFillWidth] = React80.useState(animated ? 0 : percentage);
+  React80.useEffect(() => {
     if (!animated) {
       setFillWidth(percentage);
       return;
@@ -53477,7 +55130,7 @@ var init_XPBar = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React79__default.lazy(
+  const Lazy = React80__default.lazy(
     () => loader().then((m) => {
       const Resolved = m[name];
       if (!Resolved) {
@@ -53489,13 +55142,13 @@ function lazyThree(name, loader) {
     })
   );
   function ThreeWrapper(props) {
-    return React79__default.createElement(
+    return React80__default.createElement(
       ThreeBoundary,
       { name },
-      React79__default.createElement(
-        React79__default.Suspense,
+      React80__default.createElement(
+        React80__default.Suspense,
         { fallback: null },
-        React79__default.createElement(Lazy, props)
+        React80__default.createElement(Lazy, props)
       )
     );
   }
@@ -53525,6 +55178,7 @@ var init_component_registry_generated = __esm({
     init_BattleTemplate();
     init_BehaviorView();
     init_BloomQuizBlock();
+    init_BoardgameBoard();
     init_BookChapterView();
     init_BookCoverPage();
     init_BookNavBar();
@@ -53551,6 +55205,7 @@ var init_component_registry_generated = __esm({
     init_Center();
     init_Chart();
     init_ChartLegend();
+    init_ChatBar();
     init_Checkbox();
     init_ChoiceButton();
     init_CityBuilderBoard();
@@ -53608,6 +55263,7 @@ var init_component_registry_generated = __esm({
     init_FileTree();
     init_FilterGroup();
     init_FilterPill();
+    init_FishingBoard();
     init_Flex();
     init_FlipCard();
     init_FlipContainer();
@@ -53637,6 +55293,7 @@ var init_component_registry_generated = __esm({
     init_HeroOrganism();
     init_HeroSection();
     init_HexStrategyBoard();
+    init_HolidayRunnerBoard();
     init_Icon();
     init_InfiniteScrollSentinel();
     init_Input();
@@ -53659,11 +55316,13 @@ var init_component_registry_generated = __esm({
     init_MarketingFooter();
     init_MasterDetail();
     init_MasterDetailLayout();
+    init_MatchPuzzleBoard();
     init_MatrixQuestion();
     init_MediaGallery();
     init_Menu();
     init_Meter();
     init_MiniMap();
+    init_MinigolfBoard();
     init_Modal();
     init_ModalSlot();
     init_ModuleCard();
@@ -53676,6 +55335,8 @@ var init_component_registry_generated = __esm({
     init_PageHeader();
     init_Pagination();
     init_PatternTile();
+    init_PinballBoard();
+    init_PirateBoard();
     init_PlatformerBoard();
     init_PlatformerCanvas();
     init_PlatformerTemplate();
@@ -53693,6 +55354,7 @@ var init_component_registry_generated = __esm({
     init_QrScanner();
     init_QuestTracker();
     init_QuizBlock();
+    init_RacingBoard();
     init_Radio();
     init_RangeSlider();
     init_ReflectionBlock();
@@ -53726,12 +55388,16 @@ var init_component_registry_generated = __esm({
     init_SimulatorBoard();
     init_Skeleton();
     init_SocialProof();
+    init_SokobanBoard();
     init_SortableList();
+    init_SpaceShmupBoard();
+    init_SpaceStationBoard();
     init_Sparkline();
     init_Spinner();
     init_Split();
     init_SplitPane();
     init_SplitSection();
+    init_SportsBoard();
     init_Sprite();
     init_StarRating();
     init_StatBadge();
@@ -53746,6 +55412,7 @@ var init_component_registry_generated = __esm({
     init_StatusEffect();
     init_StepFlow();
     init_StepFlowOrganism();
+    init_SubagentTracePanel();
     init_SvgBranch();
     init_SvgConnection();
     init_SvgFlow();
@@ -53765,6 +55432,7 @@ var init_component_registry_generated = __esm({
     init_Tabs();
     init_TagCloud();
     init_TagInput();
+    init_TanksBoard();
     init_TeamCard();
     init_TeamOrganism();
     init_TextHighlight();
@@ -53803,7 +55471,7 @@ var init_component_registry_generated = __esm({
     init_WorldMapBoard();
     init_WorldMapTemplate();
     init_XPBar();
-    ThreeBoundary = class extends React79__default.Component {
+    ThreeBoundary = class extends React80__default.Component {
       constructor() {
         super(...arguments);
         __publicField(this, "state", { failed: false });
@@ -53813,7 +55481,7 @@ var init_component_registry_generated = __esm({
       }
       render() {
         if (this.state.failed) {
-          return React79__default.createElement(
+          return React80__default.createElement(
             "div",
             {
               "data-testid": "three-unavailable",
@@ -53852,6 +55520,7 @@ var init_component_registry_generated = __esm({
       "BattleTemplate": BattleTemplate,
       "BehaviorView": BehaviorView,
       "BloomQuizBlock": BloomQuizBlock,
+      "BoardgameBoard": BoardgameBoard,
       "BookChapterView": BookChapterView,
       "BookCoverPage": BookCoverPage,
       "BookNavBar": BookNavBar,
@@ -53881,6 +55550,7 @@ var init_component_registry_generated = __esm({
       "Center": Center,
       "Chart": Chart,
       "ChartLegend": ChartLegend,
+      "ChatBar": ChatBar,
       "Checkbox": Checkbox,
       "ChoiceButton": ChoiceButton,
       "CityBuilderBoard": CityBuilderBoard,
@@ -53941,6 +55611,7 @@ var init_component_registry_generated = __esm({
       "FileTree": FileTree,
       "FilterGroup": FilterGroup,
       "FilterPill": FilterPill,
+      "FishingBoard": FishingBoard,
       "Flex": Flex,
       "FlipCard": FlipCard,
       "FlipContainer": FlipContainer,
@@ -53974,6 +55645,7 @@ var init_component_registry_generated = __esm({
       "HeroOrganism": HeroOrganism,
       "HeroSection": HeroSection,
       "HexStrategyBoard": HexStrategyBoard,
+      "HolidayRunnerBoard": HolidayRunnerBoard,
       "Icon": Icon,
       "InfiniteScrollSentinel": InfiniteScrollSentinel,
       "Input": Input,
@@ -53998,11 +55670,13 @@ var init_component_registry_generated = __esm({
       "MarketingFooter": MarketingFooter,
       "MasterDetail": MasterDetail,
       "MasterDetailLayout": MasterDetailLayout,
+      "MatchPuzzleBoard": MatchPuzzleBoard,
       "MatrixQuestion": MatrixQuestion,
       "MediaGallery": MediaGallery,
       "Menu": Menu,
       "Meter": Meter,
       "MiniMap": MiniMap,
+      "MinigolfBoard": MinigolfBoard,
       "Modal": Modal,
       "ModalSlot": ModalSlot,
       "ModuleCard": ModuleCard,
@@ -54015,6 +55689,8 @@ var init_component_registry_generated = __esm({
       "PageHeader": PageHeader,
       "Pagination": Pagination,
       "PatternTile": PatternTile,
+      "PinballBoard": PinballBoard,
+      "PirateBoard": PirateBoard,
       "PlatformerBoard": PlatformerBoard,
       "PlatformerCanvas": PlatformerCanvas,
       "PlatformerTemplate": PlatformerTemplate,
@@ -54032,6 +55708,7 @@ var init_component_registry_generated = __esm({
       "QrScanner": QrScanner,
       "QuestTracker": QuestTracker,
       "QuizBlock": QuizBlock,
+      "RacingBoard": RacingBoard,
       "Radio": Radio,
       "RangeSlider": RangeSlider,
       "ReflectionBlock": ReflectionBlock,
@@ -54065,7 +55742,10 @@ var init_component_registry_generated = __esm({
       "SimulatorBoard": SimulatorBoard,
       "Skeleton": Skeleton,
       "SocialProof": SocialProof,
+      "SokobanBoard": SokobanBoard,
       "SortableList": SortableList,
+      "SpaceShmupBoard": SpaceShmupBoard,
+      "SpaceStationBoard": SpaceStationBoard,
       "Spacer": SpacerPattern,
       "SpacerPattern": SpacerPattern,
       "Sparkline": Sparkline,
@@ -54073,6 +55753,7 @@ var init_component_registry_generated = __esm({
       "Split": Split,
       "SplitPane": SplitPane,
       "SplitSection": SplitSection,
+      "SportsBoard": SportsBoard,
       "Sprite": Sprite,
       "Stack": Stack,
       "StarRating": StarRating,
@@ -54088,6 +55769,7 @@ var init_component_registry_generated = __esm({
       "StatusEffect": StatusEffect,
       "StepFlow": StepFlow,
       "StepFlowOrganism": StepFlowOrganism,
+      "SubagentTracePanel": SubagentTracePanel,
       "SvgBranch": SvgBranch,
       "SvgConnection": SvgConnection,
       "SvgFlow": SvgFlow,
@@ -54107,6 +55789,7 @@ var init_component_registry_generated = __esm({
       "Tabs": Tabs,
       "TagCloud": TagCloud,
       "TagInput": TagInput,
+      "TanksBoard": TanksBoard,
       "TeamCard": TeamCard,
       "TeamOrganism": TeamOrganism,
       "TextHighlight": TextHighlight,
@@ -54164,7 +55847,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React79__default.createElement(
+  return React80__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -54175,8 +55858,8 @@ function getSlotFallback(slot, config) {
   const variant = SLOT_SKELETON_MAP[slot] ?? "text";
   return /* @__PURE__ */ jsx(Skeleton, { variant });
 }
-function getComponentForPattern(patternType) {
-  const mapping = getComponentForPattern$1(patternType);
+function getComponentForPattern3(patternType) {
+  const mapping = getComponentForPattern(patternType);
   if (!mapping) {
     return null;
   }
@@ -54654,7 +56337,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React79__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React80__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -54694,14 +56377,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 (React79__default.isValidElement(value)) return false;
+  if (React80__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;
+  return "type" in record && typeof record.type === "string" && getComponentForPattern(record.type) !== null;
 }
 function isPlainConfigObject(value) {
-  if (React79__default.isValidElement(value)) return false;
+  if (React80__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -54806,7 +56489,8 @@ function SlotContentRenderer({
       entityDef = schemaCtx.entities.get(linkedEntity);
     }
   }
-  const PatternComponent = getComponentForPattern(content.pattern);
+  const orbitalName = schemaCtx && content.sourceTrait !== void 0 ? schemaCtx.orbitalsByTrait.get(content.sourceTrait) : void 0;
+  const PatternComponent = getComponentForPattern3(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
     const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
@@ -54826,7 +56510,7 @@ function SlotContentRenderer({
     for (const slotKey of CONTENT_NODE_SLOTS) {
       const slotVal = restProps[slotKey];
       if (slotVal === void 0 || slotVal === null) continue;
-      if (React79__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
+      if (React80__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,
@@ -54904,6 +56588,7 @@ function SlotContentRenderer({
         "data-orb-entity": content.entity,
         "data-orb-path": myPath,
         "data-orb-pattern": content.pattern,
+        "data-orb-orbital": orbitalName,
         children: renderedChildren !== void 0 ? /* @__PURE__ */ jsx(PatternComponent, { ...finalProps, children: renderedChildren }) : /* @__PURE__ */ jsx(PatternComponent, { ...finalProps })
       }
     );
@@ -54923,6 +56608,7 @@ function SlotContentRenderer({
       "data-orb-entity": content.entity,
       "data-orb-path": patternPath ?? "root",
       "data-orb-pattern": content.pattern,
+      "data-orb-orbital": orbitalName,
       children: content.props.children ?? /* @__PURE__ */ jsxs(Box, { className: "p-4 text-sm text-muted-foreground border border-dashed border-border rounded", children: [
         "Unknown pattern: ",
         content.pattern,
@@ -55092,7 +56778,7 @@ function TraitFrame({
   if (!content) {
     return /* @__PURE__ */ jsx(Fragment, { children: fallback });
   }
-  const SlotContentRenderer2 = getSlotContentRenderer();
+  const SlotContentRenderer2 = getSlotContentRenderer3();
   const rendered = /* @__PURE__ */ jsx(
     SlotContentRenderer2,
     {
@@ -55106,7 +56792,7 @@ function TraitFrame({
   }
   return /* @__PURE__ */ jsx(TraitScopeProvider, { orbital, trait: traitName, children: rendered });
 }
-function getSlotContentRenderer() {
+function getSlotContentRenderer3() {
   if (_slotContentRenderer) return _slotContentRenderer;
   const mod = (init_UISlotRenderer(), __toCommonJS(UISlotRenderer_exports));
   _slotContentRenderer = mod.SlotContentRenderer;
@@ -56099,6 +57785,21 @@ function generateCombatMessage(event) {
   return event.message;
 }
 
+// components/game/organisms/index.ts
+init_RacingBoard();
+init_TanksBoard();
+init_SpaceShmupBoard();
+init_SportsBoard();
+init_SokobanBoard();
+init_BoardgameBoard();
+init_PirateBoard();
+init_PinballBoard();
+init_FishingBoard();
+init_MatchPuzzleBoard();
+init_HolidayRunnerBoard();
+init_MinigolfBoard();
+init_SpaceStationBoard();
+
 // components/core/organisms/index.ts
 init_UISlotRenderer();
 init_ModalSlot();
@@ -56181,6 +57882,9 @@ init_TeamOrganism();
 init_CaseStudyOrganism();
 init_CodeRunnerPanel();
 init_SegmentRenderer();
+init_ChatBar();
+init_trace_edit_focus();
+init_SubagentTracePanel();
 
 // components/core/templates/index.ts
 init_DashboardLayout();
@@ -56207,4 +57911,4 @@ init_AboutPageTemplate();
 // components/index.ts
 init_cn();
 
-export { ALL_PRESETS, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBattlerBoard, CardBattlerTemplate, CardBody, CardContent, CardFooter, CardGrid, CardHand, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, CityBuilderBoard, CityBuilderTemplate, ClassifierBoard, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameBoard3D, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HealthPanel, HeroOrganism, HeroSection, HexStrategyBoard, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NodeSlotEditor, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerBoard, PlatformerCanvas, PlatformerTemplate, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RoguelikeBoard, RoguelikeTemplate, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TopDownShooterBoard, TopDownShooterTemplate, TowerDefenseBoard, TowerDefenseTemplate, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VisualNovelBoard, VisualNovelTemplate, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, drawSprite, generateCombatMessage, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseLessonSegments, parseMarkdownWithCodeBlocks, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, toCodeLanguage, transitionAnimation, useAnchorRect, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };
+export { ALL_PRESETS, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BloomQuizBlock, BoardgameBoard, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBattlerBoard, CardBattlerTemplate, CardBody, CardContent, CardFooter, CardGrid, CardHand, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, ChatBar, Checkbox, ChoiceButton, CityBuilderBoard, CityBuilderTemplate, ClassifierBoard, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, FishingBoard, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameBoard3D, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HealthPanel, HeroOrganism, HeroSection, HexStrategyBoard, HolidayRunnerBoard, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MatchPuzzleBoard, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, MinigolfBoard, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NodeSlotEditor, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PinballBoard, PirateBoard, PlatformerBoard, PlatformerCanvas, PlatformerTemplate, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, RacingBoard, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RoguelikeBoard, RoguelikeTemplate, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SokobanBoard, SortableList, SpaceShmupBoard, SpaceStationBoard, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, SportsBoard, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TanksBoard, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TopDownShooterBoard, TopDownShooterTemplate, TowerDefenseBoard, TowerDefenseTemplate, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VisualNovelBoard, VisualNovelTemplate, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, drawSprite, generateCombatMessage, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, toCodeLanguage, transitionAnimation, useAnchorRect, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };