@burdenoff/microfe-bigconsole 2026.613.4 → 2026.613.6

package/dist/bigconsole/components/widgets/map-widget/MapWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/map-widget/MapWidget.tsx"],"sourcesContent":["/**\n * MapWidget Component\n *\n * Interactive geographic map (Leaflet + OpenStreetMap tiles) with data-bound\n * markers. Leaflet's stylesheet is loaded from a CDN at runtime (with SRI) because\n * the build-time MFE library bundle does not ship a component's CSS to the host\n * shell — consistent with the map being an inherently online feature (tiles).\n */\n\nimport { type FC, memo, useEffect, useMemo, useRef, useState } from 'react';\nimport L from 'leaflet';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface MapWidgetProps {\n  widget: Widget;\n  data?: MapData;\n  onClick?: (marker: MapMarker) => void;\n  /** Drilldown handler - receives selected marker data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\nexport interface MapMarker {\n  name: string;\n  lat: number;\n  lng: number;\n  value?: number;\n  popup?: string;\n  color?: string;\n}\n\n/** Minimal GeoJSON FeatureCollection shape (we only read geometry + properties). */\nexport interface GeoJsonFeatureCollection {\n  type: 'FeatureCollection';\n  features: Array<{\n    type: 'Feature';\n    id?: string | number;\n    properties?: Record<string, unknown> | null;\n    geometry: unknown;\n  }>;\n}\n\n/** A region value used to shade a choropleth (joined to a GeoJSON feature). */\nexport interface MapRegionValue {\n  /** Join key — matched against the feature's id field. */\n  id: string;\n  /** Numeric value driving the fill intensity. */\n  value: number;\n  /** Optional display name for the popup. */\n  name?: string;\n}\n\nexport interface MapData {\n  center?: { lat: number; lng: number };\n  zoom?: number;\n  markers?: MapMarker[];\n  /** GeoJSON regions for choropleth mode. */\n  geoJson?: GeoJsonFeatureCollection;\n  /** Per-region values joined to GeoJSON features for choropleth shading. */\n  regions?: MapRegionValue[];\n}\n\n// ============================================================================\n// Leaflet CSS (runtime CDN injection)\n// ============================================================================\n\nconst LEAFLET_CSS = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css';\n// SRI for leaflet@1.9.4/dist/leaflet.css (immutable versioned URL) — guards against a CDN compromise.\nconst LEAFLET_CSS_SRI = 'sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=';\n\nlet leafletCssRequested = false;\n\nfunction ensureLeafletCss(): void {\n  // Module-level guard in addition to the DOM check so two MapWidgets mounting in\n  // the same tick can't both append the <link> before either lands in the DOM.\n  if (leafletCssRequested || document.getElementById('leaflet-css')) return;\n  leafletCssRequested = true;\n  const link = document.createElement('link');\n  link.id = 'leaflet-css';\n  link.rel = 'stylesheet';\n  link.href = LEAFLET_CSS;\n  link.integrity = LEAFLET_CSS_SRI;\n  link.crossOrigin = 'anonymous';\n  // Don't leak the current path (workspace/dashboard IDs) to the CDN.\n  link.referrerPolicy = 'no-referrer';\n  // Leaflet needs its stylesheet for correct tile/marker positioning. If the CDN\n  // is unreachable or the SRI check fails the load is otherwise silent, so warn and\n  // clear the guard/element to allow a later mount to retry.\n  link.onerror = () => {\n    console.warn('[bigconsole] Leaflet CSS failed to load; map styling may be broken.');\n    leafletCssRequested = false;\n    link.remove();\n  };\n  document.head.appendChild(link);\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst DEFAULT_MARKER_COLOR = 'var(--color-chart-1, #3b82f6)';\n\n/**\n * Marker colours come from widget data and are interpolated into an inline\n * `style` attribute, so restrict them to a safe character set (hex / rgb() /\n * hsl() / css var() / named colours). Anything outside that — or containing\n * style-breaking characters — falls back to the default token colour.\n */\nfunction safeColor(color: unknown): string {\n  // Marker data is untrusted: a parser can emit a non-string colour (e.g. a numeric\n  // status code) that slips past the lat/lng filter, so guard the type before trim().\n  if (typeof color !== 'string') return DEFAULT_MARKER_COLOR;\n  const trimmed = color.trim();\n  if (trimmed.length > 64) return DEFAULT_MARKER_COLOR;\n  if (/[;{}<>\"'\\\\]/.test(trimmed)) return DEFAULT_MARKER_COLOR;\n  // Block `url()` so a marker colour can't smuggle an exfiltration beacon\n  // (e.g. `url(//evil.com/pixel)`) through the otherwise-permissive char set.\n  if (/\\burl\\s*\\(/i.test(trimmed)) return DEFAULT_MARKER_COLOR;\n  // Allow `_` (custom-property names) and `/` (modern `rgb(r g b / a)` syntax);\n  // the dangerous-char guard above still blocks anything that could break out of\n  // the inline style.\n  if (!/^[#a-zA-Z0-9(),.%/_\\s-]+$/.test(trimmed)) return DEFAULT_MARKER_COLOR;\n  return trimmed;\n}\n\nfunction isFiniteNumber(v: unknown): v is number {\n  return typeof v === 'number' && Number.isFinite(v);\n}\n\n/**\n * Normalize the bound widget data into markers + optional center/zoom. Accepts\n * the documented `{ markers, center, zoom }` shape, or a bare array of markers\n * (parser output), and drops any entry without valid coordinates.\n */\ninterface NormalizedMapData {\n  markers: MapMarker[];\n  /** Center explicitly supplied by the data payload — wins over markers. */\n  center?: { lat: number; lng: number };\n  /** Zoom explicitly supplied by the data payload. */\n  zoom?: number;\n  /** Center from widget config — a static fallback used only when there are no markers. */\n  fallbackCenter?: { lat: number; lng: number };\n  /** Zoom from widget config — fallback for the no-marker case. */\n  fallbackZoom?: number;\n  /** GeoJSON for choropleth mode. */\n  geoJson?: GeoJsonFeatureCollection;\n  /** region id → { value, name } map for choropleth shading. */\n  regionValues: Map<string, { value: number; name?: string }>;\n}\n\nfunction asLatLng(v: unknown): { lat: number; lng: number } | undefined {\n  const c = v as { lat?: unknown; lng?: unknown } | undefined;\n  return c && isFiniteNumber(c.lat) && isFiniteNumber(c.lng) ? { lat: c.lat, lng: c.lng } : undefined;\n}\n\nfunction normalizeMapData(data: MapData | MapMarker[] | undefined, config: Record<string, unknown>): NormalizedMapData {\n  // The widget may be handed either the documented { markers, center, zoom } shape\n  // or a bare marker array (parser output); narrow once so the rest is type-safe.\n  const payload: MapData | undefined = Array.isArray(data) ? undefined : data;\n  const rawMarkers: unknown = Array.isArray(data) ? data : data?.markers;\n  const markers: MapMarker[] = Array.isArray(rawMarkers)\n    ? (rawMarkers as MapMarker[]).filter((m) => m && isFiniteNumber(m.lat) && isFiniteNumber(m.lng))\n    : [];\n\n  // Choropleth inputs: GeoJSON (from data payload or config) + a region→value join.\n  const geoJson = (payload?.geoJson ?? (config.geoJson as GeoJsonFeatureCollection | undefined)) || undefined;\n  const regionIdField = (config.regionIdField as string) || 'id';\n  const regionValues = new Map<string, { value: number; name?: string }>();\n  const rawRegions: unknown = payload?.regions ?? config.regions;\n  if (Array.isArray(rawRegions)) {\n    for (const r of rawRegions as Array<Record<string, unknown>>) {\n      if (!r) continue;\n      const id = r[regionIdField] ?? r.id ?? r.region ?? r.code;\n      const value = r.value ?? r.count ?? r.total;\n      if (id != null && isFiniteNumber(value)) {\n        regionValues.set(String(id), { value, name: typeof r.name === 'string' ? r.name : undefined });\n      }\n    }\n  }\n\n  // Data-payload center/zoom are an explicit intent and win over markers. Config\n  // center/zoom (e.g. the WidgetRegistry default of {0,0}/2) are only a static\n  // fallback for marker-less maps — otherwise that default would pin every marker\n  // dataset to the world view instead of framing the markers.\n  return {\n    markers,\n    center: asLatLng(payload?.center),\n    zoom: isFiniteNumber(payload?.zoom) ? payload?.zoom : undefined,\n    fallbackCenter: asLatLng(config.center),\n    fallbackZoom: isFiniteNumber(config.zoom) ? (config.zoom as number) : undefined,\n    geoJson: geoJson && Array.isArray(geoJson.features) ? geoJson : undefined,\n    regionValues,\n  };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const MapWidget: FC<MapWidgetProps> = memo(function MapWidget({ widget, data, onClick, onDrilldown }) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const mapRef = useRef<L.Map | null>(null);\n  // Signature of the last view we auto-framed to; lets us re-render markers on\n  // every data change without snapping the viewport back when the framing\n  // inputs (coords/center/zoom) are unchanged — e.g. a refetch of identical data.\n  const lastFrameSigRef = useRef<string | null>(null);\n  const [status, setStatus] = useState<'loading' | 'ready' | 'error'>('loading');\n\n  const config = useMemo(() => (widget?.config ?? {}) as Record<string, unknown>, [widget?.config]);\n  const showMarkers = config.showMarkers !== false;\n  const regionIdField = (config.regionIdField as string) || 'id';\n  const { markers, center, zoom, fallbackCenter, fallbackZoom, geoJson, regionValues } = useMemo(\n    () => normalizeMapData(data, config),\n    [data, config]\n  );\n  const hasChoropleth = Boolean(geoJson && regionValues.size > 0);\n\n  // Keep the latest click handler in a ref so marker bindings don't need rebinding.\n  // Assign in an effect (not during render) per the React 19 useRef guidance.\n  const clickRef = useRef<(marker: MapMarker) => void>(() => undefined);\n  useEffect(() => {\n    clickRef.current = (marker: MapMarker) => {\n      if (onDrilldown) onDrilldown(marker as unknown as Record<string, unknown>);\n      else if (onClick) onClick(marker);\n    };\n  }, [onClick, onDrilldown]);\n\n  // Initialise the map once.\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return undefined;\n    ensureLeafletCss();\n\n    let map: L.Map;\n    try {\n      map = L.map(el, { center: [20, 0], zoom: 2, scrollWheelZoom: true, attributionControl: true });\n      const tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n        attribution: '© OpenStreetMap contributors',\n        maxZoom: 18,\n      });\n      // Leaflet reports tile failures asynchronously, so addTo() won't throw when\n      // tiles are blocked/offline. Surface the error overlay only if a tile errors\n      // before any tile has loaded (true offline/blocked), tolerating the odd\n      // transient miss once the base map is up.\n      let anyTileLoaded = false;\n      tiles.on('tileload', () => {\n        anyTileLoaded = true;\n        // Recover if an early tile miss had shown the offline overlay — a flaky\n        // connection that later succeeds shouldn't stay hidden behind it.\n        setStatus((s) => (s === 'error' ? 'ready' : s));\n      });\n      tiles.on('tileerror', () => {\n        if (!anyTileLoaded) setStatus('error');\n      });\n      tiles.addTo(map);\n      mapRef.current = map;\n      // Fresh map ⇒ force the next marker effect to (re)frame it. Without this the\n      // frame-signature ref would survive a remount (e.g. React StrictMode's\n      // double-invoke) and the new map would stay stuck at this init view.\n      lastFrameSigRef.current = null;\n      setStatus('ready');\n    } catch {\n      setStatus('error');\n      return undefined;\n    }\n\n    // Widgets live in a resizable grid; keep tiles correct as the box changes.\n    const ro =\n      typeof ResizeObserver !== 'undefined' ? new ResizeObserver(() => mapRef.current?.invalidateSize()) : undefined;\n    ro?.observe(el);\n    const t = window.setTimeout(() => map.invalidateSize(), 80);\n\n    return () => {\n      window.clearTimeout(t);\n      ro?.disconnect();\n      map.remove();\n      mapRef.current = null;\n    };\n  }, []);\n\n  // Render markers + frame the view whenever the data changes.\n  useEffect(() => {\n    const map = mapRef.current;\n    if (!map) return undefined;\n\n    const layer = L.layerGroup();\n\n    // Choropleth: shade GeoJSON regions by a single-hue intensity ramp (the\n    // semantic `info` token at varying opacity) joined on the region id field.\n    let geoLayer: L.GeoJSON | null = null;\n    if (geoJson && regionValues.size > 0) {\n      const vals = Array.from(regionValues.values()).map((v) => v.value);\n      const min = Math.min(...vals);\n      const max = Math.max(...vals);\n      const span = max - min || 1;\n      const FILL = 'var(--color-status-info, #3b82f6)';\n\n      const lookup = (feature: { id?: string | number; properties?: Record<string, unknown> | null }) => {\n        const props = feature.properties ?? {};\n        const joinId = feature.id ?? props[regionIdField] ?? props.id ?? props.code;\n        return joinId != null ? regionValues.get(String(joinId)) : undefined;\n      };\n\n      geoLayer = L.geoJSON(geoJson as unknown as Parameters<typeof L.geoJSON>[0], {\n        style: (feature) => {\n          const hit = feature ? lookup(feature) : undefined;\n          const norm = hit ? (hit.value - min) / span : 0;\n          return {\n            fillColor: FILL,\n            fillOpacity: hit ? 0.2 + norm * 0.65 : 0.05,\n            color: 'var(--color-border-default, #cbd5e1)',\n            weight: 1,\n          };\n        },\n        onEachFeature: (feature, lyr) => {\n          const hit = lookup(feature);\n          const name =\n            hit?.name ??\n            (typeof feature.properties?.name === 'string' ? (feature.properties.name as string) : undefined) ??\n            String(feature.id ?? '');\n          const popupEl = document.createElement('div');\n          const title = document.createElement('div');\n          title.style.fontWeight = '600';\n          title.textContent = name || 'Region';\n          popupEl.appendChild(title);\n          if (hit) {\n            const val = document.createElement('div');\n            val.textContent = hit.value.toLocaleString();\n            popupEl.appendChild(val);\n          }\n          lyr.bindPopup(popupEl);\n          lyr.on('click', () => clickRef.current({ name, lat: NaN, lng: NaN, value: hit?.value } as MapMarker));\n        },\n      });\n      geoLayer.addTo(layer);\n    }\n\n    if (showMarkers) {\n      for (const marker of markers) {\n        // Build the pin as a DOM element (not an HTML string) so the marker colour\n        // is assigned via the style API and can never be interpreted as markup —\n        // defense-in-depth alongside safeColor().\n        const pin = document.createElement('div');\n        Object.assign(pin.style, {\n          width: '14px',\n          height: '14px',\n          borderRadius: '50% 50% 50% 0',\n          transform: 'rotate(-45deg)',\n          background: safeColor(marker.color),\n          border: '2px solid #fff',\n          boxShadow: '0 1px 4px rgba(0,0,0,.4)',\n        });\n        const icon = L.divIcon({\n          className: 'bc-map-marker',\n          html: pin,\n          iconSize: [14, 14],\n          iconAnchor: [7, 14],\n        });\n        const m = L.marker([marker.lat, marker.lng], { icon }).addTo(layer);\n\n        // bindPopup treats a string as HTML; build a text node so marker-supplied\n        // text can never be interpreted as markup (defense-in-depth).\n        const popupEl = document.createElement('div');\n        const title = document.createElement('div');\n        title.style.fontWeight = '600';\n        title.textContent = marker.popup || marker.name || 'Location';\n        popupEl.appendChild(title);\n        if (isFiniteNumber(marker.value)) {\n          const val = document.createElement('div');\n          val.textContent = marker.value.toLocaleString();\n          popupEl.appendChild(val);\n        }\n        m.bindPopup(popupEl);\n        m.on('click', () => clickRef.current(marker));\n      }\n    }\n    layer.addTo(map);\n\n    // Only (re)frame the view when the framing inputs actually change — otherwise\n    // a data-prop reference change (e.g. a refetch returning identical markers)\n    // would discard the user's current pan/zoom.\n    const frameSig = JSON.stringify({\n      m: markers.map((mk) => [mk.lat, mk.lng]),\n      c: center ? [center.lat, center.lng] : null,\n      z: zoom ?? null,\n      fc: fallbackCenter ? [fallbackCenter.lat, fallbackCenter.lng] : null,\n      fz: fallbackZoom ?? null,\n      g: geoJson ? regionValues.size : 0,\n    });\n    if (frameSig !== lastFrameSigRef.current) {\n      lastFrameSigRef.current = frameSig;\n      // Framing priority: data-payload center → frame the markers → frame the\n      // choropleth regions → config fallback center → zoom only → world view.\n      // Markers/regions win over the config default so a palette-created map frames\n      // its data instead of {0,0}.\n      if (center) {\n        map.setView([center.lat, center.lng], zoom ?? map.getZoom());\n      } else if (!markers.length && geoLayer) {\n        const b = geoLayer.getBounds();\n        if (b.isValid()) map.fitBounds(b, { padding: [24, 24], maxZoom: 12 });\n      } else if (markers.length === 1) {\n        map.setView([markers[0].lat, markers[0].lng], zoom ?? 8);\n      } else if (markers.length > 1) {\n        const bounds = L.latLngBounds(markers.map((m) => [m.lat, m.lng] as [number, number]));\n        map.fitBounds(bounds, { padding: [32, 32], maxZoom: 12 });\n      } else if (fallbackCenter) {\n        map.setView([fallbackCenter.lat, fallbackCenter.lng], zoom ?? fallbackZoom ?? map.getZoom());\n      } else if (isFiniteNumber(zoom ?? fallbackZoom)) {\n        map.setZoom((zoom ?? fallbackZoom) as number);\n      }\n    }\n\n    const resize = window.setTimeout(() => map.invalidateSize(), 0);\n\n    return () => {\n      window.clearTimeout(resize);\n      layer.remove();\n    };\n  }, [markers, center, zoom, fallbackCenter, fallbackZoom, showMarkers, geoJson, regionValues, regionIdField]);\n\n  return (\n    <div className=\"relative h-full w-full overflow-hidden rounded-lg bg-bg-muted\">\n      <div ref={containerRef} className=\"h-full w-full\" />\n\n      {status !== 'error' && markers.length === 0 && !hasChoropleth && (\n        <div className=\"pointer-events-none absolute inset-0 z-[500] flex items-center justify-center bg-bg-muted/70 text-sm text-text-secondary\">\n          <div className=\"text-center\">\n            <svg\n              className=\"mx-auto mb-2 h-12 w-12 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=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\n              />\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\n              />\n            </svg>\n            <p>No map data</p>\n          </div>\n        </div>\n      )}\n\n      {status === 'error' && (\n        <div className=\"absolute inset-0 z-[500] flex items-center justify-center bg-bg-muted px-4 text-center text-sm text-text-secondary\">\n          The map needs an internet connection and couldn’t load.\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default MapWidget;\n"],"mappings":"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"}
+{"version":3,"file":"MapWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/map-widget/MapWidget.tsx"],"sourcesContent":["/**\n * MapWidget Component\n *\n * Interactive geographic map (Leaflet + OpenStreetMap tiles) with data-bound\n * markers. Leaflet's stylesheet is loaded from a CDN at runtime (with SRI) because\n * the build-time MFE library bundle does not ship a component's CSS to the host\n * shell — consistent with the map being an inherently online feature (tiles).\n */\n\nimport { type FC, memo, useEffect, useMemo, useRef, useState } from 'react';\nimport L from 'leaflet';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface MapWidgetProps {\n  widget: Widget;\n  data?: MapData;\n  onClick?: (marker: MapMarker) => void;\n  /** Drilldown handler - receives selected marker data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\nexport interface MapMarker {\n  name: string;\n  lat: number;\n  lng: number;\n  value?: number;\n  popup?: string;\n  color?: string;\n}\n\n/** Minimal GeoJSON FeatureCollection shape (we only read geometry + properties). */\nexport interface GeoJsonFeatureCollection {\n  type: 'FeatureCollection';\n  features: Array<{\n    type: 'Feature';\n    id?: string | number;\n    properties?: Record<string, unknown> | null;\n    geometry: unknown;\n  }>;\n}\n\n/** A region value used to shade a choropleth (joined to a GeoJSON feature). */\nexport interface MapRegionValue {\n  /** Join key — matched against the feature's id field. */\n  id: string;\n  /** Numeric value driving the fill intensity. */\n  value: number;\n  /** Optional display name for the popup. */\n  name?: string;\n}\n\nexport interface MapData {\n  center?: { lat: number; lng: number };\n  zoom?: number;\n  markers?: MapMarker[];\n  /** GeoJSON regions for choropleth mode. */\n  geoJson?: GeoJsonFeatureCollection;\n  /** Per-region values joined to GeoJSON features for choropleth shading. */\n  regions?: MapRegionValue[];\n}\n\n// ============================================================================\n// Leaflet CSS (runtime CDN injection)\n// ============================================================================\n\nconst LEAFLET_CSS = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css';\n// SRI for leaflet@1.9.4/dist/leaflet.css (immutable versioned URL) — guards against a CDN compromise.\nconst LEAFLET_CSS_SRI = 'sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=';\n\nlet leafletCssRequested = false;\n\nfunction ensureLeafletCss(): void {\n  // Module-level guard in addition to the DOM check so two MapWidgets mounting in\n  // the same tick can't both append the <link> before either lands in the DOM.\n  if (leafletCssRequested || document.getElementById('leaflet-css')) return;\n  leafletCssRequested = true;\n  const link = document.createElement('link');\n  link.id = 'leaflet-css';\n  link.rel = 'stylesheet';\n  link.href = LEAFLET_CSS;\n  link.integrity = LEAFLET_CSS_SRI;\n  link.crossOrigin = 'anonymous';\n  // Don't leak the current path (workspace/dashboard IDs) to the CDN.\n  link.referrerPolicy = 'no-referrer';\n  // Leaflet needs its stylesheet for correct tile/marker positioning. If the CDN\n  // is unreachable or the SRI check fails the load is otherwise silent, so warn and\n  // clear the guard/element to allow a later mount to retry.\n  link.onerror = () => {\n    console.warn('[bigconsole] Leaflet CSS failed to load; map styling may be broken.');\n    leafletCssRequested = false;\n    link.remove();\n  };\n  document.head.appendChild(link);\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst DEFAULT_MARKER_COLOR = 'var(--color-chart-1, #3b82f6)';\n\n/**\n * Marker colours come from widget data and are interpolated into an inline\n * `style` attribute, so restrict them to a safe character set (hex / rgb() /\n * hsl() / css var() / named colours). Anything outside that — or containing\n * style-breaking characters — falls back to the default token colour.\n */\nfunction safeColor(color: unknown): string {\n  // Marker data is untrusted: a parser can emit a non-string colour (e.g. a numeric\n  // status code) that slips past the lat/lng filter, so guard the type before trim().\n  if (typeof color !== 'string') return DEFAULT_MARKER_COLOR;\n  const trimmed = color.trim();\n  if (trimmed.length > 64) return DEFAULT_MARKER_COLOR;\n  if (/[;{}<>\"'\\\\]/.test(trimmed)) return DEFAULT_MARKER_COLOR;\n  // Block `url()` so a marker colour can't smuggle an exfiltration beacon\n  // (e.g. `url(//evil.com/pixel)`) through the otherwise-permissive char set.\n  if (/\\burl\\s*\\(/i.test(trimmed)) return DEFAULT_MARKER_COLOR;\n  // Allow `_` (custom-property names) and `/` (modern `rgb(r g b / a)` syntax);\n  // the dangerous-char guard above still blocks anything that could break out of\n  // the inline style.\n  if (!/^[#a-zA-Z0-9(),.%/_\\s-]+$/.test(trimmed)) return DEFAULT_MARKER_COLOR;\n  return trimmed;\n}\n\nfunction isFiniteNumber(v: unknown): v is number {\n  return typeof v === 'number' && Number.isFinite(v);\n}\n\n/**\n * Theme-safe cold→hot ramp for the heat-point layer: normalized intensity\n * (0–1) → info → warning → error status tokens, returned as `var()` refs.\n *\n * We deliberately pass the `var()` reference (not a resolved color): the map\n * uses Leaflet's default SVG renderer, where `fill` participates in the CSS\n * cascade, so the tokens resolve correctly AND stay live across theme toggles\n * (a resolved concrete color would go stale until the next data refresh). This\n * also matches the choropleth layer and avoids any per-marker `getComputedStyle`\n * lookup. (If the map ever opts into `preferCanvas`, pre-resolve these instead.)\n */\nfunction heatColor(norm: number): string {\n  if (norm >= 0.66) return 'var(--color-status-error)';\n  if (norm >= 0.33) return 'var(--color-status-warning)';\n  return 'var(--color-status-info)';\n}\n\n/**\n * Build a marker/region popup as DOM (a bold title + optional formatted value).\n * Uses textContent — never an HTML string — so marker-supplied text can't be\n * interpreted as markup. Shared by the pin and heat-point branches.\n */\nfunction buildMarkerPopup(marker: MapMarker): HTMLDivElement {\n  const popupEl = document.createElement('div');\n  const title = document.createElement('div');\n  title.style.fontWeight = '600';\n  title.textContent = marker.popup || marker.name || 'Location';\n  popupEl.appendChild(title);\n  if (isFiniteNumber(marker.value)) {\n    const val = document.createElement('div');\n    val.textContent = marker.value.toLocaleString();\n    popupEl.appendChild(val);\n  }\n  return popupEl;\n}\n\n/**\n * Normalize the bound widget data into markers + optional center/zoom. Accepts\n * the documented `{ markers, center, zoom }` shape, or a bare array of markers\n * (parser output), and drops any entry without valid coordinates.\n */\ninterface NormalizedMapData {\n  markers: MapMarker[];\n  /** Center explicitly supplied by the data payload — wins over markers. */\n  center?: { lat: number; lng: number };\n  /** Zoom explicitly supplied by the data payload. */\n  zoom?: number;\n  /** Center from widget config — a static fallback used only when there are no markers. */\n  fallbackCenter?: { lat: number; lng: number };\n  /** Zoom from widget config — fallback for the no-marker case. */\n  fallbackZoom?: number;\n  /** GeoJSON for choropleth mode. */\n  geoJson?: GeoJsonFeatureCollection;\n  /** region id → { value, name } map for choropleth shading. */\n  regionValues: Map<string, { value: number; name?: string }>;\n}\n\nfunction asLatLng(v: unknown): { lat: number; lng: number } | undefined {\n  const c = v as { lat?: unknown; lng?: unknown } | undefined;\n  return c && isFiniteNumber(c.lat) && isFiniteNumber(c.lng) ? { lat: c.lat, lng: c.lng } : undefined;\n}\n\nfunction normalizeMapData(data: MapData | MapMarker[] | undefined, config: Record<string, unknown>): NormalizedMapData {\n  // The widget may be handed either the documented { markers, center, zoom } shape\n  // or a bare marker array (parser output); narrow once so the rest is type-safe.\n  const payload: MapData | undefined = Array.isArray(data) ? undefined : data;\n  const rawMarkers: unknown = Array.isArray(data) ? data : data?.markers;\n  const markers: MapMarker[] = Array.isArray(rawMarkers)\n    ? (rawMarkers as MapMarker[]).filter((m) => m && isFiniteNumber(m.lat) && isFiniteNumber(m.lng))\n    : [];\n\n  // Choropleth inputs: GeoJSON (from data payload or config) + a region→value join.\n  const geoJson = (payload?.geoJson ?? (config.geoJson as GeoJsonFeatureCollection | undefined)) || undefined;\n  const regionIdField = (config.regionIdField as string) || 'id';\n  const regionValues = new Map<string, { value: number; name?: string }>();\n  const rawRegions: unknown = payload?.regions ?? config.regions;\n  if (Array.isArray(rawRegions)) {\n    for (const r of rawRegions as Array<Record<string, unknown>>) {\n      if (!r) continue;\n      const id = r[regionIdField] ?? r.id ?? r.region ?? r.code;\n      const value = r.value ?? r.count ?? r.total;\n      if (id != null && isFiniteNumber(value)) {\n        regionValues.set(String(id), { value, name: typeof r.name === 'string' ? r.name : undefined });\n      }\n    }\n  }\n\n  // Data-payload center/zoom are an explicit intent and win over markers. Config\n  // center/zoom (e.g. the WidgetRegistry default of {0,0}/2) are only a static\n  // fallback for marker-less maps — otherwise that default would pin every marker\n  // dataset to the world view instead of framing the markers.\n  return {\n    markers,\n    center: asLatLng(payload?.center),\n    zoom: isFiniteNumber(payload?.zoom) ? payload?.zoom : undefined,\n    fallbackCenter: asLatLng(config.center),\n    fallbackZoom: isFiniteNumber(config.zoom) ? (config.zoom as number) : undefined,\n    geoJson: geoJson && Array.isArray(geoJson.features) ? geoJson : undefined,\n    regionValues,\n  };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const MapWidget: FC<MapWidgetProps> = memo(function MapWidget({ widget, data, onClick, onDrilldown }) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const mapRef = useRef<L.Map | null>(null);\n  // Signature of the last view we auto-framed to; lets us re-render markers on\n  // every data change without snapping the viewport back when the framing\n  // inputs (coords/center/zoom) are unchanged — e.g. a refetch of identical data.\n  const lastFrameSigRef = useRef<string | null>(null);\n  const [status, setStatus] = useState<'loading' | 'ready' | 'error'>('loading');\n\n  const config = useMemo(() => (widget?.config ?? {}) as Record<string, unknown>, [widget?.config]);\n  const showMarkers = config.showMarkers !== false;\n  // Heat-point density mode: render weighted, translucent circles whose overlap\n  // accumulates into a heat-like surface (dependency-free — no leaflet.heat).\n  const heatMode = config.mapMode === 'heat';\n  const regionIdField = (config.regionIdField as string) || 'id';\n  const { markers, center, zoom, fallbackCenter, fallbackZoom, geoJson, regionValues } = useMemo(\n    () => normalizeMapData(data, config),\n    [data, config]\n  );\n  const hasChoropleth = Boolean(geoJson && regionValues.size > 0);\n\n  // Keep the latest click handler in a ref so marker bindings don't need rebinding.\n  // Assign in an effect (not during render) per the React 19 useRef guidance.\n  const clickRef = useRef<(marker: MapMarker) => void>(() => undefined);\n  useEffect(() => {\n    clickRef.current = (marker: MapMarker) => {\n      if (onDrilldown) onDrilldown(marker as unknown as Record<string, unknown>);\n      else if (onClick) onClick(marker);\n    };\n  }, [onClick, onDrilldown]);\n\n  // Initialise the map once.\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return undefined;\n    ensureLeafletCss();\n\n    let map: L.Map;\n    try {\n      map = L.map(el, { center: [20, 0], zoom: 2, scrollWheelZoom: true, attributionControl: true });\n      const tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n        attribution: '© OpenStreetMap contributors',\n        maxZoom: 18,\n      });\n      // Leaflet reports tile failures asynchronously, so addTo() won't throw when\n      // tiles are blocked/offline. Surface the error overlay only if a tile errors\n      // before any tile has loaded (true offline/blocked), tolerating the odd\n      // transient miss once the base map is up.\n      let anyTileLoaded = false;\n      tiles.on('tileload', () => {\n        anyTileLoaded = true;\n        // Recover if an early tile miss had shown the offline overlay — a flaky\n        // connection that later succeeds shouldn't stay hidden behind it.\n        setStatus((s) => (s === 'error' ? 'ready' : s));\n      });\n      tiles.on('tileerror', () => {\n        if (!anyTileLoaded) setStatus('error');\n      });\n      tiles.addTo(map);\n      mapRef.current = map;\n      // Fresh map ⇒ force the next marker effect to (re)frame it. Without this the\n      // frame-signature ref would survive a remount (e.g. React StrictMode's\n      // double-invoke) and the new map would stay stuck at this init view.\n      lastFrameSigRef.current = null;\n      setStatus('ready');\n    } catch {\n      setStatus('error');\n      return undefined;\n    }\n\n    // Widgets live in a resizable grid; keep tiles correct as the box changes.\n    const ro =\n      typeof ResizeObserver !== 'undefined' ? new ResizeObserver(() => mapRef.current?.invalidateSize()) : undefined;\n    ro?.observe(el);\n    const t = window.setTimeout(() => map.invalidateSize(), 80);\n\n    return () => {\n      window.clearTimeout(t);\n      ro?.disconnect();\n      map.remove();\n      mapRef.current = null;\n    };\n  }, []);\n\n  // Render markers + frame the view whenever the data changes.\n  useEffect(() => {\n    const map = mapRef.current;\n    if (!map) return undefined;\n\n    const layer = L.layerGroup();\n\n    // Choropleth: shade GeoJSON regions by a single-hue intensity ramp (the\n    // semantic `info` token at varying opacity) joined on the region id field.\n    let geoLayer: L.GeoJSON | null = null;\n    if (geoJson && regionValues.size > 0) {\n      const vals = Array.from(regionValues.values()).map((v) => v.value);\n      const min = Math.min(...vals);\n      const max = Math.max(...vals);\n      const span = max - min || 1;\n      const FILL = 'var(--color-status-info, #3b82f6)';\n\n      const lookup = (feature: { id?: string | number; properties?: Record<string, unknown> | null }) => {\n        const props = feature.properties ?? {};\n        const joinId = feature.id ?? props[regionIdField] ?? props.id ?? props.code;\n        return joinId != null ? regionValues.get(String(joinId)) : undefined;\n      };\n\n      geoLayer = L.geoJSON(geoJson as unknown as Parameters<typeof L.geoJSON>[0], {\n        style: (feature) => {\n          const hit = feature ? lookup(feature) : undefined;\n          const norm = hit ? (hit.value - min) / span : 0;\n          return {\n            fillColor: FILL,\n            fillOpacity: hit ? 0.2 + norm * 0.65 : 0.05,\n            color: 'var(--color-border-default, #cbd5e1)',\n            weight: 1,\n          };\n        },\n        onEachFeature: (feature, lyr) => {\n          const hit = lookup(feature);\n          const name =\n            hit?.name ??\n            (typeof feature.properties?.name === 'string' ? (feature.properties.name as string) : undefined) ??\n            String(feature.id ?? '');\n          const popupEl = document.createElement('div');\n          const title = document.createElement('div');\n          title.style.fontWeight = '600';\n          title.textContent = name || 'Region';\n          popupEl.appendChild(title);\n          if (hit) {\n            const val = document.createElement('div');\n            val.textContent = hit.value.toLocaleString();\n            popupEl.appendChild(val);\n          }\n          lyr.bindPopup(popupEl);\n          lyr.on('click', () => clickRef.current({ name, lat: NaN, lng: NaN, value: hit?.value } as MapMarker));\n        },\n      });\n      geoLayer.addTo(layer);\n    }\n\n    if (showMarkers && heatMode) {\n      // Heat-point layer: translucent weighted circles, sized + colored by value.\n      const weights = markers.map((mk) => (isFiniteNumber(mk.value) ? mk.value : 1));\n      // reduce, not Math.min(...spread) — spreading a large array as args can\n      // blow the call-stack (RangeError) for big datasets.\n      const minW = weights.reduce((a, b) => Math.min(a, b), Infinity);\n      const maxW = weights.reduce((a, b) => Math.max(a, b), -Infinity);\n      const spanW = maxW - minW || 1;\n      markers.forEach((marker, i) => {\n        const norm = (weights[i] - minW) / spanW;\n        const circle = L.circleMarker([marker.lat, marker.lng], {\n          radius: 10 + norm * 22,\n          fillColor: heatColor(norm),\n          // Both radius and opacity ramp with intensity for a truer density look.\n          fillOpacity: 0.25 + norm * 0.35,\n          stroke: false,\n        }).addTo(layer);\n        circle.bindPopup(buildMarkerPopup(marker));\n        circle.on('click', () => clickRef.current(marker));\n      });\n    } else if (showMarkers) {\n      for (const marker of markers) {\n        // Build the pin as a DOM element (not an HTML string) so the marker colour\n        // is assigned via the style API and can never be interpreted as markup —\n        // defense-in-depth alongside safeColor().\n        const pin = document.createElement('div');\n        Object.assign(pin.style, {\n          width: '14px',\n          height: '14px',\n          borderRadius: '50% 50% 50% 0',\n          transform: 'rotate(-45deg)',\n          background: safeColor(marker.color),\n          border: '2px solid #fff',\n          boxShadow: '0 1px 4px rgba(0,0,0,.4)',\n        });\n        const icon = L.divIcon({\n          className: 'bc-map-marker',\n          html: pin,\n          iconSize: [14, 14],\n          iconAnchor: [7, 14],\n        });\n        const m = L.marker([marker.lat, marker.lng], { icon }).addTo(layer);\n        m.bindPopup(buildMarkerPopup(marker));\n        m.on('click', () => clickRef.current(marker));\n      }\n    }\n    layer.addTo(map);\n\n    // Only (re)frame the view when the framing inputs actually change — otherwise\n    // a data-prop reference change (e.g. a refetch returning identical markers)\n    // would discard the user's current pan/zoom.\n    const frameSig = JSON.stringify({\n      m: markers.map((mk) => [mk.lat, mk.lng]),\n      c: center ? [center.lat, center.lng] : null,\n      z: zoom ?? null,\n      fc: fallbackCenter ? [fallbackCenter.lat, fallbackCenter.lng] : null,\n      fz: fallbackZoom ?? null,\n      g: geoJson ? regionValues.size : 0,\n    });\n    if (frameSig !== lastFrameSigRef.current) {\n      lastFrameSigRef.current = frameSig;\n      // Framing priority: data-payload center → frame the markers → frame the\n      // choropleth regions → config fallback center → zoom only → world view.\n      // Markers/regions win over the config default so a palette-created map frames\n      // its data instead of {0,0}.\n      if (center) {\n        map.setView([center.lat, center.lng], zoom ?? map.getZoom());\n      } else if (!markers.length && geoLayer) {\n        const b = geoLayer.getBounds();\n        if (b.isValid()) map.fitBounds(b, { padding: [24, 24], maxZoom: 12 });\n      } else if (markers.length === 1) {\n        map.setView([markers[0].lat, markers[0].lng], zoom ?? 8);\n      } else if (markers.length > 1) {\n        const bounds = L.latLngBounds(markers.map((m) => [m.lat, m.lng] as [number, number]));\n        map.fitBounds(bounds, { padding: [32, 32], maxZoom: 12 });\n      } else if (fallbackCenter) {\n        map.setView([fallbackCenter.lat, fallbackCenter.lng], zoom ?? fallbackZoom ?? map.getZoom());\n      } else if (isFiniteNumber(zoom ?? fallbackZoom)) {\n        map.setZoom((zoom ?? fallbackZoom) as number);\n      }\n    }\n\n    const resize = window.setTimeout(() => map.invalidateSize(), 0);\n\n    return () => {\n      window.clearTimeout(resize);\n      layer.remove();\n    };\n  }, [\n    markers,\n    center,\n    zoom,\n    fallbackCenter,\n    fallbackZoom,\n    showMarkers,\n    heatMode,\n    geoJson,\n    regionValues,\n    regionIdField,\n  ]);\n\n  return (\n    <div className=\"relative h-full w-full overflow-hidden rounded-lg bg-bg-muted\">\n      <div ref={containerRef} className=\"h-full w-full\" />\n\n      {status !== 'error' && markers.length === 0 && !hasChoropleth && (\n        <div className=\"pointer-events-none absolute inset-0 z-[500] flex items-center justify-center bg-bg-muted/70 text-sm text-text-secondary\">\n          <div className=\"text-center\">\n            <svg\n              className=\"mx-auto mb-2 h-12 w-12 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=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\n              />\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\n              />\n            </svg>\n            <p>No map data</p>\n          </div>\n        </div>\n      )}\n\n      {status === 'error' && (\n        <div className=\"absolute inset-0 z-[500] flex items-center justify-center bg-bg-muted px-4 text-center text-sm text-text-secondary\">\n          The map needs an internet connection and couldn’t load.\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default MapWidget;\n"],"mappings":";;;;AAqEA,IAAM,IAAc,oDAEd,IAAkB,uDAEpB,IAAsB;AAE1B,SAAS,IAAyB;AAGhC,KAAI,KAAuB,SAAS,eAAe,cAAc,CAAE;AACnE,KAAsB;CACtB,IAAM,IAAO,SAAS,cAAc,OAAO;AAgB3C,CAfA,EAAK,KAAK,eACV,EAAK,MAAM,cACX,EAAK,OAAO,GACZ,EAAK,YAAY,GACjB,EAAK,cAAc,aAEnB,EAAK,iBAAiB,eAItB,EAAK,gBAAgB;AAGnB,EAFA,QAAQ,KAAK,sEAAsE,EACnF,IAAsB,IACtB,EAAK,QAAQ;IAEf,SAAS,KAAK,YAAY,EAAK;;AAOjC,IAAM,IAAuB;AAQ7B,SAAS,EAAU,GAAwB;AAGzC,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM;AAU5B,QATI,EAAQ,SAAS,MACjB,cAAc,KAAK,EAAQ,IAG3B,cAAc,KAAK,EAAQ,IAI3B,CAAC,4BAA4B,KAAK,EAAQ,GAAS,IAChD;;AAGT,SAAS,EAAe,GAAyB;AAC/C,QAAO,OAAO,KAAM,YAAY,OAAO,SAAS,EAAE;;AAcpD,SAAS,EAAU,GAAsB;AAGvC,QAFI,KAAQ,MAAa,8BACrB,KAAQ,MAAa,gCAClB;;AAQT,SAAS,EAAiB,GAAmC;CAC3D,IAAM,IAAU,SAAS,cAAc,MAAM,EACvC,IAAQ,SAAS,cAAc,MAAM;AAI3C,KAHA,EAAM,MAAM,aAAa,OACzB,EAAM,cAAc,EAAO,SAAS,EAAO,QAAQ,YACnD,EAAQ,YAAY,EAAM,EACtB,EAAe,EAAO,MAAM,EAAE;EAChC,IAAM,IAAM,SAAS,cAAc,MAAM;AAEzC,EADA,EAAI,cAAc,EAAO,MAAM,gBAAgB,EAC/C,EAAQ,YAAY,EAAI;;AAE1B,QAAO;;AAwBT,SAAS,EAAS,GAAsD;CACtE,IAAM,IAAI;AACV,QAAO,KAAK,EAAe,EAAE,IAAI,IAAI,EAAe,EAAE,IAAI,GAAG;EAAE,KAAK,EAAE;EAAK,KAAK,EAAE;EAAK,GAAG,KAAA;;AAG5F,SAAS,EAAiB,GAAyC,GAAoD;CAGrH,IAAM,IAA+B,MAAM,QAAQ,EAAK,GAAG,KAAA,IAAY,GACjE,IAAsB,MAAM,QAAQ,EAAK,GAAG,IAAO,GAAM,SACzD,IAAuB,MAAM,QAAQ,EAAW,GACjD,EAA2B,QAAQ,MAAM,KAAK,EAAe,EAAE,IAAI,IAAI,EAAe,EAAE,IAAI,CAAC,GAC9F,EAAE,EAGA,KAAW,GAAS,WAAY,EAAO,YAAqD,KAAA,GAC5F,IAAiB,EAAO,iBAA4B,MACpD,oBAAe,IAAI,KAA+C,EAClE,IAAsB,GAAS,WAAW,EAAO;AACvD,KAAI,MAAM,QAAQ,EAAW,CAC3B,MAAK,IAAM,KAAK,GAA8C;AAC5D,MAAI,CAAC,EAAG;EACR,IAAM,IAAK,EAAE,MAAkB,EAAE,MAAM,EAAE,UAAU,EAAE,MAC/C,IAAQ,EAAE,SAAS,EAAE,SAAS,EAAE;AACtC,EAAI,KAAM,QAAQ,EAAe,EAAM,IACrC,EAAa,IAAI,OAAO,EAAG,EAAE;GAAE;GAAO,MAAM,OAAO,EAAE,QAAS,WAAW,EAAE,OAAO,KAAA;GAAW,CAAC;;AASpG,QAAO;EACL;EACA,QAAQ,EAAS,GAAS,OAAO;EACjC,MAAM,EAAe,GAAS,KAAK,GAAG,GAAS,OAAO,KAAA;EACtD,gBAAgB,EAAS,EAAO,OAAO;EACvC,cAAc,EAAe,EAAO,KAAK,GAAI,EAAO,OAAkB,KAAA;EACtE,SAAS,KAAW,MAAM,QAAQ,EAAQ,SAAS,GAAG,IAAU,KAAA;EAChE;EACD;;AAOH,IAAa,IAAgC,EAAK,SAAmB,EAAE,WAAQ,SAAM,YAAS,kBAAe;CAC3G,IAAM,IAAe,EAAuB,KAAK,EAC3C,IAAS,EAAqB,KAAK,EAInC,IAAkB,EAAsB,KAAK,EAC7C,CAAC,GAAQ,KAAa,EAAwC,UAAU,EAExE,IAAS,QAAe,GAAQ,UAAU,EAAE,EAA8B,CAAC,GAAQ,OAAO,CAAC,EAC3F,IAAc,EAAO,gBAAgB,IAGrC,IAAW,EAAO,YAAY,QAC9B,IAAiB,EAAO,iBAA4B,MACpD,EAAE,YAAS,WAAQ,SAAM,mBAAgB,iBAAc,YAAS,oBAAiB,QAC/E,EAAiB,GAAM,EAAO,EACpC,CAAC,GAAM,EAAO,CACf,EACK,IAAgB,GAAQ,KAAW,EAAa,OAAO,IAIvD,IAAW,QAA0C,KAAA,EAAU;AA2NrE,QA1NA,QAAgB;AACd,IAAS,WAAW,MAAsB;AACxC,GAAI,IAAa,EAAY,EAA6C,GACjE,KAAS,EAAQ,EAAO;;IAElC,CAAC,GAAS,EAAY,CAAC,EAG1B,QAAgB;EACd,IAAM,IAAK,EAAa;AACxB,MAAI,CAAC,EAAI;AACT,KAAkB;EAElB,IAAI;AACJ,MAAI;AACF,OAAM,EAAE,IAAI,GAAI;IAAE,QAAQ,CAAC,IAAI,EAAE;IAAE,MAAM;IAAG,iBAAiB;IAAM,oBAAoB;IAAM,CAAC;GAC9F,IAAM,IAAQ,EAAE,UAAU,sDAAsD;IAC9E,aAAa;IACb,SAAS;IACV,CAAC,EAKE,IAAgB;AAgBpB,GAfA,EAAM,GAAG,kBAAkB;AAIzB,IAHA,IAAgB,IAGhB,GAAW,MAAO,MAAM,UAAU,UAAU,EAAG;KAC/C,EACF,EAAM,GAAG,mBAAmB;AAC1B,IAAK,KAAe,EAAU,QAAQ;KACtC,EACF,EAAM,MAAM,EAAI,EAChB,EAAO,UAAU,GAIjB,EAAgB,UAAU,MAC1B,EAAU,QAAQ;UACZ;AACN,KAAU,QAAQ;AAClB;;EAIF,IAAM,IACJ,OAAO,iBAAmB,MAAc,IAAI,qBAAqB,EAAO,SAAS,gBAAgB,CAAC,GAAG,KAAA;AACvG,KAAI,QAAQ,EAAG;EACf,IAAM,IAAI,OAAO,iBAAiB,EAAI,gBAAgB,EAAE,GAAG;AAE3D,eAAa;AAIX,GAHA,OAAO,aAAa,EAAE,EACtB,GAAI,YAAY,EAChB,EAAI,QAAQ,EACZ,EAAO,UAAU;;IAElB,EAAE,CAAC,EAGN,QAAgB;EACd,IAAM,IAAM,EAAO;AACnB,MAAI,CAAC,EAAK;EAEV,IAAM,IAAQ,EAAE,YAAY,EAIxB,IAA6B;AACjC,MAAI,KAAW,EAAa,OAAO,GAAG;GACpC,IAAM,IAAO,MAAM,KAAK,EAAa,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,MAAM,EAC5D,IAAM,KAAK,IAAI,GAAG,EAAK,EAEvB,IADM,KAAK,IAAI,GAAG,EAAK,GACV,KAAO,GAGpB,KAAU,MAAmF;IACjG,IAAM,IAAQ,EAAQ,cAAc,EAAE,EAChC,IAAS,EAAQ,MAAM,EAAM,MAAkB,EAAM,MAAM,EAAM;AACvE,WAAO,KAAU,OAA0C,KAAA,IAAnC,EAAa,IAAI,OAAO,EAAO,CAAC;;AAkC1D,GA/BA,IAAW,EAAE,QAAQ,GAAuD;IAC1E,QAAQ,MAAY;KAClB,IAAM,IAAM,IAAU,EAAO,EAAQ,GAAG,KAAA,GAClC,IAAO,KAAO,EAAI,QAAQ,KAAO,IAAO;AAC9C,YAAO;MACL,WAAW;MACX,aAAa,IAAM,KAAM,IAAO,MAAO;MACvC,OAAO;MACP,QAAQ;MACT;;IAEH,gBAAgB,GAAS,MAAQ;KAC/B,IAAM,IAAM,EAAO,EAAQ,EACrB,IACJ,GAAK,SACJ,OAAO,EAAQ,YAAY,QAAS,WAAY,EAAQ,WAAW,OAAkB,KAAA,MACtF,OAAO,EAAQ,MAAM,GAAG,EACpB,IAAU,SAAS,cAAc,MAAM,EACvC,IAAQ,SAAS,cAAc,MAAM;AAI3C,SAHA,EAAM,MAAM,aAAa,OACzB,EAAM,cAAc,KAAQ,UAC5B,EAAQ,YAAY,EAAM,EACtB,GAAK;MACP,IAAM,IAAM,SAAS,cAAc,MAAM;AAEzC,MADA,EAAI,cAAc,EAAI,MAAM,gBAAgB,EAC5C,EAAQ,YAAY,EAAI;;AAG1B,KADA,EAAI,UAAU,EAAQ,EACtB,EAAI,GAAG,eAAe,EAAS,QAAQ;MAAE;MAAM,KAAK;MAAK,KAAK;MAAK,OAAO,GAAK;MAAO,CAAc,CAAC;;IAExG,CAAC,EACF,EAAS,MAAM,EAAM;;AAGvB,MAAI,KAAe,GAAU;GAE3B,IAAM,IAAU,EAAQ,KAAK,MAAQ,EAAe,EAAG,MAAM,GAAG,EAAG,QAAQ,EAAG,EAGxE,IAAO,EAAQ,QAAQ,GAAG,MAAM,KAAK,IAAI,GAAG,EAAE,EAAE,SAAS,EAEzD,IADO,EAAQ,QAAQ,GAAG,MAAM,KAAK,IAAI,GAAG,EAAE,EAAE,UAAU,GAC3C,KAAQ;AAC7B,KAAQ,SAAS,GAAQ,MAAM;IAC7B,IAAM,KAAQ,EAAQ,KAAK,KAAQ,GAC7B,IAAS,EAAE,aAAa,CAAC,EAAO,KAAK,EAAO,IAAI,EAAE;KACtD,QAAQ,KAAK,IAAO;KACpB,WAAW,EAAU,EAAK;KAE1B,aAAa,MAAO,IAAO;KAC3B,QAAQ;KACT,CAAC,CAAC,MAAM,EAAM;AAEf,IADA,EAAO,UAAU,EAAiB,EAAO,CAAC,EAC1C,EAAO,GAAG,eAAe,EAAS,QAAQ,EAAO,CAAC;KAClD;aACO,EACT,MAAK,IAAM,KAAU,GAAS;GAI5B,IAAM,IAAM,SAAS,cAAc,MAAM;AACzC,UAAO,OAAO,EAAI,OAAO;IACvB,OAAO;IACP,QAAQ;IACR,cAAc;IACd,WAAW;IACX,YAAY,EAAU,EAAO,MAAM;IACnC,QAAQ;IACR,WAAW;IACZ,CAAC;GACF,IAAM,IAAO,EAAE,QAAQ;IACrB,WAAW;IACX,MAAM;IACN,UAAU,CAAC,IAAI,GAAG;IAClB,YAAY,CAAC,GAAG,GAAG;IACpB,CAAC,EACI,IAAI,EAAE,OAAO,CAAC,EAAO,KAAK,EAAO,IAAI,EAAE,EAAE,SAAM,CAAC,CAAC,MAAM,EAAM;AAEnE,GADA,EAAE,UAAU,EAAiB,EAAO,CAAC,EACrC,EAAE,GAAG,eAAe,EAAS,QAAQ,EAAO,CAAC;;AAGjD,IAAM,MAAM,EAAI;EAKhB,IAAM,IAAW,KAAK,UAAU;GAC9B,GAAG,EAAQ,KAAK,MAAO,CAAC,EAAG,KAAK,EAAG,IAAI,CAAC;GACxC,GAAG,IAAS,CAAC,EAAO,KAAK,EAAO,IAAI,GAAG;GACvC,GAAG,KAAQ;GACX,IAAI,IAAiB,CAAC,EAAe,KAAK,EAAe,IAAI,GAAG;GAChE,IAAI,KAAgB;GACpB,GAAG,IAAU,EAAa,OAAO;GAClC,CAAC;AACF,MAAI,MAAa,EAAgB,QAM/B,KALA,EAAgB,UAAU,GAKtB,EACF,GAAI,QAAQ,CAAC,EAAO,KAAK,EAAO,IAAI,EAAE,KAAQ,EAAI,SAAS,CAAC;WACnD,CAAC,EAAQ,UAAU,GAAU;GACtC,IAAM,IAAI,EAAS,WAAW;AAC9B,GAAI,EAAE,SAAS,IAAE,EAAI,UAAU,GAAG;IAAE,SAAS,CAAC,IAAI,GAAG;IAAE,SAAS;IAAI,CAAC;aAC5D,EAAQ,WAAW,EAC5B,GAAI,QAAQ,CAAC,EAAQ,GAAG,KAAK,EAAQ,GAAG,IAAI,EAAE,KAAQ,EAAE;WAC/C,EAAQ,SAAS,GAAG;GAC7B,IAAM,IAAS,EAAE,aAAa,EAAQ,KAAK,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAqB,CAAC;AACrF,KAAI,UAAU,GAAQ;IAAE,SAAS,CAAC,IAAI,GAAG;IAAE,SAAS;IAAI,CAAC;SAChD,IACT,EAAI,QAAQ,CAAC,EAAe,KAAK,EAAe,IAAI,EAAE,KAAQ,KAAgB,EAAI,SAAS,CAAC,GACnF,EAAe,KAAQ,EAAa,IAC7C,EAAI,QAAS,KAAQ,EAAwB;EAIjD,IAAM,IAAS,OAAO,iBAAiB,EAAI,gBAAgB,EAAE,EAAE;AAE/D,eAAa;AAEX,GADA,OAAO,aAAa,EAAO,EAC3B,EAAM,QAAQ;;IAEf;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAGA,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,KAAK;IAAc,WAAU;IAAkB,CAAA;GAEnD,MAAW,WAAW,EAAQ,WAAW,KAAK,CAAC,KAC9C,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MACE,WAAU;MACV,MAAK;MACL,QAAO;MACP,SAAQ;gBAJV,CAME,kBAAC,QAAD;OACE,eAAc;OACd,gBAAe;OACf,aAAa;OACb,GAAE;OACF,CAAA,EACF,kBAAC,QAAD;OACE,eAAc;OACd,gBAAe;OACf,aAAa;OACb,GAAE;OACF,CAAA,CACE;SACN,kBAAC,KAAD,EAAA,UAAG,eAAe,CAAA,CACd;;IACF,CAAA;GAGP,MAAW,WACV,kBAAC,OAAD;IAAK,WAAU;cAAqH;IAE9H,CAAA;GAEJ;;EAER"}

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

@@ -1,9 +1,16 @@
 import { CONDITIONAL_ICON_PATHS as e, conditionalStyleToClassName as t, intentToCssVar as n, resolveConditionalStyle as r } from "../utils/conditionalFormat.js";
-import { memo as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import i from "../metric-card/SparklineChart.js";
+import { memo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/table/TableCell.tsx
-function s(e, t) {
-	if (e == null) return /* @__PURE__ */ a("span", {
+function c(e) {
+	if (!Array.isArray(e) || e.length === 0) return null;
+	let t = [];
+	for (let n of e) typeof n == "number" && Number.isFinite(n) ? t.push(n) : n && typeof n == "object" && typeof n.value == "number" && Number.isFinite(n.value) && t.push(n.value);
+	return t.length ? t : null;
+}
+function l(e, t) {
+	if (e == null) return /* @__PURE__ */ o("span", {
 		className: "text-text-secondary",
 		children: "—"
 	});
@@ -23,7 +30,7 @@ function s(e, t) {
 			return String(e);
 		case "badge": {
 			let n = String(e);
-			return /* @__PURE__ */ a("span", {
+			return /* @__PURE__ */ o("span", {
 				className: `
             inline-flex items-center
             px-2 py-0.5
@@ -34,61 +41,74 @@ function s(e, t) {
 				children: n
 			});
 		}
-		case "link": return /* @__PURE__ */ a("span", {
+		case "link": return /* @__PURE__ */ o("span", {
 			className: "text-action-primary-bg hover:underline cursor-pointer",
 			children: String(e)
 		});
 		default: return String(e);
 	}
 }
-var c = i(function({ value: i, column: c, format: l, rowData: u, conditionalRules: d, dataBarMax: f, stickyLeft: p, onClick: m }) {
-	let h = r(i, d, u), g = t(h), _ = p != null, v = h?.dataBar && typeof i == "number" && f && f > 0 ? Math.max(0, Math.min(100, Math.abs(i) / f * 100)) : null;
-	return /* @__PURE__ */ o("td", {
+var u = a(function({ value: a, column: u, format: d, rowData: f, conditionalRules: p, dataBarMax: m, stickyLeft: h, cellChart: g, onClick: _ }) {
+	let v = r(a, p, f), y = t(v), b = h != null, x = g === "sparkline" ? c(a) : null, S = x ? x.reduce((e, t) => Math.min(e, t), Infinity) : 0, C = x ? x.reduce((e, t) => Math.max(e, t), -Infinity) : 0, w = v?.dataBar && typeof a == "number" && m && m > 0 ? Math.max(0, Math.min(100, Math.abs(a) / m * 100)) : null;
+	return /* @__PURE__ */ s("td", {
 		className: `
         relative px-4 py-3
         text-sm text-text-primary
         border-b border-border-default
-        ${c.align === "center" ? "text-center" : ""}
-        ${c.align === "right" ? "text-right" : "text-left"}
-        ${m ? "cursor-pointer hover:text-action-primary-bg" : ""}
-        ${_ ? "sticky z-10 bg-bg-surface" : ""}
-        ${g}
+        ${u.align === "center" ? "text-center" : ""}
+        ${u.align === "right" ? "text-right" : "text-left"}
+        ${_ ? "cursor-pointer hover:text-action-primary-bg" : ""}
+        ${b ? "sticky z-10 bg-bg-surface" : ""}
+        ${y}
       `,
-		style: _ ? {
-			left: p,
-			width: c.width
+		style: b ? {
+			left: h,
+			width: u.width
 		} : void 0,
-		onClick: m,
-		role: m ? "button" : void 0,
-		tabIndex: m ? 0 : void 0,
+		onClick: _,
+		role: _ ? "button" : void 0,
+		tabIndex: _ ? 0 : void 0,
 		onKeyDown: (e) => {
-			m && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), m());
+			_ && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), _());
 		},
-		children: [v != null && /* @__PURE__ */ a("span", {
+		children: [w != null && /* @__PURE__ */ o("span", {
 			"aria-hidden": "true",
 			className: "absolute inset-y-1 left-1 rounded-sm opacity-20 pointer-events-none",
 			style: {
-				width: `calc(${v}% - 0.5rem)`,
-				backgroundColor: n(h?.dataBarColor ?? "info")
+				width: `calc(${w}% - 0.5rem)`,
+				backgroundColor: n(v?.dataBarColor ?? "info")
 			}
-		}), /* @__PURE__ */ o("span", {
+		}), x && x.length >= 2 ? /* @__PURE__ */ o("span", {
+			className: "relative inline-flex items-center",
+			role: "img",
+			"aria-label": `Sparkline, ${x.length} points, ${S.toLocaleString()} to ${C.toLocaleString()}`,
+			children: /* @__PURE__ */ o(i, {
+				data: x.map((e) => ({ value: e })),
+				width: 96,
+				height: 28,
+				color: "primary"
+			})
+		}) : x && x.length === 1 ? /* @__PURE__ */ o("span", {
+			className: "relative inline-flex items-center",
+			children: l(x[0], d)
+		}) : /* @__PURE__ */ s("span", {
 			className: "relative inline-flex items-center gap-1.5",
-			children: [h?.icon && /* @__PURE__ */ a("svg", {
+			children: [v?.icon && /* @__PURE__ */ o("svg", {
 				className: "w-3.5 h-3.5 shrink-0",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ a("path", {
+				children: /* @__PURE__ */ o("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
-					d: e[h.icon]
+					d: e[v.icon]
 				})
-			}), s(i, l)]
+			}), l(a, d)]
 		})]
 	});
 });
 //#endregion
-export { c as default };
+export { u as default };
 
 //# sourceMappingURL=TableCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableCell.tsx"],"sourcesContent":["/**\n * TableCell Component\n *\n * Table cell with formatting and rendering options.\n */\n\nimport { type FC, memo, type ReactNode } from 'react';\nimport type { ColumnDefinition } from './TableHeader';\nimport {\n  type ConditionalRule,\n  resolveConditionalStyle,\n  conditionalStyleToClassName,\n  intentToCssVar,\n  CONDITIONAL_ICON_PATHS,\n} from '../utils/conditionalFormat';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type CellFormat = 'text' | 'number' | 'currency' | 'percentage' | 'date' | 'badge' | 'link';\n\nexport interface CellFormatConfig {\n  /** Format type */\n  type: CellFormat;\n  /** Currency code for currency format */\n  currency?: string;\n  /** Date format options */\n  dateOptions?: Intl.DateTimeFormatOptions;\n  /** Badge color mapping (value -> color) */\n  badgeColors?: Record<string, string>;\n  /** Link URL pattern (use {value} as placeholder) */\n  linkPattern?: string;\n}\n\nexport interface TableCellProps {\n  /** Cell value */\n  value: unknown;\n  /** Column definition */\n  column: ColumnDefinition;\n  /** Format configuration */\n  format?: CellFormatConfig;\n  /** Row data for link patterns and conditional rule field lookups */\n  rowData?: Record<string, unknown>;\n  /** Conditional formatting rules to evaluate against this cell */\n  conditionalRules?: ConditionalRule[];\n  /** Max absolute value in this column, used to scale in-cell data bars */\n  dataBarMax?: number;\n  /** When set, freeze this cell sticky-left at the given px offset */\n  stickyLeft?: number;\n  /** Click handler */\n  onClick?: () => void;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatValue(value: unknown, format?: CellFormatConfig): ReactNode {\n  if (value === null || value === undefined) {\n    return <span className=\"text-text-secondary\">—</span>;\n  }\n\n  const formatType = format?.type || 'text';\n\n  switch (formatType) {\n    case 'number':\n      return typeof value === 'number' ? new Intl.NumberFormat('en-US').format(value) : String(value);\n\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat('en-US', {\n            style: 'currency',\n            currency: format?.currency || 'USD',\n          }).format(value)\n        : String(value);\n\n    case 'percentage':\n      return typeof value === 'number' ? `${(value * 100).toFixed(1)}%` : String(value);\n\n    case 'date':\n      if (value instanceof Date) {\n        return new Intl.DateTimeFormat('en-US', format?.dateOptions || { dateStyle: 'medium' }).format(value);\n      }\n      if (typeof value === 'string' || typeof value === 'number') {\n        const date = new Date(value);\n        if (!isNaN(date.getTime())) {\n          return new Intl.DateTimeFormat('en-US', format?.dateOptions || { dateStyle: 'medium' }).format(date);\n        }\n      }\n      return String(value);\n\n    case 'badge': {\n      const stringValue = String(value);\n      const badgeColor = format?.badgeColors?.[stringValue] || 'bg-bg-muted text-text-primary';\n      return (\n        <span\n          className={`\n            inline-flex items-center\n            px-2 py-0.5\n            text-xs font-medium\n            rounded-full\n            ${badgeColor}\n          `}\n        >\n          {stringValue}\n        </span>\n      );\n    }\n\n    case 'link':\n      return <span className=\"text-action-primary-bg hover:underline cursor-pointer\">{String(value)}</span>;\n\n    case 'text':\n    default:\n      return String(value);\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableCell: FC<TableCellProps> = memo(function TableCell({\n  value,\n  column,\n  format,\n  rowData,\n  conditionalRules,\n  dataBarMax,\n  stickyLeft,\n  onClick,\n}) {\n  const cf = resolveConditionalStyle(value, conditionalRules, rowData);\n  const cfClass = conditionalStyleToClassName(cf);\n  const isFrozen = stickyLeft != null;\n\n  // In-cell data bar width (0–100%) scaled against the column max.\n  const dataBarWidth =\n    cf?.dataBar && typeof value === 'number' && dataBarMax && dataBarMax > 0\n      ? Math.max(0, Math.min(100, (Math.abs(value) / dataBarMax) * 100))\n      : null;\n\n  return (\n    <td\n      className={`\n        relative px-4 py-3\n        text-sm text-text-primary\n        border-b border-border-default\n        ${column.align === 'center' ? 'text-center' : ''}\n        ${column.align === 'right' ? 'text-right' : 'text-left'}\n        ${onClick ? 'cursor-pointer hover:text-action-primary-bg' : ''}\n        ${isFrozen ? 'sticky z-10 bg-bg-surface' : ''}\n        ${cfClass}\n      `}\n      style={isFrozen ? { left: stickyLeft, width: column.width } : undefined}\n      onClick={onClick}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={(e) => {\n        if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      {dataBarWidth != null && (\n        <span\n          aria-hidden=\"true\"\n          className=\"absolute inset-y-1 left-1 rounded-sm opacity-20 pointer-events-none\"\n          style={{\n            width: `calc(${dataBarWidth}% - 0.5rem)`,\n            backgroundColor: intentToCssVar(cf?.dataBarColor ?? 'info'),\n          }}\n        />\n      )}\n      <span className=\"relative inline-flex items-center gap-1.5\">\n        {cf?.icon && (\n          <svg className=\"w-3.5 h-3.5 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d={CONDITIONAL_ICON_PATHS[cf.icon]} />\n          </svg>\n        )}\n        {formatValue(value, format)}\n      </span>\n    </td>\n  );\n});\n\nexport default TableCell;\n"],"mappings":";;;;AA0DA,SAAS,EAAY,GAAgB,GAAsC;AACzE,KAAI,KAAU,KACZ,QAAO,kBAAC,QAAD;EAAM,WAAU;YAAsB;EAAQ,CAAA;AAKvD,SAFmB,GAAQ,QAAQ,QAEnC;EACE,KAAK,SACH,QAAO,OAAO,KAAU,WAAW,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAM,GAAG,OAAO,EAAM;EAEjG,KAAK,WACH,QAAO,OAAO,KAAU,WACpB,IAAI,KAAK,aAAa,SAAS;GAC7B,OAAO;GACP,UAAU,GAAQ,YAAY;GAC/B,CAAC,CAAC,OAAO,EAAM,GAChB,OAAO,EAAM;EAEnB,KAAK,aACH,QAAO,OAAO,KAAU,WAAW,IAAI,IAAQ,KAAK,QAAQ,EAAE,CAAC,KAAK,OAAO,EAAM;EAEnF,KAAK;AACH,OAAI,aAAiB,KACnB,QAAO,IAAI,KAAK,eAAe,SAAS,GAAQ,eAAe,EAAE,WAAW,UAAU,CAAC,CAAC,OAAO,EAAM;AAEvG,OAAI,OAAO,KAAU,YAAY,OAAO,KAAU,UAAU;IAC1D,IAAM,IAAO,IAAI,KAAK,EAAM;AAC5B,QAAI,CAAC,MAAM,EAAK,SAAS,CAAC,CACxB,QAAO,IAAI,KAAK,eAAe,SAAS,GAAQ,eAAe,EAAE,WAAW,UAAU,CAAC,CAAC,OAAO,EAAK;;AAGxG,UAAO,OAAO,EAAM;EAEtB,KAAK,SAAS;GACZ,IAAM,IAAc,OAAO,EAAM;AAEjC,UACE,kBAAC,QAAD;IACE,WAAW;;;;;cAHI,GAAQ,cAAc,MAAgB,gCAQtC;;cAGd;IACI,CAAA;;EAIX,KAAK,OACH,QAAO,kBAAC,QAAD;GAAM,WAAU;aAAyD,OAAO,EAAM;GAAQ,CAAA;EAGvG,QACE,QAAO,OAAO,EAAM;;;AAQ1B,IAAa,IAAgC,EAAK,SAAmB,EACnE,UACA,WACA,WACA,YACA,qBACA,eACA,eACA,cACC;CACD,IAAM,IAAK,EAAwB,GAAO,GAAkB,EAAQ,EAC9D,IAAU,EAA4B,EAAG,EACzC,IAAW,KAAc,MAGzB,IACJ,GAAI,WAAW,OAAO,KAAU,YAAY,KAAc,IAAa,IACnE,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,KAAK,IAAI,EAAM,GAAG,IAAc,IAAI,CAAC,GAChE;AAEN,QACE,kBAAC,MAAD;EACE,WAAW;;;;UAIP,EAAO,UAAU,WAAW,gBAAgB,GAAG;UAC/C,EAAO,UAAU,UAAU,eAAe,YAAY;UACtD,IAAU,gDAAgD,GAAG;UAC7D,IAAW,8BAA8B,GAAG;UAC5C,EAAQ;;EAEZ,OAAO,IAAW;GAAE,MAAM;GAAY,OAAO,EAAO;GAAO,GAAG,KAAA;EACrD;EACT,MAAM,IAAU,WAAW,KAAA;EAC3B,UAAU,IAAU,IAAI,KAAA;EACxB,YAAY,MAAM;AAChB,GAAI,MAAY,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAC7C,EAAE,gBAAgB,EAClB,GAAS;;YAlBf,CAsBG,KAAgB,QACf,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,OAAO;IACL,OAAO,QAAQ,EAAa;IAC5B,iBAAiB,EAAe,GAAI,gBAAgB,OAAO;IAC5D;GACD,CAAA,EAEJ,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACG,GAAI,QACH,kBAAC,OAAD;IAAK,WAAU;IAAuB,MAAK;IAAO,QAAO;IAAe,SAAQ;cAC9E,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAG,EAAuB,EAAG;KAAS,CAAA;IACrG,CAAA,EAEP,EAAY,GAAO,EAAO,CACtB;KACJ;;EAEP"}
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableCell.tsx"],"sourcesContent":["/**\n * TableCell Component\n *\n * Table cell with formatting and rendering options.\n */\n\nimport { type FC, memo, type ReactNode } from 'react';\nimport type { ColumnDefinition } from './TableHeader';\nimport {\n  type ConditionalRule,\n  resolveConditionalStyle,\n  conditionalStyleToClassName,\n  intentToCssVar,\n  CONDITIONAL_ICON_PATHS,\n} from '../utils/conditionalFormat';\nimport { SparklineChart } from '../metric-card/SparklineChart';\n\n/** In-cell mini-chart kinds. */\nexport type CellChart = 'sparkline';\n\n/**\n * Extract finite numeric values from a sparkline cell value (an array of raw\n * numbers or `{value}` objects). Non-finite values (NaN/Infinity) are rejected\n * in both forms. Returns null when the value isn't a usable numeric array — so\n * the caller can decide how to render: a chart (≥2 points), a single value\n * (1 point), or fall through to the default renderer.\n */\nfunction extractSparklineValues(value: unknown): number[] | null {\n  if (!Array.isArray(value) || value.length === 0) return null;\n  const nums: number[] = [];\n  for (const item of value) {\n    if (typeof item === 'number' && Number.isFinite(item)) {\n      nums.push(item);\n    } else if (\n      item &&\n      typeof item === 'object' &&\n      typeof (item as { value?: unknown }).value === 'number' &&\n      Number.isFinite((item as { value: number }).value)\n    ) {\n      nums.push((item as { value: number }).value);\n    }\n  }\n  return nums.length ? nums : null;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type CellFormat = 'text' | 'number' | 'currency' | 'percentage' | 'date' | 'badge' | 'link';\n\nexport interface CellFormatConfig {\n  /** Format type */\n  type: CellFormat;\n  /** Currency code for currency format */\n  currency?: string;\n  /** Date format options */\n  dateOptions?: Intl.DateTimeFormatOptions;\n  /** Badge color mapping (value -> color) */\n  badgeColors?: Record<string, string>;\n  /** Link URL pattern (use {value} as placeholder) */\n  linkPattern?: string;\n}\n\nexport interface TableCellProps {\n  /** Cell value */\n  value: unknown;\n  /** Column definition */\n  column: ColumnDefinition;\n  /** Format configuration */\n  format?: CellFormatConfig;\n  /** Row data for link patterns and conditional rule field lookups */\n  rowData?: Record<string, unknown>;\n  /** Conditional formatting rules to evaluate against this cell */\n  conditionalRules?: ConditionalRule[];\n  /** Max absolute value in this column, used to scale in-cell data bars */\n  dataBarMax?: number;\n  /** When set, freeze this cell sticky-left at the given px offset */\n  stickyLeft?: number;\n  /** Render the cell as an in-cell mini chart (e.g. sparkline) instead of a value */\n  cellChart?: CellChart;\n  /** Click handler */\n  onClick?: () => void;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatValue(value: unknown, format?: CellFormatConfig): ReactNode {\n  if (value === null || value === undefined) {\n    return <span className=\"text-text-secondary\">—</span>;\n  }\n\n  const formatType = format?.type || 'text';\n\n  switch (formatType) {\n    case 'number':\n      return typeof value === 'number' ? new Intl.NumberFormat('en-US').format(value) : String(value);\n\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat('en-US', {\n            style: 'currency',\n            currency: format?.currency || 'USD',\n          }).format(value)\n        : String(value);\n\n    case 'percentage':\n      return typeof value === 'number' ? `${(value * 100).toFixed(1)}%` : String(value);\n\n    case 'date':\n      if (value instanceof Date) {\n        return new Intl.DateTimeFormat('en-US', format?.dateOptions || { dateStyle: 'medium' }).format(value);\n      }\n      if (typeof value === 'string' || typeof value === 'number') {\n        const date = new Date(value);\n        if (!isNaN(date.getTime())) {\n          return new Intl.DateTimeFormat('en-US', format?.dateOptions || { dateStyle: 'medium' }).format(date);\n        }\n      }\n      return String(value);\n\n    case 'badge': {\n      const stringValue = String(value);\n      const badgeColor = format?.badgeColors?.[stringValue] || 'bg-bg-muted text-text-primary';\n      return (\n        <span\n          className={`\n            inline-flex items-center\n            px-2 py-0.5\n            text-xs font-medium\n            rounded-full\n            ${badgeColor}\n          `}\n        >\n          {stringValue}\n        </span>\n      );\n    }\n\n    case 'link':\n      return <span className=\"text-action-primary-bg hover:underline cursor-pointer\">{String(value)}</span>;\n\n    case 'text':\n    default:\n      return String(value);\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableCell: FC<TableCellProps> = memo(function TableCell({\n  value,\n  column,\n  format,\n  rowData,\n  conditionalRules,\n  dataBarMax,\n  stickyLeft,\n  cellChart,\n  onClick,\n}) {\n  const cf = resolveConditionalStyle(value, conditionalRules, rowData);\n  const cfClass = conditionalStyleToClassName(cf);\n  const isFrozen = stickyLeft != null;\n  // In-cell sparkline: only when the column opts in and the value is numeric.\n  const sparkValues = cellChart === 'sparkline' ? extractSparklineValues(value) : null;\n  // Range for the sparkline's accessible label (reduce, not spread → no call-stack risk).\n  const sparkMin = sparkValues ? sparkValues.reduce((a, b) => Math.min(a, b), Infinity) : 0;\n  const sparkMax = sparkValues ? sparkValues.reduce((a, b) => Math.max(a, b), -Infinity) : 0;\n\n  // In-cell data bar width (0–100%) scaled against the column max.\n  const dataBarWidth =\n    cf?.dataBar && typeof value === 'number' && dataBarMax && dataBarMax > 0\n      ? Math.max(0, Math.min(100, (Math.abs(value) / dataBarMax) * 100))\n      : null;\n\n  return (\n    <td\n      className={`\n        relative px-4 py-3\n        text-sm text-text-primary\n        border-b border-border-default\n        ${column.align === 'center' ? 'text-center' : ''}\n        ${column.align === 'right' ? 'text-right' : 'text-left'}\n        ${onClick ? 'cursor-pointer hover:text-action-primary-bg' : ''}\n        ${isFrozen ? 'sticky z-10 bg-bg-surface' : ''}\n        ${cfClass}\n      `}\n      style={isFrozen ? { left: stickyLeft, width: column.width } : undefined}\n      onClick={onClick}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={(e) => {\n        if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      {dataBarWidth != null && (\n        <span\n          aria-hidden=\"true\"\n          className=\"absolute inset-y-1 left-1 rounded-sm opacity-20 pointer-events-none\"\n          style={{\n            width: `calc(${dataBarWidth}% - 0.5rem)`,\n            backgroundColor: intentToCssVar(cf?.dataBarColor ?? 'info'),\n          }}\n        />\n      )}\n      {sparkValues && sparkValues.length >= 2 ? (\n        // ≥2 points → draw the sparkline (SparklineChart needs >1 to avoid a\n        // divide-by-zero). Labelled for screen readers since the SVG is decorative.\n        <span\n          className=\"relative inline-flex items-center\"\n          role=\"img\"\n          aria-label={`Sparkline, ${sparkValues.length} points, ${sparkMin.toLocaleString()} to ${sparkMax.toLocaleString()}`}\n        >\n          <SparklineChart data={sparkValues.map((v) => ({ value: v }))} width={96} height={28} color=\"primary\" />\n        </span>\n      ) : sparkValues && sparkValues.length === 1 ? (\n        // A single numeric point can't be charted — render the value itself\n        // (not the raw array, which would stringify to \"[object Object]\").\n        <span className=\"relative inline-flex items-center\">{formatValue(sparkValues[0], format)}</span>\n      ) : (\n        <span className=\"relative inline-flex items-center gap-1.5\">\n          {cf?.icon && (\n            <svg className=\"w-3.5 h-3.5 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d={CONDITIONAL_ICON_PATHS[cf.icon]} />\n            </svg>\n          )}\n          {formatValue(value, format)}\n        </span>\n      )}\n    </td>\n  );\n});\n\nexport default TableCell;\n"],"mappings":"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"}