@burdenoff/microfe-bigconsole 2026.624.1 → 2026.624.2

package/dist/bigconsole/components/widgets/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableHeader.tsx"],"sourcesContent":["/**\n * TableHeader Component\n *\n * Sortable table header with column definitions. In edit mode it also supports\n * interactive column resize (drag the right border) and reorder (drag the grip\n * handle), each surfaced through callbacks the parent persists to widget config.\n */\n\nimport { type FC, memo, useCallback, useEffect, useRef, useState } from 'react';\nimport { GripVertical } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ColumnDefinition {\n  /** Unique key for the column */\n  key: string;\n  /** Display header text */\n  header: string;\n  /** Whether column is sortable */\n  sortable?: boolean;\n  /** Column width (CSS value) */\n  width?: string;\n  /** Text alignment */\n  align?: 'left' | 'center' | 'right';\n}\n\nexport type SortDirection = 'asc' | 'desc' | null;\n\nexport interface SortState {\n  column: string | null;\n  direction: SortDirection;\n}\n\nexport interface TableHeaderProps {\n  /** Column definitions */\n  columns: ColumnDefinition[];\n  /** Current sort state */\n  sortState: SortState;\n  /** Callback when sort changes */\n  onSort: (column: string) => void;\n  /** Whether header is sticky */\n  sticky?: boolean;\n  /** column key → sticky-left px offset for frozen leading columns */\n  frozenLefts?: Record<string, number>;\n  /** Enable interactive resize + reorder (edit mode). */\n  editable?: boolean;\n  /** Called on every resize move with the in-progress width (px) for live feedback. */\n  onColumnResize?: (key: string, widthPx: number) => void;\n  /** Called once when a resize drag ends with the final width (px) — parent persists. */\n  onColumnResizeEnd?: (key: string, widthPx: number) => void;\n  /** Called when a column is dropped onto another to reorder — parent persists. */\n  onColumnReorder?: (sourceKey: string, targetKey: string) => void;\n}\n\nconst MIN_COLUMN_WIDTH = 60;\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableHeader: FC<TableHeaderProps> = memo(function TableHeader({\n  columns,\n  sortState,\n  onSort,\n  sticky = true,\n  frozenLefts,\n  editable = false,\n  onColumnResize,\n  onColumnResizeEnd,\n  onColumnReorder,\n}) {\n  const handleSort = useCallback(\n    (column: ColumnDefinition) => {\n      if (column.sortable !== false) {\n        onSort(column.key);\n      }\n    },\n    [onSort]\n  );\n\n  // Refs to each <th> so a resize drag can read its current rendered width.\n  const thRefs = useRef<Record<string, HTMLTableCellElement | null>>({});\n  // Key being resized — disabled drag-reorder while resizing, and used for cursor.\n  const [resizingKey, setResizingKey] = useState<string | null>(null);\n  const [dragOverKey, setDragOverKey] = useState<string | null>(null);\n  const dragSourceKey = useRef<string | null>(null);\n  // Removes the active resize window-listeners; set during a drag, called on\n  // pointer-up and on unmount so a drag interrupted by unmount can't leak.\n  const teardownResizeRef = useRef<(() => void) | null>(null);\n\n  // Start a resize drag from the right-border handle. Uses window listeners so\n  // the pointer can leave the (narrow) handle without dropping the gesture.\n  const startResize = useCallback(\n    (key: string, startEvent: React.PointerEvent) => {\n      startEvent.preventDefault();\n      startEvent.stopPropagation();\n      const th = thRefs.current[key];\n      const startWidth = th ? th.offsetWidth : MIN_COLUMN_WIDTH;\n      const startX = startEvent.clientX;\n      setResizingKey(key);\n\n      let lastWidth = startWidth;\n      const onMove = (e: PointerEvent) => {\n        lastWidth = Math.max(MIN_COLUMN_WIDTH, Math.round(startWidth + (e.clientX - startX)));\n        onColumnResize?.(key, lastWidth);\n      };\n      const teardown = () => {\n        window.removeEventListener('pointermove', onMove);\n        window.removeEventListener('pointerup', onUp);\n        teardownResizeRef.current = null;\n      };\n      const onUp = () => {\n        teardown();\n        setResizingKey(null);\n        onColumnResizeEnd?.(key, lastWidth);\n      };\n      teardownResizeRef.current = teardown;\n      window.addEventListener('pointermove', onMove);\n      window.addEventListener('pointerup', onUp);\n    },\n    [onColumnResize, onColumnResizeEnd]\n  );\n\n  // Detach any in-progress resize listeners if the header unmounts mid-drag.\n  useEffect(() => () => teardownResizeRef.current?.(), []);\n\n  const getSortIcon = (column: ColumnDefinition) => {\n    if (column.sortable === false) return null;\n\n    const isActive = sortState.column === column.key;\n    const direction = isActive ? sortState.direction : null;\n\n    return (\n      <span className=\"inline-flex ml-1\">\n        {direction === 'asc' && (\n          <svg className=\"w-4 h-4 text-action-primary-bg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 15l7-7 7 7\" />\n          </svg>\n        )}\n        {direction === 'desc' && (\n          <svg className=\"w-4 h-4 text-action-primary-bg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        )}\n        {!direction && (\n          <svg\n            className=\"w-4 h-4 text-text-secondary opacity-0 group-hover:opacity-100\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\"\n            />\n          </svg>\n        )}\n      </span>\n    );\n  };\n\n  return (\n    <thead\n      className={`\n        bg-bg-muted\n        ${sticky ? 'sticky top-0 z-10' : ''}\n      `}\n    >\n      <tr>\n        {columns.map((column) => {\n          const frozen = frozenLefts?.[column.key];\n          // Width (incl. live resize overrides) is baked into column.width by the parent.\n          const width = column.width;\n          const reorderable = editable && !!onColumnReorder && resizingKey === null;\n          const isDropTarget = dragOverKey === column.key && dragSourceKey.current !== column.key;\n          return (\n            <th\n              key={column.key}\n              ref={(el) => {\n                thRefs.current[column.key] = el;\n              }}\n              draggable={reorderable}\n              onDragStart={\n                reorderable\n                  ? (e) => {\n                      dragSourceKey.current = column.key;\n                      e.dataTransfer.effectAllowed = 'move';\n                      // Some browsers require data to be set for a drag to start.\n                      e.dataTransfer.setData('text/plain', column.key);\n                    }\n                  : undefined\n              }\n              onDragOver={\n                editable && onColumnReorder\n                  ? (e) => {\n                      if (dragSourceKey.current && dragSourceKey.current !== column.key) {\n                        e.preventDefault();\n                        e.dataTransfer.dropEffect = 'move';\n                        if (dragOverKey !== column.key) setDragOverKey(column.key);\n                      }\n                    }\n                  : undefined\n              }\n              onDragLeave={\n                editable && onColumnReorder\n                  ? () => {\n                      if (dragOverKey === column.key) setDragOverKey(null);\n                    }\n                  : undefined\n              }\n              onDrop={\n                editable && onColumnReorder\n                  ? (e) => {\n                      e.preventDefault();\n                      const source = dragSourceKey.current;\n                      dragSourceKey.current = null;\n                      setDragOverKey(null);\n                      if (source && source !== column.key) {\n                        onColumnReorder(source, column.key);\n                      }\n                    }\n                  : undefined\n              }\n              onDragEnd={\n                reorderable\n                  ? () => {\n                      dragSourceKey.current = null;\n                      setDragOverKey(null);\n                    }\n                  : undefined\n              }\n              className={`\n              relative px-4 py-3\n              text-xs font-semibold uppercase tracking-wider\n              text-text-secondary\n              border-b border-border-default\n              ${column.sortable !== false ? 'cursor-pointer select-none group hover:bg-bg-surface' : ''}\n              ${column.align === 'center' ? 'text-center' : ''}\n              ${column.align === 'right' ? 'text-right' : 'text-left'}\n              ${frozen != null ? 'sticky z-20 bg-bg-muted' : ''}\n              ${isDropTarget ? 'border-l-2 border-l-action-primary-bg' : ''}\n            `}\n              style={frozen != null ? { width, left: frozen } : { width }}\n              onClick={() => handleSort(column)}\n              role={column.sortable !== false ? 'button' : undefined}\n              tabIndex={column.sortable !== false ? 0 : undefined}\n              onKeyDown={(e) => {\n                if (column.sortable !== false && (e.key === 'Enter' || e.key === ' ')) {\n                  e.preventDefault();\n                  handleSort(column);\n                }\n              }}\n              aria-sort={\n                sortState.column === column.key\n                  ? sortState.direction === 'asc'\n                    ? 'ascending'\n                    : 'descending'\n                  : undefined\n              }\n            >\n              <div className=\"inline-flex items-center\">\n                {editable && onColumnReorder && (\n                  // Reorder grip — its own drag surface so dragging it (not the\n                  // label) starts a reorder, leaving the label click free to sort.\n                  <span\n                    className=\"mr-1 -ml-1 cursor-grab text-text-tertiary opacity-0 group-hover:opacity-100\"\n                    onClick={(e) => e.stopPropagation()}\n                    aria-hidden=\"true\"\n                    title=\"Drag to reorder column\"\n                  >\n                    <GripVertical className=\"w-3.5 h-3.5\" />\n                  </span>\n                )}\n                {column.header}\n                {getSortIcon(column)}\n              </div>\n              {editable && onColumnResize && (\n                // Resize handle on the right border. Pointer-only; stops the sort\n                // click and the reorder drag from firing.\n                <span\n                  role=\"separator\"\n                  aria-orientation=\"vertical\"\n                  aria-label={`Resize ${column.header} column`}\n                  className={`\n                    absolute top-0 right-0 z-30 h-full w-1.5\n                    cursor-col-resize select-none\n                    hover:bg-action-primary-bg/40\n                    ${resizingKey === column.key ? 'bg-action-primary-bg/60' : ''}\n                  `}\n                  onPointerDown={(e) => startResize(column.key, e)}\n                  onClick={(e) => e.stopPropagation()}\n                  draggable={false}\n                />\n              )}\n            </th>\n          );\n        })}\n      </tr>\n    </thead>\n  );\n});\n\nexport default TableHeader;\n"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableHeader.tsx"],"sourcesContent":["/**\n * TableHeader Component\n *\n * Sortable table header with column definitions. In edit mode it also supports\n * interactive column resize (drag the right border) and reorder (drag the grip\n * handle), each surfaced through callbacks the parent persists to widget config.\n */\n\nimport { type FC, memo, useCallback, useEffect, useRef, useState } from 'react';\nimport { GripVertical } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ColumnDefinition {\n  /** Unique key for the column */\n  key: string;\n  /** Display header text */\n  header: string;\n  /** Whether column is sortable */\n  sortable?: boolean;\n  /** Column width (CSS value) */\n  width?: string;\n  /** Text alignment */\n  align?: 'left' | 'center' | 'right';\n}\n\nexport type SortDirection = 'asc' | 'desc' | null;\n\nexport interface SortState {\n  column: string | null;\n  direction: SortDirection;\n}\n\nexport interface TableHeaderProps {\n  /** Column definitions */\n  columns: ColumnDefinition[];\n  /** Current sort state */\n  sortState: SortState;\n  /** Callback when sort changes */\n  onSort: (column: string) => void;\n  /** Whether header is sticky */\n  sticky?: boolean;\n  /** column key → sticky-left px offset for frozen leading columns */\n  frozenLefts?: Record<string, number>;\n  /** Enable interactive resize + reorder (edit mode). */\n  editable?: boolean;\n  /** Called on every resize move with the in-progress width (px) for live feedback. */\n  onColumnResize?: (key: string, widthPx: number) => void;\n  /** Called once when a resize drag ends with the final width (px) — parent persists. */\n  onColumnResizeEnd?: (key: string, widthPx: number) => void;\n  /** Called when a column is dropped onto another to reorder — parent persists. */\n  onColumnReorder?: (sourceKey: string, targetKey: string) => void;\n}\n\nconst MIN_COLUMN_WIDTH = 60;\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableHeader: FC<TableHeaderProps> = memo(function TableHeader({\n  columns,\n  sortState,\n  onSort,\n  sticky = true,\n  frozenLefts,\n  editable = false,\n  onColumnResize,\n  onColumnResizeEnd,\n  onColumnReorder,\n}) {\n  const handleSort = useCallback(\n    (column: ColumnDefinition) => {\n      if (column.sortable !== false) {\n        onSort(column.key);\n      }\n    },\n    [onSort]\n  );\n\n  // Refs to each <th> so a resize drag can read its current rendered width.\n  const thRefs = useRef<Record<string, HTMLTableCellElement | null>>({});\n  // Key being resized — disabled drag-reorder while resizing, and used for cursor.\n  const [resizingKey, setResizingKey] = useState<string | null>(null);\n  const [dragOverKey, setDragOverKey] = useState<string | null>(null);\n  const dragSourceKey = useRef<string | null>(null);\n  // Removes the active resize window-listeners; set during a drag, called on\n  // pointer-up and on unmount so a drag interrupted by unmount can't leak.\n  const teardownResizeRef = useRef<(() => void) | null>(null);\n\n  // Start a resize drag from the right-border handle. Uses window listeners so\n  // the pointer can leave the (narrow) handle without dropping the gesture.\n  const startResize = useCallback(\n    (key: string, startEvent: React.PointerEvent) => {\n      startEvent.preventDefault();\n      startEvent.stopPropagation();\n      const th = thRefs.current[key];\n      const startWidth = th ? th.offsetWidth : MIN_COLUMN_WIDTH;\n      const startX = startEvent.clientX;\n      setResizingKey(key);\n\n      let lastWidth = startWidth;\n      const onMove = (e: PointerEvent) => {\n        lastWidth = Math.max(MIN_COLUMN_WIDTH, Math.round(startWidth + (e.clientX - startX)));\n        onColumnResize?.(key, lastWidth);\n      };\n      const teardown = () => {\n        window.removeEventListener('pointermove', onMove);\n        window.removeEventListener('pointerup', onUp);\n        teardownResizeRef.current = null;\n      };\n      const onUp = () => {\n        teardown();\n        setResizingKey(null);\n        onColumnResizeEnd?.(key, lastWidth);\n      };\n      teardownResizeRef.current = teardown;\n      window.addEventListener('pointermove', onMove);\n      window.addEventListener('pointerup', onUp);\n    },\n    [onColumnResize, onColumnResizeEnd]\n  );\n\n  // Detach any in-progress resize listeners if the header unmounts mid-drag.\n  useEffect(() => () => teardownResizeRef.current?.(), []);\n\n  const getSortIcon = (column: ColumnDefinition) => {\n    if (column.sortable === false) return null;\n\n    const isActive = sortState.column === column.key;\n    const direction = isActive ? sortState.direction : null;\n\n    return (\n      <span className=\"inline-flex ml-1\">\n        {direction === 'asc' && (\n          <svg className=\"w-4 h-4 text-action-primary-bg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 15l7-7 7 7\" />\n          </svg>\n        )}\n        {direction === 'desc' && (\n          <svg className=\"w-4 h-4 text-action-primary-bg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        )}\n        {!direction && (\n          <svg\n            className=\"w-4 h-4 text-text-secondary opacity-0 group-hover:opacity-100\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\"\n            />\n          </svg>\n        )}\n      </span>\n    );\n  };\n\n  return (\n    <thead\n      className={`\n        bg-bg-sunken\n        ${sticky ? 'sticky top-0 z-10' : ''}\n      `}\n    >\n      <tr>\n        {columns.map((column) => {\n          const frozen = frozenLefts?.[column.key];\n          // Width (incl. live resize overrides) is baked into column.width by the parent.\n          const width = column.width;\n          const reorderable = editable && !!onColumnReorder && resizingKey === null;\n          const isDropTarget = dragOverKey === column.key && dragSourceKey.current !== column.key;\n          return (\n            <th\n              key={column.key}\n              ref={(el) => {\n                thRefs.current[column.key] = el;\n              }}\n              draggable={reorderable}\n              onDragStart={\n                reorderable\n                  ? (e) => {\n                      dragSourceKey.current = column.key;\n                      e.dataTransfer.effectAllowed = 'move';\n                      // Some browsers require data to be set for a drag to start.\n                      e.dataTransfer.setData('text/plain', column.key);\n                    }\n                  : undefined\n              }\n              onDragOver={\n                editable && onColumnReorder\n                  ? (e) => {\n                      if (dragSourceKey.current && dragSourceKey.current !== column.key) {\n                        e.preventDefault();\n                        e.dataTransfer.dropEffect = 'move';\n                        if (dragOverKey !== column.key) setDragOverKey(column.key);\n                      }\n                    }\n                  : undefined\n              }\n              onDragLeave={\n                editable && onColumnReorder\n                  ? () => {\n                      if (dragOverKey === column.key) setDragOverKey(null);\n                    }\n                  : undefined\n              }\n              onDrop={\n                editable && onColumnReorder\n                  ? (e) => {\n                      e.preventDefault();\n                      const source = dragSourceKey.current;\n                      dragSourceKey.current = null;\n                      setDragOverKey(null);\n                      if (source && source !== column.key) {\n                        onColumnReorder(source, column.key);\n                      }\n                    }\n                  : undefined\n              }\n              onDragEnd={\n                reorderable\n                  ? () => {\n                      dragSourceKey.current = null;\n                      setDragOverKey(null);\n                    }\n                  : undefined\n              }\n              className={`\n              relative px-4 py-3\n              text-xs font-semibold uppercase tracking-wider\n              text-text-secondary\n              border-b border-border-default\n              ${column.sortable !== false ? 'cursor-pointer select-none group hover:bg-bg-surface' : ''}\n              ${column.align === 'center' ? 'text-center' : ''}\n              ${column.align === 'right' ? 'text-right' : 'text-left'}\n              ${frozen != null ? 'sticky z-20 bg-bg-sunken' : ''}\n              ${isDropTarget ? 'border-l-2 border-l-action-primary-bg' : ''}\n            `}\n              style={frozen != null ? { width, left: frozen } : { width }}\n              onClick={() => handleSort(column)}\n              role={column.sortable !== false ? 'button' : undefined}\n              tabIndex={column.sortable !== false ? 0 : undefined}\n              onKeyDown={(e) => {\n                if (column.sortable !== false && (e.key === 'Enter' || e.key === ' ')) {\n                  e.preventDefault();\n                  handleSort(column);\n                }\n              }}\n              aria-sort={\n                sortState.column === column.key\n                  ? sortState.direction === 'asc'\n                    ? 'ascending'\n                    : 'descending'\n                  : undefined\n              }\n            >\n              <div className=\"inline-flex items-center\">\n                {editable && onColumnReorder && (\n                  // Reorder grip — its own drag surface so dragging it (not the\n                  // label) starts a reorder, leaving the label click free to sort.\n                  <span\n                    className=\"mr-1 -ml-1 cursor-grab text-text-tertiary opacity-0 group-hover:opacity-100\"\n                    onClick={(e) => e.stopPropagation()}\n                    aria-hidden=\"true\"\n                    title=\"Drag to reorder column\"\n                  >\n                    <GripVertical className=\"w-3.5 h-3.5\" />\n                  </span>\n                )}\n                {column.header}\n                {getSortIcon(column)}\n              </div>\n              {editable && onColumnResize && (\n                // Resize handle on the right border. Pointer-only; stops the sort\n                // click and the reorder drag from firing.\n                <span\n                  role=\"separator\"\n                  aria-orientation=\"vertical\"\n                  aria-label={`Resize ${column.header} column`}\n                  className={`\n                    absolute top-0 right-0 z-30 h-full w-1.5\n                    cursor-col-resize select-none\n                    hover:bg-action-primary-bg/40\n                    ${resizingKey === column.key ? 'bg-action-primary-bg/60' : ''}\n                  `}\n                  onPointerDown={(e) => startResize(column.key, e)}\n                  onClick={(e) => e.stopPropagation()}\n                  draggable={false}\n                />\n              )}\n            </th>\n          );\n        })}\n      </tr>\n    </thead>\n  );\n});\n\nexport default TableHeader;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/table/TablePagination.js

@@ -68,7 +68,7 @@ var i = e(function({ pagination: e, onPageChange: i, onPageSizeChange: a, pageSi
 						type: "button",
 						onClick: h,
 						disabled: s === 0,
-						className: "\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-muted\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              ",
+						className: "\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-sunken\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              ",
 						title: "First page",
 						children: /* @__PURE__ */ n("svg", {
 							className: "w-4 h-4",
@@ -87,7 +87,7 @@ var i = e(function({ pagination: e, onPageChange: i, onPageSizeChange: a, pageSi
 						type: "button",
 						onClick: p,
 						disabled: s === 0,
-						className: "\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-muted\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              ",
+						className: "\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-sunken\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              ",
 						title: "Previous page",
 						children: /* @__PURE__ */ n("svg", {
 							className: "w-4 h-4",
@@ -121,7 +121,7 @@ var i = e(function({ pagination: e, onPageChange: i, onPageSizeChange: a, pageSi
 						type: "button",
 						onClick: m,
 						disabled: s >= u - 1,
-						className: "\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-muted\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              ",
+						className: "\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-sunken\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              ",
 						title: "Next page",
 						children: /* @__PURE__ */ n("svg", {
 							className: "w-4 h-4",
@@ -140,7 +140,7 @@ var i = e(function({ pagination: e, onPageChange: i, onPageSizeChange: a, pageSi
 						type: "button",
 						onClick: g,
 						disabled: s >= u - 1,
-						className: "\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-muted\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              ",
+						className: "\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-sunken\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              ",
 						title: "Last page",
 						children: /* @__PURE__ */ n("svg", {
 							className: "w-4 h-4",

package/dist/bigconsole/components/widgets/table/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TablePagination.tsx"],"sourcesContent":["/**\n * TablePagination Component\n *\n * Pagination controls for table widget.\n */\n\nimport { type FC, memo, useCallback } from 'react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface PaginationState {\n  /** Current page (0-indexed) */\n  page: number;\n  /** Items per page */\n  pageSize: number;\n  /** Total number of items */\n  totalItems: number;\n}\n\nexport interface TablePaginationProps {\n  /** Pagination state */\n  pagination: PaginationState;\n  /** Callback when page changes */\n  onPageChange: (page: number) => void;\n  /** Callback when page size changes */\n  onPageSizeChange: (pageSize: number) => void;\n  /** Available page size options */\n  pageSizeOptions?: number[];\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TablePagination: FC<TablePaginationProps> = memo(function TablePagination({\n  pagination,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = [10, 25, 50, 100],\n}) {\n  const { page, pageSize, totalItems } = pagination;\n  const totalPages = Math.ceil(totalItems / pageSize);\n  const startItem = page * pageSize + 1;\n  const endItem = Math.min((page + 1) * pageSize, totalItems);\n\n  const handlePrevious = useCallback(() => {\n    if (page > 0) {\n      onPageChange(page - 1);\n    }\n  }, [page, onPageChange]);\n\n  const handleNext = useCallback(() => {\n    if (page < totalPages - 1) {\n      onPageChange(page + 1);\n    }\n  }, [page, totalPages, onPageChange]);\n\n  const handleFirst = useCallback(() => {\n    onPageChange(0);\n  }, [onPageChange]);\n\n  const handleLast = useCallback(() => {\n    onPageChange(totalPages - 1);\n  }, [totalPages, onPageChange]);\n\n  const handlePageSizeChange = useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) => {\n      onPageSizeChange(Number(event.target.value));\n      onPageChange(0); // Reset to first page\n    },\n    [onPageSizeChange, onPageChange]\n  );\n\n  if (totalItems === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"\n          flex items-center justify-between\n          px-4 py-3\n          border-t border-border-default\n          bg-bg-surface\n        \"\n    >\n      {/* Items info */}\n      <div className=\"text-sm text-text-secondary\">\n        Showing <span className=\"font-medium\">{startItem}</span> to <span className=\"font-medium\">{endItem}</span> of{' '}\n        <span className=\"font-medium\">{totalItems}</span> results\n      </div>\n\n      {/* Controls */}\n      <div className=\"flex items-center gap-4\">\n        {/* Page size selector */}\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm text-text-secondary\">Show:</span>\n          <select\n            value={pageSize}\n            onChange={handlePageSizeChange}\n            className=\"\n                px-2 py-1\n                text-sm text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n              \"\n          >\n            {pageSizeOptions.map((size) => (\n              <option key={size} value={size}>\n                {size}\n              </option>\n            ))}\n          </select>\n        </div>\n\n        {/* Navigation buttons */}\n        <div className=\"flex items-center gap-1\">\n          {/* First */}\n          <button\n            type=\"button\"\n            onClick={handleFirst}\n            disabled={page === 0}\n            className=\"\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-muted\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              \"\n            title=\"First page\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M11 19l-7-7 7-7m8 14l-7-7 7-7\" />\n            </svg>\n          </button>\n\n          {/* Previous */}\n          <button\n            type=\"button\"\n            onClick={handlePrevious}\n            disabled={page === 0}\n            className=\"\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-muted\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              \"\n            title=\"Previous page\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n            </svg>\n          </button>\n\n          {/* Page indicator */}\n          <span className=\"px-3 text-sm text-text-primary\">\n            Page <span className=\"font-medium\">{page + 1}</span> of <span className=\"font-medium\">{totalPages}</span>\n          </span>\n\n          {/* Next */}\n          <button\n            type=\"button\"\n            onClick={handleNext}\n            disabled={page >= totalPages - 1}\n            className=\"\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-muted\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              \"\n            title=\"Next page\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n            </svg>\n          </button>\n\n          {/* Last */}\n          <button\n            type=\"button\"\n            onClick={handleLast}\n            disabled={page >= totalPages - 1}\n            className=\"\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-muted\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              \"\n            title=\"Last page\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 5l7 7-7 7M5 5l7 7-7 7\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default TablePagination;\n"],"mappings":"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"}
+{"version":3,"file":"TablePagination.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TablePagination.tsx"],"sourcesContent":["/**\n * TablePagination Component\n *\n * Pagination controls for table widget.\n */\n\nimport { type FC, memo, useCallback } from 'react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface PaginationState {\n  /** Current page (0-indexed) */\n  page: number;\n  /** Items per page */\n  pageSize: number;\n  /** Total number of items */\n  totalItems: number;\n}\n\nexport interface TablePaginationProps {\n  /** Pagination state */\n  pagination: PaginationState;\n  /** Callback when page changes */\n  onPageChange: (page: number) => void;\n  /** Callback when page size changes */\n  onPageSizeChange: (pageSize: number) => void;\n  /** Available page size options */\n  pageSizeOptions?: number[];\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TablePagination: FC<TablePaginationProps> = memo(function TablePagination({\n  pagination,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = [10, 25, 50, 100],\n}) {\n  const { page, pageSize, totalItems } = pagination;\n  const totalPages = Math.ceil(totalItems / pageSize);\n  const startItem = page * pageSize + 1;\n  const endItem = Math.min((page + 1) * pageSize, totalItems);\n\n  const handlePrevious = useCallback(() => {\n    if (page > 0) {\n      onPageChange(page - 1);\n    }\n  }, [page, onPageChange]);\n\n  const handleNext = useCallback(() => {\n    if (page < totalPages - 1) {\n      onPageChange(page + 1);\n    }\n  }, [page, totalPages, onPageChange]);\n\n  const handleFirst = useCallback(() => {\n    onPageChange(0);\n  }, [onPageChange]);\n\n  const handleLast = useCallback(() => {\n    onPageChange(totalPages - 1);\n  }, [totalPages, onPageChange]);\n\n  const handlePageSizeChange = useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) => {\n      onPageSizeChange(Number(event.target.value));\n      onPageChange(0); // Reset to first page\n    },\n    [onPageSizeChange, onPageChange]\n  );\n\n  if (totalItems === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"\n          flex items-center justify-between\n          px-4 py-3\n          border-t border-border-default\n          bg-bg-surface\n        \"\n    >\n      {/* Items info */}\n      <div className=\"text-sm text-text-secondary\">\n        Showing <span className=\"font-medium\">{startItem}</span> to <span className=\"font-medium\">{endItem}</span> of{' '}\n        <span className=\"font-medium\">{totalItems}</span> results\n      </div>\n\n      {/* Controls */}\n      <div className=\"flex items-center gap-4\">\n        {/* Page size selector */}\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm text-text-secondary\">Show:</span>\n          <select\n            value={pageSize}\n            onChange={handlePageSizeChange}\n            className=\"\n                px-2 py-1\n                text-sm text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n              \"\n          >\n            {pageSizeOptions.map((size) => (\n              <option key={size} value={size}>\n                {size}\n              </option>\n            ))}\n          </select>\n        </div>\n\n        {/* Navigation buttons */}\n        <div className=\"flex items-center gap-1\">\n          {/* First */}\n          <button\n            type=\"button\"\n            onClick={handleFirst}\n            disabled={page === 0}\n            className=\"\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-sunken\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              \"\n            title=\"First page\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M11 19l-7-7 7-7m8 14l-7-7 7-7\" />\n            </svg>\n          </button>\n\n          {/* Previous */}\n          <button\n            type=\"button\"\n            onClick={handlePrevious}\n            disabled={page === 0}\n            className=\"\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-sunken\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              \"\n            title=\"Previous page\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n            </svg>\n          </button>\n\n          {/* Page indicator */}\n          <span className=\"px-3 text-sm text-text-primary\">\n            Page <span className=\"font-medium\">{page + 1}</span> of <span className=\"font-medium\">{totalPages}</span>\n          </span>\n\n          {/* Next */}\n          <button\n            type=\"button\"\n            onClick={handleNext}\n            disabled={page >= totalPages - 1}\n            className=\"\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-sunken\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              \"\n            title=\"Next page\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n            </svg>\n          </button>\n\n          {/* Last */}\n          <button\n            type=\"button\"\n            onClick={handleLast}\n            disabled={page >= totalPages - 1}\n            className=\"\n                p-1.5 rounded-md\n                text-text-secondary\n                hover:text-text-primary\n                hover:bg-bg-sunken\n                disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors\n              \"\n            title=\"Last page\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 5l7 7-7 7M5 5l7 7-7 7\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default TablePagination;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/table/TableWidget.js

@@ -368,7 +368,7 @@ var h = c(function({ widget: c, data: h = [], onRowClick: g, onDrilldown: _ }) {
 				}), v?.showExport !== !1 && /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: be,
-					className: "\n                inline-flex items-center gap-2\n                px-3 py-2\n                text-sm font-medium\n                text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                hover:bg-bg-muted\n                transition-colors\n              ",
+					className: "\n                inline-flex items-center gap-2\n                px-3 py-2\n                text-sm font-medium\n                text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                hover:bg-bg-sunken\n                transition-colors\n              ",
 					children: [/* @__PURE__ */ f("svg", {
 						className: "w-4 h-4",
 						fill: "none",
@@ -416,8 +416,8 @@ var h = c(function({ widget: c, data: h = [], onRowClick: g, onDrilldown: _ }) {
 								let n = he + t;
 								return /* @__PURE__ */ f("tr", {
 									className: `
-                    ${Se ? "cursor-pointer hover:bg-bg-muted/50" : ""}
-                    ${n % 2 == 0 ? "bg-bg-surface" : "bg-bg-muted/30"}
+                    ${Se ? "cursor-pointer hover:bg-bg-sunken/50" : ""}
+                    ${n % 2 == 0 ? "bg-bg-surface" : "bg-bg-sunken/30"}
                     ${i(e, z)}
                   `,
 									style: W ? { height: G } : void 0,
@@ -447,7 +447,7 @@ var h = c(function({ widget: c, data: h = [], onRowClick: g, onDrilldown: _ }) {
 							})
 						] }),
 						H && U.length > 0 && /* @__PURE__ */ f("tfoot", { children: /* @__PURE__ */ f("tr", {
-							className: "bg-bg-muted/50 font-semibold border-t-2 border-border-default",
+							className: "bg-bg-sunken/50 font-semibold border-t-2 border-border-default",
 							children: Q.map((e, t) => {
 								let n = de[e.key], r = I[e.key], i = $[e.key];
 								return /* @__PURE__ */ f("td", {
@@ -455,7 +455,7 @@ var h = c(function({ widget: c, data: h = [], onRowClick: g, onDrilldown: _ }) {
                         px-4 py-3 text-sm text-text-primary
                         ${e.align === "center" ? "text-center" : ""}
                         ${e.align === "right" ? "text-right" : "text-left"}
-                        ${i == null ? "" : "sticky z-10 bg-bg-muted"}
+                        ${i == null ? "" : "sticky z-10 bg-bg-sunken"}
                       `,
 									style: i == null ? void 0 : { left: i },
 									children: n == null ? t === 0 ? "Total" : "" : m(n, r?.type, r?.currency)

package/dist/bigconsole/components/widgets/table/TableWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableWidget.tsx"],"sourcesContent":["/**\n * TableWidget Component\n *\n * Data table with sorting, filtering, and pagination.\n */\n\nimport { type FC, memo, useState, useMemo, useCallback, useRef, useEffect } from 'react';\nimport type { Widget, TableConfig, TableColumnConfig } from '../../../types';\nimport { TableHeader, type ColumnDefinition, type SortState, type SortDirection } from './TableHeader';\nimport { TableCell, type CellFormatConfig, type CellChart } from './TableCell';\nimport { TablePagination, type PaginationState } from './TablePagination';\nimport { resolveRowClassName, type ConditionalRule } from '../utils/conditionalFormat';\n// Phase 2: Cross-filtering support\nimport { useWidgetCrossFilter, useCrossFilterContext } from '../../../contexts';\nimport { useIsEditMode } from '../../../store';\nimport { useWidgetConfigPersist } from '../../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TableWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** Table data (array of rows) */\n  data?: Record<string, unknown>[];\n  /** Click handler for row drilldown */\n  onRowClick?: (row: Record<string, unknown>, index: number) => void;\n  /** Drilldown handler - receives selected row data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction sortData(data: Record<string, unknown>[], sortState: SortState): Record<string, unknown>[] {\n  if (!sortState.column || !sortState.direction) {\n    return data;\n  }\n\n  return [...data].sort((a, b) => {\n    const aValue = a[sortState.column!];\n    const bValue = b[sortState.column!];\n\n    // Handle null/undefined\n    if (aValue == null && bValue == null) return 0;\n    if (aValue == null) return sortState.direction === 'asc' ? 1 : -1;\n    if (bValue == null) return sortState.direction === 'asc' ? -1 : 1;\n\n    // Compare values\n    let comparison = 0;\n    if (typeof aValue === 'number' && typeof bValue === 'number') {\n      comparison = aValue - bValue;\n    } else {\n      comparison = String(aValue).localeCompare(String(bValue));\n    }\n\n    return sortState.direction === 'asc' ? comparison : -comparison;\n  });\n}\n\nfunction filterData(\n  data: Record<string, unknown>[],\n  searchQuery: string,\n  columns: ColumnDefinition[]\n): Record<string, unknown>[] {\n  if (!searchQuery.trim()) {\n    return data;\n  }\n\n  const query = searchQuery.toLowerCase();\n  return data.filter((row) =>\n    columns.some((col) => {\n      const value = row[col.key];\n      return value != null && String(value).toLowerCase().includes(query);\n    })\n  );\n}\n\n/** Format a footer total respecting the column's cell format. */\nfunction formatTotal(value: number, formatType?: string, currency?: string): string {\n  switch (formatType) {\n    case 'currency':\n      return new Intl.NumberFormat('en-US', { style: 'currency', currency: currency || 'USD' }).format(value);\n    case 'percentage':\n      return `${(value * 100).toFixed(1)}%`;\n    case 'number':\n      return new Intl.NumberFormat('en-US').format(value);\n    default:\n      return Number.isInteger(value) ? String(value) : value.toFixed(2);\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableWidget: FC<TableWidgetProps> = memo(function TableWidget({\n  widget,\n  data: rawData = [],\n  onRowClick,\n  onDrilldown,\n}) {\n  const config = widget.config as unknown as TableConfig | undefined;\n\n  // Normalize data - handle both array and object formats\n  const data = useMemo(() => {\n    // If it's already an array, use it directly\n    if (Array.isArray(rawData)) {\n      return rawData;\n    }\n\n    // If it's an object, try to find an array property\n    if (rawData && typeof rawData === 'object') {\n      // Check common array property names\n      const possibleArrayProps = ['data', 'items', 'rows', 'results', 'records', 'list', 'sales', 'entries', 'values'];\n      for (const prop of possibleArrayProps) {\n        if (Array.isArray((rawData as Record<string, unknown>)[prop])) {\n          return (rawData as Record<string, unknown>)[prop] as Record<string, unknown>[];\n        }\n      }\n\n      // If object has array values, use the first one\n      const values = Object.values(rawData);\n      for (const value of values) {\n        if (Array.isArray(value)) {\n          return value as Record<string, unknown>[];\n        }\n      }\n\n      // If it's a single object, wrap it in an array\n      return [rawData as Record<string, unknown>];\n    }\n\n    return [];\n  }, [rawData]);\n\n  // Phase 2: Cross-filtering support\n  const { handleDataClick: triggerCrossFilter, enabled: crossFilterEnabled } = useWidgetCrossFilter(\n    widget.id,\n    // Map first column to filter ID by default, can be configured\n    config?.crossFilterMappings\n  );\n  const { clearAllCrossFilters, hasCrossFilters } = useCrossFilterContext();\n\n  // State\n  const [sortState, setSortState] = useState<SortState>({\n    column: config?.defaultSortColumn || null,\n    direction: (config?.defaultSortDirection as SortDirection) || null,\n  });\n  const [searchQuery, setSearchQuery] = useState('');\n  const [pagination, setPagination] = useState<PaginationState>({\n    page: 0,\n    pageSize: config?.pageSize || 10,\n    totalItems: 0,\n  });\n\n  // Interactive column resize/reorder (edit mode only). Local overrides give\n  // live feedback; the committed layout is persisted to config so it survives\n  // reload (see commitColumnLayout).\n  const isEditMode = useIsEditMode();\n  const { persistConfig } = useWidgetConfigPersist(widget);\n  const [widthOverrides, setWidthOverrides] = useState<Record<string, number>>({});\n  const [columnOrder, setColumnOrder] = useState<string[] | null>(null);\n\n  // Build column definitions from config or data\n  const baseColumns: ColumnDefinition[] = useMemo(() => {\n    if (config?.columns?.length) {\n      return (config.columns as (string | TableColumnConfig)[]).map((col) => {\n        // Handle both string and object column definitions\n        if (typeof col === 'string') {\n          return {\n            key: col,\n            header: col.charAt(0).toUpperCase() + col.slice(1).replace(/_/g, ' '),\n            sortable: true,\n          };\n        }\n        // Object column definition — accept both .key and .field\n        const fieldKey = col.key || col.field || '';\n        return {\n          key: fieldKey,\n          header: col.label || col.header || fieldKey,\n          sortable: col.sortable !== false,\n          width: col.width != null ? String(col.width) : undefined,\n          align: col.align as ColumnDefinition['align'],\n        };\n      }) as ColumnDefinition[];\n    }\n\n    // Auto-generate from first data row\n    if (data.length > 0) {\n      return Object.keys(data[0]).map((key) => ({\n        key,\n        header: key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, ' '),\n        sortable: true,\n      }));\n    }\n\n    return [];\n  }, [config?.columns, data]);\n\n  // Apply the live reorder + resize overrides on top of the base columns. Any\n  // column not named in columnOrder keeps its original relative position at the\n  // end (handles columns added since the order was set).\n  const columns: ColumnDefinition[] = useMemo(() => {\n    let cols = baseColumns;\n    if (columnOrder) {\n      const byKey = new Map(baseColumns.map((c) => [c.key, c]));\n      const ordered = columnOrder.map((k) => byKey.get(k)).filter((c): c is ColumnDefinition => c !== undefined);\n      const rest = baseColumns.filter((c) => !columnOrder.includes(c.key));\n      cols = [...ordered, ...rest];\n    }\n    if (Object.keys(widthOverrides).length > 0) {\n      cols = cols.map((c) => (widthOverrides[c.key] != null ? { ...c, width: `${widthOverrides[c.key]}px` } : c));\n    }\n    return cols;\n  }, [baseColumns, columnOrder, widthOverrides]);\n\n  // Persist the current column order + widths to config.columns. Builds explicit\n  // column objects (preserving any existing per-column config), which also pins\n  // a previously auto-generated column set so order/width survive reload.\n  const commitColumnLayout = useCallback(\n    (orderKeys: string[], widths: Record<string, number>) => {\n      const existing = new Map<string, TableColumnConfig>();\n      config?.columns?.forEach((c) => {\n        const k = c.key || c.field;\n        if (k) existing.set(k, c);\n      });\n      const baseKeys = baseColumns.map((c) => c.key);\n      const finalKeys = [\n        ...orderKeys.filter((k) => baseKeys.includes(k)),\n        ...baseKeys.filter((k) => !orderKeys.includes(k)),\n      ];\n      const newColumns: TableColumnConfig[] = finalKeys.map((key) => {\n        const base = baseColumns.find((c) => c.key === key);\n        const prev = existing.get(key);\n        const next: TableColumnConfig = { ...(prev ?? {}), key };\n        // Preserve a header label for columns that had none in config (auto-generated).\n        if (!next.label && !next.header && base?.header) next.label = base.header;\n        const w = widths[key];\n        if (w != null) next.width = w;\n        return next;\n      });\n      void persistConfig({ columns: newColumns });\n    },\n    [baseColumns, config?.columns, persistConfig]\n  );\n\n  const handleColumnResize = useCallback((key: string, widthPx: number) => {\n    setWidthOverrides((prev) => ({ ...prev, [key]: widthPx }));\n  }, []);\n\n  const handleColumnResizeEnd = useCallback(\n    (key: string, widthPx: number) => {\n      const widths = { ...widthOverrides, [key]: widthPx };\n      setWidthOverrides(widths);\n      const order = columnOrder ?? baseColumns.map((c) => c.key);\n      commitColumnLayout(order, widths);\n    },\n    [widthOverrides, columnOrder, baseColumns, commitColumnLayout]\n  );\n\n  const handleColumnReorder = useCallback(\n    (sourceKey: string, targetKey: string) => {\n      const current = columnOrder ?? baseColumns.map((c) => c.key);\n      const from = current.indexOf(sourceKey);\n      if (from < 0 || sourceKey === targetKey) return;\n      const next = [...current];\n      next.splice(from, 1);\n      // Insert before the target's *post-removal* index, so dropping onto a\n      // column always lands the source just before it regardless of direction.\n      const insertAt = next.indexOf(targetKey);\n      if (insertAt < 0) return;\n      next.splice(insertAt, 0, sourceKey);\n      setColumnOrder(next);\n      commitColumnLayout(next, widthOverrides);\n    },\n    [columnOrder, baseColumns, widthOverrides, commitColumnLayout]\n  );\n\n  // Build cell format configs\n  const cellFormats: Record<string, CellFormatConfig> = useMemo(() => {\n    const formats: Record<string, CellFormatConfig> = {};\n    config?.columns?.forEach((col) => {\n      if (col.format && (col.key || col.field)) {\n        formats[col.key || col.field || ''] = { type: col.format };\n      }\n    });\n    return formats;\n  }, [config?.columns]);\n\n  // Per-column in-cell chart kind (e.g. sparkline).\n  const columnCellCharts: Record<string, CellChart | undefined> = useMemo(() => {\n    const map: Record<string, CellChart | undefined> = {};\n    config?.columns?.forEach((col) => {\n      const fieldKey = col.key || col.field;\n      if (fieldKey && col.cellChart) {\n        map[fieldKey] = col.cellChart;\n      }\n    });\n    return map;\n  }, [config?.columns]);\n\n  // Per-column conditional rules (column-level overrides win over table-level).\n  const tableRules = config?.conditionalRules;\n  // Row-level conditional rules: tint the whole <tr> (escalation/breach rows).\n  const rowRules = config?.rowRules;\n  const columnRules: Record<string, ConditionalRule[] | undefined> = useMemo(() => {\n    const map: Record<string, ConditionalRule[] | undefined> = {};\n    config?.columns?.forEach((col) => {\n      const fieldKey = col.key || col.field;\n      if (fieldKey && col.conditionalRules?.length) {\n        map[fieldKey] = col.conditionalRules;\n      }\n    });\n    return map;\n  }, [config?.columns]);\n\n  // Per-column totals/aggregates for the footer row.\n  const columnTotals: Record<string, TableColumnConfig['total']> = useMemo(() => {\n    const map: Record<string, TableColumnConfig['total']> = {};\n    config?.columns?.forEach((col) => {\n      const fieldKey = col.key || col.field;\n      if (fieldKey && col.total && col.total !== 'none') {\n        map[fieldKey] = col.total;\n      }\n    });\n    return map;\n  }, [config?.columns]);\n\n  const hasTotals = config?.showTotals === true || Object.keys(columnTotals).length > 0;\n\n  // Process data: filter, sort, paginate\n  const processedData = useMemo(() => {\n    let result = data;\n\n    // Filter\n    if (config?.showSearch !== false) {\n      result = filterData(result, searchQuery, columns);\n    }\n\n    // Sort\n    result = sortData(result, sortState);\n\n    return result;\n  }, [data, searchQuery, sortState, columns, config?.showSearch]);\n\n  // Max absolute numeric value per column — scales in-cell data bars.\n  const dataBarMaxes: Record<string, number> = useMemo(() => {\n    const maxes: Record<string, number> = {};\n    for (const col of columns) {\n      let max = 0;\n      for (const row of processedData) {\n        const v = row[col.key];\n        if (typeof v === 'number' && Number.isFinite(v)) {\n          max = Math.max(max, Math.abs(v));\n        }\n      }\n      maxes[col.key] = max;\n    }\n    return maxes;\n  }, [columns, processedData]);\n\n  // Footer totals/aggregates per column (computed over the filtered set).\n  const footerTotals: Record<string, number | null> = useMemo(() => {\n    if (!hasTotals) return {};\n    const result: Record<string, number | null> = {};\n    for (const col of columns) {\n      const agg = columnTotals[col.key];\n      if (!agg) {\n        result[col.key] = null;\n        continue;\n      }\n      const nums = processedData\n        .map((row) => row[col.key])\n        .filter((v): v is number => typeof v === 'number' && Number.isFinite(v));\n      if (agg === 'count') {\n        result[col.key] = processedData.length;\n      } else if (nums.length === 0) {\n        result[col.key] = null;\n      } else if (agg === 'sum') {\n        result[col.key] = nums.reduce((a, b) => a + b, 0);\n      } else if (agg === 'avg') {\n        result[col.key] = nums.reduce((a, b) => a + b, 0) / nums.length;\n      } else if (agg === 'min') {\n        result[col.key] = Math.min(...nums);\n      } else if (agg === 'max') {\n        result[col.key] = Math.max(...nums);\n      } else {\n        result[col.key] = null;\n      }\n    }\n    return result;\n  }, [hasTotals, columns, columnTotals, processedData]);\n\n  // Update total items when data changes\n  useMemo(() => {\n    setPagination((prev) => ({\n      ...prev,\n      totalItems: processedData.length,\n    }));\n  }, [processedData.length]);\n\n  // Paginate\n  const paginatedData = useMemo(() => {\n    if (config?.showPagination === false) {\n      return processedData;\n    }\n    const start = pagination.page * pagination.pageSize;\n    return processedData.slice(start, start + pagination.pageSize);\n  }, [processedData, pagination, config?.showPagination]);\n\n  // ----------------------------------------------------------------------------\n  // Row virtualization (windowing) — render only the visible slice of a large\n  // dataset. Active when config.virtualized is set; bypasses pagination so the\n  // whole filtered set scrolls in one container. No external dependency: a fixed\n  // row height + top/bottom spacer rows reproduce the full scroll height.\n  // ----------------------------------------------------------------------------\n  const virtualized = config?.virtualized === true;\n  const rowHeight = config?.rowHeight && config.rowHeight > 0 ? config.rowHeight : 44;\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [viewportH, setViewportH] = useState(0);\n\n  useEffect(() => {\n    if (!virtualized) return undefined;\n    const el = scrollRef.current;\n    if (!el) return undefined;\n    setViewportH(el.clientHeight);\n    const ro =\n      typeof ResizeObserver !== 'undefined' ? new ResizeObserver(() => setViewportH(el.clientHeight)) : undefined;\n    ro?.observe(el);\n    return () => ro?.disconnect();\n  }, [virtualized]);\n\n  const OVERSCAN = 6;\n  const virtualWindow = useMemo(() => {\n    if (!virtualized) return null;\n    const total = processedData.length;\n    const visibleCount = viewportH > 0 ? Math.ceil(viewportH / rowHeight) : 20;\n    const startIndex = Math.max(0, Math.floor(scrollTop / rowHeight) - OVERSCAN);\n    const endIndex = Math.min(total, startIndex + visibleCount + OVERSCAN * 2);\n    return {\n      rows: processedData.slice(startIndex, endIndex),\n      topSpacer: startIndex * rowHeight,\n      bottomSpacer: Math.max(0, (total - endIndex) * rowHeight),\n      startIndex,\n    };\n  }, [virtualized, processedData, viewportH, scrollTop, rowHeight]);\n\n  // The rows actually rendered in <tbody>: windowed slice or the paginated page.\n  const renderRows = virtualized && virtualWindow ? virtualWindow.rows : paginatedData;\n  const rowBaseIndex = virtualized && virtualWindow ? virtualWindow.startIndex : 0;\n\n  // Sticky-left frozen columns: give the first N columns explicit widths so the\n  // header and body align, then compute each one's cumulative left offset.\n  const frozenCount = config?.frozenColumns && config.frozenColumns > 0 ? config.frozenColumns : 0;\n  const FROZEN_DEFAULT_W = 160;\n  const { displayColumns, frozenLefts } = useMemo(() => {\n    if (frozenCount <= 0) return { displayColumns: columns, frozenLefts: {} as Record<string, number> };\n    const lefts: Record<string, number> = {};\n    let cursor = 0;\n    const cols = columns.map((col, i) => {\n      if (i < frozenCount) {\n        const widthPx = col.width ? parseInt(col.width, 10) || FROZEN_DEFAULT_W : FROZEN_DEFAULT_W;\n        lefts[col.key] = cursor;\n        cursor += widthPx;\n        return { ...col, width: `${widthPx}px` };\n      }\n      return col;\n    });\n    return { displayColumns: cols, frozenLefts: lefts };\n  }, [columns, frozenCount]);\n\n  // Handlers\n  const handleSort = useCallback((column: string) => {\n    setSortState((prev) => {\n      if (prev.column !== column) {\n        return { column, direction: 'asc' };\n      }\n      const nextDirection: SortDirection = prev.direction === 'asc' ? 'desc' : prev.direction === 'desc' ? null : 'asc';\n      return {\n        column: nextDirection ? column : null,\n        direction: nextDirection,\n      };\n    });\n  }, []);\n\n  const handlePageChange = useCallback((page: number) => {\n    setPagination((prev) => ({ ...prev, page }));\n  }, []);\n\n  const handlePageSizeChange = useCallback((pageSize: number) => {\n    setPagination((prev) => ({ ...prev, pageSize, page: 0 }));\n  }, []);\n\n  const handleRowClick = useCallback(\n    (row: Record<string, unknown>, index: number) => {\n      // Trigger cross-filtering on row click when explicitly enabled via config\n      const hasCrossFilterConfig = config?.crossFilterMappings?.length || config?.enableCrossFilter;\n      if (crossFilterEnabled && hasCrossFilterConfig) {\n        const firstColumn = columns[0]?.key;\n        const label = firstColumn ? String(row[firstColumn]) : undefined;\n        triggerCrossFilter(row as Record<string, unknown>, label);\n      }\n\n      // Trigger drilldown if configured\n      if (onDrilldown) {\n        onDrilldown(row);\n      } else if (onRowClick && widget.drilldowns?.length) {\n        onRowClick(row, index);\n      }\n    },\n    [\n      onRowClick,\n      onDrilldown,\n      widget.drilldowns,\n      crossFilterEnabled,\n      triggerCrossFilter,\n      columns,\n      config?.crossFilterMappings,\n      config?.enableCrossFilter,\n    ]\n  );\n\n  // Export to CSV\n  const handleExport = useCallback(() => {\n    const headers = columns.map((c) => c.header).join(',');\n    const rows = processedData.map((row) =>\n      columns\n        .map((col) => {\n          const value = row[col.key];\n          if (value == null) return '';\n          const str = String(value);\n          // Escape quotes and wrap in quotes if contains comma\n          if (str.includes(',') || str.includes('\"')) {\n            return `\"${str.replace(/\"/g, '\"\"')}\"`;\n          }\n          return str;\n        })\n        .join(',')\n    );\n    const csv = [headers, ...rows].join('\\n');\n    const blob = new Blob([csv], { type: 'text/csv' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `${widget.title || 'table'}-${new Date().toISOString().split('T')[0]}.csv`;\n    a.click();\n    URL.revokeObjectURL(url);\n  }, [columns, processedData, widget.title]);\n\n  // Row is only clickable if drilldown or cross-filter is explicitly configured\n  const hasCrossFilterConfig = config?.crossFilterMappings?.length || config?.enableCrossFilter;\n  const isClickable = Boolean(onDrilldown || (onRowClick && widget.drilldowns?.length) || hasCrossFilterConfig);\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Cross-filter active indicator with clear button */}\n      {hasCrossFilters && (\n        <div className=\"flex items-center gap-2 px-3 py-2 border-b border-border-default\">\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              clearAllCrossFilters();\n            }}\n            className=\"\n              inline-flex items-center gap-1.5\n              px-2.5 py-1 rounded-md\n              text-xs font-medium\n              bg-action-primary-bg/10 text-action-primary-text\n              hover:bg-action-primary-bg/20\n              transition-colors\n            \"\n          >\n            <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 19l-7-7m0 0l7-7m-7 7h18\" />\n            </svg>\n            Clear Filter\n          </button>\n        </div>\n      )}\n\n      {/* Toolbar */}\n      {(config?.showSearch !== false || config?.showExport !== false) && (\n        <div className=\"flex items-center justify-between p-3 border-b border-border-default\">\n          {/* Search */}\n          {config?.showSearch !== false && (\n            <div className=\"relative flex items-center\">\n              <svg\n                className=\"absolute left-3 w-4 h-4 text-text-secondary pointer-events-none\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n                />\n              </svg>\n              <input\n                type=\"text\"\n                placeholder=\"Search products...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"\n                  pl-10 pr-4 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg focus:border-action-primary-bg\n                  w-48 sm:w-64\n                  placeholder:text-text-tertiary\n                \"\n              />\n            </div>\n          )}\n\n          {/* Export */}\n          {config?.showExport !== false && (\n            <button\n              type=\"button\"\n              onClick={handleExport}\n              className=\"\n                inline-flex items-center gap-2\n                px-3 py-2\n                text-sm font-medium\n                text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                hover:bg-bg-muted\n                transition-colors\n              \"\n            >\n              <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\n                />\n              </svg>\n              Export CSV\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Table */}\n      <div\n        ref={scrollRef}\n        className=\"flex-1 overflow-auto\"\n        onScroll={virtualized ? (e) => setScrollTop((e.target as HTMLDivElement).scrollTop) : undefined}\n      >\n        <table className=\"w-full\">\n          <TableHeader\n            columns={displayColumns}\n            sortState={sortState}\n            onSort={handleSort}\n            frozenLefts={frozenCount > 0 ? frozenLefts : undefined}\n            editable={isEditMode}\n            onColumnResize={isEditMode ? handleColumnResize : undefined}\n            onColumnResizeEnd={isEditMode ? handleColumnResizeEnd : undefined}\n            onColumnReorder={isEditMode ? handleColumnReorder : undefined}\n          />\n          <tbody>\n            {/* Virtualization top spacer */}\n            {virtualized && virtualWindow && virtualWindow.topSpacer > 0 && (\n              <tr aria-hidden=\"true\" style={{ height: virtualWindow.topSpacer }}>\n                <td colSpan={displayColumns.length} style={{ padding: 0, border: 'none' }} />\n              </tr>\n            )}\n            {renderRows.map((row, i) => {\n              const rowIndex = rowBaseIndex + i;\n              return (\n                <tr\n                  key={rowIndex}\n                  className={`\n                    ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50' : ''}\n                    ${rowIndex % 2 === 0 ? 'bg-bg-surface' : 'bg-bg-muted/30'}\n                    ${resolveRowClassName(row, rowRules)}\n                  `}\n                  style={virtualized ? { height: rowHeight } : undefined}\n                  onClick={() => handleRowClick(row, rowIndex)}\n                >\n                  {displayColumns.map((column) => (\n                    <TableCell\n                      key={column.key}\n                      value={row[column.key]}\n                      column={column}\n                      format={cellFormats[column.key]}\n                      rowData={row}\n                      conditionalRules={columnRules[column.key] ?? tableRules}\n                      dataBarMax={dataBarMaxes[column.key]}\n                      stickyLeft={frozenLefts[column.key]}\n                      cellChart={columnCellCharts[column.key]}\n                    />\n                  ))}\n                </tr>\n              );\n            })}\n            {/* Virtualization bottom spacer */}\n            {virtualized && virtualWindow && virtualWindow.bottomSpacer > 0 && (\n              <tr aria-hidden=\"true\" style={{ height: virtualWindow.bottomSpacer }}>\n                <td colSpan={displayColumns.length} style={{ padding: 0, border: 'none' }} />\n              </tr>\n            )}\n          </tbody>\n          {hasTotals && processedData.length > 0 && (\n            <tfoot>\n              <tr className=\"bg-bg-muted/50 font-semibold border-t-2 border-border-default\">\n                {displayColumns.map((column, colIndex) => {\n                  const total = footerTotals[column.key];\n                  const format = cellFormats[column.key];\n                  const frozen = frozenLefts[column.key];\n                  return (\n                    <td\n                      key={column.key}\n                      className={`\n                        px-4 py-3 text-sm text-text-primary\n                        ${column.align === 'center' ? 'text-center' : ''}\n                        ${column.align === 'right' ? 'text-right' : 'text-left'}\n                        ${frozen != null ? 'sticky z-10 bg-bg-muted' : ''}\n                      `}\n                      style={frozen != null ? { left: frozen } : undefined}\n                    >\n                      {total != null\n                        ? formatTotal(total, format?.type, format?.currency)\n                        : colIndex === 0\n                          ? 'Total'\n                          : ''}\n                    </td>\n                  );\n                })}\n              </tr>\n            </tfoot>\n          )}\n        </table>\n\n        {processedData.length === 0 && (\n          <div className=\"flex items-center justify-center py-12 text-text-secondary\">\n            {searchQuery ? 'No matching records found' : 'No data available'}\n          </div>\n        )}\n      </div>\n\n      {/* Pagination (suppressed in virtualized mode — the whole set scrolls) */}\n      {!virtualized && config?.showPagination !== false && processedData.length > 0 && (\n        <TablePagination\n          pagination={{ ...pagination, totalItems: processedData.length }}\n          onPageChange={handlePageChange}\n          onPageSizeChange={handlePageSizeChange}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default TableWidget;\n"],"mappings":"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"}
+{"version":3,"file":"TableWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableWidget.tsx"],"sourcesContent":["/**\n * TableWidget Component\n *\n * Data table with sorting, filtering, and pagination.\n */\n\nimport { type FC, memo, useState, useMemo, useCallback, useRef, useEffect } from 'react';\nimport type { Widget, TableConfig, TableColumnConfig } from '../../../types';\nimport { TableHeader, type ColumnDefinition, type SortState, type SortDirection } from './TableHeader';\nimport { TableCell, type CellFormatConfig, type CellChart } from './TableCell';\nimport { TablePagination, type PaginationState } from './TablePagination';\nimport { resolveRowClassName, type ConditionalRule } from '../utils/conditionalFormat';\n// Phase 2: Cross-filtering support\nimport { useWidgetCrossFilter, useCrossFilterContext } from '../../../contexts';\nimport { useIsEditMode } from '../../../store';\nimport { useWidgetConfigPersist } from '../../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TableWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** Table data (array of rows) */\n  data?: Record<string, unknown>[];\n  /** Click handler for row drilldown */\n  onRowClick?: (row: Record<string, unknown>, index: number) => void;\n  /** Drilldown handler - receives selected row data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction sortData(data: Record<string, unknown>[], sortState: SortState): Record<string, unknown>[] {\n  if (!sortState.column || !sortState.direction) {\n    return data;\n  }\n\n  return [...data].sort((a, b) => {\n    const aValue = a[sortState.column!];\n    const bValue = b[sortState.column!];\n\n    // Handle null/undefined\n    if (aValue == null && bValue == null) return 0;\n    if (aValue == null) return sortState.direction === 'asc' ? 1 : -1;\n    if (bValue == null) return sortState.direction === 'asc' ? -1 : 1;\n\n    // Compare values\n    let comparison = 0;\n    if (typeof aValue === 'number' && typeof bValue === 'number') {\n      comparison = aValue - bValue;\n    } else {\n      comparison = String(aValue).localeCompare(String(bValue));\n    }\n\n    return sortState.direction === 'asc' ? comparison : -comparison;\n  });\n}\n\nfunction filterData(\n  data: Record<string, unknown>[],\n  searchQuery: string,\n  columns: ColumnDefinition[]\n): Record<string, unknown>[] {\n  if (!searchQuery.trim()) {\n    return data;\n  }\n\n  const query = searchQuery.toLowerCase();\n  return data.filter((row) =>\n    columns.some((col) => {\n      const value = row[col.key];\n      return value != null && String(value).toLowerCase().includes(query);\n    })\n  );\n}\n\n/** Format a footer total respecting the column's cell format. */\nfunction formatTotal(value: number, formatType?: string, currency?: string): string {\n  switch (formatType) {\n    case 'currency':\n      return new Intl.NumberFormat('en-US', { style: 'currency', currency: currency || 'USD' }).format(value);\n    case 'percentage':\n      return `${(value * 100).toFixed(1)}%`;\n    case 'number':\n      return new Intl.NumberFormat('en-US').format(value);\n    default:\n      return Number.isInteger(value) ? String(value) : value.toFixed(2);\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableWidget: FC<TableWidgetProps> = memo(function TableWidget({\n  widget,\n  data: rawData = [],\n  onRowClick,\n  onDrilldown,\n}) {\n  const config = widget.config as unknown as TableConfig | undefined;\n\n  // Normalize data - handle both array and object formats\n  const data = useMemo(() => {\n    // If it's already an array, use it directly\n    if (Array.isArray(rawData)) {\n      return rawData;\n    }\n\n    // If it's an object, try to find an array property\n    if (rawData && typeof rawData === 'object') {\n      // Check common array property names\n      const possibleArrayProps = ['data', 'items', 'rows', 'results', 'records', 'list', 'sales', 'entries', 'values'];\n      for (const prop of possibleArrayProps) {\n        if (Array.isArray((rawData as Record<string, unknown>)[prop])) {\n          return (rawData as Record<string, unknown>)[prop] as Record<string, unknown>[];\n        }\n      }\n\n      // If object has array values, use the first one\n      const values = Object.values(rawData);\n      for (const value of values) {\n        if (Array.isArray(value)) {\n          return value as Record<string, unknown>[];\n        }\n      }\n\n      // If it's a single object, wrap it in an array\n      return [rawData as Record<string, unknown>];\n    }\n\n    return [];\n  }, [rawData]);\n\n  // Phase 2: Cross-filtering support\n  const { handleDataClick: triggerCrossFilter, enabled: crossFilterEnabled } = useWidgetCrossFilter(\n    widget.id,\n    // Map first column to filter ID by default, can be configured\n    config?.crossFilterMappings\n  );\n  const { clearAllCrossFilters, hasCrossFilters } = useCrossFilterContext();\n\n  // State\n  const [sortState, setSortState] = useState<SortState>({\n    column: config?.defaultSortColumn || null,\n    direction: (config?.defaultSortDirection as SortDirection) || null,\n  });\n  const [searchQuery, setSearchQuery] = useState('');\n  const [pagination, setPagination] = useState<PaginationState>({\n    page: 0,\n    pageSize: config?.pageSize || 10,\n    totalItems: 0,\n  });\n\n  // Interactive column resize/reorder (edit mode only). Local overrides give\n  // live feedback; the committed layout is persisted to config so it survives\n  // reload (see commitColumnLayout).\n  const isEditMode = useIsEditMode();\n  const { persistConfig } = useWidgetConfigPersist(widget);\n  const [widthOverrides, setWidthOverrides] = useState<Record<string, number>>({});\n  const [columnOrder, setColumnOrder] = useState<string[] | null>(null);\n\n  // Build column definitions from config or data\n  const baseColumns: ColumnDefinition[] = useMemo(() => {\n    if (config?.columns?.length) {\n      return (config.columns as (string | TableColumnConfig)[]).map((col) => {\n        // Handle both string and object column definitions\n        if (typeof col === 'string') {\n          return {\n            key: col,\n            header: col.charAt(0).toUpperCase() + col.slice(1).replace(/_/g, ' '),\n            sortable: true,\n          };\n        }\n        // Object column definition — accept both .key and .field\n        const fieldKey = col.key || col.field || '';\n        return {\n          key: fieldKey,\n          header: col.label || col.header || fieldKey,\n          sortable: col.sortable !== false,\n          width: col.width != null ? String(col.width) : undefined,\n          align: col.align as ColumnDefinition['align'],\n        };\n      }) as ColumnDefinition[];\n    }\n\n    // Auto-generate from first data row\n    if (data.length > 0) {\n      return Object.keys(data[0]).map((key) => ({\n        key,\n        header: key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, ' '),\n        sortable: true,\n      }));\n    }\n\n    return [];\n  }, [config?.columns, data]);\n\n  // Apply the live reorder + resize overrides on top of the base columns. Any\n  // column not named in columnOrder keeps its original relative position at the\n  // end (handles columns added since the order was set).\n  const columns: ColumnDefinition[] = useMemo(() => {\n    let cols = baseColumns;\n    if (columnOrder) {\n      const byKey = new Map(baseColumns.map((c) => [c.key, c]));\n      const ordered = columnOrder.map((k) => byKey.get(k)).filter((c): c is ColumnDefinition => c !== undefined);\n      const rest = baseColumns.filter((c) => !columnOrder.includes(c.key));\n      cols = [...ordered, ...rest];\n    }\n    if (Object.keys(widthOverrides).length > 0) {\n      cols = cols.map((c) => (widthOverrides[c.key] != null ? { ...c, width: `${widthOverrides[c.key]}px` } : c));\n    }\n    return cols;\n  }, [baseColumns, columnOrder, widthOverrides]);\n\n  // Persist the current column order + widths to config.columns. Builds explicit\n  // column objects (preserving any existing per-column config), which also pins\n  // a previously auto-generated column set so order/width survive reload.\n  const commitColumnLayout = useCallback(\n    (orderKeys: string[], widths: Record<string, number>) => {\n      const existing = new Map<string, TableColumnConfig>();\n      config?.columns?.forEach((c) => {\n        const k = c.key || c.field;\n        if (k) existing.set(k, c);\n      });\n      const baseKeys = baseColumns.map((c) => c.key);\n      const finalKeys = [\n        ...orderKeys.filter((k) => baseKeys.includes(k)),\n        ...baseKeys.filter((k) => !orderKeys.includes(k)),\n      ];\n      const newColumns: TableColumnConfig[] = finalKeys.map((key) => {\n        const base = baseColumns.find((c) => c.key === key);\n        const prev = existing.get(key);\n        const next: TableColumnConfig = { ...(prev ?? {}), key };\n        // Preserve a header label for columns that had none in config (auto-generated).\n        if (!next.label && !next.header && base?.header) next.label = base.header;\n        const w = widths[key];\n        if (w != null) next.width = w;\n        return next;\n      });\n      void persistConfig({ columns: newColumns });\n    },\n    [baseColumns, config?.columns, persistConfig]\n  );\n\n  const handleColumnResize = useCallback((key: string, widthPx: number) => {\n    setWidthOverrides((prev) => ({ ...prev, [key]: widthPx }));\n  }, []);\n\n  const handleColumnResizeEnd = useCallback(\n    (key: string, widthPx: number) => {\n      const widths = { ...widthOverrides, [key]: widthPx };\n      setWidthOverrides(widths);\n      const order = columnOrder ?? baseColumns.map((c) => c.key);\n      commitColumnLayout(order, widths);\n    },\n    [widthOverrides, columnOrder, baseColumns, commitColumnLayout]\n  );\n\n  const handleColumnReorder = useCallback(\n    (sourceKey: string, targetKey: string) => {\n      const current = columnOrder ?? baseColumns.map((c) => c.key);\n      const from = current.indexOf(sourceKey);\n      if (from < 0 || sourceKey === targetKey) return;\n      const next = [...current];\n      next.splice(from, 1);\n      // Insert before the target's *post-removal* index, so dropping onto a\n      // column always lands the source just before it regardless of direction.\n      const insertAt = next.indexOf(targetKey);\n      if (insertAt < 0) return;\n      next.splice(insertAt, 0, sourceKey);\n      setColumnOrder(next);\n      commitColumnLayout(next, widthOverrides);\n    },\n    [columnOrder, baseColumns, widthOverrides, commitColumnLayout]\n  );\n\n  // Build cell format configs\n  const cellFormats: Record<string, CellFormatConfig> = useMemo(() => {\n    const formats: Record<string, CellFormatConfig> = {};\n    config?.columns?.forEach((col) => {\n      if (col.format && (col.key || col.field)) {\n        formats[col.key || col.field || ''] = { type: col.format };\n      }\n    });\n    return formats;\n  }, [config?.columns]);\n\n  // Per-column in-cell chart kind (e.g. sparkline).\n  const columnCellCharts: Record<string, CellChart | undefined> = useMemo(() => {\n    const map: Record<string, CellChart | undefined> = {};\n    config?.columns?.forEach((col) => {\n      const fieldKey = col.key || col.field;\n      if (fieldKey && col.cellChart) {\n        map[fieldKey] = col.cellChart;\n      }\n    });\n    return map;\n  }, [config?.columns]);\n\n  // Per-column conditional rules (column-level overrides win over table-level).\n  const tableRules = config?.conditionalRules;\n  // Row-level conditional rules: tint the whole <tr> (escalation/breach rows).\n  const rowRules = config?.rowRules;\n  const columnRules: Record<string, ConditionalRule[] | undefined> = useMemo(() => {\n    const map: Record<string, ConditionalRule[] | undefined> = {};\n    config?.columns?.forEach((col) => {\n      const fieldKey = col.key || col.field;\n      if (fieldKey && col.conditionalRules?.length) {\n        map[fieldKey] = col.conditionalRules;\n      }\n    });\n    return map;\n  }, [config?.columns]);\n\n  // Per-column totals/aggregates for the footer row.\n  const columnTotals: Record<string, TableColumnConfig['total']> = useMemo(() => {\n    const map: Record<string, TableColumnConfig['total']> = {};\n    config?.columns?.forEach((col) => {\n      const fieldKey = col.key || col.field;\n      if (fieldKey && col.total && col.total !== 'none') {\n        map[fieldKey] = col.total;\n      }\n    });\n    return map;\n  }, [config?.columns]);\n\n  const hasTotals = config?.showTotals === true || Object.keys(columnTotals).length > 0;\n\n  // Process data: filter, sort, paginate\n  const processedData = useMemo(() => {\n    let result = data;\n\n    // Filter\n    if (config?.showSearch !== false) {\n      result = filterData(result, searchQuery, columns);\n    }\n\n    // Sort\n    result = sortData(result, sortState);\n\n    return result;\n  }, [data, searchQuery, sortState, columns, config?.showSearch]);\n\n  // Max absolute numeric value per column — scales in-cell data bars.\n  const dataBarMaxes: Record<string, number> = useMemo(() => {\n    const maxes: Record<string, number> = {};\n    for (const col of columns) {\n      let max = 0;\n      for (const row of processedData) {\n        const v = row[col.key];\n        if (typeof v === 'number' && Number.isFinite(v)) {\n          max = Math.max(max, Math.abs(v));\n        }\n      }\n      maxes[col.key] = max;\n    }\n    return maxes;\n  }, [columns, processedData]);\n\n  // Footer totals/aggregates per column (computed over the filtered set).\n  const footerTotals: Record<string, number | null> = useMemo(() => {\n    if (!hasTotals) return {};\n    const result: Record<string, number | null> = {};\n    for (const col of columns) {\n      const agg = columnTotals[col.key];\n      if (!agg) {\n        result[col.key] = null;\n        continue;\n      }\n      const nums = processedData\n        .map((row) => row[col.key])\n        .filter((v): v is number => typeof v === 'number' && Number.isFinite(v));\n      if (agg === 'count') {\n        result[col.key] = processedData.length;\n      } else if (nums.length === 0) {\n        result[col.key] = null;\n      } else if (agg === 'sum') {\n        result[col.key] = nums.reduce((a, b) => a + b, 0);\n      } else if (agg === 'avg') {\n        result[col.key] = nums.reduce((a, b) => a + b, 0) / nums.length;\n      } else if (agg === 'min') {\n        result[col.key] = Math.min(...nums);\n      } else if (agg === 'max') {\n        result[col.key] = Math.max(...nums);\n      } else {\n        result[col.key] = null;\n      }\n    }\n    return result;\n  }, [hasTotals, columns, columnTotals, processedData]);\n\n  // Update total items when data changes\n  useMemo(() => {\n    setPagination((prev) => ({\n      ...prev,\n      totalItems: processedData.length,\n    }));\n  }, [processedData.length]);\n\n  // Paginate\n  const paginatedData = useMemo(() => {\n    if (config?.showPagination === false) {\n      return processedData;\n    }\n    const start = pagination.page * pagination.pageSize;\n    return processedData.slice(start, start + pagination.pageSize);\n  }, [processedData, pagination, config?.showPagination]);\n\n  // ----------------------------------------------------------------------------\n  // Row virtualization (windowing) — render only the visible slice of a large\n  // dataset. Active when config.virtualized is set; bypasses pagination so the\n  // whole filtered set scrolls in one container. No external dependency: a fixed\n  // row height + top/bottom spacer rows reproduce the full scroll height.\n  // ----------------------------------------------------------------------------\n  const virtualized = config?.virtualized === true;\n  const rowHeight = config?.rowHeight && config.rowHeight > 0 ? config.rowHeight : 44;\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [viewportH, setViewportH] = useState(0);\n\n  useEffect(() => {\n    if (!virtualized) return undefined;\n    const el = scrollRef.current;\n    if (!el) return undefined;\n    setViewportH(el.clientHeight);\n    const ro =\n      typeof ResizeObserver !== 'undefined' ? new ResizeObserver(() => setViewportH(el.clientHeight)) : undefined;\n    ro?.observe(el);\n    return () => ro?.disconnect();\n  }, [virtualized]);\n\n  const OVERSCAN = 6;\n  const virtualWindow = useMemo(() => {\n    if (!virtualized) return null;\n    const total = processedData.length;\n    const visibleCount = viewportH > 0 ? Math.ceil(viewportH / rowHeight) : 20;\n    const startIndex = Math.max(0, Math.floor(scrollTop / rowHeight) - OVERSCAN);\n    const endIndex = Math.min(total, startIndex + visibleCount + OVERSCAN * 2);\n    return {\n      rows: processedData.slice(startIndex, endIndex),\n      topSpacer: startIndex * rowHeight,\n      bottomSpacer: Math.max(0, (total - endIndex) * rowHeight),\n      startIndex,\n    };\n  }, [virtualized, processedData, viewportH, scrollTop, rowHeight]);\n\n  // The rows actually rendered in <tbody>: windowed slice or the paginated page.\n  const renderRows = virtualized && virtualWindow ? virtualWindow.rows : paginatedData;\n  const rowBaseIndex = virtualized && virtualWindow ? virtualWindow.startIndex : 0;\n\n  // Sticky-left frozen columns: give the first N columns explicit widths so the\n  // header and body align, then compute each one's cumulative left offset.\n  const frozenCount = config?.frozenColumns && config.frozenColumns > 0 ? config.frozenColumns : 0;\n  const FROZEN_DEFAULT_W = 160;\n  const { displayColumns, frozenLefts } = useMemo(() => {\n    if (frozenCount <= 0) return { displayColumns: columns, frozenLefts: {} as Record<string, number> };\n    const lefts: Record<string, number> = {};\n    let cursor = 0;\n    const cols = columns.map((col, i) => {\n      if (i < frozenCount) {\n        const widthPx = col.width ? parseInt(col.width, 10) || FROZEN_DEFAULT_W : FROZEN_DEFAULT_W;\n        lefts[col.key] = cursor;\n        cursor += widthPx;\n        return { ...col, width: `${widthPx}px` };\n      }\n      return col;\n    });\n    return { displayColumns: cols, frozenLefts: lefts };\n  }, [columns, frozenCount]);\n\n  // Handlers\n  const handleSort = useCallback((column: string) => {\n    setSortState((prev) => {\n      if (prev.column !== column) {\n        return { column, direction: 'asc' };\n      }\n      const nextDirection: SortDirection = prev.direction === 'asc' ? 'desc' : prev.direction === 'desc' ? null : 'asc';\n      return {\n        column: nextDirection ? column : null,\n        direction: nextDirection,\n      };\n    });\n  }, []);\n\n  const handlePageChange = useCallback((page: number) => {\n    setPagination((prev) => ({ ...prev, page }));\n  }, []);\n\n  const handlePageSizeChange = useCallback((pageSize: number) => {\n    setPagination((prev) => ({ ...prev, pageSize, page: 0 }));\n  }, []);\n\n  const handleRowClick = useCallback(\n    (row: Record<string, unknown>, index: number) => {\n      // Trigger cross-filtering on row click when explicitly enabled via config\n      const hasCrossFilterConfig = config?.crossFilterMappings?.length || config?.enableCrossFilter;\n      if (crossFilterEnabled && hasCrossFilterConfig) {\n        const firstColumn = columns[0]?.key;\n        const label = firstColumn ? String(row[firstColumn]) : undefined;\n        triggerCrossFilter(row as Record<string, unknown>, label);\n      }\n\n      // Trigger drilldown if configured\n      if (onDrilldown) {\n        onDrilldown(row);\n      } else if (onRowClick && widget.drilldowns?.length) {\n        onRowClick(row, index);\n      }\n    },\n    [\n      onRowClick,\n      onDrilldown,\n      widget.drilldowns,\n      crossFilterEnabled,\n      triggerCrossFilter,\n      columns,\n      config?.crossFilterMappings,\n      config?.enableCrossFilter,\n    ]\n  );\n\n  // Export to CSV\n  const handleExport = useCallback(() => {\n    const headers = columns.map((c) => c.header).join(',');\n    const rows = processedData.map((row) =>\n      columns\n        .map((col) => {\n          const value = row[col.key];\n          if (value == null) return '';\n          const str = String(value);\n          // Escape quotes and wrap in quotes if contains comma\n          if (str.includes(',') || str.includes('\"')) {\n            return `\"${str.replace(/\"/g, '\"\"')}\"`;\n          }\n          return str;\n        })\n        .join(',')\n    );\n    const csv = [headers, ...rows].join('\\n');\n    const blob = new Blob([csv], { type: 'text/csv' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `${widget.title || 'table'}-${new Date().toISOString().split('T')[0]}.csv`;\n    a.click();\n    URL.revokeObjectURL(url);\n  }, [columns, processedData, widget.title]);\n\n  // Row is only clickable if drilldown or cross-filter is explicitly configured\n  const hasCrossFilterConfig = config?.crossFilterMappings?.length || config?.enableCrossFilter;\n  const isClickable = Boolean(onDrilldown || (onRowClick && widget.drilldowns?.length) || hasCrossFilterConfig);\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Cross-filter active indicator with clear button */}\n      {hasCrossFilters && (\n        <div className=\"flex items-center gap-2 px-3 py-2 border-b border-border-default\">\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              clearAllCrossFilters();\n            }}\n            className=\"\n              inline-flex items-center gap-1.5\n              px-2.5 py-1 rounded-md\n              text-xs font-medium\n              bg-action-primary-bg/10 text-action-primary-text\n              hover:bg-action-primary-bg/20\n              transition-colors\n            \"\n          >\n            <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 19l-7-7m0 0l7-7m-7 7h18\" />\n            </svg>\n            Clear Filter\n          </button>\n        </div>\n      )}\n\n      {/* Toolbar */}\n      {(config?.showSearch !== false || config?.showExport !== false) && (\n        <div className=\"flex items-center justify-between p-3 border-b border-border-default\">\n          {/* Search */}\n          {config?.showSearch !== false && (\n            <div className=\"relative flex items-center\">\n              <svg\n                className=\"absolute left-3 w-4 h-4 text-text-secondary pointer-events-none\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n                />\n              </svg>\n              <input\n                type=\"text\"\n                placeholder=\"Search products...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"\n                  pl-10 pr-4 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg focus:border-action-primary-bg\n                  w-48 sm:w-64\n                  placeholder:text-text-tertiary\n                \"\n              />\n            </div>\n          )}\n\n          {/* Export */}\n          {config?.showExport !== false && (\n            <button\n              type=\"button\"\n              onClick={handleExport}\n              className=\"\n                inline-flex items-center gap-2\n                px-3 py-2\n                text-sm font-medium\n                text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                hover:bg-bg-sunken\n                transition-colors\n              \"\n            >\n              <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\n                />\n              </svg>\n              Export CSV\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Table */}\n      <div\n        ref={scrollRef}\n        className=\"flex-1 overflow-auto\"\n        onScroll={virtualized ? (e) => setScrollTop((e.target as HTMLDivElement).scrollTop) : undefined}\n      >\n        <table className=\"w-full\">\n          <TableHeader\n            columns={displayColumns}\n            sortState={sortState}\n            onSort={handleSort}\n            frozenLefts={frozenCount > 0 ? frozenLefts : undefined}\n            editable={isEditMode}\n            onColumnResize={isEditMode ? handleColumnResize : undefined}\n            onColumnResizeEnd={isEditMode ? handleColumnResizeEnd : undefined}\n            onColumnReorder={isEditMode ? handleColumnReorder : undefined}\n          />\n          <tbody>\n            {/* Virtualization top spacer */}\n            {virtualized && virtualWindow && virtualWindow.topSpacer > 0 && (\n              <tr aria-hidden=\"true\" style={{ height: virtualWindow.topSpacer }}>\n                <td colSpan={displayColumns.length} style={{ padding: 0, border: 'none' }} />\n              </tr>\n            )}\n            {renderRows.map((row, i) => {\n              const rowIndex = rowBaseIndex + i;\n              return (\n                <tr\n                  key={rowIndex}\n                  className={`\n                    ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50' : ''}\n                    ${rowIndex % 2 === 0 ? 'bg-bg-surface' : 'bg-bg-sunken/30'}\n                    ${resolveRowClassName(row, rowRules)}\n                  `}\n                  style={virtualized ? { height: rowHeight } : undefined}\n                  onClick={() => handleRowClick(row, rowIndex)}\n                >\n                  {displayColumns.map((column) => (\n                    <TableCell\n                      key={column.key}\n                      value={row[column.key]}\n                      column={column}\n                      format={cellFormats[column.key]}\n                      rowData={row}\n                      conditionalRules={columnRules[column.key] ?? tableRules}\n                      dataBarMax={dataBarMaxes[column.key]}\n                      stickyLeft={frozenLefts[column.key]}\n                      cellChart={columnCellCharts[column.key]}\n                    />\n                  ))}\n                </tr>\n              );\n            })}\n            {/* Virtualization bottom spacer */}\n            {virtualized && virtualWindow && virtualWindow.bottomSpacer > 0 && (\n              <tr aria-hidden=\"true\" style={{ height: virtualWindow.bottomSpacer }}>\n                <td colSpan={displayColumns.length} style={{ padding: 0, border: 'none' }} />\n              </tr>\n            )}\n          </tbody>\n          {hasTotals && processedData.length > 0 && (\n            <tfoot>\n              <tr className=\"bg-bg-sunken/50 font-semibold border-t-2 border-border-default\">\n                {displayColumns.map((column, colIndex) => {\n                  const total = footerTotals[column.key];\n                  const format = cellFormats[column.key];\n                  const frozen = frozenLefts[column.key];\n                  return (\n                    <td\n                      key={column.key}\n                      className={`\n                        px-4 py-3 text-sm text-text-primary\n                        ${column.align === 'center' ? 'text-center' : ''}\n                        ${column.align === 'right' ? 'text-right' : 'text-left'}\n                        ${frozen != null ? 'sticky z-10 bg-bg-sunken' : ''}\n                      `}\n                      style={frozen != null ? { left: frozen } : undefined}\n                    >\n                      {total != null\n                        ? formatTotal(total, format?.type, format?.currency)\n                        : colIndex === 0\n                          ? 'Total'\n                          : ''}\n                    </td>\n                  );\n                })}\n              </tr>\n            </tfoot>\n          )}\n        </table>\n\n        {processedData.length === 0 && (\n          <div className=\"flex items-center justify-center py-12 text-text-secondary\">\n            {searchQuery ? 'No matching records found' : 'No data available'}\n          </div>\n        )}\n      </div>\n\n      {/* Pagination (suppressed in virtualized mode — the whole set scrolls) */}\n      {!virtualized && config?.showPagination !== false && processedData.length > 0 && (\n        <TablePagination\n          pagination={{ ...pagination, totalItems: processedData.length }}\n          onPageChange={handlePageChange}\n          onPageSizeChange={handlePageSizeChange}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default TableWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/text-widget/TextWidget.js

@@ -3,7 +3,7 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/text-widget/TextWidget.tsx
 function i(e) {
 	let t = e;
-	return t = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), t = t.replace(/^### (.+)$/gm, "<h3 class=\"text-base font-semibold text-text-primary mt-3 mb-1\">$1</h3>"), t = t.replace(/^## (.+)$/gm, "<h2 class=\"text-lg font-semibold text-text-primary mt-4 mb-2\">$1</h2>"), t = t.replace(/^# (.+)$/gm, "<h1 class=\"text-xl font-bold text-text-primary mt-4 mb-2\">$1</h1>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong class=\"font-semibold\">$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" class=\"text-action-primary-text hover:underline\" target=\"_blank\" rel=\"noopener\">$1</a>"), t = t.replace(/`([^`]+)`/g, "<code class=\"px-1 py-0.5 bg-bg-muted rounded text-sm font-mono\">$1</code>"), t = t.replace(/^> (.+)$/gm, "<blockquote class=\"border-l-2 border-action-primary-bg pl-3 italic text-text-secondary my-2\">$1</blockquote>"), t = t.replace(/^- (.+)$/gm, "<li class=\"ml-4 list-disc\">$1</li>"), t = t.replace(/(<li[^>]*>.*<\/li>\n?)+/g, "<ul class=\"my-2\">$&</ul>"), t = t.replace(/^\|(.+)\|$/gm, (e, t) => {
+	return t = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), t = t.replace(/^### (.+)$/gm, "<h3 class=\"text-base font-semibold text-text-primary mt-3 mb-1\">$1</h3>"), t = t.replace(/^## (.+)$/gm, "<h2 class=\"text-lg font-semibold text-text-primary mt-4 mb-2\">$1</h2>"), t = t.replace(/^# (.+)$/gm, "<h1 class=\"text-xl font-bold text-text-primary mt-4 mb-2\">$1</h1>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong class=\"font-semibold\">$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" class=\"text-action-primary-text hover:underline\" target=\"_blank\" rel=\"noopener\">$1</a>"), t = t.replace(/`([^`]+)`/g, "<code class=\"px-1 py-0.5 bg-bg-sunken rounded text-sm font-mono\">$1</code>"), t = t.replace(/^> (.+)$/gm, "<blockquote class=\"border-l-2 border-action-primary-bg pl-3 italic text-text-secondary my-2\">$1</blockquote>"), t = t.replace(/^- (.+)$/gm, "<li class=\"ml-4 list-disc\">$1</li>"), t = t.replace(/(<li[^>]*>.*<\/li>\n?)+/g, "<ul class=\"my-2\">$&</ul>"), t = t.replace(/^\|(.+)\|$/gm, (e, t) => {
 		let n = t.split("|").map((e) => e.trim());
 		return n.some((e) => e.match(/^-+$/)) ? "" : `<tr>${n.map((e) => `<td class="border border-border-default px-2 py-1 text-sm">${e}</td>`).join("")}</tr>`;
 	}), t = t.replace(/(<tr>.*<\/tr>\n?)+/g, "<table class=\"w-full border-collapse my-2\">$&</table>"), t = t.split("\n\n").map((e) => e.startsWith("<") ? e : `<p class="my-2 text-text-primary">${e}</p>`).join(""), t = t.replace(/\n/g, "<br/>"), t;

package/dist/bigconsole/components/widgets/text-widget/TextWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/text-widget/TextWidget.tsx"],"sourcesContent":["/**\n * TextWidget Component\n *\n * Displays markdown/rich text content.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TextWidgetProps {\n  widget: Widget;\n  data?: TextData;\n}\n\nexport interface TextData {\n  content?: string;\n  format?: 'markdown' | 'html' | 'plain';\n}\n\n// ============================================================================\n// Simple Markdown Parser (basic support)\n// ============================================================================\n\nfunction parseMarkdown(text: string): string {\n  let html = text;\n\n  // Escape HTML\n  html = html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n  // Headers\n  html = html.replace(/^### (.+)$/gm, '<h3 class=\"text-base font-semibold text-text-primary mt-3 mb-1\">$1</h3>');\n  html = html.replace(/^## (.+)$/gm, '<h2 class=\"text-lg font-semibold text-text-primary mt-4 mb-2\">$1</h2>');\n  html = html.replace(/^# (.+)$/gm, '<h1 class=\"text-xl font-bold text-text-primary mt-4 mb-2\">$1</h1>');\n\n  // Bold and italic\n  html = html.replace(/\\*\\*(.+?)\\*\\*/g, '<strong class=\"font-semibold\">$1</strong>');\n  html = html.replace(/\\*(.+?)\\*/g, '<em>$1</em>');\n\n  // Links\n  html = html.replace(\n    /\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n    '<a href=\"$2\" class=\"text-action-primary-text hover:underline\" target=\"_blank\" rel=\"noopener\">$1</a>'\n  );\n\n  // Inline code\n  html = html.replace(/`([^`]+)`/g, '<code class=\"px-1 py-0.5 bg-bg-muted rounded text-sm font-mono\">$1</code>');\n\n  // Blockquotes\n  html = html.replace(\n    /^> (.+)$/gm,\n    '<blockquote class=\"border-l-2 border-action-primary-bg pl-3 italic text-text-secondary my-2\">$1</blockquote>'\n  );\n\n  // Unordered lists\n  html = html.replace(/^- (.+)$/gm, '<li class=\"ml-4 list-disc\">$1</li>');\n  html = html.replace(/(<li[^>]*>.*<\\/li>\\n?)+/g, '<ul class=\"my-2\">$&</ul>');\n\n  // Tables (simple)\n  html = html.replace(/^\\|(.+)\\|$/gm, (match, content) => {\n    const cells = content.split('|').map((cell: string) => cell.trim());\n    const isHeader = cells.some((c: string) => c.match(/^-+$/));\n    if (isHeader) return '';\n    return `<tr>${cells.map((c: string) => `<td class=\"border border-border-default px-2 py-1 text-sm\">${c}</td>`).join('')}</tr>`;\n  });\n  html = html.replace(/(<tr>.*<\\/tr>\\n?)+/g, '<table class=\"w-full border-collapse my-2\">$&</table>');\n\n  // Paragraphs (wrap remaining text)\n  html = html\n    .split('\\n\\n')\n    .map((para) => {\n      if (para.startsWith('<')) return para;\n      return `<p class=\"my-2 text-text-primary\">${para}</p>`;\n    })\n    .join('');\n\n  // Line breaks\n  html = html.replace(/\\n/g, '<br/>');\n\n  return html;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TextWidget: FC<TextWidgetProps> = memo(function TextWidget({ widget: _widget, data }) {\n  const content = data?.content || '';\n  const format = data?.format || 'markdown';\n\n  const renderedContent = useMemo(() => {\n    if (!content) return null;\n\n    if (format === 'markdown') {\n      return { __html: parseMarkdown(content) };\n    }\n\n    if (format === 'html') {\n      return { __html: content };\n    }\n\n    // Plain text\n    return null;\n  }, [content, format]);\n\n  if (!content) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n            />\n          </svg>\n          <p>No text content</p>\n        </div>\n      </div>\n    );\n  }\n\n  if (format === 'plain') {\n    return (\n      <div className=\"h-full p-4 overflow-auto\">\n        <pre className=\"text-sm text-text-primary whitespace-pre-wrap font-sans\">{content}</pre>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full p-4 overflow-auto\">\n      <div className=\"prose prose-sm max-w-none text-text-primary\" dangerouslySetInnerHTML={renderedContent!} />\n    </div>\n  );\n});\n\nexport default TextWidget;\n"],"mappings":";;;AA2BA,SAAS,EAAc,GAAsB;CAC3C,IAAI,IAAO;AAsDX,QAnDA,IAAO,EAAK,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO,EAG9E,IAAO,EAAK,QAAQ,gBAAgB,4EAA0E,EAC9G,IAAO,EAAK,QAAQ,eAAe,0EAAwE,EAC3G,IAAO,EAAK,QAAQ,cAAc,sEAAoE,EAGtG,IAAO,EAAK,QAAQ,kBAAkB,8CAA4C,EAClF,IAAO,EAAK,QAAQ,cAAc,cAAc,EAGhD,IAAO,EAAK,QACV,4BACA,8GACD,EAGD,IAAO,EAAK,QAAQ,cAAc,8EAA4E,EAG9G,IAAO,EAAK,QACV,cACA,iHACD,EAGD,IAAO,EAAK,QAAQ,cAAc,uCAAqC,EACvE,IAAO,EAAK,QAAQ,4BAA4B,6BAA2B,EAG3E,IAAO,EAAK,QAAQ,iBAAiB,GAAO,MAAY;EACtD,IAAM,IAAQ,EAAQ,MAAM,IAAI,CAAC,KAAK,MAAiB,EAAK,MAAM,CAAC;AAGnE,SAFiB,EAAM,MAAM,MAAc,EAAE,MAAM,OAAO,CAAC,GACtC,KACd,OAAO,EAAM,KAAK,MAAc,8DAA8D,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC;GACxH,EACF,IAAO,EAAK,QAAQ,uBAAuB,0DAAwD,EAGnG,IAAO,EACJ,MAAM,OAAO,CACb,KAAK,MACA,EAAK,WAAW,IAAI,GAAS,IAC1B,qCAAqC,EAAK,MACjD,CACD,KAAK,GAAG,EAGX,IAAO,EAAK,QAAQ,OAAO,QAAQ,EAE5B;;AAOT,IAAa,IAAkC,EAAK,SAAoB,EAAE,QAAQ,GAAS,WAAQ;CACjG,IAAM,IAAU,GAAM,WAAW,IAC3B,IAAS,GAAM,UAAU,YAEzB,IAAkB,QACjB,IAED,MAAW,aACN,EAAE,QAAQ,EAAc,EAAQ,EAAE,GAGvC,MAAW,SACN,EAAE,QAAQ,GAAS,GAIrB,OAXc,MAYpB,CAAC,GAAS,EAAO,CAAC;AAiCrB,QA/BK,IAuBD,MAAW,UAEX,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAA2D;GAAc,CAAA;EACpF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;GAA8C,yBAAyB;GAAoB,CAAA;EACtG,CAAA,GAhCJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,QAAO;IACP,SAAQ;cAER,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA,EACN,kBAAC,KAAD,EAAA,UAAG,mBAAmB,CAAA,CAClB;;EACF,CAAA;EAiBV"}
+{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/text-widget/TextWidget.tsx"],"sourcesContent":["/**\n * TextWidget Component\n *\n * Displays markdown/rich text content.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TextWidgetProps {\n  widget: Widget;\n  data?: TextData;\n}\n\nexport interface TextData {\n  content?: string;\n  format?: 'markdown' | 'html' | 'plain';\n}\n\n// ============================================================================\n// Simple Markdown Parser (basic support)\n// ============================================================================\n\nfunction parseMarkdown(text: string): string {\n  let html = text;\n\n  // Escape HTML\n  html = html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n  // Headers\n  html = html.replace(/^### (.+)$/gm, '<h3 class=\"text-base font-semibold text-text-primary mt-3 mb-1\">$1</h3>');\n  html = html.replace(/^## (.+)$/gm, '<h2 class=\"text-lg font-semibold text-text-primary mt-4 mb-2\">$1</h2>');\n  html = html.replace(/^# (.+)$/gm, '<h1 class=\"text-xl font-bold text-text-primary mt-4 mb-2\">$1</h1>');\n\n  // Bold and italic\n  html = html.replace(/\\*\\*(.+?)\\*\\*/g, '<strong class=\"font-semibold\">$1</strong>');\n  html = html.replace(/\\*(.+?)\\*/g, '<em>$1</em>');\n\n  // Links\n  html = html.replace(\n    /\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n    '<a href=\"$2\" class=\"text-action-primary-text hover:underline\" target=\"_blank\" rel=\"noopener\">$1</a>'\n  );\n\n  // Inline code\n  html = html.replace(/`([^`]+)`/g, '<code class=\"px-1 py-0.5 bg-bg-sunken rounded text-sm font-mono\">$1</code>');\n\n  // Blockquotes\n  html = html.replace(\n    /^> (.+)$/gm,\n    '<blockquote class=\"border-l-2 border-action-primary-bg pl-3 italic text-text-secondary my-2\">$1</blockquote>'\n  );\n\n  // Unordered lists\n  html = html.replace(/^- (.+)$/gm, '<li class=\"ml-4 list-disc\">$1</li>');\n  html = html.replace(/(<li[^>]*>.*<\\/li>\\n?)+/g, '<ul class=\"my-2\">$&</ul>');\n\n  // Tables (simple)\n  html = html.replace(/^\\|(.+)\\|$/gm, (match, content) => {\n    const cells = content.split('|').map((cell: string) => cell.trim());\n    const isHeader = cells.some((c: string) => c.match(/^-+$/));\n    if (isHeader) return '';\n    return `<tr>${cells.map((c: string) => `<td class=\"border border-border-default px-2 py-1 text-sm\">${c}</td>`).join('')}</tr>`;\n  });\n  html = html.replace(/(<tr>.*<\\/tr>\\n?)+/g, '<table class=\"w-full border-collapse my-2\">$&</table>');\n\n  // Paragraphs (wrap remaining text)\n  html = html\n    .split('\\n\\n')\n    .map((para) => {\n      if (para.startsWith('<')) return para;\n      return `<p class=\"my-2 text-text-primary\">${para}</p>`;\n    })\n    .join('');\n\n  // Line breaks\n  html = html.replace(/\\n/g, '<br/>');\n\n  return html;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TextWidget: FC<TextWidgetProps> = memo(function TextWidget({ widget: _widget, data }) {\n  const content = data?.content || '';\n  const format = data?.format || 'markdown';\n\n  const renderedContent = useMemo(() => {\n    if (!content) return null;\n\n    if (format === 'markdown') {\n      return { __html: parseMarkdown(content) };\n    }\n\n    if (format === 'html') {\n      return { __html: content };\n    }\n\n    // Plain text\n    return null;\n  }, [content, format]);\n\n  if (!content) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n            />\n          </svg>\n          <p>No text content</p>\n        </div>\n      </div>\n    );\n  }\n\n  if (format === 'plain') {\n    return (\n      <div className=\"h-full p-4 overflow-auto\">\n        <pre className=\"text-sm text-text-primary whitespace-pre-wrap font-sans\">{content}</pre>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full p-4 overflow-auto\">\n      <div className=\"prose prose-sm max-w-none text-text-primary\" dangerouslySetInnerHTML={renderedContent!} />\n    </div>\n  );\n});\n\nexport default TextWidget;\n"],"mappings":";;;AA2BA,SAAS,EAAc,GAAsB;CAC3C,IAAI,IAAO;AAsDX,QAnDA,IAAO,EAAK,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO,EAG9E,IAAO,EAAK,QAAQ,gBAAgB,4EAA0E,EAC9G,IAAO,EAAK,QAAQ,eAAe,0EAAwE,EAC3G,IAAO,EAAK,QAAQ,cAAc,sEAAoE,EAGtG,IAAO,EAAK,QAAQ,kBAAkB,8CAA4C,EAClF,IAAO,EAAK,QAAQ,cAAc,cAAc,EAGhD,IAAO,EAAK,QACV,4BACA,8GACD,EAGD,IAAO,EAAK,QAAQ,cAAc,+EAA6E,EAG/G,IAAO,EAAK,QACV,cACA,iHACD,EAGD,IAAO,EAAK,QAAQ,cAAc,uCAAqC,EACvE,IAAO,EAAK,QAAQ,4BAA4B,6BAA2B,EAG3E,IAAO,EAAK,QAAQ,iBAAiB,GAAO,MAAY;EACtD,IAAM,IAAQ,EAAQ,MAAM,IAAI,CAAC,KAAK,MAAiB,EAAK,MAAM,CAAC;AAGnE,SAFiB,EAAM,MAAM,MAAc,EAAE,MAAM,OAAO,CAAC,GACtC,KACd,OAAO,EAAM,KAAK,MAAc,8DAA8D,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC;GACxH,EACF,IAAO,EAAK,QAAQ,uBAAuB,0DAAwD,EAGnG,IAAO,EACJ,MAAM,OAAO,CACb,KAAK,MACA,EAAK,WAAW,IAAI,GAAS,IAC1B,qCAAqC,EAAK,MACjD,CACD,KAAK,GAAG,EAGX,IAAO,EAAK,QAAQ,OAAO,QAAQ,EAE5B;;AAOT,IAAa,IAAkC,EAAK,SAAoB,EAAE,QAAQ,GAAS,WAAQ;CACjG,IAAM,IAAU,GAAM,WAAW,IAC3B,IAAS,GAAM,UAAU,YAEzB,IAAkB,QACjB,IAED,MAAW,aACN,EAAE,QAAQ,EAAc,EAAQ,EAAE,GAGvC,MAAW,SACN,EAAE,QAAQ,GAAS,GAIrB,OAXc,MAYpB,CAAC,GAAS,EAAO,CAAC;AAiCrB,QA/BK,IAuBD,MAAW,UAEX,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAA2D;GAAc,CAAA;EACpF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;GAA8C,yBAAyB;GAAoB,CAAA;EACtG,CAAA,GAhCJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,QAAO;IACP,SAAQ;cAER,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA,EACN,kBAAC,KAAD,EAAA,UAAG,mBAAmB,CAAA,CAClB;;EACF,CAAA;EAiBV"}

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.js

@@ -2,7 +2,7 @@ import { memo as e, useMemo as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/timeline/TimelineWidget.tsx
 function i(e) {
-	return e >= 100 ? "bg-state-success" : e >= 50 ? "bg-action-primary-bg" : e > 0 ? "bg-state-warning" : "bg-bg-muted";
+	return e >= 100 ? "bg-state-success" : e >= 50 ? "bg-action-primary-bg" : e > 0 ? "bg-state-warning" : "bg-bg-sunken";
 }
 var a = e(function({ widget: e, data: a, onClick: o }) {
 	let s = t(() => a?.tasks || [], [a?.tasks]), c = a?.milestones || [], { minDate: l, maxDate: u, totalDays: d } = t(() => {
@@ -61,7 +61,7 @@ var a = e(function({ widget: e, data: a, onClick: o }) {
 								children: [u, "%"]
 							})]
 						}), /* @__PURE__ */ r("div", {
-							className: "relative h-6 bg-bg-muted rounded overflow-hidden",
+							className: "relative h-6 bg-bg-sunken rounded overflow-hidden",
 							children: [
 								/* @__PURE__ */ n("div", {
 									className: "absolute top-1 bottom-1 rounded",
@@ -100,7 +100,7 @@ var a = e(function({ widget: e, data: a, onClick: o }) {
 				}), /* @__PURE__ */ n("div", {
 					className: "flex flex-wrap gap-2",
 					children: c.map((e) => /* @__PURE__ */ r("div", {
-						className: "flex items-center gap-1.5 px-2 py-1 rounded bg-bg-muted",
+						className: "flex items-center gap-1.5 px-2 py-1 rounded bg-bg-sunken",
 						children: [
 							/* @__PURE__ */ n("div", {
 								className: "w-2 h-2 rounded-full",

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/timeline/TimelineWidget.tsx"],"sourcesContent":["/**\n * TimelineWidget Component\n *\n * Simple timeline/gantt view showing project tasks and milestones.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TimelineWidgetProps {\n  widget: Widget;\n  data?: TimelineData;\n  onClick?: (task: TimelineTask) => void;\n}\n\nexport interface TimelineTask {\n  id: string;\n  name: string;\n  start: string;\n  end: string;\n  progress?: number;\n  color?: string;\n  duration?: number;\n  dependencies?: string[];\n}\n\nexport interface TimelineMilestone {\n  id: string;\n  name: string;\n  date: string;\n  color?: string;\n}\n\nexport interface TimelineData {\n  tasks?: TimelineTask[];\n  milestones?: TimelineMilestone[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getProgressColor(progress: number): string {\n  if (progress >= 100) return 'bg-state-success';\n  if (progress >= 50) return 'bg-action-primary-bg';\n  if (progress > 0) return 'bg-state-warning';\n  return 'bg-bg-muted';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TimelineWidget: FC<TimelineWidgetProps> = memo(function TimelineWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const tasks = useMemo(() => data?.tasks || [], [data?.tasks]);\n  const milestones = data?.milestones || [];\n\n  // Calculate date range\n  const { minDate, maxDate, totalDays } = useMemo(() => {\n    if (!tasks.length) {\n      return { minDate: new Date(), maxDate: new Date(), totalDays: 1 };\n    }\n\n    const dates = tasks.flatMap((t) => [new Date(t.start), new Date(t.end)]);\n    const min = new Date(Math.min(...dates.map((d) => d.getTime())));\n    const max = new Date(Math.max(...dates.map((d) => d.getTime())));\n    const days = Math.ceil((max.getTime() - min.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n\n    return { minDate: min, maxDate: max, totalDays: days };\n  }, [tasks]);\n\n  if (!tasks.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n            />\n          </svg>\n          <p>No timeline data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header with date range */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Project Timeline</h3>\n        <span className=\"text-xs text-text-secondary\">\n          {minDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} -{' '}\n          {maxDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n        </span>\n      </div>\n\n      {/* Timeline content */}\n      <div className=\"flex-1 space-y-3 overflow-auto\">\n        {tasks.map((task) => {\n          const startDate = new Date(task.start);\n          const endDate = new Date(task.end);\n          const taskDays = Math.ceil((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n          const startOffset = Math.ceil((startDate.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24));\n          const progress = task.progress ?? 0;\n\n          // Calculate bar position and width as percentages\n          const leftPercent = (startOffset / totalDays) * 100;\n          const widthPercent = (taskDays / totalDays) * 100;\n\n          return (\n            <div\n              key={task.id}\n              className={`\n                  ${onClick ? 'cursor-pointer' : ''}\n                `}\n              onClick={() => onClick?.(task)}\n            >\n              {/* Task name and progress */}\n              <div className=\"flex items-center justify-between mb-1\">\n                <span className=\"text-xs font-medium text-text-primary truncate max-w-[60%]\">{task.name}</span>\n                <span className=\"text-[10px] text-text-secondary\">{progress}%</span>\n              </div>\n\n              {/* Timeline bar */}\n              <div className=\"relative h-6 bg-bg-muted rounded overflow-hidden\">\n                {/* Task bar */}\n                <div\n                  className=\"absolute top-1 bottom-1 rounded\"\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max(widthPercent, 5)}%`,\n                    backgroundColor: task.color || 'var(--color-chart-1)',\n                    opacity: 0.3,\n                  }}\n                />\n\n                {/* Progress fill */}\n                <div\n                  className={`absolute top-1 bottom-1 rounded ${getProgressColor(progress)}`}\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max((widthPercent * progress) / 100, 2)}%`,\n                  }}\n                />\n\n                {/* Date labels */}\n                <div\n                  className=\"absolute top-1/2 -translate-y-1/2 text-[9px] text-text-tertiary\"\n                  style={{ left: `${leftPercent + 1}%` }}\n                >\n                  {startDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Milestones */}\n      {milestones.length > 0 && (\n        <div className=\"mt-4 pt-3 border-t border-border-default\">\n          <p className=\"text-xs font-medium text-text-secondary mb-2\">Milestones</p>\n          <div className=\"flex flex-wrap gap-2\">\n            {milestones.map((milestone) => (\n              <div key={milestone.id} className=\"flex items-center gap-1.5 px-2 py-1 rounded bg-bg-muted\">\n                <div\n                  className=\"w-2 h-2 rounded-full\"\n                  style={{ backgroundColor: milestone.color || 'var(--color-chart-negative)' }}\n                />\n                <span className=\"text-[10px] text-text-primary\">{milestone.name}</span>\n                <span className=\"text-[10px] text-text-tertiary\">\n                  {new Date(milestone.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default TimelineWidget;\n"],"mappings":"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"}
+{"version":3,"file":"TimelineWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/timeline/TimelineWidget.tsx"],"sourcesContent":["/**\n * TimelineWidget Component\n *\n * Simple timeline/gantt view showing project tasks and milestones.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TimelineWidgetProps {\n  widget: Widget;\n  data?: TimelineData;\n  onClick?: (task: TimelineTask) => void;\n}\n\nexport interface TimelineTask {\n  id: string;\n  name: string;\n  start: string;\n  end: string;\n  progress?: number;\n  color?: string;\n  duration?: number;\n  dependencies?: string[];\n}\n\nexport interface TimelineMilestone {\n  id: string;\n  name: string;\n  date: string;\n  color?: string;\n}\n\nexport interface TimelineData {\n  tasks?: TimelineTask[];\n  milestones?: TimelineMilestone[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getProgressColor(progress: number): string {\n  if (progress >= 100) return 'bg-state-success';\n  if (progress >= 50) return 'bg-action-primary-bg';\n  if (progress > 0) return 'bg-state-warning';\n  return 'bg-bg-sunken';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TimelineWidget: FC<TimelineWidgetProps> = memo(function TimelineWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const tasks = useMemo(() => data?.tasks || [], [data?.tasks]);\n  const milestones = data?.milestones || [];\n\n  // Calculate date range\n  const { minDate, maxDate, totalDays } = useMemo(() => {\n    if (!tasks.length) {\n      return { minDate: new Date(), maxDate: new Date(), totalDays: 1 };\n    }\n\n    const dates = tasks.flatMap((t) => [new Date(t.start), new Date(t.end)]);\n    const min = new Date(Math.min(...dates.map((d) => d.getTime())));\n    const max = new Date(Math.max(...dates.map((d) => d.getTime())));\n    const days = Math.ceil((max.getTime() - min.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n\n    return { minDate: min, maxDate: max, totalDays: days };\n  }, [tasks]);\n\n  if (!tasks.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n            />\n          </svg>\n          <p>No timeline data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header with date range */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Project Timeline</h3>\n        <span className=\"text-xs text-text-secondary\">\n          {minDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} -{' '}\n          {maxDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n        </span>\n      </div>\n\n      {/* Timeline content */}\n      <div className=\"flex-1 space-y-3 overflow-auto\">\n        {tasks.map((task) => {\n          const startDate = new Date(task.start);\n          const endDate = new Date(task.end);\n          const taskDays = Math.ceil((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n          const startOffset = Math.ceil((startDate.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24));\n          const progress = task.progress ?? 0;\n\n          // Calculate bar position and width as percentages\n          const leftPercent = (startOffset / totalDays) * 100;\n          const widthPercent = (taskDays / totalDays) * 100;\n\n          return (\n            <div\n              key={task.id}\n              className={`\n                  ${onClick ? 'cursor-pointer' : ''}\n                `}\n              onClick={() => onClick?.(task)}\n            >\n              {/* Task name and progress */}\n              <div className=\"flex items-center justify-between mb-1\">\n                <span className=\"text-xs font-medium text-text-primary truncate max-w-[60%]\">{task.name}</span>\n                <span className=\"text-[10px] text-text-secondary\">{progress}%</span>\n              </div>\n\n              {/* Timeline bar */}\n              <div className=\"relative h-6 bg-bg-sunken rounded overflow-hidden\">\n                {/* Task bar */}\n                <div\n                  className=\"absolute top-1 bottom-1 rounded\"\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max(widthPercent, 5)}%`,\n                    backgroundColor: task.color || 'var(--color-chart-1)',\n                    opacity: 0.3,\n                  }}\n                />\n\n                {/* Progress fill */}\n                <div\n                  className={`absolute top-1 bottom-1 rounded ${getProgressColor(progress)}`}\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max((widthPercent * progress) / 100, 2)}%`,\n                  }}\n                />\n\n                {/* Date labels */}\n                <div\n                  className=\"absolute top-1/2 -translate-y-1/2 text-[9px] text-text-tertiary\"\n                  style={{ left: `${leftPercent + 1}%` }}\n                >\n                  {startDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Milestones */}\n      {milestones.length > 0 && (\n        <div className=\"mt-4 pt-3 border-t border-border-default\">\n          <p className=\"text-xs font-medium text-text-secondary mb-2\">Milestones</p>\n          <div className=\"flex flex-wrap gap-2\">\n            {milestones.map((milestone) => (\n              <div key={milestone.id} className=\"flex items-center gap-1.5 px-2 py-1 rounded bg-bg-sunken\">\n                <div\n                  className=\"w-2 h-2 rounded-full\"\n                  style={{ backgroundColor: milestone.color || 'var(--color-chart-negative)' }}\n                />\n                <span className=\"text-[10px] text-text-primary\">{milestone.name}</span>\n                <span className=\"text-[10px] text-text-tertiary\">\n                  {new Date(milestone.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default TimelineWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/utils/conditionalFormat.js

@@ -70,7 +70,7 @@ var i = {
 	warning: "bg-status-warning-bg",
 	danger: "bg-status-error-bg",
 	info: "bg-status-info-bg",
-	neutral: "bg-bg-muted"
+	neutral: "bg-bg-sunken"
 };
 function o(e) {
 	if (!e) return "";
@@ -82,7 +82,7 @@ var s = {
 	warning: "bg-status-warning-bg-subtle",
 	danger: "bg-status-error-bg-subtle",
 	info: "bg-status-info-bg-subtle",
-	neutral: "bg-bg-muted"
+	neutral: "bg-bg-sunken"
 }, c = {
 	success: "border-l-4 border-status-success-border",
 	warning: "border-l-4 border-status-warning-border",