@jmruthers/pace-core 0.5.189 → 0.5.191

package/dist/{chunk-2UUZZJFT.js → chunk-ULHIJK66.js}

@@ -1,14 +1,16 @@
 import {
-  useCan,
-  useResolvedScope
-} from "./chunk-3GOZZZYH.js";
+  useCan
+} from "./chunk-VRGWKHDB.js";
 import {
   toast,
   useDataTablePerformance
 } from "./chunk-6C4YBBJM.js";
+import {
+  useResolvedScope
+} from "./chunk-OETXORNB.js";
 import {
   useUnifiedAuth
-} from "./chunk-VGZZXKBR.js";
+} from "./chunk-6LTQQAT6.js";
 import {
   cn,
   renderSafeHtml
@@ -5556,7 +5558,7 @@ function getButtonClasses(variant = "default", size = "default") {
     default: "h-9 px-4 py-2",
     sm: "h-8 rounded-md px-3 text-xs",
     lg: "h-10 rounded-md px-8",
-    icon: "h-8 w-8"
+    icon: "size-8"
   };
   return `${baseClasses} ${variantClasses[variant]} ${sizeClasses2[size]}`;
 }
@@ -5759,7 +5761,9 @@ var useSelectState = ({
     onOpenChange?.(false);
   }, [controlledValue, onValueChange, controlledOpen, onOpenChange]);
   const setOpen = React4.useCallback((newOpen) => {
-    if (disabled) return;
+    if (disabled) {
+      return;
+    }
     if (newOpen) {
       const allTriggers = document.querySelectorAll('[data-testid="select-trigger"]');
       allTriggers.forEach((trigger) => {
@@ -5810,22 +5814,22 @@ var useSelectEvents = ({ state, actions, selectRef }) => {
     }
   }, [actions, selectRef]);
   React4.useEffect(() => {
+    if (!state.open) return;
     const handleClickOutside = (event) => {
       const selectElement = selectRef.current;
-      const clickedElement = event.target;
-      const isSelectItem = clickedElement?.closest('[data-testid="select-item"]');
-      const isSearchInput = clickedElement?.closest('[data-testid="select-search-input"]');
-      const isSelectContent = clickedElement?.closest('[data-testid="select-content"]');
-      if (state.open && selectElement && !selectElement.contains(event.target) && !isSelectItem && !isSearchInput && !isSelectContent && !isSelecting) {
+      if (!selectElement) return;
+      const target = event.target;
+      if (!selectElement.contains(target) && !isSelecting) {
         actions.setOpen(false);
       }
     };
-    if (state.open) {
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => {
-        document.removeEventListener("mousedown", handleClickOutside);
-      };
-    }
+    const timeoutId = setTimeout(() => {
+      document.addEventListener("click", handleClickOutside, true);
+    }, 100);
+    return () => {
+      clearTimeout(timeoutId);
+      document.removeEventListener("click", handleClickOutside, true);
+    };
   }, [state.open, actions, selectRef, isSelecting]);
   React4.useEffect(() => {
     let timeoutId = null;
@@ -6024,6 +6028,10 @@ var Select = React4.forwardRef(
         className: cn("relative", className),
         "data-value": state.value,
         "data-testid": "select-root",
+        onSubmit: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        },
         children: /* @__PURE__ */ jsx4(SelectContext.Provider, { value: contextValue, children })
       }
     );
@@ -6034,9 +6042,20 @@ var SelectTrigger = React4.forwardRef(
   ({ children, className, variant = "outline", size = "default", asChild = false, ...props }, ref) => {
     const { open, disabled, value, actions, direction = "down" } = useSelectContext();
     const opensUpward = direction === "up";
-    const handleClick = () => {
+    const handleClickRef = React4.useRef();
+    const handleClick = React4.useCallback((e) => {
+      if (disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      e.preventDefault();
+      e.stopPropagation();
       actions.setOpen(!open);
-    };
+    }, [disabled, open, actions]);
+    React4.useEffect(() => {
+      handleClickRef.current = handleClick;
+    }, [handleClick]);
     const handleKeyDown = (e) => {
       if (disabled) return;
       switch (e.key) {
@@ -6100,7 +6119,7 @@ var SelectTrigger = React4.forwardRef(
             ChevronDown,
             {
               className: cn(
-                "h-4 w-4 opacity-50 transition-transform pointer-events-none float-right",
+                "size-4 opacity-50 transition-transform pointer-events-none float-right",
                 open && "rotate-180"
               )
             },
@@ -6109,10 +6128,17 @@ var SelectTrigger = React4.forwardRef(
         ]
       });
     }
+    const handleRef = React4.useCallback((node) => {
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    }, [ref]);
     return /* @__PURE__ */ jsxs2(
       Button,
       {
-        ref,
+        ref: handleRef,
         type: "button",
         role: "combobox",
         "aria-expanded": open,
@@ -6133,7 +6159,9 @@ var SelectTrigger = React4.forwardRef(
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         },
-        onClick: handleClick,
+        onClick: (e) => {
+          handleClick(e);
+        },
         onKeyDown: handleKeyDown,
         "data-testid": "select-trigger",
         "data-value": value,
@@ -6144,7 +6172,7 @@ var SelectTrigger = React4.forwardRef(
             ChevronDown,
             {
               className: cn(
-                "h-4 w-4 opacity-50 transition-transform pointer-events-none float-right",
+                "size-4 opacity-50 transition-transform pointer-events-none float-right",
                 open && "rotate-180"
               )
             }
@@ -6158,7 +6186,16 @@ SelectTrigger.displayName = "SelectTrigger";
 var SelectValue = React4.forwardRef(
   ({ placeholder = "Select an option...", children }, ref) => {
     const { selectedText } = useSelectContext();
-    return /* @__PURE__ */ jsx4("span", { ref, "data-testid": "select-value", children: children || (selectedText ? selectedText : placeholder) });
+    return /* @__PURE__ */ jsx4(
+      "span",
+      {
+        ref,
+        "data-testid": "select-value",
+        style: { pointerEvents: "none" },
+        className: "pointer-events-none",
+        children: children || (selectedText ? selectedText : placeholder)
+      }
+    );
   }
 );
 SelectValue.displayName = "SelectValue";
@@ -6217,7 +6254,7 @@ var SelectContent = React4.forwardRef(
         role: "listbox",
         children: [
           searchable && /* @__PURE__ */ jsx4("div", { className: "p-2 border-b border-main-200", children: /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx4(Search, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-main-400" }),
+            /* @__PURE__ */ jsx4(Search, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 size-4 text-main-400" }),
             /* @__PURE__ */ jsx4(
               "input",
               {
@@ -6245,7 +6282,7 @@ var SelectContent = React4.forwardRef(
                 className: "absolute right-2 top-1/2 transform -translate-y-1/2 text-main-400 hover:text-main-600",
                 "data-testid": "select-clear-search",
                 "aria-label": "Clear search",
-                children: /* @__PURE__ */ jsx4(X, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx4(X, { className: "size-4" })
               }
             )
           ] }) }),
@@ -6338,7 +6375,7 @@ var SelectItem = React4.forwardRef(
         tabIndex: disabled ? -1 : 0,
         children: [
           children,
-          isSelected && /* @__PURE__ */ jsx4(Check, { className: "absolute right-2 h-4 w-4 flex-shrink-0 mt-0.5" })
+          isSelected && /* @__PURE__ */ jsx4(Check, { className: "absolute right-2 size-4 flex-shrink-0 mt-0.5" })
         ]
       }
     );
@@ -6413,7 +6450,7 @@ function GroupingDropdown({
         variant: "outline",
         className: className || "",
         children: [
-          /* @__PURE__ */ jsx5(Group, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx5(Group, { className: "size-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsx5("span", { className: "truncate", children: "Grouping" })
         ]
       }
@@ -6457,7 +6494,7 @@ var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   {
     ref,
     className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "peer size-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       className
     ),
     ...props,
@@ -6465,7 +6502,7 @@ var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx6(Check2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx6(Check2, { className: "size-4" })
       }
     )
   }
@@ -6488,7 +6525,7 @@ function ColumnVisibilityDropdown({
       {
         variant: "outline",
         children: [
-          /* @__PURE__ */ jsx7(Settings2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx7(Settings2, { className: "size-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsx7("span", { className: "truncate", children: "Columns" })
         ]
       }
@@ -6509,7 +6546,7 @@ function ColumnVisibilityDropdown({
               });
             },
             children: [
-              /* @__PURE__ */ jsx7(Eye, { className: "h-3 w-3 mr-1" }),
+              /* @__PURE__ */ jsx7(Eye, { className: "size-3 mr-1" }),
               "Show All"
             ]
           }
@@ -6528,7 +6565,7 @@ function ColumnVisibilityDropdown({
               });
             },
             children: [
-              /* @__PURE__ */ jsx7(EyeOff, { className: "h-3 w-3 mr-1" }),
+              /* @__PURE__ */ jsx7(EyeOff, { className: "size-3 mr-1" }),
               "Hide All"
             ]
           }
@@ -6622,7 +6659,7 @@ function DataTableToolbar({
         variant: "outline",
         onClick: onToggleFilterRow,
         children: [
-          /* @__PURE__ */ jsx8(Filter, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx8(Filter, { className: "size-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsx8("span", { className: "truncate", children: showFilterRow ? "Hide Filters" : "Show Filters" })
         ]
       }
@@ -6633,7 +6670,7 @@ function DataTableToolbar({
         variant: "outline",
         onClick: onCreateRow,
         children: [
-          /* @__PURE__ */ jsx8(Plus, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx8(Plus, { className: "size-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsx8("span", { className: "truncate", children: "Add Row" })
         ]
       }
@@ -6645,7 +6682,7 @@ function DataTableToolbar({
         onClick: onImportClick,
         "data-restore-target": "datatable-import-button",
         children: [
-          /* @__PURE__ */ jsx8(Upload, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx8(Upload, { className: "size-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsx8("span", { className: "truncate", children: "Import" })
         ]
       }
@@ -6656,7 +6693,7 @@ function DataTableToolbar({
         variant: "outline",
         onClick: onExport,
         children: [
-          /* @__PURE__ */ jsx8(Download, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx8(Download, { className: "size-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsx8("span", { className: "truncate", children: "Export" })
         ]
       }
@@ -6668,7 +6705,7 @@ function DataTableToolbar({
         onClick: () => onDeleteSelected?.(rowSelection),
         disabled: Object.values(rowSelection).filter(Boolean).length === 0,
         children: [
-          /* @__PURE__ */ jsx8(Trash2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx8(Trash2, { className: "size-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsx8("span", { className: "truncate", children: "Delete" })
         ]
       }
@@ -6707,7 +6744,7 @@ function EmptyState({
           {
             role: "img",
             "aria-hidden": "true",
-            className: "h-12 w-12 text-muted-foreground mb-4",
+            className: "size-12 text-muted-foreground mb-4",
             "data-testid": Icon === Database ? "lucide-database" : Icon === User ? "lucide-user" : "custom-icon"
           }
         ),
@@ -6715,11 +6752,11 @@ function EmptyState({
         /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: description || defaultDescription }),
         isFiltered && onClearFilters || action ? /* @__PURE__ */ jsxs6("div", { className: "flex gap-2", children: [
           isFiltered && onClearFilters && /* @__PURE__ */ jsxs6(Button, { variant: "outline", onClick: onClearFilters, children: [
-            /* @__PURE__ */ jsx9(Search3, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ jsx9(Search3, { className: "size-4 mr-2" }),
             "Clear filters"
           ] }),
           action && /* @__PURE__ */ jsxs6(Button, { onClick: action.onClick, children: [
-            /* @__PURE__ */ jsx9(Plus2, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ jsx9(Plus2, { className: "size-4 mr-2" }),
             action.label
           ] })
         ] }) : null
@@ -6837,7 +6874,7 @@ function ColumnFilter({
       {
         variant: "ghost",
         onClick: clearFilter,
-        children: /* @__PURE__ */ jsx10(X2, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ jsx10(X2, { className: "size-3" })
       }
     ),
     hasFilter && /* @__PURE__ */ jsx10("div", { className: "absolute -top-1 -right-1 h-2 w-2 bg-main-500 rounded-full" })
@@ -6997,17 +7034,17 @@ function ActionButtonsComponent({
           "aria-disabled": isDisabled,
           "data-testid": action.testId,
           "aria-label": label,
-          className: "h-8 w-8 p-0",
-          children: Icon && /* @__PURE__ */ jsx12(Icon, { className: "h-4 w-4" })
+          className: "size-8 p-0",
+          children: Icon && /* @__PURE__ */ jsx12(Icon, { className: "size-4" })
         },
         actionIndex
       );
     }) });
   }
   return /* @__PURE__ */ jsxs8(Select, { children: [
-    /* @__PURE__ */ jsx12(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(Button, { variant: "ghost", className: "h-8 w-8 p-0", children: [
+    /* @__PURE__ */ jsx12(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(Button, { variant: "ghost", className: "size-8 p-0", children: [
       /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Open menu" }),
-      /* @__PURE__ */ jsx12(MoreHorizontal, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx12(MoreHorizontal, { className: "size-4" })
     ] }) }),
     /* @__PURE__ */ jsx12(SelectContent, { className: "!bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: visibleActions.map((action, actionIndex) => {
       const { Icon, label } = renderAction(action, actionIndex);
@@ -7025,7 +7062,7 @@ function ActionButtonsComponent({
           className: "flex items-center gap-2",
           "aria-disabled": isDisabled,
           children: [
-            Icon && /* @__PURE__ */ jsx12(Icon, { className: "h-4 w-4" }),
+            Icon && /* @__PURE__ */ jsx12(Icon, { className: "size-4" }),
             /* @__PURE__ */ jsx12("span", { children: label })
           ]
         },
@@ -7049,7 +7086,7 @@ function SelectEditField({
   onChange,
   className
 }) {
-  const logger = React9.useMemo(() => createLogger("SelectEditField"), []);
+  const logger2 = React9.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
   const selectRef = React9.useRef(null);
@@ -7142,9 +7179,9 @@ function SelectEditField({
       setSearchTerm("");
       setShowCreateOption(false);
     } catch (error) {
-      logger.error("Error creating new item:", error);
+      logger2.error("Error creating new item:", error);
     }
-  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange, logger]);
+  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange, logger2]);
   return /* @__PURE__ */ jsxs9(
     Select,
     {
@@ -7299,8 +7336,8 @@ function EditableRow({
         return /* @__PURE__ */ jsx13("td", { role: "cell", children: /* @__PURE__ */ jsx13("div", { className: cell.column.columnDef.meta?.align === "right" ? "text-right" : "", children: isSystemColumn ? (
           // System columns: render their normal cell content (checkbox for select, buttons for actions)
           cell.column.id === "actions" ? /* @__PURE__ */ jsxs9("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx13(Button, { onClick: onSave, size: "sm", variant: "default", "aria-label": "Save changes", children: /* @__PURE__ */ jsx13(Check3, { className: "h-4 w-4" }) }),
-            /* @__PURE__ */ jsx13(Button, { onClick: onCancel, size: "sm", variant: "outline", "aria-label": "Cancel editing", children: /* @__PURE__ */ jsx13(X3, { className: "h-4 w-4" }) })
+            /* @__PURE__ */ jsx13(Button, { onClick: onSave, size: "sm", variant: "default", "aria-label": "Save changes", children: /* @__PURE__ */ jsx13(Check3, { className: "size-4" }) }),
+            /* @__PURE__ */ jsx13(Button, { onClick: onCancel, size: "sm", variant: "outline", "aria-label": "Cancel editing", children: /* @__PURE__ */ jsx13(X3, { className: "size-4" }) })
           ] }) : (
             // Select column: render the checkbox normally
             flexRender(cell.column.columnDef.cell, cell.getContext())
@@ -7396,11 +7433,17 @@ function groupHierarchicalData(data) {
   return groups;
 }
 var depthCache = /* @__PURE__ */ new WeakMap();
-function getRowDepth(row, allData) {
-  let cachedDepths = depthCache.get(allData);
+var logger = createLogger("HierarchicalUtils");
+function getRowDepth(row, allData, maxDepth = 100) {
+  let cachedDepthsByLimit = depthCache.get(allData);
+  if (!cachedDepthsByLimit) {
+    cachedDepthsByLimit = /* @__PURE__ */ new Map();
+    depthCache.set(allData, cachedDepthsByLimit);
+  }
+  let cachedDepths = cachedDepthsByLimit.get(maxDepth);
   if (!cachedDepths) {
     cachedDepths = /* @__PURE__ */ new Map();
-    depthCache.set(allData, cachedDepths);
+    cachedDepthsByLimit.set(maxDepth, cachedDepths);
   }
   if (cachedDepths.has(row.id)) {
     return cachedDepths.get(row.id);
@@ -7417,8 +7460,17 @@ function getRowDepth(row, allData) {
         parentMap.set(item.id, item);
       }
     });
+    const visited = /* @__PURE__ */ new Set();
     let current = row;
-    while (current.parentId) {
+    while (current.parentId && depth < maxDepth) {
+      if (visited.has(current.id)) {
+        logger.warn("Circular reference detected while calculating row depth", {
+          rowId: row.id,
+          currentId: current.id
+        });
+        break;
+      }
+      visited.add(current.id);
       depth++;
       const parent = parentMap.get(current.parentId);
       if (!parent || parent.isParent) {
@@ -7430,6 +7482,12 @@ function getRowDepth(row, allData) {
         break;
       }
     }
+    if (depth >= maxDepth && current.parentId) {
+      logger.warn("Maximum hierarchy depth reached while calculating row depth", {
+        rowId: row.id,
+        maxDepth
+      });
+    }
   }
   cachedDepths.set(row.id, depth);
   return depth;
@@ -7558,7 +7616,7 @@ function SelectEditField2({
   placeholder,
   onChange
 }) {
-  const logger = React10.useMemo(() => createLogger("SelectEditField"), []);
+  const logger2 = React10.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
   const selectRef = React10.useRef(null);
@@ -7658,9 +7716,9 @@ function SelectEditField2({
       setSearchTerm("");
       setShowCreateOption(false);
     } catch (error) {
-      logger.error("Error creating new item:", error);
+      logger2.error("Error creating new item:", error);
     }
-  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange, logger]);
+  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange, logger2]);
   return /* @__PURE__ */ jsxs10(
     Select,
     {
@@ -7799,7 +7857,7 @@ var RowComponent = React10.memo(({
 }) => {
   const rowRef = useRef2(null);
   const firstInputRef = useRef2(null);
-  const logger = React10.useMemo(() => createLogger("RowComponent"), []);
+  const logger2 = React10.useMemo(() => createLogger("RowComponent"), []);
   const rowId = getRowIdSafe(row.original, row.index, getRowId);
   const hierarchicalRow = row.original;
   const isHierarchical = hierarchical?.enabled && hierarchicalRow?.isParent !== void 0;
@@ -7858,7 +7916,7 @@ var RowComponent = React10.memo(({
                   size: "sm",
                   onClick: () => row.toggleExpanded(),
                   className: "p-0 h-auto mr-2",
-                  children: isExpanded ? /* @__PURE__ */ jsx14(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "h-4 w-4" })
+                  children: isExpanded ? /* @__PURE__ */ jsx14(ChevronDown2, { className: "size-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "size-4" })
                 }
               ),
               /* @__PURE__ */ jsxs10("span", { className: "text-sm", children: [
@@ -7907,7 +7965,7 @@ var RowComponent = React10.memo(({
             cell.id
           );
         } catch (error) {
-          logger.warn("Error in aggregation function:", error);
+          logger2.warn("Error in aggregation function:", error);
           return /* @__PURE__ */ jsx14(
             "td",
             {
@@ -7983,10 +8041,10 @@ var RowComponent = React10.memo(({
                   variant: "ghost",
                   size: "sm",
                   onClick: () => hierarchical?.state?.toggleRow(rowId),
-                  className: "h-6 w-6 p-0 flex-shrink-0",
+                  className: "size-6 p-0 flex-shrink-0",
                   "aria-label": isExpanded ? "Collapse row" : "Expand row",
                   title: isExpanded ? "Collapse row" : "Expand row",
-                  children: isExpanded ? /* @__PURE__ */ jsx14(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "h-4 w-4" })
+                  children: isExpanded ? /* @__PURE__ */ jsx14(ChevronDown2, { className: "size-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "size-4" })
                 }
               ),
               cell.column.id === "actions" ? /* @__PURE__ */ jsx14(
@@ -8049,7 +8107,7 @@ function UnifiedTableBody({
   rbac,
   permissions
 }) {
-  const logger = React10.useMemo(() => createLogger("UnifiedTableBody"), []);
+  const logger2 = React10.useMemo(() => createLogger("UnifiedTableBody"), []);
   const headerRef = useRef2(null);
   const bodyRef = useRef2(null);
   const parentRef = useRef2(null);
@@ -8068,12 +8126,12 @@ function UnifiedTableBody({
   const totalSize = effectiveShouldVirtualize ? virtualizer.getTotalSize() : 0;
   useEffect2(() => {
     if (shouldVirtualize && !hasScrollContainer) {
-      logger.warn("Virtualization enabled but no scroll container found. Falling back to standard rendering.", {
+      logger2.warn("Virtualization enabled but no scroll container found. Falling back to standard rendering.", {
         rowsLength: rows.length,
         dataLength
       });
     }
-  }, [shouldVirtualize, hasScrollContainer, rows.length, dataLength, logger]);
+  }, [shouldVirtualize, hasScrollContainer, rows.length, dataLength, logger2]);
   const renderTableContent = () => {
     if (rows.length === 0) {
       return /* @__PURE__ */ jsx14("tr", { children: /* @__PURE__ */ jsx14(
@@ -8221,18 +8279,18 @@ function UnifiedTableBody({
               "button",
               {
                 onClick: onSaveCreation,
-                className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
+                className: "size-8 p-0 hover:bg-muted/50 flex items-center justify-center",
                 title: "Save new row",
-                children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+                children: /* @__PURE__ */ jsx14("svg", { className: "size-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
               }
             ),
             /* @__PURE__ */ jsx14(
               "button",
               {
                 onClick: onCancelCreation,
-                className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
+                className: "size-8 p-0 hover:bg-muted/50 flex items-center justify-center",
                 title: "Cancel new row",
-                children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                children: /* @__PURE__ */ jsx14("svg", { className: "size-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
               }
             )
           ]
@@ -8362,29 +8420,29 @@ function calculatePaginationState(config) {
 }
 function validatePaginationConfig(config) {
   const { mode, table, serverData, onPageChange, onPageSizeChange } = config;
-  const logger = createLogger("PaginationUtils");
+  const logger2 = createLogger("PaginationUtils");
   let isValid = true;
   if (mode === "server") {
     if (!serverData) {
-      logger.warn("Server mode requires serverData");
+      logger2.warn("Server mode requires serverData");
       isValid = false;
     }
     if (!onPageChange) {
-      logger.warn("Server mode requires onPageChange callback");
+      logger2.warn("Server mode requires onPageChange callback");
       isValid = false;
     }
     if (!onPageSizeChange) {
-      logger.warn("Server mode requires onPageSizeChange callback");
+      logger2.warn("Server mode requires onPageSizeChange callback");
       isValid = false;
     }
   }
   if ((mode === "client" || mode === "hybrid") && !table) {
-    logger.warn(`${mode} mode requires table instance`);
+    logger2.warn(`${mode} mode requires table instance`);
     isValid = false;
   }
   if (mode === "hybrid") {
     if (!onPageChange) {
-      logger.warn("Hybrid mode requires onPageChange callback for server pagination");
+      logger2.warn("Hybrid mode requires onPageChange callback for server pagination");
       isValid = false;
     }
   }
@@ -8457,11 +8515,11 @@ function PaginationControls({
   const getModeIcon = () => {
     switch (paginationMode) {
       case "server":
-        return /* @__PURE__ */ jsx15(Server, { className: "h-3 w-3" });
+        return /* @__PURE__ */ jsx15(Server, { className: "size-3" });
       case "hybrid":
-        return /* @__PURE__ */ jsx15(Database2, { className: "h-3 w-3" });
+        return /* @__PURE__ */ jsx15(Database2, { className: "size-3" });
       default:
-        return /* @__PURE__ */ jsx15(Zap, { className: "h-3 w-3" });
+        return /* @__PURE__ */ jsx15(Zap, { className: "size-3" });
     }
   };
   const getModeLabel = () => {
@@ -8520,12 +8578,12 @@ function PaginationControls({
           {
             variant: "outline",
             size: "sm",
-            className: "h-8 w-8 p-0",
+            className: "size-8 p-0",
             onClick: goToFirstPage,
             disabled: !canPreviousPage || isLoading,
             "aria-label": "Go to first page",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx15(ChevronsLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx15(ChevronsLeft, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ jsx15(
@@ -8533,12 +8591,12 @@ function PaginationControls({
           {
             variant: "outline",
             size: "sm",
-            className: "h-8 w-8 p-0",
+            className: "size-8 p-0",
             onClick: goToPreviousPage,
             disabled: !canPreviousPage || isLoading,
             "aria-label": "Go to previous page",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx15(ChevronLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx15(ChevronLeft, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ jsx15(
@@ -8546,12 +8604,12 @@ function PaginationControls({
           {
             variant: "outline",
             size: "sm",
-            className: "h-8 w-8 p-0",
+            className: "size-8 p-0",
             onClick: goToNextPage,
             disabled: !canNextPage || isLoading,
             "aria-label": "Go to next page",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx15(ChevronRight2, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx15(ChevronRight2, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ jsx15(
@@ -8559,12 +8617,12 @@ function PaginationControls({
           {
             variant: "outline",
             size: "sm",
-            className: "h-8 w-8 p-0",
+            className: "size-8 p-0",
             onClick: goToLastPage,
             disabled: !canNextPage || isLoading,
             "aria-label": "Go to last page",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx15(ChevronsRight, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx15(ChevronsRight, { className: "size-4" })
           }
         )
       ]
@@ -8620,7 +8678,7 @@ function EnhancedPaginationControls({
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function LoadingState() {
   return /* @__PURE__ */ jsx16("div", { className: "p-8 text-center", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-center space-x-2", children: [
-    /* @__PURE__ */ jsx16("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }),
+    /* @__PURE__ */ jsx16("div", { className: "animate-spin rounded-full size-6 border-b-2 border-primary" }),
     /* @__PURE__ */ jsx16("span", { "aria-live": "polite", className: "text-muted-foreground", children: "Loading..." })
   ] }) });
 }
@@ -8643,7 +8701,7 @@ var sizeClasses = {
   md: "max-w-md",
   lg: "max-w-lg",
   xl: "max-w-xl",
-  full: "max-w-full h-full",
+  full: "max-w-full size-full",
   auto: "max-w-none w-auto min-w-0"
 };
 var Dialog = DialogPrimitive.Root;
@@ -8806,7 +8864,7 @@ var DialogContent = React12.forwardRef(({
         children: [
           children,
           showCloseButton && /* @__PURE__ */ jsxs13(DialogPrimitive.Close, { className: "absolute right-4 top-4 z-10 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-            /* @__PURE__ */ jsx17(X4, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx17(X4, { className: "size-4" }),
             /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -8950,38 +9008,31 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/Progress/Progress.tsx
 import * as React13 from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx18 } from "react/jsx-runtime";
-var Progress = React13.forwardRef(({ className, value, max: max2 = 100, ...props }, ref) => /* @__PURE__ */ jsx18(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
-      className
-    ),
-    ...props,
-    value,
-    max: max2,
-    "aria-valuenow": value,
-    "aria-valuemax": max2,
-    "aria-valuemin": 0,
-    children: /* @__PURE__ */ jsx18(
-      ProgressPrimitive.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0) / max2 * 100}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = ProgressPrimitive.Root.displayName;
+var Progress = React13.forwardRef(({ className, value, max: max2 = 100, ...props }, ref) => {
+  const isIndeterminate = value === void 0;
+  return /* @__PURE__ */ jsx18(
+    "progress",
+    {
+      ref,
+      className: cn(
+        "appearance-none border-0 h-2 w-full rounded-full overflow-hidden transition-all accent-primary",
+        isIndeterminate ? "bg-gradient-to-r from-primary/10 via-primary/90 to-primary/10" : "bg-primary/20",
+        className
+      ),
+      ...isIndeterminate ? {} : { value },
+      max: max2,
+      ...props
+    }
+  );
+});
+Progress.displayName = "Progress";
 
 // src/components/DataTable/components/ImportModal.tsx
 import { Upload as Upload2, FileText, AlertCircle } from "lucide-react";
 import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function ImportModal({ isOpen, onClose, onImport, config = {} }) {
-  const logger = createLogger("ImportModal");
+  const logger2 = createLogger("ImportModal");
   const [file, setFile] = useState4(null);
   const [isProcessing, setIsProcessing] = useState4(false);
   const [error, setError] = useState4(null);
@@ -9173,7 +9224,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
         setPreviewData(data.slice(0, 5));
         setTotalCount(data.length);
       } catch (err) {
-        logger.error("CSV parsing error:", err);
+        logger2.error("CSV parsing error:", err);
         setError(err instanceof Error ? err.message : "Failed to preview file");
         setPreviewData(null);
         setTotalCount(0);
@@ -9187,7 +9238,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
     ] }),
     /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxs14("div", { className: "border-2 border-dashed border-sec-200 rounded-lg p-6 text-center", children: [
-        /* @__PURE__ */ jsx19(FileText, { className: "h-8 w-8 mx-auto text-sec-400 mb-2" }),
+        /* @__PURE__ */ jsx19(FileText, { className: "size-8 mx-auto text-sec-400 mb-2" }),
         /* @__PURE__ */ jsx19("p", { className: "text-sec-600 mb-2", children: file ? `Selected: ${file.name}` : uploadText }),
         file && /* @__PURE__ */ jsx19("p", { className: "text-xs text-sec-500", children: "File selected, processing preview..." }),
         /* @__PURE__ */ jsxs14(
@@ -9197,7 +9248,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
             size: "sm",
             onClick: () => fileInputRef.current?.click(),
             children: [
-              /* @__PURE__ */ jsx19(Upload2, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ jsx19(Upload2, { className: "size-4 mr-2" }),
               selectFileButtonText
             ]
           }
@@ -9214,12 +9265,12 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
         )
       ] }),
       error && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 p-3 bg-acc-50 border border-acc-200 rounded text-acc-700", children: [
-        /* @__PURE__ */ jsx19(AlertCircle, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx19(AlertCircle, { className: "size-4" }),
         /* @__PURE__ */ jsx19("span", { className: "text-sm", children: error })
       ] }),
       validationErrors.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 p-3 bg-acc-50 border border-acc-200 rounded text-acc-700", children: [
-          /* @__PURE__ */ jsx19(AlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx19(AlertCircle, { className: "size-4" }),
           /* @__PURE__ */ jsxs14("span", { className: "text-sm font-medium", children: [
             validationErrors.length,
             " validation error",
@@ -9290,7 +9341,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
 // src/components/DataTable/components/DataTableModals.tsx
 import { Fragment as Fragment4, jsx as jsx20 } from "react/jsx-runtime";
 function mapCSVToTableColumns(csvData, columns) {
-  const logger = createLogger("mapCSVToTableColumns");
+  const logger2 = createLogger("mapCSVToTableColumns");
   const columnMap = /* @__PURE__ */ new Map();
   columns.forEach((col) => {
     const fieldName = col.editAccessorKey || col.accessorKey || col.id;
@@ -9309,11 +9360,11 @@ function mapCSVToTableColumns(csvData, columns) {
         columnMap.set(editAccessorKey.toLowerCase(), editAccessorKey);
       }
     } else {
-      logger.warn("Skipping column with missing fieldName or header:", col);
+      logger2.warn("Skipping column with missing fieldName or header:", col);
     }
   });
   if (csvData.length === 0) {
-    logger.warn("No CSV data to map");
+    logger2.warn("No CSV data to map");
     return [];
   }
   const mappedData = csvData.map((row, index) => {
@@ -9335,7 +9386,7 @@ function mapCSVToTableColumns(csvData, columns) {
       } else {
         mappedRow[csvHeaderLower] = row[csvHeader];
         if (index === 0) {
-          logger.warn(`No mapping found for "${csvHeader}", using as-is`);
+          logger2.warn(`No mapping found for "${csvHeader}", using as-is`);
         }
       }
     });
@@ -9352,7 +9403,7 @@ function DataTableModals({
   onStoreFocus,
   onRestoreFocus
 }) {
-  const logger = React15.useMemo(() => createLogger("DataTableModals"), []);
+  const logger2 = React15.useMemo(() => createLogger("DataTableModals"), []);
   useEffect5(() => {
     if (showImportModal) {
       onStoreFocus?.();
@@ -9374,11 +9425,11 @@ function DataTableModals({
           if (columns && columns.length > 0) {
             mappedData = mapCSVToTableColumns(rawData, columns);
           } else {
-            logger.warn("No columns provided for mapping, using raw data");
+            logger2.warn("No columns provided for mapping, using raw data");
             mappedData = rawData;
           }
           if (!onImport) {
-            logger.error("onImport callback is not provided");
+            logger2.error("onImport callback is not provided");
             throw new Error("Import handler is not configured. Please provide an onImport callback.");
           }
           const result = onImport(mappedData);
@@ -9386,7 +9437,7 @@ function DataTableModals({
             await result;
           }
         } catch (error) {
-          logger.error("Import error:", error);
+          logger2.error("Import error:", error);
           throw error;
         }
       },
@@ -9418,7 +9469,7 @@ var Alert = React16.forwardRef(({ className, variant = "default", ...props }, re
     return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(React16.Fragment, { ...props }) });
   }
   return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
-    "div",
+    "aside",
     {
       ref,
       className: cn(getAlertClasses(variant), className),
@@ -9586,7 +9637,7 @@ function useColumnOrderPersistence({
   enablePersistence = false,
   storageKey
 }) {
-  const logger = createLogger("ColumnOrderPersistence");
+  const logger2 = createLogger("ColumnOrderPersistence");
   const [columnOrder, setColumnOrder] = useState5(defaultOrder);
   const [isLoaded, setIsLoaded] = useState5(false);
   const finalStorageKey = storageKey ? `${storageKey}-column-order` : tableId ? `datatable-column-order-${tableId}` : "datatable-column-order";
@@ -9608,7 +9659,7 @@ function useColumnOrderPersistence({
         }
       }
     } catch (error) {
-      logger.warn("Failed to load column order from localStorage:", error);
+      logger2.warn("Failed to load column order from localStorage:", error);
     } finally {
       setIsLoaded(true);
     }
@@ -9619,7 +9670,7 @@ function useColumnOrderPersistence({
     try {
       localStorage.setItem(finalStorageKey, JSON.stringify(newOrder));
     } catch (error) {
-      logger.warn("Failed to save column order to localStorage:", error);
+      logger2.warn("Failed to save column order to localStorage:", error);
     }
   }, [enablePersistence, finalStorageKey, storageKey, tableId]);
   const updateColumnOrder = useCallback3((newOrder) => {
@@ -9632,7 +9683,7 @@ function useColumnOrderPersistence({
       try {
         localStorage.removeItem(finalStorageKey);
       } catch (error) {
-        logger.warn("Failed to remove column order from localStorage:", error);
+        logger2.warn("Failed to remove column order from localStorage:", error);
       }
     }
   }, [defaultOrder, enablePersistence, finalStorageKey, storageKey, tableId]);
@@ -9646,7 +9697,7 @@ function useColumnOrderPersistence({
         }
       });
     } catch (error) {
-      logger.warn("Failed to clear datatable preferences:", error);
+      logger2.warn("Failed to clear datatable preferences:", error);
     }
   }, [enablePersistence]);
   return {
@@ -9666,7 +9717,7 @@ function useColumnVisibilityPersistence({
   enablePersistence = false,
   storageKey
 }) {
-  const logger = createLogger("ColumnVisibilityPersistence");
+  const logger2 = createLogger("ColumnVisibilityPersistence");
   const [columnVisibility, setColumnVisibility] = useState6(defaultVisibility);
   const [isLoaded, setIsLoaded] = useState6(false);
   const finalStorageKey = storageKey ? `${storageKey}-column-visibility` : tableId ? `datatable-column-visibility-${tableId}` : "datatable-column-visibility";
@@ -9684,7 +9735,7 @@ function useColumnVisibilityPersistence({
         }
       }
     } catch (error) {
-      logger.warn("Failed to load column visibility from localStorage:", error);
+      logger2.warn("Failed to load column visibility from localStorage:", error);
     } finally {
       setIsLoaded(true);
     }
@@ -9694,7 +9745,7 @@ function useColumnVisibilityPersistence({
     try {
       localStorage.setItem(finalStorageKey, JSON.stringify(newVisibility));
     } catch (error) {
-      logger.warn("Failed to save column visibility to localStorage:", error);
+      logger2.warn("Failed to save column visibility to localStorage:", error);
     }
   }, [enablePersistence, finalStorageKey]);
   const updateColumnVisibility = useCallback4((newVisibility) => {
@@ -9707,7 +9758,7 @@ function useColumnVisibilityPersistence({
       try {
         localStorage.removeItem(finalStorageKey);
       } catch (error) {
-        logger.warn("Failed to remove column visibility from localStorage:", error);
+        logger2.warn("Failed to remove column visibility from localStorage:", error);
       }
     }
   }, [defaultVisibility, enablePersistence, finalStorageKey]);
@@ -9721,7 +9772,7 @@ function useColumnVisibilityPersistence({
         }
       });
     } catch (error) {
-      logger.warn("Failed to clear datatable preferences:", error);
+      logger2.warn("Failed to clear datatable preferences:", error);
     }
   }, [enablePersistence]);
   return {
@@ -10502,7 +10553,7 @@ var CardHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE
   "header",
   {
     ref,
-    className: cn("flex flex-col space-y-1.5 p-6 min-w-0 w-full", className),
+    className: cn("p-6 min-w-0 w-full", className),
     ...props
   }
 ));
@@ -10511,10 +10562,7 @@ var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "h3",
   {
     ref,
-    className: cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className
-    ),
+    className: cn(className),
     ...props
   }
 ));
@@ -10541,7 +10589,7 @@ var CardFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE
   "footer",
   {
     ref,
-    className: cn("flex items-center p-6 pt-0 min-w-0 w-full", className),
+    className: cn("p-6 pt-0 min-w-0 w-full", className),
     ...props
   }
 ));
@@ -10709,7 +10757,7 @@ function formatLocaleValue(value, locale) {
   return String(value);
 }
 function generateCSVContent(data, columns, options = {}) {
-  const logger = createLogger("generateCSVContent");
+  const logger2 = createLogger("generateCSVContent");
   if (!data.length) return "";
   const {
     includeHeaders = true,
@@ -10727,7 +10775,7 @@ function generateCSVContent(data, columns, options = {}) {
         try {
           value = col.accessorFn(row);
         } catch (error) {
-          logger.warn("Error evaluating accessorFn for column:", col.id || col.header, error);
+          logger2.warn("Error evaluating accessorFn for column:", col.id || col.header, error);
           value = void 0;
         }
       } else {
@@ -10744,7 +10792,7 @@ function generateCSVContent(data, columns, options = {}) {
   return csvContent;
 }
 async function exportToCSVWithTableRows(tableRows, columns, columnIdToTableColumn, filename = "download.csv", options = {}) {
-  const logger = createLogger("ExportUtils");
+  const logger2 = createLogger("ExportUtils");
   return new Promise((resolve, reject) => {
     try {
       if (typeof window === "undefined") {
@@ -10773,7 +10821,7 @@ async function exportToCSVWithTableRows(tableRows, columns, columnIdToTableColum
                 try {
                   value = col.accessorFn(tableRow.original);
                 } catch (accessorError) {
-                  logger.warn("Error evaluating accessorFn for column:", col.id || col.header, accessorError);
+                  logger2.warn("Error evaluating accessorFn for column:", col.id || col.header, accessorError);
                   value = void 0;
                 }
               } else {
@@ -10808,13 +10856,13 @@ async function exportToCSVWithTableRows(tableRows, columns, columnIdToTableColum
       link.click();
       document.body.removeChild(link);
     } catch (error) {
-      logger.error("Failed to export data to CSV:", error);
+      logger2.error("Failed to export data to CSV:", error);
       reject(error);
     }
   });
 }
 function exportToCSV(data, columns, filename = "download.csv", options = {}) {
-  const logger = createLogger("ExportUtils");
+  const logger2 = createLogger("ExportUtils");
   return new Promise((resolve, reject) => {
     try {
       if (typeof window === "undefined") {
@@ -10843,7 +10891,7 @@ function exportToCSV(data, columns, filename = "download.csv", options = {}) {
       link.click();
       document.body.removeChild(link);
     } catch (error) {
-      logger.error("Failed to export data to CSV:", error);
+      logger2.error("Failed to export data to CSV:", error);
       reject(error);
     }
   });
@@ -10879,7 +10927,7 @@ function normalizeDataTableFeatures(features) {
 
 // src/components/DataTable/hooks/useDataTablePermissions.ts
 function useDataTablePermissions(rbac, features = {}) {
-  const logger = createLogger("DataTablePermissions");
+  const logger2 = createLogger("DataTablePermissions");
   const authResult = useUnifiedAuth();
   const user = authResult.user;
   const pageId = rbac?.pageId;
@@ -10899,7 +10947,7 @@ function useDataTablePermissions(rbac, features = {}) {
     appId: void 0,
     eventId: void 0
   });
-  if (rawResolvedScope && rawResolvedScope.organisationId) {
+  if (rawResolvedScope) {
     const newScope = {
       organisationId: rawResolvedScope.organisationId,
       appId: rawResolvedScope.appId,
@@ -10912,11 +10960,14 @@ function useDataTablePermissions(rbac, features = {}) {
         eventId: newScope.eventId
       };
     }
-  } else if (!rawResolvedScope) {
+  } else if (!rawResolvedScope && !scopeLoading) {
     stableScopeRef.current = { organisationId: void 0, appId: void 0, eventId: void 0 };
   }
   const stableScope = stableScopeRef.current;
-  const effectiveScope = !scopeLoading && stableScope.organisationId ? stableScope : null;
+  const isPageName = !pageId && !!pageName;
+  const needsAppIdForResolution = isPageName;
+  const shouldWaitForScope = scopeLoading || needsAppIdForResolution && !stableScope.appId;
+  const effectiveScope = !shouldWaitForScope ? stableScope : null;
   const userId = user?.id || "";
   const readPermission = `read:page.${effectivePageId}`;
   const createPermission = `create:page.${effectivePageId}`;
@@ -11713,7 +11764,7 @@ function DataTableInternal(props) {
     storageKey,
     onLayoutChange
   } = props;
-  const logger = React20.useMemo(() => createLogger("DataTableCore"), []);
+  const logger2 = React20.useMemo(() => createLogger("DataTableCore"), []);
   const authResult = useUnifiedAuth();
   const user = authResult.user;
   const requestedFeatures = useMemo14(
@@ -11859,9 +11910,9 @@ function DataTableInternal(props) {
   });
   useEffect11(() => {
     if (!hierarchicalValidation.isValid) {
-      logger.error("Hierarchical data validation failed:", hierarchicalValidation.errors);
+      logger2.error("Hierarchical data validation failed:", hierarchicalValidation.errors);
     }
-  }, [hierarchicalValidation, logger]);
+  }, [hierarchicalValidation, logger2]);
   const {
     columnOrder: savedColumnOrder,
     isLoaded: isColumnOrderLoaded,
@@ -11899,11 +11950,11 @@ function DataTableInternal(props) {
     const closestOption = sortedOptions.reduce(
       (prev, curr) => Math.abs(curr - initialPageSize) < Math.abs(prev - initialPageSize) ? curr : prev
     );
-    logger.warn(
+    logger2.warn(
       `initialPageSize ${initialPageSize} is not available in page size options [${finalPageSizeOptions.join(", ")}]. Using closest option: ${closestOption}`
     );
     return closestOption;
-  }, [initialPageSize, finalPageSizeOptions, secureFeatures.pagination, logger]);
+  }, [initialPageSize, finalPageSizeOptions, secureFeatures.pagination, logger2]);
   const effectivePageSize = useMemo14(() => {
     if (!secureFeatures.pagination || !finalPageSizeOptions.length) {
       return state.pagination.pageSize;
@@ -12009,7 +12060,7 @@ function DataTableInternal(props) {
               variant: "default"
             });
           } catch (error) {
-            logger.error("Delete error:", error);
+            logger2.error("Delete error:", error);
             toast({
               title: "Delete Failed",
               description: error instanceof Error ? error.message : "Failed to delete row",
@@ -12099,7 +12150,7 @@ function DataTableInternal(props) {
     return /* @__PURE__ */ jsx25(LoadingComponent, {});
   }
   if (!permissions.canRead.can) {
-    logger.warn("Access denied - no read permission:", {
+    logger2.warn("Access denied - no read permission:", {
       canRead: permissions.canRead,
       pageId: effectivePageId,
       isLoading: permissions.canRead.isLoading
@@ -12213,7 +12264,7 @@ function DataTableInternal(props) {
                       variant: "default"
                     });
                   } catch (error) {
-                    logger.error("Failed to export data:", error);
+                    logger2.error("Failed to export data:", error);
                     const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
                     toast({
                       title: "Export Failed",
@@ -12244,7 +12295,7 @@ function DataTableInternal(props) {
                       variant: "default"
                     });
                   } catch (error) {
-                    logger.error("Bulk delete error:", error);
+                    logger2.error("Bulk delete error:", error);
                     toast({
                       title: "Delete Failed",
                       description: error instanceof Error ? error.message : "Failed to delete selected rows",
@@ -12321,7 +12372,7 @@ function DataTableInternal(props) {
                       tabIndex: 0,
                       children: [
                         typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
-                        header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx25(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx25(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(ChevronsUpDown, { className: "h-4 w-4" })
+                        header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx25(ChevronUp2, { className: "size-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx25(ChevronDown3, { className: "size-4" }) : /* @__PURE__ */ jsx25(ChevronsUpDown, { className: "size-4" })
                       ]
                     }
                   ) : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
@@ -12433,7 +12484,7 @@ function DataTableInternal(props) {
                 variant: "default"
               });
             } catch (error) {
-              logger.error("Import error:", error);
+              logger2.error("Import error:", error);
               toast({
                 title: "Import Failed",
                 description: error instanceof Error ? error.message : "Failed to import data",
@@ -12442,7 +12493,7 @@ function DataTableInternal(props) {
               return;
             }
           } else {
-            logger.error("onImport handler not provided");
+            logger2.error("onImport handler not provided");
             toast({
               title: "Import Not Configured",
               description: "Import functionality requires an onImport handler to be provided.",
@@ -12470,7 +12521,7 @@ function DataTableCore(props) {
 // src/components/DataTable/DataTable.tsx
 import { jsx as jsx26 } from "react/jsx-runtime";
 function DataTable(props) {
-  const logger = React21.useMemo(() => createLogger("DataTable"), []);
+  const logger2 = React21.useMemo(() => createLogger("DataTable"), []);
   const { features, ...rest } = props;
   const normalizedFeatures = React21.useMemo(
     () => normalizeDataTableFeatures(features),
@@ -12478,9 +12529,9 @@ function DataTable(props) {
   );
   React21.useEffect(() => {
     if (normalizedFeatures.deleteSelected && !normalizedFeatures.deletion) {
-      logger.warn("deleteSelected requires deletion to be enabled");
+      logger2.warn("deleteSelected requires deletion to be enabled");
     }
-  }, [normalizedFeatures.deleteSelected, normalizedFeatures.deletion, logger]);
+  }, [normalizedFeatures.deleteSelected, normalizedFeatures.deletion, logger2]);
   return /* @__PURE__ */ jsx26(DataTableCore, { ...rest, features: normalizedFeatures });
 }
 var DataTableComponent = React21.memo(DataTable);
@@ -12528,7 +12579,7 @@ function BulkOperationsDropdown({
         disabled: !hasSelection,
         className: `min-w-[140px] h-9 px-3 py-2 text-sm font-medium ${className || ""}`,
         children: [
-          /* @__PURE__ */ jsx27(MoreHorizontal2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx27(MoreHorizontal2, { className: "size-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsxs18("span", { className: "truncate", children: [
             "Bulk Actions (",
             selectedCount,
@@ -12549,7 +12600,7 @@ function BulkOperationsDropdown({
           disabled: !hasSelection,
           className: `flex items-center gap-2 ${variant === "destructive" ? "text-destructive focus:text-destructive" : ""}`,
           children: [
-            /* @__PURE__ */ jsx27(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx27(Icon, { className: "size-4" }),
             /* @__PURE__ */ jsx27("span", { children: label })
           ]
         },
@@ -12578,7 +12629,7 @@ function GroupHeader({
         size: "sm",
         onClick: onToggle,
         className: "p-0 h-auto mr-2",
-        children: isExpanded ? /* @__PURE__ */ jsx28(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx28(ChevronRight3, { className: "h-4 w-4" })
+        children: isExpanded ? /* @__PURE__ */ jsx28(ChevronDown4, { className: "size-4" }) : /* @__PURE__ */ jsx28(ChevronRight3, { className: "size-4" })
       }
     ),
     /* @__PURE__ */ jsxs19("span", { className: "text-sm", children: [
@@ -12753,4 +12804,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-2UUZZJFT.js.map
+//# sourceMappingURL=chunk-ULHIJK66.js.map