@zendir/ui 0.7.1 → 0.8.1

package/dist/react/charts/unified/AstroChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AstroChart.js","names":[],"sources":["../../../../src/react/charts/unified/AstroChart.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - AstroChart Component\r\n *\r\n * Enterprise-grade unified charting component built on ECharts.\r\n * Follows AstroUXD design patterns with full theme integration.\r\n *\r\n * Features:\r\n * - 15+ chart types\r\n * - Real-time streaming support\r\n * - Zoom, pan, brush selection\r\n * - Annotations (thresholds, regions)\r\n * - Export (PNG, SVG, CSV)\r\n * - Crosshair sync across charts\r\n * - Full accessibility support\r\n * - Dark/light theme support\r\n */\r\n\r\nimport React, {\r\n  useRef,\r\n  useEffect,\r\n  useMemo,\r\n  useCallback,\r\n  useState,\r\n  forwardRef,\r\n  useImperativeHandle,\r\n  memo,\r\n} from \"react\";\r\nimport ReactEChartsCore from \"echarts-for-react/lib/core\";\r\nimport * as echarts from \"echarts/core\";\r\nimport {\r\n  LineChart,\r\n  BarChart,\r\n  PieChart,\r\n  ScatterChart,\r\n  RadarChart,\r\n  GaugeChart,\r\n  HeatmapChart,\r\n  CandlestickChart,\r\n  BoxplotChart,\r\n  TreemapChart,\r\n  SunburstChart,\r\n  FunnelChart,\r\n  SankeyChart,\r\n  CustomChart,\r\n  GraphChart,\r\n  ParallelChart as EChartsParallelChart,\r\n} from \"echarts/charts\";\r\nimport {\r\n  GridComponent,\r\n  TooltipComponent,\r\n  TitleComponent,\r\n  LegendComponent,\r\n  DataZoomComponent,\r\n  ToolboxComponent,\r\n  MarkLineComponent,\r\n  MarkAreaComponent,\r\n  MarkPointComponent,\r\n  VisualMapComponent,\r\n  BrushComponent,\r\n  PolarComponent,\r\n  RadarComponent,\r\n  GeoComponent,\r\n  ParallelComponent,\r\n} from \"echarts/components\";\r\nimport { CanvasRenderer, SVGRenderer } from \"echarts/renderers\";\r\nimport type { EChartsOption, ECharts } from \"echarts\";\r\n\r\nimport { useTheme } from \"../../theme\";\r\nimport { AstroIcon, type AstroIconName } from \"../../core/display/AstroIcon\";\r\nimport { HeaderIconWithStatus } from \"../../core/display/HeaderIconWithStatus\";\r\nimport { useCardBorderStyle } from \"../../context/DisplaySettingsContext\";\r\nimport {\r\n  createAstroEChartsTheme,\r\n  createAreaGradient,\r\n  getSeriesColor,\r\n} from \"./theme\";\r\nimport type {\r\n  AstroChartProps,\r\n  SeriesData,\r\n  ChartType,\r\n  ChartEventParams,\r\n  DataPoint,\r\n  TimeSeriesPoint,\r\n  ExportFileNameContext,\r\n  ChartStatus,\r\n} from \"./types\";\r\n\r\n// =============================================================================\r\n// Status Shape SVGs (matching DataValue component for consistency)\r\n// =============================================================================\r\n\r\nconst STATUS_SHAPES: Record<\r\n  ChartStatus,\r\n  (size: number, color: string) => React.ReactNode\r\n> = {\r\n  off: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\r\n    </svg>\r\n  ),\r\n  standby: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\r\n    </svg>\r\n  ),\r\n  normal: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\r\n    </svg>\r\n  ),\r\n  caution: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill={color} />\r\n    </svg>\r\n  ),\r\n  serious: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <polygon points=\"6,1 11,6 6,11 1,6\" fill={color} />\r\n    </svg>\r\n  ),\r\n  critical: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <polygon points=\"6,11 1,2 11,2\" fill={color} />\r\n    </svg>\r\n  ),\r\n};\r\n\r\n/**\r\n * Astro UX Status Labels\r\n * Follows Astro UXDS naming conventions\r\n * https://www.astrouxds.com/patterns/status-system/\r\n */\r\nconst STATUS_LABELS: Record<ChartStatus, string> = {\r\n  off: \"Off\",\r\n  standby: \"Standby\",\r\n  normal: \"Normal\",\r\n  caution: \"Caution\",\r\n  serious: \"Serious\",\r\n  critical: \"Critical\",\r\n};\r\n\r\n/** Slug for safe filenames: lowercase, alphanumeric and hyphens only */\r\nfunction slug(str: string): string {\r\n  return str\r\n    .toLowerCase()\r\n    .replace(/[^a-z0-9]+/g, \"-\")\r\n    .replace(/^-|-$/g, \"\");\r\n}\r\n\r\n/** Build base export name from title, series names, and chart type */\r\nfunction derivedExportBaseName(\r\n  title: string | undefined,\r\n  seriesNames: string[],\r\n  chartType: string,\r\n): string {\r\n  const parts: string[] = [\"zendir\"];\r\n  if (title) parts.push(slug(title));\r\n  else parts.push(\"chart\");\r\n  const seriesSlug = seriesNames\r\n    .slice(0, 4)\r\n    .map(slug)\r\n    .filter(Boolean)\r\n    .join(\"-\");\r\n  if (seriesSlug) parts.push(seriesSlug);\r\n  parts.push(slug(chartType));\r\n  return parts.join(\"-\") || \"zendir-chart\";\r\n}\r\n\r\n// Register ECharts components\r\necharts.use([\r\n  LineChart,\r\n  BarChart,\r\n  PieChart,\r\n  ScatterChart,\r\n  RadarChart,\r\n  GaugeChart,\r\n  HeatmapChart,\r\n  CandlestickChart,\r\n  BoxplotChart,\r\n  TreemapChart,\r\n  SunburstChart,\r\n  FunnelChart,\r\n  SankeyChart,\r\n  CustomChart,\r\n  GraphChart,\r\n  EChartsParallelChart,\r\n  GridComponent,\r\n  TooltipComponent,\r\n  TitleComponent,\r\n  LegendComponent,\r\n  DataZoomComponent,\r\n  ToolboxComponent,\r\n  MarkLineComponent,\r\n  MarkAreaComponent,\r\n  MarkPointComponent,\r\n  VisualMapComponent,\r\n  BrushComponent,\r\n  PolarComponent,\r\n  RadarComponent,\r\n  GeoComponent,\r\n  ParallelComponent,\r\n  CanvasRenderer,\r\n  SVGRenderer,\r\n]);\r\n\r\n// =============================================================================\r\n// Chart Instance Handle\r\n// =============================================================================\r\n\r\nexport interface AstroChartHandle {\r\n  /** Get ECharts instance */\r\n  getChart: () => ECharts | undefined;\r\n  /** Resize chart */\r\n  resize: () => void;\r\n  /** Export as image (png, jpeg, svg) */\r\n  exportImage: (\r\n    type?: \"png\" | \"jpeg\" | \"jpg\" | \"svg\",\r\n    pixelRatio?: number,\r\n  ) => string | undefined;\r\n  /** Export data as CSV */\r\n  exportCSV: () => string;\r\n  /** Suggested export filename from title, series names, and chart type (with optional extension and timestamp) */\r\n  getExportFileName: (extension?: string, includeTimestamp?: boolean) => string;\r\n  /** Append data for real-time updates */\r\n  appendData: (seriesIndex: number, data: DataPoint | TimeSeriesPoint) => void;\r\n  /** Clear all data */\r\n  clearData: () => void;\r\n  /** Dispatch action */\r\n  dispatchAction: (action: unknown) => void;\r\n}\r\n\r\n// =============================================================================\r\n// Series Transformer\r\n// =============================================================================\r\n\r\nfunction transformSeriesToECharts(\r\n  series: SeriesData[],\r\n  chartType: ChartType,\r\n  theme: ReturnType<typeof createAstroEChartsTheme>,\r\n): EChartsOption[\"series\"] {\r\n  return series.map((s, index) => {\r\n    const seriesType = s.type || chartType;\r\n    const color = s.color || getSeriesColor(index);\r\n\r\n    // Base series config\r\n    const baseSeries: Record<string, unknown> = {\r\n      id: s.id,\r\n      name: s.name,\r\n      type: mapChartType(seriesType),\r\n      data: transformData(s.data, seriesType),\r\n      yAxisIndex: s.yAxisIndex || 0,\r\n      showSymbol: seriesType === \"scatter\" || s.symbol?.type !== \"none\",\r\n      smooth: s.smooth ?? (seriesType === \"line\" || seriesType === \"area\"),\r\n    };\r\n\r\n    // Line/Area specific\r\n    if (seriesType === \"line\" || seriesType === \"area\") {\r\n      baseSeries.lineStyle = {\r\n        width: s.lineStyle?.width ?? 2,\r\n        type: s.lineStyle?.type ?? \"solid\",\r\n        opacity: s.lineStyle?.opacity ?? 1,\r\n      };\r\n      baseSeries.itemStyle = { color };\r\n\r\n      if (seriesType === \"area\") {\r\n        baseSeries.areaStyle = s.areaStyle || {\r\n          opacity: 0.3,\r\n          color: createAreaGradient(color),\r\n        };\r\n      }\r\n\r\n      if (s.symbol) {\r\n        baseSeries.symbol = s.symbol.type || \"circle\";\r\n        baseSeries.symbolSize = s.symbol.size || 6;\r\n      }\r\n    }\r\n\r\n    // Bar specific\r\n    if (seriesType === \"bar\") {\r\n      baseSeries.itemStyle = {\r\n        color,\r\n        borderRadius: [4, 4, 0, 0],\r\n      };\r\n      if (s.stack) {\r\n        baseSeries.stack = s.stack;\r\n      }\r\n    }\r\n\r\n    // Pie/Donut specific — theme color, no white border on labels\r\n    if (seriesType === \"pie\" || seriesType === \"donut\") {\r\n      baseSeries.radius = seriesType === \"donut\" ? [\"40%\", \"70%\"] : \"70%\";\r\n      baseSeries.label = {\r\n        show: true,\r\n        formatter: \"{b}: {d}%\",\r\n        color: theme.textStyle.color,\r\n        textBorderWidth: 0,\r\n        textBorderColor: \"transparent\",\r\n      };\r\n      baseSeries.emphasis = {\r\n        itemStyle: {\r\n          shadowBlur: 10,\r\n          shadowOffsetX: 0,\r\n          shadowColor: \"rgba(0, 0, 0, 0.5)\",\r\n        },\r\n      };\r\n    }\r\n\r\n    // Scatter specific\r\n    if (seriesType === \"scatter\") {\r\n      baseSeries.symbolSize = s.symbol?.size || 10;\r\n      baseSeries.itemStyle = { color };\r\n    }\r\n\r\n    // Gauge specific\r\n    if (seriesType === \"gauge\") {\r\n      baseSeries.detail = {\r\n        formatter: \"{value}%\",\r\n        fontSize: 20,\r\n        color: theme.textStyle.color,\r\n      };\r\n      baseSeries.axisLine = {\r\n        lineStyle: {\r\n          width: 10,\r\n          color: [\r\n            [0.3, theme.color[1]], // Green\r\n            [0.7, theme.color[3]], // Yellow\r\n            [1, theme.color[2]], // Red\r\n          ],\r\n        },\r\n      };\r\n    }\r\n\r\n    return baseSeries;\r\n  });\r\n}\r\n\r\nfunction mapChartType(type: ChartType): string {\r\n  switch (type) {\r\n    case \"area\":\r\n      return \"line\";\r\n    case \"donut\":\r\n      return \"pie\";\r\n    default:\r\n      return type;\r\n  }\r\n}\r\n\r\nfunction transformData(data: SeriesData[\"data\"], type: ChartType): unknown[] {\r\n  if (!data || data.length === 0) return [];\r\n\r\n  // Handle array of numbers\r\n  if (typeof data[0] === \"number\") {\r\n    return data as number[];\r\n  }\r\n\r\n  // Handle [x, y] tuples\r\n  if (Array.isArray(data[0])) {\r\n    return data;\r\n  }\r\n\r\n  // Handle DataPoint or TimeSeriesPoint\r\n  const firstItem = data[0] as DataPoint | TimeSeriesPoint;\r\n\r\n  if (\"time\" in firstItem) {\r\n    // TimeSeriesPoint\r\n    return (data as TimeSeriesPoint[]).map((d) => [d.time, d.value]);\r\n  }\r\n\r\n  // For pie/donut charts, ECharts expects { name, value } format\r\n  if (type === \"pie\" || type === \"donut\") {\r\n    return (data as DataPoint[]).map((d) => ({\r\n      name: String(d.x),\r\n      value: d.y,\r\n      // Apply color via itemStyle if specified\r\n      ...(d.color ? { itemStyle: { color: d.color } } : {}),\r\n      // Preserve any additional metadata\r\n      ...(d.meta || {}),\r\n    }));\r\n  }\r\n\r\n  // For scatter charts, preserve per-point color as itemStyle\r\n  if (type === \"scatter\") {\r\n    return (data as DataPoint[]).map((d) => ({\r\n      value: [d.x, d.y],\r\n      ...(d.color ? { itemStyle: { color: d.color } } : {}),\r\n      ...(d.label ? { name: d.label } : {}),\r\n    }));\r\n  }\r\n\r\n  // DataPoint for other chart types\r\n  return (data as DataPoint[]).map((d) => [d.x, d.y]);\r\n}\r\n\r\n// =============================================================================\r\n// Options Builder\r\n// =============================================================================\r\n\r\nfunction buildEChartsOptions(\r\n  props: AstroChartProps,\r\n  theme: ReturnType<typeof createAstroEChartsTheme>,\r\n  hideTitle = false,\r\n): EChartsOption {\r\n  const {\r\n    type,\r\n    series,\r\n    title,\r\n    subtitle,\r\n    xAxis,\r\n    yAxis,\r\n    tooltip,\r\n    legend,\r\n    zoom,\r\n    annotations,\r\n    loading,\r\n    compactAxes = true, // Default: hide axis names for more chart space\r\n  } = props;\r\n\r\n  // Hide title when using custom header (transparent theme with icon)\r\n  const showEChartsTitle = title && !hideTitle;\r\n\r\n  // Note: When compactAxes is true, axis names are hidden from the chart\r\n  // but developers can access xAxis.name and yAxis.name via props for custom tooltips\r\n\r\n  const isPolar = type === \"radar\";\r\n  const isPie = type === \"pie\" || type === \"donut\";\r\n  const isGauge = type === \"gauge\";\r\n  const isSankey = type === \"sankey\";\r\n  const isTreemap = type === \"treemap\" || type === \"sunburst\";\r\n  const isGraph =\r\n    props.echartsOptions?.series &&\r\n    Array.isArray(props.echartsOptions.series) &&\r\n    props.echartsOptions.series.some(\r\n      (s: unknown) => (s as { type?: string })?.type === \"graph\",\r\n    );\r\n\r\n  // Detect 3D charts (they use grid3D, xAxis3D, etc. - should NOT have 2D axes)\r\n  const is3D = !!(\r\n    props.echartsOptions?.grid3D ||\r\n    props.echartsOptions?.xAxis3D ||\r\n    props.echartsOptions?.globe ||\r\n    (props.echartsOptions?.series &&\r\n      Array.isArray(props.echartsOptions.series) &&\r\n      props.echartsOptions.series.some((s: unknown) => {\r\n        const seriesType = (s as { type?: string })?.type || \"\";\r\n        return seriesType.includes(\"3D\") || seriesType.includes(\"3d\");\r\n      }))\r\n  );\r\n\r\n  // Charts that don't need cartesian grid/axes\r\n  const needsGrid =\r\n    !isPolar &&\r\n    !isPie &&\r\n    !isGauge &&\r\n    !isSankey &&\r\n    !isTreemap &&\r\n    !isGraph &&\r\n    !is3D &&\r\n    !props.hideAxes;\r\n\r\n  // Calculate layout based on title and legend position\r\n  // Default legend to bottom for better chart space utilization\r\n  // When using custom header (hideTitle=true), we still need top spacing for the header\r\n  const hasTitle = hideTitle ? true : !!title;\r\n  const hasSubtitle = hideTitle ? false : !!subtitle;\r\n  const legendPosition = legend?.position ?? \"bottom\"; // Default to bottom\r\n  const legendAtTop = legendPosition === \"top\";\r\n  const legendAtBottom = legendPosition === \"bottom\";\r\n  const showLegend = legend?.show !== false;\r\n\r\n  // Build options\r\n  const options: EChartsOption = {\r\n    // Title - positioned to avoid legend overlap (hidden when using custom header)\r\n    title: showEChartsTitle\r\n      ? {\r\n          text: title,\r\n          subtext: subtitle,\r\n          left: \"center\",\r\n          top: legendAtTop && showLegend ? 35 : 10,\r\n          textStyle: {\r\n            ...theme.title.textStyle,\r\n            fontWeight:\r\n              (theme.title.textStyle.fontWeight as \"normal\" | \"bold\") ??\r\n              \"normal\",\r\n          },\r\n          subtextStyle: theme.title.subtextStyle,\r\n        }\r\n      : undefined,\r\n\r\n    // Tooltip with improved contrast\r\n    // When compactAxes is true, axis names are shown in the axisPointer label on hover\r\n    tooltip:\r\n      tooltip?.enabled !== false\r\n        ? ({\r\n            trigger: tooltip?.trigger || (isPie ? \"item\" : \"axis\"),\r\n            axisPointer: {\r\n              type:\r\n                tooltip?.crosshair === true || tooltip?.crosshair === \"both\"\r\n                  ? \"cross\"\r\n                  : \"line\",\r\n              lineStyle: theme.axisPointer.lineStyle,\r\n              crossStyle: theme.axisPointer.crossStyle,\r\n              // Show axis value labels on hover (includes axis name context)\r\n              label: compactAxes\r\n                ? {\r\n                    show: true,\r\n                    backgroundColor: theme.tooltip.backgroundColor,\r\n                    borderColor: theme.tooltip.borderColor,\r\n                    color: theme.tooltip.textStyle.color,\r\n                    fontSize: 11,\r\n                    padding: [4, 8],\r\n                    // Add axis name prefix to the label when in compact mode\r\n                    formatter: (params: {\r\n                      axisDimension: string;\r\n                      axisIndex: number;\r\n                      value: number | string;\r\n                    }) => {\r\n                      const axisName =\r\n                        params.axisDimension === \"x\"\r\n                          ? xAxis?.name\r\n                          : Array.isArray(yAxis)\r\n                            ? yAxis[params.axisIndex]?.name\r\n                            : yAxis?.name;\r\n                      const value =\r\n                        typeof params.value === \"number\"\r\n                          ? params.value.toLocaleString()\r\n                          : params.value;\r\n                      return axisName ? `${axisName}: ${value}` : String(value);\r\n                    },\r\n                  }\r\n                : undefined,\r\n            },\r\n            backgroundColor: theme.tooltip.backgroundColor,\r\n            borderColor: theme.tooltip.borderColor,\r\n            borderWidth: theme.tooltip.borderWidth,\r\n            textStyle: {\r\n              ...theme.tooltip.textStyle,\r\n              fontSize: 14, // AstroUXDS minimum 14pt\r\n            },\r\n            extraCssText: theme.tooltip.extraCssText,\r\n            confine: tooltip?.confine ?? true,\r\n            formatter: tooltip?.formatter as unknown as undefined,\r\n          } as any)\r\n        : undefined,\r\n\r\n    // Legend - ultra-compact styling for maximum chart space\r\n    legend: showLegend\r\n      ? {\r\n          show: true,\r\n          type: \"scroll\",\r\n          orient: legend?.orient || \"horizontal\",\r\n          left:\r\n            legend?.position === \"left\"\r\n              ? \"left\"\r\n              : legend?.position === \"right\"\r\n                ? \"right\"\r\n                : \"center\",\r\n          top: legendAtTop ? 4 : undefined,\r\n          bottom: legendAtBottom ? 2 : undefined,\r\n          padding: [2, 6],\r\n          itemGap: 8,\r\n          itemWidth: 12,\r\n          itemHeight: 6,\r\n          textStyle: {\r\n            ...theme.legend.textStyle,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n          },\r\n          inactiveColor: theme.legend.inactiveColor,\r\n          selectedMode: legend?.interactive !== false,\r\n        }\r\n      : { show: false },\r\n\r\n    // Grid - minimal spacing for maximum chart plotting area\r\n    // When compactAxes is true, axis names are hidden so we need minimal padding\r\n    // containLabel: true ensures axis tick labels don't get cut off\r\n    // Extra space only needed for slider zoom (inside zoom is invisible)\r\n    grid: needsGrid\r\n      ? {\r\n          left: compactAxes ? 8 : 40,\r\n          right:\r\n            Array.isArray(yAxis) && yAxis.length > 1\r\n              ? compactAxes\r\n                ? 8\r\n                : 40\r\n              : 8,\r\n          top: hasTitle\r\n            ? hasSubtitle\r\n              ? 50\r\n              : 36\r\n            : legendAtTop && showLegend\r\n              ? 26\r\n              : 4,\r\n          bottom:\r\n            (legendAtBottom && showLegend ? 26 : 16) +\r\n            (zoom?.type === \"slider\" || zoom?.type === \"both\" ? 26 : 0),\r\n          containLabel: true,\r\n        }\r\n      : undefined,\r\n\r\n    // X Axis - compact font sizes for more chart space\r\n    // In compact mode, hide axis name (shown in tooltip instead)\r\n    xAxis: needsGrid\r\n      ? {\r\n          type: (xAxis?.type || \"time\") as\r\n            | \"value\"\r\n            | \"category\"\r\n            | \"time\"\r\n            | \"log\",\r\n          name: compactAxes ? undefined : xAxis?.name,\r\n          nameLocation: xAxis?.nameLocation || \"middle\",\r\n          nameGap: 18,\r\n          nameTextStyle: {\r\n            ...theme.xAxis.nameTextStyle,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n            fontWeight: 500,\r\n          },\r\n          min: xAxis?.min,\r\n          max: xAxis?.max,\r\n          axisLine: {\r\n            show: xAxis?.showLine !== false,\r\n            lineStyle: theme.xAxis.axisLine.lineStyle,\r\n          },\r\n          axisTick: {\r\n            lineStyle: theme.xAxis.axisTick.lineStyle,\r\n          },\r\n          axisLabel: {\r\n            ...theme.xAxis.axisLabel,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n            formatter: xAxis?.labelFormatter as unknown as undefined,\r\n            // Prevent label overlap - auto-hide overlapping labels\r\n            hideOverlap: true,\r\n            // Rotate labels slightly if needed for better fit\r\n            rotate: 0,\r\n            // Show fewer labels when space is tight\r\n            interval: \"auto\",\r\n          },\r\n          splitLine: {\r\n            show: xAxis?.showGrid !== false,\r\n            lineStyle: {\r\n              ...theme.xAxis.splitLine.lineStyle,\r\n              type:\r\n                (theme.xAxis.splitLine.lineStyle.type as\r\n                  | \"solid\"\r\n                  | \"dashed\"\r\n                  | \"dotted\") ?? \"solid\",\r\n            },\r\n          },\r\n          inverse: xAxis?.inverse,\r\n        }\r\n      : undefined,\r\n\r\n    // Y Axis - ultra-compact font sizes for maximum chart space\r\n    // In compact mode, hide axis name (shown in tooltip instead)\r\n    yAxis: (needsGrid\r\n      ? (Array.isArray(yAxis) ? yAxis : [yAxis || {}]).map((axis, i) => ({\r\n          type: (axis?.type || \"value\") as\r\n            | \"value\"\r\n            | \"category\"\r\n            | \"time\"\r\n            | \"log\",\r\n          name: compactAxes ? undefined : axis?.name,\r\n          nameLocation: axis?.nameLocation || \"middle\",\r\n          nameGap: 28,\r\n          nameTextStyle: {\r\n            ...theme.yAxis.nameTextStyle,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n            fontWeight: 500,\r\n          },\r\n          position: axis?.position || (i === 0 ? \"left\" : \"right\"),\r\n          min: axis?.min,\r\n          max: axis?.max,\r\n          splitNumber: axis?.splitNumber,\r\n          axisLine: {\r\n            show: axis?.showLine !== false,\r\n            lineStyle: theme.yAxis.axisLine.lineStyle,\r\n          },\r\n          axisTick: {\r\n            lineStyle: theme.yAxis.axisTick.lineStyle,\r\n          },\r\n          axisLabel: {\r\n            ...theme.yAxis.axisLabel,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n            formatter: axis?.labelFormatter\r\n              ? (axis.labelFormatter as unknown as undefined)\r\n              : axis?.unit\r\n                ? (v: number) => `${v}${axis.unit}`\r\n                : undefined,\r\n          },\r\n          splitLine: {\r\n            show: axis?.showGrid !== false,\r\n            lineStyle: theme.yAxis.splitLine.lineStyle,\r\n          },\r\n          inverse: axis?.inverse,\r\n        }))\r\n      : undefined) as EChartsOption[\"yAxis\"],\r\n\r\n    // Radar (for radar charts) - transparent background for glassmorphic look\r\n    radar: isPolar\r\n      ? {\r\n          indicator:\r\n            series[0]?.data?.map((d: unknown) => {\r\n              const point = d as DataPoint;\r\n              return {\r\n                name: point.label || point.category || String(point.x),\r\n                max: 100,\r\n              };\r\n            }) || [],\r\n          splitArea: {\r\n            show: true,\r\n            areaStyle: {\r\n              color: [\r\n                \"transparent\",\r\n                \"transparent\",\r\n                \"transparent\",\r\n                \"transparent\",\r\n                \"transparent\",\r\n              ],\r\n            },\r\n          },\r\n          splitLine: {\r\n            lineStyle: {\r\n              color: theme.xAxis.splitLine.lineStyle.color,\r\n              opacity: 0.4,\r\n            },\r\n          },\r\n          axisLine: {\r\n            lineStyle: {\r\n              color: theme.xAxis.axisLine.lineStyle.color,\r\n              opacity: 0.4,\r\n            },\r\n          },\r\n          axisName: {\r\n            color: theme.xAxis.axisLabel.color,\r\n            fontSize: 12,\r\n          },\r\n        }\r\n      : undefined,\r\n\r\n    // Data Zoom - inside zoom enabled by default for mouse wheel/pinch\r\n    // Use zoom={{ enabled: false }} to disable, or zoom={{ type: 'slider' }} for slider\r\n    dataZoom:\r\n      zoom?.enabled === false\r\n        ? undefined\r\n        : [\r\n            // Inside zoom (mouse wheel / pinch) - ENABLED BY DEFAULT\r\n            ...(zoom?.type === \"inside\" || zoom?.type === \"both\" || !zoom?.type\r\n              ? [\r\n                  {\r\n                    type: \"inside\" as const,\r\n                    xAxisIndex:\r\n                      zoom?.axis === \"x\" || zoom?.axis === \"both\" || !zoom?.axis\r\n                        ? 0\r\n                        : undefined,\r\n                    yAxisIndex:\r\n                      zoom?.axis === \"y\" || zoom?.axis === \"both\"\r\n                        ? 0\r\n                        : undefined,\r\n                    start: zoom?.start ?? 0,\r\n                    end: zoom?.end ?? 100,\r\n                    minSpan: zoom?.minSpan,\r\n                    maxSpan: zoom?.maxSpan,\r\n                    // Smooth zoom animation\r\n                    throttle: 50,\r\n                  },\r\n                ]\r\n              : []),\r\n            // Slider zoom (only when explicitly requested)\r\n            ...(zoom?.type === \"slider\" || zoom?.type === \"both\"\r\n              ? [\r\n                  {\r\n                    type: \"slider\" as const,\r\n                    show: true,\r\n                    xAxisIndex:\r\n                      zoom?.axis === \"x\" || zoom?.axis === \"both\"\r\n                        ? 0\r\n                        : undefined,\r\n                    yAxisIndex:\r\n                      zoom?.axis === \"y\" || zoom?.axis === \"both\"\r\n                        ? 0\r\n                        : undefined,\r\n                    start: zoom?.start ?? 0,\r\n                    end: zoom?.end ?? 100,\r\n                    minSpan: zoom?.minSpan,\r\n                    maxSpan: zoom?.maxSpan,\r\n                    backgroundColor: theme.dataZoom.backgroundColor,\r\n                    borderColor: theme.dataZoom.borderColor,\r\n                    fillerColor: theme.dataZoom.fillerColor,\r\n                    handleStyle: { color: theme.dataZoom.handleColor },\r\n                    textStyle: theme.dataZoom.textStyle,\r\n                    height: 25,\r\n                    bottom: 10,\r\n                  },\r\n                ]\r\n              : []),\r\n          ],\r\n\r\n    // Toolbox (export) – always use custom dropdown for consistent UI\r\n    toolbox: props.export?.enabled\r\n      ? (() => {\r\n          return {\r\n            show: false, // Hide ECharts toolbox, use custom export button instead\r\n            right: 20,\r\n            top: 10,\r\n            feature: {\r\n              dataView: props.export.formats?.includes(\"json\")\r\n                ? {\r\n                    show: true,\r\n                    readOnly: true,\r\n                  }\r\n                : undefined,\r\n            },\r\n            iconStyle: {\r\n              borderColor: theme.textStyle.color,\r\n            },\r\n          };\r\n        })()\r\n      : undefined,\r\n\r\n    // Series\r\n    series: transformSeriesToECharts(series, type, theme),\r\n\r\n    // Animation\r\n    animation: !loading,\r\n    animationDuration: 300,\r\n    animationEasing: \"cubicOut\",\r\n  };\r\n\r\n  // Add mark lines (thresholds)\r\n  if (annotations?.markLines && options.series) {\r\n    const seriesArray = options.series as Array<Record<string, unknown>>;\r\n    if (seriesArray.length > 0) {\r\n      seriesArray[0].markLine = {\r\n        silent: true,\r\n        symbol: \"none\",\r\n        data: annotations.markLines.data.map((line) => ({\r\n          ...line,\r\n          lineStyle: {\r\n            color: line.color || theme.color[2],\r\n            type: line.lineStyle?.type || \"dashed\",\r\n            width: line.lineStyle?.width || 1,\r\n          },\r\n          label: {\r\n            show: !!line.label,\r\n            formatter: line.label,\r\n            position: \"middle\", // center of line so label doesn't overlap y-axis at bottom\r\n            distance: 8,\r\n            color: theme.textStyle.color,\r\n            fontWeight: 600,\r\n            fontSize: 11,\r\n            textBorderWidth: 0,\r\n            textBorderColor: \"transparent\",\r\n            backgroundColor: theme.tooltip.backgroundColor,\r\n            borderColor: line.color || theme.color[2],\r\n            borderWidth: 1,\r\n            borderRadius: 4,\r\n            padding: [2, 6],\r\n          },\r\n        })),\r\n      };\r\n    }\r\n  }\r\n\r\n  // Add mark areas (regions) — label style: no white border, crisp and slightly faded; optional icon\r\n  if (annotations?.markAreas && options.series) {\r\n    const seriesArray = options.series as Array<Record<string, unknown>>;\r\n    const axisLabelColor =\r\n      (theme.xAxis as { axisLabel?: { color?: string } })?.axisLabel?.color ??\r\n      theme.textStyle?.color ??\r\n      \"#94a3b8\";\r\n    const fadedColor = axisLabelColor.startsWith(\"rgba\")\r\n      ? axisLabelColor\r\n      : `${axisLabelColor}cc`;\r\n    const defaultLabelStyle = {\r\n      show: true,\r\n      color: fadedColor,\r\n      fontSize: 11,\r\n      fontWeight: \"500\" as const,\r\n      textBorderWidth: 0,\r\n      textBorderColor: \"transparent\",\r\n      formatter: (params: { name?: string; value?: unknown }) => {\r\n        const name =\r\n          (params?.name ?? \"\") ||\r\n          (typeof params?.value === \"string\" ? params.value : \"\");\r\n        if (!name) return \"\";\r\n        const icon = name.toLowerCase().includes(\"eclipse\") ? \"\\u25D0 \" : \"\"; // ◐ symbol for eclipse\r\n        return icon ? `${icon}${name}` : name;\r\n      },\r\n    };\r\n    if (seriesArray.length > 0) {\r\n      seriesArray[0].markArea = {\r\n        silent: true,\r\n        data: annotations.markAreas.data.map(\r\n          (\r\n            pair: [\r\n              { xAxis?: number | string; yAxis?: number; name?: string },\r\n              { xAxis?: number | string; yAxis?: number },\r\n            ],\r\n          ) => {\r\n            const [start, end] = pair;\r\n            return [\r\n              {\r\n                ...start,\r\n                label: {\r\n                  ...defaultLabelStyle,\r\n                  formatter: defaultLabelStyle.formatter,\r\n                },\r\n              },\r\n              end,\r\n            ];\r\n          },\r\n        ),\r\n        itemStyle: annotations.markAreas.itemStyle,\r\n      };\r\n    }\r\n  }\r\n\r\n  // Merge custom options\r\n  if (props.echartsOptions) {\r\n    return mergeOptions(options, props.echartsOptions);\r\n  }\r\n\r\n  return options;\r\n}\r\n\r\nfunction mergeOptions(\r\n  base: EChartsOption,\r\n  custom: Partial<EChartsOption>,\r\n): EChartsOption {\r\n  // Smart series merging logic\r\n  let mergedSeries = base.series;\r\n\r\n  if (custom.series) {\r\n    const baseSeries =\r\n      (base.series as Array<{ type?: string; data?: unknown[] }>) || [];\r\n    const customSeries = custom.series as unknown[];\r\n\r\n    // Check if all base series are empty (no data or empty data array)\r\n    const allBaseSeriesEmpty =\r\n      baseSeries.length === 0 ||\r\n      baseSeries.every((s) => {\r\n        if (!s) return true;\r\n        if (!s.data) return true;\r\n        if (Array.isArray(s.data) && s.data.length === 0) return true;\r\n        return false;\r\n      });\r\n\r\n    // Single full override: presets (e.g. GaugeChart) pass one full series config; use it only so we don't render two gauges\r\n    const baseLen = baseSeries.length;\r\n    const customLen = customSeries.length;\r\n    if (baseLen === 1 && customLen === 1) {\r\n      const b = baseSeries[0];\r\n      const c = customSeries[0] as { type?: string };\r\n      if (b?.type === \"gauge\" && c?.type === \"gauge\") {\r\n        mergedSeries = customSeries as EChartsOption[\"series\"];\r\n      } else if (allBaseSeriesEmpty) {\r\n        mergedSeries = customSeries as EChartsOption[\"series\"];\r\n      } else {\r\n        mergedSeries = [\r\n          ...baseSeries,\r\n          ...customSeries,\r\n        ] as EChartsOption[\"series\"];\r\n      }\r\n    } else if (allBaseSeriesEmpty) {\r\n      mergedSeries = customSeries as EChartsOption[\"series\"];\r\n    } else {\r\n      mergedSeries = [\r\n        ...baseSeries,\r\n        ...customSeries,\r\n      ] as EChartsOption[\"series\"];\r\n    }\r\n  }\r\n\r\n  return {\r\n    ...base,\r\n    ...custom,\r\n    series: mergedSeries,\r\n  };\r\n}\r\n\r\n// =============================================================================\r\n// Main Component\r\n// =============================================================================\r\n\r\nexport const AstroChart = memo(\r\n  forwardRef<AstroChartHandle, AstroChartProps>(\r\n    function AstroChart(props, ref) {\r\n      const {\r\n        width = \"100%\",\r\n        height = 400,\r\n        loading = false,\r\n        emptyMessage = \"No data available\",\r\n        className = \"\",\r\n        style,\r\n        ariaLabel,\r\n        onChartReady,\r\n        onClick,\r\n        onHover,\r\n        onZoomChange,\r\n        onBrushSelect,\r\n        realTime,\r\n        series = [],\r\n        infoTooltip,\r\n        // Header icon/status system\r\n        icon,\r\n        iconStatus,\r\n        statusMessage,\r\n        showStatusBadge = false,\r\n      } = props;\r\n\r\n      const chartRef = useRef<ReactEChartsCore>(null);\r\n      const { tokens, mode, theme: themeVariant } = useTheme();\r\n\r\n      // Detect transparent theme for glassmorphic styling\r\n      const isTransparentTheme =\r\n        themeVariant === \"transparent\" ||\r\n        themeVariant === \"transparent-bold\" ||\r\n        themeVariant === \"transparent-minimal\";\r\n      const isBoldVariant = themeVariant === \"transparent-bold\";\r\n      const isMinimalVariant = themeVariant === \"transparent-minimal\";\r\n\r\n      // Get card border style based on accentBorders setting\r\n      const cardBorderStyle = useCardBorderStyle(tokens, isTransparentTheme);\r\n\r\n      // Glass accent colors for bold/minimal themes (matching Container)\r\n      const glassAccentColor = tokens.colors.accent.primary;\r\n      const glassAccentMuted = `${glassAccentColor}66`;\r\n\r\n      const headingConfig = tokens.layout?.card?.heading ?? {\r\n        iconSize: 20,\r\n        iconSizeCompact: 16,\r\n        titleFontSize: \"1.125rem\",\r\n        titleFontSizeChart: \"0.875rem\",\r\n        titleFontWeight: 500,\r\n        gap: 8,\r\n      };\r\n      const chartTitleFontSize =\r\n        headingConfig.titleFontSizeChart ?? headingConfig.titleFontSize;\r\n\r\n      // Generate theme - uses official AstroUXDS colors for 'astro' theme, Zendir colors for others\r\n      const theme = useMemo(\r\n        () => createAstroEChartsTheme(tokens, mode, themeVariant),\r\n        [tokens, mode, themeVariant],\r\n      );\r\n\r\n      // Build options - hide ECharts title whenever we show custom header (top-left, all themes)\r\n      const hideEChartsTitle = !!(icon || props.title);\r\n      const options = useMemo(\r\n        () => buildEChartsOptions(props, theme, hideEChartsTitle),\r\n        [props, theme, hideEChartsTitle],\r\n      );\r\n\r\n      // Get chart instance.\r\n      // echarts-for-react types the instance via echarts/core's internal\r\n      // EChartsType, while callers here consume the public `ECharts` type from\r\n      // 'echarts'. They are the same runtime object, so bridge the two nominal\r\n      // declarations at this single boundary.\r\n      const getChart = useCallback((): ECharts | undefined => {\r\n        return chartRef.current?.getEchartsInstance() as unknown as\r\n          | ECharts\r\n          | undefined;\r\n      }, []);\r\n\r\n      // Dynamic export filename from title, series names, chart type\r\n      const getExportFileName = useCallback(\r\n        (extension?: string, includeTimestamp = true) => {\r\n          const context: ExportFileNameContext = {\r\n            title: props.title,\r\n            subtitle: props.subtitle,\r\n            seriesNames: series.map((s) => s.name),\r\n            chartType: props.type,\r\n          };\r\n          let base: string;\r\n          if (props.export?.getExportFileName) {\r\n            base = props.export.getExportFileName(context);\r\n          } else if (props.export?.fileName) {\r\n            base = props.export.fileName;\r\n          } else {\r\n            base = derivedExportBaseName(\r\n              props.title,\r\n              context.seriesNames,\r\n              props.type,\r\n            );\r\n          }\r\n          if (includeTimestamp) {\r\n            const d = new Date();\r\n            const ts = d\r\n              .toISOString()\r\n              .slice(0, 19)\r\n              .replace(/[-T:]/g, \"\")\r\n              .replace(/(\\d{8})(\\d{6})/, \"$1-$2\");\r\n            base = `${base}-${ts}`;\r\n          }\r\n          if (extension) base = `${base}.${extension.replace(/^\\./, \"\")}`;\r\n          return base;\r\n        },\r\n        [props.title, props.subtitle, props.type, props.export, series],\r\n      );\r\n\r\n      // Expose imperative handle\r\n      useImperativeHandle(\r\n        ref,\r\n        () => ({\r\n          getChart,\r\n          resize: () => getChart()?.resize(),\r\n          getExportFileName,\r\n          exportImage: (type = \"png\", pixelRatio = 2) => {\r\n            const chart = getChart();\r\n            if (!chart) return undefined;\r\n            const imgType = type === \"jpg\" ? \"jpeg\" : type;\r\n            return chart.getDataURL({\r\n              type: imgType as \"png\" | \"jpeg\" | \"svg\",\r\n              pixelRatio,\r\n              backgroundColor: \"transparent\",\r\n            });\r\n          },\r\n          exportCSV: () => {\r\n            const rows: string[] = [];\r\n            const headers = [\"Index\", ...series.map((s) => s.name)];\r\n            rows.push(headers.join(\",\"));\r\n\r\n            const maxLen = Math.max(...series.map((s) => s.data?.length || 0));\r\n            for (let i = 0; i < maxLen; i++) {\r\n              const row = [i.toString()];\r\n              for (const s of series) {\r\n                const data = s.data as unknown[];\r\n                const value = data?.[i];\r\n                if (typeof value === \"number\") {\r\n                  row.push(value.toString());\r\n                } else if (Array.isArray(value)) {\r\n                  row.push(value[1]?.toString() || \"\");\r\n                } else if (value && typeof value === \"object\") {\r\n                  const point = value as DataPoint | TimeSeriesPoint;\r\n                  row.push(\r\n                    (\"value\" in point ? point.value : point.y)?.toString() ||\r\n                      \"\",\r\n                  );\r\n                } else {\r\n                  row.push(\"\");\r\n                }\r\n              }\r\n              rows.push(row.join(\",\"));\r\n            }\r\n            return rows.join(\"\\n\");\r\n          },\r\n          appendData: (\r\n            seriesIndex: number,\r\n            data: DataPoint | TimeSeriesPoint,\r\n          ) => {\r\n            const chart = getChart();\r\n            if (!chart) return;\r\n\r\n            // Get current data\r\n            const option = chart.getOption();\r\n            const seriesOpt = (option.series as Array<{ data: unknown[] }>)?.[\r\n              seriesIndex\r\n            ];\r\n            if (!seriesOpt) return;\r\n\r\n            const currentData = [...(seriesOpt.data || [])];\r\n            const newPoint =\r\n              \"time\" in data ? [data.time, data.value] : [data.x, data.y];\r\n\r\n            currentData.push(newPoint);\r\n\r\n            // Apply max points limit\r\n            const maxPoints = realTime?.maxPoints || 1000;\r\n            while (currentData.length > maxPoints) {\r\n              currentData.shift();\r\n            }\r\n\r\n            // Update chart\r\n            chart.setOption(\r\n              {\r\n                series: [\r\n                  {\r\n                    data: currentData,\r\n                  },\r\n                ],\r\n              },\r\n              {\r\n                replaceMerge: [\"series\"],\r\n              },\r\n            );\r\n          },\r\n          clearData: () => {\r\n            const chart = getChart();\r\n            if (!chart) return;\r\n\r\n            chart.setOption({\r\n              series: series.map(() => ({ data: [] })),\r\n            });\r\n          },\r\n          dispatchAction: (action: unknown) => {\r\n            getChart()?.dispatchAction(\r\n              action as Parameters<ECharts[\"dispatchAction\"]>[0],\r\n            );\r\n          },\r\n        }),\r\n        [getChart, series, realTime],\r\n      );\r\n\r\n      // Zoom preservation: ReactEChartsCore re-renders with notMerge=true whenever\r\n      // `options` changes (which happens on every series-data update). Without this,\r\n      // streaming charts snap back to start=0/end=100 each frame, defeating user\r\n      // pan/zoom.\r\n      //\r\n      // We capture user pan/zoom on the `datazoom` event and replay it after every\r\n      // option update. For streaming time-series we MUST use absolute axis values\r\n      // (startValue/endValue) — preserving percent (start/end) would slide the\r\n      // window forward as new data extends the axis, which feels exactly like a\r\n      // zoom reset from the operator's perspective. Percent is saved as a fallback\r\n      // for category/non-numeric axes where absolute values aren't meaningful.\r\n      //\r\n      // `programmaticRef` suppresses the datazoom event we ourselves dispatch so\r\n      // we don't overwrite the saved range with the values just replayed.\r\n      type ZoomState = {\r\n        start?: number;\r\n        end?: number;\r\n        startValue?: number | string;\r\n        endValue?: number | string;\r\n      };\r\n      const userZoomRef = useRef<ZoomState | null>(null);\r\n      const programmaticRef = useRef(false);\r\n\r\n      // Event handlers\r\n      const handleEvents = useMemo(() => {\r\n        const events: Record<string, (params: unknown) => void> = {};\r\n\r\n        if (onClick) {\r\n          events.click = (params: unknown) => {\r\n            onClick(params as ChartEventParams);\r\n          };\r\n        }\r\n\r\n        if (onHover) {\r\n          events.mouseover = (params: unknown) => {\r\n            onHover(params as ChartEventParams);\r\n          };\r\n        }\r\n\r\n        // Always wire datazoom so we can persist zoom state across data updates.\r\n        // `onZoomChange` (if provided) is invoked alongside.\r\n        events.datazoom = (params: unknown) => {\r\n          if (programmaticRef.current) {\r\n            // This event fired as a result of our own dispatchAction replay — ignore\r\n            // so we don't keep overwriting the saved range from the user's last gesture.\r\n            programmaticRef.current = false;\r\n            return;\r\n          }\r\n          type DZParams = {\r\n            start?: number;\r\n            end?: number;\r\n            startValue?: number | string;\r\n            endValue?: number | string;\r\n            batch?: Array<{\r\n              start?: number;\r\n              end?: number;\r\n              startValue?: number | string;\r\n              endValue?: number | string;\r\n            }>;\r\n          };\r\n          const p = params as DZParams;\r\n          const b = p.batch?.[0];\r\n          const start = b?.start ?? p.start ?? 0;\r\n          const end = b?.end ?? p.end ?? 100;\r\n          const startValue = b?.startValue ?? p.startValue;\r\n          const endValue = b?.endValue ?? p.endValue;\r\n          // Only remember user-applied zoom; ignore the no-op full range so a\r\n          // double-click \"reset\" returns to auto-follow behavior on the next update.\r\n          const isFullRange = start <= 0 && end >= 100;\r\n          userZoomRef.current = isFullRange\r\n            ? null\r\n            : { start, end, startValue, endValue };\r\n          if (onZoomChange) onZoomChange({ start, end });\r\n        };\r\n\r\n        if (onBrushSelect) {\r\n          events.brushselected = (params: unknown) => {\r\n            onBrushSelect(\r\n              params as Parameters<NonNullable<typeof onBrushSelect>>[0],\r\n            );\r\n          };\r\n        }\r\n\r\n        return events;\r\n      }, [onClick, onHover, onZoomChange, onBrushSelect]);\r\n\r\n      // After every options update, replay the user's zoom selection so streaming\r\n      // data doesn't reset their view. Prefer absolute axis values when available\r\n      // so the window stays anchored to the time range the user picked, not a\r\n      // percentage that slides as more data arrives.\r\n      useEffect(() => {\r\n        const saved = userZoomRef.current;\r\n        if (!saved) return;\r\n        const chart = getChart() as\r\n          | (ECharts & { isDisposed?: () => boolean })\r\n          | undefined;\r\n        // Guard against firing into a disposed instance — happens when parents\r\n        // toggle the chart in/out (e.g. `series.length > 0 ? <AstroChart/> : ...`)\r\n        // and React's effect runs while the previous instance is being torn down.\r\n        if (\r\n          !chart ||\r\n          (typeof chart.isDisposed === \"function\" && chart.isDisposed())\r\n        )\r\n          return;\r\n        const hasAbsolute =\r\n          saved.startValue !== undefined && saved.endValue !== undefined;\r\n        programmaticRef.current = true;\r\n        try {\r\n          chart.dispatchAction(\r\n            hasAbsolute\r\n              ? {\r\n                  type: \"dataZoom\",\r\n                  startValue: saved.startValue,\r\n                  endValue: saved.endValue,\r\n                }\r\n              : { type: \"dataZoom\", start: saved.start, end: saved.end },\r\n          );\r\n        } catch {\r\n          // Instance vanished between the isDisposed check and the call — ignore.\r\n          programmaticRef.current = false;\r\n        }\r\n      }, [options, getChart]);\r\n\r\n      // Chart ready callback\r\n      const handleChartReady = useCallback(\r\n        (chart: unknown) => {\r\n          onChartReady?.(chart);\r\n        },\r\n        [onChartReady],\r\n      );\r\n\r\n      // Custom export dropdown: always show when export is enabled (for consistent UI)\r\n      const exportFormats = props.export?.formats ?? [\"png\"];\r\n      const useCustomExportDropdown = props.export?.enabled;\r\n      const [exportMenuOpen, setExportMenuOpen] = useState(false);\r\n      const exportMenuRef = useRef<HTMLDivElement>(null);\r\n\r\n      // Info tooltip state\r\n      const [infoTooltipOpen, setInfoTooltipOpen] = useState(false);\r\n      const infoTooltipRef = useRef<HTMLDivElement>(null);\r\n\r\n      // Close info tooltip on outside click\r\n      useEffect(() => {\r\n        if (!infoTooltip || !infoTooltipOpen) return;\r\n        const handleClickOutside = (e: MouseEvent) => {\r\n          if (\r\n            infoTooltipRef.current &&\r\n            !infoTooltipRef.current.contains(e.target as Node)\r\n          ) {\r\n            setInfoTooltipOpen(false);\r\n          }\r\n        };\r\n        document.addEventListener(\"mousedown\", handleClickOutside);\r\n        return () =>\r\n          document.removeEventListener(\"mousedown\", handleClickOutside);\r\n      }, [infoTooltip, infoTooltipOpen]);\r\n\r\n      useEffect(() => {\r\n        if (!useCustomExportDropdown || !exportMenuOpen) return;\r\n        const handleClickOutside = (e: MouseEvent) => {\r\n          if (\r\n            exportMenuRef.current &&\r\n            !exportMenuRef.current.contains(e.target as Node)\r\n          ) {\r\n            setExportMenuOpen(false);\r\n          }\r\n        };\r\n        document.addEventListener(\"mousedown\", handleClickOutside);\r\n        return () =>\r\n          document.removeEventListener(\"mousedown\", handleClickOutside);\r\n      }, [useCustomExportDropdown, exportMenuOpen]);\r\n\r\n      const handleExportFormat = useCallback(\r\n        (format: \"png\" | \"jpeg\" | \"svg\" | \"csv\") => {\r\n          const chart = getChart();\r\n          if (format === \"csv\") {\r\n            const rows: string[] = [];\r\n            const headers = [\"Index\", ...series.map((s) => s.name)];\r\n            rows.push(headers.join(\",\"));\r\n            const maxLen = Math.max(...series.map((s) => s.data?.length || 0));\r\n            for (let i = 0; i < maxLen; i++) {\r\n              const row = [i.toString()];\r\n              for (const s of series) {\r\n                const data = s.data as unknown[];\r\n                const value = data?.[i];\r\n                if (typeof value === \"number\") row.push(value.toString());\r\n                else if (Array.isArray(value))\r\n                  row.push(value[1]?.toString() || \"\");\r\n                else if (value && typeof value === \"object\") {\r\n                  const point = value as DataPoint | TimeSeriesPoint;\r\n                  row.push(\r\n                    (\"value\" in point ? point.value : point.y)?.toString() ||\r\n                      \"\",\r\n                  );\r\n                } else row.push(\"\");\r\n              }\r\n              rows.push(row.join(\",\"));\r\n            }\r\n            const csv = rows.join(\"\\n\");\r\n            const filename = getExportFileName(\"csv\", true);\r\n            const blob = new Blob([csv], { type: \"text/csv;charset=utf-8\" });\r\n            const url = URL.createObjectURL(blob);\r\n            const a = document.createElement(\"a\");\r\n            a.href = url;\r\n            a.download = filename;\r\n            a.click();\r\n            URL.revokeObjectURL(url);\r\n          } else if (chart) {\r\n            const imgType = format === \"jpeg\" ? \"jpeg\" : format;\r\n            const dataUrl = chart.getDataURL({\r\n              type: imgType as \"png\" | \"jpeg\" | \"svg\",\r\n              pixelRatio: props.export?.pixelRatio || 2,\r\n              backgroundColor: props.export?.backgroundColor || \"transparent\",\r\n            });\r\n            if (dataUrl) {\r\n              const ext = format === \"jpeg\" ? \"jpg\" : format;\r\n              const filename = getExportFileName(ext, true);\r\n              const a = document.createElement(\"a\");\r\n              a.href = dataUrl;\r\n              a.download = filename;\r\n              a.click();\r\n            }\r\n          }\r\n          setExportMenuOpen(false);\r\n        },\r\n        [\r\n          getChart,\r\n          series,\r\n          getExportFileName,\r\n          props.export?.pixelRatio,\r\n          props.export?.backgroundColor,\r\n        ],\r\n      );\r\n\r\n      // Resize observer (guard so we never resize after unmount/dispose)\r\n      useEffect(() => {\r\n        const chart = getChart();\r\n        if (!chart) return;\r\n\r\n        let mounted = true;\r\n        const resizeObserver = new ResizeObserver(() => {\r\n          if (!mounted) return;\r\n          try {\r\n            chart.resize();\r\n          } catch {\r\n            // Chart may be disposed; ignore\r\n          }\r\n        });\r\n\r\n        const container = chartRef.current?.ele;\r\n        if (container) {\r\n          resizeObserver.observe(container);\r\n        }\r\n\r\n        return () => {\r\n          mounted = false;\r\n          resizeObserver.disconnect();\r\n        };\r\n      }, [getChart]);\r\n\r\n      // echarts-gl 3D series require canvas renderer (SVG mode crashes with isSingleCanvas error)\r\n      const needs3DCanvas = useMemo(() => {\r\n        const eo = props.echartsOptions;\r\n        if (!eo) return false;\r\n        if (\r\n          eo.grid3D ||\r\n          eo.xAxis3D ||\r\n          eo.yAxis3D ||\r\n          eo.zAxis3D ||\r\n          eo.globe ||\r\n          eo.geo3D\r\n        )\r\n          return true;\r\n        if (Array.isArray(eo.series)) {\r\n          return eo.series.some((s: any) => {\r\n            const t = s?.type || \"\";\r\n            return (\r\n              t.includes(\"3D\") ||\r\n              t.includes(\"3d\") ||\r\n              t === \"scatter3D\" ||\r\n              t === \"bar3D\" ||\r\n              t === \"surface\" ||\r\n              t === \"lines3D\"\r\n            );\r\n          });\r\n        }\r\n        return false;\r\n      }, [props.echartsOptions]);\r\n\r\n      // Check if data is empty (consider both series prop and echartsOptions.series)\r\n      const hasSeriesData = series.some((s) => s.data && s.data.length > 0);\r\n      const hasEchartsOptionsSeries =\r\n        props.echartsOptions?.series &&\r\n        (Array.isArray(props.echartsOptions.series)\r\n          ? props.echartsOptions.series.length > 0\r\n          : props.echartsOptions.series !== undefined);\r\n      const hasData = hasSeriesData || hasEchartsOptionsSeries;\r\n\r\n      // Status color mapping for header icon\r\n      const getStatusColor = (status: ChartStatus | undefined): string => {\r\n        switch (status) {\r\n          case \"critical\":\r\n            return tokens.colors.status?.critical || \"#ff3838\";\r\n          case \"serious\":\r\n            return tokens.colors.status?.serious || \"#ffb302\";\r\n          case \"caution\":\r\n            return tokens.colors.status?.caution || \"#fce83a\";\r\n          case \"normal\":\r\n            return tokens.colors.status?.normal || \"#56f000\";\r\n          case \"standby\":\r\n            return tokens.colors.status?.standby || \"#2dccff\";\r\n          case \"off\":\r\n            return tokens.colors.status?.off || \"#a4abb6\";\r\n          default:\r\n            return tokens.colors.text.secondary;\r\n        }\r\n      };\r\n\r\n      // Check if we need to render the header (has icon or title)\r\n      const hasHeader = !!(icon || props.title);\r\n\r\n      // Container styles - glassmorphic for transparent themes (matching Container component)\r\n      // Bold and Minimal themes get special glass styling\r\n      const useGlassMode = isBoldVariant || isMinimalVariant;\r\n\r\n      const containerStyle: React.CSSProperties = {\r\n        width: typeof width === \"number\" ? `${width}px` : width,\r\n        height: typeof height === \"number\" ? `${height}px` : height,\r\n        borderRadius: tokens.borderRadius.lg,\r\n        padding: tokens.spacing.sm,\r\n        position: \"relative\",\r\n        overflow: \"hidden\",\r\n        // Glass mode styling for bold/minimal (matching Container)\r\n        ...(useGlassMode\r\n          ? {\r\n              backgroundColor: \"rgba(10, 15, 25, 0.35)\",\r\n              backdropFilter: \"blur(12px)\",\r\n              WebkitBackdropFilter: \"blur(12px)\",\r\n              border: `1px solid ${glassAccentMuted}`,\r\n              borderTop: isBoldVariant\r\n                ? `2px solid ${glassAccentColor}`\r\n                : `1px solid ${glassAccentColor}`,\r\n              transition: \"all 0.3s ease-out, box-shadow 0.3s ease-out\",\r\n            }\r\n          : isTransparentTheme\r\n            ? {\r\n                // Regular transparent (glass) theme — match top cards (ISS): transparent + blur\r\n                backgroundColor: \"transparent\",\r\n                backdropFilter: \"blur(12px)\",\r\n                WebkitBackdropFilter: \"blur(12px)\",\r\n                ...cardBorderStyle,\r\n              }\r\n            : {\r\n                // Non-transparent themes — use same border as Container (muted) so chart doesn't stand out\r\n                backgroundColor: tokens.colors.background.surface,\r\n                border: `1px solid ${tokens.colors.border.muted}`,\r\n              }),\r\n        ...style,\r\n      };\r\n\r\n      // Glass gradient for bold/minimal themes\r\n      const glassGradient = useGlassMode\r\n        ? `linear-gradient(135deg, ${glassAccentColor}10 0%, ${glassAccentColor}03 100%)`\r\n        : undefined;\r\n\r\n      // Empty state\r\n      if (!hasData && !loading) {\r\n        return (\r\n          <div\r\n            className={`astro-chart astro-chart--empty ${className}`}\r\n            style={containerStyle}\r\n            role=\"group\"\r\n            aria-roledescription=\"chart\"\r\n            aria-label={ariaLabel || \"Empty chart\"}\r\n          >\r\n            {/* Glass gradient overlay for bold/minimal themes */}\r\n            {useGlassMode && glassGradient && (\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  inset: 0,\r\n                  background: glassGradient,\r\n                  pointerEvents: \"none\",\r\n                  zIndex: 0,\r\n                }}\r\n              />\r\n            )}\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"center\",\r\n                height: \"100%\",\r\n                color: tokens.colors.text.secondary,\r\n                fontFamily: tokens.typography.fontFamily.primary,\r\n                fontSize: tokens.typography.fontSize.sm,\r\n                position: \"relative\",\r\n                zIndex: 1,\r\n              }}\r\n            >\r\n              {emptyMessage}\r\n            </div>\r\n          </div>\r\n        );\r\n      }\r\n\r\n      const exportImageFormats = exportFormats.filter((f) =>\r\n        [\"png\", \"jpeg\", \"jpg\", \"svg\"].includes(f),\r\n      );\r\n      const hasCsv = exportFormats.includes(\"csv\");\r\n\r\n      // Calculate header height for chart area adjustment\r\n      const _headerHeight = icon && iconStatus ? 32 : 0;\r\n\r\n      return (\r\n        <div\r\n          className={`astro-chart ${className}`}\r\n          style={containerStyle}\r\n          role=\"group\"\r\n          aria-roledescription=\"chart\"\r\n          aria-label={ariaLabel || props.title || \"Chart\"}\r\n        >\r\n          {/* Glass gradient overlay for bold/minimal themes (matching Container) */}\r\n          {useGlassMode && glassGradient && (\r\n            <div\r\n              style={{\r\n                position: \"absolute\",\r\n                inset: 0,\r\n                background: glassGradient,\r\n                pointerEvents: \"none\",\r\n                zIndex: 0,\r\n              }}\r\n            />\r\n          )}\r\n\r\n          {/* Header - BOLD variant (matching Container) */}\r\n          {hasHeader && isBoldVariant && (\r\n            <div style={{ position: \"relative\", zIndex: 1 }}>\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"space-between\",\r\n                  padding: `12px ${tokens.spacing.sm} 0`,\r\n                }}\r\n              >\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: headingConfig.gap,\r\n                  }}\r\n                >\r\n                  {/* Icon with status badge - card heading system */}\r\n                  {icon && iconStatus && (\r\n                    <HeaderIconWithStatus\r\n                      icon={icon as AstroIconName}\r\n                      size={headingConfig.iconSize}\r\n                      status={iconStatus}\r\n                      statusColor={getStatusColor(iconStatus)}\r\n                    />\r\n                  )}\r\n                  {icon && !iconStatus && (\r\n                    <AstroIcon\r\n                      name={icon as AstroIconName}\r\n                      size={headingConfig.iconSize}\r\n                      color={glassAccentColor}\r\n                    />\r\n                  )}\r\n                  {props.title && (\r\n                    <h3\r\n                      style={{\r\n                        margin: 0,\r\n                        fontSize: chartTitleFontSize,\r\n                        fontWeight: headingConfig.titleFontWeight,\r\n                        color: glassAccentColor,\r\n                        letterSpacing: \"0.5px\",\r\n                        textShadow: `0 0 20px ${glassAccentMuted}`,\r\n                      }}\r\n                    >\r\n                      {props.title}\r\n                    </h3>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              {/* Accent decorative line with status badge */}\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: \"8px\",\r\n                  padding: `10px ${tokens.spacing.sm} 0`,\r\n                  marginBottom: tokens.spacing.xs,\r\n                }}\r\n              >\r\n                <div\r\n                  style={{\r\n                    flex: 1,\r\n                    height: \"2px\",\r\n                    background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 50%, transparent 100%)`,\r\n                    boxShadow: `0 0 8px ${glassAccentMuted}`,\r\n                  }}\r\n                />\r\n                {/* Status badge at end of line (optional) */}\r\n                {showStatusBadge && iconStatus && (\r\n                  <span\r\n                    style={{\r\n                      display: \"inline-flex\",\r\n                      alignItems: \"center\",\r\n                      gap: \"4px\",\r\n                      padding: \"2px 8px\",\r\n                      fontSize: \"0.625rem\", // 10px in rem\r\n                      fontWeight: 500, // AstroUXDS medium (not 600)\r\n                      letterSpacing: \"0.05em\",\r\n                      color: getStatusColor(iconStatus),\r\n                      backgroundColor: `${getStatusColor(iconStatus)}20`,\r\n                      border: `1px solid ${getStatusColor(iconStatus)}40`,\r\n                      borderRadius: \"3px\",\r\n                      whiteSpace: \"nowrap\",\r\n                    }}\r\n                  >\r\n                    {STATUS_SHAPES[iconStatus](6, getStatusColor(iconStatus))}\r\n                    {STATUS_LABELS[iconStatus]}\r\n                  </span>\r\n                )}\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* Header - MINIMAL variant (inline thin line, matching Container) */}\r\n          {hasHeader && isMinimalVariant && (\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                padding: `${tokens.spacing.xs} ${tokens.spacing.sm} 0`,\r\n                marginBottom: tokens.spacing.xs,\r\n                position: \"relative\",\r\n                zIndex: 1,\r\n              }}\r\n            >\r\n              {icon && iconStatus && (\r\n                <HeaderIconWithStatus\r\n                  icon={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  status={iconStatus}\r\n                  statusColor={getStatusColor(iconStatus)}\r\n                  style={{ marginRight: tokens.spacing.sm }}\r\n                />\r\n              )}\r\n              {icon && !iconStatus && (\r\n                <AstroIcon\r\n                  name={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  color={glassAccentColor}\r\n                  style={{ marginRight: tokens.spacing.sm }}\r\n                />\r\n              )}\r\n              {props.title && (\r\n                <h3\r\n                  style={{\r\n                    margin: 0,\r\n                    fontSize: chartTitleFontSize,\r\n                    fontWeight: headingConfig.titleFontWeight,\r\n                    color: glassAccentColor,\r\n                    textShadow: `0 0 16px ${glassAccentMuted}`,\r\n                    letterSpacing: \"0.02em\",\r\n                    whiteSpace: \"nowrap\",\r\n                    marginRight: \"12px\",\r\n                  }}\r\n                >\r\n                  {props.title}\r\n                </h3>\r\n              )}\r\n              {/* Accent line with status badge */}\r\n              <div\r\n                style={{\r\n                  flex: 1,\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: headingConfig.gap,\r\n                  minWidth: 40,\r\n                }}\r\n              >\r\n                <div\r\n                  style={{\r\n                    flex: 1,\r\n                    height: \"1px\",\r\n                    background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 60%, transparent 100%)`,\r\n                  }}\r\n                />\r\n                {/* Status badge at end of line (optional) */}\r\n                {showStatusBadge && iconStatus && (\r\n                  <span\r\n                    style={{\r\n                      display: \"inline-flex\",\r\n                      alignItems: \"center\",\r\n                      gap: \"3px\",\r\n                      padding: \"1px 6px\",\r\n                      fontSize: \"0.5625rem\", // 9px in rem (micro)\r\n                      fontWeight: 500, // AstroUXDS medium (not 600)\r\n                      letterSpacing: \"0.05em\",\r\n                      color: getStatusColor(iconStatus),\r\n                      backgroundColor: `${getStatusColor(iconStatus)}15`,\r\n                      border: `1px solid ${getStatusColor(iconStatus)}30`,\r\n                      borderRadius: \"2px\",\r\n                      whiteSpace: \"nowrap\",\r\n                    }}\r\n                  >\r\n                    {STATUS_SHAPES[iconStatus](5, getStatusColor(iconStatus))}\r\n                    {STATUS_LABELS[iconStatus]}\r\n                  </span>\r\n                )}\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* Header - Regular glass theme (no box/border) */}\r\n          {hasHeader && isTransparentTheme && !useGlassMode && (\r\n            <div\r\n              title={statusMessage}\r\n              style={{\r\n                position: \"absolute\",\r\n                top: 6,\r\n                left: 8,\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: headingConfig.gap,\r\n                zIndex: 10,\r\n              }}\r\n            >\r\n              {icon && iconStatus && (\r\n                <HeaderIconWithStatus\r\n                  icon={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  status={iconStatus}\r\n                  statusColor={getStatusColor(iconStatus)}\r\n                />\r\n              )}\r\n              {icon && !iconStatus && (\r\n                <AstroIcon\r\n                  name={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  color={tokens.colors.text.tertiary}\r\n                />\r\n              )}\r\n              {props.title && (\r\n                <span\r\n                  style={{\r\n                    fontSize: chartTitleFontSize,\r\n                    fontWeight: headingConfig.titleFontWeight,\r\n                    color: tokens.colors.text.primary,\r\n                  }}\r\n                >\r\n                  {props.title}\r\n                </span>\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {/* Header - Non-transparent themes (Zen/Astro): same top-left layout, no box/border */}\r\n          {hasHeader && !isTransparentTheme && (\r\n            <div\r\n              title={statusMessage}\r\n              style={{\r\n                position: \"absolute\",\r\n                top: 6,\r\n                left: 8,\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: headingConfig.gap,\r\n                zIndex: 10,\r\n              }}\r\n            >\r\n              {icon && iconStatus && (\r\n                <HeaderIconWithStatus\r\n                  icon={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  status={iconStatus}\r\n                  statusColor={getStatusColor(iconStatus)}\r\n                />\r\n              )}\r\n              {icon && !iconStatus && (\r\n                <AstroIcon\r\n                  name={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  color={tokens.colors.text.tertiary}\r\n                />\r\n              )}\r\n              {props.title && (\r\n                <span\r\n                  style={{\r\n                    fontSize: chartTitleFontSize,\r\n                    fontWeight: headingConfig.titleFontWeight,\r\n                    color: tokens.colors.text.primary,\r\n                  }}\r\n                >\r\n                  {props.title}\r\n                </span>\r\n              )}\r\n            </div>\r\n          )}\r\n          {/* SVG renderer by default for sharp text; canvas is forced when echarts-gl 3D series are present (gl requires canvas) */}\r\n          <ReactEChartsCore\r\n            ref={chartRef}\r\n            echarts={echarts}\r\n            option={options}\r\n            opts={{\r\n              renderer: props.renderer ?? (needs3DCanvas ? \"canvas\" : \"svg\"),\r\n              ...((props.renderer === \"canvas\" || needs3DCanvas) &&\r\n                typeof window !== \"undefined\" && {\r\n                  devicePixelRatio: window.devicePixelRatio || 1,\r\n                }),\r\n            }}\r\n            style={{ width: \"100%\", height: \"100%\" }}\r\n            notMerge={true}\r\n            lazyUpdate={true}\r\n            showLoading={loading}\r\n            loadingOption={{\r\n              text: \"Loading...\",\r\n              color: tokens.colors.accent.primary,\r\n              textColor: tokens.colors.text.primary,\r\n              // Hex-alpha suffixing only works on hex tokens; surface is an\r\n              // rgba() string in several themes, so use the overlay token,\r\n              // which is defined with mask-appropriate alpha in every theme.\r\n              maskColor: isTransparentTheme\r\n                ? \"rgba(10, 15, 25, 0.6)\"\r\n                : tokens.colors.background.overlay,\r\n            }}\r\n            onEvents={handleEvents}\r\n            onChartReady={handleChartReady}\r\n          />\r\n          {/* Chart toolbar - compact, positioned top right */}\r\n          <div\r\n            style={{\r\n              position: \"absolute\",\r\n              right: 8,\r\n              top: 6,\r\n              zIndex: 10,\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 4,\r\n            }}\r\n          >\r\n            {/* Info tooltip button */}\r\n            {infoTooltip && (\r\n              <div ref={infoTooltipRef} style={{ position: \"relative\" }}>\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => setInfoTooltipOpen((v) => !v)}\r\n                  aria-label=\"Chart information\"\r\n                  aria-expanded={infoTooltipOpen}\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    width: 20,\r\n                    height: 20,\r\n                    padding: 4,\r\n                    border: `1px solid ${tokens.colors.border.default}`,\r\n                    borderRadius: \"50%\",\r\n                    background: infoTooltipOpen\r\n                      ? tokens.colors.accent.primary\r\n                      : isTransparentTheme\r\n                        ? \"rgba(10, 15, 25, 0.5)\"\r\n                        : tokens.colors.background.surface,\r\n                    color: infoTooltipOpen\r\n                      ? tokens.colors.background.base\r\n                      : tokens.colors.text.secondary,\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.15s ease\",\r\n                  }}\r\n                >\r\n                  {infoTooltip.icon || (\r\n                    <svg\r\n                      width=\"10\"\r\n                      height=\"10\"\r\n                      viewBox=\"0 0 24 24\"\r\n                      fill=\"currentColor\"\r\n                      aria-hidden=\"true\"\r\n                    >\r\n                      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\" />\r\n                    </svg>\r\n                  )}\r\n                </button>\r\n                {infoTooltipOpen && (\r\n                  <div\r\n                    role=\"tooltip\"\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      right: 0,\r\n                      top: \"100%\",\r\n                      marginTop: 8,\r\n                      minWidth: 200,\r\n                      maxWidth: infoTooltip.maxWidth || 300,\r\n                      padding: \"12px 16px\",\r\n                      background: isTransparentTheme\r\n                        ? \"rgba(10, 15, 25, 0.85)\"\r\n                        : tokens.colors.background.surface,\r\n                      backdropFilter: isTransparentTheme\r\n                        ? \"blur(12px)\"\r\n                        : undefined,\r\n                      border: `1px solid ${tokens.colors.border.default}`,\r\n                      borderRadius: tokens.borderRadius.md,\r\n                      boxShadow: \"0 4px 16px rgba(0,0,0,0.25)\",\r\n                      color: tokens.colors.text.primary,\r\n                      fontFamily: tokens.typography.fontFamily.primary,\r\n                      fontSize: tokens.typography.fontSize.sm,\r\n                      lineHeight: 1.5,\r\n                      zIndex: 20,\r\n                    }}\r\n                  >\r\n                    {infoTooltip.content}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n\r\n            {/* Export dropdown - compact icon only */}\r\n            {useCustomExportDropdown && (\r\n              <div ref={exportMenuRef} style={{ position: \"relative\" }}>\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => setExportMenuOpen((v) => !v)}\r\n                  aria-haspopup=\"true\"\r\n                  aria-expanded={exportMenuOpen}\r\n                  aria-label=\"Save chart as\"\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    width: 20,\r\n                    height: 20,\r\n                    padding: 4,\r\n                    border: `1px solid ${tokens.colors.border.default}`,\r\n                    borderRadius: \"50%\",\r\n                    background: isTransparentTheme\r\n                      ? \"rgba(10, 15, 25, 0.5)\"\r\n                      : tokens.colors.background.surface,\r\n                    color: tokens.colors.text.secondary,\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.15s ease\",\r\n                  }}\r\n                >\r\n                  <svg\r\n                    width=\"10\"\r\n                    height=\"10\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    strokeWidth=\"2\"\r\n                    strokeLinecap=\"round\"\r\n                    strokeLinejoin=\"round\"\r\n                    aria-hidden=\"true\"\r\n                  >\r\n                    <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\r\n                    <polyline points=\"7 10 12 15 17 10\" />\r\n                    <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\" />\r\n                  </svg>\r\n                </button>\r\n                {exportMenuOpen && (\r\n                  <div\r\n                    role=\"menu\"\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      right: 0,\r\n                      top: \"100%\",\r\n                      marginTop: 4,\r\n                      minWidth: 120,\r\n                      padding: 4,\r\n                      background: tokens.colors.background.surface,\r\n                      border: `1px solid ${tokens.colors.border.default}`,\r\n                      borderRadius: tokens.borderRadius.md,\r\n                      boxShadow: \"0 4px 12px rgba(0,0,0,0.2)\",\r\n                    }}\r\n                  >\r\n                    {exportImageFormats.map((f) => (\r\n                      <button\r\n                        key={f}\r\n                        type=\"button\"\r\n                        role=\"menuitem\"\r\n                        onClick={() =>\r\n                          handleExportFormat(\r\n                            f === \"jpg\"\r\n                              ? \"jpeg\"\r\n                              : (f as \"png\" | \"jpeg\" | \"svg\"),\r\n                          )\r\n                        }\r\n                        style={{\r\n                          display: \"block\",\r\n                          width: \"100%\",\r\n                          padding: \"8px 12px\",\r\n                          border: \"none\",\r\n                          borderRadius: tokens.borderRadius.sm,\r\n                          background: \"transparent\",\r\n                          color: tokens.colors.text.primary,\r\n                          fontFamily: tokens.typography.fontFamily.primary,\r\n                          fontSize: tokens.typography.fontSize.sm,\r\n                          textAlign: \"left\",\r\n                          cursor: \"pointer\",\r\n                        }}\r\n                      >\r\n                        {f.toUpperCase()}\r\n                      </button>\r\n                    ))}\r\n                    {hasCsv && (\r\n                      <button\r\n                        type=\"button\"\r\n                        role=\"menuitem\"\r\n                        onClick={() => handleExportFormat(\"csv\")}\r\n                        style={{\r\n                          display: \"block\",\r\n                          width: \"100%\",\r\n                          padding: \"8px 12px\",\r\n                          border: \"none\",\r\n                          borderRadius: tokens.borderRadius.sm,\r\n                          background: \"transparent\",\r\n                          color: tokens.colors.text.primary,\r\n                          fontFamily: tokens.typography.fontFamily.primary,\r\n                          fontSize: tokens.typography.fontSize.sm,\r\n                          textAlign: \"left\",\r\n                          cursor: \"pointer\",\r\n                        }}\r\n                      >\r\n                        CSV\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      );\r\n    },\r\n  ),\r\n);\r\n\r\nexport default AstroChart;\r\n"],"mappings":"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"}
+{"version":3,"file":"AstroChart.js","names":[],"sources":["../../../../src/react/charts/unified/AstroChart.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - AstroChart Component\r\n *\r\n * Enterprise-grade unified charting component built on ECharts.\r\n * Follows AstroUXD design patterns with full theme integration.\r\n *\r\n * Features:\r\n * - 15+ chart types\r\n * - Real-time streaming support\r\n * - Zoom, pan, brush selection\r\n * - Annotations (thresholds, regions)\r\n * - Export (PNG, SVG, CSV)\r\n * - Crosshair sync across charts\r\n * - Full accessibility support\r\n * - Dark/light theme support\r\n */\r\n\r\nimport React, {\r\n  useRef,\r\n  useEffect,\r\n  useMemo,\r\n  useCallback,\r\n  useState,\r\n  forwardRef,\r\n  useImperativeHandle,\r\n  memo,\r\n} from \"react\";\r\nimport ReactEChartsCore from \"echarts-for-react/lib/core\";\r\nimport * as echarts from \"echarts/core\";\r\nimport {\r\n  LineChart,\r\n  BarChart,\r\n  PieChart,\r\n  ScatterChart,\r\n  RadarChart,\r\n  GaugeChart,\r\n  HeatmapChart,\r\n  CandlestickChart,\r\n  BoxplotChart,\r\n  TreemapChart,\r\n  SunburstChart,\r\n  FunnelChart,\r\n  SankeyChart,\r\n  CustomChart,\r\n  GraphChart,\r\n  ParallelChart as EChartsParallelChart,\r\n} from \"echarts/charts\";\r\nimport {\r\n  GridComponent,\r\n  TooltipComponent,\r\n  TitleComponent,\r\n  LegendComponent,\r\n  DataZoomComponent,\r\n  ToolboxComponent,\r\n  MarkLineComponent,\r\n  MarkAreaComponent,\r\n  MarkPointComponent,\r\n  VisualMapComponent,\r\n  BrushComponent,\r\n  PolarComponent,\r\n  GraphicComponent,\r\n  RadarComponent,\r\n  GeoComponent,\r\n  ParallelComponent,\r\n} from \"echarts/components\";\r\nimport { CanvasRenderer, SVGRenderer } from \"echarts/renderers\";\r\nimport type { EChartsOption, ECharts } from \"echarts\";\r\n\r\nimport { useTheme } from \"../../theme\";\r\nimport { AstroIcon, type AstroIconName } from \"../../core/display/AstroIcon\";\r\nimport { HeaderIconWithStatus } from \"../../core/display/HeaderIconWithStatus\";\r\nimport { useCardBorderStyle } from \"../../context/DisplaySettingsContext\";\r\nimport {\r\n  createAstroEChartsTheme,\r\n  createAreaGradient,\r\n  getSeriesColor,\r\n} from \"./theme\";\r\nimport type {\r\n  AstroChartProps,\r\n  SeriesData,\r\n  ChartType,\r\n  ChartEventParams,\r\n  DataPoint,\r\n  TimeSeriesPoint,\r\n  ExportFileNameContext,\r\n  ChartStatus,\r\n} from \"./types\";\r\n\r\n// =============================================================================\r\n// Status Shape SVGs (matching DataValue component for consistency)\r\n// =============================================================================\r\n\r\nconst STATUS_SHAPES: Record<\r\n  ChartStatus,\r\n  (size: number, color: string) => React.ReactNode\r\n> = {\r\n  off: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\r\n    </svg>\r\n  ),\r\n  standby: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\r\n    </svg>\r\n  ),\r\n  normal: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\r\n    </svg>\r\n  ),\r\n  caution: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill={color} />\r\n    </svg>\r\n  ),\r\n  serious: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <polygon points=\"6,1 11,6 6,11 1,6\" fill={color} />\r\n    </svg>\r\n  ),\r\n  critical: (size, color) => (\r\n    <svg viewBox=\"0 0 12 12\" width={size} height={size}>\r\n      <polygon points=\"6,11 1,2 11,2\" fill={color} />\r\n    </svg>\r\n  ),\r\n};\r\n\r\n/**\r\n * Astro UX Status Labels\r\n * Follows Astro UXDS naming conventions\r\n * https://www.astrouxds.com/patterns/status-system/\r\n */\r\nconst STATUS_LABELS: Record<ChartStatus, string> = {\r\n  off: \"Off\",\r\n  standby: \"Standby\",\r\n  normal: \"Normal\",\r\n  caution: \"Caution\",\r\n  serious: \"Serious\",\r\n  critical: \"Critical\",\r\n};\r\n\r\n/** Slug for safe filenames: lowercase, alphanumeric and hyphens only */\r\nfunction slug(str: string): string {\r\n  return str\r\n    .toLowerCase()\r\n    .replace(/[^a-z0-9]+/g, \"-\")\r\n    .replace(/^-|-$/g, \"\");\r\n}\r\n\r\n/** Build base export name from title, series names, and chart type */\r\nfunction derivedExportBaseName(\r\n  title: string | undefined,\r\n  seriesNames: string[],\r\n  chartType: string,\r\n): string {\r\n  const parts: string[] = [\"zendir\"];\r\n  if (title) parts.push(slug(title));\r\n  else parts.push(\"chart\");\r\n  const seriesSlug = seriesNames\r\n    .slice(0, 4)\r\n    .map(slug)\r\n    .filter(Boolean)\r\n    .join(\"-\");\r\n  if (seriesSlug) parts.push(seriesSlug);\r\n  parts.push(slug(chartType));\r\n  return parts.join(\"-\") || \"zendir-chart\";\r\n}\r\n\r\n// Register ECharts components\r\necharts.use([\r\n  LineChart,\r\n  BarChart,\r\n  PieChart,\r\n  ScatterChart,\r\n  RadarChart,\r\n  GaugeChart,\r\n  HeatmapChart,\r\n  CandlestickChart,\r\n  BoxplotChart,\r\n  TreemapChart,\r\n  SunburstChart,\r\n  FunnelChart,\r\n  SankeyChart,\r\n  CustomChart,\r\n  GraphChart,\r\n  EChartsParallelChart,\r\n  GridComponent,\r\n  TooltipComponent,\r\n  TitleComponent,\r\n  LegendComponent,\r\n  DataZoomComponent,\r\n  ToolboxComponent,\r\n  MarkLineComponent,\r\n  MarkAreaComponent,\r\n  MarkPointComponent,\r\n  VisualMapComponent,\r\n  BrushComponent,\r\n  PolarComponent,\r\n  // Registers ECharts' free-form graphic elements — a circle, a line, drawn\r\n  // straight onto the chart by id rather than as a series. Nothing in this\r\n  // file uses it, but `chart.setOption({ graphic: [...] })` from outside —\r\n  // a playhead, a crosshair, a hover dot, all things drawn imperatively so a\r\n  // pointer move never rebuilds the whole option — depends on it, and\r\n  // without it that call succeeds and draws nothing: ECharts does not\r\n  // recognise the `graphic` key and silently no-ops, with no error to find.\r\n  GraphicComponent,\r\n  RadarComponent,\r\n  GeoComponent,\r\n  ParallelComponent,\r\n  CanvasRenderer,\r\n  SVGRenderer,\r\n]);\r\n\r\n// =============================================================================\r\n// Chart Instance Handle\r\n// =============================================================================\r\n\r\nexport interface AstroChartHandle {\r\n  /** Get ECharts instance */\r\n  getChart: () => ECharts | undefined;\r\n  /** Resize chart */\r\n  resize: () => void;\r\n  /** Export as image (png, jpeg, svg) */\r\n  exportImage: (\r\n    type?: \"png\" | \"jpeg\" | \"jpg\" | \"svg\",\r\n    pixelRatio?: number,\r\n  ) => string | undefined;\r\n  /** Export data as CSV */\r\n  exportCSV: () => string;\r\n  /** Suggested export filename from title, series names, and chart type (with optional extension and timestamp) */\r\n  getExportFileName: (extension?: string, includeTimestamp?: boolean) => string;\r\n  /** Append data for real-time updates */\r\n  appendData: (seriesIndex: number, data: DataPoint | TimeSeriesPoint) => void;\r\n  /** Clear all data */\r\n  clearData: () => void;\r\n  /** Dispatch action */\r\n  dispatchAction: (action: unknown) => void;\r\n  /**\r\n   * Move a vertical cursor to an x-axis value, or clear it with `null`.\r\n   *\r\n   * Distinct from `annotations.markLines`, which is a prop: changing a prop\r\n   * rebuilds the whole option, and rebuilding the option re-transforms every\r\n   * point of every series. A chart following a playhead does that on each\r\n   * frame, so on a few thousand points it stops being able to keep up. This\r\n   * touches one graphic element and leaves the series alone.\r\n   */\r\n  setCursor: (value: number | null, options?: { color?: string }) => void;\r\n}\r\n\r\n// =============================================================================\r\n// Series Transformer\r\n// =============================================================================\r\n\r\nfunction transformSeriesToECharts(\r\n  series: SeriesData[],\r\n  chartType: ChartType,\r\n  theme: ReturnType<typeof createAstroEChartsTheme>,\r\n): EChartsOption[\"series\"] {\r\n  return series.map((s, index) => {\r\n    const seriesType = s.type || chartType;\r\n    const color = s.color || getSeriesColor(index);\r\n\r\n    // Base series config\r\n    const baseSeries: Record<string, unknown> = {\r\n      id: s.id,\r\n      name: s.name,\r\n      type: mapChartType(seriesType),\r\n      data: transformData(s.data, seriesType),\r\n      yAxisIndex: s.yAxisIndex || 0,\r\n      showSymbol: seriesType === \"scatter\" || s.symbol?.type !== \"none\",\r\n      smooth: s.smooth ?? (seriesType === \"line\" || seriesType === \"area\"),\r\n    };\r\n\r\n    // Line/Area specific\r\n    if (seriesType === \"line\" || seriesType === \"area\") {\r\n      baseSeries.lineStyle = {\r\n        width: s.lineStyle?.width ?? 2,\r\n        type: s.lineStyle?.type ?? \"solid\",\r\n        opacity: s.lineStyle?.opacity ?? 1,\r\n      };\r\n      baseSeries.itemStyle = { color };\r\n\r\n      if (seriesType === \"area\") {\r\n        baseSeries.areaStyle = s.areaStyle || {\r\n          opacity: 0.3,\r\n          color: createAreaGradient(color),\r\n        };\r\n      }\r\n\r\n      if (s.symbol) {\r\n        baseSeries.symbol = s.symbol.type || \"circle\";\r\n        baseSeries.symbolSize = s.symbol.size || 6;\r\n      }\r\n    }\r\n\r\n    // Bar specific\r\n    if (seriesType === \"bar\") {\r\n      baseSeries.itemStyle = {\r\n        color,\r\n        borderRadius: [4, 4, 0, 0],\r\n      };\r\n      if (s.stack) {\r\n        baseSeries.stack = s.stack;\r\n      }\r\n    }\r\n\r\n    // Pie/Donut specific — theme color, no white border on labels\r\n    if (seriesType === \"pie\" || seriesType === \"donut\") {\r\n      baseSeries.radius = seriesType === \"donut\" ? [\"40%\", \"70%\"] : \"70%\";\r\n      baseSeries.label = {\r\n        show: true,\r\n        formatter: \"{b}: {d}%\",\r\n        color: theme.textStyle.color,\r\n        textBorderWidth: 0,\r\n        textBorderColor: \"transparent\",\r\n      };\r\n      baseSeries.emphasis = {\r\n        itemStyle: {\r\n          shadowBlur: 10,\r\n          shadowOffsetX: 0,\r\n          shadowColor: \"rgba(0, 0, 0, 0.5)\",\r\n        },\r\n      };\r\n    }\r\n\r\n    // Scatter specific\r\n    if (seriesType === \"scatter\") {\r\n      baseSeries.symbolSize = s.symbol?.size || 10;\r\n      baseSeries.itemStyle = { color };\r\n    }\r\n\r\n    // Gauge specific\r\n    if (seriesType === \"gauge\") {\r\n      baseSeries.detail = {\r\n        formatter: \"{value}%\",\r\n        fontSize: 20,\r\n        color: theme.textStyle.color,\r\n      };\r\n      baseSeries.axisLine = {\r\n        lineStyle: {\r\n          width: 10,\r\n          color: [\r\n            [0.3, theme.color[1]], // Green\r\n            [0.7, theme.color[3]], // Yellow\r\n            [1, theme.color[2]], // Red\r\n          ],\r\n        },\r\n      };\r\n    }\r\n\r\n    return baseSeries;\r\n  });\r\n}\r\n\r\n/** The one graphic element `setCursor` owns, so repeated calls replace it. */\r\nconst CURSOR_ID = \"astro-chart-cursor\";\r\n\r\nfunction mapChartType(type: ChartType): string {\r\n  switch (type) {\r\n    case \"area\":\r\n      return \"line\";\r\n    case \"donut\":\r\n      return \"pie\";\r\n    default:\r\n      return type;\r\n  }\r\n}\r\n\r\nfunction transformData(data: SeriesData[\"data\"], type: ChartType): unknown[] {\r\n  if (!data || data.length === 0) return [];\r\n\r\n  // Handle array of numbers\r\n  if (typeof data[0] === \"number\") {\r\n    return data as number[];\r\n  }\r\n\r\n  // Handle [x, y] tuples\r\n  if (Array.isArray(data[0])) {\r\n    return data;\r\n  }\r\n\r\n  // Handle DataPoint or TimeSeriesPoint\r\n  const firstItem = data[0] as DataPoint | TimeSeriesPoint;\r\n\r\n  if (\"time\" in firstItem) {\r\n    // TimeSeriesPoint\r\n    return (data as TimeSeriesPoint[]).map((d) => [d.time, d.value]);\r\n  }\r\n\r\n  // For pie/donut charts, ECharts expects { name, value } format\r\n  if (type === \"pie\" || type === \"donut\") {\r\n    return (data as DataPoint[]).map((d) => ({\r\n      name: String(d.x),\r\n      value: d.y,\r\n      // Apply color via itemStyle if specified\r\n      ...(d.color ? { itemStyle: { color: d.color } } : {}),\r\n      // Preserve any additional metadata\r\n      ...(d.meta || {}),\r\n    }));\r\n  }\r\n\r\n  // For scatter charts, preserve per-point color as itemStyle\r\n  if (type === \"scatter\") {\r\n    return (data as DataPoint[]).map((d) => ({\r\n      value: [d.x, d.y],\r\n      ...(d.color ? { itemStyle: { color: d.color } } : {}),\r\n      ...(d.label ? { name: d.label } : {}),\r\n    }));\r\n  }\r\n\r\n  // DataPoint for other chart types\r\n  return (data as DataPoint[]).map((d) => [d.x, d.y]);\r\n}\r\n\r\n// =============================================================================\r\n// Options Builder\r\n// =============================================================================\r\n\r\nfunction buildEChartsOptions(\r\n  props: AstroChartProps,\r\n  theme: ReturnType<typeof createAstroEChartsTheme>,\r\n  hideTitle = false,\r\n): EChartsOption {\r\n  const {\r\n    type,\r\n    series,\r\n    title,\r\n    subtitle,\r\n    xAxis,\r\n    yAxis,\r\n    tooltip,\r\n    legend,\r\n    zoom,\r\n    annotations,\r\n    loading,\r\n    compactAxes = true, // Default: hide axis names for more chart space\r\n  } = props;\r\n\r\n  // Hide title when using custom header (transparent theme with icon)\r\n  const showEChartsTitle = title && !hideTitle;\r\n\r\n  // Note: When compactAxes is true, axis names are hidden from the chart\r\n  // but developers can access xAxis.name and yAxis.name via props for custom tooltips\r\n\r\n  const isPolar = type === \"radar\";\r\n  const isPie = type === \"pie\" || type === \"donut\";\r\n  const isGauge = type === \"gauge\";\r\n  const isSankey = type === \"sankey\";\r\n  const isTreemap = type === \"treemap\" || type === \"sunburst\";\r\n  const isGraph =\r\n    props.echartsOptions?.series &&\r\n    Array.isArray(props.echartsOptions.series) &&\r\n    props.echartsOptions.series.some(\r\n      (s: unknown) => (s as { type?: string })?.type === \"graph\",\r\n    );\r\n\r\n  // Detect 3D charts (they use grid3D, xAxis3D, etc. - should NOT have 2D axes)\r\n  const is3D = !!(\r\n    props.echartsOptions?.grid3D ||\r\n    props.echartsOptions?.xAxis3D ||\r\n    props.echartsOptions?.globe ||\r\n    (props.echartsOptions?.series &&\r\n      Array.isArray(props.echartsOptions.series) &&\r\n      props.echartsOptions.series.some((s: unknown) => {\r\n        const seriesType = (s as { type?: string })?.type || \"\";\r\n        return seriesType.includes(\"3D\") || seriesType.includes(\"3d\");\r\n      }))\r\n  );\r\n\r\n  // Charts that don't need cartesian grid/axes\r\n  const needsGrid =\r\n    !isPolar &&\r\n    !isPie &&\r\n    !isGauge &&\r\n    !isSankey &&\r\n    !isTreemap &&\r\n    !isGraph &&\r\n    !is3D &&\r\n    !props.hideAxes;\r\n\r\n  /** Whether the right margin needs to leave room for a mark line's own label. */\r\n  const hasEndLabelledMarkLine = !!annotations?.markLines?.data.some(\r\n    (line) => line.labelPosition === \"end\",\r\n  );\r\n\r\n  // Calculate layout based on title and legend position\r\n  // Default legend to bottom for better chart space utilization\r\n  // When using custom header (hideTitle=true), we still need top spacing for the header\r\n  const hasTitle = hideTitle ? true : !!title;\r\n  const hasSubtitle = hideTitle ? false : !!subtitle;\r\n  const legendPosition = legend?.position ?? \"bottom\"; // Default to bottom\r\n  const legendAtTop = legendPosition === \"top\";\r\n  const legendAtBottom = legendPosition === \"bottom\";\r\n  const showLegend = legend?.show !== false;\r\n\r\n  // Build options\r\n  const options: EChartsOption = {\r\n    // Title - positioned to avoid legend overlap (hidden when using custom header)\r\n    title: showEChartsTitle\r\n      ? {\r\n          text: title,\r\n          subtext: subtitle,\r\n          left: \"center\",\r\n          top: legendAtTop && showLegend ? 35 : 10,\r\n          textStyle: {\r\n            ...theme.title.textStyle,\r\n            fontWeight:\r\n              (theme.title.textStyle.fontWeight as \"normal\" | \"bold\") ??\r\n              \"normal\",\r\n          },\r\n          subtextStyle: theme.title.subtextStyle,\r\n        }\r\n      : undefined,\r\n\r\n    // Tooltip with improved contrast\r\n    // When compactAxes is true, axis names are shown in the axisPointer label on hover\r\n    tooltip:\r\n      tooltip?.enabled !== false\r\n        ? ({\r\n            trigger: tooltip?.trigger || (isPie ? \"item\" : \"axis\"),\r\n            axisPointer: {\r\n              type:\r\n                tooltip?.crosshair === true || tooltip?.crosshair === \"both\"\r\n                  ? \"cross\"\r\n                  : \"line\",\r\n              lineStyle: theme.axisPointer.lineStyle,\r\n              crossStyle: theme.axisPointer.crossStyle,\r\n              // Show axis value labels on hover (includes axis name context)\r\n              label: compactAxes\r\n                ? {\r\n                    show: true,\r\n                    backgroundColor: theme.tooltip.backgroundColor,\r\n                    borderColor: theme.tooltip.borderColor,\r\n                    color: theme.tooltip.textStyle.color,\r\n                    fontSize: 11,\r\n                    padding: [4, 8],\r\n                    // Add axis name prefix to the label when in compact mode\r\n                    formatter: (params: {\r\n                      axisDimension: string;\r\n                      axisIndex: number;\r\n                      value: number | string;\r\n                    }) => {\r\n                      const axisName =\r\n                        params.axisDimension === \"x\"\r\n                          ? xAxis?.name\r\n                          : Array.isArray(yAxis)\r\n                            ? yAxis[params.axisIndex]?.name\r\n                            : yAxis?.name;\r\n                      const value =\r\n                        typeof params.value === \"number\"\r\n                          ? params.value.toLocaleString()\r\n                          : params.value;\r\n                      return axisName ? `${axisName}: ${value}` : String(value);\r\n                    },\r\n                  }\r\n                : undefined,\r\n            },\r\n            backgroundColor: theme.tooltip.backgroundColor,\r\n            borderColor: theme.tooltip.borderColor,\r\n            borderWidth: theme.tooltip.borderWidth,\r\n            textStyle: {\r\n              ...theme.tooltip.textStyle,\r\n              fontSize: 14, // AstroUXDS minimum 14pt\r\n            },\r\n            extraCssText: theme.tooltip.extraCssText,\r\n            confine: tooltip?.confine ?? true,\r\n            formatter: tooltip?.formatter as unknown as undefined,\r\n          } as any)\r\n        : undefined,\r\n\r\n    // Legend - ultra-compact styling for maximum chart space\r\n    legend: showLegend\r\n      ? {\r\n          show: true,\r\n          type: \"scroll\",\r\n          orient: legend?.orient || \"horizontal\",\r\n          left:\r\n            legend?.position === \"left\"\r\n              ? \"left\"\r\n              : legend?.position === \"right\"\r\n                ? \"right\"\r\n                : \"center\",\r\n          top: legendAtTop ? 4 : undefined,\r\n          bottom: legendAtBottom ? 2 : undefined,\r\n          padding: [2, 6],\r\n          itemGap: 8,\r\n          itemWidth: 12,\r\n          itemHeight: 6,\r\n          textStyle: {\r\n            ...theme.legend.textStyle,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n          },\r\n          inactiveColor: theme.legend.inactiveColor,\r\n          selectedMode: legend?.interactive !== false,\r\n        }\r\n      : { show: false },\r\n\r\n    // Grid - minimal spacing for maximum chart plotting area\r\n    // When compactAxes is true, axis names are hidden so we need minimal padding\r\n    // containLabel: true ensures axis tick labels don't get cut off\r\n    // Extra space only needed for slider zoom (inside zoom is invisible)\r\n    grid: needsGrid\r\n      ? {\r\n          left: compactAxes ? 8 : 40,\r\n          right:\r\n            Array.isArray(yAxis) && yAxis.length > 1\r\n              ? compactAxes\r\n                ? 8\r\n                : 40\r\n              // A mark line labelled \"end\" reads its value off to the right\r\n              // of the plot, past the axis — the 8px this chart otherwise\r\n              // reserves is enough for the axis alone and clips the label's\r\n              // own box.\r\n              : hasEndLabelledMarkLine\r\n                ? 70\r\n                : 8,\r\n          top: hasTitle\r\n            ? hasSubtitle\r\n              ? 50\r\n              : 36\r\n            : legendAtTop && showLegend\r\n              ? 26\r\n              : 4,\r\n          bottom:\r\n            (legendAtBottom && showLegend ? 26 : 16) +\r\n            (zoom?.type === \"slider\" || zoom?.type === \"both\" ? 26 : 0),\r\n          containLabel: true,\r\n        }\r\n      : undefined,\r\n\r\n    // X Axis - compact font sizes for more chart space\r\n    // In compact mode, hide axis name (shown in tooltip instead)\r\n    xAxis: needsGrid\r\n      ? {\r\n          type: (xAxis?.type || \"time\") as\r\n            | \"value\"\r\n            | \"category\"\r\n            | \"time\"\r\n            | \"log\",\r\n          name: compactAxes ? undefined : xAxis?.name,\r\n          nameLocation: xAxis?.nameLocation || \"middle\",\r\n          nameGap: 18,\r\n          nameTextStyle: {\r\n            ...theme.xAxis.nameTextStyle,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n            fontWeight: 500,\r\n          },\r\n          min: xAxis?.min,\r\n          max: xAxis?.max,\r\n          axisLine: {\r\n            show: xAxis?.showLine !== false,\r\n            lineStyle: theme.xAxis.axisLine.lineStyle,\r\n          },\r\n          axisTick: {\r\n            lineStyle: theme.xAxis.axisTick.lineStyle,\r\n          },\r\n          axisLabel: {\r\n            ...theme.xAxis.axisLabel,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n            // A caller's own spec wins over the shared theme, for this\r\n            // axis only — see `labelStyle` on AxisOptions.\r\n            ...xAxis?.labelStyle,\r\n            formatter: xAxis?.labelFormatter as unknown as undefined,\r\n            // Prevent label overlap - auto-hide overlapping labels\r\n            hideOverlap: true,\r\n            // Rotate labels slightly if needed for better fit\r\n            rotate: 0,\r\n            // Show fewer labels when space is tight\r\n            interval: \"auto\",\r\n          },\r\n          splitLine: {\r\n            show: xAxis?.showGrid !== false,\r\n            lineStyle: {\r\n              ...theme.xAxis.splitLine.lineStyle,\r\n              type:\r\n                (theme.xAxis.splitLine.lineStyle.type as\r\n                  | \"solid\"\r\n                  | \"dashed\"\r\n                  | \"dotted\") ?? \"solid\",\r\n              ...xAxis?.gridStyle,\r\n            },\r\n          },\r\n          inverse: xAxis?.inverse,\r\n        }\r\n      : undefined,\r\n\r\n    // Y Axis - ultra-compact font sizes for maximum chart space\r\n    // In compact mode, hide axis name (shown in tooltip instead)\r\n    yAxis: (needsGrid\r\n      ? (Array.isArray(yAxis) ? yAxis : [yAxis || {}]).map((axis, i) => ({\r\n          type: (axis?.type || \"value\") as\r\n            | \"value\"\r\n            | \"category\"\r\n            | \"time\"\r\n            | \"log\",\r\n          name: compactAxes ? undefined : axis?.name,\r\n          nameLocation: axis?.nameLocation || \"middle\",\r\n          nameGap: 28,\r\n          nameTextStyle: {\r\n            ...theme.yAxis.nameTextStyle,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n            fontWeight: 500,\r\n          },\r\n          position: axis?.position || (i === 0 ? \"left\" : \"right\"),\r\n          min: axis?.min,\r\n          max: axis?.max,\r\n          splitNumber: axis?.splitNumber,\r\n          axisLine: {\r\n            show: axis?.showLine !== false,\r\n            lineStyle: theme.yAxis.axisLine.lineStyle,\r\n          },\r\n          axisTick: {\r\n            lineStyle: theme.yAxis.axisTick.lineStyle,\r\n          },\r\n          axisLabel: {\r\n            ...theme.yAxis.axisLabel,\r\n            fontSize: 10, // Ultra-compact for maximum chart space\r\n            ...axis?.labelStyle,\r\n            formatter: axis?.labelFormatter\r\n              ? (axis.labelFormatter as unknown as undefined)\r\n              : axis?.unit\r\n                ? (v: number) => `${v}${axis.unit}`\r\n                : undefined,\r\n          },\r\n          splitLine: {\r\n            show: axis?.showGrid !== false,\r\n            lineStyle: { ...theme.yAxis.splitLine.lineStyle, ...axis?.gridStyle },\r\n          },\r\n          inverse: axis?.inverse,\r\n        }))\r\n      : undefined) as EChartsOption[\"yAxis\"],\r\n\r\n    // Radar (for radar charts) - transparent background for glassmorphic look\r\n    radar: isPolar\r\n      ? {\r\n          indicator:\r\n            series[0]?.data?.map((d: unknown) => {\r\n              const point = d as DataPoint;\r\n              return {\r\n                name: point.label || point.category || String(point.x),\r\n                max: 100,\r\n              };\r\n            }) || [],\r\n          splitArea: {\r\n            show: true,\r\n            areaStyle: {\r\n              color: [\r\n                \"transparent\",\r\n                \"transparent\",\r\n                \"transparent\",\r\n                \"transparent\",\r\n                \"transparent\",\r\n              ],\r\n            },\r\n          },\r\n          splitLine: {\r\n            lineStyle: {\r\n              color: theme.xAxis.splitLine.lineStyle.color,\r\n              opacity: 0.4,\r\n            },\r\n          },\r\n          axisLine: {\r\n            lineStyle: {\r\n              color: theme.xAxis.axisLine.lineStyle.color,\r\n              opacity: 0.4,\r\n            },\r\n          },\r\n          axisName: {\r\n            color: theme.xAxis.axisLabel.color,\r\n            fontSize: 12,\r\n          },\r\n        }\r\n      : undefined,\r\n\r\n    // Data Zoom - inside zoom enabled by default for mouse wheel/pinch\r\n    // Use zoom={{ enabled: false }} to disable, or zoom={{ type: 'slider' }} for slider\r\n    dataZoom:\r\n      zoom?.enabled === false\r\n        ? undefined\r\n        : [\r\n            // Inside zoom (mouse wheel / pinch) - ENABLED BY DEFAULT\r\n            ...(zoom?.type === \"inside\" || zoom?.type === \"both\" || !zoom?.type\r\n              ? [\r\n                  {\r\n                    type: \"inside\" as const,\r\n                    xAxisIndex:\r\n                      zoom?.axis === \"x\" || zoom?.axis === \"both\" || !zoom?.axis\r\n                        ? 0\r\n                        : undefined,\r\n                    yAxisIndex:\r\n                      zoom?.axis === \"y\" || zoom?.axis === \"both\"\r\n                        ? 0\r\n                        : undefined,\r\n                    start: zoom?.start ?? 0,\r\n                    end: zoom?.end ?? 100,\r\n                    minSpan: zoom?.minSpan,\r\n                    maxSpan: zoom?.maxSpan,\r\n                    // Smooth zoom animation\r\n                    throttle: 50,\r\n                  },\r\n                ]\r\n              : []),\r\n            // Slider zoom (only when explicitly requested)\r\n            ...(zoom?.type === \"slider\" || zoom?.type === \"both\"\r\n              ? [\r\n                  {\r\n                    type: \"slider\" as const,\r\n                    show: true,\r\n                    xAxisIndex:\r\n                      zoom?.axis === \"x\" || zoom?.axis === \"both\"\r\n                        ? 0\r\n                        : undefined,\r\n                    yAxisIndex:\r\n                      zoom?.axis === \"y\" || zoom?.axis === \"both\"\r\n                        ? 0\r\n                        : undefined,\r\n                    start: zoom?.start ?? 0,\r\n                    end: zoom?.end ?? 100,\r\n                    minSpan: zoom?.minSpan,\r\n                    maxSpan: zoom?.maxSpan,\r\n                    backgroundColor: theme.dataZoom.backgroundColor,\r\n                    borderColor: theme.dataZoom.borderColor,\r\n                    fillerColor: theme.dataZoom.fillerColor,\r\n                    handleStyle: { color: theme.dataZoom.handleColor },\r\n                    textStyle: theme.dataZoom.textStyle,\r\n                    height: 25,\r\n                    bottom: 10,\r\n                  },\r\n                ]\r\n              : []),\r\n          ],\r\n\r\n    // Toolbox (export) – always use custom dropdown for consistent UI\r\n    toolbox: props.export?.enabled\r\n      ? (() => {\r\n          return {\r\n            show: false, // Hide ECharts toolbox, use custom export button instead\r\n            right: 20,\r\n            top: 10,\r\n            feature: {\r\n              dataView: props.export.formats?.includes(\"json\")\r\n                ? {\r\n                    show: true,\r\n                    readOnly: true,\r\n                  }\r\n                : undefined,\r\n            },\r\n            iconStyle: {\r\n              borderColor: theme.textStyle.color,\r\n            },\r\n          };\r\n        })()\r\n      : undefined,\r\n\r\n    // Series\r\n    series: transformSeriesToECharts(series, type, theme),\r\n\r\n    // Animation\r\n    animation: !loading,\r\n    animationDuration: 300,\r\n    animationEasing: \"cubicOut\",\r\n  };\r\n\r\n  // Add mark lines (thresholds)\r\n  if (annotations?.markLines && options.series) {\r\n    const seriesArray = options.series as Array<Record<string, unknown>>;\r\n    if (seriesArray.length > 0) {\r\n      seriesArray[0].markLine = {\r\n        silent: true,\r\n        symbol: \"none\",\r\n        // A threshold is a fact about the data, already there when the chart\r\n        // first draws — animating it in, on every redraw the chart's own\r\n        // `notMerge` gives it, read as the line restarting rather than\r\n        // holding still.\r\n        animation: false,\r\n        data: annotations.markLines.data.map((line) => ({\r\n          ...line,\r\n          lineStyle: {\r\n            color: line.color || theme.color[2],\r\n            type: line.lineStyle?.type || \"dashed\",\r\n            width: line.lineStyle?.width || 1,\r\n          },\r\n          label: {\r\n            show: !!line.label,\r\n            formatter: line.label,\r\n            position: line.labelPosition || \"middle\", // center by default, so the label doesn't overlap the y-axis at bottom\r\n            distance: 6,\r\n            color: theme.textStyle.color,\r\n            fontWeight: 500,\r\n            fontSize: 9.5,\r\n            textBorderWidth: 0,\r\n            textBorderColor: \"transparent\",\r\n            backgroundColor: theme.tooltip.backgroundColor,\r\n            borderColor: line.color || theme.color[2],\r\n            borderWidth: 0.75,\r\n            borderRadius: 3,\r\n            padding: [1, 5],\r\n          },\r\n        })),\r\n      };\r\n    }\r\n  }\r\n\r\n  // Add mark areas (regions) — label style: no white border, crisp and slightly faded; optional icon\r\n  if (annotations?.markAreas && options.series) {\r\n    const seriesArray = options.series as Array<Record<string, unknown>>;\r\n    const axisLabelColor =\r\n      (theme.xAxis as { axisLabel?: { color?: string } })?.axisLabel?.color ??\r\n      theme.textStyle?.color ??\r\n      \"#94a3b8\";\r\n    const fadedColor = axisLabelColor.startsWith(\"rgba\")\r\n      ? axisLabelColor\r\n      : `${axisLabelColor}cc`;\r\n    const defaultLabelStyle = {\r\n      show: true,\r\n      color: fadedColor,\r\n      fontSize: 11,\r\n      fontWeight: \"500\" as const,\r\n      textBorderWidth: 0,\r\n      textBorderColor: \"transparent\",\r\n      formatter: (params: { name?: string; value?: unknown }) => {\r\n        const name =\r\n          (params?.name ?? \"\") ||\r\n          (typeof params?.value === \"string\" ? params.value : \"\");\r\n        if (!name) return \"\";\r\n        const icon = name.toLowerCase().includes(\"eclipse\") ? \"\\u25D0 \" : \"\"; // ◐ symbol for eclipse\r\n        return icon ? `${icon}${name}` : name;\r\n      },\r\n    };\r\n    if (seriesArray.length > 0) {\r\n      seriesArray[0].markArea = {\r\n        silent: true,\r\n        data: annotations.markAreas.data.map(\r\n          (\r\n            pair: [\r\n              { xAxis?: number | string; yAxis?: number; name?: string },\r\n              { xAxis?: number | string; yAxis?: number },\r\n            ],\r\n          ) => {\r\n            const [start, end] = pair;\r\n            return [\r\n              {\r\n                ...start,\r\n                label: {\r\n                  ...defaultLabelStyle,\r\n                  formatter: defaultLabelStyle.formatter,\r\n                },\r\n              },\r\n              end,\r\n            ];\r\n          },\r\n        ),\r\n        itemStyle: annotations.markAreas.itemStyle,\r\n      };\r\n    }\r\n  }\r\n\r\n  // Merge custom options\r\n  if (props.echartsOptions) {\r\n    return mergeOptions(options, props.echartsOptions);\r\n  }\r\n\r\n  return options;\r\n}\r\n\r\nfunction mergeOptions(\r\n  base: EChartsOption,\r\n  custom: Partial<EChartsOption>,\r\n): EChartsOption {\r\n  // Smart series merging logic\r\n  let mergedSeries = base.series;\r\n\r\n  if (custom.series) {\r\n    const baseSeries =\r\n      (base.series as Array<{ type?: string; data?: unknown[] }>) || [];\r\n    const customSeries = custom.series as unknown[];\r\n\r\n    // Check if all base series are empty (no data or empty data array)\r\n    const allBaseSeriesEmpty =\r\n      baseSeries.length === 0 ||\r\n      baseSeries.every((s) => {\r\n        if (!s) return true;\r\n        if (!s.data) return true;\r\n        if (Array.isArray(s.data) && s.data.length === 0) return true;\r\n        return false;\r\n      });\r\n\r\n    // Single full override: presets (e.g. GaugeChart) pass one full series config; use it only so we don't render two gauges\r\n    const baseLen = baseSeries.length;\r\n    const customLen = customSeries.length;\r\n    if (baseLen === 1 && customLen === 1) {\r\n      const b = baseSeries[0];\r\n      const c = customSeries[0] as { type?: string };\r\n      if (b?.type === \"gauge\" && c?.type === \"gauge\") {\r\n        mergedSeries = customSeries as EChartsOption[\"series\"];\r\n      } else if (allBaseSeriesEmpty) {\r\n        mergedSeries = customSeries as EChartsOption[\"series\"];\r\n      } else {\r\n        mergedSeries = [\r\n          ...baseSeries,\r\n          ...customSeries,\r\n        ] as EChartsOption[\"series\"];\r\n      }\r\n    } else if (allBaseSeriesEmpty) {\r\n      mergedSeries = customSeries as EChartsOption[\"series\"];\r\n    } else {\r\n      mergedSeries = [\r\n        ...baseSeries,\r\n        ...customSeries,\r\n      ] as EChartsOption[\"series\"];\r\n    }\r\n  }\r\n\r\n  return {\r\n    ...base,\r\n    ...custom,\r\n    series: mergedSeries,\r\n  };\r\n}\r\n\r\n// =============================================================================\r\n// Main Component\r\n// =============================================================================\r\n\r\nexport const AstroChart = memo(\r\n  forwardRef<AstroChartHandle, AstroChartProps>(\r\n    function AstroChart(props, ref) {\r\n      const {\r\n        width = \"100%\",\r\n        height = 400,\r\n        loading = false,\r\n        emptyMessage = \"No data available\",\r\n        className = \"\",\r\n        style,\r\n        ariaLabel,\r\n        onChartReady,\r\n        onClick,\r\n        onHover,\r\n        onZoomChange,\r\n        onBrushSelect,\r\n        realTime,\r\n        series = [],\r\n        infoTooltip,\r\n        // Header icon/status system\r\n        icon,\r\n        iconStatus,\r\n        statusMessage,\r\n        showStatusBadge = false,\r\n      } = props;\r\n\r\n      const chartRef = useRef<ReactEChartsCore>(null);\r\n      const { tokens, mode, theme: themeVariant } = useTheme();\r\n\r\n      // Detect transparent theme for glassmorphic styling\r\n      const isTransparentTheme =\r\n        themeVariant === \"transparent\" ||\r\n        themeVariant === \"transparent-bold\" ||\r\n        themeVariant === \"transparent-minimal\";\r\n      const isBoldVariant = themeVariant === \"transparent-bold\";\r\n      const isMinimalVariant = themeVariant === \"transparent-minimal\";\r\n\r\n      // Get card border style based on accentBorders setting\r\n      const cardBorderStyle = useCardBorderStyle(tokens, isTransparentTheme);\r\n\r\n      // Glass accent colors for bold/minimal themes (matching Container)\r\n      const glassAccentColor = tokens.colors.accent.primary;\r\n      const glassAccentMuted = `${glassAccentColor}66`;\r\n\r\n      const headingConfig = tokens.layout?.card?.heading ?? {\r\n        iconSize: 20,\r\n        iconSizeCompact: 16,\r\n        titleFontSize: \"1.125rem\",\r\n        titleFontSizeChart: \"0.875rem\",\r\n        titleFontWeight: 500,\r\n        gap: 8,\r\n      };\r\n      const chartTitleFontSize =\r\n        headingConfig.titleFontSizeChart ?? headingConfig.titleFontSize;\r\n\r\n      // Generate theme - uses official AstroUXDS colors for 'astro' theme, Zendir colors for others\r\n      const theme = useMemo(\r\n        () => createAstroEChartsTheme(tokens, mode, themeVariant),\r\n        [tokens, mode, themeVariant],\r\n      );\r\n\r\n      // Build options - hide ECharts title whenever we show custom header (top-left, all themes)\r\n      const hideEChartsTitle = !!(icon || props.title);\r\n      const options = useMemo(\r\n        () => buildEChartsOptions(props, theme, hideEChartsTitle),\r\n        [props, theme, hideEChartsTitle],\r\n      );\r\n\r\n      // Get chart instance.\r\n      // echarts-for-react types the instance via echarts/core's internal\r\n      // EChartsType, while callers here consume the public `ECharts` type from\r\n      // 'echarts'. They are the same runtime object, so bridge the two nominal\r\n      // declarations at this single boundary.\r\n      const getChart = useCallback((): ECharts | undefined => {\r\n        return chartRef.current?.getEchartsInstance() as unknown as\r\n          | ECharts\r\n          | undefined;\r\n      }, []);\r\n\r\n      // Dynamic export filename from title, series names, chart type\r\n      const getExportFileName = useCallback(\r\n        (extension?: string, includeTimestamp = true) => {\r\n          const context: ExportFileNameContext = {\r\n            title: props.title,\r\n            subtitle: props.subtitle,\r\n            seriesNames: series.map((s) => s.name),\r\n            chartType: props.type,\r\n          };\r\n          let base: string;\r\n          if (props.export?.getExportFileName) {\r\n            base = props.export.getExportFileName(context);\r\n          } else if (props.export?.fileName) {\r\n            base = props.export.fileName;\r\n          } else {\r\n            base = derivedExportBaseName(\r\n              props.title,\r\n              context.seriesNames,\r\n              props.type,\r\n            );\r\n          }\r\n          if (includeTimestamp) {\r\n            const d = new Date();\r\n            const ts = d\r\n              .toISOString()\r\n              .slice(0, 19)\r\n              .replace(/[-T:]/g, \"\")\r\n              .replace(/(\\d{8})(\\d{6})/, \"$1-$2\");\r\n            base = `${base}-${ts}`;\r\n          }\r\n          if (extension) base = `${base}.${extension.replace(/^\\./, \"\")}`;\r\n          return base;\r\n        },\r\n        [props.title, props.subtitle, props.type, props.export, series],\r\n      );\r\n\r\n      // Expose imperative handle\r\n      useImperativeHandle(\r\n        ref,\r\n        () => ({\r\n          getChart,\r\n          resize: () => getChart()?.resize(),\r\n          getExportFileName,\r\n          exportImage: (type = \"png\", pixelRatio = 2) => {\r\n            const chart = getChart();\r\n            if (!chart) return undefined;\r\n            const imgType = type === \"jpg\" ? \"jpeg\" : type;\r\n            return chart.getDataURL({\r\n              type: imgType as \"png\" | \"jpeg\" | \"svg\",\r\n              pixelRatio,\r\n              backgroundColor: \"transparent\",\r\n            });\r\n          },\r\n          exportCSV: () => {\r\n            const rows: string[] = [];\r\n            const headers = [\"Index\", ...series.map((s) => s.name)];\r\n            rows.push(headers.join(\",\"));\r\n\r\n            const maxLen = Math.max(...series.map((s) => s.data?.length || 0));\r\n            for (let i = 0; i < maxLen; i++) {\r\n              const row = [i.toString()];\r\n              for (const s of series) {\r\n                const data = s.data as unknown[];\r\n                const value = data?.[i];\r\n                if (typeof value === \"number\") {\r\n                  row.push(value.toString());\r\n                } else if (Array.isArray(value)) {\r\n                  row.push(value[1]?.toString() || \"\");\r\n                } else if (value && typeof value === \"object\") {\r\n                  const point = value as DataPoint | TimeSeriesPoint;\r\n                  row.push(\r\n                    (\"value\" in point ? point.value : point.y)?.toString() ||\r\n                      \"\",\r\n                  );\r\n                } else {\r\n                  row.push(\"\");\r\n                }\r\n              }\r\n              rows.push(row.join(\",\"));\r\n            }\r\n            return rows.join(\"\\n\");\r\n          },\r\n          appendData: (\r\n            seriesIndex: number,\r\n            data: DataPoint | TimeSeriesPoint,\r\n          ) => {\r\n            const chart = getChart();\r\n            if (!chart) return;\r\n\r\n            // Get current data\r\n            const option = chart.getOption();\r\n            const seriesOpt = (option.series as Array<{ data: unknown[] }>)?.[\r\n              seriesIndex\r\n            ];\r\n            if (!seriesOpt) return;\r\n\r\n            const currentData = [...(seriesOpt.data || [])];\r\n            const newPoint =\r\n              \"time\" in data ? [data.time, data.value] : [data.x, data.y];\r\n\r\n            currentData.push(newPoint);\r\n\r\n            // Apply max points limit\r\n            const maxPoints = realTime?.maxPoints || 1000;\r\n            while (currentData.length > maxPoints) {\r\n              currentData.shift();\r\n            }\r\n\r\n            // Update chart\r\n            chart.setOption(\r\n              {\r\n                series: [\r\n                  {\r\n                    data: currentData,\r\n                  },\r\n                ],\r\n              },\r\n              {\r\n                replaceMerge: [\"series\"],\r\n              },\r\n            );\r\n          },\r\n          clearData: () => {\r\n            const chart = getChart();\r\n            if (!chart) return;\r\n\r\n            chart.setOption({\r\n              series: series.map(() => ({ data: [] })),\r\n            });\r\n          },\r\n          dispatchAction: (action: unknown) => {\r\n            getChart()?.dispatchAction(\r\n              action as Parameters<ECharts[\"dispatchAction\"]>[0],\r\n            );\r\n          },\r\n          setCursor: (value: number | null, cursorOptions) => {\r\n            const chart = getChart();\r\n            if (!chart) return;\r\n\r\n            if (value === null) {\r\n              chart.setOption({\r\n                graphic: [{ id: CURSOR_ID, $action: \"remove\" }],\r\n              } as EChartsOption);\r\n              return;\r\n            }\r\n\r\n            // Pixel position has to come from the chart, since the axis may be\r\n            // zoomed, reversed or log-scaled and the caller knows none of that.\r\n            const x = chart.convertToPixel({ xAxisIndex: 0 }, value);\r\n            if (typeof x !== \"number\" || Number.isNaN(x)) return;\r\n\r\n            chart.setOption({\r\n              graphic: [\r\n                {\r\n                  id: CURSOR_ID,\r\n                  type: \"line\",\r\n                  // Above the series but not interactive: a cursor that\r\n                  // swallowed pointer events would break hovering the very\r\n                  // chart it sits on.\r\n                  z: 100,\r\n                  silent: true,\r\n                  shape: { x1: x, y1: 0, x2: x, y2: chart.getHeight() },\r\n                  style: {\r\n                    stroke: cursorOptions?.color ?? \"#8744F3\",\r\n                    lineWidth: 1.5,\r\n                    lineDash: [3, 2],\r\n                  },\r\n                },\r\n              ],\r\n            } as EChartsOption);\r\n          },\r\n        }),\r\n        [getChart, series, realTime],\r\n      );\r\n\r\n      // Zoom preservation: ReactEChartsCore re-renders with notMerge=true whenever\r\n      // `options` changes (which happens on every series-data update). Without this,\r\n      // streaming charts snap back to start=0/end=100 each frame, defeating user\r\n      // pan/zoom.\r\n      //\r\n      // We capture user pan/zoom on the `datazoom` event and replay it after every\r\n      // option update. For streaming time-series we MUST use absolute axis values\r\n      // (startValue/endValue) — preserving percent (start/end) would slide the\r\n      // window forward as new data extends the axis, which feels exactly like a\r\n      // zoom reset from the operator's perspective. Percent is saved as a fallback\r\n      // for category/non-numeric axes where absolute values aren't meaningful.\r\n      //\r\n      // `programmaticRef` suppresses the datazoom event we ourselves dispatch so\r\n      // we don't overwrite the saved range with the values just replayed.\r\n      type ZoomState = {\r\n        start?: number;\r\n        end?: number;\r\n        startValue?: number | string;\r\n        endValue?: number | string;\r\n      };\r\n      const userZoomRef = useRef<ZoomState | null>(null);\r\n      const programmaticRef = useRef(false);\r\n\r\n      // Event handlers\r\n      const handleEvents = useMemo(() => {\r\n        const events: Record<string, (params: unknown) => void> = {};\r\n\r\n        if (onClick) {\r\n          events.click = (params: unknown) => {\r\n            onClick(params as ChartEventParams);\r\n          };\r\n        }\r\n\r\n        if (onHover) {\r\n          events.mouseover = (params: unknown) => {\r\n            onHover(params as ChartEventParams);\r\n          };\r\n        }\r\n\r\n        // Always wire datazoom so we can persist zoom state across data updates.\r\n        // `onZoomChange` (if provided) is invoked alongside.\r\n        events.datazoom = (params: unknown) => {\r\n          if (programmaticRef.current) {\r\n            // This event fired as a result of our own dispatchAction replay — ignore\r\n            // so we don't keep overwriting the saved range from the user's last gesture.\r\n            programmaticRef.current = false;\r\n            return;\r\n          }\r\n          type DZParams = {\r\n            start?: number;\r\n            end?: number;\r\n            startValue?: number | string;\r\n            endValue?: number | string;\r\n            batch?: Array<{\r\n              start?: number;\r\n              end?: number;\r\n              startValue?: number | string;\r\n              endValue?: number | string;\r\n            }>;\r\n          };\r\n          const p = params as DZParams;\r\n          const b = p.batch?.[0];\r\n          const start = b?.start ?? p.start ?? 0;\r\n          const end = b?.end ?? p.end ?? 100;\r\n          const startValue = b?.startValue ?? p.startValue;\r\n          const endValue = b?.endValue ?? p.endValue;\r\n          // Only remember user-applied zoom; ignore the no-op full range so a\r\n          // double-click \"reset\" returns to auto-follow behavior on the next update.\r\n          const isFullRange = start <= 0 && end >= 100;\r\n          userZoomRef.current = isFullRange\r\n            ? null\r\n            : { start, end, startValue, endValue };\r\n          if (onZoomChange) onZoomChange({ start, end });\r\n        };\r\n\r\n        if (onBrushSelect) {\r\n          events.brushselected = (params: unknown) => {\r\n            onBrushSelect(\r\n              params as Parameters<NonNullable<typeof onBrushSelect>>[0],\r\n            );\r\n          };\r\n        }\r\n\r\n        return events;\r\n      }, [onClick, onHover, onZoomChange, onBrushSelect]);\r\n\r\n      // After every options update, replay the user's zoom selection so streaming\r\n      // data doesn't reset their view. Prefer absolute axis values when available\r\n      // so the window stays anchored to the time range the user picked, not a\r\n      // percentage that slides as more data arrives.\r\n      useEffect(() => {\r\n        const saved = userZoomRef.current;\r\n        if (!saved) return;\r\n        const chart = getChart() as\r\n          | (ECharts & { isDisposed?: () => boolean })\r\n          | undefined;\r\n        // Guard against firing into a disposed instance — happens when parents\r\n        // toggle the chart in/out (e.g. `series.length > 0 ? <AstroChart/> : ...`)\r\n        // and React's effect runs while the previous instance is being torn down.\r\n        if (\r\n          !chart ||\r\n          (typeof chart.isDisposed === \"function\" && chart.isDisposed())\r\n        )\r\n          return;\r\n        const hasAbsolute =\r\n          saved.startValue !== undefined && saved.endValue !== undefined;\r\n        programmaticRef.current = true;\r\n        try {\r\n          chart.dispatchAction(\r\n            hasAbsolute\r\n              ? {\r\n                  type: \"dataZoom\",\r\n                  startValue: saved.startValue,\r\n                  endValue: saved.endValue,\r\n                }\r\n              : { type: \"dataZoom\", start: saved.start, end: saved.end },\r\n          );\r\n        } catch {\r\n          // Instance vanished between the isDisposed check and the call — ignore.\r\n          programmaticRef.current = false;\r\n        }\r\n      }, [options, getChart]);\r\n\r\n      // Chart ready callback\r\n      const handleChartReady = useCallback(\r\n        (chart: unknown) => {\r\n          onChartReady?.(chart);\r\n        },\r\n        [onChartReady],\r\n      );\r\n\r\n      // Custom export dropdown: always show when export is enabled (for consistent UI)\r\n      const exportFormats = props.export?.formats ?? [\"png\"];\r\n      const useCustomExportDropdown = props.export?.enabled;\r\n      const [exportMenuOpen, setExportMenuOpen] = useState(false);\r\n      const exportMenuRef = useRef<HTMLDivElement>(null);\r\n\r\n      // Info tooltip state\r\n      const [infoTooltipOpen, setInfoTooltipOpen] = useState(false);\r\n      const infoTooltipRef = useRef<HTMLDivElement>(null);\r\n\r\n      // Close info tooltip on outside click\r\n      useEffect(() => {\r\n        if (!infoTooltip || !infoTooltipOpen) return;\r\n        const handleClickOutside = (e: MouseEvent) => {\r\n          if (\r\n            infoTooltipRef.current &&\r\n            !infoTooltipRef.current.contains(e.target as Node)\r\n          ) {\r\n            setInfoTooltipOpen(false);\r\n          }\r\n        };\r\n        document.addEventListener(\"mousedown\", handleClickOutside);\r\n        return () =>\r\n          document.removeEventListener(\"mousedown\", handleClickOutside);\r\n      }, [infoTooltip, infoTooltipOpen]);\r\n\r\n      useEffect(() => {\r\n        if (!useCustomExportDropdown || !exportMenuOpen) return;\r\n        const handleClickOutside = (e: MouseEvent) => {\r\n          if (\r\n            exportMenuRef.current &&\r\n            !exportMenuRef.current.contains(e.target as Node)\r\n          ) {\r\n            setExportMenuOpen(false);\r\n          }\r\n        };\r\n        document.addEventListener(\"mousedown\", handleClickOutside);\r\n        return () =>\r\n          document.removeEventListener(\"mousedown\", handleClickOutside);\r\n      }, [useCustomExportDropdown, exportMenuOpen]);\r\n\r\n      const handleExportFormat = useCallback(\r\n        (format: \"png\" | \"jpeg\" | \"svg\" | \"csv\") => {\r\n          const chart = getChart();\r\n          if (format === \"csv\") {\r\n            const rows: string[] = [];\r\n            const headers = [\"Index\", ...series.map((s) => s.name)];\r\n            rows.push(headers.join(\",\"));\r\n            const maxLen = Math.max(...series.map((s) => s.data?.length || 0));\r\n            for (let i = 0; i < maxLen; i++) {\r\n              const row = [i.toString()];\r\n              for (const s of series) {\r\n                const data = s.data as unknown[];\r\n                const value = data?.[i];\r\n                if (typeof value === \"number\") row.push(value.toString());\r\n                else if (Array.isArray(value))\r\n                  row.push(value[1]?.toString() || \"\");\r\n                else if (value && typeof value === \"object\") {\r\n                  const point = value as DataPoint | TimeSeriesPoint;\r\n                  row.push(\r\n                    (\"value\" in point ? point.value : point.y)?.toString() ||\r\n                      \"\",\r\n                  );\r\n                } else row.push(\"\");\r\n              }\r\n              rows.push(row.join(\",\"));\r\n            }\r\n            const csv = rows.join(\"\\n\");\r\n            const filename = getExportFileName(\"csv\", true);\r\n            const blob = new Blob([csv], { type: \"text/csv;charset=utf-8\" });\r\n            const url = URL.createObjectURL(blob);\r\n            const a = document.createElement(\"a\");\r\n            a.href = url;\r\n            a.download = filename;\r\n            a.click();\r\n            URL.revokeObjectURL(url);\r\n          } else if (chart) {\r\n            const imgType = format === \"jpeg\" ? \"jpeg\" : format;\r\n            const dataUrl = chart.getDataURL({\r\n              type: imgType as \"png\" | \"jpeg\" | \"svg\",\r\n              pixelRatio: props.export?.pixelRatio || 2,\r\n              backgroundColor: props.export?.backgroundColor || \"transparent\",\r\n            });\r\n            if (dataUrl) {\r\n              const ext = format === \"jpeg\" ? \"jpg\" : format;\r\n              const filename = getExportFileName(ext, true);\r\n              const a = document.createElement(\"a\");\r\n              a.href = dataUrl;\r\n              a.download = filename;\r\n              a.click();\r\n            }\r\n          }\r\n          setExportMenuOpen(false);\r\n        },\r\n        [\r\n          getChart,\r\n          series,\r\n          getExportFileName,\r\n          props.export?.pixelRatio,\r\n          props.export?.backgroundColor,\r\n        ],\r\n      );\r\n\r\n      // Resize observer (guard so we never resize after unmount/dispose)\r\n      useEffect(() => {\r\n        const chart = getChart();\r\n        if (!chart) return;\r\n\r\n        let mounted = true;\r\n        const resizeObserver = new ResizeObserver(() => {\r\n          if (!mounted) return;\r\n          try {\r\n            chart.resize();\r\n          } catch {\r\n            // Chart may be disposed; ignore\r\n          }\r\n        });\r\n\r\n        const container = chartRef.current?.ele;\r\n        if (container) {\r\n          resizeObserver.observe(container);\r\n        }\r\n\r\n        return () => {\r\n          mounted = false;\r\n          resizeObserver.disconnect();\r\n        };\r\n      }, [getChart]);\r\n\r\n      // echarts-gl 3D series require canvas renderer (SVG mode crashes with isSingleCanvas error)\r\n      const needs3DCanvas = useMemo(() => {\r\n        const eo = props.echartsOptions;\r\n        if (!eo) return false;\r\n        if (\r\n          eo.grid3D ||\r\n          eo.xAxis3D ||\r\n          eo.yAxis3D ||\r\n          eo.zAxis3D ||\r\n          eo.globe ||\r\n          eo.geo3D\r\n        )\r\n          return true;\r\n        if (Array.isArray(eo.series)) {\r\n          return eo.series.some((s: any) => {\r\n            const t = s?.type || \"\";\r\n            return (\r\n              t.includes(\"3D\") ||\r\n              t.includes(\"3d\") ||\r\n              t === \"scatter3D\" ||\r\n              t === \"bar3D\" ||\r\n              t === \"surface\" ||\r\n              t === \"lines3D\"\r\n            );\r\n          });\r\n        }\r\n        return false;\r\n      }, [props.echartsOptions]);\r\n\r\n      // Check if data is empty (consider both series prop and echartsOptions.series)\r\n      const hasSeriesData = series.some((s) => s.data && s.data.length > 0);\r\n      const hasEchartsOptionsSeries =\r\n        props.echartsOptions?.series &&\r\n        (Array.isArray(props.echartsOptions.series)\r\n          ? props.echartsOptions.series.length > 0\r\n          : props.echartsOptions.series !== undefined);\r\n      const hasData = hasSeriesData || hasEchartsOptionsSeries;\r\n\r\n      // Status color mapping for header icon\r\n      const getStatusColor = (status: ChartStatus | undefined): string => {\r\n        switch (status) {\r\n          case \"critical\":\r\n            return tokens.colors.status?.critical || \"#ff3838\";\r\n          case \"serious\":\r\n            return tokens.colors.status?.serious || \"#ffb302\";\r\n          case \"caution\":\r\n            return tokens.colors.status?.caution || \"#fce83a\";\r\n          case \"normal\":\r\n            return tokens.colors.status?.normal || \"#56f000\";\r\n          case \"standby\":\r\n            return tokens.colors.status?.standby || \"#2dccff\";\r\n          case \"off\":\r\n            return tokens.colors.status?.off || \"#a4abb6\";\r\n          default:\r\n            return tokens.colors.text.secondary;\r\n        }\r\n      };\r\n\r\n      // Check if we need to render the header (has icon or title)\r\n      const hasHeader = !!(icon || props.title);\r\n\r\n      // Container styles - glassmorphic for transparent themes (matching Container component)\r\n      // Bold and Minimal themes get special glass styling\r\n      const useGlassMode = isBoldVariant || isMinimalVariant;\r\n\r\n      const containerStyle: React.CSSProperties = {\r\n        width: typeof width === \"number\" ? `${width}px` : width,\r\n        height: typeof height === \"number\" ? `${height}px` : height,\r\n        borderRadius: tokens.borderRadius.lg,\r\n        padding: tokens.spacing.sm,\r\n        position: \"relative\",\r\n        overflow: \"hidden\",\r\n        // Glass mode styling for bold/minimal (matching Container)\r\n        ...(useGlassMode\r\n          ? {\r\n              backgroundColor: \"rgba(10, 15, 25, 0.35)\",\r\n              backdropFilter: \"blur(12px)\",\r\n              WebkitBackdropFilter: \"blur(12px)\",\r\n              border: `1px solid ${glassAccentMuted}`,\r\n              borderTop: isBoldVariant\r\n                ? `2px solid ${glassAccentColor}`\r\n                : `1px solid ${glassAccentColor}`,\r\n              transition: \"all 0.3s ease-out, box-shadow 0.3s ease-out\",\r\n            }\r\n          : isTransparentTheme\r\n            ? {\r\n                // Regular transparent (glass) theme — match top cards (ISS): transparent + blur\r\n                backgroundColor: \"transparent\",\r\n                backdropFilter: \"blur(12px)\",\r\n                WebkitBackdropFilter: \"blur(12px)\",\r\n                ...cardBorderStyle,\r\n              }\r\n            : {\r\n                // Non-transparent themes — use same border as Container (muted) so chart doesn't stand out\r\n                backgroundColor: tokens.colors.background.surface,\r\n                border: `1px solid ${tokens.colors.border.muted}`,\r\n              }),\r\n        ...style,\r\n      };\r\n\r\n      // Glass gradient for bold/minimal themes\r\n      const glassGradient = useGlassMode\r\n        ? `linear-gradient(135deg, ${glassAccentColor}10 0%, ${glassAccentColor}03 100%)`\r\n        : undefined;\r\n\r\n      // Empty state\r\n      if (!hasData && !loading) {\r\n        return (\r\n          <div\r\n            className={`astro-chart astro-chart--empty ${className}`}\r\n            style={containerStyle}\r\n            role=\"group\"\r\n            aria-roledescription=\"chart\"\r\n            aria-label={ariaLabel || \"Empty chart\"}\r\n          >\r\n            {/* Glass gradient overlay for bold/minimal themes */}\r\n            {useGlassMode && glassGradient && (\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  inset: 0,\r\n                  background: glassGradient,\r\n                  pointerEvents: \"none\",\r\n                  zIndex: 0,\r\n                }}\r\n              />\r\n            )}\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"center\",\r\n                height: \"100%\",\r\n                color: tokens.colors.text.secondary,\r\n                fontFamily: tokens.typography.fontFamily.primary,\r\n                fontSize: tokens.typography.fontSize.sm,\r\n                position: \"relative\",\r\n                zIndex: 1,\r\n              }}\r\n            >\r\n              {emptyMessage}\r\n            </div>\r\n          </div>\r\n        );\r\n      }\r\n\r\n      const exportImageFormats = exportFormats.filter((f) =>\r\n        [\"png\", \"jpeg\", \"jpg\", \"svg\"].includes(f),\r\n      );\r\n      const hasCsv = exportFormats.includes(\"csv\");\r\n\r\n      // Calculate header height for chart area adjustment\r\n      const _headerHeight = icon && iconStatus ? 32 : 0;\r\n\r\n      return (\r\n        <div\r\n          className={`astro-chart ${className}`}\r\n          style={containerStyle}\r\n          role=\"group\"\r\n          aria-roledescription=\"chart\"\r\n          aria-label={ariaLabel || props.title || \"Chart\"}\r\n        >\r\n          {/* Glass gradient overlay for bold/minimal themes (matching Container) */}\r\n          {useGlassMode && glassGradient && (\r\n            <div\r\n              style={{\r\n                position: \"absolute\",\r\n                inset: 0,\r\n                background: glassGradient,\r\n                pointerEvents: \"none\",\r\n                zIndex: 0,\r\n              }}\r\n            />\r\n          )}\r\n\r\n          {/* Header - BOLD variant (matching Container) */}\r\n          {hasHeader && isBoldVariant && (\r\n            <div style={{ position: \"relative\", zIndex: 1 }}>\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"space-between\",\r\n                  padding: `12px ${tokens.spacing.sm} 0`,\r\n                }}\r\n              >\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: headingConfig.gap,\r\n                  }}\r\n                >\r\n                  {/* Icon with status badge - card heading system */}\r\n                  {icon && iconStatus && (\r\n                    <HeaderIconWithStatus\r\n                      icon={icon as AstroIconName}\r\n                      size={headingConfig.iconSize}\r\n                      status={iconStatus}\r\n                      statusColor={getStatusColor(iconStatus)}\r\n                    />\r\n                  )}\r\n                  {icon && !iconStatus && (\r\n                    <AstroIcon\r\n                      name={icon as AstroIconName}\r\n                      size={headingConfig.iconSize}\r\n                      color={glassAccentColor}\r\n                    />\r\n                  )}\r\n                  {props.title && (\r\n                    <h3\r\n                      style={{\r\n                        margin: 0,\r\n                        fontSize: chartTitleFontSize,\r\n                        fontWeight: headingConfig.titleFontWeight,\r\n                        color: glassAccentColor,\r\n                        letterSpacing: \"0.5px\",\r\n                        textShadow: `0 0 20px ${glassAccentMuted}`,\r\n                      }}\r\n                    >\r\n                      {props.title}\r\n                    </h3>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              {/* Accent decorative line with status badge */}\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: \"8px\",\r\n                  padding: `10px ${tokens.spacing.sm} 0`,\r\n                  marginBottom: tokens.spacing.xs,\r\n                }}\r\n              >\r\n                <div\r\n                  style={{\r\n                    flex: 1,\r\n                    height: \"2px\",\r\n                    background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 50%, transparent 100%)`,\r\n                    boxShadow: `0 0 8px ${glassAccentMuted}`,\r\n                  }}\r\n                />\r\n                {/* Status badge at end of line (optional) */}\r\n                {showStatusBadge && iconStatus && (\r\n                  <span\r\n                    style={{\r\n                      display: \"inline-flex\",\r\n                      alignItems: \"center\",\r\n                      gap: \"4px\",\r\n                      padding: \"2px 8px\",\r\n                      fontSize: \"0.625rem\", // 10px in rem\r\n                      fontWeight: 500, // AstroUXDS medium (not 600)\r\n                      letterSpacing: \"0.05em\",\r\n                      color: getStatusColor(iconStatus),\r\n                      backgroundColor: `${getStatusColor(iconStatus)}20`,\r\n                      border: `1px solid ${getStatusColor(iconStatus)}40`,\r\n                      borderRadius: \"3px\",\r\n                      whiteSpace: \"nowrap\",\r\n                    }}\r\n                  >\r\n                    {STATUS_SHAPES[iconStatus](6, getStatusColor(iconStatus))}\r\n                    {STATUS_LABELS[iconStatus]}\r\n                  </span>\r\n                )}\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* Header - MINIMAL variant (inline thin line, matching Container) */}\r\n          {hasHeader && isMinimalVariant && (\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                padding: `${tokens.spacing.xs} ${tokens.spacing.sm} 0`,\r\n                marginBottom: tokens.spacing.xs,\r\n                position: \"relative\",\r\n                zIndex: 1,\r\n              }}\r\n            >\r\n              {icon && iconStatus && (\r\n                <HeaderIconWithStatus\r\n                  icon={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  status={iconStatus}\r\n                  statusColor={getStatusColor(iconStatus)}\r\n                  style={{ marginRight: tokens.spacing.sm }}\r\n                />\r\n              )}\r\n              {icon && !iconStatus && (\r\n                <AstroIcon\r\n                  name={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  color={glassAccentColor}\r\n                  style={{ marginRight: tokens.spacing.sm }}\r\n                />\r\n              )}\r\n              {props.title && (\r\n                <h3\r\n                  style={{\r\n                    margin: 0,\r\n                    fontSize: chartTitleFontSize,\r\n                    fontWeight: headingConfig.titleFontWeight,\r\n                    color: glassAccentColor,\r\n                    textShadow: `0 0 16px ${glassAccentMuted}`,\r\n                    letterSpacing: \"0.02em\",\r\n                    whiteSpace: \"nowrap\",\r\n                    marginRight: \"12px\",\r\n                  }}\r\n                >\r\n                  {props.title}\r\n                </h3>\r\n              )}\r\n              {/* Accent line with status badge */}\r\n              <div\r\n                style={{\r\n                  flex: 1,\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: headingConfig.gap,\r\n                  minWidth: 40,\r\n                }}\r\n              >\r\n                <div\r\n                  style={{\r\n                    flex: 1,\r\n                    height: \"1px\",\r\n                    background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 60%, transparent 100%)`,\r\n                  }}\r\n                />\r\n                {/* Status badge at end of line (optional) */}\r\n                {showStatusBadge && iconStatus && (\r\n                  <span\r\n                    style={{\r\n                      display: \"inline-flex\",\r\n                      alignItems: \"center\",\r\n                      gap: \"3px\",\r\n                      padding: \"1px 6px\",\r\n                      fontSize: \"0.5625rem\", // 9px in rem (micro)\r\n                      fontWeight: 500, // AstroUXDS medium (not 600)\r\n                      letterSpacing: \"0.05em\",\r\n                      color: getStatusColor(iconStatus),\r\n                      backgroundColor: `${getStatusColor(iconStatus)}15`,\r\n                      border: `1px solid ${getStatusColor(iconStatus)}30`,\r\n                      borderRadius: \"2px\",\r\n                      whiteSpace: \"nowrap\",\r\n                    }}\r\n                  >\r\n                    {STATUS_SHAPES[iconStatus](5, getStatusColor(iconStatus))}\r\n                    {STATUS_LABELS[iconStatus]}\r\n                  </span>\r\n                )}\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* Header - Regular glass theme (no box/border) */}\r\n          {hasHeader && isTransparentTheme && !useGlassMode && (\r\n            <div\r\n              title={statusMessage}\r\n              style={{\r\n                position: \"absolute\",\r\n                top: 6,\r\n                left: 8,\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: headingConfig.gap,\r\n                zIndex: 10,\r\n              }}\r\n            >\r\n              {icon && iconStatus && (\r\n                <HeaderIconWithStatus\r\n                  icon={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  status={iconStatus}\r\n                  statusColor={getStatusColor(iconStatus)}\r\n                />\r\n              )}\r\n              {icon && !iconStatus && (\r\n                <AstroIcon\r\n                  name={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  color={tokens.colors.text.tertiary}\r\n                />\r\n              )}\r\n              {props.title && (\r\n                <span\r\n                  style={{\r\n                    fontSize: chartTitleFontSize,\r\n                    fontWeight: headingConfig.titleFontWeight,\r\n                    color: tokens.colors.text.primary,\r\n                  }}\r\n                >\r\n                  {props.title}\r\n                </span>\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {/* Header - Non-transparent themes (Zen/Astro): same top-left layout, no box/border */}\r\n          {hasHeader && !isTransparentTheme && (\r\n            <div\r\n              title={statusMessage}\r\n              style={{\r\n                position: \"absolute\",\r\n                top: 6,\r\n                left: 8,\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: headingConfig.gap,\r\n                zIndex: 10,\r\n              }}\r\n            >\r\n              {icon && iconStatus && (\r\n                <HeaderIconWithStatus\r\n                  icon={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  status={iconStatus}\r\n                  statusColor={getStatusColor(iconStatus)}\r\n                />\r\n              )}\r\n              {icon && !iconStatus && (\r\n                <AstroIcon\r\n                  name={icon as AstroIconName}\r\n                  size={headingConfig.iconSizeCompact}\r\n                  color={tokens.colors.text.tertiary}\r\n                />\r\n              )}\r\n              {props.title && (\r\n                <span\r\n                  style={{\r\n                    fontSize: chartTitleFontSize,\r\n                    fontWeight: headingConfig.titleFontWeight,\r\n                    color: tokens.colors.text.primary,\r\n                  }}\r\n                >\r\n                  {props.title}\r\n                </span>\r\n              )}\r\n            </div>\r\n          )}\r\n          {/* SVG renderer by default for sharp text; canvas is forced when echarts-gl 3D series are present (gl requires canvas) */}\r\n          <ReactEChartsCore\r\n            ref={chartRef}\r\n            echarts={echarts}\r\n            option={options}\r\n            opts={{\r\n              renderer: props.renderer ?? (needs3DCanvas ? \"canvas\" : \"svg\"),\r\n              ...((props.renderer === \"canvas\" || needs3DCanvas) &&\r\n                typeof window !== \"undefined\" && {\r\n                  devicePixelRatio: window.devicePixelRatio || 1,\r\n                }),\r\n            }}\r\n            style={{ width: \"100%\", height: \"100%\" }}\r\n            notMerge={true}\r\n            lazyUpdate={true}\r\n            showLoading={loading}\r\n            loadingOption={{\r\n              text: \"Loading...\",\r\n              color: tokens.colors.accent.primary,\r\n              textColor: tokens.colors.text.primary,\r\n              // Hex-alpha suffixing only works on hex tokens; surface is an\r\n              // rgba() string in several themes, so use the overlay token,\r\n              // which is defined with mask-appropriate alpha in every theme.\r\n              maskColor: isTransparentTheme\r\n                ? \"rgba(10, 15, 25, 0.6)\"\r\n                : tokens.colors.background.overlay,\r\n            }}\r\n            onEvents={handleEvents}\r\n            onChartReady={handleChartReady}\r\n          />\r\n          {/* Chart toolbar - compact, positioned top right */}\r\n          <div\r\n            style={{\r\n              position: \"absolute\",\r\n              right: 8,\r\n              top: 6,\r\n              zIndex: 10,\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 4,\r\n            }}\r\n          >\r\n            {/* Info tooltip button */}\r\n            {infoTooltip && (\r\n              <div ref={infoTooltipRef} style={{ position: \"relative\" }}>\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => setInfoTooltipOpen((v) => !v)}\r\n                  aria-label=\"Chart information\"\r\n                  aria-expanded={infoTooltipOpen}\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    width: 20,\r\n                    height: 20,\r\n                    padding: 4,\r\n                    border: `1px solid ${tokens.colors.border.default}`,\r\n                    borderRadius: \"50%\",\r\n                    background: infoTooltipOpen\r\n                      ? tokens.colors.accent.primary\r\n                      : isTransparentTheme\r\n                        ? \"rgba(10, 15, 25, 0.5)\"\r\n                        : tokens.colors.background.surface,\r\n                    color: infoTooltipOpen\r\n                      ? tokens.colors.background.base\r\n                      : tokens.colors.text.secondary,\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.15s ease\",\r\n                  }}\r\n                >\r\n                  {infoTooltip.icon || (\r\n                    <svg\r\n                      width=\"10\"\r\n                      height=\"10\"\r\n                      viewBox=\"0 0 24 24\"\r\n                      fill=\"currentColor\"\r\n                      aria-hidden=\"true\"\r\n                    >\r\n                      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\" />\r\n                    </svg>\r\n                  )}\r\n                </button>\r\n                {infoTooltipOpen && (\r\n                  <div\r\n                    role=\"tooltip\"\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      right: 0,\r\n                      top: \"100%\",\r\n                      marginTop: 8,\r\n                      minWidth: 200,\r\n                      maxWidth: infoTooltip.maxWidth || 300,\r\n                      padding: \"12px 16px\",\r\n                      background: isTransparentTheme\r\n                        ? \"rgba(10, 15, 25, 0.85)\"\r\n                        : tokens.colors.background.surface,\r\n                      backdropFilter: isTransparentTheme\r\n                        ? \"blur(12px)\"\r\n                        : undefined,\r\n                      border: `1px solid ${tokens.colors.border.default}`,\r\n                      borderRadius: tokens.borderRadius.md,\r\n                      boxShadow: \"0 4px 16px rgba(0,0,0,0.25)\",\r\n                      color: tokens.colors.text.primary,\r\n                      fontFamily: tokens.typography.fontFamily.primary,\r\n                      fontSize: tokens.typography.fontSize.sm,\r\n                      lineHeight: 1.5,\r\n                      zIndex: 20,\r\n                    }}\r\n                  >\r\n                    {infoTooltip.content}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n\r\n            {/* Export dropdown - compact icon only */}\r\n            {useCustomExportDropdown && (\r\n              <div ref={exportMenuRef} style={{ position: \"relative\" }}>\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => setExportMenuOpen((v) => !v)}\r\n                  aria-haspopup=\"true\"\r\n                  aria-expanded={exportMenuOpen}\r\n                  aria-label=\"Save chart as\"\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    width: 20,\r\n                    height: 20,\r\n                    padding: 4,\r\n                    border: `1px solid ${tokens.colors.border.default}`,\r\n                    borderRadius: \"50%\",\r\n                    background: isTransparentTheme\r\n                      ? \"rgba(10, 15, 25, 0.5)\"\r\n                      : tokens.colors.background.surface,\r\n                    color: tokens.colors.text.secondary,\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.15s ease\",\r\n                  }}\r\n                >\r\n                  <svg\r\n                    width=\"10\"\r\n                    height=\"10\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    strokeWidth=\"2\"\r\n                    strokeLinecap=\"round\"\r\n                    strokeLinejoin=\"round\"\r\n                    aria-hidden=\"true\"\r\n                  >\r\n                    <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\r\n                    <polyline points=\"7 10 12 15 17 10\" />\r\n                    <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\" />\r\n                  </svg>\r\n                </button>\r\n                {exportMenuOpen && (\r\n                  <div\r\n                    role=\"menu\"\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      right: 0,\r\n                      top: \"100%\",\r\n                      marginTop: 4,\r\n                      minWidth: 120,\r\n                      padding: 4,\r\n                      background: tokens.colors.background.surface,\r\n                      border: `1px solid ${tokens.colors.border.default}`,\r\n                      borderRadius: tokens.borderRadius.md,\r\n                      boxShadow: \"0 4px 12px rgba(0,0,0,0.2)\",\r\n                    }}\r\n                  >\r\n                    {exportImageFormats.map((f) => (\r\n                      <button\r\n                        key={f}\r\n                        type=\"button\"\r\n                        role=\"menuitem\"\r\n                        onClick={() =>\r\n                          handleExportFormat(\r\n                            f === \"jpg\"\r\n                              ? \"jpeg\"\r\n                              : (f as \"png\" | \"jpeg\" | \"svg\"),\r\n                          )\r\n                        }\r\n                        style={{\r\n                          display: \"block\",\r\n                          width: \"100%\",\r\n                          padding: \"8px 12px\",\r\n                          border: \"none\",\r\n                          borderRadius: tokens.borderRadius.sm,\r\n                          background: \"transparent\",\r\n                          color: tokens.colors.text.primary,\r\n                          fontFamily: tokens.typography.fontFamily.primary,\r\n                          fontSize: tokens.typography.fontSize.sm,\r\n                          textAlign: \"left\",\r\n                          cursor: \"pointer\",\r\n                        }}\r\n                      >\r\n                        {f.toUpperCase()}\r\n                      </button>\r\n                    ))}\r\n                    {hasCsv && (\r\n                      <button\r\n                        type=\"button\"\r\n                        role=\"menuitem\"\r\n                        onClick={() => handleExportFormat(\"csv\")}\r\n                        style={{\r\n                          display: \"block\",\r\n                          width: \"100%\",\r\n                          padding: \"8px 12px\",\r\n                          border: \"none\",\r\n                          borderRadius: tokens.borderRadius.sm,\r\n                          background: \"transparent\",\r\n                          color: tokens.colors.text.primary,\r\n                          fontFamily: tokens.typography.fontFamily.primary,\r\n                          fontSize: tokens.typography.fontSize.sm,\r\n                          textAlign: \"left\",\r\n                          cursor: \"pointer\",\r\n                        }}\r\n                      >\r\n                        CSV\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      );\r\n    },\r\n  ),\r\n);\r\n\r\nexport default AstroChart;\r\n"],"mappings":"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"}

package/dist/react/charts/unified/PowerOverviewChart.d.ts

@@ -1,17 +1,4 @@
-/**
- * Power Overview Chart - Combined Timeline Visualization
- *
- * Award-winning UX combining:
- * - Power generation timeline
- * - State regions (Running, Safe, Shutdown)
- * - Mode indicators (Inertial, Sun, Nadir, Velocity, Ground)
- * - Eclipse periods
- * - Event markers with dots on timeline
- * - Interactive tooltips
- * - Status indicators
- *
- * @module @zendir/ui/charts/PowerOverviewChart
- */
+import { default as React } from 'react';
 export type PowerState = "running" | "safe" | "shutdown";
 export type OperationalMode = "none" | "inertial" | "sun" | "nadir" | "velocity" | "ground";
 export type EventType = "scenario" | "operator" | "spacecraft" | "ground";
@@ -65,7 +52,7 @@ export interface PowerOverviewChartProps {
     /** Enable zoom controls */
     enableZoom?: boolean;
 }
-export declare function PowerOverviewChart(props: PowerOverviewChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function PowerOverviewChart(props: PowerOverviewChartProps): React.JSX.Element;
 export declare function generateSamplePowerData(durationSeconds?: number): {
     data: PowerTimelinePoint[];
     events: PowerEvent[];