@almadar/ui 2.61.0 → 3.0.1

package/dist/providers/index.js

@@ -1,7 +1,7 @@
-import * as React116 from 'react';
-import React116__default, { createContext, useContext, useRef, useEffect, useCallback, Suspense, useState, useSyncExternalStore, useMemo, useLayoutEffect, lazy, useId } from 'react';
+import * as React115 from 'react';
+import React115__default, { createContext, useContext, useRef, useEffect, useCallback, Suspense, useState, useMemo, useLayoutEffect, lazy, useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { EventBusContext, useEntityRef as useEntityRef$1 } from '@almadar/ui/providers';
+import { EventBusContext } from '@almadar/ui/providers';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as LucideIcons from 'lucide-react';
@@ -34,6 +34,7 @@ import langDiff from 'react-syntax-highlighter/dist/esm/languages/prism/diff.js'
 import langToml from 'react-syntax-highlighter/dist/esm/languages/prism/toml.js';
 import langGo from 'react-syntax-highlighter/dist/esm/languages/prism/go.js';
 import langGraphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql.js';
+import { isInlineTrait } from '@almadar/core';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -286,7 +287,7 @@ var init_ThemeContext = __esm({
         const newMode = resolvedMode === "dark" ? "light" : "dark";
         setMode(newMode);
       }, [resolvedMode, setMode]);
-      const contextValue2 = useMemo(
+      const contextValue = useMemo(
         () => ({
           theme,
           mode,
@@ -308,7 +309,7 @@ var init_ThemeContext = __esm({
           appliedTheme
         ]
       );
-      return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: contextValue2, children });
+      return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: contextValue, children });
     };
   }
 });
@@ -697,7 +698,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React116__default.forwardRef(
+    Box = React115__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -1396,7 +1397,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React116__default.isValidElement(value)) {
+  if (React115__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -1472,7 +1473,7 @@ var init_Button = __esm({
       md: "h-4 w-4",
       lg: "h-5 w-5"
     };
-    Button = React116__default.forwardRef(
+    Button = React115__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -1575,7 +1576,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React116__default.forwardRef(
+    Badge = React115__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" ? (() => {
@@ -1716,7 +1717,7 @@ var Input;
 var init_Input = __esm({
   "components/atoms/Input.tsx"() {
     init_cn();
-    Input = React116__default.forwardRef(
+    Input = React115__default.forwardRef(
       ({
         className,
         inputType,
@@ -1834,7 +1835,7 @@ var Label;
 var init_Label = __esm({
   "components/atoms/Label.tsx"() {
     init_cn();
-    Label = React116__default.forwardRef(
+    Label = React115__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -1860,7 +1861,7 @@ var Textarea;
 var init_Textarea = __esm({
   "components/atoms/Textarea.tsx"() {
     init_cn();
-    Textarea = React116__default.forwardRef(
+    Textarea = React115__default.forwardRef(
       ({ className, error, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "textarea",
@@ -1889,7 +1890,7 @@ var Select;
 var init_Select = __esm({
   "components/atoms/Select.tsx"() {
     init_cn();
-    Select = React116__default.forwardRef(
+    Select = React115__default.forwardRef(
       ({ className, options, placeholder, error, ...props }, ref) => {
         return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxs(
@@ -1931,7 +1932,7 @@ var Checkbox;
 var init_Checkbox = __esm({
   "components/atoms/Checkbox.tsx"() {
     init_cn();
-    Checkbox = React116__default.forwardRef(
+    Checkbox = React115__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: [
@@ -2013,7 +2014,7 @@ var init_Card = __esm({
       md: "shadow",
       lg: "shadow-lg"
     };
-    Card = React116__default.forwardRef(
+    Card = React115__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -2049,9 +2050,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React116__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React116__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -2064,11 +2065,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React116__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React116__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -2089,7 +2090,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React116__default.forwardRef(
+    Spinner = React115__default.forwardRef(
       ({ className, size = "md", ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "div",
@@ -2537,7 +2538,7 @@ var Radio;
 var init_Radio = __esm({
   "components/atoms/Radio.tsx"() {
     init_cn();
-    Radio = React116__default.forwardRef(
+    Radio = React115__default.forwardRef(
       ({
         label,
         helperText,
@@ -2648,7 +2649,7 @@ var init_Switch = __esm({
   "components/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React116.forwardRef(
+    Switch = React115.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -2659,10 +2660,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React116.useState(
+        const [isChecked, setIsChecked] = React115.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React116.useEffect(() => {
+        React115.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -3088,8 +3089,8 @@ var init_LawReferenceTooltip = __esm({
       position = "top",
       className
     }) => {
-      const [isVisible, setIsVisible] = React116__default.useState(false);
-      const timeoutRef = React116__default.useRef(null);
+      const [isVisible, setIsVisible] = React115__default.useState(false);
+      const timeoutRef = React115__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -3098,7 +3099,7 @@ var init_LawReferenceTooltip = __esm({
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         setIsVisible(false);
       };
-      React116__default.useEffect(() => {
+      React115__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -3308,7 +3309,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React116__default.forwardRef(
+    StatusDot = React115__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -3361,7 +3362,7 @@ var init_TrendIndicator = __esm({
       down: TrendingDown,
       flat: ArrowRight
     };
-    TrendIndicator = React116__default.forwardRef(
+    TrendIndicator = React115__default.forwardRef(
       ({
         className,
         value,
@@ -3428,7 +3429,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React116__default.forwardRef(
+    RangeSlider = React115__default.forwardRef(
       ({
         className,
         min = 0,
@@ -4023,7 +4024,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React116__default.forwardRef(
+    ContentSection = React115__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -4557,7 +4558,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React116__default.forwardRef(
+    AnimatedReveal = React115__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -4717,7 +4718,7 @@ var init_AnimatedGraphic = __esm({
   "components/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React116__default.forwardRef(
+    AnimatedGraphic = React115__default.forwardRef(
       ({
         src,
         svgContent,
@@ -4740,7 +4741,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React116__default.useCallback(
+        const setRef = React115__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -4958,9 +4959,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] = React116.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React116.useState(false);
-  React116.useEffect(() => {
+  const [displayValue, setDisplayValue] = React115.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React115.useState(false);
+  React115.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -5030,9 +5031,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React116.useState(false);
+  const [isPressed, setIsPressed] = React115.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React116.useCallback(
+  const handlePointerDown = React115.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -5042,7 +5043,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React116.useCallback(
+  const handlePointerUp = React115.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -5052,7 +5053,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React116.useCallback(
+  const handlePointerLeave = React115.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -5950,9 +5951,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React116.useRef(null);
-  const frameRef = React116.useRef(0);
-  React116.useEffect(() => {
+  const canvasRef = React115.useRef(null);
+  const frameRef = React115.useRef(0);
+  React115.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -6291,7 +6292,7 @@ var init_ErrorBoundary = __esm({
     "use client";
     init_cn();
     init_ErrorState();
-    ErrorBoundary = class extends React116__default.Component {
+    ErrorBoundary = class extends React115__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -7115,8 +7116,8 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React116__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const trigger = React116__default.cloneElement(triggerElement, {
+      const triggerElement = React115__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const trigger = React115__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -7237,8 +7238,8 @@ var init_Popover = __esm({
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose
       };
-      const childElement = React116__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const triggerElement = React116__default.cloneElement(
+      const childElement = React115__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React115__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -7355,8 +7356,8 @@ var init_Menu = __esm({
         "bottom-start": "top-full left-0 mt-2",
         "bottom-end": "top-full right-0 mt-2"
       };
-      const triggerChild = React116__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-      const triggerElement = React116__default.cloneElement(
+      const triggerChild = React115__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+      const triggerElement = React115__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -7870,13 +7871,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect63, useRef: useRef63, useCallback: useCallback95, useState: useState87 } = React116__default;
+      const { useEffect: useEffect62, useRef: useRef62, useCallback: useCallback95, useState: useState87 } = React115__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef63({ centerLat, centerLng, zoom });
-        useEffect63(() => {
+        const prevRef = useRef62({ centerLat, centerLng, zoom });
+        useEffect62(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -7887,7 +7888,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect63(() => {
+        useEffect62(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -8122,7 +8123,7 @@ function InputPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React116__default.useState(value);
+  const [localValue, setLocalValue] = React115__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8158,7 +8159,7 @@ function TextareaPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React116__default.useState(value);
+  const [localValue, setLocalValue] = React115__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8188,7 +8189,7 @@ function SelectPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React116__default.useState(value);
+  const [localValue, setLocalValue] = React115__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8216,7 +8217,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React116__default.useState(checked);
+  const [localChecked, setLocalChecked] = React115__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -8447,8 +8448,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React116.useState(/* @__PURE__ */ new Set());
-  const handlePress = React116.useCallback(
+  const [activeButtons, setActiveButtons] = React115.useState(/* @__PURE__ */ new Set());
+  const handlePress = React115.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -8456,7 +8457,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React116.useCallback(
+  const handleRelease = React115.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -8858,13 +8859,13 @@ function getState() {
   }
   return { checks: /* @__PURE__ */ new Map(), transitions: [], bridgeHealth: null, listeners: /* @__PURE__ */ new Set() };
 }
-function notifyListeners2() {
+function notifyListeners() {
   getState().listeners.forEach((l) => l());
   exposeOnWindow();
 }
 function registerCheck(id, label, status = "pending", details) {
   getState().checks.set(id, { id, label, status, details, updatedAt: Date.now() });
-  notifyListeners2();
+  notifyListeners();
 }
 function getAllChecks() {
   return Array.from(getState().checks.values());
@@ -8909,7 +8910,7 @@ function recordTransition(trace) {
       failedEffects.map((e) => `${e.type}: ${e.error}`).join("; ")
     );
   }
-  notifyListeners2();
+  notifyListeners();
 }
 function getTransitions() {
   return [...getState().transitions];
@@ -8928,7 +8929,7 @@ function getSummary() {
     pending: allChecks.filter((c) => c.status === "pending").length
   };
 }
-function getSnapshot2() {
+function getSnapshot() {
   return {
     checks: getAllChecks(),
     transitions: getTransitions(),
@@ -8944,7 +8945,7 @@ function exposeOnWindow() {
   if (typeof window === "undefined") return;
   if (!window.__orbitalVerification) {
     window.__orbitalVerification = {
-      getSnapshot: getSnapshot2,
+      getSnapshot,
       getChecks: getAllChecks,
       getTransitions,
       getBridge: getBridgeHealth,
@@ -10442,9 +10443,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/.pnpm/katex@0.16.33/node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/.pnpm/katex@0.16.33/node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;
@@ -10454,7 +10455,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_useTranslate();
     init_cn();
-    MarkdownContent = React116__default.memo(
+    MarkdownContent = React115__default.memo(
       ({ content, direction, className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -10671,7 +10672,7 @@ var init_CodeBlock = __esm({
     loloStyle = { ...dark, ...loloStyleOverrides };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React116__default.memo(
+    CodeBlock = React115__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -11980,7 +11981,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React116__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React115__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -12493,7 +12494,9 @@ function extractTrait(schema, trait, traitIndex) {
   for (const orbital of schema.orbitals) {
     const traits2 = orbital.traits ?? [];
     if (traitIndex < traits2.length) {
-      return traits2[traitIndex];
+      const traitRef = traits2[traitIndex];
+      if (isInlineTrait(traitRef)) return traitRef;
+      return null;
     }
   }
   return null;
@@ -12501,8 +12504,10 @@ function extractTrait(schema, trait, traitIndex) {
 function extractEntityFields(schema) {
   if (!schema?.orbitals?.length) return [];
   const entity = schema.orbitals[0].entity;
-  if (!entity?.fields) return [];
-  return entity.fields.map((f3) => f3.name);
+  if (!entity || typeof entity !== "object" || !("fields" in entity)) return [];
+  const inlineEntity = entity;
+  if (!inlineEntity.fields) return [];
+  return inlineEntity.fields.map((f3) => f3.name);
 }
 function toStateMachineDefinition(sm) {
   return {
@@ -12797,12 +12802,18 @@ var init_ContentRenderer = __esm({
             );
           case "orbital": {
             const parsed = segment.schema;
+            const inlineTrait = {
+              name: "inline",
+              scope: "instance",
+              stateMachine: parsed
+            };
             const schema = Array.isArray(parsed.orbitals) ? parsed : {
+              name: "inline",
               orbitals: [{
-                traits: [{
-                  name: "inline",
-                  stateMachine: parsed
-                }]
+                name: "inline",
+                entity: { name: "inline", fields: [] },
+                traits: [inlineTrait],
+                pages: []
               }]
             };
             return /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
@@ -17747,7 +17758,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React116.useCallback(() => {
+  const handleCraft = React115.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -17764,7 +17775,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(React116.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React115.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -18058,8 +18069,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React116.useState(/* @__PURE__ */ new Set());
-  const handlePress = React116.useCallback(
+  const [activeDirections, setActiveDirections] = React115.useState(/* @__PURE__ */ new Set());
+  const handlePress = React115.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -18067,7 +18078,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React116.useCallback(
+  const handleRelease = React115.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -18934,7 +18945,7 @@ var init_DataList = __esm({
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const [visibleCount, setVisibleCount] = React116__default.useState(pageSize || Infinity);
+      const [visibleCount, setVisibleCount] = React115__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;
@@ -18971,7 +18982,7 @@ var init_DataList = __esm({
         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(React116__default.Fragment, { children: [
+        return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React115__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}`;
@@ -19174,7 +19185,7 @@ var init_DataList = __esm({
             className
           ),
           children: [
-            groups.map((group, gi) => /* @__PURE__ */ jsxs(React116__default.Fragment, { children: [
+            groups.map((group, gi) => /* @__PURE__ */ jsxs(React115__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)
@@ -19380,43 +19391,43 @@ function useQuerySingleton(query) {
   if (!query) {
     return null;
   }
-  const store2 = useMemo(() => getOrCreateStore(query), [query]);
+  const store = useMemo(() => getOrCreateStore(query), [query]);
   useMemo(() => {
     const listener = () => forceUpdate({});
-    store2.listeners.add(listener);
+    store.listeners.add(listener);
     return () => {
-      store2.listeners.delete(listener);
+      store.listeners.delete(listener);
     };
-  }, [store2]);
-  const notifyListeners3 = useCallback(() => {
-    store2.listeners.forEach((listener) => listener());
-  }, [store2]);
+  }, [store]);
+  const notifyListeners2 = useCallback(() => {
+    store.listeners.forEach((listener) => listener());
+  }, [store]);
   const setSearch = useCallback((value) => {
-    store2.search = value;
-    notifyListeners3();
-  }, [store2, notifyListeners3]);
+    store.search = value;
+    notifyListeners2();
+  }, [store, notifyListeners2]);
   const setFilter = useCallback((key, value) => {
-    store2.filters = { ...store2.filters, [key]: value };
-    notifyListeners3();
-  }, [store2, notifyListeners3]);
+    store.filters = { ...store.filters, [key]: value };
+    notifyListeners2();
+  }, [store, notifyListeners2]);
   const clearFilters = useCallback(() => {
-    store2.filters = {};
-    store2.search = "";
-    notifyListeners3();
-  }, [store2, notifyListeners3]);
+    store.filters = {};
+    store.search = "";
+    notifyListeners2();
+  }, [store, notifyListeners2]);
   const setSort = useCallback((field, direction) => {
-    store2.sortField = field;
-    store2.sortDirection = direction;
-    notifyListeners3();
-  }, [store2, notifyListeners3]);
+    store.sortField = field;
+    store.sortDirection = direction;
+    notifyListeners2();
+  }, [store, notifyListeners2]);
   return {
-    search: store2.search,
+    search: store.search,
     setSearch,
-    filters: store2.filters,
+    filters: store.filters,
     setFilter,
     clearFilters,
-    sortField: store2.sortField,
-    sortDirection: store2.sortDirection,
+    sortField: store.sortField,
+    sortDirection: store.sortDirection,
     setSort
   };
 }
@@ -20427,7 +20438,7 @@ var init_WizardProgress = __esm({
           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(React116__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -21338,7 +21349,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React116.useCallback(
+  const handleSelect = React115.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -21551,15 +21562,15 @@ function GameCanvas2D({
   fps = 60,
   className
 }) {
-  const canvasRef = React116.useRef(null);
-  const rafRef = React116.useRef(0);
-  const frameRef = React116.useRef(0);
-  const lastTimeRef = React116.useRef(0);
-  const onDrawRef = React116.useRef(onDraw);
+  const canvasRef = React115.useRef(null);
+  const rafRef = React115.useRef(0);
+  const frameRef = React115.useRef(0);
+  const lastTimeRef = React115.useRef(0);
+  const onDrawRef = React115.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React116.useRef(onTick);
+  const onTickRef = React115.useRef(onTick);
   onTickRef.current = onTick;
-  React116.useEffect(() => {
+  React115.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -21848,7 +21859,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React116.useCallback(
+  const handleAction = React115.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -21994,7 +22005,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React116.useCallback(
+  const handleCommand = React115.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -22479,7 +22490,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React116.useCallback(
+  const handleOptionClick = React115.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -22593,7 +22604,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React116.useCallback(
+  const handleActionClick = React115.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -25697,7 +25708,7 @@ var init_StepFlow = __esm({
       className
     }) => {
       if (orientation === "vertical") {
-        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React116__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(React115__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" })
@@ -25708,7 +25719,7 @@ var init_StepFlow = __esm({
           ] })
         ] }) }, index)) });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React116__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(React115__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 }),
@@ -27820,7 +27831,7 @@ var init_DocumentViewer = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React116__default.isValidElement(children)) return void 0;
+  if (!React115__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -27875,7 +27886,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(React116__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -28642,7 +28653,7 @@ var init_Form = __esm({
       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 = React116__default.useMemo(() => {
+      const entityDerivedFields = React115__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -28661,14 +28672,14 @@ var init_Form = __esm({
       const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
       const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
       const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-      const [formData, setFormData] = React116__default.useState(
+      const [formData, setFormData] = React115__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React116__default.useState(
+      const [collapsedSections, setCollapsedSections] = React115__default.useState(
         /* @__PURE__ */ new Set()
       );
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React116__default.useMemo(
+      const evalContext = React115__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -28677,13 +28688,13 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React116__default.useEffect(() => {
+      React115__default.useEffect(() => {
         const data = initialData;
         if (data && Object.keys(data).length > 0) {
           setFormData(data);
         }
       }, [initialData]);
-      const processCalculations = React116__default.useCallback(
+      const processCalculations = React115__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -28708,7 +28719,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React116__default.useCallback(
+      const checkViolations = React115__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -28745,7 +28756,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React116__default.useCallback(
+      const isFieldVisible = React115__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -28753,7 +28764,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React116__default.useCallback(
+      const isSectionVisible = React115__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -28785,7 +28796,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React116__default.useCallback(
+      const renderField = React115__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -28806,7 +28817,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React116__default.useMemo(() => {
+      const normalizedFields = React115__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -28828,7 +28839,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React116__default.useMemo(() => {
+      const schemaFields = React115__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -28838,7 +28849,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React116__default.useMemo(() => {
+      const sectionElements = React115__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -30335,7 +30346,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React116__default.useCallback(
+      const getItemActions = React115__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -30782,7 +30793,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React116__default.useMemo(() => {
+      const items = React115__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -30946,7 +30957,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React116__default.isValidElement(children)) return void 0;
+  if (!React115__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -31659,7 +31670,7 @@ var init_PageHeader = __esm({
         info: "bg-info/10 text-info"
       };
       return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React116__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(React115__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -31833,7 +31844,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React116.useState(() => ({
+  const [data, setData] = React115.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -31847,7 +31858,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React116.useEffect(() => {
+  React115.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -31956,12 +31967,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React116.useState(null);
-  const [traits2, setTraits] = React116.useState([]);
-  const [coveredEdges, setCoveredEdges] = React116.useState([]);
-  const [completedTraits, setCompletedTraits] = React116.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React116.useRef(null);
-  React116.useEffect(() => {
+  const [walkStep, setWalkStep] = React115.useState(null);
+  const [traits2, setTraits] = React115.useState([]);
+  const [coveredEdges, setCoveredEdges] = React115.useState([]);
+  const [completedTraits, setCompletedTraits] = React115.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React115.useRef(null);
+  React115.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -32408,15 +32419,15 @@ var init_EntitiesTab = __esm({
   }
 });
 function EventFlowTab({ events: events2 }) {
-  const [filter, setFilter] = React116.useState("all");
-  const containerRef = React116.useRef(null);
-  const [autoScroll, setAutoScroll] = React116.useState(true);
-  React116.useEffect(() => {
+  const [filter, setFilter] = React115.useState("all");
+  const containerRef = React115.useRef(null);
+  const [autoScroll, setAutoScroll] = React115.useState(true);
+  React115.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React116.useMemo(() => {
+  const filteredEvents = React115.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -32535,7 +32546,7 @@ var init_EventFlowTab = __esm({
   }
 });
 function GuardsPanel({ guards }) {
-  const [filter, setFilter] = React116.useState("all");
+  const [filter, setFilter] = React115.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -32548,7 +32559,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React116.useMemo(() => {
+  const filteredGuards = React115.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -32709,10 +32720,10 @@ function EffectBadge({ effect }) {
   ] });
 }
 function TransitionTimeline({ transitions }) {
-  const containerRef = React116.useRef(null);
-  const [autoScroll, setAutoScroll] = React116.useState(true);
-  const [expandedId, setExpandedId] = React116.useState(null);
-  React116.useEffect(() => {
+  const containerRef = React115.useRef(null);
+  const [autoScroll, setAutoScroll] = React115.useState(true);
+  const [expandedId, setExpandedId] = React115.useState(null);
+  React115.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -32998,9 +33009,9 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log4, setLog] = React116.useState([]);
-  const prevStatesRef = React116.useRef(/* @__PURE__ */ new Map());
-  React116.useEffect(() => {
+  const [log4, setLog] = React115.useState([]);
+  const prevStatesRef = React115.useRef(/* @__PURE__ */ new Map());
+  React115.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -33170,10 +33181,10 @@ function VerifyModePanel({
   serverCount,
   localCount
 }) {
-  const [expanded, setExpanded] = React116.useState(true);
-  const scrollRef = React116.useRef(null);
-  const prevCountRef = React116.useRef(0);
-  React116.useEffect(() => {
+  const [expanded, setExpanded] = React115.useState(true);
+  const scrollRef = React115.useRef(null);
+  const prevCountRef = React115.useRef(0);
+  React115.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -33239,10 +33250,10 @@ function RuntimeDebugger({
   defaultTab,
   schema
 }) {
-  const [isCollapsed, setIsCollapsed] = React116.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React116.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React115.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React115.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React116.useEffect(() => {
+  React115.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -33251,7 +33262,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React116.useEffect(() => {
+  React115.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -33800,7 +33811,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(React116__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -35145,7 +35156,7 @@ var init_StatCard2 = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React116__default.useCallback(() => {
+      const handleActionClick = React115__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -35156,7 +35167,7 @@ var init_StatCard2 = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React116__default.useCallback(
+      const computeMetricValue = React115__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -35195,7 +35206,7 @@ var init_StatCard2 = __esm({
         },
         []
       );
-      const schemaStats = React116__default.useMemo(() => {
+      const schemaStats = React115__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -35203,7 +35214,7 @@ var init_StatCard2 = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React116__default.useMemo(() => {
+      const calculatedTrend = React115__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -36187,7 +36198,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React116__default.useMemo(() => {
+      const items = React115__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -36291,7 +36302,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React116__default.isValidElement(children)) {
+  if (!React115__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -36329,7 +36340,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React116__default.isValidElement(children) && !message;
+      const isCustomContent = React115__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -36598,7 +36609,7 @@ var init_WizardContainer = __esm({
               const isCompleted = index < currentStep;
               const stepKey = step.id ?? step.tabId ?? `step-${index}`;
               const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-              return /* @__PURE__ */ jsxs(React116__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -36980,12 +36991,12 @@ var init_WorldMapTemplate = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React116__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React115__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React116__default.createElement(
-      React116__default.Suspense,
+    return React115__default.createElement(
+      React115__default.Suspense,
       { fallback: null },
-      React116__default.createElement(Lazy, props)
+      React115__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -37473,7 +37484,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React116__default.createElement(
+  return React115__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -37903,7 +37914,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React116__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React115__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -37956,19 +37967,15 @@ function SlotContentRenderer({
   patternPath
 }) {
   const entityProp = content.props.entity;
-  const entityType = typeof entityProp === "string" ? entityProp : "";
-  const storeData = useEntityRef$1(entityType);
-  React116__default.useEffect(() => {
-    if (!entityType) return;
-    if (typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production") return;
-    if (STRING_ENTITY_WARNED.has(entityType)) return;
-    STRING_ENTITY_WARNED.add(entityType);
-    console.warn(
-      `[UISlotRenderer] String-entity binding '${entityType}' is deprecated. Pass 'items' or 'entity' as a value prop resolved from @payload.data. See docs/Almadar_Entity_V2_Plan.md \xA75.`
-    );
-  }, [entityType]);
+  if (typeof entityProp === "string" && entityProp.length > 0) {
+    if (typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production") {
+      throw new Error(
+        `[UISlotRenderer] Received string 'entity: "${entityProp}"' at render time. The V2 flow requires pre-resolved data; declare a fetch success listener and pass 'entity: @payload.data'. See docs/Almadar_Entity_V2_Plan.md \xA76.`
+      );
+    }
+  }
   const schemaCtx = useEntitySchemaOptional();
-  const entityDef = entityType && schemaCtx ? schemaCtx.entities.get(entityType) : void 0;
+  const entityDef = typeof entityProp === "string" && entityProp.length > 0 && schemaCtx ? schemaCtx.entities.get(entityProp) : void 0;
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
@@ -37977,15 +37984,10 @@ function SlotContentRenderer({
     const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath) : void 0;
     const { children: _childrenConfig, ...restProps } = content.props;
     const renderedProps = renderPatternProps(restProps, onDismiss);
-    let finalProps;
-    const resolvedItems = Array.isArray(renderedProps.items) ? renderedProps.items : entityType ? storeData : null;
-    if (entityType) {
-      finalProps = { ...renderedProps, entity: storeData };
-    } else if (Array.isArray(renderedProps.items)) {
-      finalProps = { ...renderedProps, entity: renderedProps.items };
-    } else {
-      finalProps = renderedProps;
-    }
+    const finalProps = renderedProps;
+    const resolvedItems = Array.isArray(
+      finalProps.entity
+    ) ? finalProps.entity : null;
     if (resolvedItems && resolvedItems.length > 0 && !finalProps.fields && !finalProps.columns) {
       const sample = resolvedItems[0];
       if (sample && typeof sample === "object") {
@@ -37996,9 +37998,6 @@ function SlotContentRenderer({
     const isFormPattern = FORM_PATTERNS.has(content.pattern) || content.pattern.includes("form");
     if (isFormPattern && entityDef && Array.isArray(finalProps.fields)) {
       finalProps.fields = enrichFormFields(finalProps.fields, entityDef);
-      if (finalProps.mode === "edit" && !finalProps.initialData && storeData.length > 0) {
-        finalProps.initialData = storeData[0];
-      }
     }
     const acceptsChildren = PATTERNS_WITH_CHILDREN.has(content.pattern);
     return /* @__PURE__ */ jsx(
@@ -38092,7 +38091,7 @@ function UISlotRenderer({
   }
   return wrapped;
 }
-var TRAIT_BINDING_RE, STRING_ENTITY_WARNED, SuspenseConfigContext, SlotContainedContext, SLOT_SKELETON_MAP, FORM_PATTERNS, PATTERNS_WITH_CHILDREN;
+var TRAIT_BINDING_RE, SuspenseConfigContext, SlotContainedContext, SLOT_SKELETON_MAP, FORM_PATTERNS, PATTERNS_WITH_CHILDREN;
 var init_UISlotRenderer = __esm({
   "components/organisms/UISlotRenderer.tsx"() {
     "use client";
@@ -38109,7 +38108,6 @@ var init_UISlotRenderer = __esm({
     init_TraitFrame();
     init_component_registry_generated();
     TRAIT_BINDING_RE = /^@trait\.([A-Z][A-Za-z0-9]*)$/;
-    STRING_ENTITY_WARNED = /* @__PURE__ */ new Set();
     SuspenseConfigContext = createContext({ enabled: false });
     SlotContainedContext = createContext(false);
     SuspenseConfigProvider.displayName = "SuspenseConfigProvider";
@@ -38159,177 +38157,6 @@ var init_UISlotRenderer = __esm({
 // providers/OrbitalProvider.tsx
 init_ThemeContext();
 
-// providers/EntityStoreProvider.tsx
-init_logger();
-var storeLog = createLogger("almadar:entity:store");
-var store = /* @__PURE__ */ new Map();
-var storeListeners = /* @__PURE__ */ new Set();
-var watchCallbacks = /* @__PURE__ */ new Map();
-function extractId(record) {
-  const r = record;
-  return String(r.id ?? r._id ?? r.key ?? "");
-}
-function materialize(snap) {
-  return snap.ids.map((id) => snap.entities.get(id));
-}
-function notifyListeners(entityType, prev) {
-  for (const listener of storeListeners) {
-    listener();
-  }
-  const cbs = watchCallbacks.get(entityType);
-  if (cbs) {
-    const oldData = prev ? materialize(prev) : [];
-    const cur = store.get(entityType);
-    const newData = cur ? materialize(cur) : [];
-    for (const cb of cbs) {
-      try {
-        cb(oldData, newData);
-      } catch {
-      }
-    }
-  }
-}
-function setAll(entityType, records) {
-  const entities = /* @__PURE__ */ new Map();
-  const ids = [];
-  for (const r of records) {
-    const rec = r;
-    const id = extractId(rec);
-    if (id) {
-      entities.set(id, rec);
-      ids.push(id);
-    }
-  }
-  const prev = store.get(entityType);
-  const newVersion = (prev?.version ?? 0) + 1;
-  store.set(entityType, { entities, ids, version: newVersion });
-  storeLog.debug("setAll", { entityType, recordCount: records.length, version: newVersion });
-  notifyListeners(entityType, prev);
-}
-function upsertOne(entityType, record) {
-  const id = extractId(record);
-  if (!id) return;
-  const prev = store.get(entityType);
-  const snapshot = prev ? { entities: new Map(prev.entities), ids: [...prev.ids], version: prev.version } : { entities: /* @__PURE__ */ new Map(), ids: [], version: 0 };
-  snapshot.entities.set(id, record);
-  if (!snapshot.ids.includes(id)) snapshot.ids.push(id);
-  snapshot.version++;
-  store.set(entityType, snapshot);
-  storeLog.debug("upsertOne", { entityType, id, version: snapshot.version });
-  notifyListeners(entityType, prev);
-}
-function addOne(entityType, record) {
-  upsertOne(entityType, record);
-}
-function updateOne(entityType, id, changes) {
-  const prev = store.get(entityType);
-  if (!prev?.entities.has(id)) return;
-  const snapshot = {
-    entities: new Map(prev.entities),
-    ids: [...prev.ids],
-    version: prev.version
-  };
-  snapshot.entities.set(id, { ...snapshot.entities.get(id), ...changes });
-  snapshot.version++;
-  store.set(entityType, snapshot);
-  storeLog.debug("updateOne", { entityType, id, changedFields: Object.keys(changes), version: snapshot.version });
-  notifyListeners(entityType, prev);
-}
-function removeOne(entityType, id) {
-  const prev = store.get(entityType);
-  if (!prev) return;
-  const snapshot = {
-    entities: new Map(prev.entities),
-    ids: prev.ids.filter((i) => i !== id),
-    version: prev.version
-  };
-  snapshot.entities.delete(id);
-  snapshot.version++;
-  store.set(entityType, snapshot);
-  storeLog.debug("removeOne", { entityType, id, remainingCount: snapshot.ids.length, version: snapshot.version });
-  notifyListeners(entityType, prev);
-}
-function getSnapshot(entityType) {
-  const snap = store.get(entityType);
-  if (!snap) return [];
-  return materialize(snap);
-}
-function getById(entityType, id) {
-  return store.get(entityType)?.entities.get(id) ?? null;
-}
-function getVersion(entityType) {
-  return store.get(entityType)?.version ?? 0;
-}
-function subscribeToStore(listener) {
-  storeListeners.add(listener);
-  return () => {
-    storeListeners.delete(listener);
-  };
-}
-function addWatch(entityType, callback) {
-  let cbs = watchCallbacks.get(entityType);
-  if (!cbs) {
-    cbs = /* @__PURE__ */ new Set();
-    watchCallbacks.set(entityType, cbs);
-  }
-  cbs.add(callback);
-  return () => {
-    cbs.delete(callback);
-  };
-}
-function useEntityRef(entityType) {
-  const versionRef = useRef(0);
-  const dataRef = useRef([]);
-  const getSnapshotStable = React116__default.useCallback(() => {
-    const currentVersion = getVersion(entityType);
-    if (currentVersion !== versionRef.current) {
-      versionRef.current = currentVersion;
-      dataRef.current = getSnapshot(entityType);
-    }
-    return dataRef.current;
-  }, [entityType]);
-  return useSyncExternalStore(subscribeToStore, getSnapshotStable, () => []);
-}
-function useEntityById(entityType, id) {
-  const versionRef = useRef(0);
-  const dataRef = useRef(null);
-  const getSnapshotStable = React116__default.useCallback(() => {
-    if (!id) return null;
-    const currentVersion = getVersion(entityType);
-    if (currentVersion !== versionRef.current) {
-      versionRef.current = currentVersion;
-      dataRef.current = getById(entityType, id);
-    }
-    return dataRef.current;
-  }, [entityType, id]);
-  return useSyncExternalStore(subscribeToStore, getSnapshotStable, () => null);
-}
-function useEntityWatch(entityType, callback) {
-  const callbackRef = useRef(callback);
-  callbackRef.current = callback;
-  useEffect(() => {
-    return addWatch(entityType, (oldData, newData) => {
-      callbackRef.current(oldData, newData);
-    });
-  }, [entityType]);
-}
-var contextValue = {
-  setAll,
-  upsertOne,
-  addOne,
-  updateOne,
-  removeOne,
-  getSnapshot,
-  getById
-};
-var EntityStoreContext = createContext(contextValue);
-function useEntityStore() {
-  return useContext(EntityStoreContext);
-}
-function EntityStoreProvider({ children }) {
-  return /* @__PURE__ */ jsx(EntityStoreContext.Provider, { value: contextValue, children });
-}
-
 // providers/EventBusProvider.tsx
 init_useEventBus();
 init_logger();
@@ -38436,7 +38263,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
       }
     };
   }, [debug2]);
-  const contextValue2 = useMemo(
+  const contextValue = useMemo(
     () => ({
       emit,
       on,
@@ -38449,12 +38276,12 @@ function EventBusProvider({ children, debug: debug2 = false }) {
     [emit, on, once, hasListeners, onAny, getSelectedEntity, clearSelectedEntity]
   );
   useEffect(() => {
-    setGlobalEventBus(contextValue2);
+    setGlobalEventBus(contextValue);
     return () => {
       setGlobalEventBus(null);
     };
-  }, [contextValue2]);
-  return /* @__PURE__ */ jsx(EventBusContext2.Provider, { value: contextValue2, children });
+  }, [contextValue]);
+  return /* @__PURE__ */ jsx(EventBusContext2.Provider, { value: contextValue, children });
 }
 
 // providers/SelectionProvider.tsx
@@ -38527,13 +38354,13 @@ function SelectionProvider({
       unsubCancel();
     };
   }, [eventBus, setSelected, clearSelection, debug2]);
-  const contextValue2 = {
+  const contextValue = {
     selected,
     setSelected,
     clearSelection,
     isSelected
   };
-  return /* @__PURE__ */ jsx(SelectionContext.Provider, { value: contextValue2, children });
+  return /* @__PURE__ */ jsx(SelectionContext.Provider, { value: contextValue, children });
 }
 function useSelection() {
   const context = useContext(SelectionContext);
@@ -38750,7 +38577,7 @@ function OrbitalProvider({
     () => ({ enabled: suspense }),
     [suspense]
   );
-  const inner = /* @__PURE__ */ jsx(EntityStoreProvider, { children: /* @__PURE__ */ jsx(EventBusProvider, { debug: debug2, children: /* @__PURE__ */ jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) }) });
+  const inner = /* @__PURE__ */ jsx(EventBusProvider, { debug: debug2, children: /* @__PURE__ */ jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
   if (skipTheme) {
     return inner;
   }
@@ -38783,7 +38610,7 @@ function FetchedDataProvider({
     },
     [state.data]
   );
-  const getById2 = useCallback(
+  const getById = useCallback(
     (entityName, id) => {
       const records = state.data[entityName];
       return records?.find((r) => r.id === id);
@@ -38847,10 +38674,10 @@ function FetchedDataProvider({
   const setError = useCallback((error) => {
     setState((prev) => ({ ...prev, error, loading: false }));
   }, []);
-  const contextValue2 = useMemo(
+  const contextValue = useMemo(
     () => ({
       getData,
-      getById: getById2,
+      getById,
       hasData,
       getFetchedAt,
       setData,
@@ -38863,7 +38690,7 @@ function FetchedDataProvider({
     }),
     [
       getData,
-      getById2,
+      getById,
       hasData,
       getFetchedAt,
       setData,
@@ -38875,7 +38702,7 @@ function FetchedDataProvider({
       setError
     ]
   );
-  return /* @__PURE__ */ jsx(FetchedDataContext.Provider, { value: contextValue2, children });
+  return /* @__PURE__ */ jsx(FetchedDataContext.Provider, { value: contextValue, children });
 }
 function useFetchedDataContext() {
   return useContext(FetchedDataContext);
@@ -38932,7 +38759,7 @@ function OfflineModeProvider({
   const [forceOffline, setForceOffline] = useState(false);
   const executor = useOfflineExecutor(executorOptions);
   const effectivelyOffline = executor.isOffline || forceOffline;
-  const contextValue2 = useMemo(
+  const contextValue = useMemo(
     () => ({
       ...executor,
       forceOffline,
@@ -38941,7 +38768,7 @@ function OfflineModeProvider({
     }),
     [executor, forceOffline, effectivelyOffline]
   );
-  return /* @__PURE__ */ jsx(OfflineModeContext.Provider, { value: contextValue2, children });
+  return /* @__PURE__ */ jsx(OfflineModeContext.Provider, { value: contextValue, children });
 }
 function useOfflineMode() {
   const context = useContext(OfflineModeContext);
@@ -38954,4 +38781,4 @@ function useOptionalOfflineMode() {
   return useContext(OfflineModeContext);
 }
 
-export { EntityStoreContext, EntityStoreProvider, EventBusContext2 as EventBusContext, EventBusProvider, FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, SelectionContext, SelectionProvider, VerificationProvider, useEntityById, useEntityRef, useEntityStore, useEntityWatch, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional };
+export { EventBusContext2 as EventBusContext, EventBusProvider, FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, SelectionContext, SelectionProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional };