@almadar/ui 4.36.0 → 4.38.0

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React120 from 'react';
-import React120__default, { useContext, useMemo, useRef, useEffect, useCallback, createContext, useState, Suspense, lazy, useSyncExternalStore, useLayoutEffect, useId } from 'react';
+import * as React121 from 'react';
+import React121__default, { useContext, useMemo, useRef, useEffect, useCallback, createContext, useState, Suspense, lazy, useSyncExternalStore, useLayoutEffect, useId } from 'react';
 import { EventBusContext, useTraitScope, TraitScopeProvider } from '@almadar/ui/providers';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, X, AlertTriangle, Info, AlertCircle, CheckCircle, ChevronDown, List, Printer, ChevronRight, ChevronLeft, XCircle, Wrench, RotateCcw, Send, Code, FileText, WrapText, Check, Copy, Trash2, Menu as Menu$1, Search, Bell, LogOut, ChevronUp, MoreHorizontal, Bug, ZoomOut, ZoomIn, Download, Pause, Play, Package, Calendar, Pencil, Eye, Image as Image$1, Upload, ArrowRight, ArrowLeft, Eraser, SkipForward, TrendingUp, TrendingDown, Minus, ArrowUp, ArrowDown, MoreVertical, Circle, Clock, CheckCircle2, HelpCircle, FileQuestion, Inbox, Plus, User, Filter, Star, FileWarning, Camera, RefreshCw, Type, Heading1, Heading2, Heading3, ListOrdered, Quote, MessageSquare, Flag, GitBranch, Trash, GitCommit, AlignLeft, Columns, Tag, DollarSign, Sun, Moon, Zap, Sword, Move, Heart, Shield, Coffee, Users } from 'lucide-react';
@@ -368,7 +368,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React120__default.isValidElement(value)) {
+  if (React121__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -444,7 +444,7 @@ var init_Button = __esm({
       md: "h-4 w-4",
       lg: "h-5 w-5"
     };
-    Button = React120__default.forwardRef(
+    Button = React121__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -509,7 +509,7 @@ var Input;
 var init_Input = __esm({
   "components/atoms/Input.tsx"() {
     init_cn();
-    Input = React120__default.forwardRef(
+    Input = React121__default.forwardRef(
       ({
         className,
         inputType,
@@ -627,7 +627,7 @@ var Label;
 var init_Label = __esm({
   "components/atoms/Label.tsx"() {
     init_cn();
-    Label = React120__default.forwardRef(
+    Label = React121__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -653,7 +653,7 @@ var Textarea;
 var init_Textarea = __esm({
   "components/atoms/Textarea.tsx"() {
     init_cn();
-    Textarea = React120__default.forwardRef(
+    Textarea = React121__default.forwardRef(
       ({ className, error, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "textarea",
@@ -682,7 +682,7 @@ var Select;
 var init_Select = __esm({
   "components/atoms/Select.tsx"() {
     init_cn();
-    Select = React120__default.forwardRef(
+    Select = React121__default.forwardRef(
       ({ className, options, placeholder, error, ...props }, ref) => {
         return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxs(
@@ -724,7 +724,7 @@ var Checkbox;
 var init_Checkbox = __esm({
   "components/atoms/Checkbox.tsx"() {
     init_cn();
-    Checkbox = React120__default.forwardRef(
+    Checkbox = React121__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: [
@@ -806,7 +806,7 @@ var init_Card = __esm({
       md: "shadow",
       lg: "shadow-lg"
     };
-    Card = React120__default.forwardRef(
+    Card = React121__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -842,9 +842,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React120__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React121__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React120__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React121__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -857,11 +857,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React120__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React121__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React120__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React121__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -914,7 +914,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React120__default.forwardRef(
+    Badge = React121__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" ? (() => {
@@ -947,6 +947,7 @@ var variantStyles4, sizeStyles3, iconSizes, FilterPill;
 var init_FilterPill = __esm({
   "components/atoms/FilterPill.tsx"() {
     init_cn();
+    init_useEventBus();
     init_Icon();
     variantStyles4 = {
       default: [
@@ -986,7 +987,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React120__default.forwardRef(
+    FilterPill = React121__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -996,9 +997,21 @@ var init_FilterPill = __esm({
         onRemove,
         removable = true,
         onClick,
+        clickEvent,
+        removeEvent,
         children,
         ...props
       }, ref) => {
+        const eventBus = useEventBus();
+        const payloadLabel = typeof children === "string" || typeof children === "number" ? children : label;
+        const handleClick = useCallback(() => {
+          onClick?.();
+          if (clickEvent) eventBus.emit(`UI:${clickEvent}`, { label: payloadLabel });
+        }, [onClick, clickEvent, eventBus, payloadLabel]);
+        const handleRemove = useCallback(() => {
+          onRemove?.();
+          if (removeEvent) eventBus.emit(`UI:${removeEvent}`, { label: payloadLabel });
+        }, [onRemove, removeEvent, eventBus, payloadLabel]);
         const XIcon = resolveIcon("x");
         const resolvedIcon = typeof icon === "string" ? (() => {
           const I = resolveIcon(icon);
@@ -1012,21 +1025,21 @@ var init_FilterPill = __esm({
               "inline-flex items-center gap-1 font-bold rounded-full",
               variantStyles4[variant],
               sizeStyles3[size],
-              onClick && "cursor-pointer",
+              (onClick || clickEvent) && "cursor-pointer",
               className
             ),
-            onClick,
+            onClick: onClick || clickEvent ? handleClick : void 0,
             ...props,
             children: [
               resolvedIcon,
               /* @__PURE__ */ jsx("span", { children: children ?? label }),
-              removable && onRemove && /* @__PURE__ */ jsx(
+              removable && (onRemove || removeEvent) && /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
                   onClick: (e) => {
                     e.stopPropagation();
-                    onRemove();
+                    handleRemove();
                   },
                   "aria-label": "Remove filter",
                   className: cn(
@@ -1053,7 +1066,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React120__default.forwardRef(
+    Spinner = React121__default.forwardRef(
       ({ className, size = "md", ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "div",
@@ -1334,7 +1347,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React120__default.forwardRef(
+    Box = React121__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -1707,7 +1720,7 @@ var Radio;
 var init_Radio = __esm({
   "components/atoms/Radio.tsx"() {
     init_cn();
-    Radio = React120__default.forwardRef(
+    Radio = React121__default.forwardRef(
       ({
         label,
         helperText,
@@ -1818,7 +1831,7 @@ var init_Switch = __esm({
   "components/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React120.forwardRef(
+    Switch = React121.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -1829,10 +1842,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React120.useState(
+        const [isChecked, setIsChecked] = React121.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React120.useEffect(() => {
+        React121.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -2717,8 +2730,8 @@ var init_LawReferenceTooltip = __esm({
       position = "top",
       className
     }) => {
-      const [isVisible, setIsVisible] = React120__default.useState(false);
-      const timeoutRef = React120__default.useRef(null);
+      const [isVisible, setIsVisible] = React121__default.useState(false);
+      const timeoutRef = React121__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -2727,7 +2740,7 @@ var init_LawReferenceTooltip = __esm({
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         setIsVisible(false);
       };
-      React120__default.useEffect(() => {
+      React121__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -2937,7 +2950,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React120__default.forwardRef(
+    StatusDot = React121__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -2990,7 +3003,7 @@ var init_TrendIndicator = __esm({
       down: TrendingDown,
       flat: ArrowRight
     };
-    TrendIndicator = React120__default.forwardRef(
+    TrendIndicator = React121__default.forwardRef(
       ({
         className,
         value,
@@ -3057,7 +3070,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React120__default.forwardRef(
+    RangeSlider = React121__default.forwardRef(
       ({
         className,
         min = 0,
@@ -3653,7 +3666,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React120__default.forwardRef(
+    ContentSection = React121__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -4187,7 +4200,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React120__default.forwardRef(
+    AnimatedReveal = React121__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -4347,7 +4360,7 @@ var init_AnimatedGraphic = __esm({
   "components/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React120__default.forwardRef(
+    AnimatedGraphic = React121__default.forwardRef(
       ({
         src,
         svgContent,
@@ -4370,7 +4383,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React120__default.useCallback(
+        const setRef = React121__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -5183,7 +5196,7 @@ var init_ErrorBoundary = __esm({
     "use client";
     init_cn();
     init_ErrorState();
-    ErrorBoundary = class extends React120__default.Component {
+    ErrorBoundary = class extends React121__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -5604,8 +5617,8 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React120__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const trigger = React120__default.cloneElement(triggerElement, {
+      const triggerElement = React121__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const trigger = React121__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -5726,8 +5739,8 @@ var init_Popover = __esm({
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose
       };
-      const childElement = React120__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const triggerElement = React120__default.cloneElement(
+      const childElement = React121__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React121__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -5844,8 +5857,8 @@ var init_Menu = __esm({
         "bottom-start": "top-full left-0 mt-2",
         "bottom-end": "top-full right-0 mt-2"
       };
-      const triggerChild = React120__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-      const triggerElement = React120__default.cloneElement(
+      const triggerChild = React121__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+      const triggerElement = React121__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -6364,7 +6377,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect68, useRef: useRef65, useCallback: useCallback120, useState: useState102 } = React120__default;
+      const { useEffect: useEffect68, useRef: useRef65, useCallback: useCallback122, useState: useState102 } = React121__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -6410,7 +6423,7 @@ var init_MapView = __esm({
       }) {
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState102(null);
-        const handleMapClick = useCallback120((lat, lng) => {
+        const handleMapClick = useCallback122((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -6419,7 +6432,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback120((marker) => {
+        const handleMarkerClick = useCallback122((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -6610,7 +6623,7 @@ function InputPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React120__default.useState(value);
+  const [localValue, setLocalValue] = React121__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -6648,7 +6661,7 @@ function TextareaPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React120__default.useState(value);
+  const [localValue, setLocalValue] = React121__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -6680,7 +6693,7 @@ function SelectPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React120__default.useState(value);
+  const [localValue, setLocalValue] = React121__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -6709,7 +6722,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React120__default.useState(checked);
+  const [localChecked, setLocalChecked] = React121__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -7018,9 +7031,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React120.useState(false);
+  const [isPressed, setIsPressed] = React121.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React120.useCallback(
+  const handlePointerDown = React121.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -7030,7 +7043,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React120.useCallback(
+  const handlePointerUp = React121.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -7040,7 +7053,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React120.useCallback(
+  const handlePointerLeave = React121.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -7113,8 +7126,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React120.useState(/* @__PURE__ */ new Set());
-  const handlePress = React120.useCallback(
+  const [activeButtons, setActiveButtons] = React121.useState(/* @__PURE__ */ new Set());
+  const handlePress = React121.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -7122,7 +7135,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React120.useCallback(
+  const handleRelease = React121.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -9056,7 +9069,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_useTranslate();
     init_cn();
-    MarkdownContent = React120__default.memo(
+    MarkdownContent = React121__default.memo(
       ({ content, direction, className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -9273,7 +9286,7 @@ var init_CodeBlock = __esm({
     loloStyle = { ...dark, ...loloStyleOverrides };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React120__default.memo(
+    CodeBlock = React121__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -10582,7 +10595,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React120__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React121__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -16547,7 +16560,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React120.useCallback(() => {
+  const handleCraft = React121.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -16564,7 +16577,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(React120.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React121.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -16858,8 +16871,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap6[size];
-  const [activeDirections, setActiveDirections] = React120.useState(/* @__PURE__ */ new Set());
-  const handlePress = React120.useCallback(
+  const [activeDirections, setActiveDirections] = React121.useState(/* @__PURE__ */ new Set());
+  const handlePress = React121.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -16867,7 +16880,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React120.useCallback(
+  const handleRelease = React121.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -17874,13 +17887,13 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React120__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React121__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React120__default.useEffect(() => {
+  React121__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -17936,7 +17949,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(React120__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React121__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}`;
@@ -18127,7 +18140,7 @@ function DataList({
         className
       ),
       children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs(React120__default.Fragment, { children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React121__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)
@@ -19411,7 +19424,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(React120__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React121__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -20311,9 +20324,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] = React120.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React120.useState(false);
-  React120.useEffect(() => {
+  const [displayValue, setDisplayValue] = React121.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React121.useState(false);
+  React121.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -20463,7 +20476,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React120.useCallback(
+  const handleSelect = React121.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -20745,15 +20758,15 @@ function GameCanvas2D({
   fps = 60,
   className
 }) {
-  const canvasRef = React120.useRef(null);
-  const rafRef = React120.useRef(0);
-  const frameRef = React120.useRef(0);
-  const lastTimeRef = React120.useRef(0);
-  const onDrawRef = React120.useRef(onDraw);
+  const canvasRef = React121.useRef(null);
+  const rafRef = React121.useRef(0);
+  const frameRef = React121.useRef(0);
+  const lastTimeRef = React121.useRef(0);
+  const onDrawRef = React121.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React120.useRef(onTick);
+  const onTickRef = React121.useRef(onTick);
   onTickRef.current = onTick;
-  React120.useEffect(() => {
+  React121.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -21094,7 +21107,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React120.useCallback(
+  const handleAction = React121.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -21240,7 +21253,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React120.useCallback(
+  const handleCommand = React121.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -21725,7 +21738,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React120.useCallback(
+  const handleOptionClick = React121.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -21839,7 +21852,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React120.useCallback(
+  const handleActionClick = React121.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -24970,7 +24983,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(React120__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(React121__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" })
@@ -24981,7 +24994,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(React120__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(React121__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 }),
@@ -25789,6 +25802,7 @@ var init_VoteStack = __esm({
   "components/molecules/VoteStack.tsx"() {
     "use client";
     init_cn();
+    init_useEventBus();
     sizeStyles12 = {
       sm: {
         button: "w-7 h-7",
@@ -25810,6 +25824,7 @@ var init_VoteStack = __esm({
       count,
       userVote = null,
       onVote,
+      voteEvent,
       disabled = false,
       size = "md",
       variant = "vertical",
@@ -25819,12 +25834,21 @@ var init_VoteStack = __esm({
       const styles = sizeStyles12[size];
       const isUp = userVote === "up";
       const isDown = userVote === "down";
+      const eventBus = useEventBus();
       const handleUp = useCallback(() => {
-        onVote?.(isUp ? null : "up");
-      }, [isUp, onVote]);
+        const next = isUp ? null : "up";
+        onVote?.(next);
+        if (voteEvent) {
+          eventBus.emit(`UI:${voteEvent}`, { next });
+        }
+      }, [isUp, onVote, voteEvent, eventBus]);
       const handleDown = useCallback(() => {
-        onVote?.(isDown ? null : "down");
-      }, [isDown, onVote]);
+        const next = isDown ? null : "down";
+        onVote?.(next);
+        if (voteEvent) {
+          eventBus.emit(`UI:${voteEvent}`, { next });
+        }
+      }, [isDown, onVote, voteEvent, eventBus]);
       return /* @__PURE__ */ jsxs(
         "div",
         {
@@ -25911,6 +25935,7 @@ var init_LikertScale = __esm({
   "components/molecules/LikertScale.tsx"() {
     "use client";
     init_cn();
+    init_useEventBus();
     init_Box();
     init_Button();
     init_Label();
@@ -25937,24 +25962,29 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React120__default.forwardRef(
+    LikertScale = React121__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
         value = null,
         onChange,
+        changeEvent,
         disabled = false,
         size = "md",
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React120__default.useId();
+        const groupId = React121__default.useId();
+        const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
             if (disabled) return;
             onChange?.(next);
+            if (changeEvent) {
+              eventBus.emit(`UI:${changeEvent}`, { value: next });
+            }
           },
-          [disabled, onChange]
+          [disabled, onChange, changeEvent, eventBus]
         );
         return /* @__PURE__ */ jsxs(
           Box,
@@ -26076,6 +26106,7 @@ var init_MatrixQuestion = __esm({
     init_Typography();
     init_Box();
     init_Radio();
+    init_useEventBus();
     DEFAULT_MATRIX_COLUMNS = [
       { value: 1, label: "Strongly Disagree" },
       { value: 2, label: "Disagree" },
@@ -26101,6 +26132,7 @@ var init_MatrixQuestion = __esm({
       columns = DEFAULT_MATRIX_COLUMNS,
       values,
       onChange,
+      changeEvent,
       disabled = false,
       size = "md",
       className
@@ -26108,12 +26140,16 @@ var init_MatrixQuestion = __esm({
       const styles = sizeStyles13[size];
       const safeRows = rows ?? [];
       const safeValues = values ?? {};
+      const eventBus = useEventBus();
       const handleChange = useCallback(
         (rowId, value) => {
           if (disabled) return;
           onChange?.(rowId, value);
+          if (changeEvent) {
+            eventBus.emit(`UI:${changeEvent}`, { rowId, value });
+          }
         },
-        [onChange, disabled]
+        [onChange, changeEvent, eventBus, disabled]
       );
       return /* @__PURE__ */ jsxs(Box, { className: cn("w-full", className), children: [
         title && /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "mb-3", children: title }),
@@ -26218,8 +26254,10 @@ var init_QrScanner = __esm({
     "use client";
     init_cn();
     init_atoms();
+    init_useEventBus();
     QrScanner = ({
       onScan,
+      scanEvent,
       onError,
       facingMode = "environment",
       paused = false,
@@ -26228,6 +26266,7 @@ var init_QrScanner = __esm({
       fallback,
       className
     }) => {
+      const eventBus = useEventBus();
       const videoRef = useRef(null);
       const streamRef = useRef(null);
       const scanIntervalRef = useRef(null);
@@ -26305,12 +26344,16 @@ var init_QrScanner = __esm({
         setIsPaused((p2) => !p2);
       }, []);
       const handleMockScan = useCallback(() => {
-        onScan?.({
+        const result = {
           text: "https://example.com/mock-qr",
           format: "QR_CODE",
           timestamp: Date.now()
-        });
-      }, [onScan]);
+        };
+        onScan?.(result);
+        if (scanEvent) {
+          eventBus.emit(`UI:${scanEvent}`, { ...result });
+        }
+      }, [onScan, scanEvent, eventBus]);
       const videoExtraProps = {
         playsInline: true,
         muted: true
@@ -26436,6 +26479,7 @@ var formatPriceDelta, constraintHint, validateSelection, OptionConstraintGroup;
 var init_OptionConstraintGroup = __esm({
   "components/molecules/OptionConstraintGroup.tsx"() {
     init_cn();
+    init_useEventBus();
     init_Typography();
     init_Box();
     init_Label();
@@ -26486,25 +26530,32 @@ var init_OptionConstraintGroup = __esm({
       constraint,
       selected = [],
       onChange,
+      changeEvent,
       size = "md",
       className
     }) => {
+      const eventBus = useEventBus();
       const hint = constraintHint(constraint);
       const error = validateSelection(selected, constraint);
       const inputName = `option-${groupId}`;
       const labelTextSize = size === "sm" ? "text-sm" : "text-base";
       const optionGap = size === "sm" ? "gap-2" : "gap-2.5";
+      const emitChange = useCallback((next) => {
+        onChange?.(next);
+        if (changeEvent) {
+          eventBus.emit(`UI:${changeEvent}`, { selected: next });
+        }
+      }, [onChange, changeEvent, eventBus]);
       const toggle = (optionId, checked) => {
-        if (!onChange) return;
         if (constraint.type === "single") {
-          onChange(checked ? [optionId] : []);
+          emitChange(checked ? [optionId] : []);
           return;
         }
         if (checked) {
           if (selected.includes(optionId)) return;
-          onChange([...selected, optionId]);
+          emitChange([...selected, optionId]);
         } else {
-          onChange(selected.filter((id) => id !== optionId));
+          emitChange(selected.filter((id) => id !== optionId));
         }
       };
       return /* @__PURE__ */ jsxs(
@@ -26628,6 +26679,7 @@ var init_PositionedCanvas = __esm({
   "components/molecules/PositionedCanvas.tsx"() {
     "use client";
     init_cn();
+    init_useEventBus();
     init_atoms();
     STATUS_CLASSES = {
       empty: "bg-surface border-border text-foreground",
@@ -26651,11 +26703,14 @@ var init_PositionedCanvas = __esm({
       editable = false,
       onSelect,
       onMove,
+      selectEvent,
+      moveEvent,
       className
     }) => {
       const containerRef = useRef(null);
       const dragRef = useRef(null);
       const [draggingId, setDraggingId] = useState(null);
+      const eventBus = useEventBus();
       const items = Array.isArray(itemsProp) ? itemsProp : [];
       const handlePointerDown = useCallback(
         (e, item) => {
@@ -26689,8 +26744,11 @@ var init_PositionedCanvas = __esm({
           const clampedY = Math.max(0, Math.min(height - itemHeight, newY));
           drag.moved = true;
           onMove?.(drag.id, clampedX, clampedY);
+          if (moveEvent) {
+            eventBus.emit(`UI:${moveEvent}`, { id: drag.id, x: clampedX, y: clampedY });
+          }
         },
-        [width, height, onMove]
+        [width, height, onMove, moveEvent, eventBus]
       );
       const handlePointerUp = useCallback(
         (e, item) => {
@@ -26706,17 +26764,23 @@ var init_PositionedCanvas = __esm({
           if (!wasDrag) {
             const next = selectedId === item.id ? null : item.id;
             onSelect?.(next);
+            if (selectEvent) {
+              eventBus.emit(`UI:${selectEvent}`, { id: next });
+            }
           }
         },
-        [selectedId, onSelect]
+        [selectedId, onSelect, selectEvent, eventBus]
       );
       const handleContainerClick = useCallback(
         (e) => {
           if (e.target === e.currentTarget) {
             onSelect?.(null);
+            if (selectEvent) {
+              eventBus.emit(`UI:${selectEvent}`, { id: null });
+            }
           }
         },
-        [onSelect]
+        [onSelect, selectEvent, eventBus]
       );
       return /* @__PURE__ */ jsx(
         Box,
@@ -27347,6 +27411,7 @@ var init_RichBlockEditor = __esm({
     init_Box();
     init_Divider();
     init_Input();
+    init_useEventBus();
     TOOLBAR_ENTRIES = [
       { type: "paragraph", label: "Text", icon: Type },
       { type: "heading-1", label: "H1", icon: Heading1 },
@@ -27385,6 +27450,7 @@ var init_RichBlockEditor = __esm({
     RichBlockEditor = ({
       initialBlocks,
       onChange,
+      changeEvent,
       readOnly = false,
       placeholder,
       showToolbar = true,
@@ -27397,10 +27463,17 @@ var init_RichBlockEditor = __esm({
       useEffect(() => {
         onChangeRef.current = onChange;
       }, [onChange]);
+      const eventBus = useEventBus();
+      const changeEventRef = useRef(changeEvent);
+      useEffect(() => {
+        changeEventRef.current = changeEvent;
+      }, [changeEvent]);
       const commit = useCallback((next) => {
         setBlocks(next);
         onChangeRef.current?.(next);
-      }, []);
+        const evt = changeEventRef.current;
+        if (evt) eventBus.emit(`UI:${evt}`, { blocks: next });
+      }, [eventBus]);
       const handleAppend = useCallback(
         (type) => {
           if (readOnly) return;
@@ -27514,6 +27587,7 @@ var init_ReplyTree = __esm({
   "components/molecules/ReplyTree.tsx"() {
     "use client";
     init_cn();
+    init_useEventBus();
     init_atoms();
     init_VoteStack();
     ReplyTreeNode = ({
@@ -27526,26 +27600,35 @@ var init_ReplyTree = __esm({
       onReply,
       onFlag,
       onContinueThread,
+      voteEvent,
+      replyEvent,
+      flagEvent,
+      continueThreadEvent,
       showActions
     }) => {
+      const eventBus = useEventBus();
       const hasReplies = !!node.replies && node.replies.length > 0;
       const isCollapsed = collapsedSet.has(node.id);
       const atMaxDepth = depth >= maxDepth;
       const handleVote = useCallback(
         (next) => {
           onVote?.(node.id, next);
+          if (voteEvent) eventBus.emit(`UI:${voteEvent}`, { nodeId: node.id, vote: next });
         },
-        [node.id, onVote]
+        [node.id, onVote, voteEvent, eventBus]
       );
       const handleReply = useCallback(() => {
         onReply?.(node.id);
-      }, [node.id, onReply]);
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id });
+      }, [node.id, onReply, replyEvent, eventBus]);
       const handleFlag = useCallback(() => {
         onFlag?.(node.id);
-      }, [node.id, onFlag]);
+        if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
+      }, [node.id, onFlag, flagEvent, eventBus]);
       const handleContinue = useCallback(() => {
         onContinueThread?.(node.id);
-      }, [node.id, onContinueThread]);
+        if (continueThreadEvent) eventBus.emit(`UI:${continueThreadEvent}`, { nodeId: node.id });
+      }, [node.id, onContinueThread, continueThreadEvent, eventBus]);
       const handleToggle = useCallback(() => {
         toggleCollapse(node.id);
       }, [node.id, toggleCollapse]);
@@ -27649,6 +27732,10 @@ var init_ReplyTree = __esm({
               onReply,
               onFlag,
               onContinueThread,
+              voteEvent,
+              replyEvent,
+              flagEvent,
+              continueThreadEvent,
               showActions
             },
             child.id
@@ -27663,6 +27750,10 @@ var init_ReplyTree = __esm({
       onReply,
       onFlag,
       onContinueThread,
+      voteEvent,
+      replyEvent,
+      flagEvent,
+      continueThreadEvent,
       showActions = true,
       className
     }) => {
@@ -27697,6 +27788,10 @@ var init_ReplyTree = __esm({
           onReply,
           onFlag,
           onContinueThread,
+          voteEvent,
+          replyEvent,
+          flagEvent,
+          continueThreadEvent,
           showActions
         },
         node.id
@@ -27735,6 +27830,7 @@ var init_BranchingLogicBuilder = __esm({
     init_Card();
     init_FilterPill();
     init_Box();
+    init_useEventBus();
     init_cn();
     END_OF_SURVEY = "end-of-survey";
     OPERATOR_OPTIONS = [
@@ -28036,23 +28132,30 @@ var init_BranchingLogicBuilder = __esm({
       ) });
     };
     BranchingLogicBuilder = ({
-      questions,
+      questions: questionsProp,
       rules: rulesProp,
       onRulesChange,
+      rulesChangeEvent,
       readOnly = false,
       className
     }) => {
-      const [rules, setRules] = useState(rulesProp);
+      const eventBus = useEventBus();
+      const questions = Array.isArray(questionsProp) ? questionsProp : [];
+      const rulesInitial = Array.isArray(rulesProp) ? rulesProp : [];
+      const [rules, setRules] = useState([...rulesInitial]);
       const [view, setView] = useState("edit");
       useEffect(() => {
-        setRules(rulesProp);
+        setRules(Array.isArray(rulesProp) ? [...rulesProp] : []);
       }, [rulesProp]);
       const updateRules = useCallback(
         (next) => {
           setRules(next);
           onRulesChange?.(next);
+          if (rulesChangeEvent) {
+            eventBus.emit(`UI:${rulesChangeEvent}`, { rules: next });
+          }
         },
-        [onRulesChange]
+        [onRulesChange, rulesChangeEvent, eventBus]
       );
       const handleAddRule = useCallback(() => {
         const firstQ = questions[0];
@@ -28206,6 +28309,7 @@ var init_VersionDiff = __esm({
   "components/molecules/VersionDiff.tsx"() {
     "use client";
     init_cn();
+    init_useEventBus();
     init_atoms();
     init_Stack();
     INLINE_STYLES = {
@@ -28215,16 +28319,21 @@ var init_VersionDiff = __esm({
       context: { bg: "", prefix: " ", text: "text-muted-foreground" }
     };
     VersionDiff = ({
-      revisions,
+      revisions: revisionsProp,
       beforeId,
       afterId,
       view = "side-by-side",
       onSelectBefore,
       onSelectAfter,
       onRevert,
+      selectBeforeEvent,
+      selectAfterEvent,
+      revertEvent,
       language,
       className
     }) => {
+      const eventBus = useEventBus();
+      const revisions = Array.isArray(revisionsProp) ? revisionsProp : [];
       const fallbackBefore = revisions[0]?.id ?? "";
       const fallbackAfter = revisions[1]?.id ?? revisions[0]?.id ?? "";
       const [internalBefore, setInternalBefore] = useState(beforeId ?? fallbackBefore);
@@ -28259,23 +28368,28 @@ var init_VersionDiff = __esm({
           const id = e.target.value;
           setInternalBefore(id);
           onSelectBefore?.(id);
+          if (selectBeforeEvent) eventBus.emit(`UI:${selectBeforeEvent}`, { id });
         },
-        [onSelectBefore]
+        [onSelectBefore, selectBeforeEvent, eventBus]
       );
       const handleAfterChange = useCallback(
         (e) => {
           const id = e.target.value;
           setInternalAfter(id);
           onSelectAfter?.(id);
+          if (selectAfterEvent) eventBus.emit(`UI:${selectAfterEvent}`, { id });
         },
-        [onSelectAfter]
+        [onSelectAfter, selectAfterEvent, eventBus]
       );
       const handleViewToggle = useCallback(() => {
         setInternalView((v) => v === "side-by-side" ? "inline" : "side-by-side");
       }, []);
       const handleRevert = useCallback(() => {
-        if (beforeRev) onRevert?.(beforeRev.id);
-      }, [beforeRev, onRevert]);
+        if (beforeRev) {
+          onRevert?.(beforeRev.id);
+          if (revertEvent) eventBus.emit(`UI:${revertEvent}`, { id: beforeRev.id });
+        }
+      }, [beforeRev, onRevert, revertEvent, eventBus]);
       const options = useMemo(
         () => revisions.map((r) => ({ value: r.id, label: r.label })),
         [revisions]
@@ -28340,7 +28454,7 @@ var init_VersionDiff = __esm({
                     "aria-label": activeView === "side-by-side" ? "Switch to inline view" : "Switch to side-by-side view"
                   }
                 ),
-                onRevert && /* @__PURE__ */ jsx(
+                (onRevert || revertEvent) && /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "ghost",
@@ -29860,7 +29974,7 @@ var init_DocumentViewer = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React120__default.isValidElement(children)) return void 0;
+  if (!React121__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -29972,7 +30086,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(React120__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React121__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -30756,12 +30870,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 = React120__default.useMemo(() => {
+      const normalizedInitialData = React121__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 = React120__default.useMemo(() => {
+      const entityDerivedFields = React121__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -30780,16 +30894,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] = React120__default.useState(
+      const [formData, setFormData] = React121__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React120__default.useState(
+      const [collapsedSections, setCollapsedSections] = React121__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React120__default.useState(null);
-      const formRef = React120__default.useRef(null);
+      const [submitError, setSubmitError] = React121__default.useState(null);
+      const formRef = React121__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React120__default.useRef(false);
+      const mountedRef = React121__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -30802,7 +30916,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React120__default.useMemo(
+      const evalContext = React121__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -30811,7 +30925,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React120__default.useEffect(() => {
+      React121__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -30822,7 +30936,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React120__default.useCallback(
+      const processCalculations = React121__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -30847,7 +30961,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React120__default.useCallback(
+      const checkViolations = React121__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -30885,7 +30999,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React120__default.useCallback(
+      const isFieldVisible = React121__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -30893,7 +31007,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React120__default.useCallback(
+      const isSectionVisible = React121__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -30969,7 +31083,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React120__default.useCallback(
+      const renderField = React121__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -30990,7 +31104,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React120__default.useMemo(() => {
+      const normalizedFields = React121__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -31012,7 +31126,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React120__default.useMemo(() => {
+      const schemaFields = React121__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -31022,7 +31136,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React120__default.useMemo(() => {
+      const sectionElements = React121__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -32554,7 +32668,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React120__default.useCallback(
+      const getItemActions = React121__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -32991,7 +33105,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React120__default.useMemo(() => {
+      const items = React121__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -33164,9 +33278,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React120.useRef(null);
-  const frameRef = React120.useRef(0);
-  React120.useEffect(() => {
+  const canvasRef = React121.useRef(null);
+  const frameRef = React121.useRef(0);
+  React121.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -33248,7 +33362,7 @@ var init_MiniMap = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React120__default.isValidElement(children)) return void 0;
+  if (!React121__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -33961,7 +34075,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(React120__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(React121__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -34180,7 +34294,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React120.useState(() => ({
+  const [data, setData] = React121.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -34194,7 +34308,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React120.useEffect(() => {
+  React121.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -34303,12 +34417,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React120.useState(null);
-  const [traits2, setTraits] = React120.useState([]);
-  const [coveredEdges, setCoveredEdges] = React120.useState([]);
-  const [completedTraits, setCompletedTraits] = React120.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React120.useRef(null);
-  React120.useEffect(() => {
+  const [walkStep, setWalkStep] = React121.useState(null);
+  const [traits2, setTraits] = React121.useState([]);
+  const [coveredEdges, setCoveredEdges] = React121.useState([]);
+  const [completedTraits, setCompletedTraits] = React121.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React121.useRef(null);
+  React121.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -34755,15 +34869,15 @@ var init_EntitiesTab = __esm({
   }
 });
 function EventFlowTab({ events: events2 }) {
-  const [filter, setFilter] = React120.useState("all");
-  const containerRef = React120.useRef(null);
-  const [autoScroll, setAutoScroll] = React120.useState(true);
-  React120.useEffect(() => {
+  const [filter, setFilter] = React121.useState("all");
+  const containerRef = React121.useRef(null);
+  const [autoScroll, setAutoScroll] = React121.useState(true);
+  React121.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React120.useMemo(() => {
+  const filteredEvents = React121.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -34882,7 +34996,7 @@ var init_EventFlowTab = __esm({
   }
 });
 function GuardsPanel({ guards }) {
-  const [filter, setFilter] = React120.useState("all");
+  const [filter, setFilter] = React121.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -34895,7 +35009,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React120.useMemo(() => {
+  const filteredGuards = React121.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -35056,10 +35170,10 @@ function EffectBadge({ effect }) {
   ] });
 }
 function TransitionTimeline({ transitions }) {
-  const containerRef = React120.useRef(null);
-  const [autoScroll, setAutoScroll] = React120.useState(true);
-  const [expandedId, setExpandedId] = React120.useState(null);
-  React120.useEffect(() => {
+  const containerRef = React121.useRef(null);
+  const [autoScroll, setAutoScroll] = React121.useState(true);
+  const [expandedId, setExpandedId] = React121.useState(null);
+  React121.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -35345,9 +35459,9 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log3, setLog] = React120.useState([]);
-  const prevStatesRef = React120.useRef(/* @__PURE__ */ new Map());
-  React120.useEffect(() => {
+  const [log3, setLog] = React121.useState([]);
+  const prevStatesRef = React121.useRef(/* @__PURE__ */ new Map());
+  React121.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -35517,10 +35631,10 @@ function VerifyModePanel({
   serverCount,
   localCount
 }) {
-  const [expanded, setExpanded] = React120.useState(true);
-  const scrollRef = React120.useRef(null);
-  const prevCountRef = React120.useRef(0);
-  React120.useEffect(() => {
+  const [expanded, setExpanded] = React121.useState(true);
+  const scrollRef = React121.useRef(null);
+  const prevCountRef = React121.useRef(0);
+  React121.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -35586,10 +35700,10 @@ function RuntimeDebugger({
   defaultTab,
   schema
 }) {
-  const [isCollapsed, setIsCollapsed] = React120.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React120.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React121.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React121.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React120.useEffect(() => {
+  React121.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -35598,7 +35712,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React120.useEffect(() => {
+  React121.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -36147,7 +36261,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(React120__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React121__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -37603,7 +37717,7 @@ var init_StatCard2 = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React120__default.useCallback(() => {
+      const handleActionClick = React121__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -37614,7 +37728,7 @@ var init_StatCard2 = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React120__default.useCallback(
+      const computeMetricValue = React121__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -37653,7 +37767,7 @@ var init_StatCard2 = __esm({
         },
         []
       );
-      const schemaStats = React120__default.useMemo(() => {
+      const schemaStats = React121__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -37661,7 +37775,7 @@ var init_StatCard2 = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React120__default.useMemo(() => {
+      const calculatedTrend = React121__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -38716,7 +38830,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React120__default.useMemo(() => {
+      const items = React121__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -38873,7 +38987,7 @@ var init_TimerDisplay = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React120__default.isValidElement(children)) {
+  if (!React121__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -38911,7 +39025,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React120__default.isValidElement(children) && !message;
+      const isCustomContent = React121__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -39180,7 +39294,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(React120__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React121__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -39630,12 +39744,12 @@ var init_XPBar = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React120__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React121__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React120__default.createElement(
-      React120__default.Suspense,
+    return React121__default.createElement(
+      React121__default.Suspense,
       { fallback: null },
-      React120__default.createElement(Lazy, props)
+      React121__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -40123,7 +40237,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React120__default.createElement(
+  return React121__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -40606,7 +40720,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React120__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React121__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -40643,14 +40757,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 (React120__default.isValidElement(value)) return false;
+  if (React121__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 (React120__default.isValidElement(value)) return false;
+  if (React121__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -41094,7 +41208,7 @@ var FormSection = ({
   columns = 1,
   className
 }) => {
-  const [collapsed, setCollapsed] = React120__default.useState(defaultCollapsed);
+  const [collapsed, setCollapsed] = React121__default.useState(defaultCollapsed);
   const { t } = useTranslate();
   const eventBus = useEventBus();
   const gridClass = {
@@ -41102,7 +41216,7 @@ var FormSection = ({
     2: "grid-cols-1 md:grid-cols-2",
     3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
   }[columns];
-  React120__default.useCallback(() => {
+  React121__default.useCallback(() => {
     if (collapsible) {
       setCollapsed((prev) => !prev);
       eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });