npm - @factorialco/f0-react - Versions diffs - 3.2.4 → 3.2.6 - Mend

@factorialco/f0-react 3.2.4 → 3.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/{F0CanvasPanel-C3fJQSVe.js → F0CanvasPanel-BIiLn_fA.js} +13078 -13066
package/dist/ai.js +2 -2
package/dist/experimental.js +4 -4
package/dist/f0.js +6 -6
package/dist/styles.css +1 -1
package/dist/{useChatHistory-shjDpEO2.js → useChatHistory-Cr-xjwIK.js} +580 -568
package/dist/{useDataCollectionSource-DAyA5jD3.js → useDataCollectionSource-BKkv1Qwq.js} +1 -1
package/package.json +1 -1

package/dist/{useChatHistory-shjDpEO2.js → useChatHistory-Cr-xjwIK.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as r, Fragment as xe } from "react/jsx-runtime";
 import { useInsertionEffect as to, forwardRef as p, createElement as $e, useRef as I, useMemo as ee, useEffect as X, useLayoutEffect as vt, useState as P, useCallback as q, createContext as Ye, useContext as Pe, useId as wt } from "react";
-import { cj as ro, ck as oo, cl as no, cm as so, cn as xt, co as io, cp as ao, cq as co, cr as lo, cs as fo, ct as kt, cu as uo, cv as ho, cw as go, cx as po, cy as mo, cz as Co, cA as vo, cB as We, cC as wo, cD as xo, cE as ko, cF as bo, cG as Lo, Z as bt, cH as yo, cI as Mo, cJ as Eo, cK as Ro, cL as Fo, cM as Lt, cN as No, cO as So, a6 as m1, cP as Vo, aJ as To, cQ as Ho, cR as Ao, cS as Bo, ag as $o, cT as Io, bO as Po, aa as C1, ad as jo, cU as Do, ba as v1, a1 as yt, S as Ke, cV as Mt, b9 as Zo, cW as _o, cX as Oo, b2 as Uo, bN as zo, $ as Le, au as Go, be as Et, cY as Wo, bL as qo, cZ as Re, bH as Xo, c_ as Yo, c$ as Rt, b1 as Ft, d0 as Ko, d1 as Qo, d2 as Jo, d3 as en, d4 as tn, d5 as Nt, bz as rn, bA as on, d6 as nn, d7 as sn, d8 as an, d9 as cn, da as ln, db as dn, dc as fn, dd as un, de as hn, df as gn, dg as pn, dh as mn, di as Cn, bM as vn, ab as wn, bv as xn, dj as kn, dk as bn, dl as Ln, dm as yn, dn as Mn, dp as En, dq as Rn, ap as Fn, dr as St, M as Nn, a0 as Sn, ds as Vt, dt as Tt, du as Vn, bd as Tn, bc as Hn, dv as An, dw as Ht, dx as Bn, b0 as $n, ay as In, dy as Pn, as as jn, b7 as Dn, dz as At, b6 as Zn, dA as _n, bi as w1, dB as On, dC as x1, bJ as Un, bI as zn, bK as Bt, dD as Gn, G as Wn, E as qn, dE as Xn, dF as Yn, dG as Kn, dH as Qn, dI as Jn, dJ as $t, dK as es, ac as ts, dL as rs, L as fe, q as Fe, o as x, ae as ce, dM as os, bp as ns, bC as ss, y as It, dN as is, a5 as Qe, b$ as as, at as cs, Q as pe, H as le, a8 as Pt, af as jt, bq as Dt, dO as ls, dP as ds, dQ as fs, U as ue, u as Y, dR as us, cg as Zt, v as me, a2 as hs, dS as gs, aP as ye, A as Ne, p as ne, aD as k1, dT as ps, aE as b1, aF as L1, b as Me, dU as ms, dV as Cs, bD as vs, V as ws, a$ as xs, dW as ks, dX as bs, dY as Ls, dZ as $1, a3 as ys, ak as _t, aS as Ot, d_ as Ms, b_ as Es, d$ as Rs, e0 as Fs, aX as Ut, e1 as Ns, bU as Ss, e2 as Vs, aU as Ie, bg as zt, e3 as Gt, bh as Wt, c as u1, e4 as qt, e5 as Ts, bk as Hs, e6 as As, b8 as y1, bw as Bs, e7 as $s, e8 as Is, e9 as Ps, ea as js, eb as Ds, z as Zs, ec as Xt, ed as Yt, ee as _s, aj as I1, ef as Os, ai as Us, eg as zs, eh as Gs } from "./F0CanvasPanel-C3fJQSVe.js";
+import { cj as ro, ck as oo, cl as no, cm as so, cn as xt, co as io, cp as ao, cq as co, cr as lo, cs as fo, ct as kt, cu as uo, cv as ho, cw as go, cx as po, cy as mo, cz as Co, cA as vo, cB as We, cC as wo, cD as xo, cE as ko, cF as bo, cG as Lo, Z as bt, cH as yo, cI as Mo, cJ as Eo, cK as Ro, cL as Fo, cM as Lt, cN as No, cO as So, a6 as m1, cP as Vo, aJ as To, cQ as Ho, cR as Ao, cS as Bo, ag as $o, cT as Io, bO as Po, aa as C1, ad as jo, cU as Do, ba as v1, a1 as yt, S as Ke, cV as Mt, b9 as Zo, cW as _o, cX as Oo, b2 as Uo, bN as zo, $ as Le, au as Go, be as Et, cY as Wo, bL as qo, cZ as Re, bH as Xo, c_ as Yo, c$ as Rt, b1 as Ft, d0 as Ko, d1 as Qo, d2 as Jo, d3 as en, d4 as tn, d5 as Nt, bz as rn, bA as on, d6 as nn, d7 as sn, d8 as an, d9 as cn, da as ln, db as dn, dc as fn, dd as un, de as hn, df as gn, dg as pn, dh as mn, di as Cn, bM as vn, ab as wn, bv as xn, dj as kn, dk as bn, dl as Ln, dm as yn, dn as Mn, dp as En, dq as Rn, ap as Fn, dr as St, M as Nn, a0 as Sn, ds as Vt, dt as Tt, du as Vn, bd as Tn, bc as Hn, dv as An, dw as Ht, dx as Bn, b0 as $n, ay as In, dy as Pn, as as jn, b7 as Dn, dz as At, b6 as Zn, dA as _n, bi as w1, dB as On, dC as x1, bJ as Un, bI as zn, bK as Bt, dD as Gn, G as Wn, E as qn, dE as Xn, dF as Yn, dG as Kn, dH as Qn, dI as Jn, dJ as $t, dK as es, ac as ts, dL as rs, L as fe, q as Fe, o as x, ae as ce, dM as os, bp as ns, bC as ss, y as It, dN as is, a5 as Qe, b$ as as, at as cs, Q as pe, H as le, a8 as Pt, af as jt, bq as Dt, dO as ls, dP as ds, dQ as fs, U as ue, u as Y, dR as us, cg as Zt, v as me, a2 as hs, dS as gs, aP as ye, A as Ne, p as ne, aD as k1, dT as ps, aE as b1, aF as L1, b as Me, dU as ms, dV as Cs, bD as vs, V as ws, a$ as xs, dW as ks, dX as bs, dY as Ls, dZ as $1, a3 as ys, ak as _t, aS as Ot, d_ as Ms, b_ as Es, d$ as Rs, e0 as Fs, aX as Ut, e1 as Ns, bU as Ss, e2 as Vs, aU as Ie, bg as zt, e3 as Gt, bh as Wt, c as u1, e4 as qt, e5 as Ts, bk as Hs, e6 as As, b8 as y1, bw as Bs, e7 as $s, e8 as Is, e9 as Ps, ea as js, eb as Ds, z as Zs, ec as Xt, ed as Yt, ee as _s, aj as I1, ef as Os, ai as Us, eg as zs, eh as Gs } from "./F0CanvasPanel-BIiLn_fA.js";
 import { createPortal as Kt } from "react-dom";
 import { defaultTranslations as Ws } from "./i18n-provider-defaults.js";
 import { useTrackVolume as qs } from "@livekit/components-react";
@@ -63,15 +63,15 @@ function ni(e, { defaultTransition: t = {}, ...o } = {}, n, s) {
     }
     let [v, w, k = {}] = C;
     k.at !== void 0 && (g = P1(g, k.at, f, u));
-    let V = 0;
-    const T = (E, y, L, H = 0, b = 0) => {
-      const A = si(E), { delay: S = 0, times: R = io(A), type: $ = "keyframes", repeat: _, repeatType: z, repeatDelay: G = 0, ...re } = y;
-      let { ease: K = t.ease || "easeOut", duration: O } = y;
-      const Z = typeof S == "function" ? S(H, b) : S, D = A.length, Q = lo($) ? $ : s?.[$];
+    let T = 0;
+    const H = (R, L, b, A = 0, V = 0) => {
+      const y = si(R), { delay: E = 0, times: F = io(y), type: $ = "keyframes", repeat: _, repeatType: z, repeatDelay: G = 0, ...re } = L;
+      let { ease: K = t.ease || "easeOut", duration: O } = L;
+      const Z = typeof E == "function" ? E(A, V) : E, D = y.length, Q = lo($) ? $ : s?.[$];
       if (D <= 2 && Q) {
         let ie = 100;
-        if (D === 2 && ci(A)) {
-          const de = A[1] - A[0];
+        if (D === 2 && ci(y)) {
+          const de = y[1] - y[0];
           ie = Math.abs(de);
         }
         const oe = { ...re };
@@ -81,56 +81,56 @@ function ni(e, { defaultTransition: t = {}, ...o } = {}, n, s) {
       }
       O ?? (O = i);
       const W = g + Z;
-      R.length === 1 && R[0] === 0 && (R[1] = 1);
-      const he = R.length - A.length;
-      if (he > 0 && co(R, he), A.length === 1 && A.unshift(null), _) {
+      F.length === 1 && F[0] === 0 && (F[1] = 1);
+      const he = F.length - y.length;
+      if (he > 0 && co(F, he), y.length === 1 && y.unshift(null), _) {
         kt(_ < oi, "Repeat count too high, must be less than 20"), O = Ys(O, _);
-        const ie = [...A], oe = [...R];
+        const ie = [...y], oe = [...F];
         K = Array.isArray(K) ? [...K] : [K];
         const se = [...K];
         for (let de = 0; de < _; de++) {
-          A.push(...ie);
+          y.push(...ie);
           for (let M = 0; M < ie.length; M++)
-            R.push(oe[M] + (de + 1)), K.push(M === 0 ? "linear" : Jt(se, M - 1));
+            F.push(oe[M] + (de + 1)), K.push(M === 0 ? "linear" : Jt(se, M - 1));
         }
-        ei(R, _);
+        ei(F, _);
       }
       const ge = W + O;
-      Js(L, A, K, R, W, ge), V = Math.max(Z + O, V), m = Math.max(ge, m);
+      Js(b, y, K, F, W, ge), T = Math.max(Z + O, T), m = Math.max(ge, m);
     };
     if (xt(v)) {
-      const E = j1(v, d);
-      T(w, k, D1("default", E));
+      const R = j1(v, d);
+      H(w, k, D1("default", R));
     } else {
-      const E = Qt(v, w, n, l), y = E.length;
-      for (let L = 0; L < y; L++) {
+      const R = Qt(v, w, n, l), L = R.length;
+      for (let b = 0; b < L; b++) {
         w = w, k = k;
-        const H = E[L], b = j1(H, d);
-        for (const A in w)
-          T(w[A], ii(k, A), D1(A, b), L, y);
+        const A = R[b], V = j1(A, d);
+        for (const y in w)
+          H(w[y], ii(k, y), D1(y, V), b, L);
       }
     }
-    f = g, g += V;
+    f = g, g += T;
   }
   return d.forEach((h, C) => {
     for (const v in h) {
       const w = h[v];
       w.sort(ti);
-      const k = [], V = [], T = [];
-      for (let y = 0; y < w.length; y++) {
-        const { at: L, value: H, easing: b } = w[y];
-        k.push(H), V.push(uo(0, m, L)), T.push(b || "easeOut");
+      const k = [], T = [], H = [];
+      for (let L = 0; L < w.length; L++) {
+        const { at: b, value: A, easing: V } = w[L];
+        k.push(A), T.push(uo(0, m, b)), H.push(V || "easeOut");
       }
-      V[0] !== 0 && (V.unshift(0), k.unshift(k[0]), T.unshift(ri)), V[V.length - 1] !== 1 && (V.push(1), k.push(null)), a.has(C) || a.set(C, {
+      T[0] !== 0 && (T.unshift(0), k.unshift(k[0]), H.unshift(ri)), T[T.length - 1] !== 1 && (T.push(1), k.push(null)), a.has(C) || a.set(C, {
         keyframes: {},
         transition: {}
       });
-      const E = a.get(C);
-      E.keyframes[v] = k, E.transition[v] = {
+      const R = a.get(C);
+      R.keyframes[v] = k, R.transition[v] = {
         ...t,
         duration: m,
-        ease: T,
-        times: V,
+        ease: H,
+        times: T,
         ...o
       };
     }
@@ -7140,19 +7140,19 @@ const Jl = Fe({
     marginX: v,
     marginY: w,
     marginTop: k,
-    marginBottom: V,
-    marginLeft: T,
-    marginRight: E,
+    marginBottom: T,
+    marginLeft: H,
+    marginRight: R,
     // Gap
-    gap: y,
+    gap: L,
     // Grid
-    columns: L,
-    rows: H,
-    colSpan: b,
-    colStart: A,
-    rowSpan: S,
+    columns: b,
+    rows: A,
+    colSpan: V,
+    colStart: y,
+    rowSpan: E,
     // Dimensions
-    width: R,
+    width: F,
     height: $,
     minWidth: _,
     minHeight: z,
@@ -7174,8 +7174,8 @@ const Jl = Fe({
     borderRadiusBottomRight: de,
     borderStyle: M,
     // Overflow
-    overflow: N,
-    overflowX: F,
+    overflow: S,
+    overflowX: N,
     overflowY: j,
     // Divider
     divider: B,
@@ -7224,16 +7224,16 @@ const Jl = Fe({
             marginX: v,
             marginY: w,
             marginTop: k,
-            marginBottom: V,
-            marginLeft: T,
-            marginRight: E,
-            gap: y,
-            columns: L,
-            rows: H,
-            colSpan: b,
-            colStart: A,
-            rowSpan: S,
-            width: R,
+            marginBottom: T,
+            marginLeft: H,
+            marginRight: R,
+            gap: L,
+            columns: b,
+            rows: A,
+            colSpan: V,
+            colStart: y,
+            rowSpan: E,
+            width: F,
             height: $,
             minWidth: _,
             minHeight: z,
@@ -7252,8 +7252,8 @@ const Jl = Fe({
             borderRadiusBottomLeft: se,
             borderRadiusBottomRight: de,
             borderStyle: M,
-            overflow: N,
-            overflowX: F,
+            overflow: S,
+            overflowX: N,
             overflowY: j,
             divider: B,
             dividerColor: U,
@@ -7405,40 +7405,47 @@ function Z1({
   stack: a = "none",
   fullWidthOnStack: d = !1,
   reverseOnStack: l = !1,
-  className: u
+  canOverflow: u = !0,
+  className: f
 }) {
-  const f = I(null), { width: g = 0 } = ss({
-    ref: f,
+  const g = I(null), { width: m = 0 } = ss({
+    ref: g,
     box: "border-box"
-  }), m = a === "sm" || a === "md" ? c1[a] : c1.md, h = It(`(min-width: ${m}px)`, {
+  }), h = a === "sm" || a === "md" ? c1[a] : c1.md, C = It(`(min-width: ${h}px)`, {
     initializeWithValue: !1
-  }), C = a === "none" ? !0 : a === "container-md" ? g >= c1["container-md"] : h, v = typeof n == "string" ? n : n.base, w = typeof n == "string" ? n : n.md, k = C ? w : v, V = Array.isArray(
+  }), v = a === "none" ? !0 : a === "container-md" ? m >= c1["container-md"] : C, w = typeof n == "string" ? n : n.base, k = typeof n == "string" ? n : n.md, T = v ? k : w, H = Array.isArray(
     t
-  ) ? t : [], T = t != null && !Array.isArray(t) ? t : void 0, E = {
+  ) ? t : [], R = t != null && !Array.isArray(t) ? t : void 0, L = {
     primaryAction: e,
-    secondaryItems: V,
-    secondaryLink: T,
+    secondaryItems: H,
+    secondaryLink: R,
     otherActions: o,
-    size: k,
+    size: T,
     gap: s,
-    align: i
+    align: i,
+    canOverflow: u
   };
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: f,
+      ref: g,
       role: "group",
       className: x(
-        C ? "flex w-full items-center" : t2({
+        v ? (
+          // Keep the pinned trailing items (splits, divider, primary) at their
+          // natural width; only the first child — the flex-1 cluster — shrinks,
+          // so the title truncates against it rather than squeezing the buttons.
+          "flex w-full items-center [&>*:not(:first-child)]:shrink-0"
+        ) : t2({
           align: i,
           stack: a,
           fullWidthOnStack: d,
           reverseOnStack: l
         }),
-        u
+        f
       ),
       style: { gap: s },
-      children: C ? /* @__PURE__ */ r(n2, { ...E }, "row") : /* @__PURE__ */ r(o2, { ...E }, "stacked")
+      children: v ? /* @__PURE__ */ r(n2, { ...L }, "row") : /* @__PURE__ */ r(o2, { ...L }, "stacked")
     }
   );
 }
@@ -7468,86 +7475,90 @@ function n2({
   otherActions: n,
   size: s,
   gap: i,
-  align: a
+  align: a,
+  canOverflow: d
 }) {
-  const d = ee(
+  const l = ee(
     () => t.filter(r2),
     [t]
   ), {
-    containerRef: l,
-    measurementContainerRef: u,
-    customOverflowIndicatorRef: f,
-    visibleItems: g,
-    overflowItems: m,
-    isInitialized: h
-  } = is(d, i);
+    containerRef: u,
+    measurementContainerRef: f,
+    customOverflowIndicatorRef: g,
+    visibleItems: m,
+    overflowItems: h,
+    isInitialized: C
+  } = is(l, i);
   X(() => {
-    u.current?.setAttribute("inert", "");
-  }, [u]);
-  const C = h ? g : d, v = h ? m : [], w = new Set(C.map((b) => b.id)), k = e ? yr(e, s) : null, V = t.filter(qe), T = t[t.length - 1], E = T != null && g1(T) && (V.length > 0 || k != null), y = [];
-  t.forEach((b, A) => {
-    if (!qe(b)) {
-      if (g1(b)) {
-        y.push({ kind: "sep", key: `sep-${A}` });
+    f.current?.setAttribute("inert", "");
+  }, [f]);
+  const v = d && C ? m : l, w = d ? C ? h : [] : [], k = new Set(v.map((y) => y.id)), T = e ? yr(e, s) : null, H = t.filter(qe), R = t[t.length - 1], L = R != null && g1(R) && (H.length > 0 || T != null), b = [];
+  t.forEach((y, E) => {
+    if (!qe(y)) {
+      if (g1(y)) {
+        b.push({ kind: "sep", key: `sep-${E}` });
         return;
       }
-      w.has(b.id) && y.push({
+      k.has(y.id) && b.push({
         kind: "node",
-        node: Xe(b, s, "outline")
+        node: Xe(y, s, "outline")
       });
     }
   });
-  const L = y.filter(
-    (b, A) => b.kind === "node" || y[A - 1]?.kind === "node" && y[A + 1]?.kind === "node"
-  ), H = [
-    ...v.map(
-      (b) => ({
-        label: b.label,
-        icon: b.icon,
-        onClick: b.onClick,
-        href: b.href,
-        critical: b.critical
+  const A = b.filter(
+    (y, E) => y.kind === "node" || b[E - 1]?.kind === "node" && b[E + 1]?.kind === "node"
+  ), V = [
+    ...w.map(
+      (y) => ({
+        label: y.label,
+        icon: y.icon,
+        onClick: y.onClick,
+        href: y.href,
+        critical: y.critical
       })
     ),
-    ...v.length > 0 && n.length > 0 ? [{ type: "separator" }] : [],
+    ...w.length > 0 && n.length > 0 ? [{ type: "separator" }] : [],
     ...n
   ];
   return /* @__PURE__ */ c(xe, { children: [
     /* @__PURE__ */ c(
       "div",
       {
-        ref: l,
+        ref: u,
         className: x(
-          "relative flex min-w-0 flex-1 items-center",
+          // `[&>*]:shrink-0` keeps each rendered secondary, separator, link and
+          // the "⋯" trigger at its natural width: the row overflows by shedding
+          // into the menu, never by squeezing a button to nothing.
+          "relative flex min-w-0 flex-1 items-center [&>*]:shrink-0",
           a === "end" && "justify-end"
         ),
         style: { gap: i },
         children: [
-          /* @__PURE__ */ r(
+          d && /* @__PURE__ */ r(
             "div",
             {
-              ref: u,
+              ref: f,
               "aria-hidden": "true",
               className: "pointer-events-none invisible absolute left-0 top-0 flex items-center whitespace-nowrap",
               style: { gap: i },
-              children: d.map(
-                (b) => Xe(b, s, "outline")
+              children: l.map(
+                (y) => Xe(y, s, "outline")
               )
             }
           ),
-          H.length > 0 && /* @__PURE__ */ r("div", { ref: f, children: /* @__PURE__ */ r(Qe, { items: H, icon: Rt, size: s }) }),
-          L.map(
-            (b) => b.kind === "sep" ? /* @__PURE__ */ r(_1, {}, b.key) : b.node
+          V.length > 0 && /* @__PURE__ */ r("div", { ref: g, children: /* @__PURE__ */ r(Qe, { items: V, icon: Rt, size: s }) }),
+          A.map(
+            (y) => y.kind === "sep" ? /* @__PURE__ */ r(_1, {}, y.key) : y.node
           ),
           o && Lr(o, s)
         ]
       }
     ),
-    V.map(
-      (b) => F1(b, s, "outline")
+    H.map(
+      (y) => F1(y, s, "outline")
     ),
-    E && /* @__PURE__ */ r(_1, {}),
-    k
+    L && /* @__PURE__ */ r(_1, {}),
+    T
   ] });
 }
 function _1() {
@@ -7638,7 +7649,7 @@ function d2({
         hideLabel: w,
         disabled: s.disabled,
         onClick: s.onClick
-      } : void 0, V = n ? {
+      } : void 0, T = n ? {
         id: "confirm",
         icon: C1,
         label: n.label ?? "Confirm",
@@ -7649,10 +7660,11 @@ function d2({
       return /* @__PURE__ */ r(
         Z1,
         {
-          primaryAction: V,
+          primaryAction: T,
           secondaryActions: k ? [k] : void 0,
           size: l,
-          gap: O1
+          gap: O1,
+          canOverflow: !1
         }
       );
     }, v = (
@@ -8198,23 +8210,23 @@ const w2 = ({
     }
     if (s)
       return f(!1), a(C), v(), g.current = setTimeout(() => {
-        const y = (d + 1) % Math.max(e.length, 1);
-        l(y);
+        const L = (d + 1) % Math.max(e.length, 1);
+        l(L);
       }, 4e3), () => {
         v();
       };
     f(!0), a("");
     let w = 0;
-    const k = 50, V = 30, T = 2e3, E = 1e3;
+    const k = 50, T = 30, H = 2e3, R = 1e3;
     return m.current = setInterval(() => {
       w < C.length ? (a(C.slice(0, w + 1)), w++) : (m.current && (clearInterval(m.current), m.current = null), g.current = setTimeout(() => {
         h.current = setInterval(() => {
           w > 0 ? (w--, a(C.slice(0, w))) : (h.current && (clearInterval(h.current), h.current = null), g.current = setTimeout(() => {
-            const y = (d + 1) % Math.max(e.length, 1);
-            l(y);
-          }, E));
-        }, V);
-      }, T));
+            const L = (d + 1) % Math.max(e.length, 1);
+            l(L);
+          }, R));
+        }, T);
+      }, H));
     }, k), () => {
       v();
     };
@@ -8507,8 +8519,8 @@ function N2(e) {
   X(() => {
     h.current = t.length;
   }, [t]);
-  const C = q((T) => {
-    i.current && clearTimeout(i.current), s(T), i.current = setTimeout(() => {
+  const C = q((H) => {
+    i.current && clearTimeout(i.current), s(H), i.current = setTimeout(() => {
       s(null), i.current = null;
     }, F2);
   }, []);
@@ -8519,11 +8531,11 @@ function N2(e) {
     []
   );
   const v = q(
-    async (T) => {
-      if (T.length === 0 || !l) return;
-      const E = R2(T, u);
-      if (E.length === 0) return;
-      if (f !== void 0 && h.current + E.length > f) {
+    async (H) => {
+      if (H.length === 0 || !l) return;
+      const R = R2(H, u);
+      if (R.length === 0) return;
+      if (f !== void 0 && h.current + R.length > f) {
         C(
           d.ai.tooManyFilesError.replace(
             "{{maxFiles}}",
@@ -8532,40 +8544,40 @@ function N2(e) {
         );
         return;
       }
-      const y = E.map((b) => ({
+      const L = R.map((V) => ({
         id: crypto.randomUUID(),
-        file: b,
+        file: V,
         status: "uploading"
-      })), L = y.map((b) => b.id);
-      o((b) => [...b, ...y]);
-      const H = (b) => o(
-        (A) => A.map(
-          (S) => L.includes(S.id) ? { ...S, status: "error", errorMessage: b } : S
+      })), b = L.map((V) => V.id);
+      o((V) => [...V, ...L]);
+      const A = (V) => o(
+        (y) => y.map(
+          (E) => b.includes(E.id) ? { ...E, status: "error", errorMessage: V } : E
         )
       );
       try {
-        const b = await l(E);
-        if (!Array.isArray(b) || b.length !== E.length) {
-          H(d.ai.fileUploadError);
+        const V = await l(R);
+        if (!Array.isArray(V) || V.length !== R.length) {
+          A(d.ai.fileUploadError);
           return;
         }
         o(
-          (A) => A.map((S) => {
-            const R = y.findIndex(($) => $.id === S.id);
-            return R === -1 ? S : b[R] ? {
-              ...S,
+          (y) => y.map((E) => {
+            const F = L.findIndex(($) => $.id === E.id);
+            return F === -1 ? E : V[F] ? {
+              ...E,
               status: "uploaded",
-              uploadedFile: b[R]
+              uploadedFile: V[F]
             } : {
-              ...S,
+              ...E,
               status: "error",
               errorMessage: d.ai.fileUploadError
             };
           })
         );
-      } catch (b) {
-        const A = b instanceof Error && b.message ? b.message : d.ai.fileUploadError;
-        H(A);
+      } catch (V) {
+        const y = V instanceof Error && V.message ? V.message : d.ai.fileUploadError;
+        A(y);
       }
     },
     [
@@ -8577,13 +8589,13 @@ function N2(e) {
       C
     ]
   ), w = q(
-    async (T) => {
-      await v(Array.from(T.target.files ?? [])), T.target.value = "";
+    async (H) => {
+      await v(Array.from(H.target.files ?? [])), H.target.value = "";
     },
     [v]
-  ), k = q((T) => {
-    o((E) => E.filter((y) => y.id !== T));
-  }, []), V = q(() => {
+  ), k = q((H) => {
+    o((R) => R.filter((L) => L.id !== H));
+  }, []), T = q(() => {
     o([]);
   }, []);
   return {
@@ -8596,7 +8608,7 @@ function N2(e) {
     processFiles: v,
     handleFileSelect: w,
     handleRemoveFile: k,
-    clearFiles: V,
+    clearFiles: T,
     transientError: n,
     showTransientError: C
   };
@@ -8679,57 +8691,57 @@ function A2({
   searchPersons: n,
   textareaRef: s
 }) {
-  const [i, a] = P(!1), [d, l] = P(""), [u, f] = P([]), [g, m] = P(!1), [h, C] = P(0), [v, w] = P([]), k = I(-1), V = I(null), T = I(0), E = I(-1);
+  const [i, a] = P(!1), [d, l] = P(""), [u, f] = P([]), [g, m] = P(!1), [h, C] = P(0), [v, w] = P([]), k = I(-1), T = I(null), H = I(0), R = I(-1);
   X(() => {
     if (!n) {
       a(!1);
       return;
     }
-    const R = S2(e, o, v);
-    if (!R) {
-      a(!1), l(""), f([]), C(0), k.current = -1, E.current = -1;
+    const F = S2(e, o, v);
+    if (!F) {
+      a(!1), l(""), f([]), C(0), k.current = -1, R.current = -1;
       return;
     }
-    if (R.atIndex === E.current)
+    if (F.atIndex === R.current)
       return;
-    k.current = R.atIndex, l(R.query), a(!0), C(0), m(!0), V.current && clearTimeout(V.current);
-    const $ = ++T.current;
-    return V.current = setTimeout(() => {
-      n(R.query).then((_) => {
-        $ === T.current && (f(_), C(0), _.length === 0 && R.query.length > 0 && (E.current = R.atIndex, a(!1)));
+    k.current = F.atIndex, l(F.query), a(!0), C(0), m(!0), T.current && clearTimeout(T.current);
+    const $ = ++H.current;
+    return T.current = setTimeout(() => {
+      n(F.query).then((_) => {
+        $ === H.current && (f(_), C(0), _.length === 0 && F.query.length > 0 && (R.current = F.atIndex, a(!1)));
       }).catch(() => {
-        $ === T.current && f([]);
+        $ === H.current && f([]);
       }).finally(() => {
-        $ === T.current && m(!1);
+        $ === H.current && m(!1);
       });
     }, H2), () => {
-      V.current && clearTimeout(V.current);
+      T.current && clearTimeout(T.current);
     };
   }, [e, o, n, v]);
-  const y = q(() => {
+  const L = q(() => {
     a(!1), l(""), f([]), C(0), k.current = -1;
-  }, []), L = q(
-    (R) => {
+  }, []), b = q(
+    (F) => {
       const $ = k.current;
       if ($ === -1) return;
-      const _ = `${R.firstName} ${R.lastName}`.trim(), z = String(R.id), G = e.slice(0, $), re = e.slice(o), K = `@${_} `, O = G + K + re, Z = G.length + K.length;
-      t(O), w((D) => [...D.filter((W) => !(W.id === z && W.name === _)), { id: z, name: _ }]), y(), requestAnimationFrame(() => {
+      const _ = `${F.firstName} ${F.lastName}`.trim(), z = String(F.id), G = e.slice(0, $), re = e.slice(o), K = `@${_} `, O = G + K + re, Z = G.length + K.length;
+      t(O), w((D) => [...D.filter((W) => !(W.id === z && W.name === _)), { id: z, name: _ }]), L(), requestAnimationFrame(() => {
         const D = s.current;
         D && (D.focus(), D.setSelectionRange(Z, Z));
       });
     },
-    [e, o, t, s, y]
-  ), H = q(
-    (R) => {
+    [e, o, t, s, L]
+  ), A = q(
+    (F) => {
       if (!i) return !1;
-      if (R.key === "Escape")
-        return R.preventDefault(), y(), !0;
+      if (F.key === "Escape")
+        return F.preventDefault(), L(), !0;
       if (u.length === 0) return !1;
-      switch (R.key) {
+      switch (F.key) {
         case "ArrowDown":
-          return R.preventDefault(), C(($) => ($ + 1) % u.length), !0;
+          return F.preventDefault(), C(($) => ($ + 1) % u.length), !0;
         case "ArrowUp":
-          return R.preventDefault(), C(
+          return F.preventDefault(), C(
             ($) => ($ + u.length - 1) % u.length
           ), !0;
         case "Tab": {
@@ -8737,21 +8749,21 @@ function A2({
           if ($) {
             const _ = `${$.firstName} ${$.lastName}`.trim();
             if (d.length === 0 || _.toLowerCase().startsWith(d.toLowerCase()))
-              return R.preventDefault(), L($), !0;
+              return F.preventDefault(), b($), !0;
           }
           return !1;
         }
         case "Enter":
-          return R.preventDefault(), u[h] && L(u[h]), !0;
+          return F.preventDefault(), u[h] && b(u[h]), !0;
         default:
           return !1;
       }
     },
-    [i, u, h, d, L, y]
-  ), b = q(
-    (R) => {
-      if (v.length === 0) return R;
-      let $ = R;
+    [i, u, h, d, b, L]
+  ), V = q(
+    (F) => {
+      if (v.length === 0) return F;
+      let $ = F;
       const _ = [...v].sort((z, G) => G.name.length - z.name.length);
       for (const z of _) {
         const G = `@${z.name}`, re = `<entity-ref type="person" id="${U1(z.id)}">${U1(z.name)}</entity-ref>`;
@@ -8764,7 +8776,7 @@ function A2({
   );
   X(() => {
     w(
-      (R) => R.filter(($) => {
+      (F) => F.filter(($) => {
         const _ = `@${$.name}`, z = e.indexOf(_);
         if (z === -1) return !1;
         const G = e[z + _.length];
@@ -8773,17 +8785,17 @@ function A2({
       })
     );
   }, [e]);
-  const A = ee(() => {
+  const y = ee(() => {
     if (!i || k.current === -1) return null;
-    const R = s.current;
-    if (!R) return null;
-    const $ = T2(R, k.current), _ = R.offsetLeft + $.left, G = (R.offsetParent ? R.offsetParent.offsetHeight : 0) - (R.offsetTop + $.top);
+    const F = s.current;
+    if (!F) return null;
+    const $ = T2(F, k.current), _ = F.offsetLeft + $.left, G = (F.offsetParent ? F.offsetParent.offsetHeight : 0) - (F.offsetTop + $.top);
     return { left: _, bottom: G };
-  }, [i, e, o, s]), S = ee(() => {
+  }, [i, e, o, s]), E = ee(() => {
     if (!i || u.length === 0) return null;
-    const R = u[h];
-    if (!R) return null;
-    const $ = `${R.firstName} ${R.lastName}`.trim();
+    const F = u[h];
+    if (!F) return null;
+    const $ = `${F.firstName} ${F.lastName}`.trim();
     return d.length === 0 ? $ : $.toLowerCase().startsWith(d.toLowerCase()) ? $.slice(d.length) : null;
   }, [i, u, h, d]);
   return {
@@ -8793,12 +8805,12 @@ function A2({
     isLoading: g,
     selectedIndex: h,
     mentions: v,
-    popoverPosition: A,
-    inlineCompletion: S,
-    handleKeyDown: H,
-    selectPerson: L,
-    transformMentions: b,
-    close: y
+    popoverPosition: y,
+    inlineCompletion: E,
+    handleKeyDown: A,
+    selectPerson: b,
+    transformMentions: V,
+    close: L
   };
 }
 const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>[\s\S]*?<\/entity-ref>)/g).map((t, o) => o % 2 === 1 ? t : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(B2, "\\$&")).join(""), d9 = ({
@@ -8820,20 +8832,20 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
   disclaimer: v,
   footer: w,
   isWelcomeScreen: k = !1,
-  fullscreen: V = !1,
-  welcomeScreenSuggestions: T,
-  onSuggestionClick: E,
-  ref: y
+  fullscreen: T = !1,
+  welcomeScreenSuggestions: H,
+  onSuggestionClick: R,
+  ref: L
 }) => {
-  const L = Y(), H = ye(), [b, A] = P(""), [S, R] = P(0), [$, _] = P(!1), [z, G] = P(!1), [re, K] = P(null), O = I(null), Z = I(null), D = I(null), Q = a != null, { tracking: W } = Me(), he = q(
+  const b = Y(), A = ye(), [V, y] = P(""), [E, F] = P(0), [$, _] = P(!1), [z, G] = P(!1), [re, K] = P(null), O = I(null), Z = I(null), D = I(null), Q = a != null, { tracking: W } = Me(), he = q(
     (te, ke) => {
       W?.onWelcomeSuggestionClick?.({
         item: te,
         group: ke,
         prompt: te.prompt || te.title
-      }), E?.(te, ke);
+      }), R?.(te, ke);
     },
-    [W, E]
+    [W, R]
   ), {
     attachedFiles: ge,
     fileInputRef: ie,
@@ -8841,25 +8853,25 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
     acceptValue: se,
     isAtMaxFiles: de,
     maxFiles: M,
-    processFiles: N,
-    handleFileSelect: F,
+    processFiles: S,
+    handleFileSelect: N,
     handleRemoveFile: j,
     clearFiles: B,
     transientError: U,
     showTransientError: ae
   } = N2(g), J = A2({
-    inputValue: b,
-    setInputValue: A,
-    cursorPosition: S,
+    inputValue: V,
+    setInputValue: y,
+    cursorPosition: E,
     searchPersons: h,
     textareaRef: Z
   }), we = I(""), Ee = q((te) => {
     const ke = we.current, i1 = ke && !/\s$/.test(ke) ? " " : "", Ue = `${ke}${i1}${te}`;
-    A(Ue), R(Ue.length);
+    y(Ue), F(Ue.length);
   }, []), Te = {
-    "permission-denied": L.ai.micPermissionDenied,
-    "device-error": L.ai.micError,
-    "transcription-failed": L.ai.transcriptionError
+    "permission-denied": b.ai.micPermissionDenied,
+    "device-error": b.ai.micError,
+    "transcription-failed": b.ai.transcriptionError
   }, Ce = ms({
     onTranscribe: m,
     onPartial: Ee,
@@ -8868,8 +8880,8 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
     },
     onError: (te) => ae(Te[te])
   }), Je = !!m && Ce.isSupported, e1 = q(() => {
-    W?.onDictationStart?.(), we.current = b, Ce.start();
-  }, [b, Ce, W]), t1 = q(() => {
+    W?.onDictationStart?.(), we.current = V, Ce.start();
+  }, [V, Ce, W]), t1 = q(() => {
     W?.onDictationCancel?.(), Ce.cancel();
   }, [Ce, W]);
   X(() => {
@@ -8877,16 +8889,16 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
   }, []), X(() => {
     if (C)
       return C((te) => {
-        N(te);
+        S(te);
       }), () => {
         C(null);
       };
-  }, [C, N]);
-  const je = Ce.status === "recording", r1 = je ? L.ai.listening : L.ai.inputPlaceholder, o1 = ge.filter((te) => te.status === "uploaded"), Se = ge.some((te) => te.status === "uploading"), He = ge.some((te) => te.status === "error"), De = b.trim().length > 0;
+  }, [C, S]);
+  const je = Ce.status === "recording", r1 = je ? b.ai.listening : b.ai.inputPlaceholder, o1 = ge.filter((te) => te.status === "uploaded"), Se = ge.some((te) => te.status === "uploading"), He = ge.some((te) => te.status === "error"), De = V.trim().length > 0;
   X(() => {
     if (!(!z || Se)) {
       if (G(!1), He) {
-        ae(L.ai.fileUploadBlockedSubmit);
+        ae(b.ai.fileUploadBlockedSubmit);
         return;
       }
       O.current?.requestSubmit();
@@ -8896,7 +8908,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
     Se,
     He,
     ae,
-    L.ai.fileUploadBlockedSubmit
+    b.ai.fileUploadBlockedSubmit
   ]);
   const n1 = async (te) => {
     if (te.preventDefault(), !Q) {
@@ -8918,7 +8930,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
             _(!1);
           }
         }
-        const ke = J.transformMentions(b.trim()), i1 = $2(ke), Ue = o1.flatMap(
+        const ke = J.transformMentions(V.trim()), i1 = $2(ke), Ue = o1.flatMap(
           (B1) => B1.uploadedFile ? [B1.uploadedFile] : []
         ), H1 = d, A1 = u;
         H1 && l?.(null), A1 && f?.(null), await e({
@@ -8926,28 +8938,28 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
           files: Ue,
           context: H1,
           quote: A1
-        }), A(""), B();
+        }), y(""), B();
       }
       Z.current?.focus();
     }
   }, s1 = (te) => {
     Q || J.handleKeyDown(te) || te.key === "Enter" && !te.shiftKey && (te.preventDefault(), o || O.current?.requestSubmit());
   }, Ze = () => {
-    R(Z.current?.selectionStart ?? 0);
+    F(Z.current?.selectionStart ?? 0);
   }, _e = () => {
     D.current && Z.current && (D.current.scrollTop = Z.current.scrollTop);
-  }, S1 = re ? re.prompt ?? re.title : null, V1 = je ? [L.ai.listening] : S1 ? [S1] : s ?? [], Kr = V1.length > 1, Qr = ee(() => M2(b, J.mentions, {
-    cursorPosition: S,
+  }, S1 = re ? re.prompt ?? re.title : null, V1 = je ? [b.ai.listening] : S1 ? [S1] : s ?? [], Kr = V1.length > 1, Qr = ee(() => M2(V, J.mentions, {
+    cursorPosition: E,
     inlineCompletion: J.inlineCompletion
-  }), [b, J.mentions, S, J.inlineCompletion]), Jr = J.mentions.length > 0 || J.inlineCompletion !== null, Oe = k && !!T && T.length > 0 && !!E ? /* @__PURE__ */ r(
+  }), [V, J.mentions, E, J.inlineCompletion]), Jr = J.mentions.length > 0 || J.inlineCompletion !== null, Oe = k && !!H && H.length > 0 && !!R ? /* @__PURE__ */ r(
     y2,
     {
-      suggestions: T,
+      suggestions: H,
       onItemClick: he,
       onItemHover: K,
-      side: V ? "bottom" : "top"
+      side: T ? "bottom" : "top"
     }
-  ) : null, T1 = V && k, { motionProps: eo } = Cs(
+  ) : null, T1 = T && k, { motionProps: eo } = Cs(
     k,
     160,
     0.5
@@ -8955,15 +8967,15 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
   return /* @__PURE__ */ c(
     ne.div,
     {
-      ref: y,
+      ref: L,
       className: x(
         "flex flex-col items-center gap-2 px-4 pb-3 pt-2",
         T1 && "min-h-0 flex-1 justify-start -mt-20"
       ),
-      ...V ? eo : {},
+      ...T ? eo : {},
       children: [
         /* @__PURE__ */ c("div", { className: "flex w-full max-w-content flex-col gap-2", children: [
-          Oe && !V && /* @__PURE__ */ r("div", { children: Oe }),
+          Oe && !T && /* @__PURE__ */ r("div", { children: Oe }),
           /* @__PURE__ */ r(C2, { creditWarning: i, children: /* @__PURE__ */ c(
             ne.form,
             {
@@ -9023,12 +9035,12 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                       height: 0,
                       opacity: 0,
                       transition: {
-                        duration: H ? 0 : 0.22,
+                        duration: A ? 0 : 0.22,
                         ease: [0.4, 0, 1, 1]
                       }
                     },
                     transition: {
-                      duration: H ? 0 : 0.4,
+                      duration: A ? 0 : 0.4,
                       ease: [0.4, 0, 0.2, 1]
                     },
                     children: a
@@ -9044,12 +9056,12 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                       height: 0,
                       opacity: 0,
                       transition: {
-                        duration: H ? 0 : 0.15,
+                        duration: A ? 0 : 0.15,
                         ease: [0.55, 0, 1, 0.45]
                       }
                     },
                     transition: {
-                      duration: H ? 0 : 0.4,
+                      duration: A ? 0 : 0.4,
                       ease: [0.4, 0, 0.2, 1]
                     },
                     children: [
@@ -9070,7 +9082,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                           animate: { opacity: 1, y: 0 },
                           exit: { opacity: 0, y: -4 },
                           transition: {
-                            duration: H ? 0 : 0.2,
+                            duration: A ? 0 : 0.2,
                             ease: "easeOut"
                           },
                           children: /* @__PURE__ */ c(
@@ -9095,7 +9107,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                           attachedFiles: ge,
                           isUploading: Se,
                           onRemove: j,
-                          removeLabel: L.ai.removeFile
+                          removeLabel: b.ai.removeFile
                         }
                       ),
                       /* @__PURE__ */ r(
@@ -9103,9 +9115,9 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                         {
                           textareaRef: Z,
                           highlightRef: D,
-                          inputValue: b,
+                          inputValue: V,
                           onInputChange: (te, ke) => {
-                            A(te), R(ke);
+                            y(te), F(ke);
                           },
                           onKeyDown: s1,
                           onCursorUpdate: Ze,
@@ -9126,7 +9138,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                           maxFiles: M,
                           acceptValue: se,
                           fileInputRef: ie,
-                          handleFileSelect: F,
+                          handleFileSelect: N,
                           inProgress: o,
                           hasDataToSend: De,
                           isPreSending: $ || z,
@@ -9146,8 +9158,8 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
             }
           ) })
         ] }),
-        Oe && V && /* @__PURE__ */ r("div", { className: "w-full max-w-content", children: Oe }),
-        w && k && V && /* @__PURE__ */ r("div", { className: "w-full py-4 mx-auto flex max-w-content justify-center", children: w }),
+        Oe && T && /* @__PURE__ */ r("div", { className: "w-full max-w-content", children: Oe }),
+        w && k && T && /* @__PURE__ */ r("div", { className: "w-full py-4 mx-auto flex max-w-content justify-center", children: w }),
         /* @__PURE__ */ r(Ne, { mode: "wait", initial: !1, children: Q ? /* @__PURE__ */ c(
           ne.div,
           {
@@ -9160,17 +9172,17 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
               /* @__PURE__ */ c("span", { children: [
                 /* @__PURE__ */ r("kbd", { className: "font-sans", children: "↑↓" }),
                 " ",
-                L.ai.clarifyingQuestion.navHint.navigate
+                b.ai.clarifyingQuestion.navHint.navigate
               ] }),
               /* @__PURE__ */ c("span", { children: [
                 /* @__PURE__ */ r("kbd", { className: "font-sans", children: "Enter" }),
                 " ",
-                L.ai.clarifyingQuestion.navHint.select
+                b.ai.clarifyingQuestion.navHint.select
               ] }),
               /* @__PURE__ */ c("span", { children: [
                 /* @__PURE__ */ r("kbd", { className: "font-sans", children: "Esc" }),
                 " ",
-                L.ai.clarifyingQuestion.navHint.cancel
+                b.ai.clarifyingQuestion.navHint.cancel
               ] })
             ]
           },
@@ -9183,7 +9195,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
             animate: { opacity: 1 },
             exit: { opacity: 0 },
             transition: {
-              duration: H ? 0 : 0.3,
+              duration: A ? 0 : 0.3,
               ease: "easeOut"
             },
             children: [
@@ -10192,24 +10204,24 @@ function Ar({
   h.current = k, X(() => {
     typeof window > "u" || window.innerWidth < h4 || G1.has(e) || (G1.add(e), h.current());
   }, [e]);
-  const V = i && a ? Object.entries(i).map(([y, L]) => {
-    const H = a[y], b = m?.(y, H, {
-      fieldType: L.fieldType,
-      customFieldName: L.customFieldName
+  const T = i && a ? Object.entries(i).map(([L, b]) => {
+    const A = a[L], V = m?.(L, A, {
+      fieldType: b.fieldType,
+      customFieldName: b.customFieldName
     });
-    if (!b && L.fieldType === "custom" && typeof H == "object" && H !== null)
+    if (!V && b.fieldType === "custom" && typeof A == "object" && A !== null)
       return null;
-    const A = b ?? Hr(H, L.fieldType), S = ["richtext", "textarea"];
+    const y = V ?? Hr(A, b.fieldType), E = ["richtext", "textarea"];
     return {
-      label: L.label,
-      content: A,
-      verticalLayout: S.includes(L.fieldType ?? "")
+      label: b.label,
+      content: y,
+      verticalLayout: E.includes(b.fieldType ?? "")
     };
-  }).filter((y) => {
-    if (!y) return !1;
-    const L = Array.isArray(y.content) ? y.content[0] : y.content;
-    return !(L?.type === "item" && L.text === "—");
-  }) : [], T = V.slice(0, z1), E = V.length > z1;
+  }).filter((L) => {
+    if (!L) return !1;
+    const b = Array.isArray(L.content) ? L.content[0] : L.content;
+    return !(b?.type === "item" && b.text === "—");
+  }) : [], H = T.slice(0, z1), R = T.length > z1;
   return /* @__PURE__ */ r(
     Tr,
     {
@@ -10223,15 +10235,15 @@ function Ar({
         onClose: f,
         showButton: w
       },
-      children: T.length > 0 && !w && /* @__PURE__ */ r("div", { className: "-mx-3 flex w-full flex-col overflow-hidden pb-1", children: /* @__PURE__ */ r(
+      children: H.length > 0 && !w && /* @__PURE__ */ r("div", { className: "-mx-3 flex w-full flex-col overflow-hidden pb-1", children: /* @__PURE__ */ r(
         Es,
         {
-          details: T.map((y) => ({
-            title: y.label,
-            content: y.content,
-            ...y.verticalLayout && { verticalLayout: !0 }
+          details: H.map((L) => ({
+            title: L.label,
+            content: L.content,
+            ...L.verticalLayout && { verticalLayout: !0 }
           })),
-          showSeeMore: E,
+          showSeeMore: R,
           onClickSeeMore: k,
           tableView: !0
         }
@@ -10814,8 +10826,8 @@ function P4({
   const h = q(() => {
     const C = e.current;
     if (!C) return;
-    const { scrollTop: v, scrollHeight: w, clientHeight: k } = C, V = w - v - k;
-    u(V > k);
+    const { scrollTop: v, scrollHeight: w, clientHeight: k } = C, T = w - v - k;
+    u(T > k);
   }, [e]);
   return X(() => {
     const C = e.current;
@@ -10826,8 +10838,8 @@ function P4({
       requestAnimationFrame(() => {
         const C = e.current, v = n.current;
         if (!C || !v) return;
-        const w = C.getBoundingClientRect(), k = v.getBoundingClientRect(), V = C.scrollTop + (k.top - w.top);
-        C.scrollTo({ top: V, behavior: "smooth" });
+        const w = C.getBoundingClientRect(), k = v.getBoundingClientRect(), T = C.scrollTop + (k.top - w.top);
+        C.scrollTo({ top: T, behavior: "smooth" });
       });
     }), s === 0 && u(!1), f.current = s;
   }, [s, n, e]), { showScrollBtn: l, turnMinHeight: a, scrollToBottom: m };
@@ -10857,15 +10869,15 @@ const j4 = {
   AssistantMessage: v,
   UserMessage: w,
   onRegenerate: k,
-  onCopy: V
+  onCopy: T
 }) => {
-  const { modal: T, handleSubmit: E, handleClose: y } = y4(
+  const { modal: H, handleSubmit: R, handleClose: L } = y4(
     f ?? j4
-  ), L = Y(), H = v ?? k4, b = w ?? V4, A = ee(() => {
-    const D = n ?? L.ai.defaultInitialMessage;
+  ), b = Y(), A = v ?? k4, V = w ?? V4, y = ee(() => {
+    const D = n ?? b.ai.defaultInitialMessage;
     return (Array.isArray(D) ? D : [D]).filter((W) => typeof W == "string" && W.length > 0);
-  }, [n, L.ai.defaultInitialMessage]), S = !t && e.length === 0 && A.length > 0, R = I(null), $ = I(null), _ = I(null), z = I(null), G = I(null), { showScrollBtn: re, turnMinHeight: K, scrollToBottom: O } = P4({
-    viewportRef: R,
+  }, [n, b.ai.defaultInitialMessage]), E = !t && e.length === 0 && y.length > 0, F = I(null), $ = I(null), _ = I(null), z = I(null), G = I(null), { showScrollBtn: re, turnMinHeight: K, scrollToBottom: O } = P4({
+    viewportRef: F,
     contentRef: $,
     endRef: _,
     lastTurnRef: G,
@@ -10884,37 +10896,37 @@ const j4 = {
         inProgress: D.isInProgress,
         index: se,
         isCurrentMessage: !1,
-        AssistantMessage: H,
-        UserMessage: b,
+        AssistantMessage: A,
+        UserMessage: V,
         onRegenerate: k,
-        onCopy: V,
+        onCopy: T,
         rawData: oe.rawData || {},
         ...he
       };
       return /* @__PURE__ */ r(
-        b,
+        V,
         {
           ...de
         },
         `${Q}-u-${se}`
       );
     }, ie = (oe, se) => {
-      const de = W && se === D.assistantMessages.length - 1, M = D.userMessages.length + se, N = {
+      const de = W && se === D.assistantMessages.length - 1, M = D.userMessages.length + se, S = {
         message: oe,
         inProgress: D.isInProgress,
         index: M,
         isCurrentMessage: de,
-        AssistantMessage: H,
-        UserMessage: b,
+        AssistantMessage: A,
+        UserMessage: V,
         onRegenerate: k,
-        onCopy: V,
+        onCopy: T,
         rawData: oe.rawData || {},
         ...he
       };
       return /* @__PURE__ */ r(
-        H,
+        A,
         {
-          ...N,
+          ...S,
           isGenerating: D.isInProgress && de,
           isLoading: D.isInProgress && de && !oe.content
         },
@@ -10940,7 +10952,7 @@ const j4 = {
             R4,
             {
               titles: D.thinking.titles,
-              title: L.ai.thoughtsGroupTitle,
+              title: b.ai.thoughtsGroupTitle,
               inProgress: D.thinking.inProgress,
               isWriting: D.thinking.isWriting
             }
@@ -10948,14 +10960,14 @@ const j4 = {
           D.assistantMessages.map(
             (oe, se) => ie(oe, se)
           ),
-          D.endIndicator === "thinking" && /* @__PURE__ */ r(u1, { title: L.ai.thinking, status: "executing" }),
+          D.endIndicator === "thinking" && /* @__PURE__ */ r(u1, { title: b.ai.thinking, status: "executing" }),
           D.endIndicator === "activity" && /* @__PURE__ */ r(u1, { status: "writing" }),
           D.feedback && /* @__PURE__ */ r(
             M4,
             {
               content: D.feedback.content,
               targetMessage: D.feedback.targetMessage,
-              onCopy: V
+              onCopy: T
             }
           ),
           W && /* @__PURE__ */ r(C4, {})
@@ -10969,7 +10981,7 @@ const j4 = {
       /* @__PURE__ */ r(
         "div",
         {
-          ref: R,
+          ref: F,
           className: x(
             "flex-1 overflow-y-scroll",
             "[scrollbar-width:thin] [scrollbar-color:transparent_transparent]",
@@ -10988,15 +11000,15 @@ const j4 = {
                   "div",
                   {
                     className: x(
-                      S ? "flex flex-1" : "flex flex-col gap-6",
+                      E ? "flex flex-1" : "flex flex-col gap-6",
                       "w-full max-w-content"
                     ),
                     children: [
                       t && /* @__PURE__ */ r(Z4, {}),
-                      S && /* @__PURE__ */ r(
+                      E && /* @__PURE__ */ r(
                         I4,
                         {
-                          messages: A,
+                          messages: y,
                           onClick: s,
                           fullscreen: h
                         }
@@ -11020,7 +11032,7 @@ const j4 = {
                       fe,
                       {
                         onClick: () => O(),
-                        label: L.ai.scrollToBottom,
+                        label: b.ai.scrollToBottom,
                         variant: "neutral",
                         icon: Lt,
                         hideLabel: !0
@@ -11033,18 +11045,18 @@ const j4 = {
           )
         }
       ),
-      !m && !S && /* @__PURE__ */ c(xe, { children: [
+      !m && !E && /* @__PURE__ */ c(xe, { children: [
         /* @__PURE__ */ r(K1, { position: "top" }, "shadow-top"),
         /* @__PURE__ */ r(K1, { position: "bottom" }, "shadow-bottom")
       ] })
     ] }),
-    T.isOpen && /* @__PURE__ */ r(
+    H.isOpen && /* @__PURE__ */ r(
       b4,
       {
-        onSubmit: E,
-        onClose: y,
-        reactionType: T.currentReaction,
-        message: T.currentMessage
+        onSubmit: R,
+        onClose: L,
+        reactionType: H.currentReaction,
+        message: H.currentMessage
       }
     )
   ] });
@@ -11241,38 +11253,38 @@ const z4 = ({
   onToggleCustomActive: v,
   onConfirm: w
 }) => {
-  const k = ye(), V = (() => {
+  const k = ye(), T = (() => {
     if (e !== "single") return 0;
-    const H = o.findIndex((b) => n.includes(b.id));
-    return H >= 0 ? H : 0;
-  })(), [T, E] = P(V), y = I([]);
+    const A = o.findIndex((V) => n.includes(V.id));
+    return A >= 0 ? A : 0;
+  })(), [H, R] = P(T), L = I([]);
   X(() => {
-    g && e === "single" && y.current[T]?.focus();
+    g && e === "single" && L.current[H]?.focus();
   }, []);
-  const L = (H) => {
+  const b = (A) => {
     if (e !== "single") return;
-    const b = o.length - 1;
-    if (b < 0) return;
-    let A = T;
-    switch (H.key) {
+    const V = o.length - 1;
+    if (V < 0) return;
+    let y = H;
+    switch (A.key) {
       case "ArrowDown":
       case "ArrowRight":
-        A = T >= b ? 0 : T + 1;
+        y = H >= V ? 0 : H + 1;
         break;
       case "ArrowUp":
       case "ArrowLeft":
-        A = T <= 0 ? b : T - 1;
+        y = H <= 0 ? V : H - 1;
         break;
       case "Home":
-        A = 0;
+        y = 0;
         break;
       case "End":
-        A = b;
+        y = V;
         break;
       default:
         return;
     }
-    H.preventDefault(), E(A), y.current[A]?.focus();
+    A.preventDefault(), R(y), L.current[y]?.focus();
   };
   return /* @__PURE__ */ c(
     "div",
@@ -11281,7 +11293,7 @@ const z4 = ({
       role: e === "single" ? "radiogroup" : "group",
       "aria-label": t,
       children: [
-        o.map((H, b) => /* @__PURE__ */ r(
+        o.map((A, V) => /* @__PURE__ */ r(
           ne.div,
           {
             initial: k ? !1 : { opacity: 0, y: 4 },
@@ -11289,24 +11301,24 @@ const z4 = ({
             transition: {
               duration: k ? 0 : 0.2,
               ease: [0.4, 0, 0.2, 1],
-              delay: k ? 0 : 0.12 + b * 0.06
+              delay: k ? 0 : 0.12 + V * 0.06
             },
             children: /* @__PURE__ */ r(
               Or,
               {
-                ref: (A) => {
-                  y.current[b] = A;
+                ref: (y) => {
+                  L.current[V] = y;
                 },
-                option: H,
-                isSelected: n.includes(H.id),
+                option: A,
+                isSelected: n.includes(A.id),
                 mode: e,
-                isTabStop: e === "single" ? b === T : void 0,
+                isTabStop: e === "single" ? V === H : void 0,
                 onToggle: m,
-                onKeyNavigate: L
+                onKeyNavigate: b
               }
             )
           },
-          H.id
+          A.id
         )),
         s && /* @__PURE__ */ r(
           U4,
@@ -11415,24 +11427,24 @@ const z4 = ({
     question: v,
     options: w,
     selectedOptionIds: k,
-    selectionMode: V,
-    optional: T,
-    allowCustomAnswer: E,
-    customAnswerText: y,
-    isCustomAnswerActive: L
-  } = s, H = I(null), b = V ?? "single", A = a > 1, S = i === 0, R = i === a - 1, $ = A ? o.t("ai.clarifyingQuestion.stepOf", {
+    selectionMode: T,
+    optional: H,
+    allowCustomAnswer: R,
+    customAnswerText: L,
+    isCustomAnswerActive: b
+  } = s, A = I(null), V = T ?? "single", y = a > 1, E = i === 0, F = i === a - 1, $ = y ? o.t("ai.clarifyingQuestion.stepOf", {
     current: String(i + 1),
     total: String(a)
-  }) : void 0, _ = k.length > 0, z = (y ?? "").trim().length > 0, G = _ || L && z || T === !0, re = t === !0 && R, K = () => {
+  }) : void 0, _ = k.length > 0, z = (L ?? "").trim().length > 0, G = _ || b && z || H === !0, re = t === !0 && F, K = () => {
     re || l();
   }, O = () => {
     re || u();
   }, Z = (ie) => {
-    const oe = b === "single" && k.includes(ie);
-    d(ie), b === "single" && !R && !oe && Promise.resolve().then(l);
-  }, D = R ? o.ai.clarifyingQuestion.submit : o.ai.clarifyingQuestion.next, Q = T === !0 && !_ && !(L && z), W = () => {
+    const oe = V === "single" && k.includes(ie);
+    d(ie), V === "single" && !F && !oe && Promise.resolve().then(l);
+  }, D = F ? o.ai.clarifyingQuestion.submit : o.ai.clarifyingQuestion.next, Q = H === !0 && !_ && !(b && z), W = () => {
     C(), requestAnimationFrame(() => {
-      H.current?.focus();
+      A.current?.focus();
     });
   }, he = (ie) => {
     ie.key === "Escape" && (ie.preventDefault(), f());
@@ -11452,8 +11464,8 @@ const z4 = ({
             {
               question: v,
               stepLabel: $,
-              isFirstStep: S,
-              isFinalStep: R,
+              isFirstStep: E,
+              isFinalStep: F,
               canProceed: G,
               onBack: g,
               onNext: l,
@@ -11463,17 +11475,17 @@ const z4 = ({
           /* @__PURE__ */ r(
             z4,
             {
-              mode: b,
+              mode: V,
               question: v,
               options: w,
               selectedOptionIds: k,
-              allowCustomAnswer: E,
+              allowCustomAnswer: R,
               hasSelection: _,
               hasCustomText: z,
-              customAnswerText: y,
-              isCustomAnswerActive: L,
+              customAnswerText: L,
+              isCustomAnswerActive: b,
               canProceed: G,
-              customInputRef: H,
+              customInputRef: A,
               onToggleOption: Z,
               onActivateCustom: W,
               onChangeCustomText: m,
@@ -11499,59 +11511,59 @@ const z4 = ({
   ] });
 };
 function Q1(e, t, o, n) {
-  const s = Math.max(1, Math.min(e, t)), i = Math.min(o, 20), d = Math.min(i + n, s), l = Math.min(d, Math.floor(e / 2)), u = Math.min(d, Math.floor(t / 2)), f = (W) => W / e * 2 - 1, g = (W) => W / t * 2 - 1, m = 0, h = e, C = 0, v = t, w = l, k = e - l, V = u, T = t - u, E = f(m), y = f(h), L = g(C), H = g(v), b = f(w), A = f(k), S = g(V), R = g(T), $ = 0, _ = 0, z = 1, G = 1, re = l / e, K = 1 - l / e, O = u / t, Z = 1 - u / t, D = new Float32Array([
+  const s = Math.max(1, Math.min(e, t)), i = Math.min(o, 20), d = Math.min(i + n, s), l = Math.min(d, Math.floor(e / 2)), u = Math.min(d, Math.floor(t / 2)), f = (W) => W / e * 2 - 1, g = (W) => W / t * 2 - 1, m = 0, h = e, C = 0, v = t, w = l, k = e - l, T = u, H = t - u, R = f(m), L = f(h), b = g(C), A = g(v), V = f(w), y = f(k), E = g(T), F = g(H), $ = 0, _ = 0, z = 1, G = 1, re = l / e, K = 1 - l / e, O = u / t, Z = 1 - u / t, D = new Float32Array([
     // Top strip
-    E,
-    L,
-    y,
+    R,
+    b,
     L,
+    b,
+    R,
     E,
-    S,
+    R,
     E,
-    S,
-    y,
     L,
-    y,
-    S,
-    // Bottom strip
+    b,
+    L,
     E,
+    // Bottom strip
     R,
-    y,
+    F,
+    L,
+    F,
     R,
-    E,
-    H,
-    E,
-    H,
-    y,
+    A,
     R,
-    y,
-    H,
+    A,
+    L,
+    F,
+    L,
+    A,
     // Left strip
-    E,
-    S,
-    b,
-    S,
-    E,
     R,
     E,
+    V,
+    E,
     R,
-    b,
-    S,
-    b,
+    F,
     R,
+    F,
+    V,
+    E,
+    V,
+    F,
     // Right strip
-    A,
-    S,
     y,
-    S,
-    A,
-    R,
-    A,
-    R,
+    E,
+    L,
+    E,
     y,
-    S,
+    F,
     y,
-    R
+    F,
+    L,
+    E,
+    L,
+    F
   ]), Q = new Float32Array([
     // Top strip
     $,
@@ -11937,8 +11949,8 @@ class k9 {
     s.enableVertexAttribArray(w), s.vertexAttribPointer(w, 2, s.FLOAT, !1, 0, 0), this.checkGLError(s, "resize: after UV buffer update"), s.useProgram(i), s.uniform2f(u, this.canvas.width, this.canvas.height), s.uniform1f(this.glr.uBorderWidth, this.options.borderWidth * f), s.uniform1f(this.glr.uGlowWidth, this.options.glowWidth * f), s.uniform1f(this.glr.uBorderRadius, this.options.borderRadius * f), this.checkGLError(s, "resize: after uniform updates");
     const k = performance.now();
     this.lastTime = k;
-    const V = (k - this.startTime) * 1e-3;
-    this.render(V);
+    const T = (k - this.startTime) * 1e-3;
+    this.render(T);
   }
   /**
    * Automatically resizes the canvas to match the dimensions of the given element.
@@ -12026,13 +12038,13 @@ class k9 {
     t.bindBuffer(t.ARRAY_BUFFER, f), t.bufferData(t.ARRAY_BUFFER, d, t.STATIC_DRAW);
     const g = t.getAttribLocation(o, "aUV");
     t.enableVertexAttribArray(g), t.vertexAttribPointer(g, 2, t.FLOAT, !1, 0, 0), this.checkGLError(t, "setupGL: after UV buffer setup");
-    const m = t.getUniformLocation(o, "uResolution"), h = t.getUniformLocation(o, "uTime"), C = t.getUniformLocation(o, "uBorderWidth"), v = t.getUniformLocation(o, "uGlowWidth"), w = t.getUniformLocation(o, "uBorderRadius"), k = t.getUniformLocation(o, "uColors"), V = t.getUniformLocation(o, "uGlowExponent"), T = t.getUniformLocation(o, "uGlowFactor");
-    t.useProgram(o), t.uniform1f(C, this.options.borderWidth), t.uniform1f(v, this.options.glowWidth), t.uniform1f(w, this.options.borderRadius), this.options.mode === "dark" ? (t.uniform1f(V, 2), t.uniform1f(T, 1.8)) : (t.uniform1f(V, 1), t.uniform1f(T, 1));
-    const E = (this.options.colors || J4).map(e6);
-    for (let y = 0; y < E.length; y++)
+    const m = t.getUniformLocation(o, "uResolution"), h = t.getUniformLocation(o, "uTime"), C = t.getUniformLocation(o, "uBorderWidth"), v = t.getUniformLocation(o, "uGlowWidth"), w = t.getUniformLocation(o, "uBorderRadius"), k = t.getUniformLocation(o, "uColors"), T = t.getUniformLocation(o, "uGlowExponent"), H = t.getUniformLocation(o, "uGlowFactor");
+    t.useProgram(o), t.uniform1f(C, this.options.borderWidth), t.uniform1f(v, this.options.glowWidth), t.uniform1f(w, this.options.borderRadius), this.options.mode === "dark" ? (t.uniform1f(T, 2), t.uniform1f(H, 1.8)) : (t.uniform1f(T, 1), t.uniform1f(H, 1));
+    const R = (this.options.colors || J4).map(e6);
+    for (let L = 0; L < R.length; L++)
       t.uniform3f(
-        t.getUniformLocation(o, `uColors[${y}]`),
-        ...E[y]
+        t.getUniformLocation(o, `uColors[${L}]`),
+        ...R[L]
       );
     this.checkGLError(t, "setupGL: after uniform setup"), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), this.glr = {
       gl: t,
@@ -12254,8 +12266,8 @@ class d6 {
         )
       );
     Object.assign(this, { url: n, wrapS: s, wrapT: i, minFilter: a, magFilter: d, flipY: l });
-    const g = 0, m = o.RGBA, h = 1, C = 1, v = 0, w = o.RGBA, k = o.UNSIGNED_BYTE, V = new Uint8Array([255, 255, 255, 0]), T = o.createTexture();
-    if (o.bindTexture(o.TEXTURE_2D, T), o.texImage2D(
+    const g = 0, m = o.RGBA, h = 1, C = 1, v = 0, w = o.RGBA, k = o.UNSIGNED_BYTE, T = new Uint8Array([255, 255, 255, 0]), H = o.createTexture();
+    if (o.bindTexture(o.TEXTURE_2D, H), o.texImage2D(
       o.TEXTURE_2D,
       g,
       m,
@@ -12264,30 +12276,30 @@ class d6 {
       v,
       w,
       k,
-      V
+      T
     ), f) {
-      const H = 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 = T, this.source = H, this.isVideo = !0, H.play().then(() => this);
+      const A = 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 = H, this.source = A, this.isVideo = !0, A.play().then(() => this);
     }
-    async function E() {
-      return new Promise((H, b) => {
-        const A = new Image();
-        A.crossOrigin = "anonymous", A.onload = () => {
-          H(A);
-        }, A.onerror = () => {
-          b(new Error(be(`failed loading url: ${n}`)));
-        }, A.src = n ?? "";
+    async function R() {
+      return new Promise((A, V) => {
+        const y = new Image();
+        y.crossOrigin = "anonymous", y.onload = () => {
+          A(y);
+        }, y.onerror = () => {
+          V(new Error(be(`failed loading url: ${n}`)));
+        }, y.src = n ?? "";
       });
     }
-    let y = await E(), L = (y.width & y.width - 1) === 0 && (y.height & y.height - 1) === 0;
-    return (t.wrapS !== ft || t.wrapT !== ft || t.minFilter !== dt && t.minFilter !== d1) && !L && (y = this.makePowerOf2(y), L = !0), o.bindTexture(o.TEXTURE_2D, T), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, l), o.texImage2D(
+    let L = await R(), b = (L.width & L.width - 1) === 0 && (L.height & L.height - 1) === 0;
+    return (t.wrapS !== ft || t.wrapT !== ft || t.minFilter !== dt && t.minFilter !== d1) && !b && (L = this.makePowerOf2(L), b = !0), o.bindTexture(o.TEXTURE_2D, H), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, l), o.texImage2D(
       o.TEXTURE_2D,
       g,
       m,
       w,
       k,
-      y
-    ), L && t.minFilter !== dt && t.minFilter !== d1 && o.generateMipmap(o.TEXTURE_2D), o.texParameteri(
+      L
+    ), b && t.minFilter !== dt && t.minFilter !== d1 && o.generateMipmap(o.TEXTURE_2D), o.texParameteri(
       o.TEXTURE_2D,
       o.TEXTURE_WRAP_S,
       this.wrapS || ut
@@ -12303,7 +12315,7 @@ class d6 {
       o.TEXTURE_2D,
       o.TEXTURE_MAG_FILTER,
       this.magFilter || d1
-    ), this._webglTexture = T, this.source = y, this.isVideo = !1, this.isLoaded = !0, this.width = y.width || 0, this.height = y.height || 0, this;
+    ), this._webglTexture = H, this.source = L, this.isVideo = !1, this.isLoaded = !0, this.width = L.width || 0, this.height = L.height || 0, this;
   };
 }
 const be = (e) => `react-shaders: ${e}`, ht = (e) => {
@@ -12328,7 +12340,7 @@ function u6({
   onError: g = console.error,
   onWarning: m = console.warn
 }) {
-  const h = I(null), C = I(null), v = I(null), w = I(null), k = I(void 0), V = I(void 0), T = I(!1), E = I(void 0), y = I(0), L = I([0, 0]), H = I([]), b = I(0), A = I(void 0), S = I({
+  const h = I(null), C = I(null), v = I(null), w = I(null), k = I(void 0), T = I(void 0), H = I(!1), R = I(void 0), L = I(0), b = I([0, 0]), A = I([]), V = I(0), y = I(void 0), E = I({
     [rt]: { type: "float", isNeeded: !1, value: 0 },
     [ot]: { type: "float", isNeeded: !1, value: 0 },
     [nt]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
@@ -12340,11 +12352,11 @@ function u6({
       isNeeded: !1,
       value: [0, 0, 0, 0]
     }
-  }), R = I(n), $ = (M, N) => {
-    const F = "width" in M ? M.width ?? 0 : 0, j = "height" in M ? M.height ?? 0 : 0, B = S.current.iChannelResolution;
+  }), F = I(n), $ = (M, S) => {
+    const N = "width" in M ? M.width ?? 0 : 0, j = "height" in M ? M.height ?? 0 : 0, B = E.current.iChannelResolution;
     if (!B) return;
     const U = Array.isArray(B.value) ? B.value : B.value = [];
-    U[N * 3] = F * u, U[N * 3 + 1] = j * u, U[N * 3 + 2] = 0;
+    U[S * 3] = N * u, U[S * 3 + 1] = j * u, U[S * 3 + 2] = 0;
   }, _ = () => {
     h.current && (C.current = h.current.getContext("webgl", d) || h.current.getContext(
       "experimental-webgl",
@@ -12353,7 +12365,7 @@ function u6({
   }, z = () => {
     const M = C.current;
     v.current = M?.createBuffer() ?? null, M?.bindBuffer(M.ARRAY_BUFFER, v.current);
-    const N = [
+    const S = [
       1,
       1,
       0,
@@ -12367,99 +12379,99 @@ function u6({
       -1,
       0
     ];
-    M?.bufferData(M.ARRAY_BUFFER, new Float32Array(N), M.STATIC_DRAW);
+    M?.bufferData(M.ARRAY_BUFFER, new Float32Array(S), M.STATIC_DRAW);
   }, G = ({
     alpha: M,
-    beta: N,
-    gamma: F
+    beta: S,
+    gamma: N
   }) => {
-    S.current.iDeviceOrientation.value = [
+    E.current.iDeviceOrientation.value = [
       M ?? 0,
+      S ?? 0,
       N ?? 0,
-      F ?? 0,
       window.orientation ?? 0
     ];
   }, re = (M) => {
-    const [N = 0, F = 0] = ht(M), j = N - (E.current?.left ?? 0) - window.pageXOffset, B = (E.current?.height ?? 0) - F - (E.current?.top ?? 0) - window.pageYOffset;
-    T.current = !0;
-    const U = Array.isArray(S.current.iMouse?.value) ? S.current.iMouse.value : void 0;
-    U && (U[2] = j, U[3] = B), L.current[0] = j, L.current[1] = B;
+    const [S = 0, N = 0] = ht(M), j = S - (R.current?.left ?? 0) - window.pageXOffset, B = (R.current?.height ?? 0) - N - (R.current?.top ?? 0) - window.pageYOffset;
+    H.current = !0;
+    const U = Array.isArray(E.current.iMouse?.value) ? E.current.iMouse.value : void 0;
+    U && (U[2] = j, U[3] = B), b.current[0] = j, b.current[1] = B;
   }, K = (M) => {
-    E.current = h.current?.getBoundingClientRect();
-    const [N = 0, F = 0] = ht(M), j = N - (E.current?.left ?? 0), B = (E.current?.height ?? 0) - F - (E.current?.top ?? 0);
+    R.current = h.current?.getBoundingClientRect();
+    const [S = 0, N = 0] = ht(M), j = S - (R.current?.left ?? 0), B = (R.current?.height ?? 0) - N - (R.current?.top ?? 0);
     if (l !== 1)
-      L.current[0] = j, L.current[1] = B;
+      b.current[0] = j, b.current[1] = B;
     else {
-      const U = Array.isArray(S.current.iMouse?.value) ? S.current.iMouse.value : void 0;
+      const U = Array.isArray(E.current.iMouse?.value) ? E.current.iMouse.value : void 0;
       U && (U[0] = j, U[1] = B);
     }
   }, O = () => {
-    const M = Array.isArray(S.current.iMouse?.value) ? S.current.iMouse.value : void 0;
+    const M = Array.isArray(E.current.iMouse?.value) ? E.current.iMouse.value : void 0;
     M && (M[2] = 0, M[3] = 0);
   }, Z = () => {
     const M = C.current;
     if (!M) return;
-    E.current = h.current?.getBoundingClientRect();
-    const N = u, F = Math.floor(
-      (E.current?.width ?? 1) * N
+    R.current = h.current?.getBoundingClientRect();
+    const S = u, N = Math.floor(
+      (R.current?.width ?? 1) * S
     ), j = Math.floor(
-      (E.current?.height ?? 1) * N
+      (R.current?.height ?? 1) * S
     );
-    if (M.canvas.width = F, M.canvas.height = j, S.current.iResolution?.isNeeded && w.current) {
+    if (M.canvas.width = N, M.canvas.height = j, E.current.iResolution?.isNeeded && w.current) {
       const B = M.getUniformLocation(
         w.current,
         at
       );
       M.uniform2fv(B, [M.canvas.width, M.canvas.height]);
     }
-  }, D = (M, N) => {
-    const F = C.current;
-    if (!F) return null;
-    const j = F.createShader(M);
+  }, D = (M, S) => {
+    const N = C.current;
+    if (!N) return null;
+    const j = N.createShader(M);
     if (!j) return null;
-    if (F.shaderSource(j, N), F.compileShader(j), !F.getShaderParameter(j, F.COMPILE_STATUS)) {
+    if (N.shaderSource(j, S), N.compileShader(j), !N.getShaderParameter(j, N.COMPILE_STATUS)) {
       m?.(be(`Error compiling the shader:
-${N}`));
-      const B = F.getShaderInfoLog(j);
-      F.deleteShader(j), g?.(be(`Shader compiler log: ${B}`));
+${S}`));
+      const B = N.getShaderInfoLog(j);
+      N.deleteShader(j), g?.(be(`Shader compiler log: ${B}`));
     }
     return j;
-  }, Q = (M, N) => {
-    const F = C.current;
-    if (!F) return;
-    const j = D(F.FRAGMENT_SHADER, M), B = D(F.VERTEX_SHADER, N);
-    if (w.current = F.createProgram(), !(!w.current || !B || !j)) {
-      if (F.attachShader(w.current, B), F.attachShader(w.current, j), F.linkProgram(w.current), !F.getProgramParameter(w.current, F.LINK_STATUS)) {
+  }, Q = (M, S) => {
+    const N = C.current;
+    if (!N) return;
+    const j = D(N.FRAGMENT_SHADER, M), B = D(N.VERTEX_SHADER, S);
+    if (w.current = N.createProgram(), !(!w.current || !B || !j)) {
+      if (N.attachShader(w.current, B), N.attachShader(w.current, j), N.linkProgram(w.current), !N.getProgramParameter(w.current, N.LINK_STATUS)) {
         g?.(
           be(
-            `Unable to initialize the shader program: ${F.getProgramInfoLog(
+            `Unable to initialize the shader program: ${N.getProgramInfoLog(
               w.current
             )}`
           )
         );
         return;
       }
-      F.useProgram(w.current), k.current = F.getAttribLocation(
+      N.useProgram(w.current), k.current = N.getAttribLocation(
         w.current,
         "aVertexPosition"
-      ), F.enableVertexAttribArray(k.current);
+      ), N.enableVertexAttribArray(k.current);
     }
   }, W = () => {
     if (n)
       for (const M of Object.keys(n)) {
-        const N = n[M];
-        if (!N) continue;
-        const { value: F, type: j } = N, B = c6(j);
+        const S = n[M];
+        if (!S) continue;
+        const { value: N, type: j } = S, B = c6(j);
         if (!B) continue;
         const U = {};
-        if (n6(j, F)) {
-          const ae = j.length, J = Number.parseInt(j.charAt(ae - 3)), we = Math.floor(F.length / (J * J));
-          F.length > J * J && (U.arraySize = `[${we}]`);
-        } else s6(j, F) && (U.arraySize = `[${Math.floor(F.length / Number.parseInt(j.charAt(0)))}]`);
-        S.current[M] = {
+        if (n6(j, N)) {
+          const ae = j.length, J = Number.parseInt(j.charAt(ae - 3)), we = Math.floor(N.length / (J * J));
+          N.length > J * J && (U.arraySize = `[${we}]`);
+        } else s6(j, N) && (U.arraySize = `[${Math.floor(N.length / Number.parseInt(j.charAt(0)))}]`);
+        E.current[M] = {
           type: B,
           isNeeded: !1,
-          value: F,
+          value: N,
           ...U
         };
       }
@@ -12467,140 +12479,140 @@ ${N}`));
     const M = C.current;
     if (M)
       if (o && o.length > 0) {
-        S.current[`${ct}`] = {
+        E.current[`${ct}`] = {
           type: "vec3",
           isNeeded: !1,
           arraySize: `[${o.length}]`,
           value: []
         };
-        const N = o.map(
-          (F, j) => (S.current[`${o6}${j}`] = {
+        const S = o.map(
+          (N, j) => (E.current[`${o6}${j}`] = {
             type: "sampler2D",
             isNeeded: !1
-          }, $(F, j), H.current[j] = new d6(M), H.current[j]?.load(F).then((B) => {
+          }, $(N, j), A.current[j] = new d6(M), A.current[j]?.load(N).then((B) => {
             $(B, j);
           }))
         );
-        Promise.all(N).then(() => {
+        Promise.all(S).then(() => {
           f && f();
-        }).catch((F) => {
-          g?.(F), f && f();
+        }).catch((N) => {
+          g?.(N), f && f();
         });
       } else f && f();
   }, ge = (M) => {
-    const N = et.includes(i ?? "highp"), F = `precision ${N ? i : et[1]} float;
+    const S = et.includes(i ?? "highp"), N = `precision ${S ? i : et[1]} float;
 `;
-    N || m?.(
+    S || m?.(
       be(
         `wrong precision type ${i}, please make sure to pass one of a valid precision lowp, mediump, highp, by default you shader precision will be set to highp.`
       )
     );
-    let j = F.concat(`#define DPR ${u.toFixed(1)}
+    let j = N.concat(`#define DPR ${u.toFixed(1)}
 `).concat(M.replace(/texture\(/g, "texture2D("));
-    for (const U of Object.keys(S.current))
+    for (const U of Object.keys(E.current))
       if (M.includes(U)) {
-        const ae = S.current[U];
+        const ae = E.current[U];
         if (!ae) continue;
         j = f6(
           j,
           `uniform ${ae.type} ${U}${ae.arraySize || ""};
 `,
-          j.lastIndexOf(F) + F.length
+          j.lastIndexOf(N) + N.length
         ), ae.isNeeded = !0;
       }
     return M.includes("mainImage") && (j = j.concat(t6)), j;
   }, ie = (M) => {
-    const N = C.current;
-    if (!N || !w.current) return;
-    const F = b.current ? (M - b.current) / 1e3 : 0;
-    b.current = M;
-    const j = R.current;
+    const S = C.current;
+    if (!S || !w.current) return;
+    const N = V.current ? (M - V.current) / 1e3 : 0;
+    V.current = M;
+    const j = F.current;
     if (j)
       for (const B of Object.keys(j)) {
         const U = j[B];
-        if (U && S.current[B]?.isNeeded) {
+        if (U && E.current[B]?.isNeeded) {
           if (!w.current) return;
-          const ae = N.getUniformLocation(
+          const ae = S.getUniformLocation(
             w.current,
             B
           );
           if (!ae) return;
           a6(
-            N,
+            S,
             ae,
             U.type,
             U.value
           );
         }
       }
-    if (S.current.iMouse?.isNeeded) {
-      const B = N.getUniformLocation(
+    if (E.current.iMouse?.isNeeded) {
+      const B = S.getUniformLocation(
         w.current,
         it
       );
-      N.uniform4fv(B, S.current.iMouse.value);
+      S.uniform4fv(B, E.current.iMouse.value);
     }
-    if (S.current.iChannelResolution?.isNeeded) {
-      const B = N.getUniformLocation(
+    if (E.current.iChannelResolution?.isNeeded) {
+      const B = S.getUniformLocation(
         w.current,
         ct
       );
-      N.uniform3fv(
+      S.uniform3fv(
         B,
-        S.current.iChannelResolution.value
+        E.current.iChannelResolution.value
       );
     }
-    if (S.current.iDeviceOrientation?.isNeeded) {
-      const B = N.getUniformLocation(
+    if (E.current.iDeviceOrientation?.isNeeded) {
+      const B = S.getUniformLocation(
         w.current,
         lt
       );
-      N.uniform4fv(
+      S.uniform4fv(
         B,
-        S.current.iDeviceOrientation.value
+        E.current.iDeviceOrientation.value
       );
     }
-    if (S.current.iTime?.isNeeded) {
-      const B = N.getUniformLocation(
+    if (E.current.iTime?.isNeeded) {
+      const B = S.getUniformLocation(
         w.current,
         rt
       );
-      N.uniform1f(B, y.current += F);
+      S.uniform1f(B, L.current += N);
     }
-    if (S.current.iTimeDelta?.isNeeded) {
-      const B = N.getUniformLocation(
+    if (E.current.iTimeDelta?.isNeeded) {
+      const B = S.getUniformLocation(
         w.current,
         ot
       );
-      N.uniform1f(B, F);
+      S.uniform1f(B, N);
     }
-    if (S.current.iDate?.isNeeded) {
-      const B = /* @__PURE__ */ new Date(), U = B.getMonth() + 1, ae = B.getDate(), J = B.getFullYear(), we = B.getHours() * 60 * 60 + B.getMinutes() * 60 + B.getSeconds() + B.getMilliseconds() * 1e-3, Ee = N.getUniformLocation(
+    if (E.current.iDate?.isNeeded) {
+      const B = /* @__PURE__ */ new Date(), U = B.getMonth() + 1, ae = B.getDate(), J = B.getFullYear(), we = B.getHours() * 60 * 60 + B.getMinutes() * 60 + B.getSeconds() + B.getMilliseconds() * 1e-3, Ee = S.getUniformLocation(
         w.current,
         nt
       );
-      N.uniform4fv(Ee, [J, U, ae, we]);
+      S.uniform4fv(Ee, [J, U, ae, we]);
     }
-    if (S.current.iFrame?.isNeeded) {
-      const B = N.getUniformLocation(
+    if (E.current.iFrame?.isNeeded) {
+      const B = S.getUniformLocation(
         w.current,
         st
-      ), U = S.current.iFrame.value;
-      N.uniform1i(B, U), S.current.iFrame.value = U + 1;
+      ), U = E.current.iFrame.value;
+      S.uniform1i(B, U), E.current.iFrame.value = U + 1;
     }
-    if (H.current.length > 0)
-      for (let B = 0; B < H.current.length; B++) {
-        const U = H.current[B];
+    if (A.current.length > 0)
+      for (let B = 0; B < A.current.length; B++) {
+        const U = A.current[B];
         if (!U) return;
         const { isVideo: ae, _webglTexture: J, source: we, flipY: Ee, isLoaded: Te } = U;
         if (!Te || !J || !we) return;
-        if (S.current[`iChannel${B}`]?.isNeeded) {
+        if (E.current[`iChannel${B}`]?.isNeeded) {
           if (!w.current) return;
-          const Ce = N.getUniformLocation(
+          const Ce = S.getUniformLocation(
             w.current,
             `iChannel${B}`
           );
-          N.activeTexture(N.TEXTURE0 + B), N.bindTexture(N.TEXTURE_2D, J), N.uniform1i(Ce, B), ae && U.updateTexture(
+          S.activeTexture(S.TEXTURE0 + B), S.bindTexture(S.TEXTURE_2D, J), S.uniform1i(Ce, B), ae && U.updateTexture(
             J,
             we,
             Ee
@@ -12608,55 +12620,55 @@ ${N}`));
         }
       }
   }, oe = (M) => {
-    const N = C.current;
-    if (!N) return;
-    N.viewport(0, 0, N.drawingBufferWidth, N.drawingBufferHeight), N.clear(N.COLOR_BUFFER_BIT | N.DEPTH_BUFFER_BIT), N.bindBuffer(N.ARRAY_BUFFER, v.current), N.vertexAttribPointer(
+    const S = C.current;
+    if (!S) return;
+    S.viewport(0, 0, S.drawingBufferWidth, S.drawingBufferHeight), S.clear(S.COLOR_BUFFER_BIT | S.DEPTH_BUFFER_BIT), S.bindBuffer(S.ARRAY_BUFFER, v.current), S.vertexAttribPointer(
       k.current ?? 0,
       3,
-      N.FLOAT,
+      S.FLOAT,
       !1,
       0,
       0
-    ), ie(M), N.drawArrays(N.TRIANGLE_STRIP, 0, 4);
-    const F = S.current.iMouse?.value;
-    if (S.current.iMouse?.isNeeded && l !== 1 && Array.isArray(F)) {
-      const j = F[0] ?? 0, B = F[1] ?? 0;
-      F[0] = gt(j, L.current[0] ?? 0, l), F[1] = gt(B, L.current[1] ?? 0, l);
+    ), ie(M), S.drawArrays(S.TRIANGLE_STRIP, 0, 4);
+    const N = E.current.iMouse?.value;
+    if (E.current.iMouse?.isNeeded && l !== 1 && Array.isArray(N)) {
+      const j = N[0] ?? 0, B = N[1] ?? 0;
+      N[0] = gt(j, b.current[0] ?? 0, l), N[1] = gt(B, b.current[1] ?? 0, l);
     }
-    V.current = requestAnimationFrame(oe);
+    T.current = requestAnimationFrame(oe);
   }, se = () => {
     const M = { passive: !0 };
-    S.current.iMouse?.isNeeded && h.current && (h.current.addEventListener("mousemove", K, M), h.current.addEventListener("mouseout", O, M), h.current.addEventListener("mouseup", O, M), h.current.addEventListener("mousedown", re, M), h.current.addEventListener("touchmove", K, M), h.current.addEventListener("touchend", O, M), h.current.addEventListener("touchstart", re, M)), S.current.iDeviceOrientation?.isNeeded && window.addEventListener(
+    E.current.iMouse?.isNeeded && h.current && (h.current.addEventListener("mousemove", K, M), h.current.addEventListener("mouseout", O, M), h.current.addEventListener("mouseup", O, M), h.current.addEventListener("mousedown", re, M), h.current.addEventListener("touchmove", K, M), h.current.addEventListener("touchend", O, M), h.current.addEventListener("touchstart", re, M)), E.current.iDeviceOrientation?.isNeeded && window.addEventListener(
       "deviceorientation",
       G,
       M
-    ), h.current && (A.current = new ResizeObserver(Z), A.current.observe(h.current), window.addEventListener("resize", Z, M));
+    ), h.current && (y.current = new ResizeObserver(Z), y.current.observe(h.current), window.addEventListener("resize", Z, M));
   }, de = () => {
     const M = { passive: !0 };
-    S.current.iMouse?.isNeeded && h.current && (h.current.removeEventListener("mousemove", K, M), h.current.removeEventListener("mouseout", O, M), h.current.removeEventListener("mouseup", O, M), h.current.removeEventListener("mousedown", re, M), h.current.removeEventListener("touchmove", K, M), h.current.removeEventListener("touchend", O, M), h.current.removeEventListener("touchstart", re, M)), S.current.iDeviceOrientation?.isNeeded && window.removeEventListener(
+    E.current.iMouse?.isNeeded && h.current && (h.current.removeEventListener("mousemove", K, M), h.current.removeEventListener("mouseout", O, M), h.current.removeEventListener("mouseup", O, M), h.current.removeEventListener("mousedown", re, M), h.current.removeEventListener("touchmove", K, M), h.current.removeEventListener("touchend", O, M), h.current.removeEventListener("touchstart", re, M)), E.current.iDeviceOrientation?.isNeeded && window.removeEventListener(
       "deviceorientation",
       G,
       M
-    ), A.current && (A.current.disconnect(), window.removeEventListener("resize", Z, M));
+    ), y.current && (y.current.disconnect(), window.removeEventListener("resize", Z, M));
   };
   return X(() => {
-    R.current = n;
+    F.current = n;
   }, [n]), X(() => {
-    const M = H.current;
-    function N() {
+    const M = A.current;
+    function S() {
       _();
-      const F = C.current;
-      F && h.current && (F.clearColor(...s), F.clearDepth(1), F.enable(F.DEPTH_TEST), F.depthFunc(F.LEQUAL), F.viewport(0, 0, h.current.width, h.current.height), h.current.height = h.current.clientHeight, h.current.width = h.current.clientWidth, W(), he(), Q(ge(e || r6), t || tt), z(), requestAnimationFrame(oe), se(), Z());
+      const N = C.current;
+      N && h.current && (N.clearColor(...s), N.clearDepth(1), N.enable(N.DEPTH_TEST), N.depthFunc(N.LEQUAL), N.viewport(0, 0, h.current.width, h.current.height), h.current.height = h.current.clientHeight, h.current.width = h.current.clientWidth, W(), he(), Q(ge(e || r6), t || tt), z(), requestAnimationFrame(oe), se(), Z());
     }
-    return requestAnimationFrame(N), () => {
-      const F = C.current;
-      if (F) {
-        if (F.getExtension("WEBGL_lose_context")?.loseContext(), F.useProgram(null), F.deleteProgram(w.current ?? null), M.length > 0)
+    return requestAnimationFrame(S), () => {
+      const N = C.current;
+      if (N) {
+        if (N.getExtension("WEBGL_lose_context")?.loseContext(), N.useProgram(null), N.deleteProgram(w.current ?? null), M.length > 0)
           for (const j of M)
-            F.deleteTexture(j._webglTexture);
+            N.deleteTexture(j._webglTexture);
         w.current = null;
       }
-      de(), cancelAnimationFrame(V.current ?? 0);
+      de(), cancelAnimationFrame(T.current ?? 0);
     };
   }, []), /* @__PURE__ */ r(
     "canvas",
@@ -13311,10 +13323,10 @@ const N6 = ({
     } = e, [f, g] = P(!1), [m, h] = P(!1), C = f || m, v = ye(), w = C && !!d, k = {
       duration: v ? 0 : 0.2,
       ease: [0.33, 1, 0.68, 1]
-    }, V = () => {
+    }, T = () => {
       a?.();
-    }, T = (E) => {
-      E.currentTarget === E.target && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), a?.());
+    }, H = (R) => {
+      R.currentTarget === R.target && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), a?.());
     };
     return /* @__PURE__ */ c("div", { className: "relative", children: [
       i && /* @__PURE__ */ c(xe, { children: [
@@ -13356,8 +13368,8 @@ const N6 = ({
             a && me(),
             l
           ),
-          onClick: a ? V : void 0,
-          onKeyDown: a ? T : void 0,
+          onClick: a ? T : void 0,
+          onKeyDown: a ? H : void 0,
           onMouseEnter: () => g(!0),
           onMouseLeave: () => g(!1),
           onFocus: () => h(!0),
@@ -14259,10 +14271,10 @@ const R9 = ({
 }) => {
   const f = Y(), [g, m] = P("");
   X(() => {
-    const L = (H) => {
-      H.key === "Escape" && e();
+    const b = (A) => {
+      A.key === "Escape" && e();
     };
-    return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [e]);
   const h = ee(
     () => ({
@@ -14279,30 +14291,30 @@ const R9 = ({
     ]
   ), C = ee(() => {
     if (!g.trim()) return n;
-    const L = g.toLowerCase();
-    return n.filter((H) => H.title.toLowerCase().includes(L));
+    const b = g.toLowerCase();
+    return n.filter((A) => A.title.toLowerCase().includes(b));
   }, [n, g]), v = ee(
-    () => C.filter((L) => a.has(L.id)),
+    () => C.filter((b) => a.has(b.id)),
     [C, a]
   ), w = ee(
-    () => C.filter((L) => !a.has(L.id)),
+    () => C.filter((b) => !a.has(b.id)),
     [C, a]
   ), k = ee(
     () => K6(w),
     [w]
-  ), V = q(
-    (L, H) => {
-      t(L, H), e();
+  ), T = q(
+    (b, A) => {
+      t(b, A), e();
     },
     [t, e]
-  ), T = q(() => {
+  ), H = q(() => {
     o(), e();
-  }, [o, e]), E = q(
-    (L) => {
-      u(L);
+  }, [o, e]), R = q(
+    (b) => {
+      u(b);
     },
     [u]
-  ), y = v.length > 0 || k.length > 0;
+  ), L = v.length > 0 || k.length > 0;
   return Kt(
     /* @__PURE__ */ c(xe, { children: [
       /* @__PURE__ */ r(
@@ -14340,7 +14352,7 @@ const R9 = ({
                     {
                       type: "text",
                       value: g,
-                      onChange: (L) => m(L.target.value),
+                      onChange: (b) => m(b.target.value),
                       placeholder: f.ai.searchChats,
                       className: x(
                         "w-full",
@@ -14358,7 +14370,7 @@ const R9 = ({
                       variant: "ghost",
                       size: "md",
                       className: "py-1 [&>div>span>span]:w-full",
-                      onClick: T,
+                      onClick: H,
                       children: /* @__PURE__ */ c("div", { className: "flex w-full items-center gap-2", children: [
                         /* @__PURE__ */ r(le, { icon: E1, color: "default", size: "md" }),
                         /* @__PURE__ */ r(ce, { lines: 1, className: "text-left", children: f.ai.startNewChat })
@@ -14367,31 +14379,31 @@ const R9 = ({
                   ),
                   s && /* @__PURE__ */ r(J6, {}),
                   !s && i && /* @__PURE__ */ r("p", { className: "py-8 text-center text-base text-f1-foreground-tertiary", children: i }),
-                  !s && !i && !y && /* @__PURE__ */ r("p", { className: "py-8 text-center text-base text-f1-foreground-tertiary", children: f.ai.noPreviousChats }),
+                  !s && !i && !L && /* @__PURE__ */ r("p", { className: "py-8 text-center text-base text-f1-foreground-tertiary", children: f.ai.noPreviousChats }),
                   !s && !i && v.length > 0 && /* @__PURE__ */ r(
                     Ct,
                     {
                       label: f.ai.pinnedChats,
                       threads: v,
                       pinnedIds: a,
-                      onSelect: V,
+                      onSelect: T,
                       onPin: d,
                       onUnpin: l,
-                      onDelete: E
+                      onDelete: R
                     }
                   ),
-                  !s && !i && k.map((L) => /* @__PURE__ */ r(
+                  !s && !i && k.map((b) => /* @__PURE__ */ r(
                     Ct,
                     {
-                      label: h[L.key],
-                      threads: L.threads,
+                      label: h[b.key],
+                      threads: b.threads,
                       pinnedIds: a,
-                      onSelect: V,
+                      onSelect: T,
                       onPin: d,
                       onUnpin: l,
-                      onDelete: E
+                      onDelete: R
                     },
-                    L.key
+                    b.key
                   ))
                 ] })
               ]