@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.10

package/dist/bigconsole/components/widgets/metric-card/MetricCardConfig.js

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

package/dist/bigconsole/components/widgets/metric-card/MetricCardConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCardConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/metric-card/MetricCardConfig.tsx"],"sourcesContent":["/**\n * MetricCardConfig Component\n *\n * Configuration panel for MetricCard widgets.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { MetricCardConfig as ConfigType } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface MetricCardConfigProps {\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 MetricCardConfig: FC<MetricCardConfigProps> = memo(function MetricCardConfig({ config, onChange }) {\n  const { t } = useI18n();\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  return (\n    <div className=\"min-w-0 space-y-form-gap\">\n      {/* Value Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.metricCard.valueField.label', 'Value Field')}\n        </label>\n        <input\n          type=\"text\"\n          value={((config as unknown as Record<string, unknown>).valueField as string) || ''}\n          onChange={(e) => handleChange('valueField' as keyof ConfigType, e.target.value as never)}\n          placeholder={t(\n            'bigconsole.widget.config.metricCard.valueField.placeholder',\n            'e.g., totalSales, value, amount'\n          )}\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        <p className=\"text-xs text-text-secondary mt-1\">\n          {t(\n            'bigconsole.widget.config.metricCard.valueField.help',\n            'Field name to extract from data (leave empty for auto-detect)'\n          )}\n        </p>\n      </div>\n\n      {/* Subtitle */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.metricCard.subtitle.label', 'Subtitle')}\n        </label>\n        <input\n          type=\"text\"\n          value={config.subtitle || ''}\n          onChange={(e) => handleChange('subtitle', e.target.value)}\n          placeholder={t('bigconsole.widget.config.metricCard.subtitle.placeholder', 'e.g., Total Revenue')}\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      {/* Format */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.metricCard.format.label', 'Value Format')}\n        </label>\n        <select\n          value={config.format || 'auto'}\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=\"auto\">{t('bigconsole.widget.config.metricCard.format.auto', 'Auto (from data)')}</option>\n          <option value=\"number\">{t('bigconsole.widget.config.metricCard.format.number', 'Number')}</option>\n          <option value=\"currency\">{t('bigconsole.widget.config.metricCard.format.currency', 'Currency')}</option>\n          <option value=\"percentage\">{t('bigconsole.widget.config.metricCard.format.percentage', 'Percentage')}</option>\n          <option value=\"compact\">{t('bigconsole.widget.config.metricCard.format.compact', 'Compact (1K, 1M)')}</option>\n        </select>\n      </div>\n\n      {/* Prefix & Suffix */}\n      <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n        <div>\n          <label className=\"block text-sm font-medium text-text-primary mb-1\">\n            {t('bigconsole.widget.config.metricCard.prefix.label', 'Prefix')}\n          </label>\n          <input\n            type=\"text\"\n            value={config.prefix || ''}\n            onChange={(e) => handleChange('prefix', e.target.value)}\n            placeholder={t('bigconsole.widget.config.metricCard.prefix.placeholder', 'e.g., $')}\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        <div>\n          <label className=\"block text-sm font-medium text-text-primary mb-1\">\n            {t('bigconsole.widget.config.metricCard.suffix.label', 'Suffix')}\n          </label>\n          <input\n            type=\"text\"\n            value={config.suffix || ''}\n            onChange={(e) => handleChange('suffix', e.target.value)}\n            placeholder={t('bigconsole.widget.config.metricCard.suffix.placeholder', 'e.g., users')}\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      </div>\n\n      {/* Comparison Label */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.metricCard.comparisonLabel.label', 'Comparison Label')}\n        </label>\n        <input\n          type=\"text\"\n          value={config.comparisonLabel || ''}\n          onChange={(e) => handleChange('comparisonLabel', e.target.value)}\n          placeholder={t('bigconsole.widget.config.metricCard.comparisonLabel.placeholder', 'e.g., vs last week')}\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      {/* 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.showTrend !== false}\n            onChange={(e) => handleChange('showTrend', 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.metricCard.showTrend', 'Show trend indicator')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showComparison !== false}\n            onChange={(e) => handleChange('showComparison', 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.metricCard.showComparison', 'Show comparison badge')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showSparkline !== false}\n            onChange={(e) => handleChange('showSparkline', 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.metricCard.showSparkline', 'Show sparkline chart')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.positiveIsGood !== false}\n            onChange={(e) => handleChange('positiveIsGood', 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.metricCard.positiveIsGood', 'Positive change is good')}\n          </span>\n        </label>\n      </div>\n    </div>\n  );\n});\n\nexport default MetricCardConfig;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/metric-card/MetricCardWidget.d.ts

@@ -33,3 +33,4 @@ export interface MetricCardData {
 }
 export declare const MetricCardWidget: FC<MetricCardWidgetProps>;
 export default MetricCardWidget;
+//# sourceMappingURL=MetricCardWidget.d.ts.map

package/dist/bigconsole/components/widgets/metric-card/MetricCardWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCardWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/metric-card/MetricCardWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAS3E,MAAM,WAAW,qBAAqB;IACpC,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA+ID,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAmTrD,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/metric-card/MetricCardWidget.js

@@ -218,3 +218,5 @@ var b = u(function({ widget: u, data: h, onClick: b, onDrilldown: x }) {
 });
 //#endregion
 export { b as default };
+
+//# sourceMappingURL=MetricCardWidget.js.map

package/dist/bigconsole/components/widgets/metric-card/MetricCardWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCardWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/metric-card/MetricCardWidget.tsx"],"sourcesContent":["/**\n * MetricCardWidget Component\n *\n * Displays a single KPI/metric with trend, comparison, and optional sparkline.\n */\n\nimport { type FC, memo, useMemo, useCallback } from 'react';\nimport type { Widget, MetricCardConfig } from '../../../types';\nimport { TrendIndicator, type TrendDirection } from './TrendIndicator';\nimport { ComparisonBadge } from './ComparisonBadge';\nimport { SparklineChart, type SparklineDataPoint } from './SparklineChart';\nimport { firstObjectRow, inferValueField, unwrapRows } from '../utils/inferFields';\nimport { resolveConditionalStyle, conditionalStyleToClassName } from '../utils/conditionalFormat';\nimport { getTargetProgress, clampProgressWidth } from '../utils/targetProgress';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface MetricCardWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** Fetched data */\n  data?: MetricCardData;\n  /** Click handler for drilldown */\n  onClick?: () => void;\n  /** Drilldown handler - receives metric data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\nexport interface MetricCardData {\n  /** Primary value to display */\n  value: number | string;\n  /** Previous value for comparison */\n  previousValue?: number;\n  /** Percentage change from previous */\n  changePercent?: number;\n  /** Trend direction override */\n  trend?: TrendDirection;\n  /** Sparkline data points */\n  sparklineData?: SparklineDataPoint[];\n  /** Target value for comparison */\n  target?: number;\n  /** Unit label (e.g., \"users\", \"$\") */\n  unit?: string;\n  /** Whether the metric is a currency */\n  isCurrency?: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * ISO-4217 codes are exactly three letters (\"USD\"); anything else is a display\n * label (\"users\", \"ms\").\n *\n * This regex is also the safety guard on untrusted parser data: `Intl.NumberFormat`\n * throws `RangeError` for a *malformed* currency (anything that is not exactly\n * three ASCII letters — e.g. `'ms'`), but accepts any well-formed code and simply\n * renders it verbatim when unregistered (`'RPS'` -> \"RPS 243.00\"). Returning\n * undefined for everything that is not three ASCII letters means a malformed\n * value can never reach `Intl`, so no try/catch is needed downstream. Keep this\n * predicate at least as strict if it is ever changed.\n */\nfunction currencyCodeFrom(unit?: string): string | undefined {\n  return unit !== undefined && /^[a-z]{3}$/i.test(unit) ? unit.toUpperCase() : undefined;\n}\n\ninterface ResolvedFormat {\n  style: 'currency' | 'percentage' | 'compact' | 'number';\n  currency: string;\n  /** Payload unit rendered as a trailing label; undefined when the style or config already covers it. */\n  unitSuffix?: string;\n}\n\n/**\n * Decide the numeric style, honouring the payload without ever overriding the user.\n *\n * `MetricCardData` documents `unit` and `isCurrency`, but nothing read them — a\n * parser emitting `{value: 482350.75, unit: \"USD\", isCurrency: true}` rendered a\n * bare \"482,350.75\". They cannot simply take precedence though: WidgetRegistry\n * seeds `format` onto every card, so a persisted `'number'` is indistinguishable\n * from a deliberate choice. `'auto'` is the sentinel that defers to the payload.\n */\nfunction resolveFormat(config?: MetricCardConfig, data?: MetricCardData): ResolvedFormat {\n  const configured = config?.format;\n  const explicit = configured !== undefined && configured !== 'auto';\n\n  const style: ResolvedFormat['style'] = explicit\n    ? configured === 'currency' || configured === 'percentage' || configured === 'compact'\n      ? configured\n      : 'number' // 'number' and legacy 'decimal' both render as a plain number.\n    : data?.isCurrency === true\n      ? 'currency'\n      : 'number';\n\n  return {\n    style,\n    currency: currencyCodeFrom(data?.unit) ?? 'USD',\n    // A currency render already carries its symbol, and config.suffix is the\n    // user's own unit channel — neither should be doubled up.\n    unitSuffix: style === 'currency' || config?.suffix ? undefined : data?.unit,\n  };\n}\n\n/**\n * Format a number based on configuration\n */\nfunction formatValue(value: number | string, config: MetricCardConfig | undefined, resolved: ResolvedFormat): string {\n  if (typeof value === 'string') return value;\n\n  const { prefix, suffix, decimalPlaces } = config || {};\n  const format = resolved.style;\n\n  // `decimalPlaces` is seeded onto every metric card by WidgetRegistry and is\n  // set explicitly by templated/seeded dashboards, so it must drive the\n  // fraction digits. Clamp to the Intl-legal 0–20 range; when a legacy widget\n  // omits the key we keep the previous per-format defaults.\n  const fixedDigits =\n    typeof decimalPlaces === 'number' && Number.isFinite(decimalPlaces)\n      ? Math.min(Math.max(Math.trunc(decimalPlaces), 0), 20)\n      : undefined;\n\n  let formatted: string;\n\n  switch (format) {\n    case 'currency':\n      formatted = new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: resolved.currency,\n        minimumFractionDigits: fixedDigits ?? 0,\n        maximumFractionDigits: fixedDigits ?? 2,\n      }).format(value);\n      break;\n\n    case 'percentage':\n      formatted = `${(value * 100).toFixed(fixedDigits ?? 1)}%`;\n      break;\n\n    case 'compact':\n      formatted = new Intl.NumberFormat('en-US', {\n        notation: 'compact',\n        minimumFractionDigits: fixedDigits,\n        maximumFractionDigits: fixedDigits ?? 1,\n      }).format(value);\n      break;\n\n    case 'number':\n    default:\n      formatted = new Intl.NumberFormat('en-US', {\n        minimumFractionDigits: fixedDigits,\n        maximumFractionDigits: fixedDigits ?? 2,\n      }).format(value);\n  }\n\n  // Apply prefix/suffix if provided\n  if (prefix) formatted = `${prefix}${formatted}`;\n  if (suffix) formatted = `${formatted}${suffix}`;\n\n  // Payload unit (\"users\", \"ms\"). The endsWith guard avoids \"97.3% %\" when the\n  // style already emits the symbol.\n  if (resolved.unitSuffix && !formatted.endsWith(resolved.unitSuffix)) {\n    formatted = `${formatted} ${resolved.unitSuffix}`;\n  }\n\n  return formatted;\n}\n\n/**\n * Calculate trend direction from change percent\n */\nfunction calculateTrend(changePercent?: number): TrendDirection {\n  if (changePercent === undefined || changePercent === 0) return 'flat';\n  return changePercent > 0 ? 'up' : 'down';\n}\n\n/**\n * Get sparkline color based on trend\n */\nfunction getSparklineColor(trend: TrendDirection, positiveIsGood: boolean): 'success' | 'error' | 'muted' {\n  if (trend === 'flat') return 'muted';\n  const isGood = positiveIsGood ? trend === 'up' : trend === 'down';\n  return isGood ? 'success' : 'error';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const MetricCardWidget: FC<MetricCardWidgetProps> = memo(function MetricCardWidget({\n  widget,\n  data: rawData,\n  onClick,\n  onDrilldown,\n}) {\n  const config = widget.config as unknown as MetricCardConfig | undefined;\n\n  // Normalize data - extract value from object if valueField is configured\n  const data = useMemo((): MetricCardData | undefined => {\n    if (!rawData) return undefined;\n\n    // Helper to get nested value using dot notation (e.g., \"summary.totalSales\")\n    const getNestedValue = (obj: Record<string, unknown>, path: string): unknown => {\n      return path.split('.').reduce((current, key) => {\n        return current && typeof current === 'object' ? (current as Record<string, unknown>)[key] : undefined;\n      }, obj as unknown);\n    };\n\n    // A parser can return a bare scalar (e.g. `. | length` -> 127). Handle that\n    // up front: the `in` operator below throws \"Cannot use 'in' operator to\n    // search for 'value' in 127\" when rawData is a primitive, which the widget\n    // error boundary surfaces as \"Failed to render\" (BOFF-4110).\n    if (typeof rawData === 'number' || typeof rawData === 'string') {\n      return { value: rawData };\n    }\n\n    // An explicit `config.valueField` mapping is authoritative and MUST be\n    // resolved BEFORE the `value` pass-through below. Otherwise a payload that\n    // merely happens to carry a top-level `value` silently overrides the field\n    // the user picked in the inspector — e.g. `{status, value, p95LatencyMs}`\n    // with valueField \"p95LatencyMs\" rendered the health flag, not the latency.\n    const valueField = (config as unknown as Record<string, unknown> | undefined)?.valueField as string | undefined;\n    if (valueField && typeof rawData === 'object') {\n      const envelope = rawData as unknown as Record<string, unknown>;\n      const extractedValue = getNestedValue(envelope, valueField);\n      if (extractedValue !== undefined) {\n        // Also try to extract previousValue if previousValueField is configured\n        const previousValueField = (config as unknown as Record<string, unknown> | undefined)?.previousValueField as\n          string | undefined;\n        const previousValue = previousValueField\n          ? (getNestedValue(envelope, previousValueField) as number | undefined)\n          : undefined;\n\n        // Spread the envelope first so sibling presentation fields the\n        // pass-through used to supply (target, unit, trend, sparklineData…)\n        // survive when a valueField mapping is configured.\n        // A configured previousValueField derives the comparison from the\n        // mapped field. Without one, the envelope's own previousValue /\n        // changePercent stand — assigning undefined here would spread the\n        // envelope and then immediately blank the very fields it supplied.\n        // Guard the divisor — a previousValue of 0 would yield Infinity and\n        // render \"Infinity%\" in the comparison badge. When we cannot compute a\n        // change, keep whatever the envelope already carried rather than\n        // blanking it: a source may legitimately pre-compute a change against a\n        // zero baseline.\n        const computedChange =\n          previousValue !== undefined &&\n          previousValue !== 0 &&\n          Number.isFinite(previousValue) &&\n          typeof extractedValue === 'number'\n            ? ((extractedValue - previousValue) / previousValue) * 100\n            : undefined;\n        const envelopeChange = (rawData as MetricCardData).changePercent;\n        const derivedComparison =\n          previousValue !== undefined\n            ? {\n                previousValue,\n                changePercent: computedChange ?? (Number.isFinite(envelopeChange) ? envelopeChange : undefined),\n              }\n            : {};\n\n        return {\n          ...(rawData as MetricCardData),\n          value: extractedValue as number | string,\n          ...derivedComparison,\n        };\n      }\n    }\n\n    // If data already has 'value' property, use it directly. Guard the `in`\n    // operator with an object check — it only accepts an object on the RHS.\n    if (typeof rawData === 'object' && 'value' in rawData && rawData.value !== undefined) {\n      return rawData as MetricCardData;\n    }\n\n    // Try common field names at top level\n    const commonFields = ['value', 'total', 'amount', 'count', 'sum', 'totalSales', 'totalRevenue', 'totalOrders'];\n    for (const field of commonFields) {\n      if (typeof rawData === 'object' && field in rawData) {\n        const val = (rawData as unknown as Record<string, unknown>)[field];\n        if (typeof val === 'number' || typeof val === 'string') {\n          return { value: val };\n        }\n      }\n    }\n\n    // Try looking in nested 'summary' object (common pattern)\n    if (typeof rawData === 'object' && 'summary' in rawData) {\n      const summary = (rawData as Record<string, unknown>).summary as Record<string, unknown> | undefined;\n      if (summary && typeof summary === 'object') {\n        for (const field of commonFields) {\n          if (field in summary) {\n            const val = summary[field];\n            if (typeof val === 'number' || typeof val === 'string') {\n              return { value: val };\n            }\n          }\n        }\n      }\n    }\n\n    // If rawData is a number or string directly, use it\n    if (typeof rawData === 'number' || typeof rawData === 'string') {\n      return { value: rawData };\n    }\n\n    // BOFF-2246 smart default: if rawData is an array (or envelope around an\n    // array) with object rows, use the configured valueField if it resolves\n    // on any row (supports dotted paths like \"metrics.revenue\") — otherwise\n    // pick the first numeric field from row[0]. This path only fires when\n    // the earlier top-level extraction didn't find anything, but an explicit\n    // `config.valueField` (flat or dotted) must always win over inference.\n    const firstRow = firstObjectRow(rawData);\n    if (firstRow) {\n      const configuredField = (config as unknown as Record<string, unknown> | undefined)?.valueField as\n        string | undefined;\n      if (configuredField) {\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\n        // from row[0] (that would silently misrepresent the user's mapping).\n        const rows = unwrapRows(rawData) ?? [firstRow];\n        for (const r of rows) {\n          if (r && typeof r === 'object') {\n            const resolved = getNestedValue(r as Record<string, unknown>, configuredField);\n            if (typeof resolved === 'number' || typeof resolved === 'string') {\n              return { value: resolved };\n            }\n          }\n        }\n        return undefined;\n      }\n      const inferredField = inferValueField(firstRow);\n      if (inferredField) {\n        const val = firstRow[inferredField];\n        if (typeof val === 'number' || typeof val === 'string') {\n          return { value: val };\n        }\n      }\n    }\n\n    return undefined;\n  }, [rawData, config]);\n\n  // Calculate derived values\n  const trend = useMemo(() => {\n    return data?.trend || calculateTrend(data?.changePercent);\n  }, [data?.trend, data?.changePercent]);\n\n  // The arrow is renderable when the payload carries an explicit direction\n  // override OR a change percentage to derive one from. Gating solely on\n  // `changePercent` meant a `trend`-only payload — a documented field of\n  // MetricCardData, and one the sparkline colour and drilldown payload already\n  // honour — rendered no indicator at all despite `showTrend` being enabled.\n  // Without either field `trend` collapses to a meaningless 'flat', so we\n  // still render nothing.\n  const hasTrendSignal = data?.trend !== undefined || data?.changePercent !== undefined;\n\n  const positiveIsGood = config?.positiveIsGood ?? true;\n\n  const resolvedFormat = useMemo(() => resolveFormat(config, data), [config, data]);\n\n  const formattedValue = useMemo(() => {\n    // Treat 0 / \"\" as real values — only a missing value renders the em dash.\n    // (`if (!data?.value)` would wrongly blank out a legitimate 0, e.g. an ED\n    // boarding-compliance of 0% or an available-bed count of 0.)\n    if (data?.value === undefined || data?.value === null) return '—';\n    return formatValue(data.value, config, resolvedFormat);\n  }, [data?.value, config, resolvedFormat]);\n\n  // Null whenever no meaningful ratio exists, which also gates the whole\n  // target block. Resolving `valueField` before the `value` pass-through made\n  // a numeric value reachable alongside a `target: 0` from the same envelope,\n  // so the previously-unreachable division now needs a real guard.\n  const targetProgress = useMemo(() => getTargetProgress(data?.value, data?.target), [data?.value, data?.target]);\n\n  const sparklineColor = useMemo(() => {\n    return getSparklineColor(trend, positiveIsGood);\n  }, [trend, positiveIsGood]);\n\n  // Conditional formatting on the metric value (threshold-driven color, not\n  // just trend direction). Falls back to the default primary text color.\n  const valueConditionalClass = useMemo(() => {\n    const style = resolveConditionalStyle(data?.value, config?.conditionalRules);\n    return conditionalStyleToClassName(style);\n  }, [data?.value, config?.conditionalRules]);\n\n  // Handle click\n  const handleClick = useCallback(() => {\n    // Support both legacy onClick and new onDrilldown\n    if (onDrilldown) {\n      onDrilldown({\n        value: data?.value,\n        changePercent: data?.changePercent,\n        trend,\n        target: data?.target,\n      });\n    } else if (onClick && widget.drilldowns?.length) {\n      onClick();\n    }\n  }, [onClick, onDrilldown, widget.drilldowns, data, trend]);\n\n  // Determine if clickable\n  const isClickable = Boolean(onDrilldown || (onClick && widget.drilldowns?.length));\n\n  return (\n    <div\n      className={`\n          flex min-w-0 flex-col h-full p-4\n          ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}\n        `}\n      style={{ containerType: 'inline-size' }}\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      {/* Subtitle/Label */}\n      {config?.subtitle && <p className=\"text-xs text-text-secondary mb-1 truncate\">{config.subtitle}</p>}\n\n      {/* Main Value */}\n      <div className=\"flex min-w-0 flex-wrap items-baseline gap-2 mb-2\">\n        <span\n          className={`min-w-0 max-w-full [overflow-wrap:anywhere] font-semibold tracking-tight ${valueConditionalClass || 'text-text-primary'}`}\n          style={{ fontSize: 'clamp(1rem, 12cqi, 1.875rem)' }}\n          title={formattedValue}\n        >\n          {formattedValue}\n        </span>\n\n        {/* Trend Indicator (inline) */}\n        {config?.showTrend !== false && hasTrendSignal && (\n          <TrendIndicator direction={trend} size=\"md\" positiveIsGood={positiveIsGood} />\n        )}\n      </div>\n\n      {/* Comparison Badge */}\n      {config?.showComparison !== false && data?.changePercent !== undefined && (\n        <div className=\"mb-3\">\n          <ComparisonBadge\n            value={data.changePercent}\n            label={config?.comparisonLabel}\n            positiveIsGood={positiveIsGood}\n            size=\"sm\"\n          />\n        </div>\n      )}\n\n      {/* Target Progress */}\n      {targetProgress !== null && data?.target !== undefined && (\n        <div className=\"mb-3\">\n          <div className=\"flex justify-between text-xs text-text-secondary mb-1\">\n            <span>Target: {formatValue(data.target, config, resolvedFormat)}</span>\n            <span>{targetProgress.toFixed(0)}%</span>\n          </div>\n          <div className=\"h-1.5 bg-bg-sunken rounded-full overflow-hidden\">\n            <div\n              className={`h-full rounded-full transition-all ${\n                targetProgress >= 100 ? 'bg-status-success-bg' : 'bg-action-primary-bg'\n              }`}\n              style={{\n                // Clamp both ends — a negative value would otherwise emit a\n                // negative width, which the browser drops entirely.\n                width: `${clampProgressWidth(targetProgress)}%`,\n              }}\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Sparkline */}\n      {config?.showSparkline !== false && data?.sparklineData?.length ? (\n        <div className=\"mt-auto pt-2\">\n          <SparklineChart data={data.sparklineData} width={120} height={32} color={sparklineColor} showFill />\n        </div>\n      ) : null}\n\n      {/* Drilldown Indicator */}\n      {isClickable && (\n        <div className=\"mt-auto pt-2 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 MetricCardWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/metric-card/SparklineChart.d.ts

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

package/dist/bigconsole/components/widgets/metric-card/SparklineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineChart.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/metric-card/SparklineChart.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAG/C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9D,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAyBD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAqGjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/metric-card/SparklineChart.js

@@ -99,3 +99,5 @@ var a = {
 });
 //#endregion
 export { o as default };
+
+//# sourceMappingURL=SparklineChart.js.map

package/dist/bigconsole/components/widgets/metric-card/SparklineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineChart.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/metric-card/SparklineChart.tsx"],"sourcesContent":["/**\n * SparklineChart Component\n *\n * Mini trend chart for metric cards.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport interface SparklineDataPoint {\n  value: number;\n  timestamp?: string;\n}\n\nexport interface SparklineChartProps {\n  /** Data points for the sparkline */\n  data: SparklineDataPoint[];\n  /** Width of the chart */\n  width?: number;\n  /** Height of the chart */\n  height?: number;\n  /** Line color (uses semantic token) */\n  color?: 'primary' | 'success' | 'error' | 'warning' | 'muted';\n  /** Whether to show the fill area */\n  showFill?: boolean;\n  /** Stroke width */\n  strokeWidth?: number;\n}\n\nconst COLOR_CLASSES = {\n  primary: {\n    stroke: 'stroke-action-primary-bg',\n    fill: 'fill-action-primary-bg/20',\n  },\n  success: {\n    stroke: 'stroke-status-success-bg',\n    fill: 'fill-status-success-bg/20',\n  },\n  error: {\n    stroke: 'stroke-status-error-bg',\n    fill: 'fill-status-error-bg/20',\n  },\n  warning: {\n    stroke: 'stroke-status-warning-bg',\n    fill: 'fill-status-warning-bg/20',\n  },\n  muted: {\n    stroke: 'stroke-text-secondary',\n    fill: 'fill-text-secondary/10',\n  },\n};\n\nexport const SparklineChart: FC<SparklineChartProps> = memo(function SparklineChart({\n  data,\n  width = 100,\n  height = 32,\n  color = 'primary',\n  showFill = true,\n  strokeWidth = 2,\n}) {\n  const { t } = useI18n();\n  const pathData = useMemo(() => {\n    if (!data.length) return { line: '', area: '', end: null };\n\n    // Only finite numbers can be plotted. A non-numeric point (a string,\n    // null or NaN coming out of a parser) would NaN-poison min/max — and\n    // `NaN - NaN || 1` silently collapses the range to 1 — blanking the whole\n    // series. Drop such points instead.\n    // reduce, not spread: a long series would overflow the call stack.\n    const values = data.reduce<number[]>((acc, d) => {\n      if (typeof d.value === 'number' && Number.isFinite(d.value)) acc.push(d.value);\n      return acc;\n    }, []);\n    if (!values.length) return { line: '', area: '', end: null };\n\n    const min = values.reduce((a, b) => Math.min(a, b), Infinity);\n    const max = values.reduce((a, b) => Math.max(a, b), -Infinity);\n    const range = max - min || 1;\n\n    const padding = strokeWidth;\n    const chartWidth = width - padding * 2;\n    const chartHeight = height - padding * 2;\n\n    // A single point has no span to divide by — `i / 0` is NaN, which makes\n    // every coordinate invalid. Draw it centred instead.\n    const lastIndex = values.length - 1;\n    const points = values.map((value, i) => {\n      const x = padding + (lastIndex === 0 ? chartWidth / 2 : (i / lastIndex) * chartWidth);\n      const y = padding + chartHeight - ((value - min) / range) * chartHeight;\n      return { x, y };\n    });\n\n    // Create line path\n    const linePath = points.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x} ${p.y}`).join(' ');\n\n    const end = points[points.length - 1];\n\n    // Create area path (closed shape for fill)\n    const areaPath = `\n        ${linePath}\n        L ${end.x} ${height - padding}\n        L ${padding} ${height - padding}\n        Z\n      `;\n\n    return { line: linePath, area: areaPath, end };\n  }, [data, width, height, strokeWidth]);\n\n  // `end` is null exactly when there is nothing plottable — either an empty\n  // `data` array, or one whose every point was rejected as non-finite. Gating\n  // on `data.length` alone would let the latter through and render a silent\n  // blank SVG instead of the \"No data\" fallback.\n  if (!pathData.end) {\n    return (\n      <div className=\"flex items-center justify-center text-text-secondary\" style={{ width, height }}>\n        <span className=\"text-xs\">{t('bigconsole.widget.sparkline.noData', 'No data')}</span>\n      </div>\n    );\n  }\n\n  const colors = COLOR_CLASSES[color];\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      className=\"overflow-visible\"\n      role=\"img\"\n      aria-label={t('bigconsole.widget.sparkline.ariaLabel', 'Sparkline chart')}\n    >\n      {/* Gradient fill */}\n      {showFill && <path d={pathData.area} className={colors.fill} strokeWidth={0} />}\n\n      {/* Line */}\n      <path\n        d={pathData.line}\n        className={colors.stroke}\n        fill=\"none\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n\n      {/* End dot — reuses the already-validated last plotted point rather than\n          recomputing min/max from raw (possibly non-numeric) input. */}\n      <circle\n        cx={pathData.end.x}\n        cy={pathData.end.y}\n        r={strokeWidth + 1}\n        className={`${colors.stroke.replace('stroke-', 'fill-')}`}\n      />\n    </svg>\n  );\n});\n\nexport default SparklineChart;\n"],"mappings":";;;;AA6BA,IAAM,IAAgB;CACpB,SAAS;EACP,QAAQ;EACR,MAAM;EACP;CACD,SAAS;EACP,QAAQ;EACR,MAAM;EACP;CACD,OAAO;EACL,QAAQ;EACR,MAAM;EACP;CACD,SAAS;EACP,QAAQ;EACR,MAAM;EACP;CACD,OAAO;EACL,QAAQ;EACR,MAAM;EACP;CACF,EAEY,IAA0C,EAAK,SAAwB,EAClF,SACA,WAAQ,KACR,YAAS,IACT,WAAQ,WACR,cAAW,IACX,iBAAc,KACb;CACD,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,QAAc;AAC7B,MAAI,CAAC,EAAK,OAAQ,QAAO;GAAE,MAAM;GAAI,MAAM;GAAI,KAAK;GAAM;EAO1D,IAAM,IAAS,EAAK,QAAkB,GAAK,OACrC,OAAO,EAAE,SAAU,YAAY,OAAO,SAAS,EAAE,MAAM,IAAE,EAAI,KAAK,EAAE,MAAM,EACvE,IACN,EAAE,CAAC;AACN,MAAI,CAAC,EAAO,OAAQ,QAAO;GAAE,MAAM;GAAI,MAAM;GAAI,KAAK;GAAM;EAE5D,IAAM,IAAM,EAAO,QAAQ,GAAG,MAAM,KAAK,IAAI,GAAG,EAAE,EAAE,SAAS,EAEvD,IADM,EAAO,QAAQ,GAAG,MAAM,KAAK,IAAI,GAAG,EAAE,EAAE,UAAU,GAC1C,KAAO,GAErB,IAAU,GACV,IAAa,IAAQ,IAAU,GAC/B,IAAc,IAAS,IAAU,GAIjC,IAAY,EAAO,SAAS,GAC5B,IAAS,EAAO,KAAK,GAAO,OAGzB;GAAE,GAFC,KAAW,MAAc,IAAI,IAAa,IAAK,IAAI,IAAa;GAE9D,GADF,IAAU,KAAgB,IAAQ,KAAO,IAAS;GAC7C,EACf,EAGI,IAAW,EAAO,KAAK,GAAG,MAAM,GAAG,MAAM,IAAI,MAAM,IAAI,GAAG,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI,EAEjF,IAAM,EAAO,EAAO,SAAS;AAUnC,SAAO;GAAE,MAAM;GAAU,MAPR;UACX,EAAS;YACP,EAAI,EAAE,GAAG,IAAS,EAAQ;YAC1B,EAAQ,GAAG,IAAS,EAAQ;;;GAIK;GAAK;IAC7C;EAAC;EAAM;EAAO;EAAQ;EAAY,CAAC;AAMtC,KAAI,CAAC,EAAS,IACZ,QACE,kBAAC,OAAD;EAAK,WAAU;EAAuD,OAAO;GAAE;GAAO;GAAQ;YAC5F,kBAAC,QAAD;GAAM,WAAU;aAAW,EAAE,sCAAsC,UAAU;GAAQ,CAAA;EACjF,CAAA;CAIV,IAAM,IAAS,EAAc;AAE7B,QACE,kBAAC,OAAD;EACS;EACC;EACR,WAAU;EACV,MAAK;EACL,cAAY,EAAE,yCAAyC,kBAAkB;YAL3E;GAQG,KAAY,kBAAC,QAAD;IAAM,GAAG,EAAS;IAAM,WAAW,EAAO;IAAM,aAAa;IAAK,CAAA;GAG/E,kBAAC,QAAD;IACE,GAAG,EAAS;IACZ,WAAW,EAAO;IAClB,MAAK;IACQ;IACb,eAAc;IACd,gBAAe;IACf,CAAA;GAIF,kBAAC,UAAD;IACE,IAAI,EAAS,IAAI;IACjB,IAAI,EAAS,IAAI;IACjB,GAAG,IAAc;IACjB,WAAW,GAAG,EAAO,OAAO,QAAQ,WAAW,QAAQ;IACvD,CAAA;GACE;;EAER"}

package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.d.ts

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

package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/metric-card/TrendIndicator.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,EAAE,cAAc,CAAC;IAC1B,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAQD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4DjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.js

@@ -52,3 +52,5 @@ var r = {
 });
 //#endregion
 export { i as default };
+
+//# sourceMappingURL=TrendIndicator.js.map

package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendIndicator.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/metric-card/TrendIndicator.tsx"],"sourcesContent":["/**\n * TrendIndicator Component\n *\n * Displays up/down/flat trend arrow with color coding.\n */\n\nimport { type FC, memo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport type TrendDirection = 'up' | 'down' | 'flat';\n\nexport interface TrendIndicatorProps {\n  /** Direction of the trend */\n  direction: TrendDirection;\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether positive trend is good (default true for metrics like revenue) */\n  positiveIsGood?: boolean;\n}\n\nconst SIZE_CLASSES = {\n  sm: 'w-3 h-3',\n  md: 'w-4 h-4',\n  lg: 'w-5 h-5',\n};\n\nexport const TrendIndicator: FC<TrendIndicatorProps> = memo(function TrendIndicator({\n  direction,\n  size = 'md',\n  positiveIsGood = true,\n}) {\n  const { t } = useI18n();\n  // Determine color based on direction and whether positive is good\n  const getColorClass = (): string => {\n    if (direction === 'flat') {\n      return 'text-text-secondary';\n    }\n\n    const isPositive = direction === 'up';\n    const isGood = positiveIsGood ? isPositive : !isPositive;\n\n    return isGood ? 'text-status-success-text' : 'text-status-error-text';\n  };\n\n  const sizeClass = SIZE_CLASSES[size];\n  const colorClass = getColorClass();\n\n  if (direction === 'flat') {\n    return (\n      <svg\n        className={`${sizeClass} ${colorClass}`}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        aria-label={t('bigconsole.widget.trend.noChange', 'No change')}\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 12h14\" />\n      </svg>\n    );\n  }\n\n  if (direction === 'up') {\n    return (\n      <svg\n        className={`${sizeClass} ${colorClass}`}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        aria-label={t('bigconsole.widget.trend.up', 'Trending up')}\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 15l7-7 7 7\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      className={`${sizeClass} ${colorClass}`}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      aria-label={t('bigconsole.widget.trend.down', 'Trending down')}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  );\n});\n\nexport default TrendIndicator;\n"],"mappings":";;;;AAoBA,IAAM,IAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAA0C,EAAK,SAAwB,EAClF,cACA,UAAO,MACP,oBAAiB,MAChB;CACD,IAAM,EAAE,SAAM,GAAS,EAEjB,UAA8B;AAClC,MAAI,MAAc,OAChB,QAAO;EAGT,IAAM,IAAa,MAAc;AAGjC,UAFe,IAAiB,IAAa,CAAC,KAE9B,6BAA6B;IAGzC,IAAY,EAAa,IACzB,IAAa,GAAe;AA8BlC,QA5BI,MAAc,SAEd,kBAAC,OAAD;EACE,WAAW,GAAG,EAAU,GAAG;EAC3B,MAAK;EACL,QAAO;EACP,SAAQ;EACR,cAAY,EAAE,oCAAoC,YAAY;YAE9D,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAa;GAAG,GAAE;GAAa,CAAA;EAC9E,CAAA,GAIN,MAAc,OAEd,kBAAC,OAAD;EACE,WAAW,GAAG,EAAU,GAAG;EAC3B,MAAK;EACL,QAAO;EACP,SAAQ;EACR,cAAY,EAAE,8BAA8B,cAAc;YAE1D,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAa;GAAG,GAAE;GAAkB,CAAA;EACnF,CAAA,GAKR,kBAAC,OAAD;EACE,WAAW,GAAG,EAAU,GAAG;EAC3B,MAAK;EACL,QAAO;EACP,SAAQ;EACR,cAAY,EAAE,gCAAgC,gBAAgB;YAE9D,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAa;GAAG,GAAE;GAAmB,CAAA;EACpF,CAAA;EAER"}

package/dist/bigconsole/components/widgets/metric-card/index.d.ts

@@ -8,3 +8,4 @@ export { MetricCardConfig, type MetricCardConfigProps } from './MetricCardConfig
 export { TrendIndicator, type TrendIndicatorProps, type TrendDirection } from './TrendIndicator';
 export { ComparisonBadge, type ComparisonBadgeProps } from './ComparisonBadge';
 export { SparklineChart, type SparklineChartProps, type SparklineDataPoint } from './SparklineChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/metric-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/metric-card/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PivotTableWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/pivot-table/PivotTableWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAWxG,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC;AAEzC,MAAM,WAAW,qBAAqB;IACpC,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAC3D,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB;IACxB,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAkJD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAmarD,CAAC;AAuIH,eAAe,gBAAgB,CAAC"}

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

@@ -439,3 +439,5 @@ var v = n(function({ widget: n, data: c = [], onDrilldown: p }) {
 };
 //#endregion
 export { v as default };
+
+//# sourceMappingURL=PivotTableWidget.js.map

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

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

package/dist/bigconsole/components/widgets/pivot-table/index.d.ts

@@ -3,3 +3,4 @@
  */
 export { PivotTableWidget, type PivotTableWidgetProps, type PivotTableConfig, type ValueField, } from './PivotTableWidget';
 export { default } from './PivotTableWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/pivot-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/pivot-table/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAM/C,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAChE,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8BD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8F3C,CAAC;AAEH,eAAe,WAAW,CAAC"}

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

@@ -90,3 +90,5 @@ var a = e(function({ value: e, target: a, milestones: o = [], height: s = 8, col
 });
 //#endregion
 export { a as default };
+
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressBar.tsx"],"sourcesContent":["/**\n * ProgressBar Component\n *\n * Horizontal progress bar with optional milestones and target.\n */\n\nimport { type FC, memo, useMemo } from 'react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface Milestone {\n  /** Position as percentage (0-100) */\n  position: number;\n  /** Optional label */\n  label?: string;\n  /** Whether milestone is reached */\n  reached?: boolean;\n}\n\nexport interface ProgressBarProps {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Target value to show as marker */\n  target?: number;\n  /** Milestones to display */\n  milestones?: Milestone[];\n  /** Height of the bar */\n  height?: number;\n  /** Color based on progress */\n  color?: 'default' | 'success' | 'warning' | 'error' | 'dynamic';\n  /** Whether to show percentage label */\n  showPercentage?: boolean;\n  /** Whether to animate */\n  animated?: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getProgressColor(value: number, color: ProgressBarProps['color']): string {\n  if (color === 'dynamic') {\n    if (value >= 75) return 'bg-status-success-bg';\n    if (value >= 50) return 'bg-status-warning-bg';\n    return 'bg-status-error-bg';\n  }\n\n  switch (color) {\n    case 'success':\n      return 'bg-status-success-bg';\n    case 'warning':\n      return 'bg-status-warning-bg';\n    case 'error':\n      return 'bg-status-error-bg';\n    case 'default':\n    default:\n      return 'bg-action-primary-bg';\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ProgressBar: FC<ProgressBarProps> = memo(function ProgressBar({\n  value,\n  target,\n  milestones = [],\n  height = 8,\n  color = 'default',\n  showPercentage = false,\n  animated = true,\n}) {\n  const clampedValue = useMemo(() => Math.max(0, Math.min(100, value)), [value]);\n\n  const progressColor = getProgressColor(clampedValue, color);\n\n  return (\n    <div className=\"w-full\">\n      {/* Progress bar container */}\n      <div className=\"relative w-full rounded-full bg-bg-sunken overflow-visible\" style={{ height }}>\n        {/* Progress fill */}\n        <div\n          className={`\n            absolute inset-y-0 left-0 rounded-full\n            ${progressColor}\n            ${animated ? 'transition-all duration-500 ease-out' : ''}\n          `}\n          style={{ width: `${clampedValue}%` }}\n          role=\"progressbar\"\n          aria-valuenow={clampedValue}\n          aria-valuemin={0}\n          aria-valuemax={100}\n        />\n\n        {/* Target marker */}\n        {target !== undefined && target >= 0 && target <= 100 && (\n          <div\n            className=\"absolute top-1/2 -translate-y-1/2 w-0.5 h-[150%] bg-text-primary z-10\"\n            style={{ left: `${target}%` }}\n            title={`Target: ${target}%`}\n          >\n            {/* Target flag */}\n            <div className=\"absolute -top-3 left-1/2 -translate-x-1/2\">\n              <svg className=\"w-3 h-3 text-text-primary\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M5 21V3h14l-3 9 3 9H5z\" />\n              </svg>\n            </div>\n          </div>\n        )}\n\n        {/* Milestones */}\n        {milestones.map((milestone, index) => (\n          <div\n            key={index}\n            className={`\n              absolute top-1/2 -translate-y-1/2\n              w-3 h-3 rounded-full border-2\n              ${\n                milestone.reached || clampedValue >= milestone.position\n                  ? 'bg-bg-surface border-action-primary-bg'\n                  : 'bg-bg-sunken border-border-default'\n              }\n              z-10\n            `}\n            style={{ left: `${milestone.position}%`, transform: 'translate(-50%, -50%)' }}\n            title={milestone.label || `${milestone.position}%`}\n          />\n        ))}\n      </div>\n\n      {/* Milestone labels */}\n      {milestones.some((m) => m.label) && (\n        <div className=\"relative mt-2\">\n          {milestones.map((milestone, index) =>\n            milestone.label ? (\n              <span\n                key={index}\n                className=\"absolute text-xs text-text-secondary -translate-x-1/2 whitespace-nowrap\"\n                style={{ left: `${milestone.position}%` }}\n              >\n                {milestone.label}\n              </span>\n            ) : null\n          )}\n        </div>\n      )}\n\n      {/* Percentage label */}\n      {showPercentage && (\n        <div className=\"flex justify-between items-center mt-1\">\n          <span className=\"text-xs text-text-secondary\">0%</span>\n          <span className=\"text-sm font-medium text-text-primary\">{clampedValue.toFixed(0)}%</span>\n          <span className=\"text-xs text-text-secondary\">100%</span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default ProgressBar;\n"],"mappings":";;;AA0CA,SAAS,EAAiB,GAAe,GAA0C;AACjF,KAAI,MAAU,UAGZ,QAFI,KAAS,KAAW,yBACpB,KAAS,KAAW,yBACjB;AAGT,SAAQ,GAAR;EACE,KAAK,UACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,QACH,QAAO;EAET,QACE,QAAO;;;AAQb,IAAa,IAAoC,EAAK,SAAqB,EACzE,UACA,WACA,gBAAa,EAAE,EACf,YAAS,GACT,WAAQ,WACR,oBAAiB,IACjB,cAAW,MACV;CACD,IAAM,IAAe,QAAc,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAM,CAAC,EAAE,CAAC,EAAM,CAAC,EAExE,IAAgB,EAAiB,GAAc,EAAM;AAE3D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;IAA6D,OAAO,EAAE,WAAQ;cAA7F;KAEE,kBAAC,OAAD;MACE,WAAW;;cAEP,EAAc;cACd,IAAW,yCAAyC,GAAG;;MAE3D,OAAO,EAAE,OAAO,GAAG,EAAa,IAAI;MACpC,MAAK;MACL,iBAAe;MACf,iBAAe;MACf,iBAAe;MACf,CAAA;KAGD,MAAW,KAAA,KAAa,KAAU,KAAK,KAAU,OAChD,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,MAAM,GAAG,EAAO,IAAI;MAC7B,OAAO,WAAW,EAAO;gBAGzB,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QAAK,WAAU;QAA4B,MAAK;QAAe,SAAQ;kBACrE,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA;QAC/B,CAAA;OACF,CAAA;MACF,CAAA;KAIP,EAAW,KAAK,GAAW,MAC1B,kBAAC,OAAD;MAEE,WAAW;;;gBAIP,EAAU,WAAW,KAAgB,EAAU,WAC3C,2CACA,qCACL;;;MAGH,OAAO;OAAE,MAAM,GAAG,EAAU,SAAS;OAAI,WAAW;OAAyB;MAC7E,OAAO,EAAU,SAAS,GAAG,EAAU,SAAS;MAChD,EAbK,EAaL,CACF;KACE;;GAGL,EAAW,MAAM,MAAM,EAAE,MAAM,IAC9B,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KAAK,GAAW,MAC1B,EAAU,QACR,kBAAC,QAAD;KAEE,WAAU;KACV,OAAO,EAAE,MAAM,GAAG,EAAU,SAAS,IAAI;eAExC,EAAU;KACN,EALA,EAKA,GACL,KACL;IACG,CAAA;GAIP,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAA8B;MAAS,CAAA;KACvD,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAAyD,EAAa,QAAQ,EAAE,EAAC,IAAQ;;KACzF,kBAAC,QAAD;MAAM,WAAU;gBAA8B;MAAW,CAAA;KACrD;;GAEJ;;EAER"}

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":"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"}

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