chordia-ui 3.9.2 → 3.9.4

package/dist/ChatMessage.es.js

@@ -1,8 +1,8 @@
-import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import Z, { useRef as pt, useCallback as at, useState as gt } from "react";
-import { ResponsiveContainer as N, PieChart as ut, Pie as mt, Cell as nt, Tooltip as O, AreaChart as ft, CartesianGrid as q, XAxis as G, YAxis as V, Legend as J, Area as xt, LineChart as bt, Line as yt, BarChart as st, Bar as lt } from "recharts";
-import { Wrench as vt, Check as wt, Copy as St, PanelRightOpen as kt } from "lucide-react";
-const w = [
+import { jsxs as y, jsx as e, Fragment as ye } from "react/jsx-runtime";
+import re, { useRef as he, useCallback as ce, useState as G, useEffect as be } from "react";
+import { ResponsiveContainer as N, PieChart as ve, Pie as we, Cell as ae, Tooltip as U, AreaChart as Se, CartesianGrid as Z, XAxis as J, YAxis as Q, Legend as ee, Area as ke, LineChart as Ce, Line as Ae, BarChart as de, Bar as pe } from "recharts";
+import { Wrench as Re, Check as ge, Copy as ue, ThumbsUp as Be, ThumbsDown as ze, PanelRightOpen as Le } from "lucide-react";
+const C = [
   "#5E88B0",
   // rail-discovery / rail-blue
   "#9B7AA8",
@@ -23,7 +23,7 @@ const w = [
   // rail-teal (warm gold)
   "#A8C76B"
   // green accent (complementary)
-], ot = { fill: "var(--text-muted, #666)", fontSize: 12 }, I = { stroke: "var(--border, #e0e0e0)" }, Q = "var(--border, #e0e0e0)", F = {
+], se = { fill: "var(--text-muted, #666)", fontSize: 12 }, I = { stroke: "var(--border, #e0e0e0)" }, te = "var(--border, #e0e0e0)", X = {
   // pointerEvents: 'none' is critical — without it, the tooltip steals hover from chart elements
   // and flickers (especially noticeable on pie slices).
   // transition: 'none' disables Recharts' default position-slide animation, so the tooltip
@@ -34,7 +34,7 @@ const w = [
     outline: "none",
     transition: "none"
   }
-}, Ct = { color: "var(--text-ink, #1e2125)", fontSize: "12px" }, X = ({ active: d, payload: c, label: g }) => !d || !c || !c.length ? null : /* @__PURE__ */ y(
+}, Te = { color: "var(--text-ink, #1e2125)", fontSize: "12px" }, K = ({ active: l, payload: d, label: c }) => !l || !d || !d.length ? null : /* @__PURE__ */ y(
   "div",
   {
     className: "chordia-chart-tooltip",
@@ -56,7 +56,7 @@ const w = [
       pointerEvents: "auto"
     },
     children: [
-      /* @__PURE__ */ t("style", { children: `
+      /* @__PURE__ */ e("style", { children: `
         .chordia-chart-tooltip::-webkit-scrollbar { width: 8px; }
         .chordia-chart-tooltip::-webkit-scrollbar-track { background: transparent; }
         .chordia-chart-tooltip::-webkit-scrollbar-thumb {
@@ -67,7 +67,7 @@ const w = [
           background: rgba(52, 58, 64, 0.4);
         }
       ` }),
-      g !== void 0 && g !== "" && /* @__PURE__ */ t(
+      c !== void 0 && c !== "" && /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -80,12 +80,12 @@ const w = [
             paddingBottom: 6,
             borderBottom: "1px solid rgba(52, 58, 64, 0.08)"
           },
-          children: g
+          children: c
         }
       ),
-      /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: c.map((a, i) => {
-        var h;
-        const u = a.color || ((h = a.payload) == null ? void 0 : h.fill) || "#9CA3AF";
+      /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: d.map((o, a) => {
+        var p;
+        const f = o.color || ((p = o.payload) == null ? void 0 : p.fill) || "#9CA3AF";
         return /* @__PURE__ */ y(
           "div",
           {
@@ -97,19 +97,19 @@ const w = [
             },
             children: [
               /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e(
                   "span",
                   {
                     style: {
                       width: 8,
                       height: 8,
                       borderRadius: "50%",
-                      background: u,
+                      background: f,
                       flexShrink: 0
                     }
                   }
                 ),
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e(
                   "span",
                   {
                     style: {
@@ -118,93 +118,93 @@ const w = [
                       textOverflow: "ellipsis",
                       whiteSpace: "nowrap"
                     },
-                    children: a.name
+                    children: o.name
                   }
                 )
               ] }),
-              /* @__PURE__ */ t("span", { style: { color: "#111827", fontWeight: 600, marginLeft: 8 }, children: a.value })
+              /* @__PURE__ */ e("span", { style: { color: "#111827", fontWeight: 600, marginLeft: 8 }, children: o.value })
             ]
           },
-          i
+          a
         );
       }) })
     ]
   }
-), At = (d, c) => {
-  if (!d)
+), Me = (l, d) => {
+  if (!l)
     return !1;
-  const g = d.toLowerCase();
-  return c.filter((i) => String(i).toLowerCase().includes(g)).length < c.length * 0.5;
-}, Bt = (d) => {
-  const c = Array.from(d.querySelectorAll(".recharts-wrapper")), g = c.length ? c.reduce((h, k) => {
-    const x = h.getBoundingClientRect(), o = k.getBoundingClientRect();
-    return o.width * o.height > x.width * x.height ? k : h;
+  const c = l.toLowerCase();
+  return d.filter((a) => String(a).toLowerCase().includes(c)).length < d.length * 0.5;
+}, $e = (l) => {
+  const d = Array.from(l.querySelectorAll(".recharts-wrapper")), c = d.length ? d.reduce((p, k) => {
+    const v = p.getBoundingClientRect(), g = k.getBoundingClientRect();
+    return g.width * g.height > v.width * v.height ? k : p;
   }) : null;
-  if (g) {
-    const h = g.querySelector("svg.recharts-surface");
-    if (h) {
-      const k = h.getBoundingClientRect();
+  if (c) {
+    const p = c.querySelector("svg.recharts-surface");
+    if (p) {
+      const k = p.getBoundingClientRect();
       if (k.width >= 100 && k.height >= 100)
-        return h;
+        return p;
     }
   }
-  const a = Array.from(d.querySelectorAll("svg"));
-  if (!a.length)
+  const o = Array.from(l.querySelectorAll("svg"));
+  if (!o.length)
     return null;
-  const i = a.reduce((h, k) => {
-    const x = h.getBoundingClientRect(), o = k.getBoundingClientRect();
-    return o.width * o.height > x.width * x.height ? k : h;
-  }), u = i.getBoundingClientRect();
-  return u.width < 100 || u.height < 100 ? null : i;
-}, Rt = (d) => String(d).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;"), Lt = ({ chartSvg: d, width: c, height: g, legendItems: a = [] }) => {
-  const i = d.cloneNode(!0), u = 20, h = 16, x = c - 16, o = [];
-  let l = [], n = 0;
-  a.forEach(({ label: f, color: s }) => {
-    const m = Math.max(40, String(f).length * 7 + 34);
-    l.length && h + n + m > x && (o.push(l), l = [], n = 0), l.push({ label: f, color: s, itemWidth: m }), n += m;
-  }), l.length && o.push(l);
-  const e = o.length ? o.length * u + 20 : 0, r = g + e;
-  i.setAttribute("width", c), i.setAttribute("height", g), i.setAttribute("x", 0), i.setAttribute("y", 0);
-  const b = o.map((f, s) => {
-    let m = h;
-    const S = g + 20 + s * u;
-    return f.map(({ label: B, color: L, itemWidth: D }) => {
-      const T = `<line x1="${m}" y1="${S}" x2="${m + 10}" y2="${S}" stroke="${L}" stroke-width="2" />`, R = `<circle cx="${m + 5}" cy="${S}" r="2.5" fill="#fff" stroke="${L}" stroke-width="1.5" />`, z = `<text x="${m + 14}" y="${S + 4}" fill="#666" font-size="12">${Rt(B)}</text>`;
-      return m += D, `${T}${R}${z}`;
+  const a = o.reduce((p, k) => {
+    const v = p.getBoundingClientRect(), g = k.getBoundingClientRect();
+    return g.width * g.height > v.width * v.height ? k : p;
+  }), f = a.getBoundingClientRect();
+  return f.width < 100 || f.height < 100 ? null : a;
+}, We = (l) => String(l).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;"), De = ({ chartSvg: l, width: d, height: c, legendItems: o = [] }) => {
+  const a = l.cloneNode(!0), f = 20, p = 16, v = d - 16, g = [];
+  let s = [], n = 0;
+  o.forEach(({ label: b, color: h }) => {
+    const u = Math.max(40, String(b).length * 7 + 34);
+    s.length && p + n + u > v && (g.push(s), s = [], n = 0), s.push({ label: b, color: h, itemWidth: u }), n += u;
+  }), s.length && g.push(s);
+  const t = g.length ? g.length * f + 20 : 0, r = c + t;
+  a.setAttribute("width", d), a.setAttribute("height", c), a.setAttribute("x", 0), a.setAttribute("y", 0);
+  const x = g.map((b, h) => {
+    let u = p;
+    const w = c + 20 + h * f;
+    return b.map(({ label: i, color: L, itemWidth: A }) => {
+      const F = `<line x1="${u}" y1="${w}" x2="${u + 10}" y2="${w}" stroke="${L}" stroke-width="2" />`, R = `<circle cx="${u + 5}" cy="${w}" r="2.5" fill="#fff" stroke="${L}" stroke-width="1.5" />`, T = `<text x="${u + 14}" y="${w + 4}" fill="#666" font-size="12">${We(i)}</text>`;
+      return u += A, `${F}${R}${T}`;
     }).join("");
   }).join("");
   return [
-    `<svg xmlns="http://www.w3.org/2000/svg" width="${c}" height="${r}" viewBox="0 0 ${c} ${r}">`,
+    `<svg xmlns="http://www.w3.org/2000/svg" width="${d}" height="${r}" viewBox="0 0 ${d} ${r}">`,
     '<style>text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }</style>',
     '<rect x="0" y="0" width="100%" height="100%" fill="#ffffff" />',
-    new XMLSerializer().serializeToString(i),
-    b,
+    new XMLSerializer().serializeToString(a),
+    x,
     "</svg>"
   ].join("");
-}, zt = async (d, c, g = []) => {
-  const a = Bt(d);
-  if (!a)
+}, Ee = async (l, d, c = []) => {
+  const o = $e(l);
+  if (!o)
     return;
-  const i = a.getBoundingClientRect(), u = i.width || a.clientWidth || Number(a.getAttribute("width")) || 600, h = i.height || a.clientHeight || Number(a.getAttribute("height")) || 300, k = Lt({ chartSvg: a, width: u, height: h, legendItems: g }), x = new Blob([k], { type: "image/svg+xml;charset=utf-8" }), o = URL.createObjectURL(x), l = new Image();
-  l.onload = () => {
-    const n = document.createElement("canvas"), e = 2;
-    n.width = u * e, n.height = h * e;
+  const a = o.getBoundingClientRect(), f = a.width || o.clientWidth || Number(o.getAttribute("width")) || 600, p = a.height || o.clientHeight || Number(o.getAttribute("height")) || 300, k = De({ chartSvg: o, width: f, height: p, legendItems: c }), v = new Blob([k], { type: "image/svg+xml;charset=utf-8" }), g = URL.createObjectURL(v), s = new Image();
+  s.onload = () => {
+    const n = document.createElement("canvas"), t = 2;
+    n.width = f * t, n.height = p * t;
     const r = n.getContext("2d");
-    r.fillStyle = "#ffffff", r.fillRect(0, 0, n.width, n.height), r.scale(e, e), r.drawImage(l, 0, 0, u, h), URL.revokeObjectURL(o);
-    const b = document.createElement("a");
-    b.download = `${(c || "chart").replace(/[^a-z0-9]+/gi, "_")}.png`, b.href = n.toDataURL("image/png"), b.click();
-  }, l.src = o;
-}, Wt = (d, c) => {
-  const g = ["", ...d.map((u) => u.name)].join(","), a = c.map((u) => {
-    const h = d.map((k) => {
-      const x = k.data.find((o) => o.x === u);
-      return x ? x.y : "";
+    r.fillStyle = "#ffffff", r.fillRect(0, 0, n.width, n.height), r.scale(t, t), r.drawImage(s, 0, 0, f, p), URL.revokeObjectURL(g);
+    const x = document.createElement("a");
+    x.download = `${(d || "chart").replace(/[^a-z0-9]+/gi, "_")}.png`, x.href = n.toDataURL("image/png"), x.click();
+  }, s.src = g;
+}, Ie = (l, d) => {
+  const c = ["", ...l.map((f) => f.name)].join(","), o = d.map((f) => {
+    const p = l.map((k) => {
+      const v = k.data.find((g) => g.x === f);
+      return v ? v.y : "";
     });
-    return [u, ...h].join(",");
-  }), i = [g, ...a].join(`
+    return [f, ...p].join(",");
+  }), a = [c, ...o].join(`
 `);
-  navigator.clipboard.writeText(i);
-}, Dt = ({ onDownloadPng: d, onCopy: c, copied: g }) => /* @__PURE__ */ y("div", { style: {
+  navigator.clipboard.writeText(a);
+}, Fe = ({ onDownloadPng: l, onCopy: d, copied: c }) => /* @__PURE__ */ y("div", { style: {
   display: "flex",
   gap: 6,
   justifyContent: "flex-end",
@@ -212,7 +212,7 @@ const w = [
   opacity: 0.7,
   transition: "opacity 0.15s"
 }, children: [
-  /* @__PURE__ */ t("button", { onClick: c, title: "Copy data as CSV", style: {
+  /* @__PURE__ */ e("button", { onClick: d, title: "Copy data as CSV", style: {
     background: "none",
     border: "1px solid var(--border, #e0e0e0)",
     borderRadius: "var(--radius-sm, 4px)",
@@ -223,8 +223,8 @@ const w = [
     display: "flex",
     alignItems: "center",
     gap: 4
-  }, children: g ? "✓ Copied" : "📋 CSV" }),
-  /* @__PURE__ */ t("button", { onClick: d, title: "Download as PNG", style: {
+  }, children: c ? "✓ Copied" : "📋 CSV" }),
+  /* @__PURE__ */ e("button", { onClick: l, title: "Download as PNG", style: {
     background: "none",
     border: "1px solid var(--border, #e0e0e0)",
     borderRadius: "var(--radius-sm, 4px)",
@@ -236,154 +236,154 @@ const w = [
     alignItems: "center",
     gap: 4
   }, children: "📥 PNG" })
-] }), Pt = ({ chartType: d, title: c, xLabel: g, yLabel: a, series: i, compact: u = !1 }) => {
-  const h = pt(null), [k, x] = Z.useState(!1);
-  if (!i || i.length === 0)
+] }), Ge = ({ chartType: l, title: d, xLabel: c, yLabel: o, series: a, compact: f = !1 }) => {
+  const p = he(null), [k, v] = re.useState(!1);
+  if (!a || a.length === 0)
     return null;
-  const o = [...new Set(i.flatMap((p) => p.data.map((v) => v.x)))], l = o.map((p) => {
-    const v = { x: p };
-    return i.forEach((W) => {
-      const C = W.data.find((M) => M.x === p);
-      v[W.name] = C ? C.y : null;
-    }), v;
-  }), n = i.map((p) => p.name), e = n.length === 1, r = At(g, o), f = Math.max(...o.map((p) => String(p).length)) > 12 || o.length > 8, S = (f ? 40 : 5) + (r ? 25 : 0), A = e ? 0 : Math.max(1, Math.ceil(n.length / 4)), B = A > 0 ? A * 24 + (r ? 24 : 12) : 0, D = (u ? 240 : 300) + Math.max(0, (A - 1) * 28), R = { ...Ct, paddingTop: r ? 24 : 12, zIndex: 0 }, z = {
+  const g = [...new Set(a.flatMap((m) => m.data.map((S) => S.x)))], s = g.map((m) => {
+    const S = { x: m };
+    return a.forEach((M) => {
+      const z = M.data.find(($) => $.x === m);
+      S[M.name] = z ? z.y : null;
+    }), S;
+  }), n = a.map((m) => m.name), t = n.length === 1, r = Me(c, g), b = Math.max(...g.map((m) => String(m).length)) > 12 || g.length > 8, w = (b ? 40 : 5) + (r ? 25 : 0), B = t ? 0 : Math.max(1, Math.ceil(n.length / 4)), i = B > 0 ? B * 24 + (r ? 24 : 12) : 0, A = (f ? 240 : 300) + Math.max(0, (B - 1) * 28), R = { ...Te, paddingTop: r ? 24 : 12, zIndex: 0 }, T = {
     background: "var(--paper-elevated, #fff)",
     border: "1px solid var(--border, #e0e0e0)",
     borderRadius: "var(--radius-md, 8px)",
     padding: "16px",
     marginBottom: "16px"
-  }, tt = {
+  }, ne = {
     color: "var(--text-strong, #1e2125)",
     fontSize: "14px",
     fontWeight: "600",
     marginBottom: "12px"
   }, j = {
     dataKey: "x",
-    tick: f ? { fill: "var(--text-muted, #666)", fontSize: 11, angle: -35, textAnchor: "end" } : ot,
+    tick: b ? { fill: "var(--text-muted, #666)", fontSize: 11, angle: -35, textAnchor: "end" } : se,
     axisLine: I,
     tickLine: I,
     ...r ? {
       label: {
-        value: g,
+        value: c,
         position: "insideBottom",
         // Push label below rotated ticks (which take ~40px) when present
-        offset: f ? -45 : -10,
+        offset: b ? -45 : -10,
         style: { textAnchor: "middle", fill: "var(--text-muted, #666)" }
       }
     } : {}
-  }, et = {
-    tick: ot,
+  }, oe = {
+    tick: se,
     axisLine: I,
     tickLine: I,
-    ...a ? {
+    ...o ? {
       width: 72,
       label: {
-        value: a,
+        value: o,
         angle: -90,
         position: "insideLeft",
         offset: 10,
         style: { textAnchor: "middle", fill: "var(--text-muted, #666)" }
       }
     } : {}
-  }, ct = () => {
-    switch (d) {
+  }, fe = () => {
+    switch (l) {
       case "bar":
-        return /* @__PURE__ */ t(N, { width: "100%", height: D, children: /* @__PURE__ */ y(st, { data: l, margin: { top: 5, right: 30, left: a ? 10 : 20, bottom: S }, children: [
-          /* @__PURE__ */ t(q, { strokeDasharray: "3 3", stroke: Q }),
-          /* @__PURE__ */ t(G, { ...j }),
-          /* @__PURE__ */ t(V, { ...et }),
-          !e && /* @__PURE__ */ t(J, { wrapperStyle: R, height: B }),
-          n.map((p, v) => /* @__PURE__ */ t(lt, { dataKey: p, fill: w[v % w.length], radius: [2, 2, 0, 0], isAnimationActive: !1, children: e && l.map((W, C) => /* @__PURE__ */ t(nt, { fill: w[C % w.length] }, C)) }, p)),
-          /* @__PURE__ */ t(O, { wrapperStyle: F.wrapperStyle, content: /* @__PURE__ */ t(X, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
+        return /* @__PURE__ */ e(N, { width: "100%", height: A, children: /* @__PURE__ */ y(de, { data: s, margin: { top: 5, right: 30, left: o ? 10 : 20, bottom: w }, children: [
+          /* @__PURE__ */ e(Z, { strokeDasharray: "3 3", stroke: te }),
+          /* @__PURE__ */ e(J, { ...j }),
+          /* @__PURE__ */ e(Q, { ...oe }),
+          !t && /* @__PURE__ */ e(ee, { wrapperStyle: R, height: i }),
+          n.map((m, S) => /* @__PURE__ */ e(pe, { dataKey: m, fill: C[S % C.length], radius: [2, 2, 0, 0], isAnimationActive: !1, children: t && s.map((M, z) => /* @__PURE__ */ e(ae, { fill: C[z % C.length] }, z)) }, m)),
+          /* @__PURE__ */ e(U, { wrapperStyle: X.wrapperStyle, content: /* @__PURE__ */ e(K, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
         ] }) });
       case "horizontal_bar":
-        return /* @__PURE__ */ t(N, { width: "100%", height: Math.max(u ? 240 : 300, l.length * (u ? 32 : 40)), children: /* @__PURE__ */ y(st, { data: l, layout: "vertical", margin: { top: 5, right: 30, left: 100, bottom: 5 }, children: [
-          /* @__PURE__ */ t(q, { strokeDasharray: "3 3", stroke: Q }),
-          /* @__PURE__ */ t(
-            G,
+        return /* @__PURE__ */ e(N, { width: "100%", height: Math.max(f ? 240 : 300, s.length * (f ? 32 : 40)), children: /* @__PURE__ */ y(de, { data: s, layout: "vertical", margin: { top: 5, right: 30, left: 100, bottom: 5 }, children: [
+          /* @__PURE__ */ e(Z, { strokeDasharray: "3 3", stroke: te }),
+          /* @__PURE__ */ e(
+            J,
             {
               type: "number",
-              tick: ot,
+              tick: se,
               axisLine: I,
               tickLine: I,
-              ...a ? { label: { value: a, position: "insideBottom", offset: -5, style: { textAnchor: "middle", fill: "var(--text-muted, #666)" } } } : {}
+              ...o ? { label: { value: o, position: "insideBottom", offset: -5, style: { textAnchor: "middle", fill: "var(--text-muted, #666)" } } } : {}
             }
           ),
-          /* @__PURE__ */ t(V, { type: "category", dataKey: "x", tick: { fill: "var(--text-muted, #666)", fontSize: 11 }, width: 90, axisLine: I, tickLine: I }),
-          !e && /* @__PURE__ */ t(J, { wrapperStyle: R, height: B }),
-          n.map((p, v) => /* @__PURE__ */ t(lt, { dataKey: p, fill: w[v % w.length], radius: [0, 2, 2, 0], isAnimationActive: !1, children: e && l.map((W, C) => /* @__PURE__ */ t(nt, { fill: w[C % w.length] }, C)) }, p)),
-          /* @__PURE__ */ t(O, { wrapperStyle: F.wrapperStyle, content: /* @__PURE__ */ t(X, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
+          /* @__PURE__ */ e(Q, { type: "category", dataKey: "x", tick: { fill: "var(--text-muted, #666)", fontSize: 11 }, width: 90, axisLine: I, tickLine: I }),
+          !t && /* @__PURE__ */ e(ee, { wrapperStyle: R, height: i }),
+          n.map((m, S) => /* @__PURE__ */ e(pe, { dataKey: m, fill: C[S % C.length], radius: [0, 2, 2, 0], isAnimationActive: !1, children: t && s.map((M, z) => /* @__PURE__ */ e(ae, { fill: C[z % C.length] }, z)) }, m)),
+          /* @__PURE__ */ e(U, { wrapperStyle: X.wrapperStyle, content: /* @__PURE__ */ e(K, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
         ] }) });
       case "line":
-        return /* @__PURE__ */ t(N, { width: "100%", height: D, children: /* @__PURE__ */ y(bt, { data: l, margin: { top: 5, right: 30, left: a ? 10 : 20, bottom: S }, children: [
-          /* @__PURE__ */ t(q, { strokeDasharray: "3 3", stroke: Q }),
-          /* @__PURE__ */ t(G, { ...j }),
-          /* @__PURE__ */ t(V, { ...et }),
-          /* @__PURE__ */ t(J, { wrapperStyle: R, height: B }),
-          n.map((p, v) => /* @__PURE__ */ t(
-            yt,
+        return /* @__PURE__ */ e(N, { width: "100%", height: A, children: /* @__PURE__ */ y(Ce, { data: s, margin: { top: 5, right: 30, left: o ? 10 : 20, bottom: w }, children: [
+          /* @__PURE__ */ e(Z, { strokeDasharray: "3 3", stroke: te }),
+          /* @__PURE__ */ e(J, { ...j }),
+          /* @__PURE__ */ e(Q, { ...oe }),
+          /* @__PURE__ */ e(ee, { wrapperStyle: R, height: i }),
+          n.map((m, S) => /* @__PURE__ */ e(
+            Ae,
             {
               type: "monotone",
-              dataKey: p,
-              stroke: w[v % w.length],
+              dataKey: m,
+              stroke: C[S % C.length],
               strokeWidth: 2,
-              dot: { r: 4, fill: w[v % w.length] },
-              activeDot: { r: 6, fill: w[v % w.length] },
+              dot: { r: 4, fill: C[S % C.length] },
+              activeDot: { r: 6, fill: C[S % C.length] },
               isAnimationActive: !1
             },
-            p
+            m
           )),
-          /* @__PURE__ */ t(O, { wrapperStyle: F.wrapperStyle, content: /* @__PURE__ */ t(X, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
+          /* @__PURE__ */ e(U, { wrapperStyle: X.wrapperStyle, content: /* @__PURE__ */ e(K, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
         ] }) });
       case "area":
-        return /* @__PURE__ */ t(N, { width: "100%", height: D, children: /* @__PURE__ */ y(ft, { data: l, margin: { top: 5, right: 30, left: a ? 10 : 20, bottom: S }, children: [
-          /* @__PURE__ */ t(q, { strokeDasharray: "3 3", stroke: Q }),
-          /* @__PURE__ */ t(G, { ...j }),
-          /* @__PURE__ */ t(V, { ...et }),
-          /* @__PURE__ */ t(J, { wrapperStyle: R, height: B }),
-          n.map((p, v) => /* @__PURE__ */ t(
-            xt,
+        return /* @__PURE__ */ e(N, { width: "100%", height: A, children: /* @__PURE__ */ y(Se, { data: s, margin: { top: 5, right: 30, left: o ? 10 : 20, bottom: w }, children: [
+          /* @__PURE__ */ e(Z, { strokeDasharray: "3 3", stroke: te }),
+          /* @__PURE__ */ e(J, { ...j }),
+          /* @__PURE__ */ e(Q, { ...oe }),
+          /* @__PURE__ */ e(ee, { wrapperStyle: R, height: i }),
+          n.map((m, S) => /* @__PURE__ */ e(
+            ke,
             {
               type: "monotone",
-              dataKey: p,
-              stroke: w[v % w.length],
+              dataKey: m,
+              stroke: C[S % C.length],
               strokeWidth: 2,
-              fill: w[v % w.length],
+              fill: C[S % C.length],
               fillOpacity: 0.15,
               isAnimationActive: !1
             },
-            p
+            m
           )),
-          /* @__PURE__ */ t(O, { wrapperStyle: F.wrapperStyle, content: /* @__PURE__ */ t(X, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
+          /* @__PURE__ */ e(U, { wrapperStyle: X.wrapperStyle, content: /* @__PURE__ */ e(K, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
         ] }) });
       case "pie": {
-        const p = i[0].data.map((C, M) => ({
-          name: C.x,
-          value: C.y,
-          fill: w[M % w.length]
-        })), v = Math.PI / 180;
-        return /* @__PURE__ */ t(N, { width: "100%", height: u ? 260 : 320, children: /* @__PURE__ */ y(ut, { margin: { top: 16, right: 16, bottom: 16, left: 16 }, children: [
-          /* @__PURE__ */ t(
-            mt,
+        const m = a[0].data.map((z, $) => ({
+          name: z.x,
+          value: z.y,
+          fill: C[$ % C.length]
+        })), S = Math.PI / 180;
+        return /* @__PURE__ */ e(N, { width: "100%", height: f ? 260 : 320, children: /* @__PURE__ */ y(ve, { margin: { top: 16, right: 16, bottom: 16, left: 16 }, children: [
+          /* @__PURE__ */ e(
+            we,
             {
-              data: p,
-              cx: u ? "42%" : "38%",
+              data: m,
+              cx: f ? "42%" : "38%",
               cy: "50%",
-              outerRadius: u ? 88 : 110,
+              outerRadius: f ? 88 : 110,
               dataKey: "value",
-              label: ({ cx: C, cy: M, midAngle: E, innerRadius: P, outerRadius: rt, percent: H, name: _ }) => {
-                const U = rt + 20, K = C + U * Math.cos(-E * v), Y = M + U * Math.sin(-E * v);
+              label: ({ cx: z, cy: $, midAngle: _, innerRadius: P, outerRadius: ie, percent: H, name: O }) => {
+                const Y = ie + 20, q = z + Y * Math.cos(-_ * S), V = $ + Y * Math.sin(-_ * S);
                 return H < 0.04 ? null : /* @__PURE__ */ y(
                   "text",
                   {
-                    x: K,
-                    y: Y,
+                    x: q,
+                    y: V,
                     fill: "var(--text-ink, #1e2125)",
                     fontSize: 11,
-                    textAnchor: K > C ? "start" : "end",
+                    textAnchor: q > z ? "start" : "end",
                     dominantBaseline: "central",
                     children: [
-                      _,
+                      O,
                       " (",
                       (H * 100).toFixed(0),
                       "%)"
@@ -393,78 +393,78 @@ const w = [
               },
               labelLine: { stroke: "var(--text-muted, #666)" },
               isAnimationActive: !1,
-              children: p.map((C, M) => /* @__PURE__ */ t(nt, { fill: C.fill }, M))
+              children: m.map((z, $) => /* @__PURE__ */ e(ae, { fill: z.fill }, $))
             }
           ),
-          /* @__PURE__ */ t(O, { wrapperStyle: F.wrapperStyle, content: /* @__PURE__ */ t(X, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
+          /* @__PURE__ */ e(U, { wrapperStyle: X.wrapperStyle, content: /* @__PURE__ */ e(K, {}), cursor: { fill: "rgba(94, 136, 176, 0.06)", stroke: "rgba(52, 58, 64, 0.18)", strokeDasharray: "3 3" }, isAnimationActive: !1, animationDuration: 0 })
         ] }) });
       }
       case "metric": {
-        const p = i[0], v = p.data[0], W = p.data.length > 1 ? p.data[1] : null, C = v.y, M = v.x || "", E = W !== null, P = E ? C - W.y : 0, rt = E && W.y !== 0 ? P / Math.abs(W.y) * 100 : 0, H = P > 0, _ = P < 0, U = H ? "#7BA89D" : _ ? "#D17B6B" : "var(--text-muted, #666)", K = H ? "↑" : _ ? "↓" : "→", Y = ($) => Number.isInteger($) && Math.abs($) >= 1e3 ? $.toLocaleString() : typeof $ == "number" ? $ % 1 === 0 ? $.toString() : $.toFixed($ < 10 ? 2 : 1) : String($);
+        const m = a[0], S = m.data[0], M = m.data.length > 1 ? m.data[1] : null, z = S.y, $ = S.x || "", _ = M !== null, P = _ ? z - M.y : 0, ie = _ && M.y !== 0 ? P / Math.abs(M.y) * 100 : 0, H = P > 0, O = P < 0, Y = H ? "#7BA89D" : O ? "#D17B6B" : "var(--text-muted, #666)", q = H ? "↑" : O ? "↓" : "→", V = (E) => Number.isInteger(E) && Math.abs(E) >= 1e3 ? E.toLocaleString() : typeof E == "number" ? E % 1 === 0 ? E.toString() : E.toFixed(E < 10 ? 2 : 1) : String(E);
         return /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "baseline", gap: 12, padding: "8px 0" }, children: [
-          /* @__PURE__ */ t("div", { style: {
+          /* @__PURE__ */ e("div", { style: {
             fontSize: "36px",
             fontWeight: 700,
             lineHeight: 1,
             color: "var(--text-strong, #1e2125)",
             fontVariantNumeric: "tabular-nums"
-          }, children: Y(C) }),
-          M && /* @__PURE__ */ t("div", { style: { fontSize: "14px", color: "var(--text-muted, #666)", fontWeight: 500 }, children: M }),
-          E && /* @__PURE__ */ y("div", { style: {
+          }, children: V(z) }),
+          $ && /* @__PURE__ */ e("div", { style: { fontSize: "14px", color: "var(--text-muted, #666)", fontWeight: 500 }, children: $ }),
+          _ && /* @__PURE__ */ y("div", { style: {
             display: "flex",
             alignItems: "center",
             gap: 4,
             fontSize: "13px",
             fontWeight: 600,
-            color: U,
-            background: H ? "rgba(123,168,157,0.12)" : _ ? "rgba(209,123,107,0.12)" : "rgba(128,128,128,0.08)",
+            color: Y,
+            background: H ? "rgba(123,168,157,0.12)" : O ? "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: K }),
+            /* @__PURE__ */ e("span", { children: q }),
             /* @__PURE__ */ y("span", { children: [
-              Y(Math.abs(P)),
+              V(Math.abs(P)),
               " (",
-              Math.abs(rt).toFixed(1),
+              Math.abs(ie).toFixed(1),
               "%)"
             ] })
           ] }),
-          E && /* @__PURE__ */ y("div", { style: { fontSize: "11px", color: "var(--text-faint, #999)" }, children: [
+          _ && /* @__PURE__ */ y("div", { style: { fontSize: "11px", color: "var(--text-faint, #999)" }, children: [
             "vs ",
-            W.x || "previous"
+            M.x || "previous"
           ] })
         ] });
       }
       default:
         return /* @__PURE__ */ y("div", { style: { color: "var(--text-muted)", fontSize: 12, padding: 8 }, children: [
           "Unsupported chart type: ",
-          d
+          l
         ] });
     }
-  }, it = d === "line" || d === "area" || (d === "bar" || d === "horizontal_bar") && !e ? n.map((p, v) => ({ label: p, color: w[v % w.length] })) : [], dt = at(() => {
-    h.current && zt(h.current, c, it);
-  }, [c, it]), ht = at(() => {
-    Wt(i, o), x(!0), setTimeout(() => x(!1), 2e3);
-  }, [i, o]);
-  return /* @__PURE__ */ y("div", { style: z, children: [
-    c && /* @__PURE__ */ t("div", { style: tt, children: c }),
-    d !== "metric" && /* @__PURE__ */ t(Dt, { onDownloadPng: dt, onCopy: ht, copied: k }),
-    /* @__PURE__ */ t("div", { ref: h, children: ct() })
+  }, le = l === "line" || l === "area" || (l === "bar" || l === "horizontal_bar") && !t ? n.map((m, S) => ({ label: m, color: C[S % C.length] })) : [], me = ce(() => {
+    p.current && Ee(p.current, d, le);
+  }, [d, le]), xe = ce(() => {
+    Ie(a, g), v(!0), setTimeout(() => v(!1), 2e3);
+  }, [a, g]);
+  return /* @__PURE__ */ y("div", { style: T, children: [
+    d && /* @__PURE__ */ e("div", { style: ne, children: d }),
+    l !== "metric" && /* @__PURE__ */ e(Fe, { onDownloadPng: me, onCopy: xe, copied: k }),
+    /* @__PURE__ */ e("div", { ref: p, children: fe() })
   ] });
-}, Mt = ({ content: d, onCodeBlockClick: c, onFilePathClick: g }) => {
-  const [a, i] = gt(/* @__PURE__ */ new Set()), u = async (l, n) => {
+}, _e = ({ content: l, onCodeBlockClick: d, onFilePathClick: c }) => {
+  const [o, a] = G(/* @__PURE__ */ new Set()), f = async (s, n) => {
     try {
-      await navigator.clipboard.writeText(l), i((e) => /* @__PURE__ */ new Set([...e, n])), setTimeout(() => {
-        i((e) => {
-          const r = new Set(e);
+      await navigator.clipboard.writeText(s), a((t) => /* @__PURE__ */ new Set([...t, n])), setTimeout(() => {
+        a((t) => {
+          const r = new Set(t);
           return r.delete(n), r;
         });
       }, 2e3);
-    } catch (e) {
-      console.error("Failed to copy text:", e);
+    } catch (t) {
+      console.error("Failed to copy text:", t);
     }
-  }, h = (l, n, e) => {
-    const r = a.has(e);
+  }, p = (s, n, t) => {
+    const r = o.has(t);
     return /* @__PURE__ */ y(
       "div",
       {
@@ -485,7 +485,7 @@ const w = [
             background: "rgba(255,255,255,0.05)",
             borderBottom: "1px solid rgba(255,255,255,0.1)"
           }, children: [
-            /* @__PURE__ */ t("span", { style: {
+            /* @__PURE__ */ e("span", { style: {
               fontSize: "11px",
               color: "rgba(255,255,255,0.7)",
               fontFamily: "var(--font-mono, monospace)",
@@ -495,7 +495,7 @@ const w = [
             /* @__PURE__ */ y(
               "button",
               {
-                onClick: () => u(l, e),
+                onClick: () => f(s, t),
                 style: {
                   background: "none",
                   border: "none",
@@ -509,22 +509,22 @@ const w = [
                   fontSize: "11px",
                   transition: "all 0.15s ease"
                 },
-                onMouseEnter: (b) => {
-                  b.target.style.background = "rgba(255,255,255,0.1)", b.target.style.color = "rgba(255,255,255,0.9)";
+                onMouseEnter: (x) => {
+                  x.target.style.background = "rgba(255,255,255,0.1)", x.target.style.color = "rgba(255,255,255,0.9)";
                 },
-                onMouseLeave: (b) => {
-                  b.target.style.background = "none", b.target.style.color = "rgba(255,255,255,0.7)";
+                onMouseLeave: (x) => {
+                  x.target.style.background = "none", x.target.style.color = "rgba(255,255,255,0.7)";
                 },
                 children: [
-                  r ? /* @__PURE__ */ t(wt, { size: 12 }) : /* @__PURE__ */ t(St, { size: 12 }),
+                  r ? /* @__PURE__ */ e(ge, { size: 12 }) : /* @__PURE__ */ e(ue, { size: 12 }),
                   r ? "Copied!" : "Copy"
                 ]
               }
             ),
-            c && /* @__PURE__ */ y(
+            d && /* @__PURE__ */ y(
               "button",
               {
-                onClick: () => c({ code: l, language: n }),
+                onClick: () => d({ code: s, language: n }),
                 style: {
                   background: "none",
                   border: "none",
@@ -538,20 +538,20 @@ const w = [
                   fontSize: "11px",
                   transition: "all 0.15s ease"
                 },
-                onMouseEnter: (b) => {
-                  b.currentTarget.style.background = "rgba(255,255,255,0.1)", b.currentTarget.style.color = "rgba(255,255,255,0.9)";
+                onMouseEnter: (x) => {
+                  x.currentTarget.style.background = "rgba(255,255,255,0.1)", x.currentTarget.style.color = "rgba(255,255,255,0.9)";
                 },
-                onMouseLeave: (b) => {
-                  b.currentTarget.style.background = "none", b.currentTarget.style.color = "rgba(255,255,255,0.7)";
+                onMouseLeave: (x) => {
+                  x.currentTarget.style.background = "none", x.currentTarget.style.color = "rgba(255,255,255,0.7)";
                 },
                 children: [
-                  /* @__PURE__ */ t(kt, { size: 12 }),
+                  /* @__PURE__ */ e(Le, { size: 12 }),
                   "Canvas"
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ t("pre", { style: {
+          /* @__PURE__ */ e("pre", { style: {
             margin: 0,
             padding: "12px",
             fontFamily: "var(--font-mono, monospace)",
@@ -561,46 +561,46 @@ const w = [
             overflow: "auto",
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
-          }, children: l })
+          }, children: s })
         ]
       },
-      e
+      t
     );
-  }, k = (l) => {
-    const n = [], e = l.split(`
+  }, k = (s) => {
+    const n = [], t = s.split(`
 `);
-    let r = 0, b = 0;
-    for (; r < e.length; ) {
-      const f = e[r];
-      if (f.trim().startsWith("```")) {
-        const s = f.trim().slice(3);
-        let m = [];
-        for (r++; r < e.length && !e[r].trim().startsWith("```"); )
-          m.push(e[r]), r++;
-        r < e.length && r++, n.push(h(m.join(`
-`), s, `code-${b++}`));
+    let r = 0, x = 0;
+    for (; r < t.length; ) {
+      const b = t[r];
+      if (b.trim().startsWith("```")) {
+        const h = b.trim().slice(3);
+        let u = [];
+        for (r++; r < t.length && !t[r].trim().startsWith("```"); )
+          u.push(t[r]), r++;
+        r < t.length && r++, n.push(p(u.join(`
+`), h, `code-${x++}`));
         continue;
       }
-      if (f.startsWith("#")) {
-        const s = f.match(/^#+/)[0].length, m = f.slice(s).trim(), S = s === 1 ? "h2" : s === 2 ? "h3" : s === 3 ? "h4" : "h5";
+      if (b.startsWith("#")) {
+        const h = b.match(/^#+/)[0].length, u = b.slice(h).trim(), w = h === 1 ? "h2" : h === 2 ? "h3" : h === 3 ? "h4" : "h5";
         n.push(
-          Z.createElement(S, {
+          re.createElement(w, {
             key: `header-${r}`,
             style: {
-              fontSize: s === 1 ? "18px" : s === 2 ? "16px" : "14px",
+              fontSize: h === 1 ? "18px" : h === 2 ? "16px" : "14px",
               fontWeight: 720,
               color: "var(--text-strong, rgba(30,33,37,0.92))",
               marginTop: n.length > 0 ? "20px" : "0",
               marginBottom: "8px",
               lineHeight: 1.3
             }
-          }, m)
+          }, u)
         ), r++;
         continue;
       }
-      if (f.trim() === "---" || f.trim() === "***") {
+      if (b.trim() === "---" || b.trim() === "***") {
         n.push(
-          /* @__PURE__ */ t("hr", { style: {
+          /* @__PURE__ */ e("hr", { style: {
             border: "none",
             borderTop: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
             margin: "16px 0"
@@ -608,39 +608,39 @@ const w = [
         ), r++;
         continue;
       }
-      if (f.match(/^(\s*)([-*+]|\d+\.)\s/)) {
-        const s = [], m = /^\s*\d+\./.test(f);
-        for (; r < e.length && (e[r].match(/^(\s*)([-*+]|\d+\.)\s/) || e[r].trim() === ""); ) {
-          if (e[r].trim() !== "") {
-            const A = e[r].match(/^(\s*)([-*+]|\d+\.)\s(.*)$/);
-            A && s.push(A[3]);
+      if (b.match(/^(\s*)([-*+]|\d+\.)\s/)) {
+        const h = [], u = /^\s*\d+\./.test(b);
+        for (; r < t.length && (t[r].match(/^(\s*)([-*+]|\d+\.)\s/) || t[r].trim() === ""); ) {
+          if (t[r].trim() !== "") {
+            const B = t[r].match(/^(\s*)([-*+]|\d+\.)\s(.*)$/);
+            B && h.push(B[3]);
           }
           r++;
         }
-        const S = m ? "ol" : "ul";
+        const w = u ? "ol" : "ul";
         n.push(
-          Z.createElement(S, {
+          re.createElement(w, {
             key: `list-${r}`,
             style: {
               margin: "8px 0",
               paddingLeft: "20px",
               color: "var(--text-strong, rgba(30,33,37,0.92))"
             }
-          }, s.map(
-            (A, B) => Z.createElement("li", {
-              key: `item-${B}`,
+          }, h.map(
+            (B, i) => re.createElement("li", {
+              key: `item-${i}`,
               style: { marginBottom: "4px" }
-            }, o(A))
+            }, g(B))
           ))
         );
         continue;
       }
-      if (f.trim().startsWith("|") && f.trim().endsWith("|")) {
-        const s = [];
-        for (; r < e.length && e[r].trim().startsWith("|") && e[r].trim().endsWith("|"); )
-          s.push(e[r]), r++;
-        if (s.length >= 2) {
-          const m = (R) => R.trim().slice(1, -1).split("|").map((z) => z.trim()), S = m(s[0]), A = (R) => m(R).every((z) => /^[-:]+$/.test(z)), B = s.length >= 2 && A(s[1]), L = B ? 2 : 1, D = B ? m(s[1]).map((R) => R.startsWith(":") && R.endsWith(":") ? "center" : R.endsWith(":") ? "right" : "left") : S.map(() => "left"), T = {
+      if (b.trim().startsWith("|") && b.trim().endsWith("|")) {
+        const h = [];
+        for (; r < t.length && t[r].trim().startsWith("|") && t[r].trim().endsWith("|"); )
+          h.push(t[r]), r++;
+        if (h.length >= 2) {
+          const u = (R) => R.trim().slice(1, -1).split("|").map((T) => T.trim()), w = u(h[0]), B = (R) => u(R).every((T) => /^[-:]+$/.test(T)), i = h.length >= 2 && B(h[1]), L = i ? 2 : 1, A = i ? u(h[1]).map((R) => R.startsWith(":") && R.endsWith(":") ? "center" : R.endsWith(":") ? "right" : "left") : w.map(() => "left"), F = {
             padding: "6px 12px",
             borderBottom: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
             fontSize: "13px",
@@ -654,48 +654,48 @@ const w = [
             overflowWrap: "normal"
           };
           n.push(
-            /* @__PURE__ */ t("div", { style: { overflowX: "auto", margin: "8px 0" }, children: /* @__PURE__ */ y("table", { style: {
+            /* @__PURE__ */ e("div", { style: { overflowX: "auto", margin: "8px 0" }, children: /* @__PURE__ */ y("table", { style: {
               borderCollapse: "collapse",
               width: "100%",
               border: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
               borderRadius: "6px",
               overflow: "hidden"
             }, children: [
-              B && /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { style: { background: "var(--hover-warm-subtle, rgba(231,212,162,0.08))" }, children: S.map((R, z) => /* @__PURE__ */ t("th", { style: { ...T, fontWeight: 660, textAlign: D[z] || "left", whiteSpace: "nowrap" }, children: o(R) }, z)) }) }),
-              /* @__PURE__ */ t("tbody", { children: (B ? s.slice(L) : s).map((R, z) => /* @__PURE__ */ t("tr", { style: { background: z % 2 === 1 ? "var(--hover-warm-subtle, rgba(231,212,162,0.04))" : "transparent" }, children: m(R).map((tt, j) => /* @__PURE__ */ t("td", { style: { ...T, textAlign: D[j] || "left" }, children: o(tt) }, j)) }, z)) })
+              i && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { style: { background: "var(--hover-warm-subtle, rgba(231,212,162,0.08))" }, children: w.map((R, T) => /* @__PURE__ */ e("th", { style: { ...F, fontWeight: 660, textAlign: A[T] || "left", whiteSpace: "nowrap" }, children: g(R) }, T)) }) }),
+              /* @__PURE__ */ e("tbody", { children: (i ? h.slice(L) : h).map((R, T) => /* @__PURE__ */ e("tr", { style: { background: T % 2 === 1 ? "var(--hover-warm-subtle, rgba(231,212,162,0.04))" : "transparent" }, children: u(R).map((ne, j) => /* @__PURE__ */ e("td", { style: { ...F, textAlign: A[j] || "left" }, children: g(ne) }, j)) }, T)) })
             ] }) }, `table-${r}`)
           );
         }
         continue;
       }
-      if (f.trim()) {
-        const s = [];
-        for (; r < e.length && e[r].trim() && !e[r].match(/^(#|```|---|\*\*\*|(\s*)([-*+]|\d+\.)\s)/) && !(e[r].trim().startsWith("|") && e[r].trim().endsWith("|")); )
-          s.push(e[r]), r++;
-        s.length > 0 && n.push(
-          /* @__PURE__ */ t("p", { style: {
+      if (b.trim()) {
+        const h = [];
+        for (; r < t.length && t[r].trim() && !t[r].match(/^(#|```|---|\*\*\*|(\s*)([-*+]|\d+\.)\s)/) && !(t[r].trim().startsWith("|") && t[r].trim().endsWith("|")); )
+          h.push(t[r]), r++;
+        h.length > 0 && n.push(
+          /* @__PURE__ */ e("p", { style: {
             margin: "8px 0",
             lineHeight: 1.6,
             color: "var(--text-strong, rgba(30,33,37,0.92))"
-          }, children: o(s.join(" ")) }, `p-${r}`)
+          }, children: g(h.join(" ")) }, `p-${r}`)
         );
       } else
         r++;
     }
     return n;
-  }, x = (l) => {
+  }, v = (s) => {
     const n = [];
-    let e = l, r = 0;
-    for (; e.length > 0; ) {
-      if (g) {
-        const A = e.match(/^([^\s`*\[]+(?:\/src\/|\/components\/|\/packages\/)[^\s`*\[]*|[^\s`*\[]*\.(ts|tsx|js|jsx|py|css|scss|sass|json|md|yaml|yml|html|xml|sh|sql|go|rs|php|java|c|cpp|h|hpp)(?:\b|$))/);
-        if (A) {
-          const B = A[1];
+    let t = s, r = 0;
+    for (; t.length > 0; ) {
+      if (c) {
+        const i = t.match(/^([^\s`*\[]+(?:\/src\/|\/components\/|\/packages\/)[^\s`*\[]*|[^\s`*\[]*\.(ts|tsx|js|jsx|py|css|scss|sass|json|md|yaml|yml|html|xml|sh|sql|go|rs|php|java|c|cpp|h|hpp)(?:\b|$))/);
+        if (i) {
+          const L = i[1];
           n.push(
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               "span",
               {
-                onClick: () => g(B),
+                onClick: () => c(L),
                 style: {
                   color: "var(--rail-discovery, #5E88B0)",
                   textDecoration: "underline",
@@ -711,24 +711,24 @@ const w = [
                     textDecorationStyle: "solid"
                   }
                 },
-                onMouseEnter: (L) => {
-                  L.target.style.background = "var(--hover-warm-subtle, rgba(231,212,162,0.08))", L.target.style.textDecorationStyle = "solid";
+                onMouseEnter: (A) => {
+                  A.target.style.background = "var(--hover-warm-subtle, rgba(231,212,162,0.08))", A.target.style.textDecorationStyle = "solid";
                 },
-                onMouseLeave: (L) => {
-                  L.target.style.background = "none", L.target.style.textDecorationStyle = "dotted";
+                onMouseLeave: (A) => {
+                  A.target.style.background = "none", A.target.style.textDecorationStyle = "dotted";
                 },
-                children: B
+                children: L
               },
               `file-path-${r++}`
             )
-          ), e = e.slice(A[0].length);
+          ), t = t.slice(i[0].length);
           continue;
         }
       }
-      const b = e.match(/^`([^`]+)`/);
-      if (b) {
+      const x = t.match(/^`([^`]+)`/);
+      if (x) {
         n.push(
-          /* @__PURE__ */ t("code", { style: {
+          /* @__PURE__ */ e("code", { style: {
             background: "var(--hover-warm-subtle, rgba(231,212,162,0.08))",
             border: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
             borderRadius: "3px",
@@ -736,33 +736,55 @@ const w = [
             fontFamily: "var(--font-mono, monospace)",
             fontSize: "12px",
             color: "var(--text-strong, rgba(30,33,37,0.92))"
-          }, children: b[1] }, `inline-code-${r++}`)
-        ), e = e.slice(b[0].length);
+          }, children: x[1] }, `inline-code-${r++}`)
+        ), t = t.slice(x[0].length);
         continue;
       }
-      const f = e.match(/^\*\*([^*]+)\*\*/);
-      if (f) {
+      const b = t.match(/^\*\*([^*]+)\*\*/);
+      if (b) {
         n.push(
-          /* @__PURE__ */ t("strong", { style: {
+          /* @__PURE__ */ e("strong", { style: {
             fontWeight: 720,
             color: "var(--text-strong, rgba(30,33,37,0.92))"
-          }, children: f[1] }, `bold-${r++}`)
-        ), e = e.slice(f[0].length);
+          }, children: b[1] }, `bold-${r++}`)
+        ), t = t.slice(b[0].length);
         continue;
       }
-      const s = e.match(/^\*([^*]+)\*/);
-      if (s) {
+      const h = t.match(/^\*([^*]+)\*/);
+      if (h) {
         n.push(
-          /* @__PURE__ */ t("em", { style: {
+          /* @__PURE__ */ e("em", { style: {
             fontStyle: "italic",
             color: "var(--text-strong, rgba(30,33,37,0.92))"
-          }, children: s[1] }, `italic-${r++}`)
-        ), e = e.slice(s[0].length);
+          }, children: h[1] }, `italic-${r++}`)
+        ), t = t.slice(h[0].length);
+        continue;
+      }
+      const u = t.match(/^!\[([^\]]*)\]\(([^)]+)\)/);
+      if (u) {
+        const i = u[1] || u[2], L = u[2];
+        n.push(
+          /* @__PURE__ */ e(
+            "a",
+            {
+              href: L,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: {
+                color: "var(--rail-discovery, #5E88B0)",
+                textDecoration: "underline",
+                textUnderlineOffset: "2px"
+              },
+              children: i
+            },
+            `img-link-${r++}`
+          )
+        ), t = t.slice(u[0].length);
         continue;
       }
-      const m = e.match(/^\[([^\]]+)\]\(([^)]+)\)/);
-      if (m) {
-        const A = m[1], B = m[2], L = A === "View", D = {
+      const w = t.match(/^\[([^\]]+)\]\(([^)]+)\)/);
+      if (w) {
+        const i = w[1], L = w[2], A = i === "View", F = {
           display: "inline-flex",
           alignItems: "center",
           padding: "3px 10px",
@@ -774,83 +796,279 @@ const w = [
           fontWeight: 600,
           whiteSpace: "nowrap",
           cursor: "pointer"
-        }, T = {
+        }, R = {
           color: "var(--rail-discovery, #5E88B0)",
           textDecoration: "underline",
           textUnderlineOffset: "2px"
         };
         n.push(
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "a",
             {
-              href: B,
+              href: L,
               target: "_blank",
               rel: "noopener noreferrer",
-              style: L ? D : T,
-              children: A
+              style: A ? F : R,
+              children: i
             },
             `link-${r++}`
           )
-        ), e = e.slice(m[0].length);
+        ), t = t.slice(w[0].length);
         continue;
       }
-      const S = e.search(/[`*\[]/);
-      if (S === -1) {
-        n.push(e);
+      const B = t.search(/[`*\[!]/);
+      if (B === -1) {
+        n.push(t);
         break;
       } else
-        S === 0 ? (n.push(e[0]), e = e.slice(1)) : (n.push(e.slice(0, S)), e = e.slice(S));
+        B === 0 ? (n.push(t[0]), t = t.slice(1)) : (n.push(t.slice(0, B)), t = t.slice(B));
     }
     return n.length === 1 && typeof n[0] == "string" ? n[0] : n;
-  }, o = (l) => x(l);
-  return /* @__PURE__ */ t("div", { children: k(d) });
-};
-function _t({
-  role: d,
-  content: c,
-  html: g,
-  timestamp: a,
-  toolBadges: i,
-  isStreaming: u,
-  onCodeBlockClick: h,
-  onFilePathClick: k
+  }, g = (s) => v(s);
+  return /* @__PURE__ */ e("div", { children: k(l) });
+}, D = "#808183", W = "#2e3236";
+function je(l) {
+  return l ? l.replace(/```[a-zA-Z0-9]*\n?([\s\S]*?)```/g, "$1").replace(/`([^`]+)`/g, "$1").replace(
+    /!\[([^\]]*)\]\(([^)]*)\)/g,
+    (d, c, o) => c.trim() && c.trim() !== o.trim() ? `${c} (${o})` : o
+  ).replace(
+    /\[([^\]]+)\]\(([^)]*)\)/g,
+    (d, c, o) => c.trim() && c.trim() !== o.trim() ? `${c} (${o})` : o
+  ).replace(/(\*\*|__)(.*?)\1/g, "$2").replace(/(\*|_)(.*?)\1/g, "$2").replace(/~~(.*?)~~/g, "$1").replace(/^\s{0,3}#{1,6}\s+/gm, "").replace(/^\s{0,3}>\s?/gm, "").replace(/^\s*[-*+]\s+/gm, "• ").replace(/^\s*([-*_])\1{2,}\s*$/gm, "").trim() : "";
+}
+function He({ timestamp: l, content: d, showFeedback: c, align: o = "start", onFeedback: a, initialRating: f = null }) {
+  const [p, k] = G(!1), [v, g] = G(f), [s, n] = G(!1), [t, r] = G(""), x = he(null);
+  be(() => {
+    if (!s)
+      return;
+    const i = (A) => {
+      x.current && !x.current.contains(A.target) && n(!1);
+    }, L = (A) => {
+      A.key === "Escape" && n(!1);
+    };
+    return document.addEventListener("mousedown", i), document.addEventListener("keydown", L), () => {
+      document.removeEventListener("mousedown", i), document.removeEventListener("keydown", L);
+    };
+  }, [s]);
+  const b = async () => {
+    try {
+      await navigator.clipboard.writeText(je(d || "")), k(!0), setTimeout(() => k(!1), 1500);
+    } catch (i) {
+      console.error("Failed to copy message:", i);
+    }
+  }, h = () => {
+    n(!1), g("up"), a == null || a({ rating: "up" });
+  }, u = () => {
+    g("down"), n(!1), a == null || a({
+      rating: "down",
+      ...t.trim() ? { reason: t.trim() } : {}
+    });
+  }, w = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 0,
+    background: "transparent",
+    border: "none",
+    cursor: "pointer",
+    color: D,
+    transition: "color 0.12s ease"
+  }, B = /* @__PURE__ */ e("span", { style: { fontSize: "13px", color: D, lineHeight: "normal" }, children: "•" });
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      style: {
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        marginTop: "8px",
+        justifyContent: o === "end" ? "flex-end" : "flex-start"
+      },
+      children: [
+        l && /* @__PURE__ */ e("span", { style: { fontSize: "13px", color: D, whiteSpace: "nowrap" }, children: l }),
+        l && B,
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            title: p ? "Copied" : "Copy",
+            onClick: b,
+            style: { ...w, color: p ? "#1f9d57" : D },
+            onMouseEnter: (i) => {
+              p || (i.currentTarget.style.color = W);
+            },
+            onMouseLeave: (i) => {
+              p || (i.currentTarget.style.color = D);
+            },
+            children: p ? /* @__PURE__ */ e(ge, { size: 16 }) : /* @__PURE__ */ e(ue, { size: 16 })
+          }
+        ),
+        c && /* @__PURE__ */ y(ye, { children: [
+          B,
+          /* @__PURE__ */ y("div", { style: { display: "inline-flex", alignItems: "center", gap: "16px" }, children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                title: "Good response",
+                onClick: h,
+                style: { ...w, color: v === "up" ? W : D },
+                onMouseEnter: (i) => i.currentTarget.style.color = W,
+                onMouseLeave: (i) => i.currentTarget.style.color = v === "up" ? W : D,
+                children: /* @__PURE__ */ e(Be, { size: 16, fill: v === "up" ? "currentColor" : "none" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                title: "Bad response",
+                onClick: () => n((i) => !i),
+                style: {
+                  ...w,
+                  color: v === "down" || s ? W : D
+                },
+                onMouseEnter: (i) => i.currentTarget.style.color = W,
+                onMouseLeave: (i) => i.currentTarget.style.color = v === "down" || s ? W : D,
+                children: /* @__PURE__ */ e(ze, { size: 16, fill: v === "down" ? "currentColor" : "none" })
+              }
+            )
+          ] })
+        ] }),
+        s && /* @__PURE__ */ y(
+          "div",
+          {
+            ref: x,
+            style: {
+              position: "absolute",
+              top: "calc(100% + 6px)",
+              [o === "end" ? "right" : "left"]: 0,
+              zIndex: 30,
+              width: "300px",
+              background: "#FFFFFF",
+              border: "1px solid #d9d9d9",
+              borderRadius: "10px",
+              boxShadow: "0 4px 16px rgba(0,0,0,0.12)",
+              padding: "12px",
+              display: "flex",
+              flexDirection: "column",
+              gap: "10px",
+              textAlign: "left"
+            },
+            children: [
+              /* @__PURE__ */ e("div", { style: { fontSize: "13px", fontWeight: 600, color: W }, children: "What was wrong with this response?" }),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  value: t,
+                  onChange: (i) => r(i.target.value),
+                  placeholder: "Add details (optional)",
+                  rows: 3,
+                  style: {
+                    width: "100%",
+                    boxSizing: "border-box",
+                    resize: "none",
+                    border: "1px solid #d9d9d9",
+                    borderRadius: "8px",
+                    padding: "8px",
+                    fontSize: "13px",
+                    color: W,
+                    fontFamily: "inherit",
+                    outline: "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ y("div", { style: { display: "flex", justifyContent: "flex-end", gap: "8px" }, children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => n(!1),
+                    style: {
+                      padding: "6px 12px",
+                      fontSize: "12px",
+                      fontWeight: 600,
+                      color: W,
+                      background: "#FFFFFF",
+                      border: "1px solid #d9d9d9",
+                      borderRadius: "6px",
+                      cursor: "pointer"
+                    },
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: u,
+                    style: {
+                      padding: "6px 12px",
+                      fontSize: "12px",
+                      fontWeight: 600,
+                      color: "#f2f2f0",
+                      background: "#0B0B0B",
+                      border: "1px solid #0B0B0B",
+                      borderRadius: "6px",
+                      cursor: "pointer"
+                    },
+                    children: "Submit"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Ye({
+  role: l,
+  content: d,
+  html: c,
+  timestamp: o,
+  toolBadges: a,
+  isStreaming: f,
+  onCodeBlockClick: p,
+  onFilePathClick: k,
+  onFeedback: v,
+  feedbackRating: g,
+  afterContent: s
 }) {
-  const x = d === "user";
+  const n = l === "user";
   return /* @__PURE__ */ y(
     "div",
     {
       style: {
         display: "flex",
         flexDirection: "column",
-        alignItems: x ? "flex-end" : "flex-start",
+        alignItems: n ? "flex-end" : "flex-start",
         marginBottom: "16px",
         width: "100%",
         maxWidth: "100%"
       },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ e(
           "div",
           {
             style: {
-              fontSize: "var(--text-sm, 11px)",
-              color: "var(--text-faint, rgba(30,33,37,0.36))",
-              marginBottom: "6px",
-              fontWeight: 650,
-              letterSpacing: "0.02em"
+              fontSize: "13px",
+              fontWeight: 400,
+              color: D,
+              marginBottom: "6px"
             },
-            children: [
-              x ? "You" : "Compass",
-              u && !x && /* @__PURE__ */ t("span", { style: { marginLeft: "6px", color: "var(--rail-purple, #9B7AA8)" }, children: "●" })
-            ]
+            children: n ? "You" : "Compass"
           }
         ),
-        i && i.length > 0 && /* @__PURE__ */ t("div", { style: {
+        a && a.length > 0 && /* @__PURE__ */ e("div", { style: {
           marginBottom: "8px",
           display: "flex",
           flexWrap: "wrap",
           gap: "4px",
           maxWidth: "75%"
-        }, children: i.map((o, l) => /* @__PURE__ */ y(
+        }, children: a.map((t, r) => /* @__PURE__ */ y(
           "span",
           {
             style: {
@@ -859,51 +1077,63 @@ function _t({
               padding: "2px 8px",
               borderRadius: "6px",
               background: "var(--paper-elevated, rgba(255,255,255,0.82))",
-              border: `1px solid ${o.pending ? "var(--rail-discovery, #5A8CC0)" : o.success !== !1 ? "var(--state-present, #5CB85C)" : "var(--rail-signal-churn, #C98A5A)"}`,
-              color: o.pending ? "var(--rail-discovery, #5A8CC0)" : o.success !== !1 ? "var(--state-present, #5CB85C)" : "var(--rail-signal-churn, #C98A5A)"
+              border: `1px solid ${t.pending ? "var(--rail-discovery, #5A8CC0)" : t.success !== !1 ? "var(--state-present, #5CB85C)" : "var(--rail-signal-churn, #C98A5A)"}`,
+              color: t.pending ? "var(--rail-discovery, #5A8CC0)" : t.success !== !1 ? "var(--state-present, #5CB85C)" : "var(--rail-signal-churn, #C98A5A)"
             },
             children: [
-              /* @__PURE__ */ t(vt, { size: 10, style: { marginRight: 3, verticalAlign: "middle" } }),
-              o.name,
-              o.pending ? "..." : o.success !== !1 ? " ✓" : " ✗"
+              /* @__PURE__ */ e(Re, { size: 10, style: { marginRight: 3, verticalAlign: "middle" } }),
+              t.name,
+              t.pending ? "..." : t.success !== !1 ? " ✓" : " ✗"
             ]
           },
-          o.id || l
+          t.id || r
         )) }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "div",
           {
-            style: {
+            style: n ? {
+              maxWidth: "85%",
+              width: "fit-content",
+              padding: "12px 16px",
+              borderRadius: "8px",
+              background: "#f3f7f7",
+              // grey/hover
+              fontSize: "14px",
+              lineHeight: 1.6,
+              color: "#2e3236",
+              // grey/strong
+              wordBreak: "break-word"
+            } : {
               width: "100%",
               maxWidth: "100%",
-              padding: "12px 16px",
-              borderRadius: "var(--radius-lg, 12px)",
-              background: x ? "var(--card-customer, rgba(94,136,176,0.08))" : "var(--paper-elevated, rgba(255,255,255,0.82))",
-              border: x ? "1px solid var(--border-subtle, rgba(52,58,64,0.08))" : "1px solid var(--border, rgba(52,58,64,0.12))",
-              fontSize: "var(--text-base, 14px)",
+              padding: "20px 24px",
+              border: "1px solid #e6e6e6",
+              borderRadius: "14px",
+              background: "#FFFFFF",
+              fontSize: "14px",
               lineHeight: 1.6,
-              color: "var(--text-strong, rgba(30,33,37,0.92))",
+              color: "#2e3236",
               wordBreak: "break-word"
             },
-            children: g ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: g } }) : x ? (
+            children: c ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: c } }) : n ? (
               // User messages stay plain text
-              /* @__PURE__ */ t("div", { style: { whiteSpace: "pre-wrap" }, children: c })
+              /* @__PURE__ */ e("div", { style: { whiteSpace: "pre-wrap" }, children: d })
             ) : (
               // Assistant messages get markdown rendering
-              /* @__PURE__ */ t(Mt, { content: c || "", onCodeBlockClick: h, onFilePathClick: k })
+              /* @__PURE__ */ e(_e, { content: d || "", onCodeBlockClick: p, onFilePathClick: k })
             )
           }
         ),
-        a && /* @__PURE__ */ t(
-          "div",
+        s && /* @__PURE__ */ e("div", { style: { width: "100%", marginTop: "10px" }, children: s }),
+        !(f && !n) && /* @__PURE__ */ e(
+          He,
           {
-            style: {
-              fontSize: "var(--text-xs-plus, 10.5px)",
-              color: "var(--text-faint, rgba(30,33,37,0.36))",
-              marginTop: "4px",
-              fontFamily: "var(--font-mono, monospace)"
-            },
-            children: a
+            timestamp: o,
+            content: d,
+            showFeedback: !n,
+            align: n ? "end" : "start",
+            onFeedback: v,
+            initialRating: g
           }
         )
       ]
@@ -911,7 +1141,7 @@ function _t({
   );
 }
 export {
-  _t as C,
-  Pt as a
+  Ye as C,
+  Ge as a
 };
 //# sourceMappingURL=ChatMessage.es.js.map