@useatlas/react 0.0.1

package/dist/result-chart-YLCKBNV4.cjs

@@ -0,0 +1,400 @@
+'use strict';
+
+var chunk5SEVKHS5_cjs = require('./chunk-5SEVKHS5.cjs');
+var react = require('react');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ChartErrorBoundary = class extends react.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(error, info) {
+    console.error("Chart rendering failed:", error, info.componentStack);
+  }
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-yellow-300 bg-yellow-50 px-3 py-2 text-xs text-yellow-700 dark:border-yellow-900/50 dark:bg-yellow-950/20 dark:text-yellow-400", children: "Chart could not be rendered. Switch to Table view to see your data." });
+    }
+    return this.props.children;
+  }
+};
+function getColors(dark) {
+  return dark ? chunk5SEVKHS5_cjs.CHART_COLORS_DARK : chunk5SEVKHS5_cjs.CHART_COLORS_LIGHT;
+}
+function themeTokens(dark) {
+  return {
+    grid: dark ? "#3f3f46" : "#e4e4e7",
+    axis: dark ? "#a1a1aa" : "#71717a",
+    tooltipBg: dark ? "#18181b" : "#ffffff",
+    tooltipBorder: dark ? "#3f3f46" : "#e4e4e7",
+    tooltipText: dark ? "#e4e4e7" : "#27272a",
+    legendText: dark ? "#a1a1aa" : "#71717a"
+  };
+}
+function formatNumber(value) {
+  const num = Number(value);
+  if (!isFinite(num)) return String(value ?? "");
+  if (Math.abs(num) >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
+  if (Math.abs(num) >= 1e3) return `${(num / 1e3).toFixed(1)}K`;
+  return Number.isInteger(num) ? num.toLocaleString() : num.toFixed(2);
+}
+function truncateLabel(label, maxLen = 12) {
+  const str = String(label ?? "");
+  return str.length > maxLen ? str.slice(0, maxLen) + "\u2026" : str;
+}
+var TOOLTIP_LABEL_STYLE = { fontWeight: 600, marginBottom: 4 };
+var tooltipStyleCache = /* @__PURE__ */ new Map();
+function getTooltipStyle(dark) {
+  let style = tooltipStyleCache.get(dark);
+  if (!style) {
+    const t = themeTokens(dark);
+    style = {
+      background: t.tooltipBg,
+      border: `1px solid ${t.tooltipBorder}`,
+      borderRadius: 6,
+      padding: "8px 12px",
+      fontSize: 12,
+      color: t.tooltipText
+    };
+    tooltipStyleCache.set(dark, style);
+  }
+  return style;
+}
+function ChartTooltip({ active, payload, label, dark }) {
+  if (!active || !payload?.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: getTooltipStyle(dark), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("p", { style: TOOLTIP_LABEL_STYLE, children: label }),
+    payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { color: entry.color }, children: [
+      entry.name,
+      ": ",
+      typeof entry.value === "number" ? formatNumber(entry.value) : entry.value
+    ] }, i))
+  ] });
+}
+function BarChartView({
+  data,
+  rec,
+  dark
+}) {
+  const colors = getColors(dark);
+  const t = themeTokens(dark);
+  const catKey = rec.categoryColumn.header;
+  const valKeys = rec.valueColumns.map((c) => c.header);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[4/3] sm:aspect-[16/9]", children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { top: 8, right: 8, bottom: 40, left: 8 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: t.grid }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: catKey,
+        tick: { fill: t.axis, fontSize: 11 },
+        tickFormatter: (v) => truncateLabel(v),
+        angle: -45,
+        textAnchor: "end",
+        height: 60
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { tick: { fill: t.axis, fontSize: 11 }, tickFormatter: formatNumber }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(ChartTooltip, { dark }) }),
+    valKeys.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { wrapperStyle: { fontSize: 12, color: t.legendText } }),
+    valKeys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Bar,
+      {
+        dataKey: key,
+        fill: colors[i % colors.length],
+        radius: [4, 4, 0, 0]
+      },
+      key
+    ))
+  ] }) }) });
+}
+function LineChartView({
+  data,
+  rec,
+  dark
+}) {
+  const colors = getColors(dark);
+  const t = themeTokens(dark);
+  const catKey = rec.categoryColumn.header;
+  const valKeys = rec.valueColumns.map((c) => c.header);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[4/3] sm:aspect-[16/9]", children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin: { top: 8, right: 8, bottom: 40, left: 8 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: t.grid }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: catKey,
+        tick: { fill: t.axis, fontSize: 11 },
+        tickFormatter: (v) => truncateLabel(v),
+        angle: -45,
+        textAnchor: "end",
+        height: 60
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { tick: { fill: t.axis, fontSize: 11 }, tickFormatter: formatNumber }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(ChartTooltip, { dark }) }),
+    valKeys.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { wrapperStyle: { fontSize: 12, color: t.legendText } }),
+    valKeys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Line,
+      {
+        type: "monotone",
+        dataKey: key,
+        stroke: colors[i % colors.length],
+        strokeWidth: 2,
+        dot: { r: 3, fill: colors[i % colors.length] },
+        activeDot: { r: 5 }
+      },
+      key
+    ))
+  ] }) }) });
+}
+function PieChartView({
+  data,
+  rec,
+  dark
+}) {
+  const colors = getColors(dark);
+  const t = themeTokens(dark);
+  const catKey = rec.categoryColumn.header;
+  const valKey = rec.valueColumns[0].header;
+  const total = data.reduce((sum, d) => sum + (typeof d[valKey] === "number" ? d[valKey] : 0), 0);
+  const hasNegative = data.some((d) => typeof d[valKey] === "number" && d[valKey] < 0);
+  if (total <= 0 || hasNegative) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex aspect-[4/3] items-center justify-center text-xs text-zinc-400 sm:aspect-[16/9]", children: "Pie chart is not suitable for this data." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[4/3] sm:aspect-[16/9]", children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Pie,
+      {
+        data,
+        dataKey: valKey,
+        nameKey: catKey,
+        cx: "50%",
+        cy: "50%",
+        innerRadius: 40,
+        outerRadius: 100,
+        label: ({ name, value }) => `${truncateLabel(String(name ?? ""), 10)} ${total > 0 && value != null ? (value / total * 100).toFixed(0) : 0}%`,
+        labelLine: { stroke: t.axis },
+        fontSize: 11,
+        children: data.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(recharts.Cell, { fill: colors[i % colors.length] }, i))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(ChartTooltip, { dark }) })
+  ] }) }) });
+}
+function AreaChartView({
+  data,
+  rec,
+  dark
+}) {
+  const chartId = react.useId();
+  const colors = getColors(dark);
+  const t = themeTokens(dark);
+  const catKey = rec.categoryColumn.header;
+  const valKeys = rec.valueColumns.map((c) => c.header);
+  return /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin: { top: 8, right: 8, bottom: 40, left: 8 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: valKeys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `area-grad-${chartId}-${i}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "5%", stopColor: colors[i % colors.length], stopOpacity: 0.3 }),
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "95%", stopColor: colors[i % colors.length], stopOpacity: 0.05 })
+    ] }, key)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: t.grid }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: catKey,
+        tick: { fill: t.axis, fontSize: 11 },
+        tickFormatter: (v) => truncateLabel(v),
+        angle: -45,
+        textAnchor: "end",
+        height: 60
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { tick: { fill: t.axis, fontSize: 11 }, tickFormatter: formatNumber }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(ChartTooltip, { dark }) }),
+    valKeys.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { wrapperStyle: { fontSize: 12, color: t.legendText } }),
+    valKeys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Area,
+      {
+        type: "monotone",
+        dataKey: key,
+        stroke: colors[i % colors.length],
+        strokeWidth: 2,
+        fill: `url(#area-grad-${chartId}-${i})`
+      },
+      key
+    ))
+  ] }) });
+}
+function StackedBarChartView({
+  data,
+  rec,
+  dark
+}) {
+  const colors = getColors(dark);
+  const t = themeTokens(dark);
+  const catKey = rec.categoryColumn.header;
+  const valKeys = rec.valueColumns.map((c) => c.header);
+  return /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { top: 8, right: 8, bottom: 40, left: 8 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: t.grid }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: catKey,
+        tick: { fill: t.axis, fontSize: 11 },
+        tickFormatter: (v) => truncateLabel(v),
+        angle: -45,
+        textAnchor: "end",
+        height: 60
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { tick: { fill: t.axis, fontSize: 11 }, tickFormatter: formatNumber }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(ChartTooltip, { dark }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { wrapperStyle: { fontSize: 12, color: t.legendText } }),
+    valKeys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Bar,
+      {
+        dataKey: key,
+        stackId: "a",
+        fill: colors[i % colors.length],
+        radius: i === valKeys.length - 1 ? [4, 4, 0, 0] : void 0
+      },
+      key
+    ))
+  ] }) });
+}
+function ScatterChartView({
+  data,
+  rec,
+  dark
+}) {
+  const colors = getColors(dark);
+  const t = themeTokens(dark);
+  const xKey = rec.categoryColumn.header;
+  const yKey = rec.valueColumns[0].header;
+  const zKey = rec.valueColumns.length > 1 ? rec.valueColumns[1].header : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { margin: { top: 8, right: 8, bottom: 40, left: 8 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: t.grid }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: xKey,
+        type: "number",
+        name: xKey,
+        tick: { fill: t.axis, fontSize: 11 },
+        tickFormatter: formatNumber
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.YAxis,
+      {
+        dataKey: yKey,
+        type: "number",
+        name: yKey,
+        tick: { fill: t.axis, fontSize: 11 },
+        tickFormatter: formatNumber
+      }
+    ),
+    zKey && /* @__PURE__ */ jsxRuntime.jsx(recharts.ZAxis, { dataKey: zKey, type: "number", name: zKey, range: [40, 400] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        content: /* @__PURE__ */ jsxRuntime.jsx(ChartTooltip, { dark }),
+        cursor: { strokeDasharray: "3 3" }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Scatter,
+      {
+        data,
+        fill: colors[0]
+      }
+    )
+  ] }) });
+}
+var CHART_LABELS = {
+  bar: "Bar",
+  line: "Line",
+  pie: "Pie",
+  area: "Area",
+  "stacked-bar": "Stacked",
+  scatter: "Scatter"
+};
+function ChartTypeSelector({
+  recommendations,
+  active,
+  onChange
+}) {
+  if (recommendations.length <= 1) return null;
+  const seen = /* @__PURE__ */ new Set();
+  const unique = recommendations.filter((r) => {
+    if (seen.has(r.type)) return false;
+    seen.add(r.type);
+    return true;
+  });
+  if (unique.length <= 1) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1", children: unique.map((rec) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: () => onChange(rec.type),
+      className: `rounded px-2 py-0.5 text-xs font-medium transition-colors ${active === rec.type ? "bg-blue-100 text-blue-700 dark:bg-blue-600/20 dark:text-blue-400" : "text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200"}`,
+      children: CHART_LABELS[rec.type]
+    },
+    rec.type
+  )) });
+}
+function ChartRenderer({
+  rows,
+  rec,
+  defaultData,
+  defaultRec,
+  dark
+}) {
+  const chartData = rec === defaultRec ? defaultData : chunk5SEVKHS5_cjs.transformData(rows, rec);
+  const type = rec.type;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: type === "bar" ? /* @__PURE__ */ jsxRuntime.jsx(BarChartView, { data: chartData, rec, dark }) : type === "line" ? /* @__PURE__ */ jsxRuntime.jsx(LineChartView, { data: chartData, rec, dark }) : type === "area" ? /* @__PURE__ */ jsxRuntime.jsx(AreaChartView, { data: chartData, rec, dark }) : type === "stacked-bar" ? /* @__PURE__ */ jsxRuntime.jsx(StackedBarChartView, { data: chartData, rec, dark }) : type === "scatter" ? /* @__PURE__ */ jsxRuntime.jsx(ScatterChartView, { data: chartData, rec, dark }) : /* @__PURE__ */ jsxRuntime.jsx(PieChartView, { data: chartData, rec, dark }) });
+}
+function ResultChart({
+  headers,
+  rows,
+  dark,
+  detectionResult
+}) {
+  const result = react.useMemo(
+    () => detectionResult ?? chunk5SEVKHS5_cjs.detectCharts(headers, rows),
+    [headers, rows, detectionResult]
+  );
+  const [activeType, setActiveType] = react.useState(null);
+  if (!result.chartable) return null;
+  const currentType = activeType ?? result.recommendations[0].type;
+  const currentRec = result.recommendations.find((r) => r.type === currentType) ?? result.recommendations[0];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-700", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-zinc-100 bg-zinc-50/50 px-3 py-2 dark:border-zinc-800 dark:bg-zinc-900/50", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: currentRec.reason }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ChartTypeSelector,
+        {
+          recommendations: result.recommendations,
+          active: currentType,
+          onChange: setActiveType
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ChartErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ChartRenderer,
+      {
+        rows,
+        rec: currentRec,
+        defaultData: result.data,
+        defaultRec: result.recommendations[0],
+        dark
+      }
+    ) }, currentType)
+  ] });
+}
+
+exports.ResultChart = ResultChart;
+//# sourceMappingURL=result-chart-YLCKBNV4.cjs.map
+//# sourceMappingURL=result-chart-YLCKBNV4.cjs.map

package/dist/result-chart-YLCKBNV4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chart/result-chart.tsx"],"names":["Component","CHART_COLORS_DARK","CHART_COLORS_LIGHT","jsxs","jsx","ResponsiveContainer","BarChart","CartesianGrid","XAxis","YAxis","Tooltip","Legend","Bar","LineChart","Line","PieChart","Pie","Cell","useId","AreaChart","Area","ScatterChart","ZAxis","Scatter","transformData","useMemo","detectCharts","useState"],"mappings":"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","file":"result-chart-YLCKBNV4.cjs","sourcesContent":["\"use client\";\n\nimport { Component, type ReactNode, type ErrorInfo, useMemo, useId, useState } from \"react\";\nimport {\n  ResponsiveContainer,\n  BarChart,\n  Bar,\n  LineChart,\n  Line,\n  AreaChart,\n  Area,\n  ScatterChart,\n  Scatter,\n  ZAxis,\n  PieChart,\n  Pie,\n  Cell,\n  CartesianGrid,\n  XAxis,\n  YAxis,\n  Tooltip,\n  Legend,\n} from \"recharts\";\nimport {\n  detectCharts,\n  transformData,\n  CHART_COLORS_LIGHT,\n  CHART_COLORS_DARK,\n  type ChartRecommendation,\n  type ChartType,\n  type RechartsRow,\n  type ChartDetectionResult,\n} from \"./chart-detection\";\n\n/* ------------------------------------------------------------------ */\n/*  Error boundary                                                       */\n/* ------------------------------------------------------------------ */\n\nclass ChartErrorBoundary extends Component<\n  { children: ReactNode; fallback?: ReactNode },\n  { hasError: boolean }\n> {\n  constructor(props: { children: ReactNode; fallback?: ReactNode }) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(): { hasError: boolean } {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo) {\n    console.error(\"Chart rendering failed:\", error, info.componentStack);\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return this.props.fallback ?? (\n        <div className=\"rounded-lg border border-yellow-300 bg-yellow-50 px-3 py-2 text-xs text-yellow-700 dark:border-yellow-900/50 dark:bg-yellow-950/20 dark:text-yellow-400\">\n          Chart could not be rendered. Switch to Table view to see your data.\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/*  Theme helpers                                                       */\n/* ------------------------------------------------------------------ */\n\nfunction getColors(dark: boolean) {\n  return dark ? CHART_COLORS_DARK : CHART_COLORS_LIGHT;\n}\n\nfunction themeTokens(dark: boolean) {\n  return {\n    grid: dark ? \"#3f3f46\" : \"#e4e4e7\",\n    axis: dark ? \"#a1a1aa\" : \"#71717a\",\n    tooltipBg: dark ? \"#18181b\" : \"#ffffff\",\n    tooltipBorder: dark ? \"#3f3f46\" : \"#e4e4e7\",\n    tooltipText: dark ? \"#e4e4e7\" : \"#27272a\",\n    legendText: dark ? \"#a1a1aa\" : \"#71717a\",\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/*  Number formatter for axis / tooltip                                 */\n/* ------------------------------------------------------------------ */\n\nfunction formatNumber(value: unknown): string {\n  const num = Number(value);\n  if (!isFinite(num)) return String(value ?? \"\");\n  if (Math.abs(num) >= 1_000_000) return `${(num / 1_000_000).toFixed(1)}M`;\n  if (Math.abs(num) >= 1_000) return `${(num / 1_000).toFixed(1)}K`;\n  return Number.isInteger(num) ? num.toLocaleString() : num.toFixed(2);\n}\n\nfunction truncateLabel(label: unknown, maxLen = 12): string {\n  const str = String(label ?? \"\");\n  return str.length > maxLen ? str.slice(0, maxLen) + \"\\u2026\" : str;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Tooltip                                                             */\n/* ------------------------------------------------------------------ */\n\nconst TOOLTIP_LABEL_STYLE = { fontWeight: 600, marginBottom: 4 } as const;\n\nconst tooltipStyleCache = new Map<boolean, React.CSSProperties>();\nfunction getTooltipStyle(dark: boolean): React.CSSProperties {\n  let style = tooltipStyleCache.get(dark);\n  if (!style) {\n    const t = themeTokens(dark);\n    style = {\n      background: t.tooltipBg,\n      border: `1px solid ${t.tooltipBorder}`,\n      borderRadius: 6,\n      padding: \"8px 12px\",\n      fontSize: 12,\n      color: t.tooltipText,\n    };\n    tooltipStyleCache.set(dark, style);\n  }\n  return style;\n}\n\nfunction ChartTooltip({ active, payload, label, dark }: {\n  active?: boolean;\n  payload?: Array<{ name: string; value: number; color: string }>;\n  label?: string;\n  dark: boolean;\n}) {\n  if (!active || !payload?.length) return null;\n  return (\n    <div style={getTooltipStyle(dark)}>\n      {label && <p style={TOOLTIP_LABEL_STYLE}>{label}</p>}\n      {payload.map((entry, i) => (\n        <p key={i} style={{ color: entry.color }}>\n          {entry.name}: {typeof entry.value === \"number\" ? formatNumber(entry.value) : entry.value}\n        </p>\n      ))}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Sub-chart components                                                */\n/* ------------------------------------------------------------------ */\n\nfunction BarChartView({\n  data,\n  rec,\n  dark,\n}: {\n  data: RechartsRow[];\n  rec: ChartRecommendation;\n  dark: boolean;\n}) {\n  const colors = getColors(dark);\n  const t = themeTokens(dark);\n  const catKey = rec.categoryColumn.header;\n  const valKeys = rec.valueColumns.map((c) => c.header);\n\n  return (\n    <div className=\"aspect-[4/3] sm:aspect-[16/9]\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <BarChart data={data} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>\n          <CartesianGrid strokeDasharray=\"3 3\" stroke={t.grid} />\n          <XAxis\n            dataKey={catKey}\n            tick={{ fill: t.axis, fontSize: 11 }}\n            tickFormatter={(v: string) => truncateLabel(v)}\n            angle={-45}\n            textAnchor=\"end\"\n            height={60}\n          />\n          <YAxis tick={{ fill: t.axis, fontSize: 11 }} tickFormatter={formatNumber} />\n          <Tooltip content={<ChartTooltip dark={dark} />} />\n          {valKeys.length > 1 && (\n            <Legend wrapperStyle={{ fontSize: 12, color: t.legendText }} />\n          )}\n          {valKeys.map((key, i) => (\n            <Bar\n              key={key}\n              dataKey={key}\n              fill={colors[i % colors.length]}\n              radius={[4, 4, 0, 0]}\n            />\n          ))}\n        </BarChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\nfunction LineChartView({\n  data,\n  rec,\n  dark,\n}: {\n  data: RechartsRow[];\n  rec: ChartRecommendation;\n  dark: boolean;\n}) {\n  const colors = getColors(dark);\n  const t = themeTokens(dark);\n  const catKey = rec.categoryColumn.header;\n  const valKeys = rec.valueColumns.map((c) => c.header);\n\n  return (\n    <div className=\"aspect-[4/3] sm:aspect-[16/9]\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <LineChart data={data} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>\n          <CartesianGrid strokeDasharray=\"3 3\" stroke={t.grid} />\n          <XAxis\n            dataKey={catKey}\n            tick={{ fill: t.axis, fontSize: 11 }}\n            tickFormatter={(v: string) => truncateLabel(v)}\n            angle={-45}\n            textAnchor=\"end\"\n            height={60}\n          />\n          <YAxis tick={{ fill: t.axis, fontSize: 11 }} tickFormatter={formatNumber} />\n          <Tooltip content={<ChartTooltip dark={dark} />} />\n          {valKeys.length > 1 && (\n            <Legend wrapperStyle={{ fontSize: 12, color: t.legendText }} />\n          )}\n          {valKeys.map((key, i) => (\n            <Line\n              key={key}\n              type=\"monotone\"\n              dataKey={key}\n              stroke={colors[i % colors.length]}\n              strokeWidth={2}\n              dot={{ r: 3, fill: colors[i % colors.length] }}\n              activeDot={{ r: 5 }}\n            />\n          ))}\n        </LineChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\nfunction PieChartView({\n  data,\n  rec,\n  dark,\n}: {\n  data: RechartsRow[];\n  rec: ChartRecommendation;\n  dark: boolean;\n}) {\n  const colors = getColors(dark);\n  const t = themeTokens(dark);\n  const catKey = rec.categoryColumn.header;\n  const valKey = rec.valueColumns[0].header;\n\n  const total = data.reduce((sum, d) => sum + (typeof d[valKey] === \"number\" ? (d[valKey] as number) : 0), 0);\n\n  const hasNegative = data.some(d => typeof d[valKey] === \"number\" && (d[valKey] as number) < 0);\n  if (total <= 0 || hasNegative) {\n    return (\n      <div className=\"flex aspect-[4/3] items-center justify-center text-xs text-zinc-400 sm:aspect-[16/9]\">\n        Pie chart is not suitable for this data.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"aspect-[4/3] sm:aspect-[16/9]\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <PieChart>\n          <Pie\n            data={data}\n            dataKey={valKey}\n            nameKey={catKey}\n            cx=\"50%\"\n            cy=\"50%\"\n            innerRadius={40}\n            outerRadius={100}\n            label={({ name, value }: { name?: string; value?: number }) =>\n              `${truncateLabel(String(name ?? \"\"), 10)} ${total > 0 && value != null ? ((value / total) * 100).toFixed(0) : 0}%`\n            }\n            labelLine={{ stroke: t.axis }}\n            fontSize={11}\n          >\n            {data.map((_, i) => (\n              <Cell key={i} fill={colors[i % colors.length]} />\n            ))}\n          </Pie>\n          <Tooltip content={<ChartTooltip dark={dark} />} />\n        </PieChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Area chart                                                           */\n/* ------------------------------------------------------------------ */\n\nfunction AreaChartView({\n  data,\n  rec,\n  dark,\n}: {\n  data: RechartsRow[];\n  rec: ChartRecommendation;\n  dark: boolean;\n}) {\n  const chartId = useId();\n  const colors = getColors(dark);\n  const t = themeTokens(dark);\n  const catKey = rec.categoryColumn.header;\n  const valKeys = rec.valueColumns.map((c) => c.header);\n\n  return (\n    <ResponsiveContainer width=\"100%\" height={300}>\n      <AreaChart data={data} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>\n        <defs>\n          {valKeys.map((key, i) => (\n            <linearGradient key={key} id={`area-grad-${chartId}-${i}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"5%\" stopColor={colors[i % colors.length]} stopOpacity={0.3} />\n              <stop offset=\"95%\" stopColor={colors[i % colors.length]} stopOpacity={0.05} />\n            </linearGradient>\n          ))}\n        </defs>\n        <CartesianGrid strokeDasharray=\"3 3\" stroke={t.grid} />\n        <XAxis\n          dataKey={catKey}\n          tick={{ fill: t.axis, fontSize: 11 }}\n          tickFormatter={(v: string) => truncateLabel(v)}\n          angle={-45}\n          textAnchor=\"end\"\n          height={60}\n        />\n        <YAxis tick={{ fill: t.axis, fontSize: 11 }} tickFormatter={formatNumber} />\n        <Tooltip content={<ChartTooltip dark={dark} />} />\n        {valKeys.length > 1 && (\n          <Legend wrapperStyle={{ fontSize: 12, color: t.legendText }} />\n        )}\n        {valKeys.map((key, i) => (\n          <Area\n            key={key}\n            type=\"monotone\"\n            dataKey={key}\n            stroke={colors[i % colors.length]}\n            strokeWidth={2}\n            fill={`url(#area-grad-${chartId}-${i})`}\n          />\n        ))}\n      </AreaChart>\n    </ResponsiveContainer>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Stacked bar chart                                                    */\n/* ------------------------------------------------------------------ */\n\nfunction StackedBarChartView({\n  data,\n  rec,\n  dark,\n}: {\n  data: RechartsRow[];\n  rec: ChartRecommendation;\n  dark: boolean;\n}) {\n  const colors = getColors(dark);\n  const t = themeTokens(dark);\n  const catKey = rec.categoryColumn.header;\n  const valKeys = rec.valueColumns.map((c) => c.header);\n\n  return (\n    <ResponsiveContainer width=\"100%\" height={300}>\n      <BarChart data={data} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>\n        <CartesianGrid strokeDasharray=\"3 3\" stroke={t.grid} />\n        <XAxis\n          dataKey={catKey}\n          tick={{ fill: t.axis, fontSize: 11 }}\n          tickFormatter={(v: string) => truncateLabel(v)}\n          angle={-45}\n          textAnchor=\"end\"\n          height={60}\n        />\n        <YAxis tick={{ fill: t.axis, fontSize: 11 }} tickFormatter={formatNumber} />\n        <Tooltip content={<ChartTooltip dark={dark} />} />\n        <Legend wrapperStyle={{ fontSize: 12, color: t.legendText }} />\n        {valKeys.map((key, i) => (\n          <Bar\n            key={key}\n            dataKey={key}\n            stackId=\"a\"\n            fill={colors[i % colors.length]}\n            radius={i === valKeys.length - 1 ? [4, 4, 0, 0] : undefined}\n          />\n        ))}\n      </BarChart>\n    </ResponsiveContainer>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Scatter chart                                                        */\n/* ------------------------------------------------------------------ */\n\nfunction ScatterChartView({\n  data,\n  rec,\n  dark,\n}: {\n  data: RechartsRow[];\n  rec: ChartRecommendation;\n  dark: boolean;\n}) {\n  const colors = getColors(dark);\n  const t = themeTokens(dark);\n  const xKey = rec.categoryColumn.header;\n  const yKey = rec.valueColumns[0].header;\n  const zKey = rec.valueColumns.length > 1 ? rec.valueColumns[1].header : undefined;\n\n  return (\n    <ResponsiveContainer width=\"100%\" height={300}>\n      <ScatterChart margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>\n        <CartesianGrid strokeDasharray=\"3 3\" stroke={t.grid} />\n        <XAxis\n          dataKey={xKey}\n          type=\"number\"\n          name={xKey}\n          tick={{ fill: t.axis, fontSize: 11 }}\n          tickFormatter={formatNumber}\n        />\n        <YAxis\n          dataKey={yKey}\n          type=\"number\"\n          name={yKey}\n          tick={{ fill: t.axis, fontSize: 11 }}\n          tickFormatter={formatNumber}\n        />\n        {zKey && <ZAxis dataKey={zKey} type=\"number\" name={zKey} range={[40, 400]} />}\n        <Tooltip\n          content={<ChartTooltip dark={dark} />}\n          cursor={{ strokeDasharray: \"3 3\" }}\n        />\n        <Scatter\n          data={data}\n          fill={colors[0]}\n        />\n      </ScatterChart>\n    </ResponsiveContainer>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Chart type selector                                                 */\n/* ------------------------------------------------------------------ */\n\nconst CHART_LABELS: Record<ChartType, string> = {\n  bar: \"Bar\",\n  line: \"Line\",\n  pie: \"Pie\",\n  area: \"Area\",\n  \"stacked-bar\": \"Stacked\",\n  scatter: \"Scatter\",\n};\n\nfunction ChartTypeSelector({\n  recommendations,\n  active,\n  onChange,\n}: {\n  recommendations: ChartRecommendation[];\n  active: ChartType;\n  onChange: (t: ChartType) => void;\n}) {\n  if (recommendations.length <= 1) return null;\n\n  const seen = new Set<ChartType>();\n  const unique = recommendations.filter((r) => {\n    if (seen.has(r.type)) return false;\n    seen.add(r.type);\n    return true;\n  });\n\n  if (unique.length <= 1) return null;\n\n  return (\n    <div className=\"flex gap-1\">\n      {unique.map((rec) => (\n        <button\n          key={rec.type}\n          onClick={() => onChange(rec.type)}\n          className={`rounded px-2 py-0.5 text-xs font-medium transition-colors ${\n            active === rec.type\n              ? \"bg-blue-100 text-blue-700 dark:bg-blue-600/20 dark:text-blue-400\"\n              : \"text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200\"\n          }`}\n        >\n          {CHART_LABELS[rec.type]}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Chart renderer (inside error boundary)                               */\n/* ------------------------------------------------------------------ */\n\nfunction ChartRenderer({\n  rows,\n  rec,\n  defaultData,\n  defaultRec,\n  dark,\n}: {\n  rows: string[][];\n  rec: ChartRecommendation;\n  defaultData: RechartsRow[];\n  defaultRec: ChartRecommendation;\n  dark: boolean;\n}) {\n  // Re-transform data when switching chart type (category axis may differ)\n  const chartData = rec === defaultRec ? defaultData : transformData(rows, rec);\n  const type = rec.type;\n\n  return (\n    <div className=\"p-2\">\n      {type === \"bar\" ? <BarChartView data={chartData} rec={rec} dark={dark} />\n        : type === \"line\" ? <LineChartView data={chartData} rec={rec} dark={dark} />\n        : type === \"area\" ? <AreaChartView data={chartData} rec={rec} dark={dark} />\n        : type === \"stacked-bar\" ? <StackedBarChartView data={chartData} rec={rec} dark={dark} />\n        : type === \"scatter\" ? <ScatterChartView data={chartData} rec={rec} dark={dark} />\n        : <PieChartView data={chartData} rec={rec} dark={dark} />}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Main ResultChart component                                          */\n/* ------------------------------------------------------------------ */\n\nexport function ResultChart({\n  headers,\n  rows,\n  dark,\n  detectionResult,\n}: {\n  headers: string[];\n  rows: string[][];\n  dark: boolean;\n  detectionResult?: ChartDetectionResult;\n}) {\n  const result = useMemo(\n    () => detectionResult ?? detectCharts(headers, rows),\n    [headers, rows, detectionResult],\n  );\n\n  const [activeType, setActiveType] = useState<ChartType | null>(null);\n\n  if (!result.chartable) return null;\n\n  const currentType = activeType ?? result.recommendations[0].type;\n  const currentRec = result.recommendations.find((r) => r.type === currentType) ?? result.recommendations[0];\n\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-700\">\n      <div className=\"flex items-center justify-between border-b border-zinc-100 bg-zinc-50/50 px-3 py-2 dark:border-zinc-800 dark:bg-zinc-900/50\">\n        <span className=\"text-xs text-zinc-500 dark:text-zinc-400\">{currentRec.reason}</span>\n        <ChartTypeSelector\n          recommendations={result.recommendations}\n          active={currentType}\n          onChange={setActiveType}\n        />\n      </div>\n      <ChartErrorBoundary key={currentType}>\n        <ChartRenderer\n          rows={rows}\n          rec={currentRec}\n          defaultData={result.data}\n          defaultRec={result.recommendations[0]}\n          dark={dark}\n        />\n      </ChartErrorBoundary>\n    </div>\n  );\n}\n"]}

package/dist/styles.css

@@ -0,0 +1,59 @@
+/*
+ * @useatlas/react — Base styles
+ *
+ * Import this CSS in your app:
+ *   import "@useatlas/react/styles.css";
+ *
+ * Also configure Tailwind CSS 4 to scan this package:
+ *   @source "../node_modules/@useatlas/react/dist";
+ *
+ * These CSS custom properties define the Atlas design tokens.
+ * They match shadcn/ui's "neutral" base with "new-york" style.
+ * Scoped to .atlas-root to avoid clobbering host app styles.
+ */
+
+.atlas-root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --atlas-brand: oklch(0.759 0.148 167.71);
+}
+
+.dark .atlas-root {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+}

package/dist/use-dark-mode-rFxawUv1.d.cts

@@ -0,0 +1,123 @@
+import { ComponentType, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Props passed to custom tool renderers. */
+interface ToolRendererProps<T = unknown> {
+    /** Name of the tool being rendered. */
+    toolName: string;
+    /** Input arguments passed to the tool invocation. */
+    args: Record<string, unknown>;
+    /** Tool output. For built-in tools, `null` while the tool is still running. */
+    result: T;
+    /** Whether the tool invocation is still in progress. */
+    isLoading: boolean;
+}
+/** Result shape from the executeSQL tool. Subset covering fields most useful for rendering. */
+type SQLToolResult = {
+    success: true;
+    columns: string[];
+    rows: Record<string, unknown>[];
+    truncated?: boolean;
+    explanation?: string;
+    row_count?: number;
+} | {
+    success: false;
+    error: string;
+};
+/** Result shape from the explore tool (semantic layer exploration output). */
+type ExploreToolResult = string;
+/** Result shape from the executePython tool. */
+type PythonToolResult = {
+    success: true;
+    output?: string;
+    explanation?: string;
+    table?: {
+        columns: string[];
+        rows: unknown[][];
+    };
+    charts?: {
+        base64: string;
+        mimeType: "image/png";
+    }[];
+    rechartsCharts?: {
+        type: "line" | "bar" | "pie";
+        data: Record<string, unknown>[];
+        categoryKey: string;
+        valueKeys: string[];
+    }[];
+} | {
+    success: false;
+    error: string;
+    output?: string;
+};
+/**
+ * Map of tool names to custom renderer components.
+ *
+ * Known tool names (executeSQL, explore, executePython) get typed result generics.
+ * Arbitrary tool names are also supported via the index signature with `unknown` result type.
+ *
+ * Custom renderers take precedence over built-in defaults, including the action approval UI.
+ */
+type ToolRenderers = {
+    executeSQL?: ComponentType<ToolRendererProps<SQLToolResult | null>>;
+    explore?: ComponentType<ToolRendererProps<ExploreToolResult | null>>;
+    executePython?: ComponentType<ToolRendererProps<PythonToolResult | null>>;
+} & {
+    [toolName: string]: ComponentType<ToolRendererProps> | undefined;
+};
+
+/**
+ * Duck-typed interface that matches better-auth's client shape.
+ * Components like ManagedAuthCard call signIn/signUp/signOut and useSession().
+ */
+interface AtlasAuthClient {
+    signIn: {
+        email: (opts: {
+            email: string;
+            password: string;
+        }) => Promise<{
+            error?: {
+                message?: string;
+            } | null;
+        }>;
+    };
+    signUp: {
+        email: (opts: {
+            email: string;
+            password: string;
+            name: string;
+        }) => Promise<{
+            error?: {
+                message?: string;
+            } | null;
+        }>;
+    };
+    signOut: () => Promise<unknown>;
+    useSession: () => {
+        data?: {
+            user?: {
+                email?: string;
+            };
+        } | null;
+        isPending?: boolean;
+    };
+}
+interface AtlasUIConfig {
+    apiUrl: string;
+    authClient: AtlasAuthClient;
+}
+/** Internal context value — includes derived `isCrossOrigin` computed by the provider. */
+interface AtlasUIContextValue extends AtlasUIConfig {
+    isCrossOrigin: boolean;
+}
+declare function useAtlasConfig(): AtlasUIContextValue;
+declare function AtlasUIProvider({ config, children, }: {
+    config: AtlasUIConfig;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+type ThemeMode = "light" | "dark" | "system";
+
+declare function setTheme(mode: ThemeMode): void;
+
+export { type AtlasAuthClient as A, type ExploreToolResult as E, type PythonToolResult as P, type SQLToolResult as S, type ThemeMode as T, type ToolRenderers as a, type AtlasUIConfig as b, AtlasUIProvider as c, type ToolRendererProps as d, setTheme as s, useAtlasConfig as u };