@jmruthers/pace-core 0.5.180 → 0.5.182

package/dist/{chunk-GQA2LIAE.js → chunk-QUVSNGIP.js}

@@ -1,31 +1,25 @@
 import {
   useCan,
   useResolvedScope
-} from "./chunk-ONI7Y733.js";
+} from "./chunk-RA3JUFMW.js";
 import {
   toast,
   useDataTablePerformance
-} from "./chunk-BESYRHQM.js";
-import {
-  init_UnifiedAuthProvider
-} from "./chunk-MSHEVJXS.js";
+} from "./chunk-6C4YBBJM.js";
 import {
   useUnifiedAuth
-} from "./chunk-WM26XK7I.js";
+} from "./chunk-FUEYYMX5.js";
 import {
+  cn,
   renderSafeHtml
-} from "./chunk-OWAG3GSU.js";
-import {
-  cn
-} from "./chunk-56XJ3TU6.js";
+} from "./chunk-R77UEZ4E.js";
 import {
-  createLogger,
-  init_logger
-} from "./chunk-XDNLUEXI.js";
+  createLogger
+} from "./chunk-PWLANIRT.js";
 import {
   __commonJS,
   __toESM
-} from "./chunk-PLDDJCW6.js";
+} from "./chunk-7D4SUZUM.js";
 
 // ../../node_modules/lodash/lodash.js
 var require_lodash = __commonJS({
@@ -5509,10 +5503,10 @@ var require_lodash = __commonJS({
 });
 
 // src/components/DataTable/DataTable.tsx
-import React22 from "react";
+import React21 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
-import React21, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
+import React20, { useMemo as useMemo14, useCallback as useCallback10, useEffect as useEffect11, useRef as useRef6 } from "react";
 import { useReactTable } from "@tanstack/react-table";
 import { Edit, Trash, ChevronUp as ChevronUp2, ChevronDown as ChevronDown3, ChevronsUpDown } from "lucide-react";
 
@@ -5734,11 +5728,9 @@ InputGroup.displayName = "InputGroup";
 import { Plus, Upload, Download, Filter, Trash2 } from "lucide-react";
 
 // src/components/Select/Select.tsx
-import * as React5 from "react";
-import { Search, X, ChevronDown, Check } from "lucide-react";
-
-// src/components/Select/hooks.ts
 import * as React4 from "react";
+import { Search, X, ChevronDown, Check } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var useSelectState = ({
   value: controlledValue,
   defaultValue = "",
@@ -5911,26 +5903,23 @@ var useSelectSearch = ({
     searchInputRef
   };
 };
-
-// src/components/Select/Select.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var SelectContext = React5.createContext(null);
+var SelectContext = React4.createContext(null);
 var useSelectContext = () => {
-  const context = React5.useContext(SelectContext);
+  const context = React4.useContext(SelectContext);
   if (!context) {
     throw new Error("Select components must be used within a Select");
   }
   return context;
 };
-var Select = React5.forwardRef(
+var Select = React4.forwardRef(
   ({
     children,
     className,
     direction = "down",
     ...selectProps
   }, ref) => {
-    const internalRef = React5.useRef(null);
-    const selectRef = React5.useMemo(() => {
+    const internalRef = React4.useRef(null);
+    const selectRef = React4.useMemo(() => {
       if (ref && typeof ref === "object" && "current" in ref) {
         return ref;
       }
@@ -5938,12 +5927,12 @@ var Select = React5.forwardRef(
     }, [ref]);
     const { state, actions } = useSelectState(selectProps);
     const { isSelecting } = useSelectEvents({ state, actions, selectRef });
-    const itemsMapRef = React5.useRef(/* @__PURE__ */ new Map());
-    const currentValueRef = React5.useRef(state.value);
-    React5.useEffect(() => {
+    const itemsMapRef = React4.useRef(/* @__PURE__ */ new Map());
+    const currentValueRef = React4.useRef(state.value);
+    React4.useEffect(() => {
       currentValueRef.current = state.value;
     }, [state.value]);
-    const updateSelectedTextIfNeeded = React5.useCallback((value) => {
+    const updateSelectedTextIfNeeded = React4.useCallback((value) => {
       if (value && value === currentValueRef.current) {
         const registeredText = itemsMapRef.current.get(value);
         if (registeredText) {
@@ -5953,14 +5942,14 @@ var Select = React5.forwardRef(
       }
       return false;
     }, [actions.setSelectedText]);
-    const registerItem = React5.useCallback((value, text) => {
+    const registerItem = React4.useCallback((value, text) => {
       itemsMapRef.current.set(value, text);
       updateSelectedTextIfNeeded(value);
     }, [updateSelectedTextIfNeeded]);
-    const unregisterItem = React5.useCallback((value) => {
+    const unregisterItem = React4.useCallback((value) => {
       itemsMapRef.current.delete(value);
     }, []);
-    const findAndSetSelectedText = React5.useCallback(() => {
+    const findAndSetSelectedText = React4.useCallback(() => {
       if (!state.value) {
         actions.setSelectedText("");
         return;
@@ -5994,10 +5983,10 @@ var Select = React5.forwardRef(
         actions.setSelectedText("");
       }
     }, [state.value, actions.setSelectedText, selectRef]);
-    React5.useLayoutEffect(() => {
+    React4.useLayoutEffect(() => {
       findAndSetSelectedText();
     }, [findAndSetSelectedText]);
-    React5.useEffect(() => {
+    React4.useEffect(() => {
       if (state.value && !state.selectedText) {
         const timeoutId = setTimeout(() => {
           findAndSetSelectedText();
@@ -6005,7 +5994,7 @@ var Select = React5.forwardRef(
         return () => clearTimeout(timeoutId);
       }
     }, [state.value, state.selectedText, findAndSetSelectedText]);
-    React5.useEffect(() => {
+    React4.useEffect(() => {
       if (!state.value || state.selectedText) return;
       const selectElement = selectRef.current;
       if (!selectElement) return;
@@ -6021,7 +6010,7 @@ var Select = React5.forwardRef(
       });
       return () => observer.disconnect();
     }, [state.value, state.selectedText, findAndSetSelectedText, selectRef]);
-    const contextValue = React5.useMemo(() => ({
+    const contextValue = React4.useMemo(() => ({
       ...state,
       actions,
       registerItem,
@@ -6041,7 +6030,7 @@ var Select = React5.forwardRef(
   }
 );
 Select.displayName = "Select";
-var SelectTrigger = React5.forwardRef(
+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";
@@ -6093,16 +6082,16 @@ var SelectTrigger = React5.forwardRef(
       ...props
     };
     if (asChild) {
-      const childChildren = React5.Children.toArray(children.props.children);
+      const childChildren = React4.Children.toArray(children.props.children);
       const hasChevron = childChildren.some(
-        (child) => React5.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")
+        (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 childClassName = children.props.className;
       const mergedClassName = cn(
         triggerProps.className,
         childClassName
       );
-      return React5.cloneElement(children, {
+      return React4.cloneElement(children, {
         ...triggerProps,
         className: mergedClassName,
         children: hasChevron ? childChildren : [
@@ -6166,14 +6155,14 @@ var SelectTrigger = React5.forwardRef(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectValue = React5.forwardRef(
+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) });
   }
 );
 SelectValue.displayName = "SelectValue";
-var SelectContent = React5.forwardRef(
+var SelectContent = React4.forwardRef(
   ({
     children,
     className,
@@ -6187,7 +6176,7 @@ var SelectContent = React5.forwardRef(
       children,
       searchable
     });
-    React5.useEffect(() => {
+    React4.useEffect(() => {
       if (open && searchable && searchInputRef.current) {
         searchInputRef.current.focus();
       }
@@ -6267,14 +6256,14 @@ var SelectContent = React5.forwardRef(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = React5.forwardRef(
+var SelectItem = React4.forwardRef(
   ({ value, children, disabled = false, className, onClick }, ref) => {
     const { value: selectedValue, actions, registerItem, unregisterItem } = useSelectContext();
     const isSelected = selectedValue === value;
     const getTextContent = (children2) => {
       if (typeof children2 === "string") return children2;
       if (typeof children2 === "number") return children2.toString();
-      if (React5.isValidElement(children2) && children2.props.children) {
+      if (React4.isValidElement(children2) && children2.props.children) {
         return getTextContent(children2.props.children);
       }
       if (Array.isArray(children2)) {
@@ -6283,7 +6272,7 @@ var SelectItem = React5.forwardRef(
       return "";
     };
     const itemText = getTextContent(children);
-    React5.useLayoutEffect(() => {
+    React4.useLayoutEffect(() => {
       if (registerItem && itemText) {
         registerItem(value, itemText);
       }
@@ -6314,7 +6303,13 @@ var SelectItem = React5.forwardRef(
         case " ":
           e.preventDefault();
           if (onClick) {
-            onClick(e);
+            const syntheticEvent = {
+              ...e,
+              type: "click",
+              currentTarget: e.currentTarget,
+              target: e.target
+            };
+            onClick(syntheticEvent);
           }
           actions.setValue(value, itemText);
           break;
@@ -6350,19 +6345,19 @@ var SelectItem = React5.forwardRef(
   }
 );
 SelectItem.displayName = "SelectItem";
-var SelectGroup = React5.forwardRef(
+var SelectGroup = React4.forwardRef(
   ({ children, className }, ref) => {
     return /* @__PURE__ */ jsx4("div", { ref, className: cn("p-1", className), "data-testid": "select-group", children });
   }
 );
 SelectGroup.displayName = "SelectGroup";
-var SelectLabel = React5.forwardRef(
+var SelectLabel = React4.forwardRef(
   ({ children, className }, ref) => {
     return /* @__PURE__ */ jsx4("div", { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), "data-testid": "select-label", children });
   }
 );
 SelectLabel.displayName = "SelectLabel";
-var SelectSeparator = React5.forwardRef(
+var SelectSeparator = React4.forwardRef(
   ({ className }, ref) => {
     return /* @__PURE__ */ jsx4(
       "div",
@@ -6453,11 +6448,11 @@ function GroupingDropdown({
 }
 
 // src/components/Checkbox/Checkbox.tsx
-import * as React6 from "react";
+import * as React5 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var Checkbox = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -6682,7 +6677,7 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/components/UnifiedTableBody.tsx
-import React11, { useRef as useRef3, useEffect as useEffect3 } from "react";
+import React10, { useRef as useRef2, useEffect as useEffect2 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ChevronDown as ChevronDown2, ChevronRight } from "lucide-react";
@@ -6734,13 +6729,13 @@ function EmptyState({
 }
 
 // src/components/DataTable/components/FilterRow.tsx
-import React8 from "react";
+import React7 from "react";
 
 // src/components/DataTable/components/ColumnFilter.tsx
 import { X as X2 } from "lucide-react";
 
 // src/components/DataTable/utils/columnUtils.ts
-import React7 from "react";
+import React6 from "react";
 function getColumnHeaderText(column) {
   const header = column.columnDef.header;
   if (typeof header === "string") {
@@ -6753,7 +6748,7 @@ function getColumnHeaderText(column) {
   if (typeof header === "function") {
     return getAccessorKey() || column.id;
   }
-  if (React7.isValidElement(header)) {
+  if (React6.isValidElement(header)) {
     return getAccessorKey() || column.id;
   }
   return getAccessorKey() || column.id;
@@ -6854,7 +6849,7 @@ import { jsx as jsx11 } from "react/jsx-runtime";
 function FilterRow({ table, visibleColumns }) {
   const { getState } = table;
   const { columnFilters } = getState();
-  const getColumnOptions = React8.useCallback((columnId) => {
+  const getColumnOptions = React7.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return [];
     const columnDef = column.columnDef;
@@ -6873,7 +6868,7 @@ function FilterRow({ table, visibleColumns }) {
     });
     return Array.from(uniqueValues).sort().map((value) => ({ value, label: value }));
   }, [table]);
-  const getFilterType = React8.useCallback((columnId) => {
+  const getFilterType = React7.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return "text";
     const columnDef = column.columnDef;
@@ -6922,7 +6917,7 @@ function FilterRow({ table, visibleColumns }) {
 }
 
 // src/components/DataTable/components/ActionButtons.tsx
-import React9, { useMemo as useMemo2 } from "react";
+import React8, { useMemo as useMemo2 } from "react";
 import { MoreHorizontal } from "lucide-react";
 import { Fragment, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var evaluateCondition = (condition, row, defaultValue) => {
@@ -7039,13 +7034,12 @@ function ActionButtonsComponent({
     }) })
   ] });
 }
-var ActionButtons = React9.memo(ActionButtonsComponent);
+var ActionButtons = React8.memo(ActionButtonsComponent);
 
 // src/components/DataTable/components/EditableRow.tsx
-import React10 from "react";
+import React9 from "react";
 import { flexRender } from "@tanstack/react-table";
 import { X as X3, Check as Check3 } from "lucide-react";
-init_logger();
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function SelectEditField({
   columnDef,
@@ -7055,14 +7049,14 @@ function SelectEditField({
   onChange,
   className
 }) {
-  const logger = React10.useMemo(() => createLogger("SelectEditField"), []);
+  const logger = React9.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
-  const selectRef = React10.useRef(null);
-  const [searchTerm, setSearchTerm] = React10.useState("");
-  const [isOpen, setIsOpen] = React10.useState(false);
-  const [showCreateOption, setShowCreateOption] = React10.useState(false);
-  React10.useEffect(() => {
+  const selectRef = React9.useRef(null);
+  const [searchTerm, setSearchTerm] = React9.useState("");
+  const [isOpen, setIsOpen] = React9.useState(false);
+  const [showCreateOption, setShowCreateOption] = React9.useState(false);
+  React9.useEffect(() => {
     if (!isOpen || !isSearchable || !isCreatable) return;
     const findAndAttachSearchInput = () => {
       let searchInput = null;
@@ -7140,7 +7134,7 @@ function SelectEditField({
     }
     return cleanup;
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
-  const handleCreateNew = React10.useCallback(async () => {
+  const handleCreateNew = React9.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
     try {
       const newValue = await columnDef.onCreateNew(searchTerm.trim());
@@ -7286,9 +7280,9 @@ function EditableRow({
   hierarchical = false
 }) {
   const rowId = getRowId ? getRowId(row.original, row.index) : String(row.id);
-  const firstInputRef = React10.useRef(null);
-  const hasAssignedRef = React10.useRef(false);
-  React10.useEffect(() => {
+  const firstInputRef = React9.useRef(null);
+  const hasAssignedRef = React9.useRef(false);
+  React9.useEffect(() => {
     if (firstInputRef.current) {
       firstInputRef.current.focus();
       firstInputRef.current.select();
@@ -7354,9 +7348,6 @@ function EditableRow({
   );
 }
 
-// src/components/DataTable/components/UnifiedTableBody.tsx
-init_logger();
-
 // src/components/DataTable/utils/hierarchicalUtils.ts
 function validateHierarchicalData(data) {
   const errors = [];
@@ -7567,14 +7558,14 @@ function SelectEditField2({
   placeholder,
   onChange
 }) {
-  const logger = React11.useMemo(() => createLogger("SelectEditField"), []);
+  const logger = React10.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
-  const selectRef = React11.useRef(null);
-  const [searchTerm, setSearchTerm] = React11.useState("");
-  const [isOpen, setIsOpen] = React11.useState(false);
-  const [showCreateOption, setShowCreateOption] = React11.useState(false);
-  React11.useEffect(() => {
+  const selectRef = React10.useRef(null);
+  const [searchTerm, setSearchTerm] = React10.useState("");
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const [showCreateOption, setShowCreateOption] = React10.useState(false);
+  React10.useEffect(() => {
     if (!isOpen || !isSearchable || !isCreatable || !columnDef.onCreateNew) {
       if (!isOpen || !isCreatable || !columnDef.onCreateNew) {
         setShowCreateOption(false);
@@ -7659,7 +7650,7 @@ function SelectEditField2({
     }
     return cleanup;
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions, columnDef.onCreateNew]);
-  const handleCreateNew = React11.useCallback(async () => {
+  const handleCreateNew = React10.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
     try {
       const newValue = await columnDef.onCreateNew(searchTerm.trim());
@@ -7790,7 +7781,7 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
     }
   );
 };
-var RowComponent = React11.memo(({
+var RowComponent = React10.memo(({
   row,
   style,
   isEditing,
@@ -7806,21 +7797,21 @@ var RowComponent = React11.memo(({
   rbac,
   permissions
 }) => {
-  const rowRef = useRef3(null);
-  const firstInputRef = useRef3(null);
-  const logger = React11.useMemo(() => createLogger("RowComponent"), []);
+  const rowRef = useRef2(null);
+  const firstInputRef = useRef2(null);
+  const logger = React10.useMemo(() => 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;
-  useEffect3(() => {
+  useEffect2(() => {
     if (isEditing && firstInputRef.current) {
       firstInputRef.current.focus();
       firstInputRef.current.select();
     }
   }, [isEditing]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!isEditing) return;
     const handleKeyDown = (event) => {
       const target = event.target;
@@ -8058,10 +8049,10 @@ function UnifiedTableBody({
   rbac,
   permissions
 }) {
-  const logger = React11.useMemo(() => createLogger("UnifiedTableBody"), []);
-  const headerRef = useRef3(null);
-  const bodyRef = useRef3(null);
-  const parentRef = useRef3(null);
+  const logger = React10.useMemo(() => createLogger("UnifiedTableBody"), []);
+  const headerRef = useRef2(null);
+  const bodyRef = useRef2(null);
+  const parentRef = useRef2(null);
   const shouldVirtualize = forceVirtualization || dataLength > VIRTUALIZATION_THRESHOLD;
   const rows = table.getRowModel().rows;
   const headerGroups = table.getHeaderGroups();
@@ -8075,7 +8066,7 @@ function UnifiedTableBody({
   });
   const virtualRows = effectiveShouldVirtualize ? virtualizer.getVirtualItems() : [];
   const totalSize = effectiveShouldVirtualize ? virtualizer.getTotalSize() : 0;
-  useEffect3(() => {
+  useEffect2(() => {
     if (shouldVirtualize && !hasScrollContainer) {
       logger.warn("Virtualization enabled but no scroll container found. Falling back to standard rendering.", {
         rowsLength: rows.length,
@@ -8260,7 +8251,7 @@ function UnifiedTableBody({
 }
 
 // src/components/DataTable/components/PaginationControls.tsx
-import React12 from "react";
+import React11 from "react";
 import {
   ChevronLeft,
   ChevronRight as ChevronRight2,
@@ -8272,7 +8263,6 @@ import {
 } from "lucide-react";
 
 // src/components/DataTable/utils/paginationUtils.ts
-init_logger();
 function getPaginationBinding(config) {
   const { mode, table, serverData, totalCount, onPageChange, onPageSizeChange } = config;
   const state = calculatePaginationState(config);
@@ -8585,7 +8575,7 @@ function EnhancedPaginationControls({
   showJumpToPage = false,
   ...props
 }) {
-  const [jumpToPage, setJumpToPage] = React12.useState("");
+  const [jumpToPage, setJumpToPage] = React11.useState("");
   const { table, paginationMode = "client", serverData, onPageChange, totalCount } = props;
   const pagination = getPaginationBinding({
     mode: paginationMode,
@@ -8636,17 +8626,17 @@ function LoadingState() {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import React16, { useEffect as useEffect6 } from "react";
+import React15, { useEffect as useEffect5 } from "react";
 
 // src/components/DataTable/components/ImportModal.tsx
-import { useState as useState4, useRef as useRef4, useEffect as useEffect5 } from "react";
+import { useState as useState4, useRef as useRef3, useEffect as useEffect4 } from "react";
 
 // src/components/Dialog/Dialog.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X4 } from "lucide-react";
 var import_lodash = __toESM(require_lodash(), 1);
-import { useState as useState3, useEffect as useEffect4 } from "react";
+import { useState as useState3, useEffect as useEffect3 } from "react";
 import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "max-w-sm",
@@ -8660,7 +8650,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -8682,7 +8672,7 @@ var useSmartDimensions = ({
   enableScrolling = false
 }) => {
   const [dimensions, setDimensions] = useState3({});
-  useEffect4(() => {
+  useEffect3(() => {
     if (!maxHeightPercent && !maxWidthPercent && !maxHeight && !maxWidth && !minHeight && !minWidth) {
       return;
     }
@@ -8737,7 +8727,7 @@ var useSmartDimensions = ({
   }
   return result;
 };
-var DialogContent = React13.forwardRef(({
+var DialogContent = React12.forwardRef(({
   className,
   children,
   size = "md",
@@ -8764,17 +8754,17 @@ var DialogContent = React13.forwardRef(({
     minWidth,
     enableScrolling
   });
-  const handleEscapeKeyDown = React13.useCallback((event) => {
+  const handleEscapeKeyDown = React12.useCallback((event) => {
     if (preventCloseOnEscape) {
       event.preventDefault();
     }
   }, [preventCloseOnEscape]);
-  const handlePointerDownOutside = React13.useCallback((event) => {
+  const handlePointerDownOutside = React12.useCallback((event) => {
     if (preventCloseOnOutsideClick) {
       event.preventDefault();
     }
   }, [preventCloseOnOutsideClick]);
-  const mergedStyle = React13.useMemo(() => {
+  const mergedStyle = React12.useMemo(() => {
     if (Object.keys(smartDimensions).length === 0) {
       return style;
     }
@@ -8852,13 +8842,13 @@ var DialogBody = ({
   children,
   ...props
 }) => {
-  const mergedStyle = React13.useMemo(() => {
+  const mergedStyle = React12.useMemo(() => {
     return {
       ...maxHeight && { maxHeight },
       ...style
     };
   }, [maxHeight, style]);
-  const processedHtmlContent = React13.useMemo(() => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8911,8 +8901,8 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React13.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React13.useMemo(() => {
+var DialogTitle = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8935,8 +8925,8 @@ var DialogTitle = React13.forwardRef(({ className, htmlContent, allowHtml = true
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React13.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React13.useMemo(() => {
+var DialogDescription = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8959,10 +8949,10 @@ var DialogDescription = React13.forwardRef(({ className, htmlContent, allowHtml
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/Progress/Progress.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx18 } from "react/jsx-runtime";
-var Progress = React14.forwardRef(({ className, value, max: max2 = 100, ...props }, ref) => /* @__PURE__ */ jsx18(
+var Progress = React13.forwardRef(({ className, value, max: max2 = 100, ...props }, ref) => /* @__PURE__ */ jsx18(
   ProgressPrimitive.Root,
   {
     ref,
@@ -8980,7 +8970,7 @@ var Progress = React14.forwardRef(({ className, value, max: max2 = 100, ...props
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        style: { transform: `translateX(-${100 - (value || 0) / max2 * 100}%)` }
       }
     )
   }
@@ -8988,7 +8978,6 @@ var Progress = React14.forwardRef(({ className, value, max: max2 = 100, ...props
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/DataTable/components/ImportModal.tsx
-init_logger();
 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 = {} }) {
@@ -9000,14 +8989,14 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
   const [totalCount, setTotalCount] = useState4(0);
   const [validationErrors, setValidationErrors] = useState4([]);
   const [importProgress, setImportProgress] = useState4(null);
-  const fileInputRef = useRef4(null);
-  const isMountedRef = useRef4(true);
-  useEffect5(() => {
+  const fileInputRef = useRef3(null);
+  const isMountedRef = useRef3(true);
+  useEffect4(() => {
     return () => {
       isMountedRef.current = false;
     };
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
     if (!isOpen) {
       setFile(null);
       setPreviewData(null);
@@ -9299,7 +9288,6 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-init_logger();
 import { Fragment as Fragment4, jsx as jsx20 } from "react/jsx-runtime";
 function mapCSVToTableColumns(csvData, columns) {
   const logger = createLogger("mapCSVToTableColumns");
@@ -9364,8 +9352,8 @@ function DataTableModals({
   onStoreFocus,
   onRestoreFocus
 }) {
-  const logger = React16.useMemo(() => createLogger("DataTableModals"), []);
-  useEffect6(() => {
+  const logger = React15.useMemo(() => createLogger("DataTableModals"), []);
+  useEffect5(() => {
     if (showImportModal) {
       onStoreFocus?.();
     } else {
@@ -9408,12 +9396,12 @@ function DataTableModals({
 }
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import React18, { Component } from "react";
+import React17, { Component } from "react";
 
 // src/components/Alert/Alert.tsx
-import * as React17 from "react";
+import * as React16 from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
-var AlertContext = React17.createContext({ variant: "default" });
+var AlertContext = React16.createContext({ variant: "default" });
 var getAlertClasses = (variant = "default") => {
   const baseClasses = "relative w-full rounded-lg border p-4";
   const variantClasses = {
@@ -9424,10 +9412,10 @@ var getAlertClasses = (variant = "default") => {
   };
   return `${baseClasses} ${variantClasses[variant]}`;
 };
-var Alert = React17.forwardRef(({ className, variant = "default", ...props }, ref) => {
-  const contextValue = React17.useMemo(() => ({ variant }), [variant]);
+var Alert = React16.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React16.useMemo(() => ({ variant }), [variant]);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(React17.Fragment, { ...props }) });
+    return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(React16.Fragment, { ...props }) });
   }
   return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
     "div",
@@ -9440,8 +9428,8 @@ var Alert = React17.forwardRef(({ className, variant = "default", ...props }, re
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React17.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React17.useContext(AlertContext);
+var AlertTitle = React16.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React16.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx21("strong", { ...props });
   }
@@ -9449,14 +9437,14 @@ var AlertTitle = React17.forwardRef(({ className, ...props }, ref) => {
     "h5",
     {
       ref,
-      className: cn("", className),
+      className: cn(className),
       ...props
     }
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React17.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React17.useContext(AlertContext);
+var AlertDescription = React16.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React16.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx21("span", { ...props });
   }
@@ -9464,7 +9452,7 @@ var AlertDescription = React17.forwardRef(({ className, ...props }, ref) => {
     "p",
     {
       ref,
-      className: cn("", className),
+      className: cn(className),
       ...props
     }
   );
@@ -9472,7 +9460,6 @@ var AlertDescription = React17.forwardRef(({ className, ...props }, ref) => {
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-init_logger();
 import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 var DataTableErrorBoundary = class extends Component {
   constructor(props) {
@@ -9592,8 +9579,7 @@ var DataTableErrorBoundary = class extends Component {
 };
 
 // src/components/DataTable/hooks/useColumnOrderPersistence.ts
-init_logger();
-import { useState as useState5, useEffect as useEffect7, useCallback as useCallback4 } from "react";
+import { useState as useState5, useEffect as useEffect6, useCallback as useCallback3 } from "react";
 function useColumnOrderPersistence({
   tableId,
   defaultOrder = [],
@@ -9604,7 +9590,7 @@ function useColumnOrderPersistence({
   const [columnOrder, setColumnOrder] = useState5(defaultOrder);
   const [isLoaded, setIsLoaded] = useState5(false);
   const finalStorageKey = storageKey ? `${storageKey}-column-order` : tableId ? `datatable-column-order-${tableId}` : "datatable-column-order";
-  useEffect7(() => {
+  useEffect6(() => {
     if (!enablePersistence || typeof window === "undefined") {
       setIsLoaded(true);
       return;
@@ -9627,7 +9613,7 @@ function useColumnOrderPersistence({
       setIsLoaded(true);
     }
   }, [enablePersistence, finalStorageKey, storageKey, tableId]);
-  const saveColumnOrder = useCallback4((newOrder) => {
+  const saveColumnOrder = useCallback3((newOrder) => {
     if (!enablePersistence || typeof window === "undefined") return;
     if (!storageKey && !tableId) return;
     try {
@@ -9636,11 +9622,11 @@ function useColumnOrderPersistence({
       logger.warn("Failed to save column order to localStorage:", error);
     }
   }, [enablePersistence, finalStorageKey, storageKey, tableId]);
-  const updateColumnOrder = useCallback4((newOrder) => {
+  const updateColumnOrder = useCallback3((newOrder) => {
     setColumnOrder(newOrder);
     saveColumnOrder(newOrder);
   }, [saveColumnOrder]);
-  const resetColumnOrder = useCallback4(() => {
+  const resetColumnOrder = useCallback3(() => {
     setColumnOrder(defaultOrder);
     if (enablePersistence && (storageKey || tableId) && typeof window !== "undefined") {
       try {
@@ -9650,7 +9636,7 @@ function useColumnOrderPersistence({
       }
     }
   }, [defaultOrder, enablePersistence, finalStorageKey, storageKey, tableId]);
-  const clearAllPreferences = useCallback4(() => {
+  const clearAllPreferences = useCallback3(() => {
     if (!enablePersistence || typeof window === "undefined") return;
     try {
       const keys = Object.keys(localStorage);
@@ -9673,8 +9659,7 @@ function useColumnOrderPersistence({
 }
 
 // src/components/DataTable/hooks/useColumnVisibilityPersistence.ts
-init_logger();
-import { useState as useState6, useEffect as useEffect8, useCallback as useCallback5 } from "react";
+import { useState as useState6, useEffect as useEffect7, useCallback as useCallback4 } from "react";
 function useColumnVisibilityPersistence({
   tableId,
   defaultVisibility = {},
@@ -9685,7 +9670,7 @@ function useColumnVisibilityPersistence({
   const [columnVisibility, setColumnVisibility] = useState6(defaultVisibility);
   const [isLoaded, setIsLoaded] = useState6(false);
   const finalStorageKey = storageKey ? `${storageKey}-column-visibility` : tableId ? `datatable-column-visibility-${tableId}` : "datatable-column-visibility";
-  useEffect8(() => {
+  useEffect7(() => {
     if (!enablePersistence || typeof window === "undefined") {
       setIsLoaded(true);
       return;
@@ -9704,7 +9689,7 @@ function useColumnVisibilityPersistence({
       setIsLoaded(true);
     }
   }, [enablePersistence, finalStorageKey]);
-  const saveColumnVisibility = useCallback5((newVisibility) => {
+  const saveColumnVisibility = useCallback4((newVisibility) => {
     if (!enablePersistence || typeof window === "undefined") return;
     try {
       localStorage.setItem(finalStorageKey, JSON.stringify(newVisibility));
@@ -9712,11 +9697,11 @@ function useColumnVisibilityPersistence({
       logger.warn("Failed to save column visibility to localStorage:", error);
     }
   }, [enablePersistence, finalStorageKey]);
-  const updateColumnVisibility = useCallback5((newVisibility) => {
+  const updateColumnVisibility = useCallback4((newVisibility) => {
     setColumnVisibility(newVisibility);
     saveColumnVisibility(newVisibility);
   }, [saveColumnVisibility]);
-  const resetColumnVisibility = useCallback5(() => {
+  const resetColumnVisibility = useCallback4(() => {
     setColumnVisibility(defaultVisibility);
     if (enablePersistence && typeof window !== "undefined") {
       try {
@@ -9726,7 +9711,7 @@ function useColumnVisibilityPersistence({
       }
     }
   }, [defaultVisibility, enablePersistence, finalStorageKey]);
-  const clearAllPreferences = useCallback5(() => {
+  const clearAllPreferences = useCallback4(() => {
     if (!enablePersistence || typeof window === "undefined") return;
     try {
       const keys = Object.keys(localStorage);
@@ -9749,7 +9734,7 @@ function useColumnVisibilityPersistence({
 }
 
 // src/components/DataTable/hooks/useDataTableState.ts
-import { useReducer, useCallback as useCallback6, useMemo as useMemo6 } from "react";
+import { useReducer, useCallback as useCallback5, useMemo as useMemo6 } from "react";
 function dataTableReducer(state, action) {
   switch (action.type) {
     case "SET_SORTING":
@@ -9885,7 +9870,7 @@ function useDataTableState({
     hasFilters: state.columnFilters.length > 0 || state.searchQuery !== "",
     canClearFilters: state.columnFilters.length > 0 || state.searchQuery !== ""
   }), [state]);
-  const clearFilters = useCallback6(() => {
+  const clearFilters = useCallback5(() => {
     dispatch({ type: "SET_COLUMN_FILTERS", payload: [] });
     dispatch({ type: "SET_SEARCH_QUERY", payload: "" });
   }, []);
@@ -9901,7 +9886,7 @@ function useDataTableState({
 import { useMemo as useMemo8 } from "react";
 
 // src/components/DataTable/hooks/useHierarchicalState.ts
-import { useState as useState7, useCallback as useCallback7, useMemo as useMemo7, useEffect as useEffect9 } from "react";
+import { useState as useState7, useCallback as useCallback6, useMemo as useMemo7, useEffect as useEffect8 } from "react";
 function useHierarchicalState(data, config) {
   const initialExpandedState = useMemo7(() => {
     if (!config?.defaultExpanded) {
@@ -9918,7 +9903,7 @@ function useHierarchicalState(data, config) {
   const [expandedRows, setExpandedRows] = useState7(initialExpandedState);
   const [prevDataLength, setPrevDataLength] = useState7(data.length);
   const [prevDefaultExpanded, setPrevDefaultExpanded] = useState7(config?.defaultExpanded);
-  useEffect9(() => {
+  useEffect8(() => {
     const dataLengthChanged = data.length !== prevDataLength;
     const configChanged = config?.defaultExpanded !== prevDefaultExpanded;
     if (configChanged || dataLengthChanged) {
@@ -9963,7 +9948,7 @@ function useHierarchicalState(data, config) {
     }
     return visible;
   }, [data, expandedRows, parentChildMap]);
-  const toggleRow = useCallback7((rowId) => {
+  const toggleRow = useCallback6((rowId) => {
     setExpandedRows((prev) => {
       const newSet = new Set(prev);
       if (newSet.has(rowId)) {
@@ -9977,32 +9962,32 @@ function useHierarchicalState(data, config) {
       return newSet;
     });
   }, [config]);
-  const expandAll = useCallback7(() => {
+  const expandAll = useCallback6(() => {
     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 = useCallback7(() => {
+  const collapseAll = useCallback6(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
     if (config?.onExpandedChange) {
       config.onExpandedChange([]);
     }
   }, [config]);
-  const isExpanded = useCallback7((rowId) => {
+  const isExpanded = useCallback6((rowId) => {
     return expandedRows.has(rowId);
   }, [expandedRows]);
-  const hasChildren = useCallback7((rowId) => {
+  const hasChildren = useCallback6((rowId) => {
     return parentChildMap.has(rowId) && (parentChildMap.get(rowId)?.length || 0) > 0;
   }, [parentChildMap]);
-  const getChildrenCount = useCallback7((rowId) => {
+  const getChildrenCount = useCallback6((rowId) => {
     return parentChildMap.get(rowId)?.length || 0;
   }, [parentChildMap]);
-  const getExpandedIds = useCallback7(() => {
+  const getExpandedIds = useCallback6(() => {
     return Array.from(expandedRows);
   }, [expandedRows]);
-  const setExpandedIds = useCallback7((ids) => {
+  const setExpandedIds = useCallback6((ids) => {
     setExpandedRows(new Set(ids));
   }, []);
   return {
@@ -10183,7 +10168,7 @@ function useDataTableDataPipeline({
 }
 
 // src/components/DataTable/hooks/useServerSideDataEffect.ts
-import { useCallback as useCallback8, useEffect as useEffect10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect9 } from "react";
 function useServerSideDataEffect({
   finalPaginationMode,
   serverSide,
@@ -10196,7 +10181,7 @@ function useServerSideDataEffect({
   fetchServerData,
   cleanup
 }) {
-  const handleServerSideChange = useCallback8(async () => {
+  const handleServerSideChange = useCallback7(async () => {
     if (finalPaginationMode !== "server" || !serverSide) {
       return;
     }
@@ -10220,7 +10205,7 @@ function useServerSideDataEffect({
     grouping,
     fetchServerData
   ]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (finalPaginationMode !== "server" || !serverSide) {
       return;
     }
@@ -10234,7 +10219,7 @@ function useServerSideDataEffect({
     tableDataLength,
     handleServerSideChange
   ]);
-  useEffect10(() => () => {
+  useEffect9(() => () => {
     cleanup?.();
   }, [cleanup]);
   return handleServerSideChange;
@@ -10263,7 +10248,7 @@ function useEffectiveColumnOrder({
 }
 
 // src/components/DataTable/hooks/useTableHandlers.ts
-import { useCallback as useCallback9, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo10 } from "react";
 function useTableHandlers({
   state,
   stateSnapshot,
@@ -10277,15 +10262,15 @@ function useTableHandlers({
   updateColumnOrder,
   onLayoutChange
 }) {
-  const handleSortingChange = useCallback9((updaterOrValue) => {
+  const handleSortingChange = useCallback8((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.sorting) : updaterOrValue;
     actions.setSorting(nextValue);
   }, [actions, stateSnapshot.sorting]);
-  const handleColumnFiltersChange = useCallback9((updaterOrValue) => {
+  const handleColumnFiltersChange = useCallback8((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.columnFilters) : updaterOrValue;
     actions.setColumnFilters(nextValue);
   }, [actions, stateSnapshot.columnFilters]);
-  const handleColumnVisibilityChange = useCallback9((updaterOrValue) => {
+  const handleColumnVisibilityChange = useCallback8((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.columnVisibility) : updaterOrValue;
     actions.setColumnVisibility(nextValue);
     if (canPersistVisibility) {
@@ -10296,7 +10281,7 @@ function useTableHandlers({
       columnVisibility: nextValue
     });
   }, [actions, stateSnapshot.columnVisibility, canPersistVisibility, updateSavedColumnVisibility, onLayoutChange, effectiveColumnOrder]);
-  const handleRowSelectionChange = useCallback9((updaterOrValue) => {
+  const handleRowSelectionChange = useCallback8((updaterOrValue) => {
     const currentSelection = selection ?? state.rowSelection;
     const nextSelection = typeof updaterOrValue === "function" ? updaterOrValue(currentSelection) : updaterOrValue;
     if (selection === void 0) {
@@ -10306,19 +10291,19 @@ function useTableHandlers({
     }
     onRowSelectionChange?.(nextSelection);
   }, [actions, selection, state.rowSelection, onRowSelectionChange]);
-  const handleGroupingChange = useCallback9((updaterOrValue) => {
+  const handleGroupingChange = useCallback8((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.grouping) : updaterOrValue;
     actions.setGrouping(nextValue);
   }, [actions, stateSnapshot.grouping]);
-  const handleExpandedChange = useCallback9((updaterOrValue) => {
+  const handleExpandedChange = useCallback8((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.expanded) : updaterOrValue;
     actions.setExpanded(nextValue);
   }, [actions, stateSnapshot.expanded]);
-  const handlePaginationChange = useCallback9((updaterOrValue) => {
+  const handlePaginationChange = useCallback8((updaterOrValue) => {
     const nextValue = typeof updaterOrValue === "function" ? updaterOrValue(stateSnapshot.pagination) : updaterOrValue;
     actions.setPagination(nextValue);
   }, [actions, stateSnapshot.pagination]);
-  const handleColumnOrderChange = useCallback9((updaterOrValue) => {
+  const handleColumnOrderChange = useCallback8((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);
@@ -10434,7 +10419,8 @@ function useDataTableConfiguration({
 }
 
 // src/components/Card/Card.tsx
-import * as React19 from "react";
+import * as React18 from "react";
+import { useNavigate } from "react-router-dom";
 import { jsx as jsx23 } from "react/jsx-runtime";
 function getCardClasses(variant = "default", size = "default") {
   const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
@@ -10450,20 +10436,44 @@ function getCardClasses(variant = "default", size = "default") {
   };
   return `${baseClasses} ${variantClasses[variant]} ${sizeClasses2[size]}`;
 }
-var Card = React19.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "article",
-  {
-    ref,
-    className: cn(
-      "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
-      getCardClasses(variant, size),
-      className
-    ),
-    ...props
-  }
-));
+var Card = React18.forwardRef(({ className, variant, size, isLink, link, onClick, ...props }, ref) => {
+  const navigate = useNavigate();
+  const handleClick = (e) => {
+    onClick?.(e);
+    if (link && !e.defaultPrevented) {
+      if (link.startsWith("http://") || link.startsWith("https://")) {
+        window.location.href = link;
+      } else {
+        navigate(link);
+      }
+    }
+  };
+  const shouldShowLinkStyles = isLink || !!link;
+  return /* @__PURE__ */ jsx23(
+    "article",
+    {
+      ref,
+      className: cn(
+        "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
+        getCardClasses(variant, size),
+        shouldShowLinkStyles && "cursor-pointer hover:bg-acc-200 hover:shadow-xl/30",
+        className
+      ),
+      onClick: link ? handleClick : onClick,
+      role: link ? "link" : void 0,
+      tabIndex: link ? 0 : void 0,
+      onKeyDown: link ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick(e);
+        }
+      } : void 0,
+      ...props
+    }
+  );
+});
 Card.displayName = "Card";
-var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "header",
   {
     ref,
@@ -10472,7 +10482,7 @@ var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "h3",
   {
     ref,
@@ -10484,7 +10494,7 @@ var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "p",
   {
     ref,
@@ -10493,7 +10503,7 @@ var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "main",
   {
     ref,
@@ -10502,7 +10512,7 @@ var CardContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "footer",
   {
     ref,
@@ -10511,7 +10521,7 @@ var CardFooter = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardActions = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardActions = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "nav",
   {
     ref,
@@ -10522,7 +10532,7 @@ var CardActions = React19.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardActions.displayName = "CardActions";
-var HoverCard = React19.forwardRef(({ children, className, ...props }, ref) => {
+var HoverCard = React18.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx23(
     "section",
     {
@@ -10534,7 +10544,7 @@ var HoverCard = React19.forwardRef(({ children, className, ...props }, ref) => {
   );
 });
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React19.forwardRef(({ className, asChild, children, ...props }, ref) => {
+var HoverCardTrigger = React18.forwardRef(({ className, asChild, children, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsx23("span", { className: cn("cursor-pointer", className), children });
   }
@@ -10553,7 +10563,7 @@ var HoverCardTrigger = React19.forwardRef(({ className, asChild, children, ...pr
   );
 });
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var HoverCardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "aside",
   {
     ref,
@@ -10641,7 +10651,6 @@ function AccessDeniedPage({
 }
 
 // src/components/DataTable/utils/exportUtils.ts
-init_logger();
 function escapeCSVValue(value, sanitizeForSecurity = true) {
   if (value === null || value === void 0) {
     return sanitizeForSecurity ? '""' : "";
@@ -10815,13 +10824,8 @@ function exportToCSV(data, columns, filename = "download.csv", options = {}) {
   });
 }
 
-// src/components/DataTable/components/DataTableCore.tsx
-init_UnifiedAuthProvider();
-
 // src/components/DataTable/hooks/useDataTablePermissions.ts
-init_UnifiedAuthProvider();
-import { useMemo as useMemo12, useRef as useRef5 } from "react";
-init_logger();
+import { useMemo as useMemo12, useRef as useRef4 } from "react";
 
 // src/components/DataTable/types.ts
 var defaultDataTableFeatures = {
@@ -10865,9 +10869,9 @@ function useDataTablePermissions(rbac, features = {}) {
     selectedOrganisationId: selectedOrganisation?.id || null,
     selectedEventId: selectedEvent?.event_id || null
   });
-  const stableScopeRef = useRef5({
-    organisationId: "",
-    appId: "",
+  const stableScopeRef = useRef4({
+    organisationId: void 0,
+    appId: void 0,
     eventId: void 0
   });
   if (rawResolvedScope && rawResolvedScope.organisationId) {
@@ -10879,12 +10883,12 @@ function useDataTablePermissions(rbac, features = {}) {
     if (stableScopeRef.current.organisationId !== newScope.organisationId || stableScopeRef.current.eventId !== newScope.eventId || stableScopeRef.current.appId !== newScope.appId) {
       stableScopeRef.current = {
         organisationId: newScope.organisationId,
-        appId: newScope.appId || "",
+        appId: newScope.appId,
         eventId: newScope.eventId
       };
     }
   } else if (!rawResolvedScope) {
-    stableScopeRef.current = { organisationId: "", appId: "", eventId: void 0 };
+    stableScopeRef.current = { organisationId: void 0, appId: void 0, eventId: void 0 };
   }
   const stableScope = stableScopeRef.current;
   const effectiveScope = !scopeLoading && stableScope.organisationId ? stableScope : null;
@@ -10893,7 +10897,7 @@ function useDataTablePermissions(rbac, features = {}) {
   const createPermission = `create:page.${effectivePageId}`;
   const updatePermission = `update:page.${effectivePageId}`;
   const deletePermission = `delete:page.${effectivePageId}`;
-  const consistentScope = effectiveScope || { organisationId: "", eventId: void 0, appId: void 0 };
+  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),
@@ -10925,7 +10929,7 @@ function useDataTablePermissions(rbac, features = {}) {
 }
 
 // src/components/DataTable/hooks/useTableColumns.ts
-import React20, { useMemo as useMemo13 } from "react";
+import React19, { useMemo as useMemo13 } from "react";
 
 // src/components/DataTable/core/ColumnFactory.ts
 var ColumnFactory = class {
@@ -10992,7 +10996,7 @@ var ColumnFactory = class {
       cell: ({ getValue }) => {
         const value = getValue();
         if (!value) return "";
-        const date = new Date(value);
+        const date = new Date(String(value));
         if (isNaN(date.getTime())) return String(value);
         if (options.format) {
           return options.format(date);
@@ -11131,14 +11135,14 @@ function useTableColumns({
       header: ({ table }) => {
         const isAllSelected = table.getIsAllPageRowsSelected();
         const isSomeSelected = table.getIsSomePageRowsSelected();
-        return React20.createElement(Checkbox, {
+        return React19.createElement(Checkbox, {
           checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
           onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
           "aria-label": "Select all"
         });
       },
       cell: ({ row }) => {
-        return React20.createElement(Checkbox, {
+        return React19.createElement(Checkbox, {
           checked: row.getIsSelected(),
           onCheckedChange: (value) => row.toggleSelected(!!value),
           "aria-label": "Select row"
@@ -11327,7 +11331,7 @@ function getRowDescription(rowIndex, totalRows, isSelected = false, isEditing =
 }
 
 // src/components/DataTable/hooks/useKeyboardNavigation.ts
-import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRef6, useState as useState8 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect10, useRef as useRef5, useState as useState8 } from "react";
 function useKeyboardNavigation(rowCount, columnCount, options = {}) {
   const {
     enabled = true,
@@ -11342,11 +11346,11 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     focusedColumnIndex: 0,
     isNavigating: false
   });
-  const internalTableRef = useRef6(null);
+  const internalTableRef = useRef5(null);
   const tableRef = externalTableRef || internalTableRef;
-  const storedFocusRef = useRef6(null);
-  const navigationTimeoutRef = useRef6();
-  const getCellElement = useCallback10((rowIndex, columnIndex) => {
+  const storedFocusRef = useRef5(null);
+  const navigationTimeoutRef = useRef5();
+  const getCellElement = useCallback9((rowIndex, columnIndex) => {
     if (!tableRef.current) return null;
     const tbody = tableRef.current.querySelector("tbody");
     if (!tbody) return null;
@@ -11356,7 +11360,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     const cells = row.querySelectorAll('td[role="cell"], th[role="columnheader"]');
     return cells[columnIndex] || null;
   }, []);
-  const getHeaderElement = useCallback10((columnIndex) => {
+  const getHeaderElement = useCallback9((columnIndex) => {
     if (!tableRef.current) return null;
     const thead = tableRef.current.querySelector("thead");
     if (!thead) return null;
@@ -11365,7 +11369,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     const headers = headerRow.querySelectorAll('th[role="columnheader"]');
     return headers[columnIndex] || null;
   }, []);
-  const focusCell = useCallback10((rowIndex, columnIndex) => {
+  const focusCell = useCallback9((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));
@@ -11384,7 +11388,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
       announce(`Row ${clampedRowIndex + 1}, Column ${clampedColumnIndex + 1}`);
     }
   }, [enabled, rowCount, columnCount, getCellElement, onFocusChange, announceNavigation]);
-  const focusNext = useCallback10(() => {
+  const focusNext = useCallback9(() => {
     const { focusedRowIndex, focusedColumnIndex } = state;
     if (focusedColumnIndex < columnCount - 1) {
       focusCell(focusedRowIndex, focusedColumnIndex + 1);
@@ -11392,7 +11396,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
       focusCell(focusedRowIndex + 1, 0);
     }
   }, [state, columnCount, rowCount, focusCell]);
-  const focusPrevious = useCallback10(() => {
+  const focusPrevious = useCallback9(() => {
     const { focusedRowIndex, focusedColumnIndex } = state;
     if (focusedColumnIndex > 0) {
       focusCell(focusedRowIndex, focusedColumnIndex - 1);
@@ -11400,37 +11404,37 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
       focusCell(focusedRowIndex - 1, columnCount - 1);
     }
   }, [state, columnCount, focusCell]);
-  const focusUp = useCallback10(() => {
+  const focusUp = useCallback9(() => {
     const { focusedRowIndex, focusedColumnIndex } = state;
     if (focusedRowIndex > 0) {
       focusCell(focusedRowIndex - 1, focusedColumnIndex);
     }
   }, [state, focusCell]);
-  const focusDown = useCallback10(() => {
+  const focusDown = useCallback9(() => {
     const { focusedRowIndex, focusedColumnIndex } = state;
     if (focusedRowIndex < rowCount - 1) {
       focusCell(focusedRowIndex + 1, focusedColumnIndex);
     }
   }, [state, rowCount, focusCell]);
-  const focusRowStart = useCallback10(() => {
+  const focusRowStart = useCallback9(() => {
     const { focusedRowIndex } = state;
     focusCell(focusedRowIndex, 0);
   }, [state, focusCell]);
-  const focusRowEnd = useCallback10(() => {
+  const focusRowEnd = useCallback9(() => {
     const { focusedRowIndex } = state;
     focusCell(focusedRowIndex, columnCount - 1);
   }, [state, columnCount, focusCell]);
-  const focusTableStart = useCallback10(() => {
+  const focusTableStart = useCallback9(() => {
     focusCell(0, 0);
   }, [focusCell]);
-  const focusTableEnd = useCallback10(() => {
+  const focusTableEnd = useCallback9(() => {
     focusCell(rowCount - 1, columnCount - 1);
   }, [rowCount, columnCount, focusCell]);
-  const getCellTabIndex = useCallback10((rowIndex, columnIndex) => {
+  const getCellTabIndex = useCallback9((rowIndex, columnIndex) => {
     if (!enabled) return -1;
     return state.focusedRowIndex === rowIndex && state.focusedColumnIndex === columnIndex ? 0 : -1;
   }, [enabled, state.focusedRowIndex, state.focusedColumnIndex]);
-  const getCellKeyboardHandlers = useCallback10((rowIndex, columnIndex) => {
+  const getCellKeyboardHandlers = useCallback9((rowIndex, columnIndex) => {
     const onKeyDown = (event) => {
       if (!enabled) return;
       switch (event.key) {
@@ -11510,7 +11514,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     };
     return { onKeyDown, onFocus, onBlur };
   }, [enabled, focusNext, focusPrevious, focusUp, focusDown, focusRowStart, focusRowEnd, focusTableStart, focusTableEnd, onFocusChange]);
-  const getHeaderKeyboardHandlers = useCallback10((columnIndex, onSort) => {
+  const getHeaderKeyboardHandlers = useCallback9((columnIndex, onSort) => {
     const onKeyDown = (event) => {
       if (!enabled) return;
       switch (event.key) {
@@ -11568,27 +11572,27 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     };
     return { onKeyDown, onFocus };
   }, [enabled, getHeaderElement, columnCount, supportsColumnReorder, supportsColumnResize]);
-  const resetFocus = useCallback10(() => {
+  const resetFocus = useCallback9(() => {
     setState({
       focusedRowIndex: 0,
       focusedColumnIndex: 0,
       isNavigating: false
     });
   }, []);
-  const storeFocus = useCallback10(() => {
+  const storeFocus = useCallback9(() => {
     storedFocusRef.current = {
       rowIndex: state.focusedRowIndex,
       columnIndex: state.focusedColumnIndex
     };
   }, [state.focusedRowIndex, state.focusedColumnIndex]);
-  const restoreFocus = useCallback10(() => {
+  const restoreFocus = useCallback9(() => {
     if (storedFocusRef.current) {
       const { rowIndex, columnIndex } = storedFocusRef.current;
       focusCell(rowIndex, columnIndex);
       storedFocusRef.current = null;
     }
   }, [focusCell]);
-  useEffect11(() => {
+  useEffect10(() => {
     return () => {
       if (navigationTimeoutRef.current) {
         clearTimeout(navigationTimeoutRef.current);
@@ -11616,7 +11620,6 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
 }
 
 // src/components/DataTable/components/DataTableCore.tsx
-init_logger();
 import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 var isCellValue = (value) => {
   if (value === null || value === void 0) {
@@ -11685,7 +11688,7 @@ function DataTableInternal(props) {
     storageKey,
     onLayoutChange
   } = props;
-  const logger = React21.useMemo(() => createLogger("DataTableCore"), []);
+  const logger = React20.useMemo(() => createLogger("DataTableCore"), []);
   const authResult = useUnifiedAuth();
   const user = authResult.user;
   const requestedFeatures = useMemo14(
@@ -11722,21 +11725,21 @@ function DataTableInternal(props) {
     defaultSorting: defaultSorting || [],
     defaultGrouping: defaultGrouping || []
   });
-  useEffect12(() => {
+  useEffect11(() => {
     if (secureFeatures.columnVisibility && isColumnVisibilityLoaded && Object.keys(initialColumnVisibility).length > 0) {
       stateActions.setColumnVisibility(initialColumnVisibility);
     }
   }, [secureFeatures.columnVisibility, isColumnVisibilityLoaded, initialColumnVisibility, stateActions]);
-  useEffect12(() => {
+  useEffect11(() => {
     initializeLiveRegion();
   }, []);
   const rowSelection = selection !== void 0 ? selection : state.rowSelection;
-  const resolvedGetRowId = useCallback11(
+  const resolvedGetRowId = useCallback10(
     (row, index) => getRowIdSafe(row, index, getRowId),
     [getRowId]
   );
-  const hasInitializedExpansion = useRef7(false);
-  useEffect12(() => {
+  const hasInitializedExpansion = useRef6(false);
+  useEffect11(() => {
     if (!hasInitializedExpansion.current && defaultGrouping && defaultGrouping.length > 0) {
       stateActions.setExpanded(true);
       hasInitializedExpansion.current = true;
@@ -11787,9 +11790,9 @@ function DataTableInternal(props) {
       // Column resizing is not currently supported
     }
   );
-  const lastFocusedElementRef = useRef7(null);
-  const wasImportModalOpenRef = useRef7(false);
-  useEffect12(() => {
+  const lastFocusedElementRef = useRef6(null);
+  const wasImportModalOpenRef = useRef6(false);
+  useEffect11(() => {
     if (state.showImportModal) {
       wasImportModalOpenRef.current = true;
       keyboardNavigation.storeFocus();
@@ -11798,7 +11801,7 @@ function DataTableInternal(props) {
       }
     }
   }, [state.showImportModal, keyboardNavigation]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!state.showImportModal) {
       if (!wasImportModalOpenRef.current) {
         return;
@@ -11829,7 +11832,7 @@ function DataTableInternal(props) {
     finalPaginationMode,
     serverData
   });
-  useEffect12(() => {
+  useEffect11(() => {
     if (!hierarchicalValidation.isValid) {
       logger.error("Hierarchical data validation failed:", hierarchicalValidation.errors);
     }
@@ -11844,13 +11847,13 @@ function DataTableInternal(props) {
     enablePersistence: secureFeatures.columnReordering,
     storageKey
   });
-  useEffect12(() => {
+  useEffect11(() => {
     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]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (secureFeatures.selection && state.columnOrder.includes("select") && state.columnOrder[0] !== "select") {
       const normalizedOrder = ["select", ...state.columnOrder.filter((id) => id !== "select")];
       stateActions.setColumnOrder(normalizedOrder);
@@ -11885,7 +11888,7 @@ function DataTableInternal(props) {
     }
     return state.pagination.pageSize;
   }, [state.pagination.pageSize, validatedInitialPageSize, secureFeatures.pagination, finalPageSizeOptions]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (secureFeatures.pagination && finalPageSizeOptions.length > 0) {
       const needsFix = !finalPageSizeOptions.includes(state.pagination.pageSize);
       const currentPageSize = effectivePageSize || validatedInitialPageSize;
@@ -11910,7 +11913,7 @@ function DataTableInternal(props) {
     finalDataCount
   ]);
   const isLoading = externalIsLoading || performanceLoading;
-  const handleSearch = useCallback11((value) => {
+  const handleSearch = useCallback10((value) => {
     stateActions.setSearchQuery(value);
     setSearchQuery(value);
     if (secureFeatures.pagination) {
@@ -12349,7 +12352,7 @@ function DataTableInternal(props) {
               grouping: state.grouping,
               aggregates,
               getRowId: resolvedGetRowId,
-              emptyState: React21.isValidElement(emptyState) ? void 0 : emptyState,
+              emptyState: React20.isValidElement(emptyState) ? void 0 : emptyState,
               isFiltered: searchQuery !== "" || state.columnFilters.length > 0,
               onClearFilters: () => {
                 stateActions.setSearchQuery("");
@@ -12440,23 +12443,22 @@ function DataTableCore(props) {
 }
 
 // src/components/DataTable/DataTable.tsx
-init_logger();
 import { jsx as jsx26 } from "react/jsx-runtime";
 function DataTable(props) {
-  const logger = React22.useMemo(() => createLogger("DataTable"), []);
+  const logger = React21.useMemo(() => createLogger("DataTable"), []);
   const { features, ...rest } = props;
-  const normalizedFeatures = React22.useMemo(
+  const normalizedFeatures = React21.useMemo(
     () => normalizeDataTableFeatures(features),
     [features]
   );
-  React22.useEffect(() => {
+  React21.useEffect(() => {
     if (normalizedFeatures.deleteSelected && !normalizedFeatures.deletion) {
       logger.warn("deleteSelected requires deletion to be enabled");
     }
   }, [normalizedFeatures.deleteSelected, normalizedFeatures.deletion, logger]);
   return /* @__PURE__ */ jsx26(DataTableCore, { ...rest, features: normalizedFeatures });
 }
-var DataTableComponent = React22.memo(DataTable);
+var DataTableComponent = React21.memo(DataTable);
 
 // src/components/DataTable/components/BulkOperationsDropdown.tsx
 import {
@@ -12726,4 +12728,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-GQA2LIAE.js.map
+//# sourceMappingURL=chunk-QUVSNGIP.js.map