@cuadra-ai/uikit 0.1.14 → 0.1.16

package/dist/index.mjs

@@ -1,8 +1,8 @@
 var Ut = Object.defineProperty;
 var Bt = (e, r, t) => r in e ? Ut(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var le = (e, r, t) => Bt(e, typeof r != "symbol" ? r + "" : r, t);
-import { jsx as d, Fragment as U, jsxs as T } from "react/jsx-runtime";
-import $e, { forwardRef as rt, createElement as Ne, useMemo as B, useState as I, useEffect as L, useCallback as J, memo as Wt, useRef as nt, createContext as Ht } from "react";
+import { jsx as d, jsxs as T, Fragment as W } from "react/jsx-runtime";
+import $e, { forwardRef as rt, createElement as Ne, useMemo as U, useState as N, useEffect as L, useCallback as J, memo as Wt, useRef as nt, createContext as Ht } from "react";
 import { createPortal as Oe } from "react-dom";
 import { useThreadListItem as at, RuntimeAdapterProvider as qt, useLocalRuntime as it, AssistantRuntimeProvider as ot, unstable_useRemoteThreadListRuntime as Kt, useThreadRuntime as Vt, ThreadPrimitive as te, ComposerPrimitive as ke, useAssistantApi as Gt, MessagePrimitive as se, ThreadListPrimitive as xe, useThread as Zt, ThreadListItemPrimitive as we } from "@assistant-ui/react";
 import { unstable_memoizeMarkdownComponents as Jt, useIsMarkdownCodeBlock as Qt, MarkdownTextPrimitive as Xt } from "@assistant-ui/react-markdown";
@@ -533,10 +533,10 @@ function Ar({
   onThreadIdUpdate: b,
   onChatsLoaded: h
 }) {
-  const k = B(
+  const k = U(
     () => new ct(r, t || void 0, n),
     [r, t, n]
-  ), [g, x] = I(o || null);
+  ), [g, x] = N(o || null);
   L(() => {
     o && x(o);
   }, [o]);
@@ -550,7 +550,7 @@ function Ar({
       b?.(v, C);
     },
     [b]
-  ), A = B(() => st(k, {
+  ), A = U(() => st(k, {
     modelId: g || void 0,
     // Pass undefined if not set (backend resolves it)
     systemPrompt: l,
@@ -581,12 +581,8 @@ function Ir({
   modelAdapter: e,
   children: r
 }) {
-  const [t, n] = I(!1);
-  L(() => {
-    n(!0);
-  }, []);
-  const i = it(e);
-  return t ? /* @__PURE__ */ d(ot, { runtime: i, children: r }) : /* @__PURE__ */ d(U, { children: r });
+  const t = it(e);
+  return /* @__PURE__ */ d(ot, { runtime: t, children: r });
 }
 function Nr({
   client: e,
@@ -597,14 +593,14 @@ function Nr({
   onError: o,
   children: a
 }) {
-  const u = B(() => Tr(e, (b, h) => {
+  const u = U(() => Tr(e, (b, h) => {
     i?.(b, h);
   }), [e, i]), l = J(
     (b, h) => {
       u.updateRemoteId && u.updateRemoteId(b, h), i?.(b, h);
     },
     [u, i]
-  ), c = B(() => ({
+  ), c = U(() => ({
     ...u,
     async list() {
       const b = await u.list();
@@ -614,7 +610,7 @@ function Nr({
   L(() => {
     window.__cuadraThreadListAdapter = c, window.__cuadraThreadListRuntime = null;
   }, [c]);
-  const f = B(() => st(e, {
+  const f = U(() => st(e, {
     ...r,
     onThreadIdUpdate: l
   }), [e, r, l]), s = J(() => it(f), [f]), p = Kt({
@@ -648,7 +644,7 @@ function Z(e) {
 function M(e) {
   return e !== null && (e < 0 || e === 32);
 }
-function F(e) {
+function _(e) {
   return e === -2 || e === -1 || e === 32;
 }
 const he = me(/\p{P}|\p{S}/u), H = me(/\s/);
@@ -680,7 +676,7 @@ const pe = (
    */
   (function(e) {
     if (e == null)
-      return Rr;
+      return Fr;
     if (typeof e == "function")
       return ge(e);
     if (typeof e == "object")
@@ -737,7 +733,7 @@ function Pr(e) {
 function ge(e) {
   return r;
   function r(t, n, i) {
-    return !!(Er(t) && e.call(
+    return !!(Rr(t) && e.call(
       this,
       t,
       typeof n == "number" ? n : void 0,
@@ -745,13 +741,13 @@ function ge(e) {
     ));
   }
 }
-function Rr() {
+function Fr() {
   return !0;
 }
-function Er(e) {
+function Rr(e) {
   return e !== null && typeof e == "object" && "type" in e;
 }
-const dt = [], _r = !0, Se = !1, Fr = "skip";
+const dt = [], Er = !0, Se = !1, _r = "skip";
 function ft(e, r, t, n) {
   let i;
   typeof r == "function" && typeof t != "function" ? (n = t, t = r) : i = r;
@@ -784,7 +780,7 @@ function ft(e, r, t, n) {
           /** @type {UnistParent} */
           l
         );
-        if (x.children && b[0] !== Fr)
+        if (x.children && b[0] !== _r)
           for (k = (n ? x.children.length : -1) + a, g = f.concat(x); k > -1 && k < x.children.length; ) {
             const w = x.children[k];
             if (h = u(w, k, g)(), h[0] === Se)
@@ -797,7 +793,7 @@ function ft(e, r, t, n) {
   }
 }
 function zr(e) {
-  return Array.isArray(e) ? e : typeof e == "number" ? [_r, e] : e == null ? dt : [e];
+  return Array.isArray(e) ? e : typeof e == "number" ? [Er, e] : e == null ? dt : [e];
 }
 function jr(e, r, t) {
   const i = pe((t || {}).ignore || []), o = $r(r);
@@ -1404,7 +1400,7 @@ function bt(e, r, t, n) {
 function Pn(e, r, t) {
   return t.options.emphasis || "*";
 }
-function Rn(e, r, t, n) {
+function Fn(e, r, t, n) {
   let i, o, a;
   typeof r == "function" && typeof t != "function" ? (o = void 0, a = r, i = t) : (o = r, a = t, i = n), ft(e, o, u, i);
   function u(l, c) {
@@ -1412,13 +1408,13 @@ function Rn(e, r, t, n) {
     return a(l, s, f);
   }
 }
-const En = {};
+const Rn = {};
 function kt(e, r) {
-  const t = En, n = typeof t.includeImageAlt == "boolean" ? t.includeImageAlt : !0, i = typeof t.includeHtml == "boolean" ? t.includeHtml : !0;
+  const t = Rn, n = typeof t.includeImageAlt == "boolean" ? t.includeImageAlt : !0, i = typeof t.includeHtml == "boolean" ? t.includeHtml : !0;
   return xt(e, n, i);
 }
 function xt(e, r, t) {
-  if (_n(e)) {
+  if (En(e)) {
     if ("value" in e)
       return e.type === "html" && !t ? "" : e.value;
     if (r && "alt" in e && e.alt)
@@ -1435,19 +1431,19 @@ function Ve(e, r, t) {
     n[i] = xt(e[i], r, t);
   return n.join("");
 }
-function _n(e) {
+function En(e) {
   return !!(e && typeof e == "object");
 }
-function Fn(e, r) {
+function _n(e, r) {
   let t = !1;
-  return Rn(e, function(n) {
+  return Fn(e, function(n) {
     if ("value" in n && /\r?\n|\r/.test(n.value) || n.type === "break")
       return t = !0, Se;
   }), !!((!e.depth || e.depth < 3) && kt(e) && (r.options.setext || t));
 }
 function zn(e, r, t, n) {
   const i = Math.max(Math.min(6, e.depth || 1), 1), o = t.createTracker(n);
-  if (Fn(e, t)) {
+  if (_n(e, t)) {
     const f = t.enter("headingSetext"), s = t.enter("phrasing"), p = t.containerPhrasing(e, {
       ...o.current(),
       before: `
@@ -2087,41 +2083,41 @@ const xa = {
 }, wa = {
   tokenize: La,
   partial: !0
-}, Rt = {
+}, Ft = {
   name: "wwwAutolink",
   tokenize: va,
-  previous: _t
-}, Et = {
+  previous: Et
+}, Rt = {
   name: "protocolAutolink",
   tokenize: Ta,
-  previous: Ft
+  previous: _t
 }, $ = {
   name: "emailAutolink",
   tokenize: Ca,
   previous: zt
-}, R = {};
+}, F = {};
 function ya() {
   return {
-    text: R
+    text: F
   };
 }
-let W = 48;
-for (; W < 123; )
-  R[W] = $, W++, W === 58 ? W = 65 : W === 91 && (W = 97);
-R[43] = $;
-R[45] = $;
-R[46] = $;
-R[95] = $;
-R[72] = [$, Et];
-R[104] = [$, Et];
-R[87] = [$, Rt];
-R[119] = [$, Rt];
+let B = 48;
+for (; B < 123; )
+  F[B] = $, B++, B === 58 ? B = 65 : B === 91 && (B = 97);
+F[43] = $;
+F[45] = $;
+F[46] = $;
+F[95] = $;
+F[72] = [$, Rt];
+F[104] = [$, Rt];
+F[87] = [$, Ft];
+F[119] = [$, Ft];
 function Ca(e, r, t) {
   const n = this;
   let i, o;
   return a;
   function a(s) {
-    return !Le(s) || !zt.call(n, n.previous) || Re(n.events) ? t(s) : (e.enter("literalAutolink"), e.enter("literalAutolinkEmail"), u(s));
+    return !Le(s) || !zt.call(n, n.previous) || Fe(n.events) ? t(s) : (e.enter("literalAutolink"), e.enter("literalAutolinkEmail"), u(s));
   }
   function u(s) {
     return Le(s) ? (e.consume(s), u) : s === 64 ? (e.consume(s), l) : t(s);
@@ -2140,7 +2136,7 @@ function va(e, r, t) {
   const n = this;
   return i;
   function i(a) {
-    return a !== 87 && a !== 119 || !_t.call(n, n.previous) || Re(n.events) ? t(a) : (e.enter("literalAutolink"), e.enter("literalAutolinkWww"), e.check(xa, e.attempt(Mt, e.attempt(Dt, o), t), t)(a));
+    return a !== 87 && a !== 119 || !Et.call(n, n.previous) || Fe(n.events) ? t(a) : (e.enter("literalAutolink"), e.enter("literalAutolinkWww"), e.check(xa, e.attempt(Mt, e.attempt(Dt, o), t), t)(a));
   }
   function o(a) {
     return e.exit("literalAutolinkWww"), e.exit("literalAutolink"), r(a);
@@ -2151,7 +2147,7 @@ function Ta(e, r, t) {
   let i = "", o = !1;
   return a;
   function a(s) {
-    return (s === 72 || s === 104) && Ft.call(n, n.previous) && !Re(n.events) ? (e.enter("literalAutolink"), e.enter("literalAutolinkHttp"), i += String.fromCodePoint(s), e.consume(s), u) : t(s);
+    return (s === 72 || s === 104) && _t.call(n, n.previous) && !Fe(n.events) ? (e.enter("literalAutolink"), e.enter("literalAutolinkHttp"), i += String.fromCodePoint(s), e.consume(s), u) : t(s);
   }
   function u(s) {
     if (re(s) && i.length < 5)
@@ -2234,10 +2230,10 @@ function La(e, r, t) {
     return Me(o) ? t(o) : r(o);
   }
 }
-function _t(e) {
+function Et(e) {
   return e === null || e === 40 || e === 42 || e === 95 || e === 91 || e === 93 || e === 126 || M(e);
 }
-function Ft(e) {
+function _t(e) {
   return !re(e);
 }
 function zt(e) {
@@ -2246,7 +2242,7 @@ function zt(e) {
 function Le(e) {
   return e === 43 || e === 45 || e === 46 || e === 95 || Me(e);
 }
-function Re(e) {
+function Fe(e) {
   let r = e.length, t = !1;
   for (; r--; ) {
     const n = e[r][1];
@@ -2275,10 +2271,10 @@ function z(e, r, t, n) {
   let o = 0;
   return a;
   function a(l) {
-    return F(l) ? (e.enter(t), u(l)) : r(l);
+    return _(l) ? (e.enter(t), u(l)) : r(l);
   }
   function u(l) {
-    return F(l) && o++ < i ? (e.consume(l), u) : (e.exit(t), r(l));
+    return _(l) && o++ < i ? (e.consume(l), u) : (e.exit(t), r(l));
   }
 }
 const Da = {
@@ -2288,17 +2284,17 @@ const Da = {
 function Pa(e, r, t) {
   return n;
   function n(o) {
-    return F(o) ? z(e, i, "linePrefix")(o) : i(o);
+    return _(o) ? z(e, i, "linePrefix")(o) : i(o);
   }
   function i(o) {
     return o === null || Z(o) ? r(o) : t(o);
   }
 }
-const Ra = {
+const Fa = {
   tokenize: Ua,
   partial: !0
 };
-function Ea() {
+function Ra() {
   return {
     document: {
       91: {
@@ -2318,13 +2314,13 @@ function Ea() {
       93: {
         name: "gfmPotentialFootnoteCall",
         add: "after",
-        tokenize: _a,
-        resolveTo: Fa
+        tokenize: Ea,
+        resolveTo: _a
       }
     }
   };
 }
-function _a(e, r, t) {
+function Ea(e, r, t) {
   const n = this;
   let i = n.events.length;
   const o = n.parser.gfmFootnotes || (n.parser.gfmFootnotes = []);
@@ -2349,7 +2345,7 @@ function _a(e, r, t) {
     return c.codePointAt(0) !== 94 || !o.includes(c.slice(1)) ? t(l) : (e.enter("gfmFootnoteCallLabelMarker"), e.consume(l), e.exit("gfmFootnoteCallLabelMarker"), r(l));
   }
 }
-function Fa(e, r) {
+function _a(e, r) {
   let t = e.length;
   for (; t--; )
     if (e[t][1].type === "labelImage" && e[t][0] === "enter") {
@@ -2466,7 +2462,7 @@ function ja(e, r, t) {
   }
 }
 function $a(e, r, t) {
-  return e.check(Da, r, e.attempt(Ra, r, t));
+  return e.check(Da, r, e.attempt(Fa, r, t));
 }
 function Oa(e) {
   e.exit("gfmFootnoteDefinition");
@@ -2661,7 +2657,7 @@ function Va(e, r, t) {
     return m === 124 || (a = !0, o += 1), f(m);
   }
   function f(m) {
-    return m === null ? t(m) : Z(m) ? o > 1 ? (o = 0, n.interrupt = !0, e.exit("tableRow"), e.enter("lineEnding"), e.consume(m), e.exit("lineEnding"), b) : t(m) : F(m) ? z(e, f, "whitespace")(m) : (o += 1, a && (a = !1, i += 1), m === 124 ? (e.enter("tableCellDivider"), e.consume(m), e.exit("tableCellDivider"), a = !0, f) : (e.enter("data"), s(m)));
+    return m === null ? t(m) : Z(m) ? o > 1 ? (o = 0, n.interrupt = !0, e.exit("tableRow"), e.enter("lineEnding"), e.consume(m), e.exit("lineEnding"), b) : t(m) : _(m) ? z(e, f, "whitespace")(m) : (o += 1, a && (a = !1, i += 1), m === 124 ? (e.enter("tableCellDivider"), e.consume(m), e.exit("tableCellDivider"), a = !0, f) : (e.enter("data"), s(m)));
   }
   function s(m) {
     return m === null || m === 124 || M(m) ? (e.exit("data"), f(m)) : (e.consume(m), m === 92 ? p : s);
@@ -2670,13 +2666,13 @@ function Va(e, r, t) {
     return m === 92 || m === 124 ? (e.consume(m), s) : s(m);
   }
   function b(m) {
-    return n.interrupt = !1, n.parser.lazy[n.now().line] ? t(m) : (e.enter("tableDelimiterRow"), a = !1, F(m) ? z(e, h, "linePrefix", n.parser.constructs.disable.null.includes("codeIndented") ? void 0 : 4)(m) : h(m));
+    return n.interrupt = !1, n.parser.lazy[n.now().line] ? t(m) : (e.enter("tableDelimiterRow"), a = !1, _(m) ? z(e, h, "linePrefix", n.parser.constructs.disable.null.includes("codeIndented") ? void 0 : 4)(m) : h(m));
   }
   function h(m) {
     return m === 45 || m === 58 ? g(m) : m === 124 ? (a = !0, e.enter("tableCellDivider"), e.consume(m), e.exit("tableCellDivider"), k) : v(m);
   }
   function k(m) {
-    return F(m) ? z(e, g, "whitespace")(m) : g(m);
+    return _(m) ? z(e, g, "whitespace")(m) : g(m);
   }
   function g(m) {
     return m === 58 ? (o += 1, a = !0, e.enter("tableDelimiterMarker"), e.consume(m), e.exit("tableDelimiterMarker"), x) : m === 45 ? (o += 1, x(m)) : m === null || Z(m) ? A(m) : v(m);
@@ -2688,7 +2684,7 @@ function Va(e, r, t) {
     return m === 45 ? (e.consume(m), w) : m === 58 ? (a = !0, e.exit("tableDelimiterFiller"), e.enter("tableDelimiterMarker"), e.consume(m), e.exit("tableDelimiterMarker"), y) : (e.exit("tableDelimiterFiller"), y(m));
   }
   function y(m) {
-    return F(m) ? z(e, A, "whitespace")(m) : A(m);
+    return _(m) ? z(e, A, "whitespace")(m) : A(m);
   }
   function A(m) {
     return m === 124 ? h(m) : m === null || Z(m) ? !a || i !== o ? v(m) : (e.exit("tableDelimiterRow"), e.exit("tableHead"), r(m)) : v(m);
@@ -2700,13 +2696,13 @@ function Va(e, r, t) {
     return e.enter("tableRow"), D(m);
   }
   function D(m) {
-    return m === 124 ? (e.enter("tableCellDivider"), e.consume(m), e.exit("tableCellDivider"), D) : m === null || Z(m) ? (e.exit("tableRow"), r(m)) : F(m) ? z(e, D, "whitespace")(m) : (e.enter("data"), E(m));
+    return m === 124 ? (e.enter("tableCellDivider"), e.consume(m), e.exit("tableCellDivider"), D) : m === null || Z(m) ? (e.exit("tableRow"), r(m)) : _(m) ? z(e, D, "whitespace")(m) : (e.enter("data"), R(m));
   }
-  function E(m) {
-    return m === null || m === 124 || M(m) ? (e.exit("data"), D(m)) : (e.consume(m), m === 92 ? q : E);
+  function R(m) {
+    return m === null || m === 124 || M(m) ? (e.exit("data"), D(m)) : (e.consume(m), m === 92 ? q : R);
   }
   function q(m) {
-    return m === 92 || m === 124 ? (e.consume(m), E) : E(m);
+    return m === 92 || m === 124 ? (e.consume(m), R) : R(m);
   }
 }
 function Ga(e, r) {
@@ -2795,7 +2791,7 @@ function Qa(e, r, t) {
     return l === 93 ? (e.enter("taskListCheckMarker"), e.consume(l), e.exit("taskListCheckMarker"), e.exit("taskListCheck"), u) : t(l);
   }
   function u(l) {
-    return Z(l) ? r(l) : F(l) ? e.check({
+    return Z(l) ? r(l) : _(l) ? e.check({
       tokenize: Xa
     }, r, t)(l) : t(l);
   }
@@ -2809,7 +2805,7 @@ function Xa(e, r, t) {
 function Ya(e) {
   return ga([
     ya(),
-    Ea(),
+    Ra(),
     Ba(e),
     Ka(),
     Ja()
@@ -2823,7 +2819,7 @@ function ti(e) {
   ), t = e || ei, n = r.data(), i = n.micromarkExtensions || (n.micromarkExtensions = []), o = n.fromMarkdownExtensions || (n.fromMarkdownExtensions = []), a = n.toMarkdownExtensions || (n.toMarkdownExtensions = []);
   i.push(Ya(t)), o.push(ma()), a.push(pa(t));
 }
-function N(...e) {
+function I(...e) {
   return e.filter(Boolean).join(" ");
 }
 const ri = ({ content: e }) => /* @__PURE__ */ d(
@@ -2856,7 +2852,7 @@ const ri = ({ content: e }) => /* @__PURE__ */ d(
 }, ai = ({
   copiedDuration: e = 3e3
 } = {}) => {
-  const [r, t] = I(!1);
+  const [r, t] = N(!1);
   return { isCopied: r, copyToClipboard: (i) => {
     i && navigator.clipboard.writeText(i).then(() => {
       t(!0), setTimeout(() => t(!1), e);
@@ -2866,14 +2862,14 @@ const ri = ({ content: e }) => /* @__PURE__ */ d(
   h1: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "h1",
     {
-      className: N("cuadra-mb-6 cuadra-scroll-m-20 cuadra-text-2xl cuadra-font-normal cuadra-tracking-tight last:cuadra-mb-0 font-brand", e),
+      className: I("cuadra-mb-6 cuadra-scroll-m-20 cuadra-text-2xl cuadra-font-normal cuadra-tracking-tight last:cuadra-mb-0 font-brand", e),
       ...r
     }
   ),
   h2: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "h2",
     {
-      className: N(
+      className: I(
         "cuadra-mb-4 cuadra-mt-6 cuadra-scroll-m-20 cuadra-text-xl cuadra-font-normal cuadra-tracking-tight first:cuadra-mt-0 last:cuadra-mb-0 font-brand",
         e
       ),
@@ -2883,7 +2879,7 @@ const ri = ({ content: e }) => /* @__PURE__ */ d(
   h3: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "h3",
     {
-      className: N(
+      className: I(
         "cuadra-mb-3 cuadra-mt-5 cuadra-scroll-m-20 cuadra-text-lg cuadra-font-normal cuadra-tracking-tight first:cuadra-mt-0 last:cuadra-mb-0 font-brand",
         e
       ),
@@ -2893,38 +2889,38 @@ const ri = ({ content: e }) => /* @__PURE__ */ d(
   h4: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "h4",
     {
-      className: N(
+      className: I(
         "cuadra-mb-4 cuadra-mt-6 cuadra-scroll-m-20 cuadra-text-xl cuadra-font-normal cuadra-tracking-tight first:cuadra-mt-0 last:cuadra-mb-0 font-brand",
         e
       ),
       ...r
     }
   ),
-  h5: ({ className: e, ...r }) => /* @__PURE__ */ d("h5", { className: N("cuadra-my-4 cuadra-text-lg cuadra-font-normal first:cuadra-mt-0 last:cuadra-mb-0 font-brand", e), ...r }),
-  h6: ({ className: e, ...r }) => /* @__PURE__ */ d("h6", { className: N("cuadra-my-4 cuadra-font-normal first:cuadra-mb-0 font-brand", e), ...r }),
-  p: ({ className: e, ...r }) => /* @__PURE__ */ d("p", { className: N("cuadra-mb-5 cuadra-mt-5 cuadra-leading-7 first:cuadra-mt-0 last:cuadra-mb-0 font-brand", e), ...r }),
+  h5: ({ className: e, ...r }) => /* @__PURE__ */ d("h5", { className: I("cuadra-my-4 cuadra-text-lg cuadra-font-normal first:cuadra-mt-0 last:cuadra-mb-0 font-brand", e), ...r }),
+  h6: ({ className: e, ...r }) => /* @__PURE__ */ d("h6", { className: I("cuadra-my-4 cuadra-font-normal first:cuadra-mb-0 font-brand", e), ...r }),
+  p: ({ className: e, ...r }) => /* @__PURE__ */ d("p", { className: I("cuadra-mb-5 cuadra-mt-5 cuadra-leading-7 first:cuadra-mt-0 last:cuadra-mb-0 font-brand", e), ...r }),
   a: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "a",
     {
-      className: N("cuadra-text-primary cuadra-font-medium cuadra-underline cuadra-underline-offset-4 font-brand", e),
+      className: I("cuadra-text-primary cuadra-font-medium cuadra-underline cuadra-underline-offset-4 font-brand", e),
       ...r
     }
   ),
-  blockquote: ({ className: e, ...r }) => /* @__PURE__ */ d("blockquote", { className: N("cuadra-border-l-2 cuadra-pl-6 cuadra-italic font-brand", e), ...r }),
-  ul: ({ className: e, ...r }) => /* @__PURE__ */ d("ul", { className: N("cuadra-my-5 cuadra-ml-6 cuadra-list-disc [&>li]:cuadra-mt-2 font-brand", e), ...r }),
-  ol: ({ className: e, ...r }) => /* @__PURE__ */ d("ol", { className: N("cuadra-my-5 cuadra-ml-6 cuadra-list-decimal [&>li]:cuadra-mt-2 font-brand", e), ...r }),
-  hr: ({ className: e, ...r }) => /* @__PURE__ */ d("hr", { className: N("cuadra-my-5 cuadra-border-b", e), ...r }),
+  blockquote: ({ className: e, ...r }) => /* @__PURE__ */ d("blockquote", { className: I("cuadra-border-l-2 cuadra-pl-6 cuadra-italic font-brand", e), ...r }),
+  ul: ({ className: e, ...r }) => /* @__PURE__ */ d("ul", { className: I("cuadra-my-5 cuadra-ml-6 cuadra-list-disc [&>li]:cuadra-mt-2 font-brand", e), ...r }),
+  ol: ({ className: e, ...r }) => /* @__PURE__ */ d("ol", { className: I("cuadra-my-5 cuadra-ml-6 cuadra-list-decimal [&>li]:cuadra-mt-2 font-brand", e), ...r }),
+  hr: ({ className: e, ...r }) => /* @__PURE__ */ d("hr", { className: I("cuadra-my-5 cuadra-border-b", e), ...r }),
   table: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "table",
     {
-      className: N("cuadra-my-5 cuadra-w-full cuadra-border-separate cuadra-border-spacing-0 cuadra-overflow-y-auto font-brand", e),
+      className: I("cuadra-my-5 cuadra-w-full cuadra-border-separate cuadra-border-spacing-0 cuadra-overflow-y-auto font-brand", e),
       ...r
     }
   ),
   th: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "th",
     {
-      className: N(
+      className: I(
         "cuadra-bg-muted cuadra-px-4 cuadra-py-2 cuadra-text-left cuadra-font-normal first:cuadra-rounded-tl-lg last:cuadra-rounded-tr-lg [&[align=center]]:cuadra-text-center [&[align=right]]:cuadra-text-right font-brand",
         e
       ),
@@ -2934,7 +2930,7 @@ const ri = ({ content: e }) => /* @__PURE__ */ d(
   td: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "td",
     {
-      className: N(
+      className: I(
         "cuadra-border-b cuadra-border-l cuadra-px-4 cuadra-py-2 cuadra-text-left last:cuadra-border-r [&[align=center]]:cuadra-text-center [&[align=right]]:cuadra-text-right font-brand",
         e
       ),
@@ -2944,18 +2940,18 @@ const ri = ({ content: e }) => /* @__PURE__ */ d(
   tr: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "tr",
     {
-      className: N(
+      className: I(
         "cuadra-m-0 cuadra-border-b cuadra-p-0 first:cuadra-border-t [&:last-child>td:first-child]:cuadra-rounded-bl-lg [&:last-child>td:last-child]:cuadra-rounded-br-lg",
         e
       ),
       ...r
     }
   ),
-  sup: ({ className: e, ...r }) => /* @__PURE__ */ d("sup", { className: N("[&>a]:cuadra-text-xs [&>a]:cuadra-no-underline font-brand", e), ...r }),
+  sup: ({ className: e, ...r }) => /* @__PURE__ */ d("sup", { className: I("[&>a]:cuadra-text-xs [&>a]:cuadra-no-underline font-brand", e), ...r }),
   pre: ({ className: e, ...r }) => /* @__PURE__ */ d(
     "pre",
     {
-      className: N(
+      className: I(
         "cuadra-overflow-x-auto cuadra-rounded-b-lg !cuadra-rounded-t-none cuadra-bg-muted cuadra-p-4 cuadra-text-foreground font-brand",
         e
       ),
@@ -2967,7 +2963,7 @@ const ri = ({ content: e }) => /* @__PURE__ */ d(
     return /* @__PURE__ */ d(
       "code",
       {
-        className: N(!n && "cuadra-bg-muted cuadra-rounded cuadra-border cuadra-font-normal font-brand", r),
+        className: I(!n && "cuadra-bg-muted cuadra-rounded cuadra-border cuadra-font-normal font-brand", r),
         ...t
       }
     );
@@ -2981,7 +2977,7 @@ const ri = ({ content: e }) => /* @__PURE__ */ d(
   "Composing answer…"
 ];
 function oi({ active: e }) {
-  const [r, t] = I(0);
+  const [r, t] = N(0);
   return L(() => {
     if (!e) {
       t(0);
@@ -3003,7 +2999,7 @@ function Ye({
   suggestions: n,
   inputPlaceholder: i = "Type your message..."
 } = {}) {
-  const o = Vt(), [a, u] = I(!1), [l, c] = I(null), [f, s] = I(!1);
+  const o = Vt(), [a, u] = N(!1), [l, c] = N(null), [f, s] = N(!1);
   return L(() => {
     if (!o) {
       u(!1);
@@ -3046,7 +3042,7 @@ function Ye({
         children: a ? /* @__PURE__ */ d("div", { className: "cuadra-absolute cuadra-inset-0 cuadra-flex cuadra-items-center cuadra-justify-center", children: /* @__PURE__ */ T("div", { className: "cuadra-flex cuadra-flex-col cuadra-items-center cuadra-gap-2", children: [
           /* @__PURE__ */ d(ut, { className: "cuadra-h-6 cuadra-w-6 cuadra-animate-spin cuadra-text-muted-foreground" }),
           /* @__PURE__ */ d("p", { className: "cuadra-text-sm cuadra-text-muted-foreground font-brand", children: "Loading messages..." })
-        ] }) }) : /* @__PURE__ */ T(U, { children: [
+        ] }) }) : /* @__PURE__ */ T(W, { children: [
           /* @__PURE__ */ d(te.Empty, { children: /* @__PURE__ */ d(
             li,
             {
@@ -3078,8 +3074,8 @@ function Ye({
             {
               rows: 3,
               placeholder: i,
-              className: "cuadra-flex cuadra-min-h-[80px] cuadra-w-full cuadra-rounded-md cuadra-border cuadra-border-input cuadra-bg-background cuadra-px-3 cuadra-py-2 cuadra-text-base placeholder:cuadra-text-muted-foreground focus-visible:cuadra-outline-none disabled:cuadra-cursor-not-allowed disabled:cuadra-opacity-50 cuadra-resize-none cuadra-pr-10 font-brand",
-              style: { paddingRight: "2.5rem", fontSize: "1rem" }
+              className: "cuadra-flex cuadra-min-h-[80px] cuadra-w-full cuadra-rounded-md cuadra-border cuadra-border-border cuadra-bg-background cuadra-px-3 cuadra-py-2 cuadra-text-base placeholder:cuadra-text-muted-foreground focus-visible:cuadra-outline-none disabled:cuadra-cursor-not-allowed disabled:cuadra-opacity-50 cuadra-resize-none cuadra-pr-10 font-brand",
+              style: { paddingRight: "2.5rem", fontSize: "1rem", borderWidth: "1px" }
             }
           )
         }
@@ -3087,8 +3083,14 @@ function Ye({
       /* @__PURE__ */ d(ke.Send, { asChild: !0, children: /* @__PURE__ */ d(
         "button",
         {
-          className: "!cuadra-absolute !cuadra-bottom-2 !cuadra-right-2 cuadra-size-8 cuadra-bg-secondary cuadra-text-secondary-foreground cuadra-rounded-md cuadra-shadow-sm hover:cuadra-bg-secondary/90 disabled:cuadra-opacity-50 disabled:cuadra-cursor-not-allowed cuadra-flex cuadra-items-center cuadra-justify-center",
-          style: { position: "absolute", bottom: "0.5rem", right: "0.5rem" },
+          className: "!cuadra-absolute !cuadra-bottom-2 !cuadra-right-2 cuadra-size-8 cuadra-rounded-md cuadra-shadow-sm hover:cuadra-opacity-90 disabled:cuadra-opacity-50 disabled:cuadra-cursor-not-allowed cuadra-flex cuadra-items-center cuadra-justify-center",
+          style: {
+            position: "absolute",
+            bottom: "0.5rem",
+            right: "0.5rem",
+            backgroundColor: "var(--primary)",
+            color: "hsl(var(--primary-foreground))"
+          },
           "aria-label": "Send message",
           type: "button",
           children: /* @__PURE__ */ d(ir, { className: "cuadra-h-4 cuadra-w-4" })
@@ -3126,7 +3128,7 @@ function ui() {
   return /* @__PURE__ */ d(se.Root, { className: "cuadra-grid cuadra-w-full cuadra-auto-rows-auto cuadra-grid-cols-[minmax(72px,1fr)_auto] cuadra-gap-y-2 cuadra-py-3 [&:where(>*)]:cuadra-col-start-2", children: /* @__PURE__ */ d(
     "div",
     {
-      className: "cuadra-bg-muted cuadra-text-foreground cuadra-col-start-2 cuadra-row-start-2 cuadra-max-w-[calc(42rem*0.8)] cuadra-break-words cuadra-rounded-3xl cuadra-px-5 cuadra-py-2.5 font-brand",
+      className: "cuadra-bg-muted cuadra-text-foreground cuadra-col-start-2 cuadra-row-start-2 cuadra-max-w-[calc(42rem*0.8)] cuadra-break-words cuadra-rounded-3xl cuadra-border cuadra-border-border cuadra-px-5 cuadra-py-2.5 font-brand",
       style: {
         maxWidth: "calc(42rem * 0.8)",
         borderRadius: "1.5rem",
@@ -3136,7 +3138,8 @@ function ui() {
         paddingRight: "1.25rem",
         paddingTop: "0.625rem",
         paddingBottom: "0.625rem",
-        wordBreak: "break-word"
+        wordBreak: "break-word",
+        borderWidth: "1px"
       },
       children: /* @__PURE__ */ d(
         se.Parts,
@@ -3171,7 +3174,7 @@ function ci() {
   ) });
 }
 function si({ onThreadSelect: e }) {
-  const r = at(), t = Zt((g) => g.threadId), [n, i] = I(null), o = r?.id === t, a = n === r?.id, [u, l] = I(!1), [c, f] = I(r?.title || ""), [s, p] = I(!1), [b, h] = I(!1), k = async () => {
+  const r = at(), t = Zt((g) => g.threadId), [n, i] = N(null), o = r?.id === t, a = n === r?.id, [u, l] = N(!1), [c, f] = N(r?.title || ""), [s, p] = N(!1), [b, h] = N(!1), k = async () => {
     if (!r?.remoteId || !c || c === r.title) {
       l(!1);
       return;
@@ -3214,7 +3217,7 @@ function si({ onThreadSelect: e }) {
                 autoFocus: !0,
                 onClick: (g) => g.stopPropagation()
               }
-            ) : /* @__PURE__ */ T(U, { children: [
+            ) : /* @__PURE__ */ T(W, { children: [
               /* @__PURE__ */ d("span", { className: "cuadra-text-sm cuadra-font-normal cuadra-text-foreground cuadra-truncate font-brand", children: (r.title?.length || 0) > 60 ? `${r.title?.slice(0, 60)}…` : r.title || "Chat" }),
               r.updatedAt && /* @__PURE__ */ d("span", { className: "cuadra-text-xs cuadra-text-muted-foreground cuadra-mt-1 font-brand", children: new Date(r.updatedAt).toLocaleDateString() })
             ] }) }),
@@ -3230,7 +3233,7 @@ function si({ onThreadSelect: e }) {
                   children: /* @__PURE__ */ d(pr, { className: "cuadra-h-4 cuadra-w-4 cuadra-text-muted-foreground" })
                 }
               ),
-              s && /* @__PURE__ */ T(U, { children: [
+              s && /* @__PURE__ */ T(W, { children: [
                 /* @__PURE__ */ d(
                   "div",
                   {
@@ -3248,7 +3251,7 @@ function si({ onThreadSelect: e }) {
                     disabled: b,
                     children: "Save"
                   }
-                ) : /* @__PURE__ */ T(U, { children: [
+                ) : /* @__PURE__ */ T(W, { children: [
                   /* @__PURE__ */ d(
                     "button",
                     {
@@ -3319,7 +3322,7 @@ const di = `
   style: o,
   contentStyle: a,
   rotating: u = !1
-}) => /* @__PURE__ */ T(U, { children: [
+}) => /* @__PURE__ */ T(W, { children: [
   /* @__PURE__ */ d("style", { children: di }),
   /* @__PURE__ */ T(
     "div",
@@ -3336,13 +3339,13 @@ const di = `
               top: "-100%",
               width: "300%",
               height: "300%",
-              backgroundImage: "conic-gradient(#ff8308, #ff5043, #392bd5, #ff8308)",
+              backgroundImage: "conic-gradient(#F4633A, #FF7A4D, #FF8C5C, #F4633A, #FF7A4D, #FF8C5C)",
               backgroundRepeat: "no-repeat",
               backgroundSize: "cover",
               backgroundPosition: "center",
               animation: "rotate 4s linear infinite"
             } : {
-              backgroundImage: "linear-gradient(to right, #ff8308, #ff5043, #392bd5)",
+              backgroundImage: "linear-gradient(to right, #F4633A, #FF7A4D, #FF8C5C, #F4633A)",
               backgroundSize: "cover",
               backgroundPosition: "center",
               backgroundRepeat: "no-repeat",
@@ -3375,7 +3378,7 @@ const di = `
       return a || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
     }
     return r;
-  }, [n, i] = I(t);
+  }, [n, i] = N(t);
   return L(() => {
     r !== "system" && i(r);
   }, [r]), L(() => {
@@ -3411,7 +3414,7 @@ const di = `
   onMobileMenuClick: l,
   showMobileMenuButton: c = !1
 }) => {
-  const [f, s] = I(!1), p = nt(null);
+  const [f, s] = N(!1), p = nt(null);
   L(() => {
     const h = (k) => {
       p.current && !p.current.contains(k.target) && s(!1);
@@ -3535,21 +3538,21 @@ const pi = ({ config: e }) => {
     onChatCreated: y,
     onUserMessage: A,
     onThreadIdUpdate: v
-  } = e, [C, D] = I(!1), E = t || r || "", q = !!t, m = B(
-    () => new ct(E, n || void 0, q),
-    [E, n, q]
-  ), [P, ie] = I(null), [O, Q] = I(!1), [X, Ee] = I(null), [$t, _e] = I(!1);
+  } = e, [C, D] = N(!1), R = t || r || "", q = !!t, m = U(
+    () => new ct(R, n || void 0, q),
+    [R, n, q]
+  ), [P, ie] = N(null), [O, Q] = N(!1), [X, Re] = N(null), [$t, Ee] = N(!1);
   L(() => {
-    i === "multiChat" && _e(!0);
+    i === "multiChat" && Ee(!0);
   }, [i]);
   const K = J(async () => {
     if (o === "selector") {
-      Q(!0), Ee(null);
+      Q(!0), Re(null);
       try {
         const S = await m.listModels();
         ie(S);
       } catch (S) {
-        Ee(S instanceof Error ? S : new Error("Failed to load models"));
+        Re(S instanceof Error ? S : new Error("Failed to load models"));
       } finally {
         Q(!1);
       }
@@ -3560,12 +3563,12 @@ const pi = ({ config: e }) => {
   }, [o, K]), L(() => (typeof window < "u" && (window.__cuadraUIKitRefetchModels = K), () => {
     typeof window < "u" && delete window.__cuadraUIKitRefetchModels;
   }), [K]);
-  const [_, Fe] = I(
+  const [E, _e] = N(
     o === "fixed" && a || null
-  ), ze = nt(_), Y = J(
+  ), ze = nt(E), Y = J(
     (S) => {
       const ee = ze.current;
-      Fe(S), ze.current = S, u?.(S), ee !== null && ee !== S && i === "multiChat" && setTimeout(() => {
+      _e(S), ze.current = S, u?.(S), ee !== null && ee !== S && i === "multiChat" && setTimeout(() => {
         const V = window.__cuadraThreadListRuntime;
         if (V?.threads?.switchToNewThread)
           try {
@@ -3587,37 +3590,37 @@ const pi = ({ config: e }) => {
     [u, i]
   );
   L(() => {
-    if (o === "selector" && P?.items && P.items.length > 0 && !_) {
+    if (o === "selector" && P?.items && P.items.length > 0 && !E) {
       const S = P.items[0];
       if (S?.id) {
         const ee = S.id;
-        Fe(ee), u?.(ee);
+        _e(ee), u?.(ee);
       }
     }
-  }, [o, P?.items, _, u]);
-  const Ot = o === "fixed" ? !!a : !!_, oe = B(
+  }, [o, P?.items, E, u]);
+  const Ot = o === "fixed" ? !!a : !!E, oe = U(
     () => (P?.items || []).filter((S) => S?.id && S?.displayName).map((S) => ({ id: S.id, name: S.displayName })),
     [P]
-  ), be = B(
+  ), be = U(
     () => ({
-      currentModelId: _ || "",
+      currentModelId: E || "",
       models: oe,
       modelsLoading: O,
       modelsError: X,
       onModelChange: Y,
       refetchModels: K
     }),
-    [_, oe, O, X, Y, K]
+    [E, oe, O, X, Y, K]
   );
   return o === "selector" && O || i === "multiChat" && $t ? /* @__PURE__ */ d(Ie, { value: be, children: /* @__PURE__ */ d(Ae, { className: "cuadra-h-full", paddingX: "cuadra-px-0", paddingY: "cuadra-py-0", children: /* @__PURE__ */ d("div", { className: "cuadra-flex cuadra-items-center cuadra-justify-center cuadra-h-full", children: /* @__PURE__ */ d(ut, { className: "cuadra-h-6 cuadra-w-6 cuadra-animate-spin cuadra-text-muted-foreground" }) }) }) }) : o === "selector" && !Ot && X ? /* @__PURE__ */ d(Ie, { value: be, children: /* @__PURE__ */ d(Ae, { className: "cuadra-h-full", paddingX: "cuadra-px-0", paddingY: "cuadra-py-0", children: /* @__PURE__ */ d("div", { className: "cuadra-flex cuadra-items-center cuadra-justify-center cuadra-h-full", children: /* @__PURE__ */ d("div", { className: "cuadra-flex cuadra-flex-col cuadra-items-center cuadra-gap-2", children: /* @__PURE__ */ d("p", { className: "cuadra-text-sm cuadra-text-destructive font-brand", children: "Failed to load models" }) }) }) }) }) : /* @__PURE__ */ d("div", { className: "cuadra-uikit cuadra-h-full cuadra-w-full", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ d(Ie, { value: be, children: /* @__PURE__ */ d(
     Ar,
     {
-      baseUrl: q ? E : r || E,
+      baseUrl: q ? R : r || R,
       sessionToken: n,
       isProxyMode: q,
       mode: i,
       modelMode: o,
-      modelId: _ || a || void 0,
+      modelId: E || a || void 0,
       onModelChange: Y,
       ephemeral: l,
       systemPrompt: c,
@@ -3627,7 +3630,7 @@ const pi = ({ config: e }) => {
       onUserMessage: A,
       onThreadIdUpdate: v,
       onChatsLoaded: () => {
-        i === "multiChat" && _e(!1);
+        i === "multiChat" && Ee(!1);
       },
       children: /* @__PURE__ */ d(
         Ae,
@@ -3637,7 +3640,7 @@ const pi = ({ config: e }) => {
           className: `cuadra-h-full ${e.containerClass || ""}`,
           borderSizePx: 4,
           style: { height: "100%" },
-          children: /* @__PURE__ */ d("div", { className: "cuadra-h-full cuadra-flex cuadra-relative", style: { height: "100%" }, children: i === "multiChat" ? /* @__PURE__ */ T(U, { children: [
+          children: /* @__PURE__ */ d("div", { className: "cuadra-h-full cuadra-flex cuadra-relative", style: { height: "100%" }, children: i === "multiChat" ? /* @__PURE__ */ T(W, { children: [
             C && typeof document < "u" && Oe(
               /* @__PURE__ */ d(
                 "div",
@@ -3648,7 +3651,7 @@ const pi = ({ config: e }) => {
               ),
               document.body
             ),
-            typeof document < "u" && /* @__PURE__ */ T(U, { children: [
+            typeof document < "u" && /* @__PURE__ */ T(W, { children: [
               /* @__PURE__ */ d(
                 "div",
                 {
@@ -3673,7 +3676,7 @@ const pi = ({ config: e }) => {
               o === "selector" && /* @__PURE__ */ d(
                 tt,
                 {
-                  currentModel: _ || "",
+                  currentModel: E || "",
                   models: oe,
                   modelsLoading: O,
                   modelsError: X,
@@ -3699,7 +3702,7 @@ const pi = ({ config: e }) => {
             o === "selector" && /* @__PURE__ */ d(
               tt,
               {
-                currentModel: _ || "",
+                currentModel: E || "",
                 models: oe,
                 modelsLoading: O,
                 modelsError: X,