@factorialco/f0-react 3.8.2 → 3.8.4

package/dist/{useChatHistory-CwVDNwKK.js → useChatHistory-CiI4OwLF.js}

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as r, Fragment as xe } from "react/jsx-runtime";
 import { useInsertionEffect as rn, 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 nn, ck as on, cl as sn, cm as an, cn as xt, co as cn, cp as ln, cq as dn, cr as fn, cs as un, ct as kt, cu as hn, cv as gn, cw as pn, cx as mn, cy as Cn, cz as vn, cA as wn, cB as We, cC as xn, cD as kn, cE as bn, cF as Ln, cG as yn, Z as bt, cH as Mn, cI as En, cJ as Rn, cK as Fn, cL as Nn, cM as Lt, cN as Sn, cO as Vn, a6 as m1, cP as Tn, aJ as Hn, cQ as An, cR as Bn, cS as $n, ag as In, cT as Pn, bO as jn, aa as C1, ad as Dn, cU as Zn, ba as v1, a1 as yt, S as Ke, cV as Mt, b9 as _n, cW as On, cX as Un, b2 as zn, bN as Gn, $ as Le, au as Wn, be as Et, cY as qn, bL as Xn, cZ as Re, bH as Yn, c_ as Kn, c$ as Rt, b1 as Ft, d0 as Qn, d1 as Jn, d2 as eo, d3 as to, d4 as ro, d5 as Nt, bz as no, bA as oo, d6 as so, d7 as io, d8 as ao, d9 as co, da as lo, db as fo, dc as uo, dd as ho, de as go, df as po, dg as mo, dh as Co, di as vo, dj as wo, bM as xo, ab as ko, bv as bo, dk as Lo, dl as yo, dm as Mo, dn as Eo, dp as Ro, dq as Fo, dr as No, ap as So, ds as St, M as Vo, a0 as To, dt as Vt, du as Tt, dv as Ho, bd as Ao, bc as Bo, dw as $o, dx as Io, dy as Ht, dz as Po, b0 as jo, ay as Do, dA as Zo, as as _o, b7 as Oo, dB as At, b6 as Uo, dC as zo, bi as w1, dD as Go, dE as Wo, dF as x1, bJ as qo, bI as Xo, bK as Bt, dG as Yo, G as Ko, E as Qo, dH as Jo, dI as es, dJ as ts, dK as rs, dL as ns, dM as $t, dN as os, ac as ss, dO as is, L as fe, q as Fe, o as x, ae as ce, dP as as, bp as cs, bC as ls, y as It, dQ as ds, a5 as Qe, b$ as fs, Q as pe, at as us, H as le, a8 as Pt, a9 as hs, af as jt, bq as Dt, dR as gs, a$ as Zt, v as me, dS as ps, dT as ms, U as ue, u as Y, dU as Cs, cg as _t, a2 as vs, dV as ws, aP as ye, A as Ne, p as oe, aD as k1, dW as xs, aE as b1, aF as L1, b as Me, dX as ks, dY as bs, bD as Ls, V as ys, dZ as Ms, d_ as Es, d$ as Rs, e0 as $1, a3 as Fs, ak as Ot, aS as Ut, e1 as Ns, b_ as Ss, e2 as Vs, e3 as Ts, aX as zt, e4 as Hs, bU as As, e5 as Bs, aU as Ie, bg as Gt, e6 as Wt, bh as qt, c as u1, e7 as Xt, e8 as $s, bk as Is, e9 as Ps, b8 as y1, bw as js, ea as Ds, eb as Zs, ec as _s, ed as Os, ee as Us, z as zs, ef as Yt, eg as Kt, eh as Gs, aj as I1, ei as Ws, ai as qs, ej as Xs, ek as Ys } from "./F0CanvasPanel-DUO4iIQa.js";
+import { cj as nn, ck as on, cl as sn, cm as an, cn as xt, co as cn, cp as ln, cq as dn, cr as fn, cs as un, ct as kt, cu as hn, cv as gn, cw as pn, cx as mn, cy as Cn, cz as vn, cA as wn, cB as We, cC as xn, cD as kn, cE as bn, cF as Ln, cG as yn, Z as bt, cH as Mn, cI as En, cJ as Rn, cK as Fn, cL as Nn, cM as Lt, cN as Sn, cO as Vn, a6 as m1, cP as Tn, aJ as Hn, cQ as An, cR as Bn, cS as $n, ag as In, cT as Pn, bO as jn, aa as C1, ad as Dn, cU as Zn, ba as v1, a1 as yt, S as Ke, cV as Mt, b9 as _n, cW as On, cX as Un, b2 as zn, bN as Gn, $ as Le, au as Wn, be as Et, cY as qn, bL as Xn, cZ as Re, bH as Yn, c_ as Kn, c$ as Rt, b1 as Ft, d0 as Qn, d1 as Jn, d2 as eo, d3 as to, d4 as ro, d5 as Nt, bz as no, bA as oo, d6 as so, d7 as io, d8 as ao, d9 as co, da as lo, db as fo, dc as uo, dd as ho, de as go, df as po, dg as mo, dh as Co, di as vo, dj as wo, bM as xo, ab as ko, bv as bo, dk as Lo, dl as yo, dm as Mo, dn as Eo, dp as Ro, dq as Fo, dr as No, ap as So, ds as St, M as Vo, a0 as To, dt as Vt, du as Tt, dv as Ho, bd as Ao, bc as Bo, dw as $o, dx as Io, dy as Ht, dz as Po, b0 as jo, ay as Do, dA as Zo, as as _o, b7 as Oo, dB as At, b6 as Uo, dC as zo, bi as w1, dD as Go, dE as Wo, dF as x1, bJ as qo, bI as Xo, bK as Bt, dG as Yo, G as Ko, E as Qo, dH as Jo, dI as es, dJ as ts, dK as rs, dL as ns, dM as $t, dN as os, ac as ss, dO as is, L as fe, q as Fe, o as k, ae as ce, dP as as, bp as cs, bC as ls, y as It, dQ as ds, a5 as Qe, b$ as fs, Q as pe, at as us, H as le, a8 as Pt, a9 as hs, af as jt, bq as Dt, dR as gs, a$ as Zt, v as me, dS as ps, dT as ms, U as ue, u as Y, dU as Cs, cg as _t, a2 as vs, dV as ws, aP as ye, A as Ne, p as oe, aD as k1, dW as xs, aE as b1, aF as L1, b as Me, dX as ks, dY as bs, bD as Ls, V as ys, dZ as Ms, d_ as Es, d$ as Rs, e0 as $1, a3 as Fs, ak as Ot, aS as Ut, e1 as Ns, b_ as Ss, e2 as Vs, e3 as Ts, aX as zt, e4 as Hs, bU as As, e5 as Bs, aU as Ie, bg as Gt, e6 as Wt, bh as qt, c as u1, e7 as Xt, e8 as $s, bk as Is, e9 as Ps, b8 as y1, bw as js, ea as Ds, eb as Zs, ec as _s, ed as Os, ee as Us, z as zs, ef as Yt, eg as Kt, eh as Gs, aj as I1, ei as Ws, ai as qs, ej as Xs, ek as Ys } from "./F0CanvasPanel-DUO4iIQa.js";
 import { createPortal as Qt } from "react-dom";
 import { defaultTranslations as Ks } from "./i18n-provider-defaults.js";
 import { useTrackVolume as Qs } from "@livekit/components-react";
@@ -61,9 +61,9 @@ function ci(e, { defaultTransition: t = {}, ...n } = {}, o, s) {
       u.set(C.name, P1(g, C.at, f, u));
       continue;
     }
-    let [v, w, k = {}] = C;
-    k.at !== void 0 && (g = P1(g, k.at, f, u));
-    let V = 0;
+    let [v, w, x = {}] = C;
+    x.at !== void 0 && (g = P1(g, x.at, f, u));
+    let S = 0;
     const T = (E, L, b, A = 0, H = 0) => {
       const y = li(E), { delay: R = 0, times: F = cn(y), type: $ = "keyframes", repeat: _, repeatType: z, repeatDelay: G = 0, ...re } = L;
       let { ease: K = t.ease || "easeOut", duration: O } = L;
@@ -96,41 +96,41 @@ function ci(e, { defaultTransition: t = {}, ...n } = {}, o, s) {
         oi(F, _);
       }
       const ge = W + O;
-      ni(b, y, K, F, W, ge), V = Math.max(Z + O, V), m = Math.max(ge, m);
+      ni(b, y, K, F, W, ge), S = Math.max(Z + O, S), m = Math.max(ge, m);
     };
     if (xt(v)) {
       const E = j1(v, d);
-      T(w, k, D1("default", E));
+      T(w, x, D1("default", E));
     } else {
       const E = Jt(v, w, o, l), L = E.length;
       for (let b = 0; b < L; b++) {
-        w = w, k = k;
+        w = w, x = x;
         const A = E[b], H = j1(A, d);
         for (const y in w)
-          T(w[y], di(k, y), D1(y, H), b, L);
+          T(w[y], di(x, y), D1(y, H), b, L);
       }
     }
-    f = g, g += V;
+    f = g, g += S;
   }
   return d.forEach((h, C) => {
     for (const v in h) {
       const w = h[v];
       w.sort(si);
-      const k = [], V = [], T = [];
+      const x = [], S = [], T = [];
       for (let L = 0; L < w.length; L++) {
         const { at: b, value: A, easing: H } = w[L];
-        k.push(A), V.push(hn(0, m, b)), T.push(H || "easeOut");
+        x.push(A), S.push(hn(0, m, b)), T.push(H || "easeOut");
       }
-      V[0] !== 0 && (V.unshift(0), k.unshift(k[0]), T.unshift(ii)), V[V.length - 1] !== 1 && (V.push(1), k.push(null)), a.has(C) || a.set(C, {
+      S[0] !== 0 && (S.unshift(0), x.unshift(x[0]), T.unshift(ii)), S[S.length - 1] !== 1 && (S.push(1), x.push(null)), a.has(C) || a.set(C, {
         keyframes: {},
         transition: {}
       });
       const E = a.get(C);
-      E.keyframes[v] = k, E.transition[v] = {
+      E.keyframes[v] = x, E.transition[v] = {
         ...t,
         duration: m,
         ease: T,
-        times: V,
+        times: S,
         ...n
       };
     }
@@ -5992,7 +5992,7 @@ const Ae = Fe({
         g,
         {
           ...u,
-          className: x(
+          className: k(
             Ae({ variant: t, align: n }),
             o,
             "inline-flex gap-0.5"
@@ -6018,7 +6018,7 @@ const Ae = Fe({
           lines: h,
           noTooltip: a,
           tag: g,
-          className: x(Ae({ variant: t, align: n }), o),
+          className: k(Ae({ variant: t, align: n }), o),
           markdown: d,
           ...u,
           children: e
@@ -6031,14 +6031,14 @@ const Ae = Fe({
         g,
         {
           ...u,
-          className: x(Ae({ variant: t, align: n }), o),
+          className: k(Ae({ variant: t, align: n }), o),
           ref: f
         },
         /* @__PURE__ */ r("span", { dangerouslySetInnerHTML: { __html: h } }),
         m
       ) : $e(g, {
         ...u,
-        className: x(Ae({ variant: t, align: n }), o),
+        className: k(Ae({ variant: t, align: n }), o),
         ref: f,
         dangerouslySetInnerHTML: { __html: h }
       });
@@ -6047,7 +6047,7 @@ const Ae = Fe({
       g,
       {
         ...u,
-        className: x(Ae({ variant: t, align: n }), o),
+        className: k(Ae({ variant: t, align: n }), o),
         ref: f
       },
       e,
@@ -7017,8 +7017,8 @@ const Jl = Fe({
     margin: C,
     marginX: v,
     marginY: w,
-    marginTop: k,
-    marginBottom: V,
+    marginTop: x,
+    marginBottom: S,
     marginLeft: T,
     marginRight: E,
     // Gap
@@ -7052,7 +7052,7 @@ const Jl = Fe({
     borderRadiusBottomRight: de,
     borderStyle: M,
     // Overflow
-    overflow: S,
+    overflow: V,
     overflowX: N,
     overflowY: j,
     // Divider
@@ -7081,7 +7081,7 @@ const Jl = Fe({
       "div",
       {
         ref: Se,
-        className: x(
+        className: k(
           He && "border-0",
           Jl({
             display: e,
@@ -7101,8 +7101,8 @@ const Jl = Fe({
             margin: C,
             marginX: v,
             marginY: w,
-            marginTop: k,
-            marginBottom: V,
+            marginTop: x,
+            marginBottom: S,
             marginLeft: T,
             marginRight: E,
             gap: L,
@@ -7130,7 +7130,7 @@ const Jl = Fe({
             borderRadiusBottomLeft: se,
             borderRadiusBottomRight: de,
             borderStyle: M,
-            overflow: S,
+            overflow: V,
             overflowX: N,
             overflowY: j,
             divider: B,
@@ -7294,14 +7294,14 @@ function Z1({
     box: "border-box"
   }), h = a === "sm" || a === "md" ? c1[a] : c1.md, C = It(`(min-width: ${h}px)`, {
     initializeWithValue: !1
-  }), v = a === "none" ? !0 : a === "container-md" ? m >= c1["container-md"] : C, w = typeof o == "string" ? o : o.base, k = typeof o == "string" ? o : o.md, V = v ? k : w, T = Array.isArray(
+  }), v = a === "none" ? !0 : a === "container-md" ? m >= c1["container-md"] : C, w = typeof o == "string" ? o : o.base, x = typeof o == "string" ? o : o.md, S = v ? x : w, T = Array.isArray(
     t
   ) ? t : [], E = t != null && !Array.isArray(t) ? t : void 0, L = {
     primaryAction: e,
     secondaryItems: T,
     secondaryLink: E,
     otherActions: n,
-    size: V,
+    size: S,
     gap: s,
     align: i,
     canOverflow: u
@@ -7311,7 +7311,7 @@ function Z1({
     {
       ref: g,
       role: "group",
-      className: x(
+      className: k(
         v ? (
           // Keep the pinned trailing items (splits, divider, primary) at their
           // natural width; only the first child — the flex-1 cluster — shrinks,
@@ -7373,14 +7373,14 @@ function o2({
   X(() => {
     f.current?.setAttribute("inert", "");
   }, [f]);
-  const v = d && C ? m : l, w = d ? C ? h : [] : [], k = new Set(v.map((y) => y.id)), V = e ? Mr(e, s) : null, T = t.filter(qe), E = t[t.length - 1], L = E != null && g1(E) && (T.length > 0 || V != null), b = [];
+  const v = d && C ? m : l, w = d ? C ? h : [] : [], x = new Set(v.map((y) => y.id)), S = e ? Mr(e, s) : null, T = t.filter(qe), E = t[t.length - 1], L = E != null && g1(E) && (T.length > 0 || S != null), b = [];
   t.forEach((y, R) => {
     if (!qe(y)) {
       if (g1(y)) {
         b.push({ kind: "sep", key: `sep-${R}` });
         return;
       }
-      k.has(y.id) && b.push({
+      x.has(y.id) && b.push({
         kind: "node",
         node: Xe(y, s, "outline")
       });
@@ -7406,7 +7406,7 @@ function o2({
       "div",
       {
         ref: u,
-        className: x(
+        className: k(
           // `[&>*]: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.
@@ -7439,7 +7439,7 @@ function o2({
       (y) => F1(y, s, "outline")
     ),
     L && /* @__PURE__ */ r(_1, {}),
-    V
+    S
   ] });
 }
 function _1() {
@@ -7453,21 +7453,36 @@ function _1() {
   );
 }
 const O1 = 8, s2 = {
-  sm: "flex flex-col @xs:flex-row @xs:items-center @xs:justify-between @xs:gap-4",
-  md: "flex flex-col @md:flex-row @md:items-center @md:justify-between @md:gap-4",
-  lg: "flex flex-col @lg:flex-row @lg:items-center @lg:justify-between @lg:gap-4",
-  never: "flex flex-row items-center justify-between gap-4"
+  sm: "flex flex-col @xs:flex-row @xs:items-start @xs:justify-between @xs:gap-4",
+  md: "flex flex-col @md:flex-row @md:items-start @md:justify-between @md:gap-4",
+  lg: "flex flex-col @lg:flex-row @lg:items-start @lg:justify-between @lg:gap-4",
+  never: "flex flex-row items-start justify-between gap-4"
 }, i2 = {
-  sm: "@xs:min-w-0 @xs:flex-1",
-  md: "@md:min-w-0 @md:flex-1",
-  lg: "@lg:min-w-0 @lg:flex-1",
-  never: "min-w-0 flex-1"
+  sm: "@xs:self-center",
+  md: "@md:self-center",
+  lg: "@lg:self-center",
+  never: "self-center"
 }, a2 = {
+  sm: "@xs:flex-1",
+  md: "@md:flex-1",
+  lg: "@lg:flex-1",
+  never: "flex-1"
+}, c2 = {
+  sm: "@xs:pt-1",
+  md: "@md:pt-1",
+  lg: "@lg:pt-1",
+  never: "pt-1"
+}, l2 = {
+  sm: "@xs:min-h-10",
+  md: "@md:min-h-10",
+  lg: "@lg:min-h-10",
+  never: "min-h-10"
+}, d2 = {
   sm: "hidden @xs:flex",
   md: "hidden @md:flex",
   lg: "hidden @lg:flex",
   never: "flex"
-}, c2 = {
+}, f2 = {
   sm: "flex @xs:hidden",
   md: "flex @md:hidden",
   lg: "flex @lg:hidden",
@@ -7477,38 +7492,38 @@ const O1 = 8, s2 = {
   md: "-mx-4 mt-4 border-0 border-t border-solid border-t-f1-border-secondary px-4 pt-4 @md:mx-0 @md:mt-0 @md:border-t-0 @md:px-0 @md:pt-0",
   lg: "-mx-4 mt-4 border-0 border-t border-solid border-t-f1-border-secondary px-4 pt-4 @lg:mx-0 @lg:mt-0 @lg:border-t-0 @lg:px-0 @lg:pt-0",
   never: ""
-}, l2 = {
+}, u2 = {
   neutral: "secondary",
   info: "info",
   positive: "positive",
   warning: "warning",
   critical: "critical"
 };
-function d2({
+function h2({
   primaryAction: e,
   secondaryActions: t,
   otherActions: n,
   confirmAction: o,
   rejectAction: s,
   status: i,
-  compact: a = !1,
-  stackAt: d = "never"
+  stackAt: a = "never",
+  hasAvatar: d = !1
 }) {
-  const l = a ? "sm" : "md";
+  const u = d ? c2[a] : void 0;
   if (i)
     return /* @__PURE__ */ r(
       "div",
       {
-        className: x(
+        className: k(
           "flex items-center justify-end",
-          l1[d],
-          d !== "never" && a && "mt-3 pt-3"
+          d && l2[a],
+          l1[a]
         ),
         children: /* @__PURE__ */ r(
           le,
           {
             icon: i.icon,
-            color: l2[i.variant],
+            color: u2[i.variant],
             size: "lg",
             role: "img",
             "aria-label": i.label
@@ -7516,79 +7531,81 @@ function d2({
         )
       }
     );
-  const u = x(
+  const f = k(
     "relative z-[1]",
-    i2[d],
-    l1[d],
-    d !== "never" && a && "mt-3 pt-3"
-  ), f = (C) => (
+    a2[a],
+    // After stackedChrome: its `@{bp}:pt-0` reset and our `@{bp}:pt-1` are the
+    // same utility, so ours must come last to win once the row goes inline.
+    l1[a],
+    u
+  ), g = (v) => (
     // Keep action clicks from bubbling to the row's onClick / overlay link.
-    /* @__PURE__ */ r("div", { className: u, onClick: (v) => v.stopPropagation(), children: C })
+    /* @__PURE__ */ r("div", { className: f, onClick: (w) => w.stopPropagation(), children: v })
   );
   if (o || s) {
-    const C = (w) => {
-      const k = s ? {
+    const v = (x) => {
+      const S = s ? {
         id: "reject",
         icon: Le,
         label: s.label ?? "Reject",
-        hideLabel: w,
+        hideLabel: x,
         disabled: s.disabled,
         onClick: s.onClick
-      } : void 0, V = o ? {
+      } : void 0, T = o ? {
         id: "confirm",
         icon: C1,
         label: o.label ?? "Confirm",
-        hideLabel: w,
+        hideLabel: x,
         disabled: o.disabled,
         onClick: o.onClick
       } : void 0;
       return /* @__PURE__ */ r(
         Z1,
         {
-          primaryAction: V,
-          secondaryActions: k ? [k] : void 0,
-          size: l,
+          primaryAction: T,
+          secondaryActions: S ? [S] : void 0,
+          size: "md",
           gap: O1,
           canOverflow: !1
         }
       );
-    }, v = (
+    }, w = (
       // Icon-only, inline at the trailing edge.
       /* @__PURE__ */ r(
         "div",
         {
-          className: x(
+          className: k(
             "relative z-[1] min-w-0 flex-1",
-            a2[d]
+            u,
+            d2[a]
           ),
-          onClick: (w) => w.stopPropagation(),
-          children: C(!0)
+          onClick: (x) => x.stopPropagation(),
+          children: v(!0)
         }
       )
     );
-    return d === "never" ? v : /* @__PURE__ */ c(xe, { children: [
-      v,
+    return a === "never" ? w : /* @__PURE__ */ c(xe, { children: [
+      w,
       /* @__PURE__ */ r(
         "div",
         {
-          className: x(
+          className: k(
             "relative z-[1]",
-            c2[d],
-            l1[d],
-            a && "mt-3 pt-3"
+            f2[a],
+            l1[a]
           ),
-          onClick: (w) => w.stopPropagation(),
-          children: C(!1)
+          onClick: (x) => x.stopPropagation(),
+          children: v(!1)
         }
       )
     ] });
   }
-  const g = Array.isArray(t) ? t.map(
-    (C, v) => ({
-      id: `secondary-${v}`,
-      label: C.label,
-      icon: C.icon,
-      onClick: C.onClick
+  const m = Array.isArray(t) ? t.map(
+    (v, w) => ({
+      id: `secondary-${w}`,
+      label: v.label,
+      icon: v.icon,
+      onClick: v.onClick
     })
   ) : t ? {
     label: t.label,
@@ -7597,21 +7614,21 @@ function d2({
     href: t.href,
     target: t.target,
     disabled: t.disabled
-  } : void 0, m = e ? {
+  } : void 0, h = e ? {
     id: "primary",
     label: e.label,
     icon: e.icon,
     onClick: e.onClick,
     variant: e.variant
   } : void 0;
-  return !!m || (Array.isArray(t) ? t.length > 0 : !!t) || (n?.length ?? 0) > 0 ? f(
+  return !!h || (Array.isArray(t) ? t.length > 0 : !!t) || (n?.length ?? 0) > 0 ? g(
     /* @__PURE__ */ r(
       Z1,
       {
-        primaryAction: m,
-        secondaryActions: g,
+        primaryAction: h,
+        secondaryActions: m,
         otherActions: n,
-        size: l,
+        size: "md",
         gap: O1
       }
     )
@@ -7629,69 +7646,81 @@ const Er = p(
     rejectAction: l,
     status: u,
     inactive: f = !1,
-    compact: g = !1,
-    fullHeight: m = !1,
-    alert: h,
-    link: C,
-    onClick: v,
-    disableOverlayLink: w = !1,
-    stackAt: k = "never"
-  }, V) {
-    const T = !!h && h.visible !== !1, L = /* @__PURE__ */ c(
+    fullHeight: g = !1,
+    alert: m,
+    link: h,
+    onClick: C,
+    disableOverlayLink: v = !1,
+    stackAt: w = "never"
+  }, x) {
+    const S = !!m && m.visible !== !1, E = /* @__PURE__ */ c(
       Dt,
       {
-        ref: T ? void 0 : V,
-        className: x(
+        ref: S ? void 0 : x,
+        className: k(
           "group relative @container bg-f1-background shadow-none transition-all",
-          g && "p-3",
-          m && "h-full",
+          g && "h-full",
           // Pointer + hover/focus affordance only when the whole row is clickable.
-          (!!C || !!v) && "cursor-pointer focus-within:border-f1-border-hover focus-within:shadow-md hover:border-f1-border-hover hover:shadow-md"
+          (!!h || !!C) && "cursor-pointer focus-within:border-f1-border-hover focus-within:shadow-md hover:border-f1-border-hover hover:shadow-md"
         ),
-        style: T ? {
-          borderColor: gs[h.variant],
+        style: S ? {
+          borderColor: gs[m.variant],
           borderWidth: "2px"
         } : void 0,
-        onClick: v,
+        onClick: C,
         "data-testid": "card",
         children: [
-          C && !w && /* @__PURE__ */ r(
+          h && !v && /* @__PURE__ */ r(
             Zt,
             {
-              href: C,
+              href: h,
               variant: "unstyled",
-              className: x("z-1 absolute inset-0 block rounded-xl", me()),
+              className: k("z-1 absolute inset-0 block rounded-xl", me()),
               "aria-label": t,
               children: " "
             }
           ),
-          /* @__PURE__ */ c("div", { className: s2[k], children: [
-            /* @__PURE__ */ c("div", { className: "flex min-w-0 flex-row items-center gap-3", children: [
-              o && /* @__PURE__ */ r(ps, { avatar: o, size: "lg" }),
-              /* @__PURE__ */ c("div", { className: "flex min-w-0 flex-col gap-0", children: [
-                /* @__PURE__ */ r(
-                  h1,
-                  {
-                    variant: "body",
-                    content: t,
-                    className: x(
-                      "font-medium",
-                      f && "text-f1-foreground-secondary line-through"
-                    )
-                  }
+          /* @__PURE__ */ c("div", { className: s2[w], children: [
+            /* @__PURE__ */ c(
+              "div",
+              {
+                className: k(
+                  "flex min-w-0 flex-row gap-3",
+                  // Centre a short single-line group against the taller controls, but
+                  // let it fill from the top once it grows (see the class doc).
+                  i2[w],
+                  // Keep the avatar pinned to the top so it stays aligned with the
+                  // title when the row grows (e.g. a long wrapping description).
+                  o ? "items-start" : "items-center"
                 ),
-                n && /* @__PURE__ */ r(
-                  h1,
-                  {
-                    variant: "description",
-                    content: n,
-                    className: x(f && "line-through")
-                  }
-                )
-              ] })
-            ] }),
+                children: [
+                  o && /* @__PURE__ */ r(ps, { avatar: o, size: "lg" }),
+                  /* @__PURE__ */ c("div", { className: "flex min-w-0 flex-col gap-0", children: [
+                    /* @__PURE__ */ r(
+                      h1,
+                      {
+                        variant: "body",
+                        content: t,
+                        className: k(
+                          "break-words font-medium",
+                          f && "text-f1-foreground-secondary line-through"
+                        )
+                      }
+                    ),
+                    n && /* @__PURE__ */ r(
+                      h1,
+                      {
+                        variant: "description",
+                        content: n,
+                        className: k("break-words", f && "line-through")
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
             /* @__PURE__ */ r(
-              d2,
+              h2,
               {
                 primaryAction: s,
                 secondaryActions: i,
@@ -7699,35 +7728,27 @@ const Er = p(
                 confirmAction: d,
                 rejectAction: l,
                 status: u,
-                compact: g,
-                stackAt: k
+                stackAt: w,
+                hasAvatar: !!o
               }
             )
           ] })
         ]
       }
     );
-    return T ? /* @__PURE__ */ r(ms, { ref: V, alert: h, fullHeight: m, children: L }) : L;
+    return S ? /* @__PURE__ */ r(ms, { ref: x, alert: m, fullHeight: g, children: E }) : E;
   }
 );
 Er.displayName = "F0CardRow";
-const f2 = ({ compact: e = !1 }) => /* @__PURE__ */ r(
+const g2 = () => /* @__PURE__ */ r(
   Dt,
   {
-    className: x(
-      "group relative bg-f1-background shadow-none",
-      e && "p-3"
-    ),
+    className: k("group relative bg-f1-background shadow-none"),
     "aria-busy": "true",
     "aria-live": "polite",
     children: /* @__PURE__ */ c("div", { className: "flex flex-row items-center justify-between gap-4", children: [
       /* @__PURE__ */ c("div", { className: "flex min-w-0 flex-row items-center gap-3", children: [
-        /* @__PURE__ */ r(
-          ue,
-          {
-            className: x("h-10 w-10 rounded-full", e && "h-8 w-8")
-          }
-        ),
+        /* @__PURE__ */ r(ue, { className: "h-10 w-10 rounded-full" }),
         /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ r(ue, { className: "h-3 w-32 rounded-md" }),
           /* @__PURE__ */ r(ue, { className: "h-3 w-20 rounded-md" })
@@ -7736,17 +7757,17 @@ const f2 = ({ compact: e = !1 }) => /* @__PURE__ */ r(
       /* @__PURE__ */ r(ue, { className: "h-9 w-24 rounded-md" })
     ] })
   }
-), u2 = Pt(
+), p2 = Pt(
   hs(
     "F0CardRow",
-    jt(Er, f2)
+    jt(Er, g2)
   )
-), c9 = ["xs", "sm", "md", "lg"], l9 = [
+), f9 = ["xs", "sm", "md", "lg"], u9 = [
   "inProgress",
   "executing",
   "writing",
   "completed"
-], h2 = ({
+], m2 = ({
   onUploadFiles: e,
   isAtMaxFiles: t,
   maxFiles: n,
@@ -7865,7 +7886,7 @@ const f2 = ({ compact: e = !1 }) => /* @__PURE__ */ r(
       )
     ] })
   ] });
-}, g2 = ({
+}, C2 = ({
   attachedFiles: e,
   isUploading: t,
   onRemove: n,
@@ -7878,7 +7899,7 @@ const f2 = ({ compact: e = !1 }) => /* @__PURE__ */ r(
     className: "flex flex-wrap gap-1 px-1 pt-1",
     children: e.map(
       (s) => s.status === "uploading" ? /* @__PURE__ */ r(ue, { className: "h-9 w-36 rounded-[10px]" }, s.id) : s.status === "error" ? /* @__PURE__ */ r(
-        p2,
+        v2,
         {
           att: s,
           onRemove: n,
@@ -7903,7 +7924,7 @@ const f2 = ({ compact: e = !1 }) => /* @__PURE__ */ r(
     )
   }
 );
-function p2({
+function v2({
   att: e,
   onRemove: t,
   removeLabel: n
@@ -7926,33 +7947,33 @@ function p2({
   ] });
   return e.errorMessage ? /* @__PURE__ */ r(vs, { label: e.errorMessage, children: o }) : o;
 }
-const m2 = {
+const w2 = {
   soft: {
     text: "",
     bg: "bg-f1-background-info",
     fontColor: "text-f1-foreground-info",
     formBorder: "[&_form]:border-f1-border-info"
   }
-}, C2 = ({
+}, x2 = ({
   creditWarning: e,
   children: t
 }) => {
   const n = Y();
   if (!e) return t;
   const o = {
-    ...m2[e.level],
+    ...w2[e.level],
     text: n.ai.creditWarning.soft
   };
   return /* @__PURE__ */ c(
     "div",
     {
-      className: x("flex flex-col rounded-xl", o.bg, o.formBorder),
+      className: k("flex flex-col rounded-xl", o.bg, o.formBorder),
       children: [
         /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2 px-4 pb-1.5 pt-2", children: [
           /* @__PURE__ */ r(
             "p",
             {
-              className: x("min-w-0 flex-1 text-sm font-medium", o.fontColor),
+              className: k("min-w-0 flex-1 text-sm font-medium", o.fontColor),
               children: o.text
             }
           ),
@@ -7985,7 +8006,7 @@ const m2 = {
     }
   );
 };
-function v2({
+function k2({
   isOpen: e,
   results: t,
   isLoading: n,
@@ -8013,7 +8034,7 @@ function v2({
         bottom: s ? `${s.bottom}px` : "100%",
         left: s ? `${s.left}px` : 0
       },
-      className: x(
+      className: k(
         "z-50",
         "w-64 max-h-60 overflow-y-auto",
         "rounded-lg border border-solid border-f1-border-secondary",
@@ -8030,7 +8051,7 @@ function v2({
             /* @__PURE__ */ r(
               ue,
               {
-                className: x("h-4 rounded", g === 1 ? "w-24" : "w-32")
+                className: k("h-4 rounded", g === 1 ? "w-24" : "w-32")
               }
             )
           ]
@@ -8044,7 +8065,7 @@ function v2({
             ref: m ? d : void 0,
             role: "option",
             "aria-selected": m,
-            className: x(
+            className: k(
               "flex cursor-pointer items-center gap-2 p-2 rounded",
               "transition-colors",
               m ? "bg-f1-background-secondary" : "hover:bg-f1-background-secondary-hover"
@@ -8073,7 +8094,7 @@ function v2({
     }
   );
 }
-const w2 = ({
+const b2 = ({
   quote: e,
   onRemove: t
 }) => {
@@ -8081,7 +8102,7 @@ const w2 = ({
   return /* @__PURE__ */ r("div", { className: "p-1", children: /* @__PURE__ */ c(
     "div",
     {
-      className: x(
+      className: k(
         "flex items-start gap-2 justify-center",
         "rounded-[10px] bg-f1-background-hover pl-2 py-1.5 pr-1.5"
       ),
@@ -8109,7 +8130,7 @@ const w2 = ({
       ]
     }
   ) });
-}, x2 = ({
+}, L2 = ({
   placeholders: e,
   defaultPlaceholder: t,
   inputValue: n,
@@ -8133,7 +8154,7 @@ const w2 = ({
       };
     f(!0), a("");
     let w = 0;
-    const k = 50, V = 30, T = 2e3, E = 1e3;
+    const x = 50, S = 30, T = 2e3, E = 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(() => {
@@ -8141,9 +8162,9 @@ const w2 = ({
             const L = (d + 1) % Math.max(e.length, 1);
             l(L);
           }, E));
-        }, V);
+        }, S);
       }, T));
-    }, k), () => {
+    }, x), () => {
       v();
     };
   }, [
@@ -8160,7 +8181,7 @@ const w2 = ({
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       transition: { duration: s ? 0 : 0.4 },
-      className: x(
+      className: k(
         "col-start-1 row-start-1",
         "pointer-events-none",
         "text-f1-foreground-secondary",
@@ -8170,7 +8191,7 @@ const w2 = ({
       children: /* @__PURE__ */ c(
         "div",
         {
-          className: x(
+          className: k(
             "overflow-hidden text-ellipsis whitespace-nowrap",
             "whitespace-pre-wrap break-words overflow-visible"
           ),
@@ -8182,7 +8203,7 @@ const w2 = ({
       )
     }
   ) });
-}, k2 = ({
+}, y2 = ({
   textareaRef: e,
   highlightRef: t,
   inputValue: n,
@@ -8199,13 +8220,13 @@ const w2 = ({
 }) => /* @__PURE__ */ c(
   "div",
   {
-    className: x("grid flex-1 grid-cols-1 grid-rows-1", "min-h-[20px] py-0"),
+    className: k("grid flex-1 grid-cols-1 grid-rows-1", "min-h-[20px] py-0"),
     children: [
       /* @__PURE__ */ r(
         "div",
         {
           "aria-hidden": !0,
-          className: x(
+          className: k(
             "col-start-1 row-start-1",
             "pointer-events-none invisible",
             "min-h-[20px] max-h-[240px]",
@@ -8222,7 +8243,7 @@ const w2 = ({
         {
           ref: t,
           "aria-hidden": !0,
-          className: x(
+          className: k(
             "col-start-1 row-start-1",
             "pointer-events-none",
             "min-h-[20px] max-h-[240px]",
@@ -8246,7 +8267,7 @@ const w2 = ({
       !n && !u && /* @__PURE__ */ r(
         "p",
         {
-          className: x(
+          className: k(
             "col-start-1 row-start-1",
             "pointer-events-none",
             "text-f1-foreground-secondary",
@@ -8273,7 +8294,7 @@ const w2 = ({
           onClick: i,
           onSelect: i,
           onScroll: a,
-          className: x(
+          className: k(
             "col-start-1 row-start-1",
             "min-h-[20px] max-h-[240px] h-auto",
             "resize-none",
@@ -8288,7 +8309,7 @@ const w2 = ({
         }
       ),
       u && /* @__PURE__ */ r(
-        x2,
+        L2,
         {
           placeholders: f,
           defaultPlaceholder: g,
@@ -8298,11 +8319,11 @@ const w2 = ({
       )
     ]
   }
-), b2 = 5;
-function L2(e, t = b2) {
+), M2 = 5;
+function E2(e, t = M2) {
   return e.length <= t ? e : [...e].sort(() => 0.5 - Math.random()).slice(0, t);
 }
-const y2 = ({
+const R2 = ({
   suggestions: e,
   onItemClick: t,
   onItemHover: n,
@@ -8336,7 +8357,7 @@ const y2 = ({
             align: "start",
             sideOffset: 8,
             onOpenAutoFocus: (d) => d.preventDefault(),
-            className: x(
+            className: k(
               "flex flex-col gap-1 rounded-md border border-solid border-f1-border-secondary bg-f1-background p-2",
               "w-[var(--radix-popover-trigger-width)]"
             ),
@@ -8345,7 +8366,7 @@ const y2 = ({
                 /* @__PURE__ */ r(le, { icon: a.icon, size: "sm" }),
                 /* @__PURE__ */ r("span", { children: a.label })
               ] }),
-              /* @__PURE__ */ r("div", { className: "flex flex-col", children: L2(a.items).map((d, l) => /* @__PURE__ */ c(
+              /* @__PURE__ */ r("div", { className: "flex flex-col", children: E2(a.items).map((d, l) => /* @__PURE__ */ c(
                 "button",
                 {
                   type: "button",
@@ -8356,7 +8377,7 @@ const y2 = ({
                   onMouseLeave: () => n?.(null),
                   onFocus: () => n?.(d),
                   onBlur: () => n?.(null),
-                  className: x(
+                  className: k(
                     "group flex items-center justify-between gap-2 rounded-sm px-2 py-2 text-left text-base font-medium text-f1-foreground transition-colors hover:bg-f1-background-hover focus-visible:bg-f1-background-hover",
                     me()
                   ),
@@ -8384,7 +8405,7 @@ const y2 = ({
 function U1(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function M2(e, t, n) {
+function F2(e, t, n) {
   const o = n?.cursorPosition ?? e.length, s = n?.inlineCompletion ?? null, i = [];
   for (const f of t) {
     const g = `@${f.name}`;
@@ -8409,7 +8430,7 @@ function M2(e, t, n) {
     u(f.start), a.push({ type: "mention", text: e.slice(f.start, f.end) }), d = f.end;
   return u(e.length), !l && s && o >= d && a.push({ type: "ghost", text: s }), a.length === 0 ? [{ type: "text", text: e }] : a;
 }
-function E2(e, t) {
+function N2(e, t) {
   if (t === "*/*") return !0;
   if (t.endsWith("/*")) {
     const n = t.slice(0, t.indexOf("/"));
@@ -8417,15 +8438,15 @@ function E2(e, t) {
   }
   return e === t;
 }
-function R2(e, t) {
+function S2(e, t) {
   if (!t) return e;
   const n = Array.isArray(t) ? t : [t];
   return n.length === 0 ? e : e.filter(
-    (o) => n.some((s) => E2(o.type, s))
+    (o) => n.some((s) => N2(o.type, s))
   );
 }
-const F2 = 4e3;
-function N2(e) {
+const V2 = 4e3;
+function T2(e) {
   const [t, n] = P([]), [o, s] = P(null), i = I(
     null
   ), a = I(null), d = Y(), l = e?.onUploadFiles, u = e?.allowedMimeTypes, f = e?.maxFiles, g = ee(() => {
@@ -8438,7 +8459,7 @@ function N2(e) {
   const C = q((T) => {
     i.current && clearTimeout(i.current), s(T), i.current = setTimeout(() => {
       s(null), i.current = null;
-    }, F2);
+    }, V2);
   }, []);
   X(
     () => () => {
@@ -8449,7 +8470,7 @@ function N2(e) {
   const v = q(
     async (T) => {
       if (T.length === 0 || !l) return;
-      const E = R2(T, u);
+      const E = S2(T, u);
       if (E.length === 0) return;
       if (f !== void 0 && h.current + E.length > f) {
         C(
@@ -8509,9 +8530,9 @@ function N2(e) {
       await v(Array.from(T.target.files ?? [])), T.target.value = "";
     },
     [v]
-  ), k = q((T) => {
+  ), x = q((T) => {
     n((E) => E.filter((L) => L.id !== T));
-  }, []), V = q(() => {
+  }, []), S = q(() => {
     n([]);
   }, []);
   return {
@@ -8523,13 +8544,13 @@ function N2(e) {
     maxFiles: f,
     processFiles: v,
     handleFileSelect: w,
-    handleRemoveFile: k,
-    clearFiles: V,
+    handleRemoveFile: x,
+    clearFiles: S,
     transientError: o,
     showTransientError: C
   };
 }
-function S2(e, t, n) {
+function H2(e, t, n) {
   const s = e.slice(0, t).lastIndexOf("@");
   if (s === -1) return null;
   if (s > 0) {
@@ -8552,7 +8573,7 @@ function S2(e, t, n) {
   }
   return { atIndex: s, query: i };
 }
-const V2 = [
+const A2 = [
   "direction",
   "boxSizing",
   "width",
@@ -8588,10 +8609,10 @@ const V2 = [
   "wordWrap",
   "wordBreak"
 ];
-function T2(e, t) {
+function B2(e, t) {
   const n = document.createElement("div"), o = n.style, s = window.getComputedStyle(e);
   o.whiteSpace = "pre-wrap", o.wordWrap = "break-word", o.position = "absolute", o.visibility = "hidden", o.overflow = "hidden";
-  for (const l of V2)
+  for (const l of A2)
     o.setProperty(l, s.getPropertyValue(l));
   n.textContent = e.value.substring(0, t);
   const i = document.createElement("span");
@@ -8599,30 +8620,30 @@ function T2(e, t) {
   const a = i.offsetLeft, d = i.offsetTop - e.scrollTop;
   return document.body.removeChild(n), { left: a, top: d };
 }
-const H2 = 250;
-function A2({
+const $2 = 250;
+function I2({
   inputValue: e,
   setInputValue: t,
   cursorPosition: n,
   searchPersons: o,
   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([]), x = I(-1), S = I(null), T = I(0), E = I(-1);
   X(() => {
     if (!o) {
       a(!1);
       return;
     }
-    const F = S2(e, n, v);
+    const F = H2(e, n, v);
     if (!F) {
-      a(!1), l(""), f([]), C(0), k.current = -1, E.current = -1;
+      a(!1), l(""), f([]), C(0), x.current = -1, E.current = -1;
       return;
     }
     if (F.atIndex === E.current)
       return;
-    k.current = F.atIndex, l(F.query), a(!0), C(0), m(!0), V.current && clearTimeout(V.current);
+    x.current = F.atIndex, l(F.query), a(!0), C(0), m(!0), S.current && clearTimeout(S.current);
     const $ = ++T.current;
-    return V.current = setTimeout(() => {
+    return S.current = setTimeout(() => {
       o(F.query).then((_) => {
         $ === T.current && (f(_), C(0), _.length === 0 && F.query.length > 0 && (E.current = F.atIndex, a(!1)));
       }).catch(() => {
@@ -8630,15 +8651,15 @@ function A2({
       }).finally(() => {
         $ === T.current && m(!1);
       });
-    }, H2), () => {
-      V.current && clearTimeout(V.current);
+    }, $2), () => {
+      S.current && clearTimeout(S.current);
     };
   }, [e, n, o, v]);
   const L = q(() => {
-    a(!1), l(""), f([]), C(0), k.current = -1;
+    a(!1), l(""), f([]), C(0), x.current = -1;
   }, []), b = q(
     (F) => {
-      const $ = k.current;
+      const $ = x.current;
       if ($ === -1) return;
       const _ = `${F.firstName} ${F.lastName}`.trim(), z = String(F.id), G = e.slice(0, $), re = e.slice(n), 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(() => {
@@ -8702,10 +8723,10 @@ function A2({
     );
   }, [e]);
   const y = ee(() => {
-    if (!i || k.current === -1) return null;
+    if (!i || x.current === -1) return null;
     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);
+    const $ = B2(F, x.current), _ = F.offsetLeft + $.left, G = (F.offsetParent ? F.offsetParent.offsetHeight : 0) - (F.offsetTop + $.top);
     return { left: _, bottom: G };
   }, [i, e, n, s]), R = ee(() => {
     if (!i || u.length === 0) return null;
@@ -8729,7 +8750,7 @@ function A2({
     close: L
   };
 }
-const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>[\s\S]*?<\/entity-ref>)/g).map((t, n) => n % 2 === 1 ? t : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(B2, "\\$&")).join(""), d9 = ({
+const P2 = /[\\`*_{}[\]()#+\-.!|~>]/g, j2 = (e) => e.split(/(<entity-ref\b[^>]*>[\s\S]*?<\/entity-ref>)/g).map((t, n) => n % 2 === 1 ? t : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(P2, "\\$&")).join(""), h9 = ({
   onSubmit: e,
   onStop: t,
   inProgress: n,
@@ -8747,8 +8768,8 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
   onProcessFilesRef: C,
   disclaimer: v,
   footer: w,
-  isWelcomeScreen: k = !1,
-  fullscreen: V = !1,
+  isWelcomeScreen: x = !1,
+  fullscreen: S = !1,
   welcomeScreenSuggestions: T,
   onSuggestionClick: E,
   ref: L
@@ -8769,13 +8790,13 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
     acceptValue: se,
     isAtMaxFiles: de,
     maxFiles: M,
-    processFiles: S,
+    processFiles: V,
     handleFileSelect: N,
     handleRemoveFile: j,
     clearFiles: B,
     transientError: U,
     showTransientError: ae
-  } = N2(g), J = A2({
+  } = T2(g), J = I2({
     inputValue: H,
     setInputValue: y,
     cursorPosition: R,
@@ -8805,11 +8826,11 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
   }, []), X(() => {
     if (C)
       return C((te) => {
-        S(te);
+        V(te);
       }), () => {
         C(null);
       };
-  }, [C, S]);
+  }, [C, V]);
   const je = Ce.status === "recording", r1 = je ? b.ai.listening : b.ai.inputPlaceholder, n1 = ge.filter((te) => te.status === "uploaded"), Se = ge.some((te) => te.status === "uploading"), He = ge.some((te) => te.status === "error"), De = H.trim().length > 0;
   X(() => {
     if (!(!z || Se)) {
@@ -8846,7 +8867,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
             _(!1);
           }
         }
-        const ke = J.transformMentions(H.trim()), i1 = $2(ke), Ue = n1.flatMap(
+        const ke = J.transformMentions(H.trim()), i1 = j2(ke), Ue = n1.flatMap(
           (B1) => B1.uploadedFile ? [B1.uploadedFile] : []
         ), H1 = d, A1 = u;
         H1 && l?.(null), A1 && f?.(null), await e({
@@ -8864,19 +8885,19 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
     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 ? [b.ai.listening] : S1 ? [S1] : s ?? [], Qr = V1.length > 1, Jr = ee(() => M2(H, J.mentions, {
+  }, S1 = re ? re.prompt ?? re.title : null, V1 = je ? [b.ai.listening] : S1 ? [S1] : s ?? [], Qr = V1.length > 1, Jr = ee(() => F2(H, J.mentions, {
     cursorPosition: R,
     inlineCompletion: J.inlineCompletion
-  }), [H, J.mentions, R, J.inlineCompletion]), en = J.mentions.length > 0 || J.inlineCompletion !== null, Oe = k && !!T && T.length > 0 && !!E ? /* @__PURE__ */ r(
-    y2,
+  }), [H, J.mentions, R, J.inlineCompletion]), en = J.mentions.length > 0 || J.inlineCompletion !== null, Oe = x && !!T && T.length > 0 && !!E ? /* @__PURE__ */ r(
+    R2,
     {
       suggestions: T,
       onItemClick: he,
       onItemHover: K,
-      side: V ? "bottom" : "top"
+      side: S ? "bottom" : "top"
     }
-  ) : null, T1 = V && k, { motionProps: tn } = bs(
-    k,
+  ) : null, T1 = S && x, { motionProps: tn } = bs(
+    x,
     160,
     0.5
   );
@@ -8884,20 +8905,20 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
     oe.div,
     {
       ref: L,
-      className: x(
+      className: k(
         "flex flex-col items-center gap-2 px-4 pb-3 pt-2",
         T1 && "min-h-0 flex-1 justify-start -mt-20"
       ),
-      ...V ? tn : {},
+      ...S ? tn : {},
       children: [
         /* @__PURE__ */ c("div", { className: "flex w-full max-w-content flex-col gap-2", children: [
-          Oe && !V && /* @__PURE__ */ r("div", { children: Oe }),
-          /* @__PURE__ */ r(C2, { creditWarning: i, children: /* @__PURE__ */ c(
+          Oe && !S && /* @__PURE__ */ r("div", { children: Oe }),
+          /* @__PURE__ */ r(x2, { creditWarning: i, children: /* @__PURE__ */ c(
             oe.form,
             {
               "aria-busy": n,
               ref: O,
-              className: x(
+              className: k(
                 "relative isolate z-20",
                 "flex flex-col items-stretch md:gap-3 gap-2",
                 "rounded-lg border border-solid border-f1-border has-[textarea:focus]:border-f1-background-tertiary",
@@ -8931,7 +8952,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
               onSubmit: o1,
               children: [
                 /* @__PURE__ */ r(
-                  v2,
+                  k2,
                   {
                     isOpen: J.isOpen,
                     results: J.results,
@@ -8982,7 +9003,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                     },
                     children: [
                       u && /* @__PURE__ */ r(
-                        w2,
+                        b2,
                         {
                           quote: u,
                           onRemove: () => f?.(null)
@@ -9004,7 +9025,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                           children: /* @__PURE__ */ c(
                             "div",
                             {
-                              className: x(
+                              className: k(
                                 "flex w-full flex-row items-center gap-2 rounded-md p-2 pr-3",
                                 "bg-f1-background-critical text-f1-foreground"
                               ),
@@ -9018,7 +9039,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                         "transient-error"
                       ) }),
                       /* @__PURE__ */ r(
-                        g2,
+                        C2,
                         {
                           attachedFiles: ge,
                           isUploading: Se,
@@ -9027,7 +9048,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                         }
                       ),
                       /* @__PURE__ */ r(
-                        k2,
+                        y2,
                         {
                           textareaRef: Z,
                           highlightRef: D,
@@ -9047,7 +9068,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                         }
                       ),
                       /* @__PURE__ */ r(
-                        h2,
+                        m2,
                         {
                           onUploadFiles: ne,
                           isAtMaxFiles: de,
@@ -9074,8 +9095,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 && S && /* @__PURE__ */ r("div", { className: "w-full max-w-content", children: Oe }),
+        w && x && S && /* @__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(
           oe.div,
           {
@@ -9120,7 +9141,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                 {
                   type: "button",
                   onClick: v.onClick,
-                  className: x(
+                  className: k(
                     "group min-w-0 cursor-pointer bg-transparent p-0 text-inherit",
                     "transition-transform duration-700 ease-out",
                     "hover:scale-[1.02] focus-visible:scale-[1.02]",
@@ -9129,7 +9150,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
                   children: /* @__PURE__ */ r(
                     ce,
                     {
-                      className: x(
+                      className: k(
                         "text-sm font-medium text-f1-foreground-tertiary transition-colors duration-700 ease-out",
                         "group-hover:bg-gradient-to-r group-hover:from-[#E55619] group-hover:to-[#A1ADE5] group-hover:bg-clip-text group-hover:text-transparent",
                         "group-focus-visible:bg-gradient-to-r group-focus-visible:from-[#E55619] group-focus-visible:to-[#A1ADE5] group-focus-visible:bg-clip-text group-focus-visible:text-transparent"
@@ -9157,7 +9178,7 @@ const B2 = /[\\`*_{}[\]()#+\-.!|~>]/g, $2 = (e) => e.split(/(<entity-ref\b[^>]*>
     }
   );
 };
-function I2({
+function D2({
   children: e,
   ...t
 }) {
@@ -9165,7 +9186,7 @@ function I2({
     "pre",
     {
       ...t,
-      className: x(
+      className: k(
         "relative mx-0 overflow-x-auto whitespace-pre-wrap rounded-md bg-f1-background-secondary p-2",
         t.className
       ),
@@ -9173,7 +9194,7 @@ function I2({
     }
   );
 }
-function P2({
+function Z2({
   children: e,
   ...t
 }) {
@@ -9181,7 +9202,7 @@ function P2({
     "code",
     {
       ...t,
-      className: x(
+      className: k(
         // Inline default
         "rounded bg-f1-background-secondary px-1 py-0.5 font-mono text-base text-f1-foreground",
         // Reset inside <pre> — let the parent handle the surface
@@ -9192,7 +9213,7 @@ function P2({
     }
   );
 }
-function j2({
+function _2({
   children: e,
   ...t
 }) {
@@ -9200,7 +9221,7 @@ function j2({
     "blockquote",
     {
       ...t,
-      className: x(
+      className: k(
         "mr-1 my-2 mb-2.5 border-0 border-l-4 border-solid border-f1-border pl-3 text-base",
         t.className
       ),
@@ -9208,16 +9229,16 @@ function j2({
     }
   );
 }
-function D2({ ...e }) {
+function O2({ ...e }) {
   return /* @__PURE__ */ r(
     "hr",
     {
       ...e,
-      className: x("my-3 border-0 border-t border-f1-border", e.className)
+      className: k("my-3 border-0 border-t border-f1-border", e.className)
     }
   );
 }
-function Z2({
+function U2({
   src: e,
   alt: t,
   ...n
@@ -9235,7 +9256,7 @@ function Z2({
         ...n,
         src: e,
         alt: t,
-        className: x("max-w-full rounded-md", n.className)
+        className: k("max-w-full rounded-md", n.className)
       }
     ),
     /* @__PURE__ */ r("div", { className: "absolute right-2 top-2 rounded", children: /* @__PURE__ */ r(
@@ -9250,13 +9271,13 @@ function Z2({
     ) })
   ] });
 }
-function _2({
+function z2({
   children: e,
   ...t
 }) {
   return /* @__PURE__ */ r(Zt, { ...t, variant: "link", href: t.href, children: e });
 }
-function O2({
+function G2({
   children: e,
   ...t
 }) {
@@ -9264,7 +9285,7 @@ function O2({
     "ul",
     {
       ...t,
-      className: x(
+      className: k(
         "list-disc pl-5 [&>li>ol]:mt-2 [&>li>ul]:mt-2",
         t.className
       ),
@@ -9272,7 +9293,7 @@ function O2({
     }
   );
 }
-function U2({
+function W2({
   children: e,
   ...t
 }) {
@@ -9280,7 +9301,7 @@ function U2({
     "ol",
     {
       ...t,
-      className: x(
+      className: k(
         "list-decimal pl-5 [&>li>ol]:mt-2 [&>li>ul]:mt-2",
         t.className
       ),
@@ -9288,17 +9309,17 @@ function U2({
     }
   );
 }
-function z2({
+function q2({
   children: e,
   ...t
 }) {
-  return /* @__PURE__ */ r("li", { ...t, className: x("mb-2", t.className), children: e });
+  return /* @__PURE__ */ r("li", { ...t, className: k("mb-2", t.className), children: e });
 }
-async function G2(e, t, n) {
+async function X2(e, t, n) {
   const o = await import("./xlsx-Bedf3nwD.js"), s = o.utils.table_to_book(e, { sheet: "Data" });
   o.writeFile(s, `${n}.${t}`);
 }
-function W2({
+function Y2({
   children: e,
   title: t,
   ...n
@@ -9307,7 +9328,7 @@ function W2({
     (a) => {
       if (!s.current) return;
       const d = t?.replace(/\s+/g, "_").toLowerCase() || "table";
-      G2(s.current, a, d);
+      X2(s.current, a, d);
     },
     [t]
   );
@@ -9350,7 +9371,7 @@ function W2({
       {
         ref: s,
         ...n,
-        className: x(
+        className: k(
           "w-full border-separate border-spacing-0 [&_tbody_tr:last-child_td]:border-b-0",
           n.className
         ),
@@ -9359,7 +9380,7 @@ function W2({
     ) })
   ] });
 }
-function q2({
+function K2({
   children: e,
   ...t
 }) {
@@ -9367,7 +9388,7 @@ function q2({
     "th",
     {
       ...t,
-      className: x(
+      className: k(
         "sticky top-0 z-10 whitespace-nowrap border-0 border-b border-solid border-f1-border-secondary bg-f1-background px-3 py-2 text-left font-medium text-f1-foreground-secondary",
         t.className
       ),
@@ -9375,7 +9396,7 @@ function q2({
     }
   );
 }
-function X2({
+function Q2({
   children: e,
   ...t
 }) {
@@ -9383,7 +9404,7 @@ function X2({
     "td",
     {
       ...t,
-      className: x(
+      className: k(
         "max-w-80 truncate border-0 border-b border-solid border-f1-border-secondary px-3 py-2",
         t.className
       ),
@@ -9391,13 +9412,13 @@ function X2({
     }
   );
 }
-function Y2({
+function J2({
   children: e,
   ...t
 }) {
-  return /* @__PURE__ */ r("p", { ...t, className: x("text-base font-normal", t.className), children: e });
+  return /* @__PURE__ */ r("p", { ...t, className: k("text-base font-normal", t.className), children: e });
 }
-function K2({
+function e4({
   children: e,
   ...t
 }) {
@@ -9405,7 +9426,7 @@ function K2({
     "h1",
     {
       ...t,
-      className: x(
+      className: k(
         "mb-2.5 mt-4 text-2xl font-medium first:mt-0 last:mb-0",
         t.className
       ),
@@ -9413,7 +9434,7 @@ function K2({
     }
   );
 }
-function Q2({
+function t4({
   children: e,
   ...t
 }) {
@@ -9421,7 +9442,7 @@ function Q2({
     "h2",
     {
       ...t,
-      className: x(
+      className: k(
         "mb-2.5 mt-4 text-lg font-medium leading-6 first:mt-0 last:mb-0",
         t.className
       ),
@@ -9429,7 +9450,7 @@ function Q2({
     }
   );
 }
-function J2({
+function r4({
   children: e,
   ...t
 }) {
@@ -9437,7 +9458,7 @@ function J2({
     "h3",
     {
       ...t,
-      className: x(
+      className: k(
         "mb-2 mt-3.5 text-base font-semibold first:mt-0 last:mb-0",
         t.className
       ),
@@ -9445,17 +9466,17 @@ function J2({
     }
   );
 }
-function e4({
+function n4({
   children: e,
   ...t
 }) {
-  return /* @__PURE__ */ r("strong", { ...t, className: x("font-semibold", t.className), children: e });
+  return /* @__PURE__ */ r("strong", { ...t, className: k("font-semibold", t.className), children: e });
 }
-function t4({
+function o4({
   children: e,
   ...t
 }) {
-  return /* @__PURE__ */ r("em", { ...t, className: x("italic", t.className), children: e });
+  return /* @__PURE__ */ r("em", { ...t, className: k("italic", t.className), children: e });
 }
 function Ve({
   id: e,
@@ -9514,7 +9535,7 @@ const Rr = p(
     {
       ref: n,
       type: "button",
-      className: x(
+      className: k(
         "cursor-pointer font-medium text-f1-foreground-secondary hover:text-f1-foreground",
         me()
       ),
@@ -9524,7 +9545,7 @@ const Rr = p(
   )
 );
 Rr.displayName = "CandidateTrigger";
-function r4({
+function s4({
   id: e,
   label: t
 }) {
@@ -9589,7 +9610,7 @@ const Fr = p(
     {
       ref: n,
       type: "button",
-      className: x(
+      className: k(
         "cursor-pointer font-medium text-f1-foreground-secondary hover:text-f1-foreground",
         me()
       ),
@@ -9599,7 +9620,7 @@ const Fr = p(
   )
 );
 Fr.displayName = "ExpenseTrigger";
-function n4({ id: e, label: t }) {
+function i4({ id: e, label: t }) {
   const { entityRefs: n } = Me(), o = n?.resolvers?.expense, s = Y(), i = n?.urls?.expense?.(e), a = ee(
     () => (l) => ({
       avatar: {
@@ -9645,7 +9666,7 @@ const Nr = p(
     {
       ref: n,
       type: "button",
-      className: x(
+      className: k(
         "cursor-pointer font-medium text-f1-foreground-secondary hover:text-f1-foreground",
         me()
       ),
@@ -9655,7 +9676,7 @@ const Nr = p(
   )
 );
 Nr.displayName = "JobPostingTrigger";
-function o4({
+function a4({
   id: e,
   label: t
 }) {
@@ -9694,7 +9715,7 @@ function o4({
     }
   ) : /* @__PURE__ */ r("span", { children: t });
 }
-function s4({ rows: e }) {
+function c4({ rows: e }) {
   return e.length === 0 ? null : /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: e.map((t, n) => /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
     t.label && /* @__PURE__ */ r("p", { className: "text-f1-foreground-secondary", children: t.label }),
     /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 font-medium text-f1-foreground", children: t.value })
@@ -9706,7 +9727,7 @@ const Sr = p(
     {
       ref: n,
       type: "button",
-      className: x(
+      className: k(
         "cursor-pointer font-medium text-f1-foreground-secondary hover:text-f1-foreground",
         me()
       ),
@@ -9716,7 +9737,7 @@ const Sr = p(
   )
 );
 Sr.displayName = "RequisitionTrigger";
-function i4({
+function l4({
   id: e,
   label: t
 }) {
@@ -9759,7 +9780,7 @@ function i4({
         title: l.title,
         ...l.location && { description: l.location },
         ...g.length > 0 && {
-          children: /* @__PURE__ */ r(s4, { rows: g })
+          children: /* @__PURE__ */ r(c4, { rows: g })
         },
         ...i && {
           secondaryActions: {
@@ -9799,7 +9820,7 @@ const Vr = p(
     {
       ref: n,
       type: "button",
-      className: x(
+      className: k(
         "cursor-pointer font-medium text-f1-foreground-secondary hover:text-f1-foreground",
         me()
       ),
@@ -9812,7 +9833,7 @@ const Vr = p(
   )
 );
 Vr.displayName = "PersonTrigger";
-function a4({ id: e, label: t }) {
+function d4({ id: e, label: t }) {
   const { entityRefs: n } = Me(), o = n?.resolvers?.person, s = Y(), i = n?.urls?.person?.(e), a = ee(
     () => (l) => ({
       avatar: {
@@ -9860,7 +9881,7 @@ const Tr = p(
     {
       ref: n,
       type: "button",
-      className: x(
+      className: k(
         "cursor-pointer font-medium text-f1-foreground-secondary hover:text-f1-foreground",
         me()
       ),
@@ -9870,7 +9891,7 @@ const Tr = p(
   )
 );
 Tr.displayName = "VacancyTrigger";
-function c4({ id: e, label: t }) {
+function f4({ id: e, label: t }) {
   const { entityRefs: n } = Me(), o = n?.resolvers?.vacancy, s = Y(), i = n?.urls?.vacancy?.(e), a = ee(
     () => (l) => ({
       title: l.name,
@@ -9906,50 +9927,50 @@ function c4({ id: e, label: t }) {
     }
   ) : /* @__PURE__ */ r("span", { children: t });
 }
-const l4 = {
-  person: a4,
-  candidate: r4,
-  expense: n4,
-  "job-posting": o4,
-  requisition: i4,
-  vacancy: c4
+const u4 = {
+  person: d4,
+  candidate: s4,
+  expense: i4,
+  "job-posting": a4,
+  requisition: l4,
+  vacancy: f4
 };
-function d4(e) {
-  return l4[e];
+function h4(e) {
+  return u4[e];
 }
 function p1(e) {
   return typeof e == "string" ? e : typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(p1).join("") : e && typeof e == "object" && "props" in e ? p1(e.props.children) : "";
 }
-function f4({
+function g4({
   type: e,
   id: t,
   children: n
 }) {
   if (!t || !e)
     return /* @__PURE__ */ r("span", { children: n });
-  const o = p1(n), s = d4(e);
+  const o = p1(n), s = h4(e);
   return s ? /* @__PURE__ */ r(s, { id: t, label: o }) : /* @__PURE__ */ r("span", { children: n });
 }
-const f9 = {
-  p: Y2,
-  h1: K2,
-  h2: Q2,
-  h3: J2,
-  a: _2,
-  strong: e4,
-  em: t4,
-  li: z2,
-  pre: I2,
-  code: P2,
-  blockquote: j2,
-  hr: D2,
-  ul: O2,
-  ol: U2,
-  table: W2,
-  th: q2,
-  td: X2,
-  img: Z2,
-  "entity-ref": f4
+const g9 = {
+  p: J2,
+  h1: e4,
+  h2: t4,
+  h3: r4,
+  a: z2,
+  strong: n4,
+  em: o4,
+  li: q2,
+  pre: D2,
+  code: Z2,
+  blockquote: _2,
+  hr: O2,
+  ul: G2,
+  ol: W2,
+  table: Y2,
+  th: K2,
+  td: Q2,
+  img: U2,
+  "entity-ref": g4
 };
 function Hr({
   avatar: e,
@@ -9963,7 +9984,7 @@ function Hr({
   return /* @__PURE__ */ c(
     "div",
     {
-      className: x(
+      className: k(
         "flex flex-col items-center justify-between gap-3 rounded-lg border border-solid px-3 py-2",
         d && "cursor-pointer",
         o ? "border-f1-border-hover" : "border-f1-border-secondary"
@@ -10005,7 +10026,7 @@ function Hr({
 }
 Hr.displayName = "F0CanvasCard";
 const N1 = Ye(null);
-function u9({
+function p9({
   children: e
 }) {
   const [t, n] = P(0), o = I([]), s = q(
@@ -10026,7 +10047,7 @@ function u9({
   );
   return /* @__PURE__ */ r(N1.Provider, { value: i, children: e });
 }
-function u4(e) {
+function p4(e) {
   const n = Pe(N1)?.formatters;
   return ee(() => !n || n.length === 0 ? null : (o, s, i) => {
     let a, d = -1;
@@ -10040,7 +10061,7 @@ function u4(e) {
       return a.format(s, { key: o, ...i });
   }, [n, e]);
 }
-function h9() {
+function m9() {
   const e = Pe(N1);
   if (!e)
     throw new Error(
@@ -10048,14 +10069,14 @@ function h9() {
     );
   return e.setFormCardValueFormatter;
 }
-const z1 = 7, h4 = 625, G1 = /* @__PURE__ */ new Set();
-function g4(e) {
+const z1 = 7, m4 = 625, G1 = /* @__PURE__ */ new Set();
+function C4(e) {
   return typeof DOMParser < "u" ? new DOMParser().parseFromString(e, "text/html").body.textContent?.replace(/\s+/g, " ").trim() ?? "" : e.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
 }
-function p4(e) {
+function v4(e) {
   return e && e.charAt(0).toUpperCase() + e.slice(1);
 }
-function m4(e) {
+function w4(e) {
   const { days: t, hours: n, minutes: o, seconds: s } = Vs(e), i = [];
   return t > 0 && i.push(`${t}d`), n > 0 && i.push(`${n}h`), o > 0 && i.push(`${o}m`), (s > 0 || i.length === 0) && i.push(`${s}s`), i.join(" ");
 }
@@ -10074,10 +10095,10 @@ function X1(e) {
 function Ar(e, t) {
   if (e == null || e === "") return { type: "item", text: "—" };
   if (t === "duration" && typeof e == "number")
-    return { type: "item", text: m4(e) };
+    return { type: "item", text: w4(e) };
   if (t === "richtext" && typeof e == "object" && e !== null && "value" in e) {
     const n = e.value;
-    return { type: "item", text: (n ? g4(n) : "") || "—" };
+    return { type: "item", text: (n ? C4(n) : "") || "—" };
   }
   if (t === "daterange" && typeof e == "object" && e !== null && "from" in e && "to" in e) {
     const { from: n, to: o } = e, s = W1(n) ? q1(n) : String(n), i = W1(o) ? q1(o) : String(o);
@@ -10096,7 +10117,7 @@ function Ar(e, t) {
     const n = e;
     return typeof n.label == "string" ? { type: "item", text: n.label } : typeof n.name == "string" ? { type: "item", text: n.name } : typeof n.text == "string" ? { type: "item", text: n.text } : { type: "item", text: JSON.stringify(e) };
   }
-  return { type: "item", text: p4(String(e)) };
+  return { type: "item", text: v4(String(e)) };
 }
 function Br({
   formName: e,
@@ -10108,8 +10129,8 @@ function Br({
   formValues: a,
   valueFormatter: d
 }) {
-  const { canvasContent: l, openCanvas: u, closeCanvas: f } = Me(), g = u4(e), m = d ?? g, h = I(() => {
-  }), C = o ?? e, v = s ?? t ?? "", w = l?.type === "form" && l.formName === e, k = () => u({
+  const { canvasContent: l, openCanvas: u, closeCanvas: f } = Me(), g = p4(e), m = d ?? g, h = I(() => {
+  }), C = o ?? e, v = s ?? t ?? "", w = l?.type === "form" && l.formName === e, x = () => u({
     type: "form",
     title: C,
     description: v,
@@ -10117,10 +10138,10 @@ function Br({
     formDescription: t,
     formModule: n
   });
-  h.current = k, X(() => {
-    typeof window > "u" || window.innerWidth < h4 || G1.has(e) || (G1.add(e), h.current());
+  h.current = x, X(() => {
+    typeof window > "u" || window.innerWidth < m4 || G1.has(e) || (G1.add(e), h.current());
   }, [e]);
-  const V = i && a ? Object.entries(i).map(([L, b]) => {
+  const S = i && a ? Object.entries(i).map(([L, b]) => {
     const A = a[L], H = m?.(L, A, {
       fieldType: b.fieldType,
       customFieldName: b.customFieldName
@@ -10137,7 +10158,7 @@ function Br({
     if (!L) return !1;
     const b = Array.isArray(L.content) ? L.content[0] : L.content;
     return !(b?.type === "item" && b.text === "—");
-  }) : [], T = V.slice(0, z1), E = V.length > z1;
+  }) : [], T = S.slice(0, z1), E = S.length > z1;
   return /* @__PURE__ */ r(
     Hr,
     {
@@ -10147,7 +10168,7 @@ function Br({
       isActive: w,
       action: {
         type: "open",
-        onOpen: k,
+        onOpen: x,
         onClose: f,
         showButton: w
       },
@@ -10160,7 +10181,7 @@ function Br({
             ...L.verticalLayout && { verticalLayout: !0 }
           })),
           showSeeMore: E,
-          onClickSeeMore: k,
+          onClickSeeMore: x,
           tableView: !0
         }
       ) })
@@ -10168,7 +10189,7 @@ function Br({
   );
 }
 Br.displayName = "FormCard";
-function C4() {
+function x4() {
   const e = Ts(), t = e?.activeForm;
   if (!t) return null;
   const n = t.cardTitle, o = t.cardDescription, s = (e?.getFillVersion(t.formName) ?? 0) > 0;
@@ -10185,15 +10206,15 @@ function C4() {
     }
   ) });
 }
-const v4 = 2;
-function w4(e, t) {
+const k4 = 2;
+function b4(e, t) {
   if (!e.intersectsNode(t)) return null;
   const n = document.createRange();
   n.selectNodeContents(t);
   const o = e.cloneRange();
   o.compareBoundaryPoints(Range.START_TO_START, n) < 0 && o.setStart(n.startContainer, n.startOffset), o.compareBoundaryPoints(Range.END_TO_END, n) > 0 && o.setEnd(n.endContainer, n.endOffset);
   const s = o.toString().trim();
-  if (s.length < v4) return null;
+  if (s.length < k4) return null;
   const i = o.getBoundingClientRect();
   return { rect: i.width > 0 || i.height > 0 ? i : t.getBoundingClientRect(), text: s };
 }
@@ -10212,7 +10233,7 @@ function $r({
         o(null);
         return;
       }
-      o(w4(u.getRangeAt(0), i));
+      o(b4(u.getRangeAt(0), i));
     }, d = () => {
       window.setTimeout(a, 0);
     }, l = () => {
@@ -10259,7 +10280,7 @@ function Ir({ anchor: e, onReply: t }) {
           left: s?.left ?? -9999,
           visibility: s ? "visible" : "hidden"
         },
-        className: x(
+        className: k(
           "z-50 rounded-md bg-f1-background p-1 border border-solid border-f1-border-secondary",
           "drop-shadow"
         ),
@@ -10281,7 +10302,7 @@ function Ir({ anchor: e, onReply: t }) {
     document.body
   );
 }
-const Pr = Ye(void 0), g9 = () => Pe(Pr), x4 = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), k4 = ({
+const Pr = Ye(void 0), C9 = () => Pe(Pr), L4 = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), y4 = ({
   isGenerating: e,
   isLoading: t,
   message: n,
@@ -10302,7 +10323,7 @@ const Pr = Ye(void 0), g9 = () => Pe(Pr), x4 = (e) => /* @__PURE__ */ r(zt, { co
       {
         ref: g,
         className: "w-full max-w-full [&>div]:flex [&>div]:flex-col [&>div]:gap-1",
-        children: (a ?? x4)(d)
+        children: (a ?? L4)(d)
       }
     ),
     !!l && /* @__PURE__ */ r("div", { className: "w-full", children: l }),
@@ -10316,7 +10337,7 @@ const Pr = Ye(void 0), g9 = () => Pe(Pr), x4 = (e) => /* @__PURE__ */ r(zt, { co
       }
     )
   ] }) });
-}, b4 = ({
+}, M4 = ({
   onClose: e,
   onSubmit: t,
   reactionType: n,
@@ -10365,7 +10386,7 @@ const Pr = Ye(void 0), g9 = () => Pe(Pr), x4 = (e) => /* @__PURE__ */ r(zt, { co
       ) })
     }
   );
-}, jr = Ye(null), L4 = ({ children: e }) => {
+}, jr = Ye(null), E4 = ({ children: e }) => {
   const [t, n] = P(null), o = t ? {
     isOpen: !0,
     currentReaction: t.action,
@@ -10388,7 +10409,7 @@ const Pr = Ye(void 0), g9 = () => Pe(Pr), x4 = (e) => /* @__PURE__ */ r(zt, { co
     );
   return e;
 };
-function y4(e) {
+function R4(e) {
   const t = Dr();
   return { modal: t, handleSubmit: (s, i) => {
     (t.currentReaction === "like" ? e.onThumbsUp : e.onThumbsDown)?.(s, { threadId: e.threadId, feedback: i }), t.close();
@@ -10396,7 +10417,7 @@ function y4(e) {
     (t.currentReaction === "like" ? e.onThumbsUp : e.onThumbsDown)?.(s, { threadId: e.threadId, feedback: "" }), t.close();
   } };
 }
-const M4 = ({
+const F4 = ({
   content: e,
   targetMessage: t,
   onCopy: n
@@ -10461,7 +10482,7 @@ const M4 = ({
   oe.div,
   {
     transition: { duration: 0.2, ease: "easeOut" },
-    className: x(
+    className: k(
       // Inset 1px on both sides so the gradient and the thin `::after` rule
       // never sit flush against the chat panel's left/right edge. Matters in
       // canvas mode: the chat has `border-l-0` there and the ResizeHandle
@@ -10483,7 +10504,7 @@ const M4 = ({
       ]
     )
   }
-), E4 = ({
+), N4 = ({
   icon: e,
   title: t,
   children: n,
@@ -10506,7 +10527,7 @@ const M4 = ({
           Wt,
           {
             disabled: a,
-            className: x(
+            className: k(
               "gap-1",
               a ? "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"
             ),
@@ -10537,7 +10558,7 @@ const M4 = ({
       ]
     }
   );
-}, R4 = ({
+}, S4 = ({
   titles: e,
   title: t,
   inProgress: n,
@@ -10549,7 +10570,7 @@ const M4 = ({
   }, [n, i]);
   const l = n ? s.ai.thoughtsGroupTitle : t ?? s.ai.thoughtsGroupTitle, u = e.length - 1, f = (g) => !n || o ? "completed" : g === u ? "executing" : "completed";
   return /* @__PURE__ */ r(
-    E4,
+    N4,
     {
       icon: rr,
       title: l,
@@ -10576,14 +10597,14 @@ const M4 = ({
     }
   );
 };
-function F4(e) {
+function V4(e) {
   if (typeof e == "string") return e;
   if (Array.isArray(e)) {
     const t = e.filter((n) => n.type === "text").map((n) => n.text).filter((n) => typeof n == "string");
     return t[t.length - 1];
   }
 }
-function N4(e, t) {
+function T4(e, t) {
   const n = Array.isArray(e) ? e.filter((o) => o.type === "binary").map((o) => ({
     url: o.url,
     filename: o.filename,
@@ -10595,13 +10616,13 @@ function N4(e, t) {
     (o) => typeof o?.filename == "string" && typeof o?.mimetype == "string" && typeof o?.url == "string"
   );
 }
-const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), S4 = ({
+const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), H4 = ({
   text: e,
   renderMarkdown: t
 }) => /* @__PURE__ */ c("div", { className: "flex max-w-[90%] items-start gap-2 self-end pb-1 pr-2 text-f1-foreground-tertiary", children: [
   /* @__PURE__ */ r("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ r(le, { icon: R1 }) }),
   /* @__PURE__ */ r("div", { className: "min-w-0 whitespace-pre-wrap text-base leading-5 [&>div]:flex [&>div]:flex-col [&>div]:gap-1 [&_p]:m-0", children: (t ?? Zr)(e) })
-] }), V4 = ({
+] }), A4 = ({
   message: e,
   onReplyQuote: t,
   autoScrollIntoView: n = !0,
@@ -10613,10 +10634,10 @@ const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), S4
       behavior: "smooth"
     });
   }, [n]);
-  const a = e.rawData, d = N4(
+  const a = e.rawData, d = T4(
     e?.content,
     a
-  ), l = (F4(e?.content) ?? "").trim(), u = e?.replyQuote ?? null, f = l.length > 0, { anchor: g, clear: m } = $r({
+  ), l = (V4(e?.content) ?? "").trim(), u = e?.replyQuote ?? null, f = l.length > 0, { anchor: g, clear: m } = $r({
     containerRef: i,
     enabled: f
   });
@@ -10626,7 +10647,7 @@ const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), S4
       ref: s,
       className: "my-4 flex w-full flex-col items-end gap-2 first:mt-0 last:mb-0",
       children: [
-        u && /* @__PURE__ */ r(S4, { text: u, renderMarkdown: o }),
+        u && /* @__PURE__ */ r(H4, { text: u, renderMarkdown: o }),
         d.length > 0 && /* @__PURE__ */ r("div", { className: "flex max-w-[90%] flex-wrap justify-end gap-1.5", children: d.map((h, C) => /* @__PURE__ */ r(
           _t,
           {
@@ -10655,7 +10676,7 @@ const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), S4
       ]
     }
   );
-}, T4 = 35, H4 = 22, A4 = 400, B4 = 2500, $4 = 220, I4 = ({
+}, B4 = 35, $4 = 22, I4 = 400, P4 = 2500, j4 = 220, D4 = ({
   messages: e,
   onClick: t,
   fullscreen: n = !1
@@ -10666,15 +10687,15 @@ const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), S4
   }, [e.length, o]), X(() => {
     let m;
     if (d === "starting")
-      m = setTimeout(() => l("writing"), A4);
+      m = setTimeout(() => l("writing"), I4);
     else if (d === "writing")
-      i < u.length ? m = setTimeout(() => a((h) => h + 1), T4) : l("holding");
+      i < u.length ? m = setTimeout(() => a((h) => h + 1), B4) : l("holding");
     else if (d === "holding") {
       if (e.length <= 1) return;
-      m = setTimeout(() => l("erasing"), B4);
-    } else d === "erasing" && (i > 0 ? m = setTimeout(() => a((h) => h - 1), H4) : m = setTimeout(() => {
+      m = setTimeout(() => l("erasing"), P4);
+    } else d === "erasing" && (i > 0 ? m = setTimeout(() => a((h) => h - 1), $4) : m = setTimeout(() => {
       s((h) => (h + 1) % e.length), l("starting");
-    }, $4));
+    }, j4));
     return () => {
       m && clearTimeout(m);
     };
@@ -10685,7 +10706,7 @@ const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), S4
   return /* @__PURE__ */ r(
     "div",
     {
-      className: x(
+      className: k(
         "flex w-full flex-1 justify-center px-4",
         n ? "items-end pb-24" : "items-center"
       ),
@@ -10696,9 +10717,9 @@ const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), S4
           tabIndex: f ? 0 : void 0,
           onClick: t,
           onKeyDown: g,
-          className: x(
+          className: k(
             "bg-gradient-to-r from-[#E55619] via-[#E51943] to-[#A1ADE5] bg-clip-text text-center text-2xl font-semibold leading-[28px] text-transparent",
-            f && x(
+            f && k(
               "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"
@@ -10713,7 +10734,7 @@ const Zr = (e) => /* @__PURE__ */ r(zt, { content: e, format: "markdown" }), S4
     }
   );
 };
-function P4({
+function Z4({
   viewportRef: e,
   contentRef: t,
   endRef: n,
@@ -10734,16 +10755,16 @@ function P4({
     if (!C || !v) return;
     const w = new ResizeObserver(() => {
       if (g.current) return;
-      const k = parseFloat(getComputedStyle(v).paddingTop) + parseFloat(getComputedStyle(v).paddingBottom) + 1;
-      d(C.clientHeight - k);
+      const x = parseFloat(getComputedStyle(v).paddingTop) + parseFloat(getComputedStyle(v).paddingBottom) + 1;
+      d(C.clientHeight - x);
     });
     return w.observe(C), w.observe(v), () => w.disconnect();
   }, [e, t]);
   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: x } = C, S = w - v - x;
+    u(S > x);
   }, [e]);
   return X(() => {
     const C = e.current;
@@ -10754,19 +10775,19 @@ function P4({
       requestAnimationFrame(() => {
         const C = e.current, v = o.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(), x = v.getBoundingClientRect(), S = C.scrollTop + (x.top - w.top);
+        C.scrollTo({ top: S, behavior: "smooth" });
       });
     }), s === 0 && u(!1), f.current = s;
   }, [s, o, e]), { showScrollBtn: l, turnMinHeight: a, scrollToBottom: m };
 }
-const j4 = {
+const _4 = {
   threadId: "",
   onThumbsUp: () => {
   },
   onThumbsDown: () => {
   }
-}, p9 = (e) => /* @__PURE__ */ r(L4, { children: /* @__PURE__ */ r(D4, { ...e }) }), D4 = ({
+}, v9 = (e) => /* @__PURE__ */ r(E4, { children: /* @__PURE__ */ r(O4, { ...e }) }), O4 = ({
   turns: e,
   isLoadingThread: t = !1,
   interrupt: n,
@@ -10784,15 +10805,15 @@ const j4 = {
   children: C,
   AssistantMessage: v,
   UserMessage: w,
-  onRegenerate: k,
-  onCopy: V
+  onRegenerate: x,
+  onCopy: S
 }) => {
-  const { modal: T, handleSubmit: E, handleClose: L } = y4(
-    f ?? j4
-  ), b = Y(), A = v ?? k4, H = w ?? V4, y = ee(() => {
+  const { modal: T, handleSubmit: E, handleClose: L } = R4(
+    f ?? _4
+  ), b = Y(), A = v ?? y4, H = w ?? A4, y = ee(() => {
     const D = o ?? b.ai.defaultInitialMessage;
     return (Array.isArray(D) ? D : [D]).filter((W) => typeof W == "string" && W.length > 0);
-  }, [o, b.ai.defaultInitialMessage]), R = !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({
+  }, [o, b.ai.defaultInitialMessage]), R = !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 } = Z4({
     viewportRef: F,
     contentRef: $,
     endRef: _,
@@ -10814,8 +10835,8 @@ const j4 = {
         isCurrentMessage: !1,
         AssistantMessage: A,
         UserMessage: H,
-        onRegenerate: k,
-        onCopy: V,
+        onRegenerate: x,
+        onCopy: S,
         rawData: ne.rawData || {},
         ...he
       };
@@ -10827,22 +10848,22 @@ const j4 = {
         `${Q}-u-${se}`
       );
     }, ie = (ne, se) => {
-      const de = W && se === D.assistantMessages.length - 1, M = D.userMessages.length + se, S = {
+      const de = W && se === D.assistantMessages.length - 1, M = D.userMessages.length + se, V = {
         message: ne,
         inProgress: D.isInProgress,
         index: M,
         isCurrentMessage: de,
         AssistantMessage: A,
         UserMessage: H,
-        onRegenerate: k,
-        onCopy: V,
+        onRegenerate: x,
+        onCopy: S,
         rawData: ne.rawData || {},
         ...he
       };
       return /* @__PURE__ */ r(
         A,
         {
-          ...S,
+          ...V,
           isGenerating: D.isInProgress && de,
           isLoading: D.isInProgress && de && !ne.content
         },
@@ -10853,7 +10874,7 @@ const j4 = {
       "div",
       {
         ref: W ? G : void 0,
-        className: x(
+        className: k(
           "flex flex-col items-start justify-start gap-2 px-1",
           W && "pb-5"
         ),
@@ -10865,7 +10886,7 @@ const j4 = {
             (ne, se) => ge(ne, se)
           ),
           D.thinking && D.thinking.titles.length > 0 && /* @__PURE__ */ r(
-            R4,
+            S4,
             {
               titles: D.thinking.titles,
               title: b.ai.thoughtsGroupTitle,
@@ -10879,14 +10900,14 @@ const j4 = {
           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,
+            F4,
             {
               content: D.feedback.content,
               targetMessage: D.feedback.targetMessage,
-              onCopy: V
+              onCopy: S
             }
           ),
-          W && /* @__PURE__ */ r(C4, {})
+          W && /* @__PURE__ */ r(x4, {})
         ]
       },
       `turn-${Q}`
@@ -10898,7 +10919,7 @@ const j4 = {
         "div",
         {
           ref: F,
-          className: x(
+          className: k(
             "flex-1 overflow-y-scroll",
             "[scrollbar-width:thin] [scrollbar-color:transparent_transparent]",
             "hover:[scrollbar-color:var(--scrollbar-thumb)_transparent]",
@@ -10910,19 +10931,19 @@ const j4 = {
             "div",
             {
               ref: $,
-              className: x("flex h-full flex-col items-center p-4"),
+              className: k("flex h-full flex-col items-center p-4"),
               children: [
                 /* @__PURE__ */ c(
                   "div",
                   {
-                    className: x(
+                    className: k(
                       R ? "flex flex-1" : "flex flex-col gap-6",
                       "w-full max-w-content"
                     ),
                     children: [
-                      t && /* @__PURE__ */ r(Z4, {}),
+                      t && /* @__PURE__ */ r(U4, {}),
                       R && /* @__PURE__ */ r(
-                        I4,
+                        D4,
                         {
                           messages: y,
                           onClick: s,
@@ -10967,7 +10988,7 @@ const j4 = {
       ] })
     ] }),
     T.isOpen && /* @__PURE__ */ r(
-      b4,
+      M4,
       {
         onSubmit: E,
         onClose: L,
@@ -10976,21 +10997,21 @@ const j4 = {
       }
     )
   ] });
-}, Z4 = () => /* @__PURE__ */ r("div", { className: "flex h-full w-full max-w-content flex-col gap-6", children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
+}, U4 = () => /* @__PURE__ */ r("div", { className: "flex h-full w-full max-w-content flex-col gap-6", children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
   /* @__PURE__ */ r("div", { className: "flex justify-end", children: /* @__PURE__ */ r(ue, { className: "h-12 w-2/5 rounded-full" }) }),
   /* @__PURE__ */ r(ue, { className: "mt-6 h-5 w-full rounded-md" }),
   /* @__PURE__ */ r(ue, { className: "h-5 w-2/5 rounded-md" }),
   /* @__PURE__ */ r(ue, { className: "h-5 w-4/5 rounded-md" })
-] }) }), m9 = {
+] }) }), w9 = {
   ai: Ks.ai
 }, _r = Ye(null);
-function C9({
+function x9({
   children: e,
   translations: t
 }) {
   return /* @__PURE__ */ r(_r.Provider, { value: t, children: e });
 }
-function v9() {
+function k9() {
   const e = Pe(_r);
   if (e === null)
     throw new Error(
@@ -10998,16 +11019,16 @@ function v9() {
     );
   return e;
 }
-function _4() {
+function z4() {
   const { canvasEntities: e } = Me();
   return e;
 }
-function w9(e) {
-  const t = _4();
+function b9(e) {
+  const t = z4();
   if (!(!e || !t))
     return t[e];
 }
-const O4 = ({
+const G4 = ({
   canProceed: e,
   submitDisabled: t,
   label: n,
@@ -11039,13 +11060,13 @@ const O4 = ({
 }, Or = ({ isSelected: e }) => /* @__PURE__ */ r(
   "div",
   {
-    className: x(
+    className: k(
       "flex h-5 w-5 shrink-0 items-center justify-center rounded-full transition-colors",
       e ? "bg-f1-background-selected-bold" : "border-2 border-solid border-f1-border bg-f1-background"
     ),
     children: e && /* @__PURE__ */ r("div", { className: "h-2 w-2 rounded-full bg-f1-background" })
   }
-), U4 = ({
+), W4 = ({
   mode: e,
   hasSelection: t,
   hasCustomText: n,
@@ -11070,7 +11091,7 @@ const O4 = ({
   return /* @__PURE__ */ c(
     "div",
     {
-      className: x(
+      className: k(
         "flex items-center gap-2 rounded-md px-2 py-2",
         "transition-colors hover:bg-f1-background-hover"
       ),
@@ -11103,7 +11124,7 @@ const O4 = ({
       role: "radio",
       "aria-checked": t,
       tabIndex: o ? 0 : -1,
-      className: x(
+      className: k(
         "flex cursor-pointer items-center gap-2 rounded-md px-2 py-2 transition-colors hover:bg-f1-background-secondary",
         me()
       ),
@@ -11124,7 +11145,7 @@ const O4 = ({
     "div",
     {
       ref: a,
-      className: x(
+      className: k(
         "flex cursor-pointer items-center rounded-md pl-2 transition-colors hover:bg-f1-background-secondary"
       ),
       children: [
@@ -11150,7 +11171,7 @@ const O4 = ({
   )
 );
 Ur.displayName = "OptionRow";
-const z4 = ({
+const q4 = ({
   mode: e,
   question: t,
   options: n,
@@ -11169,11 +11190,11 @@ const z4 = ({
   onToggleCustomActive: v,
   onConfirm: w
 }) => {
-  const k = ye(), V = (() => {
+  const x = ye(), S = (() => {
     if (e !== "single") return 0;
     const A = n.findIndex((H) => o.includes(H.id));
     return A >= 0 ? A : 0;
-  })(), [T, E] = P(V), L = I([]);
+  })(), [T, E] = P(S), L = I([]);
   X(() => {
     g && e === "single" && L.current[T]?.focus();
   }, []);
@@ -11212,12 +11233,12 @@ const z4 = ({
         n.map((A, H) => /* @__PURE__ */ r(
           oe.div,
           {
-            initial: k ? !1 : { opacity: 0, y: 4 },
+            initial: x ? !1 : { opacity: 0, y: 4 },
             animate: { opacity: 1, y: 0 },
             transition: {
-              duration: k ? 0 : 0.2,
+              duration: x ? 0 : 0.2,
               ease: [0.4, 0, 0.2, 1],
-              delay: k ? 0 : 0.12 + H * 0.06
+              delay: x ? 0 : 0.12 + H * 0.06
             },
             children: /* @__PURE__ */ r(
               Ur,
@@ -11237,7 +11258,7 @@ const z4 = ({
           A.id
         )),
         s && /* @__PURE__ */ r(
-          U4,
+          W4,
           {
             mode: e,
             hasSelection: i,
@@ -11255,7 +11276,7 @@ const z4 = ({
       ]
     }
   );
-}, G4 = ({
+}, X4 = ({
   question: e,
   stepLabel: t,
   isFirstStep: n,
@@ -11314,16 +11335,16 @@ const z4 = ({
       }
     )
   ] });
-}, W4 = "easeOut", q4 = 0.3, x9 = ({
+}, Y4 = "easeOut", K4 = 0.3, L9 = ({
   clarifyingQuestion: e,
   isSubmitDisabled: t
 }) => /* @__PURE__ */ r(
-  X4,
+  Q4,
   {
     clarifyingQuestion: e,
     isSubmitDisabled: t
   }
-), X4 = ({
+), Q4 = ({
   clarifyingQuestion: e,
   isSubmitDisabled: t
 }) => {
@@ -11342,21 +11363,21 @@ const z4 = ({
   } = e, {
     question: v,
     options: w,
-    selectedOptionIds: k,
-    selectionMode: V,
+    selectedOptionIds: x,
+    selectionMode: S,
     optional: T,
     allowCustomAnswer: E,
     customAnswerText: L,
     isCustomAnswerActive: b
-  } = s, A = I(null), H = V ?? "single", y = a > 1, R = i === 0, F = i === a - 1, $ = y ? n.t("ai.clarifyingQuestion.stepOf", {
+  } = s, A = I(null), H = S ?? "single", y = a > 1, R = i === 0, F = i === a - 1, $ = y ? n.t("ai.clarifyingQuestion.stepOf", {
     current: String(i + 1),
     total: String(a)
-  }) : void 0, _ = k.length > 0, z = (L ?? "").trim().length > 0, G = _ || b && z || T === !0, re = t === !0 && F, K = () => {
+  }) : void 0, _ = x.length > 0, z = (L ?? "").trim().length > 0, G = _ || b && z || T === !0, re = t === !0 && F, K = () => {
     re || l();
   }, O = () => {
     re || u();
   }, Z = (ie) => {
-    const ne = H === "single" && k.includes(ie);
+    const ne = H === "single" && x.includes(ie);
     d(ie), H === "single" && !F && !ne && Promise.resolve().then(l);
   }, D = F ? n.ai.clarifyingQuestion.submit : n.ai.clarifyingQuestion.next, Q = T === !0 && !_ && !(b && z), W = () => {
     C(), requestAnimationFrame(() => {
@@ -11364,7 +11385,7 @@ const z4 = ({
     });
   }, he = (ie) => {
     ie.key === "Escape" && (ie.preventDefault(), f());
-  }, ge = o ? 0 : q4 / 2;
+  }, ge = o ? 0 : K4 / 2;
   return /* @__PURE__ */ c("div", { className: "flex flex-col", onKeyDown: he, children: [
     /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 pt-3", children: /* @__PURE__ */ r(Ne, { mode: "wait", initial: !1, children: /* @__PURE__ */ c(
       oe.div,
@@ -11373,10 +11394,10 @@ const z4 = ({
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: { duration: ge, ease: W4 },
+        transition: { duration: ge, ease: Y4 },
         children: [
           /* @__PURE__ */ r(
-            G4,
+            X4,
             {
               question: v,
               stepLabel: $,
@@ -11389,12 +11410,12 @@ const z4 = ({
             }
           ),
           /* @__PURE__ */ r(
-            z4,
+            q4,
             {
               mode: H,
               question: v,
               options: w,
-              selectedOptionIds: k,
+              selectedOptionIds: x,
               allowCustomAnswer: E,
               hasSelection: _,
               hasCustomText: z,
@@ -11414,7 +11435,7 @@ const z4 = ({
       i
     ) }) }),
     /* @__PURE__ */ r(
-      O4,
+      G4,
       {
         canProceed: G,
         submitDisabled: re,
@@ -11427,7 +11448,7 @@ const z4 = ({
   ] });
 };
 function Q1(e, t, n, o) {
-  const s = Math.max(1, Math.min(e, t)), i = Math.min(n, 20), d = Math.min(i + o, 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), L = f(h), b = g(C), A = g(v), H = f(w), y = f(k), R = g(V), F = 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(n, 20), d = Math.min(i + o, 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, x = e - l, S = u, T = t - u, E = f(m), L = f(h), b = g(C), A = g(v), H = f(w), y = f(x), R = g(S), F = 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([
     // Top strip
     E,
     b,
@@ -11545,7 +11566,7 @@ function J1(e, t, n) {
   }
   return o;
 }
-function Y4(e, t, n) {
+function J4(e, t, n) {
   const o = J1(e, e.VERTEX_SHADER, t), s = J1(e, e.FRAGMENT_SHADER, n), i = e.createProgram();
   if (!i) throw new Error("Failed to create program");
   if (e.attachShader(i, o), e.attachShader(i, s), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)) {
@@ -11554,7 +11575,7 @@ function Y4(e, t, n) {
   }
   return e.deleteShader(o), e.deleteShader(s), i;
 }
-const K4 = `#version 300 es
+const e6 = `#version 300 es
 precision lowp float;
 
 in vec2 vUV;
@@ -11761,7 +11782,7 @@ void main() {
 
 	outColor = vec4(color, alpha);
 }
-`, Q4 = `#version 300 es
+`, t6 = `#version 300 es
 
 in vec2 aPosition;
 in vec2 aUV;
@@ -11770,7 +11791,7 @@ void main() {
 	vUV = aUV;
 	gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, J4 = [
+`, r6 = [
   "rgb(229, 25, 67)",
   // #E51943 red
   "rgb(229, 86, 25)",
@@ -11780,14 +11801,14 @@ void main() {
   "rgb(161, 173, 229)"
   // #A1ADE5 light blue
 ];
-function e6(e) {
+function n6(e) {
   const t = e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
   if (!t)
     throw new Error(`Invalid color format: ${e}`);
   const [, n, o, s] = t;
   return [parseInt(n) / 255, parseInt(o) / 255, parseInt(s) / 255];
 }
-class k9 {
+class y9 {
   element;
   canvas;
   options;
@@ -11863,10 +11884,10 @@ class k9 {
     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, C, s.STATIC_DRAW);
     const w = s.getAttribLocation(i, "aUV");
     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 x = performance.now();
+    this.lastTime = x;
+    const S = (x - this.startTime) * 1e-3;
+    this.render(S);
   }
   /**
    * Automatically resizes the canvas to match the dimensions of the given element.
@@ -11937,7 +11958,7 @@ class k9 {
     });
     if (!t)
       throw new Error("WebGL2 is required but not available.");
-    const n = Y4(t, Q4, K4);
+    const n = J4(t, t6, e6);
     this.checkGLError(t, "setupGL: after createProgram");
     const o = t.createVertexArray();
     t.bindVertexArray(o), this.checkGLError(t, "setupGL: after VAO creation");
@@ -11954,9 +11975,9 @@ class k9 {
     t.bindBuffer(t.ARRAY_BUFFER, f), t.bufferData(t.ARRAY_BUFFER, d, t.STATIC_DRAW);
     const g = t.getAttribLocation(n, "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(n, "uResolution"), h = t.getUniformLocation(n, "uTime"), C = t.getUniformLocation(n, "uBorderWidth"), v = t.getUniformLocation(n, "uGlowWidth"), w = t.getUniformLocation(n, "uBorderRadius"), k = t.getUniformLocation(n, "uColors"), V = t.getUniformLocation(n, "uGlowExponent"), T = t.getUniformLocation(n, "uGlowFactor");
-    t.useProgram(n), 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);
+    const m = t.getUniformLocation(n, "uResolution"), h = t.getUniformLocation(n, "uTime"), C = t.getUniformLocation(n, "uBorderWidth"), v = t.getUniformLocation(n, "uGlowWidth"), w = t.getUniformLocation(n, "uBorderRadius"), x = t.getUniformLocation(n, "uColors"), S = t.getUniformLocation(n, "uGlowExponent"), T = t.getUniformLocation(n, "uGlowFactor");
+    t.useProgram(n), t.uniform1f(C, this.options.borderWidth), t.uniform1f(v, this.options.glowWidth), t.uniform1f(w, this.options.borderRadius), this.options.mode === "dark" ? (t.uniform1f(S, 2), t.uniform1f(T, 1.8)) : (t.uniform1f(S, 1), t.uniform1f(T, 1));
+    const E = (this.options.colors || r6).map(n6);
     for (let L = 0; L < E.length; L++)
       t.uniform3f(
         t.getUniformLocation(n, `uColors[${L}]`),
@@ -11973,7 +11994,7 @@ class k9 {
       uBorderWidth: C,
       uGlowWidth: v,
       uBorderRadius: w,
-      uColors: k
+      uColors: x
     };
   }
   render(t) {
@@ -11982,30 +12003,30 @@ class k9 {
     n.useProgram(o), n.bindVertexArray(s), n.uniform1f(i, t), n.disable(n.DEPTH_TEST), n.disable(n.CULL_FACE), n.disable(n.BLEND), n.clearColor(0, 0, 0, 0), n.clear(n.COLOR_BUFFER_BIT), n.drawArrays(n.TRIANGLES, 0, 24), this.checkGLError(n, "render: after draw call"), n.bindVertexArray(null);
   }
 }
-const et = ["lowp", "mediump", "highp"], t6 = `
+const et = ["lowp", "mediump", "highp"], o6 = `
 void main(void){
     vec4 color = vec4(0.0,0.0,0.0,1.0);
     mainImage( color, gl_FragCoord.xy );
     gl_FragColor = color;
-}`, r6 = `void mainImage( out vec4 fragColor, in vec2 fragCoord ) {
+}`, s6 = `void mainImage( out vec4 fragColor, in vec2 fragCoord ) {
     vec2 uv = fragCoord/iResolution.xy;
     vec3 col = 0.5 + 0.5*cos(iTime+uv.xyx+vec3(0,2,4));
     fragColor = vec4(col,1.0);
 }`, tt = `attribute vec3 aVertexPosition;
 void main(void) {
     gl_Position = vec4(aVertexPosition, 1.0);
-}`, rt = "iTime", nt = "iTimeDelta", ot = "iDate", st = "iFrame", it = "iMouse", at = "iResolution", n6 = "iChannel", ct = "iChannelResolution", lt = "iDeviceOrientation";
-function o6(e, t) {
+}`, rt = "iTime", nt = "iTimeDelta", ot = "iDate", st = "iFrame", it = "iMouse", at = "iResolution", i6 = "iChannel", ct = "iChannelResolution", lt = "iDeviceOrientation";
+function a6(e, t) {
   return e.includes("Matrix") && Array.isArray(t);
 }
-function s6(e, t) {
+function c6(e, t) {
   return e.includes("v") && Array.isArray(t) && t.length > Number.parseInt(e.charAt(0));
 }
-function i6(e, t) {
+function l6(e, t) {
   return !e.includes("v") && Array.isArray(t) && t.length > Number.parseInt(e.charAt(0));
 }
-const a6 = (e, t, n, o) => {
-  if (i6(n, o))
+const d6 = (e, t, n, o) => {
+  if (l6(n, o))
     switch (n) {
       case "2f":
         return e.uniform2f(t, o[0], o[1]);
@@ -12046,7 +12067,7 @@ const a6 = (e, t, n, o) => {
     case "Matrix4fv":
       return e.uniformMatrix4fv(t, !1, o);
   }
-}, c6 = (e) => {
+}, f6 = (e) => {
   switch (e) {
     case "1f":
       return "float";
@@ -12093,8 +12114,8 @@ const a6 = (e, t, n, o) => {
         )
       );
   }
-}, d1 = 9729, dt = 9728, l6 = 9987, ft = 33071, ut = 10497;
-class d6 {
+}, d1 = 9729, dt = 9728, u6 = 9987, ft = 33071, ut = 10497;
+class h6 {
   gl;
   url;
   wrapS;
@@ -12182,7 +12203,7 @@ class d6 {
         )
       );
     Object.assign(this, { url: o, wrapS: s, wrapT: i, minFilter: a, magFilter: d, flipY: l });
-    const g = 0, m = n.RGBA, h = 1, C = 1, v = 0, w = n.RGBA, k = n.UNSIGNED_BYTE, V = new Uint8Array([255, 255, 255, 0]), T = n.createTexture();
+    const g = 0, m = n.RGBA, h = 1, C = 1, v = 0, w = n.RGBA, x = n.UNSIGNED_BYTE, S = new Uint8Array([255, 255, 255, 0]), T = n.createTexture();
     if (n.bindTexture(n.TEXTURE_2D, T), n.texImage2D(
       n.TEXTURE_2D,
       g,
@@ -12191,8 +12212,8 @@ class d6 {
       C,
       v,
       w,
-      k,
-      V
+      x,
+      S
     ), f) {
       const A = this.setupVideo(o);
       return n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, n.CLAMP_TO_EDGE), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, n.CLAMP_TO_EDGE), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, n.LINEAR), this._webglTexture = T, this.source = A, this.isVideo = !0, A.play().then(() => this);
@@ -12213,7 +12234,7 @@ class d6 {
       g,
       m,
       w,
-      k,
+      x,
       L
     ), b && t.minFilter !== dt && t.minFilter !== d1 && n.generateMipmap(n.TEXTURE_2D), n.texParameteri(
       n.TEXTURE_2D,
@@ -12226,7 +12247,7 @@ class d6 {
     ), n.texParameteri(
       n.TEXTURE_2D,
       n.TEXTURE_MIN_FILTER,
-      this.minFilter || l6
+      this.minFilter || u6
     ), n.texParameteri(
       n.TEXTURE_2D,
       n.TEXTURE_MAG_FILTER,
@@ -12240,8 +12261,8 @@ const be = (e) => `react-shaders: ${e}`, ht = (e) => {
     return [t?.clientX ?? 0, t?.clientY ?? 0];
   }
   return [e.clientX, e.clientY];
-}, gt = (e, t, n) => e * (1 - n) + t * n, f6 = (e, t, n) => n > 0 ? e.substring(0, n) + t + e.substring(n, e.length) : t + e;
-function u6({
+}, gt = (e, t, n) => e * (1 - n) + t * n, g6 = (e, t, n) => n > 0 ? e.substring(0, n) + t + e.substring(n, e.length) : t + e;
+function p6({
   fs: e,
   vs: t = tt,
   textures: n = [],
@@ -12256,7 +12277,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), L = I(0), b = I([0, 0]), A = I([]), H = I(0), y = I(void 0), R = I({
+  const h = I(null), C = I(null), v = I(null), w = I(null), x = I(void 0), S = I(void 0), T = I(!1), E = I(void 0), L = I(0), b = I([0, 0]), A = I([]), H = I(0), y = I(void 0), R = I({
     [rt]: { type: "float", isNeeded: !1, value: 0 },
     [nt]: { type: "float", isNeeded: !1, value: 0 },
     [ot]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
@@ -12268,11 +12289,11 @@ function u6({
       isNeeded: !1,
       value: [0, 0, 0, 0]
     }
-  }), F = I(o), $ = (M, S) => {
+  }), F = I(o), $ = (M, V) => {
     const N = "width" in M ? M.width ?? 0 : 0, j = "height" in M ? M.height ?? 0 : 0, B = R.current.iChannelResolution;
     if (!B) return;
     const U = Array.isArray(B.value) ? B.value : B.value = [];
-    U[S * 3] = N * u, U[S * 3 + 1] = j * u, U[S * 3 + 2] = 0;
+    U[V * 3] = N * u, U[V * 3 + 1] = j * u, U[V * 3 + 2] = 0;
   }, _ = () => {
     h.current && (C.current = h.current.getContext("webgl", d) || h.current.getContext(
       "experimental-webgl",
@@ -12281,7 +12302,7 @@ function u6({
   }, z = () => {
     const M = C.current;
     v.current = M?.createBuffer() ?? null, M?.bindBuffer(M.ARRAY_BUFFER, v.current);
-    const S = [
+    const V = [
       1,
       1,
       0,
@@ -12295,26 +12316,26 @@ function u6({
       -1,
       0
     ];
-    M?.bufferData(M.ARRAY_BUFFER, new Float32Array(S), M.STATIC_DRAW);
+    M?.bufferData(M.ARRAY_BUFFER, new Float32Array(V), M.STATIC_DRAW);
   }, G = ({
     alpha: M,
-    beta: S,
+    beta: V,
     gamma: N
   }) => {
     R.current.iDeviceOrientation.value = [
       M ?? 0,
-      S ?? 0,
+      V ?? 0,
       N ?? 0,
       window.orientation ?? 0
     ];
   }, re = (M) => {
-    const [S = 0, N = 0] = ht(M), j = S - (E.current?.left ?? 0) - window.pageXOffset, B = (E.current?.height ?? 0) - N - (E.current?.top ?? 0) - window.pageYOffset;
+    const [V = 0, N = 0] = ht(M), j = V - (E.current?.left ?? 0) - window.pageXOffset, B = (E.current?.height ?? 0) - N - (E.current?.top ?? 0) - window.pageYOffset;
     T.current = !0;
     const U = Array.isArray(R.current.iMouse?.value) ? R.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 [S = 0, N = 0] = ht(M), j = S - (E.current?.left ?? 0), B = (E.current?.height ?? 0) - N - (E.current?.top ?? 0);
+    const [V = 0, N = 0] = ht(M), j = V - (E.current?.left ?? 0), B = (E.current?.height ?? 0) - N - (E.current?.top ?? 0);
     if (l !== 1)
       b.current[0] = j, b.current[1] = B;
     else {
@@ -12328,10 +12349,10 @@ function u6({
     const M = C.current;
     if (!M) return;
     E.current = h.current?.getBoundingClientRect();
-    const S = u, N = Math.floor(
-      (E.current?.width ?? 1) * S
+    const V = u, N = Math.floor(
+      (E.current?.width ?? 1) * V
     ), j = Math.floor(
-      (E.current?.height ?? 1) * S
+      (E.current?.height ?? 1) * V
     );
     if (M.canvas.width = N, M.canvas.height = j, R.current.iResolution?.isNeeded && w.current) {
       const B = M.getUniformLocation(
@@ -12340,22 +12361,22 @@ function u6({
       );
       M.uniform2fv(B, [M.canvas.width, M.canvas.height]);
     }
-  }, D = (M, S) => {
+  }, D = (M, V) => {
     const N = C.current;
     if (!N) return null;
     const j = N.createShader(M);
     if (!j) return null;
-    if (N.shaderSource(j, S), N.compileShader(j), !N.getShaderParameter(j, N.COMPILE_STATUS)) {
+    if (N.shaderSource(j, V), N.compileShader(j), !N.getShaderParameter(j, N.COMPILE_STATUS)) {
       m?.(be(`Error compiling the shader:
-${S}`));
+${V}`));
       const B = N.getShaderInfoLog(j);
       N.deleteShader(j), g?.(be(`Shader compiler log: ${B}`));
     }
     return j;
-  }, Q = (M, S) => {
+  }, Q = (M, V) => {
     const N = C.current;
     if (!N) return;
-    const j = D(N.FRAGMENT_SHADER, M), B = D(N.VERTEX_SHADER, S);
+    const j = D(N.FRAGMENT_SHADER, M), B = D(N.VERTEX_SHADER, V);
     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?.(
@@ -12367,23 +12388,23 @@ ${S}`));
         );
         return;
       }
-      N.useProgram(w.current), k.current = N.getAttribLocation(
+      N.useProgram(w.current), x.current = N.getAttribLocation(
         w.current,
         "aVertexPosition"
-      ), N.enableVertexAttribArray(k.current);
+      ), N.enableVertexAttribArray(x.current);
     }
   }, W = () => {
     if (o)
       for (const M of Object.keys(o)) {
-        const S = o[M];
-        if (!S) continue;
-        const { value: N, type: j } = S, B = c6(j);
+        const V = o[M];
+        if (!V) continue;
+        const { value: N, type: j } = V, B = f6(j);
         if (!B) continue;
         const U = {};
-        if (o6(j, N)) {
+        if (a6(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)))}]`);
+        } else c6(j, N) && (U.arraySize = `[${Math.floor(N.length / Number.parseInt(j.charAt(0)))}]`);
         R.current[M] = {
           type: B,
           isNeeded: !1,
@@ -12401,24 +12422,24 @@ ${S}`));
           arraySize: `[${n.length}]`,
           value: []
         };
-        const S = n.map(
-          (N, j) => (R.current[`${n6}${j}`] = {
+        const V = n.map(
+          (N, j) => (R.current[`${i6}${j}`] = {
             type: "sampler2D",
             isNeeded: !1
-          }, $(N, j), A.current[j] = new d6(M), A.current[j]?.load(N).then((B) => {
+          }, $(N, j), A.current[j] = new h6(M), A.current[j]?.load(N).then((B) => {
             $(B, j);
           }))
         );
-        Promise.all(S).then(() => {
+        Promise.all(V).then(() => {
           f && f();
         }).catch((N) => {
           g?.(N), f && f();
         });
       } else f && f();
   }, ge = (M) => {
-    const S = et.includes(i ?? "highp"), N = `precision ${S ? i : et[1]} float;
+    const V = et.includes(i ?? "highp"), N = `precision ${V ? i : et[1]} float;
 `;
-    S || m?.(
+    V || 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.`
       )
@@ -12429,17 +12450,17 @@ ${S}`));
       if (M.includes(U)) {
         const ae = R.current[U];
         if (!ae) continue;
-        j = f6(
+        j = g6(
           j,
           `uniform ${ae.type} ${U}${ae.arraySize || ""}; 
 `,
           j.lastIndexOf(N) + N.length
         ), ae.isNeeded = !0;
       }
-    return M.includes("mainImage") && (j = j.concat(t6)), j;
+    return M.includes("mainImage") && (j = j.concat(o6)), j;
   }, ie = (M) => {
-    const S = C.current;
-    if (!S || !w.current) return;
+    const V = C.current;
+    if (!V || !w.current) return;
     const N = H.current ? (M - H.current) / 1e3 : 0;
     H.current = M;
     const j = F.current;
@@ -12448,13 +12469,13 @@ ${S}`));
         const U = j[B];
         if (U && R.current[B]?.isNeeded) {
           if (!w.current) return;
-          const ae = S.getUniformLocation(
+          const ae = V.getUniformLocation(
             w.current,
             B
           );
           if (!ae) return;
-          a6(
-            S,
+          d6(
+            V,
             ae,
             U.type,
             U.value
@@ -12462,59 +12483,59 @@ ${S}`));
         }
       }
     if (R.current.iMouse?.isNeeded) {
-      const B = S.getUniformLocation(
+      const B = V.getUniformLocation(
         w.current,
         it
       );
-      S.uniform4fv(B, R.current.iMouse.value);
+      V.uniform4fv(B, R.current.iMouse.value);
     }
     if (R.current.iChannelResolution?.isNeeded) {
-      const B = S.getUniformLocation(
+      const B = V.getUniformLocation(
         w.current,
         ct
       );
-      S.uniform3fv(
+      V.uniform3fv(
         B,
         R.current.iChannelResolution.value
       );
     }
     if (R.current.iDeviceOrientation?.isNeeded) {
-      const B = S.getUniformLocation(
+      const B = V.getUniformLocation(
         w.current,
         lt
       );
-      S.uniform4fv(
+      V.uniform4fv(
         B,
         R.current.iDeviceOrientation.value
       );
     }
     if (R.current.iTime?.isNeeded) {
-      const B = S.getUniformLocation(
+      const B = V.getUniformLocation(
         w.current,
         rt
       );
-      S.uniform1f(B, L.current += N);
+      V.uniform1f(B, L.current += N);
     }
     if (R.current.iTimeDelta?.isNeeded) {
-      const B = S.getUniformLocation(
+      const B = V.getUniformLocation(
         w.current,
         nt
       );
-      S.uniform1f(B, N);
+      V.uniform1f(B, N);
     }
     if (R.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(
+      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 = V.getUniformLocation(
         w.current,
         ot
       );
-      S.uniform4fv(Ee, [J, U, ae, we]);
+      V.uniform4fv(Ee, [J, U, ae, we]);
     }
     if (R.current.iFrame?.isNeeded) {
-      const B = S.getUniformLocation(
+      const B = V.getUniformLocation(
         w.current,
         st
       ), U = R.current.iFrame.value;
-      S.uniform1i(B, U), R.current.iFrame.value = U + 1;
+      V.uniform1i(B, U), R.current.iFrame.value = U + 1;
     }
     if (A.current.length > 0)
       for (let B = 0; B < A.current.length; B++) {
@@ -12524,11 +12545,11 @@ ${S}`));
         if (!Te || !J || !we) return;
         if (R.current[`iChannel${B}`]?.isNeeded) {
           if (!w.current) return;
-          const Ce = S.getUniformLocation(
+          const Ce = V.getUniformLocation(
             w.current,
             `iChannel${B}`
           );
-          S.activeTexture(S.TEXTURE0 + B), S.bindTexture(S.TEXTURE_2D, J), S.uniform1i(Ce, B), ae && U.updateTexture(
+          V.activeTexture(V.TEXTURE0 + B), V.bindTexture(V.TEXTURE_2D, J), V.uniform1i(Ce, B), ae && U.updateTexture(
             J,
             we,
             Ee
@@ -12536,22 +12557,22 @@ ${S}`));
         }
       }
   }, ne = (M) => {
-    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,
+    const V = C.current;
+    if (!V) return;
+    V.viewport(0, 0, V.drawingBufferWidth, V.drawingBufferHeight), V.clear(V.COLOR_BUFFER_BIT | V.DEPTH_BUFFER_BIT), V.bindBuffer(V.ARRAY_BUFFER, v.current), V.vertexAttribPointer(
+      x.current ?? 0,
       3,
-      S.FLOAT,
+      V.FLOAT,
       !1,
       0,
       0
-    ), ie(M), S.drawArrays(S.TRIANGLE_STRIP, 0, 4);
+    ), ie(M), V.drawArrays(V.TRIANGLE_STRIP, 0, 4);
     const N = R.current.iMouse?.value;
     if (R.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(ne);
+    S.current = requestAnimationFrame(ne);
   }, se = () => {
     const M = { passive: !0 };
     R.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)), R.current.iDeviceOrientation?.isNeeded && window.addEventListener(
@@ -12571,12 +12592,12 @@ ${S}`));
     F.current = o;
   }, [o]), X(() => {
     const M = A.current;
-    function S() {
+    function V() {
       _();
       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(ne), se(), Z());
+      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 || s6), t || tt), z(), requestAnimationFrame(ne), se(), Z());
     }
-    return requestAnimationFrame(S), () => {
+    return requestAnimationFrame(V), () => {
       const N = C.current;
       if (N) {
         if (N.getExtension("WEBGL_lose_context")?.loseContext(), N.useProgram(null), N.deleteProgram(w.current ?? null), M.length > 0)
@@ -12584,7 +12605,7 @@ ${S}`));
             N.deleteTexture(j._webglTexture);
         w.current = null;
       }
-      de(), cancelAnimationFrame(V.current ?? 0);
+      de(), cancelAnimationFrame(S.current ?? 0);
     };
   }, []), /* @__PURE__ */ r(
     "canvas",
@@ -12594,7 +12615,7 @@ ${S}`));
     }
   );
 }
-const h6 = `
+const m6 = `
 const float TAU = 6.283185;
 
 // Noise for dithering
@@ -12761,7 +12782,7 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
     float alpha = mappedBrightness * clamp(uMix, 1.0, 2.0);
     fragColor = vec4(color, alpha);
   }
-}`, g6 = 10, p6 = 2, m6 = 0.5, C6 = 0.2, v6 = 1.5, ve = {
+}`, C6 = 10, v6 = 2, w6 = 0.5, x6 = 0.2, k6 = 1.5, ve = {
   duration: 0.5,
   ease: "easeOut"
 }, pt = {
@@ -12781,12 +12802,12 @@ function ze(e) {
   );
   return { value: t, motionValue: o, controls: s, animate: i };
 }
-function w6(e, t) {
-  const [n, o] = P(g6), {
+function b6(e, t) {
+  const [n, o] = P(C6), {
     value: s,
     animate: i,
     motionValue: a
-  } = ze(C6), { value: d, animate: l } = ze(p6), { value: u, animate: f } = ze(m6), { value: g, animate: m } = ze(v6), h = Qs(t, {
+  } = ze(x6), { value: d, animate: l } = ze(v6), { value: u, animate: f } = ze(w6), { value: g, animate: m } = ze(k6), h = Qs(t, {
     fftSize: 512,
     smoothingTimeConstant: 0.55
   });
@@ -12834,7 +12855,7 @@ function w6(e, t) {
     brightness: g
   };
 }
-const x6 = Fe({
+const L6 = Fe({
   base: "aspect-square",
   variants: {
     size: {
@@ -12849,7 +12870,7 @@ const x6 = Fe({
     size: "lg"
   }
 });
-function k6(e) {
+function y6(e) {
   const t = e.match(
     /^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   );
@@ -12873,11 +12894,11 @@ function zr({
   className: g,
   ...m
 }) {
-  const h = ee(() => k6(a), [a]);
+  const h = ee(() => y6(a), [a]);
   return /* @__PURE__ */ r("div", { ref: f, className: g, ...m, children: /* @__PURE__ */ r(
-    u6,
+    p6,
     {
-      fs: h6,
+      fs: m6,
       devicePixelRatio: globalThis.devicePixelRatio ?? 1,
       uniforms: {
         // Aurora wave speed
@@ -12920,7 +12941,7 @@ function zr({
   ) });
 }
 zr.displayName = "AuraShader";
-function b9({
+function M9({
   size: e = "lg",
   state: t,
   color: n,
@@ -12931,7 +12952,7 @@ function b9({
   ref: d,
   ...l
 }) {
-  const { speed: u, scale: f, amplitude: g, frequency: m, brightness: h } = w6(t, s);
+  const { speed: u, scale: f, amplitude: g, frequency: m, brightness: h } = b6(t, s);
   return /* @__PURE__ */ r(
     zr,
     {
@@ -12945,8 +12966,8 @@ function b9({
       amplitude: g,
       frequency: m,
       brightness: h,
-      className: x(
-        x6({ size: e }),
+      className: k(
+        L6({ size: e }),
         "overflow-hidden rounded-full",
         a
       ),
@@ -12954,7 +12975,7 @@ function b9({
     }
   );
 }
-const L9 = ({
+const E9 = ({
   text: e,
   description: t,
   avatar: n,
@@ -12964,7 +12985,7 @@ const L9 = ({
   onCancel: a,
   stackAt: d = "sm"
 }) => /* @__PURE__ */ r(
-  u2,
+  p2,
   {
     title: e,
     description: t,
@@ -12979,7 +13000,7 @@ const L9 = ({
       onClick: a
     }
   }
-), b6 = Fe({
+), M6 = Fe({
   base: [
     "relative flex flex-col rounded-2xl bg-f1-background",
     "border border-solid border-f1-border-secondary",
@@ -12997,18 +13018,18 @@ const L9 = ({
   }
 }), Gr = Fe({
   base: "text-lg font-semibold text-f1-foreground line-clamp-3"
-}), L6 = Fe({
+}), E6 = Fe({
   base: "text-sm text-f1-foreground-secondary leading-normal"
 }), Ge = Fe({
   base: "text-sm font-medium text-f1-foreground leading-normal"
-}), y6 = ({
+}), R6 = ({
   description: e,
   isRevealed: t,
   onAskOne: n
 }) => {
   const o = Y(), s = ye();
   return /* @__PURE__ */ c(xe, { children: [
-    e && /* @__PURE__ */ r("span", { className: x(L6(), "truncate"), children: e }),
+    e && /* @__PURE__ */ r("span", { className: k(E6(), "truncate"), children: e }),
     /* @__PURE__ */ r(Ne, { children: n && t && /* @__PURE__ */ r(
       oe.div,
       {
@@ -13033,14 +13054,14 @@ const L9 = ({
       }
     ) })
   ] });
-}, M6 = /* @__PURE__ */ new Set([
+}, F6 = /* @__PURE__ */ new Set([
   "person",
   "people",
   "team",
   "company",
   "alert",
   "balance"
-]), E6 = ({ balance: e }) => /* @__PURE__ */ r(
+]), N6 = ({ balance: e }) => /* @__PURE__ */ r(
   Ds,
   {
     amount: e.amount,
@@ -13048,7 +13069,7 @@ const L9 = ({
     invertStatus: e.invertStatus,
     hint: e.hint
   }
-), R6 = (e) => {
+), S6 = (e) => {
   const {
     heading: t,
     label: n,
@@ -13057,7 +13078,7 @@ const L9 = ({
     fadeTransition: i
   } = e;
   return /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col gap-2", children: [
-    /* @__PURE__ */ r("span", { className: x(Gr()), children: t }),
+    /* @__PURE__ */ r("span", { className: k(Gr()), children: t }),
     /* @__PURE__ */ c(
       oe.div,
       {
@@ -13075,7 +13096,7 @@ const L9 = ({
                 size: "xs"
               }
             ),
-            n && /* @__PURE__ */ r("span", { className: x(Ge()), children: n })
+            n && /* @__PURE__ */ r("span", { className: k(Ge()), children: n })
           ] }),
           o === "people" && /* @__PURE__ */ r(
             Is,
@@ -13095,7 +13116,7 @@ const L9 = ({
                 size: "xs"
               }
             ),
-            n && /* @__PURE__ */ r("span", { className: x(Ge()), children: n })
+            n && /* @__PURE__ */ r("span", { className: k(Ge()), children: n })
           ] }),
           o === "company" && /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ r(
@@ -13106,17 +13127,17 @@ const L9 = ({
                 size: "xs"
               }
             ),
-            n && /* @__PURE__ */ r("span", { className: x(Ge()), children: n })
+            n && /* @__PURE__ */ r("span", { className: k(Ge()), children: n })
           ] }),
           o === "alert" && /* @__PURE__ */ r(js, { text: e.alertLabel, level: e.level }),
-          o === "balance" && /* @__PURE__ */ r(E6, { balance: e.balance })
+          o === "balance" && /* @__PURE__ */ r(N6, { balance: e.balance })
         ]
       }
     ),
-    n && !M6.has(o) && /* @__PURE__ */ r(
+    n && !F6.has(o) && /* @__PURE__ */ r(
       oe.span,
       {
-        className: x(Ge()),
+        className: k(Ge()),
         animate: { opacity: s ? 0 : 1 },
         transition: i,
         children: n
@@ -13140,17 +13161,17 @@ const L9 = ({
     border: "border-f1-border"
   }
 };
-function F6(e, t) {
+function V6(e, t) {
   const n = e[0]?.value ?? 0, o = e[e.length - 1]?.value ?? 0, s = Math.sign(o - n), i = t ? s * -1 : s;
   return i > 0 ? "positive" : i < 0 ? "negative" : "neutral";
 }
-const N6 = ({
+const T6 = ({
   cx: e,
   cy: t,
   index: n,
   dataLength: o,
   color: s
-}) => n !== o - 1 || e == null || t == null ? null : /* @__PURE__ */ r("circle", { cx: e, cy: t, r: 2, fill: s, stroke: "none" }), S6 = ({
+}) => n !== o - 1 || e == null || t == null ? null : /* @__PURE__ */ r("circle", { cx: e, cy: t, r: 2, fill: s, stroke: "none" }), H6 = ({
   label: e,
   direction: t
 }) => {
@@ -13158,7 +13179,7 @@ const N6 = ({
   return /* @__PURE__ */ r(
     "span",
     {
-      className: x(
+      className: k(
         "absolute right-0 inline-flex items-center rounded-full border border-solid bg-f1-background px-1.5 py-px text-xs font-medium shadow",
         t === "negative" ? "bottom-0 translate-y-full" : "top-0 -translate-y-full",
         n.border,
@@ -13172,12 +13193,12 @@ const N6 = ({
       children: e
     }
   );
-}, V6 = ({
+}, A6 = ({
   data: e,
   label: t,
   invertStatus: n
 }) => {
-  const s = `sparkline-gradient-${wt().replace(/:/g, "")}`, i = F6(e, n), a = Wr[i];
+  const s = `sparkline-gradient-${wt().replace(/:/g, "")}`, i = V6(e, n), a = Wr[i];
   return /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ c(
     "div",
     {
@@ -13207,7 +13228,7 @@ const N6 = ({
                   fillOpacity: 1,
                   isAnimationActive: !1,
                   dot: (d) => /* @__PURE__ */ $e(
-                    N6,
+                    T6,
                     {
                       ...d,
                       key: d.index,
@@ -13221,7 +13242,7 @@ const N6 = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ r(S6, { label: t, direction: i })
+        /* @__PURE__ */ r(H6, { label: t, direction: i })
       ]
     }
   ) });
@@ -13236,10 +13257,10 @@ const N6 = ({
       onAskOne: d,
       className: l,
       ...u
-    } = e, [f, g] = P(!1), [m, h] = P(!1), C = f || m, v = ye(), w = C && !!d, k = {
+    } = e, [f, g] = P(!1), [m, h] = P(!1), C = f || m, v = ye(), w = C && !!d, x = {
       duration: v ? 0 : 0.2,
       ease: [0.33, 1, 0.68, 1]
-    }, V = () => {
+    }, S = () => {
       a?.();
     }, T = (E) => {
       E.currentTarget === E.target && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), a?.());
@@ -13250,7 +13271,7 @@ const N6 = ({
           "div",
           {
             "data-testid": "selected-border",
-            className: x(
+            className: k(
               "absolute -inset-px rounded-2xl",
               "[--gradient-angle:0deg]",
               "bg-[conic-gradient(from_var(--gradient-angle),hsla(229,57%,76%,0.7),hsla(348,80%,50%,0.7),hsla(348,80%,50%,0.7),hsla(18,80%,50%,0.7),hsla(229,57%,76%,0.7),hsla(229,57%,76%,0.7))]",
@@ -13262,7 +13283,7 @@ const N6 = ({
           "div",
           {
             "aria-hidden": !0,
-            className: x(
+            className: k(
               "pointer-events-none absolute -inset-px rounded-2xl",
               "[--gradient-angle:0deg]",
               "bg-[conic-gradient(from_var(--gradient-angle),hsla(229,57%,76%,0.7),hsla(348,80%,50%,0.7),hsla(348,80%,50%,0.7),hsla(18,80%,50%,0.7),hsla(229,57%,76%,0.7),hsla(229,57%,76%,0.7))]",
@@ -13277,14 +13298,14 @@ const N6 = ({
           ref: t,
           role: a ? "button" : void 0,
           tabIndex: a ? 0 : void 0,
-          className: x(
-            b6({ selected: i }),
+          className: k(
+            M6({ selected: i }),
             i && "relative border-transparent",
             a && "cursor-pointer select-none",
             a && me(),
             l
           ),
-          onClick: a ? V : void 0,
+          onClick: a ? S : void 0,
           onKeyDown: a ? T : void 0,
           onMouseEnter: () => g(!0),
           onMouseLeave: () => g(!1),
@@ -13292,7 +13313,7 @@ const N6 = ({
           onBlur: () => h(!1),
           children: [
             /* @__PURE__ */ r(
-              y6,
+              R6,
               {
                 description: n,
                 isRevealed: C,
@@ -13300,15 +13321,15 @@ const N6 = ({
               }
             ),
             u.content === "sparkline" ? /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col gap-2", children: [
-              /* @__PURE__ */ r("span", { className: x(Gr()), children: o }),
+              /* @__PURE__ */ r("span", { className: k(Gr()), children: o }),
               /* @__PURE__ */ r(
                 oe.div,
                 {
                   className: "-ml-4 flex flex-1 flex-col",
                   animate: { opacity: w ? 0 : 1 },
-                  transition: k,
+                  transition: x,
                   children: /* @__PURE__ */ r(
-                    V6,
+                    A6,
                     {
                       data: u.data,
                       label: s ?? "",
@@ -13318,12 +13339,12 @@ const N6 = ({
                 }
               )
             ] }) : /* @__PURE__ */ r(
-              R6,
+              S6,
               {
                 heading: o,
                 label: s,
                 shouldFadeContent: w,
-                fadeTransition: k,
+                fadeTransition: x,
                 ...u
               }
             )
@@ -13334,15 +13355,15 @@ const N6 = ({
   }
 );
 qr.displayName = "F0AiInsightCardInternal";
-const T6 = ["className"], Xr = p((e, t) => {
-  const n = T6.reduce((o, s) => {
+const B6 = ["className"], Xr = p((e, t) => {
+  const n = B6.reduce((o, s) => {
     const { [s]: i, ...a } = o;
     return a;
   }, e);
   return /* @__PURE__ */ r(qr, { ref: t, ...n });
 });
 Xr.displayName = "F0AiInsightCard";
-const H6 = () => /* @__PURE__ */ c(
+const $6 = () => /* @__PURE__ */ c(
   "div",
   {
     className: "flex w-[217px] h-[200px] flex-col gap-2 rounded-2xl border border-solid border-f1-border-secondary bg-f1-background p-4",
@@ -13362,9 +13383,9 @@ const H6 = () => /* @__PURE__ */ c(
       ] })
     ]
   }
-), y9 = Pt(
-  jt(Xr, H6)
-), M9 = [
+), R9 = Pt(
+  jt(Xr, $6)
+), F9 = [
   "text",
   "person",
   "people",
@@ -13373,10 +13394,10 @@ const H6 = () => /* @__PURE__ */ c(
   "alert",
   "balance",
   "sparkline"
-], Yr = 180, A6 = (e) => Number.isFinite(e) ? Math.max(0, Math.floor(e)) : Yr, B6 = (e, t) => e.length <= t ? e : `${e.slice(0, t).trimEnd()}...`, $6 = (e) => e.showActions !== !1, I6 = (e) => Object.fromEntries(
+], Yr = 180, I6 = (e) => Number.isFinite(e) ? Math.max(0, Math.floor(e)) : Yr, P6 = (e, t) => e.length <= t ? e : `${e.slice(0, t).trimEnd()}...`, j6 = (e) => e.showActions !== !1, D6 = (e) => Object.fromEntries(
   Object.entries(e).filter(([t]) => t.startsWith("data-"))
 );
-function P6(e) {
+function Z6(e) {
   const {
     module: t,
     heading: n,
@@ -13385,9 +13406,9 @@ function P6(e) {
     description: i,
     seeMoreLabel: a,
     maxCollapsedDescriptionLength: d = Yr
-  } = e, [l, u] = P(!1), f = wt(), g = I(null), m = A6(
+  } = e, [l, u] = P(!1), f = wt(), g = I(null), m = I6(
     d
-  ), h = i.length > m, C = l ? i : B6(i, m), v = $6(e) ? e : null, w = I6(e);
+  ), h = i.length > m, C = l ? i : P6(i, m), v = j6(e) ? e : null, w = D6(e);
   return X(() => {
     l && g.current?.focus();
   }, [l]), /* @__PURE__ */ c(
@@ -13411,7 +13432,7 @@ function P6(e) {
               id: f,
               ref: g,
               tabIndex: l ? -1 : void 0,
-              className: x(
+              className: k(
                 "text-base text-f1-foreground whitespace-pre-wrap break-words",
                 l && me(),
                 !l && "inline"
@@ -13424,7 +13445,7 @@ function P6(e) {
                     "button",
                     {
                       type: "button",
-                      className: x(
+                      className: k(
                         "inline cursor-pointer rounded-none border-0 bg-transparent p-0 text-base text-f1-foreground underline underline-offset-2 hover:text-f1-foreground-secondary",
                         me()
                       ),
@@ -13452,8 +13473,8 @@ function P6(e) {
     }
   );
 }
-P6.displayName = "F0AiProposalCard";
-const j6 = ({
+Z6.displayName = "F0AiProposalCard";
+const _6 = ({
   icon: e,
   title: t,
   children: n
@@ -13497,8 +13518,8 @@ const j6 = ({
       ]
     }
   );
-}, D6 = (e) => Tl[e] ?? Nt, Z6 = ({ iconName: e }) => e ? /* @__PURE__ */ r("div", { className: "mr-1 flex items-center justify-center", children: /* @__PURE__ */ r(le, { icon: D6(e), size: "md", color: "default" }) }) : null;
-function _6({
+}, O6 = (e) => Tl[e] ?? Nt, U6 = ({ iconName: e }) => e ? /* @__PURE__ */ r("div", { className: "mr-1 flex items-center justify-center", children: /* @__PURE__ */ r(le, { icon: O6(e), size: "md", color: "default" }) }) : null;
+function z6({
   sources: e,
   title: t
 }) {
@@ -13506,8 +13527,8 @@ function _6({
   if (!e || e.length === 0 || !Array.isArray(e))
     return null;
   const o = t ?? n.ai.resourcesGroupTitle;
-  return /* @__PURE__ */ r(j6, { icon: w1, title: o, children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-1 rounded-lg border border-solid border-f1-border-secondary p-2", children: e.map((s, i) => {
-    const a = /* @__PURE__ */ r(Z6, { iconName: s.icon });
+  return /* @__PURE__ */ r(_6, { icon: w1, title: o, children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-1 rounded-lg border border-solid border-f1-border-secondary p-2", children: e.map((s, i) => {
+    const a = /* @__PURE__ */ r(U6, { iconName: s.icon });
     return s.link ? /* @__PURE__ */ r(
       Ie,
       {
@@ -13535,12 +13556,12 @@ function _6({
     );
   }) }) });
 }
-_6.displayName = "F0AiMessageSources";
-async function O6(e, t, n) {
+z6.displayName = "F0AiMessageSources";
+async function G6(e, t, n) {
   const o = await import("./xlsx-Bedf3nwD.js"), s = o.utils.table_to_book(e, { sheet: "Data" });
   o.writeFile(s, `${n}.${t}`);
 }
-function U6({
+function W6({
   dataset: e,
   title: t,
   filename: n
@@ -13549,7 +13570,7 @@ function U6({
     (d) => {
       if (!s.current) return;
       const l = n ?? (i.replace(/\s+/g, "_").toLowerCase() || "table");
-      O6(s.current, d, l);
+      G6(s.current, d, l);
     },
     [i, n]
   );
@@ -13610,7 +13631,7 @@ function U6({
           "table",
           {
             ref: s,
-            className: x(
+            className: k(
               "w-full border-separate border-spacing-0 text-md",
               "[&_tbody_tr:last-child_td]:border-b-0"
             ),
@@ -13641,8 +13662,8 @@ function U6({
     }
   ) : null;
 }
-U6.displayName = "F0AiTableCard";
-function z6({ credits: e }) {
+W6.displayName = "F0AiTableCard";
+function q6({ credits: e }) {
   const t = Y(), [n, o] = P(!1), [s, i] = P(!1), [a, d] = P(!1), [l, u] = P(null), f = q(
     (h) => {
       o(h), h && e?.fetchUsage && (i(!0), d(!1), e.fetchUsage().then((C) => {
@@ -13766,8 +13787,8 @@ function z6({ credits: e }) {
     )
   ] });
 }
-const G6 = "linear-gradient(90deg, #E55619, #A1ADE5, #E51943, #E55619)";
-function W6({
+const X6 = "linear-gradient(90deg, #E55619, #A1ADE5, #E51943, #E55619)";
+function Y6({
   employeeCredits: e
 }) {
   const t = Y(), n = ye(), [o, s] = P(!1), [i, a] = P(!1), [d, l] = P(!1), [u, f] = P(null), g = q(
@@ -13859,7 +13880,7 @@ function W6({
                   className: "h-full rounded-full",
                   style: {
                     width: `${h}%`,
-                    backgroundImage: G6,
+                    backgroundImage: X6,
                     backgroundSize: "300% 100%"
                   },
                   animate: n ? void 0 : { backgroundPosition: ["0% 0%", "100% 0%"] },
@@ -13885,7 +13906,7 @@ function W6({
 const mt = ({
   credits: e,
   employeeCredits: t
-}) => t ? /* @__PURE__ */ r(W6, { employeeCredits: t }) : e ? /* @__PURE__ */ r(z6, { credits: e }) : null, E9 = ({
+}) => t ? /* @__PURE__ */ r(Y6, { employeeCredits: t }) : e ? /* @__PURE__ */ r(q6, { credits: e }) : null, N9 = ({
   historyEnabled: e = !1,
   title: t,
   currentThreadTitle: n,
@@ -13923,7 +13944,7 @@ const mt = ({
   return e ? /* @__PURE__ */ c(
     "header",
     {
-      className: x(
+      className: k(
         "flex justify-between pl-2.5 pr-3 py-3 w-full overflow-hidden gap-3"
       ),
       children: [
@@ -13962,7 +13983,7 @@ const mt = ({
         )
       ]
     }
-  ) : /* @__PURE__ */ c("header", { className: x("flex justify-between px-4 py-3"), children: [
+  ) : /* @__PURE__ */ c("header", { className: k("flex justify-between px-4 py-3"), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center", children: /* @__PURE__ */ r("h2", { className: "text-f1-foreground", children: t ?? "" }) }),
     /* @__PURE__ */ c(
       oe.div,
@@ -13996,16 +14017,16 @@ const mt = ({
     )
   ] });
 };
-function q6() {
+function K6() {
   if (!(typeof navigator > "u"))
     return qs(navigator.language);
 }
-function X6(e) {
+function Q6(e) {
   const t = new Date(e), n = /* @__PURE__ */ new Date();
   return Yt(t) ? "today" : Kt(t) ? "yesterday" : Gs(t, n) ? "thisMonth" : "older";
 }
-function Y6(e, t) {
-  const n = new Date(e), o = q6(), s = I1(n, "p", { locale: o });
+function J6(e, t) {
+  const n = new Date(e), o = K6(), s = I1(n, "p", { locale: o });
   if (Yt(n)) return `${t.today}, ${s}`;
   if (Kt(n)) return `${t.yesterday}, ${s}`;
   const i = !Ws(n, /* @__PURE__ */ new Date());
@@ -14013,7 +14034,7 @@ function Y6(e, t) {
     locale: o
   })}, ${s}`;
 }
-function K6(e) {
+function e9(e) {
   const t = {
     today: [],
     yesterday: [],
@@ -14021,12 +14042,12 @@ function K6(e) {
     older: []
   };
   for (const o of e) {
-    const s = X6(o.updatedAt);
+    const s = Q6(o.updatedAt);
     t[s].push(o);
   }
   return ["today", "yesterday", "thisMonth", "older"].filter((o) => t[o].length > 0).map((o) => ({ key: o, threads: t[o] }));
 }
-function Q6({
+function t9({
   thread: e,
   isPinned: t,
   onSelect: n,
@@ -14050,7 +14071,7 @@ function Q6({
     ],
     [t, e.id, o, s, i]
   ), l = ee(
-    () => Y6(e.updatedAt, {
+    () => J6(e.updatedAt, {
       today: a.ai.today,
       yesterday: a.ai.yesterday
     }),
@@ -14059,7 +14080,7 @@ function Q6({
   return /* @__PURE__ */ c(
     "div",
     {
-      className: x(
+      className: k(
         "group flex cursor-pointer items-center justify-between rounded-md py-1.5 pl-3 pr-1.5 hover:bg-f1-background-hover",
         me("rounded")
       ),
@@ -14083,7 +14104,7 @@ function Q6({
         /* @__PURE__ */ r(
           "div",
           {
-            className: x(
+            className: k(
               "flex items-center opacity-0 transition-opacity duration-150",
               "group-hover:opacity-100 focus-within:opacity-100",
               "has-[[aria-expanded=true]]:opacity-100"
@@ -14129,7 +14150,7 @@ function Ct({
         tabIndex: 0,
         onClick: u,
         onKeyDown: f,
-        className: x(
+        className: k(
           "flex cursor-pointer items-center p-3 gap-1 hover:bg-f1-background-hover",
           me("rounded")
         ),
@@ -14147,7 +14168,7 @@ function Ct({
       }
     ),
     d && /* @__PURE__ */ r("div", { className: "flex flex-col", children: t.map((g) => /* @__PURE__ */ r(
-      Q6,
+      t9,
       {
         thread: g,
         isPinned: n.has(g.id),
@@ -14160,7 +14181,7 @@ function Ct({
     )) })
   ] });
 }
-function J6() {
+function r9() {
   return /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 py-3", children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ c(
     "div",
     {
@@ -14173,7 +14194,7 @@ function J6() {
     t
   )) });
 }
-const R9 = ({
+const S9 = ({
   onClose: e,
   onSelectThread: t,
   onNewChat: n,
@@ -14215,10 +14236,10 @@ const R9 = ({
   ), w = ee(
     () => C.filter((b) => !a.has(b.id)),
     [C, a]
-  ), k = ee(
-    () => K6(w),
+  ), x = ee(
+    () => e9(w),
     [w]
-  ), V = q(
+  ), S = q(
     (b, A) => {
       t(b, A), e();
     },
@@ -14230,7 +14251,7 @@ const R9 = ({
       u(b);
     },
     [u]
-  ), L = v.length > 0 || k.length > 0;
+  ), L = v.length > 0 || x.length > 0;
   return Qt(
     /* @__PURE__ */ c(xe, { children: [
       /* @__PURE__ */ r(
@@ -14247,7 +14268,7 @@ const R9 = ({
           role: "dialog",
           "aria-modal": "true",
           "aria-label": f.ai.chatHistory,
-          className: x(
+          className: k(
             "fixed inset-0 z-50 flex items-center justify-center",
             "pointer-events-none",
             "animate-in fade-in-0 zoom-in-95"
@@ -14255,7 +14276,7 @@ const R9 = ({
           children: /* @__PURE__ */ c(
             "div",
             {
-              className: x(
+              className: k(
                 "pointer-events-auto relative flex w-full max-w-[600px] flex-col",
                 "rounded-xl bg-f1-background shadow-lg",
                 "max-h-[min(600px,80vh)]"
@@ -14270,7 +14291,7 @@ const R9 = ({
                       value: g,
                       onChange: (b) => m(b.target.value),
                       placeholder: f.ai.searchChats,
-                      className: x(
+                      className: k(
                         "w-full",
                         "py-2.5 pr-3",
                         "text-base text-f1-foreground-secondary placeholder:text-f1-foreground-tertiary focus:outline-none",
@@ -14293,7 +14314,7 @@ const R9 = ({
                       ] })
                     }
                   ),
-                  s && /* @__PURE__ */ r(J6, {}),
+                  s && /* @__PURE__ */ r(r9, {}),
                   !s && i && /* @__PURE__ */ r("p", { className: "py-8 text-center text-base text-f1-foreground-tertiary", children: i }),
                   !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(
@@ -14302,19 +14323,19 @@ const R9 = ({
                       label: f.ai.pinnedChats,
                       threads: v,
                       pinnedIds: a,
-                      onSelect: V,
+                      onSelect: S,
                       onPin: d,
                       onUnpin: l,
                       onDelete: E
                     }
                   ),
-                  !s && !i && k.map((b) => /* @__PURE__ */ r(
+                  !s && !i && x.map((b) => /* @__PURE__ */ r(
                     Ct,
                     {
                       label: h[b.key],
                       threads: b.threads,
                       pinnedIds: a,
-                      onSelect: V,
+                      onSelect: S,
                       onPin: d,
                       onUnpin: l,
                       onDelete: E
@@ -14331,19 +14352,19 @@ const R9 = ({
     document.body
   );
 }, Kr = "f0-ai-pinned-threads";
-function e9() {
+function n9() {
   const e = Xs(Kr, []);
   return new Set(Array.isArray(e) ? e : []);
 }
 function f1(e) {
   Ys(Kr, [...e]);
 }
-function F9({
+function V9({
   enabled: e = !1,
   fetchThreads: t,
   deleteThread: n
 }) {
-  const [o, s] = P([]), [i, a] = P(!1), [d, l] = P(null), [u, f] = P(e9), g = q(async () => {
+  const [o, s] = P([]), [i, a] = P(!1), [d, l] = P(null), [u, f] = P(n9), g = q(async () => {
     a(!0), l(null);
     try {
       const v = await t();
@@ -14360,21 +14381,21 @@ function F9({
   }, [e, g]);
   const m = q((v) => {
     f((w) => {
-      const k = new Set(w);
-      return k.add(v), f1(k), k;
+      const x = new Set(w);
+      return x.add(v), f1(x), x;
     });
   }, []), h = q((v) => {
     f((w) => {
-      const k = new Set(w);
-      return k.delete(v), f1(k), k;
+      const x = new Set(w);
+      return x.delete(v), f1(x), x;
     });
   }, []), C = q(
     async (v) => {
       try {
-        await n(v), s((w) => w.filter((k) => k.id !== v)), f((w) => {
+        await n(v), s((w) => w.filter((x) => x.id !== v)), f((w) => {
           if (!w.has(v)) return w;
-          const k = new Set(w);
-          return k.delete(v), f1(k), k;
+          const x = new Set(w);
+          return x.delete(v), f1(x), x;
         });
       } catch {
         g();
@@ -14394,12 +14415,12 @@ function F9({
   };
 }
 export {
-  C9 as A,
+  x9 as A,
   Li as B,
   q0 as C,
   c0 as D,
   _0 as E,
-  u9 as F,
+  p9 as F,
   Mi as G,
   Z5 as H,
   wa as I,
@@ -14409,32 +14430,32 @@ export {
   ha as M,
   la as N,
   pa as O,
-  u2 as P,
+  p2 as P,
   h1 as T,
-  m9 as a,
-  v9 as b,
-  u4 as c,
-  h9 as d,
+  w9 as a,
+  k9 as b,
+  p4 as c,
+  m9 as d,
   Hr as e,
-  w9 as f,
-  x9 as g,
-  l9 as h,
-  k9 as i,
-  b9 as j,
-  L9 as k,
-  y9 as l,
-  f9 as m,
-  M9 as n,
-  c9 as o,
-  P6 as p,
-  _6 as q,
-  U6 as r,
-  E9 as s,
-  R9 as t,
-  g9 as u,
-  F9 as v,
-  d9 as w,
-  p9 as x,
+  b9 as f,
+  L9 as g,
+  u9 as h,
+  y9 as i,
+  M9 as j,
+  E9 as k,
+  R9 as l,
+  g9 as m,
+  F9 as n,
+  f9 as o,
+  Z6 as p,
+  z6 as q,
+  W6 as r,
+  N9 as s,
+  S9 as t,
+  C9 as u,
+  V9 as v,
+  h9 as w,
+  v9 as x,
   dr as y,
   Al as z
 };