@almadar/ui 3.9.1 → 4.0.1

package/dist/components/index.cjs

@@ -6286,13 +6286,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect67, useRef: useRef64, useCallback: useCallback114, useState: useState100 } = React110__namespace.default;
+      const { useEffect: useEffect66, useRef: useRef64, useCallback: useCallback114, useState: useState99 } = React110__namespace.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 = useRef64({ centerLat, centerLng, zoom });
-        useEffect67(() => {
+        useEffect66(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -6303,7 +6303,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect67(() => {
+        useEffect66(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -6330,7 +6330,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState100(null);
+        const [clickedPosition, setClickedPosition] = useState99(null);
         const handleMapClick = useCallback114((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -17289,7 +17289,290 @@ function formatValue(value, format) {
       return String(value);
   }
 }
-var gapStyles6; exports.DataGrid = void 0;
+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] = React110.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React110.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 = React110.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 = React110.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__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "error", children: error.message }) });
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
+    selectable && someSelected && /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "items-center px-2 py-2 bg-muted rounded-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: allSelected,
+          onChange: toggleAll,
+          className: "w-4 h-4 accent-primary",
+          "aria-label": "Select all"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "font-semibold", children: [
+        selectedIds.size,
+        " ",
+        t("common.selected") || "selected"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      exports.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__ */ jsxRuntime.jsx(
+              exports.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__ */ jsxRuntime.jsxs(
+            exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "w-full aspect-video overflow-hidden rounded-t-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: imgUrl,
+                      alt: titleValue !== void 0 ? String(titleValue) : "",
+                      className: "w-full h-full object-cover",
+                      loading: "lazy"
+                    }
+                  ) });
+                })(),
+                /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 pb-0", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "justify-between items-start", children: [
+                  selectable && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", className: "flex-1 min-w-0", children: [
+                    titleValue !== void 0 && titleValue !== null && /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+                      titleField?.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: titleField.icon, size: "sm", className: "text-primary flex-shrink-0" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        exports.Typography,
+                        {
+                          variant: titleField?.variant === "h3" ? "h3" : "h4",
+                          className: "font-semibold truncate",
+                          children: String(titleValue)
+                        }
+                      )
+                    ] }),
+                    badgeFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+                        field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                      ] }, field.name);
+                    }) })
+                  ] }),
+                  dangerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "flex-shrink-0", children: dangerActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    exports.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__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs" }),
+                        action.label
+                      ]
+                    },
+                    idx
+                  )) })
+                ] }) }),
+                bodyFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "px-4 py-3 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "justify-between items-center", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+                        field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel2(field.name) })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: value ? "success" : "neutral", children: value ? t("common.yes") || "Yes" : t("common.no") || "No" })
+                    ] }, field.name);
+                  }
+                  return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "justify-between items-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+                      field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel2(field.name) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "px-4 py-3 mt-auto border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "sm", className: "justify-end", children: primaryActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  exports.Button,
+                  {
+                    variant: action.variant === "primary" ? "primary" : "ghost",
+                    size: "sm",
+                    onClick: handleActionClick(action, itemData),
+                    "data-testid": `action-${action.event}`,
+                    children: [
+                      action.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs", className: "mr-1" }),
+                      action.label
+                    ]
+                  },
+                  idx
+                )) }) })
+              ]
+            },
+            id
+          );
+        })
+      }
+    ),
+    hasMoreLocal && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      exports.Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
+          t("common.showMore"),
+          " (",
+          allData.length - visibleCount,
+          " remaining)"
+        ]
+      }
+    ) }),
+    infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsxRuntime.jsx(
+      exports.InfiniteScrollSentinel,
+      {
+        loadMoreEvent,
+        isLoading,
+        hasMore
+      }
+    )
+  ] });
+}
+var gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -17311,290 +17594,7 @@ var init_DataGrid = __esm({
       lg: "gap-6",
       xl: "gap-8"
     };
-    exports.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] = React110.useState(/* @__PURE__ */ new Set());
-      const [visibleCount, setVisibleCount] = React110.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 = React110.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 = React110.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__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
-      }
-      if (error) {
-        return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "error", children: error.message }) });
-      }
-      if (data.length === 0) {
-        return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
-        selectable && someSelected && /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "items-center px-2 py-2 bg-muted rounded-sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: allSelected,
-              onChange: toggleAll,
-              className: "w-4 h-4 accent-primary",
-              "aria-label": "Select all"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "font-semibold", children: [
-            selectedIds.size,
-            " ",
-            t("common.selected") || "selected"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          exports.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__ */ jsxRuntime.jsx(
-                  exports.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__ */ jsxRuntime.jsxs(
-                exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "w-full aspect-video overflow-hidden rounded-t-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-                        "img",
-                        {
-                          src: imgUrl,
-                          alt: titleValue !== void 0 ? String(titleValue) : "",
-                          className: "w-full h-full object-cover",
-                          loading: "lazy"
-                        }
-                      ) });
-                    })(),
-                    /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 pb-0", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "justify-between items-start", children: [
-                      selectable && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", className: "flex-1 min-w-0", children: [
-                        titleValue !== void 0 && titleValue !== null && /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
-                          titleField?.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: titleField.icon, size: "sm", className: "text-primary flex-shrink-0" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            exports.Typography,
-                            {
-                              variant: titleField?.variant === "h3" ? "h3" : "h4",
-                              className: "font-semibold truncate",
-                              children: String(titleValue)
-                            }
-                          )
-                        ] }),
-                        badgeFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
-                            field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: statusVariant2(String(val)), children: String(val) })
-                          ] }, field.name);
-                        }) })
-                      ] }),
-                      dangerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "flex-shrink-0", children: dangerActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-                        exports.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__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs" }),
-                            action.label
-                          ]
-                        },
-                        idx
-                      )) })
-                    ] }) }),
-                    bodyFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "px-4 py-3 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "justify-between items-center", children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
-                            field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel2(field.name) })
-                          ] }),
-                          /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: value ? "success" : "neutral", children: value ? t("common.yes") || "Yes" : t("common.no") || "No" })
-                        ] }, field.name);
-                      }
-                      return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "justify-between items-center", children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
-                          field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel2(field.name) })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "px-4 py-3 mt-auto border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "sm", className: "justify-end", children: primaryActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-                      exports.Button,
-                      {
-                        variant: action.variant === "primary" ? "primary" : "ghost",
-                        size: "sm",
-                        onClick: handleActionClick(action, itemData),
-                        "data-testid": `action-${action.event}`,
-                        children: [
-                          action.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs", className: "mr-1" }),
-                          action.label
-                        ]
-                      },
-                      idx
-                    )) }) })
-                  ]
-                },
-                id
-              );
-            })
-          }
-        ),
-        hasMoreLocal && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          exports.Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
-              t("common.showMore"),
-              " (",
-              allData.length - visibleCount,
-              " remaining)"
-            ]
-          }
-        ) }),
-        infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsxRuntime.jsx(
-          exports.InfiniteScrollSentinel,
-          {
-            loadMoreEvent,
-            isLoading,
-            hasMore
-          }
-        )
-      ] });
-    };
-    exports.DataGrid.displayName = "DataGrid";
+    DataGrid.displayName = "DataGrid";
   }
 });
 function fieldLabel3(key) {
@@ -17641,319 +17641,318 @@ function groupData(items, field) {
   }
   return Array.from(groups.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
 }
-exports.DataList = void 0;
-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();
-    exports.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] = React110__namespace.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__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
-      }
-      if (error) {
-        return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "error", children: error.message }) });
-      }
-      if (data.length === 0) {
-        return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsx(exports.VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React110__namespace.default.Fragment, { children: [
-          group.label && /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsx(
-              exports.Box,
-              {
-                className: cn(
-                  "flex px-4",
-                  isSent ? "justify-end" : "justify-start"
-                ),
-                children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  exports.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__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
-                      timestamp != null ? /* @__PURE__ */ jsxRuntime.jsx(
-                        exports.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__ */ jsxRuntime.jsxs(exports.Box, { "data-entity-row": true, "data-entity-id": id2, children: [
-            /* @__PURE__ */ jsxRuntime.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] = React110__namespace.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__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "error", children: error.message }) });
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsx(exports.VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React110__namespace.default.Fragment, { children: [
+      group.label && /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsx(
+          exports.Box,
+          {
+            className: cn(
+              "flex px-4",
+              isSent ? "justify-end" : "justify-start"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
               exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
-                  itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                    exports.HStack,
+                  !isSent && senderField && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: content !== void 0 && content !== null ? String(content) : "" }),
+                  timestamp != null ? /* @__PURE__ */ jsxRuntime.jsx(
+                    exports.Typography,
                     {
-                      gap: "xs",
-                      className: "flex-shrink-0",
-                      children: itemActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-                        exports.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__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.Box, { "data-entity-row": true, "data-entity-id": id2, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "mx-6 border-b border-border/40" })
-          ] }, id2);
-        }
-        const id = itemData.id || String(index);
-        const titleValue = getNestedValue(itemData, titleField?.name ?? "");
-        return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { "data-entity-row": true, "data-entity-id": id, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            exports.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__ */ jsxRuntime.jsxs(exports.Box, { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "items-center", children: [
-                    titleField?.icon && /* @__PURE__ */ jsxRuntime.jsx(
-                      exports.Icon,
-                      {
-                        name: titleField.icon,
-                        size: isCompact ? "xs" : "sm",
-                        className: "text-primary flex-shrink-0"
-                      }
-                    ),
-                    titleValue !== void 0 && titleValue !== null && /* @__PURE__ */ jsxRuntime.jsx(
-                      exports.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__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
-                        field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: statusVariant3(String(val)), children: String(val) })
-                      ] }, field.name);
-                    })
-                  ] }),
-                  bodyFields.length > 0 && !isCompact && /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
-                      field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", color: "secondary", children: [
-                        field.label ?? fieldLabel3(field.name),
-                        ":"
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.Box, { className: "mt-2 max-w-xs", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center mb-1", children: [
-                        field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel3(field.name) })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx(exports.ProgressBar, { value, max: 100 })
-                    ] }, field.name);
-                  })
-                ] }),
-                itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "flex-shrink-0", children: itemActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-                  exports.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__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs", className: "mr-1" }),
-                      action.label
-                    ]
-                  },
-                  idx
-                )) })
-              ]
-            }
-          ),
-          isCard && !isLast && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "mx-6 border-b border-border/40" })
-        ] }, id);
-      };
-      return /* @__PURE__ */ jsxRuntime.jsxs(
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex-1 min-w-0", children: children(itemData, index) }),
+              itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                exports.HStack,
+                {
+                  gap: "xs",
+                  className: "flex-shrink-0",
+                  children: itemActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    exports.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__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs", className: "mr-1" }),
+                        action.label
+                      ]
+                    },
+                    idx
+                  ))
+                }
+              )
+            ]
+          }
+        ),
+        isCard && !isLast && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "mx-6 border-b border-border/40" })
+      ] }, id2);
+    }
+    const id = itemData.id || String(index);
+    const titleValue = getNestedValue(itemData, titleField?.name ?? "");
+    return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { "data-entity-row": true, "data-entity-id": id, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
         exports.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__ */ jsxRuntime.jsxs(React110__namespace.default.Fragment, { children: [
-              group.label && /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "items-center", children: [
+                titleField?.icon && /* @__PURE__ */ jsxRuntime.jsx(
+                  exports.Icon,
+                  {
+                    name: titleField.icon,
+                    size: isCompact ? "xs" : "sm",
+                    className: "text-primary flex-shrink-0"
+                  }
+                ),
+                titleValue !== void 0 && titleValue !== null && /* @__PURE__ */ jsxRuntime.jsx(
+                  exports.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__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
+                    field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: statusVariant3(String(val)), children: String(val) })
+                  ] }, field.name);
+                })
+              ] }),
+              bodyFields.length > 0 && !isCompact && /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+                  field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", color: "secondary", children: [
+                    field.label ?? fieldLabel3(field.name),
+                    ":"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsxs(exports.Box, { className: "mt-2 max-w-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center mb-1", children: [
+                    field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs", className: "text-muted-foreground" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "secondary", children: field.label ?? fieldLabel3(field.name) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.ProgressBar, { value, max: 100 })
+                ] }, field.name);
+              })
+            ] }),
+            itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "flex-shrink-0", children: itemActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
               exports.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__ */ jsxRuntime.jsx(exports.Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
-                  t("common.showMore"),
-                  " (",
-                  allData.length - visibleCount,
-                  " remaining)"
+                  action.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs", className: "mr-1" }),
+                  action.label
                 ]
-              }
-            ) }),
-            infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsxRuntime.jsx(
-              exports.InfiniteScrollSentinel,
-              {
-                loadMoreEvent,
-                isLoading,
-                hasMore
-              }
-            )
+              },
+              idx
+            )) })
           ]
         }
-      );
-    };
-    exports.DataList.displayName = "DataList";
+      ),
+      isCard && !isLast && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "mx-6 border-b border-border/40" })
+    ] }, id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    exports.Box,
+    {
+      className: cn(
+        isCard && "bg-card rounded-xl border border-border shadow-lg overflow-hidden",
+        !isCard && gapClass,
+        className
+      ),
+      children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React110__namespace.default.Fragment, { children: [
+          group.label && /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          exports.Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
+              t("common.showMore"),
+              " (",
+              allData.length - visibleCount,
+              " remaining)"
+            ]
+          }
+        ) }),
+        infiniteScroll && loadMoreEvent && /* @__PURE__ */ jsxRuntime.jsx(
+          exports.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";
   }
 });
 function fileIcon(name) {
@@ -19161,7 +19160,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) {
@@ -19178,7 +19180,7 @@ var init_WizardProgress = __esm({
             compact ? "px-4 py-2" : "px-6 py-4",
             className
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: steps.map((step, index) => {
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: normalizedSteps.map((step, index) => {
             const isActive = index === currentStep;
             const isCompleted = index < currentStep;
             return /* @__PURE__ */ jsxRuntime.jsxs(React110__namespace.default.Fragment, { children: [
@@ -36833,8 +36835,8 @@ var init_component_registry_generated = __esm({
       "DamageNumber": DamageNumber,
       "DashboardGrid": exports.DashboardGrid,
       "DashboardLayout": exports.DashboardLayout,
-      "DataGrid": exports.DataGrid,
-      "DataList": exports.DataList,
+      "DataGrid": DataGrid,
+      "DataList": DataList,
       "DataTable": DataTable,
       "DateRangeSelector": exports.DateRangeSelector,
       "DayCell": DayCell,
@@ -39779,7 +39781,7 @@ AboutPageTemplate.displayName = "AboutPageTemplate";
 init_cn();
 function useOrbitalHistory(options) {
   const { appId, authToken, userId, onHistoryChange, onRevertSuccess } = options;
-  const getHeaders2 = React110.useCallback(() => {
+  const getHeaders = React110.useCallback(() => {
     const headers = {
       "Content-Type": "application/json"
     };
@@ -39800,7 +39802,7 @@ function useOrbitalHistory(options) {
     setIsLoading(true);
     setError(null);
     try {
-      const headers = getHeaders2();
+      const headers = getHeaders();
       const [changesetsRes, snapshotsRes] = await Promise.all([
         fetch(`/api/graphs/${appId}/history/changesets`, { headers }),
         fetch(`/api/graphs/${appId}/history/snapshots`, { headers })
@@ -39843,7 +39845,7 @@ function useOrbitalHistory(options) {
     } finally {
       setIsLoading(false);
     }
-  }, [appId, getHeaders2]);
+  }, [appId, getHeaders]);
   const revertToSnapshot = React110.useCallback(async (snapshotId) => {
     if (!appId) {
       return { success: false, error: "No app ID provided" };
@@ -39851,7 +39853,7 @@ function useOrbitalHistory(options) {
     try {
       const response = await fetch(`/api/graphs/${appId}/history/revert/${snapshotId}`, {
         method: "POST",
-        headers: getHeaders2()
+        headers: getHeaders()
       });
       if (!response.ok) {
         const errorData = await response.json().catch(() => ({}));
@@ -39877,7 +39879,7 @@ function useOrbitalHistory(options) {
         error: err instanceof Error ? err.message : "Failed to revert"
       };
     }
-  }, [appId, getHeaders2, refresh, onRevertSuccess]);
+  }, [appId, getHeaders, refresh, onRevertSuccess]);
   React110.useEffect(() => {
     if (appId && authToken && userId) {
       refresh();
@@ -40941,591 +40943,10 @@ function useSelectionContext() {
   const context = React110.useContext(providers.SelectionContext);
   return context;
 }
-var EntityDataContext = React110.createContext(null);
-function EntityDataProvider({
-  adapter,
-  children
-}) {
-  return React110__namespace.default.createElement(
-    EntityDataContext.Provider,
-    { value: adapter },
-    children
-  );
-}
-function useEntityDataAdapter() {
-  return React110.useContext(EntityDataContext);
-}
-var entityDataKeys = {
-  all: ["entities"],
-  lists: () => [...entityDataKeys.all, "list"],
-  list: (entity, filters) => [...entityDataKeys.lists(), entity, filters],
-  details: () => [...entityDataKeys.all, "detail"],
-  detail: (entity, id) => [...entityDataKeys.details(), entity, id]
-};
-function useEntityList(entity, options = {}) {
-  const { skip = false } = options;
-  const adapter = React110.useContext(EntityDataContext);
-  const adapterData = React110.useMemo(() => {
-    if (!adapter || !entity || skip) return [];
-    return adapter.getData(entity);
-  }, [adapter, entity, skip, adapter?.isLoading]);
-  const [stubData, setStubData] = React110.useState([]);
-  const [stubLoading, setStubLoading] = React110.useState(!skip && !!entity && !adapter);
-  const [stubError, setStubError] = React110.useState(null);
-  React110.useEffect(() => {
-    if (adapter || skip || !entity) {
-      setStubLoading(false);
-      return;
-    }
-    setStubLoading(true);
-    const t = setTimeout(() => {
-      setStubData([]);
-      setStubLoading(false);
-    }, 100);
-    return () => clearTimeout(t);
-  }, [entity, skip, adapter]);
-  if (adapter) {
-    return {
-      data: adapterData,
-      isLoading: adapter.isLoading,
-      error: adapter.error ? new Error(adapter.error) : null,
-      refetch: () => {
-      }
-    };
-  }
-  return { data: stubData, isLoading: stubLoading, error: stubError, refetch: () => {
-  } };
-}
-function useEntity(entity, id) {
-  const adapter = React110.useContext(EntityDataContext);
-  const adapterData = React110.useMemo(() => {
-    if (!adapter || !entity || !id) return null;
-    return adapter.getById(entity, id) ?? null;
-  }, [adapter, entity, id, adapter?.isLoading]);
-  const [stubData, setStubData] = React110.useState(null);
-  const [stubLoading, setStubLoading] = React110.useState(!!entity && !!id && !adapter);
-  const [stubError, setStubError] = React110.useState(null);
-  React110.useEffect(() => {
-    if (adapter || !entity || !id) {
-      setStubLoading(false);
-      return;
-    }
-    setStubLoading(true);
-    const t = setTimeout(() => {
-      setStubData(null);
-      setStubLoading(false);
-    }, 100);
-    return () => clearTimeout(t);
-  }, [entity, id, adapter]);
-  if (adapter) {
-    return {
-      data: adapterData,
-      isLoading: adapter.isLoading,
-      error: adapter.error ? new Error(adapter.error) : null
-    };
-  }
-  return { data: stubData, isLoading: stubLoading, error: stubError };
-}
-function useEntityDetail(entity, id) {
-  const result = useEntity(entity, id);
-  return { ...result, refetch: () => {
-  } };
-}
-var suspenseCache = /* @__PURE__ */ new Map();
-function getSuspenseCacheKey(entity, type, id) {
-  return id ? `${type}:${entity}:${id}` : `${type}:${entity}`;
-}
-function useEntityListSuspense(entity) {
-  const adapter = React110.useContext(EntityDataContext);
-  if (adapter) {
-    if (adapter.isLoading) {
-      const cacheKey2 = getSuspenseCacheKey(entity, "list");
-      let entry2 = suspenseCache.get(cacheKey2);
-      if (!entry2 || entry2.status === "resolved") {
-        let resolve;
-        const promise = new Promise((r) => {
-          resolve = r;
-        });
-        entry2 = { promise, status: "pending" };
-        suspenseCache.set(cacheKey2, entry2);
-        const check = setInterval(() => {
-          if (!adapter.isLoading) {
-            clearInterval(check);
-            entry2.status = "resolved";
-            resolve();
-          }
-        }, 50);
-      }
-      if (entry2.status === "pending") {
-        throw entry2.promise;
-      }
-    }
-    if (adapter.error) {
-      throw new Error(adapter.error);
-    }
-    return {
-      data: adapter.getData(entity),
-      refetch: () => {
-      }
-    };
-  }
-  const cacheKey = getSuspenseCacheKey(entity, "list");
-  let entry = suspenseCache.get(cacheKey);
-  if (!entry) {
-    let resolve;
-    const promise = new Promise((r) => {
-      resolve = r;
-      setTimeout(() => {
-        entry.status = "resolved";
-        resolve();
-      }, 100);
-    });
-    entry = { promise, status: "pending" };
-    suspenseCache.set(cacheKey, entry);
-  }
-  if (entry.status === "pending") {
-    throw entry.promise;
-  }
-  return { data: [], refetch: () => {
-  } };
-}
-function useEntitySuspense(entity, id) {
-  const adapter = React110.useContext(EntityDataContext);
-  if (adapter) {
-    if (adapter.isLoading) {
-      const cacheKey2 = getSuspenseCacheKey(entity, "detail", id);
-      let entry2 = suspenseCache.get(cacheKey2);
-      if (!entry2 || entry2.status === "resolved") {
-        let resolve;
-        const promise = new Promise((r) => {
-          resolve = r;
-        });
-        entry2 = { promise, status: "pending" };
-        suspenseCache.set(cacheKey2, entry2);
-        const check = setInterval(() => {
-          if (!adapter.isLoading) {
-            clearInterval(check);
-            entry2.status = "resolved";
-            resolve();
-          }
-        }, 50);
-      }
-      if (entry2.status === "pending") {
-        throw entry2.promise;
-      }
-    }
-    if (adapter.error) {
-      throw new Error(adapter.error);
-    }
-    return {
-      data: adapter.getById(entity, id) ?? null,
-      refetch: () => {
-      }
-    };
-  }
-  const cacheKey = getSuspenseCacheKey(entity, "detail", id);
-  let entry = suspenseCache.get(cacheKey);
-  if (!entry) {
-    let resolve;
-    const promise = new Promise((r) => {
-      resolve = r;
-      setTimeout(() => {
-        entry.status = "resolved";
-        resolve();
-      }, 100);
-    });
-    entry = { promise, status: "pending" };
-    suspenseCache.set(cacheKey, entry);
-  }
-  if (entry.status === "pending") {
-    throw entry.promise;
-  }
-  return { data: null, refetch: () => {
-  } };
-}
 
 // hooks/index.ts
 init_useQuerySingleton();
 
-// lib/api-client.ts
-var API_BASE_URL = typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "/api";
-var ApiError = class extends Error {
-  constructor(status, statusText, message) {
-    super(message || `API Error: ${status} ${statusText}`);
-    __publicField(this, "status", status);
-    __publicField(this, "statusText", statusText);
-    this.name = "ApiError";
-  }
-};
-async function handleResponse(response) {
-  if (!response.ok) {
-    let message;
-    try {
-      const errorData = await response.json();
-      message = errorData.message || errorData.error;
-    } catch {
-    }
-    throw new ApiError(response.status, response.statusText, message);
-  }
-  const text = await response.text();
-  if (!text) {
-    return void 0;
-  }
-  return JSON.parse(text);
-}
-function getHeaders() {
-  const headers = {
-    "Content-Type": "application/json"
-  };
-  const token = typeof localStorage !== "undefined" ? localStorage.getItem("authToken") : null;
-  if (token) {
-    headers["Authorization"] = `Bearer ${token}`;
-  }
-  return headers;
-}
-var apiClient = {
-  /**
-   * GET request
-   */
-  async get(endpoint) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "GET",
-      headers: getHeaders()
-    });
-    return handleResponse(response);
-  },
-  /**
-   * POST request
-   */
-  async post(endpoint, data) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "POST",
-      headers: getHeaders(),
-      body: data ? JSON.stringify(data) : void 0
-    });
-    return handleResponse(response);
-  },
-  /**
-   * PUT request
-   */
-  async put(endpoint, data) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "PUT",
-      headers: getHeaders(),
-      body: data ? JSON.stringify(data) : void 0
-    });
-    return handleResponse(response);
-  },
-  /**
-   * PATCH request
-   */
-  async patch(endpoint, data) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "PATCH",
-      headers: getHeaders(),
-      body: data ? JSON.stringify(data) : void 0
-    });
-    return handleResponse(response);
-  },
-  /**
-   * DELETE request
-   */
-  async delete(endpoint) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "DELETE",
-      headers: getHeaders()
-    });
-    return handleResponse(response);
-  }
-};
-var ENTITY_EVENTS = {
-  CREATE: "ENTITY_CREATE",
-  UPDATE: "ENTITY_UPDATE",
-  DELETE: "ENTITY_DELETE"
-};
-async function sendOrbitalEvent(orbitalName, eventPayload) {
-  const response = await apiClient.post(
-    `/orbitals/${orbitalName}/events`,
-    eventPayload
-  );
-  return response;
-}
-function useOrbitalMutations(entityName, orbitalName, options) {
-  const queryClient = reactQuery.useQueryClient();
-  const events2 = {
-    create: options?.events?.create || ENTITY_EVENTS.CREATE,
-    update: options?.events?.update || ENTITY_EVENTS.UPDATE,
-    delete: options?.events?.delete || ENTITY_EVENTS.DELETE
-  };
-  const log3 = (message, data) => {
-    if (options?.debug) {
-      console.log(`[useOrbitalMutations:${orbitalName}] ${message}`, data ?? "");
-    }
-  };
-  const createMutation = reactQuery.useMutation({
-    mutationFn: async (data) => {
-      log3("Creating entity", data);
-      return sendOrbitalEvent(orbitalName, {
-        event: events2.create,
-        payload: { data, entityType: entityName }
-      });
-    },
-    onSuccess: (response) => {
-      log3("Create succeeded", response);
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-    },
-    onError: (error) => {
-      console.error(`[useOrbitalMutations] Create failed:`, error);
-    }
-  });
-  const updateMutation = reactQuery.useMutation({
-    mutationFn: async ({
-      id,
-      data
-    }) => {
-      log3(`Updating entity ${id}`, data);
-      return sendOrbitalEvent(orbitalName, {
-        event: events2.update,
-        entityId: id,
-        payload: { data, entityType: entityName }
-      });
-    },
-    onSuccess: (response, variables) => {
-      log3("Update succeeded", response);
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-      queryClient.invalidateQueries({
-        queryKey: entityDataKeys.detail(entityName, variables.id)
-      });
-    },
-    onError: (error) => {
-      console.error(`[useOrbitalMutations] Update failed:`, error);
-    }
-  });
-  const deleteMutation = reactQuery.useMutation({
-    mutationFn: async (id) => {
-      log3(`Deleting entity ${id}`);
-      return sendOrbitalEvent(orbitalName, {
-        event: events2.delete,
-        entityId: id,
-        payload: { entityType: entityName }
-      });
-    },
-    onSuccess: (response, id) => {
-      log3("Delete succeeded", response);
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-      queryClient.removeQueries({ queryKey: entityDataKeys.detail(entityName, id) });
-    },
-    onError: (error) => {
-      console.error(`[useOrbitalMutations] Delete failed:`, error);
-    }
-  });
-  return {
-    // Async functions
-    createEntity: async (data) => {
-      return createMutation.mutateAsync(data);
-    },
-    updateEntity: async (id, data) => {
-      if (!id) {
-        console.warn("[useOrbitalMutations] Cannot update without ID");
-        return;
-      }
-      return updateMutation.mutateAsync({ id, data });
-    },
-    deleteEntity: async (id) => {
-      if (!id) {
-        console.warn("[useOrbitalMutations] Cannot delete without ID");
-        return;
-      }
-      return deleteMutation.mutateAsync(id);
-    },
-    // Mutation objects for fine-grained control
-    createMutation,
-    updateMutation,
-    deleteMutation,
-    // Aggregate states
-    isCreating: createMutation.isPending,
-    isUpdating: updateMutation.isPending,
-    isDeleting: deleteMutation.isPending,
-    isMutating: createMutation.isPending || updateMutation.isPending || deleteMutation.isPending,
-    // Errors
-    createError: createMutation.error,
-    updateError: updateMutation.error,
-    deleteError: deleteMutation.error
-  };
-}
-function useSendOrbitalEvent(orbitalName) {
-  const mutation = reactQuery.useMutation({
-    mutationFn: async (payload) => {
-      return sendOrbitalEvent(orbitalName, payload);
-    }
-  });
-  return {
-    sendEvent: async (event, payload, entityId) => {
-      return mutation.mutateAsync({ event, payload, entityId });
-    },
-    isPending: mutation.isPending,
-    error: mutation.error,
-    data: mutation.data
-  };
-}
-
-// hooks/useEntityMutations.ts
-function entityToCollection(entityName) {
-  return entityName.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase() + "-list";
-}
-function useCreateEntity(entityName) {
-  const queryClient = reactQuery.useQueryClient();
-  const collection = entityToCollection(entityName);
-  return reactQuery.useMutation({
-    mutationFn: async (data) => {
-      console.log(`[useCreateEntity] Creating ${entityName}:`, data);
-      const response = await apiClient.post(
-        `/${collection}`,
-        data
-      );
-      return response.data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-    },
-    onError: (error) => {
-      console.error(`[useCreateEntity] Failed to create ${entityName}:`, error);
-    }
-  });
-}
-function useUpdateEntity(entityName) {
-  const queryClient = reactQuery.useQueryClient();
-  const collection = entityToCollection(entityName);
-  return reactQuery.useMutation({
-    mutationFn: async ({ id, data }) => {
-      console.log(`[useUpdateEntity] Updating ${entityName} ${id}:`, data);
-      const response = await apiClient.patch(
-        `/${collection}/${id}`,
-        data
-      );
-      return response.data;
-    },
-    onSuccess: (_, variables) => {
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.detail(entityName, variables.id) });
-    },
-    onError: (error) => {
-      console.error(`[useUpdateEntity] Failed to update ${entityName}:`, error);
-    }
-  });
-}
-function useDeleteEntity(entityName) {
-  const queryClient = reactQuery.useQueryClient();
-  const collection = entityToCollection(entityName);
-  return reactQuery.useMutation({
-    mutationFn: async (id) => {
-      console.log(`[useDeleteEntity] Deleting ${entityName} ${id}`);
-      await apiClient.delete(`/${collection}/${id}`);
-      return { id };
-    },
-    onSuccess: (_, id) => {
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-      queryClient.removeQueries({ queryKey: entityDataKeys.detail(entityName, id) });
-    },
-    onError: (error) => {
-      console.error(`[useDeleteEntity] Failed to delete ${entityName}:`, error);
-    }
-  });
-}
-async function sendOrbitalMutation(orbitalName, event, entityId, payload) {
-  const response = await apiClient.post(
-    `/orbitals/${orbitalName}/events`,
-    { event, entityId, payload }
-  );
-  return response;
-}
-function useEntityMutations(entityName, options) {
-  const queryClient = reactQuery.useQueryClient();
-  const useOrbitalRoute = !!options?.orbitalName;
-  const events2 = {
-    create: options?.events?.create || ENTITY_EVENTS.CREATE,
-    update: options?.events?.update || ENTITY_EVENTS.UPDATE,
-    delete: options?.events?.delete || ENTITY_EVENTS.DELETE
-  };
-  const createMutation = useCreateEntity(entityName);
-  const updateMutation = useUpdateEntity(entityName);
-  const deleteMutation = useDeleteEntity(entityName);
-  const orbitalCreateMutation = reactQuery.useMutation({
-    mutationFn: async (data) => {
-      return sendOrbitalMutation(options.orbitalName, events2.create, void 0, {
-        data,
-        entityType: entityName
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-    }
-  });
-  const orbitalUpdateMutation = reactQuery.useMutation({
-    mutationFn: async ({ id, data }) => {
-      return sendOrbitalMutation(options.orbitalName, events2.update, id, {
-        data,
-        entityType: entityName
-      });
-    },
-    onSuccess: (_, variables) => {
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-      queryClient.invalidateQueries({
-        queryKey: entityDataKeys.detail(entityName, variables.id)
-      });
-    }
-  });
-  const orbitalDeleteMutation = reactQuery.useMutation({
-    mutationFn: async (id) => {
-      return sendOrbitalMutation(options.orbitalName, events2.delete, id, {
-        entityType: entityName
-      });
-    },
-    onSuccess: (_, id) => {
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-      queryClient.removeQueries({ queryKey: entityDataKeys.detail(entityName, id) });
-    }
-  });
-  const activeMutations = {
-    create: useOrbitalRoute ? orbitalCreateMutation : createMutation,
-    update: useOrbitalRoute ? orbitalUpdateMutation : updateMutation,
-    delete: useOrbitalRoute ? orbitalDeleteMutation : deleteMutation
-  };
-  return {
-    // Async functions that can be called directly
-    // Accepts either (data) or (entityName, data) for compiler compatibility
-    createEntity: async (entityOrData, data) => {
-      const actualData = typeof entityOrData === "string" ? data : entityOrData;
-      if (!actualData) {
-        console.warn("[useEntityMutations] Cannot create entity without data");
-        return;
-      }
-      return activeMutations.create.mutateAsync(actualData);
-    },
-    updateEntity: async (id, data) => {
-      if (!id) {
-        console.warn("[useEntityMutations] Cannot update entity without ID");
-        return;
-      }
-      return activeMutations.update.mutateAsync({ id, data });
-    },
-    deleteEntity: async (id) => {
-      if (!id) {
-        console.warn("[useEntityMutations] Cannot delete entity without ID");
-        return;
-      }
-      return activeMutations.delete.mutateAsync(id);
-    },
-    // Mutation states for UI feedback
-    isCreating: activeMutations.create.isPending,
-    isUpdating: activeMutations.update.isPending,
-    isDeleting: activeMutations.delete.isPending,
-    createError: activeMutations.create.error,
-    updateError: activeMutations.update.error,
-    deleteError: activeMutations.delete.error
-  };
-}
-
 // stores/entityStore.ts
 var entities = /* @__PURE__ */ new Map();
 var listeners6 = /* @__PURE__ */ new Set();
@@ -41603,7 +41024,7 @@ function useEntities() {
     clearEntities
   };
 }
-function useEntity2(id) {
+function useEntity(id) {
   const entities2 = React110.useSyncExternalStore(subscribe, getSnapshot2, getSnapshot2);
   return entities2.get(id);
 }
@@ -41639,28 +41060,6 @@ function useInput() {
 
 // hooks/index.ts
 init_useTranslate();
-function useResolvedEntity(entity, data) {
-  const shouldFetch = !data && !!entity;
-  const fetched = useEntityList(entity, { skip: !shouldFetch });
-  return React110.useMemo(() => {
-    if (data) {
-      return {
-        data,
-        isLocal: true,
-        isLoading: false,
-        error: null
-      };
-    }
-    return {
-      data: fetched.data,
-      isLocal: false,
-      isLoading: fetched.isLoading,
-      error: fetched.error
-    };
-  }, [data, fetched.data, fetched.isLoading, fetched.error]);
-}
-
-// hooks/index.ts
 init_useAuthContext();
 init_useSwipeGesture();
 init_useLongPress();
@@ -41910,20 +41309,20 @@ exports.CraftingRecipe = CraftingRecipe;
 exports.DEFAULT_SLOTS = DEFAULT_SLOTS;
 exports.DPad = DPad;
 exports.DamageNumber = DamageNumber;
+exports.DataGrid = DataGrid;
+exports.DataList = DataList;
 exports.DataTable = DataTable;
 exports.DayCell = DayCell;
 exports.DebuggerBoard = DebuggerBoard;
 exports.DialogueBox = DialogueBox;
 exports.DialogueBubble = DialogueBubble;
 exports.DomStateMachineVisualizer = exports.StateMachineView;
-exports.ENTITY_EVENTS = ENTITY_EVENTS;
 exports.EditorCheckbox = EditorCheckbox;
 exports.EditorSelect = EditorSelect;
 exports.EditorSlider = EditorSlider;
 exports.EditorTextInput = EditorTextInput;
 exports.EditorToolbar = EditorToolbar;
 exports.EnemyPlate = EnemyPlate;
-exports.EntityDataProvider = EntityDataProvider;
 exports.EventHandlerBoard = EventHandlerBoard;
 exports.EventLog = EventLog;
 exports.FEATURE_TYPES = FEATURE_TYPES;
@@ -42018,7 +41417,6 @@ exports.createInitialGameState = createInitialGameState;
 exports.createTranslate = createTranslate;
 exports.createUnitAnimationState = createUnitAnimationState;
 exports.drawSprite = drawSprite;
-exports.entityDataKeys = entityDataKeys;
 exports.generateCombatMessage = generateCombatMessage;
 exports.getAllEntities = getAllEntities;
 exports.getByType = getByType;
@@ -42046,9 +41444,7 @@ exports.useBattleState = useBattleState;
 exports.useCamera = useCamera;
 exports.useCompile = useCompile;
 exports.useConnectGitHub = useConnectGitHub;
-exports.useCreateEntity = useCreateEntity;
 exports.useDeepAgentGeneration = useDeepAgentGeneration;
-exports.useDeleteEntity = useDeleteEntity;
 exports.useDisconnectGitHub = useDisconnectGitHub;
 exports.useDragReorder = useDragReorder;
 exports.useDraggable = useDraggable;
@@ -42056,14 +41452,7 @@ exports.useDropZone = useDropZone;
 exports.useEmitEvent = useEmitEvent;
 exports.useEntities = useEntities;
 exports.useEntitiesByType = useEntitiesByType;
-exports.useEntity = useEntity;
-exports.useEntityById = useEntity2;
-exports.useEntityDataAdapter = useEntityDataAdapter;
-exports.useEntityDetail = useEntityDetail;
-exports.useEntityList = useEntityList;
-exports.useEntityListSuspense = useEntityListSuspense;
-exports.useEntityMutations = useEntityMutations;
-exports.useEntitySuspense = useEntitySuspense;
+exports.useEntityById = useEntity;
 exports.useEventBus = useEventBus;
 exports.useEventListener = useEventListener;
 exports.useExtensions = useExtensions;
@@ -42080,7 +41469,6 @@ exports.useInfiniteScroll = useInfiniteScroll;
 exports.useInput = useInput;
 exports.useLongPress = useLongPress;
 exports.useOrbitalHistory = useOrbitalHistory;
-exports.useOrbitalMutations = useOrbitalMutations;
 exports.usePhysics = usePhysics;
 exports.usePhysics2D = usePhysics2D;
 exports.usePinchZoom = usePinchZoom;
@@ -42088,14 +41476,11 @@ exports.usePlayer = usePlayer;
 exports.usePreview = usePreview;
 exports.usePullToRefresh = usePullToRefresh;
 exports.useQuerySingleton = useQuerySingleton;
-exports.useResolvedEntity = useResolvedEntity;
 exports.useSelectedEntity = useSelectedEntity;
-exports.useSendOrbitalEvent = useSendOrbitalEvent;
 exports.useSingletonEntity = useSingletonEntity;
 exports.useSpriteAnimations = useSpriteAnimations;
 exports.useSwipeGesture = useSwipeGesture;
 exports.useTranslate = useTranslate;
 exports.useUIEvents = useUIEvents;
 exports.useUISlotManager = useUISlotManager;
-exports.useUpdateEntity = useUpdateEntity;
 exports.useValidation = useValidation;