@almadar/ui 2.56.0 → 2.58.0

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React90 from 'react';
-import React90__default, { useCallback, createContext, useState, useRef, useEffect, useMemo, useLayoutEffect, lazy, useContext, useId, Suspense, useSyncExternalStore } from 'react';
+import * as React91 from 'react';
+import React91__default, { useCallback, createContext, useState, useRef, useEffect, useMemo, useLayoutEffect, lazy, useContext, useId, Suspense, useSyncExternalStore } from 'react';
 import { EventBusContext, useEntityRef, SelectionContext } from '@almadar/ui/providers';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as LucideIcons from 'lucide-react';
@@ -547,7 +547,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React90__default.isValidElement(value)) {
+  if (React91__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -556,7 +556,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React90__default.forwardRef(
+var Button = React91__default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -618,7 +618,7 @@ Button.displayName = "Button";
 
 // components/atoms/Input.tsx
 init_cn();
-var Input = React90__default.forwardRef(
+var Input = React91__default.forwardRef(
   ({
     className,
     inputType,
@@ -733,7 +733,7 @@ Input.displayName = "Input";
 
 // components/atoms/Label.tsx
 init_cn();
-var Label = React90__default.forwardRef(
+var Label = React91__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -756,7 +756,7 @@ Label.displayName = "Label";
 
 // components/atoms/Textarea.tsx
 init_cn();
-var Textarea = React90__default.forwardRef(
+var Textarea = React91__default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -782,7 +782,7 @@ Textarea.displayName = "Textarea";
 
 // components/atoms/Select.tsx
 init_cn();
-var Select = React90__default.forwardRef(
+var Select = React91__default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -821,7 +821,7 @@ Select.displayName = "Select";
 
 // components/atoms/Checkbox.tsx
 init_cn();
-var Checkbox = React90__default.forwardRef(
+var Checkbox = React91__default.forwardRef(
   ({ className, label, id, ...props }, ref) => {
     const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -900,7 +900,7 @@ var shadowStyles = {
   md: "shadow",
   lg: "shadow-lg"
 };
-var Card = React90__default.forwardRef(
+var Card = React91__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -936,9 +936,9 @@ var Card = React90__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React91__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React91__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -951,11 +951,11 @@ var CardTitle = React90__default.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React91__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React91__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1004,7 +1004,7 @@ var sizeStyles2 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React90__default.forwardRef(
+var Badge = React91__default.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
     const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
     const resolvedIcon = typeof icon === "string" ? (() => {
@@ -1040,7 +1040,7 @@ var sizeStyles3 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React90__default.forwardRef(
+var Spinner = React91__default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1313,7 +1313,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React90__default.forwardRef(
+var Box = React91__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -1674,7 +1674,7 @@ ProgressBar.displayName = "ProgressBar";
 
 // components/atoms/Radio.tsx
 init_cn();
-var Radio = React90__default.forwardRef(
+var Radio = React91__default.forwardRef(
   ({
     label,
     helperText,
@@ -1781,7 +1781,7 @@ Radio.displayName = "Radio";
 
 // components/atoms/Switch.tsx
 init_cn();
-var Switch = React90.forwardRef(
+var Switch = React91.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -1792,10 +1792,10 @@ var Switch = React90.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React90.useState(
+    const [isChecked, setIsChecked] = React91.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React90.useEffect(() => {
+    React91.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -2469,8 +2469,8 @@ var LawReferenceTooltip = ({
   position = "top",
   className
 }) => {
-  const [isVisible, setIsVisible] = React90__default.useState(false);
-  const timeoutRef = React90__default.useRef(null);
+  const [isVisible, setIsVisible] = React91__default.useState(false);
+  const timeoutRef = React91__default.useRef(null);
   const handleMouseEnter = () => {
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -2479,7 +2479,7 @@ var LawReferenceTooltip = ({
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     setIsVisible(false);
   };
-  React90__default.useEffect(() => {
+  React91__default.useEffect(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
@@ -2677,7 +2677,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React90__default.forwardRef(
+var StatusDot = React91__default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -2727,7 +2727,7 @@ var iconMap = {
   down: TrendingDown,
   flat: ArrowRight
 };
-var TrendIndicator = React90__default.forwardRef(
+var TrendIndicator = React91__default.forwardRef(
   ({
     className,
     value,
@@ -2790,7 +2790,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React90__default.forwardRef(
+var RangeSlider = React91__default.forwardRef(
   ({
     className,
     min = 0,
@@ -3350,7 +3350,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React90__default.forwardRef(
+var ContentSection = React91__default.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -3874,7 +3874,7 @@ var animatedStyles = {
   "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
   "none": {}
 };
-var AnimatedReveal = React90__default.forwardRef(
+var AnimatedReveal = React91__default.forwardRef(
   ({
     trigger = "scroll",
     animation = "fade-up",
@@ -4030,7 +4030,7 @@ function applyMorphAnimation(container, animate, duration, delay, easing) {
     el.style.opacity = animate ? "1" : "0";
   });
 }
-var AnimatedGraphic = React90__default.forwardRef(
+var AnimatedGraphic = React91__default.forwardRef(
   ({
     src,
     svgContent,
@@ -4053,7 +4053,7 @@ var AnimatedGraphic = React90__default.forwardRef(
     const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
     const resolvedSvg = svgContent ?? fetchedSvg;
     const prevAnimateRef = useRef(animate);
-    const setRef = React90__default.useCallback(
+    const setRef = React91__default.useCallback(
       (node) => {
         containerRef.current = node;
         if (typeof ref === "function") ref(node);
@@ -4230,9 +4230,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] = React90.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React90.useState(false);
-  React90.useEffect(() => {
+  const [displayValue, setDisplayValue] = React91.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React91.useState(false);
+  React91.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -4309,9 +4309,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React90.useState(false);
+  const [isPressed, setIsPressed] = React91.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React90.useCallback(
+  const handlePointerDown = React91.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -4321,7 +4321,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React90.useCallback(
+  const handlePointerUp = React91.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -4331,7 +4331,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React90.useCallback(
+  const handlePointerLeave = React91.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -5202,9 +5202,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React90.useRef(null);
-  const frameRef = React90.useRef(0);
-  React90.useEffect(() => {
+  const canvasRef = React91.useRef(null);
+  const frameRef = React91.useRef(0);
+  React91.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -5453,7 +5453,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React90__default.Component {
+var ErrorBoundary = class extends React91__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -5494,6 +5494,127 @@ var ErrorBoundary = class extends React90__default.Component {
   }
 };
 __publicField(ErrorBoundary, "displayName", "ErrorBoundary");
+init_Typography();
+function fileIcon(name) {
+  const ext = name.split(".").pop()?.toLowerCase() ?? "";
+  switch (ext) {
+    case "ts":
+    case "tsx":
+      return "file-code";
+    case "js":
+    case "jsx":
+      return "file-code";
+    case "json":
+    case "orb":
+      return "file-json";
+    case "css":
+    case "scss":
+      return "file-text";
+    case "md":
+      return "file-text";
+    case "py":
+      return "file-code";
+    case "html":
+      return "file-code";
+    default:
+      return "file";
+  }
+}
+var TreeNodeItem = ({
+  node,
+  depth,
+  indent,
+  selectedPath,
+  onFileSelect,
+  defaultExpanded = false
+}) => {
+  const [expanded, setExpanded] = useState(defaultExpanded || depth < 1);
+  const isDir = node.type === "dir";
+  const isSelected = node.path === selectedPath;
+  const handleClick = useCallback(() => {
+    if (isDir) {
+      setExpanded((prev) => !prev);
+    } else {
+      onFileSelect?.(node.path);
+    }
+  }, [isDir, node.path, onFileSelect]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: `flex items-center gap-1.5 py-0.5 px-2 cursor-pointer rounded-sm transition-colors ${isSelected ? "bg-[var(--color-primary)] bg-opacity-15 text-[var(--color-primary)]" : "hover:bg-[var(--color-muted)] hover:bg-opacity-30"}`,
+        style: { paddingLeft: depth * indent + 8 },
+        onClick: handleClick,
+        role: "treeitem",
+        "aria-selected": isSelected,
+        "aria-expanded": isDir ? expanded : void 0,
+        children: [
+          isDir ? /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: expanded ? "chevron-down" : "chevron-right",
+              size: "xs",
+              className: "text-[var(--color-muted-foreground)] flex-shrink-0"
+            }
+          ) : /* @__PURE__ */ jsx(Box, { style: { width: 12, flexShrink: 0 } }),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: isDir ? expanded ? "folder-open" : "folder" : fileIcon(node.name),
+              size: "xs",
+              className: isDir ? "text-[var(--color-warning)]" : "text-[var(--color-muted-foreground)]"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "caption",
+              className: `truncate font-mono text-[11px] ${isSelected ? "font-semibold" : ""}`,
+              children: node.name
+            }
+          ),
+          !isDir && node.size !== void 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-[var(--color-muted-foreground)] text-[9px] ml-auto flex-shrink-0", children: node.size < 1024 ? `${node.size}B` : `${Math.round(node.size / 1024)}KB` })
+        ]
+      }
+    ),
+    isDir && expanded && node.children && /* @__PURE__ */ jsx(Box, { role: "group", children: node.children.map((child) => /* @__PURE__ */ jsx(
+      TreeNodeItem,
+      {
+        node: child,
+        depth: depth + 1,
+        indent,
+        selectedPath,
+        onFileSelect,
+        defaultExpanded: depth < 0
+      },
+      child.path
+    )) })
+  ] });
+};
+var FileTree = ({
+  tree,
+  selectedPath,
+  onFileSelect,
+  className,
+  indent = 16
+}) => {
+  if (tree.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { className: `p-4 ${className ?? ""}`, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: "No files" }) });
+  }
+  return /* @__PURE__ */ jsx(Box, { className: `py-1 overflow-y-auto ${className ?? ""}`, role: "tree", children: tree.map((node) => /* @__PURE__ */ jsx(
+    TreeNodeItem,
+    {
+      node,
+      depth: 0,
+      indent,
+      selectedPath,
+      onFileSelect,
+      defaultExpanded: true
+    },
+    node.path
+  )) });
+};
+FileTree.displayName = "FileTree";
 
 // components/molecules/FormField.tsx
 init_cn();
@@ -7246,8 +7367,8 @@ var Menu = ({
     "bottom-start": "top-full left-0 mt-2",
     "bottom-end": "top-full right-0 mt-2"
   };
-  const triggerChild = React90__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-  const triggerElement = React90__default.cloneElement(
+  const triggerChild = React91__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+  const triggerElement = React91__default.cloneElement(
     triggerChild,
     {
       ref: triggerRef,
@@ -7780,8 +7901,8 @@ var Popover = ({
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose
   };
-  const childElement = React90__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const triggerElement = React90__default.cloneElement(
+  const childElement = React91__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const triggerElement = React91__default.cloneElement(
     childElement,
     {
       ref: triggerRef,
@@ -8558,8 +8679,8 @@ var Tooltip = ({
       if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
     };
   }, []);
-  const triggerElement = React90__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const trigger = React90__default.cloneElement(triggerElement, {
+  const triggerElement = React91__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const trigger = React91__default.cloneElement(triggerElement, {
     ref: triggerRef,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
@@ -8816,7 +8937,7 @@ var WizardProgress = ({
       children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((step, index) => {
         const isActive = index === currentStep;
         const isCompleted = index < currentStep;
-        return /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React91__default.Fragment, { children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -8950,7 +9071,7 @@ var WizardNavigation = ({
 };
 WizardNavigation.displayName = "WizardNavigation";
 init_cn();
-var MarkdownContent = React90__default.memo(
+var MarkdownContent = React91__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -9156,7 +9277,7 @@ function computeFoldRegions(code) {
 }
 var LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
 var HIDDEN_LINE_NUMBERS = { display: "none" };
-var CodeBlock = React90__default.memo(
+var CodeBlock = React91__default.memo(
   ({
     code: rawCode,
     language = "text",
@@ -9357,7 +9478,7 @@ var CodeBlock = React90__default.memo(
       }
     };
     const hasHeader = showLanguageBadge || showCopyButton;
-    return /* @__PURE__ */ jsxs(Box, { className: `relative group ${className || ""}`, children: [
+    return /* @__PURE__ */ jsxs(Box, { className: `relative group ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
       hasHeader && /* @__PURE__ */ jsxs(
         HStack,
         {
@@ -9410,8 +9531,8 @@ var CodeBlock = React90__default.memo(
           {
             style: {
               position: "relative",
-              height: "100%",
-              minHeight: "160px",
+              flex: 1,
+              minHeight: 0,
               maxHeight,
               backgroundColor: "#1e1e1e",
               borderRadius: hasHeader ? "0 0 0.5rem 0.5rem" : "0.5rem",
@@ -9507,6 +9628,8 @@ var CodeBlock = React90__default.memo(
         {
           ref: scrollRef,
           style: {
+            flex: 1,
+            minHeight: 0,
             overflowX: "auto",
             overflowY: "auto",
             WebkitOverflowScrolling: "touch",
@@ -10578,8 +10701,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React90.useState(/* @__PURE__ */ new Set());
-  const handlePress = React90.useCallback(
+  const [activeDirections, setActiveDirections] = React91.useState(/* @__PURE__ */ new Set());
+  const handlePress = React91.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -10587,7 +10710,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React90.useCallback(
+  const handleRelease = React91.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -10649,8 +10772,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React90.useState(/* @__PURE__ */ new Set());
-  const handlePress = React90.useCallback(
+  const [activeButtons, setActiveButtons] = React91.useState(/* @__PURE__ */ new Set());
+  const handlePress = React91.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -10658,7 +10781,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React90.useCallback(
+  const handleRelease = React91.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -10850,7 +10973,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React90.useCallback(
+  const handleSelect = React91.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -10982,7 +11105,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React90.useCallback(() => {
+  const handleCraft = React91.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -10999,7 +11122,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(React90.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React91.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -11108,15 +11231,15 @@ function GameCanvas2D({
   fps = 60,
   className
 }) {
-  const canvasRef = React90.useRef(null);
-  const rafRef = React90.useRef(0);
-  const frameRef = React90.useRef(0);
-  const lastTimeRef = React90.useRef(0);
-  const onDrawRef = React90.useRef(onDraw);
+  const canvasRef = React91.useRef(null);
+  const rafRef = React91.useRef(0);
+  const frameRef = React91.useRef(0);
+  const lastTimeRef = React91.useRef(0);
+  const onDrawRef = React91.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React90.useRef(onTick);
+  const onTickRef = React91.useRef(onTick);
   onTickRef.current = onTick;
-  React90.useEffect(() => {
+  React91.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -11383,7 +11506,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React90.useCallback(
+  const handleAction = React91.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -11517,7 +11640,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React90.useCallback(
+  const handleCommand = React91.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -12072,7 +12195,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React90.useCallback(
+  const handleOptionClick = React91.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -12199,7 +12322,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React90.useCallback(
+  const handleActionClick = React91.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -13858,7 +13981,7 @@ var MapViewImpl = lazy(async () => {
     shadowSize: [41, 41]
   });
   L.Marker.prototype.options.icon = defaultIcon;
-  const { useEffect: useEffect66, useRef: useRef64, useCallback: useCallback113, useState: useState98 } = React90__default;
+  const { useEffect: useEffect66, useRef: useRef64, useCallback: useCallback114, useState: useState99 } = React91__default;
   const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
   const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
   function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -13902,8 +14025,8 @@ var MapViewImpl = lazy(async () => {
     showAttribution = true
   }) {
     const eventBus = useEventBus2();
-    const [clickedPosition, setClickedPosition] = useState98(null);
-    const handleMapClick = useCallback113((lat, lng) => {
+    const [clickedPosition, setClickedPosition] = useState99(null);
+    const handleMapClick = useCallback114((lat, lng) => {
       if (showClickedPin) {
         setClickedPosition({ lat, lng });
       }
@@ -13912,7 +14035,7 @@ var MapViewImpl = lazy(async () => {
         eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
       }
     }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-    const handleMarkerClick = useCallback113((marker) => {
+    const handleMarkerClick = useCallback114((marker) => {
       onMarkerClick?.(marker);
       if (markerClickEvent) {
         eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -15088,7 +15211,7 @@ var DataList = ({
 }) => {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React90__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React91__default.useState(pageSize || Infinity);
   const fields = fieldsProp ?? columnsProp ?? [];
   const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
@@ -15125,7 +15248,7 @@ var DataList = ({
     const items2 = data.map((item) => item);
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fields[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React91__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}`;
@@ -15328,7 +15451,7 @@ var DataList = ({
         className
       ),
       children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React91__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)
@@ -17138,7 +17261,7 @@ var StepFlow = ({
   className
 }) => {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React90__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React91__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" })
@@ -17149,7 +17272,7 @@ var StepFlow = ({
       ] })
     ] }) }, index)) });
   }
-  return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React91__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 }),
@@ -18349,7 +18472,7 @@ var StatCard = ({
   const labelToUse = propLabel ?? propTitle;
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const handleActionClick = React90__default.useCallback(() => {
+  const handleActionClick = React91__default.useCallback(() => {
     if (action?.event) {
       eventBus.emit(`UI:${action.event}`, {});
     }
@@ -18360,7 +18483,7 @@ var StatCard = ({
   const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const isLoading = externalLoading ?? false;
   const error = externalError;
-  const computeMetricValue = React90__default.useCallback(
+  const computeMetricValue = React91__default.useCallback(
     (metric, items) => {
       if (metric.value !== void 0) {
         return metric.value;
@@ -18399,7 +18522,7 @@ var StatCard = ({
     },
     []
   );
-  const schemaStats = React90__default.useMemo(() => {
+  const schemaStats = React91__default.useMemo(() => {
     if (!metrics || metrics.length === 0) return null;
     return metrics.map((metric) => ({
       label: metric.label,
@@ -18407,7 +18530,7 @@ var StatCard = ({
       format: metric.format
     }));
   }, [metrics, data, computeMetricValue]);
-  const calculatedTrend = React90__default.useMemo(() => {
+  const calculatedTrend = React91__default.useMemo(() => {
     if (manualTrend !== void 0) return manualTrend;
     if (previousValue === void 0 || currentValue === void 0)
       return void 0;
@@ -18576,7 +18699,7 @@ var PageHeader = ({
     info: "bg-info/10 text-info"
   };
   return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React91__default.Fragment, { children: [
       idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
       crumb.href ? /* @__PURE__ */ jsx(
         "a",
@@ -19109,7 +19232,7 @@ var FormSection = ({
   columns = 1,
   className
 }) => {
-  const [collapsed, setCollapsed] = React90__default.useState(defaultCollapsed);
+  const [collapsed, setCollapsed] = React91__default.useState(defaultCollapsed);
   const { t } = useTranslate();
   const eventBus = useEventBus();
   const gridClass = {
@@ -19117,7 +19240,7 @@ var FormSection = ({
     2: "grid-cols-1 md:grid-cols-2",
     3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
   }[columns];
-  React90__default.useCallback(() => {
+  React91__default.useCallback(() => {
     if (collapsible) {
       setCollapsed((prev) => !prev);
       eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -19334,7 +19457,7 @@ var Form = ({
   const normalizedInitialData = initialData ?? {};
   const resolvedEntity = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
   const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-  const entityDerivedFields = React90__default.useMemo(() => {
+  const entityDerivedFields = React91__default.useMemo(() => {
     if (fields && fields.length > 0) return void 0;
     if (!resolvedEntity) return void 0;
     return resolvedEntity.fields.map(
@@ -19353,14 +19476,14 @@ var Form = ({
   const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
   const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
   const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-  const [formData, setFormData] = React90__default.useState(
+  const [formData, setFormData] = React91__default.useState(
     normalizedInitialData
   );
-  const [collapsedSections, setCollapsedSections] = React90__default.useState(
+  const [collapsedSections, setCollapsedSections] = React91__default.useState(
     /* @__PURE__ */ new Set()
   );
   const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-  const evalContext = React90__default.useMemo(
+  const evalContext = React91__default.useMemo(
     () => ({
       formValues: formData,
       globalVariables: externalContext?.globalVariables ?? {},
@@ -19369,13 +19492,13 @@ var Form = ({
     }),
     [formData, externalContext]
   );
-  React90__default.useEffect(() => {
+  React91__default.useEffect(() => {
     const data = initialData;
     if (data && Object.keys(data).length > 0) {
       setFormData(data);
     }
   }, [initialData]);
-  const processCalculations = React90__default.useCallback(
+  const processCalculations = React91__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!hiddenCalculations.length) return;
       const context = {
@@ -19400,7 +19523,7 @@ var Form = ({
     },
     [hiddenCalculations, externalContext, eventBus]
   );
-  const checkViolations = React90__default.useCallback(
+  const checkViolations = React91__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!violationTriggers.length) return;
       const context = {
@@ -19437,7 +19560,7 @@ var Form = ({
     processCalculations(name, newFormData);
     checkViolations(name, newFormData);
   };
-  const isFieldVisible = React90__default.useCallback(
+  const isFieldVisible = React91__default.useCallback(
     (fieldName) => {
       const condition = conditionalFields[fieldName];
       if (!condition) return true;
@@ -19445,7 +19568,7 @@ var Form = ({
     },
     [conditionalFields, evalContext]
   );
-  const isSectionVisible = React90__default.useCallback(
+  const isSectionVisible = React91__default.useCallback(
     (section) => {
       if (!section.condition) return true;
       return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -19477,7 +19600,7 @@ var Form = ({
       eventBus.emit(`UI:${onCancel}`);
     }
   };
-  const renderField = React90__default.useCallback(
+  const renderField = React91__default.useCallback(
     (field) => {
       const fieldName = field.name || field.field;
       if (!fieldName) return null;
@@ -19498,7 +19621,7 @@ var Form = ({
     [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
   );
   const effectiveFields = entityDerivedFields ?? fields;
-  const normalizedFields = React90__default.useMemo(() => {
+  const normalizedFields = React91__default.useMemo(() => {
     if (!effectiveFields || effectiveFields.length === 0) return [];
     return effectiveFields.map((field) => {
       if (typeof field === "string") {
@@ -19520,7 +19643,7 @@ var Form = ({
       return field;
     });
   }, [effectiveFields, resolvedEntity]);
-  const schemaFields = React90__default.useMemo(() => {
+  const schemaFields = React91__default.useMemo(() => {
     if (normalizedFields.length === 0) return null;
     if (isDebugEnabled()) {
       debugGroup(`Form: ${entityName || "unknown"}`);
@@ -19530,7 +19653,7 @@ var Form = ({
     }
     return normalizedFields.map(renderField).filter(Boolean);
   }, [normalizedFields, renderField, entityName, conditionalFields]);
-  const sectionElements = React90__default.useMemo(() => {
+  const sectionElements = React91__default.useMemo(() => {
     if (!sections || sections.length === 0) return null;
     return sections.map((section) => {
       if (!isSectionVisible(section)) {
@@ -20675,7 +20798,7 @@ var List = ({
     if (entity && typeof entity === "object" && "id" in entity) return [entity];
     return [];
   }, [entity]);
-  const getItemActions = React90__default.useCallback(
+  const getItemActions = React91__default.useCallback(
     (item) => {
       if (!itemActions) return [];
       if (typeof itemActions === "function") {
@@ -21450,7 +21573,7 @@ var WizardContainer = ({
           const isCompleted = index < currentStep;
           const stepKey = step.id ?? step.tabId ?? `step-${index}`;
           const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-          return /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React91__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -22679,7 +22802,7 @@ var StateMachineView = ({
             style: { top: title ? 30 : 0 },
             children: [
               entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-              states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React90__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+              states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React91__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                 StateNode,
                 {
                   state,
@@ -27190,7 +27313,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React91__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -27857,7 +27980,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(React90__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React91__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -30382,7 +30505,7 @@ function InputPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React90__default.useState(value);
+  const [localValue, setLocalValue] = React91__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -30419,7 +30542,7 @@ function TextareaPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React90__default.useState(value);
+  const [localValue, setLocalValue] = React91__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -30450,7 +30573,7 @@ function SelectPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React90__default.useState(value);
+  const [localValue, setLocalValue] = React91__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -30479,7 +30602,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React90__default.useState(checked);
+  const [localChecked, setLocalChecked] = React91__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -32391,7 +32514,7 @@ var DocumentViewer = ({
 DocumentViewer.displayName = "DocumentViewer";
 init_useEventBus();
 function extractTitle(children) {
-  if (!React90__default.isValidElement(children)) return void 0;
+  if (!React91__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -33009,7 +33132,7 @@ var MediaGallery = ({
     [selectable, selectedItems, selectionEvent, eventBus]
   );
   const entityData = Array.isArray(entity) ? entity : [];
-  const items = React90__default.useMemo(() => {
+  const items = React91__default.useMemo(() => {
     if (propItems) return propItems;
     if (entityData.length === 0) return [];
     return entityData.map((record, idx) => ({
@@ -33172,7 +33295,7 @@ var MediaGallery = ({
 MediaGallery.displayName = "MediaGallery";
 init_useEventBus();
 function extractTitle2(children) {
-  if (!React90__default.isValidElement(children)) return void 0;
+  if (!React91__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -33261,7 +33384,7 @@ function subscribeToDebugEvents(listener) {
 
 // components/organisms/debug/hooks/useDebugData.ts
 function useDebugData() {
-  const [data, setData] = React90.useState(() => ({
+  const [data, setData] = React91.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -33275,7 +33398,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React90.useEffect(() => {
+  React91.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -33372,12 +33495,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React90.useState(null);
-  const [traits2, setTraits] = React90.useState([]);
-  const [coveredEdges, setCoveredEdges] = React90.useState([]);
-  const [completedTraits, setCompletedTraits] = React90.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React90.useRef(null);
-  React90.useEffect(() => {
+  const [walkStep, setWalkStep] = React91.useState(null);
+  const [traits2, setTraits] = React91.useState([]);
+  const [coveredEdges, setCoveredEdges] = React91.useState([]);
+  const [completedTraits, setCompletedTraits] = React91.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React91.useRef(null);
+  React91.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -33806,15 +33929,15 @@ var TYPE_BADGES = {
   state: { variant: "danger", icon: "\u{1F4CA}" }
 };
 function EventFlowTab({ events: events2 }) {
-  const [filter, setFilter] = React90.useState("all");
-  const containerRef = React90.useRef(null);
-  const [autoScroll, setAutoScroll] = React90.useState(true);
-  React90.useEffect(() => {
+  const [filter, setFilter] = React91.useState("all");
+  const containerRef = React91.useRef(null);
+  const [autoScroll, setAutoScroll] = React91.useState(true);
+  React91.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React90.useMemo(() => {
+  const filteredEvents = React91.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -33914,7 +34037,7 @@ function EventFlowTab({ events: events2 }) {
 EventFlowTab.displayName = "EventFlowTab";
 init_Typography();
 function GuardsPanel({ guards }) {
-  const [filter, setFilter] = React90.useState("all");
+  const [filter, setFilter] = React91.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -33927,7 +34050,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React90.useMemo(() => {
+  const filteredGuards = React91.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -34075,10 +34198,10 @@ function EffectBadge({ effect }) {
   ] });
 }
 function TransitionTimeline({ transitions }) {
-  const containerRef = React90.useRef(null);
-  const [autoScroll, setAutoScroll] = React90.useState(true);
-  const [expandedId, setExpandedId] = React90.useState(null);
-  React90.useEffect(() => {
+  const containerRef = React91.useRef(null);
+  const [autoScroll, setAutoScroll] = React91.useState(true);
+  const [expandedId, setExpandedId] = React91.useState(null);
+  React91.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -34344,9 +34467,9 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log3, setLog] = React90.useState([]);
-  const prevStatesRef = React90.useRef(/* @__PURE__ */ new Map());
-  React90.useEffect(() => {
+  const [log3, setLog] = React91.useState([]);
+  const prevStatesRef = React91.useRef(/* @__PURE__ */ new Map());
+  React91.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -34499,9 +34622,9 @@ function VerifyModePanel({
   serverCount,
   localCount
 }) {
-  const scrollRef = React90.useRef(null);
-  const prevCountRef = React90.useRef(0);
-  React90.useEffect(() => {
+  const scrollRef = React91.useRef(null);
+  const prevCountRef = React91.useRef(0);
+  React91.useEffect(() => {
     if (transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -34549,10 +34672,10 @@ function RuntimeDebugger({
   defaultTab,
   schema
 }) {
-  const [isCollapsed, setIsCollapsed] = React90.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React90.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React91.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React91.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React90.useEffect(() => {
+  React91.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -34561,7 +34684,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React90.useEffect(() => {
+  React91.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -34982,7 +35105,7 @@ var Timeline = ({
 }) => {
   const { t } = useTranslate();
   const entityData = Array.isArray(entity) ? entity : [];
-  const items = React90__default.useMemo(() => {
+  const items = React91__default.useMemo(() => {
     if (propItems) return propItems;
     if (entityData.length === 0) return [];
     return entityData.map((record, idx) => {
@@ -35085,7 +35208,7 @@ var Timeline = ({
 Timeline.displayName = "Timeline";
 init_useEventBus();
 function extractToastProps(children) {
-  if (!React90__default.isValidElement(children)) {
+  if (!React91__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -35116,7 +35239,7 @@ var ToastSlot = ({
     eventBus.emit("UI:CLOSE");
   };
   if (!isVisible) return null;
-  const isCustomContent = React90__default.isValidElement(children) && !message;
+  const isCustomContent = React91__default.isValidElement(children) && !message;
   return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
     Toast,
     {
@@ -35161,12 +35284,12 @@ WorldMapTemplate.displayName = "WorldMapTemplate";
 
 // components/organisms/component-registry.generated.ts
 function lazyThree(name, loader) {
-  const Lazy = React90__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React91__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React90__default.createElement(
-      React90__default.Suspense,
+    return React91__default.createElement(
+      React91__default.Suspense,
       { fallback: null },
-      React90__default.createElement(Lazy, props)
+      React91__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -35454,7 +35577,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React90__default.createElement(
+  return React91__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -37953,7 +38076,7 @@ function EntityDataProvider({
   adapter,
   children
 }) {
-  return React90__default.createElement(
+  return React91__default.createElement(
     EntityDataContext.Provider,
     { value: adapter },
     children
@@ -38877,4 +39000,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ENTITY_EVENTS, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDataProvider, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LineChart, List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, ViolationAlert, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, entityDataKeys, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity, useEntity2 as useEntityById, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntityMutations, useEntitySuspense, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, useOrbitalMutations, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTranslate, useUIEvents, useUISlotManager, useUpdateEntity, useValidation };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ENTITY_EVENTS, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDataProvider, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LineChart, List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, ViolationAlert, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, entityDataKeys, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity, useEntity2 as useEntityById, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntityMutations, useEntitySuspense, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, useOrbitalMutations, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTranslate, useUIEvents, useUISlotManager, useUpdateEntity, useValidation };