chordia-ui 3.7.0 → 3.7.2

package/dist/ChartRenderer.es.js

@@ -1,304 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import et, { useRef as nt, useCallback as Y } from "react";
-import { ResponsiveContainer as R, PieChart as rt, Pie as at, Cell as G, Tooltip as D, AreaChart as ot, CartesianGrid as N, XAxis as P, YAxis as K, Legend as j, Area as it, LineChart as lt, Line as st, BarChart as H, Bar as q } from "recharts";
-const r = [
-  "#5E88B0",
-  // rail-discovery / rail-blue
-  "#9B7AA8",
-  // rail-purple / rail-tone
-  "#C98A5A",
-  // rail-compliance / rail-orange
-  "#7BA89D",
-  // rail-signal-upsell (teal-green)
-  "#D17B6B",
-  // rail-coral / rail-signal-churn
-  "#6B7C93",
-  // rail-slate / rail-outcome
-  "#9B8E6F",
-  // rail-olive / rail-signal-satisfaction
-  "#8A9BAF",
-  // rail-quality
-  "#B8976A",
-  // rail-teal (warm gold)
-  "#A8C76B"
-  // green accent (complementary)
-], V = { fill: "var(--text-muted, #666)", fontSize: 12 }, b = { stroke: "var(--border, #e0e0e0)" }, O = "var(--border, #e0e0e0)", z = {
-  contentStyle: {
-    backgroundColor: "var(--paper-elevated, #fff)",
-    border: "1px solid var(--border, #e0e0e0)",
-    borderRadius: "var(--radius-sm, 4px)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-    color: "var(--text-ink, #1e2125)"
-  },
-  labelStyle: { color: "var(--text-strong, #1e2125)" }
-}, U = { color: "var(--text-ink, #1e2125)", fontSize: "12px" }, ct = (l, s) => {
-  if (!l)
-    return !1;
-  const c = l.toLowerCase();
-  return s.filter((o) => String(o).toLowerCase().includes(c)).length < s.length * 0.5;
-}, dt = async (l, s) => {
-  const c = l.querySelector("svg");
-  if (!c)
-    return;
-  const i = c.cloneNode(!0), o = c.clientWidth || 600, h = c.clientHeight || 300;
-  i.setAttribute("width", o), i.setAttribute("height", h), i.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-  const w = document.createElement("style");
-  w.textContent = 'text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }', i.insertBefore(w, i.firstChild);
-  const k = new XMLSerializer().serializeToString(i), f = new Blob([k], { type: "image/svg+xml;charset=utf-8" }), p = URL.createObjectURL(f), x = new Image();
-  x.onload = () => {
-    const m = document.createElement("canvas"), S = 2;
-    m.width = o * S, m.height = h * S;
-    const y = m.getContext("2d");
-    y.fillStyle = "#ffffff", y.fillRect(0, 0, m.width, m.height), y.scale(S, S), y.drawImage(x, 0, 0, o, h), URL.revokeObjectURL(p);
-    const I = document.createElement("a");
-    I.download = `${(s || "chart").replace(/[^a-z0-9]+/gi, "_")}.png`, I.href = m.toDataURL("image/png"), I.click();
-  }, x.src = p;
-}, ht = (l, s) => {
-  const c = ["", ...l.map((h) => h.name)].join(","), i = s.map((h) => {
-    const w = l.map((k) => {
-      const f = k.data.find((p) => p.x === h);
-      return f ? f.y : "";
-    });
-    return [h, ...w].join(",");
-  }), o = [c, ...i].join(`
-`);
-  navigator.clipboard.writeText(o);
-}, pt = ({ onDownload: l, onCopy: s, copied: c }) => /* @__PURE__ */ d("div", { style: {
-  display: "flex",
-  gap: 6,
-  justifyContent: "flex-end",
-  marginBottom: 8,
-  opacity: 0.7,
-  transition: "opacity 0.15s"
-}, children: [
-  /* @__PURE__ */ t("button", { onClick: s, title: "Copy data as CSV", style: {
-    background: "none",
-    border: "1px solid var(--border, #e0e0e0)",
-    borderRadius: "var(--radius-sm, 4px)",
-    padding: "3px 8px",
-    fontSize: 11,
-    color: "var(--text-muted, #666)",
-    cursor: "pointer",
-    display: "flex",
-    alignItems: "center",
-    gap: 4
-  }, children: c ? "✓ Copied" : "📋 CSV" }),
-  /* @__PURE__ */ t("button", { onClick: l, title: "Download as PNG", style: {
-    background: "none",
-    border: "1px solid var(--border, #e0e0e0)",
-    borderRadius: "var(--radius-sm, 4px)",
-    padding: "3px 8px",
-    fontSize: 11,
-    color: "var(--text-muted, #666)",
-    cursor: "pointer",
-    display: "flex",
-    alignItems: "center",
-    gap: 4
-  }, children: "📥 PNG" })
-] }), xt = ({ chartType: l, title: s, xLabel: c, yLabel: i, series: o }) => {
-  const h = nt(null), [w, k] = et.useState(!1);
-  if (!o || o.length === 0)
-    return null;
-  const f = [...new Set(o.flatMap((e) => e.data.map((n) => n.x)))], p = f.map((e) => {
-    const n = { x: e };
-    return o.forEach((u) => {
-      const a = u.data.find((g) => g.x === e);
-      n[u.name] = a ? a.y : null;
-    }), n;
-  }), x = o.map((e) => e.name), m = x.length === 1, S = ct(c, f), y = S ? 20 : 5, E = Math.max(...f.map((e) => String(e).length)) > 12 || f.length > 8, $ = {
-    background: "var(--paper-elevated, #fff)",
-    border: "1px solid var(--border, #e0e0e0)",
-    borderRadius: "var(--radius-md, 8px)",
-    padding: "16px",
-    marginBottom: "16px"
-  }, J = {
-    color: "var(--text-strong, #1e2125)",
-    fontSize: "14px",
-    fontWeight: "600",
-    marginBottom: "12px"
-  }, W = {
-    dataKey: "x",
-    tick: E ? { fill: "var(--text-muted, #666)", fontSize: 11, angle: -35, textAnchor: "end" } : V,
-    axisLine: b,
-    tickLine: b,
-    ...S ? {
-      label: { value: c, position: "insideBottom", offset: -10, style: { textAnchor: "middle", fill: "var(--text-muted, #666)" } }
-    } : {}
-  }, X = {
-    tick: V,
-    axisLine: b,
-    tickLine: b,
-    ...i ? {
-      label: { value: i, angle: -90, position: "insideLeft", style: { textAnchor: "middle", fill: "var(--text-muted, #666)" } }
-    } : {}
-  }, Q = () => {
-    switch (l) {
-      case "bar":
-        return /* @__PURE__ */ t(R, { width: "100%", height: 300, children: /* @__PURE__ */ d(H, { data: p, margin: { top: 5, right: 30, left: 20, bottom: E ? 40 : y }, children: [
-          /* @__PURE__ */ t(N, { strokeDasharray: "3 3", stroke: O }),
-          /* @__PURE__ */ t(P, { ...W }),
-          /* @__PURE__ */ t(K, { ...X }),
-          /* @__PURE__ */ t(D, { ...z }),
-          !m && /* @__PURE__ */ t(j, { wrapperStyle: U }),
-          x.map((e, n) => /* @__PURE__ */ t(q, { dataKey: e, fill: r[n % r.length], radius: [2, 2, 0, 0], isAnimationActive: !1, children: m && p.map((u, a) => /* @__PURE__ */ t(G, { fill: r[a % r.length] }, a)) }, e))
-        ] }) });
-      case "horizontal_bar":
-        return /* @__PURE__ */ t(R, { width: "100%", height: Math.max(300, p.length * 40), children: /* @__PURE__ */ d(H, { data: p, layout: "vertical", margin: { top: 5, right: 30, left: 100, bottom: 5 }, children: [
-          /* @__PURE__ */ t(N, { strokeDasharray: "3 3", stroke: O }),
-          /* @__PURE__ */ t(
-            P,
-            {
-              type: "number",
-              tick: V,
-              axisLine: b,
-              tickLine: b,
-              ...i ? { label: { value: i, position: "insideBottom", offset: -5, style: { textAnchor: "middle", fill: "var(--text-muted, #666)" } } } : {}
-            }
-          ),
-          /* @__PURE__ */ t(K, { type: "category", dataKey: "x", tick: { fill: "var(--text-muted, #666)", fontSize: 11 }, width: 90, axisLine: b, tickLine: b }),
-          /* @__PURE__ */ t(D, { ...z }),
-          !m && /* @__PURE__ */ t(j, { wrapperStyle: U }),
-          x.map((e, n) => /* @__PURE__ */ t(q, { dataKey: e, fill: r[n % r.length], radius: [0, 2, 2, 0], isAnimationActive: !1, children: m && p.map((u, a) => /* @__PURE__ */ t(G, { fill: r[a % r.length] }, a)) }, e))
-        ] }) });
-      case "line":
-        return /* @__PURE__ */ t(R, { width: "100%", height: 300, children: /* @__PURE__ */ d(lt, { data: p, margin: { top: 5, right: 30, left: 20, bottom: E ? 40 : y }, children: [
-          /* @__PURE__ */ t(N, { strokeDasharray: "3 3", stroke: O }),
-          /* @__PURE__ */ t(P, { ...W }),
-          /* @__PURE__ */ t(K, { ...X }),
-          /* @__PURE__ */ t(D, { ...z }),
-          /* @__PURE__ */ t(j, { wrapperStyle: U }),
-          x.map((e, n) => /* @__PURE__ */ t(
-            st,
-            {
-              type: "monotone",
-              dataKey: e,
-              stroke: r[n % r.length],
-              strokeWidth: 2,
-              dot: { r: 4, fill: r[n % r.length] },
-              activeDot: { r: 6, fill: r[n % r.length] },
-              isAnimationActive: !1
-            },
-            e
-          ))
-        ] }) });
-      case "area":
-        return /* @__PURE__ */ t(R, { width: "100%", height: 300, children: /* @__PURE__ */ d(ot, { data: p, margin: { top: 5, right: 30, left: 20, bottom: E ? 40 : y }, children: [
-          /* @__PURE__ */ t(N, { strokeDasharray: "3 3", stroke: O }),
-          /* @__PURE__ */ t(P, { ...W }),
-          /* @__PURE__ */ t(K, { ...X }),
-          /* @__PURE__ */ t(D, { ...z }),
-          /* @__PURE__ */ t(j, { wrapperStyle: U }),
-          x.map((e, n) => /* @__PURE__ */ t(
-            it,
-            {
-              type: "monotone",
-              dataKey: e,
-              stroke: r[n % r.length],
-              strokeWidth: 2,
-              fill: r[n % r.length],
-              fillOpacity: 0.15,
-              isAnimationActive: !1
-            },
-            e
-          ))
-        ] }) });
-      case "pie": {
-        const e = o[0].data.map((a, g) => ({
-          name: a.x,
-          value: a.y,
-          fill: r[g % r.length]
-        })), n = Math.PI / 180;
-        return /* @__PURE__ */ t(R, { width: "100%", height: 320, children: /* @__PURE__ */ d(rt, { children: [
-          /* @__PURE__ */ t(
-            at,
-            {
-              data: e,
-              cx: "50%",
-              cy: "50%",
-              outerRadius: 100,
-              dataKey: "value",
-              label: ({ cx: a, cy: g, midAngle: A, innerRadius: L, outerRadius: F, percent: C, name: B }) => {
-                const M = F + 20, T = a + M * Math.cos(-A * n), _ = g + M * Math.sin(-A * n);
-                return C < 0.04 ? null : /* @__PURE__ */ d(
-                  "text",
-                  {
-                    x: T,
-                    y: _,
-                    fill: "var(--text-ink, #1e2125)",
-                    fontSize: 11,
-                    textAnchor: T > a ? "start" : "end",
-                    dominantBaseline: "central",
-                    children: [
-                      B,
-                      " (",
-                      (C * 100).toFixed(0),
-                      "%)"
-                    ]
-                  }
-                );
-              },
-              labelLine: { stroke: "var(--text-muted, #666)" },
-              isAnimationActive: !1,
-              children: e.map((a, g) => /* @__PURE__ */ t(G, { fill: a.fill }, g))
-            }
-          ),
-          /* @__PURE__ */ t(D, { ...z })
-        ] }) });
-      }
-      case "metric": {
-        const e = o[0], n = e.data[0], u = e.data.length > 1 ? e.data[1] : null, a = n.y, g = n.x || "", A = u !== null, L = A ? a - u.y : 0, F = A && u.y !== 0 ? L / Math.abs(u.y) * 100 : 0, C = L > 0, B = L < 0, M = C ? "#7BA89D" : B ? "#D17B6B" : "var(--text-muted, #666)", T = C ? "↑" : B ? "↓" : "→", _ = (v) => Number.isInteger(v) && Math.abs(v) >= 1e3 ? v.toLocaleString() : typeof v == "number" ? v % 1 === 0 ? v.toString() : v.toFixed(v < 10 ? 2 : 1) : String(v);
-        return /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "baseline", gap: 12, padding: "8px 0" }, children: [
-          /* @__PURE__ */ t("div", { style: {
-            fontSize: "36px",
-            fontWeight: 700,
-            lineHeight: 1,
-            color: "var(--text-strong, #1e2125)",
-            fontVariantNumeric: "tabular-nums"
-          }, children: _(a) }),
-          g && /* @__PURE__ */ t("div", { style: { fontSize: "14px", color: "var(--text-muted, #666)", fontWeight: 500 }, children: g }),
-          A && /* @__PURE__ */ d("div", { style: {
-            display: "flex",
-            alignItems: "center",
-            gap: 4,
-            fontSize: "13px",
-            fontWeight: 600,
-            color: M,
-            background: C ? "rgba(123,168,157,0.12)" : B ? "rgba(209,123,107,0.12)" : "rgba(128,128,128,0.08)",
-            padding: "3px 8px",
-            borderRadius: "var(--radius-sm, 4px)"
-          }, children: [
-            /* @__PURE__ */ t("span", { children: T }),
-            /* @__PURE__ */ d("span", { children: [
-              _(Math.abs(L)),
-              " (",
-              Math.abs(F).toFixed(1),
-              "%)"
-            ] })
-          ] }),
-          A && /* @__PURE__ */ d("div", { style: { fontSize: "11px", color: "var(--text-faint, #999)" }, children: [
-            "vs ",
-            u.x || "previous"
-          ] })
-        ] });
-      }
-      default:
-        return /* @__PURE__ */ d("div", { style: { color: "var(--text-muted)", fontSize: 12, padding: 8 }, children: [
-          "Unsupported chart type: ",
-          l
-        ] });
-    }
-  }, Z = Y(() => {
-    h.current && dt(h.current, s);
-  }, [s]), tt = Y(() => {
-    ht(o, f), k(!0), setTimeout(() => k(!1), 2e3);
-  }, [o, f]);
-  return /* @__PURE__ */ d("div", { style: $, children: [
-    s && /* @__PURE__ */ t("div", { style: J, children: s }),
-    l !== "metric" && /* @__PURE__ */ t(pt, { onDownload: Z, onCopy: tt, copied: w }),
-    /* @__PURE__ */ t("div", { ref: h, children: Q() })
-  ] });
-};
-export {
-  xt as C
-};
-//# sourceMappingURL=ChartRenderer.es.js.map

package/dist/ChartRenderer.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartRenderer.es.js","sources":["../src/components/chat/ChartRenderer.jsx"],"sourcesContent":["\"use client\";\nimport React, { useRef, useCallback } from 'react';\nimport {\n  ResponsiveContainer, BarChart, Bar, Cell, LineChart, Line,\n  XAxis, YAxis, CartesianGrid, Tooltip, Legend,\n  PieChart, Pie, AreaChart, Area,\n} from 'recharts';\n\n// Chordia design system rail colors — ordered for max visual distinction\nconst COLORS = [\n  '#5E88B0', // rail-discovery / rail-blue\n  '#9B7AA8', // rail-purple / rail-tone\n  '#C98A5A', // rail-compliance / rail-orange\n  '#7BA89D', // rail-signal-upsell (teal-green)\n  '#D17B6B', // rail-coral / rail-signal-churn\n  '#6B7C93', // rail-slate / rail-outcome\n  '#9B8E6F', // rail-olive / rail-signal-satisfaction\n  '#8A9BAF', // rail-quality\n  '#B8976A', // rail-teal (warm gold)\n  '#A8C76B', // green accent (complementary)\n];\n\n// Shared axis/tooltip/legend styling\nconst AXIS_TICK = { fill: 'var(--text-muted, #666)', fontSize: 12 };\nconst AXIS_LINE = { stroke: 'var(--border, #e0e0e0)' };\nconst GRID_STROKE = 'var(--border, #e0e0e0)';\nconst TOOLTIP_STYLE = {\n  contentStyle: {\n    backgroundColor: 'var(--paper-elevated, #fff)',\n    border: '1px solid var(--border, #e0e0e0)',\n    borderRadius: 'var(--radius-sm, 4px)',\n    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',\n    color: 'var(--text-ink, #1e2125)',\n  },\n  labelStyle: { color: 'var(--text-strong, #1e2125)' },\n};\nconst LEGEND_STYLE = { color: 'var(--text-ink, #1e2125)', fontSize: '12px' };\n\n// Smart label: skip x_label if tick values already contain the label text\nconst shouldShowAxisLabel = (label, tickValues) => {\n  if (!label) return false;\n  const lower = label.toLowerCase();\n  // If most ticks contain the label word, it's redundant\n  const matches = tickValues.filter(v => String(v).toLowerCase().includes(lower));\n  return matches.length < tickValues.length * 0.5;\n};\n\n// --- Export utilities ---\nconst downloadPng = async (containerEl, title) => {\n  const svg = containerEl.querySelector('svg');\n  if (!svg) return;\n  const clone = svg.cloneNode(true);\n  // Ensure dimensions\n  const w = svg.clientWidth || 600;\n  const h = svg.clientHeight || 300;\n  clone.setAttribute('width', w);\n  clone.setAttribute('height', h);\n  clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n  // Inline computed styles for export fidelity\n  const styleEl = document.createElement('style');\n  styleEl.textContent = `text { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; }`;\n  clone.insertBefore(styleEl, clone.firstChild);\n  const xml = new XMLSerializer().serializeToString(clone);\n  const blob = new Blob([xml], { type: 'image/svg+xml;charset=utf-8' });\n  const url = URL.createObjectURL(blob);\n  const img = new Image();\n  img.onload = () => {\n    const canvas = document.createElement('canvas');\n    const scale = 2; // retina\n    canvas.width = w * scale;\n    canvas.height = h * scale;\n    const ctx = canvas.getContext('2d');\n    ctx.fillStyle = '#ffffff';\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\n    ctx.scale(scale, scale);\n    ctx.drawImage(img, 0, 0, w, h);\n    URL.revokeObjectURL(url);\n    const link = document.createElement('a');\n    link.download = `${(title || 'chart').replace(/[^a-z0-9]+/gi, '_')}.png`;\n    link.href = canvas.toDataURL('image/png');\n    link.click();\n  };\n  img.src = url;\n};\n\nconst copyAsCsv = (series, allXValues) => {\n  const header = ['', ...series.map(s => s.name)].join(',');\n  const rows = allXValues.map(x => {\n    const vals = series.map(s => {\n      const match = s.data.find(d => d.x === x);\n      return match ? match.y : '';\n    });\n    return [x, ...vals].join(',');\n  });\n  const csv = [header, ...rows].join('\\n');\n  navigator.clipboard.writeText(csv);\n};\n\nconst ActionBar = ({ onDownload, onCopy, copied }) => (\n  <div style={{\n    display: 'flex', gap: 6, justifyContent: 'flex-end',\n    marginBottom: 8, opacity: 0.7, transition: 'opacity 0.15s',\n  }}>\n    <button onClick={onCopy} title=\"Copy data as CSV\" style={{\n      background: 'none', border: '1px solid var(--border, #e0e0e0)',\n      borderRadius: 'var(--radius-sm, 4px)', padding: '3px 8px',\n      fontSize: 11, color: 'var(--text-muted, #666)', cursor: 'pointer',\n      display: 'flex', alignItems: 'center', gap: 4,\n    }}>\n      {copied ? '✓ Copied' : '📋 CSV'}\n    </button>\n    <button onClick={onDownload} title=\"Download as PNG\" style={{\n      background: 'none', border: '1px solid var(--border, #e0e0e0)',\n      borderRadius: 'var(--radius-sm, 4px)', padding: '3px 8px',\n      fontSize: 11, color: 'var(--text-muted, #666)', cursor: 'pointer',\n      display: 'flex', alignItems: 'center', gap: 4,\n    }}>\n      📥 PNG\n    </button>\n  </div>\n);\n\nconst ChartRenderer = ({ chartType, title, xLabel, yLabel, series }) => {\n  const chartRef = useRef(null);\n  const [copied, setCopied] = React.useState(false);\n\n  if (!series || series.length === 0) return null;\n\n  // Transform: merge all series into [{x, series1: val, series2: val}, ...]\n  const allXValues = [...new Set(series.flatMap(s => s.data.map(d => d.x)))];\n  const chartData = allXValues.map(x => {\n    const point = { x };\n    series.forEach(s => {\n      const match = s.data.find(d => d.x === x);\n      point[s.name] = match ? match.y : null;\n    });\n    return point;\n  });\n\n  const seriesNames = series.map(s => s.name);\n  const isSingleSeries = seriesNames.length === 1;\n\n  // Determine if axis labels are redundant\n  const showXLabel = shouldShowAxisLabel(xLabel, allXValues);\n  const bottomMargin = showXLabel ? 20 : 5;\n\n  // Check if x-axis labels are long (rotate them)\n  const maxTickLen = Math.max(...allXValues.map(v => String(v).length));\n  const rotateXTicks = maxTickLen > 12 || allXValues.length > 8;\n\n  const containerStyle = {\n    background: 'var(--paper-elevated, #fff)',\n    border: '1px solid var(--border, #e0e0e0)',\n    borderRadius: 'var(--radius-md, 8px)',\n    padding: '16px',\n    marginBottom: '16px',\n  };\n\n  const titleStyle = {\n    color: 'var(--text-strong, #1e2125)',\n    fontSize: '14px',\n    fontWeight: '600',\n    marginBottom: '12px',\n  };\n\n  const xAxisProps = {\n    dataKey: 'x',\n    tick: rotateXTicks\n      ? { fill: 'var(--text-muted, #666)', fontSize: 11, angle: -35, textAnchor: 'end' }\n      : AXIS_TICK,\n    axisLine: AXIS_LINE,\n    tickLine: AXIS_LINE,\n    ...(showXLabel ? {\n      label: { value: xLabel, position: 'insideBottom', offset: -10, style: { textAnchor: 'middle', fill: 'var(--text-muted, #666)' } }\n    } : {}),\n  };\n\n  const yAxisProps = {\n    tick: AXIS_TICK,\n    axisLine: AXIS_LINE,\n    tickLine: AXIS_LINE,\n    ...(yLabel ? {\n      label: { value: yLabel, angle: -90, position: 'insideLeft', style: { textAnchor: 'middle', fill: 'var(--text-muted, #666)' } }\n    } : {}),\n  };\n\n  const renderChart = () => {\n    switch (chartType) {\n      case 'bar':\n        return (\n          <ResponsiveContainer width=\"100%\" height={300}>\n            <BarChart data={chartData} margin={{ top: 5, right: 30, left: 20, bottom: rotateXTicks ? 40 : bottomMargin }}>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke={GRID_STROKE} />\n              <XAxis {...xAxisProps} />\n              <YAxis {...yAxisProps} />\n              <Tooltip {...TOOLTIP_STYLE} />\n              {!isSingleSeries && <Legend wrapperStyle={LEGEND_STYLE} />}\n              {seriesNames.map((name, i) => (\n                <Bar key={name} dataKey={name} fill={COLORS[i % COLORS.length]} radius={[2, 2, 0, 0]} isAnimationActive={false}>\n                  {isSingleSeries && chartData.map((_, idx) => (\n                    <Cell key={idx} fill={COLORS[idx % COLORS.length]} />\n                  ))}\n                </Bar>\n              ))}\n            </BarChart>\n          </ResponsiveContainer>\n        );\n\n      case 'horizontal_bar': {\n        // Horizontal bar: swap X/Y, use YAxis for categories\n        return (\n          <ResponsiveContainer width=\"100%\" height={Math.max(300, chartData.length * 40)}>\n            <BarChart data={chartData} layout=\"vertical\" margin={{ top: 5, right: 30, left: 100, bottom: 5 }}>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke={GRID_STROKE} />\n              <XAxis type=\"number\" tick={AXIS_TICK} axisLine={AXIS_LINE} tickLine={AXIS_LINE}\n                {...(yLabel ? { label: { value: yLabel, position: 'insideBottom', offset: -5, style: { textAnchor: 'middle', fill: 'var(--text-muted, #666)' } } } : {})}\n              />\n              <YAxis type=\"category\" dataKey=\"x\" tick={{ fill: 'var(--text-muted, #666)', fontSize: 11 }} width={90} axisLine={AXIS_LINE} tickLine={AXIS_LINE} />\n              <Tooltip {...TOOLTIP_STYLE} />\n              {!isSingleSeries && <Legend wrapperStyle={LEGEND_STYLE} />}\n              {seriesNames.map((name, i) => (\n                <Bar key={name} dataKey={name} fill={COLORS[i % COLORS.length]} radius={[0, 2, 2, 0]} isAnimationActive={false}>\n                  {isSingleSeries && chartData.map((_, idx) => (\n                    <Cell key={idx} fill={COLORS[idx % COLORS.length]} />\n                  ))}\n                </Bar>\n              ))}\n            </BarChart>\n          </ResponsiveContainer>\n        );\n      }\n\n      case 'line':\n        return (\n          <ResponsiveContainer width=\"100%\" height={300}>\n            <LineChart data={chartData} margin={{ top: 5, right: 30, left: 20, bottom: rotateXTicks ? 40 : bottomMargin }}>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke={GRID_STROKE} />\n              <XAxis {...xAxisProps} />\n              <YAxis {...yAxisProps} />\n              <Tooltip {...TOOLTIP_STYLE} />\n              <Legend wrapperStyle={LEGEND_STYLE} />\n              {seriesNames.map((name, i) => (\n                <Line key={name} type=\"monotone\" dataKey={name}\n                  stroke={COLORS[i % COLORS.length]} strokeWidth={2}\n                  dot={{ r: 4, fill: COLORS[i % COLORS.length] }}\n                  activeDot={{ r: 6, fill: COLORS[i % COLORS.length] }}\n                  isAnimationActive={false}\n                />\n              ))}\n            </LineChart>\n          </ResponsiveContainer>\n        );\n\n      case 'area':\n        return (\n          <ResponsiveContainer width=\"100%\" height={300}>\n            <AreaChart data={chartData} margin={{ top: 5, right: 30, left: 20, bottom: rotateXTicks ? 40 : bottomMargin }}>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke={GRID_STROKE} />\n              <XAxis {...xAxisProps} />\n              <YAxis {...yAxisProps} />\n              <Tooltip {...TOOLTIP_STYLE} />\n              <Legend wrapperStyle={LEGEND_STYLE} />\n              {seriesNames.map((name, i) => (\n                <Area key={name} type=\"monotone\" dataKey={name}\n                  stroke={COLORS[i % COLORS.length]} strokeWidth={2}\n                  fill={COLORS[i % COLORS.length]} fillOpacity={0.15}\n                  isAnimationActive={false}\n                />\n              ))}\n            </AreaChart>\n          </ResponsiveContainer>\n        );\n\n      case 'pie': {\n        // Pie uses first series only\n        const pieData = series[0].data.map((d, i) => ({\n          name: d.x,\n          value: d.y,\n          fill: COLORS[i % COLORS.length],\n        }));\n        const RADIAN = Math.PI / 180;\n        const renderLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, percent, name }) => {\n          const radius = outerRadius + 20;\n          const x = cx + radius * Math.cos(-midAngle * RADIAN);\n          const y = cy + radius * Math.sin(-midAngle * RADIAN);\n          if (percent < 0.04) return null;\n          return (\n            <text x={x} y={y} fill=\"var(--text-ink, #1e2125)\" fontSize={11}\n              textAnchor={x > cx ? 'start' : 'end'} dominantBaseline=\"central\">\n              {name} ({(percent * 100).toFixed(0)}%)\n            </text>\n          );\n        };\n        return (\n          <ResponsiveContainer width=\"100%\" height={320}>\n            <PieChart>\n              <Pie data={pieData} cx=\"50%\" cy=\"50%\" outerRadius={100}\n                dataKey=\"value\" label={renderLabel} labelLine={{ stroke: 'var(--text-muted, #666)' }}\n                isAnimationActive={false}>\n                {pieData.map((entry, i) => (\n                  <Cell key={i} fill={entry.fill} />\n                ))}\n              </Pie>\n              <Tooltip {...TOOLTIP_STYLE} />\n            </PieChart>\n          </ResponsiveContainer>\n        );\n      }\n\n      case 'metric': {\n        const s = series[0];\n        const current = s.data[0];\n        const previous = s.data.length > 1 ? s.data[1] : null;\n        const value = current.y;\n        const unit = current.x || '';\n        const hasTrend = previous !== null;\n        const change = hasTrend ? value - previous.y : 0;\n        const pctChange = hasTrend && previous.y !== 0 ? ((change / Math.abs(previous.y)) * 100) : 0;\n        const isPositive = change > 0;\n        const isNegative = change < 0;\n        const trendColor = isPositive ? '#7BA89D' : isNegative ? '#D17B6B' : 'var(--text-muted, #666)';\n        const trendArrow = isPositive ? '↑' : isNegative ? '↓' : '→';\n\n        // Format large numbers nicely\n        const fmt = (n) => {\n          if (Number.isInteger(n) && Math.abs(n) >= 1000) return n.toLocaleString();\n          if (typeof n === 'number') return n % 1 === 0 ? n.toString() : n.toFixed(n < 10 ? 2 : 1);\n          return String(n);\n        };\n\n        return (\n          <div style={{ display: 'flex', alignItems: 'baseline', gap: 12, padding: '8px 0' }}>\n            <div style={{\n              fontSize: '36px', fontWeight: 700, lineHeight: 1,\n              color: 'var(--text-strong, #1e2125)',\n              fontVariantNumeric: 'tabular-nums',\n            }}>\n              {fmt(value)}\n            </div>\n            {unit && (\n              <div style={{ fontSize: '14px', color: 'var(--text-muted, #666)', fontWeight: 500 }}>\n                {unit}\n              </div>\n            )}\n            {hasTrend && (\n              <div style={{\n                display: 'flex', alignItems: 'center', gap: 4,\n                fontSize: '13px', fontWeight: 600, color: trendColor,\n                background: isPositive ? 'rgba(123,168,157,0.12)' : isNegative ? 'rgba(209,123,107,0.12)' : 'rgba(128,128,128,0.08)',\n                padding: '3px 8px', borderRadius: 'var(--radius-sm, 4px)',\n              }}>\n                <span>{trendArrow}</span>\n                <span>{fmt(Math.abs(change))} ({Math.abs(pctChange).toFixed(1)}%)</span>\n              </div>\n            )}\n            {hasTrend && (\n              <div style={{ fontSize: '11px', color: 'var(--text-faint, #999)' }}>\n                vs {previous.x || 'previous'}\n              </div>\n            )}\n          </div>\n        );\n      }\n\n      default:\n        return <div style={{ color: 'var(--text-muted)', fontSize: 12, padding: 8 }}>Unsupported chart type: {chartType}</div>;\n    }\n  };\n\n  const handleDownload = useCallback(() => {\n    if (chartRef.current) downloadPng(chartRef.current, title);\n  }, [title]);\n\n  const handleCopy = useCallback(() => {\n    copyAsCsv(series, allXValues);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, [series, allXValues]);\n\n  const showActions = chartType !== 'metric';\n\n  return (\n    <div style={containerStyle}>\n      {title && <div style={titleStyle}>{title}</div>}\n      {showActions && <ActionBar onDownload={handleDownload} onCopy={handleCopy} copied={copied} />}\n      <div ref={chartRef}>\n        {renderChart()}\n      </div>\n    </div>\n  );\n};\n\nexport default ChartRenderer;\n"],"names":["COLORS","AXIS_TICK","AXIS_LINE","GRID_STROKE","TOOLTIP_STYLE","LEGEND_STYLE","shouldShowAxisLabel","label","tickValues","lower","v","downloadPng","containerEl","title","svg","clone","w","styleEl","xml","blob","url","img","canvas","scale","ctx","link","copyAsCsv","series","allXValues","header","s","rows","x","vals","match","d","csv","ActionBar","onDownload","onCopy","copied","jsxs","jsx","ChartRenderer","chartType","xLabel","yLabel","chartRef","useRef","setCopied","React","chartData","point","seriesNames","isSingleSeries","showXLabel","bottomMargin","rotateXTicks","containerStyle","titleStyle","xAxisProps","yAxisProps","renderChart","ResponsiveContainer","BarChart","CartesianGrid","XAxis","YAxis","Tooltip","Legend","name","i","Bar","_","idx","Cell","LineChart","Line","AreaChart","Area","pieData","RADIAN","PieChart","Pie","cx","cy","midAngle","innerRadius","outerRadius","percent","radius","y","entry","current","previous","value","unit","hasTrend","change","pctChange","isPositive","isNegative","trendColor","trendArrow","fmt","n","handleDownload","useCallback","handleCopy"],"mappings":"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"}