@almadar/ui 3.9.1 → 4.0.1

package/dist/runtime/index.js

@@ -1,5 +1,5 @@
-import * as React116 from 'react';
-import React116__default, { createContext, useContext, useRef, useEffect, useCallback, useMemo, Suspense, useState, useLayoutEffect, lazy, useId } from 'react';
+import * as React115 from 'react';
+import React115__default, { createContext, useContext, useRef, useEffect, useCallback, useMemo, Suspense, useState, useLayoutEffect, lazy, useId } from 'react';
 import { EventBusContext, OrbitalProvider, VerificationProvider } from '@almadar/ui/providers';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
@@ -1158,7 +1158,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React116__default.forwardRef(
+    Box = React115__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -1941,7 +1941,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React116__default.isValidElement(value)) {
+  if (React115__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -2017,7 +2017,7 @@ var init_Button = __esm({
       md: "h-4 w-4",
       lg: "h-5 w-5"
     };
-    Button = React116__default.forwardRef(
+    Button = React115__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -2120,7 +2120,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React116__default.forwardRef(
+    Badge = React115__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
         const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
         const resolvedIcon = typeof icon === "string" ? (() => {
@@ -2261,7 +2261,7 @@ var Input;
 var init_Input = __esm({
   "components/atoms/Input.tsx"() {
     init_cn();
-    Input = React116__default.forwardRef(
+    Input = React115__default.forwardRef(
       ({
         className,
         inputType,
@@ -2379,7 +2379,7 @@ var Label;
 var init_Label = __esm({
   "components/atoms/Label.tsx"() {
     init_cn();
-    Label = React116__default.forwardRef(
+    Label = React115__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -2405,7 +2405,7 @@ var Textarea;
 var init_Textarea = __esm({
   "components/atoms/Textarea.tsx"() {
     init_cn();
-    Textarea = React116__default.forwardRef(
+    Textarea = React115__default.forwardRef(
       ({ className, error, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "textarea",
@@ -2434,7 +2434,7 @@ var Select;
 var init_Select = __esm({
   "components/atoms/Select.tsx"() {
     init_cn();
-    Select = React116__default.forwardRef(
+    Select = React115__default.forwardRef(
       ({ className, options, placeholder, error, ...props }, ref) => {
         return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxs(
@@ -2476,7 +2476,7 @@ var Checkbox;
 var init_Checkbox = __esm({
   "components/atoms/Checkbox.tsx"() {
     init_cn();
-    Checkbox = React116__default.forwardRef(
+    Checkbox = React115__default.forwardRef(
       ({ className, label, id, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -2558,7 +2558,7 @@ var init_Card = __esm({
       md: "shadow",
       lg: "shadow-lg"
     };
-    Card = React116__default.forwardRef(
+    Card = React115__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -2594,9 +2594,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React116__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React116__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -2609,11 +2609,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React116__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React116__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React115__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -2634,7 +2634,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React116__default.forwardRef(
+    Spinner = React115__default.forwardRef(
       ({ className, size = "md", ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "div",
@@ -3082,7 +3082,7 @@ var Radio;
 var init_Radio = __esm({
   "components/atoms/Radio.tsx"() {
     init_cn();
-    Radio = React116__default.forwardRef(
+    Radio = React115__default.forwardRef(
       ({
         label,
         helperText,
@@ -3193,7 +3193,7 @@ var init_Switch = __esm({
   "components/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React116.forwardRef(
+    Switch = React115.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -3204,10 +3204,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React116.useState(
+        const [isChecked, setIsChecked] = React115.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React116.useEffect(() => {
+        React115.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -3758,8 +3758,8 @@ var init_LawReferenceTooltip = __esm({
       position = "top",
       className
     }) => {
-      const [isVisible, setIsVisible] = React116__default.useState(false);
-      const timeoutRef = React116__default.useRef(null);
+      const [isVisible, setIsVisible] = React115__default.useState(false);
+      const timeoutRef = React115__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -3768,7 +3768,7 @@ var init_LawReferenceTooltip = __esm({
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         setIsVisible(false);
       };
-      React116__default.useEffect(() => {
+      React115__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -3978,7 +3978,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React116__default.forwardRef(
+    StatusDot = React115__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -4031,7 +4031,7 @@ var init_TrendIndicator = __esm({
       down: TrendingDown,
       flat: ArrowRight
     };
-    TrendIndicator = React116__default.forwardRef(
+    TrendIndicator = React115__default.forwardRef(
       ({
         className,
         value,
@@ -4098,7 +4098,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React116__default.forwardRef(
+    RangeSlider = React115__default.forwardRef(
       ({
         className,
         min = 0,
@@ -4658,7 +4658,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React116__default.forwardRef(
+    ContentSection = React115__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -5192,7 +5192,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React116__default.forwardRef(
+    AnimatedReveal = React115__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -5352,7 +5352,7 @@ var init_AnimatedGraphic = __esm({
   "components/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React116__default.forwardRef(
+    AnimatedGraphic = React115__default.forwardRef(
       ({
         src,
         svgContent,
@@ -5375,7 +5375,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React116__default.useCallback(
+        const setRef = React115__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -5593,9 +5593,9 @@ function ScoreDisplay({
   ...rest
 }) {
   const resolvedValue = typeof value === "number" && !Number.isNaN(value) ? value : typeof rest.score === "number" && !Number.isNaN(rest.score) ? rest.score : 0;
-  const [displayValue, setDisplayValue] = React116.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React116.useState(false);
-  React116.useEffect(() => {
+  const [displayValue, setDisplayValue] = React115.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React115.useState(false);
+  React115.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -5665,9 +5665,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React116.useState(false);
+  const [isPressed, setIsPressed] = React115.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React116.useCallback(
+  const handlePointerDown = React115.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -5677,7 +5677,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React116.useCallback(
+  const handlePointerUp = React115.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -5687,7 +5687,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React116.useCallback(
+  const handlePointerLeave = React115.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -6585,9 +6585,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React116.useRef(null);
-  const frameRef = React116.useRef(0);
-  React116.useEffect(() => {
+  const canvasRef = React115.useRef(null);
+  const frameRef = React115.useRef(0);
+  React115.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -6795,7 +6795,7 @@ var init_ErrorBoundary = __esm({
     "use client";
     init_cn();
     init_ErrorState();
-    ErrorBoundary = class extends React116__default.Component {
+    ErrorBoundary = class extends React115__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -7268,8 +7268,8 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React116__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const trigger = React116__default.cloneElement(triggerElement, {
+      const triggerElement = React115__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const trigger = React115__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -7390,8 +7390,8 @@ var init_Popover = __esm({
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose
       };
-      const childElement = React116__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const triggerElement = React116__default.cloneElement(
+      const childElement = React115__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React115__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -7508,8 +7508,8 @@ var init_Menu = __esm({
         "bottom-start": "top-full left-0 mt-2",
         "bottom-end": "top-full right-0 mt-2"
       };
-      const triggerChild = React116__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-      const triggerElement = React116__default.cloneElement(
+      const triggerChild = React115__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+      const triggerElement = React115__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -8023,13 +8023,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect69, useRef: useRef65, useCallback: useCallback110, useState: useState104 } = React116__default;
+      const { useEffect: useEffect68, useRef: useRef65, useCallback: useCallback110, useState: useState103 } = React115__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef65({ centerLat, centerLng, zoom });
-        useEffect69(() => {
+        useEffect68(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -8040,7 +8040,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect69(() => {
+        useEffect68(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -8067,7 +8067,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState104(null);
+        const [clickedPosition, setClickedPosition] = useState103(null);
         const handleMapClick = useCallback110((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -8253,7 +8253,7 @@ function InputPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React116__default.useState(value);
+  const [localValue, setLocalValue] = React115__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8289,7 +8289,7 @@ function TextareaPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React116__default.useState(value);
+  const [localValue, setLocalValue] = React115__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8319,7 +8319,7 @@ function SelectPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React116__default.useState(value);
+  const [localValue, setLocalValue] = React115__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8347,7 +8347,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React116__default.useState(checked);
+  const [localChecked, setLocalChecked] = React115__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -8578,8 +8578,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React116.useState(/* @__PURE__ */ new Set());
-  const handlePress = React116.useCallback(
+  const [activeButtons, setActiveButtons] = React115.useState(/* @__PURE__ */ new Set());
+  const handlePress = React115.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -8587,7 +8587,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React116.useCallback(
+  const handleRelease = React115.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -10391,7 +10391,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_useTranslate();
     init_cn();
-    MarkdownContent = React116__default.memo(
+    MarkdownContent = React115__default.memo(
       ({ content, direction, className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -10608,7 +10608,7 @@ var init_CodeBlock = __esm({
     loloStyle = { ...dark, ...loloStyleOverrides };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React116__default.memo(
+    CodeBlock = React115__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -11867,7 +11867,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React116__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React115__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -17581,7 +17581,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React116.useCallback(() => {
+  const handleCraft = React115.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -17598,7 +17598,7 @@ function CraftingRecipe({
       children: [
         /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap items-center", children: inputs.map((ingredient, index) => {
           const hasSufficient = ingredient.available >= ingredient.required;
-          return /* @__PURE__ */ jsxs(React116.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React115.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -17892,8 +17892,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React116.useState(/* @__PURE__ */ new Set());
-  const handlePress = React116.useCallback(
+  const [activeDirections, setActiveDirections] = React115.useState(/* @__PURE__ */ new Set());
+  const handlePress = React115.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -17901,7 +17901,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React116.useCallback(
+  const handleRelease = React115.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -18360,7 +18360,290 @@ function formatValue(value, format) {
       return String(value);
   }
 }
-var gapStyles6, DataGrid;
+function DataGrid({
+  entity,
+  fields: fieldsProp,
+  columns: columnsProp,
+  itemActions,
+  cols,
+  gap = "md",
+  minCardWidth = 280,
+  className,
+  isLoading = false,
+  error = null,
+  imageField,
+  selectable = false,
+  selectionEvent,
+  infiniteScroll,
+  loadMoreEvent,
+  hasMore,
+  children,
+  pageSize = 0
+}) {
+  const eventBus = useEventBus();
+  const { t } = useTranslate();
+  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = useState(pageSize || Infinity);
+  const fields = fieldsProp ?? columnsProp ?? [];
+  const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
+  const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
+  const toggleSelection = useCallback((id) => {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      if (selectionEvent) {
+        const payload = { selectedIds: Array.from(next) };
+        eventBus.emit(`UI:${selectionEvent}`, payload);
+      }
+      return next;
+    });
+  }, [selectionEvent, eventBus]);
+  const toggleAll = useCallback(() => {
+    setSelectedIds((prev) => {
+      const allIds2 = data.map((item, i) => item.id || String(i));
+      const allSelected2 = allIds2.length > 0 && allIds2.every((id) => prev.has(id));
+      const next = allSelected2 ? /* @__PURE__ */ new Set() : new Set(allIds2);
+      if (selectionEvent) {
+        const payload = { selectedIds: Array.from(next) };
+        eventBus.emit(`UI:${selectionEvent}`, payload);
+      }
+      return next;
+    });
+  }, [data, selectionEvent, eventBus]);
+  const titleField = fields.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fields[0];
+  const badgeFields = fields.filter((f3) => f3.variant === "badge" && f3 !== titleField);
+  const bodyFields = fields.filter((f3) => f3 !== titleField && !badgeFields.includes(f3));
+  const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
+  const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
+  const handleActionClick = (action, itemData) => (e) => {
+    e.stopPropagation();
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${action.event}`, payload);
+  };
+  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
+  const colsClass = cols ? {
+    1: "grid-cols-1",
+    2: "sm:grid-cols-2",
+    3: "sm:grid-cols-2 lg:grid-cols-3",
+    4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+    5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
+    6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
+  }[cols] : void 0;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) });
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
+  }
+  const hasRenderProp = typeof children === "function";
+  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: [
+      /* @__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(
+      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(
+                  "bg-card rounded-lg",
+                  "border border-border",
+                  "shadow-sm hover:shadow-lg",
+                  "hover:border-primary transition-all",
+                  "p-4",
+                  isSelected && "ring-2 ring-primary border-primary"
+                ),
+                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"}`
+                    }
+                  ),
+                  /* @__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: statusVariant2(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}`,
+                      className: "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);
+                  }
+                  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}`,
+                    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 gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -18382,289 +18665,6 @@ var init_DataGrid = __esm({
       lg: "gap-6",
       xl: "gap-8"
     };
-    DataGrid = ({
-      entity,
-      fields: fieldsProp,
-      columns: columnsProp,
-      itemActions,
-      cols,
-      gap = "md",
-      minCardWidth = 280,
-      className,
-      isLoading = false,
-      error = null,
-      imageField,
-      selectable = false,
-      selectionEvent,
-      infiniteScroll,
-      loadMoreEvent,
-      hasMore,
-      children,
-      pageSize = 0
-    }) => {
-      const eventBus = useEventBus();
-      const { t } = useTranslate();
-      const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
-      const [visibleCount, setVisibleCount] = useState(pageSize || Infinity);
-      const fields = fieldsProp ?? columnsProp ?? [];
-      const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
-      const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
-      const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
-      const toggleSelection = useCallback((id) => {
-        setSelectedIds((prev) => {
-          const next = new Set(prev);
-          if (next.has(id)) next.delete(id);
-          else next.add(id);
-          if (selectionEvent) {
-            const payload = { selectedIds: Array.from(next) };
-            eventBus.emit(`UI:${selectionEvent}`, payload);
-          }
-          return next;
-        });
-      }, [selectionEvent, eventBus]);
-      const toggleAll = useCallback(() => {
-        setSelectedIds((prev) => {
-          const allIds2 = data.map((item, i) => item.id || String(i));
-          const allSelected2 = allIds2.length > 0 && allIds2.every((id) => prev.has(id));
-          const next = allSelected2 ? /* @__PURE__ */ new Set() : new Set(allIds2);
-          if (selectionEvent) {
-            const payload = { selectedIds: Array.from(next) };
-            eventBus.emit(`UI:${selectionEvent}`, payload);
-          }
-          return next;
-        });
-      }, [data, selectionEvent, eventBus]);
-      const titleField = fields.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fields[0];
-      const badgeFields = fields.filter((f3) => f3.variant === "badge" && f3 !== titleField);
-      const bodyFields = fields.filter((f3) => f3 !== titleField && !badgeFields.includes(f3));
-      const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
-      const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
-      const handleActionClick = (action, itemData) => (e) => {
-        e.stopPropagation();
-        const payload = {
-          id: itemData.id,
-          row: itemData
-        };
-        eventBus.emit(`UI:${action.event}`, payload);
-      };
-      const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
-      const colsClass = cols ? {
-        1: "grid-cols-1",
-        2: "sm:grid-cols-2",
-        3: "sm:grid-cols-2 lg:grid-cols-3",
-        4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-        5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
-        6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
-      }[cols] : void 0;
-      if (isLoading) {
-        return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
-      }
-      if (error) {
-        return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) });
-      }
-      if (data.length === 0) {
-        return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
-      }
-      const hasRenderProp = typeof children === "function";
-      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: [
-          /* @__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(
-          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(
-                      "bg-card rounded-lg",
-                      "border border-border",
-                      "shadow-sm hover:shadow-lg",
-                      "hover:border-primary transition-all",
-                      "p-4",
-                      isSelected && "ring-2 ring-primary border-primary"
-                    ),
-                    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"}`
-                        }
-                      ),
-                      /* @__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: statusVariant2(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}`,
-                          className: "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);
-                      }
-                      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}`,
-                        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
-          }
-        )
-      ] });
-    };
     DataGrid.displayName = "DataGrid";
   }
 });
@@ -18712,318 +18712,317 @@ function groupData(items, field) {
   }
   return Array.from(groups.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
 }
-var DataList;
-var init_DataList = __esm({
-  "components/molecules/DataList.tsx"() {
-    "use client";
-    init_cn();
-    init_getNestedValue();
-    init_useEventBus();
-    init_useTranslate();
-    init_Box();
-    init_Stack();
-    init_Typography();
-    init_Badge();
-    init_Button();
-    init_Icon();
-    init_ProgressBar();
-    init_Divider();
-    init_InfiniteScrollSentinel();
-    DataList = ({
-      entity,
-      fields: fieldsProp,
-      columns: columnsProp,
-      itemActions,
-      gap = "none",
-      variant = "default",
-      groupBy,
-      senderField,
-      currentUser,
-      className,
-      isLoading = false,
-      error = null,
-      // Gesture props: reorderable, swipeLeftEvent, swipeRightEvent, longPressEvent
-      // are consumed by the compiler to wrap items in SwipeableRow/SortableList.
-      // DataList destructures them here to prevent DOM passthrough.
-      reorderable: _reorderable,
-      reorderEvent: _reorderEvent,
-      swipeLeftEvent: _swipeLeftEvent,
-      swipeLeftActions: _swipeLeftActions,
-      swipeRightEvent: _swipeRightEvent,
-      swipeRightActions: _swipeRightActions,
-      longPressEvent: _longPressEvent,
-      infiniteScroll,
-      loadMoreEvent,
-      hasMore,
-      children,
-      pageSize = 5
-    }) => {
-      const eventBus = useEventBus();
-      const { t } = useTranslate();
-      const [visibleCount, setVisibleCount] = React116__default.useState(pageSize || Infinity);
-      const fields = fieldsProp ?? columnsProp ?? [];
-      const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
-      const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
-      const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
-      const titleField = fields.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fields[0];
-      const badgeFields = fields.filter((f3) => f3.variant === "badge" && f3 !== titleField);
-      const progressFields = fields.filter((f3) => f3.variant === "progress");
-      const bodyFields = fields.filter(
-        (f3) => f3 !== titleField && !badgeFields.includes(f3) && !progressFields.includes(f3)
-      );
-      const handleActionClick = (action, itemData) => (e) => {
-        e.stopPropagation();
-        const payload = {
-          id: itemData.id,
-          row: itemData
-        };
-        eventBus.emit(`UI:${action.event}`, payload);
-      };
-      if (isLoading) {
-        return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
-      }
-      if (error) {
-        return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) });
-      }
-      if (data.length === 0) {
-        return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
-      }
-      const gapClass = {
-        none: "",
-        sm: "gap-1",
-        md: "gap-2",
-        lg: "gap-4"
-      }[gap];
-      const isCard = variant === "card";
-      const isCompact = variant === "compact";
-      const isMessage = variant === "message";
-      if (isMessage) {
-        const items2 = data.map((item) => item);
-        const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
-        const contentField = titleField?.name ?? fields[0]?.name ?? "";
-        return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React116__default.Fragment, { children: [
-          group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
-          group.items.map((itemData, index) => {
-            const id = itemData.id || `${gi}-${index}`;
-            const sender = senderField ? String(getNestedValue(itemData, senderField) ?? "") : "";
-            const isSent = Boolean(currentUser && sender === currentUser);
-            const content = getNestedValue(itemData, contentField);
-            const timestampField = fields.find((f3) => f3.format === "date");
-            const timestamp = timestampField ? getNestedValue(itemData, timestampField.name) : null;
-            return /* @__PURE__ */ jsx(
-              Box,
-              {
-                className: cn(
-                  "flex px-4",
-                  isSent ? "justify-end" : "justify-start"
-                ),
-                children: /* @__PURE__ */ jsxs(
-                  Box,
-                  {
-                    className: cn(
-                      "max-w-[75%] px-4 py-2",
-                      isSent ? "bg-primary text-primary-foreground rounded-2xl rounded-br-sm" : "bg-muted text-foreground rounded-2xl rounded-bl-sm"
-                    ),
-                    children: [
-                      !isSent && senderField && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
-                      timestamp != null ? /* @__PURE__ */ jsx(
-                        Typography,
-                        {
-                          variant: "caption",
-                          className: cn(
-                            "mt-1 text-[0.65rem]",
-                            isSent ? "opacity-70" : "text-muted-foreground"
-                          ),
-                          children: formatDate3(timestamp)
-                        }
-                      ) : null
-                    ]
-                  }
-                )
-              },
-              id
-            );
-          })
-        ] }, gi)) });
-      }
-      const hasRenderProp = typeof children === "function";
-      const items = data.map((item) => item);
-      const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
-      const renderItem = (itemData, index, isLast) => {
-        if (hasRenderProp) {
-          const id2 = itemData.id || String(index);
-          return /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id2, children: [
-            /* @__PURE__ */ jsxs(
+function DataList({
+  entity,
+  fields: fieldsProp,
+  columns: columnsProp,
+  itemActions,
+  gap = "none",
+  variant = "default",
+  groupBy,
+  senderField,
+  currentUser,
+  className,
+  isLoading = false,
+  error = null,
+  // Gesture props: reorderable, swipeLeftEvent, swipeRightEvent, longPressEvent
+  // are consumed by the compiler to wrap items in SwipeableRow/SortableList.
+  // DataList destructures them here to prevent DOM passthrough.
+  reorderable: _reorderable,
+  reorderEvent: _reorderEvent,
+  swipeLeftEvent: _swipeLeftEvent,
+  swipeLeftActions: _swipeLeftActions,
+  swipeRightEvent: _swipeRightEvent,
+  swipeRightActions: _swipeRightActions,
+  longPressEvent: _longPressEvent,
+  infiniteScroll,
+  loadMoreEvent,
+  hasMore,
+  children,
+  pageSize = 5
+}) {
+  const eventBus = useEventBus();
+  const { t } = useTranslate();
+  const [visibleCount, setVisibleCount] = React115__default.useState(pageSize || Infinity);
+  const fields = fieldsProp ?? columnsProp ?? [];
+  const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
+  const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
+  const titleField = fields.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fields[0];
+  const badgeFields = fields.filter((f3) => f3.variant === "badge" && f3 !== titleField);
+  const progressFields = fields.filter((f3) => f3.variant === "progress");
+  const bodyFields = fields.filter(
+    (f3) => f3 !== titleField && !badgeFields.includes(f3) && !progressFields.includes(f3)
+  );
+  const handleActionClick = (action, itemData) => (e) => {
+    e.stopPropagation();
+    const payload = {
+      id: itemData.id,
+      row: itemData
+    };
+    eventBus.emit(`UI:${action.event}`, payload);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) });
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
+  }
+  const gapClass = {
+    none: "",
+    sm: "gap-1",
+    md: "gap-2",
+    lg: "gap-4"
+  }[gap];
+  const isCard = variant === "card";
+  const isCompact = variant === "compact";
+  const isMessage = variant === "message";
+  if (isMessage) {
+    const items2 = data.map((item) => item);
+    const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
+    const contentField = titleField?.name ?? fields[0]?.name ?? "";
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
+      group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
+      group.items.map((itemData, index) => {
+        const id = itemData.id || `${gi}-${index}`;
+        const sender = senderField ? String(getNestedValue(itemData, senderField) ?? "") : "";
+        const isSent = Boolean(currentUser && sender === currentUser);
+        const content = getNestedValue(itemData, contentField);
+        const timestampField = fields.find((f3) => f3.format === "date");
+        const timestamp = timestampField ? getNestedValue(itemData, timestampField.name) : null;
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: cn(
+              "flex px-4",
+              isSent ? "justify-end" : "justify-start"
+            ),
+            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"
+                  "max-w-[75%] px-4 py-2",
+                  isSent ? "bg-primary text-primary-foreground rounded-2xl rounded-br-sm" : "bg-muted text-foreground rounded-2xl rounded-bl-sm"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
-                  itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(
-                    HStack,
+                  !isSent && senderField && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  timestamp != null ? /* @__PURE__ */ jsx(
+                    Typography,
                     {
-                      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}`,
-                          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
-                      ))
+                      variant: "caption",
+                      className: cn(
+                        "mt-1 text-[0.65rem]",
+                        isSent ? "opacity-70" : "text-muted-foreground"
+                      ),
+                      children: formatDate3(timestamp)
                     }
-                  )
+                  ) : null
                 ]
               }
+            )
+          },
+          id
+        );
+      })
+    ] }, gi)) });
+  }
+  const hasRenderProp = typeof children === "function";
+  const items = data.map((item) => item);
+  const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
+  const renderItem = (itemData, index, isLast) => {
+    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: 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"
             ),
-            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}`,
-                    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);
-      };
-      return /* @__PURE__ */ jsxs(
+            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}`,
+                      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 /* @__PURE__ */ jsxs(Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxs(
         Box,
         {
           className: cn(
-            isCard && "bg-card rounded-xl border border-border shadow-lg overflow-hidden",
-            !isCard && gapClass,
-            className
+            "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: [
-            groups.map((group, gi) => /* @__PURE__ */ jsxs(React116__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(
+            /* @__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: "ghost",
+                variant: action.variant ?? "ghost",
                 size: "sm",
-                onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
+                onClick: handleActionClick(action, itemData),
+                "data-testid": `action-${action.event}`,
+                className: cn(
+                  action.variant === "danger" && "text-error hover:bg-error/10"
+                ),
                 children: [
-                  /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
-                  t("common.showMore"),
-                  " (",
-                  allData.length - visibleCount,
-                  " remaining)"
+                  action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs", className: "mr-1" }),
+                  action.label
                 ]
-              }
-            ) }),
-            infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsx(
-              InfiniteScrollSentinel,
-              {
-                loadMoreEvent,
-                isLoading,
-                hasMore
-              }
-            )
+              },
+              idx
+            )) })
           ]
         }
-      );
-    };
+      ),
+      isCard && !isLast && /* @__PURE__ */ jsx(Box, { className: "mx-6 border-b border-border/40" })
+    ] }, 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(React115__default.Fragment, { children: [
+          group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-4" : "mt-0" }),
+          group.items.map(
+            (itemData, index) => renderItem(itemData, index, gi === groups.length - 1 && index === group.items.length - 1)
+          )
+        ] }, 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 init_DataList = __esm({
+  "components/molecules/DataList.tsx"() {
+    "use client";
+    init_cn();
+    init_getNestedValue();
+    init_useEventBus();
+    init_useTranslate();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_Badge();
+    init_Button();
+    init_Icon();
+    init_ProgressBar();
+    init_Divider();
+    init_InfiniteScrollSentinel();
     DataList.displayName = "DataList";
   }
 });
@@ -20160,7 +20159,10 @@ var init_WizardProgress = __esm({
       stepClickEvent
     }) => {
       const eventBus = useEventBus();
-      const totalSteps = steps.length;
+      const normalizedSteps = steps.map(
+        (s, i) => typeof s === "string" ? { id: `step-${i}`, title: s } : s
+      );
+      const totalSteps = normalizedSteps.length;
       const handleStepClick = (index) => {
         const isCompleted = index < currentStep;
         if (isCompleted && allowNavigation) {
@@ -20177,10 +20179,10 @@ var init_WizardProgress = __esm({
             compact ? "px-4 py-2" : "px-6 py-4",
             className
           ),
-          children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((step, index) => {
+          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(React116__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -21091,7 +21093,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React116.useCallback(
+  const handleSelect = React115.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -21304,15 +21306,15 @@ function GameCanvas2D({
   fps = 60,
   className
 }) {
-  const canvasRef = React116.useRef(null);
-  const rafRef = React116.useRef(0);
-  const frameRef = React116.useRef(0);
-  const lastTimeRef = React116.useRef(0);
-  const onDrawRef = React116.useRef(onDraw);
+  const canvasRef = React115.useRef(null);
+  const rafRef = React115.useRef(0);
+  const frameRef = React115.useRef(0);
+  const lastTimeRef = React115.useRef(0);
+  const onDrawRef = React115.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React116.useRef(onTick);
+  const onTickRef = React115.useRef(onTick);
   onTickRef.current = onTick;
-  React116.useEffect(() => {
+  React115.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -21601,7 +21603,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React116.useCallback(
+  const handleAction = React115.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -21747,7 +21749,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React116.useCallback(
+  const handleCommand = React115.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -22232,7 +22234,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React116.useCallback(
+  const handleOptionClick = React115.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -22346,7 +22348,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React116.useCallback(
+  const handleActionClick = React115.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -25312,7 +25314,7 @@ var init_StepFlow = __esm({
       className
     }) => {
       if (orientation === "vertical") {
-        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React116__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React115__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
           /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
             /* @__PURE__ */ jsx(StepCircle, { step, index }),
             showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-border" })
@@ -25323,7 +25325,7 @@ var init_StepFlow = __esm({
           ] })
         ] }) }, index)) });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React116__default.Fragment, { children: [
+      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
         /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
           /* @__PURE__ */ jsx(StepCircle, { step, index }),
           /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
@@ -27436,7 +27438,7 @@ var init_DocumentViewer = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React116__default.isValidElement(children)) return void 0;
+  if (!React115__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -27491,7 +27493,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React116__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -28258,7 +28260,7 @@ var init_Form = __esm({
       const normalizedInitialData = initialData ?? {};
       const resolvedEntity = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
       const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-      const entityDerivedFields = React116__default.useMemo(() => {
+      const entityDerivedFields = React115__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -28277,14 +28279,14 @@ var init_Form = __esm({
       const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
       const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
       const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-      const [formData, setFormData] = React116__default.useState(
+      const [formData, setFormData] = React115__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React116__default.useState(
+      const [collapsedSections, setCollapsedSections] = React115__default.useState(
         /* @__PURE__ */ new Set()
       );
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React116__default.useMemo(
+      const evalContext = React115__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -28293,13 +28295,13 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React116__default.useEffect(() => {
+      React115__default.useEffect(() => {
         const data = initialData;
         if (data && Object.keys(data).length > 0) {
           setFormData(data);
         }
       }, [initialData]);
-      const processCalculations = React116__default.useCallback(
+      const processCalculations = React115__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -28324,7 +28326,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React116__default.useCallback(
+      const checkViolations = React115__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -28361,7 +28363,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React116__default.useCallback(
+      const isFieldVisible = React115__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -28369,7 +28371,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React116__default.useCallback(
+      const isSectionVisible = React115__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -28402,7 +28404,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React116__default.useCallback(
+      const renderField = React115__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -28423,7 +28425,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React116__default.useMemo(() => {
+      const normalizedFields = React115__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -28445,7 +28447,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React116__default.useMemo(() => {
+      const schemaFields = React115__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -28455,7 +28457,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React116__default.useMemo(() => {
+      const sectionElements = React115__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -29977,7 +29979,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React116__default.useCallback(
+      const getItemActions = React115__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -30414,7 +30416,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React116__default.useMemo(() => {
+      const items = React115__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -30578,7 +30580,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React116__default.isValidElement(children)) return void 0;
+  if (!React115__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -31291,7 +31293,7 @@ var init_PageHeader = __esm({
         info: "bg-info/10 text-info"
       };
       return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React116__default.Fragment, { children: [
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -31449,7 +31451,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React116.useState(() => ({
+  const [data, setData] = React115.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -31463,7 +31465,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React116.useEffect(() => {
+  React115.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -31572,12 +31574,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React116.useState(null);
-  const [traits2, setTraits] = React116.useState([]);
-  const [coveredEdges, setCoveredEdges] = React116.useState([]);
-  const [completedTraits, setCompletedTraits] = React116.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React116.useRef(null);
-  React116.useEffect(() => {
+  const [walkStep, setWalkStep] = React115.useState(null);
+  const [traits2, setTraits] = React115.useState([]);
+  const [coveredEdges, setCoveredEdges] = React115.useState([]);
+  const [completedTraits, setCompletedTraits] = React115.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React115.useRef(null);
+  React115.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -32024,15 +32026,15 @@ var init_EntitiesTab = __esm({
   }
 });
 function EventFlowTab({ events: events2 }) {
-  const [filter, setFilter] = React116.useState("all");
-  const containerRef = React116.useRef(null);
-  const [autoScroll, setAutoScroll] = React116.useState(true);
-  React116.useEffect(() => {
+  const [filter, setFilter] = React115.useState("all");
+  const containerRef = React115.useRef(null);
+  const [autoScroll, setAutoScroll] = React115.useState(true);
+  React115.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React116.useMemo(() => {
+  const filteredEvents = React115.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -32151,7 +32153,7 @@ var init_EventFlowTab = __esm({
   }
 });
 function GuardsPanel({ guards }) {
-  const [filter, setFilter] = React116.useState("all");
+  const [filter, setFilter] = React115.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -32164,7 +32166,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React116.useMemo(() => {
+  const filteredGuards = React115.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -32325,10 +32327,10 @@ function EffectBadge({ effect }) {
   ] });
 }
 function TransitionTimeline({ transitions }) {
-  const containerRef = React116.useRef(null);
-  const [autoScroll, setAutoScroll] = React116.useState(true);
-  const [expandedId, setExpandedId] = React116.useState(null);
-  React116.useEffect(() => {
+  const containerRef = React115.useRef(null);
+  const [autoScroll, setAutoScroll] = React115.useState(true);
+  const [expandedId, setExpandedId] = React115.useState(null);
+  React115.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -32614,9 +32616,9 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log3, setLog] = React116.useState([]);
-  const prevStatesRef = React116.useRef(/* @__PURE__ */ new Map());
-  React116.useEffect(() => {
+  const [log3, setLog] = React115.useState([]);
+  const prevStatesRef = React115.useRef(/* @__PURE__ */ new Map());
+  React115.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -32786,10 +32788,10 @@ function VerifyModePanel({
   serverCount,
   localCount
 }) {
-  const [expanded, setExpanded] = React116.useState(true);
-  const scrollRef = React116.useRef(null);
-  const prevCountRef = React116.useRef(0);
-  React116.useEffect(() => {
+  const [expanded, setExpanded] = React115.useState(true);
+  const scrollRef = React115.useRef(null);
+  const prevCountRef = React115.useRef(0);
+  React115.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -32855,10 +32857,10 @@ function RuntimeDebugger({
   defaultTab,
   schema
 }) {
-  const [isCollapsed, setIsCollapsed] = React116.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React116.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React115.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React115.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React116.useEffect(() => {
+  React115.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -32867,7 +32869,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React116.useEffect(() => {
+  React115.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -33416,7 +33418,7 @@ function SequenceBar({
     onSlotRemove(index);
   }, [onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React116__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -34761,7 +34763,7 @@ var init_StatCard2 = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React116__default.useCallback(() => {
+      const handleActionClick = React115__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -34772,7 +34774,7 @@ var init_StatCard2 = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React116__default.useCallback(
+      const computeMetricValue = React115__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -34811,7 +34813,7 @@ var init_StatCard2 = __esm({
         },
         []
       );
-      const schemaStats = React116__default.useMemo(() => {
+      const schemaStats = React115__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -34819,7 +34821,7 @@ var init_StatCard2 = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React116__default.useMemo(() => {
+      const calculatedTrend = React115__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -35803,7 +35805,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React116__default.useMemo(() => {
+      const items = React115__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -35910,7 +35912,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React116__default.isValidElement(children)) {
+  if (!React115__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -35948,7 +35950,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React116__default.isValidElement(children) && !message;
+      const isCustomContent = React115__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -36217,7 +36219,7 @@ var init_WizardContainer = __esm({
               const isCompleted = index < currentStep;
               const stepKey = step.id ?? step.tabId ?? `step-${index}`;
               const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-              return /* @__PURE__ */ jsxs(React116__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React115__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -36599,12 +36601,12 @@ var init_WorldMapTemplate = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React116__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React115__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React116__default.createElement(
-      React116__default.Suspense,
+    return React115__default.createElement(
+      React115__default.Suspense,
       { fallback: null },
-      React116__default.createElement(Lazy, props)
+      React115__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -37092,7 +37094,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React116__default.createElement(
+  return React115__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -37534,7 +37536,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React116__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React115__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -37784,18 +37786,12 @@ init_useEventBus();
 
 // hooks/useUIEvents.ts
 init_useEventBus();
-createContext(null);
 
 // hooks/index.ts
 init_useQuerySingleton();
 
-// lib/api-client.ts
-typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "/api";
-
 // hooks/index.ts
 init_useTranslate();
-
-// hooks/index.ts
 init_useAuthContext();
 init_useSwipeGesture();
 init_useLongPress();
@@ -38479,33 +38475,66 @@ function useTrait(traitName) {
   const context = useTraitContext();
   return context.getTrait(traitName);
 }
+var DEFAULT_SOURCE_KEY = "__default__";
+function slotEntriesInOrder(slot) {
+  if (!slot) return [];
+  const out = [];
+  for (const [sourceKey, entry] of Object.entries(slot)) {
+    if (entry.patterns.length > 0) {
+      out.push({ sourceKey, entry });
+    }
+  }
+  return out;
+}
 var SlotsStateContext = createContext({});
 var SlotsActionsContext = createContext(null);
 function SlotsProvider({ children }) {
   const [slots, setSlots] = useState({});
   const setSlotPatterns = useCallback((slot, patterns, source) => {
-    setSlots((prev) => ({
-      ...prev,
-      [slot]: { patterns, source }
-    }));
+    const sourceKey = source?.trait ?? DEFAULT_SOURCE_KEY;
+    setSlots((prev) => {
+      const prevSlot = prev[slot] ?? {};
+      return {
+        ...prev,
+        [slot]: {
+          ...prevSlot,
+          [sourceKey]: { patterns, source }
+        }
+      };
+    });
   }, []);
   const clearSlot = useCallback((slot) => {
     setSlots((prev) => {
       const existing = prev[slot];
-      if (existing && existing.patterns.length === 0 && !existing.source) {
+      if (existing && Object.keys(existing).length === 0) {
         return prev;
       }
-      return { ...prev, [slot]: { patterns: [] } };
+      return { ...prev, [slot]: {} };
+    });
+  }, []);
+  const clearSlotForSource = useCallback((slot, sourceTrait) => {
+    setSlots((prev) => {
+      const existing = prev[slot];
+      if (!existing || !(sourceTrait in existing)) return prev;
+      const next = { ...existing };
+      delete next[sourceTrait];
+      return { ...prev, [slot]: next };
     });
   }, []);
   const clearAllSlots = useCallback(() => {
     setSlots({});
   }, []);
-  const actionsRef = useRef({ setSlotPatterns, clearSlot, clearAllSlots });
-  actionsRef.current = { setSlotPatterns, clearSlot, clearAllSlots };
+  const actionsRef = useRef({
+    setSlotPatterns,
+    clearSlot,
+    clearSlotForSource,
+    clearAllSlots
+  });
+  actionsRef.current = { setSlotPatterns, clearSlot, clearSlotForSource, clearAllSlots };
   const [stableActions] = useState(() => ({
     setSlotPatterns: (...args) => actionsRef.current.setSlotPatterns(...args),
     clearSlot: (...args) => actionsRef.current.clearSlot(...args),
+    clearSlotForSource: (...args) => actionsRef.current.clearSlotForSource(...args),
     clearAllSlots: () => actionsRef.current.clearAllSlots()
   }));
   return /* @__PURE__ */ jsx(SlotsActionsContext.Provider, { value: stableActions, children: /* @__PURE__ */ jsx(SlotsStateContext.Provider, { value: slots, children }) });
@@ -38749,34 +38778,60 @@ function SlotBridge() {
   const { render, clear } = useUISlots();
   useEffect(() => {
     for (const [slotName, slotState] of Object.entries(slots)) {
-      if (slotState.patterns.length === 0) {
+      const entries = slotEntriesInOrder(slotState);
+      if (entries.length === 0) {
         clear(slotName);
         continue;
       }
-      const entry = slotState.patterns[slotState.patterns.length - 1];
-      const patternRecord = entry.pattern;
-      const { type: patternType, children, ...inlineProps } = patternRecord;
-      const normalizedChildren = Array.isArray(children) ? children.map((c) => normalizeChild(c)) : children;
-      render({
-        target: slotName,
-        pattern: patternType,
-        props: {
+      const children = entries.map(({ entry }) => entry.patterns[entry.patterns.length - 1]).filter((p2) => Boolean(p2)).map((entry) => {
+        const record = entry.pattern;
+        const { type: patternType, children: nested, ...inlineProps } = record;
+        const normalizedNested = Array.isArray(nested) ? nested.map((c) => normalizeChild(c)) : nested;
+        return {
+          type: patternType,
           ...inlineProps,
           ...entry.props,
-          ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {}
-        },
-        sourceTrait: slotState.source?.trait
+          ...normalizedNested !== void 0 ? { children: normalizedNested } : {}
+        };
       });
+      if (children.length === 1) {
+        const only = children[0];
+        const { type, children: nested, ...rest } = only;
+        const lastEntry = entries[entries.length - 1];
+        render({
+          target: slotName,
+          pattern: type,
+          props: {
+            ...rest,
+            ...nested !== void 0 ? { children: nested } : {}
+          },
+          sourceTrait: lastEntry.entry.source?.trait
+        });
+      } else {
+        const lastEntry = entries[entries.length - 1];
+        render({
+          target: slotName,
+          pattern: "stack",
+          props: {
+            direction: "vertical",
+            gap: "lg",
+            children
+          },
+          sourceTrait: lastEntry.entry.source?.trait
+        });
+      }
     }
   }, [slots, render, clear]);
   return null;
 }
 function applyServerEffects(effects, uiSlots, onNavigate) {
+  const perSlotRenders = /* @__PURE__ */ new Map();
   for (const eff of effects) {
     if (eff.type === "render-ui" && eff.slot && eff.pattern) {
       const patternRecord = eff.pattern;
       const { type: patternType, children, ...inlineProps } = patternRecord;
       const normalizedChildren = Array.isArray(children) ? children.map((c) => normalizeChild(c)) : children;
+      const sourceTrait = eff.traitName ?? "server";
       uiSlots.render({
         target: eff.slot,
         pattern: patternType,
@@ -38784,12 +38839,38 @@ function applyServerEffects(effects, uiSlots, onNavigate) {
           ...inlineProps,
           ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {}
         },
-        sourceTrait: eff.traitName ?? "server"
+        sourceTrait
+      });
+      const bucket = perSlotRenders.get(eff.slot) ?? [];
+      bucket.push({
+        sourceTrait,
+        pattern: {
+          type: patternType,
+          ...inlineProps,
+          ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {}
+        }
       });
+      perSlotRenders.set(eff.slot, bucket);
     } else if (eff.type === "navigate" && eff.route && onNavigate) {
       onNavigate(eff.route, eff.params);
     }
   }
+  for (const [slot, bucket] of perSlotRenders) {
+    const distinctSources = new Set(bucket.map((b) => b.sourceTrait));
+    if (distinctSources.size <= 1) continue;
+    uiSlots.render({
+      target: slot,
+      pattern: "stack",
+      props: {
+        direction: "vertical",
+        gap: "lg",
+        children: bucket.map((b) => b.pattern)
+      },
+      // Use a synthetic wrapper source trait; individual traits' frames
+      // already live in the per-trait index from the per-effect loop.
+      sourceTrait: "__multi_source_stack__"
+    });
+  }
 }
 function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFallback, persistence }) {
   const slotsActions = useSlotsActions();