@cloudflare/kumo 2.2.2 → 2.3.0

package/dist/chunks/{SankeyChart-dkq90770ad7hgzx3.js.map → SankeyChart-krkvltewpn3bbupw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SankeyChart-dkq90770ad7hgzx3.js","sources":["../../src/components/chart/Color.ts","../../src/components/chart/EChart.tsx","../../src/components/chart/TimeseriesChart.tsx","../../src/components/chart/Legend.tsx","../../src/components/chart/SankeyChart.tsx"],"sourcesContent":["/**\n * Categorical colors for light mode — used when assigning colors to data series\n * by index (e.g. the first series gets Blue, the second gets Violet, etc.).\n */\nenum ChartCategoricalLightColors {\n  Blue = \"#4290F0\",\n  Yellow = \"#F5B647\",\n  Pink = \"#E8649D\",\n  Purple = \"#8D58EE\",\n  Teal = \"#50C3B6\",\n  Orange = \"#D37536\",\n}\n\n/**\n * Categorical colors for dark mode\n */\nenum ChartCategoricalDarkColors {\n  Blue = \"#4290F0\",\n  Yellow = \"#EEB720\",\n  Pink = \"#E8649D\",\n  Purple = \"#8D58EE\",\n  Teal = \"#50C3B6\",\n  Orange = \"#D37536\",\n}\n\n/**\n * Semantic colors for light mode — used to convey meaning (status, severity)\n * rather than just distinguishing series. Use via `ChartPalette.semantic()`.\n */\nenum ChartSemanticLightColors {\n  Attention = \"#FC574A\",\n  Warning = \"#F8A054\",\n  Success = \"#00A63E\",\n  Neutral = \"#B9D6FF\",\n  Disabled = \"#CBCBCB\",\n  Skeleton = \"#DDDDDD\",\n}\n\n/**\n * Semantic colors for dark mode\n */\nenum ChartSemanticDarkColors {\n  Attention = \"#FC574A\",\n  Warning = \"#F8A054\",\n  Success = \"#00A63E\",\n  Neutral = \"#8EC5FF\",\n  Disabled = \"#878787\",\n  Skeleton = \"#5C5C5C\",\n}\n\nexport type ChartSemanticColorName =\n  | \"Attention\"\n  | \"Warning\"\n  | \"Success\"\n  | \"Neutral\"\n  | \"Disabled\"\n  | \"Skeleton\";\n\n/**\n * Sequential color palettes for light mode with the colour in position #2 of the array as the base.\n */\nconst sequentialLight = {\n  blues: [\"#E1EAF4\", \"#8EBCF6\", \"#4290F0\", \"#0E58B4\", \"#03254F\"],\n};\n\n/**\n * Sequential color palettes for dark mode. These are the reverse of the light mode palettes using the same base color (position 2).\n */\nconst sequentialDark = {\n  blues: [\"#03254F\", \"#0E58B4\", \"#4290F0\", \"#A6BFDD\", \"#E1EAF4\"],\n};\n\n/**\n * Ordered list of categorical colors for light mode, indexed by series position.\n * Used as the default ECharts color palette when `isDarkMode` is `false`.\n */\nexport const CHART_LIGHT_COLORS = [\n  ChartCategoricalLightColors.Blue,\n  ChartCategoricalLightColors.Yellow,\n  ChartCategoricalLightColors.Pink,\n  ChartCategoricalLightColors.Purple,\n  ChartCategoricalLightColors.Teal,\n  ChartCategoricalLightColors.Orange,\n];\n\n/**\n * Ordered list of categorical colors for dark mode, indexed by series position.\n * Used as the default ECharts color palette when `isDarkMode` is `true`.\n */\nexport const CHART_DARK_COLORS = [\n  ChartCategoricalDarkColors.Blue,\n  ChartCategoricalDarkColors.Yellow,\n  ChartCategoricalDarkColors.Pink,\n  ChartCategoricalDarkColors.Purple,\n  ChartCategoricalDarkColors.Teal,\n  ChartCategoricalDarkColors.Orange,\n];\n\n/**\n * Utilities for resolving Kumo chart colors by semantic name or series index.\n * All functions accept an `isDarkMode` flag and return the appropriate color string.\n */\nexport namespace ChartPalette {\n  /**\n   * Returns the hex color for a named semantic value (status, severity, etc.).\n   *\n   * @example\n   * ```ts\n   * ChartPalette.semantic(\"Attention\")           // \"#FC574A\" (light)\n   * ChartPalette.semantic(\"Warning\", true)       // \"#F8A054\" (dark)\n   * ```\n   */\n  export function semantic(\n    name: ChartSemanticColorName,\n    isDarkMode = false,\n  ): string {\n    return isDarkMode\n      ? ChartSemanticDarkColors[name]\n      : ChartSemanticLightColors[name];\n  }\n\n  /**\n   * Returns the categorical color for a given series index.\n   * Wraps around via modulo when `index` exceeds the palette length (6 colors).\n   *\n   * @example\n   * ```ts\n   * ChartPalette.categorical(0)        // Blue (light)\n   * ChartPalette.categorical(0, true)  // Blue (dark)\n   * ChartPalette.categorical(6)        // wraps back to Blue\n   * ```\n   */\n  export function categorical(index: number, isDarkMode = false): string {\n    return isDarkMode\n      ? CHART_DARK_COLORS[index % CHART_DARK_COLORS.length]\n      : CHART_LIGHT_COLORS[index % CHART_LIGHT_COLORS.length];\n  }\n\n  /**\n   * Returns all steps of a named sequential palette as an array.\n   *\n   * @example\n   * ```ts\n   * ChartPalette.sequential(\"blues\")        // 5-step array (light)\n   * ChartPalette.sequential(\"blues\", true)  // 5-step array (dark)\n   * ```\n   */\n  export function sequential(\n    palette: keyof typeof sequentialLight,\n    isDarkMode = false,\n  ): string[] {\n    return isDarkMode\n      ? [...sequentialDark[palette]]\n      : [...sequentialLight[palette]];\n  }\n\n  /**\n   * Returns the hex color for chart text/labels.\n   *\n   * @example\n   * ```ts\n   * ChartPalette.text(\"primary\")        // \"#6B7280\" (light)\n   * ChartPalette.text(\"primary\", true)  // \"#9CA3AF\" (dark)\n   * ChartPalette.text(\"secondary\")      // \"#9CA3AF\" (light)\n   * ```\n   */\n  export function text(variant: \"primary\" | \"secondary\", isDarkMode = false) {\n    const colors = {\n      light: { primary: \"#6B7280\", secondary: \"#9CA3AF\" },\n      dark: { primary: \"#9CA3AF\", secondary: \"#6B7280\" },\n    };\n    return isDarkMode ? colors.dark[variant] : colors.light[variant];\n  }\n}\n","import type * as echarts from \"echarts/core\";\nimport type {\n  EChartsOption,\n  SetOptionOpts,\n  TooltipComponentOption,\n} from \"echarts\";\nimport { forwardRef, useEffect, useRef } from \"react\";\nimport { cn } from \"../../utils\";\nimport { CHART_DARK_COLORS, CHART_LIGHT_COLORS } from \"./Color\";\n\n/** Parameters passed to mouse event handlers on chart elements */\ntype EChartsMouseEventParams = {\n  /** The type of component that triggered the event (e.g. \"series\", \"markPoint\") */\n  componentType: string;\n  /** Series type (e.g. \"line\", \"bar\") — present when componentType is \"series\" */\n  seriesType?: string;\n  /** Zero-based index of the series in the option.series array */\n  seriesIndex?: number;\n  /** Name of the series */\n  seriesName?: string;\n  /** Name of the data item */\n  name?: string;\n  /** Zero-based index of the data item within its series */\n  dataIndex?: number;\n  /** Raw data item value */\n  data?: any;\n  /** Sub-type of data (e.g. \"node\", \"edge\" for graph series) */\n  dataType?: string;\n  /** Numeric or array value of the data item */\n  value?: number | any[];\n  /** Resolved color of the series or data item */\n  color?: string;\n};\n\n/**\n * Tooltip options with the `formatter` property removed and replaced with\n * `dangerousHtmlFormatter` to make the security implications more explicit.\n */\nexport type SafeTooltipOption = Omit<TooltipComponentOption, \"formatter\"> & {\n  /**\n   * USE WITH CAUTION: Use this only for trusted HTML content.\n   * When building tooltip HTML with user-provided data, always sanitize\n   * the input to prevent XSS vulnerabilities. Recommended: use\n   * `encodeHTML` from `echarts/format` to escape HTML special characters.\n   */\n  dangerousHtmlFormatter?: TooltipComponentOption[\"formatter\"];\n};\n\nexport type KumoChartOption = {\n  [K in keyof EChartsOption]: K extends \"tooltip\"\n    ? SafeTooltipOption | SafeTooltipOption[] | undefined\n    : EChartsOption[K];\n};\n\n/**\n * ECharts event handlers that can be attached to a `Chart`.\n * Pass a subset via the `onEvents` prop; handlers are registered lazily and\n * cleaned up automatically when removed or when the chart is unmounted.\n */\nexport interface ChartEvents {\n  // Mouse events — fired on chart elements (series, marks, etc.)\n  click: (params: EChartsMouseEventParams) => void;\n  dblclick: (params: EChartsMouseEventParams) => void;\n  mousedown: (params: EChartsMouseEventParams) => void;\n  mousemove: (params: EChartsMouseEventParams) => void;\n  mouseup: (params: EChartsMouseEventParams) => void;\n  mouseover: (params: EChartsMouseEventParams) => void;\n  mouseout: (params: EChartsMouseEventParams) => void;\n  /** Fired when the pointer leaves the chart canvas entirely */\n  globalout: (params: any) => void;\n  contextmenu: (params: any) => void;\n\n  // Legend events\n  /** Fired when any legend item's selected state changes */\n  legendselectchanged: (params: {\n    name: string;\n    /** Map of series name → selected state for all legend items */\n    selected: Record<string, boolean>;\n  }) => void;\n  legendselected: (params: any) => void;\n  legendunselected: (params: any) => void;\n  legendscroll: (params: any) => void;\n\n  // Data zoom / timeline events\n  datazoom: (params: any) => void;\n  datarangeselected: (params: any) => void;\n  timelinechanged: (params: any) => void;\n  timelineplaychanged: (params: any) => void;\n\n  // Toolbox events\n  restore: (params: any) => void;\n  dataviewchanged: (params: any) => void;\n  magictypechanged: (params: any) => void;\n\n  // Pie chart selection events\n  pieselectchanged: (params: any) => void;\n  pieselected: (params: any) => void;\n  pieunselected: (params: any) => void;\n\n  // Map / geo selection events\n  mapselectchanged: (params: any) => void;\n  mapselected: (params: any) => void;\n  mapunselected: (params: any) => void;\n  geoselectchanged: (params: any) => void;\n  geoselected: (params: any) => void;\n  geounselected: (params: any) => void;\n\n  axisareaselected: (params: any) => void;\n\n  // Brush / selection events\n  brush: (params: any) => void;\n  brushselected: (params: any) => void;\n  /** Fired when the user finishes drawing a brush selection */\n  brushend: (params: {\n    areas: Array<{\n      /** Coordinate range covered by the brush — interpretation depends on axis type */\n      coordRange: any;\n      brushType?: string;\n      panelId?: string;\n      range?: any;\n    }>;\n  }) => void;\n}\n\n/** Props for the low-level `Chart` wrapper around Apache ECharts */\nexport interface ChartProps {\n  /**\n   * The ECharts core instance imported by the consumer.\n   * Passed in rather than imported directly so the consumer controls which\n   * ECharts modules are bundled (tree-shaking).\n   */\n  echarts: typeof echarts;\n  /** ECharts option object — passed through to `chart.setOption()` */\n  options: KumoChartOption;\n  /**\n   * Additional options passed as the second argument to `chart.setOption()`.\n   * Defaults to `{ notMerge: false, lazyUpdate: true }`.\n   */\n  optionUpdateBehavior?: SetOptionOpts;\n  /** Additional CSS classes applied to the chart container `<div>` */\n  className?: string;\n  /**\n   * When `true`, initialises ECharts with its built-in dark theme.\n   * Changing this value after mount destroys and re-creates the chart instance.\n   */\n  isDarkMode?: boolean;\n  /** Height of the chart container in pixels. Defaults to `350`. */\n  height?: number;\n  /** Subset of ECharts events to listen for. Handlers are bound/unbound reactively. */\n  onEvents?: Partial<ChartEvents>;\n}\n\nconst transformTooltip = (tooltipObj: SafeTooltipOption) => {\n  const { dangerousHtmlFormatter, ...restOfTooltip } = tooltipObj;\n  return {\n    ...restOfTooltip,\n    formatter: dangerousHtmlFormatter,\n  };\n};\n\nconst prepareChartOptions = (options: KumoChartOption): EChartsOption => {\n  if (!options.tooltip) return options;\n\n  return {\n    ...options,\n    tooltip: Array.isArray(options.tooltip)\n      ? options.tooltip.map(transformTooltip)\n      : transformTooltip(options.tooltip),\n  };\n};\n\n/**\n * Chart — a low-level wrapper around [Apache ECharts](https://echarts.apache.org).\n *\n * Manages the ECharts instance lifecycle (init, option updates, event binding,\n * resize observation, and disposal). Exposes the raw `echarts.ECharts` instance\n * via `ref` for imperative access when needed.\n *\n * Prefer `TimeseriesChart` for time-series data; use this component when you\n * need full control over the ECharts option object.\n *\n * @example\n * ```tsx\n * import * as echarts from \"echarts/core\";\n * import { BarChart } from \"echarts/charts\";\n * import { GridComponent } from \"echarts/components\";\n * import { CanvasRenderer } from \"echarts/renderers\";\n *\n * echarts.use([BarChart, GridComponent, CanvasRenderer]);\n *\n * <Chart\n *   echarts={echarts}\n *   options={{ xAxis: { data: [\"A\", \"B\"] }, yAxis: {}, series: [{ type: \"bar\", data: [1, 2] }] }}\n * />\n * ```\n */\nexport const Chart = forwardRef<echarts.ECharts, ChartProps>(function Chart(\n  {\n    echarts,\n    options,\n    optionUpdateBehavior,\n    className,\n    isDarkMode,\n    height = 350,\n    onEvents,\n  }: ChartProps,\n  ref,\n) {\n  // Ref to the container DOM node that ECharts renders into\n  const elRef = useRef<HTMLDivElement | null>(null);\n  // Ref to the active ECharts instance\n  const chartRef = useRef<echarts.ECharts | null>(null);\n  // Keeps the latest onEvents object without triggering re-binding on every render\n  const handlersRef = useRef<Partial<ChartEvents>>({});\n  // Stable wrapper functions per event name — avoids creating new closures on re-render\n  const wrappersRef = useRef<Record<string, (params: any) => void>>({});\n  // Tracks which event names are currently bound to the chart instance\n  const boundEventsRef = useRef<Set<string>>(new Set());\n\n  // Init and cleanup\n  useEffect(() => {\n    if (!elRef.current) return;\n\n    const chart = echarts.init(\n      elRef.current,\n      isDarkMode\n        ? \"dark\"\n        : {\n            color: isDarkMode ? CHART_DARK_COLORS : CHART_LIGHT_COLORS,\n          },\n    );\n    chartRef.current = chart;\n\n    if (typeof ref === \"function\") ref(chart);\n    else if (ref) ref.current = chart;\n\n    return () => {\n      for (const event of boundEventsRef.current) {\n        const wrapper = wrappersRef.current[event];\n        if (wrapper) chart.off(event, wrapper);\n      }\n      boundEventsRef.current.clear();\n      if (typeof ref === \"function\") ref(null);\n      else if (ref) ref.current = null;\n      chartRef.current = null;\n      chart.dispose();\n    };\n  }, [elRef, isDarkMode]);\n\n  // Update options\n  useEffect(() => {\n    const chart = chartRef.current;\n    if (!chart) return;\n\n    chart.setOption(prepareChartOptions(options), {\n      notMerge: false,\n      lazyUpdate: true,\n      ...optionUpdateBehavior,\n    });\n  }, [isDarkMode, optionUpdateBehavior, options]);\n\n  // Keep handlersRef in sync so wrapper closures always call the latest handler\n  // without needing to re-bind listeners on every render\n  useEffect(() => {\n    handlersRef.current = onEvents ?? {};\n  }, [onEvents]);\n\n  // Reactively bind and unbind event listeners when onEvents changes.\n  // Uses stable wrapper functions (wrappersRef) so the same function reference\n  // is passed to both chart.on() and chart.off(), which ECharts requires.\n  useEffect(() => {\n    const chart = chartRef.current;\n    if (!chart) return;\n\n    const nextBound = new Set<string>();\n\n    for (const [event, handler] of Object.entries(onEvents ?? {})) {\n      if (typeof handler !== \"function\") continue;\n      nextBound.add(event);\n\n      if (!wrappersRef.current[event]) {\n        wrappersRef.current[event] = (params: any) => {\n          const current = handlersRef.current as Record<\n            string,\n            ((p: any) => void) | undefined\n          >;\n          current[event]?.(params);\n        };\n      }\n\n      if (!boundEventsRef.current.has(event)) {\n        chart.on(event, wrappersRef.current[event]);\n      }\n    }\n\n    for (const event of boundEventsRef.current) {\n      if (nextBound.has(event)) continue;\n      const wrapper = wrappersRef.current[event];\n      if (wrapper) {\n        chart.off(event, wrapper);\n      }\n    }\n\n    boundEventsRef.current = nextBound;\n  }, [echarts, isDarkMode, onEvents]);\n\n  // Resize handling\n  useEffect(() => {\n    const chart = chartRef.current;\n    const el = elRef.current;\n    if (!chart || !el) return;\n\n    // Flag to skip the very first trigger\n    let isInitial = true;\n\n    const ro = new ResizeObserver(() => {\n      if (isInitial) {\n        isInitial = false;\n        return; // Skip the first resize to let the animation play\n      }\n      chart.resize();\n    });\n\n    ro.observe(el);\n\n    return () => ro.disconnect();\n  }, []);\n\n  return (\n    <div\n      ref={elRef}\n      className={cn(\"w-full\", className)}\n      style={{ height }}\n      tabIndex={options.aria?.enabled ? 0 : undefined}\n      role={options.aria?.enabled ? \"img\" : undefined}\n    />\n  );\n});\n\nChart.displayName = \"Chart\";\n","import type * as echarts from \"echarts/core\";\nimport type { LineSeriesOption, BarSeriesOption } from \"echarts/charts\";\nimport type { EChartsOption, SeriesOption, SetOptionOpts } from \"echarts\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { Chart, ChartEvents, KumoChartOption } from \"./EChart\";\n\n/** A single data series rendered on a `TimeseriesChart` */\nexport interface TimeseriesData {\n  /** Display name shown in tooltips and legends */\n  name: string;\n  /** Array of `[timestamp_ms, value]` tuples ordered by time */\n  data: [number, number][];\n  /** Hex color string used for this series' line, bars, and legend dot */\n  color: string;\n}\n\n/** Props for `TimeseriesChart` */\nexport interface TimeseriesChartProps {\n  /**\n   * The ECharts core instance imported by the consumer.\n   * Passed in rather than imported directly so the consumer controls which\n   * ECharts modules are bundled (tree-shaking).\n   */\n  echarts: typeof echarts;\n  /** Visual style of each series. Defaults to `\"line\"`. */\n  type?: \"line\" | \"bar\";\n  /** Array of time series data to display on the chart */\n  data: TimeseriesData[];\n  /** Label for the x-axis (time axis) */\n  xAxisName?: string;\n  /** Number of ticks to display on the x-axis */\n  xAxisTickCount?: number;\n  /**\n   * Custom formatter for x-axis tick labels.\n   * Receives the raw timestamp in milliseconds and returns a display string,\n   * overriding ECharts' built-in time formatting.\n   */\n  xAxisTickFormat?: (value: number) => string;\n  /**\n   * Custom formatter for y-axis tick labels.\n   * Receives the raw value and returns a display string.\n   * When omitted, ECharts' built-in formatter is used.\n   */\n  yAxisTickFormat?: (value: number) => string;\n  /**\n   * @deprecated Use `tooltipValueFormat` instead. This prop formats tooltip\n   * values, not y-axis tick labels. It will be removed in a future major version.\n   */\n  yAxisTickLabelFormat?: (value: number) => string;\n  /** Label for the y-axis (value axis) */\n  yAxisName?: string;\n  /** Number of ticks to display on the y-axis */\n  yAxisTickCount?: number;\n  /**\n   * Custom formatter for tooltip values.\n   * Receives the raw y-value and returns a display string.\n   * When omitted, the raw value is shown. Takes precedence over the\n   * deprecated `yAxisTickLabelFormat` prop.\n   */\n  tooltipValueFormat?: (value: number) => string;\n  /** Indicates incomplete data periods with optional before/after timestamps in ms */\n  incomplete?: { before?: number; after?: number };\n  /** Height of the chart in pixels. Defaults to `350`. */\n  height?: number;\n  /** Callback fired when user selects a time range via brush selection */\n  onTimeRangeChange?: (from: number, to: number) => void;\n  /** When `true`, switches the chart to ECharts' built-in dark theme */\n  isDarkMode?: boolean;\n  /**\n   * When `true`, renders a vertical gradient fill beneath each line series.\n   * The gradient fades from the series' color at the top to transparent at the bottom.\n   * Has no effect when `type` is `\"bar\"`.\n   */\n  gradient?: boolean;\n  /**\n   * When `true`, hides the chart and displays an animated sine-wave skeleton\n   * that oscillates back and forth to indicate that data is being fetched.\n   */\n  loading?: boolean;\n  /**\n   * Accessible description for screen readers. When provided, it is passed to\n   * ECharts' `aria.label.description` and announced when the chart receives\n   * focus. Consumers are responsible for writing a meaningful description —\n   * see the W3C guidance on complex images for recommendations.\n   *\n   * @see https://www.w3.org/WAI/tutorials/images/complex/\n   * @see https://echarts.apache.org/handbook/en/best-practices/aria/\n   */\n  ariaDescription?: string;\n  /**\n   * Additional options passed as the second argument to `chart.setOption()`.\n   * Defaults to `{ notMerge: false, lazyUpdate: true }`.\n   */\n  optionUpdateBehavior?: SetOptionOpts;\n}\n\n/**\n * TimeseriesChart — a time-series line or bar chart.\n *\n * Built on `Chart` (Apache ECharts) with opinionated defaults for time-series data:\n * a time-typed x-axis, dashed lines for incomplete data periods, brush-based\n * time range selection, and automatic tooltip deduplication.\n *\n * @example\n * ```tsx\n * import * as echarts from \"echarts/core\";\n * import { LineChart } from \"echarts/charts\";\n * import { GridComponent, TooltipComponent, BrushComponent, ToolboxComponent } from \"echarts/components\";\n * import { CanvasRenderer } from \"echarts/renderers\";\n *\n * echarts.use([LineChart, GridComponent, TooltipComponent, BrushComponent, ToolboxComponent, CanvasRenderer]);\n *\n * const [range, setRange] = useState<[number, number]>();\n *\n * <TimeseriesChart\n *   echarts={echarts}\n *   data={[{ name: \"Requests\", data: [[Date.now(), 42]], color: \"#086FFF\" }]}\n *   xAxisName=\"Time\"\n *   xAxisTickFormat={(ts) => new Date(ts).toLocaleTimeString()}\n *   yAxisName=\"Count\"\n *   yAxisTickFormat={(value) => `${value / 1000}k`}\n *   tooltipValueFormat={(value) => `${value.toFixed(2)} req/s`}\n *   onTimeRangeChange={(from, to) => setRange([from, to])}\n * />\n * ```\n */\nexport function TimeseriesChart({\n  echarts,\n  type = \"line\",\n  data,\n  xAxisName,\n  xAxisTickCount,\n  xAxisTickFormat,\n  yAxisTickFormat,\n  yAxisTickLabelFormat,\n  yAxisName,\n  yAxisTickCount,\n  tooltipValueFormat,\n  onTimeRangeChange,\n  height = 350,\n  incomplete,\n  isDarkMode,\n  gradient,\n  loading,\n  ariaDescription,\n  optionUpdateBehavior,\n}: TimeseriesChartProps) {\n  const chartRef = useRef<echarts.ECharts | null>(null);\n  const incompleteBefore = incomplete?.before;\n  const incompleteAfter = incomplete?.after;\n\n  const options = useMemo(() => {\n    const transformSeries: Array<LineSeriesOption | BarSeriesOption> = [];\n\n    const seriesType =\n      type === \"bar\"\n        ? ({ type: \"bar\", stack: \"total\" } as const)\n        : ({ type: \"line\", showSymbol: false } as const);\n\n    for (const s of data) {\n      const incompleteBeforePoints =\n        incompleteBefore && type === \"line\"\n          ? s.data.filter((point) => point[0] <= incompleteBefore)\n          : [];\n\n      const incompleteAfterPoints =\n        incompleteAfter && type === \"line\"\n          ? s.data.filter((point) => point[0] >= incompleteAfter)\n          : [];\n\n      const completePoints =\n        incompleteBeforePoints.length > 0 || incompleteAfterPoints.length > 0\n          ? s.data.slice(\n              Math.max(0, incompleteBeforePoints.length - 1),\n              Math.max(0, s.data.length - incompleteAfterPoints.length + 1),\n            )\n          : s.data;\n\n      // Main complete data series\n      const areaStyle =\n        gradient && type === \"line\"\n          ? {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n                { offset: 0, color: colorWithOpacity(s.color, 0.4) },\n                { offset: 1, color: colorWithOpacity(s.color, 0) },\n              ]),\n            }\n          : undefined;\n\n      transformSeries.push({\n        data: completePoints,\n        color: s.color,\n        name: s.name,\n        emphasis: { focus: \"series\" },\n        ...(areaStyle ? { areaStyle } : {}),\n        ...seriesType,\n      });\n\n      // Incomplete data series with dashed lines\n      const incompleteSeriesConfig = {\n        color: s.color,\n        name: s.name,\n        type: \"line\" as const,\n        lineStyle: { type: \"dashed\" as const },\n        showSymbol: false,\n        emphasis: { focus: \"series\" as const },\n      };\n\n      if (incompleteBeforePoints.length > 0) {\n        transformSeries.push({\n          ...incompleteSeriesConfig,\n          data: incompleteBeforePoints,\n        });\n      }\n\n      if (incompleteAfterPoints.length > 0) {\n        transformSeries.push({\n          ...incompleteSeriesConfig,\n          data: incompleteAfterPoints,\n        });\n      }\n    }\n\n    return {\n      aria: {\n        enabled: true,\n        ...(ariaDescription && { label: { description: ariaDescription } }),\n      },\n      brush: {\n        xAxisIndex: \"all\" as const,\n        brushType: \"lineX\" as const,\n        brushMode: \"single\" as const,\n        outOfBrush: {\n          colorAlpha: 0.3,\n        },\n        brushStyle: {\n          borderWidth: 1,\n          color: \"rgba(120,140,180,0.3)\",\n          borderColor: \"rgba(120,140,180,0.8)\",\n        },\n      },\n      tooltip: {\n        trigger: \"axis\" as const,\n        appendTo: \"body\",\n        axisPointer: { type: \"shadow\" as const },\n        dangerousHtmlFormatter: (params) => {\n          const items = Array.isArray(params) ? params : [params];\n\n          // Track seen series names to avoid duplicates in tooltip\n          // This is needed because incomplete data series (dashed lines) and complete data series\n          // can overlap at the same timestamp, causing duplicate entries in the tooltip\n          const seenNames = new Set<string>();\n          const filteredParams = items.filter((param: any) => {\n            if (seenNames.has(param.seriesName)) return false;\n            seenNames.add(param.seriesName);\n            return true;\n          });\n\n          const first = filteredParams[0] as {\n            value?: [number, number];\n            axisValue?: number;\n          };\n\n          const ts = first?.value?.[0] ?? first?.axisValue;\n\n          const header =\n            ts != null\n              ? `<div style=\"font-weight:600;margin-bottom:4px;\">${echarts.format.encodeHTML(formatTimestamp(ts))}</div>`\n              : \"\";\n\n          const rows = filteredParams\n            .map((param: any) => {\n              const value = param?.value?.[1];\n              const formatFn = tooltipValueFormat ?? yAxisTickLabelFormat;\n              const formattedValue = formatFn\n                ? echarts.format.encodeHTML(String(formatFn(value)))\n                : echarts.format.encodeHTML(String(value));\n\n              return `${param.marker} ${echarts.format.encodeHTML(param.seriesName)}: <strong>${formattedValue}</strong>`;\n            })\n            .join(\"<br/>\");\n\n          return `${header}${rows}`;\n        },\n      },\n      backgroundColor: \"transparent\",\n      toolbox: { show: false },\n      xAxis: {\n        name: xAxisName,\n        nameLocation: \"middle\" as const,\n        nameGap: 30,\n        type: \"time\" as const,\n        splitLine: {\n          show: false,\n        },\n        axisLine: { show: false },\n        splitNumber: xAxisTickCount ?? 5,\n        ...(xAxisTickFormat && {\n          axisLabel: {\n            formatter: (value: number) => xAxisTickFormat(value),\n          },\n        }),\n      },\n      yAxis: {\n        name: yAxisName,\n        nameLocation: \"middle\" as const,\n        nameGap: 40,\n        type: \"value\" as const,\n        axisTick: { show: true },\n        axisLabel: {\n          margin: 15,\n          ...(yAxisTickFormat && {\n            formatter: (value: number) => yAxisTickFormat(value),\n          }),\n        },\n        splitLine: {\n          show: true,\n          lineStyle: { type: \"dashed\" as const, width: 1 },\n        },\n        splitNumber: yAxisTickCount,\n      },\n      grid: {\n        left: yAxisName ? 30 : 24,\n        right: 24,\n        top: 24,\n        bottom: xAxisName ? 30 : 24,\n      },\n      series: transformSeries as SeriesOption[],\n    } satisfies KumoChartOption;\n  }, [\n    data,\n    xAxisName,\n    xAxisTickCount,\n    xAxisTickFormat,\n    yAxisTickFormat,\n    yAxisTickLabelFormat,\n    yAxisName,\n    yAxisTickCount,\n    tooltipValueFormat,\n    incompleteBefore,\n    incompleteAfter,\n    type,\n    gradient,\n    echarts,\n    ariaDescription,\n  ]);\n\n  const events = useMemo<Partial<ChartEvents>>(() => {\n    if (!onTimeRangeChange) return {};\n\n    return {\n      brushend: (params) => {\n        const range = params.areas[0].coordRange;\n        onTimeRangeChange(range[0], range[1]);\n        chartRef.current?.dispatchAction({ type: \"brush\", areas: [] });\n      },\n    };\n  }, [onTimeRangeChange]);\n\n  // Activate the lineX brush cursor when a time-range callback is provided,\n  // and deactivate it on cleanup so the cursor resets when the prop is removed.\n  const hasTimeRangeCallback = !!onTimeRangeChange;\n  useEffect(() => {\n    const chart = chartRef.current;\n    if (chart && hasTimeRangeCallback) {\n      chart.dispatchAction({\n        type: \"takeGlobalCursor\",\n        key: \"brush\",\n        brushOption: {\n          brushType: \"lineX\" as const,\n          brushMode: \"single\" as const,\n        },\n      });\n\n      return () => {\n        chart.dispatchAction({\n          type: \"takeGlobalCursor\",\n          key: \"brush\",\n          brushOption: {\n            brushType: false,\n          },\n        });\n      };\n    }\n    // `loading` controls whether <Chart> is mounted. When it flips to false,\n    // chartRef.current becomes available and the brush cursor must be activated.\n    // Without this dep, the effect won't re-run after Chart mounts.\n  }, [chartRef, hasTimeRangeCallback, loading]);\n\n  return (\n    <div className=\"relative w-full\" style={{ height }}>\n      {loading && <ChartWaveLoader height={height} isDarkMode={isDarkMode} />}\n      {!loading && (\n        <Chart\n          echarts={echarts}\n          ref={chartRef}\n          options={options as EChartsOption}\n          height={height}\n          isDarkMode={isDarkMode}\n          onEvents={events}\n          optionUpdateBehavior={optionUpdateBehavior}\n        />\n      )}\n    </div>\n  );\n}\n\n/**\n * Animated sine-wave skeleton shown while `TimeseriesChart` is in `loading` state.\n * Renders multiple staggered wave paths that sweep continuously left-to-right,\n * mimicking the motion of live time-series data being drawn.\n */\nfunction ChartWaveLoader({\n  height,\n  isDarkMode,\n}: {\n  height: number;\n  isDarkMode?: boolean;\n}) {\n  const mid = height / 2;\n  const amp = Math.min(height * 0.12, 28);\n  const period = 400;\n  const steps = 120;\n\n  const points: string[] = [];\n  for (let i = 0; i <= steps; i++) {\n    const x = -period + (i / steps) * period * 3;\n    const y = mid + Math.sin((i / steps) * 2 * Math.PI * 3) * amp;\n    points.push(`${i === 0 ? \"M\" : \"L\"}${x.toFixed(2)},${y.toFixed(2)}`);\n  }\n  const d = points.join(\" \");\n\n  const strokeColor = isDarkMode ? \"rgba(255,255,255,0.5)\" : \"rgba(0,0,0,0.2)\";\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"absolute inset-0 overflow-hidden\"\n      style={{ height }}\n    >\n      <svg\n        width=\"100%\"\n        height={height}\n        viewBox={`0 0 ${period} ${height}`}\n        preserveAspectRatio=\"none\"\n        className=\"w-full animate-pulse\"\n      >\n        <path\n          d={d}\n          fill=\"none\"\n          stroke={strokeColor}\n          strokeWidth=\"2\"\n          style={{\n            animation: `kumo-chart-wave 2.4s linear infinite`,\n            transformOrigin: \"0 0\",\n          }}\n        />\n      </svg>\n    </div>\n  );\n}\n\n/**\n * Returns an `rgba(r, g, b, alpha)` string for any hex or rgb(a) color input,\n * replacing whatever opacity was already present with the given `alpha` (0–1).\n *\n * Handles:\n * - 6-digit hex:  `#RRGGBB`\n * - 8-digit hex:  `#RRGGBBAA`  ← strips existing alpha\n * - 3-digit hex:  `#RGB`\n * - `rgb(r, g, b)`\n * - `rgba(r, g, b, a)`  ← replaces existing alpha\n */\nfunction colorWithOpacity(color: string, alpha: number): string {\n  const a = Math.max(0, Math.min(1, alpha));\n\n  // rgb / rgba\n  const rgbMatch = color.match(\n    /rgba?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*,\\s*([\\d.]+)/i,\n  );\n  if (rgbMatch) {\n    return `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${a})`;\n  }\n\n  // hex — strip leading #\n  let hex = color.replace(/^#/, \"\");\n\n  // expand 3-digit → 6-digit\n  if (hex.length === 3) {\n    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n  }\n\n  // strip 8-digit alpha → keep only 6\n  if (hex.length === 8) {\n    hex = hex.slice(0, 6);\n  }\n\n  const r = parseInt(hex.slice(0, 2), 16);\n  const g = parseInt(hex.slice(2, 4), 16);\n  const b = parseInt(hex.slice(4, 6), 16);\n\n  return `rgba(${r}, ${g}, ${b}, ${a})`;\n}\n\n/** Zero-pads a number to two digits (e.g. `5` → `\"05\"`) */\nfunction pad(n: number) {\n  return n.toString().padStart(2, \"0\");\n}\n\n/**\n * Formats a timestamp as `\"YYYY-MM-DD HH:mm:ss\"` for use in chart tooltips.\n * Accepts a Unix timestamp in milliseconds, an ISO date string, or a `Date` object.\n */\nfunction formatTimestamp(ts: number | string | Date): string {\n  const d = new Date(ts);\n  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;\n}\n","import { cn } from \"../../utils\";\n\n/** Shared props for both legend item variants */\ninterface LegendItemProps {\n  /** Series name shown as a label */\n  name: string;\n  /** Hex color string for the series indicator dot */\n  color: string;\n  /** Formatted value string to display */\n  value: string;\n  /** Optional unit label shown after the value (e.g. `\"ms\"`, `\"%\"`) */\n  unit?: string;\n  /** When `true`, renders the item at 50% opacity to indicate a deselected state */\n  inactive?: boolean;\n}\n\n/**\n * Large legend item — stacked layout with a colored dot + series name on top\n * and a large value with an optional small unit below. Use for prominent\n * single-metric displays such as dashboard cards.\n */\nfunction LargeItem({ color, value, name, unit, inactive }: LegendItemProps) {\n  return (\n    <div className=\"inline-flex flex-col gap-2 min-w-42 py-2\">\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={cn(\"size-2 rounded-full inline-block\", {\n            \"opacity-50\": inactive,\n          })}\n          style={{ backgroundColor: color }}\n        />\n        <span className={cn(\"text-xs\", { \"opacity-50\": inactive })}>\n          {name}\n        </span>\n      </div>\n      <div className=\"flex items-baseline gap-0.5\">\n        <span\n          className={cn(\"text-lg font-medium leading-none\", {\n            \"opacity-50\": inactive,\n          })}\n        >\n          {value}\n        </span>\n        {unit && (\n          <span\n            className={cn(\"text-xs text-kumo-subtle leading-none\", {\n              \"opacity-50\": inactive,\n            })}\n          >\n            {unit}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Small legend item — inline layout with a colored dot, series name, and value\n * on a single row. Use for compact legends below or beside a chart.\n */\nfunction SmallItem({ color, value, name, inactive }: LegendItemProps) {\n  return (\n    <div className=\"inline-flex items-center gap-2\">\n      <span\n        className={cn(\"size-2 rounded-full inline-block\", {\n          \"opacity-50\": inactive,\n        })}\n        style={{ backgroundColor: color }}\n      />\n      <span className={cn(\"text-xs\", { \"opacity-50\": inactive })}>{name}</span>\n      <span className={cn(\"text-xs font-medium\", { \"opacity-50\": inactive })}>\n        {value}\n      </span>\n    </div>\n  );\n}\n\n/**\n * ChartLegend — pre-built legend item components for use alongside a chart.\n *\n * - `ChartLegend.SmallItem` — compact inline layout; suited for multi-series legends\n * - `ChartLegend.LargeItem` — stacked layout with a large value; suited for single-metric cards\n *\n * @example\n * ```tsx\n * <ChartLegend.SmallItem name=\"Requests\" color=\"#086FFF\" value=\"1,234\" />\n * <ChartLegend.LargeItem name=\"Latency\" color=\"#CF7EE9\" value=\"42\" unit=\"ms\" inactive />\n * ```\n */\nexport const ChartLegend = {\n  SmallItem,\n  LargeItem,\n};\n","import type * as echarts from \"echarts/core\";\nimport type { EChartsOption } from \"echarts\";\nimport { useMemo, useCallback } from \"react\";\nimport { Chart, type ChartEvents } from \"./EChart\";\nimport { ChartPalette } from \"./Color\";\n\nexport interface SankeyNodeData {\n  id?: string;\n  name: string;\n  color?: string;\n  /** Optional value/count to display above the node label */\n  value?: number;\n  /** Additional data to show in tooltip (e.g., { Apps: 166, Sessions: 122600 }) */\n  tooltipData?: Record<string, number | string>;\n  isDrillable?: boolean;\n  childCount?: number;\n}\n\nexport interface SankeyLinkData {\n  id?: string;\n  source: number;\n  target: number;\n  value: number;\n  isDrillable?: boolean;\n}\n\nexport type DrillTarget =\n  | { type: \"node\"; nodeId: string }\n  | { type: \"link\"; sourceId: string; targetId: string };\n\nexport interface DrillSelection {\n  id: string;\n  type: \"node\" | \"link\";\n  label: string;\n  depth: number;\n}\n\nexport interface DrillDownContext {\n  selections: DrillSelection[];\n  isMultiSelect: boolean;\n}\n\nexport interface SankeyData {\n  nodes: SankeyNodeData[];\n  links: SankeyLinkData[];\n}\n\n/** Parameters passed to the tooltip formatter */\nexport interface SankeyTooltipParams {\n  type: \"node\" | \"link\";\n  name: string;\n  node?: SankeyNodeData;\n  link?: { source: string; target: string; value: number };\n  color?: string;\n}\n\nexport interface SankeyChartProps {\n  /**\n   * The ECharts core instance imported by the consumer.\n   * Passed in rather than imported directly so the consumer controls which\n   * ECharts modules are bundled (tree-shaking).\n   */\n  echarts: typeof echarts;\n  /** Array of nodes in the Sankey diagram */\n  nodes: SankeyNodeData[];\n  /** Array of links connecting nodes by index */\n  links: SankeyLinkData[];\n  /** Height of the chart in pixels */\n  height?: number;\n  /** Show node values above labels (default: true if any node has a value) */\n  showNodeValues?: boolean;\n  /** Format function for node values (default: toLocaleString) */\n  formatValue?: (value: number) => string;\n  /** Custom tooltip formatter. Return HTML string or empty string to hide tooltip. */\n  tooltipFormatter?: (params: SankeyTooltipParams) => string;\n  nodeWidth?: number;\n  nodePadding?: number;\n  showTooltip?: boolean;\n  defaultNodeColor?: string;\n  /** Left padding of the Sankey layout within the chart container. Accepts a number (px) or percentage string. ECharts default: '5%'. */\n  left?: number | string;\n  /** Right padding of the Sankey layout within the chart container. Accepts a number (px) or percentage string. ECharts default: '5%'. */\n  right?: number | string;\n  /** Link fill style: 'gradient' blends source to target colors, 'gray' uses flat gray */\n  linkColor?: \"gradient\" | \"gray\";\n  linkOpacity?: number;\n  className?: string;\n  isDarkMode?: boolean;\n  onNodeClick?: (node: SankeyNodeData) => void;\n  onLinkClick?: (link: SankeyLinkData) => void;\n}\n\nconst defaultFormatValue = (value: number) => value.toLocaleString();\n\n/** Type guard for ECharts tooltip params */\ninterface TooltipParams {\n  dataType?: string;\n  name?: string;\n  data?: { source?: string; target?: string; value?: number };\n  value?: number | number[];\n  color?: string;\n}\n\nfunction isTooltipParams(params: unknown): params is TooltipParams {\n  return typeof params === \"object\" && params !== null;\n}\n\n/** Escape HTML special characters to prevent XSS in tooltips */\nconst escapeHtml = (str: string): string =>\n  str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\");\n\n/**\n * Escape ECharts rich text metacharacters to prevent formatting issues.\n * Rich text syntax uses {styleName|text}, so | and } must be escaped.\n */\nconst escapeRichText = (str: string): string =>\n  str.replace(/[{}|]/g, (char) => `\\\\${char}`);\n\n/**\n * Sanitize a CSS color value to prevent injection attacks.\n * Only allows valid hex colors, rgb/rgba, hsl/hsla, and named colors.\n */\nconst sanitizeColor = (color: string): string => {\n  const fallback = \"#666\";\n  if (!color || typeof color !== \"string\") return fallback;\n\n  // Hex colors: #RGB, #RRGGBB, #RRGGBBAA\n  if (/^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(color)) {\n    return color;\n  }\n\n  // rgb/rgba: rgb(0,0,0) or rgba(0,0,0,0.5)\n  if (\n    /^rgba?\\(\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*(?:,\\s*[\\d.]+\\s*)?\\)$/i.test(\n      color,\n    )\n  ) {\n    return color;\n  }\n\n  // hsl/hsla: hsl(0,0%,0%) or hsla(0,0%,0%,0.5)\n  if (\n    /^hsla?\\(\\s*\\d{1,3}\\s*,\\s*\\d{1,3}%\\s*,\\s*\\d{1,3}%\\s*(?:,\\s*[\\d.]+\\s*)?\\)$/i.test(\n      color,\n    )\n  ) {\n    return color;\n  }\n\n  // Named colors (basic set) - only alphanumeric, no special chars\n  if (/^[a-z]{3,20}$/i.test(color)) {\n    return color;\n  }\n\n  return fallback;\n};\n\nexport function SankeyChart({\n  echarts,\n  nodes,\n  links,\n  height = 400,\n  nodeWidth = 8,\n  nodePadding = 10,\n  showTooltip: enableTooltip = true,\n  showNodeValues,\n  formatValue = defaultFormatValue,\n  tooltipFormatter,\n  defaultNodeColor,\n  left,\n  right,\n  linkColor = \"gradient\",\n  linkOpacity = 0.5,\n  className,\n  isDarkMode,\n  onNodeClick,\n  onLinkClick,\n}: SankeyChartProps) {\n  const hasNodeValues = nodes.some((n) => n.value !== undefined);\n  const shouldShowValues = showNodeValues ?? hasNodeValues;\n  const options = useMemo<EChartsOption>(() => {\n    const labelColor = ChartPalette.text(\"primary\", isDarkMode);\n    const secondaryColor = ChartPalette.text(\"secondary\", isDarkMode);\n    // Build a map of node name to original node data for tooltip access\n    const nodeDataMap = new Map(nodes.map((n) => [n.name, n]));\n\n    const echartsNodes = nodes.map((node, index) => ({\n      name: node.name,\n      value: node.value,\n      itemStyle: {\n        color:\n          node.color ??\n          defaultNodeColor ??\n          ChartPalette.categorical(index, isDarkMode),\n      },\n    }));\n\n    const echartsLinks = links.map((link) => ({\n      source: nodes[link.source]?.name ?? \"\",\n      target: nodes[link.target]?.name ?? \"\",\n      value: link.value,\n    }));\n\n    return {\n      backgroundColor: \"transparent\",\n      animation: true,\n      animationDuration: 500,\n      animationDurationUpdate: 300,\n      animationEasingUpdate: \"cubicInOut\",\n      tooltip: enableTooltip\n        ? {\n            trigger: \"item\",\n            triggerOn: \"mousemove\",\n            dangerousHtmlFormatter: (params: unknown) => {\n              if (!isTooltipParams(params)) return \"\";\n\n              if (params.dataType === \"node\" && params.name) {\n                const nodeData = nodeDataMap.get(params.name);\n                const color = sanitizeColor(\n                  nodeData?.color ?? params.color ?? \"#666\",\n                );\n\n                // Use custom formatter if provided\n                if (tooltipFormatter) {\n                  return tooltipFormatter({\n                    type: \"node\",\n                    name: params.name,\n                    node: nodeData,\n                    color,\n                  });\n                }\n\n                // Default node tooltip\n                const safeName = escapeHtml(params.name);\n                return `<div style=\"display:flex;align-items:center;gap:6px;\"><span style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:${color}\"></span><strong>${safeName}</strong></div>`;\n              }\n\n              if (params.dataType === \"edge\" && params.data) {\n                const { source, target, value } = params.data;\n\n                // Use custom formatter if provided\n                if (tooltipFormatter) {\n                  return tooltipFormatter({\n                    type: \"link\",\n                    name: `${source} → ${target}`,\n                    link: {\n                      source: source ?? \"\",\n                      target: target ?? \"\",\n                      value: value ?? 0,\n                    },\n                  });\n                }\n\n                // Get colors for source and target nodes\n                const sourceNode = nodeDataMap.get(source ?? \"\");\n                const targetNode = nodeDataMap.get(target ?? \"\");\n                const sourceColor = sanitizeColor(sourceNode?.color ?? \"#666\");\n                const targetColor = sanitizeColor(targetNode?.color ?? \"#666\");\n\n                // Default link tooltip with colored dots\n                const safeSource = escapeHtml(source ?? \"\");\n                const safeTarget = escapeHtml(target ?? \"\");\n                return `<div style=\"display:flex;align-items:center;gap:6px;margin-bottom:4px;\">\n                  <span style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:${sourceColor}\"></span>\n                  <strong>${safeSource}</strong>\n                  <span style=\"color:${secondaryColor}\">→</span>\n                  <span style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:${targetColor}\"></span>\n                  <strong>${safeTarget}</strong>\n                </div>\n                <strong>${value !== undefined ? escapeHtml(formatValue(value)) : \"\"}</strong>`;\n              }\n\n              return \"\";\n            },\n          }\n        : undefined,\n      series: [\n        {\n          type: \"sankey\",\n          ...(left !== undefined && { left }),\n          ...(right !== undefined && { right }),\n          data: echartsNodes,\n          links: echartsLinks,\n          draggable: false,\n          emphasis: {\n            focus: \"adjacency\",\n          },\n          nodeWidth,\n          nodeGap: nodePadding,\n          lineStyle: {\n            color: linkColor === \"gradient\" ? \"source\" : \"#d1d5db\",\n            opacity: linkColor === \"gradient\" ? linkOpacity : 0.4,\n            curveness: 0.5,\n          },\n          label: {\n            show: true,\n            color: labelColor,\n            fontSize: 12,\n            formatter: shouldShowValues\n              ? (params: { name?: string }) => {\n                  const name = params.name ?? \"\";\n                  const nodeData = nodeDataMap.get(name);\n                  const safeName = escapeRichText(name);\n                  if (nodeData?.value !== undefined) {\n                    return `{value|${escapeRichText(formatValue(nodeData.value))}}\\n{name|${safeName}}`;\n                  }\n                  return safeName;\n                }\n              : undefined,\n            rich: shouldShowValues\n              ? {\n                  value: {\n                    fontSize: 11,\n                    color: labelColor,\n                    lineHeight: 16,\n                  },\n                  name: {\n                    fontSize: 12,\n                    color: labelColor,\n                    fontWeight: 700,\n                  },\n                }\n              : undefined,\n          },\n        },\n      ],\n    };\n  }, [\n    nodes,\n    links,\n    enableTooltip,\n    nodeWidth,\n    nodePadding,\n    defaultNodeColor,\n    left,\n    right,\n    isDarkMode,\n    linkColor,\n    linkOpacity,\n    shouldShowValues,\n    formatValue,\n    tooltipFormatter,\n  ]);\n\n  const handleClick = useCallback(\n    (params: Parameters<ChartEvents[\"click\"]>[0]) => {\n      if (params.dataType === \"node\" && onNodeClick && params.name) {\n        const nodeIndex = nodes.findIndex((n) => n.name === params.name);\n        const originalNode = nodeIndex >= 0 ? nodes[nodeIndex] : null;\n\n        const nodeData: SankeyNodeData = {\n          ...originalNode,\n          name: params.name,\n        };\n        onNodeClick(nodeData);\n      } else if (params.dataType === \"edge\" && onLinkClick && params.data) {\n        const data = params.data;\n        const source =\n          typeof data === \"object\" && data !== null && \"source\" in data\n            ? String(data.source)\n            : \"\";\n        const target =\n          typeof data === \"object\" && data !== null && \"target\" in data\n            ? String(data.target)\n            : \"\";\n        const sourceIndex = nodes.findIndex((n) => n.name === source);\n        const targetIndex = nodes.findIndex((n) => n.name === target);\n\n        if (sourceIndex === -1 || targetIndex === -1) return;\n\n        const rawValue = params.value;\n        const value =\n          typeof rawValue === \"number\"\n            ? rawValue\n            : Array.isArray(rawValue) && typeof rawValue[0] === \"number\"\n              ? rawValue[0]\n              : 0;\n\n        // Find original link to preserve id and isDrillable properties\n        const originalLink = links.find(\n          (l) => l.source === sourceIndex && l.target === targetIndex,\n        );\n        onLinkClick({\n          ...originalLink,\n          source: sourceIndex,\n          target: targetIndex,\n          value,\n        });\n      }\n    },\n    [nodes, links, onNodeClick, onLinkClick],\n  );\n\n  const onEvents = useMemo<Partial<ChartEvents>>(\n    () => ({\n      click: handleClick,\n    }),\n    [handleClick],\n  );\n\n  return (\n    <Chart\n      echarts={echarts}\n      options={options}\n      className={className}\n      isDarkMode={isDarkMode}\n      height={height}\n      onEvents={onEvents}\n    />\n  );\n}\n\nSankeyChart.displayName = \"SankeyChart\";\n"],"names":["ChartSemanticLightColors","ChartSemanticDarkColors","sequentialLight","sequentialDark","CHART_LIGHT_COLORS","CHART_DARK_COLORS","ChartPalette","semantic","name","isDarkMode","categorical","index","sequential","palette","text","variant","colors","transformTooltip","tooltipObj","dangerousHtmlFormatter","restOfTooltip","prepareChartOptions","options","Chart","forwardRef","echarts","optionUpdateBehavior","className","height","onEvents","ref","elRef","useRef","chartRef","handlersRef","wrappersRef","boundEventsRef","useEffect","chart","event","wrapper","nextBound","handler","params","el","isInitial","ro","jsx","cn","TimeseriesChart","type","data","xAxisName","xAxisTickCount","xAxisTickFormat","yAxisTickFormat","yAxisTickLabelFormat","yAxisName","yAxisTickCount","tooltipValueFormat","onTimeRangeChange","incomplete","gradient","loading","ariaDescription","incompleteBefore","incompleteAfter","useMemo","transformSeries","seriesType","s","incompleteBeforePoints","point","incompleteAfterPoints","completePoints","areaStyle","colorWithOpacity","incompleteSeriesConfig","items","seenNames","filteredParams","param","first","ts","header","formatTimestamp","rows","value","formatFn","formattedValue","events","range","hasTimeRangeCallback","ChartWaveLoader","mid","amp","period","steps","points","i","x","y","d","strokeColor","color","alpha","rgbMatch","hex","r","g","pad","n","LargeItem","unit","inactive","jsxs","SmallItem","ChartLegend","defaultFormatValue","isTooltipParams","escapeHtml","str","escapeRichText","char","sanitizeColor","fallback","SankeyChart","nodes","links","nodeWidth","nodePadding","enableTooltip","showNodeValues","formatValue","tooltipFormatter","defaultNodeColor","left","right","linkColor","linkOpacity","onNodeClick","onLinkClick","hasNodeValues","shouldShowValues","labelColor","secondaryColor","nodeDataMap","echartsNodes","node","echartsLinks","link","nodeData","safeName","source","target","sourceNode","targetNode","sourceColor","targetColor","safeSource","safeTarget","handleClick","useCallback","nodeIndex","sourceIndex","targetIndex","rawValue","originalLink","l"],"mappings":"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"}
+{"version":3,"file":"SankeyChart-krkvltewpn3bbupw.js","sources":["../../src/components/chart/Color.ts","../../src/components/chart/EChart.tsx","../../src/components/chart/TimeseriesChart.tsx","../../src/components/chart/Legend.tsx","../../src/components/chart/SankeyChart.tsx"],"sourcesContent":["/**\n * Categorical colors for light mode — used when assigning colors to data series\n * by index (e.g. the first series gets Blue, the second gets Violet, etc.).\n */\nenum ChartCategoricalLightColors {\n  Blue = \"#4290F0\",\n  Yellow = \"#F5B647\",\n  Pink = \"#E8649D\",\n  Purple = \"#8D58EE\",\n  Teal = \"#50C3B6\",\n  Orange = \"#D37536\",\n}\n\n/**\n * Categorical colors for dark mode\n */\nenum ChartCategoricalDarkColors {\n  Blue = \"#4290F0\",\n  Yellow = \"#EEB720\",\n  Pink = \"#E8649D\",\n  Purple = \"#8D58EE\",\n  Teal = \"#50C3B6\",\n  Orange = \"#D37536\",\n}\n\n/**\n * Semantic colors for light mode — used to convey meaning (status, severity)\n * rather than just distinguishing series. Use via `ChartPalette.semantic()`.\n */\nenum ChartSemanticLightColors {\n  Attention = \"#FC574A\",\n  Warning = \"#F8A054\",\n  Success = \"#00A63E\",\n  Neutral = \"#B9D6FF\",\n  Disabled = \"#CBCBCB\",\n  Skeleton = \"#DDDDDD\",\n}\n\n/**\n * Semantic colors for dark mode\n */\nenum ChartSemanticDarkColors {\n  Attention = \"#FC574A\",\n  Warning = \"#F8A054\",\n  Success = \"#00A63E\",\n  Neutral = \"#8EC5FF\",\n  Disabled = \"#878787\",\n  Skeleton = \"#5C5C5C\",\n}\n\nexport type ChartSemanticColorName =\n  | \"Attention\"\n  | \"Warning\"\n  | \"Success\"\n  | \"Neutral\"\n  | \"Disabled\"\n  | \"Skeleton\";\n\n/**\n * Sequential color palettes for light mode with the colour in position #2 of the array as the base.\n */\nconst sequentialLight = {\n  blues: [\"#E1EAF4\", \"#8EBCF6\", \"#4290F0\", \"#0E58B4\", \"#03254F\"],\n};\n\n/**\n * Sequential color palettes for dark mode. These are the reverse of the light mode palettes using the same base color (position 2).\n */\nconst sequentialDark = {\n  blues: [\"#03254F\", \"#0E58B4\", \"#4290F0\", \"#A6BFDD\", \"#E1EAF4\"],\n};\n\n/**\n * Ordered list of categorical colors for light mode, indexed by series position.\n * Used as the default ECharts color palette when `isDarkMode` is `false`.\n */\nexport const CHART_LIGHT_COLORS = [\n  ChartCategoricalLightColors.Blue,\n  ChartCategoricalLightColors.Yellow,\n  ChartCategoricalLightColors.Pink,\n  ChartCategoricalLightColors.Purple,\n  ChartCategoricalLightColors.Teal,\n  ChartCategoricalLightColors.Orange,\n];\n\n/**\n * Ordered list of categorical colors for dark mode, indexed by series position.\n * Used as the default ECharts color palette when `isDarkMode` is `true`.\n */\nexport const CHART_DARK_COLORS = [\n  ChartCategoricalDarkColors.Blue,\n  ChartCategoricalDarkColors.Yellow,\n  ChartCategoricalDarkColors.Pink,\n  ChartCategoricalDarkColors.Purple,\n  ChartCategoricalDarkColors.Teal,\n  ChartCategoricalDarkColors.Orange,\n];\n\n/**\n * Utilities for resolving Kumo chart colors by semantic name or series index.\n * All functions accept an `isDarkMode` flag and return the appropriate color string.\n */\nexport namespace ChartPalette {\n  /**\n   * Returns the hex color for a named semantic value (status, severity, etc.).\n   *\n   * @example\n   * ```ts\n   * ChartPalette.semantic(\"Attention\")           // \"#FC574A\" (light)\n   * ChartPalette.semantic(\"Warning\", true)       // \"#F8A054\" (dark)\n   * ```\n   */\n  export function semantic(\n    name: ChartSemanticColorName,\n    isDarkMode = false,\n  ): string {\n    return isDarkMode\n      ? ChartSemanticDarkColors[name]\n      : ChartSemanticLightColors[name];\n  }\n\n  /**\n   * Returns the categorical color for a given series index.\n   * Wraps around via modulo when `index` exceeds the palette length (6 colors).\n   *\n   * @example\n   * ```ts\n   * ChartPalette.categorical(0)        // Blue (light)\n   * ChartPalette.categorical(0, true)  // Blue (dark)\n   * ChartPalette.categorical(6)        // wraps back to Blue\n   * ```\n   */\n  export function categorical(index: number, isDarkMode = false): string {\n    return isDarkMode\n      ? CHART_DARK_COLORS[index % CHART_DARK_COLORS.length]\n      : CHART_LIGHT_COLORS[index % CHART_LIGHT_COLORS.length];\n  }\n\n  /**\n   * Returns all steps of a named sequential palette as an array.\n   *\n   * @example\n   * ```ts\n   * ChartPalette.sequential(\"blues\")        // 5-step array (light)\n   * ChartPalette.sequential(\"blues\", true)  // 5-step array (dark)\n   * ```\n   */\n  export function sequential(\n    palette: keyof typeof sequentialLight,\n    isDarkMode = false,\n  ): string[] {\n    return isDarkMode\n      ? [...sequentialDark[palette]]\n      : [...sequentialLight[palette]];\n  }\n\n  /**\n   * Returns the hex color for chart text/labels.\n   *\n   * @example\n   * ```ts\n   * ChartPalette.text(\"primary\")        // \"#6B7280\" (light)\n   * ChartPalette.text(\"primary\", true)  // \"#9CA3AF\" (dark)\n   * ChartPalette.text(\"secondary\")      // \"#9CA3AF\" (light)\n   * ```\n   */\n  export function text(variant: \"primary\" | \"secondary\", isDarkMode = false) {\n    const colors = {\n      light: { primary: \"#6B7280\", secondary: \"#9CA3AF\" },\n      dark: { primary: \"#9CA3AF\", secondary: \"#6B7280\" },\n    };\n    return isDarkMode ? colors.dark[variant] : colors.light[variant];\n  }\n}\n","import type * as echarts from \"echarts/core\";\nimport type {\n  EChartsOption,\n  SetOptionOpts,\n  TooltipComponentOption,\n} from \"echarts\";\nimport { forwardRef, useEffect, useRef } from \"react\";\nimport { cn } from \"../../utils\";\nimport { CHART_DARK_COLORS, CHART_LIGHT_COLORS } from \"./Color\";\n\n/** Parameters passed to mouse event handlers on chart elements */\ntype EChartsMouseEventParams = {\n  /** The type of component that triggered the event (e.g. \"series\", \"markPoint\") */\n  componentType: string;\n  /** Series type (e.g. \"line\", \"bar\") — present when componentType is \"series\" */\n  seriesType?: string;\n  /** Zero-based index of the series in the option.series array */\n  seriesIndex?: number;\n  /** Name of the series */\n  seriesName?: string;\n  /** Name of the data item */\n  name?: string;\n  /** Zero-based index of the data item within its series */\n  dataIndex?: number;\n  /** Raw data item value */\n  data?: any;\n  /** Sub-type of data (e.g. \"node\", \"edge\" for graph series) */\n  dataType?: string;\n  /** Numeric or array value of the data item */\n  value?: number | any[];\n  /** Resolved color of the series or data item */\n  color?: string;\n};\n\n/**\n * Tooltip options with the `formatter` property removed and replaced with\n * `dangerousHtmlFormatter` to make the security implications more explicit.\n */\nexport type SafeTooltipOption = Omit<TooltipComponentOption, \"formatter\"> & {\n  /**\n   * USE WITH CAUTION: Use this only for trusted HTML content.\n   * When building tooltip HTML with user-provided data, always sanitize\n   * the input to prevent XSS vulnerabilities. Recommended: use\n   * `encodeHTML` from `echarts/format` to escape HTML special characters.\n   */\n  dangerousHtmlFormatter?: TooltipComponentOption[\"formatter\"];\n};\n\nexport type KumoChartOption = {\n  [K in keyof EChartsOption]: K extends \"tooltip\"\n    ? SafeTooltipOption | SafeTooltipOption[] | undefined\n    : EChartsOption[K];\n};\n\n/**\n * ECharts event handlers that can be attached to a `Chart`.\n * Pass a subset via the `onEvents` prop; handlers are registered lazily and\n * cleaned up automatically when removed or when the chart is unmounted.\n */\nexport interface ChartEvents {\n  // Mouse events — fired on chart elements (series, marks, etc.)\n  click: (params: EChartsMouseEventParams) => void;\n  dblclick: (params: EChartsMouseEventParams) => void;\n  mousedown: (params: EChartsMouseEventParams) => void;\n  mousemove: (params: EChartsMouseEventParams) => void;\n  mouseup: (params: EChartsMouseEventParams) => void;\n  mouseover: (params: EChartsMouseEventParams) => void;\n  mouseout: (params: EChartsMouseEventParams) => void;\n  /** Fired when the pointer leaves the chart canvas entirely */\n  globalout: (params: any) => void;\n  contextmenu: (params: any) => void;\n\n  // Legend events\n  /** Fired when any legend item's selected state changes */\n  legendselectchanged: (params: {\n    name: string;\n    /** Map of series name → selected state for all legend items */\n    selected: Record<string, boolean>;\n  }) => void;\n  legendselected: (params: any) => void;\n  legendunselected: (params: any) => void;\n  legendscroll: (params: any) => void;\n\n  // Data zoom / timeline events\n  datazoom: (params: any) => void;\n  datarangeselected: (params: any) => void;\n  timelinechanged: (params: any) => void;\n  timelineplaychanged: (params: any) => void;\n\n  // Toolbox events\n  restore: (params: any) => void;\n  dataviewchanged: (params: any) => void;\n  magictypechanged: (params: any) => void;\n\n  // Pie chart selection events\n  pieselectchanged: (params: any) => void;\n  pieselected: (params: any) => void;\n  pieunselected: (params: any) => void;\n\n  // Map / geo selection events\n  mapselectchanged: (params: any) => void;\n  mapselected: (params: any) => void;\n  mapunselected: (params: any) => void;\n  geoselectchanged: (params: any) => void;\n  geoselected: (params: any) => void;\n  geounselected: (params: any) => void;\n\n  axisareaselected: (params: any) => void;\n\n  // Brush / selection events\n  brush: (params: any) => void;\n  brushselected: (params: any) => void;\n  /** Fired when the user finishes drawing a brush selection */\n  brushend: (params: {\n    areas: Array<{\n      /** Coordinate range covered by the brush — interpretation depends on axis type */\n      coordRange: any;\n      brushType?: string;\n      panelId?: string;\n      range?: any;\n    }>;\n  }) => void;\n}\n\n/** Props for the low-level `Chart` wrapper around Apache ECharts */\nexport interface ChartProps {\n  /**\n   * The ECharts core instance imported by the consumer.\n   * Passed in rather than imported directly so the consumer controls which\n   * ECharts modules are bundled (tree-shaking).\n   */\n  echarts: typeof echarts;\n  /** ECharts option object — passed through to `chart.setOption()` */\n  options: KumoChartOption;\n  /**\n   * Additional options passed as the second argument to `chart.setOption()`.\n   * Defaults to `{ notMerge: false, lazyUpdate: true }`.\n   */\n  optionUpdateBehavior?: SetOptionOpts;\n  /** Additional CSS classes applied to the chart container `<div>` */\n  className?: string;\n  /**\n   * When `true`, initialises ECharts with its built-in dark theme.\n   * Changing this value after mount destroys and re-creates the chart instance.\n   */\n  isDarkMode?: boolean;\n  /** Height of the chart container in pixels. Defaults to `350`. */\n  height?: number;\n  /** Subset of ECharts events to listen for. Handlers are bound/unbound reactively. */\n  onEvents?: Partial<ChartEvents>;\n}\n\nconst transformTooltip = (tooltipObj: SafeTooltipOption) => {\n  const { dangerousHtmlFormatter, ...restOfTooltip } = tooltipObj;\n  return {\n    ...restOfTooltip,\n    formatter: dangerousHtmlFormatter,\n  };\n};\n\nconst prepareChartOptions = (options: KumoChartOption): EChartsOption => {\n  if (!options.tooltip) return options;\n\n  return {\n    ...options,\n    tooltip: Array.isArray(options.tooltip)\n      ? options.tooltip.map(transformTooltip)\n      : transformTooltip(options.tooltip),\n  };\n};\n\n/**\n * Chart — a low-level wrapper around [Apache ECharts](https://echarts.apache.org).\n *\n * Manages the ECharts instance lifecycle (init, option updates, event binding,\n * resize observation, and disposal). Exposes the raw `echarts.ECharts` instance\n * via `ref` for imperative access when needed.\n *\n * Prefer `TimeseriesChart` for time-series data; use this component when you\n * need full control over the ECharts option object.\n *\n * @example\n * ```tsx\n * import * as echarts from \"echarts/core\";\n * import { BarChart } from \"echarts/charts\";\n * import { GridComponent } from \"echarts/components\";\n * import { CanvasRenderer } from \"echarts/renderers\";\n *\n * echarts.use([BarChart, GridComponent, CanvasRenderer]);\n *\n * <Chart\n *   echarts={echarts}\n *   options={{ xAxis: { data: [\"A\", \"B\"] }, yAxis: {}, series: [{ type: \"bar\", data: [1, 2] }] }}\n * />\n * ```\n */\nexport const Chart = forwardRef<echarts.ECharts, ChartProps>(function Chart(\n  {\n    echarts,\n    options,\n    optionUpdateBehavior,\n    className,\n    isDarkMode,\n    height = 350,\n    onEvents,\n  }: ChartProps,\n  ref,\n) {\n  // Ref to the container DOM node that ECharts renders into\n  const elRef = useRef<HTMLDivElement | null>(null);\n  // Ref to the active ECharts instance\n  const chartRef = useRef<echarts.ECharts | null>(null);\n  // Keeps the latest onEvents object without triggering re-binding on every render\n  const handlersRef = useRef<Partial<ChartEvents>>({});\n  // Stable wrapper functions per event name — avoids creating new closures on re-render\n  const wrappersRef = useRef<Record<string, (params: any) => void>>({});\n  // Tracks which event names are currently bound to the chart instance\n  const boundEventsRef = useRef<Set<string>>(new Set());\n\n  // Init and cleanup\n  useEffect(() => {\n    if (!elRef.current) return;\n\n    const chart = echarts.init(\n      elRef.current,\n      isDarkMode\n        ? \"dark\"\n        : {\n            color: isDarkMode ? CHART_DARK_COLORS : CHART_LIGHT_COLORS,\n          },\n    );\n    chartRef.current = chart;\n\n    if (typeof ref === \"function\") ref(chart);\n    else if (ref) ref.current = chart;\n\n    return () => {\n      for (const event of boundEventsRef.current) {\n        const wrapper = wrappersRef.current[event];\n        if (wrapper) chart.off(event, wrapper);\n      }\n      boundEventsRef.current.clear();\n      if (typeof ref === \"function\") ref(null);\n      else if (ref) ref.current = null;\n      chartRef.current = null;\n      chart.dispose();\n    };\n  }, [elRef, isDarkMode]);\n\n  // Update options\n  useEffect(() => {\n    const chart = chartRef.current;\n    if (!chart) return;\n\n    chart.setOption(prepareChartOptions(options), {\n      notMerge: false,\n      lazyUpdate: true,\n      ...optionUpdateBehavior,\n    });\n  }, [isDarkMode, optionUpdateBehavior, options]);\n\n  // Keep handlersRef in sync so wrapper closures always call the latest handler\n  // without needing to re-bind listeners on every render\n  useEffect(() => {\n    handlersRef.current = onEvents ?? {};\n  }, [onEvents]);\n\n  // Reactively bind and unbind event listeners when onEvents changes.\n  // Uses stable wrapper functions (wrappersRef) so the same function reference\n  // is passed to both chart.on() and chart.off(), which ECharts requires.\n  useEffect(() => {\n    const chart = chartRef.current;\n    if (!chart) return;\n\n    const nextBound = new Set<string>();\n\n    for (const [event, handler] of Object.entries(onEvents ?? {})) {\n      if (typeof handler !== \"function\") continue;\n      nextBound.add(event);\n\n      if (!wrappersRef.current[event]) {\n        wrappersRef.current[event] = (params: any) => {\n          const current = handlersRef.current as Record<\n            string,\n            ((p: any) => void) | undefined\n          >;\n          current[event]?.(params);\n        };\n      }\n\n      if (!boundEventsRef.current.has(event)) {\n        chart.on(event, wrappersRef.current[event]);\n      }\n    }\n\n    for (const event of boundEventsRef.current) {\n      if (nextBound.has(event)) continue;\n      const wrapper = wrappersRef.current[event];\n      if (wrapper) {\n        chart.off(event, wrapper);\n      }\n    }\n\n    boundEventsRef.current = nextBound;\n  }, [echarts, isDarkMode, onEvents]);\n\n  // Resize handling\n  useEffect(() => {\n    const chart = chartRef.current;\n    const el = elRef.current;\n    if (!chart || !el) return;\n\n    // Flag to skip the very first trigger\n    let isInitial = true;\n\n    const ro = new ResizeObserver(() => {\n      if (isInitial) {\n        isInitial = false;\n        return; // Skip the first resize to let the animation play\n      }\n      chart.resize();\n    });\n\n    ro.observe(el);\n\n    return () => ro.disconnect();\n  }, []);\n\n  return (\n    <div\n      ref={elRef}\n      className={cn(\"w-full\", className)}\n      style={{ height }}\n      tabIndex={options.aria?.enabled ? 0 : undefined}\n      role={options.aria?.enabled ? \"img\" : undefined}\n    />\n  );\n});\n\nChart.displayName = \"Chart\";\n","import type * as echarts from \"echarts/core\";\nimport type { LineSeriesOption, BarSeriesOption } from \"echarts/charts\";\nimport type { EChartsOption, SeriesOption, SetOptionOpts } from \"echarts\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { Chart, ChartEvents, KumoChartOption } from \"./EChart\";\n\n/** A single data series rendered on a `TimeseriesChart` */\nexport interface TimeseriesData {\n  /** Display name shown in tooltips and legends */\n  name: string;\n  /** Array of `[timestamp_ms, value]` tuples ordered by time */\n  data: [number, number][];\n  /** Hex color string used for this series' line, bars, and legend dot */\n  color: string;\n}\n\n/** Props for `TimeseriesChart` */\nexport interface TimeseriesChartProps {\n  /**\n   * The ECharts core instance imported by the consumer.\n   * Passed in rather than imported directly so the consumer controls which\n   * ECharts modules are bundled (tree-shaking).\n   */\n  echarts: typeof echarts;\n  /** Visual style of each series. Defaults to `\"line\"`. */\n  type?: \"line\" | \"bar\";\n  /** Array of time series data to display on the chart */\n  data: TimeseriesData[];\n  /** Label for the x-axis (time axis) */\n  xAxisName?: string;\n  /** Number of ticks to display on the x-axis */\n  xAxisTickCount?: number;\n  /**\n   * Custom formatter for x-axis tick labels.\n   * Receives the raw timestamp in milliseconds and returns a display string,\n   * overriding ECharts' built-in time formatting.\n   */\n  xAxisTickFormat?: (value: number) => string;\n  /**\n   * Custom formatter for y-axis tick labels.\n   * Receives the raw value and returns a display string.\n   * When omitted, ECharts' built-in formatter is used.\n   */\n  yAxisTickFormat?: (value: number) => string;\n  /**\n   * @deprecated Use `tooltipValueFormat` instead. This prop formats tooltip\n   * values, not y-axis tick labels. It will be removed in a future major version.\n   */\n  yAxisTickLabelFormat?: (value: number) => string;\n  /** Label for the y-axis (value axis) */\n  yAxisName?: string;\n  /** Number of ticks to display on the y-axis */\n  yAxisTickCount?: number;\n  /**\n   * Custom formatter for tooltip values.\n   * Receives the raw y-value and returns a display string.\n   * When omitted, the raw value is shown. Takes precedence over the\n   * deprecated `yAxisTickLabelFormat` prop.\n   */\n  tooltipValueFormat?: (value: number) => string;\n  /** Indicates incomplete data periods with optional before/after timestamps in ms */\n  incomplete?: { before?: number; after?: number };\n  /** Height of the chart in pixels. Defaults to `350`. */\n  height?: number;\n  /** Callback fired when user selects a time range via brush selection */\n  onTimeRangeChange?: (from: number, to: number) => void;\n  /** When `true`, switches the chart to ECharts' built-in dark theme */\n  isDarkMode?: boolean;\n  /**\n   * When `true`, renders a vertical gradient fill beneath each line series.\n   * The gradient fades from the series' color at the top to transparent at the bottom.\n   * Has no effect when `type` is `\"bar\"`.\n   */\n  gradient?: boolean;\n  /**\n   * When `true`, hides the chart and displays an animated sine-wave skeleton\n   * that oscillates back and forth to indicate that data is being fetched.\n   */\n  loading?: boolean;\n  /**\n   * Accessible description for screen readers. When provided, it is passed to\n   * ECharts' `aria.label.description` and announced when the chart receives\n   * focus. Consumers are responsible for writing a meaningful description —\n   * see the W3C guidance on complex images for recommendations.\n   *\n   * @see https://www.w3.org/WAI/tutorials/images/complex/\n   * @see https://echarts.apache.org/handbook/en/best-practices/aria/\n   */\n  ariaDescription?: string;\n  /**\n   * Additional options passed as the second argument to `chart.setOption()`.\n   * Defaults to `{ notMerge: false, lazyUpdate: true }`.\n   */\n  optionUpdateBehavior?: SetOptionOpts;\n}\n\n/**\n * TimeseriesChart — a time-series line or bar chart.\n *\n * Built on `Chart` (Apache ECharts) with opinionated defaults for time-series data:\n * a time-typed x-axis, dashed lines for incomplete data periods, brush-based\n * time range selection, and automatic tooltip deduplication.\n *\n * @example\n * ```tsx\n * import * as echarts from \"echarts/core\";\n * import { LineChart } from \"echarts/charts\";\n * import { GridComponent, TooltipComponent, BrushComponent, ToolboxComponent } from \"echarts/components\";\n * import { CanvasRenderer } from \"echarts/renderers\";\n *\n * echarts.use([LineChart, GridComponent, TooltipComponent, BrushComponent, ToolboxComponent, CanvasRenderer]);\n *\n * const [range, setRange] = useState<[number, number]>();\n *\n * <TimeseriesChart\n *   echarts={echarts}\n *   data={[{ name: \"Requests\", data: [[Date.now(), 42]], color: \"#086FFF\" }]}\n *   xAxisName=\"Time\"\n *   xAxisTickFormat={(ts) => new Date(ts).toLocaleTimeString()}\n *   yAxisName=\"Count\"\n *   yAxisTickFormat={(value) => `${value / 1000}k`}\n *   tooltipValueFormat={(value) => `${value.toFixed(2)} req/s`}\n *   onTimeRangeChange={(from, to) => setRange([from, to])}\n * />\n * ```\n */\nexport function TimeseriesChart({\n  echarts,\n  type = \"line\",\n  data,\n  xAxisName,\n  xAxisTickCount,\n  xAxisTickFormat,\n  yAxisTickFormat,\n  yAxisTickLabelFormat,\n  yAxisName,\n  yAxisTickCount,\n  tooltipValueFormat,\n  onTimeRangeChange,\n  height = 350,\n  incomplete,\n  isDarkMode,\n  gradient,\n  loading,\n  ariaDescription,\n  optionUpdateBehavior,\n}: TimeseriesChartProps) {\n  const chartRef = useRef<echarts.ECharts | null>(null);\n  const incompleteBefore = incomplete?.before;\n  const incompleteAfter = incomplete?.after;\n\n  const options = useMemo(() => {\n    const transformSeries: Array<LineSeriesOption | BarSeriesOption> = [];\n\n    const seriesType =\n      type === \"bar\"\n        ? ({ type: \"bar\", stack: \"total\" } as const)\n        : ({ type: \"line\", showSymbol: false } as const);\n\n    for (const s of data) {\n      const incompleteBeforePoints =\n        incompleteBefore && type === \"line\"\n          ? s.data.filter((point) => point[0] <= incompleteBefore)\n          : [];\n\n      const incompleteAfterPoints =\n        incompleteAfter && type === \"line\"\n          ? s.data.filter((point) => point[0] >= incompleteAfter)\n          : [];\n\n      const completePoints =\n        incompleteBeforePoints.length > 0 || incompleteAfterPoints.length > 0\n          ? s.data.slice(\n              Math.max(0, incompleteBeforePoints.length - 1),\n              Math.max(0, s.data.length - incompleteAfterPoints.length + 1),\n            )\n          : s.data;\n\n      // Main complete data series\n      const areaStyle =\n        gradient && type === \"line\"\n          ? {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n                { offset: 0, color: colorWithOpacity(s.color, 0.4) },\n                { offset: 1, color: colorWithOpacity(s.color, 0) },\n              ]),\n            }\n          : undefined;\n\n      transformSeries.push({\n        data: completePoints,\n        color: s.color,\n        name: s.name,\n        emphasis: { focus: \"series\" },\n        ...(areaStyle ? { areaStyle } : {}),\n        ...seriesType,\n      });\n\n      // Incomplete data series with dashed lines\n      const incompleteSeriesConfig = {\n        color: s.color,\n        name: s.name,\n        type: \"line\" as const,\n        lineStyle: { type: \"dashed\" as const },\n        showSymbol: false,\n        emphasis: { focus: \"series\" as const },\n      };\n\n      if (incompleteBeforePoints.length > 0) {\n        transformSeries.push({\n          ...incompleteSeriesConfig,\n          data: incompleteBeforePoints,\n        });\n      }\n\n      if (incompleteAfterPoints.length > 0) {\n        transformSeries.push({\n          ...incompleteSeriesConfig,\n          data: incompleteAfterPoints,\n        });\n      }\n    }\n\n    return {\n      aria: {\n        enabled: true,\n        ...(ariaDescription && { label: { description: ariaDescription } }),\n      },\n      brush: {\n        xAxisIndex: \"all\" as const,\n        brushType: \"lineX\" as const,\n        brushMode: \"single\" as const,\n        outOfBrush: {\n          colorAlpha: 0.3,\n        },\n        brushStyle: {\n          borderWidth: 1,\n          color: \"rgba(120,140,180,0.3)\",\n          borderColor: \"rgba(120,140,180,0.8)\",\n        },\n      },\n      tooltip: {\n        trigger: \"axis\" as const,\n        appendTo: \"body\",\n        axisPointer: { type: \"shadow\" as const },\n        dangerousHtmlFormatter: (params) => {\n          const items = Array.isArray(params) ? params : [params];\n\n          // Track seen series names to avoid duplicates in tooltip\n          // This is needed because incomplete data series (dashed lines) and complete data series\n          // can overlap at the same timestamp, causing duplicate entries in the tooltip\n          const seenNames = new Set<string>();\n          const filteredParams = items.filter((param: any) => {\n            if (seenNames.has(param.seriesName)) return false;\n            seenNames.add(param.seriesName);\n            return true;\n          });\n\n          const first = filteredParams[0] as {\n            value?: [number, number];\n            axisValue?: number;\n          };\n\n          const ts = first?.value?.[0] ?? first?.axisValue;\n\n          const header =\n            ts != null\n              ? `<div style=\"font-weight:600;margin-bottom:4px;\">${echarts.format.encodeHTML(formatTimestamp(ts))}</div>`\n              : \"\";\n\n          const rows = filteredParams\n            .map((param: any) => {\n              const value = param?.value?.[1];\n              const formatFn = tooltipValueFormat ?? yAxisTickLabelFormat;\n              const formattedValue = formatFn\n                ? echarts.format.encodeHTML(String(formatFn(value)))\n                : echarts.format.encodeHTML(String(value));\n\n              return `${param.marker} ${echarts.format.encodeHTML(param.seriesName)}: <strong>${formattedValue}</strong>`;\n            })\n            .join(\"<br/>\");\n\n          return `${header}${rows}`;\n        },\n      },\n      backgroundColor: \"transparent\",\n      toolbox: { show: false },\n      xAxis: {\n        name: xAxisName,\n        nameLocation: \"middle\" as const,\n        nameGap: 30,\n        type: \"time\" as const,\n        splitLine: {\n          show: false,\n        },\n        axisLine: { show: false },\n        splitNumber: xAxisTickCount ?? 5,\n        ...(xAxisTickFormat && {\n          axisLabel: {\n            formatter: (value: number) => xAxisTickFormat(value),\n          },\n        }),\n      },\n      yAxis: {\n        name: yAxisName,\n        nameLocation: \"middle\" as const,\n        nameGap: 40,\n        type: \"value\" as const,\n        axisTick: { show: true },\n        axisLabel: {\n          margin: 15,\n          ...(yAxisTickFormat && {\n            formatter: (value: number) => yAxisTickFormat(value),\n          }),\n        },\n        splitLine: {\n          show: true,\n          lineStyle: { type: \"dashed\" as const, width: 1 },\n        },\n        splitNumber: yAxisTickCount,\n      },\n      grid: {\n        left: yAxisName ? 30 : 24,\n        right: 24,\n        top: 24,\n        bottom: xAxisName ? 30 : 24,\n      },\n      series: transformSeries as SeriesOption[],\n    } satisfies KumoChartOption;\n  }, [\n    data,\n    xAxisName,\n    xAxisTickCount,\n    xAxisTickFormat,\n    yAxisTickFormat,\n    yAxisTickLabelFormat,\n    yAxisName,\n    yAxisTickCount,\n    tooltipValueFormat,\n    incompleteBefore,\n    incompleteAfter,\n    type,\n    gradient,\n    echarts,\n    ariaDescription,\n  ]);\n\n  const events = useMemo<Partial<ChartEvents>>(() => {\n    if (!onTimeRangeChange) return {};\n\n    return {\n      brushend: (params) => {\n        const range = params.areas[0].coordRange;\n        onTimeRangeChange(range[0], range[1]);\n        chartRef.current?.dispatchAction({ type: \"brush\", areas: [] });\n      },\n    };\n  }, [onTimeRangeChange]);\n\n  // Activate the lineX brush cursor when a time-range callback is provided,\n  // and deactivate it on cleanup so the cursor resets when the prop is removed.\n  const hasTimeRangeCallback = !!onTimeRangeChange;\n  useEffect(() => {\n    const chart = chartRef.current;\n    if (chart && hasTimeRangeCallback) {\n      chart.dispatchAction({\n        type: \"takeGlobalCursor\",\n        key: \"brush\",\n        brushOption: {\n          brushType: \"lineX\" as const,\n          brushMode: \"single\" as const,\n        },\n      });\n\n      return () => {\n        chart.dispatchAction({\n          type: \"takeGlobalCursor\",\n          key: \"brush\",\n          brushOption: {\n            brushType: false,\n          },\n        });\n      };\n    }\n    // `loading` controls whether <Chart> is mounted. When it flips to false,\n    // chartRef.current becomes available and the brush cursor must be activated.\n    // Without this dep, the effect won't re-run after Chart mounts.\n  }, [chartRef, hasTimeRangeCallback, loading]);\n\n  return (\n    <div className=\"relative w-full\" style={{ height }}>\n      {loading && <ChartWaveLoader height={height} isDarkMode={isDarkMode} />}\n      {!loading && (\n        <Chart\n          echarts={echarts}\n          ref={chartRef}\n          options={options as EChartsOption}\n          height={height}\n          isDarkMode={isDarkMode}\n          onEvents={events}\n          optionUpdateBehavior={optionUpdateBehavior}\n        />\n      )}\n    </div>\n  );\n}\n\n/**\n * Animated sine-wave skeleton shown while `TimeseriesChart` is in `loading` state.\n * Renders multiple staggered wave paths that sweep continuously left-to-right,\n * mimicking the motion of live time-series data being drawn.\n */\nfunction ChartWaveLoader({\n  height,\n  isDarkMode,\n}: {\n  height: number;\n  isDarkMode?: boolean;\n}) {\n  const mid = height / 2;\n  const amp = Math.min(height * 0.12, 28);\n  const period = 400;\n  const steps = 120;\n\n  const points: string[] = [];\n  for (let i = 0; i <= steps; i++) {\n    const x = -period + (i / steps) * period * 3;\n    const y = mid + Math.sin((i / steps) * 2 * Math.PI * 3) * amp;\n    points.push(`${i === 0 ? \"M\" : \"L\"}${x.toFixed(2)},${y.toFixed(2)}`);\n  }\n  const d = points.join(\" \");\n\n  const strokeColor = isDarkMode ? \"rgba(255,255,255,0.5)\" : \"rgba(0,0,0,0.2)\";\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"absolute inset-0 overflow-hidden\"\n      style={{ height }}\n    >\n      <svg\n        width=\"100%\"\n        height={height}\n        viewBox={`0 0 ${period} ${height}`}\n        preserveAspectRatio=\"none\"\n        className=\"w-full animate-pulse\"\n      >\n        <path\n          d={d}\n          fill=\"none\"\n          stroke={strokeColor}\n          strokeWidth=\"2\"\n          style={{\n            animation: `kumo-chart-wave 2.4s linear infinite`,\n            transformOrigin: \"0 0\",\n          }}\n        />\n      </svg>\n    </div>\n  );\n}\n\n/**\n * Returns an `rgba(r, g, b, alpha)` string for any hex or rgb(a) color input,\n * replacing whatever opacity was already present with the given `alpha` (0–1).\n *\n * Handles:\n * - 6-digit hex:  `#RRGGBB`\n * - 8-digit hex:  `#RRGGBBAA`  ← strips existing alpha\n * - 3-digit hex:  `#RGB`\n * - `rgb(r, g, b)`\n * - `rgba(r, g, b, a)`  ← replaces existing alpha\n */\nfunction colorWithOpacity(color: string, alpha: number): string {\n  const a = Math.max(0, Math.min(1, alpha));\n\n  // rgb / rgba\n  const rgbMatch = color.match(\n    /rgba?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*,\\s*([\\d.]+)/i,\n  );\n  if (rgbMatch) {\n    return `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${a})`;\n  }\n\n  // hex — strip leading #\n  let hex = color.replace(/^#/, \"\");\n\n  // expand 3-digit → 6-digit\n  if (hex.length === 3) {\n    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n  }\n\n  // strip 8-digit alpha → keep only 6\n  if (hex.length === 8) {\n    hex = hex.slice(0, 6);\n  }\n\n  const r = parseInt(hex.slice(0, 2), 16);\n  const g = parseInt(hex.slice(2, 4), 16);\n  const b = parseInt(hex.slice(4, 6), 16);\n\n  return `rgba(${r}, ${g}, ${b}, ${a})`;\n}\n\n/** Zero-pads a number to two digits (e.g. `5` → `\"05\"`) */\nfunction pad(n: number) {\n  return n.toString().padStart(2, \"0\");\n}\n\n/**\n * Formats a timestamp as `\"YYYY-MM-DD HH:mm:ss\"` for use in chart tooltips.\n * Accepts a Unix timestamp in milliseconds, an ISO date string, or a `Date` object.\n */\nfunction formatTimestamp(ts: number | string | Date): string {\n  const d = new Date(ts);\n  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;\n}\n","import { cn } from \"../../utils\";\n\n/** Shared props for both legend item variants */\ninterface LegendItemProps {\n  /** Series name shown as a label */\n  name: string;\n  /** Hex color string for the series indicator dot */\n  color: string;\n  /** Formatted value string to display */\n  value: string;\n  /** Optional unit label shown after the value (e.g. `\"ms\"`, `\"%\"`) */\n  unit?: string;\n  /** When `true`, renders the item at 50% opacity to indicate a deselected state */\n  inactive?: boolean;\n}\n\n/**\n * Large legend item — stacked layout with a colored dot + series name on top\n * and a large value with an optional small unit below. Use for prominent\n * single-metric displays such as dashboard cards.\n */\nfunction LargeItem({ color, value, name, unit, inactive }: LegendItemProps) {\n  return (\n    <div className=\"inline-flex flex-col gap-2 min-w-42 py-2\">\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={cn(\"size-2 rounded-full inline-block\", {\n            \"opacity-50\": inactive,\n          })}\n          style={{ backgroundColor: color }}\n        />\n        <span className={cn(\"text-xs\", { \"opacity-50\": inactive })}>\n          {name}\n        </span>\n      </div>\n      <div className=\"flex items-baseline gap-0.5\">\n        <span\n          className={cn(\"text-lg font-medium leading-none\", {\n            \"opacity-50\": inactive,\n          })}\n        >\n          {value}\n        </span>\n        {unit && (\n          <span\n            className={cn(\"text-xs text-kumo-subtle leading-none\", {\n              \"opacity-50\": inactive,\n            })}\n          >\n            {unit}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Small legend item — inline layout with a colored dot, series name, and value\n * on a single row. Use for compact legends below or beside a chart.\n */\nfunction SmallItem({ color, value, name, inactive }: LegendItemProps) {\n  return (\n    <div className=\"inline-flex items-center gap-2\">\n      <span\n        className={cn(\"size-2 rounded-full inline-block\", {\n          \"opacity-50\": inactive,\n        })}\n        style={{ backgroundColor: color }}\n      />\n      <span className={cn(\"text-xs\", { \"opacity-50\": inactive })}>{name}</span>\n      <span className={cn(\"text-xs font-medium\", { \"opacity-50\": inactive })}>\n        {value}\n      </span>\n    </div>\n  );\n}\n\n/**\n * ChartLegend — pre-built legend item components for use alongside a chart.\n *\n * - `ChartLegend.SmallItem` — compact inline layout; suited for multi-series legends\n * - `ChartLegend.LargeItem` — stacked layout with a large value; suited for single-metric cards\n *\n * @example\n * ```tsx\n * <ChartLegend.SmallItem name=\"Requests\" color=\"#086FFF\" value=\"1,234\" />\n * <ChartLegend.LargeItem name=\"Latency\" color=\"#CF7EE9\" value=\"42\" unit=\"ms\" inactive />\n * ```\n */\nexport const ChartLegend = {\n  SmallItem,\n  LargeItem,\n};\n","import type * as echarts from \"echarts/core\";\nimport type { EChartsOption } from \"echarts\";\nimport { useMemo, useCallback } from \"react\";\nimport { Chart, type ChartEvents } from \"./EChart\";\nimport { ChartPalette } from \"./Color\";\n\nexport interface SankeyNodeData {\n  id?: string;\n  name: string;\n  color?: string;\n  /** Optional value/count to display above the node label */\n  value?: number;\n  /** Additional data to show in tooltip (e.g., { Apps: 166, Sessions: 122600 }) */\n  tooltipData?: Record<string, number | string>;\n  isDrillable?: boolean;\n  childCount?: number;\n}\n\nexport interface SankeyLinkData {\n  id?: string;\n  source: number;\n  target: number;\n  value: number;\n  isDrillable?: boolean;\n}\n\nexport type DrillTarget =\n  | { type: \"node\"; nodeId: string }\n  | { type: \"link\"; sourceId: string; targetId: string };\n\nexport interface DrillSelection {\n  id: string;\n  type: \"node\" | \"link\";\n  label: string;\n  depth: number;\n}\n\nexport interface DrillDownContext {\n  selections: DrillSelection[];\n  isMultiSelect: boolean;\n}\n\nexport interface SankeyData {\n  nodes: SankeyNodeData[];\n  links: SankeyLinkData[];\n}\n\n/** Parameters passed to the tooltip formatter */\nexport interface SankeyTooltipParams {\n  type: \"node\" | \"link\";\n  name: string;\n  node?: SankeyNodeData;\n  link?: { source: string; target: string; value: number };\n  color?: string;\n}\n\nexport interface SankeyChartProps {\n  /**\n   * The ECharts core instance imported by the consumer.\n   * Passed in rather than imported directly so the consumer controls which\n   * ECharts modules are bundled (tree-shaking).\n   */\n  echarts: typeof echarts;\n  /** Array of nodes in the Sankey diagram */\n  nodes: SankeyNodeData[];\n  /** Array of links connecting nodes by index */\n  links: SankeyLinkData[];\n  /** Height of the chart in pixels */\n  height?: number;\n  /** Show node values above labels (default: true if any node has a value) */\n  showNodeValues?: boolean;\n  /** Layout for node labels when showNodeValues is true.\n   * - 'stacked': value on top, name below (default)\n   * - 'inline': \"value name\" on a single line (better for small nodes)\n   */\n  nodeLabelLayout?: \"stacked\" | \"inline\";\n  /** Format function for node values (default: toLocaleString) */\n  formatValue?: (value: number) => string;\n  /** Custom tooltip formatter. Return HTML string or empty string to hide tooltip. */\n  tooltipFormatter?: (params: SankeyTooltipParams) => string;\n  nodeWidth?: number;\n  nodePadding?: number;\n  showTooltip?: boolean;\n  defaultNodeColor?: string;\n  /** Left padding of the Sankey layout within the chart container. Accepts a number (px) or percentage string. ECharts default: '5%'. */\n  left?: number | string;\n  /** Right padding of the Sankey layout within the chart container. Accepts a number (px) or percentage string. ECharts default: '5%'. */\n  right?: number | string;\n  /** Link fill style: 'gradient' blends source to target colors, 'gray' uses flat gray */\n  linkColor?: \"gradient\" | \"gray\";\n  linkOpacity?: number;\n  className?: string;\n  isDarkMode?: boolean;\n  onNodeClick?: (node: SankeyNodeData) => void;\n  onLinkClick?: (link: SankeyLinkData) => void;\n}\n\nconst defaultFormatValue = (value: number) => value.toLocaleString();\n\n/** Type guard for ECharts tooltip params */\ninterface TooltipParams {\n  dataType?: string;\n  name?: string;\n  data?: { source?: string; target?: string; value?: number };\n  value?: number | number[];\n  color?: string;\n}\n\nfunction isTooltipParams(params: unknown): params is TooltipParams {\n  return typeof params === \"object\" && params !== null;\n}\n\n/** Escape HTML special characters to prevent XSS in tooltips */\nconst escapeHtml = (str: string): string =>\n  str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\");\n\n/**\n * Escape ECharts rich text metacharacters to prevent formatting issues.\n * Rich text syntax uses {styleName|text}, so | and } must be escaped.\n */\nconst escapeRichText = (str: string): string =>\n  str.replace(/[{}|]/g, (char) => `\\\\${char}`);\n\n/**\n * Sanitize a CSS color value to prevent injection attacks.\n * Only allows valid hex colors, rgb/rgba, hsl/hsla, and named colors.\n */\nconst sanitizeColor = (color: string): string => {\n  const fallback = \"#666\";\n  if (!color || typeof color !== \"string\") return fallback;\n\n  // Hex colors: #RGB, #RRGGBB, #RRGGBBAA\n  if (/^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(color)) {\n    return color;\n  }\n\n  // rgb/rgba: rgb(0,0,0) or rgba(0,0,0,0.5)\n  if (\n    /^rgba?\\(\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*(?:,\\s*[\\d.]+\\s*)?\\)$/i.test(\n      color,\n    )\n  ) {\n    return color;\n  }\n\n  // hsl/hsla: hsl(0,0%,0%) or hsla(0,0%,0%,0.5)\n  if (\n    /^hsla?\\(\\s*\\d{1,3}\\s*,\\s*\\d{1,3}%\\s*,\\s*\\d{1,3}%\\s*(?:,\\s*[\\d.]+\\s*)?\\)$/i.test(\n      color,\n    )\n  ) {\n    return color;\n  }\n\n  // Named colors (basic set) - only alphanumeric, no special chars\n  if (/^[a-z]{3,20}$/i.test(color)) {\n    return color;\n  }\n\n  return fallback;\n};\n\nexport function SankeyChart({\n  echarts,\n  nodes,\n  links,\n  height = 400,\n  nodeWidth = 8,\n  nodePadding = 10,\n  showTooltip: enableTooltip = true,\n  showNodeValues,\n  nodeLabelLayout = \"stacked\",\n  formatValue = defaultFormatValue,\n  tooltipFormatter,\n  defaultNodeColor,\n  left,\n  right,\n  linkColor = \"gradient\",\n  linkOpacity = 0.5,\n  className,\n  isDarkMode,\n  onNodeClick,\n  onLinkClick,\n}: SankeyChartProps) {\n  const hasNodeValues = nodes.some((n) => n.value !== undefined);\n  const shouldShowValues = showNodeValues ?? hasNodeValues;\n  const isInlineLayout = nodeLabelLayout === \"inline\";\n  const options = useMemo<EChartsOption>(() => {\n    const labelColor = ChartPalette.text(\"primary\", isDarkMode);\n    const secondaryColor = ChartPalette.text(\"secondary\", isDarkMode);\n\n    // Compute colors for each node (explicit color > default > categorical)\n    const nodeColors = nodes.map(\n      (node, index) =>\n        node.color ??\n        defaultNodeColor ??\n        ChartPalette.categorical(index, isDarkMode),\n    );\n\n    // Build a map of node name to original node data + computed color for tooltip access\n    const nodeDataMap = new Map(\n      nodes.map((n, i) => [n.name, { ...n, computedColor: nodeColors[i] }]),\n    );\n\n    const echartsNodes = nodes.map((node, index) => ({\n      name: node.name,\n      value: node.value,\n      itemStyle: {\n        color: nodeColors[index],\n      },\n    }));\n\n    const echartsLinks = links.map((link) => ({\n      source: nodes[link.source]?.name ?? \"\",\n      target: nodes[link.target]?.name ?? \"\",\n      value: link.value,\n    }));\n\n    return {\n      backgroundColor: \"transparent\",\n      animation: true,\n      animationDuration: 500,\n      animationDurationUpdate: 300,\n      animationEasingUpdate: \"cubicInOut\",\n      tooltip: enableTooltip\n        ? {\n            trigger: \"item\",\n            triggerOn: \"mousemove\",\n            dangerousHtmlFormatter: (params: unknown) => {\n              if (!isTooltipParams(params)) return \"\";\n\n              if (params.dataType === \"node\" && params.name) {\n                const nodeData = nodeDataMap.get(params.name);\n                const color = sanitizeColor(\n                  nodeData?.computedColor ?? params.color ?? \"#666\",\n                );\n\n                // Use custom formatter if provided\n                if (tooltipFormatter) {\n                  return tooltipFormatter({\n                    type: \"node\",\n                    name: params.name,\n                    node: nodeData,\n                    color,\n                  });\n                }\n\n                // Default node tooltip\n                const safeName = escapeHtml(params.name);\n                return `<div style=\"display:flex;align-items:center;gap:6px;\"><span style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:${color}\"></span><strong>${safeName}</strong></div>`;\n              }\n\n              if (params.dataType === \"edge\" && params.data) {\n                const { source, target, value } = params.data;\n\n                // Use custom formatter if provided\n                if (tooltipFormatter) {\n                  return tooltipFormatter({\n                    type: \"link\",\n                    name: `${source} → ${target}`,\n                    link: {\n                      source: source ?? \"\",\n                      target: target ?? \"\",\n                      value: value ?? 0,\n                    },\n                  });\n                }\n\n                // Get colors for source and target nodes\n                const sourceNode = nodeDataMap.get(source ?? \"\");\n                const targetNode = nodeDataMap.get(target ?? \"\");\n                const sourceColor = sanitizeColor(\n                  sourceNode?.computedColor ?? \"#666\",\n                );\n                const targetColor = sanitizeColor(\n                  targetNode?.computedColor ?? \"#666\",\n                );\n\n                // Default link tooltip with colored dots\n                const safeSource = escapeHtml(source ?? \"\");\n                const safeTarget = escapeHtml(target ?? \"\");\n                return `<div style=\"display:flex;align-items:center;gap:6px;margin-bottom:4px;\">\n                  <span style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:${sourceColor}\"></span>\n                  <strong>${safeSource}</strong>\n                  <span style=\"color:${secondaryColor}\">→</span>\n                  <span style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:${targetColor}\"></span>\n                  <strong>${safeTarget}</strong>\n                </div>\n                <strong>${value !== undefined ? escapeHtml(formatValue(value)) : \"\"}</strong>`;\n              }\n\n              return \"\";\n            },\n          }\n        : undefined,\n      series: [\n        {\n          type: \"sankey\",\n          ...(left !== undefined && { left }),\n          ...(right !== undefined && { right }),\n          data: echartsNodes,\n          links: echartsLinks,\n          draggable: false,\n          emphasis: {\n            focus: \"adjacency\",\n          },\n          nodeWidth,\n          nodeGap: nodePadding,\n          lineStyle: {\n            color: linkColor === \"gradient\" ? \"source\" : \"#d1d5db\",\n            opacity: linkColor === \"gradient\" ? linkOpacity : 0.4,\n            curveness: 0.5,\n          },\n          label: {\n            show: true,\n            color: labelColor,\n            fontSize: 12,\n            formatter: shouldShowValues\n              ? (params: { name?: string }) => {\n                  const name = params.name ?? \"\";\n                  const nodeData = nodeDataMap.get(name);\n                  const safeName = escapeRichText(name);\n                  if (nodeData?.value !== undefined) {\n                    const formattedValue = escapeRichText(\n                      formatValue(nodeData.value),\n                    );\n                    // Inline: \"name value\" on single line; Stacked: value above name\n                    return isInlineLayout\n                      ? `{name|${safeName}} {value|${formattedValue}}`\n                      : `{value|${formattedValue}}\\n{name|${safeName}}`;\n                  }\n                  return safeName;\n                }\n              : undefined,\n            rich: shouldShowValues\n              ? {\n                  value: {\n                    fontSize: 11,\n                    color: labelColor,\n                    lineHeight: isInlineLayout ? undefined : 16,\n                  },\n                  name: {\n                    fontSize: 12,\n                    color: labelColor,\n                    fontWeight: 700,\n                  },\n                }\n              : undefined,\n          },\n        },\n      ],\n    };\n  }, [\n    nodes,\n    links,\n    enableTooltip,\n    nodeWidth,\n    nodePadding,\n    defaultNodeColor,\n    left,\n    right,\n    isDarkMode,\n    linkColor,\n    linkOpacity,\n    shouldShowValues,\n    isInlineLayout,\n    formatValue,\n    tooltipFormatter,\n  ]);\n\n  const handleClick = useCallback(\n    (params: Parameters<ChartEvents[\"click\"]>[0]) => {\n      if (params.dataType === \"node\" && onNodeClick && params.name) {\n        const nodeIndex = nodes.findIndex((n) => n.name === params.name);\n        const originalNode = nodeIndex >= 0 ? nodes[nodeIndex] : null;\n\n        const nodeData: SankeyNodeData = {\n          ...originalNode,\n          name: params.name,\n        };\n        onNodeClick(nodeData);\n      } else if (params.dataType === \"edge\" && onLinkClick && params.data) {\n        const data = params.data;\n        const source =\n          typeof data === \"object\" && data !== null && \"source\" in data\n            ? String(data.source)\n            : \"\";\n        const target =\n          typeof data === \"object\" && data !== null && \"target\" in data\n            ? String(data.target)\n            : \"\";\n        const sourceIndex = nodes.findIndex((n) => n.name === source);\n        const targetIndex = nodes.findIndex((n) => n.name === target);\n\n        if (sourceIndex === -1 || targetIndex === -1) return;\n\n        const rawValue = params.value;\n        const value =\n          typeof rawValue === \"number\"\n            ? rawValue\n            : Array.isArray(rawValue) && typeof rawValue[0] === \"number\"\n              ? rawValue[0]\n              : 0;\n\n        // Find original link to preserve id and isDrillable properties\n        const originalLink = links.find(\n          (l) => l.source === sourceIndex && l.target === targetIndex,\n        );\n        onLinkClick({\n          ...originalLink,\n          source: sourceIndex,\n          target: targetIndex,\n          value,\n        });\n      }\n    },\n    [nodes, links, onNodeClick, onLinkClick],\n  );\n\n  const onEvents = useMemo<Partial<ChartEvents>>(\n    () => ({\n      click: handleClick,\n    }),\n    [handleClick],\n  );\n\n  return (\n    <Chart\n      echarts={echarts}\n      options={options}\n      className={className}\n      isDarkMode={isDarkMode}\n      height={height}\n      onEvents={onEvents}\n    />\n  );\n}\n\nSankeyChart.displayName = \"SankeyChart\";\n"],"names":["ChartSemanticLightColors","ChartSemanticDarkColors","sequentialLight","sequentialDark","CHART_LIGHT_COLORS","CHART_DARK_COLORS","ChartPalette","semantic","name","isDarkMode","categorical","index","sequential","palette","text","variant","colors","transformTooltip","tooltipObj","dangerousHtmlFormatter","restOfTooltip","prepareChartOptions","options","Chart","forwardRef","echarts","optionUpdateBehavior","className","height","onEvents","ref","elRef","useRef","chartRef","handlersRef","wrappersRef","boundEventsRef","useEffect","chart","event","wrapper","nextBound","handler","params","el","isInitial","ro","jsx","cn","TimeseriesChart","type","data","xAxisName","xAxisTickCount","xAxisTickFormat","yAxisTickFormat","yAxisTickLabelFormat","yAxisName","yAxisTickCount","tooltipValueFormat","onTimeRangeChange","incomplete","gradient","loading","ariaDescription","incompleteBefore","incompleteAfter","useMemo","transformSeries","seriesType","incompleteBeforePoints","point","incompleteAfterPoints","completePoints","areaStyle","colorWithOpacity","incompleteSeriesConfig","items","seenNames","filteredParams","param","first","ts","header","formatTimestamp","rows","value","formatFn","formattedValue","events","range","hasTimeRangeCallback","ChartWaveLoader","mid","amp","period","steps","points","i","x","y","d","strokeColor","color","alpha","rgbMatch","hex","r","g","b","pad","n","LargeItem","unit","inactive","jsxs","SmallItem","ChartLegend","defaultFormatValue","isTooltipParams","escapeHtml","str","escapeRichText","char","sanitizeColor","fallback","SankeyChart","nodes","links","nodeWidth","nodePadding","enableTooltip","showNodeValues","nodeLabelLayout","formatValue","tooltipFormatter","defaultNodeColor","left","right","linkColor","linkOpacity","onNodeClick","onLinkClick","hasNodeValues","shouldShowValues","isInlineLayout","labelColor","secondaryColor","nodeColors","node","nodeDataMap","echartsNodes","echartsLinks","link","nodeData","safeName","source","target","sourceNode","targetNode","sourceColor","targetColor","safeSource","safeTarget","handleClick","useCallback","nodeIndex","sourceIndex","targetIndex","rawValue","originalLink","l"],"mappings":";;;;AA6BA,IAAKA,uBAAAA,OACHA,EAAA,YAAY,WACZA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,WAAW,WACXA,EAAA,WAAW,WANRA,IAAAA,MAAA,CAAA,CAAA,GAYAC,uBAAAA,OACHA,EAAA,YAAY,WACZA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,WAAW,WACXA,EAAA,WAAW,WANRA,IAAAA,MAAA,CAAA,CAAA;AAoBL,MAAMC,KAAkB;AAAA,EACtB,OAAO,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS;AAC/D,GAKMC,KAAiB;AAAA,EACrB,OAAO,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS;AAC/D,GAMaC,IAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAMaC,IAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF;AAMO,IAAUC;AAAA,CAAV,CAAUA,MAAV;AAUE,WAASC,EACdC,GACAC,IAAa,IACL;AACR,WAAOA,IACHR,GAAwBO,CAAI,IAC5BR,GAAyBQ,CAAI;AAAA,EACnC;AAPOF,EAAAA,EAAS,WAAAC;AAoBT,WAASG,EAAYC,GAAeF,IAAa,IAAe;AACrE,WAAOA,IACHJ,EAAkBM,IAAQN,EAAkB,MAAM,IAClDD,EAAmBO,IAAQP,EAAmB,MAAM;AAAA,EAC1D;AAJOE,EAAAA,EAAS,cAAAI;AAeT,WAASE,EACdC,GACAJ,IAAa,IACH;AACV,WAAOA,IACH,CAAC,GAAGN,GAAeU,CAAO,CAAC,IAC3B,CAAC,GAAGX,GAAgBW,CAAO,CAAC;AAAA,EAClC;AAPOP,EAAAA,EAAS,aAAAM;AAmBT,WAASE,EAAKC,GAAkCN,IAAa,IAAO;AACzE,UAAMO,IAAS;AAAA,MACb,OAAO,EAAE,SAAS,WAAW,WAAW,UAAA;AAAA,MACxC,MAAM,EAAE,SAAS,WAAW,WAAW,UAAA;AAAA,IAAU;AAEnD,WAAOP,IAAaO,EAAO,KAAKD,CAAO,IAAIC,EAAO,MAAMD,CAAO;AAAA,EACjE;AANOT,EAAAA,EAAS,OAAAQ;AAAA,GAhEDR,MAAAA,IAAA,CAAA,EAAA;ACkDjB,MAAMW,IAAmB,CAACC,MAAkC;AAC1D,QAAM,EAAE,wBAAAC,GAAwB,GAAGC,EAAA,IAAkBF;AACrD,SAAO;AAAA,IACL,GAAGE;AAAA,IACH,WAAWD;AAAA,EAAA;AAEf,GAEME,KAAsB,CAACC,MACtBA,EAAQ,UAEN;AAAA,EACL,GAAGA;AAAA,EACH,SAAS,MAAM,QAAQA,EAAQ,OAAO,IAClCA,EAAQ,QAAQ,IAAIL,CAAgB,IACpCA,EAAiBK,EAAQ,OAAO;AAAA,IANTA,GAmClBC,IAAQC,GAAwC,SAC3D;AAAA,EACE,SAAAC;AAAA,EACA,SAAAH;AAAA,EACA,sBAAAI;AAAA,EACA,WAAAC;AAAA,EACA,YAAAlB;AAAA,EACA,QAAAmB,IAAS;AAAA,EACT,UAAAC;AACF,GACAC,GACA;AAEA,QAAMC,IAAQC,EAA8B,IAAI,GAE1CC,IAAWD,EAA+B,IAAI,GAE9CE,IAAcF,EAA6B,EAAE,GAE7CG,IAAcH,EAA8C,EAAE,GAE9DI,IAAiBJ,EAAoB,oBAAI,KAAK;AAGpD,SAAAK,EAAU,MAAM;AACd,QAAI,CAACN,EAAM,QAAS;AAEpB,UAAMO,IAAQb,EAAQ;AAAA,MACpBM,EAAM;AAAA,MACNtB,IACI,SACA;AAAA,QACE,OAAOA,IAAaJ,IAAoBD;AAAA,MAAA;AAAA,IAC1C;AAEN,WAAA6B,EAAS,UAAUK,GAEf,OAAOR,KAAQ,aAAYA,EAAIQ,CAAK,IAC/BR,QAAS,UAAUQ,IAErB,MAAM;AACX,iBAAWC,KAASH,EAAe,SAAS;AAC1C,cAAMI,IAAUL,EAAY,QAAQI,CAAK;AACzC,QAAIC,KAASF,EAAM,IAAIC,GAAOC,CAAO;AAAA,MACvC;AACA,MAAAJ,EAAe,QAAQ,MAAA,GACnB,OAAON,KAAQ,aAAYA,EAAI,IAAI,IAC9BA,QAAS,UAAU,OAC5BG,EAAS,UAAU,MACnBK,EAAM,QAAA;AAAA,IACR;AAAA,EACF,GAAG,CAACP,GAAOtB,CAAU,CAAC,GAGtB4B,EAAU,MAAM;AACd,UAAMC,IAAQL,EAAS;AACvB,IAAKK,KAELA,EAAM,UAAUjB,GAAoBC,CAAO,GAAG;AAAA,MAC5C,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,GAAGI;AAAA,IAAA,CACJ;AAAA,EACH,GAAG,CAACjB,GAAYiB,GAAsBJ,CAAO,CAAC,GAI9Ce,EAAU,MAAM;AACd,IAAAH,EAAY,UAAUL,KAAY,CAAA;AAAA,EACpC,GAAG,CAACA,CAAQ,CAAC,GAKbQ,EAAU,MAAM;AACd,UAAMC,IAAQL,EAAS;AACvB,QAAI,CAACK,EAAO;AAEZ,UAAMG,wBAAgB,IAAA;AAEtB,eAAW,CAACF,GAAOG,CAAO,KAAK,OAAO,QAAQb,KAAY,CAAA,CAAE;AAC1D,MAAI,OAAOa,KAAY,eACvBD,EAAU,IAAIF,CAAK,GAEdJ,EAAY,QAAQI,CAAK,MAC5BJ,EAAY,QAAQI,CAAK,IAAI,CAACI,MAAgB;AAK5C,QAJgBT,EAAY,QAIpBK,CAAK,IAAII,CAAM;AAAA,MACzB,IAGGP,EAAe,QAAQ,IAAIG,CAAK,KACnCD,EAAM,GAAGC,GAAOJ,EAAY,QAAQI,CAAK,CAAC;AAI9C,eAAWA,KAASH,EAAe,SAAS;AAC1C,UAAIK,EAAU,IAAIF,CAAK,EAAG;AAC1B,YAAMC,IAAUL,EAAY,QAAQI,CAAK;AACzC,MAAIC,KACFF,EAAM,IAAIC,GAAOC,CAAO;AAAA,IAE5B;AAEA,IAAAJ,EAAe,UAAUK;AAAA,EAC3B,GAAG,CAAChB,GAAShB,GAAYoB,CAAQ,CAAC,GAGlCQ,EAAU,MAAM;AACd,UAAMC,IAAQL,EAAS,SACjBW,IAAKb,EAAM;AACjB,QAAI,CAACO,KAAS,CAACM,EAAI;AAGnB,QAAIC,IAAY;AAEhB,UAAMC,IAAK,IAAI,eAAe,MAAM;AAClC,UAAID,GAAW;AACb,QAAAA,IAAY;AACZ;AAAA,MACF;AACA,MAAAP,EAAM,OAAA;AAAA,IACR,CAAC;AAED,WAAAQ,EAAG,QAAQF,CAAE,GAEN,MAAME,EAAG,WAAA;AAAA,EAClB,GAAG,CAAA,CAAE,GAGH,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKhB;AAAA,MACL,WAAWiB,EAAG,UAAUrB,CAAS;AAAA,MACjC,OAAO,EAAE,QAAAC,EAAA;AAAA,MACT,UAAUN,EAAQ,MAAM,UAAU,IAAI;AAAA,MACtC,MAAMA,EAAQ,MAAM,UAAU,QAAQ;AAAA,IAAA;AAAA,EAAA;AAG5C,CAAC;AAEDC,EAAM,cAAc;ACrNb,SAAS0B,GAAgB;AAAA,EAC9B,SAAAxB;AAAA,EACA,MAAAyB,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,QAAAhC,IAAS;AAAA,EACT,YAAAiC;AAAA,EACA,YAAApD;AAAA,EACA,UAAAqD;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,sBAAAtC;AACF,GAAyB;AACvB,QAAMO,IAAWD,EAA+B,IAAI,GAC9CiC,IAAmBJ,GAAY,QAC/BK,IAAkBL,GAAY,OAE9BvC,IAAU6C,EAAQ,MAAM;AAC5B,UAAMC,IAA6D,CAAA,GAE7DC,IACJnB,MAAS,QACJ,EAAE,MAAM,OAAO,OAAO,QAAA,IACtB,EAAE,MAAM,QAAQ,YAAY,GAAA;AAEnC,eAAW,KAAKC,GAAM;AACpB,YAAMmB,IACJL,KAAoBf,MAAS,SACzB,EAAE,KAAK,OAAO,CAACqB,MAAUA,EAAM,CAAC,KAAKN,CAAgB,IACrD,CAAA,GAEAO,IACJN,KAAmBhB,MAAS,SACxB,EAAE,KAAK,OAAO,CAACqB,MAAUA,EAAM,CAAC,KAAKL,CAAe,IACpD,CAAA,GAEAO,IACJH,EAAuB,SAAS,KAAKE,EAAsB,SAAS,IAChE,EAAE,KAAK;AAAA,QACL,KAAK,IAAI,GAAGF,EAAuB,SAAS,CAAC;AAAA,QAC7C,KAAK,IAAI,GAAG,EAAE,KAAK,SAASE,EAAsB,SAAS,CAAC;AAAA,MAAA,IAE9D,EAAE,MAGFE,IACJZ,KAAYZ,MAAS,SACjB;AAAA,QACE,OAAO,IAAIzB,EAAQ,QAAQ,eAAe,GAAG,GAAG,GAAG,GAAG;AAAA,UACpD,EAAE,QAAQ,GAAG,OAAOkD,EAAiB,EAAE,OAAO,GAAG,EAAA;AAAA,UACjD,EAAE,QAAQ,GAAG,OAAOA,EAAiB,EAAE,OAAO,CAAC,EAAA;AAAA,QAAE,CAClD;AAAA,MAAA,IAEH;AAEN,MAAAP,EAAgB,KAAK;AAAA,QACnB,MAAMK;AAAA,QACN,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,UAAU,EAAE,OAAO,SAAA;AAAA,QACnB,GAAIC,IAAY,EAAE,WAAAA,EAAA,IAAc,CAAA;AAAA,QAChC,GAAGL;AAAA,MAAA,CACJ;AAGD,YAAMO,IAAyB;AAAA,QAC7B,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,MAAM;AAAA,QACN,WAAW,EAAE,MAAM,SAAA;AAAA,QACnB,YAAY;AAAA,QACZ,UAAU,EAAE,OAAO,SAAA;AAAA,MAAkB;AAGvC,MAAIN,EAAuB,SAAS,KAClCF,EAAgB,KAAK;AAAA,QACnB,GAAGQ;AAAA,QACH,MAAMN;AAAA,MAAA,CACP,GAGCE,EAAsB,SAAS,KACjCJ,EAAgB,KAAK;AAAA,QACnB,GAAGQ;AAAA,QACH,MAAMJ;AAAA,MAAA,CACP;AAAA,IAEL;AAEA,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,GAAIR,KAAmB,EAAE,OAAO,EAAE,aAAaA,IAAgB;AAAA,MAAE;AAAA,MAEnE,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,YAAY;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,QAEd,YAAY;AAAA,UACV,aAAa;AAAA,UACb,OAAO;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAEF,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,aAAa,EAAE,MAAM,SAAA;AAAA,QACrB,wBAAwB,CAACrB,MAAW;AAClC,gBAAMkC,IAAQ,MAAM,QAAQlC,CAAM,IAAIA,IAAS,CAACA,CAAM,GAKhDmC,wBAAgB,IAAA,GAChBC,IAAiBF,EAAM,OAAO,CAACG,MAC/BF,EAAU,IAAIE,EAAM,UAAU,IAAU,MAC5CF,EAAU,IAAIE,EAAM,UAAU,GACvB,GACR,GAEKC,IAAQF,EAAe,CAAC,GAKxBG,IAAKD,GAAO,QAAQ,CAAC,KAAKA,GAAO,WAEjCE,IACJD,KAAM,OACF,mDAAmDzD,EAAQ,OAAO,WAAW2D,GAAgBF,CAAE,CAAC,CAAC,WACjG,IAEAG,IAAON,EACV,IAAI,CAACC,MAAe;AACnB,kBAAMM,IAAQN,GAAO,QAAQ,CAAC,GACxBO,IAAW5B,KAAsBH,GACjCgC,IAAiBD,IACnB9D,EAAQ,OAAO,WAAW,OAAO8D,EAASD,CAAK,CAAC,CAAC,IACjD7D,EAAQ,OAAO,WAAW,OAAO6D,CAAK,CAAC;AAE3C,mBAAO,GAAGN,EAAM,MAAM,IAAIvD,EAAQ,OAAO,WAAWuD,EAAM,UAAU,CAAC,aAAaQ,CAAc;AAAA,UAClG,CAAC,EACA,KAAK,OAAO;AAEf,iBAAO,GAAGL,CAAM,GAAGE,CAAI;AAAA,QACzB;AAAA,MAAA;AAAA,MAEF,iBAAiB;AAAA,MACjB,SAAS,EAAE,MAAM,GAAA;AAAA,MACjB,OAAO;AAAA,QACL,MAAMjC;AAAA,QACN,cAAc;AAAA,QACd,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,UACT,MAAM;AAAA,QAAA;AAAA,QAER,UAAU,EAAE,MAAM,GAAA;AAAA,QAClB,aAAaC,KAAkB;AAAA,QAC/B,GAAIC,KAAmB;AAAA,UACrB,WAAW;AAAA,YACT,WAAW,CAACgC,MAAkBhC,EAAgBgC,CAAK;AAAA,UAAA;AAAA,QACrD;AAAA,MACF;AAAA,MAEF,OAAO;AAAA,QACL,MAAM7B;AAAA,QACN,cAAc;AAAA,QACd,SAAS;AAAA,QACT,MAAM;AAAA,QACN,UAAU,EAAE,MAAM,GAAA;AAAA,QAClB,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,GAAIF,KAAmB;AAAA,YACrB,WAAW,CAAC+B,MAAkB/B,EAAgB+B,CAAK;AAAA,UAAA;AAAA,QACrD;AAAA,QAEF,WAAW;AAAA,UACT,MAAM;AAAA,UACN,WAAW,EAAE,MAAM,UAAmB,OAAO,EAAA;AAAA,QAAE;AAAA,QAEjD,aAAa5B;AAAA,MAAA;AAAA,MAEf,MAAM;AAAA,QACJ,MAAMD,IAAY,KAAK;AAAA,QACvB,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQL,IAAY,KAAK;AAAA,MAAA;AAAA,MAE3B,QAAQgB;AAAA,IAAA;AAAA,EAEZ,GAAG;AAAA,IACDjB;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAM;AAAA,IACAC;AAAA,IACAhB;AAAA,IACAY;AAAA,IACArC;AAAA,IACAuC;AAAA,EAAA,CACD,GAEKyB,IAAStB,EAA8B,MACtCP,IAEE;AAAA,IACL,UAAU,CAACjB,MAAW;AACpB,YAAM+C,IAAQ/C,EAAO,MAAM,CAAC,EAAE;AAC9B,MAAAiB,EAAkB8B,EAAM,CAAC,GAAGA,EAAM,CAAC,CAAC,GACpCzD,EAAS,SAAS,eAAe,EAAE,MAAM,SAAS,OAAO,CAAA,GAAI;AAAA,IAC/D;AAAA,EAAA,IAP6B,CAAA,GAS9B,CAAC2B,CAAiB,CAAC,GAIhB+B,IAAuB,CAAC,CAAC/B;AAC/B,SAAAvB,EAAU,MAAM;AACd,UAAMC,IAAQL,EAAS;AACvB,QAAIK,KAASqD;AACX,aAAArD,EAAM,eAAe;AAAA,QACnB,MAAM;AAAA,QACN,KAAK;AAAA,QACL,aAAa;AAAA,UACX,WAAW;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb,CACD,GAEM,MAAM;AACX,QAAAA,EAAM,eAAe;AAAA,UACnB,MAAM;AAAA,UACN,KAAK;AAAA,UACL,aAAa;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,QACb,CACD;AAAA,MACH;AAAA,EAKJ,GAAG,CAACL,GAAU0D,GAAsB5B,CAAO,CAAC,qBAGzC,OAAA,EAAI,WAAU,mBAAkB,OAAO,EAAE,QAAAnC,KACvC,UAAA;AAAA,IAAAmC,KAAW,gBAAAhB,EAAC6C,IAAA,EAAgB,QAAAhE,GAAgB,YAAAnB,EAAA,CAAwB;AAAA,IACpE,CAACsD,KACA,gBAAAhB;AAAA,MAACxB;AAAA,MAAA;AAAA,QACC,SAAAE;AAAA,QACA,KAAKQ;AAAA,QACL,SAAAX;AAAA,QACA,QAAAM;AAAA,QACA,YAAAnB;AAAA,QACA,UAAUgF;AAAA,QACV,sBAAA/D;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAOA,SAASkE,GAAgB;AAAA,EACvB,QAAAhE;AAAA,EACA,YAAAnB;AACF,GAGG;AACD,QAAMoF,IAAMjE,IAAS,GACfkE,IAAM,KAAK,IAAIlE,IAAS,MAAM,EAAE,GAChCmE,IAAS,KACTC,IAAQ,KAERC,IAAmB,CAAA;AACzB,WAASC,IAAI,GAAGA,KAAKF,GAAOE,KAAK;AAC/B,UAAMC,IAAI,CAACJ,IAAUG,IAAIF,IAASD,IAAS,GACrCK,IAAIP,IAAM,KAAK,IAAKK,IAAIF,IAAS,IAAI,KAAK,KAAK,CAAC,IAAIF;AAC1D,IAAAG,EAAO,KAAK,GAAGC,MAAM,IAAI,MAAM,GAAG,GAAGC,EAAE,QAAQ,CAAC,CAAC,IAAIC,EAAE,QAAQ,CAAC,CAAC,EAAE;AAAA,EACrE;AACA,QAAMC,IAAIJ,EAAO,KAAK,GAAG,GAEnBK,IAAc7F,IAAa,0BAA0B;AAE3D,SACE,gBAAAsC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,OAAO,EAAE,QAAAnB,EAAA;AAAA,MAET,UAAA,gBAAAmB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAAnB;AAAA,UACA,SAAS,OAAOmE,CAAM,IAAInE,CAAM;AAAA,UAChC,qBAAoB;AAAA,UACpB,WAAU;AAAA,UAEV,UAAA,gBAAAmB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAAsD;AAAA,cACA,MAAK;AAAA,cACL,QAAQC;AAAA,cACR,aAAY;AAAA,cACZ,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,iBAAiB;AAAA,cAAA;AAAA,YACnB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAaA,SAAS3B,EAAiB4B,GAAeC,GAAuB;AAC9D,QAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGA,CAAK,CAAC,GAGlCC,IAAWF,EAAM;AAAA,IACrB;AAAA,EAAA;AAEF,MAAIE;AACF,WAAO,QAAQA,EAAS,CAAC,CAAC,KAAKA,EAAS,CAAC,CAAC,KAAKA,EAAS,CAAC,CAAC,KAAK,CAAC;AAIlE,MAAIC,IAAMH,EAAM,QAAQ,MAAM,EAAE;AAGhC,EAAIG,EAAI,WAAW,MACjBA,IAAMA,EAAI,CAAC,IAAIA,EAAI,CAAC,IAAIA,EAAI,CAAC,IAAIA,EAAI,CAAC,IAAIA,EAAI,CAAC,IAAIA,EAAI,CAAC,IAItDA,EAAI,WAAW,MACjBA,IAAMA,EAAI,MAAM,GAAG,CAAC;AAGtB,QAAMC,IAAI,SAASD,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE,GAChCE,IAAI,SAASF,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE,GAChCG,IAAI,SAASH,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AAEtC,SAAO,QAAQC,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAK,CAAC;AACpC;AAGA,SAASC,EAAIC,GAAW;AACtB,SAAOA,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG;AACrC;AAMA,SAAS3B,GAAgBF,GAAoC;AAC3D,QAAMmB,IAAI,IAAI,KAAKnB,CAAE;AACrB,SAAO,GAAGmB,EAAE,YAAA,CAAa,IAAIS,EAAIT,EAAE,SAAA,IAAa,CAAC,CAAC,IAAIS,EAAIT,EAAE,SAAS,CAAC,IAAIS,EAAIT,EAAE,SAAA,CAAU,CAAC,IAAIS,EAAIT,EAAE,WAAA,CAAY,CAAC,IAAIS,EAAIT,EAAE,WAAA,CAAY,CAAC;AAC3I;AC/eA,SAASW,GAAU,EAAE,OAAAT,GAAO,OAAAjB,GAAO,MAAA9E,GAAM,MAAAyG,GAAM,UAAAC,KAA6B;AAC1E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,gBAAApE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAG,oCAAoC;AAAA,YAChD,cAAckE;AAAA,UAAA,CACf;AAAA,UACD,OAAO,EAAE,iBAAiBX,EAAA;AAAA,QAAM;AAAA,MAAA;AAAA,MAElC,gBAAAxD,EAAC,QAAA,EAAK,WAAWC,EAAG,WAAW,EAAE,cAAckE,EAAA,CAAU,GACtD,UAAA1G,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IACA,gBAAA2G,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,MAAA,gBAAApE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAG,oCAAoC;AAAA,YAChD,cAAckE;AAAA,UAAA,CACf;AAAA,UAEA,UAAA5B;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF2B,KACC,gBAAAlE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAG,yCAAyC;AAAA,YACrD,cAAckE;AAAA,UAAA,CACf;AAAA,UAEA,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AAMA,SAASG,GAAU,EAAE,OAAAb,GAAO,OAAAjB,GAAO,MAAA9E,GAAM,UAAA0G,KAA6B;AACpE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAA,gBAAApE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAG,oCAAoC;AAAA,UAChD,cAAckE;AAAA,QAAA,CACf;AAAA,QACD,OAAO,EAAE,iBAAiBX,EAAA;AAAA,MAAM;AAAA,IAAA;AAAA,IAElC,gBAAAxD,EAAC,QAAA,EAAK,WAAWC,EAAG,WAAW,EAAE,cAAckE,EAAA,CAAU,GAAI,UAAA1G,EAAA,CAAK;AAAA,IAClE,gBAAAuC,EAAC,QAAA,EAAK,WAAWC,EAAG,uBAAuB,EAAE,cAAckE,EAAA,CAAU,GAClE,UAAA5B,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAcO,MAAM+B,KAAc;AAAA,EACzB,WAAAD;AAAA,EACA,WAAAJ;AACF,GCIMM,KAAqB,CAAChC,MAAkBA,EAAM,eAAA;AAWpD,SAASiC,GAAgB5E,GAA0C;AACjE,SAAO,OAAOA,KAAW,YAAYA,MAAW;AAClD;AAGA,MAAM6E,IAAa,CAACC,MAClBA,EACG,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,OAAO,GAMpBC,KAAiB,CAACD,MACtBA,EAAI,QAAQ,UAAU,CAACE,MAAS,KAAKA,CAAI,EAAE,GAMvCC,IAAgB,CAACrB,MAA0B;AAC/C,QAAMsB,IAAW;AACjB,SAAI,CAACtB,KAAS,OAAOA,KAAU,WAAiBsB,IAG5C,8CAA8C,KAAKtB,CAAK,KAM1D,0EAA0E;AAAA,IACxEA;AAAA,EAAA,KAQF,4EAA4E;AAAA,IAC1EA;AAAA,EAAA,KAOA,iBAAiB,KAAKA,CAAK,IACtBA,IAGFsB;AACT;AAEO,SAASC,GAAY;AAAA,EAC1B,SAAArG;AAAA,EACA,OAAAsG;AAAA,EACA,OAAAC;AAAA,EACA,QAAApG,IAAS;AAAA,EACT,WAAAqG,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,aAAaC,IAAgB;AAAA,EAC7B,gBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,aAAAC,IAAchB;AAAA,EACd,kBAAAiB;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,WAAAjH;AAAA,EACA,YAAAlB;AAAA,EACA,aAAAoI;AAAA,EACA,aAAAC;AACF,GAAqB;AACnB,QAAMC,IAAgBhB,EAAM,KAAK,CAAChB,MAAMA,EAAE,UAAU,MAAS,GACvDiC,IAAmBZ,KAAkBW,GACrCE,IAAiBZ,MAAoB,UACrC/G,IAAU6C,EAAuB,MAAM;AAC3C,UAAM+E,IAAa5I,EAAa,KAAK,WAAWG,CAAU,GACpD0I,IAAiB7I,EAAa,KAAK,aAAaG,CAAU,GAG1D2I,IAAarB,EAAM;AAAA,MACvB,CAACsB,GAAM1I,MACL0I,EAAK,SACLb,KACAlI,EAAa,YAAYK,GAAOF,CAAU;AAAA,IAAA,GAIxC6I,IAAc,IAAI;AAAA,MACtBvB,EAAM,IAAI,CAAC,GAAG7B,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,eAAekD,EAAWlD,CAAC,EAAA,CAAG,CAAC;AAAA,IAAA,GAGhEqD,IAAexB,EAAM,IAAI,CAACsB,GAAM1I,OAAW;AAAA,MAC/C,MAAM0I,EAAK;AAAA,MACX,OAAOA,EAAK;AAAA,MACZ,WAAW;AAAA,QACT,OAAOD,EAAWzI,CAAK;AAAA,MAAA;AAAA,IACzB,EACA,GAEI6I,IAAexB,EAAM,IAAI,CAACyB,OAAU;AAAA,MACxC,QAAQ1B,EAAM0B,EAAK,MAAM,GAAG,QAAQ;AAAA,MACpC,QAAQ1B,EAAM0B,EAAK,MAAM,GAAG,QAAQ;AAAA,MACpC,OAAOA,EAAK;AAAA,IAAA,EACZ;AAEF,WAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,MACzB,uBAAuB;AAAA,MACvB,SAAStB,IACL;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,wBAAwB,CAACxF,MAAoB;AAC3C,cAAI,CAAC4E,GAAgB5E,CAAM,EAAG,QAAO;AAErC,cAAIA,EAAO,aAAa,UAAUA,EAAO,MAAM;AAC7C,kBAAM+G,IAAWJ,EAAY,IAAI3G,EAAO,IAAI,GACtC4D,IAAQqB;AAAA,cACZ8B,GAAU,iBAAiB/G,EAAO,SAAS;AAAA,YAAA;AAI7C,gBAAI4F;AACF,qBAAOA,EAAiB;AAAA,gBACtB,MAAM;AAAA,gBACN,MAAM5F,EAAO;AAAA,gBACb,MAAM+G;AAAA,gBACN,OAAAnD;AAAA,cAAA,CACD;AAIH,kBAAMoD,IAAWnC,EAAW7E,EAAO,IAAI;AACvC,mBAAO,+IAA+I4D,CAAK,oBAAoBoD,CAAQ;AAAA,UACzL;AAEA,cAAIhH,EAAO,aAAa,UAAUA,EAAO,MAAM;AAC7C,kBAAM,EAAE,QAAAiH,GAAQ,QAAAC,GAAQ,OAAAvE,EAAA,IAAU3C,EAAO;AAGzC,gBAAI4F;AACF,qBAAOA,EAAiB;AAAA,gBACtB,MAAM;AAAA,gBACN,MAAM,GAAGqB,CAAM,MAAMC,CAAM;AAAA,gBAC3B,MAAM;AAAA,kBACJ,QAAQD,KAAU;AAAA,kBAClB,QAAQC,KAAU;AAAA,kBAClB,OAAOvE,KAAS;AAAA,gBAAA;AAAA,cAClB,CACD;AAIH,kBAAMwE,IAAaR,EAAY,IAAIM,KAAU,EAAE,GACzCG,IAAaT,EAAY,IAAIO,KAAU,EAAE,GACzCG,IAAcpC;AAAA,cAClBkC,GAAY,iBAAiB;AAAA,YAAA,GAEzBG,KAAcrC;AAAA,cAClBmC,GAAY,iBAAiB;AAAA,YAAA,GAIzBG,KAAa1C,EAAWoC,KAAU,EAAE,GACpCO,KAAa3C,EAAWqC,KAAU,EAAE;AAC1C,mBAAO;AAAA,0GACmFG,CAAW;AAAA,4BACzFE,EAAU;AAAA,uCACCf,CAAc;AAAA,0GACqDc,EAAW;AAAA,4BACzFE,EAAU;AAAA;AAAA,0BAEZ7E,MAAU,SAAYkC,EAAWc,EAAYhD,CAAK,CAAC,IAAI,EAAE;AAAA,UACrE;AAEA,iBAAO;AAAA,QACT;AAAA,MAAA,IAEF;AAAA,MACJ,QAAQ;AAAA,QACN;AAAA,UACE,MAAM;AAAA,UACN,GAAImD,MAAS,UAAa,EAAE,MAAAA,EAAA;AAAA,UAC5B,GAAIC,MAAU,UAAa,EAAE,OAAAA,EAAA;AAAA,UAC7B,MAAMa;AAAA,UACN,OAAOC;AAAA,UACP,WAAW;AAAA,UACX,UAAU;AAAA,YACR,OAAO;AAAA,UAAA;AAAA,UAET,WAAAvB;AAAA,UACA,SAASC;AAAA,UACT,WAAW;AAAA,YACT,OAAOS,MAAc,aAAa,WAAW;AAAA,YAC7C,SAASA,MAAc,aAAaC,IAAc;AAAA,YAClD,WAAW;AAAA,UAAA;AAAA,UAEb,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAOM;AAAA,YACP,UAAU;AAAA,YACV,WAAWF,IACP,CAACrG,MAA8B;AAC7B,oBAAMnC,IAAOmC,EAAO,QAAQ,IACtB+G,IAAWJ,EAAY,IAAI9I,CAAI,GAC/BmJ,IAAWjC,GAAelH,CAAI;AACpC,kBAAIkJ,GAAU,UAAU,QAAW;AACjC,sBAAMlE,IAAiBkC;AAAA,kBACrBY,EAAYoB,EAAS,KAAK;AAAA,gBAAA;AAG5B,uBAAOT,IACH,SAASU,CAAQ,YAAYnE,CAAc,MAC3C,UAAUA,CAAc;AAAA,QAAYmE,CAAQ;AAAA,cAClD;AACA,qBAAOA;AAAA,YACT,IACA;AAAA,YACJ,MAAMX,IACF;AAAA,cACE,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,OAAOE;AAAA,gBACP,YAAYD,IAAiB,SAAY;AAAA,cAAA;AAAA,cAE3C,MAAM;AAAA,gBACJ,UAAU;AAAA,gBACV,OAAOC;AAAA,gBACP,YAAY;AAAA,cAAA;AAAA,YACd,IAEF;AAAA,UAAA;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EAEJ,GAAG;AAAA,IACDnB;AAAA,IACAC;AAAA,IACAG;AAAA,IACAF;AAAA,IACAC;AAAA,IACAM;AAAA,IACAC;AAAA,IACAC;AAAA,IACAjI;AAAA,IACAkI;AAAA,IACAC;AAAA,IACAI;AAAA,IACAC;AAAA,IACAX;AAAA,IACAC;AAAA,EAAA,CACD,GAEK6B,IAAcC;AAAA,IAClB,CAAC1H,MAAgD;AAC/C,UAAIA,EAAO,aAAa,UAAUkG,KAAelG,EAAO,MAAM;AAC5D,cAAM2H,IAAYvC,EAAM,UAAU,CAAChB,MAAMA,EAAE,SAASpE,EAAO,IAAI,GAGzD+G,IAA2B;AAAA,UAC/B,GAHmBY,KAAa,IAAIvC,EAAMuC,CAAS,IAAI;AAAA,UAIvD,MAAM3H,EAAO;AAAA,QAAA;AAEf,QAAAkG,EAAYa,CAAQ;AAAA,MACtB,WAAW/G,EAAO,aAAa,UAAUmG,KAAenG,EAAO,MAAM;AACnE,cAAMQ,IAAOR,EAAO,MACdiH,IACJ,OAAOzG,KAAS,YAAYA,MAAS,QAAQ,YAAYA,IACrD,OAAOA,EAAK,MAAM,IAClB,IACA0G,IACJ,OAAO1G,KAAS,YAAYA,MAAS,QAAQ,YAAYA,IACrD,OAAOA,EAAK,MAAM,IAClB,IACAoH,IAAcxC,EAAM,UAAU,CAAChB,MAAMA,EAAE,SAAS6C,CAAM,GACtDY,IAAczC,EAAM,UAAU,CAAChB,MAAMA,EAAE,SAAS8C,CAAM;AAE5D,YAAIU,MAAgB,MAAMC,MAAgB,GAAI;AAE9C,cAAMC,IAAW9H,EAAO,OAClB2C,IACJ,OAAOmF,KAAa,WAChBA,IACA,MAAM,QAAQA,CAAQ,KAAK,OAAOA,EAAS,CAAC,KAAM,WAChDA,EAAS,CAAC,IACV,GAGFC,IAAe1C,EAAM;AAAA,UACzB,CAAC2C,MAAMA,EAAE,WAAWJ,KAAeI,EAAE,WAAWH;AAAA,QAAA;AAElD,QAAA1B,EAAY;AAAA,UACV,GAAG4B;AAAA,UACH,QAAQH;AAAA,UACR,QAAQC;AAAA,UACR,OAAAlF;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAACyC,GAAOC,GAAOa,GAAaC,CAAW;AAAA,EAAA,GAGnCjH,IAAWsC;AAAA,IACf,OAAO;AAAA,MACL,OAAOiG;AAAA,IAAA;AAAA,IAET,CAACA,CAAW;AAAA,EAAA;AAGd,SACE,gBAAArH;AAAA,IAACxB;AAAA,IAAA;AAAA,MACC,SAAAE;AAAA,MACA,SAAAH;AAAA,MACA,WAAAK;AAAA,MACA,YAAAlB;AAAA,MACA,QAAAmB;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAiG,GAAY,cAAc;"}

package/dist/chunks/{autocomplete-mhrvtq4y5n21vr0t.js → autocomplete-h39m8kzoq0csjh9l.js}

@@ -1,80 +1,94 @@
 "use client";
-import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { CheckIcon as g } from "@phosphor-icons/react";
-import { K as u, i as y } from "./input-i3os21puacqw4r75.js";
-import { c as s } from "./cn-ct4n7r74mh8y0f48.js";
-import { r as C } from "./resolve-variant-gw6eh7fa4st8ej7m.js";
-import { F as I } from "./field-l1oapopp6kjnephi.js";
-import { a9 as v, ae as T, bv as k, ab as z, S as G, ac as L, ad as O, bu as P, am as _, an as w, ao as E, af as S } from "./vendor-base-ui-nbyiqqi138hcoz52.js";
-const q = {
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { CheckIcon as C } from "@phosphor-icons/react";
+import { createContext as y, useContext as v } from "react";
+import { K as u, i as I } from "./input-mv7giprcc6hfkpq3.js";
+import { c as r } from "./cn-ct4n7r74mh8y0f48.js";
+import { r as E } from "./resolve-variant-gw6eh7fa4st8ej7m.js";
+import { F as T } from "./field-n16udu32tpyq5udz.js";
+import { a9 as k, ae as w, bw as z, ab as G, S as L, ac as O, ad as P, bv as _, am as S, an as U, ao as R, af as V } from "./vendor-base-ui-mzjqwv5teijixz8h.js";
+const p = y({
+  hasError: !1
+}), Q = {
   size: u.size
 }, l = {
   size: "base"
 };
-function B({
+function W({
   size: o = l.size
 } = {}) {
-  return s(C(u.size, o, l.size).classes);
+  return r(
+    E(
+      u.size,
+      o,
+      l.size
+    ).classes
+  );
 }
-function p({
+function d({
   label: o,
   required: e,
-  labelTooltip: r,
-  description: m,
+  labelTooltip: s,
+  description: n,
   error: a,
-  children: n,
+  children: m,
   ...i
 }) {
-  const c = /* @__PURE__ */ t(k, { ...i, children: n });
+  const c = /* @__PURE__ */ t(p, { value: { hasError: !!a }, children: /* @__PURE__ */ t(z, { ...i, children: m }) });
   return o ? /* @__PURE__ */ t(
-    I,
+    T,
     {
       label: o,
       required: e,
-      labelTooltip: r,
-      description: m,
+      labelTooltip: s,
+      description: n,
       error: a ? typeof a == "string" ? { message: a, match: !0 } : a : void 0,
       children: c
     }
   ) : c;
 }
-function d({
+function b({
   className: o,
   size: e = l.size,
-  placeholder: r
+  placeholder: s
 }) {
+  const { hasError: n } = v(p);
   return /* @__PURE__ */ t(
-    S,
+    V,
     {
-      className: s(
-        y({ size: e, focusIndicator: !0 }),
+      className: r(
+        I({
+          size: e,
+          variant: n ? "error" : "default",
+          focusIndicator: !0
+        }),
         "w-full",
         o
       ),
-      placeholder: r
+      placeholder: s
     }
   );
 }
-function b({
+function f({
   children: o,
   className: e,
-  align: r = "start",
-  sideOffset: m = 4,
+  align: s = "start",
+  sideOffset: n = 4,
   alignOffset: a,
-  side: n
+  side: m
 }) {
-  return /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
-    w,
+  return /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(
+    U,
     {
       className: "outline-none",
-      align: r,
-      sideOffset: m,
+      align: s,
+      sideOffset: n,
       alignOffset: a,
-      side: n,
+      side: m,
       children: /* @__PURE__ */ t(
-        E,
+        R,
         {
-          className: (i) => s(
+          className: (i) => r(
             "flex flex-col",
             "max-h-[min(var(--available-height),24rem)] max-w-(--available-width) min-w-(--anchor-width) py-1.5",
             "bg-kumo-control text-kumo-default",
@@ -88,40 +102,40 @@ function b({
     }
   ) });
 }
-function U({
+function K({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    z,
+    G,
     {
       ...e,
-      className: s(
+      className: r(
         "min-h-0 flex-1 overflow-y-auto overscroll-contain scroll-pt-2 scroll-pb-2",
         o
       )
     }
   );
 }
-function f({ children: o, ...e }) {
-  return /* @__PURE__ */ A(
-    P,
+function x({ children: o, ...e }) {
+  return /* @__PURE__ */ g(
+    _,
     {
       ...e,
       className: "group mx-1.5 grid cursor-pointer grid-cols-[1fr_16px] gap-2 rounded px-2 py-1.5 text-base data-highlighted:bg-kumo-overlay data-selected:font-medium",
       children: [
         /* @__PURE__ */ t("div", { className: "col-start-1", children: o }),
-        /* @__PURE__ */ t("span", { className: "col-start-2 hidden items-center group-data-selected:flex", children: /* @__PURE__ */ t(g, { size: 14 }) })
+        /* @__PURE__ */ t("span", { className: "col-start-2 hidden items-center group-data-selected:flex", children: /* @__PURE__ */ t(C, { size: 14 }) })
       ]
     }
   );
 }
-function x(o) {
+function h(o) {
   return /* @__PURE__ */ t(
-    O,
+    P,
     {
       ...o,
-      className: s(
+      className: r(
         "mx-1.5 px-2 py-1.5 text-sm text-kumo-strong",
         o.className
       )
@@ -130,46 +144,46 @@ function x(o) {
 }
 function N(o) {
   return /* @__PURE__ */ t(
-    L,
+    O,
     {
       ...o,
       className: "border-t border-kumo-line mt-2 pt-2 first:border-t-0 first:mt-0 first:pt-0"
     }
   );
 }
-function h(o) {
+function A(o) {
   return /* @__PURE__ */ t(
-    G,
+    L,
     {
       ...o,
-      className: s("mx-0 my-1 h-px bg-kumo-line", o.className)
+      className: r("mx-0 my-1 h-px bg-kumo-line", o.className)
     }
   );
 }
-p.displayName = "Autocomplete.Root";
-d.displayName = "Autocomplete.InputGroup";
-b.displayName = "Autocomplete.Content";
-f.displayName = "Autocomplete.Item";
-x.displayName = "Autocomplete.GroupLabel";
+d.displayName = "Autocomplete.Root";
+b.displayName = "Autocomplete.InputGroup";
+f.displayName = "Autocomplete.Content";
+x.displayName = "Autocomplete.Item";
+h.displayName = "Autocomplete.GroupLabel";
 N.displayName = "Autocomplete.Group";
-h.displayName = "Autocomplete.Separator";
-const H = Object.assign(p, {
+A.displayName = "Autocomplete.Separator";
+const X = Object.assign(d, {
   // Styled compound sub-components
-  InputGroup: d,
-  Content: b,
-  Item: f,
-  GroupLabel: x,
+  InputGroup: b,
+  Content: f,
+  Item: x,
+  GroupLabel: h,
   Group: N,
-  Separator: h,
-  List: U,
+  Separator: A,
+  List: K,
   // Pass-through Base UI sub-components
-  Empty: T,
-  Collection: v
+  Empty: w,
+  Collection: k
 });
 export {
-  H as A,
-  q as K,
-  B as a,
+  X as A,
+  Q as K,
+  W as a,
   l as b
 };
-//# sourceMappingURL=autocomplete-mhrvtq4y5n21vr0t.js.map
+//# sourceMappingURL=autocomplete-h39m8kzoq0csjh9l.js.map