@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

package/dist/bigconsole/components/widgets/progress/ProgressConfig.d.ts

@@ -9,3 +9,4 @@ export interface ProgressConfigProps {
 }
 export declare const ProgressConfig: FC<ProgressConfigProps>;
 export default ProgressConfig;
+//# sourceMappingURL=ProgressConfig.d.ts.map

package/dist/bigconsole/components/widgets/progress/ProgressConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressConfig.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressConfig.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,cAAc,IAAI,UAAU,EAAqB,MAAM,gBAAgB,CAAC;AAMtF,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAMD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAiQjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -193,3 +193,5 @@ var a = e(function({ config: e, onChange: a }) {
 });
 //#endregion
 export { a as default };
+
+//# sourceMappingURL=ProgressConfig.js.map

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

@@ -0,0 +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 { 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=\"min-w-0 space-y-form-gap\">\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\n        role=\"group\"\n        aria-label=\"Display options\"\n        className=\"space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap\"\n      >\n        {/* Toggles are a different KIND of control from the field stack above,\n            so they get their own labelled group instead of being visually\n            identical to it (BOFF-5636). */}\n        <p className=\"text-xs font-bold uppercase tracking-wider text-text-secondary\">Display options</p>\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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"}

package/dist/bigconsole/components/widgets/progress/ProgressWidget.d.ts

@@ -25,3 +25,4 @@ export interface ProgressData {
 }
 export declare const ProgressWidget: FC<ProgressWidgetProps>;
 export default ProgressWidget;
+//# sourceMappingURL=ProgressWidget.d.ts.map

package/dist/bigconsole/components/widgets/progress/ProgressWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,gBAAgB,CAAC;AAQ7D,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8FD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA2QjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -212,3 +212,5 @@ var m = a(function({ widget: a, data: m, onClick: h, onDrilldown: g }) {
 });
 //#endregion
 export { m as default };
+
+//# sourceMappingURL=ProgressWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressWidget.tsx"],"sourcesContent":["/**\n * ProgressWidget Component\n *\n * Progress bar widget with target, milestones, and color stages.\n */\n\nimport { type FC, memo, useMemo, useCallback } from 'react';\nimport type { Widget, ProgressConfig } from '../../../types';\nimport { ProgressBar, type Milestone } from './ProgressBar';\nimport { firstObjectRow, inferValueField, inferMaxValue, unwrapRows } from '../utils/inferFields';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** Progress data */\n  data?: ProgressData;\n  /** Click handler for drilldown */\n  onClick?: () => void;\n  /** Drilldown handler - receives progress data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\nexport interface ProgressData {\n  /** Current value */\n  value: number;\n  /** Maximum value (for calculating percentage) */\n  max?: number;\n  /** Target value */\n  target?: number;\n  /** Label for the progress */\n  label?: string;\n  /** Description text */\n  description?: string;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Coerce a `number` or finite numeric string to a number, else null.\n *\n * Parser output is untrusted JSON and routinely serializes metrics as strings,\n * so every numeric field (`value`, `max`, `target`) goes through this rather\n * than relying on implicit coercion or truthiness.\n */\nfunction toNumber(v: unknown): number | null {\n  if (typeof v === 'number' && Number.isFinite(v)) return v;\n  if (typeof v === 'string') {\n    // `Number('')` and `Number('   ')` are 0, not NaN. An absent/blank field\n    // must stay null — otherwise a parser emitting `{target: \"\"}` would render\n    // a literal \"Target: 0\" with a marker pinned at 0%.\n    const trimmed = v.trim();\n    if (trimmed === '') return null;\n    const n = Number(trimmed);\n    if (Number.isFinite(n)) return n;\n  }\n  return null;\n}\n\n/**\n * Resolve the denominator for percentage maths.\n *\n * Picks the first candidate that is a usable positive number, so a max of `0`\n * (or a non-finite one) can never produce an Infinity/NaN percentage. The\n * previous `data.max || config?.max || 100` chain also treated a legitimate\n * max of 0 and a *string* max inconsistently.\n */\nfunction resolveMax(dataMax: number | undefined, configMax: number | undefined): number {\n  for (const candidate of [dataMax, configMax]) {\n    if (typeof candidate === 'number' && Number.isFinite(candidate) && candidate > 0) return candidate;\n  }\n  return 100;\n}\n\ntype ProgressValueFormat = NonNullable<ProgressConfig['format']>;\n\n/**\n * Format a progress number according to the widget's configured format.\n *\n * Shared by value, max AND target so the three figures shown together stay\n * mutually consistent — the target used to be formatted with a bare\n * `Intl.NumberFormat`, rendering e.g. \"$4,823,500 / $5,000,000\" next to a\n * target of \"5,000,000\".\n */\nfunction formatProgressNumber(value: number, format: ProgressValueFormat): string {\n  switch (format) {\n    case 'currency':\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: 'USD',\n        maximumFractionDigits: 0,\n      }).format(value);\n    case 'compact':\n      return new Intl.NumberFormat('en-US', {\n        notation: 'compact',\n        maximumFractionDigits: 1,\n      }).format(value);\n    // 'percentage' deliberately shares the plain-number branch so value, max\n    // and target remain consistent (matches the pre-existing value/max behaviour).\n    case 'percentage':\n    case 'number':\n    default:\n      return new Intl.NumberFormat('en-US').format(value);\n  }\n}\n\n/**\n * Optional presentation fields a DataSink row carried.\n *\n * The array/envelope branches below rebuild a fresh object, so without this\n * they silently dropped `target` and `description` — an array payload rendered\n * with no target marker, no target footer and no description while the\n * identical single-object payload rendered all three.\n */\nfunction rowExtras(row: Record<string, unknown>): Pick<ProgressData, 'target' | 'description'> {\n  const target = toNumber(row.target);\n  return {\n    ...(target !== null ? { target } : {}),\n    ...(typeof row.description === 'string' ? { description: row.description } : {}),\n  };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ProgressWidget: FC<ProgressWidgetProps> = memo(function ProgressWidget({\n  widget,\n  data: rawData,\n  onClick,\n  onDrilldown,\n}) {\n  const config = widget.config as unknown as ProgressConfig | undefined;\n\n  // BOFF-2246 smart default: if rawData is an array (or envelope) rather than\n  // the expected `ProgressData` single object, pull the configured valueField\n  // (flat OR dotted, e.g. `metrics.revenue`) or fall back to the first\n  // numeric field. Auto-compute a sensible max from the dataset.\n  const normalizedData = useMemo((): ProgressData | undefined => {\n    if (!rawData) return undefined;\n    // Already the expected shape — pass through. Accept both number and\n    // numeric-string `value`, since parsers sometimes serialize metrics as\n    // strings and the pre-BOFF-2246 code path rendered those via implicit\n    // JS coercion in percentage math.\n    if (typeof rawData === 'object' && !Array.isArray(rawData) && 'value' in rawData) {\n      const source = rawData as unknown as Record<string, unknown>;\n      const numericValue = toNumber(source.value);\n      if (numericValue !== null) {\n        // Coerce `max`/`target` with the same rule as `value`. Parser payloads\n        // are untrusted JSON: a string max escapes the numeric guards below\n        // (e.g. \"0\" is truthy, so `data.max || …` would select it and yield an\n        // Infinity percentage), and a string target breaks the marker maths.\n        const numericMax = toNumber(source.max);\n        const numericTarget = toNumber(source.target);\n        return {\n          ...(rawData as ProgressData),\n          value: numericValue,\n          max: numericMax ?? undefined,\n          target: numericTarget ?? undefined,\n        };\n      }\n    }\n    const row = firstObjectRow(rawData);\n    if (!row) return undefined;\n    const configuredField = (config as Record<string, unknown> | undefined)?.valueField as string | undefined;\n\n    // Supports dotted paths like `metrics.revenue` so nested valueFields\n    // configured in widget config resolve on array/envelope payloads the\n    // same way they do on single-object payloads.\n    const getNestedValue = (obj: Record<string, unknown>, path: string): unknown =>\n      path.split('.').reduce<unknown>((current, key) => {\n        return current && typeof current === 'object' ? (current as Record<string, unknown>)[key] : undefined;\n      }, obj);\n\n    const labelFromRow =\n      typeof row.label === 'string' ? row.label : typeof row.name === 'string' ? row.name : undefined;\n\n    // Configured field is authoritative — scan every row for it so sparse\n    // envelopes like `{data:[{id:1},{revenue:120}]}` with\n    // `valueField:\"revenue\"` still resolve. If no row carries it, return\n    // undefined rather than substituting an unrelated numeric column from\n    // row[0] via inference (that would silently misrepresent user config).\n    if (configuredField) {\n      const rows = unwrapRows(rawData) ?? [row];\n      for (const r of rows) {\n        if (r && typeof r === 'object') {\n          const resolvedRow = r as Record<string, unknown>;\n          const resolved = toNumber(getNestedValue(resolvedRow, configuredField));\n          if (resolved !== null) {\n            const rowLabel =\n              typeof resolvedRow.label === 'string'\n                ? resolvedRow.label\n                : typeof resolvedRow.name === 'string'\n                  ? resolvedRow.name\n                  : labelFromRow;\n            return {\n              value: resolved,\n              // Explicit config wins, then the row's own max (authoritative for\n              // that row), then a dataset-derived guess.\n              max: config?.max ?? toNumber(resolvedRow.max) ?? inferMaxValue(rawData, configuredField) ?? undefined,\n              label: rowLabel,\n              ...rowExtras(resolvedRow),\n            };\n          }\n        }\n      }\n      return undefined;\n    }\n\n    // Fall back to inference (only when no configured field). `inferValueField`\n    // already filters to numeric fields, but we still coerce here for symmetry\n    // with the configured branch above.\n    const inferred = inferValueField(row);\n    if (!inferred) return undefined;\n    const inferredValue = toNumber(row[inferred]);\n    if (inferredValue === null) return undefined;\n    return {\n      value: inferredValue,\n      max: config?.max ?? toNumber(row.max) ?? inferMaxValue(rawData, inferred) ?? undefined,\n      label: labelFromRow,\n      ...rowExtras(row),\n    };\n  }, [rawData, config]);\n\n  // Downstream render uses the normalized shape. Name kept as `data` so the\n  // rest of the component body (formattedValue, handleClick, header, etc.)\n  // stays unchanged.\n  const data = normalizedData;\n\n  // Calculate percentage\n  const percentage = useMemo(() => {\n    if (!data) return 0;\n    return (data.value / resolveMax(data.max, config?.max)) * 100;\n  }, [data, config?.max]);\n\n  // Calculate target percentage. `=== undefined` rather than a truthiness\n  // check so a legitimate target of 0 still renders its marker.\n  const targetPercentage = useMemo(() => {\n    if (data?.target === undefined) return undefined;\n    return (data.target / resolveMax(data.max, config?.max)) * 100;\n  }, [data, config?.max]);\n\n  // Build milestones from config\n  const milestones: Milestone[] = useMemo(() => {\n    if (!config?.milestones?.length) return [];\n    return config.milestones.map((m) => ({\n      position: m.position ?? m.value ?? 0,\n      label: m.label,\n      reached: percentage >= (m.position ?? m.value ?? 0),\n    }));\n  }, [config?.milestones, percentage]);\n\n  // Determine color mode\n  const colorMode = useMemo(() => {\n    if (config?.colorMode === 'dynamic') return 'dynamic';\n    if (config?.colorMode === 'success') return 'success';\n    if (config?.colorMode === 'warning') return 'warning';\n    if (config?.colorMode === 'error') return 'error';\n    return 'default';\n  }, [config?.colorMode]);\n\n  // Format value\n  const formattedValue = useMemo(() => {\n    if (!data) return '0';\n    return formatProgressNumber(data.value, config?.format || 'number');\n  }, [data, config?.format]);\n\n  const formattedMax = useMemo(() => {\n    return formatProgressNumber(resolveMax(data?.max, config?.max), config?.format || 'number');\n  }, [data?.max, config?.max, config?.format]);\n\n  const formattedTarget = useMemo(() => {\n    if (data?.target === undefined) return undefined;\n    return formatProgressNumber(data.target, config?.format || 'number');\n  }, [data?.target, config?.format]);\n\n  const handleClick = useCallback(() => {\n    // Support both legacy onClick and new onDrilldown\n    if (onDrilldown && data) {\n      onDrilldown({\n        value: data.value,\n        max: data.max,\n        target: data.target,\n        label: data.label,\n        percentage,\n      });\n    } else if (onClick && widget.drilldowns?.length) {\n      onClick();\n    }\n  }, [onClick, onDrilldown, widget.drilldowns, data, percentage]);\n\n  const hasDrilldown = !!widget.drilldown?.enabled;\n  const isClickable = Boolean(hasDrilldown || (onClick && widget.drilldowns?.length));\n\n  if (!data) {\n    // WidgetWrapper's `isUsableData` admits payloads this widget cannot turn\n    // into a number (e.g. `{\"value\":\"n/a\"}` or `[{\"name\":\"a\",\"status\":\"ok\"}]`),\n    // so its own empty state never shows. Returning bare null left an\n    // unexplained blank card; render the same empty state the sibling widgets\n    // use instead.\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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n            />\n          </svg>\n          <p>No progress data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`\n          flex flex-col h-full p-4\n          ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}\n        `}\n      onClick={handleClick}\n      role={isClickable ? 'button' : undefined}\n      tabIndex={isClickable ? 0 : undefined}\n      onKeyDown={(e) => {\n        if (isClickable && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          handleClick();\n        }\n      }}\n    >\n      {/* Header */}\n      <div className=\"flex items-start justify-between mb-4\">\n        <div className=\"flex-1\">\n          {data.label && <h4 className=\"text-sm font-medium text-text-primary\">{data.label}</h4>}\n          {data.description && <p className=\"text-xs text-text-secondary mt-0.5\">{data.description}</p>}\n        </div>\n\n        {/* Value display */}\n        <div className=\"text-right\">\n          <span className=\"text-2xl font-bold text-text-primary\">{formattedValue}</span>\n          {config?.showMax !== false && (\n            <span className=\"text-sm text-text-secondary\">\n              {' / '}\n              {formattedMax}\n            </span>\n          )}\n        </div>\n      </div>\n\n      {/* Progress bar */}\n      <ProgressBar\n        value={percentage}\n        target={targetPercentage}\n        milestones={milestones}\n        height={config?.barHeight || 12}\n        color={colorMode}\n        showPercentage={config?.showPercentage !== false}\n      />\n\n      {/* Target info */}\n      {data.target !== undefined && (\n        <div className=\"mt-3 flex items-center gap-2 text-xs\">\n          <svg className=\"w-4 h-4 text-text-secondary\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path d=\"M5 21V3h14l-3 9 3 9H5z\" />\n          </svg>\n          <span className=\"text-text-secondary\">\n            Target: <span className=\"font-medium text-text-primary\">{formattedTarget}</span>\n            {percentage >= (targetPercentage || 0) && <span className=\"text-status-success-text ml-1\">Reached!</span>}\n          </span>\n        </div>\n      )}\n\n      {/* Drilldown indicator */}\n      {isClickable && (\n        <div className=\"mt-auto pt-3 flex items-center justify-end\">\n          <span className=\"text-xs text-text-secondary flex items-center gap-1\">\n            View details\n            <svg className=\"w-3 h-3\" 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          </span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default ProgressWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/progress/index.d.ts

@@ -6,3 +6,4 @@
 export { ProgressWidget, type ProgressWidgetProps, type ProgressData } from './ProgressWidget';
 export { ProgressConfig, type ProgressConfigProps } from './ProgressConfig';
 export { ProgressBar, type ProgressBarProps, type Milestone } from './ProgressBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/progress/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/bigconsole/components/widgets/retention/RetentionWidget.d.ts

@@ -22,3 +22,4 @@ export interface RetentionData {
 }
 export declare const RetentionWidget: FC<RetentionWidgetProps>;
 export default RetentionWidget;
+//# sourceMappingURL=RetentionWidget.d.ts.map

package/dist/bigconsole/components/widgets/retention/RetentionWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetentionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/retention/RetentionWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAmB,MAAM,gBAAgB,CAAC;AAM9D,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,kBAAkB;IAClB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAoBD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAqInD,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/dist/bigconsole/components/widgets/retention/RetentionWidget.js

@@ -155,3 +155,5 @@ var o = e(function({ widget: e, data: o, onClick: s }) {
 });
 //#endregion
 export { o as default };
+
+//# sourceMappingURL=RetentionWidget.js.map

package/dist/bigconsole/components/widgets/retention/RetentionWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetentionWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/retention/RetentionWidget.tsx"],"sourcesContent":["/**\n * RetentionWidget Component\n *\n * Retention cohort chart showing user retention over time.\n */\n\nimport { type FC, memo, useMemo, useCallback } from 'react';\nimport type { Widget, RetentionConfig } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface RetentionWidgetProps {\n  widget: Widget;\n  data?: RetentionData;\n  onClick?: (cohort: string, period: number, value: number) => void;\n}\n\nexport interface RetentionCohort {\n  /** Cohort identifier (e.g., \"Week 1\", \"Jan 2024\") */\n  cohort: string;\n  /** Initial cohort size */\n  initialSize: number;\n  /** Retention values for each period (percentages) */\n  values: number[];\n}\n\nexport interface RetentionData {\n  /** Period labels (e.g., [\"Day 0\", \"Day 1\", ...]) */\n  periods: string[];\n  /** Cohort data */\n  cohorts: RetentionCohort[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getRetentionColor(value: number): string {\n  // Green gradient based on retention percentage\n  if (value >= 80) return 'bg-status-success-bg/90 text-white';\n  if (value >= 60) return 'bg-status-success-bg/70 text-white';\n  if (value >= 40) return 'bg-status-success-bg/50 text-text-primary';\n  if (value >= 20) return 'bg-status-success-bg/30 text-text-primary';\n  if (value > 0) return 'bg-status-success-bg/10 text-text-secondary';\n  return 'bg-bg-sunken text-text-secondary';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const RetentionWidget: FC<RetentionWidgetProps> = memo(function RetentionWidget({ widget, data, onClick }) {\n  const config = widget.config as unknown as RetentionConfig | undefined;\n\n  const handleCellClick = useCallback(\n    (cohort: string, periodIndex: number, value: number) => {\n      if (onClick && widget.drilldowns?.length) {\n        onClick(cohort, periodIndex, value);\n      }\n    },\n    [onClick, widget.drilldowns]\n  );\n\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n\n  // Calculate average retention per period\n  const averages = useMemo(() => {\n    if (!data?.cohorts?.length || !data?.periods?.length) return [];\n\n    return data.periods.map((_, periodIndex) => {\n      const values = data.cohorts\n        .map((c) => c.values?.[periodIndex])\n        .filter((v) => v !== undefined && v !== null) as number[];\n      if (values.length === 0) return 0;\n      return values.reduce((a, b) => a + b, 0) / values.length;\n    });\n  }, [data]);\n\n  // Show retention-specific empty state when cohort data is missing.\n  if (!data?.cohorts?.length || !data?.periods?.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 className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2\"\n            />\n          </svg>\n          <p className=\"font-medium text-text-primary\">No retention cohort data</p>\n          <p className=\"text-xs text-text-muted mt-1\">\n            Connect a data source that returns <span className=\"font-mono\">periods</span> and{' '}\n            <span className=\"font-mono\">cohorts</span>.\n          </p>\n          <p className=\"text-xs text-text-muted mt-2\">\n            Expected shape: <span className=\"font-mono\">RetentionData</span>.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      <table className=\"w-full border-collapse\">\n        <thead>\n          <tr>\n            <th className=\"p-2 text-xs font-medium text-text-secondary text-left sticky left-0 bg-bg-surface\">\n              Cohort\n            </th>\n            <th className=\"p-2 text-xs font-medium text-text-secondary text-right\">Users</th>\n            {data.periods.map((period, i) => (\n              <th key={i} className=\"p-2 text-xs font-medium text-text-secondary text-center min-w-[60px]\">\n                {period}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.cohorts.map((cohort, _cohortIndex) => (\n            <tr key={cohort.cohort}>\n              <td className=\"p-2 text-sm font-medium text-text-primary text-left sticky left-0 bg-bg-surface\">\n                {cohort.cohort}\n              </td>\n              <td className=\"p-2 text-sm text-text-secondary text-right\">\n                {new Intl.NumberFormat('en-US').format(cohort.initialSize)}\n              </td>\n              {cohort.values.map((value, periodIndex) => (\n                <td\n                  key={periodIndex}\n                  className={`p-0 ${isClickable ? 'cursor-pointer' : ''}`}\n                  onClick={() => handleCellClick(cohort.cohort, periodIndex, value)}\n                >\n                  <div\n                    className={`\n                        m-0.5 p-2 rounded text-center\n                        ${getRetentionColor(value)}\n                        ${isClickable ? 'hover:ring-2 hover:ring-action-primary-bg' : ''}\n                        transition-all\n                      `}\n                    title={`${cohort.cohort} - ${data.periods[periodIndex]}: ${value.toFixed(1)}%`}\n                  >\n                    <span className=\"text-xs font-medium\">{value.toFixed(config?.decimals ?? 0)}%</span>\n                  </div>\n                </td>\n              ))}\n            </tr>\n          ))}\n\n          {/* Average row */}\n          {config?.showAverages !== false && (\n            <tr className=\"border-t-2 border-border-default\">\n              <td className=\"p-2 text-sm font-medium text-text-primary sticky left-0 bg-bg-surface\">Average</td>\n              <td className=\"p-2 text-sm text-text-secondary text-right\">—</td>\n              {averages.map((avg, i) => (\n                <td key={i} className=\"p-0\">\n                  <div className=\"m-0.5 p-2 rounded bg-bg-sunken text-center\">\n                    <span className=\"text-xs font-semibold text-text-primary\">\n                      {avg.toFixed(config?.decimals ?? 0)}%\n                    </span>\n                  </div>\n                </td>\n              ))}\n            </tr>\n          )}\n        </tbody>\n      </table>\n\n      {/* Legend */}\n      {config?.showLegend !== false && (\n        <div className=\"flex items-center justify-center gap-2 mt-4\">\n          <span className=\"text-xs text-text-secondary\">0%</span>\n          <div className=\"flex gap-0.5\">\n            {[10, 30, 50, 70, 90].map((opacity) => (\n              <div key={opacity} className={`w-6 h-4 rounded bg-status-success-bg/${opacity}`} />\n            ))}\n          </div>\n          <span className=\"text-xs text-text-secondary\">100%</span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default RetentionWidget;\n"],"mappings":";;;AAuCA,SAAS,EAAkB,GAAuB;AAOhD,QALI,KAAS,KAAW,uCACpB,KAAS,KAAW,uCACpB,KAAS,KAAW,8CACpB,KAAS,KAAW,8CACpB,IAAQ,IAAU,gDACf;;AAOT,IAAa,IAA4C,EAAK,SAAyB,EAAE,WAAQ,SAAM,cAAW;CAChH,IAAM,IAAS,EAAO,QAEhB,IAAkB,GACrB,GAAgB,GAAqB,MAAkB;AACtD,EAAI,KAAW,EAAO,YAAY,UAChC,EAAQ,GAAQ,GAAa,EAAM;IAGvC,CAAC,GAAS,EAAO,WAAW,CAC7B,EAEK,IAAc,GAAQ,KAAW,EAAO,YAAY,SAGpD,IAAW,QACX,CAAC,GAAM,SAAS,UAAU,CAAC,GAAM,SAAS,SAAe,EAAE,GAExD,EAAK,QAAQ,KAAK,GAAG,MAAgB;EAC1C,IAAM,IAAS,EAAK,QACjB,KAAK,MAAM,EAAE,SAAS,GAAa,CACnC,QAAQ,MAAM,KAAyB,KAAK;AAE/C,SADI,EAAO,WAAW,IAAU,IACzB,EAAO,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,GAAG,EAAO;GAClD,EACD,CAAC,EAAK,CAAC;AA4BV,QAzBI,CAAC,GAAM,SAAS,UAAU,CAAC,GAAM,SAAS,SAE1C,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;KAAyC,MAAK;KAAO,QAAO;KAAe,SAAQ;eAChG,kBAAC,QAAD;MACE,eAAc;MACd,gBAAe;MACf,aAAa;MACb,GAAE;MACF,CAAA;KACE,CAAA;IACN,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAA4B,CAAA;IACzE,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA4C;MACP,kBAAC,QAAD;OAAM,WAAU;iBAAY;OAAc,CAAA;;MAAK;MAClF,kBAAC,QAAD;OAAM,WAAU;iBAAY;OAAc,CAAA;;MACxC;;IACJ,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA4C;MAC1B,kBAAC,QAAD;OAAM,WAAU;iBAAY;OAAoB,CAAA;;MAC9D;;IACA;;EACF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,SAAD;GAAO,WAAU;aAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eAAoF;KAE7F,CAAA;IACL,kBAAC,MAAD;KAAI,WAAU;eAAyD;KAAU,CAAA;IAChF,EAAK,QAAQ,KAAK,GAAQ,MACzB,kBAAC,MAAD;KAAY,WAAU;eACnB;KACE,EAFI,EAEJ,CACL;IACC,EAAA,CAAA,EACC,CAAA,EACR,kBAAC,SAAD,EAAA,UAAA,CACG,EAAK,QAAQ,KAAK,GAAQ,MACzB,kBAAC,MAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAO;KACL,CAAA;IACL,kBAAC,MAAD;KAAI,WAAU;eACX,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAO,YAAY;KACvD,CAAA;IACJ,EAAO,OAAO,KAAK,GAAO,MACzB,kBAAC,MAAD;KAEE,WAAW,OAAO,IAAc,mBAAmB;KACnD,eAAe,EAAgB,EAAO,QAAQ,GAAa,EAAM;eAEjE,kBAAC,OAAD;MACE,WAAW;;0BAEL,EAAkB,EAAM,CAAC;0BACzB,IAAc,8CAA8C,GAAG;;;MAGrE,OAAO,GAAG,EAAO,OAAO,KAAK,EAAK,QAAQ,GAAa,IAAI,EAAM,QAAQ,EAAE,CAAC;gBAE5E,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAAuC,EAAM,QAAQ,GAAQ,YAAY,EAAE,EAAC,IAAQ;;MAChF,CAAA;KACH,EAfE,EAeF,CACL;IACC,EAAA,EA1BI,EAAO,OA0BX,CACL,EAGD,GAAQ,iBAAiB,MACxB,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,MAAD;MAAI,WAAU;gBAAwE;MAAY,CAAA;KAClG,kBAAC,MAAD;MAAI,WAAU;gBAA6C;MAAM,CAAA;KAChE,EAAS,KAAK,GAAK,MAClB,kBAAC,MAAD;MAAY,WAAU;gBACpB,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACG,EAAI,QAAQ,GAAQ,YAAY,EAAE,EAAC,IAC/B;;OACH,CAAA;MACH,EANI,EAMJ,CACL;KACC;MAED,EAAA,CAAA,CACF;MAGP,GAAQ,eAAe,MACtB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,QAAD;KAAM,WAAU;eAA8B;KAAS,CAAA;IACvD,kBAAC,OAAD;KAAK,WAAU;eACZ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAG,CAAC,KAAK,MACzB,kBAAC,OAAD,EAAmB,WAAW,wCAAwC,KAAa,EAAzE,EAAyE,CACnF;KACE,CAAA;IACN,kBAAC,QAAD;KAAM,WAAU;eAA8B;KAAW,CAAA;IACrD;KAEJ;;EAER"}

package/dist/bigconsole/components/widgets/retention/index.d.ts

@@ -4,3 +4,4 @@
  * Cohort retention chart showing user retention over time.
  */
 export { RetentionWidget, type RetentionWidgetProps, type RetentionData, type RetentionCohort, } from './RetentionWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/retention/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/retention/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,mBAAmB,CAAC"}

package/dist/bigconsole/components/widgets/states/EmptyState.d.ts

@@ -18,3 +18,4 @@ export interface WidgetEmptyStateProps {
 }
 export declare const WidgetEmptyState: FC<WidgetEmptyStateProps>;
 export default WidgetEmptyState;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/bigconsole/components/widgets/states/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/states/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iDAAiD;IACjD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiErD,CAAC;AAyCH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/states/EmptyState.js

@@ -59,3 +59,5 @@ function i(e) {
 }
 //#endregion
 export { r as default };
+
+//# sourceMappingURL=EmptyState.js.map

package/dist/bigconsole/components/widgets/states/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/states/EmptyState.tsx"],"sourcesContent":["/**\n * WidgetEmptyState Component\n *\n * Empty state displayed when widget has no data.\n */\n\nimport { type FC, memo } from 'react';\nimport type { WidgetType } from '../../../types';\n\nexport interface WidgetEmptyStateProps {\n  hideEditHint?: boolean;\n  /** Widget type for context-specific messaging */\n  widgetType?: WidgetType;\n  /** Whether a data source is configured */\n  hasDataSource?: boolean;\n  /** Custom message */\n  message?: string;\n  /**\n   * Slot name when this widget came from a store template and its data source\n   * has not been connected yet. Turns the generic empty state into an\n   * explicitly unfinished-setup state, so it does not read as a broken widget.\n   */\n  templateSlot?: string | null;\n}\n\nexport const WidgetEmptyState: FC<WidgetEmptyStateProps> = memo(function WidgetEmptyState({\n  widgetType,\n  hasDataSource = false,\n  message,\n  templateSlot,\n  hideEditHint = false,\n}) {\n  // A template widget awaiting its data source is a designed setup state, not\n  // an absence of results — say so explicitly and name the slot to connect.\n  const awaitingTemplateBinding = !hasDataSource && !!templateSlot;\n\n  // Determine appropriate message\n  const displayMessage =\n    message ||\n    (awaitingTemplateBinding\n      ? `Connect the \"${templateSlot}\" data source to finish setting up this widget`\n      : !hasDataSource\n        ? 'Connect a data source to display data'\n        : getEmptyMessageForType(widgetType));\n\n  return (\n    /*\n      One shared recipe across the four widget states (empty / error / loading /\n      crash): same icon chip, same copy width, same padding. Copy is capped in\n      `ch` rather than a fixed 200px so it never overflows a narrow card\n      (BOFF-5636).\n    */\n    <div\n      className=\"\n          flex flex-col items-center justify-center\n          h-full w-full min-w-0 min-h-[120px]\n          text-center\n          px-3\n        \"\n      role=\"status\"\n    >\n      {/* Empty Icon */}\n      <div\n        className=\"\n            w-12 h-12 mb-3 shrink-0\n            flex items-center justify-center\n            rounded-full\n            bg-bg-sunken\n            text-text-secondary\n          \"\n      >\n        <svg aria-hidden=\"true\" className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4\"\n          />\n        </svg>\n      </div>\n\n      {/* Message */}\n      <p className=\"max-w-[32ch] text-sm font-medium text-text-primary\">{displayMessage}</p>\n\n      {/* Data source hint */}\n      {!hasDataSource && !hideEditHint && (\n        <p className=\"mt-2 max-w-[32ch] text-xs text-text-secondary\">Click Edit to configure this widget</p>\n      )}\n    </div>\n  );\n});\n\n/**\n * Get context-specific empty message for widget type (v1.0 snake_case)\n */\nfunction getEmptyMessageForType(type?: WidgetType): string {\n  switch (type) {\n    case 'metric_card':\n    case 'kpi_card_comparison':\n      return 'No metrics available';\n    case 'chart':\n    case 'funnel_chart':\n      return 'No chart data available';\n    case 'table':\n    case 'pivot_table':\n      return 'No rows to display';\n    case 'gauge':\n    case 'progress':\n      return 'No value available';\n    case 'list':\n      return 'No items to display';\n    case 'heatmap':\n      return 'No heatmap data available';\n    case 'calendar':\n    case 'timeline':\n    case 'kanban':\n      return 'No schedule data available';\n    case 'map':\n      return 'No location data available';\n    case 'form':\n      return 'Form not configured';\n    case 'text':\n    case 'iframe':\n      return 'No content configured';\n    case 'custom':\n      return 'Custom widget not configured';\n    default:\n      return 'No data available';\n  }\n}\n\nexport default WidgetEmptyState;\n"],"mappings":";;;AAyBA,IAAa,IAA8C,EAAK,SAA0B,EACxF,eACA,mBAAgB,IAChB,YACA,iBACA,kBAAe,MACd;CAMD,IAAM,IACJ,MAJ8B,CAAC,KAAmB,IAM9C,gBAAgB,EAAa,kDAC5B,IAEC,EAAuB,EAAW,GADlC;AAGR,QAOE,kBAAC,OAAD;EACE,WAAU;EAMV,MAAK;YAPP;GAUE,kBAAC,OAAD;IACE,WAAU;cAQV,kBAAC,OAAD;KAAK,eAAY;KAAO,WAAU;KAAU,MAAK;KAAO,QAAO;KAAe,SAAQ;eACpF,kBAAC,QAAD;MACE,eAAc;MACd,gBAAe;MACf,aAAa;MACb,GAAE;MACF,CAAA;KACE,CAAA;IACF,CAAA;GAGN,kBAAC,KAAD;IAAG,WAAU;cAAsD;IAAmB,CAAA;GAGrF,CAAC,KAAiB,CAAC,KAClB,kBAAC,KAAD;IAAG,WAAU;cAAgD;IAAuC,CAAA;GAElG;;EAER;AAKF,SAAS,EAAuB,GAA2B;AACzD,SAAQ,GAAR;EACE,KAAK;EACL,KAAK,sBACH,QAAO;EACT,KAAK;EACL,KAAK,eACH,QAAO;EACT,KAAK;EACL,KAAK,cACH,QAAO;EACT,KAAK;EACL,KAAK,WACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,SACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,KAAK;EACL,KAAK,SACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,QACE,QAAO"}

package/dist/bigconsole/components/widgets/states/ErrorState.d.ts

@@ -8,3 +8,4 @@ export interface WidgetErrorStateProps {
 }
 export declare const WidgetErrorState: FC<WidgetErrorStateProps>;
 export default WidgetErrorState;
+//# sourceMappingURL=ErrorState.d.ts.map

package/dist/bigconsole/components/widgets/states/ErrorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/states/ErrorState.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,qBAAqB;IACpC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAoErD,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/states/ErrorState.js

@@ -54,3 +54,5 @@ var r = e(function({ error: e, onRetry: r }) {
 });
 //#endregion
 export { r as default };
+
+//# sourceMappingURL=ErrorState.js.map

package/dist/bigconsole/components/widgets/states/ErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/states/ErrorState.tsx"],"sourcesContent":["/**\n * WidgetErrorState Component\n *\n * Error state displayed when widget data fetch fails.\n */\n\nimport { type FC, memo } from 'react';\n\nexport interface WidgetErrorStateProps {\n  /** Error message */\n  error: string;\n  /** Callback to retry loading */\n  onRetry?: () => void;\n}\n\nexport const WidgetErrorState: FC<WidgetErrorStateProps> = memo(function WidgetErrorState({ error, onRetry }) {\n  return (\n    /* Shares the empty-state recipe: same chip, same copy width, same padding. */\n    <div\n      className=\"\n          flex flex-col items-center justify-center\n          h-full w-full min-w-0 min-h-[120px]\n          text-center\n          px-3\n        \"\n      role=\"alert\"\n    >\n      {/* Error Icon */}\n      <div\n        className=\"\n            w-12 h-12 mb-3 shrink-0\n            flex items-center justify-center\n            rounded-full\n            bg-status-error-bg-subtle\n            text-[var(--color-status-error-text)]\n          \"\n      >\n        <svg aria-hidden=\"true\" className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n          />\n        </svg>\n      </div>\n\n      {/* Error Message */}\n      <p className=\"mb-1 text-sm font-semibold text-[var(--color-status-error-text)]\">Failed to load data</p>\n      <p className=\"mb-4 max-w-[32ch] break-words text-xs text-text-secondary\" title={error}>\n        {error.length > 100 ? `${error.substring(0, 100)}...` : error}\n      </p>\n\n      {/* Retry Button */}\n      {onRetry && (\n        <button\n          type=\"button\"\n          onClick={onRetry}\n          className=\"\n              inline-flex items-center gap-1.5\n              min-h-control-md px-3\n              text-sm font-medium\n              text-action-primary-text\n              bg-action-primary-bg\n              hover:bg-action-primary-bgHover\n              rounded-button\n              motion-safe:transition-colors\n              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface\n            \"\n        >\n          <svg aria-hidden=\"true\" 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 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n            />\n          </svg>\n          Retry\n        </button>\n      )}\n    </div>\n  );\n});\n\nexport default WidgetErrorState;\n"],"mappings":";;;AAeA,IAAa,IAA8C,EAAK,SAA0B,EAAE,UAAO,cAAW;AAC5G,QAEE,kBAAC,OAAD;EACE,WAAU;EAMV,MAAK;YAPP;GAUE,kBAAC,OAAD;IACE,WAAU;cAQV,kBAAC,OAAD;KAAK,eAAY;KAAO,WAAU;KAAU,MAAK;KAAO,QAAO;KAAe,SAAQ;eACpF,kBAAC,QAAD;MACE,eAAc;MACd,gBAAe;MACf,aAAa;MACb,GAAE;MACF,CAAA;KACE,CAAA;IACF,CAAA;GAGN,kBAAC,KAAD;IAAG,WAAU;cAAmE;IAAuB,CAAA;GACvG,kBAAC,KAAD;IAAG,WAAU;IAA4D,OAAO;cAC7E,EAAM,SAAS,MAAM,GAAG,EAAM,UAAU,GAAG,IAAI,CAAC,OAAO;IACtD,CAAA;GAGH,KACC,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAHZ,CAeE,kBAAC,OAAD;KAAK,eAAY;KAAO,WAAU;KAAU,MAAK;KAAO,QAAO;KAAe,SAAQ;eACpF,kBAAC,QAAD;MACE,eAAc;MACd,gBAAe;MACf,aAAa;MACb,GAAE;MACF,CAAA;KACE,CAAA,EAAA,QAEC;;GAEP;;EAER"}

package/dist/bigconsole/components/widgets/states/LoadingState.d.ts

@@ -6,3 +6,4 @@ export interface WidgetLoadingStateProps {
 }
 export declare const WidgetLoadingState: FC<WidgetLoadingStateProps>;
 export default WidgetLoadingState;
+//# sourceMappingURL=LoadingState.d.ts.map

package/dist/bigconsole/components/widgets/states/LoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/states/LoadingState.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAsCzD,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/states/LoadingState.js

@@ -18,3 +18,5 @@ var r = e(function({ message: e = "Loading..." }) {
 });
 //#endregion
 export { r as default };
+
+//# sourceMappingURL=LoadingState.js.map

package/dist/bigconsole/components/widgets/states/LoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/states/LoadingState.tsx"],"sourcesContent":["/**\n * WidgetLoadingState Component\n *\n * Loading state displayed while widget data is being fetched.\n */\n\nimport { type FC, memo } from 'react';\n\nexport interface WidgetLoadingStateProps {\n  /** Optional message to display */\n  message?: string;\n}\n\nexport const WidgetLoadingState: FC<WidgetLoadingStateProps> = memo(function WidgetLoadingState({\n  message = 'Loading...',\n}) {\n  return (\n    /* Shares the empty/error-state recipe so all four states read as one family. */\n    <div\n      className=\"\n          flex flex-col items-center justify-center\n          h-full w-full min-w-0 min-h-[120px]\n          px-3 text-center text-text-secondary\n        \"\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      {/* Spinner */}\n      <div aria-hidden=\"true\" className=\"relative mb-3 h-12 w-12 shrink-0 p-1\">\n        <div\n          className=\"\n              absolute inset-1\n              border-4 border-[var(--color-border-subtle)]\n              rounded-full\n            \"\n        />\n        <div\n          className=\"\n              absolute inset-1\n              border-4 border-action-primary-bg\n              border-t-transparent\n              rounded-full\n              motion-safe:animate-spin\n            \"\n        />\n      </div>\n\n      {/* Message */}\n      <p className=\"max-w-[32ch] text-sm\">{message}</p>\n    </div>\n  );\n});\n\nexport default WidgetLoadingState;\n"],"mappings":";;;AAaA,IAAa,IAAkD,EAAK,SAA4B,EAC9F,aAAU,gBACT;AACD,QAEE,kBAAC,OAAD;EACE,WAAU;EAKV,MAAK;EACL,aAAU;YAPZ,CAUE,kBAAC,OAAD;GAAK,eAAY;GAAO,WAAU;aAAlC,CACE,kBAAC,OAAD,EACE,WAAU,0IAKV,CAAA,EACF,kBAAC,OAAD,EACE,WAAU,2MAOV,CAAA,CACE;MAGN,kBAAC,KAAD;GAAG,WAAU;aAAwB;GAAY,CAAA,CAC7C;;EAER"}

package/dist/bigconsole/components/widgets/states/index.d.ts

@@ -6,3 +6,4 @@
 export { WidgetLoadingState, type WidgetLoadingStateProps } from './LoadingState';
 export { WidgetErrorState, type WidgetErrorStateProps } from './ErrorState';
 export { WidgetEmptyState, type WidgetEmptyStateProps } from './EmptyState';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/states/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/states/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/table/TableCell.d.ts

@@ -39,3 +39,4 @@ export interface TableCellProps {
 }
 export declare const TableCell: FC<TableCellProps>;
 export default TableCell;
+//# sourceMappingURL=TableCell.d.ts.map

package/dist/bigconsole/components/widgets/table/TableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/TableCell.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EACL,KAAK,eAAe,EAKrB,MAAM,4BAA4B,CAAC;AAIpC,gCAAgC;AAChC,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC;AA+BpC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnG,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACzC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mFAAmF;IACnF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAsGvC,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -115,3 +115,5 @@ var d = o(function({ value: o, column: d, format: f, rowData: p, conditionalRule
 });
 //#endregion
 export { d as default };
+
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableCell.tsx"],"sourcesContent":["/**\n * TableCell Component\n *\n * Table cell with formatting and rendering options.\n */\n\nimport { type FC, memo, type ReactNode } from 'react';\nimport type { ColumnDefinition } from './TableHeader';\nimport {\n  type ConditionalRule,\n  resolveConditionalStyle,\n  conditionalStyleToClassName,\n  intentToCssVar,\n  CONDITIONAL_ICON_PATHS,\n} from '../utils/conditionalFormat';\nimport { SparklineChart } from '../metric-card/SparklineChart';\nimport { resolveCellLinkHref } from './cellLink';\n\n/** In-cell mini-chart kinds. */\nexport type CellChart = 'sparkline';\n\n/**\n * Extract finite numeric values from a sparkline cell value (an array of raw\n * numbers or `{value}` objects). Non-finite values (NaN/Infinity) are rejected\n * in both forms. Returns null when the value isn't a usable numeric array — so\n * the caller can decide how to render: a chart (≥2 points), a single value\n * (1 point), or fall through to the default renderer.\n */\nfunction extractSparklineValues(value: unknown): number[] | null {\n  if (!Array.isArray(value) || value.length === 0) return null;\n  const nums: number[] = [];\n  for (const item of value) {\n    if (typeof item === 'number' && Number.isFinite(item)) {\n      nums.push(item);\n    } else if (\n      item &&\n      typeof item === 'object' &&\n      typeof (item as { value?: unknown }).value === 'number' &&\n      Number.isFinite((item as { value: number }).value)\n    ) {\n      nums.push((item as { value: number }).value);\n    }\n  }\n  return nums.length ? nums : null;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type CellFormat = 'text' | 'number' | 'currency' | 'percentage' | 'date' | 'badge' | 'link';\n\nexport interface CellFormatConfig {\n  /** Format type */\n  type: CellFormat;\n  /** Currency code for currency format */\n  currency?: string;\n  /** Date format options */\n  dateOptions?: Intl.DateTimeFormatOptions;\n  /** Badge color mapping (value -> color) */\n  badgeColors?: Record<string, string>;\n  /** Link URL pattern (use {value} as placeholder) */\n  linkPattern?: string;\n}\n\nexport interface TableCellProps {\n  /** Cell value */\n  value: unknown;\n  /** Column definition */\n  column: ColumnDefinition;\n  /** Format configuration */\n  format?: CellFormatConfig;\n  /** Row data for link patterns and conditional rule field lookups */\n  rowData?: Record<string, unknown>;\n  /** Conditional formatting rules to evaluate against this cell */\n  conditionalRules?: ConditionalRule[];\n  /** Max absolute value in this column, used to scale in-cell data bars */\n  dataBarMax?: number;\n  /** When set, freeze this cell sticky-left at the given px offset */\n  stickyLeft?: number;\n  /** Render the cell as an in-cell mini chart (e.g. sparkline) instead of a value */\n  cellChart?: CellChart;\n  /** Click handler */\n  onClick?: () => void;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatValue(value: unknown, format?: CellFormatConfig): ReactNode {\n  if (value === null || value === undefined) {\n    return <span className=\"text-text-secondary\">—</span>;\n  }\n\n  const formatType = format?.type || 'text';\n\n  switch (formatType) {\n    case 'number':\n      return typeof value === 'number' ? new Intl.NumberFormat('en-US').format(value) : String(value);\n\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat('en-US', {\n            style: 'currency',\n            currency: format?.currency || 'USD',\n          }).format(value)\n        : String(value);\n\n    case 'percentage':\n      return typeof value === 'number' ? `${(value * 100).toFixed(1)}%` : String(value);\n\n    case 'date':\n      if (value instanceof Date) {\n        return new Intl.DateTimeFormat('en-US', format?.dateOptions || { dateStyle: 'medium' }).format(value);\n      }\n      if (typeof value === 'string' || typeof value === 'number') {\n        const date = new Date(value);\n        if (!isNaN(date.getTime())) {\n          return new Intl.DateTimeFormat('en-US', format?.dateOptions || { dateStyle: 'medium' }).format(date);\n        }\n      }\n      return String(value);\n\n    case 'badge': {\n      const stringValue = String(value);\n      const badgeColor = format?.badgeColors?.[stringValue] || 'bg-bg-sunken text-text-primary';\n      return (\n        <span\n          className={`\n            inline-flex items-center\n            px-2 py-0.5\n            text-xs font-medium\n            rounded-full\n            ${badgeColor}\n          `}\n        >\n          {stringValue}\n        </span>\n      );\n    }\n\n    // `link` renders its visible text like any other value here; the navigable\n    // <a> wrapper (which needs rowData to resolve the href) is applied in the\n    // component body. A link column with no resolvable URL stays honest plain\n    // text rather than fake link-styled text that goes nowhere.\n    case 'link':\n    case 'text':\n    default:\n      return String(value);\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableCell: FC<TableCellProps> = memo(function TableCell({\n  value,\n  column,\n  format,\n  rowData,\n  conditionalRules,\n  dataBarMax,\n  stickyLeft,\n  cellChart,\n  onClick,\n}) {\n  const cf = resolveConditionalStyle(value, conditionalRules, rowData);\n  const cfClass = conditionalStyleToClassName(cf);\n  const isFrozen = stickyLeft != null;\n  // In-cell sparkline: only when the column opts in and the value is numeric.\n  const sparkValues = cellChart === 'sparkline' ? extractSparklineValues(value) : null;\n  // Range for the sparkline's accessible label (reduce, not spread → no call-stack risk).\n  const sparkMin = sparkValues ? sparkValues.reduce((a, b) => Math.min(a, b), Infinity) : 0;\n  const sparkMax = sparkValues ? sparkValues.reduce((a, b) => Math.max(a, b), -Infinity) : 0;\n\n  // In-cell data bar width (0–100%) scaled against the column max.\n  const dataBarWidth =\n    cf?.dataBar && typeof value === 'number' && dataBarMax && dataBarMax > 0\n      ? Math.max(0, Math.min(100, (Math.abs(value) / dataBarMax) * 100))\n      : null;\n\n  // Navigable href for a `link`-formatted cell (null when nothing safe resolves).\n  const linkHref = format?.type === 'link' ? resolveCellLinkHref(format.linkPattern, value, rowData) : null;\n\n  return (\n    <td\n      className={`\n        relative px-4 py-3\n        text-sm text-text-primary\n        border-b border-border-default\n        ${column.align === 'center' ? 'text-center' : ''}\n        ${column.align === 'right' ? 'text-right' : 'text-left'}\n        ${onClick ? 'cursor-pointer hover:text-action-primary-bg' : ''}\n        ${isFrozen ? 'sticky z-10 bg-bg-surface' : ''}\n        ${cfClass}\n      `}\n      style={isFrozen ? { left: stickyLeft, width: column.width } : undefined}\n      onClick={onClick}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={(e) => {\n        if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      {dataBarWidth != null && (\n        <span\n          aria-hidden=\"true\"\n          className=\"absolute inset-y-1 left-1 rounded-sm opacity-20 pointer-events-none\"\n          style={{\n            width: `calc(${dataBarWidth}% - 0.5rem)`,\n            backgroundColor: intentToCssVar(cf?.dataBarColor ?? 'info'),\n          }}\n        />\n      )}\n      {sparkValues && sparkValues.length >= 2 ? (\n        // ≥2 points → draw the sparkline (SparklineChart needs >1 to avoid a\n        // divide-by-zero). Labelled for screen readers since the SVG is decorative.\n        <span\n          className=\"relative inline-flex items-center\"\n          role=\"img\"\n          aria-label={`Sparkline, ${sparkValues.length} points, ${sparkMin.toLocaleString()} to ${sparkMax.toLocaleString()}`}\n        >\n          <SparklineChart data={sparkValues.map((v) => ({ value: v }))} width={96} height={28} color=\"primary\" />\n        </span>\n      ) : sparkValues && sparkValues.length === 1 ? (\n        // A single numeric point can't be charted — render the value itself\n        // (not the raw array, which would stringify to \"[object Object]\").\n        <span className=\"relative inline-flex items-center\">{formatValue(sparkValues[0], format)}</span>\n      ) : (\n        <span className=\"relative inline-flex items-center gap-1.5\">\n          {cf?.icon && (\n            <svg className=\"w-3.5 h-3.5 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d={CONDITIONAL_ICON_PATHS[cf.icon]} />\n            </svg>\n          )}\n          {linkHref ? (\n            <a\n              href={linkHref}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              title={linkHref}\n              className=\"text-action-primary-bg hover:underline\"\n              // Don't let the click bubble to the row (cross-filter / drilldown).\n              onClick={(e) => e.stopPropagation()}\n            >\n              {formatValue(value, format)}\n            </a>\n          ) : (\n            formatValue(value, format)\n          )}\n        </span>\n      )}\n    </td>\n  );\n});\n\nexport default TableCell;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/table/TableConfig.d.ts

@@ -9,3 +9,4 @@ export interface TableConfigProps {
 }
 export declare const TableConfig: FC<TableConfigProps>;
 export default TableConfig;
+//# sourceMappingURL=TableConfig.d.ts.map

package/dist/bigconsole/components/widgets/table/TableConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableConfig.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/TableConfig.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAmD,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,IAAI,UAAU,EAAqB,MAAM,gBAAgB,CAAC;AAOnF,MAAM,WAAW,gBAAgB;IAC/B,4BAA4B;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAgCD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkf3C,CAAC;AAEH,eAAe,WAAW,CAAC"}

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

@@ -462,3 +462,5 @@ var c = [
 });
 //#endregion
 export { d as default };
+
+//# sourceMappingURL=TableConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableConfig.tsx"],"sourcesContent":["/**\n * TableConfig Component\n *\n * Configuration panel for Table widgets.\n */\n\nimport { type FC, memo, useCallback, useMemo, useEffect, useState } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { TableConfig as ConfigType, TableColumnConfig } from '../../../types';\nimport type { ConditionalRule, ConditionalOperator, SemanticIntent } from '../utils/conditionalFormat';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TableConfigProps {\n  /** Current configuration */\n  config: ConfigType;\n  /** Callback when config changes */\n  onChange: (config: ConfigType) => void;\n}\n\n// Operators offered in the conditional-formatting editor. Kept to the common,\n// self-explanatory set; the engine supports more (see conditionalFormat.ts).\nconst CF_OPERATORS: { value: ConditionalOperator; labelKey: string; labelDefault: string }[] = [\n  { value: 'gt', labelKey: 'bigconsole.widget.config.table.operator.gt', labelDefault: '> greater than' },\n  { value: 'gte', labelKey: 'bigconsole.widget.config.table.operator.gte', labelDefault: '≥ at least' },\n  { value: 'lt', labelKey: 'bigconsole.widget.config.table.operator.lt', labelDefault: '< less than' },\n  { value: 'lte', labelKey: 'bigconsole.widget.config.table.operator.lte', labelDefault: '≤ at most' },\n  { value: 'eq', labelKey: 'bigconsole.widget.config.table.operator.eq', labelDefault: '= equals' },\n  { value: 'neq', labelKey: 'bigconsole.widget.config.table.operator.neq', labelDefault: '≠ not equal' },\n  { value: 'between', labelKey: 'bigconsole.widget.config.table.operator.between', labelDefault: 'between' },\n  { value: 'outside', labelKey: 'bigconsole.widget.config.table.operator.outside', labelDefault: 'outside' },\n  { value: 'contains', labelKey: 'bigconsole.widget.config.table.operator.contains', labelDefault: 'contains' },\n];\n\n// Semantic color intents — theme-safe (never raw hex). Resolved to status tokens.\nconst CF_INTENTS: { value: SemanticIntent; labelKey: string; labelDefault: string }[] = [\n  { value: 'danger', labelKey: 'bigconsole.widget.config.table.intent.danger', labelDefault: 'Red — danger' },\n  { value: 'warning', labelKey: 'bigconsole.widget.config.table.intent.warning', labelDefault: 'Amber — warning' },\n  { value: 'success', labelKey: 'bigconsole.widget.config.table.intent.success', labelDefault: 'Green — good' },\n  { value: 'info', labelKey: 'bigconsole.widget.config.table.intent.info', labelDefault: 'Blue — info' },\n  { value: 'neutral', labelKey: 'bigconsole.widget.config.table.intent.neutral', labelDefault: 'Neutral' },\n];\n\nconst CF_FIELD_CLASS =\n  'px-2 py-1 text-xs text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg';\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableConfig: FC<TableConfigProps> = memo(function TableConfig({ config, onChange }) {\n  const { t } = useI18n();\n\n  // Normalize columns - convert string[] to TableColumnConfig[]\n  const initialColumns = useMemo(() => {\n    return ((config.columns || []) as (string | TableColumnConfig)[]).map((col) => {\n      if (typeof col === 'string') {\n        return {\n          field: col,\n          header: col.charAt(0).toUpperCase() + col.slice(1).replace(/_/g, ' '),\n        };\n      }\n      return col as TableColumnConfig;\n    });\n  }, []); // Only run once on mount\n\n  // Local state for columns to make them editable\n  const [columns, setColumns] = useState<TableColumnConfig[]>(initialColumns);\n\n  // Sync with parent when columns change\n  useEffect(() => {\n    // Only update if columns actually changed (deep compare)\n    const currentStr = JSON.stringify(config.columns);\n    const newStr = JSON.stringify(columns);\n    if (currentStr !== newStr && columns.length > 0) {\n      onChange({ ...config, columns });\n    }\n  }, [columns]);\n\n  // Reset columns when config changes from outside\n  useEffect(() => {\n    const normalized = ((config.columns || []) as (string | TableColumnConfig)[]).map((col) => {\n      if (typeof col === 'string') {\n        return {\n          field: col,\n          header: col.charAt(0).toUpperCase() + col.slice(1).replace(/_/g, ' '),\n        };\n      }\n      return col as TableColumnConfig;\n    });\n    setColumns(normalized);\n  }, [config.columns]);\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 handleColumnChange = useCallback((index: number, field: keyof TableColumnConfig, value: string) => {\n    setColumns((prev) => {\n      const newColumns = [...prev];\n      newColumns[index] = { ...newColumns[index], [field]: value };\n      return newColumns;\n    });\n  }, []);\n\n  // Conditional-formatting rule edits for a column. The rules array is stored on\n  // `column.conditionalRules` and consumed at render time by TableCell.\n  const handleColumnRules = useCallback((index: number, rules: ConditionalRule[]) => {\n    setColumns((prev) => {\n      const newColumns = [...prev];\n      newColumns[index] = { ...newColumns[index], conditionalRules: rules };\n      return newColumns;\n    });\n  }, []);\n\n  const addRule = useCallback(\n    (index: number) => {\n      const existing = columns[index]?.conditionalRules ?? [];\n      const next: ConditionalRule = {\n        operator: 'gt',\n        value: 0,\n        style: { bgColor: 'danger', textColor: 'danger', bold: true },\n      };\n      handleColumnRules(index, [...existing, next]);\n    },\n    [columns, handleColumnRules]\n  );\n\n  const updateRule = useCallback(\n    (colIndex: number, ruleIndex: number, patch: Partial<ConditionalRule>) => {\n      const existing = columns[colIndex]?.conditionalRules ?? [];\n      const next = existing.map((r, i) => (i === ruleIndex ? { ...r, ...patch } : r));\n      handleColumnRules(colIndex, next);\n    },\n    [columns, handleColumnRules]\n  );\n\n  const updateRuleStyle = useCallback(\n    (colIndex: number, ruleIndex: number, intent: SemanticIntent) => {\n      const existing = columns[colIndex]?.conditionalRules ?? [];\n      const next = existing.map((r, i) =>\n        i === ruleIndex ? { ...r, style: { ...r.style, bgColor: intent, textColor: intent } } : r\n      );\n      handleColumnRules(colIndex, next);\n    },\n    [columns, handleColumnRules]\n  );\n\n  const removeRule = useCallback(\n    (colIndex: number, ruleIndex: number) => {\n      const existing = columns[colIndex]?.conditionalRules ?? [];\n      handleColumnRules(\n        colIndex,\n        existing.filter((_, i) => i !== ruleIndex)\n      );\n    },\n    [columns, handleColumnRules]\n  );\n\n  const addColumn = useCallback(() => {\n    setColumns((prev) => [...prev, { field: '', header: '' }]);\n  }, []);\n\n  const removeColumn = useCallback((index: number) => {\n    setColumns((prev) => prev.filter((_, i) => i !== index));\n  }, []);\n\n  return (\n    <div className=\"min-w-0 space-y-form-gap\">\n      {/* Page Size */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.table.pageSize.label', 'Page Size')}\n        </label>\n        <select\n          value={config.pageSize || 10}\n          onChange={(e) => handleChange('pageSize', 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          <option value={10}>\n            {t('bigconsole.widget.config.table.pageSize.rows', '{{count}} rows', { count: 10 })}\n          </option>\n          <option value={25}>\n            {t('bigconsole.widget.config.table.pageSize.rows', '{{count}} rows', { count: 25 })}\n          </option>\n          <option value={50}>\n            {t('bigconsole.widget.config.table.pageSize.rows', '{{count}} rows', { count: 50 })}\n          </option>\n          <option value={100}>\n            {t('bigconsole.widget.config.table.pageSize.rows', '{{count}} rows', { count: 100 })}\n          </option>\n        </select>\n      </div>\n\n      {/* Columns Configuration */}\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.table.columns.label', 'Columns')}\n          </label>\n          <button\n            type=\"button\"\n            onClick={addColumn}\n            className=\"\n              text-sm text-action-primary-bg\n              hover:text-action-primary-bgHover\n            \"\n          >\n            {t('bigconsole.widget.config.table.columns.add', '+ Add Column')}\n          </button>\n        </div>\n\n        <div className=\"space-y-3\">\n          {columns.map((col, index) => (\n            <div\n              key={index}\n              className=\"\n                p-3\n                bg-bg-sunken\n                rounded-md\n                space-y-2\n              \"\n            >\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-xs text-text-secondary\">\n                  {t('bigconsole.widget.config.table.columns.columnN', 'Column {{index}}', { index: index + 1 })}\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={() => removeColumn(index)}\n                  className=\"text-status-error-text hover:text-status-error-text/80\"\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              <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n                <input\n                  type=\"text\"\n                  value={col.field || ''}\n                  onChange={(e) => handleColumnChange(index, 'field', e.target.value)}\n                  placeholder={t('bigconsole.widget.config.table.column.fieldPlaceholder', 'Field name')}\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                <input\n                  type=\"text\"\n                  value={col.header || ''}\n                  onChange={(e) => handleColumnChange(index, 'header', e.target.value)}\n                  placeholder={t('bigconsole.widget.config.table.column.headerPlaceholder', 'Header label')}\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              </div>\n\n              <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n                <select\n                  value={col.format || 'text'}\n                  onChange={(e) => handleColumnChange(index, 'format', e.target.value)}\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                  <option value=\"text\">{t('bigconsole.widget.config.table.format.text', 'Text')}</option>\n                  <option value=\"number\">{t('bigconsole.widget.config.table.format.number', 'Number')}</option>\n                  <option value=\"currency\">{t('bigconsole.widget.config.table.format.currency', 'Currency')}</option>\n                  <option value=\"percentage\">\n                    {t('bigconsole.widget.config.table.format.percentage', 'Percentage')}\n                  </option>\n                  <option value=\"date\">{t('bigconsole.widget.config.table.format.date', 'Date')}</option>\n                  <option value=\"badge\">{t('bigconsole.widget.config.table.format.badge', 'Badge')}</option>\n                </select>\n                <select\n                  value={col.align || 'left'}\n                  onChange={(e) => handleColumnChange(index, 'align', e.target.value)}\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                  <option value=\"left\">{t('bigconsole.widget.config.table.align.left', 'Left')}</option>\n                  <option value=\"center\">{t('bigconsole.widget.config.table.align.center', 'Center')}</option>\n                  <option value=\"right\">{t('bigconsole.widget.config.table.align.right', 'Right')}</option>\n                </select>\n              </div>\n\n              {/* Conditional formatting rules */}\n              <div className=\"pt-2 border-t border-border-default/60\">\n                <div className=\"flex items-center justify-between mb-1\">\n                  <span className=\"text-xs font-medium text-text-secondary\">\n                    {t('bigconsole.widget.config.table.conditionalFormatting.title', 'Conditional formatting')}\n                  </span>\n                  <button\n                    type=\"button\"\n                    onClick={() => addRule(index)}\n                    className=\"text-xs text-action-primary-bg hover:text-action-primary-bgHover\"\n                  >\n                    {t('bigconsole.widget.config.table.conditionalFormatting.addRule', '+ Add rule')}\n                  </button>\n                </div>\n\n                {(col.conditionalRules?.length ?? 0) === 0 && (\n                  <p className=\"text-xs text-text-secondary\">\n                    {t(\n                      'bigconsole.widget.config.table.conditionalFormatting.noRules',\n                      'No rules — cell shows its plain value.'\n                    )}\n                  </p>\n                )}\n\n                <div className=\"space-y-2\">\n                  {(col.conditionalRules ?? []).map((rule, ruleIndex) => {\n                    const needsSecond = rule.operator === 'between' || rule.operator === 'outside';\n                    const currentIntent: SemanticIntent = rule.style?.bgColor ?? rule.style?.textColor ?? 'danger';\n                    return (\n                      <div\n                        key={ruleIndex}\n                        className=\"p-2 bg-bg-surface rounded-md border border-border-default space-y-2\"\n                      >\n                        <div className=\"flex items-center gap-2\">\n                          <select\n                            value={rule.operator}\n                            onChange={(e) =>\n                              updateRule(index, ruleIndex, { operator: e.target.value as ConditionalOperator })\n                            }\n                            className={`${CF_FIELD_CLASS} flex-1`}\n                          >\n                            {CF_OPERATORS.map((op) => (\n                              <option key={op.value} value={op.value}>\n                                {t(op.labelKey, op.labelDefault)}\n                              </option>\n                            ))}\n                          </select>\n                          <input\n                            type=\"text\"\n                            value={rule.value ?? ''}\n                            onChange={(e) => updateRule(index, ruleIndex, { value: e.target.value })}\n                            placeholder={t('bigconsole.widget.config.table.rule.valuePlaceholder', 'value')}\n                            className={`${CF_FIELD_CLASS} w-20`}\n                          />\n                          {needsSecond && (\n                            <input\n                              type=\"text\"\n                              value={rule.value2 ?? ''}\n                              onChange={(e) => updateRule(index, ruleIndex, { value2: e.target.value })}\n                              placeholder={t('bigconsole.widget.config.table.rule.value2Placeholder', 'and')}\n                              className={`${CF_FIELD_CLASS} w-20`}\n                            />\n                          )}\n                          <button\n                            type=\"button\"\n                            onClick={() => removeRule(index, ruleIndex)}\n                            className=\"text-status-error-text hover:text-status-error-text/80\"\n                            aria-label={t('bigconsole.widget.config.table.rule.remove', 'Remove rule')}\n                          >\n                            <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                              <path\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                                strokeWidth={2}\n                                d=\"M6 18L18 6M6 6l12 12\"\n                              />\n                            </svg>\n                          </button>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                          <select\n                            value={currentIntent}\n                            onChange={(e) => updateRuleStyle(index, ruleIndex, e.target.value as SemanticIntent)}\n                            className={`${CF_FIELD_CLASS} flex-1`}\n                          >\n                            {CF_INTENTS.map((it) => (\n                              <option key={it.value} value={it.value}>\n                                {t(it.labelKey, it.labelDefault)}\n                              </option>\n                            ))}\n                          </select>\n                          <label className=\"flex items-center gap-1 text-xs text-text-primary\">\n                            <input\n                              type=\"checkbox\"\n                              checked={rule.style?.bold === true}\n                              onChange={(e) =>\n                                updateRule(index, ruleIndex, { style: { ...rule.style, bold: e.target.checked } })\n                              }\n                              className=\"w-3.5 h-3.5 text-action-primary-bg bg-bg-surface border-border-default rounded focus:ring-action-primary-bg\"\n                            />\n                            {t('bigconsole.widget.config.table.rule.bold', 'Bold')}\n                          </label>\n                        </div>\n                      </div>\n                    );\n                  })}\n                </div>\n              </div>\n            </div>\n          ))}\n\n          {columns.length === 0 && (\n            <p className=\"text-sm text-text-secondary text-center py-4\">\n              {t(\n                'bigconsole.widget.config.table.columns.empty',\n                'No columns configured. Columns will be auto-generated from data.'\n              )}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Toggle Options */}\n      <div\n        role=\"group\"\n        aria-label=\"Display options\"\n        className=\"space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap\"\n      >\n        {/* Toggles are a different KIND of control from the field stack above,\n            so they get their own labelled group instead of being visually\n            identical to it (BOFF-5636). */}\n        <p className=\"text-xs font-bold uppercase tracking-wider text-text-secondary\">Display options</p>\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showSearch !== false}\n            onChange={(e) => handleChange('showSearch', 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.table.showSearch', 'Show search box')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showPagination !== false}\n            onChange={(e) => handleChange('showPagination', 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.table.showPagination', 'Show pagination')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showExport !== false}\n            onChange={(e) => handleChange('showExport', 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.table.showExport', 'Show export button')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.stickyHeader === true}\n            onChange={(e) => handleChange('stickyHeader', 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.table.stickyHeader', 'Sticky header')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.stripedRows === true}\n            onChange={(e) => handleChange('stripedRows', 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.table.stripedRows', 'Striped rows')}\n          </span>\n        </label>\n      </div>\n    </div>\n  );\n});\n\nexport default TableConfig;\n"],"mappings":";;;;AAwBA,IAAM,IAAyF;CAC7F;EAAE,OAAO;EAAM,UAAU;EAA8C,cAAc;EAAkB;CACvG;EAAE,OAAO;EAAO,UAAU;EAA+C,cAAc;EAAc;CACrG;EAAE,OAAO;EAAM,UAAU;EAA8C,cAAc;EAAe;CACpG;EAAE,OAAO;EAAO,UAAU;EAA+C,cAAc;EAAa;CACpG;EAAE,OAAO;EAAM,UAAU;EAA8C,cAAc;EAAY;CACjG;EAAE,OAAO;EAAO,UAAU;EAA+C,cAAc;EAAe;CACtG;EAAE,OAAO;EAAW,UAAU;EAAmD,cAAc;EAAW;CAC1G;EAAE,OAAO;EAAW,UAAU;EAAmD,cAAc;EAAW;CAC1G;EAAE,OAAO;EAAY,UAAU;EAAoD,cAAc;EAAY;CAC9G,EAGK,IAAkF;CACtF;EAAE,OAAO;EAAU,UAAU;EAAgD,cAAc;EAAgB;CAC3G;EAAE,OAAO;EAAW,UAAU;EAAiD,cAAc;EAAmB;CAChH;EAAE,OAAO;EAAW,UAAU;EAAiD,cAAc;EAAgB;CAC7G;EAAE,OAAO;EAAQ,UAAU;EAA8C,cAAc;EAAe;CACtG;EAAE,OAAO;EAAW,UAAU;EAAiD,cAAc;EAAW;CACzG,EAEK,IACJ,0JAMW,IAAoC,EAAK,SAAqB,EAAE,WAAQ,eAAY;CAC/F,IAAM,EAAE,SAAM,GAAS,EAgBjB,CAAC,GAAS,KAAc,EAbP,SACZ,EAAO,WAAW,EAAE,EAAqC,KAAK,MACjE,OAAO,KAAQ,WACV;EACL,OAAO;EACP,QAAQ,EAAI,OAAO,EAAE,CAAC,aAAa,GAAG,EAAI,MAAM,EAAE,CAAC,QAAQ,MAAM,IAAI;EACtE,GAEI,EACP,EACD,EAAE,CAAC,CAGqE;AAa3E,CAVA,QAAgB;AAId,EAFmB,KAAK,UAAU,EAAO,QAAQ,KAClC,KAAK,UAAU,EAAQ,IACT,EAAQ,SAAS,KAC5C,EAAS;GAAE,GAAG;GAAQ;GAAS,CAAC;IAEjC,CAAC,EAAQ,CAAC,EAGb,QAAgB;AAUd,KATqB,EAAO,WAAW,EAAE,EAAqC,KAAK,MAC7E,OAAO,KAAQ,WACV;GACL,OAAO;GACP,QAAQ,EAAI,OAAO,EAAE,CAAC,aAAa,GAAG,EAAI,MAAM,EAAE,CAAC,QAAQ,MAAM,IAAI;GACtE,GAEI,EACP,CACoB;IACrB,CAAC,EAAO,QAAQ,CAAC;CAEpB,IAAM,IAAe,GACU,GAAQ,MAAyB;AAC5D,IAAS;GAAE,GAAG;IAAS,IAAM;GAAO,CAAC;IAEvC,CAAC,GAAQ,EAAS,CACnB,EAEK,IAAqB,GAAa,GAAe,GAAgC,MAAkB;AACvG,KAAY,MAAS;GACnB,IAAM,IAAa,CAAC,GAAG,EAAK;AAE5B,UADA,EAAW,KAAS;IAAE,GAAG,EAAW;KAAS,IAAQ;IAAO,EACrD;IACP;IACD,EAAE,CAAC,EAIA,IAAoB,GAAa,GAAe,MAA6B;AACjF,KAAY,MAAS;GACnB,IAAM,IAAa,CAAC,GAAG,EAAK;AAE5B,UADA,EAAW,KAAS;IAAE,GAAG,EAAW;IAAQ,kBAAkB;IAAO,EAC9D;IACP;IACD,EAAE,CAAC,EAEA,IAAU,GACb,MAAkB;EACjB,IAAM,IAAW,EAAQ,IAAQ,oBAAoB,EAAE,EACjD,IAAwB;GAC5B,UAAU;GACV,OAAO;GACP,OAAO;IAAE,SAAS;IAAU,WAAW;IAAU,MAAM;IAAM;GAC9D;AACD,IAAkB,GAAO,CAAC,GAAG,GAAU,EAAK,CAAC;IAE/C,CAAC,GAAS,EAAkB,CAC7B,EAEK,IAAa,GAChB,GAAkB,GAAmB,MAAoC;AAGxE,IAAkB,IAFD,EAAQ,IAAW,oBAAoB,EAAE,EACpC,KAAK,GAAG,MAAO,MAAM,IAAY;GAAE,GAAG;GAAG,GAAG;GAAO,GAAG,EAAG,CAC9C;IAEnC,CAAC,GAAS,EAAkB,CAC7B,EAEK,IAAkB,GACrB,GAAkB,GAAmB,MAA2B;AAK/D,IAAkB,IAJD,EAAQ,IAAW,oBAAoB,EAAE,EACpC,KAAK,GAAG,MAC5B,MAAM,IAAY;GAAE,GAAG;GAAG,OAAO;IAAE,GAAG,EAAE;IAAO,SAAS;IAAQ,WAAW;IAAQ;GAAE,GAAG,EACzF,CACgC;IAEnC,CAAC,GAAS,EAAkB,CAC7B,EAEK,IAAa,GAChB,GAAkB,MAAsB;AAEvC,IACE,IAFe,EAAQ,IAAW,oBAAoB,EAAE,EAG/C,QAAQ,GAAG,MAAM,MAAM,EAAU,CAC3C;IAEH,CAAC,GAAS,EAAkB,CAC7B,EAEK,IAAY,QAAkB;AAClC,KAAY,MAAS,CAAC,GAAG,GAAM;GAAE,OAAO;GAAI,QAAQ;GAAI,CAAC,CAAC;IACzD,EAAE,CAAC,EAEA,IAAe,GAAa,MAAkB;AAClD,KAAY,MAAS,EAAK,QAAQ,GAAG,MAAM,MAAM,EAAM,CAAC;IACvD,EAAE,CAAC;AAEN,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAU;cACd,EAAE,iDAAiD,YAAY;IAC1D,CAAA,EACR,kBAAC,UAAD;IACE,OAAO,EAAO,YAAY;IAC1B,WAAW,MAAM,EAAa,YAAY,OAAO,EAAE,OAAO,MAAM,CAAC;IACjE,WAAU;cAHZ;KAYE,kBAAC,UAAD;MAAQ,OAAO;gBACZ,EAAE,gDAAgD,kBAAkB,EAAE,OAAO,IAAI,CAAC;MAC5E,CAAA;KACT,kBAAC,UAAD;MAAQ,OAAO;gBACZ,EAAE,gDAAgD,kBAAkB,EAAE,OAAO,IAAI,CAAC;MAC5E,CAAA;KACT,kBAAC,UAAD;MAAQ,OAAO;gBACZ,EAAE,gDAAgD,kBAAkB,EAAE,OAAO,IAAI,CAAC;MAC5E,CAAA;KACT,kBAAC,UAAD;MAAQ,OAAO;gBACZ,EAAE,gDAAgD,kBAAkB,EAAE,OAAO,KAAK,CAAC;MAC7E,CAAA;KACF;MACL,EAAA,CAAA;GAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eACd,EAAE,gDAAgD,UAAU;KACvD,CAAA,EACR,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAKT,EAAE,8CAA8C,eAAe;KACzD,CAAA,CACL;OAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAQ,KAAK,GAAK,MACjB,kBAAC,OAAD;KAEE,WAAU;eAFZ;MASE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE,kDAAkD,oBAAoB,EAAE,OAAO,IAAQ,GAAG,CAAC;QACzF,CAAA,EACP,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAa,EAAM;QAClC,WAAU;kBAEV,kBAAC,OAAD;SAAK,WAAU;SAAU,MAAK;SAAO,QAAO;SAAe,SAAQ;mBACjE,kBAAC,QAAD;UAAM,eAAc;UAAQ,gBAAe;UAAQ,aAAa;UAAG,GAAE;UAAyB,CAAA;SAC1F,CAAA;QACC,CAAA,CACL;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QACE,MAAK;QACL,OAAO,EAAI,SAAS;QACpB,WAAW,MAAM,EAAmB,GAAO,SAAS,EAAE,OAAO,MAAM;QACnE,aAAa,EAAE,0DAA0D,aAAa;QACtF,WAAU;QAQV,CAAA,EACF,kBAAC,SAAD;QACE,MAAK;QACL,OAAO,EAAI,UAAU;QACrB,WAAW,MAAM,EAAmB,GAAO,UAAU,EAAE,OAAO,MAAM;QACpE,aAAa,EAAE,2DAA2D,eAAe;QACzF,WAAU;QAQV,CAAA,CACE;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,OAAO,EAAI,UAAU;QACrB,WAAW,MAAM,EAAmB,GAAO,UAAU,EAAE,OAAO,MAAM;QACpE,WAAU;kBAHZ;SAYE,kBAAC,UAAD;UAAQ,OAAM;oBAAQ,EAAE,8CAA8C,OAAO;UAAU,CAAA;SACvF,kBAAC,UAAD;UAAQ,OAAM;oBAAU,EAAE,gDAAgD,SAAS;UAAU,CAAA;SAC7F,kBAAC,UAAD;UAAQ,OAAM;oBAAY,EAAE,kDAAkD,WAAW;UAAU,CAAA;SACnG,kBAAC,UAAD;UAAQ,OAAM;oBACX,EAAE,oDAAoD,aAAa;UAC7D,CAAA;SACT,kBAAC,UAAD;UAAQ,OAAM;oBAAQ,EAAE,8CAA8C,OAAO;UAAU,CAAA;SACvF,kBAAC,UAAD;UAAQ,OAAM;oBAAS,EAAE,+CAA+C,QAAQ;UAAU,CAAA;SACnF;WACT,kBAAC,UAAD;QACE,OAAO,EAAI,SAAS;QACpB,WAAW,MAAM,EAAmB,GAAO,SAAS,EAAE,OAAO,MAAM;QACnE,WAAU;kBAHZ;SAYE,kBAAC,UAAD;UAAQ,OAAM;oBAAQ,EAAE,6CAA6C,OAAO;UAAU,CAAA;SACtF,kBAAC,UAAD;UAAQ,OAAM;oBAAU,EAAE,+CAA+C,SAAS;UAAU,CAAA;SAC5F,kBAAC,UAAD;UAAQ,OAAM;oBAAS,EAAE,8CAA8C,QAAQ;UAAU,CAAA;SAClF;UACL;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAE,8DAA8D,yBAAyB;UACrF,CAAA,EACP,kBAAC,UAAD;UACE,MAAK;UACL,eAAe,EAAQ,EAAM;UAC7B,WAAU;oBAET,EAAE,gEAAgE,aAAa;UACzE,CAAA,CACL;;SAEJ,EAAI,kBAAkB,UAAU,OAAO,KACvC,kBAAC,KAAD;SAAG,WAAU;mBACV,EACC,gEACA,yCACD;SACC,CAAA;QAGN,kBAAC,OAAD;SAAK,WAAU;oBACX,EAAI,oBAAoB,EAAE,EAAE,KAAK,GAAM,MAAc;UACrD,IAAM,IAAc,EAAK,aAAa,aAAa,EAAK,aAAa,WAC/D,IAAgC,EAAK,OAAO,WAAW,EAAK,OAAO,aAAa;AACtF,iBACE,kBAAC,OAAD;WAEE,WAAU;qBAFZ,CAIE,kBAAC,OAAD;YAAK,WAAU;sBAAf;aACE,kBAAC,UAAD;cACE,OAAO,EAAK;cACZ,WAAW,MACT,EAAW,GAAO,GAAW,EAAE,UAAU,EAAE,OAAO,OAA8B,CAAC;cAEnF,WAAW,GAAG,EAAe;wBAE5B,EAAa,KAAK,MACjB,kBAAC,UAAD;eAAuB,OAAO,EAAG;yBAC9B,EAAE,EAAG,UAAU,EAAG,aAAa;eACzB,EAFI,EAAG,MAEP,CACT;cACK,CAAA;aACT,kBAAC,SAAD;cACE,MAAK;cACL,OAAO,EAAK,SAAS;cACrB,WAAW,MAAM,EAAW,GAAO,GAAW,EAAE,OAAO,EAAE,OAAO,OAAO,CAAC;cACxE,aAAa,EAAE,wDAAwD,QAAQ;cAC/E,WAAW,GAAG,EAAe;cAC7B,CAAA;aACD,KACC,kBAAC,SAAD;cACE,MAAK;cACL,OAAO,EAAK,UAAU;cACtB,WAAW,MAAM,EAAW,GAAO,GAAW,EAAE,QAAQ,EAAE,OAAO,OAAO,CAAC;cACzE,aAAa,EAAE,yDAAyD,MAAM;cAC9E,WAAW,GAAG,EAAe;cAC7B,CAAA;aAEJ,kBAAC,UAAD;cACE,MAAK;cACL,eAAe,EAAW,GAAO,EAAU;cAC3C,WAAU;cACV,cAAY,EAAE,8CAA8C,cAAc;wBAE1E,kBAAC,OAAD;eAAK,WAAU;eAAc,MAAK;eAAO,QAAO;eAAe,SAAQ;yBACrE,kBAAC,QAAD;gBACE,eAAc;gBACd,gBAAe;gBACf,aAAa;gBACb,GAAE;gBACF,CAAA;eACE,CAAA;cACC,CAAA;aACL;eACN,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,UAAD;aACE,OAAO;aACP,WAAW,MAAM,EAAgB,GAAO,GAAW,EAAE,OAAO,MAAwB;aACpF,WAAW,GAAG,EAAe;uBAE5B,EAAW,KAAK,MACf,kBAAC,UAAD;cAAuB,OAAO,EAAG;wBAC9B,EAAE,EAAG,UAAU,EAAG,aAAa;cACzB,EAFI,EAAG,MAEP,CACT;aACK,CAAA,EACT,kBAAC,SAAD;aAAO,WAAU;uBAAjB,CACE,kBAAC,SAAD;cACE,MAAK;cACL,SAAS,EAAK,OAAO,SAAS;cAC9B,WAAW,MACT,EAAW,GAAO,GAAW,EAAE,OAAO;eAAE,GAAG,EAAK;eAAO,MAAM,EAAE,OAAO;eAAS,EAAE,CAAC;cAEpF,WAAU;cACV,CAAA,EACD,EAAE,4CAA4C,OAAO,CAChD;eACJ;cACF;aAzEC,EAyED;WAER;SACE,CAAA;QACF;;MACF;OA1MC,EA0MD,CACN,EAED,EAAQ,WAAW,KAClB,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,gDACA,mEACD;KACC,CAAA,CAEF;MACF,EAAA,CAAA;GAGN,kBAAC,OAAD;IACE,MAAK;IACL,cAAW;IACX,WAAU;cAHZ;KAQE,kBAAC,KAAD;MAAG,WAAU;gBAAiE;MAAmB,CAAA;KACjG,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD;OACE,MAAK;OACL,SAAS,EAAO,eAAe;OAC/B,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,QAAQ;OAC7D,WAAU;OAQV,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,6CAA6C,kBAAkB;OAC7D,CAAA,CACD;;KAER,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD;OACE,MAAK;OACL,SAAS,EAAO,mBAAmB;OACnC,WAAW,MAAM,EAAa,kBAAkB,EAAE,OAAO,QAAQ;OACjE,WAAU;OAQV,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,iDAAiD,kBAAkB;OACjE,CAAA,CACD;;KAER,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD;OACE,MAAK;OACL,SAAS,EAAO,eAAe;OAC/B,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,QAAQ;OAC7D,WAAU;OAQV,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,6CAA6C,qBAAqB;OAChE,CAAA,CACD;;KAER,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD;OACE,MAAK;OACL,SAAS,EAAO,iBAAiB;OACjC,WAAW,MAAM,EAAa,gBAAgB,EAAE,OAAO,QAAQ;OAC/D,WAAU;OAQV,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,+CAA+C,gBAAgB;OAC7D,CAAA,CACD;;KAER,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD;OACE,MAAK;OACL,SAAS,EAAO,gBAAgB;OAChC,WAAW,MAAM,EAAa,eAAe,EAAE,OAAO,QAAQ;OAC9D,WAAU;OAQV,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,8CAA8C,eAAe;OAC3D,CAAA,CACD;;KACJ;;GACF;;EAER"}

package/dist/bigconsole/components/widgets/table/TableHeader.d.ts

@@ -39,3 +39,4 @@ export interface TableHeaderProps {
 }
 export declare const TableHeader: FC<TableHeaderProps>;
 export default TableHeader;
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/bigconsole/components/widgets/table/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/TableHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkD,MAAM,OAAO,CAAC;AAOhF,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,yBAAyB;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,iCAAiC;IACjC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE;AAQD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkP3C,CAAC;AAEH,eAAe,WAAW,CAAC"}

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

@@ -148,3 +148,5 @@ var c = 60, l = e(function({ columns: e, sortState: l, onSort: u, sticky: d = !0
 });
 //#endregion
 export { l as default };
+
+//# sourceMappingURL=TableHeader.js.map

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

@@ -0,0 +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-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-muted 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.d.ts

@@ -20,3 +20,4 @@ export interface TablePaginationProps {
 }
 export declare const TablePagination: FC<TablePaginationProps>;
 export default TablePagination;
+//# sourceMappingURL=TablePagination.d.ts.map

package/dist/bigconsole/components/widgets/table/TablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/TablePagination.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAMnD,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,uBAAuB;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,iCAAiC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,sCAAsC;IACtC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAMD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6KnD,CAAC;AAEH,eAAe,eAAe,CAAC"}

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

@@ -162,3 +162,5 @@ var i = e(function({ pagination: e, onPageChange: i, onPageSizeChange: a, pageSi
 });
 //#endregion
 export { i as default };
+
+//# sourceMappingURL=TablePagination.js.map

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

@@ -0,0 +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-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.d.ts

@@ -13,3 +13,4 @@ export interface TableWidgetProps {
 }
 export declare const TableWidget: FC<TableWidgetProps>;
 export default TableWidget;
+//# sourceMappingURL=TableWidget.d.ts.map

package/dist/bigconsole/components/widgets/table/TableWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/TableWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA2D,MAAM,OAAO,CAAC;AACzF,OAAO,KAAK,EAAE,MAAM,EAAkC,MAAM,gBAAgB,CAAC;AAc7E,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,sCAAsC;IACtC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAoED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2pB3C,CAAC;AAEH,eAAe,WAAW,CAAC"}