@almadar/ui 4.49.0 → 4.50.1

package/dist/avl/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { OrbitControls as OrbitControls$1, Grid as Grid$1, Stars, Sparkles, Html, RoundedBox } from '@react-three/drei';
-import * as React147 from 'react';
-import React147__default, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback, Suspense, useLayoutEffect, Profiler, useReducer, lazy, useId, forwardRef, useImperativeHandle, Component } from 'react';
+import * as React93 from 'react';
+import React93__default, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback, Suspense, useLayoutEffect, Profiler, useReducer, lazy, useId, forwardRef, useImperativeHandle, Component } from 'react';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import ELK from 'elkjs/lib/elk.bundled.js';
 import { MarkerType, Handle, Position, getBezierPath, EdgeLabelRenderer, BaseEdge, ReactFlowProvider, useNodesState, useEdgesState, useReactFlow, ReactFlow, Controls, Background, BackgroundVariant } from '@xyflow/react';
@@ -34,6 +34,9 @@ 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 { FieldTypeSchema, isInlineTrait, isEntityCall, schemaToIR, getPage, isCircuitEvent } from '@almadar/core';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, useDroppable } from '@dnd-kit/core';
+import { sortableKeyboardCoordinates, arrayMove, useSortable, SortableContext, rectSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
 import { useThree, useFrame, Canvas } from '@react-three/fiber';
 import * as THREE6 from 'three';
 import { Vector3, QuadraticBezierCurve3, MathUtils, Quaternion } from 'three';
@@ -3723,7 +3726,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React147__default.forwardRef(
+    Box = React93__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -4736,7 +4739,7 @@ var init_MiniStateMachine = __esm({
           const x = 2 + i * (NODE_W + GAP + ARROW_W + GAP);
           const tc = transitionCounts[s.name] ?? 0;
           const role = getStateRole(s.name, s.isInitial, s.isTerminal, tc, maxTC);
-          return /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -6198,7 +6201,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React147__default.isValidElement(value)) {
+  if (React93__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -6274,7 +6277,7 @@ var init_Button = __esm({
       md: "h-4 w-4",
       lg: "h-5 w-5"
     };
-    Button = React147__default.forwardRef(
+    Button = React93__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -6377,7 +6380,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React147__default.forwardRef(
+    Badge = React93__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
         const iconSizes3 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
         const resolvedIcon = typeof icon === "string" ? (() => {
@@ -6671,7 +6674,7 @@ var init_SvgFlow = __esm({
       opacity = 1,
       className
     }) => {
-      const markerId = React147__default.useMemo(() => {
+      const markerId = React93__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -7214,7 +7217,7 @@ var init_SvgRing = __esm({
       className,
       label
     }) => {
-      const gradientId = React147__default.useMemo(() => {
+      const gradientId = React93__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -7375,7 +7378,7 @@ var Input;
 var init_Input = __esm({
   "components/atoms/Input.tsx"() {
     init_cn();
-    Input = React147__default.forwardRef(
+    Input = React93__default.forwardRef(
       ({
         className,
         inputType,
@@ -7493,7 +7496,7 @@ var Label;
 var init_Label = __esm({
   "components/atoms/Label.tsx"() {
     init_cn();
-    Label = React147__default.forwardRef(
+    Label = React93__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -7519,7 +7522,7 @@ var Textarea;
 var init_Textarea = __esm({
   "components/atoms/Textarea.tsx"() {
     init_cn();
-    Textarea = React147__default.forwardRef(
+    Textarea = React93__default.forwardRef(
       ({ className, error, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "textarea",
@@ -7548,7 +7551,7 @@ var Select;
 var init_Select = __esm({
   "components/atoms/Select.tsx"() {
     init_cn();
-    Select = React147__default.forwardRef(
+    Select = React93__default.forwardRef(
       ({ className, options, placeholder, error, ...props }, ref) => {
         return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxs(
@@ -7590,7 +7593,7 @@ var Checkbox;
 var init_Checkbox = __esm({
   "components/atoms/Checkbox.tsx"() {
     init_cn();
-    Checkbox = React147__default.forwardRef(
+    Checkbox = React93__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: [
@@ -7672,7 +7675,7 @@ var init_Card = __esm({
       md: "shadow",
       lg: "shadow-lg"
     };
-    Card = React147__default.forwardRef(
+    Card = React93__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -7708,9 +7711,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React147__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React93__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React147__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React93__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -7723,11 +7726,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React147__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React93__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React147__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React93__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -7782,7 +7785,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React147__default.forwardRef(
+    FilterPill = React93__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -7861,7 +7864,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React147__default.forwardRef(
+    Spinner = React93__default.forwardRef(
       ({ className, size = "md", ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "div",
@@ -8309,7 +8312,7 @@ var Radio;
 var init_Radio = __esm({
   "components/atoms/Radio.tsx"() {
     init_cn();
-    Radio = React147__default.forwardRef(
+    Radio = React93__default.forwardRef(
       ({
         label,
         helperText,
@@ -8420,7 +8423,7 @@ var init_Switch = __esm({
   "components/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React147.forwardRef(
+    Switch = React93.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -8431,10 +8434,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React147.useState(
+        const [isChecked, setIsChecked] = React93.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React147.useEffect(() => {
+        React93.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -8768,8 +8771,8 @@ var init_LawReferenceTooltip = __esm({
       position = "top",
       className
     }) => {
-      const [isVisible, setIsVisible] = React147__default.useState(false);
-      const timeoutRef = React147__default.useRef(null);
+      const [isVisible, setIsVisible] = React93__default.useState(false);
+      const timeoutRef = React93__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -8778,7 +8781,7 @@ var init_LawReferenceTooltip = __esm({
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         setIsVisible(false);
       };
-      React147__default.useEffect(() => {
+      React93__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -8988,7 +8991,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React147__default.forwardRef(
+    StatusDot = React93__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -9041,7 +9044,7 @@ var init_TrendIndicator = __esm({
       down: TrendingDown,
       flat: ArrowRight
     };
-    TrendIndicator = React147__default.forwardRef(
+    TrendIndicator = React93__default.forwardRef(
       ({
         className,
         value,
@@ -9108,7 +9111,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React147__default.forwardRef(
+    RangeSlider = React93__default.forwardRef(
       ({
         className,
         min = 0,
@@ -9676,7 +9679,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React147__default.forwardRef(
+    ContentSection = React93__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -10210,7 +10213,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React147__default.forwardRef(
+    AnimatedReveal = React93__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -10370,7 +10373,7 @@ var init_AnimatedGraphic = __esm({
   "components/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React147__default.forwardRef(
+    AnimatedGraphic = React93__default.forwardRef(
       ({
         src,
         svgContent,
@@ -10393,7 +10396,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React147__default.useCallback(
+        const setRef = React93__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -10620,9 +10623,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] = React147.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React147.useState(false);
-  React147.useEffect(() => {
+  const [displayValue, setDisplayValue] = React93.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React93.useState(false);
+  React93.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -10692,9 +10695,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React147.useState(false);
+  const [isPressed, setIsPressed] = React93.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React147.useCallback(
+  const handlePointerDown = React93.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -10704,7 +10707,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React147.useCallback(
+  const handlePointerUp = React93.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -10714,7 +10717,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React147.useCallback(
+  const handlePointerLeave = React93.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -11620,9 +11623,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React147.useRef(null);
-  const frameRef = React147.useRef(0);
-  React147.useEffect(() => {
+  const canvasRef = React93.useRef(null);
+  const frameRef = React93.useRef(0);
+  React93.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -11916,7 +11919,7 @@ var init_ErrorBoundary = __esm({
     "use client";
     init_cn();
     init_ErrorState();
-    ErrorBoundary = class extends React147__default.Component {
+    ErrorBoundary = class extends React93__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -12991,8 +12994,8 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React147__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const trigger = React147__default.cloneElement(triggerElement, {
+      const triggerElement = React93__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const trigger = React93__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -13113,8 +13116,8 @@ var init_Popover = __esm({
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose
       };
-      const childElement = React147__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const triggerElement = React147__default.cloneElement(
+      const childElement = React93__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React93__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -13231,8 +13234,8 @@ var init_Menu = __esm({
         "bottom-start": "top-full left-0 mt-2",
         "bottom-end": "top-full right-0 mt-2"
       };
-      const triggerChild = React147__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-      const triggerElement = React147__default.cloneElement(
+      const triggerChild = React93__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+      const triggerElement = React93__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -13648,7 +13651,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect87, useRef: useRef87, useCallback: useCallback127, useState: useState121 } = React147__default;
+      const { useEffect: useEffect87, useRef: useRef87, useCallback: useCallback127, useState: useState121 } = React93__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -13894,7 +13897,7 @@ function InputPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React147__default.useState(value);
+  const [localValue, setLocalValue] = React93__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -13932,7 +13935,7 @@ function TextareaPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React147__default.useState(value);
+  const [localValue, setLocalValue] = React93__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -13964,7 +13967,7 @@ function SelectPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React147__default.useState(value);
+  const [localValue, setLocalValue] = React93__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -13993,7 +13996,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React147__default.useState(checked);
+  const [localChecked, setLocalChecked] = React93__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -14224,8 +14227,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React147.useState(/* @__PURE__ */ new Set());
-  const handlePress = React147.useCallback(
+  const [activeButtons, setActiveButtons] = React93.useState(/* @__PURE__ */ new Set());
+  const handlePress = React93.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -14233,7 +14236,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React147.useCallback(
+  const handleRelease = React93.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -16297,7 +16300,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_useTranslate();
     init_cn();
-    MarkdownContent = React147__default.memo(
+    MarkdownContent = React93__default.memo(
       ({ content, direction, className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -16515,7 +16518,7 @@ var init_CodeBlock = __esm({
     log8 = createLogger("almadar:ui:markdown-code");
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React147__default.memo(
+    CodeBlock = React93__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -17824,7 +17827,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React147__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React93__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -24268,7 +24271,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React147.useCallback(() => {
+  const handleCraft = React93.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -24285,7 +24288,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(React147.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React93.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -24348,8 +24351,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React147.useState(/* @__PURE__ */ new Set());
-  const handlePress = React147.useCallback(
+  const [activeDirections, setActiveDirections] = React93.useState(/* @__PURE__ */ new Set());
+  const handlePress = React93.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -24357,7 +24360,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React147.useCallback(
+  const handleRelease = React93.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -24857,6 +24860,199 @@ var init_DashboardLayout = __esm({
     NavLink.displayName = "NavLink";
   }
 });
+function useDataDnd(args) {
+  const {
+    dragGroup,
+    accepts,
+    sortable,
+    dropEvent,
+    reorderEvent,
+    dndItemIdField = "id",
+    dndRoot,
+    items,
+    layout
+  } = args;
+  const isZone = Boolean(dragGroup || accepts || sortable);
+  const enabled = isZone || Boolean(dndRoot);
+  const eventBus = useEventBus();
+  const parentRoot = React93__default.useContext(RootCtx);
+  const isRoot = enabled && parentRoot === null;
+  const [localOrder, setLocalOrder] = React93__default.useState(null);
+  const orderedItems = localOrder ?? items;
+  React93__default.useEffect(() => {
+    setLocalOrder(null);
+  }, [items]);
+  const itemIds = React93__default.useMemo(
+    () => orderedItems.map((it, idx) => {
+      const raw = it[dndItemIdField];
+      return raw ?? `__idx_${idx}`;
+    }),
+    [orderedItems, dndItemIdField]
+  );
+  const zonesRef = React93__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React93__default.useCallback((zoneId2, meta2) => {
+    zonesRef.current.set(zoneId2, meta2);
+  }, []);
+  const unregisterZone = React93__default.useCallback((zoneId2) => {
+    zonesRef.current.delete(zoneId2);
+  }, []);
+  const zoneId = React93__default.useId();
+  const ownGroup = dragGroup ?? accepts ?? zoneId;
+  const meta = React93__default.useMemo(
+    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds }),
+    [ownGroup, dropEvent, reorderEvent, itemIds]
+  );
+  React93__default.useEffect(() => {
+    const target = isRoot ? null : parentRoot;
+    if (!target) {
+      zonesRef.current.set(zoneId, meta);
+      return () => zonesRef.current.delete(zoneId);
+    }
+    target.registerZone(zoneId, meta);
+    return () => target.unregisterZone(zoneId);
+  }, [parentRoot, isRoot, zoneId, meta]);
+  const sensors = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
+    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
+  );
+  const findZoneByItem = React93__default.useCallback(
+    (id) => {
+      for (const z of zonesRef.current.values()) {
+        if (z.itemIds.includes(id)) return z;
+      }
+      return void 0;
+    },
+    []
+  );
+  const findZoneByGroup = React93__default.useCallback(
+    (group) => {
+      for (const z of zonesRef.current.values()) {
+        if (z.group === group) return z;
+      }
+      return void 0;
+    },
+    []
+  );
+  const handleDragEnd = React93__default.useCallback(
+    (event) => {
+      const { active, over } = event;
+      if (!over) return;
+      const sourceZone = findZoneByItem(active.id);
+      const overData = over.data?.current;
+      const targetGroup = overData?.dndGroup;
+      if (!sourceZone || !targetGroup) return;
+      const targetZone = findZoneByGroup(targetGroup);
+      if (!targetZone) return;
+      if (sourceZone.group !== targetZone.group) {
+        if (targetZone.dropEvent) {
+          const newIndex2 = targetZone.itemIds.indexOf(over.id);
+          eventBus.emit(targetZone.dropEvent, {
+            id: String(active.id),
+            sourceGroup: sourceZone.group,
+            targetGroup: targetZone.group,
+            newIndex: newIndex2 === -1 ? targetZone.itemIds.length : newIndex2
+          });
+        }
+        return;
+      }
+      const oldIndex = sourceZone.itemIds.indexOf(active.id);
+      const newIndex = sourceZone.itemIds.indexOf(over.id);
+      if (oldIndex === -1 || newIndex === -1 || oldIndex === newIndex) return;
+      if (sourceZone.group === ownGroup) {
+        const reordered = arrayMove(orderedItems, oldIndex, newIndex);
+        setLocalOrder(reordered);
+      }
+      if (sourceZone.reorderEvent) {
+        eventBus.emit(sourceZone.reorderEvent, {
+          id: String(active.id),
+          oldIndex,
+          newIndex
+        });
+      }
+    },
+    [orderedItems, ownGroup, findZoneByItem, findZoneByGroup, eventBus]
+  );
+  const SortableItem = React93__default.useCallback(
+    ({ id, children }) => {
+      const {
+        attributes,
+        listeners: listeners6,
+        setNodeRef,
+        transform,
+        transition,
+        isDragging
+      } = useSortable({ id, data: { dndGroup: ownGroup } });
+      const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0.4 : 1,
+        cursor: enabled ? "grab" : void 0
+      };
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: "touch-none",
+          ref: setNodeRef,
+          style,
+          ...attributes,
+          ...listeners6,
+          children
+        }
+      );
+    },
+    [ownGroup, enabled]
+  );
+  const DropZoneShell = ({ children }) => {
+    const { setNodeRef, isOver } = useDroppable({
+      id: `dnd-zone-${zoneId}`,
+      data: { dndGroup: ownGroup }
+    });
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref: setNodeRef,
+        "data-dnd-zone": ownGroup,
+        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        children
+      }
+    );
+  };
+  const rootContextValue = React93__default.useMemo(
+    () => ({ registerZone, unregisterZone }),
+    [registerZone, unregisterZone]
+  );
+  const wrapContainer = React93__default.useCallback(
+    (children) => {
+      if (!enabled) return children;
+      const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
+      if (!isZone) {
+        if (!isRoot) return children;
+        return /* @__PURE__ */ jsx(RootCtx.Provider, { value: rootContextValue, children: /* @__PURE__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children }) });
+      }
+      const inner = /* @__PURE__ */ jsx(DropZoneShell, { children: /* @__PURE__ */ jsx(SortableContext, { items: itemIds, strategy, children }) });
+      if (isRoot) {
+        return /* @__PURE__ */ jsx(RootCtx.Provider, { value: rootContextValue, children: /* @__PURE__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: inner }) });
+      }
+      return inner;
+    },
+    [enabled, isZone, layout, sensors, handleDragEnd, itemIds, isRoot, rootContextValue]
+  );
+  return {
+    enabled,
+    wrapContainer,
+    SortableItem,
+    orderedItems
+  };
+}
+var RootCtx;
+var init_useDataDnd = __esm({
+  "components/molecules/useDataDnd.tsx"() {
+    "use client";
+    init_useEventBus();
+    init_Box();
+    RootCtx = React93__default.createContext(null);
+  }
+});
 function fieldLabel2(key) {
   return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
@@ -24920,14 +25116,33 @@ function DataGrid({
   hasMore,
   children,
   pageSize = 0,
-  renderItem: schemaRenderItem
+  renderItem: schemaRenderItem,
+  dragGroup,
+  accepts,
+  sortable,
+  dropEvent,
+  reorderEvent,
+  dndItemIdField,
+  dndRoot
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
   const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
   const [visibleCount, setVisibleCount] = useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
-  const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const dnd = useDataDnd({
+    items: allDataRaw,
+    layout: "grid",
+    dragGroup,
+    accepts,
+    sortable,
+    dropEvent,
+    reorderEvent,
+    dndItemIdField,
+    dndRoot
+  });
+  const allData = dnd.orderedItems;
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const toggleSelection = useCallback((id) => {
@@ -24999,196 +25214,205 @@ function DataGrid({
   const allIds = data.map((item, i) => item.id || String(i));
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedIds.has(id));
   const someSelected = selectedIds.size > 0;
-  return /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
-    selectable && someSelected && /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "items-center px-2 py-2 bg-muted rounded-sm", children: [
+  const idFieldName = dndItemIdField ?? "id";
+  return dnd.wrapContainer(
+    /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+      selectable && someSelected && /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "items-center px-2 py-2 bg-muted rounded-sm", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: allSelected,
+            onChange: toggleAll,
+            className: "w-4 h-4 accent-primary",
+            "aria-label": "Select all"
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "font-semibold", children: [
+          selectedIds.size,
+          " ",
+          t("common.selected") || "selected"
+        ] })
+      ] }),
       /* @__PURE__ */ jsx(
-        "input",
+        Box,
         {
-          type: "checkbox",
-          checked: allSelected,
-          onChange: toggleAll,
-          className: "w-4 h-4 accent-primary",
-          "aria-label": "Select all"
-        }
-      ),
-      /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "font-semibold", children: [
-        selectedIds.size,
-        " ",
-        t("common.selected") || "selected"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        className: cn("grid", gapStyles6[gap], colsClass, className),
-        style: gridTemplateColumns ? { gridTemplateColumns } : void 0,
-        children: data.map((item, index) => {
-          const itemData = item;
-          const id = itemData.id || String(index);
-          const isSelected = selectedIds.has(id);
-          if (hasRenderProp) {
-            return /* @__PURE__ */ jsx(
-              Box,
-              {
-                "data-entity-row": true,
-                "data-entity-id": id,
-                className: cn(isSelected && "ring-2 ring-primary rounded-lg"),
-                children: children(itemData, index)
-              },
-              id
-            );
-          }
-          const titleValue = getNestedValue(itemData, titleField?.name ?? "");
-          return /* @__PURE__ */ jsxs(
-            Box,
-            {
-              "data-entity-row": true,
-              "data-entity-id": id,
-              className: cn(
-                "bg-card rounded-lg",
-                "border border-border",
-                "shadow-sm hover:shadow-lg",
-                "hover:border-primary transition-all",
-                "flex flex-col",
-                isSelected && "ring-2 ring-primary border-primary"
-              ),
-              children: [
-                imageField && (() => {
-                  const imgUrl = getNestedValue(itemData, imageField);
-                  if (!imgUrl || typeof imgUrl !== "string") return null;
-                  return /* @__PURE__ */ jsx(Box, { className: "w-full aspect-video overflow-hidden rounded-t-lg", children: /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      src: imgUrl,
-                      alt: titleValue !== void 0 ? String(titleValue) : "",
-                      className: "w-full h-full object-cover",
-                      loading: "lazy"
-                    }
-                  ) });
-                })(),
-                /* @__PURE__ */ jsx(Box, { className: "p-4 pb-0", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "justify-between items-start", children: [
-                  selectable && /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "checkbox",
-                      checked: isSelected,
-                      onChange: () => toggleSelection(id),
-                      onClick: (e) => e.stopPropagation(),
-                      className: "w-4 h-4 mt-1 flex-shrink-0 accent-primary",
-                      "aria-label": `Select ${titleValue !== void 0 ? String(titleValue) : "item"}`
-                    }
+          className: cn("grid", gapStyles6[gap], colsClass, className),
+          style: gridTemplateColumns ? { gridTemplateColumns } : void 0,
+          children: data.map((item, index) => {
+            const itemData = item;
+            const id = itemData.id || String(index);
+            const isSelected = selectedIds.has(id);
+            const dndId = itemData[idFieldName] ?? `__idx_${index}`;
+            const wrapDnd = (node) => dnd.enabled ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
+            if (hasRenderProp) {
+              return wrapDnd(
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    "data-entity-row": true,
+                    "data-entity-id": id,
+                    className: cn(isSelected && "ring-2 ring-primary rounded-lg"),
+                    children: children(itemData, index)
+                  },
+                  id
+                )
+              );
+            }
+            const titleValue = getNestedValue(itemData, titleField?.name ?? "");
+            return wrapDnd(
+              /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  "data-entity-row": true,
+                  "data-entity-id": id,
+                  className: cn(
+                    "bg-card rounded-lg",
+                    "border border-border",
+                    "shadow-sm hover:shadow-lg",
+                    "hover:border-primary transition-all",
+                    "flex flex-col",
+                    isSelected && "ring-2 ring-primary border-primary"
                   ),
-                  /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "flex-1 min-w-0", children: [
-                    titleValue !== void 0 && titleValue !== null && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
-                      titleField?.icon && /* @__PURE__ */ jsx(Icon, { name: titleField.icon, size: "sm", className: "text-primary flex-shrink-0" }),
-                      /* @__PURE__ */ jsx(
-                        Typography,
+                  children: [
+                    imageField && (() => {
+                      const imgUrl = getNestedValue(itemData, imageField);
+                      if (!imgUrl || typeof imgUrl !== "string") return null;
+                      return /* @__PURE__ */ jsx(Box, { className: "w-full aspect-video overflow-hidden rounded-t-lg", children: /* @__PURE__ */ jsx(
+                        "img",
                         {
-                          variant: titleField?.variant === "h3" ? "h3" : "h4",
-                          className: "font-semibold truncate",
-                          children: String(titleValue)
+                          src: imgUrl,
+                          alt: titleValue !== void 0 ? String(titleValue) : "",
+                          className: "w-full h-full object-cover",
+                          loading: "lazy"
                         }
-                      )
-                    ] }),
-                    badgeFields.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap", children: badgeFields.map((field) => {
-                      const val = getNestedValue(itemData, field.name);
-                      if (val === void 0 || val === null) return null;
-                      return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
-                        field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
-                      ] }, field.name);
-                    }) })
-                  ] }),
-                  dangerActions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-shrink-0", children: dangerActions.map((action, idx) => /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "sm",
-                      onClick: handleActionClick(action, itemData),
-                      "data-testid": `action-${action.event}`,
-                      "data-row-id": String(itemData.id),
-                      className: "text-error hover:text-error hover:bg-error/10 px-2",
-                      children: [
-                        action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs" }),
-                        action.label
-                      ]
-                    },
-                    idx
-                  )) })
-                ] }) }),
-                bodyFields.length > 0 && /* @__PURE__ */ jsx(Box, { className: "px-4 py-3 flex-1", children: /* @__PURE__ */ jsx(VStack, { gap: "xs", children: bodyFields.map((field) => {
-                  const value = getNestedValue(itemData, field.name);
-                  if (value === void 0 || value === null || value === "") return null;
-                  if (field.format === "boolean") {
-                    return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "justify-between items-center", children: [
-                      /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
-                        field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel2(field.name) })
+                      ) });
+                    })(),
+                    /* @__PURE__ */ jsx(Box, { className: "p-4 pb-0", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "justify-between items-start", children: [
+                      selectable && /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: isSelected,
+                          onChange: () => toggleSelection(id),
+                          onClick: (e) => e.stopPropagation(),
+                          className: "w-4 h-4 mt-1 flex-shrink-0 accent-primary",
+                          "aria-label": `Select ${titleValue !== void 0 ? String(titleValue) : "item"}`
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "flex-1 min-w-0", children: [
+                        titleValue !== void 0 && titleValue !== null && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+                          titleField?.icon && /* @__PURE__ */ jsx(Icon, { name: titleField.icon, size: "sm", className: "text-primary flex-shrink-0" }),
+                          /* @__PURE__ */ jsx(
+                            Typography,
+                            {
+                              variant: titleField?.variant === "h3" ? "h3" : "h4",
+                              className: "font-semibold truncate",
+                              children: String(titleValue)
+                            }
+                          )
+                        ] }),
+                        badgeFields.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap", children: badgeFields.map((field) => {
+                          const val = getNestedValue(itemData, field.name);
+                          if (val === void 0 || val === null) return null;
+                          return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+                            field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs" }),
+                            /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
+                          ] }, field.name);
+                        }) })
                       ] }),
-                      /* @__PURE__ */ jsx(Badge, { variant: value ? "success" : "neutral", children: value ? t("common.yes") || "Yes" : t("common.no") || "No" })
-                    ] }, field.name);
-                  }
-                  return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "justify-between items-center", children: [
-                    /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
-                      field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel2(field.name) })
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      Typography,
-                      {
-                        variant: field.variant === "caption" ? "caption" : "small",
-                        className: "text-right truncate max-w-[60%]",
-                        children: formatValue(value, field.format)
+                      dangerActions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-shrink-0", children: dangerActions.map((action, idx) => /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          onClick: handleActionClick(action, itemData),
+                          "data-testid": `action-${action.event}`,
+                          "data-row-id": String(itemData.id),
+                          className: "text-error hover:text-error hover:bg-error/10 px-2",
+                          children: [
+                            action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs" }),
+                            action.label
+                          ]
+                        },
+                        idx
+                      )) })
+                    ] }) }),
+                    bodyFields.length > 0 && /* @__PURE__ */ jsx(Box, { className: "px-4 py-3 flex-1", children: /* @__PURE__ */ jsx(VStack, { gap: "xs", children: bodyFields.map((field) => {
+                      const value = getNestedValue(itemData, field.name);
+                      if (value === void 0 || value === null || value === "") return null;
+                      if (field.format === "boolean") {
+                        return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "justify-between items-center", children: [
+                          /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+                            field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
+                            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel2(field.name) })
+                          ] }),
+                          /* @__PURE__ */ jsx(Badge, { variant: value ? "success" : "neutral", children: value ? t("common.yes") || "Yes" : t("common.no") || "No" })
+                        ] }, field.name);
                       }
-                    )
-                  ] }, field.name);
-                }) }) }),
-                primaryActions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "px-4 py-3 mt-auto border-t border-border", children: /* @__PURE__ */ jsx(HStack, { gap: "sm", className: "justify-end", children: primaryActions.map((action, idx) => /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    variant: action.variant === "primary" ? "primary" : "ghost",
-                    size: "sm",
-                    onClick: handleActionClick(action, itemData),
-                    "data-testid": `action-${action.event}`,
-                    "data-row-id": String(itemData.id),
-                    children: [
-                      action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs", className: "mr-1" }),
-                      action.label
-                    ]
-                  },
-                  idx
-                )) }) })
-              ]
-            },
-            id
-          );
-        })
-      }
-    ),
-    hasMoreLocal && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "ghost",
-        size: "sm",
-        onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
-        children: [
-          /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
-          t("common.showMore"),
-          " (",
-          allData.length - visibleCount,
-          " remaining)"
-        ]
-      }
-    ) }),
-    infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsx(
-      InfiniteScrollSentinel,
-      {
-        loadMoreEvent,
-        isLoading,
-        hasMore
-      }
-    )
-  ] });
+                      return /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "justify-between items-center", children: [
+                        /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+                          field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
+                          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel2(field.name) })
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          Typography,
+                          {
+                            variant: field.variant === "caption" ? "caption" : "small",
+                            className: "text-right truncate max-w-[60%]",
+                            children: formatValue(value, field.format)
+                          }
+                        )
+                      ] }, field.name);
+                    }) }) }),
+                    primaryActions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "px-4 py-3 mt-auto border-t border-border", children: /* @__PURE__ */ jsx(HStack, { gap: "sm", className: "justify-end", children: primaryActions.map((action, idx) => /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        variant: action.variant === "primary" ? "primary" : "ghost",
+                        size: "sm",
+                        onClick: handleActionClick(action, itemData),
+                        "data-testid": `action-${action.event}`,
+                        "data-row-id": String(itemData.id),
+                        children: [
+                          action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs", className: "mr-1" }),
+                          action.label
+                        ]
+                      },
+                      idx
+                    )) }) })
+                  ]
+                },
+                id
+              )
+            );
+          })
+        }
+      ),
+      hasMoreLocal && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
+            t("common.showMore"),
+            " (",
+            allData.length - visibleCount,
+            " remaining)"
+          ]
+        }
+      ) }),
+      infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsx(
+        InfiniteScrollSentinel,
+        {
+          loadMoreEvent,
+          isLoading,
+          hasMore
+        }
+      )
+    ] })
+  );
 }
 var dataGridLog, BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
@@ -25205,6 +25429,7 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    init_useDataDnd();
     dataGridLog = createLogger("almadar:ui:data-grid");
     BADGE_VARIANTS = /* @__PURE__ */ new Set([
       "default",
@@ -25299,17 +25524,36 @@ function DataList({
   hasMore,
   children,
   pageSize = 5,
-  renderItem: schemaRenderItem
+  renderItem: schemaRenderItem,
+  dragGroup,
+  accepts,
+  sortable: sortableProp,
+  dropEvent,
+  reorderEvent: dndReorderEvent,
+  dndItemIdField,
+  dndRoot
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React147__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React93__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
-  const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const dnd = useDataDnd({
+    items: allDataRaw,
+    layout: "list",
+    dragGroup,
+    accepts,
+    sortable: sortableProp,
+    dropEvent,
+    reorderEvent: dndReorderEvent,
+    dndItemIdField,
+    dndRoot
+  });
+  const allData = dnd.orderedItems;
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React147__default.useEffect(() => {
+  React93__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -25365,7 +25609,7 @@ function DataList({
     const items2 = data.map((item) => item);
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fieldDefs[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React93__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}`;
@@ -25413,18 +25657,112 @@ function DataList({
   }
   const items = data.map((item) => item);
   const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
+  const idFieldName = dndItemIdField ?? "id";
   const renderItem = (itemData, index, isLast) => {
+    const dndId = itemData[idFieldName] ?? `__idx_${index}`;
+    const wrapDnd = (node) => dnd.enabled ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }) : node;
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
-      return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
-        /* @__PURE__ */ jsxs(Box, { className: "group flex items-stretch gap-2", children: [
-          /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
-          itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(
-            HStack,
-            {
-              gap: "xs",
-              className: "flex-shrink-0",
-              children: itemActions.map((action, idx) => /* @__PURE__ */ jsxs(
+      return wrapDnd(
+        /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+          /* @__PURE__ */ jsxs(Box, { className: "group flex items-stretch gap-2", children: [
+            /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
+            itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(
+              HStack,
+              {
+                gap: "xs",
+                className: "flex-shrink-0",
+                children: itemActions.map((action, idx) => /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: action.variant ?? "ghost",
+                    size: "sm",
+                    onClick: handleActionClick(action, itemData),
+                    "data-testid": `action-${action.event}`,
+                    "data-row-id": String(itemData.id),
+                    className: cn(
+                      action.variant === "danger" && "text-error hover:bg-error/10"
+                    ),
+                    children: [
+                      action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs", className: "mr-1" }),
+                      action.label
+                    ]
+                  },
+                  idx
+                ))
+              }
+            )
+          ] }),
+          isCard && !isLast && /* @__PURE__ */ jsx(Box, { className: "mx-6 border-b border-border/40" })
+        ] }, id2)
+      );
+    }
+    const id = itemData.id || String(index);
+    const titleValue = getNestedValue(itemData, titleField?.name ?? "");
+    return wrapDnd(
+      /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            className: cn(
+              "group flex items-center gap-4 transition-all duration-200",
+              isCompact ? "px-4 py-2" : "px-6 py-4",
+              "hover:bg-muted/80",
+              !isCard && !isCompact && "rounded-lg border border-transparent hover:border-border"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs(Box, { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "items-center", children: [
+                  titleField?.icon && /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      name: titleField.icon,
+                      size: isCompact ? "xs" : "sm",
+                      className: "text-primary flex-shrink-0"
+                    }
+                  ),
+                  titleValue !== void 0 && titleValue !== null && /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      variant: titleField?.variant === "h3" ? "h3" : "h4",
+                      className: cn("font-semibold truncate flex-1", isCompact && "text-sm"),
+                      children: String(titleValue)
+                    }
+                  ),
+                  badgeFields.map((field) => {
+                    const val = getNestedValue(itemData, field.name);
+                    if (val === void 0 || val === null) return null;
+                    return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
+                      field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs" }),
+                      /* @__PURE__ */ jsx(Badge, { variant: statusVariant3(String(val)), children: String(val) })
+                    ] }, field.name);
+                  })
+                ] }),
+                bodyFields.length > 0 && !isCompact && /* @__PURE__ */ jsx(HStack, { gap: "md", className: "mt-1.5 flex-wrap", children: bodyFields.map((field) => {
+                  const value = getNestedValue(itemData, field.name);
+                  if (value === void 0 || value === null || value === "") return null;
+                  return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
+                    field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
+                    /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "secondary", children: [
+                      field.label ?? fieldLabel3(field.name),
+                      ":"
+                    ] }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "small", children: formatValue2(value, field.format) })
+                  ] }, field.name);
+                }) }),
+                progressFields.map((field) => {
+                  const value = getNestedValue(itemData, field.name);
+                  if (typeof value !== "number") return null;
+                  return /* @__PURE__ */ jsxs(Box, { className: "mt-2 max-w-xs", children: [
+                    /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center mb-1", children: [
+                      field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel3(field.name) })
+                    ] }),
+                    /* @__PURE__ */ jsx(ProgressBar, { value, max: 100 })
+                  ] }, field.name);
+                })
+              ] }),
+              itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-shrink-0", children: itemActions.map((action, idx) => /* @__PURE__ */ jsxs(
                 Button,
                 {
                   variant: action.variant ?? "ghost",
@@ -25441,141 +25779,56 @@ function DataList({
                   ]
                 },
                 idx
-              ))
-            }
-          )
-        ] }),
+              )) })
+            ]
+          }
+        ),
         isCard && !isLast && /* @__PURE__ */ jsx(Box, { className: "mx-6 border-b border-border/40" })
-      ] }, id2);
-    }
-    const id = itemData.id || String(index);
-    const titleValue = getNestedValue(itemData, titleField?.name ?? "");
-    return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
-      /* @__PURE__ */ jsxs(
-        Box,
-        {
-          className: cn(
-            "group flex items-center gap-4 transition-all duration-200",
-            isCompact ? "px-4 py-2" : "px-6 py-4",
-            "hover:bg-muted/80",
-            !isCard && !isCompact && "rounded-lg border border-transparent hover:border-border"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs(Box, { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "items-center", children: [
-                titleField?.icon && /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    name: titleField.icon,
-                    size: isCompact ? "xs" : "sm",
-                    className: "text-primary flex-shrink-0"
-                  }
-                ),
-                titleValue !== void 0 && titleValue !== null && /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: titleField?.variant === "h3" ? "h3" : "h4",
-                    className: cn("font-semibold truncate flex-1", isCompact && "text-sm"),
-                    children: String(titleValue)
-                  }
-                ),
-                badgeFields.map((field) => {
-                  const val = getNestedValue(itemData, field.name);
-                  if (val === void 0 || val === null) return null;
-                  return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
-                    field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs" }),
-                    /* @__PURE__ */ jsx(Badge, { variant: statusVariant3(String(val)), children: String(val) })
-                  ] }, field.name);
-                })
-              ] }),
-              bodyFields.length > 0 && !isCompact && /* @__PURE__ */ jsx(HStack, { gap: "md", className: "mt-1.5 flex-wrap", children: bodyFields.map((field) => {
-                const value = getNestedValue(itemData, field.name);
-                if (value === void 0 || value === null || value === "") return null;
-                return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
-                  field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
-                  /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "secondary", children: [
-                    field.label ?? fieldLabel3(field.name),
-                    ":"
-                  ] }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "small", children: formatValue2(value, field.format) })
-                ] }, field.name);
-              }) }),
-              progressFields.map((field) => {
-                const value = getNestedValue(itemData, field.name);
-                if (typeof value !== "number") return null;
-                return /* @__PURE__ */ jsxs(Box, { className: "mt-2 max-w-xs", children: [
-                  /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center mb-1", children: [
-                    field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel3(field.name) })
-                  ] }),
-                  /* @__PURE__ */ jsx(ProgressBar, { value, max: 100 })
-                ] }, field.name);
-              })
-            ] }),
-            itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-shrink-0", children: itemActions.map((action, idx) => /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: action.variant ?? "ghost",
-                size: "sm",
-                onClick: handleActionClick(action, itemData),
-                "data-testid": `action-${action.event}`,
-                "data-row-id": String(itemData.id),
-                className: cn(
-                  action.variant === "danger" && "text-error hover:bg-error/10"
-                ),
-                children: [
-                  action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs", className: "mr-1" }),
-                  action.label
-                ]
-              },
-              idx
-            )) })
-          ]
-        }
-      ),
-      isCard && !isLast && /* @__PURE__ */ jsx(Box, { className: "mx-6 border-b border-border/40" })
-    ] }, id);
+      ] }, id)
+    );
   };
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: cn(
-        isCard && "bg-card rounded-xl border border-border shadow-lg overflow-hidden",
-        !isCard && gapClass,
-        className
-      ),
-      children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs(React147__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)
+  return dnd.wrapContainer(
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: cn(
+          isCard && "bg-card rounded-xl border border-border shadow-lg overflow-hidden",
+          !isCard && gapClass,
+          className
+        ),
+        children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React93__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)
+            )
+          ] }, gi)),
+          hasMoreLocal && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
+                t("common.showMore"),
+                " (",
+                allData.length - visibleCount,
+                " remaining)"
+              ]
+            }
+          ) }),
+          infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsx(
+            InfiniteScrollSentinel,
+            {
+              loadMoreEvent,
+              isLoading,
+              hasMore
+            }
           )
-        ] }, gi)),
-        hasMoreLocal && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
-              t("common.showMore"),
-              " (",
-              allData.length - visibleCount,
-              " remaining)"
-            ]
-          }
-        ) }),
-        infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsx(
-          InfiniteScrollSentinel,
-          {
-            loadMoreEvent,
-            isLoading,
-            hasMore
-          }
-        )
-      ]
-    }
+        ]
+      }
+    )
   );
 }
 var dataListLog;
@@ -25595,6 +25848,7 @@ var init_DataList = __esm({
     init_ProgressBar();
     init_Divider();
     init_InfiniteScrollSentinel();
+    init_useDataDnd();
     dataListLog = createLogger("almadar:ui:data-list");
     DataList.displayName = "DataList";
   }
@@ -26845,7 +27099,7 @@ var init_WizardProgress = __esm({
           children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: normalizedSteps.map((step, index) => {
             const isActive = index === currentStep;
             const isCompleted = index < currentStep;
-            return /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -27756,7 +28010,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React147.useCallback(
+  const handleSelect = React93.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -27969,15 +28223,15 @@ function GameCanvas2D({
   fps = 60,
   className
 }) {
-  const canvasRef = React147.useRef(null);
-  const rafRef = React147.useRef(0);
-  const frameRef = React147.useRef(0);
-  const lastTimeRef = React147.useRef(0);
-  const onDrawRef = React147.useRef(onDraw);
+  const canvasRef = React93.useRef(null);
+  const rafRef = React93.useRef(0);
+  const frameRef = React93.useRef(0);
+  const lastTimeRef = React93.useRef(0);
+  const onDrawRef = React93.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React147.useRef(onTick);
+  const onTickRef = React93.useRef(onTick);
   onTickRef.current = onTick;
-  React147.useEffect(() => {
+  React93.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -28266,7 +28520,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React147.useCallback(
+  const handleAction = React93.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -28412,7 +28666,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React147.useCallback(
+  const handleCommand = React93.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -28897,7 +29151,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React147.useCallback(
+  const handleOptionClick = React93.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -29011,7 +29265,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React147.useCallback(
+  const handleActionClick = React93.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -31638,7 +31892,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(React147__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(React93__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" })
@@ -31649,7 +31903,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(React147__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(React93__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 }),
@@ -32531,7 +32785,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React147__default.forwardRef(
+    LikertScale = React93__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -32543,7 +32797,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React147__default.useId();
+        const groupId = React93__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -34769,7 +35023,7 @@ var init_DocBreadcrumb = __esm({
           "aria-label": "Breadcrumb",
           children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
             const isLast = idx === items.length - 1;
-            return /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -36633,7 +36887,7 @@ var init_DocumentViewer = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React147__default.isValidElement(children)) return void 0;
+  if (!React93__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -36688,7 +36942,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(React147__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -37588,12 +37842,12 @@ var init_Form = __esm({
       const isSchemaEntity = isOrbitalEntitySchema(entity);
       const resolvedEntity = isSchemaEntity ? entity : void 0;
       const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-      const normalizedInitialData = React147__default.useMemo(() => {
+      const normalizedInitialData = React93__default.useMemo(() => {
         const entityRowAsInitial = isPlainEntityRow(entity) ? entity : void 0;
         const callerInitial = initialData !== null && typeof initialData === "object" && !Array.isArray(initialData) ? initialData : {};
         return entityRowAsInitial !== void 0 ? { ...entityRowAsInitial, ...callerInitial } : callerInitial;
       }, [entity, initialData]);
-      const entityDerivedFields = React147__default.useMemo(() => {
+      const entityDerivedFields = React93__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -37612,16 +37866,16 @@ var init_Form = __esm({
       const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
       const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
       const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-      const [formData, setFormData] = React147__default.useState(
+      const [formData, setFormData] = React93__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React147__default.useState(
+      const [collapsedSections, setCollapsedSections] = React93__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React147__default.useState(null);
-      const formRef = React147__default.useRef(null);
+      const [submitError, setSubmitError] = React93__default.useState(null);
+      const formRef = React93__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React147__default.useRef(false);
+      const mountedRef = React93__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -37634,7 +37888,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React147__default.useMemo(
+      const evalContext = React93__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -37643,7 +37897,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React147__default.useEffect(() => {
+      React93__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -37654,7 +37908,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React147__default.useCallback(
+      const processCalculations = React93__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -37679,7 +37933,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React147__default.useCallback(
+      const checkViolations = React93__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -37717,7 +37971,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React147__default.useCallback(
+      const isFieldVisible = React93__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -37725,7 +37979,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React147__default.useCallback(
+      const isSectionVisible = React93__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -37801,7 +38055,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React147__default.useCallback(
+      const renderField = React93__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -37822,7 +38076,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React147__default.useMemo(() => {
+      const normalizedFields = React93__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -37844,7 +38098,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React147__default.useMemo(() => {
+      const schemaFields = React93__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -37854,7 +38108,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React147__default.useMemo(() => {
+      const sectionElements = React93__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -39580,7 +39834,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React147__default.useCallback(
+      const getItemActions = React93__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -40053,7 +40307,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React147__default.useMemo(() => {
+      const items = React93__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -40217,7 +40471,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React147__default.isValidElement(children)) return void 0;
+  if (!React93__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -40930,7 +41184,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(React147__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(React93__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -41245,7 +41499,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React147.useState(() => ({
+  const [data, setData] = React93.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -41259,7 +41513,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React147.useEffect(() => {
+  React93.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -41368,12 +41622,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React147.useState(null);
-  const [traits2, setTraits] = React147.useState([]);
-  const [coveredEdges, setCoveredEdges] = React147.useState([]);
-  const [completedTraits, setCompletedTraits] = React147.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React147.useRef(null);
-  React147.useEffect(() => {
+  const [walkStep, setWalkStep] = React93.useState(null);
+  const [traits2, setTraits] = React93.useState([]);
+  const [coveredEdges, setCoveredEdges] = React93.useState([]);
+  const [completedTraits, setCompletedTraits] = React93.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React93.useRef(null);
+  React93.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -41820,15 +42074,15 @@ var init_EntitiesTab = __esm({
   }
 });
 function EventFlowTab({ events: events2 }) {
-  const [filter, setFilter] = React147.useState("all");
-  const containerRef = React147.useRef(null);
-  const [autoScroll, setAutoScroll] = React147.useState(true);
-  React147.useEffect(() => {
+  const [filter, setFilter] = React93.useState("all");
+  const containerRef = React93.useRef(null);
+  const [autoScroll, setAutoScroll] = React93.useState(true);
+  React93.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React147.useMemo(() => {
+  const filteredEvents = React93.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -41947,7 +42201,7 @@ var init_EventFlowTab = __esm({
   }
 });
 function GuardsPanel({ guards }) {
-  const [filter, setFilter] = React147.useState("all");
+  const [filter, setFilter] = React93.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -41960,7 +42214,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React147.useMemo(() => {
+  const filteredGuards = React93.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -42121,10 +42375,10 @@ function EffectBadge({ effect }) {
   ] });
 }
 function TransitionTimeline({ transitions }) {
-  const containerRef = React147.useRef(null);
-  const [autoScroll, setAutoScroll] = React147.useState(true);
-  const [expandedId, setExpandedId] = React147.useState(null);
-  React147.useEffect(() => {
+  const containerRef = React93.useRef(null);
+  const [autoScroll, setAutoScroll] = React93.useState(true);
+  const [expandedId, setExpandedId] = React93.useState(null);
+  React93.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -42410,9 +42664,9 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log19, setLog] = React147.useState([]);
-  const prevStatesRef = React147.useRef(/* @__PURE__ */ new Map());
-  React147.useEffect(() => {
+  const [log19, setLog] = React93.useState([]);
+  const prevStatesRef = React93.useRef(/* @__PURE__ */ new Map());
+  React93.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -42582,10 +42836,10 @@ function VerifyModePanel({
   serverCount,
   localCount
 }) {
-  const [expanded, setExpanded] = React147.useState(true);
-  const scrollRef = React147.useRef(null);
-  const prevCountRef = React147.useRef(0);
-  React147.useEffect(() => {
+  const [expanded, setExpanded] = React93.useState(true);
+  const scrollRef = React93.useRef(null);
+  const prevCountRef = React93.useRef(0);
+  React93.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -42651,10 +42905,10 @@ function RuntimeDebugger({
   defaultTab,
   schema
 }) {
-  const [isCollapsed, setIsCollapsed] = React147.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React147.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React93.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React93.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React147.useEffect(() => {
+  React93.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -42663,7 +42917,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React147.useEffect(() => {
+  React93.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -43212,7 +43466,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(React147__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -44613,7 +44867,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React147__default.useCallback(() => {
+      const handleActionClick = React93__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -44624,7 +44878,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React147__default.useCallback(
+      const computeMetricValue = React93__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -44663,7 +44917,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React147__default.useMemo(() => {
+      const schemaStats = React93__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -44671,7 +44925,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React147__default.useMemo(() => {
+      const calculatedTrend = React93__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -45807,7 +46061,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React147__default.useMemo(() => {
+      const items = React93__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -45914,7 +46168,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React147__default.isValidElement(children)) {
+  if (!React93__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -45952,7 +46206,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React147__default.isValidElement(children) && !message;
+      const isCustomContent = React93__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -46221,7 +46475,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(React147__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -48414,7 +48668,7 @@ function UnitRenderer({
   onAnimationStateChange,
   animationSpeed = 1
 }) {
-  const handleUnitClick = React147__default.useCallback(
+  const handleUnitClick = React93__default.useCallback(
     (unit) => {
       onUnitClick?.(unit);
     },
@@ -51610,7 +51864,7 @@ var init_Avl3DViewer = __esm({
       const handleTraitClick = useCallback((name) => {
         dispatch({ type: "ZOOM_INTO_TRAIT", trait: name, targetPosition: { x: 0, y: 0 } });
       }, []);
-      const [highlightedTrait, setHighlightedTrait] = React147__default.useState(null);
+      const [highlightedTrait, setHighlightedTrait] = React93__default.useState(null);
       const handleTransitionClick = useCallback((index) => {
         dispatch({ type: "ZOOM_INTO_TRANSITION", transitionIndex: index, targetPosition: { x: 0, y: 0 } });
       }, []);
@@ -51697,7 +51951,7 @@ var init_Avl3DViewer = __esm({
                 gap: "xs",
                 align: "center",
                 className: "absolute top-2 left-2 z-10 bg-surface/80 backdrop-blur rounded-md px-3 py-1.5",
-                children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+                children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
                   i > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", className: "mx-1", children: "/" }),
                   i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx(
                     Box,
@@ -52075,12 +52329,12 @@ var init_three = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React147__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React93__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React147__default.createElement(
-      React147__default.Suspense,
+    return React93__default.createElement(
+      React93__default.Suspense,
       { fallback: null },
-      React147__default.createElement(Lazy, props)
+      React93__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -52684,7 +52938,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React147__default.createElement(
+  return React93__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -53167,7 +53421,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React147__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React93__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -53204,14 +53458,14 @@ function isPatternConfig(value) {
   if (value === null || value === void 0) return false;
   if (typeof value !== "object") return false;
   if (Array.isArray(value)) return false;
-  if (React147__default.isValidElement(value)) return false;
+  if (React93__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
   return "type" in record && typeof record.type === "string";
 }
 function isPlainConfigObject(value) {
-  if (React147__default.isValidElement(value)) return false;
+  if (React93__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -53666,7 +53920,7 @@ var AvlTransition = ({
   opacity = 1,
   className
 }) => {
-  const ids = React147__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlTransitionId += 1;
     return { arrow: `avl-tr-${avlTransitionId}-arrow` };
   }, []);
@@ -54227,7 +54481,7 @@ var AvlStateMachine = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React147__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlSmId += 1;
     const base = `avl-sm-${avlSmId}`;
     return { glow: `${base}-glow`, grad: `${base}-grad` };
@@ -54426,7 +54680,7 @@ var AvlOrbitalUnit = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React147__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlOuId += 1;
     const base = `avl-ou-${avlOuId}`;
     return { glow: `${base}-glow`, grad: `${base}-grad` };
@@ -54522,7 +54776,7 @@ var AvlClosedCircuit = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React147__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlCcId += 1;
     const base = `avl-cc-${avlCcId}`;
     return { glow: `${base}-glow`, grad: `${base}-grad`, arrow: `${base}-arrow` };
@@ -54677,7 +54931,7 @@ var AvlEmitListen = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React147__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlElId += 1;
     const base = `avl-el-${avlElId}`;
     return { arrow: `${base}-arrow`, grad: `${base}-grad` };
@@ -54950,7 +55204,7 @@ function renderNode(node, color, glowId) {
   const baseR = node.type === "operator" ? 20 : 16;
   const r2 = Math.max(baseR, labelLen * 3.5 + 6);
   const nc = nodeColor(node.type, color);
-  return /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+  return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
     node.children.map((child, i) => {
       const childR = Math.max(
         child.type === "operator" ? 20 : 16,
@@ -55007,7 +55261,7 @@ var AvlExprTree = ({
   className,
   color = "var(--color-primary)"
 }) => {
-  const ids = React147__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlEtId += 1;
     return { glow: `avl-et-${avlEtId}-glow` };
   }, []);
@@ -55570,7 +55824,7 @@ var SystemNode = ({ data }) => {
           stateChain.length > 0 && /* @__PURE__ */ jsx("svg", { width: stateChain.length * 14 + 2, height: 10, viewBox: `0 0 ${stateChain.length * 14 + 2} 10`, children: stateChain.map((s, i) => {
             const tc = transitionCounts[s.name] ?? 0;
             const role = getStateRole(s.name, s.isInitial, s.isTerminal, tc, maxTC);
-            return /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
               /* @__PURE__ */ jsx(AvlState, { x: i * 14 + 1, y: 1, width: 10, height: 8, name: "", role, isInitial: s.isInitial, isTerminal: s.isTerminal }),
               i < stateChain.length - 1 && /* @__PURE__ */ jsx("line", { x1: i * 14 + 12, y1: 5, x2: i * 14 + 15, y2: 5, stroke: "var(--color-border)", strokeWidth: 0.5 })
             ] }, s.name);
@@ -56814,7 +57068,7 @@ function resolveLambdaBindings(body, argName, arg) {
   if (Array.isArray(body)) {
     return body.map((b) => resolveLambdaBindings(b, argName, arg));
   }
-  if (body !== null && typeof body === "object" && !React147__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
+  if (body !== null && typeof body === "object" && !React93__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
     const out = {};
     for (const [k, v] of Object.entries(body)) {
       out[k] = resolveLambdaBindings(v, argName, arg);
@@ -56833,7 +57087,7 @@ function getSlotContentRenderer2() {
 function makeLambdaFn(argName, lambdaBody, callerKey) {
   return (item, index) => {
     const resolvedBody = resolveLambdaBindings(lambdaBody, argName, item);
-    if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React147__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
+    if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React93__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
       return null;
     }
     const record = resolvedBody;
@@ -56851,7 +57105,7 @@ function makeLambdaFn(argName, lambdaBody, callerKey) {
       props: childProps,
       priority: 0
     };
-    return React147__default.createElement(SlotContentRenderer2, { content: childContent });
+    return React93__default.createElement(SlotContentRenderer2, { content: childContent });
   };
 }
 function convertNode(node, callerKey) {
@@ -56870,7 +57124,7 @@ function convertNode(node, callerKey) {
     });
     return anyChanged ? mapped : node;
   }
-  if (typeof node === "object" && !React147__default.isValidElement(node) && !(node instanceof Date)) {
+  if (typeof node === "object" && !React93__default.isValidElement(node) && !(node instanceof Date)) {
     return convertObjectProps(node);
   }
   return node;
@@ -58968,7 +59222,7 @@ var OrbPreviewNodeInner = (props) => {
     }
   );
 };
-var OrbPreviewNode = React147__default.memo(OrbPreviewNodeInner);
+var OrbPreviewNode = React93__default.memo(OrbPreviewNodeInner);
 OrbPreviewNode.displayName = "OrbPreviewNode";
 orbPreviewLog.debug("export-resolved", () => ({
   type: typeof OrbPreviewNode,
@@ -59073,7 +59327,7 @@ var EventFlowEdgeInner = (props) => {
     ) })
   ] });
 };
-var EventFlowEdge = React147__default.memo(EventFlowEdgeInner);
+var EventFlowEdge = React93__default.memo(EventFlowEdgeInner);
 EventFlowEdge.displayName = "EventFlowEdge";
 
 // components/molecules/avl/BehaviorComposeNode.tsx
@@ -59220,7 +59474,7 @@ var BehaviorComposeNodeInner = (props) => {
     }
   );
 };
-var BehaviorComposeNode = React147__default.memo(BehaviorComposeNodeInner);
+var BehaviorComposeNode = React93__default.memo(BehaviorComposeNodeInner);
 BehaviorComposeNode.displayName = "BehaviorComposeNode";
 
 // components/molecules/avl/avl-behavior-compose-converter.ts
@@ -60183,7 +60437,7 @@ var ZoomBreadcrumb = ({
   if (eventName && band === "detail") {
     segments.push({ icon: "\u26A1", label: eventName });
   }
-  return /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 z-10 flex items-center gap-1 px-2 py-1 rounded-md bg-card/90 border border-border text-[11px] text-muted-foreground backdrop-blur-sm", children: segments.map((seg, i) => /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 z-10 flex items-center gap-1 px-2 py-1 rounded-md bg-card/90 border border-border text-[11px] text-muted-foreground backdrop-blur-sm", children: segments.map((seg, i) => /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx("span", { className: "opacity-40", children: ">" }),
     /* @__PURE__ */ jsx("span", { className: "opacity-60", children: seg.icon }),
     /* @__PURE__ */ jsx("span", { children: seg.label })
@@ -60662,7 +60916,7 @@ var EventWireOverlay = ({
   containerW,
   containerH
 }) => {
-  const ids = React147__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlOczWireId += 1;
     return { arrow: `avl-ocz-wire-${avlOczWireId}-arrow` };
   }, []);
@@ -61021,7 +61275,7 @@ var AvlOrbitalsCosmicZoom = ({
               borderRadius: 6,
               border: `1px solid ${color}`
             },
-            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
+            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", style: { opacity: 0.5, color }, children: "/" }),
               i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx(
                 Box,