@factorialco/f0-react 6.30.0 → 6.31.1

package/dist/{F0AiProcessingOverlay-CBidGqkB.js → F0AiProcessingOverlay-aXf8JKg4.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as t, Fragment as R1 } from "react/jsx-runtime";
-import { useInsertionEffect as Fr, forwardRef as p, useRef as A, useEffect as W, useLayoutEffect as ee, useState as I, useId as O1, useCallback as j, useMemo as Y, createContext as U1, useContext as B1, createElement as Nr, memo as Sr } from "react";
-import { X as Vr, Y as Tr, Z as Hr, _ as rt, $ as Ar, a0 as Er, a1 as $r, a2 as Br, a3 as Ir, a4 as Pr, a5 as ot, a6 as Dr, a7 as jr, a8 as te, a9 as _r, aa as Zr, ab as Or, ac as Ur, ad as zr, ae as Gr, af as Wr, ag as qr, y as nt, ah as Xr, ai as Yr, o as re, aj as st, ak as z1, n as at, al as Kr, am as Qr, an as Jr, ao as eo, ap as to, aq as F1, ar as ro, as as it, at as oo, au as no, l as y1, av as so, aw as ao, ax as lt, ay as io, az as lo, aA as co, aB as uo, aC as fo, aD as ho, aE as ct, aF as Co, aG as po, aH as mo, aI as go, aJ as wo, aK as vo, aL as Lo, aM as xo, aN as bo, aO as ko, aP as yo, aQ as Mo, E as Ro, aR as Fo, aS as No, aT as So, aU as Vo, aV as To, aW as Ho, aX as Ao, aY as Eo, aZ as $o, a_ as Bo, a$ as Io, b0 as Po, b1 as Do, b2 as jo, b3 as _o, b4 as Zo, b5 as Oo, b6 as Uo, U as dt, b7 as zo, b8 as Go, b9 as Wo, ba as ut, R as ft, bb as qo, i as Xo, bc as Yo, bd as Ko, be as Qo, bf as Jo, bg as en, bh as ht, bi as tn, bj as rn, bk as on, bl as nn, bm as sn, bn as an, j as ln, bo as Ct, bp as pt, bq as cn, br as mt, bs as dn, bt as oe, q as un, bu as ne, bv as fn, bw as hn, bx as se, O as Cn, Q as pn, by as gt, bz as mn, bA as gn, bB as wn, bC as vn, bD as Ln, bE as xn, bF as bn, bG as kn, bH as yn, bI as Mn, bJ as wt, bK as Rn, bL as Fn, bM as Nn, bN as Sn, u as z, bO as l1, bP as Vn, S as u1, bQ as vt, V as o1, bR as Tn, m as g1, bS as Hn, bT as n1, bU as p1, bV as M1, bW as K, bX as Lt, t as ae, bY as An, x as ie, b as b1, bZ as En, b_ as $n, b$ as Bn, d as xt, c0 as In, c1 as Pn, c2 as le, c3 as Dn, c4 as jn, c5 as _n, c6 as ke, c7 as Zn, c8 as bt, c9 as kt, ca as On, cb as Un, cc as zn, cd as Gn, ce as Wn, cf as yt, cg as qn, ch as Xn, ci as Yn, cj as $1, ck as Mt, cl as Rt, cm as Ft, c as K1, cn as ye, co as Nt, cp as Kn, cq as Qn, cr as I1, cs as Jn, ct as es, cu as ts, cv as ce, cw as rs, cx as os, cy as ns, cz as ss, cA as as, cB as is, w as ls, s as cs, cC as X1, v as St, cD as ds, cE as us, cF as Me, cG as Vt, cH as Tt, cI as fs, cJ as hs, cK as Cs, cL as ps, cM as ms, cN as gs } from "./F0CanvasPanel-Bbzfq-Se.js";
+import { useInsertionEffect as Fr, forwardRef as p, useRef as $, useEffect as W, useLayoutEffect as ee, useState as I, useId as O1, useCallback as _, useMemo as Y, createContext as U1, useContext as B1, createElement as Nr, memo as Sr } from "react";
+import { X as Vr, Y as Tr, Z as Hr, _ as rt, $ as Ar, a0 as Er, a1 as $r, a2 as Br, a3 as Ir, a4 as Pr, a5 as ot, a6 as Dr, a7 as jr, a8 as te, a9 as _r, aa as Zr, ab as Or, ac as Ur, ad as zr, ae as Gr, af as Wr, ag as qr, y as nt, ah as Xr, ai as Yr, o as re, aj as st, ak as z1, n as at, al as Kr, am as Qr, an as Jr, ao as eo, ap as to, aq as F1, ar as ro, as as it, at as oo, au as no, l as y1, av as so, aw as ao, ax as lt, ay as io, az as lo, aA as co, aB as uo, aC as fo, aD as ho, aE as ct, aF as Co, aG as po, aH as mo, aI as go, aJ as wo, aK as vo, aL as Lo, aM as xo, aN as bo, aO as ko, aP as yo, aQ as Mo, E as Ro, aR as Fo, aS as No, aT as So, aU as Vo, aV as To, aW as Ho, aX as Ao, aY as Eo, aZ as $o, a_ as Bo, a$ as Io, b0 as Po, b1 as Do, b2 as jo, b3 as _o, b4 as Zo, b5 as Oo, b6 as Uo, U as dt, b7 as zo, b8 as Go, b9 as Wo, ba as ut, R as ft, bb as qo, i as Xo, bc as Yo, bd as Ko, be as Qo, bf as Jo, bg as en, bh as ht, bi as tn, bj as rn, bk as on, bl as nn, bm as sn, bn as an, j as ln, bo as Ct, bp as pt, bq as cn, br as mt, bs as dn, bt as oe, q as un, bu as ne, bv as fn, bw as hn, bx as se, O as Cn, Q as pn, by as gt, bz as mn, bA as gn, bB as wn, bC as vn, bD as Ln, bE as xn, bF as bn, bG as kn, bH as yn, bI as Mn, bJ as wt, bK as Rn, bL as Fn, bM as Nn, bN as Sn, u as z, bO as o1, bP as Vn, S as u1, bQ as vt, V as n1, bR as Tn, m as m1, bS as Hn, bT as s1, bU as C1, bV as M1, bW as K, bX as Lt, t as ae, bY as An, x as ie, b as x1, bZ as En, b_ as $n, b$ as Bn, d as xt, c0 as In, c1 as Pn, c2 as le, c3 as Dn, c4 as jn, c5 as _n, c6 as ke, c7 as Zn, c8 as bt, c9 as kt, ca as On, cb as Un, cc as zn, cd as Gn, ce as Wn, cf as yt, cg as qn, ch as Xn, ci as Yn, cj as $1, ck as Mt, cl as Rt, cm as Ft, c as K1, cn as ye, co as Nt, cp as Kn, cq as Qn, cr as I1, cs as Jn, ct as es, cu as ts, cv as ce, cw as rs, cx as os, cy as ns, cz as ss, cA as as, cB as is, w as ls, s as cs, cC as X1, v as St, cD as ds, cE as us, cF as Me, cG as Vt, cH as Tt, cI as fs, cJ as hs, cK as Cs, cL as ps, cM as ms, cN as gs } from "./F0CanvasPanel-BqgELcDY.js";
 import { f as f1, d as x, u as ws } from "./tooltip-DTpaXpXW.js";
 import { createPortal as Ht } from "react-dom";
 import { defaultTranslations as vs } from "./i18n-provider-defaults.js";
@@ -4050,7 +4050,7 @@ const S0 = (e, r) => /* @__PURE__ */ i(
 }) => {
   const a = z();
   return n !== "transcribing" && e ? /* @__PURE__ */ t(
-    l1,
+    o1,
     {
       type: "submit",
       variant: "neutral",
@@ -4060,7 +4060,7 @@ const S0 = (e, r) => /* @__PURE__ */ i(
       hideLabel: !0
     }
   ) : /* @__PURE__ */ t(
-    l1,
+    o1,
     {
       type: "submit",
       size: s,
@@ -4090,7 +4090,7 @@ const S0 = (e, r) => /* @__PURE__ */ i(
   onCancelRecording: v,
   showSubmit: w = !0
 }) => {
-  const b = z();
+  const M = z();
   return C === "recording" ? /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-3 p-3", children: [
     /* @__PURE__ */ t(
       Vn,
@@ -4101,9 +4101,9 @@ const S0 = (e, r) => /* @__PURE__ */ i(
     ),
     /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-2", children: [
       /* @__PURE__ */ t(
-        l1,
+        o1,
         {
-          label: b.ai.cancelRecording,
+          label: M.ai.cancelRecording,
           hideLabel: !0,
           type: "button",
           icon: F1,
@@ -4113,9 +4113,9 @@ const S0 = (e, r) => /* @__PURE__ */ i(
         }
       ),
       /* @__PURE__ */ t(
-        l1,
+        o1,
         {
-          label: b.ai.stopRecording,
+          label: M.ai.stopRecording,
           hideLabel: !0,
           type: "button",
           icon: nt,
@@ -4129,17 +4129,17 @@ const S0 = (e, r) => /* @__PURE__ */ i(
     /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-2", children: [
       e && /* @__PURE__ */ i(R1, { children: [
         /* @__PURE__ */ t(
-          l1,
+          o1,
           {
-            label: b.ai.attachFile,
+            label: M.ai.attachFile,
             hideLabel: !0,
             type: "button",
             icon: ht,
             variant: "outline",
             size: "md",
             disabled: o || C === "transcribing",
-            onClick: (H) => {
-              H.preventDefault(), a.current?.click();
+            onClick: (N) => {
+              N.preventDefault(), a.current?.click();
             }
           }
         ),
@@ -4162,16 +4162,16 @@ const S0 = (e, r) => /* @__PURE__ */ i(
         "div",
         {
           className: "min-w-0 cursor-default",
-          onClick: (H) => H.stopPropagation(),
+          onClick: (N) => N.stopPropagation(),
           children: r
         }
       )
     ] }),
     /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-2", children: [
       d && /* @__PURE__ */ t(
-        l1,
+        o1,
         {
-          label: b.ai.recordAudio,
+          label: M.ai.recordAudio,
           hideLabel: !0,
           type: "button",
           icon: ut,
@@ -4237,7 +4237,7 @@ function f2({
   removeLabel: o
 }) {
   const n = /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 rounded-lg border border-f1-border-critical bg-f1-background-critical/10 px-2.5 py-1.5", children: [
-    /* @__PURE__ */ t(o1, { icon: rt, size: "md", color: "critical" }),
+    /* @__PURE__ */ t(n1, { icon: rt, size: "md", color: "critical" }),
     /* @__PURE__ */ t("span", { className: "max-w-40 truncate text-sm font-medium text-f1-foreground-critical", children: e.file.name }),
     /* @__PURE__ */ t(
       "button",
@@ -4248,7 +4248,7 @@ function f2({
           "rounded-full text-f1-foreground-critical hover:text-f1-foreground-critical/80"
         ),
         onClick: () => r(e.id),
-        children: /* @__PURE__ */ t(o1, { icon: F1, size: "md", "aria-hidden": "true" })
+        children: /* @__PURE__ */ t(n1, { icon: F1, size: "md", "aria-hidden": "true" })
       }
     )
   ] });
@@ -4286,7 +4286,7 @@ const h2 = {
           ),
           /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-1", children: [
             e.onGetCredits && /* @__PURE__ */ t(
-              g1,
+              m1,
               {
                 label: o.ai.creditWarning.getCredits ?? "",
                 size: "sm",
@@ -4296,7 +4296,7 @@ const h2 = {
               }
             ),
             e.onDismiss && /* @__PURE__ */ t(
-              g1,
+              m1,
               {
                 label: o.ai.creditWarning.dismiss ?? "",
                 size: "sm",
@@ -4321,7 +4321,7 @@ function p2({
   position: s,
   onSelect: a
 }) {
-  const c = A(null), u = A(null);
+  const c = $(null), u = $(null);
   W(() => {
     u.current?.scrollIntoView({ block: "nearest" });
   }, [n]), ee(() => {
@@ -4392,7 +4392,7 @@ function p2({
                   size: "xsmall"
                 }
               ),
-              /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 flex-col", children: /* @__PURE__ */ t(n1, { className: "text-base font-medium text-f1-foreground", children: h }) })
+              /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 flex-col", children: /* @__PURE__ */ t(s1, { className: "text-base font-medium text-f1-foreground", children: h }) })
             ]
           },
           String(d.id)
@@ -4414,9 +4414,9 @@ const m2 = ({
         "rounded-[10px] bg-f1-background-hover pl-2 py-1.5 pr-1.5"
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center py-0.5", children: /* @__PURE__ */ t(o1, { icon: oe, size: "md", color: "default" }) }),
+        /* @__PURE__ */ t("div", { className: "flex items-center py-0.5", children: /* @__PURE__ */ t(n1, { icon: oe, size: "md", color: "default" }) }),
         /* @__PURE__ */ t(
-          n1,
+          s1,
           {
             className: "h-full flex-1 py-0.5 text-[12px] font-medium text-f1-foreground-secondary",
             lines: 1,
@@ -4424,7 +4424,7 @@ const m2 = ({
           }
         ),
         /* @__PURE__ */ t(
-          l1,
+          o1,
           {
             variant: "ghost",
             label: o.ai.removeQuote,
@@ -4443,7 +4443,7 @@ const m2 = ({
   inputValue: o,
   inProgress: n
 }) => {
-  const s = p1(), [a, c] = I(""), [u, l] = I(0), [f, d] = I(!1), C = A(null), m = A(null), h = A(null), g = e[u] ?? r;
+  const s = C1(), [a, c] = I(""), [u, l] = I(0), [f, d] = I(!1), C = $(null), m = $(null), h = $(null), g = e[u] ?? r;
   return W(() => {
     const v = () => {
       m.current && (clearInterval(m.current), m.current = null), h.current && (clearInterval(h.current), h.current = null), C.current && (clearTimeout(C.current), C.current = null);
@@ -4461,7 +4461,7 @@ const m2 = ({
       };
     d(!0), c("");
     let w = 0;
-    const b = 50, H = 30, E = 2e3, S = 1e3;
+    const M = 50, N = 30, A = 2e3, S = 1e3;
     return m.current = setInterval(() => {
       w < g.length ? (c(g.slice(0, w + 1)), w++) : (m.current && (clearInterval(m.current), m.current = null), C.current = setTimeout(() => {
         h.current = setInterval(() => {
@@ -4469,9 +4469,9 @@ const m2 = ({
             const F = (u + 1) % Math.max(e.length, 1);
             l(F);
           }, S));
-        }, H);
-      }, E));
-    }, b), () => {
+        }, N);
+      }, A));
+    }, M), () => {
       v();
     };
   }, [
@@ -4648,7 +4648,7 @@ const F2 = ({
   side: n = "top",
   reserveTwoRows: s = !0
 }) => {
-  const [a, c] = I(null), u = A(null), l = A(null), f = A(!1), d = O1(), C = O1(), m = a !== null ? e[a] : null;
+  const [a, c] = I(null), u = $(null), l = $(null), f = $(!1), d = O1(), C = O1(), m = a !== null ? e[a] : null;
   return e.length === 0 ? null : /* @__PURE__ */ i(
     ae,
     {
@@ -4670,7 +4670,7 @@ const F2 = ({
                 ref: u,
                 className: "flex w-full flex-wrap items-center gap-2",
                 children: e.map((h, g) => /* @__PURE__ */ t(
-                  l1,
+                  o1,
                   {
                     variant: "outline",
                     label: h.label,
@@ -4719,7 +4719,7 @@ const F2 = ({
                   id: C,
                   className: "flex items-center gap-1.5 p-2 pb-1 text-sm font-medium text-f1-foreground-secondary",
                   children: [
-                    /* @__PURE__ */ t(o1, { "aria-hidden": !0, icon: m.icon, size: "sm" }),
+                    /* @__PURE__ */ t(n1, { "aria-hidden": !0, icon: m.icon, size: "sm" }),
                     /* @__PURE__ */ t("span", { children: m.label })
                   ]
                 }
@@ -4743,11 +4743,11 @@ const F2 = ({
   );
 };
 function N2({ item: e, onSelect: r, onHover: o }) {
-  const n = A(null), s = A(null), a = A(null), c = p1(), u = j(() => {
+  const n = $(null), s = $(null), a = $(null), c = C1(), u = _(() => {
     a.current != null && (clearTimeout(a.current), a.current = null);
     const C = s.current, m = n.current;
     C && (C.style.transition = "none", C.style.transform = "translateX(0)", C.style.overflow = ""), m && (m.style.removeProperty("mask-image"), m.style.removeProperty("-webkit-mask-image"));
-  }, []), l = j(() => {
+  }, []), l = _(() => {
     c || (a.current = window.setTimeout(() => {
       const C = s.current, m = n.current;
       if (!C || !m) return;
@@ -4758,9 +4758,9 @@ function N2({ item: e, onSelect: r, onHover: o }) {
       const w = `linear-gradient(90deg, transparent 0, #000 ${M2}px)`;
       m.style.setProperty("mask-image", w), m.style.setProperty("-webkit-mask-image", w), C.style.transition = `transform ${v}ms linear`, C.style.transform = `translateX(-${g}px)`;
     }, k2));
-  }, [c]), f = j(() => {
+  }, [c]), f = _(() => {
     o?.(e), l();
-  }, [e, o, l]), d = j(() => {
+  }, [e, o, l]), d = _(() => {
     o?.(null), u();
   }, [o, u]);
   return W(
@@ -4788,7 +4788,7 @@ function N2({ item: e, onSelect: r, onHover: o }) {
           {
             "aria-hidden": !0,
             className: "flex flex-shrink-0 items-center text-f1-foreground-secondary opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100",
-            children: /* @__PURE__ */ t(o1, { icon: te, size: "sm" })
+            children: /* @__PURE__ */ t(n1, { icon: te, size: "sm" })
           }
         )
       ]
@@ -4840,17 +4840,17 @@ function T2(e, r) {
 }
 const H2 = 4e3;
 function A2(e) {
-  const [r, o] = I([]), [n, s] = I(null), a = A(
+  const [r, o] = I([]), [n, s] = I(null), a = $(
     null
-  ), c = A(null), u = z(), l = e?.onUploadFiles, f = e?.allowedMimeTypes, d = e?.maxFiles, C = Y(() => {
+  ), c = $(null), u = z(), l = e?.onUploadFiles, f = e?.allowedMimeTypes, d = e?.maxFiles, C = Y(() => {
     if (f)
       return Array.isArray(f) ? f.join(",") : f;
-  }, [f]), m = d !== void 0 && r.length >= d, h = A(0);
+  }, [f]), m = d !== void 0 && r.length >= d, h = $(0);
   W(() => {
     h.current = r.length;
   }, [r]);
-  const g = j((E) => {
-    a.current && clearTimeout(a.current), s(E), a.current = setTimeout(() => {
+  const g = _((A) => {
+    a.current && clearTimeout(a.current), s(A), a.current = setTimeout(() => {
       s(null), a.current = null;
     }, H2);
   }, []);
@@ -4860,10 +4860,10 @@ function A2(e) {
     },
     []
   );
-  const v = j(
-    async (E) => {
-      if (E.length === 0 || !l) return;
-      const S = T2(E, f);
+  const v = _(
+    async (A) => {
+      if (A.length === 0 || !l) return;
+      const S = T2(A, f);
       if (S.length === 0) return;
       if (d !== void 0 && h.current + S.length > d) {
         g(
@@ -4874,40 +4874,40 @@ function A2(e) {
         );
         return;
       }
-      const F = S.map((N) => ({
+      const F = S.map((H) => ({
         id: crypto.randomUUID(),
-        file: N,
+        file: H,
         status: "uploading"
-      })), L = F.map((N) => N.id);
-      o((N) => [...N, ...F]);
-      const V = (N) => o(
-        (D) => D.map(
-          (y) => L.includes(y.id) ? { ...y, status: "error", errorMessage: N } : y
+      })), L = F.map((H) => H.id);
+      o((H) => [...H, ...F]);
+      const V = (H) => o(
+        (P) => P.map(
+          (R) => L.includes(R.id) ? { ...R, status: "error", errorMessage: H } : R
         )
       );
       try {
-        const N = await l(S);
-        if (!Array.isArray(N) || N.length !== S.length) {
+        const H = await l(S);
+        if (!Array.isArray(H) || H.length !== S.length) {
           V(u.ai.fileUploadError);
           return;
         }
         o(
-          (D) => D.map((y) => {
-            const T = F.findIndex(($) => $.id === y.id);
-            return T === -1 ? y : N[T] ? {
-              ...y,
+          (P) => P.map((R) => {
+            const T = F.findIndex((B) => B.id === R.id);
+            return T === -1 ? R : H[T] ? {
+              ...R,
               status: "uploaded",
-              uploadedFile: N[T]
+              uploadedFile: H[T]
             } : {
-              ...y,
+              ...R,
               status: "error",
               errorMessage: u.ai.fileUploadError
             };
           })
         );
-      } catch (N) {
-        const D = N instanceof Error && N.message ? N.message : u.ai.fileUploadError;
-        V(D);
+      } catch (H) {
+        const P = H instanceof Error && H.message ? H.message : u.ai.fileUploadError;
+        V(P);
       }
     },
     [
@@ -4918,14 +4918,14 @@ function A2(e) {
       u.ai.fileUploadError,
       g
     ]
-  ), w = j(
-    async (E) => {
-      await v(Array.from(E.target.files ?? [])), E.target.value = "";
+  ), w = _(
+    async (A) => {
+      await v(Array.from(A.target.files ?? [])), A.target.value = "";
     },
     [v]
-  ), b = j((E) => {
-    o((S) => S.filter((F) => F.id !== E));
-  }, []), H = j(() => {
+  ), M = _((A) => {
+    o((S) => S.filter((F) => F.id !== A));
+  }, []), N = _(() => {
     o([]);
   }, []);
   return {
@@ -4937,8 +4937,8 @@ function A2(e) {
     maxFiles: d,
     processFiles: v,
     handleFileSelect: w,
-    handleRemoveFile: b,
-    clearFiles: H,
+    handleRemoveFile: M,
+    clearFiles: N,
     transientError: n,
     showTransientError: g
   };
@@ -5021,7 +5021,7 @@ function P2({
   searchPersons: n,
   textareaRef: s
 }) {
-  const [a, c] = I(!1), [u, l] = I(""), [f, d] = I([]), [C, m] = I(!1), [h, g] = I(0), [v, w] = I([]), b = A(-1), H = A(null), E = A(0), S = A(-1);
+  const [a, c] = I(!1), [u, l] = I(""), [f, d] = I([]), [C, m] = I(!1), [h, g] = I(0), [v, w] = I([]), M = $(-1), N = $(null), A = $(0), S = $(-1);
   W(() => {
     if (!n) {
       c(!1);
@@ -5029,39 +5029,39 @@ function P2({
     }
     const T = E2(e, o, v);
     if (!T) {
-      c(!1), l(""), d([]), g(0), b.current = -1, S.current = -1;
+      c(!1), l(""), d([]), g(0), M.current = -1, S.current = -1;
       return;
     }
     if (T.atIndex === S.current)
       return;
-    b.current = T.atIndex, l(T.query), c(!0), g(0), m(!0), H.current && clearTimeout(H.current);
-    const $ = ++E.current;
-    return H.current = setTimeout(() => {
+    M.current = T.atIndex, l(T.query), c(!0), g(0), m(!0), N.current && clearTimeout(N.current);
+    const B = ++A.current;
+    return N.current = setTimeout(() => {
       n(T.query).then((U) => {
-        $ === E.current && (d(U), g(0), U.length === 0 && T.query.length > 0 && (S.current = T.atIndex, c(!1)));
+        B === A.current && (d(U), g(0), U.length === 0 && T.query.length > 0 && (S.current = T.atIndex, c(!1)));
       }).catch(() => {
-        $ === E.current && d([]);
+        B === A.current && d([]);
       }).finally(() => {
-        $ === E.current && m(!1);
+        B === A.current && m(!1);
       });
     }, I2), () => {
-      H.current && clearTimeout(H.current);
+      N.current && clearTimeout(N.current);
     };
   }, [e, o, n, v]);
-  const F = j(() => {
-    c(!1), l(""), d([]), g(0), b.current = -1;
-  }, []), L = j(
+  const F = _(() => {
+    c(!1), l(""), d([]), g(0), M.current = -1;
+  }, []), L = _(
     (T) => {
-      const $ = b.current;
-      if ($ === -1) return;
-      const U = `${T.firstName} ${T.lastName}`.trim(), Z = String(T.id), G = e.slice(0, $), e1 = e.slice(o), t1 = `@${U} `, X = G + t1 + e1, Q = G.length + t1.length;
-      r(X), w((r1) => [...r1.filter((_) => !(_.id === Z && _.name === U)), { id: Z, name: U }]), F(), requestAnimationFrame(() => {
+      const B = M.current;
+      if (B === -1) return;
+      const U = `${T.firstName} ${T.lastName}`.trim(), Z = String(T.id), G = e.slice(0, B), J = e.slice(o), t1 = `@${U} `, X = G + t1 + J, Q = G.length + t1.length;
+      r(X), w((r1) => [...r1.filter((i1) => !(i1.id === Z && i1.name === U)), { id: Z, name: U }]), F(), requestAnimationFrame(() => {
         const r1 = s.current;
         r1 && (r1.focus(), r1.setSelectionRange(Q, Q));
       });
     },
     [e, o, r, s, F]
-  ), V = j(
+  ), V = _(
     (T) => {
       if (!a) return !1;
       if (T.key === "Escape")
@@ -5069,17 +5069,17 @@ function P2({
       if (f.length === 0) return !1;
       switch (T.key) {
         case "ArrowDown":
-          return T.preventDefault(), g(($) => ($ + 1) % f.length), !0;
+          return T.preventDefault(), g((B) => (B + 1) % f.length), !0;
         case "ArrowUp":
           return T.preventDefault(), g(
-            ($) => ($ + f.length - 1) % f.length
+            (B) => (B + f.length - 1) % f.length
           ), !0;
         case "Tab": {
-          const $ = f[h];
-          if ($) {
-            const U = `${$.firstName} ${$.lastName}`.trim();
+          const B = f[h];
+          if (B) {
+            const U = `${B.firstName} ${B.lastName}`.trim();
             if (u.length === 0 || U.toLowerCase().startsWith(u.toLowerCase()))
-              return T.preventDefault(), L($), !0;
+              return T.preventDefault(), L(B), !0;
           }
           return !1;
         }
@@ -5090,24 +5090,24 @@ function P2({
       }
     },
     [a, f, h, u, L, F]
-  ), N = j(
+  ), H = _(
     (T) => {
       if (v.length === 0) return T;
-      let $ = T;
+      let B = T;
       const U = [...v].sort((Z, G) => G.name.length - Z.name.length);
       for (const Z of U) {
-        const G = `@${Z.name}`, e1 = `<entity-ref type="person" id="${Re(Z.id)}">${Re(Z.name)}</entity-ref>`;
-        for (; $.includes(G); )
-          $ = $.replace(G, e1);
+        const G = `@${Z.name}`, J = `<entity-ref type="person" id="${Re(Z.id)}">${Re(Z.name)}</entity-ref>`;
+        for (; B.includes(G); )
+          B = B.replace(G, J);
       }
-      return $;
+      return B;
     },
     [v]
   );
   W(() => {
     w(
-      (T) => T.filter(($) => {
-        const U = `@${$.name}`, Z = e.indexOf(U);
+      (T) => T.filter((B) => {
+        const U = `@${B.name}`, Z = e.indexOf(U);
         if (Z === -1) return !1;
         const G = e[Z + U.length];
         return G === " " || G === `
@@ -5115,18 +5115,18 @@ function P2({
       })
     );
   }, [e]);
-  const D = Y(() => {
-    if (!a || b.current === -1) return null;
+  const P = Y(() => {
+    if (!a || M.current === -1) return null;
     const T = s.current;
     if (!T) return null;
-    const $ = B2(T, b.current), U = T.offsetLeft + $.left, G = (T.offsetParent ? T.offsetParent.offsetHeight : 0) - (T.offsetTop + $.top);
+    const B = B2(T, M.current), U = T.offsetLeft + B.left, G = (T.offsetParent ? T.offsetParent.offsetHeight : 0) - (T.offsetTop + B.top);
     return { left: U, bottom: G };
-  }, [a, e, o, s]), y = Y(() => {
+  }, [a, e, o, s]), R = Y(() => {
     if (!a || f.length === 0) return null;
     const T = f[h];
     if (!T) return null;
-    const $ = `${T.firstName} ${T.lastName}`.trim();
-    return u.length === 0 ? $ : $.toLowerCase().startsWith(u.toLowerCase()) ? $.slice(u.length) : null;
+    const B = `${T.firstName} ${T.lastName}`.trim();
+    return u.length === 0 ? B : B.toLowerCase().startsWith(u.toLowerCase()) ? B.slice(u.length) : null;
   }, [a, f, h, u]);
   return {
     isOpen: a,
@@ -5135,11 +5135,11 @@ function P2({
     isLoading: C,
     selectedIndex: h,
     mentions: v,
-    popoverPosition: D,
-    inlineCompletion: y,
+    popoverPosition: P,
+    inlineCompletion: R,
     handleKeyDown: V,
     selectPerson: L,
-    transformMentions: N,
+    transformMentions: H,
     close: F
   };
 }
@@ -5161,65 +5161,65 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
   searchPersons: g,
   onProcessFilesRef: v,
   disclaimer: w,
-  footer: b,
-  isWelcomeScreen: H = !1,
-  fullscreen: E = !1,
+  footer: M,
+  isWelcomeScreen: N = !1,
+  fullscreen: A = !1,
   welcomeScreenSuggestions: S,
   onSuggestionClick: F,
   welcomeScreenSuggestionsPlacement: L = "above",
   welcomeScreenCards: V,
-  padding: N = "default",
-  ref: D
+  padding: H = "default",
+  ref: P
 }) => {
-  const y = z(), T = p1(), [$, U] = I(""), [Z, G] = I(0), [e1, t1] = I(!1), [X, Q] = I(!1), [r1, w1] = I(null), _ = A(null), J = A(null), c1 = A(null), s1 = c != null, { tracking: h1 } = b1(), V1 = j(
-    (q, L1) => {
-      h1?.onWelcomeSuggestionClick?.({
+  const R = z(), T = C1(), [B, U] = I(""), [Z, G] = I(0), [J, t1] = I(!1), [X, Q] = I(!1), [r1, g1] = I(null), i1 = $(null), j = $(null), l1 = $(null), e1 = c != null, { tracking: d1 } = x1(), V1 = _(
+    (q, v1) => {
+      d1?.onWelcomeSuggestionClick?.({
         item: q,
-        group: L1,
+        group: v1,
         prompt: q.prompt || q.title
-      }), F?.(q, L1);
+      }), F?.(q, v1);
     },
-    [h1, F]
+    [d1, F]
   ), {
-    attachedFiles: a1,
-    fileInputRef: k,
-    onUploadFiles: M,
-    acceptValue: R,
-    isAtMaxFiles: P,
-    maxFiles: B,
+    attachedFiles: b1,
+    fileInputRef: b,
+    onUploadFiles: k,
+    acceptValue: y,
+    isAtMaxFiles: D,
+    maxFiles: E,
     processFiles: O,
-    handleFileSelect: d1,
-    handleRemoveFile: m1,
+    handleFileSelect: c1,
+    handleRemoveFile: p1,
     clearFiles: k1,
     transientError: N1,
     showTransientError: T1
-  } = A2(C), i1 = P2({
-    inputValue: $,
+  } = A2(C), a1 = P2({
+    inputValue: B,
     setInputValue: U,
     cursorPosition: Z,
     searchPersons: g,
-    textareaRef: J
-  }), fe = A(""), he = j((q) => {
-    const L1 = fe.current, q1 = L1 && !/\s$/.test(L1) ? " " : "", j1 = `${L1}${q1}${q}`;
+    textareaRef: j
+  }), fe = $(""), he = _((q) => {
+    const v1 = fe.current, q1 = v1 && !/\s$/.test(v1) ? " " : "", j1 = `${v1}${q1}${q}`;
     U(j1), G(j1.length);
   }, []), fr = {
-    "permission-denied": y.ai.micPermissionDenied,
-    "device-error": y.ai.micError,
-    "transcription-failed": y.ai.transcriptionError
-  }, v1 = En({
+    "permission-denied": R.ai.micPermissionDenied,
+    "device-error": R.ai.micError,
+    "transcription-failed": R.ai.transcriptionError
+  }, w1 = En({
     onTranscribe: h,
     onPartial: he,
     onFinal: (q) => {
-      he(q), J.current?.focus();
+      he(q), j.current?.focus();
     },
     onError: (q) => T1(fr[q])
-  }), Ce = !!h && v1.isSupported, hr = j(() => {
-    h1?.onDictationStart?.(), fe.current = $, v1.start();
-  }, [$, v1, h1]), Cr = j(() => {
-    h1?.onDictationCancel?.(), v1.cancel();
-  }, [v1, h1]);
+  }), Ce = !!h && w1.isSupported, hr = _(() => {
+    d1?.onDictationStart?.(), fe.current = B, w1.start();
+  }, [B, w1, d1]), Cr = _(() => {
+    d1?.onDictationCancel?.(), w1.cancel();
+  }, [w1, d1]);
   W(() => {
-    typeof window < "u" && window.location.hash.length === 0 && J.current?.focus();
+    typeof window < "u" && window.location.hash.length === 0 && j.current?.focus();
   }, []), W(() => {
     if (v)
       return v((q) => {
@@ -5228,43 +5228,43 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
         v(null);
       };
   }, [v, O]);
-  const G1 = v1.status === "recording", pr = G1 ? y.ai.listening : y.ai.inputPlaceholder, pe = a1.filter((q) => q.status === "uploaded"), P1 = a1.some((q) => q.status === "uploading"), me = a1.some((q) => q.status === "error"), W1 = $.trim().length > 0 || pe.length > 0;
+  const G1 = w1.status === "recording", pr = G1 ? R.ai.listening : R.ai.inputPlaceholder, pe = b1.filter((q) => q.status === "uploaded"), P1 = b1.some((q) => q.status === "uploading"), me = b1.some((q) => q.status === "error"), W1 = B.trim().length > 0 || pe.length > 0;
   W(() => {
     if (!(!X || P1)) {
       if (Q(!1), me) {
-        T1(y.ai.fileUploadBlockedSubmit);
+        T1(R.ai.fileUploadBlockedSubmit);
         return;
       }
-      _.current?.requestSubmit();
+      i1.current?.requestSubmit();
     }
   }, [
     X,
     P1,
     me,
     T1,
-    y.ai.fileUploadBlockedSubmit
+    R.ai.fileUploadBlockedSubmit
   ]);
   const mr = async (q) => {
-    if (q.preventDefault(), !s1) {
-      if (i1.close(), o)
+    if (q.preventDefault(), !e1) {
+      if (a1.close(), o)
         r?.();
-      else if (W1 && !e1) {
+      else if (W1 && !J) {
         if (P1) {
-          Q(!0), J.current?.focus();
+          Q(!0), j.current?.focus();
           return;
         }
         if (n) {
           t1(!0);
           try {
             if (await n() === !1) {
-              J.current?.focus();
+              j.current?.focus();
               return;
             }
           } finally {
             t1(!1);
           }
         }
-        const L1 = i1.transformMentions($.trim()), q1 = j2(L1), j1 = pe.flatMap(
+        const v1 = a1.transformMentions(B.trim()), q1 = j2(v1), j1 = pe.flatMap(
           (be) => be.uploadedFile ? [be.uploadedFile] : []
         ), Le = u, xe = f;
         Le && l?.(null), xe && d?.(null), await e({
@@ -5274,43 +5274,43 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
           quote: xe
         }), U(""), k1();
       }
-      J.current?.focus();
+      j.current?.focus();
     }
   }, gr = (q) => {
-    s1 || i1.handleKeyDown(q) || q.key === "Enter" && !q.shiftKey && (q.preventDefault(), o || _.current?.requestSubmit());
+    e1 || a1.handleKeyDown(q) || q.key === "Enter" && !q.shiftKey && (q.preventDefault(), o || i1.current?.requestSubmit());
   }, wr = () => {
-    G(J.current?.selectionStart ?? 0);
+    G(j.current?.selectionStart ?? 0);
   }, vr = () => {
-    c1.current && J.current && (c1.current.scrollTop = J.current.scrollTop);
-  }, ge = r1 ? r1.prompt ?? r1.title : null, we = G1 ? [y.ai.listening] : ge ? [ge] : s ?? [], Lr = we.length > 1, xr = Y(() => S2($, i1.mentions, {
+    l1.current && j.current && (l1.current.scrollTop = j.current.scrollTop);
+  }, ge = r1 ? r1.prompt ?? r1.title : null, we = G1 ? [R.ai.listening] : ge ? [ge] : s ?? [], Lr = we.length > 1, xr = Y(() => S2(B, a1.mentions, {
     cursorPosition: Z,
-    inlineCompletion: i1.inlineCompletion
-  }), [$, i1.mentions, Z, i1.inlineCompletion]), br = i1.mentions.length > 0 || i1.inlineCompletion !== null, H1 = L === "inside", D1 = H && !!S && S.length > 0 && !!F ? /* @__PURE__ */ t(
+    inlineCompletion: a1.inlineCompletion
+  }), [B, a1.mentions, Z, a1.inlineCompletion]), br = a1.mentions.length > 0 || a1.inlineCompletion !== null, H1 = L === "inside", D1 = N && !!S && S.length > 0 && !!F ? /* @__PURE__ */ t(
     F2,
     {
       suggestions: S,
       onItemClick: V1,
-      onItemHover: w1,
+      onItemHover: g1,
       side: H1 ? "bottom" : "top",
       reserveTwoRows: !H1
     }
-  ) : null, A1 = H1, kr = !A1 || (!!M || !!m || Ce), yr = A1 && !G1, Mr = H && E && !!V && V.length > 0, ve = E && H, { motionProps: Rr } = $n(
-    H,
+  ) : null, A1 = H1, kr = !A1 || (!!k || !!m || Ce), yr = A1 && !G1, Mr = N && A && !!V && V.length > 0, ve = A && N, { motionProps: Rr } = $n(
+    N,
     160,
     0.5
   );
   return /* @__PURE__ */ i(
     K.div,
     {
-      ref: D,
+      ref: P,
       className: x(
         "flex flex-col items-center gap-2",
         // The chat window's gutter. `padding="none"` hands it to the host —
         // see the prop's doc for what the host takes on with it.
-        N === "default" && "px-4 pb-3 pt-2",
+        H === "default" && "px-4 pb-3 pt-2",
         ve && "min-h-0 flex-1 justify-start -mt-20"
       ),
-      ...E ? Rr : {},
+      ...A ? Rr : {},
       children: [
         /* @__PURE__ */ i("div", { className: "flex w-full max-w-content flex-col gap-2", children: [
           D1 && !H1 && /* @__PURE__ */ t("div", { children: D1 }),
@@ -5318,7 +5318,7 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
             K.form,
             {
               "aria-busy": o,
-              ref: _,
+              ref: i1,
               className: x(
                 "relative isolate z-20",
                 "flex flex-col items-stretch md:gap-3 gap-2",
@@ -5334,7 +5334,7 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
                 "from-[#E55619] via-[#A1ADE5] to-[#E51943]",
                 "after:transition-all after:delay-200 after:duration-300",
                 "has-[textarea:focus]:after:scale-100 has-[textarea:focus]:after:opacity-100",
-                s1 && "after:scale-100 after:opacity-100 border-f1-background-tertiary"
+                e1 && "after:scale-100 after:opacity-100 border-f1-background-tertiary"
               ),
               animate: {
                 "--gradient-angle": ["0deg", "360deg"]
@@ -5348,22 +5348,22 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
                 "--gradient-angle": "180deg"
               },
               onClick: () => {
-                s1 || J.current?.focus();
+                e1 || j.current?.focus();
               },
               onSubmit: mr,
               children: [
                 /* @__PURE__ */ t(
                   p2,
                   {
-                    isOpen: i1.isOpen,
-                    results: i1.results,
-                    isLoading: i1.isLoading,
-                    selectedIndex: i1.selectedIndex,
-                    position: i1.popoverPosition,
-                    onSelect: i1.selectPerson
+                    isOpen: a1.isOpen,
+                    results: a1.results,
+                    isLoading: a1.isLoading,
+                    selectedIndex: a1.selectedIndex,
+                    position: a1.popoverPosition,
+                    onSelect: a1.selectPerson
                   }
                 ),
-                /* @__PURE__ */ t(M1, { initial: !1, children: s1 ? /* @__PURE__ */ t(
+                /* @__PURE__ */ t(M1, { initial: !1, children: e1 ? /* @__PURE__ */ t(
                   K.div,
                   {
                     className: "overflow-hidden",
@@ -5442,10 +5442,10 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
                       /* @__PURE__ */ t(
                         u2,
                         {
-                          attachedFiles: a1,
+                          attachedFiles: b1,
                           isUploading: P1,
-                          onRemove: m1,
-                          removeLabel: y.ai.removeFile
+                          onRemove: p1,
+                          removeLabel: R.ai.removeFile
                         }
                       ),
                       /* @__PURE__ */ i(
@@ -5457,11 +5457,11 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
                             /* @__PURE__ */ t(
                               w2,
                               {
-                                textareaRef: J,
-                                highlightRef: c1,
-                                inputValue: $,
-                                onInputChange: (q, L1) => {
-                                  U(q), G(L1);
+                                textareaRef: j,
+                                highlightRef: l1,
+                                inputValue: B,
+                                onInputChange: (q, v1) => {
+                                  U(q), G(v1);
                                 },
                                 onKeyDown: gr,
                                 onCursorUpdate: wr,
@@ -5479,8 +5479,8 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
                               {
                                 inProgress: o,
                                 hasDataToSend: W1,
-                                isPreSending: e1 || X,
-                                recordingStatus: v1.status,
+                                isPreSending: J || X,
+                                recordingStatus: w1.status,
                                 size: "sm"
                               }
                             ) })
@@ -5498,21 +5498,21 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
                       kr && /* @__PURE__ */ t(
                         d2,
                         {
-                          onUploadFiles: M,
+                          onUploadFiles: k,
                           toolbarStart: m,
-                          isAtMaxFiles: P,
-                          maxFiles: B,
-                          acceptValue: R,
-                          fileInputRef: k,
-                          handleFileSelect: d1,
+                          isAtMaxFiles: D,
+                          maxFiles: E,
+                          acceptValue: y,
+                          fileInputRef: b,
+                          handleFileSelect: c1,
                           inProgress: o,
                           hasDataToSend: W1,
-                          isPreSending: e1 || X,
+                          isPreSending: J || X,
                           canRecord: Ce,
-                          recordingStatus: v1.status,
-                          recordingStream: v1.stream,
+                          recordingStatus: w1.status,
+                          recordingStream: w1.stream,
                           onStartRecording: hr,
-                          onStopRecording: v1.stop,
+                          onStopRecording: w1.stop,
                           onCancelRecording: Cr,
                           showSubmit: !A1
                         }
@@ -5526,8 +5526,8 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
           ) })
         ] }),
         Mr && /* @__PURE__ */ t("div", { className: "w-full max-w-content pt-2", children: /* @__PURE__ */ t(L2, { cards: V }) }),
-        b && H && E && /* @__PURE__ */ t("div", { className: "w-full py-4 mx-auto flex max-w-content justify-center", children: b }),
-        /* @__PURE__ */ t(M1, { mode: "wait", initial: !1, children: s1 ? /* @__PURE__ */ i(
+        M && N && A && /* @__PURE__ */ t("div", { className: "w-full py-4 mx-auto flex max-w-content justify-center", children: M }),
+        /* @__PURE__ */ t(M1, { mode: "wait", initial: !1, children: e1 ? /* @__PURE__ */ i(
           K.div,
           {
             className: "flex w-full max-w-content flex-row flex-wrap items-center justify-center gap-x-3 gap-y-1 text-sm font-medium text-f1-foreground-tertiary",
@@ -5539,17 +5539,17 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
               /* @__PURE__ */ i("span", { children: [
                 /* @__PURE__ */ t("kbd", { className: "font-sans", children: "↑↓" }),
                 " ",
-                y.ai.clarifyingQuestion.navHint.navigate
+                R.ai.clarifyingQuestion.navHint.navigate
               ] }),
               /* @__PURE__ */ i("span", { children: [
                 /* @__PURE__ */ t("kbd", { className: "font-sans", children: "Enter" }),
                 " ",
-                y.ai.clarifyingQuestion.navHint.select
+                R.ai.clarifyingQuestion.navHint.select
               ] }),
               /* @__PURE__ */ i("span", { children: [
                 /* @__PURE__ */ t("kbd", { className: "font-sans", children: "Esc" }),
                 " ",
-                y.ai.clarifyingQuestion.navHint.cancel
+                R.ai.clarifyingQuestion.navHint.cancel
               ] })
             ]
           },
@@ -5578,7 +5578,7 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
                     "motion-reduce:transition-none motion-reduce:hover:scale-100 motion-reduce:focus-visible:scale-100"
                   ),
                   children: /* @__PURE__ */ t(
-                    n1,
+                    s1,
                     {
                       className: x(
                         "text-sm font-medium text-f1-foreground-tertiary transition-colors duration-700 ease-out",
@@ -5589,7 +5589,7 @@ const D2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>
                     }
                   )
                 }
-              ) : /* @__PURE__ */ t(n1, { className: "text-sm font-medium text-f1-foreground-tertiary", children: w.text }),
+              ) : /* @__PURE__ */ t(s1, { className: "text-sm font-medium text-f1-foreground-tertiary", children: w.text }),
               w.link && w.linkText && /* @__PURE__ */ t(
                 In,
                 {
@@ -5690,7 +5690,7 @@ function z2({
       }
     ),
     /* @__PURE__ */ t("div", { className: "absolute right-2 top-2 rounded", children: /* @__PURE__ */ t(
-      g1,
+      m1,
       {
         variant: "neutral",
         label: "Download",
@@ -5754,7 +5754,7 @@ function K2({
   title: r,
   ...o
 }) {
-  const n = z(), s = A(null), a = j(
+  const n = z(), s = $(null), a = _(
     (c) => {
       if (!s.current) return;
       const u = r?.replace(/\s+/g, "_").toLowerCase() || "table";
@@ -5765,7 +5765,7 @@ function K2({
   return /* @__PURE__ */ i("div", { className: "group/table relative flex flex-col gap-2 rounded-md border border-solid border-f1-border-secondary", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-3 border-0 border-b border-solid border-f1-border-secondary px-3 py-2", children: [
       /* @__PURE__ */ t(
-        n1,
+        s1,
         {
           tag: "h2",
           className: "text-base font-medium capitalize text-f1-foreground",
@@ -5915,13 +5915,13 @@ function S1({
   mapToCard: n,
   fallbackCard: s
 }) {
-  const a = A(/* @__PURE__ */ new Map()), [c, u] = I(
+  const a = $(/* @__PURE__ */ new Map()), [c, u] = I(
     () => a.current.get(e) ?? null
-  ), [l, f] = I(!1), [d, C] = I(!1), m = A(!0);
+  ), [l, f] = I(!1), [d, C] = I(!1), m = $(!0);
   W(() => () => {
     m.current = !1;
   }, []);
-  const h = j(() => {
+  const h = _(() => {
     if (c || l) return;
     const v = a.current.get(e);
     if (v) {
@@ -5979,7 +5979,7 @@ function a6({
   id: e,
   label: r
 }) {
-  const { entityRefs: o } = b1(), n = o?.resolvers?.candidate, s = z(), a = o?.urls?.candidate?.(e), c = Y(
+  const { entityRefs: o } = x1(), n = o?.resolvers?.candidate, s = z(), a = o?.urls?.candidate?.(e), c = Y(
     () => (l) => {
       const f = [];
       return l.source && f.push({
@@ -6051,7 +6051,7 @@ const Zt = p(
 );
 Zt.displayName = "ExpenseTrigger";
 function i6({ id: e, label: r }) {
-  const { entityRefs: o } = b1(), n = o?.resolvers?.expense, s = z(), a = o?.urls?.expense?.(e), c = Y(
+  const { entityRefs: o } = x1(), n = o?.resolvers?.expense, s = z(), a = o?.urls?.expense?.(e), c = Y(
     () => (l) => ({
       avatar: {
         type: "icon",
@@ -6110,7 +6110,7 @@ function l6({
   id: e,
   label: r
 }) {
-  const { entityRefs: o } = b1(), n = o?.resolvers?.jobPosting, s = z(), a = o?.urls?.jobPosting?.(e), c = Y(
+  const { entityRefs: o } = x1(), n = o?.resolvers?.jobPosting, s = z(), a = o?.urls?.jobPosting?.(e), c = Y(
     () => (l) => ({
       title: l.title,
       description: [l.status, l.location].filter(Boolean).join(" · "),
@@ -6171,7 +6171,7 @@ function d6({
   id: e,
   label: r
 }) {
-  const { entityRefs: o } = b1(), n = o?.resolvers?.requisition, s = z(), a = o?.urls?.requisition?.(e), c = Y(
+  const { entityRefs: o } = x1(), n = o?.resolvers?.requisition, s = z(), a = o?.urls?.requisition?.(e), c = Y(
     () => (l) => {
       const f = l.lineManager ? `${l.lineManager.firstName} ${l.lineManager.lastName}` : void 0, C = [
         l.status ? {
@@ -6264,7 +6264,7 @@ const zt = p(
 );
 zt.displayName = "PersonTrigger";
 function u6({ id: e, label: r }) {
-  const { entityRefs: o } = b1(), n = o?.resolvers?.person, s = z(), a = o?.urls?.person?.(e), c = Y(
+  const { entityRefs: o } = x1(), n = o?.resolvers?.person, s = z(), a = o?.urls?.person?.(e), c = Y(
     () => (l) => ({
       avatar: {
         type: "person",
@@ -6322,7 +6322,7 @@ const Gt = p(
 );
 Gt.displayName = "VacancyTrigger";
 function f6({ id: e, label: r }) {
-  const { entityRefs: o } = b1(), n = o?.resolvers?.vacancy, s = z(), a = o?.urls?.vacancy?.(e), c = Y(
+  const { entityRefs: o } = x1(), n = o?.resolvers?.vacancy, s = z(), a = o?.urls?.vacancy?.(e), c = Y(
     () => (l) => ({
       title: l.name,
       description: [l.status, l.vacancyType].filter(Boolean).join(" · "),
@@ -6426,11 +6426,11 @@ function Wt({
           e?.type === "file" && /* @__PURE__ */ t(On, { file: e.file, size: "lg" }),
           e?.type === "icon" && /* @__PURE__ */ t(Un, { icon: e.icon, size: "md" }),
           /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ t(n1, { className: "text-lg font-semibold text-f1-foreground", children: r }),
-            o && /* @__PURE__ */ t(n1, { className: "text-base text-f1-foreground-secondary", children: o })
+            /* @__PURE__ */ t(s1, { className: "text-lg font-semibold text-f1-foreground", children: r }),
+            o && /* @__PURE__ */ t(s1, { className: "text-base text-f1-foreground-secondary", children: o })
           ] }),
           s.type === "open" && s.showButton !== !1 && /* @__PURE__ */ t(
-            g1,
+            m1,
             {
               variant: "outline",
               size: "md",
@@ -6439,7 +6439,7 @@ function Wt({
             }
           ),
           s.type === "custom" && /* @__PURE__ */ t(
-            g1,
+            m1,
             {
               variant: "outline",
               size: "md",
@@ -6460,7 +6460,7 @@ const ue = U1(null);
 function b9({
   children: e
 }) {
-  const [r, o] = I(0), n = A([]), s = j(
+  const [r, o] = I(0), n = $([]), s = _(
     (c) => {
       const u = n.current, l = u.findIndex(
         (d) => d.formName === c.formName && d.customFieldName === c.customFieldName
@@ -6560,8 +6560,8 @@ function Xt({
   formValues: c,
   valueFormatter: u
 }) {
-  const { canvasContent: l, openCanvas: f, closeCanvas: d } = b1(), C = m6(e), m = u ?? C, h = A(() => {
-  }), g = n ?? e, v = s ?? r ?? "", w = l?.type === "form" && l.formName === e, b = () => f({
+  const { canvasContent: l, openCanvas: f, closeCanvas: d } = x1(), C = m6(e), m = u ?? C, h = $(() => {
+  }), g = n ?? e, v = s ?? r ?? "", w = l?.type === "form" && l.formName === e, M = () => f({
     type: "form",
     title: g,
     description: v,
@@ -6569,27 +6569,27 @@ function Xt({
     formDescription: r,
     formModule: o
   });
-  h.current = b, W(() => {
+  h.current = M, W(() => {
     typeof window > "u" || window.innerWidth < g6 || Ne.has(e) || (Ne.add(e), h.current());
   }, [e]);
-  const H = a && c ? Object.entries(a).map(([F, L]) => {
-    const V = c[F], N = m?.(F, V, {
+  const N = a && c ? Object.entries(a).map(([F, L]) => {
+    const V = c[F], H = m?.(F, V, {
       fieldType: L.fieldType,
       customFieldName: L.customFieldName
     });
-    if (!N && L.fieldType === "custom" && typeof V == "object" && V !== null)
+    if (!H && L.fieldType === "custom" && typeof V == "object" && V !== null)
       return null;
-    const D = N ?? qt(V, L.fieldType), y = ["richtext", "textarea"];
+    const P = H ?? qt(V, L.fieldType), R = ["richtext", "textarea"];
     return {
       label: L.label,
-      content: D,
-      verticalLayout: y.includes(L.fieldType ?? "")
+      content: P,
+      verticalLayout: R.includes(L.fieldType ?? "")
     };
   }).filter((F) => {
     if (!F) return !1;
     const L = Array.isArray(F.content) ? F.content[0] : F.content;
     return !(L?.type === "item" && L.text === "—");
-  }) : [], E = H.slice(0, Fe), S = H.length > Fe;
+  }) : [], A = N.slice(0, Fe), S = N.length > Fe;
   return /* @__PURE__ */ t(
     Wt,
     {
@@ -6599,20 +6599,20 @@ function Xt({
       isActive: w,
       action: {
         type: "open",
-        onOpen: b,
+        onOpen: M,
         onClose: d,
         showButton: w
       },
-      children: E.length > 0 && !w && /* @__PURE__ */ t("div", { className: "-mx-3 flex w-full flex-col overflow-hidden pb-1", children: /* @__PURE__ */ t(
+      children: A.length > 0 && !w && /* @__PURE__ */ t("div", { className: "-mx-3 flex w-full flex-col overflow-hidden pb-1", children: /* @__PURE__ */ t(
         zn,
         {
-          details: E.map((F) => ({
+          details: A.map((F) => ({
             title: F.label,
             content: F.content,
             ...F.verticalLayout && { verticalLayout: !0 }
           })),
           showSeeMore: S,
-          onClickSeeMore: b,
+          onClickSeeMore: M,
           tableView: !0
         }
       ) })
@@ -6653,7 +6653,7 @@ function Yt({
   containerRef: e,
   enabled: r = !0
 }) {
-  const [o, n] = I(null), s = j(() => n(null), []);
+  const [o, n] = I(null), s = _(() => n(null), []);
   return W(() => {
     if (!r || typeof window > "u") return;
     const a = e.current;
@@ -6678,7 +6678,7 @@ function Yt({
 }
 const He = 8, E1 = 8;
 function Kt({ anchor: e, onReply: r }) {
-  const o = z(), n = A(null), [s, a] = I(
+  const o = z(), n = $(null), [s, a] = I(
     null
   );
   if (ee(() => {
@@ -6716,7 +6716,7 @@ function Kt({ anchor: e, onReply: r }) {
           "drop-shadow"
         ),
         children: /* @__PURE__ */ t(
-          l1,
+          o1,
           {
             ref: n,
             type: "button",
@@ -6742,7 +6742,7 @@ const Qt = U1(void 0), y9 = () => B1(Qt), y6 = (e) => /* @__PURE__ */ t(yt, { co
   onRendered: a,
   renderMarkdown: c
 }) => {
-  const u = typeof o?.content == "string" ? o.content : "", l = (o && n?.(o)) ?? o?.generativeUI?.() ?? null, f = o?.toolCalls?.[0]?.id, d = !u && !l, C = A(null), { anchor: m, clear: h } = Yt({
+  const u = typeof o?.content == "string" ? o.content : "", l = (o && n?.(o)) ?? o?.generativeUI?.() ?? null, f = o?.toolCalls?.[0]?.id, d = !u && !l, C = $(null), { anchor: m, clear: h } = Yt({
     containerRef: C,
     enabled: !!(o?.id && u)
   });
@@ -6774,7 +6774,7 @@ const Qt = U1(void 0), y9 = () => B1(Qt), y6 = (e) => /* @__PURE__ */ t(yt, { co
   reactionType: o,
   message: n
 }) => {
-  const [s, a] = I(""), c = z(), { title: u, label: l, placeholder: f } = o === "like" ? c.ai.feedbackModal.positive : c.ai.feedbackModal.negative, d = j(() => {
+  const [s, a] = I(""), c = z(), { title: u, label: l, placeholder: f } = o === "like" ? c.ai.feedbackModal.positive : c.ai.feedbackModal.negative, d = _(() => {
     r(n, s);
   }, [s, n, r]), C = () => {
     e(n);
@@ -6878,7 +6878,7 @@ const S6 = ({
         variant: "ghost",
         "aria-label": n.actions.thumbsUp,
         children: /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-1", children: /* @__PURE__ */ t(
-          o1,
+          n1,
           {
             size: "md",
             icon: a === "like" ? Dt : Pt,
@@ -6899,7 +6899,7 @@ const S6 = ({
         variant: "ghost",
         "aria-label": n.actions.thumbsDown,
         children: /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-1", children: /* @__PURE__ */ t(
-          o1,
+          n1,
           {
             size: "md",
             icon: a === "dislike" ? It : Bt,
@@ -6918,7 +6918,7 @@ const S6 = ({
   onOpenChange: a,
   lockOpen: c = !1
 }) => {
-  const [u, l] = I(s), f = p1(), d = n !== void 0, C = d ? n : u;
+  const [u, l] = I(s), f = C1(), d = n !== void 0, C = d ? n : u;
   return /* @__PURE__ */ i(
     Mt,
     {
@@ -6937,9 +6937,9 @@ const S6 = ({
               c ? "flex w-full items-center text-base text-f1-foreground-secondary" : "flex w-full items-center text-base text-f1-foreground-secondary transition-colors duration-150 hover:text-f1-foreground [&[data-state=open]>svg]:rotate-90"
             ),
             children: [
-              /* @__PURE__ */ t("span", { className: "flex items-center justify-start h-6 w-6", children: /* @__PURE__ */ t(o1, { icon: e, className: "block" }) }),
+              /* @__PURE__ */ t("span", { className: "flex items-center justify-start h-6 w-6", children: /* @__PURE__ */ t(n1, { icon: e, className: "block" }) }),
               /* @__PURE__ */ t("div", { className: "min-h-6 flex items-center", children: /* @__PURE__ */ t("span", { children: r }) }),
-              !c && /* @__PURE__ */ t(o1, { icon: z1 })
+              !c && /* @__PURE__ */ t(n1, { icon: z1 })
             ]
           }
         ),
@@ -6969,7 +6969,7 @@ const S6 = ({
   inProgress: o,
   isWriting: n
 }) => {
-  const s = z(), [a, c] = I(!!o), u = A(o);
+  const s = z(), [a, c] = I(!!o), u = $(o);
   W(() => {
     u.current && !o ? c(!1) : o && !a && c(!0), u.current = o;
   }, [o, a]);
@@ -7025,7 +7025,7 @@ const tr = (e) => /* @__PURE__ */ t(yt, { content: e, format: "markdown" }), E6
   text: e,
   renderMarkdown: r
 }) => /* @__PURE__ */ i("div", { className: "flex max-w-[90%] items-start gap-2 self-end pb-1 pr-2 text-f1-foreground-tertiary", children: [
-  /* @__PURE__ */ t("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ t(o1, { icon: oe }) }),
+  /* @__PURE__ */ t("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ t(n1, { icon: oe }) }),
   /* @__PURE__ */ t("div", { className: "min-w-0 whitespace-pre-wrap text-base leading-5 [&>div]:flex [&>div]:flex-col [&>div]:gap-1 [&_p]:m-0", children: (r ?? tr)(e) })
 ] }), $6 = ({
   message: e,
@@ -7033,7 +7033,7 @@ const tr = (e) => /* @__PURE__ */ t(yt, { content: e, format: "markdown" }), E6
   autoScrollIntoView: o = !0,
   renderMarkdown: n
 }) => {
-  const s = A(null), a = A(null);
+  const s = $(null), a = $(null);
   W(() => {
     !s.current || !o || s.current.scrollIntoView({
       behavior: "smooth"
@@ -7085,67 +7085,79 @@ const tr = (e) => /* @__PURE__ */ t(yt, { content: e, format: "markdown" }), E6
   messages: e,
   caption: r,
   subtitle: o,
-  onClick: n,
-  fullscreen: s = !1
+  cta: n,
+  onClick: s,
+  fullscreen: a = !1
 }) => {
-  const [a, c] = I(0), [u, l] = I(0), [f, d] = I("starting"), C = p1(), m = e[a] ?? "", h = e.join("\0"), g = A(!0);
+  const [c, u] = I(0), [l, f] = I(0), [d, C] = I("starting"), m = C1(), h = e[c] ?? "", g = e.join("\0"), v = $(!0);
   W(() => {
-    if (g.current) {
-      g.current = !1;
+    if (v.current) {
+      v.current = !1;
       return;
     }
-    c(0), l(0), d("writing");
-  }, [h]), W(() => {
-    if (C) return;
-    let b;
-    if (f === "starting")
-      b = setTimeout(() => d("writing"), P6);
-    else if (f === "writing")
-      u < m.length ? b = setTimeout(() => l((H) => H + 1), B6) : d("holding");
-    else if (f === "holding") {
+    u(0), f(0), C("writing");
+  }, [g]), W(() => {
+    if (m) return;
+    let N;
+    if (d === "starting")
+      N = setTimeout(() => C("writing"), P6);
+    else if (d === "writing")
+      l < h.length ? N = setTimeout(() => f((A) => A + 1), B6) : C("holding");
+    else if (d === "holding") {
       if (e.length <= 1) return;
-      b = setTimeout(() => d("erasing"), D6);
-    } else f === "erasing" && (u > 0 ? b = setTimeout(() => l((H) => H - 1), I6) : b = setTimeout(() => {
-      c((H) => (H + 1) % e.length), d("starting");
+      N = setTimeout(() => C("erasing"), D6);
+    } else d === "erasing" && (l > 0 ? N = setTimeout(() => f((A) => A - 1), I6) : N = setTimeout(() => {
+      u((A) => (A + 1) % e.length), C("starting");
     }, j6));
     return () => {
-      b && clearTimeout(b);
+      N && clearTimeout(N);
     };
-  }, [f, u, m.length, e.length, C]);
-  const v = !!n, w = v ? (b) => {
-    (b.key === "Enter" || b.key === " ") && (b.preventDefault(), n?.());
+  }, [d, l, h.length, e.length, m]);
+  const w = !!s, M = w ? (N) => {
+    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), s?.());
   } : void 0;
   return /* @__PURE__ */ t(
     "div",
     {
       className: x(
         "flex w-full flex-1 justify-center px-4",
-        s ? "items-end pb-24" : "items-center"
+        a ? "items-end pb-24" : "items-center"
       ),
       children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center", children: [
+        n && /* @__PURE__ */ t(
+          o1,
+          {
+            variant: "neutral",
+            size: "sm",
+            className: "mb-4",
+            label: n.label,
+            icon: n.icon,
+            onClick: n.onClick
+          }
+        ),
         r && /* @__PURE__ */ t("p", { className: "animate-in fade-in-0 text-center text-2xl font-semibold leading-[28px] text-f1-foreground-secondary duration-500", children: r }),
         /* @__PURE__ */ i(
           "p",
           {
-            role: v ? "button" : void 0,
-            tabIndex: v ? 0 : void 0,
-            onClick: n,
-            onKeyDown: w,
+            role: w ? "button" : void 0,
+            tabIndex: w ? 0 : void 0,
+            onClick: s,
+            onKeyDown: M,
             className: x(
               "min-h-[28px] bg-gradient-to-r from-[#E55619] via-[#E51943] to-[#A1ADE5] bg-clip-text text-center text-2xl font-semibold leading-[28px] text-transparent",
-              v && x(
+              w && x(
                 "cursor-pointer transition-transform duration-200",
                 "hover:scale-[1.02] focus-visible:scale-[1.02]",
                 "motion-reduce:transition-none motion-reduce:hover:scale-100 motion-reduce:focus-visible:scale-100"
               )
             ),
-            "aria-label": v ? m : void 0,
+            "aria-label": w ? h : void 0,
             children: [
-              /* @__PURE__ */ t("span", { "aria-hidden": "true", children: C ? m : m.slice(0, u) }),
-              /* @__PURE__ */ t("span", { className: "sr-only", children: m })
+              /* @__PURE__ */ t("span", { "aria-hidden": "true", children: m ? h : h.slice(0, l) }),
+              /* @__PURE__ */ t("span", { className: "sr-only", children: h })
             ]
           },
-          a
+          c
         ),
         o && /* @__PURE__ */ t("p", { className: "animate-in fade-in-0 mt-3 text-center text-base leading-snug text-f1-foreground-secondary duration-500", children: o })
       ] })
@@ -7160,9 +7172,9 @@ function Z6({
   turnsCount: s,
   freezeTurnMinHeight: a = !1
 }) {
-  const [c, u] = I(0), [l, f] = I(!1), d = A(s), C = A(a);
+  const [c, u] = I(0), [l, f] = I(!1), d = $(s), C = $(a);
   C.current = a;
-  const m = j(
+  const m = _(
     (g = "smooth") => {
       o.current?.scrollIntoView({ behavior: g });
     },
@@ -7173,16 +7185,16 @@ function Z6({
     if (!g || !v) return;
     const w = new ResizeObserver(() => {
       if (C.current) return;
-      const b = parseFloat(getComputedStyle(v).paddingTop) + parseFloat(getComputedStyle(v).paddingBottom) + 1;
-      u(g.clientHeight - b);
+      const M = parseFloat(getComputedStyle(v).paddingTop) + parseFloat(getComputedStyle(v).paddingBottom) + 1;
+      u(g.clientHeight - M);
     });
     return w.observe(g), w.observe(v), () => w.disconnect();
   }, [e, r]);
-  const h = j(() => {
+  const h = _(() => {
     const g = e.current;
     if (!g) return;
-    const { scrollTop: v, scrollHeight: w, clientHeight: b } = g, H = w - v - b;
-    f(H > b);
+    const { scrollTop: v, scrollHeight: w, clientHeight: M } = g, N = w - v - M;
+    f(N > M);
   }, [e]);
   return W(() => {
     const g = e.current;
@@ -7193,8 +7205,8 @@ function Z6({
       requestAnimationFrame(() => {
         const g = e.current, v = n.current;
         if (!g || !v) return;
-        const w = g.getBoundingClientRect(), b = v.getBoundingClientRect(), H = g.scrollTop + (b.top - w.top);
-        g.scrollTo({ top: H, behavior: "smooth" });
+        const w = g.getBoundingClientRect(), M = v.getBoundingClientRect(), N = g.scrollTop + (M.top - w.top);
+        g.scrollTo({ top: N, behavior: "smooth" });
       });
     }), s === 0 && f(!1), d.current = s;
   }, [s, n, e]), { showScrollBtn: l, turnMinHeight: c, scrollToBottom: m };
@@ -7212,125 +7224,126 @@ const O6 = {
   initialMessage: n,
   initialMessageCaption: s,
   initialMessageSubtitle: a,
-  onWelcomeClick: c,
-  renderToolCall: u,
-  onReplyQuote: l,
-  onAssistantMessageRendered: f,
-  autoScrollUserIntoView: d = !0,
-  renderMarkdown: C,
-  feedback: m,
-  freezeLayout: h = !1,
-  noShadows: g = !1,
-  fullscreen: v = !1,
-  children: w,
-  AssistantMessage: b,
-  UserMessage: H,
-  onRegenerate: E,
-  onCopy: S
+  initialMessageCta: c,
+  onWelcomeClick: u,
+  renderToolCall: l,
+  onReplyQuote: f,
+  onAssistantMessageRendered: d,
+  autoScrollUserIntoView: C = !0,
+  renderMarkdown: m,
+  feedback: h,
+  freezeLayout: g = !1,
+  noShadows: v = !1,
+  fullscreen: w = !1,
+  children: M,
+  AssistantMessage: N,
+  UserMessage: A,
+  onRegenerate: S,
+  onCopy: F
 }) => {
-  const { modal: F, handleSubmit: L, handleClose: V } = N6(
-    m ?? O6
-  ), N = z(), D = b ?? M6, y = H ?? $6, T = Y(() => {
-    const _ = n ?? N.ai.defaultInitialMessage;
-    return (Array.isArray(_) ? _ : [_]).filter((c1) => typeof c1 == "string" && c1.length > 0);
-  }, [n, N.ai.defaultInitialMessage]), $ = !r && e.length === 0 && T.length > 0, U = A(null), Z = A(null), G = A(null), e1 = A(null), t1 = A(null), { showScrollBtn: X, turnMinHeight: Q, scrollToBottom: r1 } = Z6({
-    viewportRef: U,
-    contentRef: Z,
-    endRef: G,
-    lastTurnRef: t1,
+  const { modal: L, handleSubmit: V, handleClose: H } = N6(
+    h ?? O6
+  ), P = z(), R = N ?? M6, T = A ?? $6, B = Y(() => {
+    const j = n ?? P.ai.defaultInitialMessage;
+    return (Array.isArray(j) ? j : [j]).filter((e1) => typeof e1 == "string" && e1.length > 0);
+  }, [n, P.ai.defaultInitialMessage]), U = !r && e.length === 0 && B.length > 0, Z = $(null), G = $(null), J = $(null), t1 = $(null), X = $(null), { showScrollBtn: Q, turnMinHeight: r1, scrollToBottom: g1 } = Z6({
+    viewportRef: Z,
+    contentRef: G,
+    endRef: J,
+    lastTurnRef: X,
     turnsCount: e.length,
-    freezeTurnMinHeight: h
-  }), w1 = (_, J) => {
-    const c1 = J === e.length - 1, s1 = {
-      renderToolCall: u,
-      onReplyQuote: l,
-      onRendered: f,
-      autoScrollIntoView: d,
-      renderMarkdown: C
-    }, h1 = (a1, k) => {
-      const M = {
-        message: a1,
-        inProgress: _.isInProgress,
+    freezeTurnMinHeight: g
+  }), i1 = (j, l1) => {
+    const e1 = l1 === e.length - 1, d1 = {
+      renderToolCall: l,
+      onReplyQuote: f,
+      onRendered: d,
+      autoScrollIntoView: C,
+      renderMarkdown: m
+    }, V1 = (b, k) => {
+      const y = {
+        message: b,
+        inProgress: j.isInProgress,
         index: k,
         isCurrentMessage: !1,
-        AssistantMessage: D,
-        UserMessage: y,
-        onRegenerate: E,
-        onCopy: S,
-        rawData: a1.rawData || {},
-        ...s1
+        AssistantMessage: R,
+        UserMessage: T,
+        onRegenerate: S,
+        onCopy: F,
+        rawData: b.rawData || {},
+        ...d1
       };
       return /* @__PURE__ */ t(
-        y,
+        T,
         {
-          ...M
+          ...y
         },
-        `${J}-u-${k}`
+        `${l1}-u-${k}`
       );
-    }, V1 = (a1, k) => {
-      const M = c1 && k === _.assistantMessages.length - 1, R = _.userMessages.length + k, P = {
-        message: a1,
-        inProgress: _.isInProgress,
-        index: R,
-        isCurrentMessage: M,
-        AssistantMessage: D,
-        UserMessage: y,
-        onRegenerate: E,
-        onCopy: S,
-        rawData: a1.rawData || {},
-        ...s1
+    }, b1 = (b, k) => {
+      const y = e1 && k === j.assistantMessages.length - 1, D = j.userMessages.length + k, E = {
+        message: b,
+        inProgress: j.isInProgress,
+        index: D,
+        isCurrentMessage: y,
+        AssistantMessage: R,
+        UserMessage: T,
+        onRegenerate: S,
+        onCopy: F,
+        rawData: b.rawData || {},
+        ...d1
       };
       return /* @__PURE__ */ t(
-        D,
+        R,
         {
-          ...P,
-          isGenerating: _.isInProgress && M,
-          isLoading: _.isInProgress && M && !a1.content
+          ...E,
+          isGenerating: j.isInProgress && y,
+          isLoading: j.isInProgress && y && !b.content
         },
-        `${J}-a-${k}`
+        `${l1}-a-${k}`
       );
     };
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: c1 ? t1 : void 0,
+        ref: e1 ? X : void 0,
         className: x(
           "flex flex-col items-start justify-start gap-2 px-1",
-          c1 && "pb-5"
+          e1 && "pb-5"
         ),
         style: {
-          minHeight: c1 && Q || void 0
+          minHeight: e1 && r1 || void 0
         },
         children: [
-          _.userMessages.map(
-            (a1, k) => h1(a1, k)
+          j.userMessages.map(
+            (b, k) => V1(b, k)
           ),
-          _.thinking && _.thinking.titles.length > 0 && /* @__PURE__ */ t(
+          j.thinking && j.thinking.titles.length > 0 && /* @__PURE__ */ t(
             T6,
             {
-              titles: _.thinking.titles,
-              title: N.ai.thoughtsGroupTitle,
-              inProgress: _.thinking.inProgress,
-              isWriting: _.thinking.isWriting
+              titles: j.thinking.titles,
+              title: P.ai.thoughtsGroupTitle,
+              inProgress: j.thinking.inProgress,
+              isWriting: j.thinking.isWriting
             }
           ),
-          _.assistantMessages.map(
-            (a1, k) => V1(a1, k)
+          j.assistantMessages.map(
+            (b, k) => b1(b, k)
           ),
-          _.endIndicator === "thinking" && /* @__PURE__ */ t(K1, { title: N.ai.thinking, status: "executing" }),
-          _.endIndicator === "activity" && /* @__PURE__ */ t(K1, { status: "writing" }),
-          _.feedback && /* @__PURE__ */ t(
+          j.endIndicator === "thinking" && /* @__PURE__ */ t(K1, { title: P.ai.thinking, status: "executing" }),
+          j.endIndicator === "activity" && /* @__PURE__ */ t(K1, { status: "writing" }),
+          j.feedback && /* @__PURE__ */ t(
             S6,
             {
-              content: _.feedback.content,
-              targetMessage: _.feedback.targetMessage,
-              onCopy: S
+              content: j.feedback.content,
+              targetMessage: j.feedback.targetMessage,
+              onCopy: F
             }
           ),
-          c1 && /* @__PURE__ */ t(x6, {})
+          e1 && /* @__PURE__ */ t(x6, {})
         ]
       },
-      `turn-${J}`
+      `turn-${l1}`
     );
   };
   return /* @__PURE__ */ i(R1, { children: [
@@ -7338,7 +7351,7 @@ const O6 = {
       /* @__PURE__ */ t(
         "div",
         {
-          ref: U,
+          ref: Z,
           className: x(
             "flex-1 overflow-y-scroll",
             "[scrollbar-width:thin] [scrollbar-color:transparent_transparent]",
@@ -7350,36 +7363,37 @@ const O6 = {
           children: /* @__PURE__ */ i(
             "div",
             {
-              ref: Z,
+              ref: G,
               className: x("flex h-full flex-col items-center p-4"),
               children: [
                 /* @__PURE__ */ i(
                   "div",
                   {
                     className: x(
-                      $ ? "flex flex-1" : "flex flex-col gap-6",
+                      U ? "flex flex-1" : "flex flex-col gap-6",
                       "w-full max-w-content"
                     ),
                     children: [
                       r && /* @__PURE__ */ t(z6, {}),
-                      $ && /* @__PURE__ */ t(
+                      U && /* @__PURE__ */ t(
                         _6,
                         {
-                          messages: T,
+                          messages: B,
                           caption: s,
                           subtitle: a,
-                          onClick: c,
-                          fullscreen: v
+                          cta: c,
+                          onClick: u,
+                          fullscreen: w
                         }
                       ),
-                      !r && e.map((_, J) => w1(_, J)),
+                      !r && e.map((j, l1) => i1(j, l1)),
                       o
                     ]
                   }
                 ),
-                /* @__PURE__ */ t("div", { ref: e1, className: "h-px shrink-0", "aria-hidden": !0 }),
-                /* @__PURE__ */ t("footer", { className: "copilotKitMessagesFooter", ref: G, children: w }),
-                /* @__PURE__ */ t(M1, { children: X && /* @__PURE__ */ t(
+                /* @__PURE__ */ t("div", { ref: t1, className: "h-px shrink-0", "aria-hidden": !0 }),
+                /* @__PURE__ */ t("footer", { className: "copilotKitMessagesFooter", ref: J, children: M }),
+                /* @__PURE__ */ t(M1, { children: Q && /* @__PURE__ */ t(
                   K.div,
                   {
                     className: "sticky bottom-2 z-10 flex justify-center",
@@ -7388,10 +7402,10 @@ const O6 = {
                     exit: { opacity: 0, scale: 0.8 },
                     transition: { duration: 0.2 },
                     children: /* @__PURE__ */ t("div", { className: "rounded bg-f1-background", children: /* @__PURE__ */ t(
-                      l1,
+                      o1,
                       {
-                        onClick: () => r1(),
-                        label: N.ai.scrollToBottom,
+                        onClick: () => g1(),
+                        label: P.ai.scrollToBottom,
                         variant: "neutral",
                         icon: ot,
                         hideLabel: !0
@@ -7404,18 +7418,18 @@ const O6 = {
           )
         }
       ),
-      !g && !$ && /* @__PURE__ */ i(R1, { children: [
+      !v && !U && /* @__PURE__ */ i(R1, { children: [
         /* @__PURE__ */ t(ye, { position: "top" }, "shadow-top"),
         /* @__PURE__ */ t(ye, { position: "bottom" }, "shadow-bottom")
       ] })
     ] }),
-    F.isOpen && /* @__PURE__ */ t(
+    L.isOpen && /* @__PURE__ */ t(
       R6,
       {
-        onSubmit: L,
-        onClose: V,
-        reactionType: F.currentReaction,
-        message: F.currentMessage
+        onSubmit: V,
+        onClose: H,
+        reactionType: L.currentReaction,
+        message: L.currentMessage
       }
     )
   ] });
@@ -7442,7 +7456,7 @@ function N9() {
   return e;
 }
 function G6() {
-  const { canvasEntities: e } = b1();
+  const { canvasEntities: e } = x1();
   return e;
 }
 function S9(e) {
@@ -7461,7 +7475,7 @@ const W6 = ({
   const c = z();
   return /* @__PURE__ */ i("div", { className: "flex items-center justify-end gap-3 p-3", children: [
     /* @__PURE__ */ t("div", { className: "flex items-center", children: a && s && /* @__PURE__ */ t(
-      g1,
+      m1,
       {
         variant: "outline",
         label: c.ai.clarifyingQuestion.skip,
@@ -7470,7 +7484,7 @@ const W6 = ({
       }
     ) }),
     /* @__PURE__ */ t(
-      g1,
+      m1,
       {
         disabled: !e || r,
         variant: "default",
@@ -7501,13 +7515,13 @@ const W6 = ({
   onToggleActive: f,
   onConfirm: d
 }) => {
-  const m = z().ai.clarifyingQuestion.typeYourAnswer, h = A(null), g = ws(h, c);
+  const m = z().ai.clarifyingQuestion.typeYourAnswer, h = $(null), g = ws(h, c);
   ee(() => {
     const w = h.current;
     if (!w) return;
     w.style.height = "auto";
-    const b = Math.min(w.scrollHeight, Ae);
-    w.style.height = `${b}px`, w.style.overflowY = w.scrollHeight > Ae ? "auto" : "hidden";
+    const M = Math.min(w.scrollHeight, Ae);
+    w.style.height = `${M}px`, w.style.overflowY = w.scrollHeight > Ae ? "auto" : "hidden";
   }, [n]);
   const v = e === "single" ? /* @__PURE__ */ t(or, { isSelected: o && !r }) : /* @__PURE__ */ t(
     Nt,
@@ -7620,38 +7634,38 @@ const X6 = ({
   onToggleCustomActive: v,
   onConfirm: w
 }) => {
-  const b = p1(), H = (() => {
+  const M = C1(), N = (() => {
     if (e !== "single") return 0;
-    const V = o.findIndex((N) => n.includes(N.id));
+    const V = o.findIndex((H) => n.includes(H.id));
     return V >= 0 ? V : 0;
-  })(), [E, S] = I(H), F = A([]);
+  })(), [A, S] = I(N), F = $([]);
   W(() => {
-    C && e === "single" && F.current[E]?.focus();
+    C && e === "single" && F.current[A]?.focus();
   }, []);
   const L = (V) => {
     if (e !== "single") return;
-    const N = o.length - 1;
-    if (N < 0) return;
-    let D = E;
+    const H = o.length - 1;
+    if (H < 0) return;
+    let P = A;
     switch (V.key) {
       case "ArrowDown":
       case "ArrowRight":
-        D = E >= N ? 0 : E + 1;
+        P = A >= H ? 0 : A + 1;
         break;
       case "ArrowUp":
       case "ArrowLeft":
-        D = E <= 0 ? N : E - 1;
+        P = A <= 0 ? H : A - 1;
         break;
       case "Home":
-        D = 0;
+        P = 0;
         break;
       case "End":
-        D = N;
+        P = H;
         break;
       default:
         return;
     }
-    V.preventDefault(), S(D), F.current[D]?.focus();
+    V.preventDefault(), S(P), F.current[P]?.focus();
   };
   return /* @__PURE__ */ i(
     "div",
@@ -7660,26 +7674,26 @@ const X6 = ({
       role: e === "single" ? "radiogroup" : "group",
       "aria-label": r,
       children: [
-        o.map((V, N) => /* @__PURE__ */ t(
+        o.map((V, H) => /* @__PURE__ */ t(
           K.div,
           {
-            initial: b ? !1 : { opacity: 0, y: 4 },
+            initial: M ? !1 : { opacity: 0, y: 4 },
             animate: { opacity: 1, y: 0 },
             transition: {
-              duration: b ? 0 : 0.2,
+              duration: M ? 0 : 0.2,
               ease: [0.4, 0, 0.2, 1],
-              delay: b ? 0 : 0.12 + N * 0.06
+              delay: M ? 0 : 0.12 + H * 0.06
             },
             children: /* @__PURE__ */ t(
               nr,
               {
-                ref: (D) => {
-                  F.current[N] = D;
+                ref: (P) => {
+                  F.current[H] = P;
                 },
                 option: V,
                 isSelected: n.includes(V.id),
                 mode: e,
-                isTabStop: e === "single" ? N === E : void 0,
+                isTabStop: e === "single" ? H === A : void 0,
                 onToggle: m,
                 onKeyNavigate: L
               }
@@ -7719,7 +7733,7 @@ const X6 = ({
   const l = z();
   return /* @__PURE__ */ i("div", { className: "flex items-start gap-0.5 pl-4 pr-3", children: [
     /* @__PURE__ */ t(
-      n1,
+      s1,
       {
         className: "min-w-0 flex-1 text-lg font-semibold text-f1-foreground",
         lines: 3,
@@ -7728,7 +7742,7 @@ const X6 = ({
     ),
     r && /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-0.5", children: [
       /* @__PURE__ */ t(
-        g1,
+        m1,
         {
           variant: "ghost",
           size: "sm",
@@ -7741,7 +7755,7 @@ const X6 = ({
       ),
       /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-f1-foreground-tertiary", children: r }),
       /* @__PURE__ */ t(
-        g1,
+        m1,
         {
           variant: "ghost",
           size: "sm",
@@ -7754,7 +7768,7 @@ const X6 = ({
       )
     ] }),
     /* @__PURE__ */ t(
-      g1,
+      m1,
       {
         variant: "ghost",
         size: "sm",
@@ -7778,7 +7792,7 @@ const X6 = ({
   clarifyingQuestion: e,
   isSubmitDisabled: r
 }) => {
-  const o = z(), n = p1(), {
+  const o = z(), n = C1(), {
     currentStep: s,
     currentStepIndex: a,
     totalSteps: c,
@@ -7793,30 +7807,30 @@ const X6 = ({
   } = e, {
     question: v,
     options: w,
-    selectedOptionIds: b,
-    selectionMode: H,
-    optional: E,
+    selectedOptionIds: M,
+    selectionMode: N,
+    optional: A,
     allowCustomAnswer: S,
     customAnswerText: F,
     isCustomAnswerActive: L
-  } = s, V = A(null), N = H ?? "single", D = c > 1, y = a === 0, T = a === c - 1, $ = D ? o.t("ai.clarifyingQuestion.stepOf", {
+  } = s, V = $(null), H = N ?? "single", P = c > 1, R = a === 0, T = a === c - 1, B = P ? o.t("ai.clarifyingQuestion.stepOf", {
     current: String(a + 1),
     total: String(c)
-  }) : void 0, U = b.length > 0, Z = (F ?? "").trim().length > 0, G = U || L && Z || E === !0, e1 = r === !0 && T, t1 = () => {
-    e1 || l();
+  }) : void 0, U = M.length > 0, Z = (F ?? "").trim().length > 0, G = U || L && Z || A === !0, J = r === !0 && T, t1 = () => {
+    J || l();
   }, X = () => {
-    e1 || f();
-  }, Q = (s1) => {
-    const h1 = N === "single" && b.includes(s1);
-    u(s1), N === "single" && !T && !h1 && Promise.resolve().then(l);
-  }, r1 = T ? o.ai.clarifyingQuestion.submit : o.ai.clarifyingQuestion.next, w1 = E === !0 && !U && !(L && Z), _ = () => {
+    J || f();
+  }, Q = (e1) => {
+    const d1 = H === "single" && M.includes(e1);
+    u(e1), H === "single" && !T && !d1 && Promise.resolve().then(l);
+  }, r1 = T ? o.ai.clarifyingQuestion.submit : o.ai.clarifyingQuestion.next, g1 = A === !0 && !U && !(L && Z), i1 = () => {
     g(), requestAnimationFrame(() => {
       V.current?.focus();
     });
-  }, J = (s1) => {
-    s1.key === "Escape" && (s1.preventDefault(), d());
-  }, c1 = n ? 0 : Q6 / 2;
-  return /* @__PURE__ */ i("div", { className: "flex flex-col", onKeyDown: J, children: [
+  }, j = (e1) => {
+    e1.key === "Escape" && (e1.preventDefault(), d());
+  }, l1 = n ? 0 : Q6 / 2;
+  return /* @__PURE__ */ i("div", { className: "flex flex-col", onKeyDown: j, children: [
     /* @__PURE__ */ t("div", { className: "flex flex-col gap-3 pt-3", children: /* @__PURE__ */ t(M1, { mode: "wait", initial: !1, children: /* @__PURE__ */ i(
       K.div,
       {
@@ -7824,14 +7838,14 @@ const X6 = ({
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: { duration: c1, ease: K6 },
+        transition: { duration: l1, ease: K6 },
         children: [
           /* @__PURE__ */ t(
             Y6,
             {
               question: v,
-              stepLabel: $,
-              isFirstStep: y,
+              stepLabel: B,
+              isFirstStep: R,
               isFinalStep: T,
               canProceed: G,
               onBack: C,
@@ -7842,10 +7856,10 @@ const X6 = ({
           /* @__PURE__ */ t(
             X6,
             {
-              mode: N,
+              mode: H,
               question: v,
               options: w,
-              selectedOptionIds: b,
+              selectedOptionIds: M,
               allowCustomAnswer: S,
               hasSelection: U,
               hasCustomText: Z,
@@ -7854,7 +7868,7 @@ const X6 = ({
               canProceed: G,
               customInputRef: V,
               onToggleOption: Q,
-              onActivateCustom: _,
+              onActivateCustom: i1,
               onChangeCustomText: m,
               onToggleCustomActive: h,
               onConfirm: t1
@@ -7868,30 +7882,30 @@ const X6 = ({
       W6,
       {
         canProceed: G,
-        submitDisabled: e1,
+        submitDisabled: J,
         label: r1,
         onConfirm: t1,
         onSkip: X,
-        showSkip: w1
+        showSkip: g1
       }
     )
   ] });
 };
 function Ee(e, r, o, n) {
-  const s = Math.max(1, Math.min(e, r)), a = Math.min(o, 20), u = Math.min(a + n, s), l = Math.min(u, Math.floor(e / 2)), f = Math.min(u, Math.floor(r / 2)), d = (_) => _ / e * 2 - 1, C = (_) => _ / r * 2 - 1, m = 0, h = e, g = 0, v = r, w = l, b = e - l, H = f, E = r - f, S = d(m), F = d(h), L = C(g), V = C(v), N = d(w), D = d(b), y = C(H), T = C(E), $ = 0, U = 0, Z = 1, G = 1, e1 = l / e, t1 = 1 - l / e, X = f / r, Q = 1 - f / r, r1 = new Float32Array([
+  const s = Math.max(1, Math.min(e, r)), a = Math.min(o, 20), u = Math.min(a + n, s), l = Math.min(u, Math.floor(e / 2)), f = Math.min(u, Math.floor(r / 2)), d = (i1) => i1 / e * 2 - 1, C = (i1) => i1 / r * 2 - 1, m = 0, h = e, g = 0, v = r, w = l, M = e - l, N = f, A = r - f, S = d(m), F = d(h), L = C(g), V = C(v), H = d(w), P = d(M), R = C(N), T = C(A), B = 0, U = 0, Z = 1, G = 1, J = l / e, t1 = 1 - l / e, X = f / r, Q = 1 - f / r, r1 = new Float32Array([
     // Top strip
     S,
     L,
     F,
     L,
     S,
-    y,
+    R,
     S,
-    y,
+    R,
     F,
     L,
     F,
-    y,
+    R,
     // Bottom strip
     S,
     T,
@@ -7907,69 +7921,69 @@ function Ee(e, r, o, n) {
     V,
     // Left strip
     S,
-    y,
-    N,
-    y,
+    R,
+    H,
+    R,
     S,
     T,
     S,
     T,
-    N,
-    y,
-    N,
+    H,
+    R,
+    H,
     T,
     // Right strip
-    D,
-    y,
+    P,
+    R,
     F,
-    y,
-    D,
+    R,
+    P,
     T,
-    D,
+    P,
     T,
     F,
-    y,
+    R,
     F,
     T
-  ]), w1 = new Float32Array([
+  ]), g1 = new Float32Array([
     // Top strip
-    $,
+    B,
     U,
     Z,
     U,
-    $,
+    B,
     X,
-    $,
+    B,
     X,
     Z,
     U,
     Z,
     X,
     // Bottom strip
-    $,
+    B,
     Q,
     Z,
     Q,
-    $,
+    B,
     G,
-    $,
+    B,
     G,
     Z,
     Q,
     Z,
     G,
     // Left strip
-    $,
+    B,
     X,
-    e1,
+    J,
     X,
-    $,
+    B,
     Q,
-    $,
+    B,
     Q,
-    e1,
+    J,
     X,
-    e1,
+    J,
     Q,
     // Right strip
     t1,
@@ -7985,7 +7999,7 @@ function Ee(e, r, o, n) {
     Z,
     Q
   ]);
-  return { positions: r1, uvs: w1 };
+  return { positions: r1, uvs: g1 };
 }
 function $e(e, r, o) {
   const n = e.createShader(r);
@@ -8314,10 +8328,10 @@ class T9 {
     s.enableVertexAttribArray(v), s.vertexAttribPointer(v, 2, s.FLOAT, !1, 0, 0), this.checkGLError(s, "resize: after position buffer update"), s.bindBuffer(s.ARRAY_BUFFER, l), s.bufferData(s.ARRAY_BUFFER, g, s.STATIC_DRAW);
     const w = s.getAttribLocation(a, "aUV");
     s.enableVertexAttribArray(w), s.vertexAttribPointer(w, 2, s.FLOAT, !1, 0, 0), this.checkGLError(s, "resize: after UV buffer update"), s.useProgram(a), s.uniform2f(f, this.canvas.width, this.canvas.height), s.uniform1f(this.glr.uBorderWidth, this.options.borderWidth * d), s.uniform1f(this.glr.uGlowWidth, this.options.glowWidth * d), s.uniform1f(this.glr.uBorderRadius, this.options.borderRadius * d), this.checkGLError(s, "resize: after uniform updates");
-    const b = performance.now();
-    this.lastTime = b;
-    const H = (b - this.startTime) * 1e-3;
-    this.render(H);
+    const M = performance.now();
+    this.lastTime = M;
+    const N = (M - this.startTime) * 1e-3;
+    this.render(N);
   }
   /**
    * Automatically resizes the canvas to match the dimensions of the given element.
@@ -8405,8 +8419,8 @@ class T9 {
     r.bindBuffer(r.ARRAY_BUFFER, d), r.bufferData(r.ARRAY_BUFFER, u, r.STATIC_DRAW);
     const C = r.getAttribLocation(o, "aUV");
     r.enableVertexAttribArray(C), r.vertexAttribPointer(C, 2, r.FLOAT, !1, 0, 0), this.checkGLError(r, "setupGL: after UV buffer setup");
-    const m = r.getUniformLocation(o, "uResolution"), h = r.getUniformLocation(o, "uTime"), g = r.getUniformLocation(o, "uBorderWidth"), v = r.getUniformLocation(o, "uGlowWidth"), w = r.getUniformLocation(o, "uBorderRadius"), b = r.getUniformLocation(o, "uColors"), H = r.getUniformLocation(o, "uGlowExponent"), E = r.getUniformLocation(o, "uGlowFactor");
-    r.useProgram(o), r.uniform1f(g, this.options.borderWidth), r.uniform1f(v, this.options.glowWidth), r.uniform1f(w, this.options.borderRadius), this.options.mode === "dark" ? (r.uniform1f(H, 2), r.uniform1f(E, 1.8)) : (r.uniform1f(H, 1), r.uniform1f(E, 1));
+    const m = r.getUniformLocation(o, "uResolution"), h = r.getUniformLocation(o, "uTime"), g = r.getUniformLocation(o, "uBorderWidth"), v = r.getUniformLocation(o, "uGlowWidth"), w = r.getUniformLocation(o, "uBorderRadius"), M = r.getUniformLocation(o, "uColors"), N = r.getUniformLocation(o, "uGlowExponent"), A = r.getUniformLocation(o, "uGlowFactor");
+    r.useProgram(o), r.uniform1f(g, this.options.borderWidth), r.uniform1f(v, this.options.glowWidth), r.uniform1f(w, this.options.borderRadius), this.options.mode === "dark" ? (r.uniform1f(N, 2), r.uniform1f(A, 1.8)) : (r.uniform1f(N, 1), r.uniform1f(A, 1));
     const S = (this.options.colors || o4).map(n4);
     for (let F = 0; F < S.length; F++)
       r.uniform3f(
@@ -8424,7 +8438,7 @@ class T9 {
       uBorderWidth: g,
       uGlowWidth: v,
       uBorderRadius: w,
-      uColors: b
+      uColors: M
     };
   }
   render(r) {
@@ -8539,7 +8553,7 @@ const u4 = (e, r, o, n) => {
       return "mat4";
     default:
       console.error(
-        x1(
+        L1(
           `The uniform type "${e}" is not valid, please make sure your uniform type is valid`
         )
       );
@@ -8602,7 +8616,7 @@ class C4 {
     this.pow2canvas.width,
     this.pow2canvas.height
   ), console.warn(
-    x1(
+    L1(
       `Image is not power of two ${r.width} x ${r.height}. Resized to ${this.pow2canvas.width} x ${this.pow2canvas.height};`
     )
   ), this.pow2canvas) : r;
@@ -8618,7 +8632,7 @@ class C4 {
     if (!n)
       return Promise.reject(
         new Error(
-          x1(
+          L1(
             "Missing url, please make sure to pass the url of your texture { url: ... }"
           )
         )
@@ -8627,14 +8641,14 @@ class C4 {
     if (f === null && d === null)
       return Promise.reject(
         new Error(
-          x1(
+          L1(
             `Please upload a video or an image with a valid format (url: ${n})`
           )
         )
       );
     Object.assign(this, { url: n, wrapS: s, wrapT: a, minFilter: c, magFilter: u, flipY: l });
-    const C = 0, m = o.RGBA, h = 1, g = 1, v = 0, w = o.RGBA, b = o.UNSIGNED_BYTE, H = new Uint8Array([255, 255, 255, 0]), E = o.createTexture();
-    if (o.bindTexture(o.TEXTURE_2D, E), o.texImage2D(
+    const C = 0, m = o.RGBA, h = 1, g = 1, v = 0, w = o.RGBA, M = o.UNSIGNED_BYTE, N = new Uint8Array([255, 255, 255, 0]), A = o.createTexture();
+    if (o.bindTexture(o.TEXTURE_2D, A), o.texImage2D(
       o.TEXTURE_2D,
       C,
       m,
@@ -8642,29 +8656,29 @@ class C4 {
       g,
       v,
       w,
-      b,
-      H
+      M,
+      N
     ), d) {
       const V = this.setupVideo(n);
-      return o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_S, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_T, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MIN_FILTER, o.LINEAR), this._webglTexture = E, this.source = V, this.isVideo = !0, V.play().then(() => this);
+      return o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_S, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_T, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MIN_FILTER, o.LINEAR), this._webglTexture = A, this.source = V, this.isVideo = !0, V.play().then(() => this);
     }
     async function S() {
-      return new Promise((V, N) => {
-        const D = new Image();
-        D.crossOrigin = "anonymous", D.onload = () => {
-          V(D);
-        }, D.onerror = () => {
-          N(new Error(x1(`failed loading url: ${n}`)));
-        }, D.src = n ?? "";
+      return new Promise((V, H) => {
+        const P = new Image();
+        P.crossOrigin = "anonymous", P.onload = () => {
+          V(P);
+        }, P.onerror = () => {
+          H(new Error(L1(`failed loading url: ${n}`)));
+        }, P.src = n ?? "";
       });
     }
     let F = await S(), L = (F.width & F.width - 1) === 0 && (F.height & F.height - 1) === 0;
-    return (r.wrapS !== We || r.wrapT !== We || r.minFilter !== Ge && r.minFilter !== Y1) && !L && (F = this.makePowerOf2(F), L = !0), o.bindTexture(o.TEXTURE_2D, E), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, l), o.texImage2D(
+    return (r.wrapS !== We || r.wrapT !== We || r.minFilter !== Ge && r.minFilter !== Y1) && !L && (F = this.makePowerOf2(F), L = !0), o.bindTexture(o.TEXTURE_2D, A), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, l), o.texImage2D(
       o.TEXTURE_2D,
       C,
       m,
       w,
-      b,
+      M,
       F
     ), L && r.minFilter !== Ge && r.minFilter !== Y1 && o.generateMipmap(o.TEXTURE_2D), o.texParameteri(
       o.TEXTURE_2D,
@@ -8682,10 +8696,10 @@ class C4 {
       o.TEXTURE_2D,
       o.TEXTURE_MAG_FILTER,
       this.magFilter || Y1
-    ), this._webglTexture = E, this.source = F, this.isVideo = !1, this.isLoaded = !0, this.width = F.width || 0, this.height = F.height || 0, this;
+    ), this._webglTexture = A, this.source = F, this.isVideo = !1, this.isLoaded = !0, this.width = F.width || 0, this.height = F.height || 0, this;
   };
 }
-const x1 = (e) => `react-shaders: ${e}`, Xe = (e) => {
+const L1 = (e) => `react-shaders: ${e}`, Xe = (e) => {
   if ("changedTouches" in e) {
     const r = e.changedTouches[0];
     return [r?.clientX ?? 0, r?.clientY ?? 0];
@@ -8707,7 +8721,7 @@ function m4({
   onError: C = console.error,
   onWarning: m = console.warn
 }) {
-  const h = A(null), g = A(null), v = A(null), w = A(null), b = A(void 0), H = A(void 0), E = A(!1), S = A(void 0), F = A(0), L = A([0, 0]), V = A([]), N = A(0), D = A(void 0), y = A({
+  const h = $(null), g = $(null), v = $(null), w = $(null), M = $(void 0), N = $(void 0), A = $(!1), S = $(void 0), F = $(0), L = $([0, 0]), V = $([]), H = $(0), P = $(void 0), R = $({
     [Pe]: { type: "float", isNeeded: !1, value: 0 },
     [De]: { type: "float", isNeeded: !1, value: 0 },
     [je]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
@@ -8719,20 +8733,20 @@ function m4({
       isNeeded: !1,
       value: [0, 0, 0, 0]
     }
-  }), T = A(n), $ = (k, M) => {
-    const R = "width" in k ? k.width ?? 0 : 0, P = "height" in k ? k.height ?? 0 : 0, B = y.current.iChannelResolution;
-    if (!B) return;
-    const O = Array.isArray(B.value) ? B.value : B.value = [];
-    O[M * 3] = R * f, O[M * 3 + 1] = P * f, O[M * 3 + 2] = 0;
+  }), T = $(n), B = (b, k) => {
+    const y = "width" in b ? b.width ?? 0 : 0, D = "height" in b ? b.height ?? 0 : 0, E = R.current.iChannelResolution;
+    if (!E) return;
+    const O = Array.isArray(E.value) ? E.value : E.value = [];
+    O[k * 3] = y * f, O[k * 3 + 1] = D * f, O[k * 3 + 2] = 0;
   }, U = () => {
     h.current && (g.current = h.current.getContext("webgl", u) || h.current.getContext(
       "experimental-webgl",
       u
     ), g.current?.getExtension("OES_standard_derivatives"), g.current?.getExtension("EXT_shader_texture_lod"));
   }, Z = () => {
-    const k = g.current;
-    v.current = k?.createBuffer() ?? null, k?.bindBuffer(k.ARRAY_BUFFER, v.current);
-    const M = [
+    const b = g.current;
+    v.current = b?.createBuffer() ?? null, b?.bindBuffer(b.ARRAY_BUFFER, v.current);
+    const k = [
       1,
       1,
       0,
@@ -8746,296 +8760,296 @@ function m4({
       -1,
       0
     ];
-    k?.bufferData(k.ARRAY_BUFFER, new Float32Array(M), k.STATIC_DRAW);
+    b?.bufferData(b.ARRAY_BUFFER, new Float32Array(k), b.STATIC_DRAW);
   }, G = ({
-    alpha: k,
-    beta: M,
-    gamma: R
+    alpha: b,
+    beta: k,
+    gamma: y
   }) => {
-    y.current.iDeviceOrientation.value = [
+    R.current.iDeviceOrientation.value = [
+      b ?? 0,
       k ?? 0,
-      M ?? 0,
-      R ?? 0,
+      y ?? 0,
       window.orientation ?? 0
     ];
-  }, e1 = (k) => {
-    const [M = 0, R = 0] = Xe(k), P = M - (S.current?.left ?? 0) - window.pageXOffset, B = (S.current?.height ?? 0) - R - (S.current?.top ?? 0) - window.pageYOffset;
-    E.current = !0;
-    const O = Array.isArray(y.current.iMouse?.value) ? y.current.iMouse.value : void 0;
-    O && (O[2] = P, O[3] = B), L.current[0] = P, L.current[1] = B;
-  }, t1 = (k) => {
+  }, J = (b) => {
+    const [k = 0, y = 0] = Xe(b), D = k - (S.current?.left ?? 0) - window.pageXOffset, E = (S.current?.height ?? 0) - y - (S.current?.top ?? 0) - window.pageYOffset;
+    A.current = !0;
+    const O = Array.isArray(R.current.iMouse?.value) ? R.current.iMouse.value : void 0;
+    O && (O[2] = D, O[3] = E), L.current[0] = D, L.current[1] = E;
+  }, t1 = (b) => {
     S.current = h.current?.getBoundingClientRect();
-    const [M = 0, R = 0] = Xe(k), P = M - (S.current?.left ?? 0), B = (S.current?.height ?? 0) - R - (S.current?.top ?? 0);
+    const [k = 0, y = 0] = Xe(b), D = k - (S.current?.left ?? 0), E = (S.current?.height ?? 0) - y - (S.current?.top ?? 0);
     if (l !== 1)
-      L.current[0] = P, L.current[1] = B;
+      L.current[0] = D, L.current[1] = E;
     else {
-      const O = Array.isArray(y.current.iMouse?.value) ? y.current.iMouse.value : void 0;
-      O && (O[0] = P, O[1] = B);
+      const O = Array.isArray(R.current.iMouse?.value) ? R.current.iMouse.value : void 0;
+      O && (O[0] = D, O[1] = E);
     }
   }, X = () => {
-    const k = Array.isArray(y.current.iMouse?.value) ? y.current.iMouse.value : void 0;
-    k && (k[2] = 0, k[3] = 0);
+    const b = Array.isArray(R.current.iMouse?.value) ? R.current.iMouse.value : void 0;
+    b && (b[2] = 0, b[3] = 0);
   }, Q = () => {
-    const k = g.current;
-    if (!k) return;
+    const b = g.current;
+    if (!b) return;
     S.current = h.current?.getBoundingClientRect();
-    const M = f, R = Math.floor(
-      (S.current?.width ?? 1) * M
-    ), P = Math.floor(
-      (S.current?.height ?? 1) * M
+    const k = f, y = Math.floor(
+      (S.current?.width ?? 1) * k
+    ), D = Math.floor(
+      (S.current?.height ?? 1) * k
     );
-    if (k.canvas.width = R, k.canvas.height = P, y.current.iResolution?.isNeeded && w.current) {
-      const B = k.getUniformLocation(
+    if (b.canvas.width = y, b.canvas.height = D, R.current.iResolution?.isNeeded && w.current) {
+      const E = b.getUniformLocation(
         w.current,
         Oe
       );
-      k.uniform2fv(B, [k.canvas.width, k.canvas.height]);
+      b.uniform2fv(E, [b.canvas.width, b.canvas.height]);
     }
-  }, r1 = (k, M) => {
-    const R = g.current;
-    if (!R) return null;
-    const P = R.createShader(k);
-    if (!P) return null;
-    if (R.shaderSource(P, M), R.compileShader(P), !R.getShaderParameter(P, R.COMPILE_STATUS)) {
-      m?.(x1(`Error compiling the shader:
-${M}`));
-      const B = R.getShaderInfoLog(P);
-      R.deleteShader(P), C?.(x1(`Shader compiler log: ${B}`));
+  }, r1 = (b, k) => {
+    const y = g.current;
+    if (!y) return null;
+    const D = y.createShader(b);
+    if (!D) return null;
+    if (y.shaderSource(D, k), y.compileShader(D), !y.getShaderParameter(D, y.COMPILE_STATUS)) {
+      m?.(L1(`Error compiling the shader:
+${k}`));
+      const E = y.getShaderInfoLog(D);
+      y.deleteShader(D), C?.(L1(`Shader compiler log: ${E}`));
     }
-    return P;
-  }, w1 = (k, M) => {
-    const R = g.current;
-    if (!R) return;
-    const P = r1(R.FRAGMENT_SHADER, k), B = r1(R.VERTEX_SHADER, M);
-    if (w.current = R.createProgram(), !(!w.current || !B || !P)) {
-      if (R.attachShader(w.current, B), R.attachShader(w.current, P), R.linkProgram(w.current), !R.getProgramParameter(w.current, R.LINK_STATUS)) {
+    return D;
+  }, g1 = (b, k) => {
+    const y = g.current;
+    if (!y) return;
+    const D = r1(y.FRAGMENT_SHADER, b), E = r1(y.VERTEX_SHADER, k);
+    if (w.current = y.createProgram(), !(!w.current || !E || !D)) {
+      if (y.attachShader(w.current, E), y.attachShader(w.current, D), y.linkProgram(w.current), !y.getProgramParameter(w.current, y.LINK_STATUS)) {
         C?.(
-          x1(
-            `Unable to initialize the shader program: ${R.getProgramInfoLog(
+          L1(
+            `Unable to initialize the shader program: ${y.getProgramInfoLog(
               w.current
             )}`
           )
         );
         return;
       }
-      R.useProgram(w.current), b.current = R.getAttribLocation(
+      y.useProgram(w.current), M.current = y.getAttribLocation(
         w.current,
         "aVertexPosition"
-      ), R.enableVertexAttribArray(b.current);
+      ), y.enableVertexAttribArray(M.current);
     }
-  }, _ = () => {
+  }, i1 = () => {
     if (n)
-      for (const k of Object.keys(n)) {
-        const M = n[k];
-        if (!M) continue;
-        const { value: R, type: P } = M, B = f4(P);
-        if (!B) continue;
+      for (const b of Object.keys(n)) {
+        const k = n[b];
+        if (!k) continue;
+        const { value: y, type: D } = k, E = f4(D);
+        if (!E) continue;
         const O = {};
-        if (l4(P, R)) {
-          const d1 = P.length, m1 = Number.parseInt(P.charAt(d1 - 3)), k1 = Math.floor(R.length / (m1 * m1));
-          R.length > m1 * m1 && (O.arraySize = `[${k1}]`);
-        } else c4(P, R) && (O.arraySize = `[${Math.floor(R.length / Number.parseInt(P.charAt(0)))}]`);
-        y.current[k] = {
-          type: B,
+        if (l4(D, y)) {
+          const c1 = D.length, p1 = Number.parseInt(D.charAt(c1 - 3)), k1 = Math.floor(y.length / (p1 * p1));
+          y.length > p1 * p1 && (O.arraySize = `[${k1}]`);
+        } else c4(D, y) && (O.arraySize = `[${Math.floor(y.length / Number.parseInt(D.charAt(0)))}]`);
+        R.current[b] = {
+          type: E,
           isNeeded: !1,
-          value: R,
+          value: y,
           ...O
         };
       }
-  }, J = () => {
-    const k = g.current;
-    if (k)
+  }, j = () => {
+    const b = g.current;
+    if (b)
       if (o && o.length > 0) {
-        y.current[`${Ue}`] = {
+        R.current[`${Ue}`] = {
           type: "vec3",
           isNeeded: !1,
           arraySize: `[${o.length}]`,
           value: []
         };
-        const M = o.map(
-          (R, P) => (y.current[`${i4}${P}`] = {
+        const k = o.map(
+          (y, D) => (R.current[`${i4}${D}`] = {
             type: "sampler2D",
             isNeeded: !1
-          }, $(R, P), V.current[P] = new C4(k), V.current[P]?.load(R).then((B) => {
-            $(B, P);
+          }, B(y, D), V.current[D] = new C4(b), V.current[D]?.load(y).then((E) => {
+            B(E, D);
           }))
         );
-        Promise.all(M).then(() => {
+        Promise.all(k).then(() => {
           d && d();
-        }).catch((R) => {
-          C?.(R), d && d();
+        }).catch((y) => {
+          C?.(y), d && d();
         });
       } else d && d();
-  }, c1 = (k) => {
-    const M = Be.includes(a ?? "highp"), R = `precision ${M ? a : Be[1]} float;
+  }, l1 = (b) => {
+    const k = Be.includes(a ?? "highp"), y = `precision ${k ? a : Be[1]} float;
 `;
-    M || m?.(
-      x1(
+    k || m?.(
+      L1(
         `wrong precision type ${a}, please make sure to pass one of a valid precision lowp, mediump, highp, by default you shader precision will be set to highp.`
       )
     );
-    let P = R.concat(`#define DPR ${f.toFixed(1)}
-`).concat(k.replace(/texture\(/g, "texture2D("));
-    for (const O of Object.keys(y.current))
-      if (k.includes(O)) {
-        const d1 = y.current[O];
-        if (!d1) continue;
-        P = p4(
-          P,
-          `uniform ${d1.type} ${O}${d1.arraySize || ""}; 
+    let D = y.concat(`#define DPR ${f.toFixed(1)}
+`).concat(b.replace(/texture\(/g, "texture2D("));
+    for (const O of Object.keys(R.current))
+      if (b.includes(O)) {
+        const c1 = R.current[O];
+        if (!c1) continue;
+        D = p4(
+          D,
+          `uniform ${c1.type} ${O}${c1.arraySize || ""}; 
 `,
-          P.lastIndexOf(R) + R.length
-        ), d1.isNeeded = !0;
+          D.lastIndexOf(y) + y.length
+        ), c1.isNeeded = !0;
       }
-    return k.includes("mainImage") && (P = P.concat(s4)), P;
-  }, s1 = (k) => {
-    const M = g.current;
-    if (!M || !w.current) return;
-    const R = N.current ? (k - N.current) / 1e3 : 0;
-    N.current = k;
-    const P = T.current;
-    if (P)
-      for (const B of Object.keys(P)) {
-        const O = P[B];
-        if (O && y.current[B]?.isNeeded) {
+    return b.includes("mainImage") && (D = D.concat(s4)), D;
+  }, e1 = (b) => {
+    const k = g.current;
+    if (!k || !w.current) return;
+    const y = H.current ? (b - H.current) / 1e3 : 0;
+    H.current = b;
+    const D = T.current;
+    if (D)
+      for (const E of Object.keys(D)) {
+        const O = D[E];
+        if (O && R.current[E]?.isNeeded) {
           if (!w.current) return;
-          const d1 = M.getUniformLocation(
+          const c1 = k.getUniformLocation(
             w.current,
-            B
+            E
           );
-          if (!d1) return;
+          if (!c1) return;
           u4(
-            M,
-            d1,
+            k,
+            c1,
             O.type,
             O.value
           );
         }
       }
-    if (y.current.iMouse?.isNeeded) {
-      const B = M.getUniformLocation(
+    if (R.current.iMouse?.isNeeded) {
+      const E = k.getUniformLocation(
         w.current,
         Ze
       );
-      M.uniform4fv(B, y.current.iMouse.value);
+      k.uniform4fv(E, R.current.iMouse.value);
     }
-    if (y.current.iChannelResolution?.isNeeded) {
-      const B = M.getUniformLocation(
+    if (R.current.iChannelResolution?.isNeeded) {
+      const E = k.getUniformLocation(
         w.current,
         Ue
       );
-      M.uniform3fv(
-        B,
-        y.current.iChannelResolution.value
+      k.uniform3fv(
+        E,
+        R.current.iChannelResolution.value
       );
     }
-    if (y.current.iDeviceOrientation?.isNeeded) {
-      const B = M.getUniformLocation(
+    if (R.current.iDeviceOrientation?.isNeeded) {
+      const E = k.getUniformLocation(
         w.current,
         ze
       );
-      M.uniform4fv(
-        B,
-        y.current.iDeviceOrientation.value
+      k.uniform4fv(
+        E,
+        R.current.iDeviceOrientation.value
       );
     }
-    if (y.current.iTime?.isNeeded) {
-      const B = M.getUniformLocation(
+    if (R.current.iTime?.isNeeded) {
+      const E = k.getUniformLocation(
         w.current,
         Pe
       );
-      M.uniform1f(B, F.current += R);
+      k.uniform1f(E, F.current += y);
     }
-    if (y.current.iTimeDelta?.isNeeded) {
-      const B = M.getUniformLocation(
+    if (R.current.iTimeDelta?.isNeeded) {
+      const E = k.getUniformLocation(
         w.current,
         De
       );
-      M.uniform1f(B, R);
+      k.uniform1f(E, y);
     }
-    if (y.current.iDate?.isNeeded) {
-      const B = /* @__PURE__ */ new Date(), O = B.getMonth() + 1, d1 = B.getDate(), m1 = B.getFullYear(), k1 = B.getHours() * 60 * 60 + B.getMinutes() * 60 + B.getSeconds() + B.getMilliseconds() * 1e-3, N1 = M.getUniformLocation(
+    if (R.current.iDate?.isNeeded) {
+      const E = /* @__PURE__ */ new Date(), O = E.getMonth() + 1, c1 = E.getDate(), p1 = E.getFullYear(), k1 = E.getHours() * 60 * 60 + E.getMinutes() * 60 + E.getSeconds() + E.getMilliseconds() * 1e-3, N1 = k.getUniformLocation(
         w.current,
         je
       );
-      M.uniform4fv(N1, [m1, O, d1, k1]);
+      k.uniform4fv(N1, [p1, O, c1, k1]);
     }
-    if (y.current.iFrame?.isNeeded) {
-      const B = M.getUniformLocation(
+    if (R.current.iFrame?.isNeeded) {
+      const E = k.getUniformLocation(
         w.current,
         _e
-      ), O = y.current.iFrame.value;
-      M.uniform1i(B, O), y.current.iFrame.value = O + 1;
+      ), O = R.current.iFrame.value;
+      k.uniform1i(E, O), R.current.iFrame.value = O + 1;
     }
     if (V.current.length > 0)
-      for (let B = 0; B < V.current.length; B++) {
-        const O = V.current[B];
+      for (let E = 0; E < V.current.length; E++) {
+        const O = V.current[E];
         if (!O) return;
-        const { isVideo: d1, _webglTexture: m1, source: k1, flipY: N1, isLoaded: T1 } = O;
-        if (!T1 || !m1 || !k1) return;
-        if (y.current[`iChannel${B}`]?.isNeeded) {
+        const { isVideo: c1, _webglTexture: p1, source: k1, flipY: N1, isLoaded: T1 } = O;
+        if (!T1 || !p1 || !k1) return;
+        if (R.current[`iChannel${E}`]?.isNeeded) {
           if (!w.current) return;
-          const i1 = M.getUniformLocation(
+          const a1 = k.getUniformLocation(
             w.current,
-            `iChannel${B}`
+            `iChannel${E}`
           );
-          M.activeTexture(M.TEXTURE0 + B), M.bindTexture(M.TEXTURE_2D, m1), M.uniform1i(i1, B), d1 && O.updateTexture(
-            m1,
+          k.activeTexture(k.TEXTURE0 + E), k.bindTexture(k.TEXTURE_2D, p1), k.uniform1i(a1, E), c1 && O.updateTexture(
+            p1,
             k1,
             N1
           );
         }
       }
-  }, h1 = (k) => {
-    const M = g.current;
-    if (!M) return;
-    M.viewport(0, 0, M.drawingBufferWidth, M.drawingBufferHeight), M.clear(M.COLOR_BUFFER_BIT | M.DEPTH_BUFFER_BIT), M.bindBuffer(M.ARRAY_BUFFER, v.current), M.vertexAttribPointer(
-      b.current ?? 0,
+  }, d1 = (b) => {
+    const k = g.current;
+    if (!k) return;
+    k.viewport(0, 0, k.drawingBufferWidth, k.drawingBufferHeight), k.clear(k.COLOR_BUFFER_BIT | k.DEPTH_BUFFER_BIT), k.bindBuffer(k.ARRAY_BUFFER, v.current), k.vertexAttribPointer(
+      M.current ?? 0,
       3,
-      M.FLOAT,
+      k.FLOAT,
       !1,
       0,
       0
-    ), s1(k), M.drawArrays(M.TRIANGLE_STRIP, 0, 4);
-    const R = y.current.iMouse?.value;
-    if (y.current.iMouse?.isNeeded && l !== 1 && Array.isArray(R)) {
-      const P = R[0] ?? 0, B = R[1] ?? 0;
-      R[0] = Ye(P, L.current[0] ?? 0, l), R[1] = Ye(B, L.current[1] ?? 0, l);
+    ), e1(b), k.drawArrays(k.TRIANGLE_STRIP, 0, 4);
+    const y = R.current.iMouse?.value;
+    if (R.current.iMouse?.isNeeded && l !== 1 && Array.isArray(y)) {
+      const D = y[0] ?? 0, E = y[1] ?? 0;
+      y[0] = Ye(D, L.current[0] ?? 0, l), y[1] = Ye(E, L.current[1] ?? 0, l);
     }
-    H.current = requestAnimationFrame(h1);
+    N.current = requestAnimationFrame(d1);
   }, V1 = () => {
-    const k = { passive: !0 };
-    y.current.iMouse?.isNeeded && h.current && (h.current.addEventListener("mousemove", t1, k), h.current.addEventListener("mouseout", X, k), h.current.addEventListener("mouseup", X, k), h.current.addEventListener("mousedown", e1, k), h.current.addEventListener("touchmove", t1, k), h.current.addEventListener("touchend", X, k), h.current.addEventListener("touchstart", e1, k)), y.current.iDeviceOrientation?.isNeeded && window.addEventListener(
+    const b = { passive: !0 };
+    R.current.iMouse?.isNeeded && h.current && (h.current.addEventListener("mousemove", t1, b), h.current.addEventListener("mouseout", X, b), h.current.addEventListener("mouseup", X, b), h.current.addEventListener("mousedown", J, b), h.current.addEventListener("touchmove", t1, b), h.current.addEventListener("touchend", X, b), h.current.addEventListener("touchstart", J, b)), R.current.iDeviceOrientation?.isNeeded && window.addEventListener(
       "deviceorientation",
       G,
-      k
-    ), h.current && (D.current = new ResizeObserver(Q), D.current.observe(h.current), window.addEventListener("resize", Q, k));
-  }, a1 = () => {
-    const k = { passive: !0 };
-    y.current.iMouse?.isNeeded && h.current && (h.current.removeEventListener("mousemove", t1, k), h.current.removeEventListener("mouseout", X, k), h.current.removeEventListener("mouseup", X, k), h.current.removeEventListener("mousedown", e1, k), h.current.removeEventListener("touchmove", t1, k), h.current.removeEventListener("touchend", X, k), h.current.removeEventListener("touchstart", e1, k)), y.current.iDeviceOrientation?.isNeeded && window.removeEventListener(
+      b
+    ), h.current && (P.current = new ResizeObserver(Q), P.current.observe(h.current), window.addEventListener("resize", Q, b));
+  }, b1 = () => {
+    const b = { passive: !0 };
+    R.current.iMouse?.isNeeded && h.current && (h.current.removeEventListener("mousemove", t1, b), h.current.removeEventListener("mouseout", X, b), h.current.removeEventListener("mouseup", X, b), h.current.removeEventListener("mousedown", J, b), h.current.removeEventListener("touchmove", t1, b), h.current.removeEventListener("touchend", X, b), h.current.removeEventListener("touchstart", J, b)), R.current.iDeviceOrientation?.isNeeded && window.removeEventListener(
       "deviceorientation",
       G,
-      k
-    ), D.current && (D.current.disconnect(), window.removeEventListener("resize", Q, k));
+      b
+    ), P.current && (P.current.disconnect(), window.removeEventListener("resize", Q, b));
   };
   return W(() => {
     T.current = n;
   }, [n]), W(() => {
-    const k = V.current;
-    function M() {
+    const b = V.current;
+    function k() {
       U();
-      const R = g.current;
-      R && h.current && (R.clearColor(...s), R.clearDepth(1), R.enable(R.DEPTH_TEST), R.depthFunc(R.LEQUAL), R.viewport(0, 0, h.current.width, h.current.height), h.current.height = h.current.clientHeight, h.current.width = h.current.clientWidth, _(), J(), w1(c1(e || a4), r || Ie), Z(), requestAnimationFrame(h1), V1(), Q());
+      const y = g.current;
+      y && h.current && (y.clearColor(...s), y.clearDepth(1), y.enable(y.DEPTH_TEST), y.depthFunc(y.LEQUAL), y.viewport(0, 0, h.current.width, h.current.height), h.current.height = h.current.clientHeight, h.current.width = h.current.clientWidth, i1(), j(), g1(l1(e || a4), r || Ie), Z(), requestAnimationFrame(d1), V1(), Q());
     }
-    return requestAnimationFrame(M), () => {
-      const R = g.current;
-      if (R) {
-        if (R.getExtension("WEBGL_lose_context")?.loseContext(), R.useProgram(null), R.deleteProgram(w.current ?? null), k.length > 0)
-          for (const P of k)
-            R.deleteTexture(P._webglTexture);
+    return requestAnimationFrame(k), () => {
+      const y = g.current;
+      if (y) {
+        if (y.getExtension("WEBGL_lose_context")?.loseContext(), y.useProgram(null), y.deleteProgram(w.current ?? null), b.length > 0)
+          for (const D of b)
+            y.deleteTexture(D._webglTexture);
         w.current = null;
       }
-      a1(), cancelAnimationFrame(H.current ?? 0);
+      b1(), cancelAnimationFrame(N.current ?? 0);
     };
   }, []), /* @__PURE__ */ t(
     "canvas",
@@ -9212,7 +9226,7 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
     float alpha = mappedBrightness * clamp(uMix, 1.0, 2.0);
     fragColor = vec4(color, alpha);
   }
-}`, w4 = 10, v4 = 2, L4 = 0.5, x4 = 0.2, b4 = 1.5, C1 = {
+}`, w4 = 10, v4 = 2, L4 = 0.5, x4 = 0.2, b4 = 1.5, h1 = {
   duration: 0.5,
   ease: "easeOut"
 }, Ke = {
@@ -9222,9 +9236,9 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
   repeatType: "mirror"
 };
 function _1(e) {
-  const [r, o] = I(e), n = Kn(e), s = A(null);
+  const [r, o] = I(e), n = Kn(e), s = $(null);
   Rs(n, "change", (c) => o(c));
-  const a = j(
+  const a = _(
     (c, u) => {
       s.current = Qn(n, c, u);
     },
@@ -9246,19 +9260,19 @@ function k4(e, r) {
       case "idle":
       case "failed":
       case "disconnected":
-        n(10), a(0.2, C1), l(1.2, C1), d(0.4, C1), m(1, C1);
+        n(10), a(0.2, h1), l(1.2, h1), d(0.4, h1), m(1, h1);
         return;
       case "listening":
       case "pre-connect-buffering":
-        n(20), a(0.3, { type: "spring", duration: 1, bounce: 0.35 }), l(1, C1), d(0.7, C1), m([1.5, 2], Ke);
+        n(20), a(0.3, { type: "spring", duration: 1, bounce: 0.35 }), l(1, h1), d(0.7, h1), m([1.5, 2], Ke);
         return;
       case "thinking":
       case "connecting":
       case "initializing":
-        n(30), a(0.3, C1), l(0.5, C1), d(1, C1), m([0.5, 2.5], Ke);
+        n(30), a(0.3, h1), l(0.5, h1), d(1, h1), m([0.5, 2.5], Ke);
         return;
       case "speaking":
-        n(70), a(0.3, C1), l(0.75, C1), d(1.25, C1), m(1.5, C1);
+        n(70), a(0.3, h1), l(0.75, h1), d(1.25, h1), m(1.5, h1);
         return;
     }
   }, [
@@ -9457,7 +9471,7 @@ const A9 = ({
   isRevealed: r,
   onAskOne: o
 }) => {
-  const n = z(), s = p1();
+  const n = z(), s = C1();
   return /* @__PURE__ */ i(R1, { children: [
     e && /* @__PURE__ */ t("span", { className: x(F4(), "truncate"), children: e }),
     /* @__PURE__ */ t(M1, { children: o && r && /* @__PURE__ */ t(
@@ -9687,12 +9701,12 @@ const A4 = ({
       onAskOne: u,
       className: l,
       ...f
-    } = e, [d, C] = I(!1), [m, h] = I(!1), g = d || m, v = p1(), w = g && !!u, b = {
+    } = e, [d, C] = I(!1), [m, h] = I(!1), g = d || m, v = C1(), w = g && !!u, M = {
       duration: v ? 0 : 0.2,
       ease: [0.33, 1, 0.68, 1]
-    }, H = () => {
+    }, N = () => {
       c?.();
-    }, E = (S) => {
+    }, A = (S) => {
       S.currentTarget === S.target && (S.key === "Enter" || S.key === " ") && (S.preventDefault(), c?.());
     };
     return /* @__PURE__ */ i("div", { className: "relative", children: [
@@ -9735,8 +9749,8 @@ const A4 = ({
             c && f1(),
             l
           ),
-          onClick: c ? H : void 0,
-          onKeyDown: c ? E : void 0,
+          onClick: c ? N : void 0,
+          onKeyDown: c ? A : void 0,
           onMouseEnter: () => C(!0),
           onMouseLeave: () => C(!1),
           onFocus: () => h(!0),
@@ -9757,7 +9771,7 @@ const A4 = ({
                 {
                   className: "-ml-4 flex flex-1 flex-col",
                   animate: { opacity: w ? 0 : 1 },
-                  transition: b,
+                  transition: M,
                   children: /* @__PURE__ */ t(
                     $4,
                     {
@@ -9774,7 +9788,7 @@ const A4 = ({
                 heading: n,
                 label: s,
                 shouldFadeContent: w,
-                fadeTransition: b,
+                fadeTransition: M,
                 ...f
               }
             )
@@ -9836,7 +9850,7 @@ function Z4(e) {
     description: a,
     seeMoreLabel: c,
     maxCollapsedDescriptionLength: u = dr
-  } = e, [l, f] = I(!1), d = O1(), C = A(null), m = P4(
+  } = e, [l, f] = I(!1), d = O1(), C = $(null), m = P4(
     u
   ), h = a.length > m, g = l ? a : D4(a, m), v = j4(e) ? e : null, w = _4(e);
   return W(() => {
@@ -9891,7 +9905,7 @@ function Z4(e) {
           )
         ] }),
         v && /* @__PURE__ */ t("div", { className: "flex items-center justify-end gap-3 border-0 border-t border-solid border-f1-border-secondary px-4 py-3", children: /* @__PURE__ */ t(
-          g1,
+          m1,
           {
             type: "button",
             label: v.primaryActionLabel,
@@ -9909,7 +9923,7 @@ const O4 = ({
   title: r,
   children: o
 }) => {
-  const [n, s] = I(!1), a = p1();
+  const [n, s] = I(!1), a = C1();
   return /* @__PURE__ */ i(
     Mt,
     {
@@ -9918,10 +9932,10 @@ const O4 = ({
       onOpenChange: s,
       children: [
         /* @__PURE__ */ i(Rt, { className: "flex w-full items-center text-base text-f1-foreground-secondary transition-colors duration-150 hover:text-f1-foreground [&[data-state=open]>svg]:rotate-90", children: [
-          /* @__PURE__ */ t("span", { className: "mr-2 *:block", children: /* @__PURE__ */ t(o1, { icon: e, className: "block" }) }),
+          /* @__PURE__ */ t("span", { className: "mr-2 *:block", children: /* @__PURE__ */ t(n1, { icon: e, className: "block" }) }),
           /* @__PURE__ */ t("span", { className: "mr-[2px]", children: r }),
           /* @__PURE__ */ t(
-            o1,
+            n1,
             {
               icon: z1,
               className: "h-4 w-4 transition-transform duration-200"
@@ -9948,7 +9962,7 @@ const O4 = ({
       ]
     }
   );
-}, U4 = (e) => c2[e] ?? ct, z4 = ({ iconName: e }) => e ? /* @__PURE__ */ t("div", { className: "mr-1 flex items-center justify-center", children: /* @__PURE__ */ t(o1, { icon: U4(e), size: "md", color: "default" }) }) : null;
+}, U4 = (e) => c2[e] ?? ct, z4 = ({ iconName: e }) => e ? /* @__PURE__ */ t("div", { className: "mr-1 flex items-center justify-center", children: /* @__PURE__ */ t(n1, { icon: U4(e), size: "md", color: "default" }) }) : null;
 function G4({
   sources: e,
   title: r
@@ -9996,7 +10010,7 @@ function q4({
   title: r,
   filename: o
 }) {
-  const n = z(), s = A(null), a = r ?? n.ai.aiTable.title, c = j(
+  const n = z(), s = $(null), a = r ?? n.ai.aiTable.title, c = _(
     (u) => {
       if (!s.current) return;
       const l = o ?? (a.replace(/\s+/g, "_").toLowerCase() || "table");
@@ -10028,7 +10042,7 @@ function q4({
             paddingY: "sm",
             children: [
               /* @__PURE__ */ t(
-                n1,
+                s1,
                 {
                   tag: "h2",
                   className: "text-base font-medium capitalize text-f1-foreground",
@@ -10080,7 +10094,7 @@ function q4({
                   "td",
                   {
                     className: "max-w-72 border-0 border-b border-solid border-f1-border-secondary px-3 py-2 text-f1-foreground",
-                    children: /* @__PURE__ */ t(n1, { children: d == null ? "" : String(d) })
+                    children: /* @__PURE__ */ t(s1, { children: d == null ? "" : String(d) })
                   },
                   f
                 );
@@ -10094,7 +10108,7 @@ function q4({
 }
 q4.displayName = "F0AiTableCard";
 function X4({ credits: e, trigger: r }) {
-  const o = z(), [n, s] = I(!1), [a, c] = I(!1), [u, l] = I(!1), [f, d] = I(null), C = j(
+  const o = z(), [n, s] = I(!1), [a, c] = I(!1), [u, l] = I(!1), [f, d] = I(null), C = _(
     (g) => {
       s(g), g && e?.fetchUsage && (c(!0), l(!1), e.fetchUsage().then((v) => {
         d(v), l(!1);
@@ -10110,7 +10124,7 @@ function X4({ credits: e, trigger: r }) {
   const m = f ? Math.min(100, Math.round(f.used / f.total * 100)) : 0, h = e.companyName;
   return /* @__PURE__ */ i(ae, { open: n, onOpenChange: C, children: [
     /* @__PURE__ */ t(St, { asChild: !0, children: r ?? /* @__PURE__ */ t(
-      l1,
+      o1,
       {
         variant: "ghost",
         hideLabel: !0,
@@ -10139,9 +10153,9 @@ function X4({ credits: e, trigger: r }) {
               }
             ),
             /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-col", children: [
-              /* @__PURE__ */ t(n1, { tag: "span", className: "font-medium", children: e.companyName ?? "" }),
+              /* @__PURE__ */ t(s1, { tag: "span", className: "font-medium", children: e.companyName ?? "" }),
               e.planName && /* @__PURE__ */ t(
-                n1,
+                s1,
                 {
                   tag: "span",
                   className: "text-sm font-medium text-f1-foreground-secondary",
@@ -10203,7 +10217,7 @@ function X4({ credits: e, trigger: r }) {
             e.upgradePlanUrl && /* @__PURE__ */ i("div", { className: "flex items-center justify-between border-0 border-t border-solid border-f1-border-secondary p-3", children: [
               /* @__PURE__ */ t("span", { children: o.t("ai.credits.needMoreCredits") }),
               /* @__PURE__ */ t(
-                g1,
+                m1,
                 {
                   variant: "outlinePromote",
                   href: e.upgradePlanUrl,
@@ -10223,10 +10237,10 @@ function K4({
   employeeCredits: e,
   trigger: r
 }) {
-  const o = z(), n = p1(), [s, a] = I(!1), [c, u] = I(!1), [l, f] = I(!1), [d, C] = I(null), m = j(
+  const o = z(), n = C1(), [s, a] = I(!1), [c, u] = I(!1), [l, f] = I(!1), [d, C] = I(null), m = _(
     (w) => {
-      a(w), w && e?.fetchUsage && (u(!0), f(!1), e.fetchUsage().then((b) => {
-        C(b), f(!1);
+      a(w), w && e?.fetchUsage && (u(!0), f(!1), e.fetchUsage().then((M) => {
+        C(M), f(!1);
       }).catch(() => {
         f(!0);
       }).finally(() => {
@@ -10239,7 +10253,7 @@ function K4({
   const h = !!e.companyName, g = d && d.total > 0 ? Math.min(100, Math.round(d.used / d.total * 100)) : 0, v = d ? Math.max(0, d.total - d.used) : 0;
   return /* @__PURE__ */ i(ae, { open: s, onOpenChange: m, children: [
     /* @__PURE__ */ t(St, { asChild: !0, children: r ?? /* @__PURE__ */ t(
-      l1,
+      o1,
       {
         variant: "ghost",
         hideLabel: !0,
@@ -10268,9 +10282,9 @@ function K4({
               }
             ),
             /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-col", children: [
-              /* @__PURE__ */ t(n1, { tag: "span", className: "font-medium", children: e.companyName ?? "" }),
+              /* @__PURE__ */ t(s1, { tag: "span", className: "font-medium", children: e.companyName ?? "" }),
               e.planName && /* @__PURE__ */ t(
-                n1,
+                s1,
                 {
                   tag: "span",
                   className: "text-sm font-medium text-f1-foreground-secondary",
@@ -10362,10 +10376,10 @@ const J1 = ({
   compact: m = !1,
   actions: h
 }) => {
-  const g = z(), v = p1(), w = ds(`(max-width: ${us.md}px)`, {
+  const g = z(), v = C1(), w = ds(`(max-width: ${us.md}px)`, {
     initializeWithValue: !0
-  }), b = !s && !w && /* @__PURE__ */ t(
-    l1,
+  }), M = !s && !w && /* @__PURE__ */ t(
+    o1,
     {
       variant: "ghost",
       hideLabel: !0,
@@ -10373,8 +10387,8 @@ const J1 = ({
       icon: n ? ft : dt,
       onClick: a
     }
-  ), H = /* @__PURE__ */ t(
-    l1,
+  ), N = /* @__PURE__ */ t(
+    o1,
     {
       variant: "ghost",
       hideLabel: !0,
@@ -10382,8 +10396,8 @@ const J1 = ({
       icon: F1,
       onClick: c
     }
-  ), E = h?.map((S) => /* @__PURE__ */ t(
-    l1,
+  ), A = h?.map((S) => /* @__PURE__ */ t(
+    o1,
     {
       variant: "ghost",
       hideLabel: !0,
@@ -10400,7 +10414,7 @@ const J1 = ({
       className: x("flex items-center justify-between gap-3 pr-4 pl-5 py-3"),
       children: [
         /* @__PURE__ */ t(
-          n1,
+          s1,
           {
             lines: 1,
             className: "min-w-0 flex-1 text-left font-semibold text-f1-foreground",
@@ -10418,9 +10432,9 @@ const J1 = ({
               ease: "easeOut"
             },
             children: [
-              E,
-              b,
-              H
+              A,
+              M,
+              N
             ]
           }
         )
@@ -10441,8 +10455,8 @@ const J1 = ({
             className: "min-w-0 max-w-full [&>div>span>span]:w-full",
             onClick: l,
             children: /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-1", children: [
-              /* @__PURE__ */ t(n1, { lines: 1, className: "min-w-0 text-left", children: o ?? g.ai.newConversation }),
-              /* @__PURE__ */ t(o1, { icon: re, color: "default", size: "md" })
+              /* @__PURE__ */ t(s1, { lines: 1, className: "min-w-0 text-left", children: o ?? g.ai.newConversation }),
+              /* @__PURE__ */ t(n1, { icon: re, color: "default", size: "md" })
             ] })
           }
         ) }),
@@ -10464,9 +10478,9 @@ const J1 = ({
                   employeeCredits: C
                 }
               ),
-              E,
-              b,
-              H
+              A,
+              M,
+              N
             ]
           }
         )
@@ -10486,7 +10500,7 @@ const J1 = ({
         },
         children: [
           f && !s && /* @__PURE__ */ t(
-            l1,
+            o1,
             {
               variant: "ghost",
               hideLabel: !0,
@@ -10502,9 +10516,9 @@ const J1 = ({
               employeeCredits: C
             }
           ),
-          E,
-          b,
-          H
+          A,
+          M,
+          N
         ]
       }
     )
@@ -10597,7 +10611,7 @@ function t9({
             onClick: () => s(e.id, e.title),
             children: [
               e.icon && /* @__PURE__ */ t(
-                o1,
+                n1,
                 {
                   icon: e.icon,
                   size: "sm",
@@ -10605,7 +10619,7 @@ function t9({
                   "aria-hidden": !0
                 }
               ),
-              /* @__PURE__ */ t(n1, { lines: 1, className: "py-0.5 text-left font-medium", children: e.title }),
+              /* @__PURE__ */ t(s1, { lines: 1, className: "py-0.5 text-left font-medium", children: e.title }),
               /* @__PURE__ */ t("span", { className: "hidden shrink-0 text-sm font-medium text-f1-foreground-tertiary group-focus-within:inline group-hover:inline", children: m })
             ]
           }
@@ -10634,7 +10648,7 @@ function t9({
               "has-[[aria-expanded=true]]:flex"
             ),
             children: /* @__PURE__ */ t(le, { items: C, children: /* @__PURE__ */ t(
-              l1,
+              o1,
               {
                 icon: lt,
                 variant: "ghost",
@@ -10658,9 +10672,9 @@ function Qe({
   onUnpin: a,
   onDelete: c
 }) {
-  const [u, l] = I(!0), f = j(() => {
+  const [u, l] = I(!0), f = _(() => {
     l((C) => !C);
-  }, []), d = j(
+  }, []), d = _(
     (C) => {
       (C.key === "Enter" || C.key === " ") && (C.preventDefault(), f());
     },
@@ -10681,7 +10695,7 @@ function Qe({
         children: [
           /* @__PURE__ */ t("span", { className: "text-sm font-medium capitalize tracking-wide text-f1-foreground-secondary", children: e }),
           /* @__PURE__ */ t(
-            o1,
+            n1,
             {
               icon: u ? re : at,
               color: "secondary",
@@ -10760,22 +10774,22 @@ const P9 = ({
   ), w = Y(
     () => g.filter((L) => !c.has(L.id)),
     [g, c]
-  ), b = Y(
+  ), M = Y(
     () => e9(w),
     [w]
-  ), H = j(
+  ), N = _(
     (L, V) => {
       r(L, V), e();
     },
     [r, e]
-  ), E = j(() => {
+  ), A = _(() => {
     o(), e();
-  }, [o, e]), S = j(
+  }, [o, e]), S = _(
     (L) => {
       f(L);
     },
     [f]
-  ), F = v.length > 0 || b.length > 0;
+  ), F = v.length > 0 || M.length > 0;
   return Ht(
     /* @__PURE__ */ i(R1, { children: [
       /* @__PURE__ */ t(
@@ -10807,7 +10821,7 @@ const P9 = ({
               ),
               children: [
                 /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center gap-2 border-0 border-b border-solid border-f1-border-secondary py-2 pl-5 pr-3", children: [
-                  /* @__PURE__ */ t(o1, { icon: ne, color: "secondary", size: "md" }),
+                  /* @__PURE__ */ t(n1, { icon: ne, color: "secondary", size: "md" }),
                   /* @__PURE__ */ t(
                     "input",
                     {
@@ -10831,10 +10845,10 @@ const P9 = ({
                       variant: "ghost",
                       size: "md",
                       className: "py-1 [&>div>span>span]:w-full",
-                      onClick: E,
+                      onClick: A,
                       children: /* @__PURE__ */ i("div", { className: "flex w-full items-center gap-2", children: [
-                        /* @__PURE__ */ t(o1, { icon: de, color: "default", size: "md" }),
-                        /* @__PURE__ */ t(n1, { lines: 1, className: "text-left", children: d.ai.startNewChat })
+                        /* @__PURE__ */ t(n1, { icon: de, color: "default", size: "md" }),
+                        /* @__PURE__ */ t(s1, { lines: 1, className: "text-left", children: d.ai.startNewChat })
                       ] })
                     }
                   ),
@@ -10847,19 +10861,19 @@ const P9 = ({
                       label: d.ai.pinnedChats,
                       threads: v,
                       pinnedIds: c,
-                      onSelect: H,
+                      onSelect: N,
                       onPin: u,
                       onUnpin: l,
                       onDelete: S
                     }
                   ),
-                  !s && !a && b.map((L) => /* @__PURE__ */ t(
+                  !s && !a && M.map((L) => /* @__PURE__ */ t(
                     Qe,
                     {
                       label: h[L.key],
                       threads: L.threads,
                       pinnedIds: c,
-                      onSelect: H,
+                      onSelect: N,
                       onPin: u,
                       onUnpin: l,
                       onDelete: S
@@ -10890,7 +10904,7 @@ function D9({
   pinThread: n,
   unpinThread: s
 }) {
-  const [a, c] = I([]), [u, l] = I(!1), [f, d] = I(null), [C, m] = I(n9), [h, g] = I(() => /* @__PURE__ */ new Set()), v = j(async () => {
+  const [a, c] = I([]), [u, l] = I(!1), [f, d] = I(null), [C, m] = I(n9), [h, g] = I(() => /* @__PURE__ */ new Set()), v = _(async () => {
     l(!0), d(null);
     try {
       const L = await r();
@@ -10905,43 +10919,43 @@ function D9({
   W(() => {
     e && v();
   }, [e, v]);
-  const w = j((L, V) => {
-    m((N) => {
-      if (V === N.has(L)) return N;
-      const D = new Set(N);
-      return V ? D.add(L) : D.delete(L), tt(D), D;
+  const w = _((L, V) => {
+    m((H) => {
+      if (V === H.has(L)) return H;
+      const P = new Set(H);
+      return V ? P.add(L) : P.delete(L), tt(P), P;
     });
-  }, []), b = j((L, V) => {
-    g((N) => {
-      if (V === N.has(L)) return N;
-      const D = new Set(N);
-      return V ? D.add(L) : D.delete(L), D;
+  }, []), M = _((L, V) => {
+    g((H) => {
+      if (V === H.has(L)) return H;
+      const P = new Set(H);
+      return V ? P.add(L) : P.delete(L), P;
     });
-  }, []), H = j(
+  }, []), N = _(
     (L, V) => {
-      const N = V ? n : s;
-      w(L, V), N && (b(L, !0), N(L).catch(() => w(L, !V)).finally(() => b(L, !1)));
+      const H = V ? n : s;
+      w(L, V), H && (M(L, !0), H(L).catch(() => w(L, !V)).finally(() => M(L, !1)));
     },
-    [n, s, w, b]
-  ), E = j((L) => H(L, !0), [H]), S = j(
-    (L) => H(L, !1),
-    [H]
-  ), F = j(
+    [n, s, w, M]
+  ), A = _((L) => N(L, !0), [N]), S = _(
+    (L) => N(L, !1),
+    [N]
+  ), F = _(
     async (L) => {
-      b(L, !0);
+      M(L, !0);
       try {
-        await o(L), c((V) => V.filter((N) => N.id !== L)), m((V) => {
+        await o(L), c((V) => V.filter((H) => H.id !== L)), m((V) => {
           if (!V.has(L)) return V;
-          const N = new Set(V);
-          return N.delete(L), tt(N), N;
+          const H = new Set(V);
+          return H.delete(L), tt(H), H;
         });
       } catch {
         v();
       } finally {
-        b(L, !1);
+        M(L, !1);
       }
     },
-    [o, v, b]
+    [o, v, M]
   );
   return {
     threads: a,
@@ -10950,7 +10964,7 @@ function D9({
     refetch: v,
     pinnedIds: C,
     pendingIds: h,
-    pinThread: E,
+    pinThread: A,
     unpinThread: S,
     deleteThread: F
   };
@@ -11010,7 +11024,7 @@ const s9 = K.create(xt), a9 = ({
   className: n,
   children: s
 }) {
-  const { t: a } = z(), c = p1(), u = o ?? a("ai.applyingChanges");
+  const { t: a } = z(), c = C1(), u = o ?? a("ai.applyingChanges");
   return W(() => {
     if (!r) return;
     const l = document.activeElement;