@almadar/ui 3.9.1 → 4.0.1

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React110 from 'react';
-import React110__default, { createContext, useContext, useRef, useEffect, useCallback, useState, Suspense, useMemo, lazy, useSyncExternalStore, useLayoutEffect, useId } from 'react';
+import React110__default, { useContext, useRef, useEffect, useCallback, createContext, useState, Suspense, useMemo, lazy, useSyncExternalStore, useLayoutEffect, useId } from 'react';
 import { EventBusContext, SelectionContext } from '@almadar/ui/providers';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, X, AlertTriangle, Info, AlertCircle, CheckCircle, ChevronDown, List, Printer, ChevronRight, ChevronLeft, XCircle, Wrench, RotateCcw, Send, Code, FileText, WrapText, Check, Copy, Zap, Sword, Move, Heart, Shield, Trash2, Settings, Menu as Menu$1, Search, Bell, LogOut, ChevronUp, MoreHorizontal, Bug, ZoomOut, ZoomIn, Download, Pause, Play, Package, Calendar, Pencil, Eye, Image as Image$1, Upload, ArrowRight, ArrowLeft, Eraser, SkipForward, TrendingUp, TrendingDown, Minus, ArrowUp, ArrowDown, MoreVertical, Circle, Clock, CheckCircle2, HelpCircle, FileQuestion, Inbox, Plus, User, Filter, Star, FileWarning, Tag, DollarSign, Sun, Moon } from 'lucide-react';
@@ -35,7 +35,7 @@ import langGo from 'react-syntax-highlighter/dist/esm/languages/prism/go.js';
 import langGraphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql.js';
 import { isInlineTrait } from '@almadar/core';
 import { useUISlots } from '@almadar/ui/context';
-import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -6241,13 +6241,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect67, useRef: useRef64, useCallback: useCallback114, useState: useState100 } = React110__default;
+      const { useEffect: useEffect66, useRef: useRef64, useCallback: useCallback114, useState: useState99 } = React110__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);
@@ -6258,7 +6258,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);
@@ -6285,7 +6285,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 });
@@ -17244,7 +17244,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";
@@ -17266,289 +17549,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";
   }
 });
@@ -17596,318 +17596,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] = React110__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(React110__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] = React110__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(React110__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(React110__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(React110__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";
   }
 });
@@ -19116,7 +19115,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) {
@@ -19133,7 +19135,7 @@ 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(React110__default.Fragment, { children: [
@@ -39734,7 +39736,7 @@ AboutPageTemplate.displayName = "AboutPageTemplate";
 init_cn();
 function useOrbitalHistory(options) {
   const { appId, authToken, userId, onHistoryChange, onRevertSuccess } = options;
-  const getHeaders2 = useCallback(() => {
+  const getHeaders = useCallback(() => {
     const headers = {
       "Content-Type": "application/json"
     };
@@ -39755,7 +39757,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 })
@@ -39798,7 +39800,7 @@ function useOrbitalHistory(options) {
     } finally {
       setIsLoading(false);
     }
-  }, [appId, getHeaders2]);
+  }, [appId, getHeaders]);
   const revertToSnapshot = useCallback(async (snapshotId) => {
     if (!appId) {
       return { success: false, error: "No app ID provided" };
@@ -39806,7 +39808,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(() => ({}));
@@ -39832,7 +39834,7 @@ function useOrbitalHistory(options) {
         error: err instanceof Error ? err.message : "Failed to revert"
       };
     }
-  }, [appId, getHeaders2, refresh, onRevertSuccess]);
+  }, [appId, getHeaders, refresh, onRevertSuccess]);
   useEffect(() => {
     if (appId && authToken && userId) {
       refresh();
@@ -40896,591 +40898,10 @@ function useSelectionContext() {
   const context = useContext(SelectionContext);
   return context;
 }
-var EntityDataContext = createContext(null);
-function EntityDataProvider({
-  adapter,
-  children
-}) {
-  return React110__default.createElement(
-    EntityDataContext.Provider,
-    { value: adapter },
-    children
-  );
-}
-function useEntityDataAdapter() {
-  return 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 = useContext(EntityDataContext);
-  const adapterData = useMemo(() => {
-    if (!adapter || !entity || skip) return [];
-    return adapter.getData(entity);
-  }, [adapter, entity, skip, adapter?.isLoading]);
-  const [stubData, setStubData] = useState([]);
-  const [stubLoading, setStubLoading] = useState(!skip && !!entity && !adapter);
-  const [stubError, setStubError] = useState(null);
-  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 = useContext(EntityDataContext);
-  const adapterData = useMemo(() => {
-    if (!adapter || !entity || !id) return null;
-    return adapter.getById(entity, id) ?? null;
-  }, [adapter, entity, id, adapter?.isLoading]);
-  const [stubData, setStubData] = useState(null);
-  const [stubLoading, setStubLoading] = useState(!!entity && !!id && !adapter);
-  const [stubError, setStubError] = useState(null);
-  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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = useQueryClient();
-  const collection = entityToCollection(entityName);
-  return 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 = useQueryClient();
-  const collection = entityToCollection(entityName);
-  return 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 = useQueryClient();
-  const collection = entityToCollection(entityName);
-  return 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 = 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 = useMutation({
-    mutationFn: async (data) => {
-      return sendOrbitalMutation(options.orbitalName, events2.create, void 0, {
-        data,
-        entityType: entityName
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: entityDataKeys.list(entityName) });
-    }
-  });
-  const orbitalUpdateMutation = 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 = 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();
@@ -41558,7 +40979,7 @@ function useEntities() {
     clearEntities
   };
 }
-function useEntity2(id) {
+function useEntity(id) {
   const entities2 = useSyncExternalStore(subscribe, getSnapshot2, getSnapshot2);
   return entities2.get(id);
 }
@@ -41594,28 +41015,6 @@ function useInput() {
 
 // hooks/index.ts
 init_useTranslate();
-function useResolvedEntity(entity, data) {
-  const shouldFetch = !data && !!entity;
-  const fetched = useEntityList(entity, { skip: !shouldFetch });
-  return 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();
@@ -41839,4 +41238,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ENTITY_EVENTS, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDataProvider, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LineChart2 as LineChart, List2 as List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail2 as MasterDetail, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, ViolationAlert, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, entityDataKeys, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity, useEntity2 as useEntityById, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntityMutations, useEntitySuspense, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, useOrbitalMutations, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTranslate, useUIEvents, useUISlotManager, useUpdateEntity, useValidation };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LineChart2 as LineChart, List2 as List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail2 as MasterDetail, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, ViolationAlert, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity as useEntityById, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useSelectedEntity, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTranslate, useUIEvents, useUISlotManager, useValidation };