@jmruthers/pace-core 0.5.135 → 0.5.137

package/dist/{chunk-GVDR7WNV.js → chunk-HAWZXGR2.js}

@@ -1,20 +1,27 @@
 import {
   useCan,
   useResolvedScope
-} from "./chunk-BYXRHAIF.js";
+} from "./chunk-BLCXZEYF.js";
 import {
   toast,
   useDataTablePerformance
-} from "./chunk-GKHF54DI.js";
+} from "./chunk-BESYRHQM.js";
 import {
   init_UnifiedAuthProvider
-} from "./chunk-CTJRBUX2.js";
+} from "./chunk-6LAAY47Q.js";
 import {
   useUnifiedAuth
-} from "./chunk-3CG5L6RN.js";
+} from "./chunk-YCWDTTUK.js";
+import {
+  renderSafeHtml
+} from "./chunk-OWAG3GSU.js";
 import {
   cn
-} from "./chunk-PYUXFQJ3.js";
+} from "./chunk-56XJ3TU6.js";
+import {
+  createLogger,
+  init_logger
+} from "./chunk-XDNLUEXI.js";
 import {
   __commonJS,
   __toESM
@@ -3077,16 +3084,16 @@ var require_lodash = __commonJS({
           return setToString(wrapper, insertWrapDetails(source, updateWrapDetails(getWrapDetails(source), bitmask)));
         }
         function shortOut(func) {
-          var count = 0, lastCalled = 0;
+          var count2 = 0, lastCalled = 0;
           return function() {
             var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
             lastCalled = stamp;
             if (remaining > 0) {
-              if (++count >= HOT_COUNT) {
+              if (++count2 >= HOT_COUNT) {
                 return arguments[0];
               }
             } else {
-              count = 0;
+              count2 = 0;
             }
             return func.apply(undefined2, arguments);
           };
@@ -4979,7 +4986,7 @@ var require_lodash = __commonJS({
           return dividend / divisor;
         }, 1);
         var floor = createRound("floor");
-        function max(array) {
+        function max2(array) {
           return array && array.length ? baseExtremum(array, identity, baseGt) : undefined2;
         }
         function maxBy(array, iteratee2) {
@@ -4991,7 +4998,7 @@ var require_lodash = __commonJS({
         function meanBy(array, iteratee2) {
           return baseMean(array, getIteratee(iteratee2, 2));
         }
-        function min(array) {
+        function min2(array) {
           return array && array.length ? baseExtremum(array, identity, baseLt) : undefined2;
         }
         function minBy(array, iteratee2) {
@@ -5004,7 +5011,7 @@ var require_lodash = __commonJS({
         var subtract = createMathOperation(function(minuend, subtrahend) {
           return minuend - subtrahend;
         }, 0);
-        function sum(array) {
+        function sum2(array) {
           return array && array.length ? baseSum(array, identity) : 0;
         }
         function sumBy(array, iteratee2) {
@@ -5252,11 +5259,11 @@ var require_lodash = __commonJS({
         lodash.lowerFirst = lowerFirst;
         lodash.lt = lt;
         lodash.lte = lte;
-        lodash.max = max;
+        lodash.max = max2;
         lodash.maxBy = maxBy;
         lodash.mean = mean;
         lodash.meanBy = meanBy;
-        lodash.min = min;
+        lodash.min = min2;
         lodash.minBy = minBy;
         lodash.stubArray = stubArray;
         lodash.stubFalse = stubFalse;
@@ -5293,7 +5300,7 @@ var require_lodash = __commonJS({
         lodash.startCase = startCase;
         lodash.startsWith = startsWith;
         lodash.subtract = subtract;
-        lodash.sum = sum;
+        lodash.sum = sum2;
         lodash.sumBy = sumBy;
         lodash.template = template;
         lodash.times = times;
@@ -5502,10 +5509,10 @@ var require_lodash = __commonJS({
 });
 
 // src/components/DataTable/DataTable.tsx
-import React21 from "react";
+import React22 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
-import React20, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
+import React21, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
 import { useReactTable } from "@tanstack/react-table";
 import { Edit, Trash, ChevronUp as ChevronUp2, ChevronDown as ChevronDown3, ChevronsUpDown } from "lucide-react";
 
@@ -5646,12 +5653,24 @@ var getTableCellClasses = (options = {}) => {
 };
 var getTableClasses = (options = {}) => {
   const { isFixed = false, variant = "default", className } = options;
-  return cn(
-    isFixed ? tableStyles.tableFixed : tableStyles.table,
-    variant === "compact" && "text-sm",
-    variant === "spacious" && "text-base",
-    className
-  );
+  if (isFixed) {
+    return cn(
+      tableStyles.tableFixed,
+      variant === "compact" && "text-sm",
+      variant === "spacious" && "text-base",
+      className
+    );
+  }
+  if (variant === "compact") {
+    return cn(tableStyles.table, className);
+  }
+  if (variant === "spacious") {
+    return cn(
+      tableStyles.table.replace("text-sm", "text-base"),
+      className
+    );
+  }
+  return cn(tableStyles.table, className);
 };
 
 // src/components/Input/Input.tsx
@@ -5907,6 +5926,7 @@ var Select = React5.forwardRef(
   ({
     children,
     className,
+    direction = "down",
     ...selectProps
   }, ref) => {
     const internalRef = React5.useRef(null);
@@ -6005,8 +6025,9 @@ var Select = React5.forwardRef(
       ...state,
       actions,
       registerItem,
-      unregisterItem
-    }), [state, actions, registerItem, unregisterItem]);
+      unregisterItem,
+      direction
+    }), [state, actions, registerItem, unregisterItem, direction]);
     return /* @__PURE__ */ jsx4(
       "form",
       {
@@ -6022,7 +6043,8 @@ var Select = React5.forwardRef(
 Select.displayName = "Select";
 var SelectTrigger = React5.forwardRef(
   ({ children, className, variant = "outline", size = "default", asChild = false, ...props }, ref) => {
-    const { open, disabled, value, actions } = useSelectContext();
+    const { open, disabled, value, actions, direction = "down" } = useSelectContext();
+    const opensUpward = direction === "up";
     const handleClick = () => {
       actions.setOpen(!open);
     };
@@ -6054,7 +6076,8 @@ var SelectTrigger = React5.forwardRef(
       className: cn(
         "!justify-between relative w-full",
         "[&_svg]:pointer-events-none",
-        open && "!rounded-b-none !border-b-0",
+        open && !opensUpward && "!rounded-b-none !border-b-0",
+        open && opensUpward && "!rounded-t-none !border-t-0",
         className
       ),
       style: {
@@ -6111,7 +6134,8 @@ var SelectTrigger = React5.forwardRef(
         className: cn(
           "!justify-between relative w-full",
           "[&_svg]:pointer-events-none",
-          open && "!rounded-b-none !border-b-0",
+          open && !opensUpward && "!rounded-b-none !border-b-0",
+          open && opensUpward && "!rounded-t-none !border-t-0",
           className
         ),
         style: {
@@ -6155,10 +6179,10 @@ var SelectContent = React5.forwardRef(
     className,
     searchable = false,
     searchPlaceholder = "Search...",
-    maxHeight = "20rem",
+    maxHeight = "max(20rem, 50vh)",
     style
   }, ref) => {
-    const { open, actions } = useSelectContext();
+    const { open, actions, direction = "down" } = useSelectContext();
     const { searchTerm, setSearchTerm, filteredChildren, searchInputRef } = useSelectSearch({
       children,
       searchable
@@ -6180,17 +6204,19 @@ var SelectContent = React5.forwardRef(
         }
       );
     }
+    const opensUpward = direction === "up";
     return /* @__PURE__ */ jsxs2(
       "ul",
       {
         ref,
         className: cn(
-          "absolute z-[99999] w-full overflow-y-auto rounded-b-md border border-t-0 border-main-300 bg-main-50 shadow-lg",
+          "absolute z-[99999] w-full overflow-y-auto border border-main-300 bg-main-50 shadow-lg",
           "list-none p-0 m-0",
+          opensUpward ? "rounded-t-md border-b-0" : "rounded-b-md border-t-0",
           className
         ),
         style: {
-          top: "100%",
+          [opensUpward ? "bottom" : "top"]: "100%",
           left: 0,
           right: 0,
           maxHeight,
@@ -6656,7 +6682,7 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/components/UnifiedTableBody.tsx
-import React10, { useRef as useRef3, useEffect as useEffect3 } from "react";
+import React11, { useRef as useRef3, useEffect as useEffect3 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ChevronDown as ChevronDown2, ChevronRight } from "lucide-react";
@@ -6708,10 +6734,32 @@ function EmptyState({
 }
 
 // src/components/DataTable/components/FilterRow.tsx
-import React7 from "react";
+import React8 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";
+function getColumnHeaderText(column) {
+  const header = column.columnDef.header;
+  if (typeof header === "string") {
+    return header;
+  }
+  const getAccessorKey = () => {
+    const def = column.columnDef;
+    return "accessorKey" in def && def.accessorKey ? String(def.accessorKey) : void 0;
+  };
+  if (typeof header === "function") {
+    return getAccessorKey() || column.id;
+  }
+  if (React7.isValidElement(header)) {
+    return getAccessorKey() || column.id;
+  }
+  return getAccessorKey() || column.id;
+}
+
+// src/components/DataTable/components/ColumnFilter.tsx
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function ColumnFilter({
   column,
@@ -6735,6 +6783,7 @@ function ColumnFilter({
     column.setFilterValue(void 0);
   };
   const hasFilter = columnFilterValue !== void 0 && columnFilterValue !== "";
+  const defaultPlaceholder = `Filter ${getColumnHeaderText(column)}...`;
   const renderFilterInput = () => {
     switch (filterType) {
       case "select":
@@ -6744,7 +6793,7 @@ function ColumnFilter({
             value: columnFilterValue || "",
             onValueChange: handleFilterChange,
             children: [
-              /* @__PURE__ */ jsx10(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx10(SelectValue, { placeholder: placeholder || `Filter ${column.id}...` }) }),
+              /* @__PURE__ */ jsx10(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx10(SelectValue, { placeholder: placeholder || defaultPlaceholder }) }),
               /* @__PURE__ */ jsxs7(SelectContent, { children: [
                 /* @__PURE__ */ jsx10(SelectItem, { value: "", children: "All" }),
                 options.map((option) => /* @__PURE__ */ jsx10(SelectItem, { value: option.value, children: option.label }, option.value))
@@ -6759,7 +6808,7 @@ function ColumnFilter({
             type: "number",
             value: columnFilterValue || "",
             onChange: (e) => handleFilterChange(e.target.value ? Number(e.target.value) : void 0),
-            placeholder: placeholder || `Filter ${column.id}...`,
+            placeholder: placeholder || defaultPlaceholder,
             className: "h-8 datatable-number-no-spinners"
           }
         );
@@ -6770,7 +6819,7 @@ function ColumnFilter({
             type: "date",
             value: columnFilterValue || "",
             onChange: (e) => handleFilterChange(e.target.value || void 0),
-            placeholder: placeholder || `Filter ${column.id}...`,
+            placeholder: placeholder || defaultPlaceholder,
             className: "h-8"
           }
         );
@@ -6780,7 +6829,7 @@ function ColumnFilter({
           {
             value: columnFilterValue || "",
             onChange: (e) => handleFilterChange(e.target.value || void 0),
-            placeholder: placeholder || `Filter ${column.id}...`,
+            placeholder: placeholder || defaultPlaceholder,
             className: "h-8"
           }
         );
@@ -6805,7 +6854,7 @@ import { jsx as jsx11 } from "react/jsx-runtime";
 function FilterRow({ table, visibleColumns }) {
   const { getState } = table;
   const { columnFilters } = getState();
-  const getColumnOptions = React7.useCallback((columnId) => {
+  const getColumnOptions = React8.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return [];
     const columnDef = column.columnDef;
@@ -6824,12 +6873,12 @@ function FilterRow({ table, visibleColumns }) {
     });
     return Array.from(uniqueValues).sort().map((value) => ({ value, label: value }));
   }, [table]);
-  const getFilterType = React7.useCallback((columnId) => {
+  const getFilterType = React8.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return "text";
     const columnDef = column.columnDef;
     const explicitFilterType = columnDef.filterType;
-    if (explicitFilterType !== void 0 && explicitFilterType !== null && explicitFilterType !== "") {
+    if (explicitFilterType === "text" || explicitFilterType === "select" || explicitFilterType === "number" || explicitFilterType === "date") {
       return explicitFilterType;
     }
     if (columnDef.filterSelectOptions && Array.isArray(columnDef.filterSelectOptions)) {
@@ -6863,7 +6912,7 @@ function FilterRow({ table, visibleColumns }) {
             column,
             filterType,
             options,
-            placeholder: `Filter ${column.id}...`
+            placeholder: `Filter ${getColumnHeaderText(column)}...`
           }
         ) : /* @__PURE__ */ jsx11("div", { className: "h-8 flex items-center text-sec-400 text-sm", children: "No filter" })
       },
@@ -6873,120 +6922,8 @@ function FilterRow({ table, visibleColumns }) {
 }
 
 // src/components/DataTable/components/ActionButtons.tsx
-import React8, { useMemo as useMemo2 } from "react";
+import React9, { useMemo as useMemo2 } from "react";
 import { MoreHorizontal } from "lucide-react";
-
-// src/utils/logger.ts
-var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
-  LogLevel2[LogLevel2["DEBUG"] = 0] = "DEBUG";
-  LogLevel2[LogLevel2["INFO"] = 1] = "INFO";
-  LogLevel2[LogLevel2["WARN"] = 2] = "WARN";
-  LogLevel2[LogLevel2["ERROR"] = 3] = "ERROR";
-  return LogLevel2;
-})(LogLevel || {});
-var Logger = class {
-  /**
-   * Check if we're in development mode
-   */
-  static get isDevelopment() {
-    return import.meta.env.MODE === "development";
-  }
-  /**
-   * Configure the logger
-   */
-  static configure(config) {
-    this.config = { ...this.config, ...config };
-  }
-  /**
-   * Format a log message with optional timestamp and component
-   */
-  static formatMessage(level, component, message) {
-    const parts = [];
-    if (this.config.prefix) {
-      parts.push(`[${this.config.prefix}]`);
-    }
-    if (this.config.includeTimestamp) {
-      parts.push(`[${(/* @__PURE__ */ new Date()).toISOString()}]`);
-    }
-    parts.push(`[${LogLevel[level]}]`);
-    if (this.config.includeComponent && component) {
-      parts.push(`[${component}]`);
-    }
-    parts.push(message);
-    return parts.join(" ");
-  }
-  /**
-   * Check if a log level should be output
-   */
-  static shouldLog(level) {
-    return this.isDevelopment && level >= this.config.level;
-  }
-  /**
-   * Log debug information (development only)
-   */
-  static debug(component, message, ...args) {
-    if (this.shouldLog(0 /* DEBUG */)) {
-      try {
-        console.debug(this.formatMessage(0 /* DEBUG */, component, message), ...args);
-      } catch (e) {
-      }
-    }
-  }
-  /**
-   * Log info information (development only)
-   */
-  static info(component, message, ...args) {
-    if (this.shouldLog(1 /* INFO */)) {
-      try {
-        console.info(this.formatMessage(1 /* INFO */, component, message), ...args);
-      } catch (e) {
-      }
-    }
-  }
-  /**
-   * Log warning information (development only)
-   */
-  static warn(component, message, ...args) {
-    if (this.shouldLog(2 /* WARN */)) {
-      try {
-        console.warn(this.formatMessage(2 /* WARN */, component, message), ...args);
-      } catch (e) {
-      }
-    }
-  }
-  /**
-   * Log error information (development only)
-   */
-  static error(component, message, ...args) {
-    if (this.shouldLog(3 /* ERROR */)) {
-      try {
-        console.error(this.formatMessage(3 /* ERROR */, component, message), ...args);
-      } catch (e) {
-      }
-    }
-  }
-  /**
-   * Create a scoped logger for a specific component
-   */
-  static createScopedLogger(component) {
-    return {
-      debug: (message, ...args) => this.debug(component, message, ...args),
-      info: (message, ...args) => this.info(component, message, ...args),
-      warn: (message, ...args) => this.warn(component, message, ...args),
-      error: (message, ...args) => this.error(component, message, ...args)
-    };
-  }
-};
-Logger.config = {
-  level: 0 /* DEBUG */,
-  includeTimestamp: false,
-  includeComponent: true
-};
-function createLogger(component) {
-  return Logger.createScopedLogger(component);
-}
-
-// src/components/DataTable/components/ActionButtons.tsx
 import { Fragment, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var evaluateCondition = (condition, row, defaultValue) => {
   if (typeof condition === "boolean") {
@@ -7005,7 +6942,6 @@ function ActionButtonsComponent({
   hierarchical = false,
   permissions
 }) {
-  const logger = createLogger("ActionButtons");
   const rowData = row.original;
   if (actions.length === 0) {
     return null;
@@ -7058,13 +6994,6 @@ function ActionButtonsComponent({
           variant: action.variant === "destructive" ? "destructive" : "ghost",
           size: "sm",
           onClick: () => {
-            if (import.meta.env.MODE === "development" && !isDisabled) {
-              logger.debug("Action clicked:", {
-                actionLabel: action.label,
-                rowOriginal: rowData,
-                actionOnClick: typeof action.onClick
-              });
-            }
             if (!isDisabled) {
               action.onClick(rowData);
             }
@@ -7093,12 +7022,6 @@ function ActionButtonsComponent({
         {
           value: `action-${actionIndex}`,
           onClick: () => {
-            if (import.meta.env.MODE === "development" && !isDisabled) {
-              logger.debug("Action clicked from dropdown:", {
-                actionLabel: action.label,
-                rowOriginal: rowData
-              });
-            }
             if (!isDisabled) {
               action.onClick(rowData);
             }
@@ -7116,12 +7039,13 @@ function ActionButtonsComponent({
     }) })
   ] });
 }
-var ActionButtons = React8.memo(ActionButtonsComponent);
+var ActionButtons = React9.memo(ActionButtonsComponent);
 
 // src/components/DataTable/components/EditableRow.tsx
-import React9 from "react";
+import React10 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,
@@ -7131,14 +7055,14 @@ function SelectEditField({
   onChange,
   className
 }) {
-  const logger = React9.useMemo(() => createLogger("SelectEditField"), []);
+  const logger = React10.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
-  const selectRef = React9.useRef(null);
-  const [searchTerm, setSearchTerm] = React9.useState("");
-  const [isOpen, setIsOpen] = React9.useState(false);
-  const [showCreateOption, setShowCreateOption] = React9.useState(false);
-  React9.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) return;
     const findAndAttachSearchInput = () => {
       let searchInput = null;
@@ -7216,7 +7140,7 @@ function SelectEditField({
     }
     return cleanup;
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
-  const handleCreateNew = React9.useCallback(async () => {
+  const handleCreateNew = React10.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
     try {
       const newValue = await columnDef.onCreateNew(searchTerm.trim());
@@ -7362,9 +7286,9 @@ function EditableRow({
   hierarchical = false
 }) {
   const rowId = getRowId ? getRowId(row.original, row.index) : String(row.id);
-  const firstInputRef = React9.useRef(null);
-  const hasAssignedRef = React9.useRef(false);
-  React9.useEffect(() => {
+  const firstInputRef = React10.useRef(null);
+  const hasAssignedRef = React10.useRef(false);
+  React10.useEffect(() => {
     if (firstInputRef.current) {
       firstInputRef.current.focus();
       firstInputRef.current.select();
@@ -7430,6 +7354,9 @@ function EditableRow({
   );
 }
 
+// src/components/DataTable/components/UnifiedTableBody.tsx
+init_logger();
+
 // src/components/DataTable/utils/hierarchicalUtils.ts
 function validateHierarchicalData(data) {
   const errors = [];
@@ -7640,14 +7567,14 @@ function SelectEditField2({
   placeholder,
   onChange
 }) {
-  const logger = React10.useMemo(() => createLogger("SelectEditField"), []);
+  const logger = React11.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 = React11.useRef(null);
+  const [searchTerm, setSearchTerm] = React11.useState("");
+  const [isOpen, setIsOpen] = React11.useState(false);
+  const [showCreateOption, setShowCreateOption] = React11.useState(false);
+  React11.useEffect(() => {
     if (!isOpen || !isSearchable || !isCreatable || !columnDef.onCreateNew) {
       if (!isOpen || !isCreatable || !columnDef.onCreateNew) {
         setShowCreateOption(false);
@@ -7687,18 +7614,6 @@ function SelectEditField2({
           };
           const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
           const shouldShow = isCreatable && !!columnDef.onCreateNew;
-          if (import.meta.env.MODE === "development" && isCreatable) {
-            logger.debug("[SelectEditField] Creatable select check:", {
-              searchTerm: currentSearch,
-              searchLower,
-              hasMatch,
-              isCreatable,
-              hasOnCreateNew: !!columnDef.onCreateNew,
-              shouldShow,
-              fieldOptionsCount: columnDef.fieldOptions?.length || 0,
-              note: "Create option shows when search term exists, regardless of matches"
-            });
-          }
           setShowCreateOption(shouldShow);
         } else {
           setShowCreateOption(false);
@@ -7744,7 +7659,7 @@ function SelectEditField2({
     }
     return cleanup;
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions, columnDef.onCreateNew]);
-  const handleCreateNew = React10.useCallback(async () => {
+  const handleCreateNew = React11.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
     try {
       const newValue = await columnDef.onCreateNew(searchTerm.trim());
@@ -7875,7 +7790,7 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
     }
   );
 };
-var RowComponent = React10.memo(({
+var RowComponent = React11.memo(({
   row,
   style,
   isEditing,
@@ -7893,6 +7808,7 @@ var RowComponent = React10.memo(({
 }) => {
   const rowRef = useRef3(null);
   const firstInputRef = useRef3(null);
+  const logger = React11.useMemo(() => createLogger("RowComponent"), []);
   const rowId = getRowIdSafe(row.original, row.index, getRowId);
   const hierarchicalRow = row.original;
   const isHierarchical = hierarchical?.enabled && hierarchicalRow?.isParent !== void 0;
@@ -7930,34 +7846,100 @@ var RowComponent = React10.memo(({
     const groupValue = row.getValue(grouping[0]);
     const subRowsCount = row.subRows?.length || 0;
     const isExpanded = row.getIsExpanded();
-    return /* @__PURE__ */ jsx14("tr", { className: "bg-sec-50 hover:bg-sec-100", style, children: /* @__PURE__ */ jsxs10(
-      "td",
-      {
-        className: getTableCellClasses({
-          isCompact: true,
-          className: "px-3 py-2 flex items-center font-medium"
-        }),
-        colSpan: row.getAllCells().length,
-        children: [
-          /* @__PURE__ */ jsx14(
-            Button,
+    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) => {
+      const columnDef = cell.column.columnDef;
+      const isGroupingColumn = cellIndex === 0 || grouping.includes(cell.column.id || "");
+      if (isGroupingColumn && cellIndex === 0) {
+        return /* @__PURE__ */ jsxs10(
+          "td",
+          {
+            className: getTableCellClasses({
+              isCompact: true,
+              className: "px-3 py-2 flex items-center font-medium"
+            }),
+            children: [
+              /* @__PURE__ */ jsx14(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => row.toggleExpanded(),
+                  className: "p-0 h-auto mr-2",
+                  children: isExpanded ? /* @__PURE__ */ jsx14(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxs10("span", { className: "text-sm", children: [
+                String(groupValue),
+                " (",
+                subRowsCount,
+                " items)"
+              ] })
+            ]
+          },
+          cell.id
+        );
+      }
+      if (columnDef.aggregateFn && childRows.length > 0) {
+        try {
+          const aggregatedValue = columnDef.aggregateFn(childRows, columnDef);
+          let cellContent;
+          if (columnDef.aggregateCell) {
+            cellContent = columnDef.aggregateCell(aggregatedValue, childRows, columnDef);
+          } else if (columnDef.cell) {
+            const mockCell = {
+              ...cell,
+              getValue: () => aggregatedValue,
+              renderValue: () => aggregatedValue
+            };
+            cellContent = flexRender2(columnDef.cell, {
+              ...mockCell,
+              row,
+              column: cell.column,
+              cell: mockCell,
+              getValue: () => aggregatedValue,
+              renderValue: () => aggregatedValue
+            });
+          } else {
+            cellContent = aggregatedValue != null ? String(aggregatedValue) : "";
+          }
+          return /* @__PURE__ */ jsx14(
+            "td",
             {
-              variant: "ghost",
-              size: "sm",
-              onClick: () => row.toggleExpanded(),
-              className: "p-0 h-auto mr-2",
-              children: isExpanded ? /* @__PURE__ */ jsx14(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxs10("span", { className: "text-sm", children: [
-            String(groupValue),
-            " (",
-            subRowsCount,
-            " items)"
-          ] })
-        ]
+              className: getTableCellClasses({
+                isCompact: true,
+                className: `px-3 py-2 ${cell.column.columnDef.meta?.align === "right" ? "text-right" : ""}`
+              }),
+              children: cellContent
+            },
+            cell.id
+          );
+        } catch (error) {
+          logger.warn("Error in aggregation function:", error);
+          return /* @__PURE__ */ jsx14(
+            "td",
+            {
+              className: getTableCellClasses({
+                isCompact: true,
+                className: "px-3 py-2"
+              })
+            },
+            cell.id
+          );
+        }
       }
-    ) });
+      return /* @__PURE__ */ jsx14(
+        "td",
+        {
+          className: getTableCellClasses({
+            isCompact: true,
+            className: "px-3 py-2"
+          })
+        },
+        cell.id
+      );
+    }) });
   }
   if (isEditing && editingData && onEditingDataChange && onSaveEditing && onCancelEditing) {
     return /* @__PURE__ */ jsx14(
@@ -8076,53 +8058,13 @@ function UnifiedTableBody({
   rbac,
   permissions
 }) {
-  const logger = React10.useMemo(() => createLogger("UnifiedTableBody"), []);
+  const logger = React11.useMemo(() => createLogger("UnifiedTableBody"), []);
   const headerRef = useRef3(null);
   const bodyRef = useRef3(null);
   const parentRef = useRef3(null);
   const shouldVirtualize = forceVirtualization || dataLength > VIRTUALIZATION_THRESHOLD;
   const rows = table.getRowModel().rows;
   const headerGroups = table.getHeaderGroups();
-  useEffect3(() => {
-    if (rows.length === 0 && dataLength > 0) {
-      const tableState = table.getState();
-      const pagination = tableState.pagination;
-      const columnFilters = tableState.columnFilters;
-      const globalFilter = tableState.globalFilter;
-      const coreRows = table.getCoreRowModel().rows;
-      const prePaginationRows = table.getPrePaginationRowModel?.()?.rows || [];
-      const filteredRows = table.getFilteredRowModel?.()?.rows || [];
-      const sortedRows = table.getSortedRowModel?.()?.rows || [];
-      const rowCount = table.getRowCount();
-      const pageCount = table.getPageCount();
-      logger.warn("Rows empty but data exists!", {
-        dataLength,
-        rowsLength: rows.length,
-        coreRowsLength: coreRows.length,
-        prePaginationRowsLength: prePaginationRows.length,
-        filteredRowsLength: filteredRows.length,
-        sortedRowsLength: sortedRows.length,
-        rowCount,
-        pageCount,
-        pagination: {
-          pageIndex: pagination.pageIndex,
-          pageSize: pagination.pageSize
-        },
-        columnFilters,
-        globalFilter,
-        tableOptions: {
-          getCoreRowModel: !!table.options.getCoreRowModel,
-          getFilteredRowModel: !!table.options.getFilteredRowModel,
-          getSortedRowModel: !!table.options.getSortedRowModel,
-          getPaginationRowModel: !!table.options.getPaginationRowModel,
-          manualPagination: table.options.manualPagination,
-          manualFiltering: table.options.manualFiltering,
-          manualSorting: table.options.manualSorting
-        },
-        tableDataLength: table.options.data?.length || 0
-      });
-    }
-  }, [rows.length, dataLength, table, logger]);
   const hasScrollContainer = !!parentRef.current;
   const effectiveShouldVirtualize = shouldVirtualize && hasScrollContainer;
   const virtualizer = useVirtualizer({
@@ -8318,7 +8260,7 @@ function UnifiedTableBody({
 }
 
 // src/components/DataTable/components/PaginationControls.tsx
-import React11 from "react";
+import React12 from "react";
 import {
   ChevronLeft,
   ChevronRight as ChevronRight2,
@@ -8330,6 +8272,7 @@ 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);
@@ -8555,6 +8498,7 @@ function PaginationControls({
             selectedText: currentPageSize?.toString() || "10",
             onValueChange: (value) => setPageSize(Number(value)),
             disabled: isLoading,
+            direction: "up",
             className: "w-36 h-8",
             children: [
               /* @__PURE__ */ jsx15(
@@ -8641,7 +8585,7 @@ function EnhancedPaginationControls({
   showJumpToPage = false,
   ...props
 }) {
-  const [jumpToPage, setJumpToPage] = React11.useState("");
+  const [jumpToPage, setJumpToPage] = React12.useState("");
   const { table, paginationMode = "client", serverData, onPageChange, totalCount } = props;
   const pagination = getPaginationBinding({
     mode: paginationMode,
@@ -8692,73 +8636,15 @@ function LoadingState() {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import React15, { useEffect as useEffect6 } from "react";
+import React16, { useEffect as useEffect6 } from "react";
 
 // src/components/DataTable/components/ImportModal.tsx
 import { useState as useState4, useRef as useRef4, useEffect as useEffect5 } from "react";
 
 // src/components/Dialog/Dialog.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X4 } from "lucide-react";
-
-// src/components/Dialog/utils/safeHtml.ts
-function sanitizeHtml(html) {
-  if (!html || typeof html !== "string") {
-    return "";
-  }
-  console.log("\u{1F50D} sanitizeHtml input:", html);
-  let sanitized = html.replace(/<script\b[^>]*>.*?<\/script>/gi, "").replace(/<script\b[^>]*\/>/gi, "").replace(/<iframe\b[^>]*>.*?<\/iframe>/gi, "").replace(/<iframe\b[^>]*\/>/gi, "").replace(/<object\b[^>]*>.*?<\/object>/gi, "").replace(/<object\b[^>]*\/>/gi, "").replace(/<embed\b[^>]*\/?>/gi, "").replace(/<form\b[^>]*>.*?<\/form>/gi, "").replace(/<form\b[^>]*\/>/gi, "").replace(/<input\b[^>]*\/?>/gi, "").replace(/<button\b[^>]*>.*?<\/button>/gi, "").replace(/<button\b[^>]*\/>/gi, "").replace(/\s*on\w+\s*=\s*["'][^"']*["']/gi, "").replace(/javascript:[^"'\s>]*/gi, "").replace(/data:[^"'\s>]*/gi, "");
-  console.log("\u{1F50D} sanitizeHtml output:", sanitized);
-  return sanitized;
-}
-function validateHtml(html) {
-  const warnings = [];
-  if (!html || typeof html !== "string") {
-    return { isValid: false, warnings: ["HTML content must be a non-empty string"] };
-  }
-  const dangerousPatterns = [
-    { pattern: /<script\b[^>]*>.*?<\/script>/gi, message: "Script tags are not allowed" },
-    { pattern: /<script\b[^>]*\/>/gi, message: "Script tags are not allowed" },
-    { pattern: /<iframe\b[^>]*>.*?<\/iframe>/gi, message: "Iframe tags are not allowed" },
-    { pattern: /<iframe\b[^>]*\/>/gi, message: "Iframe tags are not allowed" },
-    { pattern: /<object\b[^>]*>.*?<\/object>/gi, message: "Object tags are not allowed" },
-    { pattern: /<object\b[^>]*\/>/gi, message: "Object tags are not allowed" },
-    { pattern: /<embed\b[^>]*\/?>/gi, message: "Embed tags are not allowed" },
-    { pattern: /<form\b[^>]*>.*?<\/form>/gi, message: "Form tags are not allowed" },
-    { pattern: /<form\b[^>]*\/>/gi, message: "Form tags are not allowed" },
-    { pattern: /<input\b[^>]*\/?>/gi, message: "Input tags are not allowed" },
-    { pattern: /<button\b[^>]*>.*?<\/button>/gi, message: "Button tags are not allowed" },
-    { pattern: /<button\b[^>]*\/>/gi, message: "Button tags are not allowed" },
-    { pattern: /on\w+\s*=/gi, message: "Event handlers are not allowed" },
-    { pattern: /javascript:/gi, message: "JavaScript protocols are not allowed" },
-    { pattern: /data:/gi, message: "Data protocols are not allowed" }
-  ];
-  dangerousPatterns.forEach(({ pattern, message }) => {
-    if (pattern.test(html)) {
-      warnings.push(message);
-    }
-  });
-  return {
-    isValid: warnings.length === 0,
-    warnings
-  };
-}
-function renderSafeHtml(html, options = {}) {
-  const { strict = true, logWarnings = false } = options;
-  const validation = validateHtml(html);
-  const sanitizedHtml = sanitizeHtml(html);
-  if (logWarnings && validation.warnings.length > 0) {
-    console.warn("Dialog HTML content warnings:", validation.warnings);
-  }
-  return {
-    html: sanitizedHtml,
-    isValid: validation.isValid,
-    warnings: validation.warnings
-  };
-}
-
-// src/components/Dialog/Dialog.tsx
 var import_lodash = __toESM(require_lodash(), 1);
 import { useState as useState3, useEffect as useEffect4 } from "react";
 import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -8774,7 +8660,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -8851,7 +8737,7 @@ var useSmartDimensions = ({
   }
   return result;
 };
-var DialogContent = React12.forwardRef(({
+var DialogContent = React13.forwardRef(({
   className,
   children,
   size = "md",
@@ -8878,17 +8764,17 @@ var DialogContent = React12.forwardRef(({
     minWidth,
     enableScrolling
   });
-  const handleEscapeKeyDown = React12.useCallback((event) => {
+  const handleEscapeKeyDown = React13.useCallback((event) => {
     if (preventCloseOnEscape) {
       event.preventDefault();
     }
   }, [preventCloseOnEscape]);
-  const handlePointerDownOutside = React12.useCallback((event) => {
+  const handlePointerDownOutside = React13.useCallback((event) => {
     if (preventCloseOnOutsideClick) {
       event.preventDefault();
     }
   }, [preventCloseOnOutsideClick]);
-  const mergedStyle = React12.useMemo(() => {
+  const mergedStyle = React13.useMemo(() => {
     if (Object.keys(smartDimensions).length === 0) {
       return style;
     }
@@ -8966,13 +8852,13 @@ var DialogBody = ({
   children,
   ...props
 }) => {
-  const mergedStyle = React12.useMemo(() => {
+  const mergedStyle = React13.useMemo(() => {
     return {
       ...maxHeight && { maxHeight },
       ...style
     };
   }, [maxHeight, style]);
-  const processedHtmlContent = React12.useMemo(() => {
+  const processedHtmlContent = React13.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -9025,8 +8911,8 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React12.useMemo(() => {
+var DialogTitle = React13.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React13.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -9049,8 +8935,8 @@ var DialogTitle = React12.forwardRef(({ className, htmlContent, allowHtml = true
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React12.useMemo(() => {
+var DialogDescription = React13.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React13.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -9073,10 +8959,10 @@ var DialogDescription = React12.forwardRef(({ className, htmlContent, allowHtml
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/Progress/Progress.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx18 } from "react/jsx-runtime";
-var Progress = React13.forwardRef(({ className, value, max = 100, ...props }, ref) => /* @__PURE__ */ jsx18(
+var Progress = React14.forwardRef(({ className, value, max: max2 = 100, ...props }, ref) => /* @__PURE__ */ jsx18(
   ProgressPrimitive.Root,
   {
     ref,
@@ -9086,9 +8972,9 @@ var Progress = React13.forwardRef(({ className, value, max = 100, ...props }, re
     ),
     ...props,
     value,
-    max,
+    max: max2,
     "aria-valuenow": value,
-    "aria-valuemax": max,
+    "aria-valuemax": max2,
     "aria-valuemin": 0,
     children: /* @__PURE__ */ jsx18(
       ProgressPrimitive.Indicator,
@@ -9102,6 +8988,7 @@ var Progress = React13.forwardRef(({ className, value, max = 100, ...props }, re
 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 = {} }) {
@@ -9146,10 +9033,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
     totalRowsText = "Total rows to import: {count}"
   } = config;
   const processCSV = (csvText) => {
-    logger.debug("Raw CSV text:", csvText.substring(0, 200) + "...");
     const lines = csvText.split("\n").filter((line) => line.trim());
-    logger.debug("CSV lines count:", lines.length);
-    logger.debug("First few lines:", lines.slice(0, 3));
     if (lines.length < 2) {
       throw new Error("CSV must have at least a header row and one data row");
     }
@@ -9172,17 +9056,14 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
       return result;
     };
     const headers = parseCSVLine(lines[0]).map((h) => h.replace(/"/g, "").trim());
-    logger.debug("Parsed headers:", headers);
-    const data = lines.slice(1).map((line, index) => {
+    const data = lines.slice(1).map((line) => {
       const values = parseCSVLine(line).map((v) => v.replace(/"/g, "").trim());
       const row = {};
       headers.forEach((header, colIndex) => {
         row[header] = values[colIndex] || "";
       });
-      logger.debug(`Row ${index + 1}:`, row);
       return row;
     });
-    logger.debug("Final parsed data:", data);
     return data;
   };
   const handleImport = async () => {
@@ -9293,20 +9174,15 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
   };
   const handleFileSelect = async (event) => {
     const selectedFile = event.target.files?.[0];
-    logger.debug("File selected:", selectedFile?.name);
     if (selectedFile) {
       setFile(selectedFile);
       setError(null);
       setValidationErrors([]);
       try {
         const text = await selectedFile.text();
-        logger.debug("File content length:", text.length);
         const data = processCSV(text);
-        logger.debug("Parsed CSV data:", data.length, "rows");
-        logger.debug("Setting preview data:", data.slice(0, 5));
         setPreviewData(data.slice(0, 5));
         setTotalCount(data.length);
-        logger.debug("Preview data state should be updated");
       } catch (err) {
         logger.error("CSV parsing error:", err);
         setError(err instanceof Error ? err.message : "Failed to preview file");
@@ -9423,30 +9299,26 @@ 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");
   const columnMap = /* @__PURE__ */ new Map();
-  logger.debug("Building column map from", columns.length, "column definitions");
   columns.forEach((col) => {
     const fieldName = col.editAccessorKey || col.accessorKey || col.id;
     const header = typeof col.header === "string" ? col.header : "";
     if (fieldName && header) {
       const headerLower = header.toLowerCase();
       columnMap.set(headerLower, fieldName);
-      logger.debug(`Mapped "${header}" -> "${fieldName}"`);
       const colId = col.id || col.accessorKey;
       if (colId && colId !== header && colId !== fieldName) {
         columnMap.set(colId.toLowerCase(), fieldName);
-        logger.debug(`Also mapped "${colId}" -> "${fieldName}"`);
       }
       if (col.editAccessorKey && header) {
         const editAccessorKey = col.editAccessorKey;
         const idColumnHeader = `${header} (ID)`;
         columnMap.set(idColumnHeader.toLowerCase(), editAccessorKey);
-        logger.debug(`Mapped ID column "${idColumnHeader}" -> "${editAccessorKey}"`);
         columnMap.set(editAccessorKey.toLowerCase(), editAccessorKey);
-        logger.debug(`Also mapped "${editAccessorKey}" -> "${editAccessorKey}"`);
       }
     } else {
       logger.warn("Skipping column with missing fieldName or header:", col);
@@ -9456,9 +9328,6 @@ function mapCSVToTableColumns(csvData, columns) {
     logger.warn("No CSV data to map");
     return [];
   }
-  const csvHeaders = Object.keys(csvData[0]);
-  logger.debug("CSV headers found:", csvHeaders);
-  logger.debug("Column map size:", columnMap.size);
   const mappedData = csvData.map((row, index) => {
     const mappedRow = {};
     Object.keys(row).forEach((csvHeader) => {
@@ -9469,18 +9338,12 @@ function mapCSVToTableColumns(csvData, columns) {
           const keyWithSpace = ` ${mapKey}`;
           if (csvHeaderLower === mapKey || csvHeaderLower.endsWith(keyWithSpace)) {
             fieldName = mapValue;
-            if (index === 0) {
-              logger.debug(`Flexible match: "${csvHeader}" -> "${mapValue}" (matched "${mapKey}")`);
-            }
             break;
           }
         }
       }
       if (fieldName) {
         mappedRow[fieldName] = row[csvHeader];
-        if (index === 0) {
-          logger.debug(`Row 0: "${csvHeader}" -> "${fieldName}"`);
-        }
       } else {
         mappedRow[csvHeaderLower] = row[csvHeader];
         if (index === 0) {
@@ -9490,10 +9353,6 @@ function mapCSVToTableColumns(csvData, columns) {
     });
     return mappedRow;
   });
-  logger.debug("Mapped", mappedData.length, "rows");
-  if (mappedData.length > 0) {
-    logger.debug("First mapped row keys:", Object.keys(mappedData[0]));
-  }
   return mappedData;
 }
 function DataTableModals({
@@ -9505,7 +9364,7 @@ function DataTableModals({
   onStoreFocus,
   onRestoreFocus
 }) {
-  const logger = React15.useMemo(() => createLogger("DataTableModals"), []);
+  const logger = React16.useMemo(() => createLogger("DataTableModals"), []);
   useEffect6(() => {
     if (showImportModal) {
       onStoreFocus?.();
@@ -9525,10 +9384,7 @@ function DataTableModals({
         try {
           let mappedData;
           if (columns && columns.length > 0) {
-            logger.debug("Mapping CSV data with", columns.length, "column definitions");
-            logger.debug("Raw CSV headers:", rawData.length > 0 ? Object.keys(rawData[0]) : []);
             mappedData = mapCSVToTableColumns(rawData, columns);
-            logger.debug("Mapped data sample:", mappedData.length > 0 ? mappedData[0] : null);
           } else {
             logger.warn("No columns provided for mapping, using raw data");
             mappedData = rawData;
@@ -9537,12 +9393,10 @@ function DataTableModals({
             logger.error("onImport callback is not provided");
             throw new Error("Import handler is not configured. Please provide an onImport callback.");
           }
-          logger.debug("Calling onImport with", mappedData.length, "rows");
           const result = onImport(mappedData);
           if (result && typeof result.then === "function") {
             await result;
           }
-          logger.debug("Import completed successfully");
         } catch (error) {
           logger.error("Import error:", error);
           throw error;
@@ -9554,12 +9408,12 @@ function DataTableModals({
 }
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import React17, { Component } from "react";
+import React18, { Component } from "react";
 
 // src/components/Alert/Alert.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
-var AlertContext = React16.createContext({ variant: "default" });
+var AlertContext = React17.createContext({ variant: "default" });
 var getAlertClasses = (variant = "default") => {
   const baseClasses = "relative w-full rounded-lg border p-4";
   const variantClasses = {
@@ -9570,10 +9424,10 @@ var getAlertClasses = (variant = "default") => {
   };
   return `${baseClasses} ${variantClasses[variant]}`;
 };
-var Alert = React16.forwardRef(({ className, variant = "default", ...props }, ref) => {
-  const contextValue = React16.useMemo(() => ({ variant }), [variant]);
+var Alert = React17.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React17.useMemo(() => ({ variant }), [variant]);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(React16.Fragment, { ...props }) });
+    return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(React17.Fragment, { ...props }) });
   }
   return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
     "div",
@@ -9586,8 +9440,8 @@ var Alert = React16.forwardRef(({ className, variant = "default", ...props }, re
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React16.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React16.useContext(AlertContext);
+var AlertTitle = React17.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React17.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx21("strong", { ...props });
   }
@@ -9601,8 +9455,8 @@ var AlertTitle = React16.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React16.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React16.useContext(AlertContext);
+var AlertDescription = React17.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React17.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx21("span", { ...props });
   }
@@ -9618,6 +9472,7 @@ var AlertDescription = React16.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) {
@@ -9737,6 +9592,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";
 function useColumnOrderPersistence({
   tableId,
@@ -9817,6 +9673,7 @@ function useColumnOrderPersistence({
 }
 
 // src/components/DataTable/hooks/useColumnVisibilityPersistence.ts
+init_logger();
 import { useState as useState6, useEffect as useEffect8, useCallback as useCallback5 } from "react";
 function useColumnVisibilityPersistence({
   tableId,
@@ -10577,7 +10434,7 @@ function useDataTableConfiguration({
 }
 
 // src/components/Card/Card.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 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";
@@ -10593,7 +10450,7 @@ function getCardClasses(variant = "default", size = "default") {
   };
   return `${baseClasses} ${variantClasses[variant]} ${sizeClasses2[size]}`;
 }
-var Card = React18.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx23(
+var Card = React19.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx23(
   "article",
   {
     ref,
@@ -10606,7 +10463,7 @@ var Card = React18.forwardRef(({ className, variant, size, ...props }, ref) => /
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "header",
   {
     ref,
@@ -10615,7 +10472,7 @@ var CardHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "h3",
   {
     ref,
@@ -10627,7 +10484,7 @@ var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "p",
   {
     ref,
@@ -10636,7 +10493,7 @@ var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "main",
   {
     ref,
@@ -10645,7 +10502,7 @@ var CardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardFooter = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "footer",
   {
     ref,
@@ -10654,7 +10511,7 @@ var CardFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardActions = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardActions = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "nav",
   {
     ref,
@@ -10665,7 +10522,7 @@ var CardActions = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardActions.displayName = "CardActions";
-var HoverCard = React18.forwardRef(({ children, className, ...props }, ref) => {
+var HoverCard = React19.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx23(
     "section",
     {
@@ -10677,7 +10534,7 @@ var HoverCard = React18.forwardRef(({ children, className, ...props }, ref) => {
   );
 });
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React18.forwardRef(({ className, asChild, children, ...props }, ref) => {
+var HoverCardTrigger = React19.forwardRef(({ className, asChild, children, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsx23("span", { className: cn("cursor-pointer", className), children });
   }
@@ -10696,7 +10553,7 @@ var HoverCardTrigger = React18.forwardRef(({ className, asChild, children, ...pr
   );
 });
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var HoverCardContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "aside",
   {
     ref,
@@ -10784,6 +10641,7 @@ function AccessDeniedPage({
 }
 
 // src/components/DataTable/utils/exportUtils.ts
+init_logger();
 function escapeCSVValue(value, sanitizeForSecurity = true) {
   if (value === null || value === void 0) {
     return sanitizeForSecurity ? '""' : "";
@@ -10963,6 +10821,7 @@ init_UnifiedAuthProvider();
 // src/components/DataTable/hooks/useDataTablePermissions.ts
 init_UnifiedAuthProvider();
 import { useMemo as useMemo12, useRef as useRef5 } from "react";
+init_logger();
 
 // src/components/DataTable/types.ts
 var defaultDataTableFeatures = {
@@ -11000,14 +10859,7 @@ function useDataTablePermissions(rbac, features = {}) {
     throw new Error("DataTable requires either rbac.pageId or rbac.pageName for permission checking");
   }
   const effectivePageId = pageId || pageName;
-  const { selectedOrganisation, selectedEvent, supabase, organisations } = useUnifiedAuth();
-  logger.debug("Organisation context:", {
-    hasSelectedOrg: !!selectedOrganisation,
-    selectedOrgId: selectedOrganisation?.id,
-    hasOrganisations: organisations?.length > 0,
-    organisationCount: organisations?.length,
-    selectedEvent: selectedEvent?.event_id
-  });
+  const { selectedOrganisation, selectedEvent, supabase } = useUnifiedAuth();
   const { resolvedScope: rawResolvedScope, isLoading: scopeLoading } = useResolvedScope({
     supabase,
     selectedOrganisationId: selectedOrganisation?.id || null,
@@ -11052,16 +10904,6 @@ function useDataTablePermissions(rbac, features = {}) {
     canImport: useCan(userId, consistentScope, createPermission, effectivePageId, true)
     // Use create permission for import
   };
-  logger.debug("Permission check results:", {
-    canRead: permissions.canRead.can,
-    canReadLoading: permissions.canRead.isLoading,
-    canReadError: permissions.canRead.error?.message,
-    canCreate: permissions.canCreate.can,
-    pageName: effectivePageId,
-    scope: consistentScope,
-    hasValidScope: !!effectiveScope,
-    scopeLoading
-  });
   const normalizedFeatures = useMemo12(
     () => normalizeDataTableFeatures(features),
     [features]
@@ -11083,7 +10925,7 @@ function useDataTablePermissions(rbac, features = {}) {
 }
 
 // src/components/DataTable/hooks/useTableColumns.ts
-import React19, { useMemo as useMemo13 } from "react";
+import React20, { useMemo as useMemo13 } from "react";
 
 // src/components/DataTable/core/ColumnFactory.ts
 var ColumnFactory = class {
@@ -11289,14 +11131,14 @@ function useTableColumns({
       header: ({ table }) => {
         const isAllSelected = table.getIsAllPageRowsSelected();
         const isSomeSelected = table.getIsSomePageRowsSelected();
-        return React19.createElement(Checkbox, {
+        return React20.createElement(Checkbox, {
           checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
           onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
           "aria-label": "Select all"
         });
       },
       cell: ({ row }) => {
-        return React19.createElement(Checkbox, {
+        return React20.createElement(Checkbox, {
           checked: row.getIsSelected(),
           onCheckedChange: (value) => row.toggleSelected(!!value),
           "aria-label": "Select row"
@@ -11464,8 +11306,8 @@ function announceLoadingState(isLoading, hasError = false) {
     announce("Data loaded");
   }
 }
-function announceBulkOperation(operation, count) {
-  const message = `${operation} completed for ${count} ${count === 1 ? "item" : "items"}`;
+function announceBulkOperation(operation, count2) {
+  const message = `${operation} completed for ${count2} ${count2 === 1 ? "item" : "items"}`;
   announce(message);
 }
 function getAriaSortValue(sortDirection) {
@@ -11774,6 +11616,7 @@ 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) {
@@ -11842,13 +11685,7 @@ function DataTableInternal(props) {
     storageKey,
     onLayoutChange
   } = props;
-  console.log("[DataTableInternal] Props received:", {
-    "onExport in props": !!props.onExport,
-    "onExport after destructuring": !!onExport,
-    "onExport type": typeof onExport,
-    "props keys with Export": Object.keys(props).filter((k) => k.toLowerCase().includes("export"))
-  });
-  const logger = React20.useMemo(() => createLogger("DataTableCore"), []);
+  const logger = React21.useMemo(() => createLogger("DataTableCore"), []);
   const authResult = useUnifiedAuth();
   const user = authResult.user;
   const requestedFeatures = useMemo14(
@@ -11856,15 +11693,6 @@ function DataTableInternal(props) {
     [incomingFeatures]
   );
   const { permissions, secureFeatures, effectivePageId } = useDataTablePermissions(rbac, requestedFeatures);
-  if (import.meta.env.MODE === "development") {
-    logger.debug("[DataTableCore] Creation feature check:", {
-      "incomingFeatures.creation": incomingFeatures.creation,
-      "requestedFeatures.creation": requestedFeatures.creation,
-      "secureFeatures.creation": secureFeatures.creation,
-      "permissions.canCreate.can": permissions.canCreate.can,
-      "onCreateRow prop provided": !!onCreateRow
-    });
-  }
   const effectiveColumnOrder = useEffectiveColumnOrder({
     columns,
     externalColumnOrder,
@@ -12006,20 +11834,6 @@ function DataTableInternal(props) {
       logger.error("Hierarchical data validation failed:", hierarchicalValidation.errors);
     }
   }, [hierarchicalValidation, logger]);
-  useEffect12(() => {
-    if (finalTableData.length === 0 && data.length > 0) {
-      logger.warn("Diagnostic: finalTableData empty but input data exists", {
-        inputDataLength: data.length,
-        finalTableDataLength: finalTableData.length,
-        dataCount: finalDataCount,
-        finalPaginationMode,
-        hasServerData: !!serverData,
-        serverDataLength: serverData?.data?.length || 0,
-        hierarchicalEnabled: Boolean(secureFeatures.hierarchical && hierarchical?.enabled),
-        hierarchicalValid: hierarchicalValidation.isValid
-      });
-    }
-  }, [finalTableData.length, data.length, finalDataCount, finalPaginationMode, serverData, secureFeatures.hierarchical, hierarchical, hierarchicalValidation.isValid, logger]);
   const {
     columnOrder: savedColumnOrder,
     isLoaded: isColumnOrderLoaded,
@@ -12039,16 +11853,12 @@ function DataTableInternal(props) {
   useEffect12(() => {
     if (secureFeatures.selection && state.columnOrder.includes("select") && state.columnOrder[0] !== "select") {
       const normalizedOrder = ["select", ...state.columnOrder.filter((id) => id !== "select")];
-      logger.warn("Correcting column order state - moving select to first position:", {
-        before: state.columnOrder,
-        after: normalizedOrder
-      });
       stateActions.setColumnOrder(normalizedOrder);
       if (secureFeatures.columnReordering) {
         updateColumnOrder(normalizedOrder);
       }
     }
-  }, [secureFeatures.selection, secureFeatures.columnReordering, state.columnOrder, stateActions, updateColumnOrder, logger]);
+  }, [secureFeatures.selection, secureFeatures.columnReordering, state.columnOrder, stateActions, updateColumnOrder]);
   const finalPageSizeOptions = optimizedPageSizeOptions;
   const validatedInitialPageSize = useMemo14(() => {
     if (!secureFeatures.pagination || !finalPageSizeOptions.length) {
@@ -12128,62 +11938,10 @@ function DataTableInternal(props) {
       onExport: permissions.canExport.can ? onExport : void 0,
       onDeleteSelected: permissions.canDelete.can ? onDeleteSelected : void 0
     };
-    console.log("[DataTableCore] Secure handlers setup:", {
-      "permissions.canExport.can": permissions.canExport.can,
-      "onExport prop provided": !!onExport,
-      "onExport type": typeof onExport,
-      "secureHandlers.onExport": !!handlers.onExport
-    });
-    if (import.meta.env.MODE === "development") {
-      logger.debug("[DataTableCore] Handler check:", {
-        "permissions.canCreate.can": permissions.canCreate.can,
-        "onCreateRow prop provided": !!onCreateRow,
-        "secureHandlers.onCreateRow": !!handlers.onCreateRow,
-        "secureFeatures.creation": secureFeatures.creation,
-        "will pass onCreateRow to toolbar": secureFeatures.creation && !!handlers.onCreateRow,
-        "permissions.canExport.can": permissions.canExport.can,
-        "onExport prop provided": !!onExport,
-        "secureHandlers.onExport": !!handlers.onExport
-      });
-    }
     return handlers;
-  }, [permissions.canUpdate.can, permissions.canDelete.can, permissions.canCreate.can, permissions.canImport.can, permissions.canExport.can, onEditRow, onDeleteRow, onCreateRow, onImport, onExport, onDeleteSelected, secureFeatures.creation, logger]);
-  if (import.meta.env.MODE === "development") {
-    logger.debug("[DataTableCore] \u26A0\uFE0F CREATION BUTTON DIAGNOSIS:", {
-      "\u2705 permissions.canCreate.can": permissions.canCreate.can,
-      "\u2753 features.creation enabled": secureFeatures.creation,
-      "\u2753 onCreateRow handler provided": !!onCreateRow,
-      "\u2753 secureHandlers.onCreateRow": !!secureHandlers.onCreateRow,
-      "\u{1F50D} WILL SHOW BUTTON": secureFeatures.creation && permissions.canCreate.can && !!onCreateRow,
-      "\u{1F4A1} SOLUTION": !secureFeatures.creation ? "Enable features={{ creation: true }} in DataTable props" : !onCreateRow ? "Provide onCreateRow handler in DataTable props" : "All conditions met - button should be visible"
-    });
-  }
+  }, [permissions.canUpdate.can, permissions.canDelete.can, permissions.canCreate.can, permissions.canImport.can, permissions.canExport.can, onEditRow, onDeleteRow, onCreateRow, onImport, onExport, onDeleteSelected, secureFeatures.creation]);
   const effectiveActions = useMemo14(() => {
     const result = [...actions];
-    logger.debug("Action Configuration Debug:", {
-      originalActions: actions.length,
-      secureFeatures: {
-        editing: secureFeatures.editing,
-        deletion: secureFeatures.deletion,
-        creation: secureFeatures.creation,
-        import: secureFeatures.import,
-        export: secureFeatures.export
-      },
-      secureHandlers: {
-        onEditRow: !!secureHandlers.onEditRow,
-        onDeleteRow: !!secureHandlers.onDeleteRow,
-        onCreateRow: !!secureHandlers.onCreateRow,
-        onImport: !!secureHandlers.onImport,
-        onExport: !!secureHandlers.onExport
-      },
-      permissions: {
-        canUpdate: permissions.canUpdate.can,
-        canDelete: permissions.canDelete.can,
-        canCreate: permissions.canCreate.can,
-        canImport: permissions.canImport.can,
-        canExport: permissions.canExport.can
-      }
-    });
     if (secureFeatures.editing && secureHandlers.onEditRow && !result.some((a) => a.label === "Edit")) {
       result.push({
         label: "Edit",
@@ -12237,11 +11995,6 @@ function DataTableInternal(props) {
         hidden: !permissions.canDelete.can
       });
     }
-    logger.debug("Final Actions:", {
-      totalActions: result.length,
-      actionLabels: result.map((a) => a.label),
-      hiddenActions: result.filter((a) => a.hidden).map((a) => a.label)
-    });
     return result;
   }, [actions, secureFeatures, permissions, secureHandlers, resolvedGetRowId, stateActions, data]);
   const normalizedColumnOrderForColumns = useMemo14(() => {
@@ -12262,14 +12015,6 @@ function DataTableInternal(props) {
   }), [state.pagination, effectivePageSize]);
   const tableStateSnapshot = useMemo14(() => {
     const normalizedColumnOrder = secureFeatures.selection && state.columnOrder.includes("select") ? ["select", ...state.columnOrder.filter((id) => id !== "select")] : state.columnOrder;
-    if (secureFeatures.selection && state.columnOrder[0] !== "select") {
-      logger.warn("Column order normalized:", {
-        original: state.columnOrder,
-        normalized: normalizedColumnOrder,
-        firstColumnOriginal: state.columnOrder[0],
-        firstColumnNormalized: normalizedColumnOrder[0]
-      });
-    }
     return {
       sorting: state.sorting,
       columnFilters: state.columnFilters,
@@ -12319,40 +12064,6 @@ function DataTableInternal(props) {
     hasServerSideConfig: !!serverSide
   });
   const table = useReactTable(tableConfig);
-  useEffect12(() => {
-    const rows = table.getRowModel().rows;
-    if (rows.length === 0 && finalTableData.length > 0) {
-      const coreRows = table.getCoreRowModel().rows;
-      const prePaginationRows = table.getPrePaginationRowModel?.()?.rows || [];
-      const filteredRows = table.getFilteredRowModel?.()?.rows || [];
-      const sortedRows = table.getSortedRowModel?.()?.rows || [];
-      const tableState = table.getState();
-      logger.warn("Table created but rows are empty!", {
-        finalTableDataLength: finalTableData.length,
-        tableConfigDataLength: tableConfig.data?.length || 0,
-        coreRowsLength: coreRows.length,
-        prePaginationRowsLength: prePaginationRows.length,
-        filteredRowsLength: filteredRows.length,
-        sortedRowsLength: sortedRows.length,
-        finalRowsLength: rows.length,
-        pagination: tableState.pagination,
-        finalPaginationMode,
-        hasServerSideConfig: !!serverSide,
-        tableOptions: {
-          getCoreRowModel: !!tableConfig.getCoreRowModel,
-          getFilteredRowModel: !!tableConfig.getFilteredRowModel,
-          getSortedRowModel: !!tableConfig.getSortedRowModel,
-          getPaginationRowModel: !!tableConfig.getPaginationRowModel,
-          manualPagination: tableConfig.manualPagination,
-          manualFiltering: tableConfig.manualFiltering,
-          manualSorting: tableConfig.manualSorting,
-          pageCount: tableConfig.pageCount
-        },
-        hasRowId: !!resolvedGetRowId,
-        effectivePageSize
-      });
-    }
-  }, [table, finalTableData.length, tableConfig, resolvedGetRowId, finalPaginationMode, serverSide, effectivePageSize, logger]);
   if (!user) {
     throw new Error("DataTable requires authenticated user for RBAC");
   }
@@ -12448,30 +12159,9 @@ function DataTableInternal(props) {
                       filename,
                       table
                     };
-                    console.log("[DataTableCore] Export handler check:", {
-                      "secureHandlers.onExport exists": !!secureHandlers.onExport,
-                      "permissions.canExport.can": permissions.canExport.can,
-                      "onExport prop provided": !!onExport,
-                      "onExport type": typeof onExport
-                    });
                     if (secureHandlers.onExport) {
-                      console.log("[DataTableCore] \u2705 Calling custom onExport handler");
-                      logger.debug("[DataTableCore] Calling custom onExport handler");
                       await secureHandlers.onExport(exportOptions);
-                      console.log("[DataTableCore] \u2705 Custom onExport handler completed");
-                      logger.debug("[DataTableCore] Custom onExport handler completed");
                       return;
-                    } else {
-                      console.warn("[DataTableCore] \u26A0\uFE0F No custom onExport handler, using default export", {
-                        "secureHandlers.onExport": !!secureHandlers.onExport,
-                        "permissions.canExport.can": permissions.canExport.can,
-                        "onExport prop provided": !!onExport
-                      });
-                      logger.debug("[DataTableCore] No custom onExport handler, using default export", {
-                        "secureHandlers.onExport": !!secureHandlers.onExport,
-                        "permissions.canExport.can": permissions.canExport.can,
-                        "onExport prop provided": !!onExport
-                      });
                     }
                     const exportColumns = exportOptions.visibleColumns.map((col) => {
                       const colId = col.id || col.accessorKey;
@@ -12494,7 +12184,6 @@ function DataTableInternal(props) {
                       description: `Data exported to ${exportOptions.filename}`,
                       variant: "default"
                     });
-                    logger.debug("Export completed successfully");
                   } catch (error) {
                     logger.error("Failed to export data:", error);
                     const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
@@ -12660,7 +12349,7 @@ function DataTableInternal(props) {
               grouping: state.grouping,
               aggregates,
               getRowId: resolvedGetRowId,
-              emptyState: React20.isValidElement(emptyState) ? void 0 : emptyState,
+              emptyState: React21.isValidElement(emptyState) ? void 0 : emptyState,
               isFiltered: searchQuery !== "" || state.columnFilters.length > 0,
               onClearFilters: () => {
                 stateActions.setSearchQuery("");
@@ -12706,12 +12395,10 @@ function DataTableInternal(props) {
         onImport: async (data2) => {
           if (onImport) {
             try {
-              logger.debug("onImport called with", data2.length, "rows");
               const result = onImport(data2);
               if (result && typeof result.then === "function") {
                 await result;
               }
-              logger.debug("onImport completed successfully");
               toast({
                 title: "Import Successful",
                 description: `Successfully imported ${data2.length} ${data2.length === 1 ? "row" : "rows"}`,
@@ -12753,46 +12440,23 @@ function DataTableCore(props) {
 }
 
 // src/components/DataTable/DataTable.tsx
+init_logger();
 import { jsx as jsx26 } from "react/jsx-runtime";
 function DataTable(props) {
-  const logger = React21.useMemo(() => createLogger("DataTable"), []);
+  const logger = React22.useMemo(() => createLogger("DataTable"), []);
   const { features, ...rest } = props;
-  const normalizedFeatures = React21.useMemo(
+  const normalizedFeatures = React22.useMemo(
     () => normalizeDataTableFeatures(features),
     [features]
   );
-  React21.useEffect(() => {
-    if (!features && import.meta.env?.MODE === "development") {
-      logger.info("DataTable: no features provided; all capabilities default to disabled. Pass a features object to enable functionality.");
-    }
-  }, [features, logger]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (normalizedFeatures.deleteSelected && !normalizedFeatures.deletion) {
       logger.warn("deleteSelected requires deletion to be enabled");
     }
   }, [normalizedFeatures.deleteSelected, normalizedFeatures.deletion, logger]);
-  const allPropsKeys = Object.keys(props);
-  const allRestKeys = Object.keys(rest);
-  const tableTitle = props.title || props.description || "unnamed";
-  console.log(`[DataTable] Wrapper prop check (${tableTitle}):`, {
-    "onExport in props": !!props.onExport,
-    "onExport in rest": !!rest.onExport,
-    "onExport type": typeof rest.onExport,
-    "rest keys": Object.keys(rest).filter((k) => k.includes("Export") || k.includes("export")),
-    "all rest keys": allRestKeys,
-    // All keys for debugging
-    "props keys": allPropsKeys,
-    // All props keys
-    "has onExport key": "onExport" in props,
-    "has onExport in rest": "onExport" in rest,
-    "props.onExport value": props.onExport,
-    "rest.onExport value": rest.onExport
-  });
-  console.log(`[DataTable] All props keys for ${tableTitle}:`, allPropsKeys);
-  console.log(`[DataTable] All rest keys for ${tableTitle}:`, allRestKeys);
   return /* @__PURE__ */ jsx26(DataTableCore, { ...rest, features: normalizedFeatures });
 }
-var DataTableComponent = React21.memo(DataTable);
+var DataTableComponent = React22.memo(DataTable);
 
 // src/components/DataTable/components/BulkOperationsDropdown.tsx
 import {
@@ -12899,6 +12563,56 @@ function GroupHeader({
   ] });
 }
 
+// src/components/DataTable/utils/aggregationUtils.ts
+function sum(accessorKey) {
+  return (rows, column) => {
+    return rows.reduce((total, row) => {
+      const value = row[accessorKey];
+      const numValue = typeof value === "number" ? value : parseFloat(String(value || 0));
+      return total + (isNaN(numValue) ? 0 : numValue);
+    }, 0);
+  };
+}
+function average(accessorKey) {
+  return (rows, column) => {
+    if (rows.length === 0) return 0;
+    const validValues = rows.map((row) => row[accessorKey]).filter((value) => value != null && value !== "").map((value) => {
+      const numValue = typeof value === "number" ? value : parseFloat(String(value));
+      return isNaN(numValue) ? null : numValue;
+    }).filter((value) => value !== null);
+    if (validValues.length === 0) return 0;
+    const sum2 = validValues.reduce((total, value) => total + value, 0);
+    return sum2 / validValues.length;
+  };
+}
+function count() {
+  return (rows, column) => {
+    return rows.length;
+  };
+}
+function min(accessorKey) {
+  return (rows, column) => {
+    if (rows.length === 0) return null;
+    const validValues = rows.map((row) => row[accessorKey]).filter((value) => value != null && value !== "").map((value) => {
+      const numValue = typeof value === "number" ? value : parseFloat(String(value));
+      return isNaN(numValue) ? null : numValue;
+    }).filter((value) => value !== null);
+    if (validValues.length === 0) return null;
+    return Math.min(...validValues);
+  };
+}
+function max(accessorKey) {
+  return (rows, column) => {
+    if (rows.length === 0) return null;
+    const validValues = rows.map((row) => row[accessorKey]).filter((value) => value != null && value !== "").map((value) => {
+      const numValue = typeof value === "number" ? value : parseFloat(String(value));
+      return isNaN(numValue) ? null : numValue;
+    }).filter((value) => value !== null);
+    if (validValues.length === 0) return null;
+    return Math.max(...validValues);
+  };
+}
+
 export {
   Dialog,
   DialogTrigger,
@@ -12942,6 +12656,7 @@ export {
   ColumnVisibilityDropdown,
   DataTableToolbar,
   EmptyState,
+  getColumnHeaderText,
   ActionButtons,
   EditableRow,
   validateHierarchicalData,
@@ -12992,7 +12707,12 @@ export {
   DataTableCore,
   DataTable,
   BulkOperationsDropdown,
-  GroupHeader
+  GroupHeader,
+  sum,
+  average,
+  count,
+  min,
+  max
 };
 /*! Bundled license information:
 
@@ -13006,4 +12726,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-GVDR7WNV.js.map
+//# sourceMappingURL=chunk-HAWZXGR2.js.map