chordia-ui 3.7.0 → 3.7.2

package/dist/components/chat.es.js

@@ -1,484 +1,28 @@
-import { jsxs as a, jsx as e, Fragment as H } from "react/jsx-runtime";
-import N, { useState as C, useRef as $, useEffect as _ } from "react";
-import { Wrench as ie, Check as oe, Copy as ae, PanelRightOpen as se, Send as ee, Search as le, MessageSquare as de, Pin as ce, Clock as q, Hash as G, AtSign as pe, Paperclip as ge } from "lucide-react";
-import { C as Be } from "../ChartRenderer.es.js";
+import { jsxs as n, jsx as e, Fragment as F } from "react/jsx-runtime";
+import { useState as f, useRef as M, useEffect as A } from "react";
+import { Send as Z, Search as ne, MessageSquare as ie, Pin as oe, Clock as Y, Hash as X, AtSign as ae, Paperclip as se } from "lucide-react";
+import { C as G } from "../ChatMessage.es.js";
+import { a as ke } from "../ChatMessage.es.js";
 import "recharts";
-const ue = ({ content: b, onCodeBlockClick: k, onFilePathClick: S }) => {
-  const [B, s] = C(/* @__PURE__ */ new Set()), R = async (o, i) => {
-    try {
-      await navigator.clipboard.writeText(o), s((t) => /* @__PURE__ */ new Set([...t, i])), setTimeout(() => {
-        s((t) => {
-          const r = new Set(t);
-          return r.delete(i), r;
-        });
-      }, 2e3);
-    } catch (t) {
-      console.error("Failed to copy text:", t);
-    }
-  }, E = (o, i, t) => {
-    const r = B.has(t);
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        style: {
-          position: "relative",
-          marginBottom: "16px",
-          borderRadius: "8px",
-          background: "var(--ink, #1E2125)",
-          border: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
-          overflow: "hidden"
-        },
-        children: [
-          /* @__PURE__ */ a("div", { style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            padding: "8px 12px",
-            background: "rgba(255,255,255,0.05)",
-            borderBottom: "1px solid rgba(255,255,255,0.1)"
-          }, children: [
-            /* @__PURE__ */ e("span", { style: {
-              fontSize: "11px",
-              color: "rgba(255,255,255,0.7)",
-              fontFamily: "var(--font-mono, monospace)",
-              textTransform: "uppercase",
-              letterSpacing: "0.05em"
-            }, children: i || "code" }),
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: () => R(o, t),
-                style: {
-                  background: "none",
-                  border: "none",
-                  color: "rgba(255,255,255,0.7)",
-                  cursor: "pointer",
-                  padding: "4px",
-                  borderRadius: "4px",
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "4px",
-                  fontSize: "11px",
-                  transition: "all 0.15s ease"
-                },
-                onMouseEnter: (d) => {
-                  d.target.style.background = "rgba(255,255,255,0.1)", d.target.style.color = "rgba(255,255,255,0.9)";
-                },
-                onMouseLeave: (d) => {
-                  d.target.style.background = "none", d.target.style.color = "rgba(255,255,255,0.7)";
-                },
-                children: [
-                  r ? /* @__PURE__ */ e(oe, { size: 12 }) : /* @__PURE__ */ e(ae, { size: 12 }),
-                  r ? "Copied!" : "Copy"
-                ]
-              }
-            ),
-            k && /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: () => k({ code: o, language: i }),
-                style: {
-                  background: "none",
-                  border: "none",
-                  color: "rgba(255,255,255,0.7)",
-                  cursor: "pointer",
-                  padding: "4px",
-                  borderRadius: "4px",
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "4px",
-                  fontSize: "11px",
-                  transition: "all 0.15s ease"
-                },
-                onMouseEnter: (d) => {
-                  d.currentTarget.style.background = "rgba(255,255,255,0.1)", d.currentTarget.style.color = "rgba(255,255,255,0.9)";
-                },
-                onMouseLeave: (d) => {
-                  d.currentTarget.style.background = "none", d.currentTarget.style.color = "rgba(255,255,255,0.7)";
-                },
-                children: [
-                  /* @__PURE__ */ e(se, { size: 12 }),
-                  "Canvas"
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("pre", { style: {
-            margin: 0,
-            padding: "12px",
-            fontFamily: "var(--font-mono, monospace)",
-            fontSize: "13px",
-            lineHeight: 1.4,
-            color: "rgba(255,255,255,0.95)",
-            overflow: "auto",
-            whiteSpace: "pre-wrap",
-            wordBreak: "break-word"
-          }, children: o })
-        ]
-      },
-      t
-    );
-  }, T = (o) => {
-    const i = [], t = o.split(`
-`);
-    let r = 0, d = 0;
-    for (; r < t.length; ) {
-      const p = t[r];
-      if (p.trim().startsWith("```")) {
-        const l = p.trim().slice(3);
-        let f = [];
-        for (r++; r < t.length && !t[r].trim().startsWith("```"); )
-          f.push(t[r]), r++;
-        r < t.length && r++, i.push(E(f.join(`
-`), l, `code-${d++}`));
-        continue;
-      }
-      if (p.startsWith("#")) {
-        const l = p.match(/^#+/)[0].length, f = p.slice(l).trim(), w = l === 1 ? "h2" : l === 2 ? "h3" : l === 3 ? "h4" : "h5";
-        i.push(
-          N.createElement(w, {
-            key: `header-${r}`,
-            style: {
-              fontSize: l === 1 ? "18px" : l === 2 ? "16px" : "14px",
-              fontWeight: 720,
-              color: "var(--text-strong, rgba(30,33,37,0.92))",
-              marginTop: i.length > 0 ? "20px" : "0",
-              marginBottom: "8px",
-              lineHeight: 1.3
-            }
-          }, f)
-        ), r++;
-        continue;
-      }
-      if (p.trim() === "---" || p.trim() === "***") {
-        i.push(
-          /* @__PURE__ */ e("hr", { style: {
-            border: "none",
-            borderTop: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
-            margin: "16px 0"
-          } }, `hr-${r}`)
-        ), r++;
-        continue;
-      }
-      if (p.match(/^(\s*)([-*+]|\d+\.)\s/)) {
-        const l = [], f = /^\s*\d+\./.test(p);
-        for (; r < t.length && (t[r].match(/^(\s*)([-*+]|\d+\.)\s/) || t[r].trim() === ""); ) {
-          if (t[r].trim() !== "") {
-            const m = t[r].match(/^(\s*)([-*+]|\d+\.)\s(.*)$/);
-            m && l.push(m[3]);
-          }
-          r++;
-        }
-        const w = f ? "ol" : "ul";
-        i.push(
-          N.createElement(w, {
-            key: `list-${r}`,
-            style: {
-              margin: "8px 0",
-              paddingLeft: "20px",
-              color: "var(--text-strong, rgba(30,33,37,0.92))"
-            }
-          }, l.map(
-            (m, n) => N.createElement("li", {
-              key: `item-${n}`,
-              style: { marginBottom: "4px" }
-            }, g(m))
-          ))
-        );
-        continue;
-      }
-      if (p.trim().startsWith("|") && p.trim().endsWith("|")) {
-        const l = [];
-        for (; r < t.length && t[r].trim().startsWith("|") && t[r].trim().endsWith("|"); )
-          l.push(t[r]), r++;
-        if (l.length >= 2) {
-          const f = (v) => v.trim().slice(1, -1).split("|").map((M) => M.trim()), w = f(l[0]), m = (v) => f(v).every((M) => /^[-:]+$/.test(M)), n = l.length >= 2 && m(l[1]), u = n ? 2 : 1, z = n ? f(l[1]).map((v) => v.startsWith(":") && v.endsWith(":") ? "center" : v.endsWith(":") ? "right" : "left") : w.map(() => "left"), x = {
-            padding: "6px 12px",
-            borderBottom: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
-            fontSize: "13px",
-            lineHeight: 1.5,
-            color: "var(--text-strong, rgba(30,33,37,0.92))",
-            // Override the chat bubble's inherited `word-break: break-word`
-            // so cells size to natural min-content; the wrapper's
-            // overflow-x: auto handles wide tables via horizontal scroll
-            // instead of collapsing columns char-by-char on long URLs.
-            wordBreak: "normal",
-            overflowWrap: "normal"
-          };
-          i.push(
-            /* @__PURE__ */ e("div", { style: { overflowX: "auto", margin: "8px 0" }, children: /* @__PURE__ */ a("table", { style: {
-              borderCollapse: "collapse",
-              width: "100%",
-              border: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
-              borderRadius: "6px",
-              overflow: "hidden"
-            }, children: [
-              n && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { style: { background: "var(--hover-warm-subtle, rgba(231,212,162,0.08))" }, children: w.map((v, M) => /* @__PURE__ */ e("th", { style: { ...x, fontWeight: 660, textAlign: z[M] || "left", whiteSpace: "nowrap" }, children: g(v) }, M)) }) }),
-              /* @__PURE__ */ e("tbody", { children: (n ? l.slice(u) : l).map((v, M) => /* @__PURE__ */ e("tr", { style: { background: M % 2 === 1 ? "var(--hover-warm-subtle, rgba(231,212,162,0.04))" : "transparent" }, children: f(v).map((L, A) => /* @__PURE__ */ e("td", { style: { ...x, textAlign: z[A] || "left" }, children: g(L) }, A)) }, M)) })
-            ] }) }, `table-${r}`)
-          );
-        }
-        continue;
-      }
-      if (p.trim()) {
-        const l = [];
-        for (; r < t.length && t[r].trim() && !t[r].match(/^(#|```|---|\*\*\*|(\s*)([-*+]|\d+\.)\s)/) && !(t[r].trim().startsWith("|") && t[r].trim().endsWith("|")); )
-          l.push(t[r]), r++;
-        l.length > 0 && i.push(
-          /* @__PURE__ */ e("p", { style: {
-            margin: "8px 0",
-            lineHeight: 1.6,
-            color: "var(--text-strong, rgba(30,33,37,0.92))"
-          }, children: g(l.join(" ")) }, `p-${r}`)
-        );
-      } else
-        r++;
-    }
-    return i;
-  }, h = (o) => {
-    const i = [];
-    let t = o, r = 0;
-    for (; t.length > 0; ) {
-      if (S) {
-        const m = 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 (m) {
-          const n = m[1];
-          i.push(
-            /* @__PURE__ */ e(
-              "span",
-              {
-                onClick: () => S(n),
-                style: {
-                  color: "var(--rail-discovery, #5E88B0)",
-                  textDecoration: "underline",
-                  textDecorationStyle: "dotted",
-                  textUnderlineOffset: "2px",
-                  cursor: "pointer",
-                  fontFamily: "var(--font-mono, monospace)",
-                  fontSize: "13px",
-                  transition: "all 0.15s ease",
-                  ":hover": {
-                    background: "var(--hover-warm-subtle, rgba(231,212,162,0.08))",
-                    textDecoration: "underline",
-                    textDecorationStyle: "solid"
-                  }
-                },
-                onMouseEnter: (u) => {
-                  u.target.style.background = "var(--hover-warm-subtle, rgba(231,212,162,0.08))", u.target.style.textDecorationStyle = "solid";
-                },
-                onMouseLeave: (u) => {
-                  u.target.style.background = "none", u.target.style.textDecorationStyle = "dotted";
-                },
-                children: n
-              },
-              `file-path-${r++}`
-            )
-          ), t = t.slice(m[0].length);
-          continue;
-        }
-      }
-      const d = t.match(/^`([^`]+)`/);
-      if (d) {
-        i.push(
-          /* @__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",
-            padding: "2px 4px",
-            fontFamily: "var(--font-mono, monospace)",
-            fontSize: "12px",
-            color: "var(--text-strong, rgba(30,33,37,0.92))"
-          }, children: d[1] }, `inline-code-${r++}`)
-        ), t = t.slice(d[0].length);
-        continue;
-      }
-      const p = t.match(/^\*\*([^*]+)\*\*/);
-      if (p) {
-        i.push(
-          /* @__PURE__ */ e("strong", { style: {
-            fontWeight: 720,
-            color: "var(--text-strong, rgba(30,33,37,0.92))"
-          }, children: p[1] }, `bold-${r++}`)
-        ), t = t.slice(p[0].length);
-        continue;
-      }
-      const l = t.match(/^\*([^*]+)\*/);
-      if (l) {
-        i.push(
-          /* @__PURE__ */ e("em", { style: {
-            fontStyle: "italic",
-            color: "var(--text-strong, rgba(30,33,37,0.92))"
-          }, children: l[1] }, `italic-${r++}`)
-        ), t = t.slice(l[0].length);
-        continue;
-      }
-      const f = t.match(/^\[([^\]]+)\]\(([^)]+)\)/);
-      if (f) {
-        const m = f[1], n = f[2], u = m === "View", z = {
-          display: "inline-flex",
-          alignItems: "center",
-          padding: "3px 10px",
-          background: "var(--rail-discovery, #5E88B0)",
-          color: "#fff",
-          textDecoration: "none",
-          borderRadius: "4px",
-          fontSize: "12px",
-          fontWeight: 600,
-          whiteSpace: "nowrap",
-          cursor: "pointer"
-        }, x = {
-          color: "var(--rail-discovery, #5E88B0)",
-          textDecoration: "underline",
-          textUnderlineOffset: "2px"
-        };
-        i.push(
-          /* @__PURE__ */ e(
-            "a",
-            {
-              href: n,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              style: u ? z : x,
-              children: m
-            },
-            `link-${r++}`
-          )
-        ), t = t.slice(f[0].length);
-        continue;
-      }
-      const w = t.search(/[`*\[]/);
-      if (w === -1) {
-        i.push(t);
-        break;
-      } else
-        w === 0 ? (i.push(t[0]), t = t.slice(1)) : (i.push(t.slice(0, w)), t = t.slice(w));
-    }
-    return i.length === 1 && typeof i[0] == "string" ? i[0] : i;
-  }, g = (o) => h(o);
-  return /* @__PURE__ */ e("div", { children: T(b) });
-};
-function Z({
-  role: b,
-  content: k,
-  html: S,
-  timestamp: B,
-  toolBadges: s,
-  isStreaming: R,
-  onCodeBlockClick: E,
-  onFilePathClick: T
-}) {
-  const h = b === "user";
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: h ? "flex-end" : "flex-start",
-        marginBottom: "16px",
-        maxWidth: "100%"
-      },
-      children: [
-        /* @__PURE__ */ a(
-          "div",
-          {
-            style: {
-              fontSize: "var(--text-sm, 11px)",
-              color: "var(--text-faint, rgba(30,33,37,0.36))",
-              marginBottom: "6px",
-              fontWeight: 650,
-              letterSpacing: "0.02em"
-            },
-            children: [
-              h ? "You" : "Chordia",
-              R && !h && /* @__PURE__ */ e("span", { style: { marginLeft: "6px", color: "var(--rail-purple, #9B7AA8)" }, children: "●" })
-            ]
-          }
-        ),
-        s && s.length > 0 && /* @__PURE__ */ e("div", { style: {
-          marginBottom: "8px",
-          display: "flex",
-          flexWrap: "wrap",
-          gap: "4px",
-          maxWidth: "75%"
-        }, children: s.map((g, o) => /* @__PURE__ */ a(
-          "span",
-          {
-            style: {
-              display: "inline-block",
-              fontSize: "11px",
-              padding: "2px 8px",
-              borderRadius: "6px",
-              background: "var(--paper-elevated, rgba(255,255,255,0.82))",
-              border: `1px solid ${g.pending ? "var(--rail-discovery, #5A8CC0)" : g.success !== !1 ? "var(--state-present, #5CB85C)" : "var(--rail-signal-churn, #C98A5A)"}`,
-              color: g.pending ? "var(--rail-discovery, #5A8CC0)" : g.success !== !1 ? "var(--state-present, #5CB85C)" : "var(--rail-signal-churn, #C98A5A)"
-            },
-            children: [
-              /* @__PURE__ */ e(ie, { size: 10, style: { marginRight: 3, verticalAlign: "middle" } }),
-              g.name,
-              g.pending ? "..." : g.success !== !1 ? " ✓" : " ✗"
-            ]
-          },
-          g.id || o
-        )) }),
-        /* @__PURE__ */ e(
-          "div",
-          {
-            style: {
-              maxWidth: "75%",
-              padding: "12px 16px",
-              borderRadius: "var(--radius-lg, 12px)",
-              background: h ? "var(--card-customer, rgba(94,136,176,0.08))" : "var(--paper-elevated, rgba(255,255,255,0.82))",
-              border: h ? "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)",
-              lineHeight: 1.6,
-              color: "var(--text-strong, rgba(30,33,37,0.92))",
-              wordBreak: "break-word"
-            },
-            children: S ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: S } }) : h ? (
-              // User messages stay plain text
-              /* @__PURE__ */ e("div", { style: { whiteSpace: "pre-wrap" }, children: k })
-            ) : (
-              // Assistant messages get markdown rendering
-              /* @__PURE__ */ e(ue, { content: k || "", onCodeBlockClick: E, onFilePathClick: T })
-            )
-          }
-        ),
-        B && /* @__PURE__ */ e(
-          "div",
-          {
-            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: B
-          }
-        )
-      ]
-    }
-  );
-}
-function xe({
-  phase: b = "thinking",
-  toolSteps: k = [],
+function le({
+  phase: x = "thinking",
+  toolSteps: w = [],
   label: S,
-  elapsedMs: B,
-  compact: s = !1
+  elapsedMs: C,
+  compact: i = !1
 }) {
-  const R = (t) => {
-    if (!t || t < 1e3)
+  const T = (s) => {
+    if (!s || s < 1e3)
       return null;
-    const r = Math.floor(t / 1e3);
-    if (r < 60)
-      return `${r}s`;
-    const d = Math.floor(r / 60), p = r % 60;
-    return p > 0 ? `${d}m ${p}s` : `${d}m`;
-  }, E = () => {
+    const l = Math.floor(s / 1e3);
+    if (l < 60)
+      return `${l}s`;
+    const d = Math.floor(l / 60), g = l % 60;
+    return g > 0 ? `${d}m ${g}s` : `${d}m`;
+  }, R = () => {
     if (S)
       return S;
-    switch (b) {
+    switch (x) {
       case "thinking":
         return "Thinking...";
       case "tool":
@@ -488,22 +32,22 @@ function xe({
       default:
         return "Thinking...";
     }
-  }, T = (t, r) => {
+  }, k = (s, l) => {
     const d = () => {
-      const l = {
-        width: s ? "4px" : "6px",
-        height: s ? "4px" : "6px",
+      const y = {
+        width: i ? "4px" : "6px",
+        height: i ? "4px" : "6px",
         borderRadius: "50%",
         display: "inline-block",
-        marginRight: s ? "6px" : "8px"
+        marginRight: i ? "6px" : "8px"
       };
-      switch (t.status) {
+      switch (s.status) {
         case "active":
           return /* @__PURE__ */ e(
             "span",
             {
               style: {
-                ...l,
+                ...y,
                 backgroundColor: "var(--rail-purple, #9B7AA8)",
                 animation: "pulse 1.2s ease-in-out infinite"
               }
@@ -514,7 +58,7 @@ function xe({
             "span",
             {
               style: {
-                ...l,
+                ...y,
                 backgroundColor: "var(--text-xfaint, rgba(30,33,37,0.28))"
               }
             }
@@ -524,7 +68,7 @@ function xe({
             "span",
             {
               style: {
-                ...l,
+                ...y,
                 backgroundColor: "var(--rail-compliance, #C98A5A)"
               }
             }
@@ -534,56 +78,56 @@ function xe({
             "span",
             {
               style: {
-                ...l,
+                ...y,
                 backgroundColor: "var(--text-xfaint, rgba(30,33,37,0.28))"
               }
             }
           );
       }
-    }, p = () => {
-      switch (t.status) {
+    }, g = () => {
+      switch (s.status) {
         case "done":
           return /* @__PURE__ */ e("span", { style: {
             color: "var(--text-faint, rgba(30,33,37,0.36))",
-            fontSize: s ? "9px" : "var(--text-xs-plus, 10.5px)"
+            fontSize: i ? "9px" : "var(--text-xs-plus, 10.5px)"
           }, children: "✓" });
         case "error":
           return /* @__PURE__ */ e("span", { style: {
             color: "var(--rail-compliance, #C98A5A)",
-            fontSize: s ? "9px" : "var(--text-xs-plus, 10.5px)"
+            fontSize: i ? "9px" : "var(--text-xs-plus, 10.5px)"
           }, children: "failed" });
         default:
           return null;
       }
     };
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ n(
       "div",
       {
         style: {
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
-          marginBottom: s ? "2px" : "4px"
+          marginBottom: i ? "2px" : "4px"
         },
         children: [
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
             d(),
             /* @__PURE__ */ e("span", { style: {
               fontFamily: "var(--font-mono)",
-              fontSize: s ? "9px" : "var(--text-xs-plus, 10.5px)",
+              fontSize: i ? "9px" : "var(--text-xs-plus, 10.5px)",
               color: "var(--text-muted)"
-            }, children: t.name })
+            }, children: s.name })
           ] }),
-          p()
+          g()
         ]
       },
-      r
+      l
     );
-  }, h = () => /* @__PURE__ */ e("div", { style: {
+  }, m = () => /* @__PURE__ */ e("div", { style: {
     width: "100%",
-    height: s ? "2px" : "3px",
+    height: i ? "2px" : "3px",
     backgroundColor: "var(--border-subtle, rgba(52,58,64,0.08))",
-    borderRadius: s ? "2px" : "3px",
+    borderRadius: i ? "2px" : "3px",
     overflow: "hidden",
     position: "relative"
   }, children: /* @__PURE__ */ e("div", { style: {
@@ -594,21 +138,21 @@ function xe({
     bottom: 0,
     background: "linear-gradient(90deg, transparent 0%, rgba(155,122,168,0.3) 50%, transparent 100%)",
     animation: "shimmer 2s linear infinite"
-  } }) }), g = () => /* @__PURE__ */ e("span", { style: {
-    width: s ? "4px" : "6px",
-    height: s ? "10px" : "14px",
+  } }) }), c = () => /* @__PURE__ */ e("span", { style: {
+    width: i ? "4px" : "6px",
+    height: i ? "10px" : "14px",
     backgroundColor: "var(--rail-purple, #9B7AA8)",
     borderRadius: "1px",
     display: "inline-block",
     marginLeft: "2px",
     animation: "cursorBlink 0.8s ease-in-out infinite"
-  } }), o = E(), i = R(B);
-  return /* @__PURE__ */ a("div", { style: {
-    borderLeft: `${s ? "3px" : "4px"} solid var(--rail-purple, #9B7AA8)`,
+  } }), r = R(), a = T(C);
+  return /* @__PURE__ */ n("div", { style: {
+    borderLeft: `${i ? "3px" : "4px"} solid var(--rail-purple, #9B7AA8)`,
     backgroundColor: "var(--card-assistant, rgba(155,122,168,0.06))",
     border: "1px solid var(--border-subtle, rgba(52,58,64,0.08))",
-    borderRadius: s ? "8px" : "10px",
-    padding: s ? "8px 10px 8px 12px" : "10px 14px 10px 18px"
+    borderRadius: i ? "8px" : "10px",
+    padding: i ? "8px 10px 8px 12px" : "10px 14px 10px 18px"
   }, children: [
     /* @__PURE__ */ e("style", { children: `
           @keyframes shimmer {
@@ -626,7 +170,7 @@ function xe({
             50% { opacity: 1; }
           }
         ` }),
-    !s && /* @__PURE__ */ e("div", { style: {
+    !i && /* @__PURE__ */ e("div", { style: {
       fontSize: "var(--text-xs-plus, 10.5px)",
       fontWeight: 650,
       textTransform: "uppercase",
@@ -634,127 +178,127 @@ function xe({
       color: "var(--text-faint, rgba(30,33,37,0.36))",
       marginBottom: "8px"
     }, children: "AI ASSISTANT" }),
-    b === "thinking" && /* @__PURE__ */ a("div", { children: [
-      /* @__PURE__ */ a("div", { style: {
+    x === "thinking" && /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n("div", { style: {
         color: "var(--text-muted)",
         fontWeight: 400,
-        fontSize: s ? "11px" : "13px",
-        marginBottom: s ? "4px" : "8px",
+        fontSize: i ? "11px" : "13px",
+        marginBottom: i ? "4px" : "8px",
         display: "flex",
         alignItems: "center",
         gap: "6px"
       }, children: [
-        o,
-        i && /* @__PURE__ */ e("span", { style: {
-          fontSize: s ? "9px" : "10px",
+        r,
+        a && /* @__PURE__ */ e("span", { style: {
+          fontSize: i ? "9px" : "10px",
           color: "var(--text-faint, rgba(30,33,37,0.36))",
           fontFamily: "var(--font-mono, monospace)"
-        }, children: i })
+        }, children: a })
       ] }),
-      h()
+      m()
     ] }),
-    b === "tool" && /* @__PURE__ */ a("div", { children: [
-      o && /* @__PURE__ */ a("div", { style: {
+    x === "tool" && /* @__PURE__ */ n("div", { children: [
+      r && /* @__PURE__ */ n("div", { style: {
         color: "var(--text-muted)",
         fontWeight: 400,
-        fontSize: s ? "11px" : "13px",
-        marginBottom: s ? "4px" : "8px",
+        fontSize: i ? "11px" : "13px",
+        marginBottom: i ? "4px" : "8px",
         display: "flex",
         alignItems: "center",
         gap: "6px"
       }, children: [
-        o,
-        i && /* @__PURE__ */ e("span", { style: {
-          fontSize: s ? "9px" : "10px",
+        r,
+        a && /* @__PURE__ */ e("span", { style: {
+          fontSize: i ? "9px" : "10px",
           color: "var(--text-faint, rgba(30,33,37,0.36))",
           fontFamily: "var(--font-mono, monospace)"
-        }, children: i })
+        }, children: a })
       ] }),
-      /* @__PURE__ */ e("div", { style: { marginBottom: s ? "4px" : "8px" }, children: k.map((t, r) => T(t, r)) }),
-      h()
+      /* @__PURE__ */ e("div", { style: { marginBottom: i ? "4px" : "8px" }, children: w.map((s, l) => k(s, l)) }),
+      m()
     ] }),
-    b === "responding" && /* @__PURE__ */ a("div", { style: {
+    x === "responding" && /* @__PURE__ */ n("div", { style: {
       color: "var(--text-muted)",
       fontWeight: 400,
-      fontSize: s ? "11px" : "13px",
+      fontSize: i ? "11px" : "13px",
       display: "flex",
       alignItems: "center",
       gap: "6px"
     }, children: [
-      /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center" }, children: [
-        o,
-        g()
+      /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
+        r,
+        c()
       ] }),
-      i && /* @__PURE__ */ e("span", { style: {
-        fontSize: s ? "9px" : "10px",
+      a && /* @__PURE__ */ e("span", { style: {
+        fontSize: i ? "9px" : "10px",
         color: "var(--text-faint, rgba(30,33,37,0.36))",
         fontFamily: "var(--font-mono, monospace)"
-      }, children: i })
+      }, children: a })
     ] })
   ] });
 }
-const he = { error: (...b) => console.warn("toast.error:", ...b) };
-function we({
-  initialMessages: b = [],
-  onSendMessage: k,
+const de = { error: (...x) => console.warn("toast.error:", ...x) };
+function he({
+  initialMessages: x = [],
+  onSendMessage: w,
   onStreamMessage: S,
   // NEW: streaming version of onSendMessage
-  onMessagesChange: B,
+  onMessagesChange: C,
   // NEW: callback when messages array changes
-  onCodeBlockClick: s,
+  onCodeBlockClick: i,
   // callback when "Canvas" button clicked on a code block: ({ code, language }) => void
-  placeholder: R = "Ask a question about this interaction...",
-  title: E = "Chat with Chordia"
+  placeholder: T = "Ask a question about this interaction...",
+  title: R = "Chat with Chordia"
 }) {
-  const [T, h] = C(b || []), [g, o] = C(""), [i, t] = C(!1), [r, d] = C(!1), [p, l] = C(null), [f, w] = C("thinking"), [m, n] = C(null), [u, z] = C(0), x = $(null), v = $(null), M = $(null), L = $(null), A = $(null), [j, P] = C(!1), [K, V] = C(0);
-  _(() => {
-    var c;
-    (c = x.current) == null || c.scrollIntoView({ behavior: "smooth" });
-  }, [T, i]), _(() => {
-    v.current && (v.current.style.height = "auto", v.current.style.height = `${Math.min(
-      v.current.scrollHeight,
+  const [k, m] = f(x || []), [c, r] = f(""), [a, s] = f(!1), [l, d] = f(!1), [g, y] = f(null), [H, E] = f("thinking"), [D, t] = f(null), [h, z] = f(0), u = M(null), B = M(null), U = M(null), P = M(null), W = M(null), [_, $] = f(!1), [K, q] = f(0);
+  A(() => {
+    var o;
+    (o = u.current) == null || o.scrollIntoView({ behavior: "smooth" });
+  }, [k, a]), A(() => {
+    B.current && (B.current.style.height = "auto", B.current.style.height = `${Math.min(
+      B.current.scrollHeight,
       120
     )}px`);
-  }, [g]), _(() => {
-    if (B) {
-      const c = [...T];
-      p && c.push(p), B(c);
+  }, [c]), A(() => {
+    if (C) {
+      const o = [...k];
+      g && o.push(g), C(o);
     }
-  }, [T, p, B]), _(() => {
-    let c;
-    return i && m && (c = setInterval(() => {
-      if (z(Date.now() - m), A.current) {
-        const I = (Date.now() - A.current) / 1e3;
-        I >= 3 ? (P(!0), V(Math.floor(I))) : P(!1);
+  }, [k, g, C]), A(() => {
+    let o;
+    return a && D && (o = setInterval(() => {
+      if (z(Date.now() - D), W.current) {
+        const b = (Date.now() - W.current) / 1e3;
+        b >= 3 ? ($(!0), q(Math.floor(b))) : $(!1);
       }
-    }, 500)), () => c && clearInterval(c);
-  }, [i, m]);
-  const X = () => {
-    t(!1), d(!1), l(null), L.current = null, w("thinking"), P(!1), V(0), A.current = null, n(null), z(0), M.current && (M.current.abort(), M.current = null);
-  }, te = (c) => {
-    if (c.startsWith("data: ")) {
-      const I = c.slice(6);
-      if (I === "[DONE]")
+    }, 500)), () => o && clearInterval(o);
+  }, [a, D]);
+  const V = () => {
+    s(!1), d(!1), y(null), P.current = null, E("thinking"), $(!1), q(0), W.current = null, t(null), z(0), U.current && (U.current.abort(), U.current = null);
+  }, ee = (o) => {
+    if (o.startsWith("data: ")) {
+      const b = o.slice(6);
+      if (b === "[DONE]")
         return { type: "done" };
       try {
-        return { type: "data", data: JSON.parse(I) };
+        return { type: "data", data: JSON.parse(b) };
       } catch {
         return null;
       }
     }
     return null;
-  }, re = (c) => {
-    var D, y;
-    if (!((y = (D = c.choices) == null ? void 0 : D[0]) != null && y.delta))
+  }, te = (o) => {
+    var I, p;
+    if (!((p = (I = o.choices) == null ? void 0 : I[0]) != null && p.delta))
       return;
-    A.current = Date.now(), P(!1);
-    const I = c.choices[0].delta;
-    if (I.tool_calls || I.tool_results) {
-      w("tool");
+    W.current = Date.now(), $(!1);
+    const b = o.choices[0].delta;
+    if (b.tool_calls || b.tool_results) {
+      E("tool");
       return;
     }
-    I.content !== void 0 && (w("responding"), l((W) => {
-      const F = W || {
+    b.content !== void 0 && (E("responding"), y((v) => {
+      const L = v || {
         id: Date.now().toString(),
         role: "assistant",
         content: "",
@@ -763,59 +307,59 @@ function we({
           minute: "2-digit"
         }),
         isStreaming: !0
-      }, U = {
-        ...F,
-        content: (F.content || "") + (I.content || "")
+      }, j = {
+        ...L,
+        content: (L.content || "") + (b.content || "")
       };
-      return L.current = U, U;
+      return P.current = j, j;
     }));
-  }, O = async (c) => {
-    const I = c.getReader(), D = new TextDecoder();
-    let y = "";
+  }, O = async (o) => {
+    const b = o.getReader(), I = new TextDecoder();
+    let p = "";
     try {
       for (; ; ) {
-        const { done: W, value: F } = await I.read();
-        if (W)
+        const { done: v, value: L } = await b.read();
+        if (v)
           break;
-        y += D.decode(F, { stream: !0 });
-        const U = y.split(`
+        p += I.decode(L, { stream: !0 });
+        const j = p.split(`
 `);
-        y = U.pop() || "";
-        for (const Q of U)
+        p = j.pop() || "";
+        for (const Q of j)
           if (Q.trim()) {
-            const Y = te(Q);
-            if (Y) {
-              if (Y.type === "done")
+            const N = ee(Q);
+            if (N) {
+              if (N.type === "done")
                 return;
-              Y.type === "data" && re(Y.data);
+              N.type === "data" && te(N.data);
             }
           }
       }
     } finally {
-      I.releaseLock();
+      b.releaseLock();
     }
   }, J = async () => {
-    if (!g.trim() || r)
+    if (!c.trim() || l)
       return;
-    const c = g.trim(), I = {
+    const o = c.trim(), b = {
       id: Date.now().toString(),
       role: "user",
-      content: c,
+      content: o,
       timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       })
-    }, D = [...T, I];
-    h(D), o(""), t(!0), d(!0), w("thinking"), n(Date.now()), A.current = Date.now(), M.current = new AbortController();
+    }, I = [...k, b];
+    m(I), r(""), s(!0), d(!0), E("thinking"), t(Date.now()), W.current = Date.now(), U.current = new AbortController();
     try {
-      let y;
+      let p;
       if (S)
-        y = await S(c, D);
-      else if (k)
-        y = await k(c, D);
+        p = await S(o, I);
+      else if (w)
+        p = await w(o, I);
       else {
         setTimeout(() => {
-          const W = {
+          const v = {
             id: (Date.now() + 1).toString(),
             role: "assistant",
             content: "This is a demonstration response. In a real implementation, this would connect to your LLM backend.",
@@ -824,31 +368,31 @@ function we({
               minute: "2-digit"
             })
           };
-          h((F) => [...F, W]), X();
+          m((L) => [...L, v]), V();
         }, 1e3);
         return;
       }
-      if (y instanceof ReadableStream)
-        await O(y);
-      else if (y instanceof Response && y.body)
-        await O(y.body);
-      else if (y && typeof y.then == "function") {
-        const W = await y;
-        W instanceof ReadableStream ? await O(W) : W instanceof Response && W.body && await O(W.body);
+      if (p instanceof ReadableStream)
+        await O(p);
+      else if (p instanceof Response && p.body)
+        await O(p.body);
+      else if (p && typeof p.then == "function") {
+        const v = await p;
+        v instanceof ReadableStream ? await O(v) : v instanceof Response && v.body && await O(v.body);
       }
-      L.current && h((W) => [...W, {
-        ...L.current,
+      P.current && m((v) => [...v, {
+        ...P.current,
         isStreaming: !1
       }]);
-    } catch (y) {
-      y.name !== "AbortError" && (he.error("Failed to send message"), console.error("Stream error:", y));
+    } catch (p) {
+      p.name !== "AbortError" && (de.error("Failed to send message"), console.error("Stream error:", p));
     } finally {
-      X();
+      V();
     }
-  }, ne = (c) => {
-    c.key === "Enter" && !c.shiftKey && (c.preventDefault(), J());
+  }, re = (o) => {
+    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), J());
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -861,7 +405,7 @@ function we({
         overflow: "hidden"
       },
       children: [
-        E ? /* @__PURE__ */ a(
+        R ? /* @__PURE__ */ n(
           "div",
           {
             style: {
@@ -879,7 +423,7 @@ function we({
                     letterSpacing: "-0.01em",
                     color: "var(--text-strong, rgba(30,33,37,0.92))"
                   },
-                  children: E
+                  children: R
                 }
               ),
               /* @__PURE__ */ e(
@@ -907,7 +451,7 @@ function we({
               display: "flex",
               flexDirection: "column"
             },
-            children: T.length === 0 ? /* @__PURE__ */ e(
+            children: k.length === 0 ? /* @__PURE__ */ e(
               "div",
               {
                 style: {
@@ -922,44 +466,44 @@ function we({
                 },
                 children: "No messages yet. Start a conversation by asking a question below."
               }
-            ) : /* @__PURE__ */ a(H, { children: [
-              T.map((c) => /* @__PURE__ */ e(
-                Z,
+            ) : /* @__PURE__ */ n(F, { children: [
+              k.map((o) => /* @__PURE__ */ e(
+                G,
                 {
-                  role: c.role,
-                  content: c.content,
-                  html: c.html,
-                  timestamp: c.timestamp,
-                  toolBadges: c.toolBadges,
-                  isStreaming: c.isStreaming,
-                  onCodeBlockClick: s
+                  role: o.role,
+                  content: o.content,
+                  html: o.html,
+                  timestamp: o.timestamp,
+                  toolBadges: o.toolBadges,
+                  isStreaming: o.isStreaming,
+                  onCodeBlockClick: i
                 },
-                c.id
+                o.id
               )),
-              p && /* @__PURE__ */ e(
-                Z,
+              g && /* @__PURE__ */ e(
+                G,
                 {
-                  role: p.role,
-                  content: p.content,
-                  timestamp: p.timestamp,
+                  role: g.role,
+                  content: g.content,
+                  timestamp: g.timestamp,
                   isStreaming: !0,
-                  onCodeBlockClick: s
+                  onCodeBlockClick: i
                 },
-                p.id
+                g.id
               ),
-              i && (!p || j) && /* @__PURE__ */ e("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ e(
-                xe,
+              a && (!g || _) && /* @__PURE__ */ e("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ e(
+                le,
                 {
-                  phase: j ? "tool" : f,
-                  elapsedMs: u,
-                  label: j && K >= 30 ? "Compacting conversation — trimming context to stay sharp..." : j && K >= 10 ? "Running background tasks..." : j ? "Still working..." : void 0
+                  phase: _ ? "tool" : H,
+                  elapsedMs: h,
+                  label: _ && K >= 30 ? "Compacting conversation — trimming context to stay sharp..." : _ && K >= 10 ? "Running background tasks..." : _ ? "Still working..." : void 0
                 }
               ) }),
-              /* @__PURE__ */ e("div", { ref: x })
+              /* @__PURE__ */ e("div", { ref: u })
             ] })
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "div",
           {
             style: {
@@ -968,7 +512,7 @@ function we({
               background: "var(--paper-elevated, rgba(255,255,255,0.82))"
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -980,13 +524,13 @@ function we({
                     /* @__PURE__ */ e(
                       "textarea",
                       {
-                        ref: v,
-                        value: g,
-                        onChange: (c) => o(c.target.value),
-                        onKeyDown: ne,
-                        placeholder: R,
+                        ref: B,
+                        value: c,
+                        onChange: (o) => r(o.target.value),
+                        onKeyDown: re,
+                        placeholder: T,
                         rows: 1,
-                        disabled: r,
+                        disabled: l,
                         style: {
                           flex: 1,
                           padding: "10px 14px",
@@ -1002,14 +546,14 @@ function we({
                           fontFamily: "inherit",
                           minHeight: "42px",
                           maxHeight: "120px",
-                          opacity: r ? 0.6 : 1,
-                          cursor: r ? "not-allowed" : "text"
+                          opacity: l ? 0.6 : 1,
+                          cursor: l ? "not-allowed" : "text"
                         },
-                        onFocus: (c) => {
-                          r || (c.target.style.borderColor = "rgba(94, 136, 176, 0.35)");
+                        onFocus: (o) => {
+                          l || (o.target.style.borderColor = "rgba(94, 136, 176, 0.35)");
                         },
-                        onBlur: (c) => {
-                          c.target.style.borderColor = "rgba(52, 58, 64, 0.18)";
+                        onBlur: (o) => {
+                          o.target.style.borderColor = "rgba(52, 58, 64, 0.18)";
                         }
                       }
                     ),
@@ -1017,14 +561,14 @@ function we({
                       "button",
                       {
                         onClick: J,
-                        disabled: !g.trim() || r,
+                        disabled: !c.trim() || l,
                         style: {
                           padding: "10px 16px",
-                          background: g.trim() && !r ? "var(--Base-Strong, #0B0B0B)" : "#ECEEF2",
-                          color: g.trim() && !r ? "white" : "var(--text-base)",
+                          background: c.trim() && !l ? "var(--Base-Strong, #0B0B0B)" : "#ECEEF2",
+                          color: c.trim() && !l ? "white" : "var(--text-base)",
                           border: "none",
                           borderRadius: "var(--radius-md, 8px)",
-                          cursor: g.trim() && !r ? "pointer" : "not-allowed",
+                          cursor: c.trim() && !l ? "pointer" : "not-allowed",
                           display: "flex",
                           alignItems: "center",
                           gap: "6px",
@@ -1033,7 +577,7 @@ function we({
                           transition: "all 0.15s ease",
                           height: "42px"
                         },
-                        children: r ? /* @__PURE__ */ a(H, { children: [
+                        children: l ? /* @__PURE__ */ n(F, { children: [
                           /* @__PURE__ */ e("style", { children: `
                     @keyframes buttonSpin {
                       from { transform: rotate(0deg); }
@@ -1054,8 +598,8 @@ function we({
                             }
                           ),
                           "Sending..."
-                        ] }) : /* @__PURE__ */ a(H, { children: [
-                          /* @__PURE__ */ e(ee, { size: 16 }),
+                        ] }) : /* @__PURE__ */ n(F, { children: [
+                          /* @__PURE__ */ e(Z, { size: 16 }),
                           "Send"
                         ] })
                       }
@@ -1081,32 +625,32 @@ function we({
     }
   );
 }
-function ke({
-  threads: b = [],
-  activeThreadId: k,
+function me({
+  threads: x = [],
+  activeThreadId: w,
   onSelectThread: S,
-  onNewChat: B,
-  loading: s = !1
+  onNewChat: C,
+  loading: i = !1
 }) {
-  const [R, E] = C(""), h = [...b.filter((o) => {
-    if (!R)
+  const [T, R] = f(""), m = [...x.filter((r) => {
+    if (!T)
       return !0;
-    const i = R.toLowerCase();
-    return (o.title || "").toLowerCase().includes(i) || (o.last_message_preview || "").toLowerCase().includes(i);
-  })].sort((o, i) => {
-    if (o.pinned && !i.pinned)
+    const a = T.toLowerCase();
+    return (r.title || "").toLowerCase().includes(a) || (r.last_message_preview || "").toLowerCase().includes(a);
+  })].sort((r, a) => {
+    if (r.pinned && !a.pinned)
       return -1;
-    if (!o.pinned && i.pinned)
+    if (!r.pinned && a.pinned)
       return 1;
-    const t = new Date(o.updated_at || o.created_at || 0).getTime();
-    return new Date(i.updated_at || i.created_at || 0).getTime() - t;
-  }), g = (o) => {
-    if (!o)
+    const s = new Date(r.updated_at || r.created_at || 0).getTime();
+    return new Date(a.updated_at || a.created_at || 0).getTime() - s;
+  }), c = (r) => {
+    if (!r)
       return "";
-    const i = new Date(o), r = (/* @__PURE__ */ new Date()).getTime() - i.getTime(), d = Math.floor(r / 864e5);
-    return d === 0 ? i.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" }) : d === 1 ? "Yesterday" : d < 7 ? i.toLocaleDateString("en-US", { weekday: "short" }) : i.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+    const a = new Date(r), l = (/* @__PURE__ */ new Date()).getTime() - a.getTime(), d = Math.floor(l / 864e5);
+    return d === 0 ? a.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" }) : d === 1 ? "Yesterday" : d < 7 ? a.toLocaleDateString("en-US", { weekday: "short" }) : a.toLocaleDateString("en-US", { month: "short", day: "numeric" });
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1118,7 +662,7 @@ function ke({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "div",
           {
             style: {
@@ -1127,7 +671,7 @@ function ke({
               flexShrink: 0
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -1148,10 +692,10 @@ function ke({
                         children: "Threads"
                       }
                     ),
-                    B && /* @__PURE__ */ e(
+                    C && /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: B,
+                        onClick: C,
                         style: {
                           padding: "4px 10px",
                           fontSize: "11px",
@@ -1163,11 +707,11 @@ function ke({
                           cursor: "pointer",
                           transition: "all 0.15s ease"
                         },
-                        onMouseEnter: (o) => {
-                          o.currentTarget.style.background = "#ECEEF2";
+                        onMouseEnter: (r) => {
+                          r.currentTarget.style.background = "#ECEEF2";
                         },
-                        onMouseLeave: (o) => {
-                          o.currentTarget.style.background = "rgba(94, 136, 176, 0.08)";
+                        onMouseLeave: (r) => {
+                          r.currentTarget.style.background = "rgba(94, 136, 176, 0.08)";
                         },
                         children: "+ New"
                       }
@@ -1175,9 +719,9 @@ function ke({
                   ]
                 }
               ),
-              /* @__PURE__ */ a("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ n("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ e(
-                  le,
+                  ne,
                   {
                     size: 13,
                     style: {
@@ -1194,8 +738,8 @@ function ke({
                   "input",
                   {
                     type: "text",
-                    value: R,
-                    onChange: (o) => E(o.target.value),
+                    value: T,
+                    onChange: (r) => R(r.target.value),
                     placeholder: "Search threads...",
                     style: {
                       width: "100%",
@@ -1209,11 +753,11 @@ function ke({
                       transition: "border-color 0.15s ease",
                       boxSizing: "border-box"
                     },
-                    onFocus: (o) => {
-                      o.target.style.borderColor = "rgba(94, 136, 176, 0.35)";
+                    onFocus: (r) => {
+                      r.target.style.borderColor = "rgba(94, 136, 176, 0.35)";
                     },
-                    onBlur: (o) => {
-                      o.target.style.borderColor = "rgba(52, 58, 64, 0.12)";
+                    onBlur: (r) => {
+                      r.target.style.borderColor = "rgba(52, 58, 64, 0.12)";
                     }
                   }
                 )
@@ -1221,7 +765,7 @@ function ke({
             ]
           }
         ),
-        /* @__PURE__ */ e("div", { style: { flex: 1, overflowY: "auto", padding: "4px 6px" }, children: s ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { style: { flex: 1, overflowY: "auto", padding: "4px 6px" }, children: i ? /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1232,7 +776,7 @@ function ke({
             },
             children: "Loading threads..."
           }
-        ) : h.length === 0 ? /* @__PURE__ */ e(
+        ) : m.length === 0 ? /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1241,37 +785,37 @@ function ke({
               color: "var(--text-faint, rgba(30,33,37,0.36))",
               fontSize: "12px"
             },
-            children: R ? "No threads found" : "No threads yet"
+            children: T ? "No threads found" : "No threads yet"
           }
-        ) : h.map((o) => {
-          const i = o.id === k;
-          return /* @__PURE__ */ a(
+        ) : m.map((r) => {
+          const a = r.id === w;
+          return /* @__PURE__ */ n(
             "div",
             {
-              onClick: () => S == null ? void 0 : S(o.id),
+              onClick: () => S == null ? void 0 : S(r.id),
               style: {
                 padding: "10px 10px",
                 marginBottom: "2px",
                 borderRadius: "6px",
-                background: i ? "rgba(94, 136, 176, 0.10)" : "transparent",
-                border: i ? "1px solid rgba(94, 136, 176, 0.15)" : "1px solid transparent",
+                background: a ? "rgba(94, 136, 176, 0.10)" : "transparent",
+                border: a ? "1px solid rgba(94, 136, 176, 0.15)" : "1px solid transparent",
                 cursor: "pointer",
                 transition: "all 0.12s ease"
               },
-              onMouseEnter: (t) => {
-                i || (t.currentTarget.style.background = "rgba(0,0,0,0.03)");
+              onMouseEnter: (s) => {
+                a || (s.currentTarget.style.background = "rgba(0,0,0,0.03)");
               },
-              onMouseLeave: (t) => {
-                i || (t.currentTarget.style.background = "transparent");
+              onMouseLeave: (s) => {
+                a || (s.currentTarget.style.background = "transparent");
               },
               children: [
-                /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "4px" }, children: [
+                /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "4px" }, children: [
                   /* @__PURE__ */ e(
-                    de,
+                    ie,
                     {
                       size: 12,
                       style: {
-                        color: i ? "var(--rail-discovery, #5E88B0)" : "var(--text-faint, rgba(30,33,37,0.36))",
+                        color: a ? "var(--rail-discovery, #5E88B0)" : "var(--text-faint, rgba(30,33,37,0.36))",
                         flexShrink: 0
                       }
                     }
@@ -1282,18 +826,18 @@ function ke({
                       style: {
                         flex: 1,
                         fontSize: "12px",
-                        fontWeight: i ? 650 : 550,
-                        color: i ? "var(--text-ink, rgba(30,33,37,0.92))" : "var(--text-base, rgba(30,33,37,0.78))",
+                        fontWeight: a ? 650 : 550,
+                        color: a ? "var(--text-ink, rgba(30,33,37,0.92))" : "var(--text-base, rgba(30,33,37,0.78))",
                         overflow: "hidden",
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap"
                       },
-                      children: o.title || "Untitled thread"
+                      children: r.title || "Untitled thread"
                     }
                   ),
-                  o.pinned && /* @__PURE__ */ e(ce, { size: 10, style: { color: "var(--rail-discovery, #5E88B0)", flexShrink: 0 } })
+                  r.pinned && /* @__PURE__ */ e(oe, { size: 10, style: { color: "var(--rail-discovery, #5E88B0)", flexShrink: 0 } })
                 ] }),
-                o.last_message_preview && /* @__PURE__ */ e(
+                r.last_message_preview && /* @__PURE__ */ e(
                   "div",
                   {
                     style: {
@@ -1305,10 +849,10 @@ function ke({
                       marginLeft: "18px",
                       marginBottom: "4px"
                     },
-                    children: o.last_message_preview
+                    children: r.last_message_preview
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ n(
                   "div",
                   {
                     style: {
@@ -1320,14 +864,14 @@ function ke({
                       color: "var(--text-faint, rgba(30,33,37,0.36))"
                     },
                     children: [
-                      /* @__PURE__ */ e(q, { size: 9 }),
-                      /* @__PURE__ */ e("span", { children: g(o.updated_at || o.created_at) }),
-                      o.message_count != null && /* @__PURE__ */ a(H, { children: [
+                      /* @__PURE__ */ e(Y, { size: 9 }),
+                      /* @__PURE__ */ e("span", { children: c(r.updated_at || r.created_at) }),
+                      r.message_count != null && /* @__PURE__ */ n(F, { children: [
                         /* @__PURE__ */ e("span", { children: "·" }),
-                        /* @__PURE__ */ a("span", { children: [
-                          o.message_count,
+                        /* @__PURE__ */ n("span", { children: [
+                          r.message_count,
                           " msg",
-                          o.message_count !== 1 ? "s" : ""
+                          r.message_count !== 1 ? "s" : ""
                         ] })
                       ] })
                     ]
@@ -1335,74 +879,74 @@ function ke({
                 )
               ]
             },
-            o.id
+            r.id
           );
         }) })
       ]
     }
   );
 }
-const fe = { error: (...b) => console.warn("toast.error:", ...b) }, be = () => ({ userData: { name: "User", email: "" } });
-function Ce({
-  sessionTitle: b,
-  messages: k,
+const pe = { error: (...x) => console.warn("toast.error:", ...x) }, ce = () => ({ userData: { name: "User", email: "" } });
+function ye({
+  sessionTitle: x,
+  messages: w,
   onSendMessage: S,
-  currentUser: B
+  currentUser: C
 }) {
-  var m;
-  const [s, R] = C(""), [E, T] = C(!1), [h, g] = C(k || []), [o, i] = C(!1), [t, r] = C(!1), { userData: d } = be(), p = $(null), l = B || {
+  var D;
+  const [i, T] = f(""), [R, k] = f(!1), [m, c] = f(w || []), [r, a] = f(!1), [s, l] = f(!1), { userData: d } = ce(), g = M(null), y = C || {
     name: (d == null ? void 0 : d.name) || "You",
-    initials: ((m = d == null ? void 0 : d.name) == null ? void 0 : m.split(" ").map((n) => n[0]).join("").toUpperCase()) || "YO",
+    initials: ((D = d == null ? void 0 : d.name) == null ? void 0 : D.split(" ").map((t) => t[0]).join("").toUpperCase()) || "YO",
     color: "#6B7C93"
   };
-  _(() => {
-    g(k || []);
-  }, [k]), _(() => {
-    p.current && p.current.scrollIntoView({ behavior: "smooth" });
-  }, [h]);
-  const f = async () => {
-    if (!s.trim())
+  A(() => {
+    c(w || []);
+  }, [w]), A(() => {
+    g.current && g.current.scrollIntoView({ behavior: "smooth" });
+  }, [m]);
+  const H = async () => {
+    if (!i.trim())
       return;
-    const n = s.trim();
-    R(""), r(!0);
-    const u = {
+    const t = i.trim();
+    T(""), l(!0);
+    const h = {
       id: `temp-${Date.now()}`,
       author: {
-        name: l.name,
+        name: y.name,
         role: (d == null ? void 0 : d.role) || "",
-        initials: l.initials,
-        color: l.color
+        initials: y.initials,
+        color: y.color
       },
-      content: n,
+      content: t,
       timestamp: "Just now",
       type: "comment",
       isOptimistic: !0
     };
-    if (g((z) => [...z, u]), S) {
+    if (c((z) => [...z, h]), S) {
       try {
-        await S(n), g(
+        await S(t), c(
           (z) => z.map(
-            (x) => x.id === u.id ? { ...x, isOptimistic: !1 } : x
+            (u) => u.id === h.id ? { ...u, isOptimistic: !1 } : u
           )
         );
       } catch {
-        g((x) => x.filter((v) => v.id !== u.id)), fe.error("Failed to send message");
+        c((u) => u.filter((B) => B.id !== h.id)), pe.error("Failed to send message");
       } finally {
-        r(!1);
+        l(!1);
       }
       return;
     }
     setTimeout(() => {
-      g(
+      c(
         (z) => z.map(
-          (x) => x.id === u.id ? { ...x, isOptimistic: !1 } : x
+          (u) => u.id === h.id ? { ...u, isOptimistic: !1 } : u
         )
-      ), r(!1);
+      ), l(!1);
     }, 500);
-  }, w = (n) => {
-    n.key === "Enter" && !n.shiftKey && (n.preventDefault(), f());
+  }, E = (t) => {
+    t.key === "Enter" && !t.shiftKey && (t.preventDefault(), H());
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1415,7 +959,7 @@ function Ce({
         overflow: "hidden"
       },
       children: [
-        b && /* @__PURE__ */ a(
+        x && /* @__PURE__ */ n(
           "div",
           {
             style: {
@@ -1436,7 +980,7 @@ function Ce({
                   children: "Session Discussion"
                 }
               ),
-              b && /* @__PURE__ */ e(
+              x && /* @__PURE__ */ e(
                 "div",
                 {
                   style: {
@@ -1446,13 +990,13 @@ function Ce({
                     alignItems: "center",
                     gap: "8px"
                   },
-                  children: /* @__PURE__ */ e("span", { children: b })
+                  children: /* @__PURE__ */ e("span", { children: x })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "div",
           {
             style: {
@@ -1464,7 +1008,7 @@ function Ce({
               gap: "16px"
             },
             children: [
-              o ? /* @__PURE__ */ e(
+              r ? /* @__PURE__ */ e(
                 "div",
                 {
                   style: {
@@ -1476,7 +1020,7 @@ function Ce({
                   },
                   children: "Loading messages..."
                 }
-              ) : h.length === 0 ? /* @__PURE__ */ e(
+              ) : m.length === 0 ? /* @__PURE__ */ e(
                 "div",
                 {
                   style: {
@@ -1488,23 +1032,23 @@ function Ce({
                   },
                   children: "No messages yet. Start the conversation!"
                 }
-              ) : h.map((n) => /* @__PURE__ */ a(
+              ) : m.map((t) => /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
                     display: "flex",
                     gap: "12px",
-                    opacity: n.type === "system" ? 0.75 : 1
+                    opacity: t.type === "system" ? 0.75 : 1
                   },
                   children: [
-                    n.type !== "system" && /* @__PURE__ */ e(
+                    t.type !== "system" && /* @__PURE__ */ e(
                       "div",
                       {
                         style: {
                           width: "32px",
                           height: "32px",
                           borderRadius: "8px",
-                          background: n.author.color,
+                          background: t.author.color,
                           color: "white",
                           display: "flex",
                           alignItems: "center",
@@ -1514,10 +1058,10 @@ function Ce({
                           flexShrink: 0,
                           opacity: 0.9
                         },
-                        children: n.author.initials
+                        children: t.author.initials
                       }
                     ),
-                    n.type === "system" && /* @__PURE__ */ e(
+                    t.type === "system" && /* @__PURE__ */ e(
                       "div",
                       {
                         style: {
@@ -1533,11 +1077,11 @@ function Ce({
                           fontWeight: 650,
                           flexShrink: 0
                         },
-                        children: /* @__PURE__ */ e(q, { size: 14 })
+                        children: /* @__PURE__ */ e(Y, { size: 14 })
                       }
                     ),
-                    /* @__PURE__ */ a("div", { style: { flex: 1, minWidth: 0 }, children: [
-                      /* @__PURE__ */ a(
+                    /* @__PURE__ */ n("div", { style: { flex: 1, minWidth: 0 }, children: [
+                      /* @__PURE__ */ n(
                         "div",
                         {
                           style: {
@@ -1555,7 +1099,7 @@ function Ce({
                                   fontWeight: 650,
                                   color: "var(--text-base, rgba(30,33,37,0.78))"
                                 },
-                                children: n.author.name
+                                children: t.author.name
                               }
                             ),
                             /* @__PURE__ */ e(
@@ -1566,10 +1110,10 @@ function Ce({
                                   color: "var(--text-faint, rgba(30,33,37,0.36))",
                                   fontFamily: "var(--font-mono, monospace)"
                                 },
-                                children: n.timestamp
+                                children: t.timestamp
                               }
                             ),
-                            n.author.role && /* @__PURE__ */ e(
+                            t.author.role && /* @__PURE__ */ e(
                               "span",
                               {
                                 style: {
@@ -1582,10 +1126,10 @@ function Ce({
                                   letterSpacing: "0.04em",
                                   fontWeight: 600
                                 },
-                                children: n.author.role
+                                children: t.author.role
                               }
                             ),
-                            n.isEdited && /* @__PURE__ */ e(
+                            t.isEdited && /* @__PURE__ */ e(
                               "span",
                               {
                                 style: {
@@ -1606,12 +1150,12 @@ function Ce({
                             fontSize: "var(--text-md, 13px)",
                             color: "var(--text-base, rgba(30,33,37,0.78))",
                             lineHeight: 1.5,
-                            marginBottom: n.references ? "8px" : 0
+                            marginBottom: t.references ? "8px" : 0
                           },
-                          children: n.content
+                          children: t.content
                         }
                       ),
-                      n.references && n.references.length > 0 && /* @__PURE__ */ e(
+                      t.references && t.references.length > 0 && /* @__PURE__ */ e(
                         "div",
                         {
                           style: {
@@ -1620,7 +1164,7 @@ function Ce({
                             gap: "6px",
                             marginTop: "8px"
                           },
-                          children: n.references.map((u, z) => /* @__PURE__ */ a(
+                          children: t.references.map((h, z) => /* @__PURE__ */ n(
                             "button",
                             {
                               type: "button",
@@ -1630,7 +1174,7 @@ function Ce({
                                 borderRadius: "6px",
                                 border: "1px solid rgba(52, 58, 64, 0.16)",
                                 background: "rgba(255, 255, 255, 0.7)",
-                                color: u.type === "condition" ? "rgba(94, 136, 176, 0.85)" : u.type === "observation" ? "rgba(107, 123, 147, 0.85)" : u.type === "timestamp" ? "rgba(184, 156, 106, 0.85)" : "rgba(30, 33, 37, 0.65)",
+                                color: h.type === "condition" ? "rgba(94, 136, 176, 0.85)" : h.type === "observation" ? "rgba(107, 123, 147, 0.85)" : h.type === "timestamp" ? "rgba(184, 156, 106, 0.85)" : "rgba(30, 33, 37, 0.65)",
                                 cursor: "pointer",
                                 display: "inline-flex",
                                 alignItems: "center",
@@ -1638,16 +1182,16 @@ function Ce({
                                 transition: "all 0.15s ease",
                                 fontWeight: 550
                               },
-                              onMouseEnter: (x) => {
-                                x.currentTarget.style.background = "rgba(255, 255, 255, 0.95)", x.currentTarget.style.borderColor = "rgba(52, 58, 64, 0.24)";
+                              onMouseEnter: (u) => {
+                                u.currentTarget.style.background = "rgba(255, 255, 255, 0.95)", u.currentTarget.style.borderColor = "rgba(52, 58, 64, 0.24)";
                               },
-                              onMouseLeave: (x) => {
-                                x.currentTarget.style.background = "rgba(255, 255, 255, 0.7)", x.currentTarget.style.borderColor = "rgba(52, 58, 64, 0.16)";
+                              onMouseLeave: (u) => {
+                                u.currentTarget.style.background = "rgba(255, 255, 255, 0.7)", u.currentTarget.style.borderColor = "rgba(52, 58, 64, 0.16)";
                               },
                               children: [
-                                u.type === "timestamp" && /* @__PURE__ */ e(q, { size: 12 }),
-                                (u.type === "condition" || u.type === "observation") && /* @__PURE__ */ e(G, { size: 12 }),
-                                u.label
+                                h.type === "timestamp" && /* @__PURE__ */ e(Y, { size: 12 }),
+                                (h.type === "condition" || h.type === "observation") && /* @__PURE__ */ e(X, { size: 12 }),
+                                h.label
                               ]
                             },
                             z
@@ -1657,13 +1201,13 @@ function Ce({
                     ] })
                   ]
                 },
-                n.id
+                t.id
               )),
-              /* @__PURE__ */ e("div", { ref: p })
+              /* @__PURE__ */ e("div", { ref: g })
             ]
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "div",
           {
             style: {
@@ -1672,7 +1216,7 @@ function Ce({
               background: "var(--paper-elevated, rgba(255,255,255,0.82))"
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -1688,7 +1232,7 @@ function Ce({
                           width: "32px",
                           height: "32px",
                           borderRadius: "var(--radius-md, 8px)",
-                          background: l.color,
+                          background: y.color,
                           color: "white",
                           display: "flex",
                           alignItems: "center",
@@ -1698,10 +1242,10 @@ function Ce({
                           flexShrink: 0,
                           opacity: 0.9
                         },
-                        children: l.initials
+                        children: y.initials
                       }
                     ),
-                    /* @__PURE__ */ a(
+                    /* @__PURE__ */ n(
                       "div",
                       {
                         style: {
@@ -1714,11 +1258,11 @@ function Ce({
                           /* @__PURE__ */ e(
                             "textarea",
                             {
-                              value: s,
-                              onChange: (n) => R(n.target.value),
-                              onKeyDown: w,
-                              onFocus: () => T(!0),
-                              onBlur: () => T(!1),
+                              value: i,
+                              onChange: (t) => T(t.target.value),
+                              onKeyDown: E,
+                              onFocus: () => k(!0),
+                              onBlur: () => k(!1),
                               placeholder: "Add a comment...",
                               style: {
                                 width: "100%",
@@ -1728,7 +1272,7 @@ function Ce({
                                 fontSize: "var(--text-md, 13px)",
                                 color: "var(--text-base, rgba(30,33,37,0.78))",
                                 background: "white",
-                                border: `1px solid ${E ? "rgba(94, 136, 176, 0.35)" : "rgba(52, 58, 64, 0.16)"}`,
+                                border: `1px solid ${R ? "rgba(94, 136, 176, 0.35)" : "rgba(52, 58, 64, 0.16)"}`,
                                 borderRadius: "var(--radius-md, 8px)",
                                 resize: "vertical",
                                 outline: "none",
@@ -1738,7 +1282,7 @@ function Ce({
                               }
                             }
                           ),
-                          /* @__PURE__ */ a(
+                          /* @__PURE__ */ n(
                             "div",
                             {
                               style: {
@@ -1747,7 +1291,7 @@ function Ce({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ a("div", { style: { display: "flex", gap: "4px" }, children: [
+                                /* @__PURE__ */ n("div", { style: { display: "flex", gap: "4px" }, children: [
                                   /* @__PURE__ */ e(
                                     "button",
                                     {
@@ -1763,14 +1307,14 @@ function Ce({
                                         alignItems: "center",
                                         transition: "all 0.15s ease"
                                       },
-                                      onMouseEnter: (n) => {
-                                        n.currentTarget.style.background = "rgba(30, 33, 37, 0.06)", n.currentTarget.style.color = "rgba(30, 33, 37, 0.75)";
+                                      onMouseEnter: (t) => {
+                                        t.currentTarget.style.background = "rgba(30, 33, 37, 0.06)", t.currentTarget.style.color = "rgba(30, 33, 37, 0.75)";
                                       },
-                                      onMouseLeave: (n) => {
-                                        n.currentTarget.style.background = "transparent", n.currentTarget.style.color = "rgba(30, 33, 37, 0.52)";
+                                      onMouseLeave: (t) => {
+                                        t.currentTarget.style.background = "transparent", t.currentTarget.style.color = "rgba(30, 33, 37, 0.52)";
                                       },
                                       title: "Mention user",
-                                      children: /* @__PURE__ */ e(pe, { size: 16 })
+                                      children: /* @__PURE__ */ e(ae, { size: 16 })
                                     }
                                   ),
                                   /* @__PURE__ */ e(
@@ -1788,14 +1332,14 @@ function Ce({
                                         alignItems: "center",
                                         transition: "all 0.15s ease"
                                       },
-                                      onMouseEnter: (n) => {
-                                        n.currentTarget.style.background = "rgba(30, 33, 37, 0.06)", n.currentTarget.style.color = "rgba(30, 33, 37, 0.75)";
+                                      onMouseEnter: (t) => {
+                                        t.currentTarget.style.background = "rgba(30, 33, 37, 0.06)", t.currentTarget.style.color = "rgba(30, 33, 37, 0.75)";
                                       },
-                                      onMouseLeave: (n) => {
-                                        n.currentTarget.style.background = "transparent", n.currentTarget.style.color = "rgba(30, 33, 37, 0.52)";
+                                      onMouseLeave: (t) => {
+                                        t.currentTarget.style.background = "transparent", t.currentTarget.style.color = "rgba(30, 33, 37, 0.52)";
                                       },
                                       title: "Reference condition",
-                                      children: /* @__PURE__ */ e(G, { size: 16 })
+                                      children: /* @__PURE__ */ e(X, { size: 16 })
                                     }
                                   ),
                                   /* @__PURE__ */ e(
@@ -1813,14 +1357,14 @@ function Ce({
                                         alignItems: "center",
                                         transition: "all 0.15s ease"
                                       },
-                                      onMouseEnter: (n) => {
-                                        n.currentTarget.style.background = "rgba(30, 33, 37, 0.06)", n.currentTarget.style.color = "rgba(30, 33, 37, 0.75)";
+                                      onMouseEnter: (t) => {
+                                        t.currentTarget.style.background = "rgba(30, 33, 37, 0.06)", t.currentTarget.style.color = "rgba(30, 33, 37, 0.75)";
                                       },
-                                      onMouseLeave: (n) => {
-                                        n.currentTarget.style.background = "transparent", n.currentTarget.style.color = "rgba(30, 33, 37, 0.52)";
+                                      onMouseLeave: (t) => {
+                                        t.currentTarget.style.background = "transparent", t.currentTarget.style.color = "rgba(30, 33, 37, 0.52)";
                                       },
                                       title: "Attach file",
-                                      children: /* @__PURE__ */ e(ge, { size: 16 })
+                                      children: /* @__PURE__ */ e(se, { size: 16 })
                                     }
                                   )
                                 ] }),
@@ -1828,29 +1372,29 @@ function Ce({
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: f,
-                                    disabled: !s.trim() || t,
+                                    onClick: H,
+                                    disabled: !i.trim() || s,
                                     style: {
                                       padding: "6px 12px",
-                                      background: s.trim() && !t ? "rgba(94, 136, 176, 0.85)" : "var(--border-subtle, rgba(52,58,64,0.08))",
+                                      background: i.trim() && !s ? "rgba(94, 136, 176, 0.85)" : "var(--border-subtle, rgba(52,58,64,0.08))",
                                       border: "none",
                                       borderRadius: "6px",
-                                      color: s.trim() && !t ? "white" : "var(--text-faint, rgba(30,33,37,0.36))",
+                                      color: i.trim() && !s ? "white" : "var(--text-faint, rgba(30,33,37,0.36))",
                                       fontSize: "var(--text-sm, 11px)",
                                       fontWeight: 600,
-                                      cursor: s.trim() && !t ? "pointer" : "not-allowed",
+                                      cursor: i.trim() && !s ? "pointer" : "not-allowed",
                                       display: "flex",
                                       alignItems: "center",
                                       gap: "6px",
                                       transition: "all 0.15s ease"
                                     },
-                                    onMouseEnter: (n) => {
-                                      s.trim() && !t && (n.currentTarget.style.background = "rgba(94, 136, 176, 1)");
+                                    onMouseEnter: (t) => {
+                                      i.trim() && !s && (t.currentTarget.style.background = "rgba(94, 136, 176, 1)");
                                     },
-                                    onMouseLeave: (n) => {
-                                      s.trim() && !t && (n.currentTarget.style.background = "rgba(94, 136, 176, 0.85)");
+                                    onMouseLeave: (t) => {
+                                      i.trim() && !s && (t.currentTarget.style.background = "rgba(94, 136, 176, 0.85)");
                                     },
-                                    children: t ? /* @__PURE__ */ a(H, { children: [
+                                    children: s ? /* @__PURE__ */ n(F, { children: [
                                       /* @__PURE__ */ e("style", { children: `
                         @keyframes messageSpin {
                           from { transform: rotate(0deg); }
@@ -1871,8 +1415,8 @@ function Ce({
                                         }
                                       ),
                                       "Sending..."
-                                    ] }) : /* @__PURE__ */ a(H, { children: [
-                                      /* @__PURE__ */ e(ee, { size: 14 }),
+                                    ] }) : /* @__PURE__ */ n(F, { children: [
+                                      /* @__PURE__ */ e(Z, { size: 14 }),
                                       "Send"
                                     ] })
                                   }
@@ -1886,7 +1430,7 @@ function Ce({
                   ]
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -1941,11 +1485,11 @@ function Ce({
   );
 }
 export {
-  Be as ChartRenderer,
-  ke as ChatHistoryPanel,
-  we as ChatInterface,
-  Z as ChatMessage,
-  Ce as MessageThread,
-  xe as ThinkingIndicator
+  ke as ChartRenderer,
+  me as ChatHistoryPanel,
+  he as ChatInterface,
+  G as ChatMessage,
+  ye as MessageThread,
+  le as ThinkingIndicator
 };
 //# sourceMappingURL=chat.es.js.map