@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"PivotTableWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/pivot-table/PivotTableWidget.tsx"],"sourcesContent":["/**\n * PivotTableWidget Component\n *\n * Interactive pivot table for data analysis with rows, columns, and aggregations.\n * v2.0 spec compliant widget type.\n *\n * In edit mode it exposes a drag-and-drop field shelf: fields can be dragged\n * between the Rows / Columns / Values / Available zones, the pivot recomputes\n * live, and the new layout is persisted to widget config so it survives reload.\n */\n\nimport type { JSX } from 'react';\nimport { type FC, memo, useMemo, useState, useCallback } from 'react';\nimport type { Widget, PivotTableConfig as PivotTableConfigType, PivotValueField } from '../../../types';\nimport { ChevronDown, ChevronRight, Settings, GripVertical } from 'lucide-react';\nimport { useIsEditMode } from '../../../store';\nimport { useWidgetOperations } from '../../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n// Re-export types from main types file\nexport type PivotTableConfig = PivotTableConfigType;\nexport type ValueField = PivotValueField;\n\nexport interface PivotTableWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** Raw data array */\n  data?: Record<string, unknown> | Record<string, unknown>[];\n  /** Whether the widget is in edit mode */\n  isEditMode?: boolean;\n  /** Whether the widget is selected */\n  isSelected?: boolean;\n  /** Whether data is loading */\n  isLoading?: boolean;\n  /** Error message if any */\n  error?: string | null;\n  /** Callback when widget is clicked */\n  onClick?: () => void;\n  /** Drilldown handler */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\ninterface PivotNode {\n  key: string;\n  values: Record<string, number>;\n  children: Map<string, PivotNode>;\n  expanded: boolean;\n  depth: number;\n}\n\n/** The arrangement of fields across the pivot's three field zones. */\ninterface PivotLayout {\n  rows: string[];\n  columns: string[];\n  values: ValueField[];\n}\n\n/** Drop targets for the drag-and-drop field shelf. */\ntype PivotZone = 'rows' | 'columns' | 'values' | 'available';\n\nconst AGGREGATIONS: ValueField['aggregation'][] = ['sum', 'count', 'average', 'min', 'max'];\n\n// ============================================================================\n// Aggregation Functions\n// ============================================================================\n\nconst aggregationFunctions: Record<string, (values: number[]) => number> = {\n  sum: (values) => values.reduce((a, b) => a + b, 0),\n  count: (values) => values.length,\n  average: (values) => (values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0),\n  min: (values) => (values.length ? Math.min(...values) : 0),\n  max: (values) => (values.length ? Math.max(...values) : 0),\n};\n\n// ============================================================================\n// Pivot Engine\n// ============================================================================\n\nfunction buildPivotTree(\n  data: Record<string, unknown>[],\n  rowFields: string[],\n  valueFields: ValueField[],\n  depth: number = 0\n): PivotNode {\n  const root: PivotNode = {\n    key: 'root',\n    values: {},\n    children: new Map(),\n    expanded: true,\n    depth,\n  };\n\n  if (rowFields.length === 0) {\n    // Leaf level - aggregate values\n    for (const vf of valueFields) {\n      const values = data.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      root.values[vf.field] = aggregationFunctions[vf.aggregation](values);\n    }\n    return root;\n  }\n\n  const currentField = rowFields[0];\n  const remainingFields = rowFields.slice(1);\n\n  // Group data by current field\n  const groups = new Map<string, Record<string, unknown>[]>();\n  for (const row of data) {\n    const key = String(row[currentField] ?? 'Unknown');\n    if (!groups.has(key)) {\n      groups.set(key, []);\n    }\n    groups.get(key)!.push(row);\n  }\n\n  // Build children recursively\n  for (const [key, groupData] of groups) {\n    const childNode = buildPivotTree(groupData, remainingFields, valueFields, depth + 1);\n    childNode.key = key;\n    root.children.set(key, childNode);\n  }\n\n  // Calculate aggregates for this level\n  for (const vf of valueFields) {\n    const values = data.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n    root.values[vf.field] = aggregationFunctions[vf.aggregation](values);\n  }\n\n  return root;\n}\n\nfunction getColumnValues(data: Record<string, unknown>[], columnFields: string[]): string[] {\n  if (columnFields.length === 0) return ['Total'];\n\n  const columnField = columnFields[0];\n  const uniqueValues = new Set<string>();\n  for (const row of data) {\n    uniqueValues.add(String(row[columnField] ?? 'Unknown'));\n  }\n  return Array.from(uniqueValues).sort();\n}\n\nfunction getValuesByColumn(\n  data: Record<string, unknown>[],\n  columnFields: string[],\n  valueFields: ValueField[],\n  rowFilter: Record<string, string>\n): Map<string, Record<string, number>> {\n  // Filter data by row values\n  let filteredData = data;\n  for (const [field, value] of Object.entries(rowFilter)) {\n    filteredData = filteredData.filter((row) => String(row[field]) === value);\n  }\n\n  const result = new Map<string, Record<string, number>>();\n\n  if (columnFields.length === 0) {\n    // No column grouping - just aggregate\n    const values: Record<string, number> = {};\n    for (const vf of valueFields) {\n      const nums = filteredData.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      values[vf.field] = aggregationFunctions[vf.aggregation](nums);\n    }\n    result.set('Total', values);\n    return result;\n  }\n\n  const columnField = columnFields[0];\n  const columnValues = getColumnValues(data, columnFields);\n\n  for (const colValue of columnValues) {\n    const colData = filteredData.filter((row) => String(row[columnField]) === colValue);\n    const values: Record<string, number> = {};\n    for (const vf of valueFields) {\n      const nums = colData.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      values[vf.field] = aggregationFunctions[vf.aggregation](nums);\n    }\n    result.set(colValue, values);\n  }\n\n  return result;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const PivotTableWidget: FC<PivotTableWidgetProps> = memo(function PivotTableWidget({\n  widget,\n  data: rawData = [],\n  onDrilldown,\n}) {\n  // Normalize data to array format\n  const data = useMemo(() => (Array.isArray(rawData) ? rawData : []), [rawData]);\n  const config: PivotTableConfig = useMemo(() => {\n    const defaultConfig: PivotTableConfig = {\n      rows: [],\n      columns: [],\n      values: [],\n      showRowTotals: true,\n      showColumnTotals: true,\n      showGrandTotal: true,\n      expandable: true,\n      numberFormat: 'number',\n      decimalPlaces: 0,\n    };\n    return widget.config ? { ...defaultConfig, ...(widget.config as Partial<PivotTableConfig>) } : defaultConfig;\n  }, [widget.config]);\n\n  const isEditMode = useIsEditMode();\n  const { updateWidget } = useWidgetOperations(undefined, undefined, { skipFetch: true });\n\n  // Field arrangement is local state so dragging recomputes the pivot instantly.\n  // Seeded from config and kept in sync with it: if config changes externally\n  // (properties panel, undo, another editor), we re-seed during render via the\n  // \"adjust state on prop change\" pattern. Our own persist round-trip re-seeds\n  // to the identical layout, so it can't loop.\n  const configSig = JSON.stringify({ rows: config.rows, columns: config.columns, values: config.values });\n  const [layout, setLayout] = useState<PivotLayout>({\n    rows: config.rows,\n    columns: config.columns,\n    values: config.values,\n  });\n  const [seededSig, setSeededSig] = useState(configSig);\n  if (configSig !== seededSig) {\n    // Config changed externally → re-seed during render (React's documented\n    // \"adjusting state on prop change\" pattern). Our own persist re-seeds to the\n    // identical layout, so this can't loop.\n    setSeededSig(configSig);\n    setLayout({ rows: config.rows, columns: config.columns, values: config.values });\n  }\n\n  const { rows: rowFields, columns: columnFields, values: valueFields } = layout;\n\n  // Persist the layout to config (edit mode only — viewers explore locally).\n  const persistLayout = useCallback(\n    (next: PivotLayout) => {\n      if (!isEditMode) return;\n      void updateWidget({\n        id: widget.id,\n        config: {\n          ...(widget.config as Record<string, unknown> | undefined),\n          rows: next.rows,\n          columns: next.columns,\n          values: next.values,\n        },\n      });\n    },\n    [isEditMode, updateWidget, widget.id, widget.config]\n  );\n\n  const applyLayout = useCallback(\n    (next: PivotLayout) => {\n      setLayout(next);\n      persistLayout(next);\n    },\n    [persistLayout]\n  );\n\n  const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set(['root']));\n\n  // Build pivot structure\n  const pivotTree = useMemo(() => {\n    return buildPivotTree(data, rowFields, valueFields);\n  }, [data, rowFields, valueFields]);\n\n  const columnValues = useMemo(() => {\n    return getColumnValues(data, columnFields);\n  }, [data, columnFields]);\n\n  // Grand totals per column for the footer — computed once (was previously\n  // recomputed for every column value inside the footer's render loop).\n  const footerColumnData = useMemo(\n    () => (config.showColumnTotals ? getValuesByColumn(data, columnFields, valueFields, {}) : null),\n    [config.showColumnTotals, data, columnFields, valueFields]\n  );\n\n  // All fields present in the data, and those not yet placed in a zone.\n  const allFields = useMemo(() => (data.length > 0 ? Object.keys(data[0]) : []), [data]);\n  const availableFields = useMemo(() => {\n    const used = new Set<string>([...rowFields, ...columnFields, ...valueFields.map((v) => v.field)]);\n    return allFields.filter((f) => !used.has(f));\n  }, [allFields, rowFields, columnFields, valueFields]);\n\n  // Move a field from one zone to another and recompute + persist.\n  const moveField = useCallback(\n    (field: string, from: PivotZone, to: PivotZone) => {\n      if (from === to) return;\n      const next: PivotLayout = {\n        rows: from === 'rows' ? rowFields.filter((f) => f !== field) : [...rowFields],\n        columns: from === 'columns' ? columnFields.filter((f) => f !== field) : [...columnFields],\n        values: from === 'values' ? valueFields.filter((v) => v.field !== field) : [...valueFields],\n      };\n      if (to === 'rows' && !next.rows.includes(field)) next.rows.push(field);\n      else if (to === 'columns' && !next.columns.includes(field)) next.columns.push(field);\n      else if (to === 'values' && !next.values.some((v) => v.field === field)) {\n        next.values.push({ field, aggregation: 'sum' });\n      }\n      applyLayout(next);\n    },\n    [rowFields, columnFields, valueFields, applyLayout]\n  );\n\n  const changeAggregation = useCallback(\n    (field: string, aggregation: ValueField['aggregation']) => {\n      applyLayout({\n        rows: [...rowFields],\n        columns: [...columnFields],\n        values: valueFields.map((v) => (v.field === field ? { ...v, aggregation } : v)),\n      });\n    },\n    [rowFields, columnFields, valueFields, applyLayout]\n  );\n\n  // Format number based on config\n  const formatValue = useCallback(\n    (value: number): string => {\n      if (isNaN(value)) return '-';\n\n      switch (config.numberFormat) {\n        case 'currency':\n          return new Intl.NumberFormat('en-US', {\n            style: 'currency',\n            currency: 'USD',\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value);\n        case 'percentage':\n          return new Intl.NumberFormat('en-US', {\n            style: 'percent',\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value / 100);\n        default:\n          return new Intl.NumberFormat('en-US', {\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value);\n      }\n    },\n    [config.numberFormat, config.decimalPlaces]\n  );\n\n  // Toggle row expansion\n  const toggleRow = useCallback((rowPath: string) => {\n    setExpandedRows((prev) => {\n      const next = new Set(prev);\n      if (next.has(rowPath)) {\n        next.delete(rowPath);\n      } else {\n        next.add(rowPath);\n      }\n      return next;\n    });\n  }, []);\n\n  // Handle cell click for drilldown\n  const handleCellClick = useCallback(\n    (rowFilter: Record<string, string>, columnValue: string) => {\n      if (onDrilldown) {\n        onDrilldown({\n          rowFilter,\n          columnValue,\n          type: 'pivot_cell_click',\n        });\n      }\n    },\n    [onDrilldown]\n  );\n\n  // Render row recursively\n  const renderRows = useCallback(\n    (node: PivotNode, rowFilter: Record<string, string>, parentPath: string, depth: number): JSX.Element[] => {\n      const rows: JSX.Element[] = [];\n      const hasChildren = node.children.size > 0;\n      const isExpanded = expandedRows.has(parentPath);\n      const rowField = rowFields[depth - 1];\n\n      if (depth > 0) {\n        const columnData = getValuesByColumn(data, columnFields, valueFields, rowFilter);\n\n        rows.push(\n          <tr key={parentPath} className=\"hover:bg-bg-sunken/50 transition-colors\">\n            {/* Row header */}\n            <td\n              className=\"sticky left-0 bg-bg-surface border-r border-border-default px-3 py-2 font-medium text-sm\"\n              style={{ paddingLeft: `${depth * 16 + 8}px` }}\n            >\n              <div className=\"flex items-center gap-1\">\n                {config.expandable && hasChildren && (\n                  <button\n                    type=\"button\"\n                    onClick={() => toggleRow(parentPath)}\n                    className=\"p-0.5 hover:bg-bg-sunken rounded\"\n                  >\n                    {isExpanded ? (\n                      <ChevronDown className=\"w-4 h-4 text-text-secondary\" />\n                    ) : (\n                      <ChevronRight className=\"w-4 h-4 text-text-secondary\" />\n                    )}\n                  </button>\n                )}\n                {!hasChildren && config.expandable && <span className=\"w-5\" />}\n                <span>{node.key}</span>\n              </div>\n            </td>\n\n            {/* Value cells */}\n            {columnValues.map((colValue) => {\n              const cellValues = columnData.get(colValue) || {};\n              return valueFields.map((vf) => (\n                <td\n                  key={`${colValue}-${vf.field}`}\n                  className=\"px-3 py-2 text-sm text-right tabular-nums cursor-pointer hover:bg-action-primary-bg/10\"\n                  onClick={() => handleCellClick(rowFilter, colValue)}\n                >\n                  {formatValue(cellValues[vf.field] || 0)}\n                </td>\n              ));\n            })}\n\n            {/* Row total */}\n            {config.showRowTotals &&\n              valueFields.map((vf) => (\n                <td\n                  key={`total-${vf.field}`}\n                  className=\"px-3 py-2 text-sm text-right tabular-nums font-medium bg-bg-sunken/30\"\n                >\n                  {formatValue(node.values[vf.field] || 0)}\n                </td>\n              ))}\n          </tr>\n        );\n      }\n\n      // Render children if expanded\n      if (hasChildren && (isExpanded || depth === 0)) {\n        const sortedKeys = Array.from(node.children.keys()).sort();\n        for (const childKey of sortedKeys) {\n          const childNode = node.children.get(childKey)!;\n          const childPath = `${parentPath}/${childKey}`;\n          const childFilter = rowField ? { ...rowFilter, [rowField]: childKey } : rowFilter;\n          rows.push(...renderRows(childNode, childFilter, childPath, depth + 1));\n        }\n      }\n\n      return rows;\n    },\n    [\n      data,\n      config,\n      rowFields,\n      columnFields,\n      valueFields,\n      columnValues,\n      expandedRows,\n      formatValue,\n      handleCellClick,\n      toggleRow,\n    ]\n  );\n\n  const hasLayout = rowFields.length > 0 || valueFields.length > 0;\n\n  // No data state\n  if (data.length === 0) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full p-8 text-text-secondary\">\n        <Settings className=\"w-12 h-12 mb-4 opacity-50\" />\n        <p className=\"text-sm\">No data available</p>\n        <p className=\"text-xs mt-1\">Configure data source to populate pivot table</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full overflow-hidden\">\n      {/* Drag-and-drop field shelf (edit mode) */}\n      {isEditMode && (\n        <PivotFieldShelf\n          rowFields={rowFields}\n          columnFields={columnFields}\n          valueFields={valueFields}\n          availableFields={availableFields}\n          onMoveField={moveField}\n          onChangeAggregation={changeAggregation}\n        />\n      )}\n\n      {!hasLayout ? (\n        <div className=\"flex flex-col items-center justify-center flex-1 p-8 text-text-secondary\">\n          <Settings className=\"w-12 h-12 mb-4 opacity-50\" />\n          <p className=\"text-sm\">Configure Pivot Table</p>\n          <p className=\"text-xs mt-1\">\n            {isEditMode\n              ? 'Drag fields into the Rows and Values zones above'\n              : 'Add row fields and value fields in widget settings'}\n          </p>\n        </div>\n      ) : (\n        <div className=\"flex-1 overflow-auto\">\n          <table className=\"w-full border-collapse\">\n            {/* Header */}\n            <thead className=\"sticky top-0 z-10\">\n              {/* Column headers row */}\n              <tr className=\"bg-bg-sunken\">\n                <th className=\"sticky left-0 bg-bg-sunken border-r border-b border-border-default px-3 py-2 text-left text-xs font-semibold uppercase tracking-wider text-text-secondary\">\n                  {rowFields.length > 0 ? rowFields.map((r) => r.replace(/_/g, ' ')).join(' / ') : 'Values'}\n                </th>\n\n                {/* Column value headers */}\n                {columnValues.map((colValue) => (\n                  <th\n                    key={colValue}\n                    colSpan={valueFields.length || 1}\n                    className=\"border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary\"\n                  >\n                    {colValue}\n                  </th>\n                ))}\n\n                {/* Total header */}\n                {config.showRowTotals && (\n                  <th\n                    colSpan={valueFields.length || 1}\n                    className=\"border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary bg-bg-sunken/50\"\n                  >\n                    Total\n                  </th>\n                )}\n              </tr>\n\n              {/* Value field headers row (if multiple values) */}\n              {valueFields.length > 1 && (\n                <tr className=\"bg-bg-surface\">\n                  <th className=\"sticky left-0 bg-bg-surface border-r border-b border-border-default\" />\n                  {columnValues.map((colValue) =>\n                    valueFields.map((vf) => (\n                      <th\n                        key={`${colValue}-${vf.field}`}\n                        className=\"border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary\"\n                      >\n                        {vf.label || vf.field.replace(/_/g, ' ')}\n                      </th>\n                    ))\n                  )}\n                  {config.showRowTotals &&\n                    valueFields.map((vf) => (\n                      <th\n                        key={`total-${vf.field}`}\n                        className=\"border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary bg-bg-sunken/30\"\n                      >\n                        {vf.label || vf.field.replace(/_/g, ' ')}\n                      </th>\n                    ))}\n                </tr>\n              )}\n            </thead>\n\n            {/* Body */}\n            <tbody className=\"divide-y divide-border-default\">{renderRows(pivotTree, {}, 'root', 0)}</tbody>\n\n            {/* Footer with column totals */}\n            {config.showColumnTotals && (\n              <tfoot>\n                <tr className=\"bg-bg-sunken/50 font-medium\">\n                  <td className=\"sticky left-0 bg-bg-sunken/50 border-r border-t border-border-default px-3 py-2 text-sm\">\n                    Total\n                  </td>\n                  {columnValues.map((colValue) => {\n                    const cellValues = footerColumnData?.get(colValue) || {};\n                    return valueFields.map((vf) => (\n                      <td\n                        key={`footer-${colValue}-${vf.field}`}\n                        className=\"border-t border-border-default px-3 py-2 text-sm text-right tabular-nums\"\n                      >\n                        {formatValue(cellValues[vf.field] || 0)}\n                      </td>\n                    ));\n                  })}\n                  {config.showRowTotals &&\n                    config.showGrandTotal &&\n                    valueFields.map((vf) => (\n                      <td\n                        key={`grand-${vf.field}`}\n                        className=\"border-t border-border-default px-3 py-2 text-sm text-right tabular-nums font-bold bg-bg-sunken\"\n                      >\n                        {formatValue(pivotTree.values[vf.field] || 0)}\n                      </td>\n                    ))}\n                </tr>\n              </tfoot>\n            )}\n          </table>\n        </div>\n      )}\n    </div>\n  );\n});\n\n// ============================================================================\n// Field shelf (drag-and-drop zones)\n// ============================================================================\n\ninterface PivotFieldShelfProps {\n  rowFields: string[];\n  columnFields: string[];\n  valueFields: ValueField[];\n  availableFields: string[];\n  onMoveField: (field: string, from: PivotZone, to: PivotZone) => void;\n  onChangeAggregation: (field: string, aggregation: ValueField['aggregation']) => void;\n}\n\nconst DND_MIME = 'application/x-pivot-field';\n\nconst PivotFieldShelf: FC<PivotFieldShelfProps> = ({\n  rowFields,\n  columnFields,\n  valueFields,\n  availableFields,\n  onMoveField,\n  onChangeAggregation,\n}) => {\n  const [dragOverZone, setDragOverZone] = useState<PivotZone | null>(null);\n\n  const handleDrop = (zone: PivotZone) => (e: React.DragEvent) => {\n    e.preventDefault();\n    // Isolate the shelf's internal DnD from the dashboard canvas drop zone. The\n    // canvas onDragOver forces dropEffect='copy' (for palette widget drops); left\n    // to bubble, that conflicts with the chips' effectAllowed='move' and the\n    // browser rejects the drop entirely (drop event never fires).\n    e.stopPropagation();\n    setDragOverZone(null);\n    const raw = e.dataTransfer.getData(DND_MIME) || e.dataTransfer.getData('text/plain');\n    if (!raw) return;\n    try {\n      const { field, from } = JSON.parse(raw) as { field: string; from: PivotZone };\n      if (field) onMoveField(field, from, zone);\n    } catch {\n      // Ignore malformed drag payloads.\n    }\n  };\n\n  const chip = (field: string, from: PivotZone, vf?: ValueField) => (\n    <span\n      key={field}\n      draggable\n      onDragStart={(e) => {\n        const payload = JSON.stringify({ field, from });\n        e.dataTransfer.setData(DND_MIME, payload);\n        e.dataTransfer.setData('text/plain', payload);\n        e.dataTransfer.effectAllowed = 'move';\n      }}\n      className=\"inline-flex items-center gap-1 px-2 py-1 rounded-md bg-bg-surface border border-border-default text-xs text-text-primary cursor-grab\"\n    >\n      <GripVertical className=\"w-3 h-3 text-text-tertiary\" aria-hidden=\"true\" />\n      <span>{(vf?.label || field).replace(/_/g, ' ')}</span>\n      {vf && (\n        <select\n          value={vf.aggregation}\n          onChange={(e) => onChangeAggregation(field, e.target.value as ValueField['aggregation'])}\n          onClick={(e) => e.stopPropagation()}\n          aria-label={`Aggregation for ${field}`}\n          className=\"ml-1 bg-bg-sunken text-text-secondary rounded px-1 py-0.5 text-[10px] uppercase\"\n        >\n          {AGGREGATIONS.map((agg) => (\n            <option key={agg} value={agg}>\n              {agg}\n            </option>\n          ))}\n        </select>\n      )}\n    </span>\n  );\n\n  const zone = (label: string, name: PivotZone, children: JSX.Element[] | JSX.Element) => (\n    <div\n      onDragOver={(e) => {\n        e.preventDefault();\n        // Stop bubbling to the canvas onDragOver, which would override\n        // dropEffect to 'copy' and make the browser reject this 'move' drop.\n        e.stopPropagation();\n        e.dataTransfer.dropEffect = 'move';\n        if (dragOverZone !== name) {\n          setDragOverZone(name);\n        }\n      }}\n      onDragLeave={() => setDragOverZone((z) => (z === name ? null : z))}\n      onDrop={handleDrop(name)}\n      className={`flex-1 min-w-[8rem] rounded-md border p-2 transition-colors ${\n        dragOverZone === name\n          ? 'border-action-primary-bg bg-action-primary-bg/5'\n          : 'border-border-default bg-bg-sunken/30'\n      }`}\n    >\n      <div className=\"text-[10px] font-semibold uppercase tracking-wider text-text-tertiary mb-1.5\">{label}</div>\n      <div className=\"flex flex-wrap gap-1.5 min-h-[1.75rem]\">{children}</div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex flex-wrap gap-2 p-2 border-b border-border-default bg-bg-surface\">\n      {zone(\n        'Rows',\n        'rows',\n        rowFields.map((f) => chip(f, 'rows'))\n      )}\n      {zone(\n        'Columns',\n        'columns',\n        columnFields.map((f) => chip(f, 'columns'))\n      )}\n      {zone(\n        'Values',\n        'values',\n        valueFields.map((vf) => chip(vf.field, 'values', vf))\n      )}\n      {zone(\n        'Available',\n        'available',\n        availableFields.length > 0 ? (\n          availableFields.map((f) => chip(f, 'available'))\n        ) : (\n          <span className=\"text-[11px] text-text-tertiary italic\">All fields in use</span>\n        )\n      )}\n    </div>\n  );\n};\n\nexport default PivotTableWidget;\n"],"mappings":"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"}
+{"version":3,"file":"PivotTableWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/pivot-table/PivotTableWidget.tsx"],"sourcesContent":["/**\n * PivotTableWidget Component\n *\n * Interactive pivot table for data analysis with rows, columns, and aggregations.\n * v2.0 spec compliant widget type.\n *\n * In edit mode it exposes a drag-and-drop field shelf: fields can be dragged\n * between the Rows / Columns / Values / Available zones, the pivot recomputes\n * live, and the new layout is persisted to widget config so it survives reload.\n */\n\nimport type { JSX } from 'react';\nimport { type FC, memo, useMemo, useState, useCallback } from 'react';\nimport type { Widget, PivotTableConfig as PivotTableConfigType, PivotValueField } from '../../../types';\nimport { ChevronDown, ChevronRight, Settings, GripVertical } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useIsEditMode } from '../../../store';\nimport { useWidgetOperations } from '../../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n// Re-export types from main types file\nexport type PivotTableConfig = PivotTableConfigType;\nexport type ValueField = PivotValueField;\n\nexport interface PivotTableWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** Raw data array */\n  data?: Record<string, unknown> | Record<string, unknown>[];\n  /** Whether the widget is in edit mode */\n  isEditMode?: boolean;\n  /** Whether the widget is selected */\n  isSelected?: boolean;\n  /** Whether data is loading */\n  isLoading?: boolean;\n  /** Error message if any */\n  error?: string | null;\n  /** Callback when widget is clicked */\n  onClick?: () => void;\n  /** Drilldown handler */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\ninterface PivotNode {\n  key: string;\n  values: Record<string, number>;\n  children: Map<string, PivotNode>;\n  expanded: boolean;\n  depth: number;\n}\n\n/** The arrangement of fields across the pivot's three field zones. */\ninterface PivotLayout {\n  rows: string[];\n  columns: string[];\n  values: ValueField[];\n}\n\n/** Drop targets for the drag-and-drop field shelf. */\ntype PivotZone = 'rows' | 'columns' | 'values' | 'available';\n\nconst AGGREGATIONS: ValueField['aggregation'][] = ['sum', 'count', 'average', 'min', 'max'];\n\n// ============================================================================\n// Aggregation Functions\n// ============================================================================\n\nconst aggregationFunctions: Record<string, (values: number[]) => number> = {\n  sum: (values) => values.reduce((a, b) => a + b, 0),\n  count: (values) => values.length,\n  average: (values) => (values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0),\n  min: (values) => (values.length ? Math.min(...values) : 0),\n  max: (values) => (values.length ? Math.max(...values) : 0),\n};\n\n// ============================================================================\n// Pivot Engine\n// ============================================================================\n\nfunction buildPivotTree(\n  data: Record<string, unknown>[],\n  rowFields: string[],\n  valueFields: ValueField[],\n  depth: number = 0\n): PivotNode {\n  const root: PivotNode = {\n    key: 'root',\n    values: {},\n    children: new Map(),\n    expanded: true,\n    depth,\n  };\n\n  if (rowFields.length === 0) {\n    // Leaf level - aggregate values\n    for (const vf of valueFields) {\n      const values = data.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      root.values[vf.field] = aggregationFunctions[vf.aggregation](values);\n    }\n    return root;\n  }\n\n  const currentField = rowFields[0];\n  const remainingFields = rowFields.slice(1);\n\n  // Group data by current field\n  const groups = new Map<string, Record<string, unknown>[]>();\n  for (const row of data) {\n    const key = String(row[currentField] ?? 'Unknown');\n    if (!groups.has(key)) {\n      groups.set(key, []);\n    }\n    groups.get(key)!.push(row);\n  }\n\n  // Build children recursively\n  for (const [key, groupData] of groups) {\n    const childNode = buildPivotTree(groupData, remainingFields, valueFields, depth + 1);\n    childNode.key = key;\n    root.children.set(key, childNode);\n  }\n\n  // Calculate aggregates for this level\n  for (const vf of valueFields) {\n    const values = data.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n    root.values[vf.field] = aggregationFunctions[vf.aggregation](values);\n  }\n\n  return root;\n}\n\nfunction getColumnValues(data: Record<string, unknown>[], columnFields: string[]): string[] {\n  if (columnFields.length === 0) return ['Total'];\n\n  const columnField = columnFields[0];\n  const uniqueValues = new Set<string>();\n  for (const row of data) {\n    uniqueValues.add(String(row[columnField] ?? 'Unknown'));\n  }\n  return Array.from(uniqueValues).sort();\n}\n\nfunction getValuesByColumn(\n  data: Record<string, unknown>[],\n  columnFields: string[],\n  valueFields: ValueField[],\n  rowFilter: Record<string, string>\n): Map<string, Record<string, number>> {\n  // Filter data by row values\n  let filteredData = data;\n  for (const [field, value] of Object.entries(rowFilter)) {\n    filteredData = filteredData.filter((row) => String(row[field]) === value);\n  }\n\n  const result = new Map<string, Record<string, number>>();\n\n  if (columnFields.length === 0) {\n    // No column grouping - just aggregate\n    const values: Record<string, number> = {};\n    for (const vf of valueFields) {\n      const nums = filteredData.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      values[vf.field] = aggregationFunctions[vf.aggregation](nums);\n    }\n    result.set('Total', values);\n    return result;\n  }\n\n  const columnField = columnFields[0];\n  const columnValues = getColumnValues(data, columnFields);\n\n  for (const colValue of columnValues) {\n    const colData = filteredData.filter((row) => String(row[columnField]) === colValue);\n    const values: Record<string, number> = {};\n    for (const vf of valueFields) {\n      const nums = colData.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      values[vf.field] = aggregationFunctions[vf.aggregation](nums);\n    }\n    result.set(colValue, values);\n  }\n\n  return result;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const PivotTableWidget: FC<PivotTableWidgetProps> = memo(function PivotTableWidget({\n  widget,\n  data: rawData = [],\n  onDrilldown,\n}) {\n  const { t } = useI18n();\n  // Normalize data to array format\n  const data = useMemo(() => (Array.isArray(rawData) ? rawData : []), [rawData]);\n  const config: PivotTableConfig = useMemo(() => {\n    const defaultConfig: PivotTableConfig = {\n      rows: [],\n      columns: [],\n      values: [],\n      showRowTotals: true,\n      showColumnTotals: true,\n      showGrandTotal: true,\n      expandable: true,\n      numberFormat: 'number',\n      decimalPlaces: 0,\n    };\n    return widget.config ? { ...defaultConfig, ...(widget.config as Partial<PivotTableConfig>) } : defaultConfig;\n  }, [widget.config]);\n\n  const isEditMode = useIsEditMode();\n  const { updateWidget } = useWidgetOperations(undefined, undefined, { skipFetch: true });\n\n  // Field arrangement is local state so dragging recomputes the pivot instantly.\n  // Seeded from config and kept in sync with it: if config changes externally\n  // (properties panel, undo, another editor), we re-seed during render via the\n  // \"adjust state on prop change\" pattern. Our own persist round-trip re-seeds\n  // to the identical layout, so it can't loop.\n  const configSig = JSON.stringify({ rows: config.rows, columns: config.columns, values: config.values });\n  const [layout, setLayout] = useState<PivotLayout>({\n    rows: config.rows,\n    columns: config.columns,\n    values: config.values,\n  });\n  const [seededSig, setSeededSig] = useState(configSig);\n  if (configSig !== seededSig) {\n    // Config changed externally → re-seed during render (React's documented\n    // \"adjusting state on prop change\" pattern). Our own persist re-seeds to the\n    // identical layout, so this can't loop.\n    setSeededSig(configSig);\n    setLayout({ rows: config.rows, columns: config.columns, values: config.values });\n  }\n\n  const { rows: rowFields, columns: columnFields, values: valueFields } = layout;\n\n  // Persist the layout to config (edit mode only — viewers explore locally).\n  const persistLayout = useCallback(\n    (next: PivotLayout) => {\n      if (!isEditMode) return;\n      void updateWidget({\n        id: widget.id,\n        config: {\n          ...(widget.config as Record<string, unknown> | undefined),\n          rows: next.rows,\n          columns: next.columns,\n          values: next.values,\n        },\n      });\n    },\n    [isEditMode, updateWidget, widget.id, widget.config]\n  );\n\n  const applyLayout = useCallback(\n    (next: PivotLayout) => {\n      setLayout(next);\n      persistLayout(next);\n    },\n    [persistLayout]\n  );\n\n  const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set(['root']));\n\n  // Build pivot structure\n  const pivotTree = useMemo(() => {\n    return buildPivotTree(data, rowFields, valueFields);\n  }, [data, rowFields, valueFields]);\n\n  const columnValues = useMemo(() => {\n    return getColumnValues(data, columnFields);\n  }, [data, columnFields]);\n\n  // Grand totals per column for the footer — computed once (was previously\n  // recomputed for every column value inside the footer's render loop).\n  const footerColumnData = useMemo(\n    () => (config.showColumnTotals ? getValuesByColumn(data, columnFields, valueFields, {}) : null),\n    [config.showColumnTotals, data, columnFields, valueFields]\n  );\n\n  // All fields present in the data, and those not yet placed in a zone.\n  const allFields = useMemo(() => (data.length > 0 ? Object.keys(data[0]) : []), [data]);\n  const availableFields = useMemo(() => {\n    const used = new Set<string>([...rowFields, ...columnFields, ...valueFields.map((v) => v.field)]);\n    return allFields.filter((f) => !used.has(f));\n  }, [allFields, rowFields, columnFields, valueFields]);\n\n  // Move a field from one zone to another and recompute + persist.\n  const moveField = useCallback(\n    (field: string, from: PivotZone, to: PivotZone) => {\n      if (from === to) return;\n      const next: PivotLayout = {\n        rows: from === 'rows' ? rowFields.filter((f) => f !== field) : [...rowFields],\n        columns: from === 'columns' ? columnFields.filter((f) => f !== field) : [...columnFields],\n        values: from === 'values' ? valueFields.filter((v) => v.field !== field) : [...valueFields],\n      };\n      if (to === 'rows' && !next.rows.includes(field)) next.rows.push(field);\n      else if (to === 'columns' && !next.columns.includes(field)) next.columns.push(field);\n      else if (to === 'values' && !next.values.some((v) => v.field === field)) {\n        next.values.push({ field, aggregation: 'sum' });\n      }\n      applyLayout(next);\n    },\n    [rowFields, columnFields, valueFields, applyLayout]\n  );\n\n  const changeAggregation = useCallback(\n    (field: string, aggregation: ValueField['aggregation']) => {\n      applyLayout({\n        rows: [...rowFields],\n        columns: [...columnFields],\n        values: valueFields.map((v) => (v.field === field ? { ...v, aggregation } : v)),\n      });\n    },\n    [rowFields, columnFields, valueFields, applyLayout]\n  );\n\n  // Format number based on config\n  const formatValue = useCallback(\n    (value: number): string => {\n      if (isNaN(value)) return '-';\n\n      switch (config.numberFormat) {\n        case 'currency':\n          return new Intl.NumberFormat('en-US', {\n            style: 'currency',\n            currency: 'USD',\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value);\n        case 'percentage':\n          return new Intl.NumberFormat('en-US', {\n            style: 'percent',\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value / 100);\n        default:\n          return new Intl.NumberFormat('en-US', {\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value);\n      }\n    },\n    [config.numberFormat, config.decimalPlaces]\n  );\n\n  // Toggle row expansion\n  const toggleRow = useCallback((rowPath: string) => {\n    setExpandedRows((prev) => {\n      const next = new Set(prev);\n      if (next.has(rowPath)) {\n        next.delete(rowPath);\n      } else {\n        next.add(rowPath);\n      }\n      return next;\n    });\n  }, []);\n\n  // Handle cell click for drilldown\n  const handleCellClick = useCallback(\n    (rowFilter: Record<string, string>, columnValue: string) => {\n      if (onDrilldown) {\n        onDrilldown({\n          rowFilter,\n          columnValue,\n          type: 'pivot_cell_click',\n        });\n      }\n    },\n    [onDrilldown]\n  );\n\n  // Render row recursively\n  const renderRows = useCallback(\n    (node: PivotNode, rowFilter: Record<string, string>, parentPath: string, depth: number): JSX.Element[] => {\n      const rows: JSX.Element[] = [];\n      const hasChildren = node.children.size > 0;\n      const isExpanded = expandedRows.has(parentPath);\n      const rowField = rowFields[depth - 1];\n\n      if (depth > 0) {\n        const columnData = getValuesByColumn(data, columnFields, valueFields, rowFilter);\n\n        rows.push(\n          <tr key={parentPath} className=\"hover:bg-bg-sunken/50 transition-colors\">\n            {/* Row header */}\n            <td\n              className=\"sticky left-0 bg-bg-surface border-r border-border-default px-3 py-2 font-medium text-sm\"\n              style={{ paddingLeft: `${depth * 16 + 8}px` }}\n            >\n              <div className=\"flex items-center gap-1\">\n                {config.expandable && hasChildren && (\n                  <button\n                    type=\"button\"\n                    onClick={() => toggleRow(parentPath)}\n                    className=\"p-0.5 hover:bg-bg-sunken rounded\"\n                  >\n                    {isExpanded ? (\n                      <ChevronDown className=\"w-4 h-4 text-text-secondary\" />\n                    ) : (\n                      <ChevronRight className=\"w-4 h-4 text-text-secondary\" />\n                    )}\n                  </button>\n                )}\n                {!hasChildren && config.expandable && <span className=\"w-5\" />}\n                <span>{node.key}</span>\n              </div>\n            </td>\n\n            {/* Value cells */}\n            {columnValues.map((colValue) => {\n              const cellValues = columnData.get(colValue) || {};\n              return valueFields.map((vf) => (\n                <td\n                  key={`${colValue}-${vf.field}`}\n                  className=\"px-3 py-2 text-sm text-right tabular-nums cursor-pointer hover:bg-action-primary-bg/10\"\n                  onClick={() => handleCellClick(rowFilter, colValue)}\n                >\n                  {formatValue(cellValues[vf.field] || 0)}\n                </td>\n              ));\n            })}\n\n            {/* Row total */}\n            {config.showRowTotals &&\n              valueFields.map((vf) => (\n                <td\n                  key={`total-${vf.field}`}\n                  className=\"px-3 py-2 text-sm text-right tabular-nums font-medium bg-bg-sunken/30\"\n                >\n                  {formatValue(node.values[vf.field] || 0)}\n                </td>\n              ))}\n          </tr>\n        );\n      }\n\n      // Render children if expanded\n      if (hasChildren && (isExpanded || depth === 0)) {\n        const sortedKeys = Array.from(node.children.keys()).sort();\n        for (const childKey of sortedKeys) {\n          const childNode = node.children.get(childKey)!;\n          const childPath = `${parentPath}/${childKey}`;\n          const childFilter = rowField ? { ...rowFilter, [rowField]: childKey } : rowFilter;\n          rows.push(...renderRows(childNode, childFilter, childPath, depth + 1));\n        }\n      }\n\n      return rows;\n    },\n    [\n      data,\n      config,\n      rowFields,\n      columnFields,\n      valueFields,\n      columnValues,\n      expandedRows,\n      formatValue,\n      handleCellClick,\n      toggleRow,\n    ]\n  );\n\n  const hasLayout = rowFields.length > 0 || valueFields.length > 0;\n\n  // No data state\n  if (data.length === 0) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full p-8 text-text-secondary\">\n        <Settings className=\"w-12 h-12 mb-4 opacity-50\" />\n        <p className=\"text-sm\">{t('bigconsole.widget.pivotTable.noData', 'No data available')}</p>\n        <p className=\"text-xs mt-1\">\n          {t('bigconsole.widget.pivotTable.noDataHint', 'Configure data source to populate pivot table')}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full overflow-hidden\">\n      {/* Drag-and-drop field shelf (edit mode) */}\n      {isEditMode && (\n        <PivotFieldShelf\n          rowFields={rowFields}\n          columnFields={columnFields}\n          valueFields={valueFields}\n          availableFields={availableFields}\n          onMoveField={moveField}\n          onChangeAggregation={changeAggregation}\n        />\n      )}\n\n      {!hasLayout ? (\n        <div className=\"flex flex-col items-center justify-center flex-1 p-8 text-text-secondary\">\n          <Settings className=\"w-12 h-12 mb-4 opacity-50\" />\n          <p className=\"text-sm\">{t('bigconsole.widget.pivotTable.configureTitle', 'Configure Pivot Table')}</p>\n          <p className=\"text-xs mt-1\">\n            {isEditMode\n              ? t('bigconsole.widget.pivotTable.configureHintEdit', 'Drag fields into the Rows and Values zones above')\n              : t(\n                  'bigconsole.widget.pivotTable.configureHintView',\n                  'Add row fields and value fields in widget settings'\n                )}\n          </p>\n        </div>\n      ) : (\n        <div className=\"flex-1 overflow-auto\">\n          <table className=\"w-full border-collapse\">\n            {/* Header */}\n            <thead className=\"sticky top-0 z-10\">\n              {/* Column headers row */}\n              <tr className=\"bg-bg-sunken\">\n                <th className=\"sticky left-0 bg-bg-sunken border-r border-b border-border-default px-3 py-2 text-left text-xs font-semibold uppercase tracking-wider text-text-secondary\">\n                  {rowFields.length > 0\n                    ? rowFields.map((r) => r.replace(/_/g, ' ')).join(' / ')\n                    : t('bigconsole.widget.pivotTable.valuesHeader', 'Values')}\n                </th>\n\n                {/* Column value headers */}\n                {columnValues.map((colValue) => (\n                  <th\n                    key={colValue}\n                    colSpan={valueFields.length || 1}\n                    className=\"border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary\"\n                  >\n                    {colValue}\n                  </th>\n                ))}\n\n                {/* Total header */}\n                {config.showRowTotals && (\n                  <th\n                    colSpan={valueFields.length || 1}\n                    className=\"border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary bg-bg-sunken/50\"\n                  >\n                    {t('bigconsole.widget.pivotTable.total', 'Total')}\n                  </th>\n                )}\n              </tr>\n\n              {/* Value field headers row (if multiple values) */}\n              {valueFields.length > 1 && (\n                <tr className=\"bg-bg-surface\">\n                  <th className=\"sticky left-0 bg-bg-surface border-r border-b border-border-default\" />\n                  {columnValues.map((colValue) =>\n                    valueFields.map((vf) => (\n                      <th\n                        key={`${colValue}-${vf.field}`}\n                        className=\"border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary\"\n                      >\n                        {vf.label || vf.field.replace(/_/g, ' ')}\n                      </th>\n                    ))\n                  )}\n                  {config.showRowTotals &&\n                    valueFields.map((vf) => (\n                      <th\n                        key={`total-${vf.field}`}\n                        className=\"border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary bg-bg-sunken/30\"\n                      >\n                        {vf.label || vf.field.replace(/_/g, ' ')}\n                      </th>\n                    ))}\n                </tr>\n              )}\n            </thead>\n\n            {/* Body */}\n            <tbody className=\"divide-y divide-border-default\">{renderRows(pivotTree, {}, 'root', 0)}</tbody>\n\n            {/* Footer with column totals */}\n            {config.showColumnTotals && (\n              <tfoot>\n                <tr className=\"bg-bg-sunken/50 font-medium\">\n                  <td className=\"sticky left-0 bg-bg-sunken/50 border-r border-t border-border-default px-3 py-2 text-sm\">\n                    {t('bigconsole.widget.pivotTable.total', 'Total')}\n                  </td>\n                  {columnValues.map((colValue) => {\n                    const cellValues = footerColumnData?.get(colValue) || {};\n                    return valueFields.map((vf) => (\n                      <td\n                        key={`footer-${colValue}-${vf.field}`}\n                        className=\"border-t border-border-default px-3 py-2 text-sm text-right tabular-nums\"\n                      >\n                        {formatValue(cellValues[vf.field] || 0)}\n                      </td>\n                    ));\n                  })}\n                  {config.showRowTotals &&\n                    config.showGrandTotal &&\n                    valueFields.map((vf) => (\n                      <td\n                        key={`grand-${vf.field}`}\n                        className=\"border-t border-border-default px-3 py-2 text-sm text-right tabular-nums font-bold bg-bg-sunken\"\n                      >\n                        {formatValue(pivotTree.values[vf.field] || 0)}\n                      </td>\n                    ))}\n                </tr>\n              </tfoot>\n            )}\n          </table>\n        </div>\n      )}\n    </div>\n  );\n});\n\n// ============================================================================\n// Field shelf (drag-and-drop zones)\n// ============================================================================\n\ninterface PivotFieldShelfProps {\n  rowFields: string[];\n  columnFields: string[];\n  valueFields: ValueField[];\n  availableFields: string[];\n  onMoveField: (field: string, from: PivotZone, to: PivotZone) => void;\n  onChangeAggregation: (field: string, aggregation: ValueField['aggregation']) => void;\n}\n\nconst DND_MIME = 'application/x-pivot-field';\n\nconst PivotFieldShelf: FC<PivotFieldShelfProps> = ({\n  rowFields,\n  columnFields,\n  valueFields,\n  availableFields,\n  onMoveField,\n  onChangeAggregation,\n}) => {\n  const { t } = useI18n();\n  const [dragOverZone, setDragOverZone] = useState<PivotZone | null>(null);\n\n  const handleDrop = (zone: PivotZone) => (e: React.DragEvent) => {\n    e.preventDefault();\n    // Isolate the shelf's internal DnD from the dashboard canvas drop zone. The\n    // canvas onDragOver forces dropEffect='copy' (for palette widget drops); left\n    // to bubble, that conflicts with the chips' effectAllowed='move' and the\n    // browser rejects the drop entirely (drop event never fires).\n    e.stopPropagation();\n    setDragOverZone(null);\n    const raw = e.dataTransfer.getData(DND_MIME) || e.dataTransfer.getData('text/plain');\n    if (!raw) return;\n    try {\n      const { field, from } = JSON.parse(raw) as { field: string; from: PivotZone };\n      if (field) onMoveField(field, from, zone);\n    } catch {\n      // Ignore malformed drag payloads.\n    }\n  };\n\n  const chip = (field: string, from: PivotZone, vf?: ValueField) => (\n    <span\n      key={field}\n      draggable\n      onDragStart={(e) => {\n        const payload = JSON.stringify({ field, from });\n        e.dataTransfer.setData(DND_MIME, payload);\n        e.dataTransfer.setData('text/plain', payload);\n        e.dataTransfer.effectAllowed = 'move';\n      }}\n      className=\"inline-flex items-center gap-1 px-2 py-1 rounded-md bg-bg-surface border border-border-default text-xs text-text-primary cursor-grab\"\n    >\n      <GripVertical className=\"w-3 h-3 text-text-tertiary\" aria-hidden=\"true\" />\n      <span>{(vf?.label || field).replace(/_/g, ' ')}</span>\n      {vf && (\n        <select\n          value={vf.aggregation}\n          onChange={(e) => onChangeAggregation(field, e.target.value as ValueField['aggregation'])}\n          onClick={(e) => e.stopPropagation()}\n          aria-label={t('bigconsole.widget.pivotTable.aggregationForField', 'Aggregation for {{field}}', { field })}\n          className=\"ml-1 bg-bg-sunken text-text-secondary rounded px-1 py-0.5 text-[10px] uppercase\"\n        >\n          {AGGREGATIONS.map((agg) => (\n            <option key={agg} value={agg}>\n              {agg}\n            </option>\n          ))}\n        </select>\n      )}\n    </span>\n  );\n\n  const zone = (label: string, name: PivotZone, children: JSX.Element[] | JSX.Element) => (\n    <div\n      onDragOver={(e) => {\n        e.preventDefault();\n        // Stop bubbling to the canvas onDragOver, which would override\n        // dropEffect to 'copy' and make the browser reject this 'move' drop.\n        e.stopPropagation();\n        e.dataTransfer.dropEffect = 'move';\n        if (dragOverZone !== name) {\n          setDragOverZone(name);\n        }\n      }}\n      onDragLeave={() => setDragOverZone((z) => (z === name ? null : z))}\n      onDrop={handleDrop(name)}\n      className={`flex-1 min-w-[8rem] rounded-md border p-2 transition-colors ${\n        dragOverZone === name\n          ? 'border-action-primary-bg bg-action-primary-bg/5'\n          : 'border-border-default bg-bg-sunken/30'\n      }`}\n    >\n      <div className=\"text-[10px] font-semibold uppercase tracking-wider text-text-tertiary mb-1.5\">{label}</div>\n      <div className=\"flex flex-wrap gap-1.5 min-h-[1.75rem]\">{children}</div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex flex-wrap gap-2 p-2 border-b border-border-default bg-bg-surface\">\n      {zone(\n        t('bigconsole.widget.pivotTable.zoneRows', 'Rows'),\n        'rows',\n        rowFields.map((f) => chip(f, 'rows'))\n      )}\n      {zone(\n        t('bigconsole.widget.pivotTable.zoneColumns', 'Columns'),\n        'columns',\n        columnFields.map((f) => chip(f, 'columns'))\n      )}\n      {zone(\n        t('bigconsole.widget.pivotTable.zoneValues', 'Values'),\n        'values',\n        valueFields.map((vf) => chip(vf.field, 'values', vf))\n      )}\n      {zone(\n        t('bigconsole.widget.pivotTable.zoneAvailable', 'Available'),\n        'available',\n        availableFields.length > 0 ? (\n          availableFields.map((f) => chip(f, 'available'))\n        ) : (\n          <span className=\"text-[11px] text-text-tertiary italic\">\n            {t('bigconsole.widget.pivotTable.allFieldsInUse', 'All fields in use')}\n          </span>\n        )\n      )}\n    </div>\n  );\n};\n\nexport default PivotTableWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/progress/ProgressConfig.js

@@ -1,144 +1,145 @@
 import { memo as e, useCallback as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/progress/ProgressConfig.tsx
-var i = e(function({ config: e, onChange: i }) {
-	let a = t((t, n) => {
-		i({
+var a = e(function({ config: e, onChange: a }) {
+	let { t: o } = n(), s = t((t, n) => {
+		a({
 			...e,
 			[t]: n
 		});
-	}, [e, i]), o = t((t, n, r) => {
+	}, [e, a]), c = t((t, n, r) => {
 		let i = [...e.milestones || []];
 		i[t] = {
 			...i[t],
 			[n]: r
-		}, a("milestones", i);
-	}, [e.milestones, a]), s = t(() => {
-		a("milestones", [...e.milestones || [], {
+		}, s("milestones", i);
+	}, [e.milestones, s]), l = t(() => {
+		s("milestones", [...e.milestones || [], {
 			position: 50,
 			label: "",
 			value: 50
 		}]);
-	}, [e.milestones, a]), c = t((t) => {
-		a("milestones", (e.milestones || []).filter((e, n) => n !== t));
-	}, [e.milestones, a]);
-	return /* @__PURE__ */ r("div", {
+	}, [e.milestones, s]), u = t((t) => {
+		s("milestones", (e.milestones || []).filter((e, n) => n !== t));
+	}, [e.milestones, s]);
+	return /* @__PURE__ */ i("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "Maximum Value"
-			}), /* @__PURE__ */ n("input", {
+				children: o("bigconsole.widget.config.progress.maxValueLabel", "Maximum Value")
+			}), /* @__PURE__ */ r("input", {
 				type: "number",
 				value: e.max ?? 100,
-				onChange: (e) => a("max", Number(e.target.value)),
+				onChange: (e) => s("max", Number(e.target.value)),
 				className: "\n              w-full px-3 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\n            "
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "Bar Height (px)"
-			}), /* @__PURE__ */ n("input", {
+				children: o("bigconsole.widget.config.progress.barHeightLabel", "Bar Height (px)")
+			}), /* @__PURE__ */ r("input", {
 				type: "number",
 				value: e.barHeight ?? 12,
-				onChange: (e) => a("barHeight", Number(e.target.value)),
+				onChange: (e) => s("barHeight", Number(e.target.value)),
 				min: 4,
 				max: 32,
 				className: "\n              w-full px-3 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\n            "
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "Value Format"
-			}), /* @__PURE__ */ r("select", {
+				children: o("bigconsole.widget.config.progress.valueFormatLabel", "Value Format")
+			}), /* @__PURE__ */ i("select", {
 				value: e.format || "number",
-				onChange: (e) => a("format", e.target.value),
+				onChange: (e) => s("format", e.target.value),
 				className: "\n              w-full px-3 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\n            ",
 				children: [
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "number",
-						children: "Number"
+						children: o("bigconsole.widget.config.progress.format.number", "Number")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "currency",
-						children: "Currency"
+						children: o("bigconsole.widget.config.progress.format.currency", "Currency")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "compact",
-						children: "Compact (1K, 1M)"
+						children: o("bigconsole.widget.config.progress.format.compact", "Compact (1K, 1M)")
 					})
 				]
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "Color Mode"
-			}), /* @__PURE__ */ r("select", {
+				children: o("bigconsole.widget.config.progress.colorModeLabel", "Color Mode")
+			}), /* @__PURE__ */ i("select", {
 				value: e.colorMode || "default",
-				onChange: (e) => a("colorMode", e.target.value),
+				onChange: (e) => s("colorMode", e.target.value),
 				className: "\n              w-full px-3 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\n            ",
 				children: [
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "default",
-						children: "Default (Blue)"
+						children: o("bigconsole.widget.config.progress.colorMode.default", "Default (Blue)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "dynamic",
-						children: "Dynamic (based on progress)"
+						children: o("bigconsole.widget.config.progress.colorMode.dynamic", "Dynamic (based on progress)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "success",
-						children: "Success (Green)"
+						children: o("bigconsole.widget.config.progress.colorMode.success", "Success (Green)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "warning",
-						children: "Warning (Yellow)"
+						children: o("bigconsole.widget.config.progress.colorMode.warning", "Warning (Yellow)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "error",
-						children: "Error (Red)"
+						children: o("bigconsole.widget.config.progress.colorMode.error", "Error (Red)")
 					})
 				]
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ i("div", {
 				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ n("label", {
+				children: [/* @__PURE__ */ r("label", {
 					className: "text-sm font-medium text-text-primary",
-					children: "Milestones"
-				}), /* @__PURE__ */ n("button", {
+					children: o("bigconsole.widget.config.progress.milestonesLabel", "Milestones")
+				}), /* @__PURE__ */ r("button", {
 					type: "button",
-					onClick: s,
+					onClick: l,
 					className: "\n                text-sm text-action-primary-bg\n                hover:text-action-primary-bgHover\n              ",
-					children: "+ Add Milestone"
+					children: o("bigconsole.widget.config.progress.addMilestone", "+ Add Milestone")
 				})]
-			}), /* @__PURE__ */ r("div", {
+			}), /* @__PURE__ */ i("div", {
 				className: "space-y-2",
-				children: [(e.milestones || []).map((e, t) => /* @__PURE__ */ r("div", {
+				children: [(e.milestones || []).map((e, t) => /* @__PURE__ */ i("div", {
 					className: "\n                  flex items-center gap-2\n                  p-2\n                  bg-bg-sunken\n                  rounded-md\n                ",
 					children: [
-						/* @__PURE__ */ n("input", {
+						/* @__PURE__ */ r("input", {
 							type: "number",
 							value: e.position,
-							onChange: (e) => o(t, "position", Number(e.target.value)),
+							onChange: (e) => c(t, "position", Number(e.target.value)),
 							min: 0,
 							max: 100,
 							className: "\n                    w-20 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                  ",
 							placeholder: "%"
 						}),
-						/* @__PURE__ */ n("input", {
+						/* @__PURE__ */ r("input", {
 							type: "text",
 							value: e.label || "",
-							onChange: (e) => o(t, "label", e.target.value),
+							onChange: (e) => c(t, "label", e.target.value),
 							className: "\n                    flex-1 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                  ",
-							placeholder: "Label (optional)"
+							placeholder: o("bigconsole.widget.config.progress.milestoneLabelPlaceholder", "Label (optional)")
 						}),
-						/* @__PURE__ */ n("button", {
+						/* @__PURE__ */ r("button", {
 							type: "button",
-							onClick: () => c(t),
+							onClick: () => u(t),
 							className: "text-status-error-text hover:text-status-error-text/80 p-1",
-							children: /* @__PURE__ */ n("svg", {
+							children: /* @__PURE__ */ r("svg", {
 								className: "w-4 h-4",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ n("path", {
+								children: /* @__PURE__ */ r("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -147,34 +148,34 @@ var i = e(function({ config: e, onChange: i }) {
 							})
 						})
 					]
-				}, t)), (!e.milestones || e.milestones.length === 0) && /* @__PURE__ */ n("p", {
+				}, t)), (!e.milestones || e.milestones.length === 0) && /* @__PURE__ */ r("p", {
 					className: "text-sm text-text-secondary text-center py-2",
-					children: "No milestones configured"
+					children: o("bigconsole.widget.config.progress.noMilestones", "No milestones configured")
 				})]
 			})] }),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ r("label", {
+				children: [/* @__PURE__ */ i("label", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ n("input", {
+					children: [/* @__PURE__ */ r("input", {
 						type: "checkbox",
 						checked: e.showPercentage !== !1,
-						onChange: (e) => a("showPercentage", e.target.checked),
+						onChange: (e) => s("showPercentage", e.target.checked),
 						className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
-					}), /* @__PURE__ */ n("span", {
+					}), /* @__PURE__ */ r("span", {
 						className: "text-sm text-text-primary",
-						children: "Show percentage labels"
+						children: o("bigconsole.widget.config.progress.showPercentage", "Show percentage labels")
 					})]
-				}), /* @__PURE__ */ r("label", {
+				}), /* @__PURE__ */ i("label", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ n("input", {
+					children: [/* @__PURE__ */ r("input", {
 						type: "checkbox",
 						checked: e.showMax !== !1,
-						onChange: (e) => a("showMax", e.target.checked),
+						onChange: (e) => s("showMax", e.target.checked),
 						className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
-					}), /* @__PURE__ */ n("span", {
+					}), /* @__PURE__ */ r("span", {
 						className: "text-sm text-text-primary",
-						children: "Show maximum value"
+						children: o("bigconsole.widget.config.progress.showMax", "Show maximum value")
 					})]
 				})]
 			})
@@ -182,6 +183,6 @@ var i = e(function({ config: e, onChange: i }) {
 	});
 });
 //#endregion
-export { i as default };
+export { a as default };
 
 //# sourceMappingURL=ProgressConfig.js.map

package/dist/bigconsole/components/widgets/progress/ProgressConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressConfig.tsx"],"sourcesContent":["/**\n * ProgressConfig Component\n *\n * Configuration panel for Progress widgets.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport type { ProgressConfig as ConfigType, ProgressMilestone } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressConfigProps {\n  /** Current configuration */\n  config: ConfigType;\n  /** Callback when config changes */\n  onChange: (config: ConfigType) => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ProgressConfig: FC<ProgressConfigProps> = memo(function ProgressConfig({ config, onChange }) {\n  const handleChange = useCallback(\n    <K extends keyof ConfigType>(key: K, value: ConfigType[K]) => {\n      onChange({ ...config, [key]: value });\n    },\n    [config, onChange]\n  );\n\n  const handleMilestoneChange = useCallback(\n    (index: number, field: 'position' | 'label', value: string | number) => {\n      const milestones = [...(config.milestones || [])];\n      milestones[index] = { ...milestones[index], [field]: value };\n      handleChange('milestones', milestones);\n    },\n    [config.milestones, handleChange]\n  );\n\n  const addMilestone = useCallback(() => {\n    const milestones = [...(config.milestones || []), { position: 50, label: '', value: 50 }];\n    handleChange('milestones', milestones as ProgressMilestone[]);\n  }, [config.milestones, handleChange]);\n\n  const removeMilestone = useCallback(\n    (index: number) => {\n      const milestones = (config.milestones || []).filter((_, i) => i !== index);\n      handleChange('milestones', milestones);\n    },\n    [config.milestones, handleChange]\n  );\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Max Value */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Maximum Value</label>\n        <input\n          type=\"number\"\n          value={config.max ?? 100}\n          onChange={(e) => handleChange('max', Number(e.target.value))}\n          className=\"\n              w-full px-3 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\n            \"\n        />\n      </div>\n\n      {/* Bar Height */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Bar Height (px)</label>\n        <input\n          type=\"number\"\n          value={config.barHeight ?? 12}\n          onChange={(e) => handleChange('barHeight', Number(e.target.value))}\n          min={4}\n          max={32}\n          className=\"\n              w-full px-3 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\n            \"\n        />\n      </div>\n\n      {/* Value Format */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Value Format</label>\n        <select\n          value={config.format || 'number'}\n          onChange={(e) => handleChange('format', e.target.value as ConfigType['format'])}\n          className=\"\n              w-full px-3 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\n            \"\n        >\n          <option value=\"number\">Number</option>\n          <option value=\"currency\">Currency</option>\n          <option value=\"compact\">Compact (1K, 1M)</option>\n        </select>\n      </div>\n\n      {/* Color Mode */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Color Mode</label>\n        <select\n          value={config.colorMode || 'default'}\n          onChange={(e) => handleChange('colorMode', e.target.value as ConfigType['colorMode'])}\n          className=\"\n              w-full px-3 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\n            \"\n        >\n          <option value=\"default\">Default (Blue)</option>\n          <option value=\"dynamic\">Dynamic (based on progress)</option>\n          <option value=\"success\">Success (Green)</option>\n          <option value=\"warning\">Warning (Yellow)</option>\n          <option value=\"error\">Error (Red)</option>\n        </select>\n      </div>\n\n      {/* Milestones */}\n      <div>\n        <div className=\"flex items-center justify-between mb-2\">\n          <label className=\"text-sm font-medium text-text-primary\">Milestones</label>\n          <button\n            type=\"button\"\n            onClick={addMilestone}\n            className=\"\n                text-sm text-action-primary-bg\n                hover:text-action-primary-bgHover\n              \"\n          >\n            + Add Milestone\n          </button>\n        </div>\n\n        <div className=\"space-y-2\">\n          {(config.milestones || []).map((milestone, index) => (\n            <div\n              key={index}\n              className=\"\n                  flex items-center gap-2\n                  p-2\n                  bg-bg-sunken\n                  rounded-md\n                \"\n            >\n              <input\n                type=\"number\"\n                value={milestone.position}\n                onChange={(e) => handleMilestoneChange(index, 'position', Number(e.target.value))}\n                min={0}\n                max={100}\n                className=\"\n                    w-20 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                placeholder=\"%\"\n              />\n              <input\n                type=\"text\"\n                value={milestone.label || ''}\n                onChange={(e) => handleMilestoneChange(index, 'label', e.target.value)}\n                className=\"\n                    flex-1 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                placeholder=\"Label (optional)\"\n              />\n              <button\n                type=\"button\"\n                onClick={() => removeMilestone(index)}\n                className=\"text-status-error-text hover:text-status-error-text/80 p-1\"\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=\"M6 18L18 6M6 6l12 12\" />\n                </svg>\n              </button>\n            </div>\n          ))}\n\n          {(!config.milestones || config.milestones.length === 0) && (\n            <p className=\"text-sm text-text-secondary text-center py-2\">No milestones configured</p>\n          )}\n        </div>\n      </div>\n\n      {/* Toggle Options */}\n      <div className=\"space-y-3\">\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showPercentage !== false}\n            onChange={(e) => handleChange('showPercentage', e.target.checked)}\n            className=\"\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              \"\n          />\n          <span className=\"text-sm text-text-primary\">Show percentage labels</span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showMax !== false}\n            onChange={(e) => handleChange('showMax', e.target.checked)}\n            className=\"\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              \"\n          />\n          <span className=\"text-sm text-text-primary\">Show maximum value</span>\n        </label>\n      </div>\n    </div>\n  );\n});\n\nexport default ProgressConfig;\n"],"mappings":"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"}
+{"version":3,"file":"ProgressConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressConfig.tsx"],"sourcesContent":["/**\n * ProgressConfig Component\n *\n * Configuration panel for Progress widgets.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { ProgressConfig as ConfigType, ProgressMilestone } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressConfigProps {\n  /** Current configuration */\n  config: ConfigType;\n  /** Callback when config changes */\n  onChange: (config: ConfigType) => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ProgressConfig: FC<ProgressConfigProps> = memo(function ProgressConfig({ config, onChange }) {\n  const { t } = useI18n();\n\n  const handleChange = useCallback(\n    <K extends keyof ConfigType>(key: K, value: ConfigType[K]) => {\n      onChange({ ...config, [key]: value });\n    },\n    [config, onChange]\n  );\n\n  const handleMilestoneChange = useCallback(\n    (index: number, field: 'position' | 'label', value: string | number) => {\n      const milestones = [...(config.milestones || [])];\n      milestones[index] = { ...milestones[index], [field]: value };\n      handleChange('milestones', milestones);\n    },\n    [config.milestones, handleChange]\n  );\n\n  const addMilestone = useCallback(() => {\n    const milestones = [...(config.milestones || []), { position: 50, label: '', value: 50 }];\n    handleChange('milestones', milestones as ProgressMilestone[]);\n  }, [config.milestones, handleChange]);\n\n  const removeMilestone = useCallback(\n    (index: number) => {\n      const milestones = (config.milestones || []).filter((_, i) => i !== index);\n      handleChange('milestones', milestones);\n    },\n    [config.milestones, handleChange]\n  );\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Max Value */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.progress.maxValueLabel', 'Maximum Value')}\n        </label>\n        <input\n          type=\"number\"\n          value={config.max ?? 100}\n          onChange={(e) => handleChange('max', Number(e.target.value))}\n          className=\"\n              w-full px-3 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\n            \"\n        />\n      </div>\n\n      {/* Bar Height */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.progress.barHeightLabel', 'Bar Height (px)')}\n        </label>\n        <input\n          type=\"number\"\n          value={config.barHeight ?? 12}\n          onChange={(e) => handleChange('barHeight', Number(e.target.value))}\n          min={4}\n          max={32}\n          className=\"\n              w-full px-3 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\n            \"\n        />\n      </div>\n\n      {/* Value Format */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.progress.valueFormatLabel', 'Value Format')}\n        </label>\n        <select\n          value={config.format || 'number'}\n          onChange={(e) => handleChange('format', e.target.value as ConfigType['format'])}\n          className=\"\n              w-full px-3 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\n            \"\n        >\n          <option value=\"number\">{t('bigconsole.widget.config.progress.format.number', 'Number')}</option>\n          <option value=\"currency\">{t('bigconsole.widget.config.progress.format.currency', 'Currency')}</option>\n          <option value=\"compact\">{t('bigconsole.widget.config.progress.format.compact', 'Compact (1K, 1M)')}</option>\n        </select>\n      </div>\n\n      {/* Color Mode */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.progress.colorModeLabel', 'Color Mode')}\n        </label>\n        <select\n          value={config.colorMode || 'default'}\n          onChange={(e) => handleChange('colorMode', e.target.value as ConfigType['colorMode'])}\n          className=\"\n              w-full px-3 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\n            \"\n        >\n          <option value=\"default\">{t('bigconsole.widget.config.progress.colorMode.default', 'Default (Blue)')}</option>\n          <option value=\"dynamic\">\n            {t('bigconsole.widget.config.progress.colorMode.dynamic', 'Dynamic (based on progress)')}\n          </option>\n          <option value=\"success\">{t('bigconsole.widget.config.progress.colorMode.success', 'Success (Green)')}</option>\n          <option value=\"warning\">\n            {t('bigconsole.widget.config.progress.colorMode.warning', 'Warning (Yellow)')}\n          </option>\n          <option value=\"error\">{t('bigconsole.widget.config.progress.colorMode.error', 'Error (Red)')}</option>\n        </select>\n      </div>\n\n      {/* Milestones */}\n      <div>\n        <div className=\"flex items-center justify-between mb-2\">\n          <label className=\"text-sm font-medium text-text-primary\">\n            {t('bigconsole.widget.config.progress.milestonesLabel', 'Milestones')}\n          </label>\n          <button\n            type=\"button\"\n            onClick={addMilestone}\n            className=\"\n                text-sm text-action-primary-bg\n                hover:text-action-primary-bgHover\n              \"\n          >\n            {t('bigconsole.widget.config.progress.addMilestone', '+ Add Milestone')}\n          </button>\n        </div>\n\n        <div className=\"space-y-2\">\n          {(config.milestones || []).map((milestone, index) => (\n            <div\n              key={index}\n              className=\"\n                  flex items-center gap-2\n                  p-2\n                  bg-bg-sunken\n                  rounded-md\n                \"\n            >\n              <input\n                type=\"number\"\n                value={milestone.position}\n                onChange={(e) => handleMilestoneChange(index, 'position', Number(e.target.value))}\n                min={0}\n                max={100}\n                className=\"\n                    w-20 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                placeholder=\"%\"\n              />\n              <input\n                type=\"text\"\n                value={milestone.label || ''}\n                onChange={(e) => handleMilestoneChange(index, 'label', e.target.value)}\n                className=\"\n                    flex-1 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                placeholder={t('bigconsole.widget.config.progress.milestoneLabelPlaceholder', 'Label (optional)')}\n              />\n              <button\n                type=\"button\"\n                onClick={() => removeMilestone(index)}\n                className=\"text-status-error-text hover:text-status-error-text/80 p-1\"\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=\"M6 18L18 6M6 6l12 12\" />\n                </svg>\n              </button>\n            </div>\n          ))}\n\n          {(!config.milestones || config.milestones.length === 0) && (\n            <p className=\"text-sm text-text-secondary text-center py-2\">\n              {t('bigconsole.widget.config.progress.noMilestones', 'No milestones configured')}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Toggle Options */}\n      <div className=\"space-y-3\">\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showPercentage !== false}\n            onChange={(e) => handleChange('showPercentage', e.target.checked)}\n            className=\"\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              \"\n          />\n          <span className=\"text-sm text-text-primary\">\n            {t('bigconsole.widget.config.progress.showPercentage', 'Show percentage labels')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showMax !== false}\n            onChange={(e) => handleChange('showMax', e.target.checked)}\n            className=\"\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              \"\n          />\n          <span className=\"text-sm text-text-primary\">\n            {t('bigconsole.widget.config.progress.showMax', 'Show maximum value')}\n          </span>\n        </label>\n      </div>\n    </div>\n  );\n});\n\nexport default ProgressConfig;\n"],"mappings":"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"}