csv-charts-ai 0.1.0

package/README.md

@@ -0,0 +1,94 @@
+# csv-charts-ai
+
+Reusable chart components for CSV/tabular data visualization, powered by [Recharts](https://recharts.org/).
+
+## Installation
+
+```bash
+npm install csv-charts-ai
+# or
+pnpm add csv-charts-ai
+```
+
+### Peer Dependencies
+
+```bash
+npm install react recharts lucide-react
+```
+
+## Usage
+
+```tsx
+import { ChartDisplay, type TabularData, type ChartConfig } from "csv-charts-ai";
+
+const data: TabularData = {
+  headers: ["Category", "Sales"],
+  rows: [
+    ["Electronics", "1200"],
+    ["Clothing", "800"],
+    ["Food", "950"],
+  ],
+  columns: [
+    { name: "Category", type: "string", index: 0 },
+    { name: "Sales", type: "number", index: 1 },
+  ],
+  rowCount: 3,
+};
+
+const charts: ChartConfig[] = [
+  {
+    id: "chart-1",
+    type: "bar",
+    title: "Sales by Category",
+    description: "Comparison of sales across categories",
+    xAxis: "Category",
+    yAxis: "Sales",
+    aggregation: "sum",
+  },
+];
+
+function App() {
+  return <ChartDisplay data={data} charts={charts} />;
+}
+```
+
+## Components
+
+### `ChartDisplay`
+
+Main component that renders multiple charts from configuration.
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `data` | `TabularData` | The tabular data to visualize |
+| `charts` | `ChartConfig[]` | Array of chart configurations |
+| `onRegenerate` | `(chart: ChartConfig) => Promise<void>` | Optional callback for chart regeneration |
+| `cardWrapper` | `React.ComponentType` | Optional wrapper component for each chart card |
+
+### `SingleChart`
+
+Renders an individual chart with toolbar controls (sort, zoom, trendline, export).
+
+### `ChartToolbar`
+
+Toolbar component with sort, filter, zoom, trendline, and export controls.
+
+### `processChartData`
+
+Utility function that processes `TabularData` into chart-ready data points with aggregation support.
+
+## Chart Types
+
+- **bar** — Category comparisons
+- **line** — Trends over time
+- **area** — Cumulative trends
+- **scatter** — Correlations
+- **pie** — Proportional distributions
+
+## Aggregation Types
+
+`sum` | `avg` | `count` | `min` | `max` | `none`
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ChartType = "bar" | "line" | "pie" | "scatter" | "area";
+type AggregationType = "sum" | "avg" | "count" | "min" | "max" | "none";
+interface TabularData {
+    headers: string[];
+    rows: string[][];
+    columns: {
+        name: string;
+        type: "string" | "number" | "date" | "boolean";
+        index: number;
+    }[];
+    rowCount: number;
+}
+interface ChartConfig {
+    id: string;
+    type: ChartType;
+    title: string;
+    description: string;
+    xAxis: string;
+    yAxis: string;
+    groupBy?: string;
+    aggregation: AggregationType;
+    dataConfig?: {
+        xColumn: string;
+        yColumn: string;
+        groupColumn?: string;
+    };
+}
+type SortOrder = "none" | "asc" | "desc";
+type ChartDataPoint = Record<string, string | number>;
+interface ChartTheme {
+    colors: string[];
+    background: string;
+    cardBackground: string;
+    border: string;
+    text: string;
+    textMuted: string;
+    textDimmed: string;
+    gridStroke: string;
+    tooltipBackground: string;
+    tooltipBorder: string;
+    accentPrimary: string;
+    accentSecondary: string;
+    accentSuccess: string;
+    accentDanger: string;
+}
+declare const defaultDarkTheme: ChartTheme;
+declare const defaultLightTheme: ChartTheme;
+
+interface ChartDisplayProps {
+    data: TabularData;
+    charts: ChartConfig[];
+    onRegenerate?: (chart: ChartConfig) => Promise<void>;
+    /** Optional wrapper component for each chart card */
+    cardWrapper?: React.ComponentType<{
+        children: React.ReactNode;
+        title?: string;
+        className?: string;
+    }>;
+    /** Optional theme override */
+    theme?: ChartTheme;
+}
+declare function ChartDisplay({ data, charts, onRegenerate, cardWrapper: CardWrapper, theme, }: ChartDisplayProps): react_jsx_runtime.JSX.Element | null;
+
+interface SingleChartProps {
+    data: TabularData;
+    chart: ChartConfig;
+    onRegenerate?: (chart: ChartConfig) => Promise<void>;
+}
+declare function SingleChart({ data, chart, onRegenerate }: SingleChartProps): react_jsx_runtime.JSX.Element;
+
+interface ChartToolbarProps {
+    chartType: ChartType;
+    sortOrder: SortOrder;
+    limitResults: number;
+    showBrush: boolean;
+    showTrendline: boolean;
+    isRegenerating: boolean;
+    hasRegenerate: boolean;
+    onToggleSort: () => void;
+    onLimitChange: (limit: number) => void;
+    onToggleBrush: () => void;
+    onToggleTrendline: () => void;
+    onExportCSV: () => void;
+    onExportPNG: () => void;
+    onRegenerate: () => void;
+}
+declare function ChartToolbar({ chartType, sortOrder, limitResults, showBrush, showTrendline, isRegenerating, hasRegenerate, onToggleSort, onLimitChange, onToggleBrush, onToggleTrendline, onExportCSV, onExportPNG, onRegenerate, }: ChartToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface ProcessedChartResult {
+    data: ChartDataPoint[];
+    seriesKeys: string[];
+    yKey: string;
+}
+declare const processChartData: (data: TabularData, chart: ChartConfig, sortOrder?: SortOrder, limit?: number) => ChartDataPoint[];
+declare const processChartDataMultiSeries: (data: TabularData, chart: ChartConfig, sortOrder?: SortOrder, limit?: number) => ProcessedChartResult;
+
+declare function ChartThemeProvider({ theme, children, }: {
+    theme: ChartTheme;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useChartTheme(): ChartTheme;
+
+declare const COLORS: string[];
+
+export { type AggregationType, COLORS, type ChartConfig, type ChartDataPoint, ChartDisplay, type ChartDisplayProps, type ChartTheme, ChartThemeProvider, ChartToolbar, type ChartType, type ProcessedChartResult, SingleChart, type SingleChartProps, type SortOrder, type TabularData, defaultDarkTheme, defaultLightTheme, processChartData, processChartDataMultiSeries, useChartTheme };

package/dist/index.js

@@ -0,0 +1,949 @@
+// src/types.ts
+var defaultDarkTheme = {
+  colors: [
+    "#8b5cf6",
+    "#06b6d4",
+    "#f43f5e",
+    "#eab308",
+    "#10b981",
+    "#3b82f6",
+    "#d946ef",
+    "#f97316"
+  ],
+  background: "rgba(15, 23, 42, 0.5)",
+  cardBackground: "rgba(255, 255, 255, 0.05)",
+  border: "rgba(255, 255, 255, 0.1)",
+  text: "#ffffff",
+  textMuted: "#9ca3af",
+  textDimmed: "#6b7280",
+  gridStroke: "#374151",
+  tooltipBackground: "#1f2937",
+  tooltipBorder: "1px solid #374151",
+  accentPrimary: "#8b5cf6",
+  accentSecondary: "#06b6d4",
+  accentSuccess: "#10b981",
+  accentDanger: "#ef4444"
+};
+var defaultLightTheme = {
+  colors: [
+    "#7c3aed",
+    "#0891b2",
+    "#e11d48",
+    "#ca8a04",
+    "#059669",
+    "#2563eb",
+    "#c026d3",
+    "#ea580c"
+  ],
+  background: "#ffffff",
+  cardBackground: "#f8fafc",
+  border: "#e2e8f0",
+  text: "#0f172a",
+  textMuted: "#64748b",
+  textDimmed: "#94a3b8",
+  gridStroke: "#e2e8f0",
+  tooltipBackground: "#ffffff",
+  tooltipBorder: "1px solid #e2e8f0",
+  accentPrimary: "#7c3aed",
+  accentSecondary: "#0891b2",
+  accentSuccess: "#059669",
+  accentDanger: "#dc2626"
+};
+
+// src/ThemeContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var ChartThemeContext = createContext(defaultDarkTheme);
+function ChartThemeProvider({
+  theme,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ChartThemeContext.Provider, { value: theme, children });
+}
+function useChartTheme() {
+  return useContext(ChartThemeContext);
+}
+
+// src/SingleChart.tsx
+import { useState, useMemo, useCallback, useRef } from "react";
+import {
+  BarChart,
+  Bar,
+  LineChart,
+  Line,
+  PieChart,
+  Pie,
+  ScatterChart,
+  Scatter,
+  AreaChart,
+  Area,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  Legend,
+  ResponsiveContainer,
+  Cell,
+  Brush,
+  ReferenceLine
+} from "recharts";
+import { RefreshCw as RefreshCw2 } from "lucide-react";
+
+// src/processChartData.ts
+var processChartData = (data, chart, sortOrder = "none", limit = 20) => {
+  const result = processChartDataMultiSeries(data, chart, sortOrder, limit);
+  return result.data;
+};
+var processChartDataMultiSeries = (data, chart, sortOrder = "none", limit = 20) => {
+  let result = [];
+  const xColDef = data.columns.find(
+    (c) => c.name.toLowerCase() === chart.xAxis.toLowerCase()
+  );
+  const yColDef = data.columns.find(
+    (c) => c.name.toLowerCase() === chart.yAxis.toLowerCase()
+  );
+  const groupColDef = chart.groupBy ? data.columns.find(
+    (c) => c.name.toLowerCase() === chart.groupBy.toLowerCase()
+  ) : void 0;
+  if (!xColDef) return { data: [], seriesKeys: [], yKey: chart.yAxis };
+  const xCol = xColDef.name;
+  const xIdx = xColDef.index;
+  const isCountMode = chart.aggregation === "count";
+  const yCol = yColDef?.name ?? "count";
+  const yIdx = yColDef?.index ?? -1;
+  const supportsGroupBy = chart.type !== "pie" && chart.type !== "scatter";
+  if (supportsGroupBy && groupColDef && chart.aggregation && chart.aggregation !== "none") {
+    const groupIdx = groupColDef.index;
+    const allGroups = /* @__PURE__ */ new Set();
+    const grouped = /* @__PURE__ */ new Map();
+    data.rows.forEach((row) => {
+      const xVal = String(row[xIdx] ?? "").trim();
+      const groupVal = String(row[groupIdx] ?? "").trim();
+      if (!xVal || !groupVal) return;
+      allGroups.add(groupVal);
+      if (!grouped.has(xVal)) grouped.set(xVal, /* @__PURE__ */ new Map());
+      const xGroup = grouped.get(xVal);
+      if (isCountMode) {
+        const current = xGroup.get(groupVal) ?? {
+          sum: 0,
+          count: 0,
+          min: 0,
+          max: 0
+        };
+        xGroup.set(groupVal, { ...current, count: current.count + 1 });
+      } else if (yIdx >= 0) {
+        const yVal = parseFloat(String(row[yIdx] ?? "0"));
+        if (!isNaN(yVal)) {
+          const current = xGroup.get(groupVal) ?? {
+            sum: 0,
+            count: 0,
+            min: Infinity,
+            max: -Infinity
+          };
+          xGroup.set(groupVal, {
+            sum: current.sum + yVal,
+            count: current.count + 1,
+            min: Math.min(current.min, yVal),
+            max: Math.max(current.max, yVal)
+          });
+        }
+      }
+    });
+    const seriesKeys = Array.from(allGroups).slice(0, 8);
+    grouped.forEach((groupMap, xKey) => {
+      const point = { [xCol]: xKey };
+      seriesKeys.forEach((groupKey) => {
+        const stats = groupMap.get(groupKey);
+        if (stats) {
+          let value;
+          switch (chart.aggregation) {
+            case "sum":
+              value = stats.sum;
+              break;
+            case "avg":
+              value = stats.count > 0 ? stats.sum / stats.count : 0;
+              break;
+            case "count":
+              value = stats.count;
+              break;
+            case "min":
+              value = stats.min === Infinity ? 0 : stats.min;
+              break;
+            case "max":
+              value = stats.max === -Infinity ? 0 : stats.max;
+              break;
+            default:
+              value = stats.sum;
+          }
+          point[groupKey] = Math.round(value * 100) / 100;
+        } else {
+          point[groupKey] = 0;
+        }
+      });
+      result.push(point);
+    });
+    if (sortOrder !== "none" && seriesKeys[0]) {
+      const firstKey = seriesKeys[0];
+      result.sort((a, b) => {
+        const aVal = a[firstKey] ?? 0;
+        const bVal = b[firstKey] ?? 0;
+        return sortOrder === "desc" ? bVal - aVal : aVal - bVal;
+      });
+    }
+    return {
+      data: result.slice(0, limit),
+      seriesKeys,
+      yKey: yCol
+    };
+  }
+  if (chart.aggregation && chart.aggregation !== "none") {
+    const groups = /* @__PURE__ */ new Map();
+    data.rows.forEach((row) => {
+      const xVal = String(row[xIdx] ?? "").trim();
+      if (!xVal) return;
+      if (isCountMode) {
+        const current = groups.get(xVal) ?? {
+          sum: 0,
+          count: 0,
+          min: 0,
+          max: 0
+        };
+        groups.set(xVal, {
+          ...current,
+          count: current.count + 1
+        });
+      } else if (yIdx >= 0) {
+        const yVal = parseFloat(String(row[yIdx] ?? "0"));
+        if (!isNaN(yVal)) {
+          const current = groups.get(xVal) ?? {
+            sum: 0,
+            count: 0,
+            min: Infinity,
+            max: -Infinity
+          };
+          groups.set(xVal, {
+            sum: current.sum + yVal,
+            count: current.count + 1,
+            min: Math.min(current.min, yVal),
+            max: Math.max(current.max, yVal)
+          });
+        }
+      }
+    });
+    groups.forEach((stats, key) => {
+      let value;
+      switch (chart.aggregation) {
+        case "sum":
+          value = stats.sum;
+          break;
+        case "avg":
+          value = stats.count > 0 ? stats.sum / stats.count : 0;
+          break;
+        case "count":
+          value = stats.count;
+          break;
+        case "min":
+          value = stats.min === Infinity ? 0 : stats.min;
+          break;
+        case "max":
+          value = stats.max === -Infinity ? 0 : stats.max;
+          break;
+        default:
+          value = stats.sum;
+      }
+      result.push({ [xCol]: key, [yCol]: Math.round(value * 100) / 100 });
+    });
+  } else if (yIdx >= 0) {
+    result = data.rows.slice(0, Math.min(limit * 2, data.rows.length)).map((row) => ({
+      [xCol]: row[xIdx] ?? "",
+      [yCol]: parseFloat(String(row[yIdx] ?? "0"))
+    })).filter((item) => !isNaN(item[yCol]));
+  }
+  if (sortOrder !== "none") {
+    result.sort((a, b) => {
+      const aVal = a[yCol];
+      const bVal = b[yCol];
+      return sortOrder === "desc" ? bVal - aVal : aVal - bVal;
+    });
+  }
+  return {
+    data: result.slice(0, limit),
+    seriesKeys: [],
+    yKey: yCol
+  };
+};
+
+// src/ChartToolbar.tsx
+import {
+  RefreshCw,
+  Download,
+  SortAsc,
+  SortDesc,
+  RotateCcw,
+  TrendingUp,
+  Filter,
+  Image as Image2
+} from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ChartToolbar({
+  chartType,
+  sortOrder,
+  limitResults,
+  showBrush,
+  showTrendline,
+  isRegenerating,
+  hasRegenerate,
+  onToggleSort,
+  onLimitChange,
+  onToggleBrush,
+  onToggleTrendline,
+  onExportCSV,
+  onExportPNG,
+  onRegenerate
+}) {
+  const supportsBrush = chartType === "line" || chartType === "area" || chartType === "bar";
+  const supportsTrendline = chartType === "bar" || chartType === "line" || chartType === "area";
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2 rounded-xl border border-white/10 bg-white/5 p-3", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: onToggleSort,
+        className: `flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm transition-colors ${sortOrder !== "none" ? "border border-violet-500/30 bg-violet-500/20 text-violet-400" : "bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white"}`,
+        title: "Sort by value",
+        children: [
+          sortOrder === "asc" ? /* @__PURE__ */ jsx2(SortAsc, { className: "h-4 w-4" }) : sortOrder === "desc" ? /* @__PURE__ */ jsx2(SortDesc, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx2(SortDesc, { className: "h-4 w-4 opacity-50" }),
+          "Sort"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx2(Filter, { className: "h-4 w-4 text-gray-400" }),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: limitResults,
+          onChange: (e) => onLimitChange(Number(e.target.value)),
+          className: "rounded-lg border border-white/10 bg-white/5 px-2 py-1.5 text-sm text-gray-300 focus:border-violet-500/50 focus:outline-none",
+          children: [
+            /* @__PURE__ */ jsx2("option", { value: 10, children: "Top 10" }),
+            /* @__PURE__ */ jsx2("option", { value: 20, children: "Top 20" }),
+            /* @__PURE__ */ jsx2("option", { value: 50, children: "Top 50" }),
+            /* @__PURE__ */ jsx2("option", { value: 100, children: "Top 100" }),
+            /* @__PURE__ */ jsx2("option", { value: 999999, children: "All" })
+          ]
+        }
+      )
+    ] }),
+    supportsBrush && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: onToggleBrush,
+        className: `flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm transition-colors ${showBrush ? "border border-cyan-500/30 bg-cyan-500/20 text-cyan-400" : "bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white"}`,
+        title: "Enable zoom/brush",
+        children: [
+          /* @__PURE__ */ jsx2(RotateCcw, { className: "h-4 w-4" }),
+          "Zoom"
+        ]
+      }
+    ),
+    supportsTrendline && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: onToggleTrendline,
+        className: `flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm transition-colors ${showTrendline ? "border border-emerald-500/30 bg-emerald-500/20 text-emerald-400" : "bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white"}`,
+        title: "Show average line",
+        children: [
+          /* @__PURE__ */ jsx2(TrendingUp, { className: "h-4 w-4" }),
+          "Average"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx2("div", { className: "flex-1" }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: onExportPNG,
+        className: "flex items-center gap-1.5 rounded-lg bg-white/5 px-3 py-1.5 text-sm text-gray-400 transition-colors hover:bg-white/10 hover:text-white",
+        title: "Export chart as PNG image",
+        children: [
+          /* @__PURE__ */ jsx2(Image2, { className: "h-4 w-4" }),
+          "PNG"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: onExportCSV,
+        className: "flex items-center gap-1.5 rounded-lg bg-white/5 px-3 py-1.5 text-sm text-gray-400 transition-colors hover:bg-white/10 hover:text-white",
+        title: "Export chart data as CSV",
+        children: [
+          /* @__PURE__ */ jsx2(Download, { className: "h-4 w-4" }),
+          "CSV"
+        ]
+      }
+    ),
+    hasRegenerate && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: onRegenerate,
+        disabled: isRegenerating,
+        className: "flex items-center gap-1.5 rounded-lg bg-violet-500/20 px-3 py-1.5 text-sm text-violet-400 transition-colors hover:bg-violet-500/30 disabled:opacity-50",
+        children: [
+          /* @__PURE__ */ jsx2(
+            RefreshCw,
+            {
+              className: `h-4 w-4 ${isRegenerating ? "animate-spin" : ""}`
+            }
+          ),
+          isRegenerating ? "..." : "Regenerate"
+        ]
+      }
+    )
+  ] });
+}
+
+// src/SingleChart.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function SingleChart({ data, chart, onRegenerate }) {
+  const theme = useChartTheme();
+  const chartContainerRef = useRef(null);
+  const [isRegenerating, setIsRegenerating] = useState(false);
+  const [sortOrder, setSortOrder] = useState("none");
+  const [showBrush, setShowBrush] = useState(false);
+  const [showTrendline, setShowTrendline] = useState(false);
+  const [limitResults, setLimitResults] = useState(20);
+  const processed = useMemo(
+    () => processChartDataMultiSeries(data, chart, sortOrder, limitResults),
+    [data, chart, sortOrder, limitResults]
+  );
+  const { data: processedData, seriesKeys } = processed;
+  const isMultiSeries = seriesKeys.length > 0;
+  const xColName = data.columns.find(
+    (col) => col.name === chart.xAxis || col.name.toLowerCase() === chart.xAxis.toLowerCase()
+  )?.name ?? chart.xAxis;
+  const yColName = data.columns.find(
+    (col) => col.name === chart.yAxis || col.name.toLowerCase() === chart.yAxis.toLowerCase()
+  )?.name ?? chart.yAxis;
+  const average = useMemo(() => {
+    if (processedData.length === 0 || isMultiSeries) return 0;
+    const sum = processedData.reduce((acc, item) => {
+      const val = item[yColName];
+      return acc + (typeof val === "number" ? val : 0);
+    }, 0);
+    return sum / processedData.length;
+  }, [processedData, yColName, isMultiSeries]);
+  const handleRegenerate = async () => {
+    if (!onRegenerate) return;
+    setIsRegenerating(true);
+    try {
+      await onRegenerate(chart);
+    } finally {
+      setIsRegenerating(false);
+    }
+  };
+  const handleExportCSV = useCallback(() => {
+    if (processedData.length === 0) return;
+    const headers = Object.keys(processedData[0] ?? {}).join(",");
+    const rows = processedData.map(
+      (row) => Object.values(row).map((v) => `"${String(v)}"`).join(",")
+    ).join("\n");
+    const csv = `${headers}
+${rows}`;
+    const blob = new Blob([csv], { type: "text/csv" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${chart.title.replace(/\s+/g, "_")}.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }, [processedData, chart.title]);
+  const handleExportPNG = useCallback(() => {
+    const container = chartContainerRef.current;
+    if (!container) return;
+    const svgElement = container.querySelector("svg");
+    if (!svgElement) return;
+    const svgClone = svgElement.cloneNode(true);
+    svgClone.setAttribute(
+      "xmlns",
+      "http://www.w3.org/2000/svg"
+    );
+    const rect = svgElement.getBoundingClientRect();
+    svgClone.setAttribute("width", String(rect.width));
+    svgClone.setAttribute("height", String(rect.height));
+    const svgString = new XMLSerializer().serializeToString(svgClone);
+    const svgBlob = new Blob([svgString], {
+      type: "image/svg+xml;charset=utf-8"
+    });
+    const url = URL.createObjectURL(svgBlob);
+    const img = new Image();
+    img.onload = () => {
+      const canvas = document.createElement("canvas");
+      const scale = 2;
+      canvas.width = rect.width * scale;
+      canvas.height = rect.height * scale;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return;
+      ctx.scale(scale, scale);
+      ctx.fillStyle = theme.tooltipBackground;
+      ctx.fillRect(0, 0, rect.width, rect.height);
+      ctx.drawImage(img, 0, 0, rect.width, rect.height);
+      canvas.toBlob((blob) => {
+        if (!blob) return;
+        const pngUrl = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = pngUrl;
+        a.download = `${chart.title.replace(/\s+/g, "_")}.png`;
+        a.click();
+        URL.revokeObjectURL(pngUrl);
+      }, "image/png");
+      URL.revokeObjectURL(url);
+    };
+    img.src = url;
+  }, [chart.title, theme.tooltipBackground]);
+  const toggleSort = () => {
+    setSortOrder((prev) => {
+      if (prev === "none") return "desc";
+      if (prev === "desc") return "asc";
+      return "none";
+    });
+  };
+  const renderChartContent = (type, chartData, xKey, yKey, enableBrush, enableTrendline, avgValue) => {
+    const commonProps = {
+      data: chartData,
+      margin: { top: 20, right: 30, left: 20, bottom: 50 }
+    };
+    const tooltipStyle = {
+      backgroundColor: theme.tooltipBackground,
+      border: theme.tooltipBorder,
+      borderRadius: "8px"
+    };
+    const brushComponent = enableBrush ? /* @__PURE__ */ jsx3(
+      Brush,
+      {
+        dataKey: xKey,
+        height: 30,
+        stroke: theme.accentPrimary,
+        fill: "#1e1b4b"
+      }
+    ) : null;
+    const trendlineComponent = enableTrendline && avgValue && !isMultiSeries ? /* @__PURE__ */ jsx3(
+      ReferenceLine,
+      {
+        y: avgValue,
+        stroke: theme.accentSuccess,
+        strokeDasharray: "5 5",
+        label: {
+          value: `Avg: ${avgValue.toFixed(2)}`,
+          fill: theme.accentSuccess,
+          fontSize: 12
+        }
+      }
+    ) : null;
+    const xAxisProps = {
+      dataKey: xKey,
+      stroke: theme.textMuted,
+      fontSize: 11,
+      angle: -45,
+      textAnchor: "end",
+      height: 80,
+      interval: 0,
+      tick: { fill: theme.textMuted }
+    };
+    const yAxisProps = {
+      stroke: theme.textMuted,
+      fontSize: 12,
+      tick: { fill: theme.textMuted }
+    };
+    if (isMultiSeries && type !== "pie" && type !== "scatter") {
+      switch (type) {
+        case "bar":
+          return /* @__PURE__ */ jsxs2(BarChart, { ...commonProps, children: [
+            /* @__PURE__ */ jsx3(CartesianGrid, { strokeDasharray: "3 3", stroke: theme.gridStroke }),
+            /* @__PURE__ */ jsx3(XAxis, { ...xAxisProps }),
+            /* @__PURE__ */ jsx3(YAxis, { ...yAxisProps }),
+            /* @__PURE__ */ jsx3(Tooltip, { contentStyle: tooltipStyle }),
+            /* @__PURE__ */ jsx3(Legend, {}),
+            seriesKeys.map((key, i) => /* @__PURE__ */ jsx3(
+              Bar,
+              {
+                dataKey: key,
+                fill: theme.colors[i % theme.colors.length],
+                stackId: "stack",
+                radius: i === seriesKeys.length - 1 ? [4, 4, 0, 0] : void 0
+              },
+              key
+            )),
+            brushComponent
+          ] });
+        case "line":
+          return /* @__PURE__ */ jsxs2(LineChart, { ...commonProps, children: [
+            /* @__PURE__ */ jsx3(CartesianGrid, { strokeDasharray: "3 3", stroke: theme.gridStroke }),
+            /* @__PURE__ */ jsx3(XAxis, { ...xAxisProps }),
+            /* @__PURE__ */ jsx3(YAxis, { ...yAxisProps }),
+            /* @__PURE__ */ jsx3(Tooltip, { contentStyle: tooltipStyle }),
+            /* @__PURE__ */ jsx3(Legend, {}),
+            seriesKeys.map((key, i) => /* @__PURE__ */ jsx3(
+              Line,
+              {
+                type: "monotone",
+                dataKey: key,
+                stroke: theme.colors[i % theme.colors.length],
+                strokeWidth: 2,
+                dot: { fill: theme.colors[i % theme.colors.length] }
+              },
+              key
+            )),
+            brushComponent
+          ] });
+        case "area":
+          return /* @__PURE__ */ jsxs2(AreaChart, { ...commonProps, children: [
+            /* @__PURE__ */ jsx3("defs", { children: seriesKeys.map((key, i) => /* @__PURE__ */ jsxs2(
+              "linearGradient",
+              {
+                id: `grad-${chart.id}-${i}`,
+                x1: "0",
+                y1: "0",
+                x2: "0",
+                y2: "1",
+                children: [
+                  /* @__PURE__ */ jsx3(
+                    "stop",
+                    {
+                      offset: "5%",
+                      stopColor: theme.colors[i % theme.colors.length],
+                      stopOpacity: 0.6
+                    }
+                  ),
+                  /* @__PURE__ */ jsx3(
+                    "stop",
+                    {
+                      offset: "95%",
+                      stopColor: theme.colors[i % theme.colors.length],
+                      stopOpacity: 0
+                    }
+                  )
+                ]
+              },
+              key
+            )) }),
+            /* @__PURE__ */ jsx3(CartesianGrid, { strokeDasharray: "3 3", stroke: theme.gridStroke }),
+            /* @__PURE__ */ jsx3(XAxis, { ...xAxisProps }),
+            /* @__PURE__ */ jsx3(YAxis, { ...yAxisProps }),
+            /* @__PURE__ */ jsx3(Tooltip, { contentStyle: tooltipStyle }),
+            /* @__PURE__ */ jsx3(Legend, {}),
+            seriesKeys.map((key, i) => /* @__PURE__ */ jsx3(
+              Area,
+              {
+                type: "monotone",
+                dataKey: key,
+                stroke: theme.colors[i % theme.colors.length],
+                fillOpacity: 1,
+                fill: `url(#grad-${chart.id}-${i})`,
+                stackId: "stack"
+              },
+              key
+            )),
+            brushComponent
+          ] });
+        default:
+          return null;
+      }
+    }
+    switch (type) {
+      case "bar":
+        return /* @__PURE__ */ jsxs2(BarChart, { ...commonProps, children: [
+          /* @__PURE__ */ jsx3(CartesianGrid, { strokeDasharray: "3 3", stroke: theme.gridStroke }),
+          /* @__PURE__ */ jsx3(XAxis, { ...xAxisProps }),
+          /* @__PURE__ */ jsx3(YAxis, { ...yAxisProps }),
+          /* @__PURE__ */ jsx3(Tooltip, { contentStyle: tooltipStyle }),
+          /* @__PURE__ */ jsx3(Legend, {}),
+          trendlineComponent,
+          /* @__PURE__ */ jsx3(Bar, { dataKey: yKey, fill: theme.accentPrimary, radius: [4, 4, 0, 0], children: chartData.map((_, index) => /* @__PURE__ */ jsx3(
+            Cell,
+            {
+              fill: theme.colors[index % theme.colors.length]
+            },
+            `cell-${index}`
+          )) }),
+          brushComponent
+        ] });
+      case "line":
+        return /* @__PURE__ */ jsxs2(LineChart, { ...commonProps, children: [
+          /* @__PURE__ */ jsx3(CartesianGrid, { strokeDasharray: "3 3", stroke: theme.gridStroke }),
+          /* @__PURE__ */ jsx3(XAxis, { ...xAxisProps }),
+          /* @__PURE__ */ jsx3(YAxis, { ...yAxisProps }),
+          /* @__PURE__ */ jsx3(Tooltip, { contentStyle: tooltipStyle }),
+          /* @__PURE__ */ jsx3(Legend, {}),
+          trendlineComponent,
+          /* @__PURE__ */ jsx3(
+            Line,
+            {
+              type: "monotone",
+              dataKey: yKey,
+              stroke: theme.accentPrimary,
+              strokeWidth: 3,
+              dot: { fill: theme.accentPrimary },
+              activeDot: { r: 8 }
+            }
+          ),
+          brushComponent
+        ] });
+      case "area": {
+        const gradientId = `colorY-${chart.id}`;
+        return /* @__PURE__ */ jsxs2(AreaChart, { ...commonProps, children: [
+          /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsxs2("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ jsx3(
+              "stop",
+              {
+                offset: "5%",
+                stopColor: theme.accentPrimary,
+                stopOpacity: 0.8
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              "stop",
+              {
+                offset: "95%",
+                stopColor: theme.accentPrimary,
+                stopOpacity: 0
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx3(CartesianGrid, { strokeDasharray: "3 3", stroke: theme.gridStroke }),
+          /* @__PURE__ */ jsx3(XAxis, { ...xAxisProps }),
+          /* @__PURE__ */ jsx3(YAxis, { ...yAxisProps }),
+          /* @__PURE__ */ jsx3(Tooltip, { contentStyle: tooltipStyle }),
+          /* @__PURE__ */ jsx3(Legend, {}),
+          trendlineComponent,
+          /* @__PURE__ */ jsx3(
+            Area,
+            {
+              type: "monotone",
+              dataKey: yKey,
+              stroke: theme.accentPrimary,
+              fillOpacity: 1,
+              fill: `url(#${gradientId})`
+            }
+          ),
+          brushComponent
+        ] });
+      }
+      case "scatter":
+        return /* @__PURE__ */ jsxs2(ScatterChart, { ...commonProps, children: [
+          /* @__PURE__ */ jsx3(CartesianGrid, { strokeDasharray: "3 3", stroke: theme.gridStroke }),
+          /* @__PURE__ */ jsx3(
+            XAxis,
+            {
+              type: "category",
+              ...xAxisProps
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            YAxis,
+            {
+              type: "number",
+              dataKey: yKey,
+              ...yAxisProps
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            Tooltip,
+            {
+              cursor: { strokeDasharray: "3 3" },
+              contentStyle: tooltipStyle
+            }
+          ),
+          /* @__PURE__ */ jsx3(Legend, {}),
+          /* @__PURE__ */ jsx3(Scatter, { name: yKey, data: chartData, fill: theme.accentPrimary })
+        ] });
+      case "pie":
+        return /* @__PURE__ */ jsxs2(PieChart, { children: [
+          /* @__PURE__ */ jsx3(
+            Pie,
+            {
+              data: chartData,
+              innerRadius: 60,
+              outerRadius: 100,
+              paddingAngle: 5,
+              dataKey: yKey,
+              nameKey: xKey,
+              label: ({ name, percent }) => `${name}: ${((percent ?? 0) * 100).toFixed(0)}%`,
+              labelLine: { stroke: theme.textMuted },
+              children: chartData.map((_, index) => /* @__PURE__ */ jsx3(
+                Cell,
+                {
+                  fill: theme.colors[index % theme.colors.length]
+                },
+                `cell-${index}`
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx3(Tooltip, { contentStyle: tooltipStyle }),
+          /* @__PURE__ */ jsx3(Legend, {})
+        ] });
+      default:
+        return null;
+    }
+  };
+  if (processedData.length === 0) {
+    return /* @__PURE__ */ jsx3("div", { className: "flex h-[300px] flex-col items-center justify-center gap-4 text-gray-400", children: /* @__PURE__ */ jsxs2("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx3("p", { className: "mb-1 font-medium text-red-400", children: "Unable to generate this chart" }),
+      /* @__PURE__ */ jsxs2("p", { className: "mb-4 text-sm text-gray-500", children: [
+        "Columns: ",
+        chart.xAxis,
+        ", ",
+        chart.yAxis
+      ] }),
+      onRegenerate && /* @__PURE__ */ jsxs2(
+        "button",
+        {
+          onClick: handleRegenerate,
+          disabled: isRegenerating,
+          className: "flex items-center gap-2 rounded-lg bg-violet-600 px-4 py-2 text-sm text-white transition-colors hover:bg-violet-500 disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx3(
+              RefreshCw2,
+              {
+                className: `h-4 w-4 ${isRegenerating ? "animate-spin" : ""}`
+              }
+            ),
+            isRegenerating ? "Regenerating..." : "Regenerate with AI"
+          ]
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs2("div", { children: [
+    /* @__PURE__ */ jsx3(
+      ChartToolbar,
+      {
+        chartType: chart.type,
+        sortOrder,
+        limitResults,
+        showBrush,
+        showTrendline,
+        isRegenerating,
+        hasRegenerate: !!onRegenerate,
+        onToggleSort: toggleSort,
+        onLimitChange: setLimitResults,
+        onToggleBrush: () => setShowBrush(!showBrush),
+        onToggleTrendline: () => setShowTrendline(!showTrendline),
+        onExportCSV: handleExportCSV,
+        onExportPNG: handleExportPNG,
+        onRegenerate: handleRegenerate
+      }
+    ),
+    /* @__PURE__ */ jsx3("div", { className: "h-[450px] w-full", ref: chartContainerRef, children: /* @__PURE__ */ jsx3(
+      ResponsiveContainer,
+      {
+        width: "100%",
+        height: "100%",
+        children: renderChartContent(
+          chart.type,
+          processedData,
+          xColName,
+          isMultiSeries ? "" : yColName,
+          showBrush,
+          showTrendline,
+          average
+        )
+      },
+      `chart-${chart.id}-${showBrush ? "brush" : "no-brush"}`
+    ) }),
+    /* @__PURE__ */ jsxs2("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsxs2("span", { className: "rounded bg-white/10 px-2 py-0.5 text-xs text-gray-400", children: [
+        "X: ",
+        chart.xAxis
+      ] }),
+      /* @__PURE__ */ jsxs2("span", { className: "rounded bg-white/10 px-2 py-0.5 text-xs text-gray-400", children: [
+        "Y: ",
+        chart.yAxis
+      ] }),
+      chart.groupBy && /* @__PURE__ */ jsxs2("span", { className: "rounded bg-cyan-500/20 px-2 py-0.5 text-xs text-cyan-300", children: [
+        "Group: ",
+        chart.groupBy
+      ] }),
+      chart.aggregation && chart.aggregation !== "none" && /* @__PURE__ */ jsx3("span", { className: "rounded bg-violet-500/20 px-2 py-0.5 text-xs text-violet-300", children: chart.aggregation }),
+      /* @__PURE__ */ jsxs2("span", { className: "rounded bg-white/10 px-2 py-0.5 text-xs text-gray-400", children: [
+        processedData.length,
+        " items"
+      ] }),
+      isMultiSeries && /* @__PURE__ */ jsxs2("span", { className: "rounded bg-emerald-500/20 px-2 py-0.5 text-xs text-emerald-300", children: [
+        seriesKeys.length,
+        " series"
+      ] })
+    ] })
+  ] });
+}
+
+// src/ChartDisplay.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function DefaultCard({
+  children,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx4("div", { className, children });
+}
+function ChartDisplay({
+  data,
+  charts,
+  onRegenerate,
+  cardWrapper: CardWrapper = DefaultCard,
+  theme = defaultDarkTheme
+}) {
+  if (charts.length === 0) return null;
+  return /* @__PURE__ */ jsx4(ChartThemeProvider, { theme, children: /* @__PURE__ */ jsx4("div", { className: "animate-fade-in space-y-6", children: charts.map((chart) => /* @__PURE__ */ jsx4(
+    CardWrapper,
+    {
+      title: chart.title,
+      className: "overflow-hidden rounded-2xl border border-white/10 bg-slate-900/50",
+      children: /* @__PURE__ */ jsxs3("div", { className: "p-6", children: [
+        /* @__PURE__ */ jsx4("h3", { className: "mb-2 bg-linear-to-r from-violet-400 to-fuchsia-400 bg-clip-text text-xl font-bold text-transparent", children: chart.title }),
+        /* @__PURE__ */ jsx4("p", { className: "mb-4 text-gray-400", children: chart.description }),
+        /* @__PURE__ */ jsx4(
+          SingleChart,
+          {
+            data,
+            chart,
+            onRegenerate
+          }
+        )
+      ] })
+    },
+    chart.id
+  )) }) });
+}
+
+// src/constants.ts
+var COLORS = [
+  "#8b5cf6",
+  // Violet 500
+  "#06b6d4",
+  // Cyan 500
+  "#f43f5e",
+  // Rose 500
+  "#eab308",
+  // Yellow 500
+  "#10b981",
+  // Emerald 500
+  "#3b82f6",
+  // Blue 500
+  "#d946ef",
+  // Fuchsia 500
+  "#f97316"
+  // Orange 500
+];
+export {
+  COLORS,
+  ChartDisplay,
+  ChartThemeProvider,
+  ChartToolbar,
+  SingleChart,
+  defaultDarkTheme,
+  defaultLightTheme,
+  processChartData,
+  processChartDataMultiSeries,
+  useChartTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/ThemeContext.tsx","../src/SingleChart.tsx","../src/processChartData.ts","../src/ChartToolbar.tsx","../src/ChartDisplay.tsx","../src/constants.ts"],"sourcesContent":["export type ChartType = \"bar\" | \"line\" | \"pie\" | \"scatter\" | \"area\";\nexport type AggregationType =\n  | \"sum\"\n  | \"avg\"\n  | \"count\"\n  | \"min\"\n  | \"max\"\n  | \"none\";\n\nexport interface TabularData {\n  headers: string[];\n  rows: string[][];\n  columns: {\n    name: string;\n    type: \"string\" | \"number\" | \"date\" | \"boolean\";\n    index: number;\n  }[];\n  rowCount: number;\n}\n\nexport interface ChartConfig {\n  id: string;\n  type: ChartType;\n  title: string;\n  description: string;\n  xAxis: string;\n  yAxis: string;\n  groupBy?: string;\n  aggregation: AggregationType;\n  dataConfig?: {\n    xColumn: string;\n    yColumn: string;\n    groupColumn?: string;\n  };\n}\n\nexport type SortOrder = \"none\" | \"asc\" | \"desc\";\nexport type ChartDataPoint = Record<string, string | number>;\n\n// Theme types\nexport interface ChartTheme {\n  colors: string[];\n  background: string;\n  cardBackground: string;\n  border: string;\n  text: string;\n  textMuted: string;\n  textDimmed: string;\n  gridStroke: string;\n  tooltipBackground: string;\n  tooltipBorder: string;\n  accentPrimary: string;\n  accentSecondary: string;\n  accentSuccess: string;\n  accentDanger: string;\n}\n\nexport const defaultDarkTheme: ChartTheme = {\n  colors: [\n    \"#8b5cf6\",\n    \"#06b6d4\",\n    \"#f43f5e\",\n    \"#eab308\",\n    \"#10b981\",\n    \"#3b82f6\",\n    \"#d946ef\",\n    \"#f97316\",\n  ],\n  background: \"rgba(15, 23, 42, 0.5)\",\n  cardBackground: \"rgba(255, 255, 255, 0.05)\",\n  border: \"rgba(255, 255, 255, 0.1)\",\n  text: \"#ffffff\",\n  textMuted: \"#9ca3af\",\n  textDimmed: \"#6b7280\",\n  gridStroke: \"#374151\",\n  tooltipBackground: \"#1f2937\",\n  tooltipBorder: \"1px solid #374151\",\n  accentPrimary: \"#8b5cf6\",\n  accentSecondary: \"#06b6d4\",\n  accentSuccess: \"#10b981\",\n  accentDanger: \"#ef4444\",\n};\n\nexport const defaultLightTheme: ChartTheme = {\n  colors: [\n    \"#7c3aed\",\n    \"#0891b2\",\n    \"#e11d48\",\n    \"#ca8a04\",\n    \"#059669\",\n    \"#2563eb\",\n    \"#c026d3\",\n    \"#ea580c\",\n  ],\n  background: \"#ffffff\",\n  cardBackground: \"#f8fafc\",\n  border: \"#e2e8f0\",\n  text: \"#0f172a\",\n  textMuted: \"#64748b\",\n  textDimmed: \"#94a3b8\",\n  gridStroke: \"#e2e8f0\",\n  tooltipBackground: \"#ffffff\",\n  tooltipBorder: \"1px solid #e2e8f0\",\n  accentPrimary: \"#7c3aed\",\n  accentSecondary: \"#0891b2\",\n  accentSuccess: \"#059669\",\n  accentDanger: \"#dc2626\",\n};\n","import { createContext, useContext } from \"react\";\nimport { type ChartTheme, defaultDarkTheme } from \"./types\";\n\nconst ChartThemeContext = createContext<ChartTheme>(defaultDarkTheme);\n\nexport function ChartThemeProvider({\n  theme,\n  children,\n}: {\n  theme: ChartTheme;\n  children: React.ReactNode;\n}) {\n  return (\n    <ChartThemeContext.Provider value={theme}>\n      {children}\n    </ChartThemeContext.Provider>\n  );\n}\n\nexport function useChartTheme(): ChartTheme {\n  return useContext(ChartThemeContext);\n}\n","import { useState, useMemo, useCallback, useRef } from \"react\";\nimport {\n  BarChart,\n  Bar,\n  LineChart,\n  Line,\n  PieChart,\n  Pie,\n  ScatterChart,\n  Scatter,\n  AreaChart,\n  Area,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  Legend,\n  ResponsiveContainer,\n  Cell,\n  Brush,\n  ReferenceLine,\n} from \"recharts\";\nimport { RefreshCw } from \"lucide-react\";\nimport type {\n  TabularData,\n  ChartConfig,\n  ChartType,\n  SortOrder,\n  ChartDataPoint,\n} from \"./types\";\nimport { useChartTheme } from \"./ThemeContext\";\nimport { processChartDataMultiSeries } from \"./processChartData\";\nimport { ChartToolbar } from \"./ChartToolbar\";\n\nexport interface SingleChartProps {\n  data: TabularData;\n  chart: ChartConfig;\n  onRegenerate?: (chart: ChartConfig) => Promise<void>;\n}\n\nexport function SingleChart({ data, chart, onRegenerate }: SingleChartProps) {\n  const theme = useChartTheme();\n  const chartContainerRef = useRef<HTMLDivElement>(null);\n  const [isRegenerating, setIsRegenerating] = useState(false);\n  const [sortOrder, setSortOrder] = useState<SortOrder>(\"none\");\n  const [showBrush, setShowBrush] = useState(false);\n  const [showTrendline, setShowTrendline] = useState(false);\n  const [limitResults, setLimitResults] = useState<number>(20);\n\n  const processed = useMemo(\n    () => processChartDataMultiSeries(data, chart, sortOrder, limitResults),\n    [data, chart, sortOrder, limitResults],\n  );\n\n  const { data: processedData, seriesKeys } = processed;\n  const isMultiSeries = seriesKeys.length > 0;\n\n  // Find actual column names from data\n  const xColName =\n    data.columns.find(\n      (col) =>\n        col.name === chart.xAxis ||\n        col.name.toLowerCase() === chart.xAxis.toLowerCase(),\n    )?.name ?? chart.xAxis;\n\n  const yColName =\n    data.columns.find(\n      (col) =>\n        col.name === chart.yAxis ||\n        col.name.toLowerCase() === chart.yAxis.toLowerCase(),\n    )?.name ?? chart.yAxis;\n\n  // Calculate average for trend line\n  const average = useMemo(() => {\n    if (processedData.length === 0 || isMultiSeries) return 0;\n    const sum = processedData.reduce((acc, item) => {\n      const val = item[yColName];\n      return acc + (typeof val === \"number\" ? val : 0);\n    }, 0);\n    return sum / processedData.length;\n  }, [processedData, yColName, isMultiSeries]);\n\n  const handleRegenerate = async () => {\n    if (!onRegenerate) return;\n    setIsRegenerating(true);\n    try {\n      await onRegenerate(chart);\n    } finally {\n      setIsRegenerating(false);\n    }\n  };\n\n  const handleExportCSV = useCallback(() => {\n    if (processedData.length === 0) return;\n\n    const headers = Object.keys(processedData[0] ?? {}).join(\",\");\n    const rows = processedData\n      .map((row) =>\n        Object.values(row)\n          .map((v) => `\"${String(v)}\"`)\n          .join(\",\"),\n      )\n      .join(\"\\n\");\n\n    const csv = `${headers}\\n${rows}`;\n    const blob = new Blob([csv], { type: \"text/csv\" });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.download = `${chart.title.replace(/\\s+/g, \"_\")}.csv`;\n    a.click();\n    URL.revokeObjectURL(url);\n  }, [processedData, chart.title]);\n\n  const handleExportPNG = useCallback(() => {\n    const container = chartContainerRef.current;\n    if (!container) return;\n\n    const svgElement = container.querySelector(\"svg\");\n    if (!svgElement) return;\n\n    const svgClone = svgElement.cloneNode(true) as SVGSVGElement;\n    svgClone.setAttribute(\n      \"xmlns\",\n      \"http://www.w3.org/2000/svg\",\n    );\n    // Ensure dimensions\n    const rect = svgElement.getBoundingClientRect();\n    svgClone.setAttribute(\"width\", String(rect.width));\n    svgClone.setAttribute(\"height\", String(rect.height));\n\n    const svgString = new XMLSerializer().serializeToString(svgClone);\n    const svgBlob = new Blob([svgString], {\n      type: \"image/svg+xml;charset=utf-8\",\n    });\n    const url = URL.createObjectURL(svgBlob);\n\n    const img = new Image();\n    img.onload = () => {\n      const canvas = document.createElement(\"canvas\");\n      const scale = 2; // retina\n      canvas.width = rect.width * scale;\n      canvas.height = rect.height * scale;\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) return;\n      ctx.scale(scale, scale);\n      ctx.fillStyle = theme.tooltipBackground;\n      ctx.fillRect(0, 0, rect.width, rect.height);\n      ctx.drawImage(img, 0, 0, rect.width, rect.height);\n\n      canvas.toBlob((blob) => {\n        if (!blob) return;\n        const pngUrl = URL.createObjectURL(blob);\n        const a = document.createElement(\"a\");\n        a.href = pngUrl;\n        a.download = `${chart.title.replace(/\\s+/g, \"_\")}.png`;\n        a.click();\n        URL.revokeObjectURL(pngUrl);\n      }, \"image/png\");\n\n      URL.revokeObjectURL(url);\n    };\n    img.src = url;\n  }, [chart.title, theme.tooltipBackground]);\n\n  const toggleSort = () => {\n    setSortOrder((prev) => {\n      if (prev === \"none\") return \"desc\";\n      if (prev === \"desc\") return \"asc\";\n      return \"none\";\n    });\n  };\n\n  // Render chart content helper\n  const renderChartContent = (\n    type: ChartType,\n    chartData: ChartDataPoint[],\n    xKey: string,\n    yKey: string,\n    enableBrush?: boolean,\n    enableTrendline?: boolean,\n    avgValue?: number,\n  ) => {\n    const commonProps = {\n      data: chartData,\n      margin: { top: 20, right: 30, left: 20, bottom: 50 },\n    };\n\n    const tooltipStyle = {\n      backgroundColor: theme.tooltipBackground,\n      border: theme.tooltipBorder,\n      borderRadius: \"8px\",\n    };\n\n    const brushComponent = enableBrush ? (\n      <Brush\n        dataKey={xKey}\n        height={30}\n        stroke={theme.accentPrimary}\n        fill=\"#1e1b4b\"\n      />\n    ) : null;\n\n    const trendlineComponent =\n      enableTrendline && avgValue && !isMultiSeries ? (\n        <ReferenceLine\n          y={avgValue}\n          stroke={theme.accentSuccess}\n          strokeDasharray=\"5 5\"\n          label={{\n            value: `Avg: ${avgValue.toFixed(2)}`,\n            fill: theme.accentSuccess,\n            fontSize: 12,\n          }}\n        />\n      ) : null;\n\n    const xAxisProps = {\n      dataKey: xKey,\n      stroke: theme.textMuted,\n      fontSize: 11,\n      angle: -45,\n      textAnchor: \"end\" as const,\n      height: 80,\n      interval: 0 as const,\n      tick: { fill: theme.textMuted },\n    };\n\n    const yAxisProps = {\n      stroke: theme.textMuted,\n      fontSize: 12,\n      tick: { fill: theme.textMuted },\n    };\n\n    // Multi-series rendering\n    if (isMultiSeries && type !== \"pie\" && type !== \"scatter\") {\n      switch (type) {\n        case \"bar\":\n          return (\n            <BarChart {...commonProps}>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke={theme.gridStroke} />\n              <XAxis {...xAxisProps} />\n              <YAxis {...yAxisProps} />\n              <Tooltip contentStyle={tooltipStyle} />\n              <Legend />\n              {seriesKeys.map((key, i) => (\n                <Bar\n                  key={key}\n                  dataKey={key}\n                  fill={theme.colors[i % theme.colors.length]}\n                  stackId=\"stack\"\n                  radius={\n                    i === seriesKeys.length - 1 ? [4, 4, 0, 0] : undefined\n                  }\n                />\n              ))}\n              {brushComponent}\n            </BarChart>\n          );\n        case \"line\":\n          return (\n            <LineChart {...commonProps}>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke={theme.gridStroke} />\n              <XAxis {...xAxisProps} />\n              <YAxis {...yAxisProps} />\n              <Tooltip contentStyle={tooltipStyle} />\n              <Legend />\n              {seriesKeys.map((key, i) => (\n                <Line\n                  key={key}\n                  type=\"monotone\"\n                  dataKey={key}\n                  stroke={theme.colors[i % theme.colors.length]}\n                  strokeWidth={2}\n                  dot={{ fill: theme.colors[i % theme.colors.length] }}\n                />\n              ))}\n              {brushComponent}\n            </LineChart>\n          );\n        case \"area\":\n          return (\n            <AreaChart {...commonProps}>\n              <defs>\n                {seriesKeys.map((key, i) => (\n                  <linearGradient\n                    key={key}\n                    id={`grad-${chart.id}-${i}`}\n                    x1=\"0\"\n                    y1=\"0\"\n                    x2=\"0\"\n                    y2=\"1\"\n                  >\n                    <stop\n                      offset=\"5%\"\n                      stopColor={theme.colors[i % theme.colors.length]}\n                      stopOpacity={0.6}\n                    />\n                    <stop\n                      offset=\"95%\"\n                      stopColor={theme.colors[i % theme.colors.length]}\n                      stopOpacity={0}\n                    />\n                  </linearGradient>\n                ))}\n              </defs>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke={theme.gridStroke} />\n              <XAxis {...xAxisProps} />\n              <YAxis {...yAxisProps} />\n              <Tooltip contentStyle={tooltipStyle} />\n              <Legend />\n              {seriesKeys.map((key, i) => (\n                <Area\n                  key={key}\n                  type=\"monotone\"\n                  dataKey={key}\n                  stroke={theme.colors[i % theme.colors.length]}\n                  fillOpacity={1}\n                  fill={`url(#grad-${chart.id}-${i})`}\n                  stackId=\"stack\"\n                />\n              ))}\n              {brushComponent}\n            </AreaChart>\n          );\n        default:\n          return null;\n      }\n    }\n\n    // Single-series rendering\n    switch (type) {\n      case \"bar\":\n        return (\n          <BarChart {...commonProps}>\n            <CartesianGrid strokeDasharray=\"3 3\" stroke={theme.gridStroke} />\n            <XAxis {...xAxisProps} />\n            <YAxis {...yAxisProps} />\n            <Tooltip contentStyle={tooltipStyle} />\n            <Legend />\n            {trendlineComponent}\n            <Bar dataKey={yKey} fill={theme.accentPrimary} radius={[4, 4, 0, 0]}>\n              {chartData.map((_, index) => (\n                <Cell\n                  key={`cell-${index}`}\n                  fill={theme.colors[index % theme.colors.length]}\n                />\n              ))}\n            </Bar>\n            {brushComponent}\n          </BarChart>\n        );\n\n      case \"line\":\n        return (\n          <LineChart {...commonProps}>\n            <CartesianGrid strokeDasharray=\"3 3\" stroke={theme.gridStroke} />\n            <XAxis {...xAxisProps} />\n            <YAxis {...yAxisProps} />\n            <Tooltip contentStyle={tooltipStyle} />\n            <Legend />\n            {trendlineComponent}\n            <Line\n              type=\"monotone\"\n              dataKey={yKey}\n              stroke={theme.accentPrimary}\n              strokeWidth={3}\n              dot={{ fill: theme.accentPrimary }}\n              activeDot={{ r: 8 }}\n            />\n            {brushComponent}\n          </LineChart>\n        );\n\n      case \"area\": {\n        const gradientId = `colorY-${chart.id}`;\n        return (\n          <AreaChart {...commonProps}>\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor={theme.accentPrimary}\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor={theme.accentPrimary}\n                  stopOpacity={0}\n                />\n              </linearGradient>\n            </defs>\n            <CartesianGrid strokeDasharray=\"3 3\" stroke={theme.gridStroke} />\n            <XAxis {...xAxisProps} />\n            <YAxis {...yAxisProps} />\n            <Tooltip contentStyle={tooltipStyle} />\n            <Legend />\n            {trendlineComponent}\n            <Area\n              type=\"monotone\"\n              dataKey={yKey}\n              stroke={theme.accentPrimary}\n              fillOpacity={1}\n              fill={`url(#${gradientId})`}\n            />\n            {brushComponent}\n          </AreaChart>\n        );\n      }\n\n      case \"scatter\":\n        return (\n          <ScatterChart {...commonProps}>\n            <CartesianGrid strokeDasharray=\"3 3\" stroke={theme.gridStroke} />\n            <XAxis\n              type=\"category\"\n              {...xAxisProps}\n            />\n            <YAxis\n              type=\"number\"\n              dataKey={yKey}\n              {...yAxisProps}\n            />\n            <Tooltip\n              cursor={{ strokeDasharray: \"3 3\" }}\n              contentStyle={tooltipStyle}\n            />\n            <Legend />\n            <Scatter name={yKey} data={chartData} fill={theme.accentPrimary} />\n          </ScatterChart>\n        );\n\n      case \"pie\":\n        return (\n          <PieChart>\n            <Pie\n              data={chartData}\n              innerRadius={60}\n              outerRadius={100}\n              paddingAngle={5}\n              dataKey={yKey}\n              nameKey={xKey}\n              label={({ name, percent }) =>\n                `${name}: ${((percent ?? 0) * 100).toFixed(0)}%`\n              }\n              labelLine={{ stroke: theme.textMuted }}\n            >\n              {chartData.map((_, index) => (\n                <Cell\n                  key={`cell-${index}`}\n                  fill={theme.colors[index % theme.colors.length]}\n                />\n              ))}\n            </Pie>\n            <Tooltip contentStyle={tooltipStyle} />\n            <Legend />\n          </PieChart>\n        );\n\n      default:\n        return null;\n    }\n  };\n\n  if (processedData.length === 0) {\n    return (\n      <div className=\"flex h-[300px] flex-col items-center justify-center gap-4 text-gray-400\">\n        <div className=\"text-center\">\n          <p className=\"mb-1 font-medium text-red-400\">\n            Unable to generate this chart\n          </p>\n          <p className=\"mb-4 text-sm text-gray-500\">\n            Columns: {chart.xAxis}, {chart.yAxis}\n          </p>\n          {onRegenerate && (\n            <button\n              onClick={handleRegenerate}\n              disabled={isRegenerating}\n              className=\"flex items-center gap-2 rounded-lg bg-violet-600 px-4 py-2 text-sm text-white transition-colors hover:bg-violet-500 disabled:opacity-50\"\n            >\n              <RefreshCw\n                className={`h-4 w-4 ${isRegenerating ? \"animate-spin\" : \"\"}`}\n              />\n              {isRegenerating ? \"Regenerating...\" : \"Regenerate with AI\"}\n            </button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <ChartToolbar\n        chartType={chart.type}\n        sortOrder={sortOrder}\n        limitResults={limitResults}\n        showBrush={showBrush}\n        showTrendline={showTrendline}\n        isRegenerating={isRegenerating}\n        hasRegenerate={!!onRegenerate}\n        onToggleSort={toggleSort}\n        onLimitChange={setLimitResults}\n        onToggleBrush={() => setShowBrush(!showBrush)}\n        onToggleTrendline={() => setShowTrendline(!showTrendline)}\n        onExportCSV={handleExportCSV}\n        onExportPNG={handleExportPNG}\n        onRegenerate={handleRegenerate}\n      />\n\n      {/* Chart */}\n      <div className=\"h-[450px] w-full\" ref={chartContainerRef}>\n        <ResponsiveContainer\n          key={`chart-${chart.id}-${showBrush ? \"brush\" : \"no-brush\"}`}\n          width=\"100%\"\n          height=\"100%\"\n        >\n          {renderChartContent(\n            chart.type,\n            processedData,\n            xColName,\n            isMultiSeries ? \"\" : yColName,\n            showBrush,\n            showTrendline,\n            average,\n          )}\n        </ResponsiveContainer>\n      </div>\n\n      {/* Metadata Tags */}\n      <div className=\"mt-4 flex flex-wrap gap-2\">\n        <span className=\"rounded bg-white/10 px-2 py-0.5 text-xs text-gray-400\">\n          X: {chart.xAxis}\n        </span>\n        <span className=\"rounded bg-white/10 px-2 py-0.5 text-xs text-gray-400\">\n          Y: {chart.yAxis}\n        </span>\n        {chart.groupBy && (\n          <span className=\"rounded bg-cyan-500/20 px-2 py-0.5 text-xs text-cyan-300\">\n            Group: {chart.groupBy}\n          </span>\n        )}\n        {chart.aggregation && chart.aggregation !== \"none\" && (\n          <span className=\"rounded bg-violet-500/20 px-2 py-0.5 text-xs text-violet-300\">\n            {chart.aggregation}\n          </span>\n        )}\n        <span className=\"rounded bg-white/10 px-2 py-0.5 text-xs text-gray-400\">\n          {processedData.length} items\n        </span>\n        {isMultiSeries && (\n          <span className=\"rounded bg-emerald-500/20 px-2 py-0.5 text-xs text-emerald-300\">\n            {seriesKeys.length} series\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n","import type {\n  TabularData,\n  ChartConfig,\n  SortOrder,\n  ChartDataPoint,\n} from \"./types\";\n\nexport interface ProcessedChartResult {\n  data: ChartDataPoint[];\n  seriesKeys: string[];\n  yKey: string;\n}\n\nexport const processChartData = (\n  data: TabularData,\n  chart: ChartConfig,\n  sortOrder: SortOrder = \"none\",\n  limit = 20,\n): ChartDataPoint[] => {\n  const result = processChartDataMultiSeries(data, chart, sortOrder, limit);\n  return result.data;\n};\n\nexport const processChartDataMultiSeries = (\n  data: TabularData,\n  chart: ChartConfig,\n  sortOrder: SortOrder = \"none\",\n  limit = 20,\n): ProcessedChartResult => {\n  let result: ChartDataPoint[] = [];\n\n  // Find actual columns (case-insensitive match)\n  const xColDef = data.columns.find(\n    (c) => c.name.toLowerCase() === chart.xAxis.toLowerCase(),\n  );\n  const yColDef = data.columns.find(\n    (c) => c.name.toLowerCase() === chart.yAxis.toLowerCase(),\n  );\n  const groupColDef = chart.groupBy\n    ? data.columns.find(\n        (c) => c.name.toLowerCase() === chart.groupBy!.toLowerCase(),\n      )\n    : undefined;\n\n  if (!xColDef) return { data: [], seriesKeys: [], yKey: chart.yAxis };\n\n  const xCol = xColDef.name;\n  const xIdx = xColDef.index;\n\n  // For count aggregation, we don't need a valid Y column - we just count occurrences\n  const isCountMode = chart.aggregation === \"count\";\n  const yCol = yColDef?.name ?? \"count\";\n  const yIdx = yColDef?.index ?? -1;\n\n  // GroupBy mode: create multi-series data (not supported for pie/scatter)\n  const supportsGroupBy =\n    chart.type !== \"pie\" && chart.type !== \"scatter\";\n  if (\n    supportsGroupBy &&\n    groupColDef &&\n    chart.aggregation &&\n    chart.aggregation !== \"none\"\n  ) {\n    const groupIdx = groupColDef.index;\n    const allGroups = new Set<string>();\n\n    // Nested grouping: xVal -> groupVal -> stats\n    const grouped = new Map<\n      string,\n      Map<string, { sum: number; count: number; min: number; max: number }>\n    >();\n\n    data.rows.forEach((row) => {\n      const xVal = String(row[xIdx] ?? \"\").trim();\n      const groupVal = String(row[groupIdx] ?? \"\").trim();\n      if (!xVal || !groupVal) return;\n\n      allGroups.add(groupVal);\n\n      if (!grouped.has(xVal)) grouped.set(xVal, new Map());\n      const xGroup = grouped.get(xVal)!;\n\n      if (isCountMode) {\n        const current = xGroup.get(groupVal) ?? {\n          sum: 0,\n          count: 0,\n          min: 0,\n          max: 0,\n        };\n        xGroup.set(groupVal, { ...current, count: current.count + 1 });\n      } else if (yIdx >= 0) {\n        const yVal = parseFloat(String(row[yIdx] ?? \"0\"));\n        if (!isNaN(yVal)) {\n          const current = xGroup.get(groupVal) ?? {\n            sum: 0,\n            count: 0,\n            min: Infinity,\n            max: -Infinity,\n          };\n          xGroup.set(groupVal, {\n            sum: current.sum + yVal,\n            count: current.count + 1,\n            min: Math.min(current.min, yVal),\n            max: Math.max(current.max, yVal),\n          });\n        }\n      }\n    });\n\n    const seriesKeys = Array.from(allGroups).slice(0, 8); // max 8 series\n\n    grouped.forEach((groupMap, xKey) => {\n      const point: ChartDataPoint = { [xCol]: xKey };\n      seriesKeys.forEach((groupKey) => {\n        const stats = groupMap.get(groupKey);\n        if (stats) {\n          let value: number;\n          switch (chart.aggregation) {\n            case \"sum\":\n              value = stats.sum;\n              break;\n            case \"avg\":\n              value = stats.count > 0 ? stats.sum / stats.count : 0;\n              break;\n            case \"count\":\n              value = stats.count;\n              break;\n            case \"min\":\n              value = stats.min === Infinity ? 0 : stats.min;\n              break;\n            case \"max\":\n              value = stats.max === -Infinity ? 0 : stats.max;\n              break;\n            default:\n              value = stats.sum;\n          }\n          point[groupKey] = Math.round(value * 100) / 100;\n        } else {\n          point[groupKey] = 0;\n        }\n      });\n      result.push(point);\n    });\n\n    // Sort by first series value or alphabetically\n    if (sortOrder !== \"none\" && seriesKeys[0]) {\n      const firstKey = seriesKeys[0];\n      result.sort((a, b) => {\n        const aVal = (a[firstKey] as number) ?? 0;\n        const bVal = (b[firstKey] as number) ?? 0;\n        return sortOrder === \"desc\" ? bVal - aVal : aVal - bVal;\n      });\n    }\n\n    return {\n      data: result.slice(0, limit),\n      seriesKeys,\n      yKey: yCol,\n    };\n  }\n\n  // Standard single-series mode (existing logic)\n  if (chart.aggregation && chart.aggregation !== \"none\") {\n    const groups = new Map<\n      string,\n      { sum: number; count: number; min: number; max: number }\n    >();\n\n    data.rows.forEach((row) => {\n      const xVal = String(row[xIdx] ?? \"\").trim();\n      if (!xVal) return;\n\n      if (isCountMode) {\n        const current = groups.get(xVal) ?? {\n          sum: 0,\n          count: 0,\n          min: 0,\n          max: 0,\n        };\n        groups.set(xVal, {\n          ...current,\n          count: current.count + 1,\n        });\n      } else if (yIdx >= 0) {\n        const yVal = parseFloat(String(row[yIdx] ?? \"0\"));\n        if (!isNaN(yVal)) {\n          const current = groups.get(xVal) ?? {\n            sum: 0,\n            count: 0,\n            min: Infinity,\n            max: -Infinity,\n          };\n          groups.set(xVal, {\n            sum: current.sum + yVal,\n            count: current.count + 1,\n            min: Math.min(current.min, yVal),\n            max: Math.max(current.max, yVal),\n          });\n        }\n      }\n    });\n\n    groups.forEach((stats, key) => {\n      let value: number;\n      switch (chart.aggregation) {\n        case \"sum\":\n          value = stats.sum;\n          break;\n        case \"avg\":\n          value = stats.count > 0 ? stats.sum / stats.count : 0;\n          break;\n        case \"count\":\n          value = stats.count;\n          break;\n        case \"min\":\n          value = stats.min === Infinity ? 0 : stats.min;\n          break;\n        case \"max\":\n          value = stats.max === -Infinity ? 0 : stats.max;\n          break;\n        default:\n          value = stats.sum;\n      }\n      result.push({ [xCol]: key, [yCol]: Math.round(value * 100) / 100 });\n    });\n  } else if (yIdx >= 0) {\n    result = data.rows\n      .slice(0, Math.min(limit * 2, data.rows.length))\n      .map((row) => ({\n        [xCol]: row[xIdx] ?? \"\",\n        [yCol]: parseFloat(String(row[yIdx] ?? \"0\")),\n      }))\n      .filter((item) => !isNaN(item[yCol] as number));\n  }\n\n  // Apply sorting\n  if (sortOrder !== \"none\") {\n    result.sort((a, b) => {\n      const aVal = a[yCol] as number;\n      const bVal = b[yCol] as number;\n      return sortOrder === \"desc\" ? bVal - aVal : aVal - bVal;\n    });\n  }\n\n  return {\n    data: result.slice(0, limit),\n    seriesKeys: [],\n    yKey: yCol,\n  };\n};\n","import {\n  RefreshCw,\n  Download,\n  SortAsc,\n  SortDesc,\n  RotateCcw,\n  TrendingUp,\n  Filter,\n  Image,\n} from \"lucide-react\";\nimport type { ChartType, SortOrder } from \"./types\";\n\ninterface ChartToolbarProps {\n  chartType: ChartType;\n  sortOrder: SortOrder;\n  limitResults: number;\n  showBrush: boolean;\n  showTrendline: boolean;\n  isRegenerating: boolean;\n  hasRegenerate: boolean;\n  onToggleSort: () => void;\n  onLimitChange: (limit: number) => void;\n  onToggleBrush: () => void;\n  onToggleTrendline: () => void;\n  onExportCSV: () => void;\n  onExportPNG: () => void;\n  onRegenerate: () => void;\n}\n\nexport function ChartToolbar({\n  chartType,\n  sortOrder,\n  limitResults,\n  showBrush,\n  showTrendline,\n  isRegenerating,\n  hasRegenerate,\n  onToggleSort,\n  onLimitChange,\n  onToggleBrush,\n  onToggleTrendline,\n  onExportCSV,\n  onExportPNG,\n  onRegenerate,\n}: ChartToolbarProps) {\n  const supportsBrush =\n    chartType === \"line\" || chartType === \"area\" || chartType === \"bar\";\n  const supportsTrendline =\n    chartType === \"bar\" || chartType === \"line\" || chartType === \"area\";\n\n  return (\n    <div className=\"mb-4 flex flex-wrap items-center gap-2 rounded-xl border border-white/10 bg-white/5 p-3\">\n      {/* Sort Control */}\n      <button\n        onClick={onToggleSort}\n        className={`flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm transition-colors ${\n          sortOrder !== \"none\"\n            ? \"border border-violet-500/30 bg-violet-500/20 text-violet-400\"\n            : \"bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white\"\n        }`}\n        title=\"Sort by value\"\n      >\n        {sortOrder === \"asc\" ? (\n          <SortAsc className=\"h-4 w-4\" />\n        ) : sortOrder === \"desc\" ? (\n          <SortDesc className=\"h-4 w-4\" />\n        ) : (\n          <SortDesc className=\"h-4 w-4 opacity-50\" />\n        )}\n        Sort\n      </button>\n\n      {/* Limit Results */}\n      <div className=\"flex items-center gap-2\">\n        <Filter className=\"h-4 w-4 text-gray-400\" />\n        <select\n          value={limitResults}\n          onChange={(e) => onLimitChange(Number(e.target.value))}\n          className=\"rounded-lg border border-white/10 bg-white/5 px-2 py-1.5 text-sm text-gray-300 focus:border-violet-500/50 focus:outline-none\"\n        >\n          <option value={10}>Top 10</option>\n          <option value={20}>Top 20</option>\n          <option value={50}>Top 50</option>\n          <option value={100}>Top 100</option>\n          <option value={999999}>All</option>\n        </select>\n      </div>\n\n      {/* Brush/Zoom Toggle */}\n      {supportsBrush && (\n        <button\n          onClick={onToggleBrush}\n          className={`flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm transition-colors ${\n            showBrush\n              ? \"border border-cyan-500/30 bg-cyan-500/20 text-cyan-400\"\n              : \"bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white\"\n          }`}\n          title=\"Enable zoom/brush\"\n        >\n          <RotateCcw className=\"h-4 w-4\" />\n          Zoom\n        </button>\n      )}\n\n      {/* Trend Line Toggle */}\n      {supportsTrendline && (\n        <button\n          onClick={onToggleTrendline}\n          className={`flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm transition-colors ${\n            showTrendline\n              ? \"border border-emerald-500/30 bg-emerald-500/20 text-emerald-400\"\n              : \"bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white\"\n          }`}\n          title=\"Show average line\"\n        >\n          <TrendingUp className=\"h-4 w-4\" />\n          Average\n        </button>\n      )}\n\n      <div className=\"flex-1\" />\n\n      {/* Export PNG Button */}\n      <button\n        onClick={onExportPNG}\n        className=\"flex items-center gap-1.5 rounded-lg bg-white/5 px-3 py-1.5 text-sm text-gray-400 transition-colors hover:bg-white/10 hover:text-white\"\n        title=\"Export chart as PNG image\"\n      >\n        <Image className=\"h-4 w-4\" />\n        PNG\n      </button>\n\n      {/* Export CSV Button */}\n      <button\n        onClick={onExportCSV}\n        className=\"flex items-center gap-1.5 rounded-lg bg-white/5 px-3 py-1.5 text-sm text-gray-400 transition-colors hover:bg-white/10 hover:text-white\"\n        title=\"Export chart data as CSV\"\n      >\n        <Download className=\"h-4 w-4\" />\n        CSV\n      </button>\n\n      {/* Regenerate Button */}\n      {hasRegenerate && (\n        <button\n          onClick={onRegenerate}\n          disabled={isRegenerating}\n          className=\"flex items-center gap-1.5 rounded-lg bg-violet-500/20 px-3 py-1.5 text-sm text-violet-400 transition-colors hover:bg-violet-500/30 disabled:opacity-50\"\n        >\n          <RefreshCw\n            className={`h-4 w-4 ${isRegenerating ? \"animate-spin\" : \"\"}`}\n          />\n          {isRegenerating ? \"...\" : \"Regenerate\"}\n        </button>\n      )}\n    </div>\n  );\n}\n","import type { TabularData, ChartConfig, ChartTheme } from \"./types\";\nimport { defaultDarkTheme } from \"./types\";\nimport { ChartThemeProvider } from \"./ThemeContext\";\nimport { SingleChart } from \"./SingleChart\";\n\nexport interface ChartDisplayProps {\n  data: TabularData;\n  charts: ChartConfig[];\n  onRegenerate?: (chart: ChartConfig) => Promise<void>;\n  /** Optional wrapper component for each chart card */\n  cardWrapper?: React.ComponentType<{\n    children: React.ReactNode;\n    title?: string;\n    className?: string;\n  }>;\n  /** Optional theme override */\n  theme?: ChartTheme;\n}\n\nfunction DefaultCard({\n  children,\n  className = \"\",\n}: {\n  children: React.ReactNode;\n  title?: string;\n  className?: string;\n}) {\n  return <div className={className}>{children}</div>;\n}\n\nexport function ChartDisplay({\n  data,\n  charts,\n  onRegenerate,\n  cardWrapper: CardWrapper = DefaultCard,\n  theme = defaultDarkTheme,\n}: ChartDisplayProps) {\n  if (charts.length === 0) return null;\n\n  return (\n    <ChartThemeProvider theme={theme}>\n      <div className=\"animate-fade-in space-y-6\">\n        {charts.map((chart) => (\n          <CardWrapper\n            key={chart.id}\n            title={chart.title}\n            className=\"overflow-hidden rounded-2xl border border-white/10 bg-slate-900/50\"\n          >\n            <div className=\"p-6\">\n              <h3 className=\"mb-2 bg-linear-to-r from-violet-400 to-fuchsia-400 bg-clip-text text-xl font-bold text-transparent\">\n                {chart.title}\n              </h3>\n              <p className=\"mb-4 text-gray-400\">{chart.description}</p>\n              <SingleChart\n                data={data}\n                chart={chart}\n                onRegenerate={onRegenerate}\n              />\n            </div>\n          </CardWrapper>\n        ))}\n      </div>\n    </ChartThemeProvider>\n  );\n}\n","// Re-export from defaultDarkTheme for backwards compatibility\nexport { defaultDarkTheme as COLORS_THEME } from \"./types\";\n\nexport const COLORS = [\n  \"#8b5cf6\", // Violet 500\n  \"#06b6d4\", // Cyan 500\n  \"#f43f5e\", // Rose 500\n  \"#eab308\", // Yellow 500\n  \"#10b981\", // Emerald 500\n  \"#3b82f6\", // Blue 500\n  \"#d946ef\", // Fuchsia 500\n  \"#f97316\", // Orange 500\n];\n"],"mappings":";AAyDO,IAAM,mBAA+B;AAAA,EAC1C,QAAQ;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAChB;AAEO,IAAM,oBAAgC;AAAA,EAC3C,QAAQ;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAChB;;;AC3GA,SAAS,eAAe,kBAAkB;AAatC;AAVJ,IAAM,oBAAoB,cAA0B,gBAAgB;AAE7D,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,OAChC,UACH;AAEJ;AAEO,SAAS,gBAA4B;AAC1C,SAAO,WAAW,iBAAiB;AACrC;;;ACrBA,SAAS,UAAU,SAAS,aAAa,cAAc;AACvD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAAA,kBAAiB;;;ACTnB,IAAM,mBAAmB,CAC9B,MACA,OACA,YAAuB,QACvB,QAAQ,OACa;AACrB,QAAM,SAAS,4BAA4B,MAAM,OAAO,WAAW,KAAK;AACxE,SAAO,OAAO;AAChB;AAEO,IAAM,8BAA8B,CACzC,MACA,OACA,YAAuB,QACvB,QAAQ,OACiB;AACzB,MAAI,SAA2B,CAAC;AAGhC,QAAM,UAAU,KAAK,QAAQ;AAAA,IAC3B,CAAC,MAAM,EAAE,KAAK,YAAY,MAAM,MAAM,MAAM,YAAY;AAAA,EAC1D;AACA,QAAM,UAAU,KAAK,QAAQ;AAAA,IAC3B,CAAC,MAAM,EAAE,KAAK,YAAY,MAAM,MAAM,MAAM,YAAY;AAAA,EAC1D;AACA,QAAM,cAAc,MAAM,UACtB,KAAK,QAAQ;AAAA,IACX,CAAC,MAAM,EAAE,KAAK,YAAY,MAAM,MAAM,QAAS,YAAY;AAAA,EAC7D,IACA;AAEJ,MAAI,CAAC,QAAS,QAAO,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,MAAM,MAAM,MAAM;AAEnE,QAAM,OAAO,QAAQ;AACrB,QAAM,OAAO,QAAQ;AAGrB,QAAM,cAAc,MAAM,gBAAgB;AAC1C,QAAM,OAAO,SAAS,QAAQ;AAC9B,QAAM,OAAO,SAAS,SAAS;AAG/B,QAAM,kBACJ,MAAM,SAAS,SAAS,MAAM,SAAS;AACzC,MACE,mBACA,eACA,MAAM,eACN,MAAM,gBAAgB,QACtB;AACA,UAAM,WAAW,YAAY;AAC7B,UAAM,YAAY,oBAAI,IAAY;AAGlC,UAAM,UAAU,oBAAI,IAGlB;AAEF,SAAK,KAAK,QAAQ,CAAC,QAAQ;AACzB,YAAM,OAAO,OAAO,IAAI,IAAI,KAAK,EAAE,EAAE,KAAK;AAC1C,YAAM,WAAW,OAAO,IAAI,QAAQ,KAAK,EAAE,EAAE,KAAK;AAClD,UAAI,CAAC,QAAQ,CAAC,SAAU;AAExB,gBAAU,IAAI,QAAQ;AAEtB,UAAI,CAAC,QAAQ,IAAI,IAAI,EAAG,SAAQ,IAAI,MAAM,oBAAI,IAAI,CAAC;AACnD,YAAM,SAAS,QAAQ,IAAI,IAAI;AAE/B,UAAI,aAAa;AACf,cAAM,UAAU,OAAO,IAAI,QAAQ,KAAK;AAAA,UACtC,KAAK;AAAA,UACL,OAAO;AAAA,UACP,KAAK;AAAA,UACL,KAAK;AAAA,QACP;AACA,eAAO,IAAI,UAAU,EAAE,GAAG,SAAS,OAAO,QAAQ,QAAQ,EAAE,CAAC;AAAA,MAC/D,WAAW,QAAQ,GAAG;AACpB,cAAM,OAAO,WAAW,OAAO,IAAI,IAAI,KAAK,GAAG,CAAC;AAChD,YAAI,CAAC,MAAM,IAAI,GAAG;AAChB,gBAAM,UAAU,OAAO,IAAI,QAAQ,KAAK;AAAA,YACtC,KAAK;AAAA,YACL,OAAO;AAAA,YACP,KAAK;AAAA,YACL,KAAK;AAAA,UACP;AACA,iBAAO,IAAI,UAAU;AAAA,YACnB,KAAK,QAAQ,MAAM;AAAA,YACnB,OAAO,QAAQ,QAAQ;AAAA,YACvB,KAAK,KAAK,IAAI,QAAQ,KAAK,IAAI;AAAA,YAC/B,KAAK,KAAK,IAAI,QAAQ,KAAK,IAAI;AAAA,UACjC,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,aAAa,MAAM,KAAK,SAAS,EAAE,MAAM,GAAG,CAAC;AAEnD,YAAQ,QAAQ,CAAC,UAAU,SAAS;AAClC,YAAM,QAAwB,EAAE,CAAC,IAAI,GAAG,KAAK;AAC7C,iBAAW,QAAQ,CAAC,aAAa;AAC/B,cAAM,QAAQ,SAAS,IAAI,QAAQ;AACnC,YAAI,OAAO;AACT,cAAI;AACJ,kBAAQ,MAAM,aAAa;AAAA,YACzB,KAAK;AACH,sBAAQ,MAAM;AACd;AAAA,YACF,KAAK;AACH,sBAAQ,MAAM,QAAQ,IAAI,MAAM,MAAM,MAAM,QAAQ;AACpD;AAAA,YACF,KAAK;AACH,sBAAQ,MAAM;AACd;AAAA,YACF,KAAK;AACH,sBAAQ,MAAM,QAAQ,WAAW,IAAI,MAAM;AAC3C;AAAA,YACF,KAAK;AACH,sBAAQ,MAAM,QAAQ,YAAY,IAAI,MAAM;AAC5C;AAAA,YACF;AACE,sBAAQ,MAAM;AAAA,UAClB;AACA,gBAAM,QAAQ,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;AAAA,QAC9C,OAAO;AACL,gBAAM,QAAQ,IAAI;AAAA,QACpB;AAAA,MACF,CAAC;AACD,aAAO,KAAK,KAAK;AAAA,IACnB,CAAC;AAGD,QAAI,cAAc,UAAU,WAAW,CAAC,GAAG;AACzC,YAAM,WAAW,WAAW,CAAC;AAC7B,aAAO,KAAK,CAAC,GAAG,MAAM;AACpB,cAAM,OAAQ,EAAE,QAAQ,KAAgB;AACxC,cAAM,OAAQ,EAAE,QAAQ,KAAgB;AACxC,eAAO,cAAc,SAAS,OAAO,OAAO,OAAO;AAAA,MACrD,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,MACL,MAAM,OAAO,MAAM,GAAG,KAAK;AAAA,MAC3B;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AAGA,MAAI,MAAM,eAAe,MAAM,gBAAgB,QAAQ;AACrD,UAAM,SAAS,oBAAI,IAGjB;AAEF,SAAK,KAAK,QAAQ,CAAC,QAAQ;AACzB,YAAM,OAAO,OAAO,IAAI,IAAI,KAAK,EAAE,EAAE,KAAK;AAC1C,UAAI,CAAC,KAAM;AAEX,UAAI,aAAa;AACf,cAAM,UAAU,OAAO,IAAI,IAAI,KAAK;AAAA,UAClC,KAAK;AAAA,UACL,OAAO;AAAA,UACP,KAAK;AAAA,UACL,KAAK;AAAA,QACP;AACA,eAAO,IAAI,MAAM;AAAA,UACf,GAAG;AAAA,UACH,OAAO,QAAQ,QAAQ;AAAA,QACzB,CAAC;AAAA,MACH,WAAW,QAAQ,GAAG;AACpB,cAAM,OAAO,WAAW,OAAO,IAAI,IAAI,KAAK,GAAG,CAAC;AAChD,YAAI,CAAC,MAAM,IAAI,GAAG;AAChB,gBAAM,UAAU,OAAO,IAAI,IAAI,KAAK;AAAA,YAClC,KAAK;AAAA,YACL,OAAO;AAAA,YACP,KAAK;AAAA,YACL,KAAK;AAAA,UACP;AACA,iBAAO,IAAI,MAAM;AAAA,YACf,KAAK,QAAQ,MAAM;AAAA,YACnB,OAAO,QAAQ,QAAQ;AAAA,YACvB,KAAK,KAAK,IAAI,QAAQ,KAAK,IAAI;AAAA,YAC/B,KAAK,KAAK,IAAI,QAAQ,KAAK,IAAI;AAAA,UACjC,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,QAAQ,CAAC,OAAO,QAAQ;AAC7B,UAAI;AACJ,cAAQ,MAAM,aAAa;AAAA,QACzB,KAAK;AACH,kBAAQ,MAAM;AACd;AAAA,QACF,KAAK;AACH,kBAAQ,MAAM,QAAQ,IAAI,MAAM,MAAM,MAAM,QAAQ;AACpD;AAAA,QACF,KAAK;AACH,kBAAQ,MAAM;AACd;AAAA,QACF,KAAK;AACH,kBAAQ,MAAM,QAAQ,WAAW,IAAI,MAAM;AAC3C;AAAA,QACF,KAAK;AACH,kBAAQ,MAAM,QAAQ,YAAY,IAAI,MAAM;AAC5C;AAAA,QACF;AACE,kBAAQ,MAAM;AAAA,MAClB;AACA,aAAO,KAAK,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC;AAAA,IACpE,CAAC;AAAA,EACH,WAAW,QAAQ,GAAG;AACpB,aAAS,KAAK,KACX,MAAM,GAAG,KAAK,IAAI,QAAQ,GAAG,KAAK,KAAK,MAAM,CAAC,EAC9C,IAAI,CAAC,SAAS;AAAA,MACb,CAAC,IAAI,GAAG,IAAI,IAAI,KAAK;AAAA,MACrB,CAAC,IAAI,GAAG,WAAW,OAAO,IAAI,IAAI,KAAK,GAAG,CAAC;AAAA,IAC7C,EAAE,EACD,OAAO,CAAC,SAAS,CAAC,MAAM,KAAK,IAAI,CAAW,CAAC;AAAA,EAClD;AAGA,MAAI,cAAc,QAAQ;AACxB,WAAO,KAAK,CAAC,GAAG,MAAM;AACpB,YAAM,OAAO,EAAE,IAAI;AACnB,YAAM,OAAO,EAAE,IAAI;AACnB,aAAO,cAAc,SAAS,OAAO,OAAO,OAAO;AAAA,IACrD,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,MAAM,OAAO,MAAM,GAAG,KAAK;AAAA,IAC3B,YAAY,CAAC;AAAA,IACb,MAAM;AAAA,EACR;AACF;;;ACzPA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAAC;AAAA,OACK;AA4CD,SAUI,OAAAC,MAVJ;AAxBC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,gBACJ,cAAc,UAAU,cAAc,UAAU,cAAc;AAChE,QAAM,oBACJ,cAAc,SAAS,cAAc,UAAU,cAAc;AAE/D,SACE,qBAAC,SAAI,WAAU,2FAEb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,8EACT,cAAc,SACV,iEACA,6DACN;AAAA,QACA,OAAM;AAAA,QAEL;AAAA,wBAAc,QACb,gBAAAA,KAAC,WAAQ,WAAU,WAAU,IAC3B,cAAc,SAChB,gBAAAA,KAAC,YAAS,WAAU,WAAU,IAE9B,gBAAAA,KAAC,YAAS,WAAU,sBAAqB;AAAA,UACzC;AAAA;AAAA;AAAA,IAEJ;AAAA,IAGA,qBAAC,SAAI,WAAU,2BACb;AAAA,sBAAAA,KAAC,UAAO,WAAU,yBAAwB;AAAA,MAC1C;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,cAAc,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,UACrD,WAAU;AAAA,UAEV;AAAA,4BAAAA,KAAC,YAAO,OAAO,IAAI,oBAAM;AAAA,YACzB,gBAAAA,KAAC,YAAO,OAAO,IAAI,oBAAM;AAAA,YACzB,gBAAAA,KAAC,YAAO,OAAO,IAAI,oBAAM;AAAA,YACzB,gBAAAA,KAAC,YAAO,OAAO,KAAK,qBAAO;AAAA,YAC3B,gBAAAA,KAAC,YAAO,OAAO,QAAQ,iBAAG;AAAA;AAAA;AAAA,MAC5B;AAAA,OACF;AAAA,IAGC,iBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,8EACT,YACI,2DACA,6DACN;AAAA,QACA,OAAM;AAAA,QAEN;AAAA,0BAAAA,KAAC,aAAU,WAAU,WAAU;AAAA,UAAE;AAAA;AAAA;AAAA,IAEnC;AAAA,IAID,qBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,8EACT,gBACI,oEACA,6DACN;AAAA,QACA,OAAM;AAAA,QAEN;AAAA,0BAAAA,KAAC,cAAW,WAAU,WAAU;AAAA,UAAE;AAAA;AAAA;AAAA,IAEpC;AAAA,IAGF,gBAAAA,KAAC,SAAI,WAAU,UAAS;AAAA,IAGxB;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAM;AAAA,QAEN;AAAA,0BAAAA,KAACD,QAAA,EAAM,WAAU,WAAU;AAAA,UAAE;AAAA;AAAA;AAAA,IAE/B;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAM;AAAA,QAEN;AAAA,0BAAAC,KAAC,YAAS,WAAU,WAAU;AAAA,UAAE;AAAA;AAAA;AAAA,IAElC;AAAA,IAGC,iBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAU;AAAA,QAEV;AAAA,0BAAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,iBAAiB,iBAAiB,EAAE;AAAA;AAAA,UAC5D;AAAA,UACC,iBAAiB,QAAQ;AAAA;AAAA;AAAA,IAC5B;AAAA,KAEJ;AAEJ;;;AFsCM,gBAAAC,MA4CM,QAAAC,aA5CN;AA3JC,SAAS,YAAY,EAAE,MAAM,OAAO,aAAa,GAAqB;AAC3E,QAAM,QAAQ,cAAc;AAC5B,QAAM,oBAAoB,OAAuB,IAAI;AACrD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAoB,MAAM;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiB,EAAE;AAE3D,QAAM,YAAY;AAAA,IAChB,MAAM,4BAA4B,MAAM,OAAO,WAAW,YAAY;AAAA,IACtE,CAAC,MAAM,OAAO,WAAW,YAAY;AAAA,EACvC;AAEA,QAAM,EAAE,MAAM,eAAe,WAAW,IAAI;AAC5C,QAAM,gBAAgB,WAAW,SAAS;AAG1C,QAAM,WACJ,KAAK,QAAQ;AAAA,IACX,CAAC,QACC,IAAI,SAAS,MAAM,SACnB,IAAI,KAAK,YAAY,MAAM,MAAM,MAAM,YAAY;AAAA,EACvD,GAAG,QAAQ,MAAM;AAEnB,QAAM,WACJ,KAAK,QAAQ;AAAA,IACX,CAAC,QACC,IAAI,SAAS,MAAM,SACnB,IAAI,KAAK,YAAY,MAAM,MAAM,MAAM,YAAY;AAAA,EACvD,GAAG,QAAQ,MAAM;AAGnB,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,cAAc,WAAW,KAAK,cAAe,QAAO;AACxD,UAAM,MAAM,cAAc,OAAO,CAAC,KAAK,SAAS;AAC9C,YAAM,MAAM,KAAK,QAAQ;AACzB,aAAO,OAAO,OAAO,QAAQ,WAAW,MAAM;AAAA,IAChD,GAAG,CAAC;AACJ,WAAO,MAAM,cAAc;AAAA,EAC7B,GAAG,CAAC,eAAe,UAAU,aAAa,CAAC;AAE3C,QAAM,mBAAmB,YAAY;AACnC,QAAI,CAAC,aAAc;AACnB,sBAAkB,IAAI;AACtB,QAAI;AACF,YAAM,aAAa,KAAK;AAAA,IAC1B,UAAE;AACA,wBAAkB,KAAK;AAAA,IACzB;AAAA,EACF;AAEA,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,cAAc,WAAW,EAAG;AAEhC,UAAM,UAAU,OAAO,KAAK,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG;AAC5D,UAAM,OAAO,cACV;AAAA,MAAI,CAAC,QACJ,OAAO,OAAO,GAAG,EACd,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,GAAG,EAC3B,KAAK,GAAG;AAAA,IACb,EACC,KAAK,IAAI;AAEZ,UAAM,MAAM,GAAG,OAAO;AAAA,EAAK,IAAI;AAC/B,UAAM,OAAO,IAAI,KAAK,CAAC,GAAG,GAAG,EAAE,MAAM,WAAW,CAAC;AACjD,UAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,UAAM,IAAI,SAAS,cAAc,GAAG;AACpC,MAAE,OAAO;AACT,MAAE,WAAW,GAAG,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAChD,MAAE,MAAM;AACR,QAAI,gBAAgB,GAAG;AAAA,EACzB,GAAG,CAAC,eAAe,MAAM,KAAK,CAAC;AAE/B,QAAM,kBAAkB,YAAY,MAAM;AACxC,UAAM,YAAY,kBAAkB;AACpC,QAAI,CAAC,UAAW;AAEhB,UAAM,aAAa,UAAU,cAAc,KAAK;AAChD,QAAI,CAAC,WAAY;AAEjB,UAAM,WAAW,WAAW,UAAU,IAAI;AAC1C,aAAS;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAEA,UAAM,OAAO,WAAW,sBAAsB;AAC9C,aAAS,aAAa,SAAS,OAAO,KAAK,KAAK,CAAC;AACjD,aAAS,aAAa,UAAU,OAAO,KAAK,MAAM,CAAC;AAEnD,UAAM,YAAY,IAAI,cAAc,EAAE,kBAAkB,QAAQ;AAChE,UAAM,UAAU,IAAI,KAAK,CAAC,SAAS,GAAG;AAAA,MACpC,MAAM;AAAA,IACR,CAAC;AACD,UAAM,MAAM,IAAI,gBAAgB,OAAO;AAEvC,UAAM,MAAM,IAAI,MAAM;AACtB,QAAI,SAAS,MAAM;AACjB,YAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,YAAM,QAAQ;AACd,aAAO,QAAQ,KAAK,QAAQ;AAC5B,aAAO,SAAS,KAAK,SAAS;AAC9B,YAAM,MAAM,OAAO,WAAW,IAAI;AAClC,UAAI,CAAC,IAAK;AACV,UAAI,MAAM,OAAO,KAAK;AACtB,UAAI,YAAY,MAAM;AACtB,UAAI,SAAS,GAAG,GAAG,KAAK,OAAO,KAAK,MAAM;AAC1C,UAAI,UAAU,KAAK,GAAG,GAAG,KAAK,OAAO,KAAK,MAAM;AAEhD,aAAO,OAAO,CAAC,SAAS;AACtB,YAAI,CAAC,KAAM;AACX,cAAM,SAAS,IAAI,gBAAgB,IAAI;AACvC,cAAM,IAAI,SAAS,cAAc,GAAG;AACpC,UAAE,OAAO;AACT,UAAE,WAAW,GAAG,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAChD,UAAE,MAAM;AACR,YAAI,gBAAgB,MAAM;AAAA,MAC5B,GAAG,WAAW;AAEd,UAAI,gBAAgB,GAAG;AAAA,IACzB;AACA,QAAI,MAAM;AAAA,EACZ,GAAG,CAAC,MAAM,OAAO,MAAM,iBAAiB,CAAC;AAEzC,QAAM,aAAa,MAAM;AACvB,iBAAa,CAAC,SAAS;AACrB,UAAI,SAAS,OAAQ,QAAO;AAC5B,UAAI,SAAS,OAAQ,QAAO;AAC5B,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAGA,QAAM,qBAAqB,CACzB,MACA,WACA,MACA,MACA,aACA,iBACA,aACG;AACH,UAAM,cAAc;AAAA,MAClB,MAAM;AAAA,MACN,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,GAAG;AAAA,IACrD;AAEA,UAAM,eAAe;AAAA,MACnB,iBAAiB,MAAM;AAAA,MACvB,QAAQ,MAAM;AAAA,MACd,cAAc;AAAA,IAChB;AAEA,UAAM,iBAAiB,cACrB,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ,MAAM;AAAA,QACd,MAAK;AAAA;AAAA,IACP,IACE;AAEJ,UAAM,qBACJ,mBAAmB,YAAY,CAAC,gBAC9B,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,QAAQ,MAAM;AAAA,QACd,iBAAgB;AAAA,QAChB,OAAO;AAAA,UACL,OAAO,QAAQ,SAAS,QAAQ,CAAC,CAAC;AAAA,UAClC,MAAM,MAAM;AAAA,UACZ,UAAU;AAAA,QACZ;AAAA;AAAA,IACF,IACE;AAEN,UAAM,aAAa;AAAA,MACjB,SAAS;AAAA,MACT,QAAQ,MAAM;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM,EAAE,MAAM,MAAM,UAAU;AAAA,IAChC;AAEA,UAAM,aAAa;AAAA,MACjB,QAAQ,MAAM;AAAA,MACd,UAAU;AAAA,MACV,MAAM,EAAE,MAAM,MAAM,UAAU;AAAA,IAChC;AAGA,QAAI,iBAAiB,SAAS,SAAS,SAAS,WAAW;AACzD,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBACE,gBAAAC,MAAC,YAAU,GAAG,aACZ;AAAA,4BAAAD,KAAC,iBAAc,iBAAgB,OAAM,QAAQ,MAAM,YAAY;AAAA,YAC/D,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,YACvB,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,YACvB,gBAAAA,KAAC,WAAQ,cAAc,cAAc;AAAA,YACrC,gBAAAA,KAAC,UAAO;AAAA,YACP,WAAW,IAAI,CAAC,KAAK,MACpB,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBAEC,SAAS;AAAA,gBACT,MAAM,MAAM,OAAO,IAAI,MAAM,OAAO,MAAM;AAAA,gBAC1C,SAAQ;AAAA,gBACR,QACE,MAAM,WAAW,SAAS,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI;AAAA;AAAA,cAL1C;AAAA,YAOP,CACD;AAAA,YACA;AAAA,aACH;AAAA,QAEJ,KAAK;AACH,iBACE,gBAAAC,MAAC,aAAW,GAAG,aACb;AAAA,4BAAAD,KAAC,iBAAc,iBAAgB,OAAM,QAAQ,MAAM,YAAY;AAAA,YAC/D,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,YACvB,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,YACvB,gBAAAA,KAAC,WAAQ,cAAc,cAAc;AAAA,YACrC,gBAAAA,KAAC,UAAO;AAAA,YACP,WAAW,IAAI,CAAC,KAAK,MACpB,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,QAAQ,MAAM,OAAO,IAAI,MAAM,OAAO,MAAM;AAAA,gBAC5C,aAAa;AAAA,gBACb,KAAK,EAAE,MAAM,MAAM,OAAO,IAAI,MAAM,OAAO,MAAM,EAAE;AAAA;AAAA,cAL9C;AAAA,YAMP,CACD;AAAA,YACA;AAAA,aACH;AAAA,QAEJ,KAAK;AACH,iBACE,gBAAAC,MAAC,aAAW,GAAG,aACb;AAAA,4BAAAD,KAAC,UACE,qBAAW,IAAI,CAAC,KAAK,MACpB,gBAAAC;AAAA,cAAC;AAAA;AAAA,gBAEC,IAAI,QAAQ,MAAM,EAAE,IAAI,CAAC;AAAA,gBACzB,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,IAAG;AAAA,gBAEH;AAAA,kCAAAD;AAAA,oBAAC;AAAA;AAAA,sBACC,QAAO;AAAA,sBACP,WAAW,MAAM,OAAO,IAAI,MAAM,OAAO,MAAM;AAAA,sBAC/C,aAAa;AAAA;AAAA,kBACf;AAAA,kBACA,gBAAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,QAAO;AAAA,sBACP,WAAW,MAAM,OAAO,IAAI,MAAM,OAAO,MAAM;AAAA,sBAC/C,aAAa;AAAA;AAAA,kBACf;AAAA;AAAA;AAAA,cAhBK;AAAA,YAiBP,CACD,GACH;AAAA,YACA,gBAAAA,KAAC,iBAAc,iBAAgB,OAAM,QAAQ,MAAM,YAAY;AAAA,YAC/D,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,YACvB,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,YACvB,gBAAAA,KAAC,WAAQ,cAAc,cAAc;AAAA,YACrC,gBAAAA,KAAC,UAAO;AAAA,YACP,WAAW,IAAI,CAAC,KAAK,MACpB,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,QAAQ,MAAM,OAAO,IAAI,MAAM,OAAO,MAAM;AAAA,gBAC5C,aAAa;AAAA,gBACb,MAAM,aAAa,MAAM,EAAE,IAAI,CAAC;AAAA,gBAChC,SAAQ;AAAA;AAAA,cANH;AAAA,YAOP,CACD;AAAA,YACA;AAAA,aACH;AAAA,QAEJ;AACE,iBAAO;AAAA,MACX;AAAA,IACF;AAGA,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,eACE,gBAAAC,MAAC,YAAU,GAAG,aACZ;AAAA,0BAAAD,KAAC,iBAAc,iBAAgB,OAAM,QAAQ,MAAM,YAAY;AAAA,UAC/D,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,UACvB,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,UACvB,gBAAAA,KAAC,WAAQ,cAAc,cAAc;AAAA,UACrC,gBAAAA,KAAC,UAAO;AAAA,UACP;AAAA,UACD,gBAAAA,KAAC,OAAI,SAAS,MAAM,MAAM,MAAM,eAAe,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC,GAC/D,oBAAU,IAAI,CAAC,GAAG,UACjB,gBAAAA;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM;AAAA;AAAA,YADzC,QAAQ,KAAK;AAAA,UAEpB,CACD,GACH;AAAA,UACC;AAAA,WACH;AAAA,MAGJ,KAAK;AACH,eACE,gBAAAC,MAAC,aAAW,GAAG,aACb;AAAA,0BAAAD,KAAC,iBAAc,iBAAgB,OAAM,QAAQ,MAAM,YAAY;AAAA,UAC/D,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,UACvB,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,UACvB,gBAAAA,KAAC,WAAQ,cAAc,cAAc;AAAA,UACrC,gBAAAA,KAAC,UAAO;AAAA,UACP;AAAA,UACD,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,QAAQ,MAAM;AAAA,cACd,aAAa;AAAA,cACb,KAAK,EAAE,MAAM,MAAM,cAAc;AAAA,cACjC,WAAW,EAAE,GAAG,EAAE;AAAA;AAAA,UACpB;AAAA,UACC;AAAA,WACH;AAAA,MAGJ,KAAK,QAAQ;AACX,cAAM,aAAa,UAAU,MAAM,EAAE;AACrC,eACE,gBAAAC,MAAC,aAAW,GAAG,aACb;AAAA,0BAAAD,KAAC,UACC,0BAAAC,MAAC,oBAAe,IAAI,YAAY,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KACtD;AAAA,4BAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,QAAO;AAAA,gBACP,WAAW,MAAM;AAAA,gBACjB,aAAa;AAAA;AAAA,YACf;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,QAAO;AAAA,gBACP,WAAW,MAAM;AAAA,gBACjB,aAAa;AAAA;AAAA,YACf;AAAA,aACF,GACF;AAAA,UACA,gBAAAA,KAAC,iBAAc,iBAAgB,OAAM,QAAQ,MAAM,YAAY;AAAA,UAC/D,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,UACvB,gBAAAA,KAAC,SAAO,GAAG,YAAY;AAAA,UACvB,gBAAAA,KAAC,WAAQ,cAAc,cAAc;AAAA,UACrC,gBAAAA,KAAC,UAAO;AAAA,UACP;AAAA,UACD,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,QAAQ,MAAM;AAAA,cACd,aAAa;AAAA,cACb,MAAM,QAAQ,UAAU;AAAA;AAAA,UAC1B;AAAA,UACC;AAAA,WACH;AAAA,MAEJ;AAAA,MAEA,KAAK;AACH,eACE,gBAAAC,MAAC,gBAAc,GAAG,aAChB;AAAA,0BAAAD,KAAC,iBAAc,iBAAgB,OAAM,QAAQ,MAAM,YAAY;AAAA,UAC/D,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACJ,GAAG;AAAA;AAAA,UACN;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACR,GAAG;AAAA;AAAA,UACN;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,EAAE,iBAAiB,MAAM;AAAA,cACjC,cAAc;AAAA;AAAA,UAChB;AAAA,UACA,gBAAAA,KAAC,UAAO;AAAA,UACR,gBAAAA,KAAC,WAAQ,MAAM,MAAM,MAAM,WAAW,MAAM,MAAM,eAAe;AAAA,WACnE;AAAA,MAGJ,KAAK;AACH,eACE,gBAAAC,MAAC,YACC;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,SAAS;AAAA,cACT,SAAS;AAAA,cACT,OAAO,CAAC,EAAE,MAAM,QAAQ,MACtB,GAAG,IAAI,OAAO,WAAW,KAAK,KAAK,QAAQ,CAAC,CAAC;AAAA,cAE/C,WAAW,EAAE,QAAQ,MAAM,UAAU;AAAA,cAEpC,oBAAU,IAAI,CAAC,GAAG,UACjB,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM;AAAA;AAAA,gBADzC,QAAQ,KAAK;AAAA,cAEpB,CACD;AAAA;AAAA,UACH;AAAA,UACA,gBAAAA,KAAC,WAAQ,cAAc,cAAc;AAAA,UACrC,gBAAAA,KAAC,UAAO;AAAA,WACV;AAAA,MAGJ;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,MAAI,cAAc,WAAW,GAAG;AAC9B,WACE,gBAAAA,KAAC,SAAI,WAAU,2EACb,0BAAAC,MAAC,SAAI,WAAU,eACb;AAAA,sBAAAD,KAAC,OAAE,WAAU,iCAAgC,2CAE7C;AAAA,MACA,gBAAAC,MAAC,OAAE,WAAU,8BAA6B;AAAA;AAAA,QAC9B,MAAM;AAAA,QAAM;AAAA,QAAG,MAAM;AAAA,SACjC;AAAA,MACC,gBACC,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAU;AAAA,UAEV;AAAA,4BAAAD;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,WAAW,WAAW,iBAAiB,iBAAiB,EAAE;AAAA;AAAA,YAC5D;AAAA,YACC,iBAAiB,oBAAoB;AAAA;AAAA;AAAA,MACxC;AAAA,OAEJ,GACF;AAAA,EAEJ;AAEA,SACE,gBAAAD,MAAC,SACC;AAAA,oBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,CAAC,CAAC;AAAA,QACjB,cAAc;AAAA,QACd,eAAe;AAAA,QACf,eAAe,MAAM,aAAa,CAAC,SAAS;AAAA,QAC5C,mBAAmB,MAAM,iBAAiB,CAAC,aAAa;AAAA,QACxD,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA;AAAA,IAChB;AAAA,IAGA,gBAAAA,KAAC,SAAI,WAAU,oBAAmB,KAAK,mBACrC,0BAAAA;AAAA,MAAC;AAAA;AAAA,QAEC,OAAM;AAAA,QACN,QAAO;AAAA,QAEN;AAAA,UACC,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,gBAAgB,KAAK;AAAA,UACrB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA;AAAA,MAZK,SAAS,MAAM,EAAE,IAAI,YAAY,UAAU,UAAU;AAAA,IAa5D,GACF;AAAA,IAGA,gBAAAC,MAAC,SAAI,WAAU,6BACb;AAAA,sBAAAA,MAAC,UAAK,WAAU,yDAAwD;AAAA;AAAA,QAClE,MAAM;AAAA,SACZ;AAAA,MACA,gBAAAA,MAAC,UAAK,WAAU,yDAAwD;AAAA;AAAA,QAClE,MAAM;AAAA,SACZ;AAAA,MACC,MAAM,WACL,gBAAAA,MAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,QACjE,MAAM;AAAA,SAChB;AAAA,MAED,MAAM,eAAe,MAAM,gBAAgB,UAC1C,gBAAAD,KAAC,UAAK,WAAU,gEACb,gBAAM,aACT;AAAA,MAEF,gBAAAC,MAAC,UAAK,WAAU,yDACb;AAAA,sBAAc;AAAA,QAAO;AAAA,SACxB;AAAA,MACC,iBACC,gBAAAA,MAAC,UAAK,WAAU,kEACb;AAAA,mBAAW;AAAA,QAAO;AAAA,SACrB;AAAA,OAEJ;AAAA,KACF;AAEJ;;;AGnhBS,gBAAAE,MAqBG,QAAAC,aArBH;AART,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,YAAY;AACd,GAIG;AACD,SAAO,gBAAAD,KAAC,SAAI,WAAuB,UAAS;AAC9C;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,cAAc;AAAA,EAC3B,QAAQ;AACV,GAAsB;AACpB,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,SACE,gBAAAA,KAAC,sBAAmB,OAClB,0BAAAA,KAAC,SAAI,WAAU,6BACZ,iBAAO,IAAI,CAAC,UACX,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,MAAM;AAAA,MACb,WAAU;AAAA,MAEV,0BAAAC,MAAC,SAAI,WAAU,OACb;AAAA,wBAAAD,KAAC,QAAG,WAAU,sGACX,gBAAM,OACT;AAAA,QACA,gBAAAA,KAAC,OAAE,WAAU,sBAAsB,gBAAM,aAAY;AAAA,QACrD,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,SACF;AAAA;AAAA,IAdK,MAAM;AAAA,EAeb,CACD,GACH,GACF;AAEJ;;;AC7DO,IAAM,SAAS;AAAA,EACpB;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;","names":["RefreshCw","Image","jsx","jsx","jsxs","RefreshCw","jsx","jsxs"]}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "csv-charts-ai",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "release": "semantic-release"
+  },
+  "peerDependencies": {
+    "lucide-react": ">=0.400.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "recharts": "^3.0.0"
+  },
+  "devDependencies": {
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/commit-analyzer": "^13.0.1",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^12.0.6",
+    "@semantic-release/npm": "^13.1.5",
+    "@semantic-release/release-notes-generator": "^14.1.0",
+    "@types/react": "^19.2.7",
+    "lucide-react": "^0.556.0",
+    "react": "^19.2.1",
+    "recharts": "^3.5.1",
+    "semantic-release": "^25.0.3",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}