@almadar/ui 2.22.2 → 2.24.0

package/dist/runtime/index.js

@@ -1,5 +1,5 @@
-import * as React112 from 'react';
-import React112__default, { createContext, useCallback, useState, useRef, useLayoutEffect, useEffect, lazy, useContext, useMemo, Suspense, useId } from 'react';
+import * as React114 from 'react';
+import React114__default, { createContext, useCallback, useState, useRef, useLayoutEffect, useEffect, lazy, useContext, useMemo, Suspense, useId } from 'react';
 import { EventBusContext } from '@almadar/ui/providers';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@tanstack/react-query';
@@ -978,8 +978,8 @@ function useTraitStateMachine(traitBindings, slotsActions, options) {
         states: trait.states.map((s) => s.name),
         transitions: trait.transitions.flatMap((t) => {
           const froms = Array.isArray(t.from) ? t.from : [t.from];
-          return froms.map((f) => ({
-            from: f,
+          return froms.map((f3) => ({
+            from: f3,
             to: t.to,
             event: t.event,
             guard: t.guard ? String(t.guard) : void 0
@@ -1556,7 +1556,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React112__default.forwardRef(
+var Box = React114__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -2590,9 +2590,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
-    "border-[length:var(--border-width-thin)] border-[var(--color-border)]",
-    "hover:bg-[var(--color-secondary-hover)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border-[length:var(--border-width)] border-[var(--color-accent)]",
+    "hover:bg-[var(--color-accent)] hover:text-white",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -2650,7 +2650,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React112__default.isValidElement(value)) {
+  if (React114__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -2659,7 +2659,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React112__default.forwardRef(
+var Button = React114__default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -2754,7 +2754,7 @@ var sizeStyles3 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React112__default.forwardRef(
+var Badge = React114__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" ? (() => {
@@ -2877,7 +2877,7 @@ var Toast = ({
   );
 };
 Toast.displayName = "Toast";
-var Input = React112__default.forwardRef(
+var Input = React114__default.forwardRef(
   ({
     className,
     inputType,
@@ -2989,7 +2989,7 @@ var Input = React112__default.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React112__default.forwardRef(
+var Label = React114__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -3009,7 +3009,7 @@ var Label = React112__default.forwardRef(
   }
 );
 Label.displayName = "Label";
-var Textarea = React112__default.forwardRef(
+var Textarea = React114__default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -3032,7 +3032,7 @@ var Textarea = React112__default.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Select = React112__default.forwardRef(
+var Select = React114__default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -3068,7 +3068,7 @@ var Select = React112__default.forwardRef(
   }
 );
 Select.displayName = "Select";
-var Checkbox = React112__default.forwardRef(
+var Checkbox = React114__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: [
@@ -3142,7 +3142,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React112__default.forwardRef(
+var Card = React114__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -3178,9 +3178,9 @@ var Card = React112__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React112__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React114__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React112__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React114__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -3193,11 +3193,11 @@ var CardTitle = React112__default.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React112__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React114__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React112__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React114__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3212,7 +3212,7 @@ var sizeStyles4 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React112__default.forwardRef(
+var Spinner = React114__default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -3628,7 +3628,7 @@ var ProgressBar = ({
   return null;
 };
 ProgressBar.displayName = "ProgressBar";
-var Radio = React112__default.forwardRef(
+var Radio = React114__default.forwardRef(
   ({
     label,
     helperText,
@@ -3732,7 +3732,7 @@ var Radio = React112__default.forwardRef(
   }
 );
 Radio.displayName = "Radio";
-var Switch = React112.forwardRef(
+var Switch = React114.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -3743,10 +3743,10 @@ var Switch = React112.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React112.useState(
+    const [isChecked, setIsChecked] = React114.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React112.useEffect(() => {
+    React114.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -4111,8 +4111,8 @@ var LawReferenceTooltip = ({
   position = "top",
   className
 }) => {
-  const [isVisible, setIsVisible] = React112__default.useState(false);
-  const timeoutRef = React112__default.useRef(null);
+  const [isVisible, setIsVisible] = React114__default.useState(false);
+  const timeoutRef = React114__default.useRef(null);
   const handleMouseEnter = () => {
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -4121,7 +4121,7 @@ var LawReferenceTooltip = ({
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     setIsVisible(false);
   };
-  React112__default.useEffect(() => {
+  React114__default.useEffect(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
@@ -4309,7 +4309,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React112__default.forwardRef(
+var StatusDot = React114__default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -4356,7 +4356,7 @@ var iconMap2 = {
   down: TrendingDown,
   flat: ArrowRight
 };
-var TrendIndicator = React112__default.forwardRef(
+var TrendIndicator = React114__default.forwardRef(
   ({
     className,
     value,
@@ -4415,7 +4415,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React112__default.forwardRef(
+var RangeSlider = React114__default.forwardRef(
   ({
     className,
     min = 0,
@@ -4865,7 +4865,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React112__default.forwardRef(
+var ContentSection = React114__default.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -4878,7 +4878,7 @@ var ContentSection = React112__default.forwardRef(
           paddingClasses[padding],
           className
         ),
-        children: /* @__PURE__ */ jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
+        children
       }
     );
   }
@@ -4968,9 +4968,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] = React112.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React112.useState(false);
-  React112.useEffect(() => {
+  const [displayValue, setDisplayValue] = React114.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React114.useState(false);
+  React114.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -5043,9 +5043,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React112.useState(false);
+  const [isPressed, setIsPressed] = React114.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React112.useCallback(
+  const handlePointerDown = React114.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -5055,7 +5055,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React112.useCallback(
+  const handlePointerUp = React114.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -5065,7 +5065,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React112.useCallback(
+  const handlePointerLeave = React114.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -5855,9 +5855,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React112.useRef(null);
-  const frameRef = React112.useRef(0);
-  React112.useEffect(() => {
+  const canvasRef = React114.useRef(null);
+  const frameRef = React114.useRef(0);
+  React114.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -5966,7 +5966,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React112__default.Component {
+var ErrorBoundary = class extends React114__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -6329,8 +6329,8 @@ var Tooltip = ({
       if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
     };
   }, []);
-  const triggerElement = React112__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const trigger = React112__default.cloneElement(triggerElement, {
+  const triggerElement = React114__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const trigger = React114__default.cloneElement(triggerElement, {
     ref: triggerRef,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
@@ -6443,8 +6443,8 @@ var Popover = ({
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose
   };
-  const childElement = React112__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const triggerElement = React112__default.cloneElement(
+  const childElement = React114__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const triggerElement = React114__default.cloneElement(
     childElement,
     {
       ref: triggerRef,
@@ -6548,8 +6548,8 @@ var Menu = ({
     "bottom-start": "top-full left-0 mt-2",
     "bottom-end": "top-full right-0 mt-2"
   };
-  const triggerChild = React112__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-  const triggerElement = React112__default.cloneElement(
+  const triggerChild = React114__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+  const triggerElement = React114__default.cloneElement(
     triggerChild,
     {
       ref: triggerRef,
@@ -7249,7 +7249,7 @@ function InputPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React112__default.useState(value);
+  const [localValue, setLocalValue] = React114__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -7286,7 +7286,7 @@ function TextareaPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React112__default.useState(value);
+  const [localValue, setLocalValue] = React114__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -7317,7 +7317,7 @@ function SelectPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React112__default.useState(value);
+  const [localValue, setLocalValue] = React114__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -7346,7 +7346,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React112__default.useState(checked);
+  const [localChecked, setLocalChecked] = React114__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -7547,8 +7547,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React112.useState(/* @__PURE__ */ new Set());
-  const handlePress = React112.useCallback(
+  const [activeButtons, setActiveButtons] = React114.useState(/* @__PURE__ */ new Set());
+  const handlePress = React114.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -7556,7 +7556,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React112.useCallback(
+  const handleRelease = React114.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -8105,10 +8105,10 @@ function IsometricCanvas({
     [unitsProp]
   );
   const features = useMemo(
-    () => featuresProp.map((f) => {
-      if (f.type) return f;
-      const raw = f;
-      return raw.featureType ? { ...f, type: raw.featureType } : f;
+    () => featuresProp.map((f3) => {
+      if (f3.type) return f3;
+      const raw = f3;
+      return raw.featureType ? { ...f3, type: raw.featureType } : f3;
     }),
     [featuresProp]
   );
@@ -9220,7 +9220,7 @@ var ScaledDiagram = ({
   );
 };
 ScaledDiagram.displayName = "ScaledDiagram";
-var MarkdownContent = React112__default.memo(
+var MarkdownContent = React114__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     return /* @__PURE__ */ jsx(
@@ -9321,7 +9321,7 @@ var MarkdownContent = React112__default.memo(
   (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
 );
 MarkdownContent.displayName = "MarkdownContent";
-var CodeBlock = React112__default.memo(
+var CodeBlock = React114__default.memo(
   ({
     code,
     language = "text",
@@ -10280,7 +10280,7 @@ var StateMachineView = ({
             style: { top: title ? 30 : 0 },
             children: [
               entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-              states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React112__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+              states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React114__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                 StateNode,
                 {
                   state,
@@ -10714,7 +10714,7 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
     const boxHeight = Math.max(80, fieldCount * 22 + 50);
     domEntity = {
       name: entity.name || "Entity",
-      fields: entity.fields?.map((f) => typeof f === "string" ? f : f.name) || [],
+      fields: entity.fields?.map((f3) => typeof f3 === "string" ? f3 : f3.name) || [],
       x: 20,
       y: height / 2 - boxHeight / 2,
       width: boxWidth,
@@ -10812,7 +10812,7 @@ function extractEntityFields(schema) {
   if (!schema?.orbitals?.length) return [];
   const entity = schema.orbitals[0].entity;
   if (!entity?.fields) return [];
-  return entity.fields.map((f) => f.name);
+  return entity.fields.map((f3) => f3.name);
 }
 function toStateMachineDefinition(sm) {
   return {
@@ -12584,7 +12584,7 @@ function getAllEffectSpriteUrls(manifest) {
   if (manifest.animations) {
     for (const frames of Object.values(manifest.animations)) {
       if (Array.isArray(frames)) {
-        frames.forEach((f) => urls.push(`${base}/${f}`));
+        frames.forEach((f3) => urls.push(`${base}/${f3}`));
       }
     }
   }
@@ -12592,7 +12592,7 @@ function getAllEffectSpriteUrls(manifest) {
 }
 
 // components/organisms/game/utils/combatPresets.ts
-var PI = Math.PI;
+var PI2 = Math.PI;
 function p(manifest, key) {
   const particles = manifest.particles;
   if (!particles) return [];
@@ -12623,8 +12623,8 @@ function createCombatPresets(manifest) {
           spread: 8,
           velocityMin: 40,
           velocityMax: 120,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
+          angleMin: -PI2 * 0.8,
+          angleMax: -PI2 * 0.2,
           gravity: 0,
           tint: { r: 255, g: 60, b: 40 },
           scaleMin: 0.3,
@@ -12641,8 +12641,8 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 20,
           velocityMax: 60,
-          angleMin: -PI * 0.9,
-          angleMax: -PI * 0.1,
+          angleMin: -PI2 * 0.9,
+          angleMax: -PI2 * 0.1,
           gravity: 120,
           tint: { r: 180, g: 140, b: 90 },
           scaleMin: 0.15,
@@ -12659,8 +12659,8 @@ function createCombatPresets(manifest) {
           spread: 5,
           velocityMin: 10,
           velocityMax: 30,
-          angleMin: -PI * 0.7,
-          angleMax: -PI * 0.3,
+          angleMin: -PI2 * 0.7,
+          angleMax: -PI2 * 0.3,
           gravity: 0,
           tint: { r: 255, g: 200, b: 150 },
           scaleMin: 0.25,
@@ -12702,8 +12702,8 @@ function createCombatPresets(manifest) {
           spread: 4,
           velocityMin: 60,
           velocityMax: 150,
-          angleMin: -PI * 0.6,
-          angleMax: -PI * 0.4,
+          angleMin: -PI2 * 0.6,
+          angleMax: -PI2 * 0.4,
           gravity: 0,
           tint: { r: 255, g: 220, b: 100 },
           scaleMin: 0.2,
@@ -12720,8 +12720,8 @@ function createCombatPresets(manifest) {
           spread: 3,
           velocityMin: 100,
           velocityMax: 200,
-          angleMin: -PI * 0.55,
-          angleMax: -PI * 0.45,
+          angleMin: -PI2 * 0.55,
+          angleMax: -PI2 * 0.45,
           gravity: 0,
           tint: { r: 255, g: 200, b: 80 },
           scaleMin: 0.15,
@@ -12738,8 +12738,8 @@ function createCombatPresets(manifest) {
           spread: 6,
           velocityMin: 10,
           velocityMax: 30,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
+          angleMin: -PI2 * 0.8,
+          angleMax: -PI2 * 0.2,
           gravity: -20,
           tint: { r: 200, g: 200, b: 200 },
           scaleMin: 0.2,
@@ -12782,7 +12782,7 @@ function createCombatPresets(manifest) {
           velocityMin: 20,
           velocityMax: 80,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: -30,
           tint: { r: 180, g: 80, b: 255 },
           scaleMin: 0.2,
@@ -12803,7 +12803,7 @@ function createCombatPresets(manifest) {
           velocityMin: 30,
           velocityMax: 100,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: -15,
           tint: { r: 200, g: 120, b: 255 },
           scaleMin: 0.1,
@@ -12821,7 +12821,7 @@ function createCombatPresets(manifest) {
           spread: 10,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI,
+          angleMin: -PI2,
           angleMax: 0,
           gravity: -40,
           tint: { r: 220, g: 180, b: 255 },
@@ -12870,8 +12870,8 @@ function createCombatPresets(manifest) {
           spread: 15,
           velocityMin: 10,
           velocityMax: 40,
-          angleMin: -PI,
-          angleMax: -PI * 0.3,
+          angleMin: -PI2,
+          angleMax: -PI2 * 0.3,
           gravity: -50,
           tint: { r: 80, g: 255, b: 120 },
           scaleMin: 0.15,
@@ -12889,8 +12889,8 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI * 0.9,
-          angleMax: -PI * 0.1,
+          angleMin: -PI2 * 0.9,
+          angleMax: -PI2 * 0.1,
           gravity: -60,
           tint: { r: 100, g: 255, b: 140 },
           scaleMin: 0.1,
@@ -12939,7 +12939,7 @@ function createCombatPresets(manifest) {
           velocityMin: 10,
           velocityMax: 35,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 0,
           tint: { r: 80, g: 160, b: 255 },
           scaleMin: 0.12,
@@ -12988,7 +12988,7 @@ function createCombatPresets(manifest) {
           velocityMin: 8,
           velocityMax: 30,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 0,
           tint: { r: 60, g: 180, b: 255 },
           scaleMin: 0.1,
@@ -13039,7 +13039,7 @@ function createCombatPresets(manifest) {
           velocityMin: 50,
           velocityMax: 150,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 80,
           tint: { r: 255, g: 180, b: 50 },
           scaleMin: 0.08,
@@ -13080,7 +13080,7 @@ function createCombatPresets(manifest) {
           velocityMin: 60,
           velocityMax: 180,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 60,
           tint: { r: 255, g: 120, b: 30 },
           scaleMin: 0.15,
@@ -13098,7 +13098,7 @@ function createCombatPresets(manifest) {
           velocityMin: 80,
           velocityMax: 200,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 100,
           tint: { r: 255, g: 200, b: 60 },
           scaleMin: 0.06,
@@ -13141,7 +13141,7 @@ function createCombatPresets(manifest) {
           velocityMin: 30,
           velocityMax: 100,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 100,
           tint: { r: 140, g: 140, b: 140 },
           scaleMin: 0.15,
@@ -13207,7 +13207,7 @@ function createCombatPresets(manifest) {
           spread: 15,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI,
+          angleMin: -PI2,
           angleMax: 0,
           gravity: -30,
           tint: { r: 255, g: 215, b: 50 },
@@ -13226,8 +13226,8 @@ function createCombatPresets(manifest) {
           spread: 8,
           velocityMin: 5,
           velocityMax: 20,
-          angleMin: -PI * 0.7,
-          angleMax: -PI * 0.3,
+          angleMin: -PI2 * 0.7,
+          angleMax: -PI2 * 0.3,
           gravity: -20,
           tint: { r: 255, g: 230, b: 100 },
           scaleMin: 0.2,
@@ -13275,7 +13275,7 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 15,
           velocityMax: 40,
-          angleMin: -PI,
+          angleMin: -PI2,
           angleMax: 0,
           gravity: -20,
           tint: { r: 120, g: 40, b: 160 },
@@ -13293,8 +13293,8 @@ function createCombatPresets(manifest) {
           spread: 10,
           velocityMin: 8,
           velocityMax: 25,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
+          angleMin: -PI2 * 0.8,
+          angleMax: -PI2 * 0.2,
           gravity: -15,
           tint: { r: 100, g: 50, b: 140 },
           scaleMin: 0.2,
@@ -13341,7 +13341,7 @@ function createCombatPresets(manifest) {
           velocityMin: 40,
           velocityMax: 140,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 40,
           tint: { r: 255, g: 140, b: 30 },
           scaleMin: 0.2,
@@ -13359,7 +13359,7 @@ function createCombatPresets(manifest) {
           velocityMin: 60,
           velocityMax: 200,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 60,
           tint: { r: 255, g: 180, b: 60 },
           scaleMin: 0.06,
@@ -13813,7 +13813,7 @@ var Pagination = ({
 Pagination.displayName = "Pagination";
 function normalizeFields(fields) {
   if (!fields) return [];
-  return fields.map((f) => typeof f === "string" ? f : f.key ?? f.name ?? "");
+  return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
 }
 function fieldLabel(key) {
   return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
@@ -13889,8 +13889,8 @@ var CardGrid = ({
     eventBus.emit("UI:PAGINATE", { page: newPage, pageSize });
   };
   const titleField = effectiveFieldNames?.[0];
-  const statusField = effectiveFieldNames?.find((f) => STATUS_FIELDS.has(f.toLowerCase()));
-  const bodyFields = effectiveFieldNames?.filter((f) => f !== titleField && f !== statusField) ?? [];
+  const statusField = effectiveFieldNames?.find((f3) => STATUS_FIELDS.has(f3.toLowerCase()));
+  const bodyFields = effectiveFieldNames?.filter((f3) => f3 !== titleField && f3 !== statusField) ?? [];
   const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
   const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
   const handleActionClick = (action, itemData) => (e) => {
@@ -14300,7 +14300,7 @@ function CastleBoard({
   const [selectedFeature, setSelectedFeature] = useState(null);
   const hoveredFeature = useMemo(() => {
     if (!hoveredTile) return null;
-    return features.find((f) => f.x === hoveredTile.x && f.y === hoveredTile.y) ?? null;
+    return features.find((f3) => f3.x === hoveredTile.x && f3.y === hoveredTile.y) ?? null;
   }, [hoveredTile, features]);
   const hoveredUnit = useMemo(() => {
     if (!hoveredTile) return null;
@@ -14315,7 +14315,7 @@ function CastleBoard({
     [scale, baseOffsetX]
   );
   const handleTileClick = useCallback((x, y) => {
-    const feature = features.find((f) => f.x === x && f.y === y);
+    const feature = features.find((f3) => f3.x === x && f3.y === y);
     if (feature) {
       setSelectedFeature(feature);
       onFeatureClick?.(feature);
@@ -15616,7 +15616,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React112.useCallback(() => {
+  const handleCraft = React114.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -15633,7 +15633,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(React112.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React114.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -15912,8 +15912,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React112.useState(/* @__PURE__ */ new Set());
-  const handlePress = React112.useCallback(
+  const [activeDirections, setActiveDirections] = React114.useState(/* @__PURE__ */ new Set());
+  const handlePress = React114.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -15921,7 +15921,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React112.useCallback(
+  const handleRelease = React114.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -16395,9 +16395,9 @@ var DataGrid = ({
       return next;
     });
   }, [data, selectionEvent, eventBus]);
-  const titleField = fields.find((f) => f.variant === "h3" || f.variant === "h4") ?? fields[0];
-  const badgeFields = fields.filter((f) => f.variant === "badge" && f !== titleField);
-  const bodyFields = fields.filter((f) => f !== titleField && !badgeFields.includes(f));
+  const titleField = fields.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fields[0];
+  const badgeFields = fields.filter((f3) => f3.variant === "badge" && f3 !== titleField);
+  const bodyFields = fields.filter((f3) => f3 !== titleField && !badgeFields.includes(f3));
   const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
   const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
   const handleActionClick = (action, itemData) => (e) => {
@@ -16698,16 +16698,16 @@ var DataList = ({
 }) => {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React112__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React114__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;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
-  const titleField = fields.find((f) => f.variant === "h3" || f.variant === "h4") ?? fields[0];
-  const badgeFields = fields.filter((f) => f.variant === "badge" && f !== titleField);
-  const progressFields = fields.filter((f) => f.variant === "progress");
+  const titleField = fields.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fields[0];
+  const badgeFields = fields.filter((f3) => f3.variant === "badge" && f3 !== titleField);
+  const progressFields = fields.filter((f3) => f3.variant === "progress");
   const bodyFields = fields.filter(
-    (f) => f !== titleField && !badgeFields.includes(f) && !progressFields.includes(f)
+    (f3) => f3 !== titleField && !badgeFields.includes(f3) && !progressFields.includes(f3)
   );
   const handleActionClick = (action, itemData) => (e) => {
     e.stopPropagation();
@@ -16735,14 +16735,14 @@ 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(React112__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React114__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}`;
         const sender = senderField ? String(getNestedValue(itemData, senderField) ?? "") : "";
         const isSent = Boolean(currentUser && sender === currentUser);
         const content = getNestedValue(itemData, contentField);
-        const timestampField = fields.find((f) => f.format === "date");
+        const timestampField = fields.find((f3) => f3.format === "date");
         const timestamp = timestampField ? getNestedValue(itemData, timestampField.name) : null;
         return /* @__PURE__ */ jsx(
           Box,
@@ -16938,7 +16938,7 @@ var DataList = ({
         className
       ),
       children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs(React112__default.Fragment, { children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React114__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)
@@ -17238,7 +17238,7 @@ var FilterGroup = ({
       ) }, filter.field)),
       activeFilterCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         Object.entries(selectedValues).map(([field, value]) => {
-          const filterDef = filters.find((f) => f.field === field);
+          const filterDef = filters.find((f3) => f3.field === field);
           return /* @__PURE__ */ jsxs(
             Badge,
             {
@@ -17907,7 +17907,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(React112__default.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React114__default.Fragment, { children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -18732,7 +18732,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React112.useCallback(
+  const handleSelect = React114.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -18905,15 +18905,15 @@ function GameCanvas2D({
   fps = 60,
   className
 }) {
-  const canvasRef = React112.useRef(null);
-  const rafRef = React112.useRef(0);
-  const frameRef = React112.useRef(0);
-  const lastTimeRef = React112.useRef(0);
-  const onDrawRef = React112.useRef(onDraw);
+  const canvasRef = React114.useRef(null);
+  const rafRef = React114.useRef(0);
+  const frameRef = React114.useRef(0);
+  const lastTimeRef = React114.useRef(0);
+  const onDrawRef = React114.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React112.useRef(onTick);
+  const onTickRef = React114.useRef(onTick);
   onTickRef.current = onTick;
-  React112.useEffect(() => {
+  React114.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -19166,7 +19166,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React112.useCallback(
+  const handleAction = React114.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -19291,7 +19291,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React112.useCallback(
+  const handleCommand = React114.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -19750,7 +19750,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React112.useCallback(
+  const handleOptionClick = React114.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -19873,7 +19873,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React112.useCallback(
+  const handleActionClick = React114.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -20904,7 +20904,7 @@ var UploadDropZone = ({
         if (action) {
           eventBus.emit(`UI:${action}`, {
             ...actionPayload,
-            files: valid.map((f) => ({ name: f.name, size: f.size, type: f.type }))
+            files: valid.map((f3) => ({ name: f3.name, size: f3.size, type: f3.type }))
           });
         }
       }
@@ -22453,19 +22453,19 @@ function renderRichFieldValue(value, fieldName, fieldType) {
 }
 function normalizeFieldDefs(fields) {
   if (!fields) return [];
-  return fields.map((f) => {
-    if (typeof f === "string") return f;
-    if ("key" in f) return f.key;
-    if ("name" in f) return f.name;
-    return String(f);
+  return fields.map((f3) => {
+    if (typeof f3 === "string") return f3;
+    if ("key" in f3) return f3.key;
+    if ("name" in f3) return f3.name;
+    return String(f3);
   });
 }
 function buildFieldTypeMap(fields) {
   const map = {};
   if (!fields) return map;
-  for (const f of fields) {
-    if (typeof f === "object" && "name" in f && "type" in f) {
-      map[f.name] = f.type;
+  for (const f3 of fields) {
+    if (typeof f3 === "object" && "name" in f3 && "type" in f3) {
+      map[f3.name] = f3.type;
     }
   }
   return map;
@@ -22545,22 +22545,22 @@ var DetailPanel = ({
       title = String(normalizedData[primaryField]);
     }
     const statusFields = effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("status") || f.toLowerCase().includes("priority")
+      (f3) => f3.toLowerCase().includes("status") || f3.toLowerCase().includes("priority")
     );
     const progressFields = effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
+      (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
     );
     const metricFields = effectiveFieldNames.filter(
-      (f) => (f.toLowerCase().includes("budget") || f.toLowerCase().includes("cost") || f.toLowerCase().includes("count")) && !progressFields.includes(f)
+      (f3) => (f3.toLowerCase().includes("budget") || f3.toLowerCase().includes("cost") || f3.toLowerCase().includes("count")) && !progressFields.includes(f3)
     );
     const dateFields = effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("date") || f.toLowerCase().includes("time")
+      (f3) => f3.toLowerCase().includes("date") || f3.toLowerCase().includes("time")
     );
     const descriptionFields = effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("description") || f.toLowerCase().includes("note")
+      (f3) => f3.toLowerCase().includes("description") || f3.toLowerCase().includes("note")
     );
     const otherFields = effectiveFieldNames.filter(
-      (f) => f !== primaryField && !statusFields.includes(f) && !progressFields.includes(f) && !metricFields.includes(f) && !dateFields.includes(f) && !descriptionFields.includes(f)
+      (f3) => f3 !== primaryField && !statusFields.includes(f3) && !progressFields.includes(f3) && !metricFields.includes(f3) && !dateFields.includes(f3) && !descriptionFields.includes(f3)
     );
     sections = [];
     if (statusFields.length > 0 || otherFields.length > 0) {
@@ -22713,7 +22713,7 @@ var DetailPanel = ({
     subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: subtitle }),
     /* @__PURE__ */ jsxs(HStack, { gap: "xs", wrap: true, children: [
       normalizedData && effectiveFieldNames && effectiveFieldNames.filter(
-        (f) => f.toLowerCase().includes("status") || f.toLowerCase().includes("priority")
+        (f3) => f3.toLowerCase().includes("status") || f3.toLowerCase().includes("priority")
       ).map((field) => {
         const value = getNestedValue(normalizedData, field);
         if (!value) return null;
@@ -22729,7 +22729,7 @@ var DetailPanel = ({
       status && /* @__PURE__ */ jsx(Badge, { variant: status.variant ?? "default", children: status.label })
     ] }),
     normalizedData && effectiveFieldNames && effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
+      (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
     ).map((field) => {
       const value = getNestedValue(normalizedData, field);
       if (value === void 0 || value === null || typeof value !== "number")
@@ -22973,7 +22973,7 @@ var DocumentViewer = ({
 };
 DocumentViewer.displayName = "DocumentViewer";
 function extractTitle(children) {
-  if (!React112__default.isValidElement(children)) return void 0;
+  if (!React114__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -23025,7 +23025,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(React112__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React114__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -23691,33 +23691,33 @@ 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 = React112__default.useMemo(() => {
+  const entityDerivedFields = React114__default.useMemo(() => {
     if (fields && fields.length > 0) return void 0;
     if (!resolvedEntity) return void 0;
     return resolvedEntity.fields.map(
-      (f) => ({
-        name: f.name,
-        type: f.type,
-        required: f.required,
-        defaultValue: f.default,
-        values: f.values,
-        min: f.min,
-        max: f.max,
-        relation: f.relation ? { entity: f.relation.entity } : void 0
+      (f3) => ({
+        name: f3.name,
+        type: f3.type,
+        required: f3.required,
+        defaultValue: f3.default,
+        values: f3.values,
+        min: f3.min,
+        max: f3.max,
+        relation: f3.relation ? { entity: f3.relation.entity } : void 0
       })
     );
   }, [entity, fields]);
   const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
   const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
   const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-  const [formData, setFormData] = React112__default.useState(
+  const [formData, setFormData] = React114__default.useState(
     normalizedInitialData
   );
-  const [collapsedSections, setCollapsedSections] = React112__default.useState(
+  const [collapsedSections, setCollapsedSections] = React114__default.useState(
     /* @__PURE__ */ new Set()
   );
   const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-  const evalContext = React112__default.useMemo(
+  const evalContext = React114__default.useMemo(
     () => ({
       formValues: formData,
       globalVariables: externalContext?.globalVariables ?? {},
@@ -23726,13 +23726,13 @@ var Form = ({
     }),
     [formData, externalContext]
   );
-  React112__default.useEffect(() => {
+  React114__default.useEffect(() => {
     const data = initialData;
     if (data && Object.keys(data).length > 0) {
       setFormData(data);
     }
   }, [initialData]);
-  const processCalculations = React112__default.useCallback(
+  const processCalculations = React114__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!hiddenCalculations.length) return;
       const context = {
@@ -23757,7 +23757,7 @@ var Form = ({
     },
     [hiddenCalculations, externalContext, eventBus]
   );
-  const checkViolations = React112__default.useCallback(
+  const checkViolations = React114__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!violationTriggers.length) return;
       const context = {
@@ -23794,7 +23794,7 @@ var Form = ({
     processCalculations(name, newFormData);
     checkViolations(name, newFormData);
   };
-  const isFieldVisible = React112__default.useCallback(
+  const isFieldVisible = React114__default.useCallback(
     (fieldName) => {
       const condition = conditionalFields[fieldName];
       if (!condition) return true;
@@ -23802,7 +23802,7 @@ var Form = ({
     },
     [conditionalFields, evalContext]
   );
-  const isSectionVisible = React112__default.useCallback(
+  const isSectionVisible = React114__default.useCallback(
     (section) => {
       if (!section.condition) return true;
       return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -23834,7 +23834,7 @@ var Form = ({
       eventBus.emit(`UI:${onCancel}`);
     }
   };
-  const renderField = React112__default.useCallback(
+  const renderField = React114__default.useCallback(
     (field) => {
       const fieldName = field.name || field.field;
       if (!fieldName) return null;
@@ -23855,11 +23855,11 @@ var Form = ({
     [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
   );
   const effectiveFields = entityDerivedFields ?? fields;
-  const normalizedFields = React112__default.useMemo(() => {
+  const normalizedFields = React114__default.useMemo(() => {
     if (!effectiveFields || effectiveFields.length === 0) return [];
     return effectiveFields.map((field) => {
       if (typeof field === "string") {
-        const entityField = resolvedEntity?.fields?.find((f) => f.name === field);
+        const entityField = resolvedEntity?.fields?.find((f3) => f3.name === field);
         if (entityField) {
           return {
             name: field,
@@ -23877,7 +23877,7 @@ var Form = ({
       return field;
     });
   }, [effectiveFields, resolvedEntity]);
-  const schemaFields = React112__default.useMemo(() => {
+  const schemaFields = React114__default.useMemo(() => {
     if (normalizedFields.length === 0) return null;
     if (isDebugEnabled()) {
       debugGroup(`Form: ${entityName || "unknown"}`);
@@ -23887,7 +23887,7 @@ var Form = ({
     }
     return normalizedFields.map(renderField).filter(Boolean);
   }, [normalizedFields, renderField, entityName, conditionalFields]);
-  const sectionElements = React112__default.useMemo(() => {
+  const sectionElements = React114__default.useMemo(() => {
     if (!sections || sections.length === 0) return null;
     return sections.map((section) => {
       if (!isSectionVisible(section)) {
@@ -25111,7 +25111,7 @@ var Header = ({
 Header.displayName = "Header";
 function normalizeFields2(fields) {
   if (!fields) return [];
-  return fields.map((f) => typeof f === "string" ? f : f.key ?? f.name ?? "");
+  return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
 }
 var STATUS_STYLES2 = {
   complete: {
@@ -25291,7 +25291,7 @@ var List2 = ({
     if (entity && typeof entity === "object" && "id" in entity) return [entity];
     return [];
   }, [entity]);
-  const getItemActions = React112__default.useCallback(
+  const getItemActions = React114__default.useCallback(
     (item) => {
       if (!itemActions) return [];
       if (typeof itemActions === "function") {
@@ -25396,19 +25396,19 @@ var List2 = ({
     const rowActionPayload = { row: item };
     const primaryField = effectiveFieldNames?.[0];
     const statusField = effectiveFieldNames?.find(
-      (f) => f.toLowerCase().includes("status")
+      (f3) => f3.toLowerCase().includes("status")
     );
     const priorityField = effectiveFieldNames?.find(
-      (f) => f.toLowerCase().includes("priority")
+      (f3) => f3.toLowerCase().includes("priority")
     );
     const progressField = effectiveFieldNames?.find(
-      (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
+      (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
     );
     const dateFields = effectiveFieldNames?.filter(
-      (f) => f.toLowerCase().includes("date") || f.toLowerCase().includes("due")
+      (f3) => f3.toLowerCase().includes("date") || f3.toLowerCase().includes("due")
     ) || [];
     const metadataFields = effectiveFieldNames?.filter(
-      (f) => f !== primaryField && f !== statusField && f !== priorityField && f !== progressField && !dateFields.includes(f)
+      (f3) => f3 !== primaryField && f3 !== statusField && f3 !== priorityField && f3 !== progressField && !dateFields.includes(f3)
     ).slice(0, 2) || [];
     const statusValue = statusField ? item._fields?.[statusField] : null;
     statusValue ? getStatusStyle(statusField, String(statusValue)) : null;
@@ -25717,7 +25717,7 @@ var MediaGallery = ({
     [selectable, selectedItems, selectionEvent, eventBus]
   );
   const entityData = Array.isArray(entity) ? entity : [];
-  const items = React112__default.useMemo(() => {
+  const items = React114__default.useMemo(() => {
     if (propItems) return propItems;
     if (entityData.length === 0) return [];
     return entityData.map((record, idx) => ({
@@ -25879,7 +25879,7 @@ var MediaGallery = ({
 };
 MediaGallery.displayName = "MediaGallery";
 function extractTitle2(children) {
-  if (!React112__default.isValidElement(children)) return void 0;
+  if (!React114__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -26549,7 +26549,7 @@ var PageHeader = ({
     info: "bg-[var(--color-info)]/10 text-[var(--color-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(React112__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(React114__default.Fragment, { children: [
       idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
       crumb.href ? /* @__PURE__ */ jsx(
         "a",
@@ -26675,7 +26675,7 @@ function subscribeToDebugEvents(listener) {
 
 // components/organisms/debug/hooks/useDebugData.ts
 function useDebugData() {
-  const [data, setData] = React112.useState(() => ({
+  const [data, setData] = React114.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -26689,7 +26689,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React112.useEffect(() => {
+  React114.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -26958,15 +26958,15 @@ var TYPE_BADGES = {
   state: { variant: "danger", icon: "\u{1F4CA}" }
 };
 function EventFlowTab({ events: events2 }) {
-  const [filter, setFilter] = React112.useState("all");
-  const containerRef = React112.useRef(null);
-  const [autoScroll, setAutoScroll] = React112.useState(true);
-  React112.useEffect(() => {
+  const [filter, setFilter] = React114.useState("all");
+  const containerRef = React114.useRef(null);
+  const [autoScroll, setAutoScroll] = React114.useState(true);
+  React114.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React112.useMemo(() => {
+  const filteredEvents = React114.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -27065,7 +27065,7 @@ function EventFlowTab({ events: events2 }) {
 }
 EventFlowTab.displayName = "EventFlowTab";
 function GuardsPanel({ guards }) {
-  const [filter, setFilter] = React112.useState("all");
+  const [filter, setFilter] = React114.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -27078,7 +27078,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React112.useMemo(() => {
+  const filteredGuards = React114.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -27222,10 +27222,10 @@ function EffectBadge({ effect }) {
   ] });
 }
 function TransitionTimeline({ transitions: transitions2 }) {
-  const containerRef = React112.useRef(null);
-  const [autoScroll, setAutoScroll] = React112.useState(true);
-  const [expandedId, setExpandedId] = React112.useState(null);
-  React112.useEffect(() => {
+  const containerRef = React114.useRef(null);
+  const [autoScroll, setAutoScroll] = React114.useState(true);
+  const [expandedId, setExpandedId] = React114.useState(null);
+  React114.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -27424,9 +27424,9 @@ function extractPayloadFields(schema, eventName) {
       for (const evt of events2) {
         if (evt.name !== eventName) continue;
         const payload = evt.payload ?? [];
-        return payload.map((f) => ({
-          name: f.name,
-          type: f.type ?? "string"
+        return payload.map((f3) => ({
+          name: f3.name,
+          type: f3.type ?? "string"
         }));
       }
     }
@@ -27486,9 +27486,9 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log, setLog] = React112.useState([]);
-  const prevStatesRef = React112.useRef(/* @__PURE__ */ new Map());
-  React112.useEffect(() => {
+  const [log, setLog] = React114.useState([]);
+  const prevStatesRef = React114.useRef(/* @__PURE__ */ new Map());
+  React114.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -27571,10 +27571,10 @@ function RuntimeDebugger({
   defaultTab,
   schema
 }) {
-  const [isCollapsed, setIsCollapsed] = React112.useState(defaultCollapsed);
-  const [isVisible, setIsVisible] = React112.useState(mode === "inline" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React114.useState(defaultCollapsed);
+  const [isVisible, setIsVisible] = React114.useState(mode === "inline" || isDebugEnabled2());
   const debugData = useDebugData();
-  React112.useEffect(() => {
+  React114.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -27583,7 +27583,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React112.useEffect(() => {
+  React114.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -28072,7 +28072,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(React112__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React114__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -28215,7 +28215,7 @@ function SequencerBoard({
           setPlayState("idle");
           setCurrentStep(-1);
           emit("UI:PLAY_SOUND", { key: "fail" });
-          const correctCount2 = feedback.filter((f) => f === "correct").length;
+          const correctCount2 = feedback.filter((f3) => f3 === "correct").length;
           for (let ci = 0; ci < correctCount2; ci++) {
             setTimeout(() => {
               emit("UI:PLAY_SOUND", { key: "correctSlot" });
@@ -28242,8 +28242,8 @@ function SequencerBoard({
   };
   const usedIds = entity.allowDuplicates === false ? slots.filter(Boolean).map((s) => s?.id || "") : [];
   const showHint = attempts >= 3 && !!entity.hint;
-  const hasFeedback = slotFeedback.some((f) => f !== null);
-  const correctCount = slotFeedback.filter((f) => f === "correct").length;
+  const hasFeedback = slotFeedback.some((f3) => f3 !== null);
+  const correctCount = slotFeedback.filter((f3) => f3 === "correct").length;
   const encourageKey = ENCOURAGEMENT_KEYS2[Math.min(attempts - 1, ENCOURAGEMENT_KEYS2.length - 1)] ?? ENCOURAGEMENT_KEYS2[0];
   return /* @__PURE__ */ jsxs(
     VStack,
@@ -29310,7 +29310,7 @@ var StatCard = ({
   const labelToUse = propLabel ?? propTitle;
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const handleActionClick = React112__default.useCallback(() => {
+  const handleActionClick = React114__default.useCallback(() => {
     if (action?.event) {
       eventBus.emit(`UI:${action.event}`, {});
     }
@@ -29321,7 +29321,7 @@ var StatCard = ({
   const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const isLoading = externalLoading ?? false;
   const error = externalError;
-  const computeMetricValue = React112__default.useCallback(
+  const computeMetricValue = React114__default.useCallback(
     (metric, items) => {
       if (metric.value !== void 0) {
         return metric.value;
@@ -29360,7 +29360,7 @@ var StatCard = ({
     },
     []
   );
-  const schemaStats = React112__default.useMemo(() => {
+  const schemaStats = React114__default.useMemo(() => {
     if (!metrics || metrics.length === 0) return null;
     return metrics.map((metric) => ({
       label: metric.label,
@@ -29368,7 +29368,7 @@ var StatCard = ({
       format: metric.format
     }));
   }, [metrics, data, computeMetricValue]);
-  const calculatedTrend = React112__default.useMemo(() => {
+  const calculatedTrend = React114__default.useMemo(() => {
     if (manualTrend !== void 0) return manualTrend;
     if (previousValue === void 0 || currentValue === void 0)
       return void 0;
@@ -30279,23 +30279,23 @@ var Timeline = ({
 }) => {
   const { t } = useTranslate();
   const entityData = Array.isArray(entity) ? entity : [];
-  const items = React112__default.useMemo(() => {
+  const items = React114__default.useMemo(() => {
     if (propItems) return propItems;
     if (entityData.length === 0) return [];
     return entityData.map((record, idx) => {
-      const resolveField = (f) => {
-        if (typeof f === "string") return f;
-        if (f && typeof f === "object" && "name" in f) return String(f.name);
+      const resolveField = (f3) => {
+        if (typeof f3 === "string") return f3;
+        if (f3 && typeof f3 === "object" && "name" in f3) return String(f3.name);
         return "";
       };
       const resolvedFields = fields?.map(resolveField) ?? [];
       const titleField = resolvedFields[0] || "title";
       const descField = resolvedFields[1] || "description";
       const dateField = resolvedFields.find(
-        (f) => f.toLowerCase().includes("date")
+        (f3) => f3.toLowerCase().includes("date")
       ) || "date";
       const statusField = resolvedFields.find(
-        (f) => f.toLowerCase().includes("status")
+        (f3) => f3.toLowerCase().includes("status")
       ) || "status";
       return {
         id: String(record.id ?? idx),
@@ -30381,7 +30381,7 @@ var Timeline = ({
 };
 Timeline.displayName = "Timeline";
 function extractToastProps(children) {
-  if (!React112__default.isValidElement(children)) {
+  if (!React114__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -30412,7 +30412,7 @@ var ToastSlot = ({
     eventBus.emit("UI:CLOSE");
   };
   if (!isVisible) return null;
-  const isCustomContent = React112__default.isValidElement(children) && !message;
+  const isCustomContent = React114__default.isValidElement(children) && !message;
   return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
     Toast,
     {
@@ -30656,7 +30656,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(React112__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React114__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -31022,12 +31022,12 @@ WorldMapTemplate.displayName = "WorldMapTemplate";
 
 // components/organisms/component-registry.generated.ts
 function lazyThree(name, loader) {
-  const Lazy = React112__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React114__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React112__default.createElement(
-      React112__default.Suspense,
+    return React114__default.createElement(
+      React114__default.Suspense,
       { fallback: null },
-      React112__default.createElement(Lazy, props)
+      React114__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -31315,7 +31315,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React112__default.createElement(
+  return React114__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -32026,6 +32026,7 @@ function OrbitalProvider({
 }
 OrbitalProvider.displayName = "OrbitalProvider";
 function enrichFromResponse(node, data) {
+  if (!node || typeof node !== "object") return node ?? {};
   let enriched = node;
   if (Array.isArray(enriched.children)) {
     enriched = {
@@ -32113,7 +32114,7 @@ function ServerBridgeProvider({
             if (effectType === "render-ui") {
               const slot = arr[1];
               const pattern = arr[2];
-              const enriched = enrichFromResponse(pattern, responseData);
+              const enriched = pattern ? enrichFromResponse(pattern, responseData) : void 0;
               effects.push({ type: "render-ui", slot, pattern: enriched });
             } else if (effectType === "navigate") {
               effects.push({ type: "navigate", route: arr[1], params: arr[2] });
@@ -32209,12 +32210,19 @@ function TraitInitializer({ traits: traits2, orbitalNames }) {
   }, [bridge.connected, bridge.sendEvent, orbitalNames, slotsActions]);
   const opts = orbitalNames ? { onEventProcessed } : {};
   const { sendEvent } = useTraitStateMachine(traits2, slotsActions, opts);
+  const initSentRef = useRef(false);
   useEffect(() => {
-    if (orbitalNames?.length) return;
-    const t = setTimeout(() => sendEvent("INIT"), 50);
-    return () => clearTimeout(t);
+    if (!orbitalNames?.length) {
+      const t = setTimeout(() => sendEvent("INIT"), 50);
+      return () => clearTimeout(t);
+    }
+    const fallback = setTimeout(() => {
+      if (!initSentRef.current) {
+        sendEvent("INIT");
+      }
+    }, 5e3);
+    return () => clearTimeout(fallback);
   }, [traits2, orbitalNames, sendEvent]);
-  const initSentRef = useRef(false);
   useEffect(() => {
     if (!bridge.connected || !orbitalNames?.length || initSentRef.current) return;
     initSentRef.current = true;