@jmruthers/pace-core 0.5.121 → 0.5.124

package/dist/{chunk-HFBOFZ3Z.js → chunk-GBGYYMC6.js}

@@ -1,17 +1,17 @@
 import {
   useCan,
   useResolvedScope
-} from "./chunk-D6BOFXYR.js";
+} from "./chunk-35ZDPMBM.js";
 import {
   toast,
   useDataTablePerformance
 } from "./chunk-GKHF54DI.js";
 import {
   init_UnifiedAuthProvider
-} from "./chunk-ZYJ6O5CA.js";
+} from "./chunk-C43QIDN3.js";
 import {
   useUnifiedAuth
-} from "./chunk-BHWIUEYH.js";
+} from "./chunk-ZBLK676C.js";
 import {
   cn
 } from "./chunk-PYUXFQJ3.js";
@@ -6606,7 +6606,18 @@ function DataTableToolbar({
         ]
       }
     ),
-    features.creation && permissions.canCreate.can && onCreateRow && /* @__PURE__ */ jsxs5(
+    (() => {
+      if (import.meta.env.MODE === "development") {
+        const logger = console;
+        logger.debug("[DataTableToolbar] Creation button check:", {
+          "features.creation": features.creation,
+          "permissions.canCreate.can": permissions.canCreate.can,
+          "onCreateRow provided": !!onCreateRow,
+          "will show button": features.creation && permissions.canCreate.can && onCreateRow
+        });
+      }
+      return features.creation && permissions.canCreate.can && onCreateRow;
+    })() && /* @__PURE__ */ jsxs5(
       Button,
       {
         variant: "outline",
@@ -7131,6 +7142,7 @@ function SelectEditField({
   onChange,
   className
 }) {
+  const logger = React9.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
   const selectRef = React9.useRef(null);
@@ -7138,34 +7150,82 @@ function SelectEditField({
   const [isOpen, setIsOpen] = React9.useState(false);
   const [showCreateOption, setShowCreateOption] = React9.useState(false);
   React9.useEffect(() => {
-    if (!isOpen || !isSearchable || !isCreatable || !selectRef.current) return;
-    const searchInput = selectRef.current.querySelector('[data-testid="select-search-input"]');
-    if (!searchInput) return;
-    const handleInput = (e) => {
-      const target = e.target;
-      const currentSearch = target.value;
-      setSearchTerm(currentSearch);
-      if (currentSearch.trim()) {
-        const searchLower = currentSearch.toLowerCase().trim();
-        const checkMatch = (opt) => {
-          if ("value" in opt && !("type" in opt)) {
-            return opt.label.toLowerCase().includes(searchLower);
-          }
-          if ("type" in opt && opt.type === "group") {
-            return opt.items.some((item) => item.label.toLowerCase().includes(searchLower));
+    if (!isOpen || !isSearchable || !isCreatable) return;
+    const findAndAttachSearchInput = () => {
+      let searchInput = null;
+      if (selectRef.current) {
+        searchInput = selectRef.current.querySelector('[data-testid="select-search-input"]');
+      }
+      if (!searchInput) {
+        const allSearchInputs = document.querySelectorAll('[data-testid="select-search-input"]');
+        for (const input of Array.from(allSearchInputs)) {
+          const content = input.closest('[data-testid="select-content"]');
+          if (content && content.getAttribute("aria-hidden") !== "true") {
+            searchInput = input;
+            break;
           }
-          return false;
-        };
-        const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
-        setShowCreateOption(!hasMatch);
-      } else {
-        setShowCreateOption(false);
+        }
       }
+      if (!searchInput) return null;
+      const handleInput = (e) => {
+        const target = e.target;
+        const currentSearch = target.value;
+        setSearchTerm(currentSearch);
+        if (currentSearch.trim()) {
+          const searchLower = currentSearch.toLowerCase().trim();
+          const checkMatch = (opt) => {
+            if ("value" in opt && !("type" in opt)) {
+              return opt.label.toLowerCase().includes(searchLower);
+            }
+            if ("type" in opt && opt.type === "group") {
+              return opt.items.some((item) => item.label.toLowerCase().includes(searchLower));
+            }
+            return false;
+          };
+          const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
+          setShowCreateOption(!hasMatch);
+        } else {
+          setShowCreateOption(false);
+        }
+      };
+      const initialValue = searchInput.value;
+      if (initialValue) {
+        const currentSearch = initialValue;
+        setSearchTerm(currentSearch);
+        if (currentSearch.trim()) {
+          const searchLower = currentSearch.toLowerCase().trim();
+          const checkMatch = (opt) => {
+            if ("value" in opt && !("type" in opt)) {
+              return opt.label.toLowerCase().includes(searchLower);
+            }
+            if ("type" in opt && opt.type === "group") {
+              return opt.items.some((item) => item.label.toLowerCase().includes(searchLower));
+            }
+            return false;
+          };
+          const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
+          setShowCreateOption(!hasMatch);
+        } else {
+          setShowCreateOption(false);
+        }
+      }
+      searchInput.addEventListener("input", handleInput);
+      return () => {
+        searchInput?.removeEventListener("input", handleInput);
+      };
     };
-    searchInput.addEventListener("input", handleInput);
-    return () => {
-      searchInput.removeEventListener("input", handleInput);
-    };
+    let cleanup = findAndAttachSearchInput();
+    if (!cleanup) {
+      let timeoutCleanup = null;
+      const timeoutId = setTimeout(() => {
+        timeoutCleanup = findAndAttachSearchInput();
+      }, 50);
+      return () => {
+        clearTimeout(timeoutId);
+        timeoutCleanup?.();
+      };
+    }
+    return cleanup;
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
   const handleCreateNew = React9.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
@@ -7175,9 +7235,9 @@ function SelectEditField({
       setSearchTerm("");
       setShowCreateOption(false);
     } catch (error) {
-      console.error("Error creating new item:", error);
+      logger.error("Error creating new item:", error);
     }
-  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange]);
+  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange, logger]);
   return /* @__PURE__ */ jsxs9(
     Select,
     {
@@ -7247,7 +7307,7 @@ function SelectEditField({
 var renderEditField = (column, value, onChange, editingData = {}, placeholder, inputRef) => {
   const columnDef = column.columnDef;
   if (columnDef.editable === false) {
-    return /* @__PURE__ */ jsx13("span", { className: "text-sm text-gray-600", children: String(value ?? "") });
+    return /* @__PURE__ */ jsx13("span", { className: "text-sm text-sec-600", children: String(value ?? "") });
   }
   if (columnDef.fieldType === "select" && columnDef.fieldOptions) {
     const accessorKey = columnDef.editAccessorKey || column.id;
@@ -7353,7 +7413,7 @@ function EditableRow({
                     onEditingDataChange({ ...editingData, [cell.column.id]: value });
                   }
                 }
-              }) : /* @__PURE__ */ jsx13("span", { className: "text-sm text-gray-600", children: String(cell.getValue() ?? "") });
+              }) : /* @__PURE__ */ jsx13("span", { className: "text-sm text-sec-600", children: String(cell.getValue() ?? "") });
             }
             const shouldGetRef = !hasAssignedRef.current;
             if (shouldGetRef) {
@@ -7591,6 +7651,7 @@ function SelectEditField2({
   placeholder,
   onChange
 }) {
+  const logger = React10.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
   const selectRef = React10.useRef(null);
@@ -7598,34 +7659,82 @@ function SelectEditField2({
   const [isOpen, setIsOpen] = React10.useState(false);
   const [showCreateOption, setShowCreateOption] = React10.useState(false);
   React10.useEffect(() => {
-    if (!isOpen || !isSearchable || !isCreatable || !selectRef.current) return;
-    const searchInput = selectRef.current.querySelector('[data-testid="select-search-input"]');
-    if (!searchInput) return;
-    const handleInput = (e) => {
-      const target = e.target;
-      const currentSearch = target.value;
-      setSearchTerm(currentSearch);
-      if (currentSearch.trim()) {
-        const searchLower = currentSearch.toLowerCase().trim();
-        const checkMatch = (opt) => {
-          if ("value" in opt && !("type" in opt)) {
-            return opt.label.toLowerCase().includes(searchLower);
-          }
-          if ("type" in opt && opt.type === "group") {
-            return opt.items.some((item) => item.label.toLowerCase().includes(searchLower));
+    if (!isOpen || !isSearchable || !isCreatable) return;
+    const findAndAttachSearchInput = () => {
+      let searchInput = null;
+      if (selectRef.current) {
+        searchInput = selectRef.current.querySelector('[data-testid="select-search-input"]');
+      }
+      if (!searchInput) {
+        const allSearchInputs = document.querySelectorAll('[data-testid="select-search-input"]');
+        for (const input of Array.from(allSearchInputs)) {
+          const content = input.closest('[data-testid="select-content"]');
+          if (content && content.getAttribute("aria-hidden") !== "true") {
+            searchInput = input;
+            break;
           }
-          return false;
-        };
-        const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
-        setShowCreateOption(!hasMatch);
-      } else {
-        setShowCreateOption(false);
+        }
       }
+      if (!searchInput) return null;
+      const handleInput = (e) => {
+        const target = e.target;
+        const currentSearch = target.value;
+        setSearchTerm(currentSearch);
+        if (currentSearch.trim()) {
+          const searchLower = currentSearch.toLowerCase().trim();
+          const checkMatch = (opt) => {
+            if ("value" in opt && !("type" in opt)) {
+              return opt.label.toLowerCase().includes(searchLower);
+            }
+            if ("type" in opt && opt.type === "group") {
+              return opt.items.some((item) => item.label.toLowerCase().includes(searchLower));
+            }
+            return false;
+          };
+          const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
+          setShowCreateOption(!hasMatch);
+        } else {
+          setShowCreateOption(false);
+        }
+      };
+      const initialValue = searchInput.value;
+      if (initialValue) {
+        const currentSearch = initialValue;
+        setSearchTerm(currentSearch);
+        if (currentSearch.trim()) {
+          const searchLower = currentSearch.toLowerCase().trim();
+          const checkMatch = (opt) => {
+            if ("value" in opt && !("type" in opt)) {
+              return opt.label.toLowerCase().includes(searchLower);
+            }
+            if ("type" in opt && opt.type === "group") {
+              return opt.items.some((item) => item.label.toLowerCase().includes(searchLower));
+            }
+            return false;
+          };
+          const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
+          setShowCreateOption(!hasMatch);
+        } else {
+          setShowCreateOption(false);
+        }
+      }
+      searchInput.addEventListener("input", handleInput);
+      return () => {
+        searchInput?.removeEventListener("input", handleInput);
+      };
     };
-    searchInput.addEventListener("input", handleInput);
-    return () => {
-      searchInput.removeEventListener("input", handleInput);
-    };
+    let cleanup = findAndAttachSearchInput();
+    if (!cleanup) {
+      let timeoutCleanup = null;
+      const timeoutId = setTimeout(() => {
+        timeoutCleanup = findAndAttachSearchInput();
+      }, 50);
+      return () => {
+        clearTimeout(timeoutId);
+        timeoutCleanup?.();
+      };
+    }
+    return cleanup;
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
   const handleCreateNew = React10.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
@@ -7635,9 +7744,9 @@ function SelectEditField2({
       setSearchTerm("");
       setShowCreateOption(false);
     } catch (error) {
-      console.error("Error creating new item:", error);
+      logger.error("Error creating new item:", error);
     }
-  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange]);
+  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange, logger]);
   return /* @__PURE__ */ jsxs10(
     Select,
     {
@@ -7707,7 +7816,7 @@ function SelectEditField2({
 var renderEditField2 = (column, value, onChange, editingData = {}, placeholder) => {
   const columnDef = column.columnDef;
   if (columnDef.editable === false) {
-    return /* @__PURE__ */ jsx14("span", { className: "text-sm text-gray-600", children: String(value ?? "") });
+    return /* @__PURE__ */ jsx14("span", { className: "text-sm text-sec-600", children: String(value ?? "") });
   }
   if (columnDef.fieldType === "select" && columnDef.fieldOptions) {
     const accessorKey = columnDef.editAccessorKey || column.id;
@@ -7959,19 +8068,13 @@ function UnifiedTableBody({
   rbac,
   permissions
 }) {
+  const logger = React10.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();
-  console.log("[DataTable] \u{1F50D} UnifiedTableBody Render:", {
-    dataLength,
-    rowsLength: rows.length,
-    coreRowsLength: table.getCoreRowModel().rows.length,
-    prePaginationRowsLength: table.getPrePaginationRowModel?.()?.rows?.length || 0,
-    shouldVirtualize
-  });
   useEffect3(() => {
     if (rows.length === 0 && dataLength > 0) {
       const tableState = table.getState();
@@ -7984,7 +8087,7 @@ function UnifiedTableBody({
       const sortedRows = table.getSortedRowModel?.()?.rows || [];
       const rowCount = table.getRowCount();
       const pageCount = table.getPageCount();
-      console.warn("[DataTable] \u26A0\uFE0F CRITICAL: Rows empty but data exists!", {
+      logger.warn("Rows empty but data exists!", {
         dataLength,
         rowsLength: rows.length,
         coreRowsLength: coreRows.length,
@@ -8011,7 +8114,7 @@ function UnifiedTableBody({
         tableDataLength: table.options.data?.length || 0
       });
     }
-  }, [rows.length, dataLength, table]);
+  }, [rows.length, dataLength, table, logger]);
   const hasScrollContainer = !!parentRef.current;
   const effectiveShouldVirtualize = shouldVirtualize && hasScrollContainer;
   const virtualizer = useVirtualizer({
@@ -8022,24 +8125,14 @@ function UnifiedTableBody({
   });
   const virtualRows = effectiveShouldVirtualize ? virtualizer.getVirtualItems() : [];
   const totalSize = effectiveShouldVirtualize ? virtualizer.getTotalSize() : 0;
-  console.log("[DataTable] \u{1F50D} Virtualization Debug:", {
-    shouldVirtualize,
-    effectiveShouldVirtualize,
-    rowsLength: rows.length,
-    virtualRowsCount: virtualRows.length,
-    totalSize,
-    parentRefExists: hasScrollContainer,
-    parentRefHeight: parentRef.current?.clientHeight || 0,
-    parentRefScrollHeight: parentRef.current?.scrollHeight || 0,
-    willRenderVirtualized: effectiveShouldVirtualize && virtualRows.length > 0,
-    willRenderStandard: !effectiveShouldVirtualize && rows.length > 0
-  });
-  if (shouldVirtualize && !hasScrollContainer) {
-    console.warn("[DataTable] \u26A0\uFE0F Virtualization enabled but no scroll container found. Falling back to standard rendering.", {
-      rowsLength: rows.length,
-      dataLength
-    });
-  }
+  useEffect3(() => {
+    if (shouldVirtualize && !hasScrollContainer) {
+      logger.warn("Virtualization enabled but no scroll container found. Falling back to standard rendering.", {
+        rowsLength: rows.length,
+        dataLength
+      });
+    }
+  }, [shouldVirtualize, hasScrollContainer, rows.length, dataLength, logger]);
   const renderTableContent = () => {
     if (rows.length === 0) {
       return /* @__PURE__ */ jsx14("tr", { children: /* @__PURE__ */ jsx14(
@@ -8591,7 +8684,7 @@ function LoadingState() {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import { useEffect as useEffect6 } from "react";
+import React14, { useEffect as useEffect6 } from "react";
 
 // src/components/DataTable/components/ImportModal.tsx
 import { useState as useState4, useRef as useRef4, useEffect as useEffect5 } from "react";
@@ -8911,7 +9004,7 @@ var DialogBody = ({
           className: "prose prose-sm max-w-none"
         }
       ) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
-        hasHtmlContent && !processedHtmlContent && /* @__PURE__ */ jsx17("div", { className: "text-red-500 mb-2", children: "No HTML content processed. Showing children instead." }),
+        hasHtmlContent && !processedHtmlContent && /* @__PURE__ */ jsx17("div", { className: "text-acc-500 mb-2", children: "No HTML content processed. Showing children instead." }),
         children
       ] })
     }
@@ -9208,39 +9301,40 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
 // src/components/DataTable/components/DataTableModals.tsx
 import { Fragment as Fragment4, jsx as jsx19 } from "react/jsx-runtime";
 function mapCSVToTableColumns(csvData, columns) {
+  const logger = createLogger("mapCSVToTableColumns");
   const columnMap = /* @__PURE__ */ new Map();
-  console.log("[mapCSVToTableColumns] Building column map from", columns.length, "column definitions");
+  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);
-      console.log(`[mapCSVToTableColumns] Mapped "${header}" -> "${fieldName}"`);
+      logger.debug(`Mapped "${header}" -> "${fieldName}"`);
       const colId = col.id || col.accessorKey;
       if (colId && colId !== header && colId !== fieldName) {
         columnMap.set(colId.toLowerCase(), fieldName);
-        console.log(`[mapCSVToTableColumns] Also mapped "${colId}" -> "${fieldName}"`);
+        logger.debug(`Also mapped "${colId}" -> "${fieldName}"`);
       }
       if (col.editAccessorKey && header) {
         const editAccessorKey = col.editAccessorKey;
         const idColumnHeader = `${header} (ID)`;
         columnMap.set(idColumnHeader.toLowerCase(), editAccessorKey);
-        console.log(`[mapCSVToTableColumns] Mapped ID column "${idColumnHeader}" -> "${editAccessorKey}"`);
+        logger.debug(`Mapped ID column "${idColumnHeader}" -> "${editAccessorKey}"`);
         columnMap.set(editAccessorKey.toLowerCase(), editAccessorKey);
-        console.log(`[mapCSVToTableColumns] Also mapped "${editAccessorKey}" -> "${editAccessorKey}"`);
+        logger.debug(`Also mapped "${editAccessorKey}" -> "${editAccessorKey}"`);
       }
     } else {
-      console.warn("[mapCSVToTableColumns] Skipping column with missing fieldName or header:", col);
+      logger.warn("Skipping column with missing fieldName or header:", col);
     }
   });
   if (csvData.length === 0) {
-    console.warn("[mapCSVToTableColumns] No CSV data to map");
+    logger.warn("No CSV data to map");
     return [];
   }
   const csvHeaders = Object.keys(csvData[0]);
-  console.log("[mapCSVToTableColumns] CSV headers found:", csvHeaders);
-  console.log("[mapCSVToTableColumns] Column map size:", columnMap.size);
+  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) => {
@@ -9252,7 +9346,7 @@ function mapCSVToTableColumns(csvData, columns) {
           if (csvHeaderLower === mapKey || csvHeaderLower.endsWith(keyWithSpace)) {
             fieldName = mapValue;
             if (index === 0) {
-              console.log(`[mapCSVToTableColumns] Flexible match: "${csvHeader}" -> "${mapValue}" (matched "${mapKey}")`);
+              logger.debug(`Flexible match: "${csvHeader}" -> "${mapValue}" (matched "${mapKey}")`);
             }
             break;
           }
@@ -9261,20 +9355,20 @@ function mapCSVToTableColumns(csvData, columns) {
       if (fieldName) {
         mappedRow[fieldName] = row[csvHeader];
         if (index === 0) {
-          console.log(`[mapCSVToTableColumns] Row 0: "${csvHeader}" -> "${fieldName}"`);
+          logger.debug(`Row 0: "${csvHeader}" -> "${fieldName}"`);
         }
       } else {
         mappedRow[csvHeaderLower] = row[csvHeader];
         if (index === 0) {
-          console.warn(`[mapCSVToTableColumns] No mapping found for "${csvHeader}", using as-is`);
+          logger.warn(`No mapping found for "${csvHeader}", using as-is`);
         }
       }
     });
     return mappedRow;
   });
-  console.log("[mapCSVToTableColumns] Mapped", mappedData.length, "rows");
+  logger.debug("Mapped", mappedData.length, "rows");
   if (mappedData.length > 0) {
-    console.log("[mapCSVToTableColumns] First mapped row keys:", Object.keys(mappedData[0]));
+    logger.debug("First mapped row keys:", Object.keys(mappedData[0]));
   }
   return mappedData;
 }
@@ -9287,6 +9381,7 @@ function DataTableModals({
   onStoreFocus,
   onRestoreFocus
 }) {
+  const logger = React14.useMemo(() => createLogger("DataTableModals"), []);
   useEffect6(() => {
     if (showImportModal) {
       onStoreFocus?.();
@@ -9306,26 +9401,26 @@ function DataTableModals({
         try {
           let mappedData;
           if (columns && columns.length > 0) {
-            console.log("[DataTableModals] Mapping CSV data with", columns.length, "column definitions");
-            console.log("[DataTableModals] Raw CSV headers:", rawData.length > 0 ? Object.keys(rawData[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);
-            console.log("[DataTableModals] Mapped data sample:", mappedData.length > 0 ? mappedData[0] : null);
+            logger.debug("Mapped data sample:", mappedData.length > 0 ? mappedData[0] : null);
           } else {
-            console.warn("[DataTableModals] No columns provided for mapping, using raw data");
+            logger.warn("No columns provided for mapping, using raw data");
             mappedData = rawData;
           }
           if (!onImport) {
-            console.error("[DataTableModals] onImport callback is not provided");
+            logger.error("onImport callback is not provided");
             throw new Error("Import handler is not configured. Please provide an onImport callback.");
           }
-          console.log("[DataTableModals] Calling onImport with", mappedData.length, "rows");
+          logger.debug("Calling onImport with", mappedData.length, "rows");
           const result = onImport(mappedData);
           if (result && typeof result.then === "function") {
             await result;
           }
-          console.log("[DataTableModals] Import completed successfully");
+          logger.debug("Import completed successfully");
         } catch (error) {
-          console.error("[DataTableModals] Import error:", error);
+          logger.error("Import error:", error);
           throw error;
         }
       },
@@ -10598,6 +10693,7 @@ function formatLocaleValue(value, locale) {
   return String(value);
 }
 function generateCSVContent(data, columns, options = {}) {
+  const logger = createLogger("generateCSVContent");
   if (!data.length) return "";
   const {
     includeHeaders = true,
@@ -10615,7 +10711,7 @@ function generateCSVContent(data, columns, options = {}) {
         try {
           value = col.accessorFn(row);
         } catch (error) {
-          console.warn("Error evaluating accessorFn for column:", col.id || col.header, error);
+          logger.warn("Error evaluating accessorFn for column:", col.id || col.header, error);
           value = void 0;
         }
       } else {
@@ -10661,7 +10757,7 @@ async function exportToCSVWithTableRows(tableRows, columns, columnIdToTableColum
                 try {
                   value = col.accessorFn(tableRow.original);
                 } catch (accessorError) {
-                  console.warn("Error evaluating accessorFn for column:", col.id || col.header, accessorError);
+                  logger.warn("Error evaluating accessorFn for column:", col.id || col.header, accessorError);
                   value = void 0;
                 }
               } else {
@@ -11621,12 +11717,7 @@ function DataTableInternal({
   storageKey,
   onLayoutChange
 }) {
-  console.log("[DataTable] \u{1F680} DataTableInternal RENDERED:", {
-    dataLength: data.length,
-    columnsCount: columns.length,
-    isLoading: externalIsLoading,
-    pageName: rbac?.pageName || rbac?.pageId
-  });
+  const logger = React19.useMemo(() => createLogger("DataTableCore"), []);
   const authResult = useUnifiedAuth();
   const user = authResult.user;
   const requestedFeatures = useMemo14(
@@ -11634,6 +11725,15 @@ function DataTableInternal({
     [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,
@@ -11771,13 +11871,13 @@ function DataTableInternal({
     serverData
   });
   useEffect12(() => {
-    if (!hierarchicalValidation.isValid && import.meta.env?.MODE === "development") {
-      console.error("[DataTable] Hierarchical data validation failed:", hierarchicalValidation.errors);
+    if (!hierarchicalValidation.isValid) {
+      logger.error("Hierarchical data validation failed:", hierarchicalValidation.errors);
     }
-  }, [hierarchicalValidation]);
+  }, [hierarchicalValidation, logger]);
   useEffect12(() => {
-    if (import.meta.env?.MODE === "development" && finalTableData.length === 0 && data.length > 0) {
-      console.warn("[DataTable] Diagnostic: finalTableData empty but input data exists", {
+    if (finalTableData.length === 0 && data.length > 0) {
+      logger.warn("Diagnostic: finalTableData empty but input data exists", {
         inputDataLength: data.length,
         finalTableDataLength: finalTableData.length,
         dataCount: finalDataCount,
@@ -11788,7 +11888,7 @@ function DataTableInternal({
         hierarchicalValid: hierarchicalValidation.isValid
       });
     }
-  }, [finalTableData.length, data.length, finalDataCount, finalPaginationMode, serverData, secureFeatures.hierarchical, hierarchical, hierarchicalValidation.isValid]);
+  }, [finalTableData.length, data.length, finalDataCount, finalPaginationMode, serverData, secureFeatures.hierarchical, hierarchical, hierarchicalValidation.isValid, logger]);
   const {
     columnOrder: savedColumnOrder,
     isLoaded: isColumnOrderLoaded,
@@ -11808,18 +11908,16 @@ function DataTableInternal({
   useEffect12(() => {
     if (secureFeatures.selection && state.columnOrder.includes("select") && state.columnOrder[0] !== "select") {
       const normalizedOrder = ["select", ...state.columnOrder.filter((id) => id !== "select")];
-      if (import.meta.env?.MODE === "development") {
-        console.warn("[DataTable] Correcting column order state - moving select to first position:", {
-          before: state.columnOrder,
-          after: normalizedOrder
-        });
-      }
+      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]);
+  }, [secureFeatures.selection, secureFeatures.columnReordering, state.columnOrder, stateActions, updateColumnOrder, logger]);
   const finalPageSizeOptions = optimizedPageSizeOptions;
   const validatedInitialPageSize = useMemo14(() => {
     if (!secureFeatures.pagination || !finalPageSizeOptions.length) {
@@ -11832,13 +11930,11 @@ function DataTableInternal({
     const closestOption = sortedOptions.reduce(
       (prev, curr) => Math.abs(curr - initialPageSize) < Math.abs(prev - initialPageSize) ? curr : prev
     );
-    if (import.meta.env?.MODE === "development") {
-      console.warn(
-        `DataTable: initialPageSize ${initialPageSize} is not available in page size options [${finalPageSizeOptions.join(", ")}]. Using closest option: ${closestOption}`
-      );
-    }
+    logger.warn(
+      `initialPageSize ${initialPageSize} is not available in page size options [${finalPageSizeOptions.join(", ")}]. Using closest option: ${closestOption}`
+    );
     return closestOption;
-  }, [initialPageSize, finalPageSizeOptions, secureFeatures.pagination]);
+  }, [initialPageSize, finalPageSizeOptions, secureFeatures.pagination, logger]);
   const effectivePageSize = useMemo14(() => {
     if (!secureFeatures.pagination || !finalPageSizeOptions.length) {
       return state.pagination.pageSize;
@@ -11892,33 +11988,62 @@ function DataTableInternal({
     fetchServerData,
     cleanup
   });
-  const secureHandlers = useMemo14(() => ({
-    onEditRow: permissions.canUpdate.can ? onEditRow : void 0,
-    onDeleteRow: permissions.canDelete.can ? onDeleteRow : void 0,
-    onCreateRow: permissions.canCreate.can ? onCreateRow : void 0,
-    onImport: permissions.canImport.can ? onImport : void 0,
-    onExport: permissions.canExport.can ? onExport : void 0,
-    onDeleteSelected: permissions.canDelete.can ? onDeleteSelected : void 0
-  }), [permissions.canUpdate.can, permissions.canDelete.can, permissions.canCreate.can, permissions.canImport.can, permissions.canExport.can, onEditRow, onDeleteRow, onCreateRow, onImport, onExport, onDeleteSelected]);
-  const effectiveActions = useMemo14(() => {
-    const result = [...actions];
+  const secureHandlers = useMemo14(() => {
+    const handlers = {
+      onEditRow: permissions.canUpdate.can ? onEditRow : void 0,
+      onDeleteRow: permissions.canDelete.can ? onDeleteRow : void 0,
+      onCreateRow: permissions.canCreate.can ? onCreateRow : void 0,
+      onImport: permissions.canImport.can ? onImport : void 0,
+      onExport: permissions.canExport.can ? onExport : void 0,
+      onDeleteSelected: permissions.canDelete.can ? onDeleteSelected : void 0
+    };
     if (import.meta.env.MODE === "development") {
-      console.log("[DataTable] Action Configuration Debug:", {
-        originalActions: actions.length,
-        secureFeatures: {
-          editing: secureFeatures.editing,
-          deletion: secureFeatures.deletion
-        },
-        secureHandlers: {
-          onEditRow: !!secureHandlers.onEditRow,
-          onDeleteRow: !!secureHandlers.onDeleteRow
-        },
-        permissions: {
-          canUpdate: permissions.canUpdate.can,
-          canDelete: permissions.canDelete.can
-        }
+      logger.debug("[DataTableCore] Creation 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
       });
     }
+    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"
+    });
+  }
+  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",
@@ -11958,7 +12083,7 @@ function DataTableInternal({
               variant: "default"
             });
           } catch (error) {
-            console.error("[DataTable] Delete error:", error);
+            logger.error("Delete error:", error);
             toast({
               title: "Delete Failed",
               description: error instanceof Error ? error.message : "Failed to delete row",
@@ -11972,13 +12097,11 @@ function DataTableInternal({
         hidden: !permissions.canDelete.can
       });
     }
-    if (import.meta.env.MODE === "development") {
-      console.log("[DataTable] Final Actions:", {
-        totalActions: result.length,
-        actionLabels: result.map((a) => a.label),
-        hiddenActions: result.filter((a) => a.hidden).map((a) => a.label)
-      });
-    }
+    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(() => {
@@ -11999,15 +12122,13 @@ function DataTableInternal({
   }), [state.pagination, effectivePageSize]);
   const tableStateSnapshot = useMemo14(() => {
     const normalizedColumnOrder = secureFeatures.selection && state.columnOrder.includes("select") ? ["select", ...state.columnOrder.filter((id) => id !== "select")] : state.columnOrder;
-    if (import.meta.env?.MODE === "development" && secureFeatures.selection) {
-      if (state.columnOrder[0] !== "select") {
-        console.warn("[DataTable] Column order normalized:", {
-          original: state.columnOrder,
-          normalized: normalizedColumnOrder,
-          firstColumnOriginal: state.columnOrder[0],
-          firstColumnNormalized: normalizedColumnOrder[0]
-        });
-      }
+    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,
@@ -12057,53 +12178,16 @@ function DataTableInternal({
     pageSize: effectivePageSize,
     hasServerSideConfig: !!serverSide
   });
-  useEffect12(() => {
-    console.log("[DataTable] \u{1F50D} Table Config Created:", {
-      finalTableDataLength: finalTableData.length,
-      configDataLength: tableConfig.data?.length || 0,
-      columnsCount: enhancedColumns.length,
-      finalPaginationMode,
-      hasServerSideConfig: !!serverSide,
-      manualPagination: tableConfig.manualPagination,
-      hasGetPaginationRowModel: !!tableConfig.getPaginationRowModel,
-      effectivePageSize,
-      paginationState: tableStateSnapshot.pagination
-    });
-  }, [finalTableData.length, tableConfig.data, tableConfig.manualPagination, tableConfig.getPaginationRowModel, finalPaginationMode, serverSide, effectivePageSize, tableStateSnapshot.pagination, enhancedColumns.length]);
   const table = useReactTable(tableConfig);
   useEffect12(() => {
     const rows = table.getRowModel().rows;
-    const coreRows = table.getCoreRowModel().rows;
-    const prePaginationRows = table.getPrePaginationRowModel?.()?.rows || [];
-    const filteredRows = table.getFilteredRowModel?.()?.rows || [];
-    const sortedRows = table.getSortedRowModel?.()?.rows || [];
-    const tableState = table.getState();
-    console.log("[DataTable] \u{1F50D} Table Created - Row Counts:", {
-      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
-    });
     if (rows.length === 0 && finalTableData.length > 0) {
-      console.warn("[DataTable] \u26A0\uFE0F CRITICAL: Table created but rows are empty!", {
+      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,
@@ -12128,32 +12212,24 @@ function DataTableInternal({
         effectivePageSize
       });
     }
-  }, [table, finalTableData.length, tableConfig, resolvedGetRowId, finalPaginationMode, serverSide, effectivePageSize]);
+  }, [table, finalTableData.length, tableConfig, resolvedGetRowId, finalPaginationMode, serverSide, effectivePageSize, logger]);
   if (!user) {
     throw new Error("DataTable requires authenticated user for RBAC");
   }
   if (permissions.canRead.isLoading) {
-    console.log("[DataTable] \u23F3 Permission check in progress - showing loading state");
     return /* @__PURE__ */ jsx24(LoadingComponent, {});
   }
   if (!permissions.canRead.can) {
-    console.warn("[DataTable] \u{1F6AB} Access denied - no read permission:", {
+    logger.warn("Access denied - no read permission:", {
       canRead: permissions.canRead,
       pageId: effectivePageId,
       isLoading: permissions.canRead.isLoading
     });
     return /* @__PURE__ */ jsx24(AccessDeniedPage, { resource: effectivePageId || "unknown-page", operation: "read" });
   }
-  console.log("[DataTable] \u2705 Permission check passed - rendering table");
   if (isLoading) {
-    console.log("[DataTable] \u23F3 Loading state - showing loading component");
     return /* @__PURE__ */ jsx24(LoadingComponent, {});
   }
-  console.log("[DataTable] \u{1F4CA} About to render table with data:", {
-    finalTableDataLength: finalTableData.length,
-    tableExists: !!table,
-    canGetRows: !!table?.getRowModel
-  });
   const PaginationComponent = enhancedPagination || finalPaginationMode !== "client" ? EnhancedPaginationControls : PaginationControls;
   const visibleColumns = table?.getVisibleFlatColumns() || [];
   const dataColumns = visibleColumns.filter(
@@ -12239,20 +12315,15 @@ function DataTableInternal({
                       description: `Data exported to ${filename}`,
                       variant: "default"
                     });
-                    if (import.meta.env.MODE === "development") {
-                      console.log("DataTable: Export completed successfully");
-                    }
+                    logger.debug("Export completed successfully");
                   } catch (error) {
-                    console.error("DataTable: Failed to export data:", error);
+                    logger.error("Failed to export data:", error);
                     const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
                     toast({
                       title: "Export Failed",
                       description: `Failed to export data: ${errorMessage}`,
                       variant: "destructive"
                     });
-                    if (import.meta.env.MODE === "development") {
-                      console.error("DataTable: Export error details:", error);
-                    }
                   }
                 }),
                 rowSelection,
@@ -12277,7 +12348,7 @@ function DataTableInternal({
                       variant: "default"
                     });
                   } catch (error) {
-                    console.error("[DataTable] Bulk delete error:", error);
+                    logger.error("Bulk delete error:", error);
                     toast({
                       title: "Delete Failed",
                       description: error instanceof Error ? error.message : "Failed to delete selected rows",
@@ -12456,19 +12527,19 @@ function DataTableInternal({
         onImport: async (data2) => {
           if (onImport) {
             try {
-              console.log("[DataTableCore] onImport called with", data2.length, "rows");
+              logger.debug("onImport called with", data2.length, "rows");
               const result = onImport(data2);
               if (result && typeof result.then === "function") {
                 await result;
               }
-              console.log("[DataTableCore] onImport completed successfully");
+              logger.debug("onImport completed successfully");
               toast({
                 title: "Import Successful",
                 description: `Successfully imported ${data2.length} ${data2.length === 1 ? "row" : "rows"}`,
                 variant: "default"
               });
             } catch (error) {
-              console.error("[DataTableCore] Import error:", error);
+              logger.error("Import error:", error);
               toast({
                 title: "Import Failed",
                 description: error instanceof Error ? error.message : "Failed to import data",
@@ -12477,7 +12548,7 @@ function DataTableInternal({
               return;
             }
           } else {
-            console.error("[DataTableCore] onImport handler not provided");
+            logger.error("onImport handler not provided");
             toast({
               title: "Import Not Configured",
               description: "Import functionality requires an onImport handler to be provided.",
@@ -12507,11 +12578,6 @@ import { jsx as jsx25 } from "react/jsx-runtime";
 function DataTable(props) {
   const logger = React20.useMemo(() => createLogger("DataTable"), []);
   const { features, ...rest } = props;
-  console.log("[DataTable] \u{1F3AF} DataTable WRAPPER called:", {
-    dataLength: props.data?.length || 0,
-    columnsCount: props.columns?.length || 0,
-    pageName: props.rbac?.pageName || props.rbac?.pageId
-  });
   const normalizedFeatures = React20.useMemo(
     () => normalizeDataTableFeatures(features),
     [features]
@@ -12741,4 +12807,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-HFBOFZ3Z.js.map
+//# sourceMappingURL=chunk-GBGYYMC6.js.map