@jmruthers/pace-core 0.5.191 → 0.6.1

package/dist/{chunk-ULHIJK66.js → chunk-T33XF5ZC.js}

@@ -1,16 +1,19 @@
 import {
   useCan
-} from "./chunk-VRGWKHDB.js";
+} from "./chunk-XM25TVIE.js";
 import {
   toast,
   useDataTablePerformance
-} from "./chunk-6C4YBBJM.js";
+} from "./chunk-3QRJFVBR.js";
 import {
   useResolvedScope
-} from "./chunk-OETXORNB.js";
+} from "./chunk-3XTALGJF.js";
 import {
   useUnifiedAuth
-} from "./chunk-6LTQQAT6.js";
+} from "./chunk-BYFSK72L.js";
+import {
+  isSuperAdmin
+} from "./chunk-KNC55RTG.js";
 import {
   cn,
   renderSafeHtml
@@ -5508,7 +5511,7 @@ var require_lodash = __commonJS({
 import React21 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
-import React20, { useMemo as useMemo14, useCallback as useCallback10, useEffect as useEffect11, useRef as useRef6 } from "react";
+import React20, { useMemo as useMemo14, useCallback as useCallback9, useEffect as useEffect12, useRef as useRef6 } from "react";
 import { useReactTable } from "@tanstack/react-table";
 import { Edit, Trash, ChevronUp as ChevronUp2, ChevronDown as ChevronDown3, ChevronsUpDown } from "lucide-react";
 
@@ -5647,6 +5650,21 @@ var getTableCellClasses = (options = {}) => {
     className
   );
 };
+var getTableRowClasses = (options = {}) => {
+  const { isSelected = false, isVirtualized = false, className } = options;
+  if (isVirtualized) {
+    return cn(
+      tableStyles.rowHover,
+      isSelected && tableStyles.rowSelected,
+      className
+    );
+  }
+  return cn(
+    tableStyles.row,
+    isSelected && tableStyles.rowSelected,
+    className
+  );
+};
 var getTableClasses = (options = {}) => {
   const { isFixed = false, variant = "default", className } = options;
   if (isFixed) {
@@ -5672,34 +5690,32 @@ var getTableClasses = (options = {}) => {
 // src/components/Input/Input.tsx
 import * as React3 from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var Input = React3.forwardRef(
-  ({ className, variant = "default", size = "md", error, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx3(
-      "input",
-      {
-        type,
-        className: cn(
-          // Base styles
-          "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          // Variant styles
-          {
-            "border-input": variant === "default" && !error,
-            "border-destructive focus-visible:ring-destructive": variant === "destructive" || error
-          },
-          // Size styles
-          {
-            "h-8 px-2 py-1 text-xs": size === "sm",
-            "h-9 px-3 py-2 text-sm": size === "md",
-            "h-10 px-4 py-3 text-base": size === "lg"
-          },
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
+function Input({ className, variant = "default", size = "md", error, type, ref, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "input",
+    {
+      type,
+      className: cn(
+        // Base styles
+        "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        // Variant styles
+        {
+          "border-input": variant === "default" && !error,
+          "border-destructive focus-visible:ring-destructive": variant === "destructive" || error
+        },
+        // Size styles
+        {
+          "h-8 px-2 py-1 text-xs": size === "sm",
+          "h-9 px-3 py-2 text-sm": size === "md",
+          "h-10 px-4 py-3 text-base": size === "lg"
+        },
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+}
 Input.displayName = "Input";
 var InputGroup = React3.forwardRef(
   ({ className, children, orientation = "vertical", spacing = "md", ...props }, ref) => {
@@ -5878,17 +5894,18 @@ var useSelectSearch = ({
     const filterChildren = (nodes) => {
       return React4.Children.map(nodes, (child) => {
         if (!React4.isValidElement(child)) return child;
-        const isSelectItem = child.props && (child.props["data-testid"] === "select-item" || child.props.value !== void 0);
+        const childProps = child.props;
+        const isSelectItem = childProps && (childProps["data-testid"] === "select-item" || childProps.value !== void 0);
         if (isSelectItem) {
-          const childText = React4.Children.toArray(child.props.children).join(" ").toLowerCase();
+          const childText = React4.Children.toArray(childProps.children).join(" ").toLowerCase();
           const searchLower = searchTerm.toLowerCase();
           if (childText.includes(searchLower)) {
             return child;
           }
           return null;
         }
-        if (child.props.children) {
-          const filteredChildChildren = filterChildren(child.props.children);
+        if (childProps.children) {
+          const filteredChildChildren = filterChildren(childProps.children);
           if (React4.Children.count(filteredChildChildren) > 0) {
             return React4.cloneElement(child, {}, filteredChildChildren);
           }
@@ -6042,7 +6059,7 @@ 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 handleClickRef = React4.useRef();
+    const handleClickRef = React4.useRef(void 0);
     const handleClick = React4.useCallback((e) => {
       if (disabled) {
         e.preventDefault();
@@ -6101,10 +6118,15 @@ var SelectTrigger = React4.forwardRef(
       ...props
     };
     if (asChild) {
-      const childChildren = React4.Children.toArray(children.props.children);
-      const hasChevron = childChildren.some(
-        (child) => React4.isValidElement(child) && (child.type === ChevronDown || child.type === "svg" && child.props["data-testid"] === "chevron-down" || typeof child === "object" && "type" in child && typeof child.type === "function" && child.type.name === "ChevronDown")
-      );
+      const childElement = children;
+      const childChildren = React4.Children.toArray(childElement.props.children);
+      const hasChevron = childChildren.some((child) => {
+        if (React4.isValidElement(child)) {
+          const childProps = child.props;
+          return child.type === ChevronDown || child.type === "svg" && childProps["data-testid"] === "chevron-down" || typeof child === "object" && "type" in child && typeof child.type === "function" && child.type.name === "ChevronDown";
+        }
+        return false;
+      });
       const childClassName = children.props.className;
       const mergedClassName = cn(
         triggerProps.className,
@@ -6300,8 +6322,11 @@ var SelectItem = React4.forwardRef(
     const getTextContent = (children2) => {
       if (typeof children2 === "string") return children2;
       if (typeof children2 === "number") return children2.toString();
-      if (React4.isValidElement(children2) && children2.props.children) {
-        return getTextContent(children2.props.children);
+      if (React4.isValidElement(children2)) {
+        const props = children2.props;
+        if (props.children) {
+          return getTextContent(props.children);
+        }
       }
       if (Array.isArray(children2)) {
         return children2.map(getTextContent).join("");
@@ -7086,7 +7111,7 @@ function SelectEditField({
   onChange,
   className
 }) {
-  const logger2 = React9.useMemo(() => createLogger("SelectEditField"), []);
+  const logger2 = createLogger("SelectEditField");
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
   const selectRef = React9.useRef(null);
@@ -7616,7 +7641,7 @@ function SelectEditField2({
   placeholder,
   onChange
 }) {
-  const logger2 = React10.useMemo(() => createLogger("SelectEditField"), []);
+  const logger2 = createLogger("SelectEditField");
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
   const selectRef = React10.useRef(null);
@@ -7857,12 +7882,14 @@ var RowComponent = React10.memo(({
 }) => {
   const rowRef = useRef2(null);
   const firstInputRef = useRef2(null);
-  const logger2 = React10.useMemo(() => createLogger("RowComponent"), []);
+  const logger2 = createLogger("RowComponent");
   const rowId = getRowIdSafe(row.original, row.index, getRowId);
   const hierarchicalRow = row.original;
   const isHierarchical = hierarchical?.enabled && hierarchicalRow?.isParent !== void 0;
   const isParent = isHierarchical && hierarchicalRow.isParent;
   const isChild = isHierarchical && !hierarchicalRow.isParent;
+  const visibleCells = row.getVisibleCells();
+  const isSelected = typeof row.getIsSelected === "function" ? row.getIsSelected() : false;
   useEffect2(() => {
     if (isEditing && firstInputRef.current) {
       firstInputRef.current.focus();
@@ -7895,9 +7922,8 @@ var RowComponent = React10.memo(({
     const groupValue = row.getValue(grouping[0]);
     const subRowsCount = row.subRows?.length || 0;
     const isExpanded = row.getIsExpanded();
-    const visibleCells2 = row.getVisibleCells();
     const childRows = row.subRows?.map((subRow) => subRow.original) || [];
-    return /* @__PURE__ */ jsx14("tr", { className: "bg-sec-50 hover:bg-sec-100", style, children: visibleCells2.map((cell, cellIndex) => {
+    return /* @__PURE__ */ jsx14("tr", { className: "bg-sec-50 hover:bg-sec-100", style, children: visibleCells.map((cell, cellIndex) => {
       const columnDef = cell.column.columnDef;
       const isGroupingColumn = cellIndex === 0 || grouping.includes(cell.column.id || "");
       if (isGroupingColumn && cellIndex === 0) {
@@ -8006,11 +8032,20 @@ var RowComponent = React10.memo(({
       }
     );
   }
-  const visibleCells = row.getVisibleCells();
-  const allCells = row.getAllCells ? row.getAllCells() : [];
   const indentSize = hierarchical?.indentSize || 24;
-  const indentation = isChild && hierarchical?.state ? calculateIndentation(hierarchicalRow, [], indentSize) : 0;
-  const rowClassName = isHierarchical ? isParent ? hierarchical?.parentRowClassName || "bg-main-50 hover:bg-main-100 font-medium" : hierarchical?.childRowClassName || "bg-sec-25 hover:bg-sec-50" : "";
+  const indentation = React10.useMemo(() => {
+    return isChild && hierarchical?.state ? calculateIndentation(hierarchicalRow, [], indentSize) : 0;
+  }, [isChild, hierarchical?.state, hierarchicalRow, indentSize]);
+  const rowClassName = React10.useMemo(() => {
+    if (isHierarchical) {
+      const hierarchicalClass = isParent ? hierarchical?.parentRowClassName || "bg-main-50 hover:bg-main-100 font-medium" : hierarchical?.childRowClassName || "bg-sec-25 hover:bg-sec-50";
+      return cn(
+        getTableRowClasses({ isSelected, isVirtualized: false }),
+        hierarchicalClass
+      );
+    }
+    return getTableRowClasses({ isSelected, isVirtualized: false });
+  }, [isHierarchical, isParent, isSelected, hierarchical]);
   return /* @__PURE__ */ jsx14(
     "tr",
     {
@@ -8021,7 +8056,7 @@ var RowComponent = React10.memo(({
         ...isChild && indentation > 0 ? { paddingLeft: `${indentation}px` } : {}
       },
       className: rowClassName,
-      "aria-selected": typeof row.getIsSelected === "function" ? row.getIsSelected() ? "true" : "false" : "false",
+      "aria-selected": isSelected ? "true" : "false",
       children: visibleCells.map((cell, cellIndex) => {
         const isFirstCell = cellIndex === 0;
         const shouldShowExpansionButton = isHierarchical && isParent && isFirstCell && hierarchical?.state;
@@ -8078,7 +8113,43 @@ var RowComponent = React10.memo(({
   );
 });
 RowComponent.displayName = "RowComponent";
-var MemoizedRow = RowComponent;
+var areRowPropsEqual = (prevProps, nextProps) => {
+  if (prevProps.row.id !== nextProps.row.id || prevProps.row.index !== nextProps.row.index) {
+    return false;
+  }
+  if (prevProps.isEditing !== nextProps.isEditing) {
+    return false;
+  }
+  if (prevProps.editingRowId !== nextProps.editingRowId) {
+    return false;
+  }
+  if (prevProps.style !== nextProps.style) {
+    if (!prevProps.style || !nextProps.style) {
+      return false;
+    }
+    const prevStyle = prevProps.style;
+    const nextStyle = nextProps.style;
+    const styleKeys = /* @__PURE__ */ new Set([...Object.keys(prevStyle), ...Object.keys(nextStyle)]);
+    for (const key of styleKeys) {
+      if (prevStyle[key] !== nextStyle[key]) {
+        return false;
+      }
+    }
+  }
+  if (prevProps.grouping.length !== nextProps.grouping.length || prevProps.grouping.some((id, i) => id !== nextProps.grouping[i])) {
+    return false;
+  }
+  if (prevProps.hierarchical?.enabled !== nextProps.hierarchical?.enabled) {
+    return false;
+  }
+  const prevSelected = typeof prevProps.row.getIsSelected === "function" ? prevProps.row.getIsSelected() : false;
+  const nextSelected = typeof nextProps.row.getIsSelected === "function" ? nextProps.row.getIsSelected() : false;
+  if (prevSelected !== nextSelected) {
+    return false;
+  }
+  return true;
+};
+var MemoizedRow = React10.memo(RowComponent, areRowPropsEqual);
 function UnifiedTableBody({
   table,
   isCreating,
@@ -8107,7 +8178,7 @@ function UnifiedTableBody({
   rbac,
   permissions
 }) {
-  const logger2 = React10.useMemo(() => createLogger("UnifiedTableBody"), []);
+  const logger2 = createLogger("UnifiedTableBody");
   const headerRef = useRef2(null);
   const bodyRef = useRef2(null);
   const parentRef = useRef2(null);
@@ -8684,7 +8755,7 @@ function LoadingState() {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import React15, { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect5 } from "react";
 
 // src/components/DataTable/components/ImportModal.tsx
 import { useState as useState4, useRef as useRef3, useEffect as useEffect4 } from "react";
@@ -8812,16 +8883,16 @@ var DialogContent = React12.forwardRef(({
     minWidth,
     enableScrolling
   });
-  const handleEscapeKeyDown = React12.useCallback((event) => {
+  const handleEscapeKeyDown = (event) => {
     if (preventCloseOnEscape) {
       event.preventDefault();
     }
-  }, [preventCloseOnEscape]);
-  const handlePointerDownOutside = React12.useCallback((event) => {
+  };
+  const handlePointerDownOutside = (event) => {
     if (preventCloseOnOutsideClick) {
       event.preventDefault();
     }
-  }, [preventCloseOnOutsideClick]);
+  };
   const mergedStyle = React12.useMemo(() => {
     if (Object.keys(smartDimensions).length === 0) {
       return style;
@@ -9403,7 +9474,7 @@ function DataTableModals({
   onStoreFocus,
   onRestoreFocus
 }) {
-  const logger2 = React15.useMemo(() => createLogger("DataTableModals"), []);
+  const logger2 = createLogger("DataTableModals");
   useEffect5(() => {
     if (showImportModal) {
       onStoreFocus?.();
@@ -9630,7 +9701,7 @@ var DataTableErrorBoundary = class extends Component {
 };
 
 // src/components/DataTable/hooks/useColumnOrderPersistence.ts
-import { useState as useState5, useEffect as useEffect6, useCallback as useCallback3 } from "react";
+import { useState as useState5, useEffect as useEffect6, useCallback as useCallback2 } from "react";
 function useColumnOrderPersistence({
   tableId,
   defaultOrder = [],
@@ -9664,7 +9735,7 @@ function useColumnOrderPersistence({
       setIsLoaded(true);
     }
   }, [enablePersistence, finalStorageKey, storageKey, tableId]);
-  const saveColumnOrder = useCallback3((newOrder) => {
+  const saveColumnOrder = useCallback2((newOrder) => {
     if (!enablePersistence || typeof window === "undefined") return;
     if (!storageKey && !tableId) return;
     try {
@@ -9673,11 +9744,11 @@ function useColumnOrderPersistence({
       logger2.warn("Failed to save column order to localStorage:", error);
     }
   }, [enablePersistence, finalStorageKey, storageKey, tableId]);
-  const updateColumnOrder = useCallback3((newOrder) => {
+  const updateColumnOrder = useCallback2((newOrder) => {
     setColumnOrder(newOrder);
     saveColumnOrder(newOrder);
   }, [saveColumnOrder]);
-  const resetColumnOrder = useCallback3(() => {
+  const resetColumnOrder = useCallback2(() => {
     setColumnOrder(defaultOrder);
     if (enablePersistence && (storageKey || tableId) && typeof window !== "undefined") {
       try {
@@ -9687,7 +9758,7 @@ function useColumnOrderPersistence({
       }
     }
   }, [defaultOrder, enablePersistence, finalStorageKey, storageKey, tableId]);
-  const clearAllPreferences = useCallback3(() => {
+  const clearAllPreferences = useCallback2(() => {
     if (!enablePersistence || typeof window === "undefined") return;
     try {
       const keys = Object.keys(localStorage);
@@ -9710,7 +9781,7 @@ function useColumnOrderPersistence({
 }
 
 // src/components/DataTable/hooks/useColumnVisibilityPersistence.ts
-import { useState as useState6, useEffect as useEffect7, useCallback as useCallback4 } from "react";
+import { useState as useState6, useEffect as useEffect7, useCallback as useCallback3 } from "react";
 function useColumnVisibilityPersistence({
   tableId,
   defaultVisibility = {},
@@ -9740,7 +9811,7 @@ function useColumnVisibilityPersistence({
       setIsLoaded(true);
     }
   }, [enablePersistence, finalStorageKey]);
-  const saveColumnVisibility = useCallback4((newVisibility) => {
+  const saveColumnVisibility = useCallback3((newVisibility) => {
     if (!enablePersistence || typeof window === "undefined") return;
     try {
       localStorage.setItem(finalStorageKey, JSON.stringify(newVisibility));
@@ -9748,11 +9819,11 @@ function useColumnVisibilityPersistence({
       logger2.warn("Failed to save column visibility to localStorage:", error);
     }
   }, [enablePersistence, finalStorageKey]);
-  const updateColumnVisibility = useCallback4((newVisibility) => {
+  const updateColumnVisibility = useCallback3((newVisibility) => {
     setColumnVisibility(newVisibility);
     saveColumnVisibility(newVisibility);
   }, [saveColumnVisibility]);
-  const resetColumnVisibility = useCallback4(() => {
+  const resetColumnVisibility = useCallback3(() => {
     setColumnVisibility(defaultVisibility);
     if (enablePersistence && typeof window !== "undefined") {
       try {
@@ -9762,7 +9833,7 @@ function useColumnVisibilityPersistence({
       }
     }
   }, [defaultVisibility, enablePersistence, finalStorageKey]);
-  const clearAllPreferences = useCallback4(() => {
+  const clearAllPreferences = useCallback3(() => {
     if (!enablePersistence || typeof window === "undefined") return;
     try {
       const keys = Object.keys(localStorage);
@@ -9785,7 +9856,7 @@ function useColumnVisibilityPersistence({
 }
 
 // src/components/DataTable/hooks/useDataTableState.ts
-import { useReducer, useCallback as useCallback5, useMemo as useMemo6 } from "react";
+import { useReducer, useCallback as useCallback4, useMemo as useMemo6 } from "react";
 function dataTableReducer(state, action) {
   switch (action.type) {
     case "SET_SORTING":
@@ -9921,7 +9992,7 @@ function useDataTableState({
     hasFilters: state.columnFilters.length > 0 || state.searchQuery !== "",
     canClearFilters: state.columnFilters.length > 0 || state.searchQuery !== ""
   }), [state]);
-  const clearFilters = useCallback5(() => {
+  const clearFilters = useCallback4(() => {
     dispatch({ type: "SET_COLUMN_FILTERS", payload: [] });
     dispatch({ type: "SET_SEARCH_QUERY", payload: "" });
   }, []);
@@ -9937,7 +10008,7 @@ function useDataTableState({
 import { useMemo as useMemo8 } from "react";
 
 // src/components/DataTable/hooks/useHierarchicalState.ts
-import { useState as useState7, useCallback as useCallback6, useMemo as useMemo7, useEffect as useEffect8 } from "react";
+import { useState as useState7, useCallback as useCallback5, useMemo as useMemo7, useEffect as useEffect8 } from "react";
 function useHierarchicalState(data, config) {
   const initialExpandedState = useMemo7(() => {
     if (!config?.defaultExpanded) {
@@ -9999,7 +10070,7 @@ function useHierarchicalState(data, config) {
     }
     return visible;
   }, [data, expandedRows, parentChildMap]);
-  const toggleRow = useCallback6((rowId) => {
+  const toggleRow = useCallback5((rowId) => {
     setExpandedRows((prev) => {
       const newSet = new Set(prev);
       if (newSet.has(rowId)) {
@@ -10013,32 +10084,32 @@ function useHierarchicalState(data, config) {
       return newSet;
     });
   }, [config]);
-  const expandAll = useCallback6(() => {
+  const expandAll = useCallback5(() => {
     const parentIds = data.filter((row) => row.isParent).map((row) => row.id);
     setExpandedRows(new Set(parentIds));
     if (config?.onExpandedChange) {
       config.onExpandedChange(parentIds);
     }
   }, [data, config]);
-  const collapseAll = useCallback6(() => {
+  const collapseAll = useCallback5(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
     if (config?.onExpandedChange) {
       config.onExpandedChange([]);
     }
   }, [config]);
-  const isExpanded = useCallback6((rowId) => {
+  const isExpanded = useCallback5((rowId) => {
     return expandedRows.has(rowId);
   }, [expandedRows]);
-  const hasChildren = useCallback6((rowId) => {
+  const hasChildren = useCallback5((rowId) => {
     return parentChildMap.has(rowId) && (parentChildMap.get(rowId)?.length || 0) > 0;
   }, [parentChildMap]);
-  const getChildrenCount = useCallback6((rowId) => {
+  const getChildrenCount = useCallback5((rowId) => {
     return parentChildMap.get(rowId)?.length || 0;
   }, [parentChildMap]);
-  const getExpandedIds = useCallback6(() => {
+  const getExpandedIds = useCallback5(() => {
     return Array.from(expandedRows);
   }, [expandedRows]);
-  const setExpandedIds = useCallback6((ids) => {
+  const setExpandedIds = useCallback5((ids) => {
     setExpandedRows(new Set(ids));
   }, []);
   return {
@@ -10219,7 +10290,7 @@ function useDataTableDataPipeline({
 }
 
 // src/components/DataTable/hooks/useServerSideDataEffect.ts
-import { useCallback as useCallback7, useEffect as useEffect9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect9 } from "react";
 function useServerSideDataEffect({
   finalPaginationMode,
   serverSide,
@@ -10232,7 +10303,7 @@ function useServerSideDataEffect({
   fetchServerData,
   cleanup
 }) {
-  const handleServerSideChange = useCallback7(async () => {
+  const handleServerSideChange = useCallback6(async () => {
     if (finalPaginationMode !== "server" || !serverSide) {
       return;
     }
@@ -10299,7 +10370,7 @@ function useEffectiveColumnOrder({
 }
 
 // src/components/DataTable/hooks/useTableHandlers.ts
-import { useCallback as useCallback8, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo10 } from "react";
 function useTableHandlers({
   state,
   stateSnapshot,
@@ -10313,15 +10384,15 @@ function useTableHandlers({
   updateColumnOrder,
   onLayoutChange
 }) {
-  const handleSortingChange = useCallback8((updaterOrValue) => {
+  const handleSortingChange = useCallback7((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.sorting) : updaterOrValue;
     actions.setSorting(nextValue);
   }, [actions, stateSnapshot.sorting]);
-  const handleColumnFiltersChange = useCallback8((updaterOrValue) => {
+  const handleColumnFiltersChange = useCallback7((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.columnFilters) : updaterOrValue;
     actions.setColumnFilters(nextValue);
   }, [actions, stateSnapshot.columnFilters]);
-  const handleColumnVisibilityChange = useCallback8((updaterOrValue) => {
+  const handleColumnVisibilityChange = useCallback7((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.columnVisibility) : updaterOrValue;
     actions.setColumnVisibility(nextValue);
     if (canPersistVisibility) {
@@ -10332,7 +10403,7 @@ function useTableHandlers({
       columnVisibility: nextValue
     });
   }, [actions, stateSnapshot.columnVisibility, canPersistVisibility, updateSavedColumnVisibility, onLayoutChange, effectiveColumnOrder]);
-  const handleRowSelectionChange = useCallback8((updaterOrValue) => {
+  const handleRowSelectionChange = useCallback7((updaterOrValue) => {
     const currentSelection = selection ?? state.rowSelection;
     const nextSelection = typeof updaterOrValue === "function" ? updaterOrValue(currentSelection) : updaterOrValue;
     if (selection === void 0) {
@@ -10342,19 +10413,19 @@ function useTableHandlers({
     }
     onRowSelectionChange?.(nextSelection);
   }, [actions, selection, state.rowSelection, onRowSelectionChange]);
-  const handleGroupingChange = useCallback8((updaterOrValue) => {
+  const handleGroupingChange = useCallback7((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.grouping) : updaterOrValue;
     actions.setGrouping(nextValue);
   }, [actions, stateSnapshot.grouping]);
-  const handleExpandedChange = useCallback8((updaterOrValue) => {
+  const handleExpandedChange = useCallback7((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.expanded) : updaterOrValue;
     actions.setExpanded(nextValue);
   }, [actions, stateSnapshot.expanded]);
-  const handlePaginationChange = useCallback8((updaterOrValue) => {
+  const handlePaginationChange = useCallback7((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.pagination) : updaterOrValue;
     actions.setPagination(nextValue);
   }, [actions, stateSnapshot.pagination]);
-  const handleColumnOrderChange = useCallback8((updaterOrValue) => {
+  const handleColumnOrderChange = useCallback7((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.columnOrder) : updaterOrValue;
     const normalizedOrder = nextValue.includes("select") ? ["select", ...nextValue.filter((id) => id !== "select")] : nextValue;
     actions.setColumnOrder(normalizedOrder);
@@ -10898,7 +10969,7 @@ function exportToCSV(data, columns, filename = "download.csv", options = {}) {
 }
 
 // src/components/DataTable/hooks/useDataTablePermissions.ts
-import { useMemo as useMemo12, useRef as useRef4 } from "react";
+import { useMemo as useMemo12, useRef as useRef4, useState as useState8, useEffect as useEffect10 } from "react";
 
 // src/components/DataTable/types.ts
 var defaultDataTableFeatures = {
@@ -10930,6 +11001,28 @@ function useDataTablePermissions(rbac, features = {}) {
   const logger2 = createLogger("DataTablePermissions");
   const authResult = useUnifiedAuth();
   const user = authResult.user;
+  const [isSuperAdminUser, setIsSuperAdminUser] = useState8(false);
+  const [isCheckingSuperAdmin, setIsCheckingSuperAdmin] = useState8(false);
+  useEffect10(() => {
+    const checkSuperAdminStatus = async () => {
+      if (!user?.id) {
+        setIsSuperAdminUser(false);
+        setIsCheckingSuperAdmin(false);
+        return;
+      }
+      setIsCheckingSuperAdmin(true);
+      try {
+        const superAdminStatus = await isSuperAdmin(user.id);
+        setIsSuperAdminUser(superAdminStatus);
+      } catch (error) {
+        logger2.error("useDataTablePermissions", "Error checking super admin status", { userId: user?.id, error });
+        setIsSuperAdminUser(false);
+      } finally {
+        setIsCheckingSuperAdmin(false);
+      }
+    };
+    checkSuperAdminStatus();
+  }, [user?.id, logger2]);
   const pageId = rbac?.pageId;
   const pageName = rbac?.pageName;
   if (!pageId && !pageName) {
@@ -10974,16 +11067,38 @@ function useDataTablePermissions(rbac, features = {}) {
   const updatePermission = `update:page.${effectivePageId}`;
   const deletePermission = `delete:page.${effectivePageId}`;
   const consistentScope = effectiveScope || { organisationId: void 0, eventId: void 0, appId: void 0 };
-  const permissions = {
-    canRead: useCan(userId, consistentScope, readPermission, effectivePageId, true),
-    canCreate: useCan(userId, consistentScope, createPermission, effectivePageId, true),
-    canUpdate: useCan(userId, consistentScope, updatePermission, effectivePageId, true),
-    canDelete: useCan(userId, consistentScope, deletePermission, effectivePageId, true),
-    canExport: useCan(userId, consistentScope, readPermission, effectivePageId, true),
-    // Use read permission for export
-    canImport: useCan(userId, consistentScope, createPermission, effectivePageId, true)
-    // Use create permission for import
-  };
+  const canReadResult = useCan(userId, consistentScope, readPermission, effectivePageId, true);
+  const canCreateResult = useCan(userId, consistentScope, createPermission, effectivePageId, true);
+  const canUpdateResult = useCan(userId, consistentScope, updatePermission, effectivePageId, true);
+  const canDeleteResult = useCan(userId, consistentScope, deletePermission, effectivePageId, true);
+  const canExportResult = useCan(userId, consistentScope, readPermission, effectivePageId, true);
+  const canImportResult = useCan(userId, consistentScope, createPermission, effectivePageId, true);
+  const permissions = useMemo12(() => {
+    const createSuperAdminAwarePermission = (result) => ({
+      can: isSuperAdminUser ? true : result.can,
+      // Show loading if super admin check is in progress OR if the underlying permission check is loading
+      isLoading: isCheckingSuperAdmin || result.isLoading,
+      error: result.error,
+      refetch: result.refetch
+    });
+    return {
+      canRead: createSuperAdminAwarePermission(canReadResult),
+      canCreate: createSuperAdminAwarePermission(canCreateResult),
+      canUpdate: createSuperAdminAwarePermission(canUpdateResult),
+      canDelete: createSuperAdminAwarePermission(canDeleteResult),
+      canExport: createSuperAdminAwarePermission(canExportResult),
+      canImport: createSuperAdminAwarePermission(canImportResult)
+    };
+  }, [
+    isSuperAdminUser,
+    isCheckingSuperAdmin,
+    canReadResult,
+    canCreateResult,
+    canUpdateResult,
+    canDeleteResult,
+    canExportResult,
+    canImportResult
+  ]);
   const normalizedFeatures = useMemo12(
     () => normalizeDataTableFeatures(features),
     [features]
@@ -11407,7 +11522,7 @@ function getRowDescription(rowIndex, totalRows, isSelected = false, isEditing =
 }
 
 // src/components/DataTable/hooks/useKeyboardNavigation.ts
-import { useCallback as useCallback9, useEffect as useEffect10, useRef as useRef5, useState as useState8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect11, useRef as useRef5, useState as useState9 } from "react";
 function useKeyboardNavigation(rowCount, columnCount, options = {}) {
   const {
     enabled = true,
@@ -11417,7 +11532,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     onFocusChange,
     tableRef: externalTableRef
   } = options;
-  const [state, setState] = useState8({
+  const [state, setState] = useState9({
     focusedRowIndex: 0,
     focusedColumnIndex: 0,
     isNavigating: false
@@ -11425,8 +11540,8 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
   const internalTableRef = useRef5(null);
   const tableRef = externalTableRef || internalTableRef;
   const storedFocusRef = useRef5(null);
-  const navigationTimeoutRef = useRef5();
-  const getCellElement = useCallback9((rowIndex, columnIndex) => {
+  const navigationTimeoutRef = useRef5(void 0);
+  const getCellElement = useCallback8((rowIndex, columnIndex) => {
     if (!tableRef.current) return null;
     const tbody = tableRef.current.querySelector("tbody");
     if (!tbody) return null;
@@ -11436,7 +11551,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     const cells = row.querySelectorAll('td[role="cell"], th[role="columnheader"]');
     return cells[columnIndex] || null;
   }, []);
-  const getHeaderElement = useCallback9((columnIndex) => {
+  const getHeaderElement = useCallback8((columnIndex) => {
     if (!tableRef.current) return null;
     const thead = tableRef.current.querySelector("thead");
     if (!thead) return null;
@@ -11445,7 +11560,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     const headers = headerRow.querySelectorAll('th[role="columnheader"]');
     return headers[columnIndex] || null;
   }, []);
-  const focusCell = useCallback9((rowIndex, columnIndex) => {
+  const focusCell = useCallback8((rowIndex, columnIndex) => {
     if (!enabled) return;
     const clampedRowIndex = Math.max(0, Math.min(rowIndex, rowCount - 1));
     const clampedColumnIndex = Math.max(0, Math.min(columnIndex, columnCount - 1));
@@ -11464,7 +11579,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
       announce(`Row ${clampedRowIndex + 1}, Column ${clampedColumnIndex + 1}`);
     }
   }, [enabled, rowCount, columnCount, getCellElement, onFocusChange, announceNavigation]);
-  const focusNext = useCallback9(() => {
+  const focusNext = useCallback8(() => {
     const { focusedRowIndex, focusedColumnIndex } = state;
     if (focusedColumnIndex < columnCount - 1) {
       focusCell(focusedRowIndex, focusedColumnIndex + 1);
@@ -11472,7 +11587,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
       focusCell(focusedRowIndex + 1, 0);
     }
   }, [state, columnCount, rowCount, focusCell]);
-  const focusPrevious = useCallback9(() => {
+  const focusPrevious = useCallback8(() => {
     const { focusedRowIndex, focusedColumnIndex } = state;
     if (focusedColumnIndex > 0) {
       focusCell(focusedRowIndex, focusedColumnIndex - 1);
@@ -11480,37 +11595,37 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
       focusCell(focusedRowIndex - 1, columnCount - 1);
     }
   }, [state, columnCount, focusCell]);
-  const focusUp = useCallback9(() => {
+  const focusUp = useCallback8(() => {
     const { focusedRowIndex, focusedColumnIndex } = state;
     if (focusedRowIndex > 0) {
       focusCell(focusedRowIndex - 1, focusedColumnIndex);
     }
   }, [state, focusCell]);
-  const focusDown = useCallback9(() => {
+  const focusDown = useCallback8(() => {
     const { focusedRowIndex, focusedColumnIndex } = state;
     if (focusedRowIndex < rowCount - 1) {
       focusCell(focusedRowIndex + 1, focusedColumnIndex);
     }
   }, [state, rowCount, focusCell]);
-  const focusRowStart = useCallback9(() => {
+  const focusRowStart = useCallback8(() => {
     const { focusedRowIndex } = state;
     focusCell(focusedRowIndex, 0);
   }, [state, focusCell]);
-  const focusRowEnd = useCallback9(() => {
+  const focusRowEnd = useCallback8(() => {
     const { focusedRowIndex } = state;
     focusCell(focusedRowIndex, columnCount - 1);
   }, [state, columnCount, focusCell]);
-  const focusTableStart = useCallback9(() => {
+  const focusTableStart = useCallback8(() => {
     focusCell(0, 0);
   }, [focusCell]);
-  const focusTableEnd = useCallback9(() => {
+  const focusTableEnd = useCallback8(() => {
     focusCell(rowCount - 1, columnCount - 1);
   }, [rowCount, columnCount, focusCell]);
-  const getCellTabIndex = useCallback9((rowIndex, columnIndex) => {
+  const getCellTabIndex = useCallback8((rowIndex, columnIndex) => {
     if (!enabled) return -1;
     return state.focusedRowIndex === rowIndex && state.focusedColumnIndex === columnIndex ? 0 : -1;
   }, [enabled, state.focusedRowIndex, state.focusedColumnIndex]);
-  const getCellKeyboardHandlers = useCallback9((rowIndex, columnIndex) => {
+  const getCellKeyboardHandlers = useCallback8((rowIndex, columnIndex) => {
     const onKeyDown = (event) => {
       if (!enabled) return;
       switch (event.key) {
@@ -11590,7 +11705,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     };
     return { onKeyDown, onFocus, onBlur };
   }, [enabled, focusNext, focusPrevious, focusUp, focusDown, focusRowStart, focusRowEnd, focusTableStart, focusTableEnd, onFocusChange]);
-  const getHeaderKeyboardHandlers = useCallback9((columnIndex, onSort) => {
+  const getHeaderKeyboardHandlers = useCallback8((columnIndex, onSort) => {
     const onKeyDown = (event) => {
       if (!enabled) return;
       switch (event.key) {
@@ -11648,27 +11763,27 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     };
     return { onKeyDown, onFocus };
   }, [enabled, getHeaderElement, columnCount, supportsColumnReorder, supportsColumnResize]);
-  const resetFocus = useCallback9(() => {
+  const resetFocus = useCallback8(() => {
     setState({
       focusedRowIndex: 0,
       focusedColumnIndex: 0,
       isNavigating: false
     });
   }, []);
-  const storeFocus = useCallback9(() => {
+  const storeFocus = useCallback8(() => {
     storedFocusRef.current = {
       rowIndex: state.focusedRowIndex,
       columnIndex: state.focusedColumnIndex
     };
   }, [state.focusedRowIndex, state.focusedColumnIndex]);
-  const restoreFocus = useCallback9(() => {
+  const restoreFocus = useCallback8(() => {
     if (storedFocusRef.current) {
       const { rowIndex, columnIndex } = storedFocusRef.current;
       focusCell(rowIndex, columnIndex);
       storedFocusRef.current = null;
     }
   }, [focusCell]);
-  useEffect10(() => {
+  useEffect11(() => {
     return () => {
       if (navigationTimeoutRef.current) {
         clearTimeout(navigationTimeoutRef.current);
@@ -11764,7 +11879,7 @@ function DataTableInternal(props) {
     storageKey,
     onLayoutChange
   } = props;
-  const logger2 = React20.useMemo(() => createLogger("DataTableCore"), []);
+  const logger2 = createLogger("DataTableCore");
   const authResult = useUnifiedAuth();
   const user = authResult.user;
   const requestedFeatures = useMemo14(
@@ -11801,21 +11916,21 @@ function DataTableInternal(props) {
     defaultSorting: defaultSorting || [],
     defaultGrouping: defaultGrouping || []
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (secureFeatures.columnVisibility && isColumnVisibilityLoaded && Object.keys(initialColumnVisibility).length > 0) {
       stateActions.setColumnVisibility(initialColumnVisibility);
     }
   }, [secureFeatures.columnVisibility, isColumnVisibilityLoaded, initialColumnVisibility, stateActions]);
-  useEffect11(() => {
+  useEffect12(() => {
     initializeLiveRegion();
   }, []);
   const rowSelection = selection !== void 0 ? selection : state.rowSelection;
-  const resolvedGetRowId = useCallback10(
+  const resolvedGetRowId = useCallback9(
     (row, index) => getRowIdSafe(row, index, getRowId),
     [getRowId]
   );
   const hasInitializedExpansion = useRef6(false);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!hasInitializedExpansion.current && defaultGrouping && defaultGrouping.length > 0) {
       stateActions.setExpanded(true);
       hasInitializedExpansion.current = true;
@@ -11868,7 +11983,7 @@ function DataTableInternal(props) {
   );
   const lastFocusedElementRef = useRef6(null);
   const wasImportModalOpenRef = useRef6(false);
-  useEffect11(() => {
+  useEffect12(() => {
     if (state.showImportModal) {
       wasImportModalOpenRef.current = true;
       keyboardNavigation.storeFocus();
@@ -11877,7 +11992,7 @@ function DataTableInternal(props) {
       }
     }
   }, [state.showImportModal, keyboardNavigation]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!state.showImportModal) {
       if (!wasImportModalOpenRef.current) {
         return;
@@ -11908,7 +12023,7 @@ function DataTableInternal(props) {
     finalPaginationMode,
     serverData
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (!hierarchicalValidation.isValid) {
       logger2.error("Hierarchical data validation failed:", hierarchicalValidation.errors);
     }
@@ -11923,13 +12038,13 @@ function DataTableInternal(props) {
     enablePersistence: secureFeatures.columnReordering,
     storageKey
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (secureFeatures.columnReordering && isColumnOrderLoaded && savedColumnOrder && savedColumnOrder.length > 0) {
       const normalizedOrder = secureFeatures.selection && savedColumnOrder.includes("select") ? ["select", ...savedColumnOrder.filter((id) => id !== "select")] : savedColumnOrder;
       stateActions.setColumnOrder(normalizedOrder);
     }
   }, [secureFeatures.columnReordering, secureFeatures.selection, isColumnOrderLoaded, savedColumnOrder, stateActions]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (secureFeatures.selection && state.columnOrder.includes("select") && state.columnOrder[0] !== "select") {
       const normalizedOrder = ["select", ...state.columnOrder.filter((id) => id !== "select")];
       stateActions.setColumnOrder(normalizedOrder);
@@ -11964,7 +12079,7 @@ function DataTableInternal(props) {
     }
     return state.pagination.pageSize;
   }, [state.pagination.pageSize, validatedInitialPageSize, secureFeatures.pagination, finalPageSizeOptions]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (secureFeatures.pagination && finalPageSizeOptions.length > 0) {
       const needsFix = !finalPageSizeOptions.includes(state.pagination.pageSize);
       const currentPageSize = effectivePageSize || validatedInitialPageSize;
@@ -11989,7 +12104,7 @@ function DataTableInternal(props) {
     finalDataCount
   ]);
   const isLoading = externalIsLoading || performanceLoading;
-  const handleSearch = useCallback10((value) => {
+  const handleSearch = useCallback9((value) => {
     stateActions.setSearchQuery(value);
     setSearchQuery(value);
     if (secureFeatures.pagination) {
@@ -12521,7 +12636,7 @@ function DataTableCore(props) {
 // src/components/DataTable/DataTable.tsx
 import { jsx as jsx26 } from "react/jsx-runtime";
 function DataTable(props) {
-  const logger2 = React21.useMemo(() => createLogger("DataTable"), []);
+  const logger2 = createLogger("DataTable");
   const { features, ...rest } = props;
   const normalizedFeatures = React21.useMemo(
     () => normalizeDataTableFeatures(features),
@@ -12804,4 +12919,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-ULHIJK66.js.map
+//# sourceMappingURL=chunk-T33XF5ZC.js.map