@factorialco/f0-react 1.403.0 → 1.404.0

package/dist/experimental.js

@@ -1,10 +1,10 @@
-import { ad as hf, ae as Ar, af as pf, ag as mf, ah as gf, ai as bf, aj as ko, ak as Qn, al as wf, am as As, an as ga, ao as Bi, a9 as k, ap as X, aa as rt, u as me, aq as xf, ar as yf, as as vf, at as kf, au as Cf, av as Re, aw as Sf, ax as Bt, ay as Nf, az as If, aA as H, aB as Af, aC as _f, aD as jt, aE as ba, aF as Ef, aG as Tf, ab as B, aH as _s, aI as E, aJ as it, aK as Df, aL as Lf, aM as Rf, aN as Of, aO as Mf, aP as Ht, aQ as wa, aR as Pf, aS as Et, aT as kn, aU as Es, aV as cn, y as xa, aW as mt, aX as ya, aY as Ff, aZ as Co, a_ as tn, a$ as Ts, b0 as jn, b1 as _r, b2 as zf, b3 as va, b4 as $f, b5 as Ds, b6 as Cn, b7 as Le, b8 as Bf, b9 as jf, ba as kt, bb as gi, bc as Hf, bd as yn, be as Kt, bf as Vf, bg as de, bh as Wf, bi as Uf, bj as Gf, bk as Kf, bl as qf, bm as Ye, bn as ue, bo as Ls, bp as Hn, bq as Jr, br as ka, bs as Rs, bt as Yf, bu as Jf, bv as Xf, bw as Zf, bx as Qf, by as eh, bz as th, bA as nh, bB as rh, bC as ih, bD as sh, bE as oh, bF as lh, bG as ah, bH as ch, bI as dh, bJ as uh, bK as fh, bL as hh, bM as ph, bN as nt, bO as Ca, bP as mh, bQ as V, ac as Sa, bR as Na, bS as gh, bT as Os, bU as So, bV as No, bW as bh, bX as wh, bY as xh, bZ as dn, b_ as yh, b$ as vh, c0 as kh, c1 as Ch, c2 as Xr, c3 as Ia, c4 as Aa, c5 as _a, c6 as Sh, c7 as Er, c8 as Nh, c9 as Ih, ca as Ah, cb as _h, cc as Eh, cd as Th, ce as Dh, cf as Lh, cg as Rh, ch as Ea, ci as Oh, cj as Ta, ck as Mh, cl as Ph, cm as Fh, cn as Io, co as Da, cp as ji, cq as Hi, cr as La, cs as zh, ct as $h, cu as Zr, cv as Ra, cw as Bh, cx as jh, cy as Hh, cz as nn, cA as Vh, cB as er, cC as Ao, cD as Vi, cE as Wh, cF as Uh, cG as Gh, cH as Oa, cI as Kh, cJ as Ma, cK as Ms, cL as qh, cM as Yh, cN as Ps, cO as Pa, a as Jh, d as Xh, cP as Fa, cQ as Zh, F as Qh, cR as za, cS as $a, cT as ep, cU as tp, cV as np, cW as rp, cX as ip, cY as sp, cZ as op, c_ as lp, c$ as ap, d0 as st, d1 as Fs, d2 as zs, d3 as $s, d4 as Ba, d5 as Bs, d6 as ja, d7 as cp, d8 as dp, d9 as up, da as fp, db as hp, dc as pp, dd as mp, de as gp, df as _o, dg as Eo, dh as To, di as bp, dj as wp, dk as xp, dl as yp, dm as Ha, dn as vp, dp as kp } from "./F0AiChat-Cmir88Ar.js";
+import { ad as hf, ae as Ar, af as pf, ag as mf, ah as gf, ai as bf, aj as ko, ak as Qn, al as wf, am as As, an as ga, ao as Bi, a9 as C, ap as X, aa as rt, u as me, aq as xf, ar as yf, as as vf, at as kf, au as Cf, av as Re, aw as Sf, ax as Bt, ay as Nf, az as If, aA as H, aB as Af, aC as _f, aD as jt, aE as ba, aF as Ef, aG as Tf, ab as B, aH as _s, aI as E, aJ as it, aK as Df, aL as Lf, aM as Rf, aN as Of, aO as Mf, aP as Ht, aQ as wa, aR as Pf, aS as Et, aT as kn, aU as Es, aV as cn, y as xa, aW as mt, aX as ya, aY as Ff, aZ as Co, a_ as tn, a$ as Ts, b0 as jn, b1 as _r, b2 as zf, b3 as va, b4 as $f, b5 as Ds, b6 as Cn, b7 as Le, b8 as Bf, b9 as jf, ba as kt, bb as gi, bc as Hf, bd as yn, be as Kt, bf as Vf, bg as de, bh as Wf, bi as Uf, bj as Gf, bk as Kf, bl as qf, bm as Ye, bn as ue, bo as Ls, bp as Hn, bq as Jr, br as ka, bs as Rs, bt as Yf, bu as Jf, bv as Xf, bw as Zf, bx as Qf, by as eh, bz as th, bA as nh, bB as rh, bC as ih, bD as sh, bE as oh, bF as lh, bG as ah, bH as ch, bI as dh, bJ as uh, bK as fh, bL as hh, bM as ph, bN as nt, bO as Ca, bP as mh, bQ as V, ac as Sa, bR as Na, bS as gh, bT as Os, bU as So, bV as No, bW as bh, bX as wh, bY as xh, bZ as dn, b_ as yh, b$ as vh, c0 as kh, c1 as Ch, c2 as Xr, c3 as Ia, c4 as Aa, c5 as _a, c6 as Sh, c7 as Er, c8 as Nh, c9 as Ih, ca as Ah, cb as _h, cc as Eh, cd as Th, ce as Dh, cf as Lh, cg as Rh, ch as Ea, ci as Oh, cj as Ta, ck as Mh, cl as Ph, cm as Fh, cn as Io, co as Da, cp as ji, cq as Hi, cr as La, cs as zh, ct as $h, cu as Zr, cv as Ra, cw as Bh, cx as jh, cy as Hh, cz as nn, cA as Vh, cB as er, cC as Ao, cD as Vi, cE as Wh, cF as Uh, cG as Gh, cH as Oa, cI as Kh, cJ as Ma, cK as Ms, cL as qh, cM as Yh, cN as Ps, cO as Pa, a as Jh, d as Xh, cP as Fa, cQ as Zh, F as Qh, cR as za, cS as $a, cT as ep, cU as tp, cV as np, cW as rp, cX as ip, cY as sp, cZ as op, c_ as lp, c$ as ap, d0 as st, d1 as Fs, d2 as zs, d3 as $s, d4 as Ba, d5 as Bs, d6 as ja, d7 as cp, d8 as dp, d9 as up, da as fp, db as hp, dc as pp, dd as mp, de as gp, df as _o, dg as Eo, dh as To, di as bp, dj as wp, dk as xp, dl as yp, dm as Ha, dn as vp, dp as kp } from "./F0AiChat-Cmir88Ar.js";
 import { dw as HI, dv as VI, dq as WI, dr as UI, du as GI, dE as KI, dF as qI, ds as YI, dy as JI, dx as XI, dG as ZI, dD as QI, dA as eA, dC as tA, dz as nA, dt as rA, dB as iA } from "./F0AiChat-Cmir88Ar.js";
 import { jsx as c, jsxs as g, Fragment as re } from "react/jsx-runtime";
 import * as Sn from "react";
 import z, { PureComponent as Cp, forwardRef as P, useRef as K, useTransition as Sp, useState as R, useLayoutEffect as Va, useContext as js, createContext as Hs, useCallback as J, useMemo as ee, useEffect as W, useId as Wa, useImperativeHandle as Ua, memo as Ga, Fragment as Np, isValidElement as Ip, cloneElement as Ka, Children as qa } from "react";
-import { f as Yt, p as Nn, i as tr, D as Ap, L as bi, P as _p, A as Ep, a as nr, b as Tp, c as Dp, G as Lp, g as Do, l as Rp, d as Lo, e as Op, h as Ya, j as Ja, k as Mp, C as Pp, m as Fp, N as je, n as ot, o as Ee, q as zp, r as mr, T as Ue, s as Xa, S as Me, t as Vs, u as $e, v as Ro, w as $p, x as Za, F as Ie, y as Fe, z as In, B as Tr, E as Qa, H as Bp, I as Vt, J as jp, K as Hp, M as Vp, R as Vn, O as Wn, Q as Ws, U as Wp, V as ec, W as tc, X as nc, Y as Up, Z as rc, _ as ic, $ as sc, a0 as oc, a1 as lc, a2 as ac, a3 as Oo, a4 as Gp, a5 as Mo, a6 as Kp, a7 as qp, a8 as Yp, a9 as Jp, aa as Xp, ab as Zp, ac as Qp, ad as em, ae as tm, af as cc, ag as nm, ah as rm, ai as im, aj as dc, ak as Wi, al as sm, am as om, an as Po, ao as uc, ap as lm, aq as am, ar as cm, as as dm, at as um, au as fm, av as hm, aw as pm, ax as mm, ay as fc, az as gm, aA as bm, aB as wm, aC as hc, aD as xm, aE as ym, aF as vm, aG as km, aH as Cm, aI as Sm, aJ as Nm, aK as Fo, aL as Im, aM as Am, aN as _m, aO as Em } from "./useDataCollectionSource-T2-Pxmlu.js";
-import { aP as oA, aR as lA, b5 as aA, aQ as cA, aX as dA, b8 as uA, b6 as fA, aY as hA, aZ as pA, aT as mA, a_ as gA, b2 as bA, b4 as wA, aV as xA, b7 as yA, aW as vA, aU as kA, b3 as CA, aS as SA, a$ as NA, b0 as IA, b1 as AA } from "./useDataCollectionSource-T2-Pxmlu.js";
+import { f as Yt, p as Nn, i as tr, D as Ap, L as bi, P as _p, A as Ep, a as nr, b as Tp, c as Dp, G as Lp, g as Do, l as Rp, d as Lo, e as Op, h as Ya, j as Ja, k as Mp, C as Pp, m as Fp, N as je, n as ot, o as Ee, q as zp, r as mr, T as Ue, s as Xa, S as Me, t as Vs, u as $e, v as Ro, w as $p, x as Za, F as Ie, y as Fe, z as In, B as Tr, E as Qa, H as Bp, I as Vt, J as jp, K as Hp, M as Vp, R as Vn, O as Wn, Q as Ws, U as Wp, V as ec, W as tc, X as nc, Y as Up, Z as rc, _ as ic, $ as sc, a0 as oc, a1 as lc, a2 as ac, a3 as Oo, a4 as Gp, a5 as Mo, a6 as Kp, a7 as qp, a8 as Yp, a9 as Jp, aa as Xp, ab as Zp, ac as Qp, ad as em, ae as tm, af as cc, ag as nm, ah as rm, ai as im, aj as dc, ak as Wi, al as sm, am as om, an as Po, ao as uc, ap as lm, aq as am, ar as cm, as as dm, at as um, au as fm, av as hm, aw as pm, ax as mm, ay as fc, az as gm, aA as bm, aB as wm, aC as hc, aD as xm, aE as ym, aF as vm, aG as km, aH as Cm, aI as Sm, aJ as Nm, aK as Fo, aL as Im, aM as Am, aN as _m, aO as Em } from "./useDataCollectionSource-8uOMe8BJ.js";
+import { aP as oA, aR as lA, b5 as aA, aQ as cA, aX as dA, b8 as uA, b6 as fA, aY as hA, aZ as pA, aT as mA, a_ as gA, b2 as bA, b4 as wA, aV as xA, b7 as yA, aW as vA, aU as kA, b3 as CA, aS as SA, a$ as NA, b0 as IA, b1 as AA } from "./useDataCollectionSource-8uOMe8BJ.js";
 import './experimental.css';const Tm = hf("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -405,16 +405,16 @@ var Un = /* @__PURE__ */ (function(t) {
         var p = h.t, m = u && u.length / s.length, b = s.map(function(w, x) {
           var v = u && u[Math.floor(x * m)];
           if (v) {
-            var S = nr(v.x, w.x), A = nr(v.y, w.y);
+            var S = nr(v.x, w.x), _ = nr(v.y, w.y);
             return ke(ke({}, w), {}, {
               x: S(p),
-              y: A(p)
+              y: _(p)
             });
           }
-          var N = nr(w.cx, w.x), C = nr(w.cy, w.y);
+          var I = nr(w.cx, w.x), k = nr(w.cy, w.y);
           return ke(ke({}, w), {}, {
-            x: N(p),
-            y: C(p)
+            x: I(p),
+            y: k(p)
           });
         });
         return r.renderPolygonStatically(b);
@@ -808,7 +808,7 @@ const cg = rt({
   return /* @__PURE__ */ c(
     "div",
     {
-      className: k(cg({ size: e }), h),
+      className: C(cg({ size: e }), h),
       style: {
         background: "transparent",
         perspective: t ? "10px" : void 0,
@@ -992,7 +992,7 @@ const vc = ({
             },
             checked: i,
             "aria-label": i ? s.ai.closeChat : s.ai.openChat,
-            className: k(
+            className: C(
               "group relative h-8 w-12 rounded-full border-none bg-f1-background-inverse-secondary transition-all hover:bg-f1-background-hover",
               "shadow-[0_2px_6px_-1px_rgba(13,22,37,.04),inset_0_0_4px_rgba(13,22,37,.04)] data-[state=checked]:shadow-[0_2px_6px_-1px_rgba(13,22,37,.04),inset_0_0_4px_rgba(13,22,37,.6)]",
               "after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:ring-1 after:ring-inset after:ring-f1-border after:transition-all after:content-[''] data-[state=checked]:after:ring-f1-border-inverse",
@@ -1007,7 +1007,7 @@ const vc = ({
             children: /* @__PURE__ */ c(
               Cf,
               {
-                className: k(
+                className: C(
                   "block h-[1.375rem] w-[1.375rem] translate-x-[0.3125rem] rounded-full transition-transform duration-300 data-[state=checked]:translate-x-[1.3125rem]"
                 ),
                 style: {
@@ -1047,7 +1047,7 @@ const vc = ({
   return /* @__PURE__ */ c(Bt, { mode: "wait", children: /* @__PURE__ */ c(
     "button",
     {
-      className: k(
+      className: C(
         "flex h-6 w-6 items-center justify-center rounded",
         Re()
       ),
@@ -1116,8 +1116,8 @@ const vc = ({
   const S = J(async () => {
     try {
       h("fetching");
-      const A = await n();
-      h("idle"), m(A);
+      const _ = await n();
+      h("idle"), m(_);
     } catch {
       h("error");
     }
@@ -1126,8 +1126,8 @@ const vc = ({
     Af,
     {
       open: x,
-      onOpenChange: async (A) => {
-        v(A), A && p === null && S(), o(A);
+      onOpenChange: async (_) => {
+        v(_), _ && p === null && S(), o(_);
       },
       children: [
         /* @__PURE__ */ c(_f, { asChild: !0, children: /* @__PURE__ */ c(
@@ -1163,13 +1163,13 @@ const vc = ({
                       onClick: a
                     }
                   ),
-                  p.length > 1 && /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c("div", { className: "pb-1", children: w.map((A, N) => /* @__PURE__ */ c(
+                  p.length > 1 && /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c("div", { className: "pb-1", children: w.map((_, I) => /* @__PURE__ */ c(
                     gg,
                     {
-                      ...A,
+                      ..._,
                       onClick: a
                     },
-                    N
+                    I
                   )) }) })
                 ] }),
                 u === "error" && /* @__PURE__ */ c("div", { className: "p-2 pt-0", children: /* @__PURE__ */ c(
@@ -1219,7 +1219,7 @@ const vc = ({
           target: "_blank",
           referrerPolicy: "no-referrer",
           rel: "noopener noreferrer",
-          className: k(o, "text-f1-foreground no-underline"),
+          className: C(o, "text-f1-foreground no-underline"),
           children: [
             /* @__PURE__ */ c("div", { className: "px-1 pt-1", children: l ? /* @__PURE__ */ c("div", { className: "overflow-clip rounded border border-solid border-f1-border-secondary", children: /* @__PURE__ */ c(
               "video",
@@ -1258,7 +1258,7 @@ const vc = ({
   unread: r = !1,
   onClick: i
 }) => {
-  const s = k("flex flex-col items-stretch gap-3 w-full");
+  const s = C("flex flex-col items-stretch gap-3 w-full");
   return /* @__PURE__ */ c(Rf, { asChild: !0, className: s, onClick: i, children: /* @__PURE__ */ c(
     it,
     {
@@ -1266,7 +1266,7 @@ const vc = ({
       target: "_blank",
       referrerPolicy: "no-referrer",
       rel: "noopener noreferrer",
-      className: k(
+      className: C(
         s,
         "text-f1-foreground no-underline hover:cursor-pointer"
       ),
@@ -1313,7 +1313,7 @@ const vc = ({
   /* @__PURE__ */ c(
     "div",
     {
-      className: k(
+      className: C(
         "grid size-14 place-items-center overflow-clip rounded border border-solid border-f1-border-secondary bg-f1-background-tertiary *:block",
         i
       ),
@@ -1375,7 +1375,7 @@ const vc = ({
   "div",
   {
     "aria-hidden": "true",
-    className: k("size-2 rounded bg-f1-background-selected-bold", t)
+    className: C("size-2 rounded bg-f1-background-selected-bold", t)
   }
 ), vg = ({
   isVisible: t,
@@ -1479,7 +1479,7 @@ function VN({
   return /* @__PURE__ */ g(
     "div",
     {
-      className: k(
+      className: C(
         "flex items-center justify-between px-5 py-4 xs:px-6",
         i ? "h-12" : "h-16"
       ),
@@ -1506,7 +1506,7 @@ function VN({
           /* @__PURE__ */ g(
             "div",
             {
-              className: k(
+              className: C(
                 "flex flex-grow items-center gap-2",
                 i && m && "justify-center"
               ),
@@ -1586,7 +1586,7 @@ function VN({
                 currentModule: t.name
               }
             ) }),
-            b && /* @__PURE__ */ c("div", { className: "items-right flex gap-2", children: r.map((S, A) => /* @__PURE__ */ c(kg, { action: S }, A)) })
+            b && /* @__PURE__ */ c("div", { className: "items-right flex gap-2", children: r.map((S, _) => /* @__PURE__ */ c(kg, { action: S }, _)) })
           ] }),
           /* @__PURE__ */ g("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ c(
@@ -1902,7 +1902,7 @@ const Or = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, Cg = (t, e,
     return {
       // Escape node on double enter
       Enter: ({ editor: t }) => {
-        const { state: e, view: n } = t, { selection: r } = e, { $from: i, empty: s } = r, o = Vs((_) => _.type === this.type)(r);
+        const { state: e, view: n } = t, { selection: r } = e, { $from: i, empty: s } = r, o = Vs((A) => A.type === this.type)(r);
         if (!s || !o || !o.node.childCount)
           return !1;
         const l = i.index(o.depth), { childCount: a } = o.node;
@@ -1920,15 +1920,15 @@ const Or = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, Cg = (t, e,
         const v = i.indexAfter(-3), S = Xa(x.contentMatchAt(v));
         if (!S || !x.canReplaceWith(v, v, S))
           return !1;
-        const A = S.createAndFill();
-        if (!A)
+        const _ = S.createAndFill();
+        if (!_)
           return !1;
-        const { tr: N } = e, C = i.after(-2);
-        N.replaceWith(C, C, A);
-        const T = N.doc.resolve(C), I = Me.near(T, 1);
-        N.setSelection(I);
+        const { tr: I } = e, k = i.after(-2);
+        I.replaceWith(k, k, _);
+        const T = I.doc.resolve(k), N = Me.near(T, 1);
+        I.setSelection(N);
         const L = b, y = b + m.nodeSize;
-        return N.delete(L, y), N.scrollIntoView(), n.dispatch(N), !0;
+        return I.delete(L, y), I.scrollIntoView(), n.dispatch(I), !0;
       }
     };
   }
@@ -2075,18 +2075,18 @@ function Ag(t) {
           });
           break;
         }
-        const A = i + S * e;
-        for (let N = 0; N < w; N++) {
-          r[A + N] == 0 ? r[A + N] = f : (s || (s = [])).push({
+        const _ = i + S * e;
+        for (let I = 0; I < w; I++) {
+          r[_ + I] == 0 ? r[_ + I] = f : (s || (s = [])).push({
             type: "collision",
             row: d,
             pos: f,
-            n: w - N
+            n: w - I
           });
-          const C = v && v[N];
-          if (C) {
-            const T = (A + N) % e * 2, I = o[T];
-            I == null || I != C && o[T + 1] == 1 ? (o[T] = C, o[T + 1] = 1) : I == C && o[T + 1]++;
+          const k = v && v[I];
+          if (k) {
+            const T = (_ + I) % e * 2, N = o[T];
+            N == null || N != k && o[T + 1] == 1 ? (o[T] = k, o[T + 1] = 1) : N == k && o[T + 1]++;
           }
         }
       }
@@ -3749,13 +3749,13 @@ function al(t, e, n, r, i, s) {
         const x = i === p ? s : b && b[w], v = x ? `${x}px` : "";
         if (l += x || r, x || (a = !1), d) {
           if (d.style.width !== v) {
-            const [S, A] = Xi(r, x);
-            d.style.setProperty(S, A);
+            const [S, _] = Xi(r, x);
+            d.style.setProperty(S, _);
           }
           d = d.nextSibling;
         } else {
-          const S = document.createElement("col"), [A, N] = Xi(r, x);
-          S.style.setProperty(A, N), e.appendChild(S);
+          const S = document.createElement("col"), [_, I] = Xi(r, x);
+          S.style.setProperty(_, I), e.appendChild(S);
         }
       }
     }
@@ -3849,7 +3849,7 @@ function Ob(t, e, n = {}) {
     const b = [];
     m.content && m.content.forEach((w) => {
       let x = "";
-      w.content && Array.isArray(w.content) && w.content.length > 1 ? x = w.content.map((N) => e.renderChildren(N)).join(i) : x = w.content ? e.renderChildren(w.content) : "";
+      w.content && Array.isArray(w.content) && w.content.length > 1 ? x = w.content.map((I) => e.renderChildren(I)).join(i) : x = w.content ? e.renderChildren(w.content) : "";
       const v = Rb(x), S = w.type === "tableHeader";
       b.push({ text: v, isHeader: S });
     }), s.push(b);
@@ -4045,16 +4045,16 @@ function Bb(t, e, n) {
     h.lastIndex = 0;
     let S = h.exec(d.value);
     for (; S; ) {
-      const A = S.index, N = {
+      const _ = S.index, I = {
         index: S.index,
         input: S.input,
         stack: [...f, d]
       };
-      let C = p(...S, N);
-      if (typeof C == "string" && (C = C.length > 0 ? { type: "text", value: C } : void 0), C === !1 ? h.lastIndex = A + 1 : (m !== A && v.push({
+      let k = p(...S, I);
+      if (typeof k == "string" && (k = k.length > 0 ? { type: "text", value: k } : void 0), k === !1 ? h.lastIndex = _ + 1 : (m !== _ && v.push({
         type: "text",
-        value: d.value.slice(m, A)
-      }), Array.isArray(C) ? v.push(...C) : C && v.push(C), m = A + S[0].length, x = !0), !h.global)
+        value: d.value.slice(m, _)
+      }), Array.isArray(k) ? v.push(...k) : k && v.push(k), m = _ + S[0].length, x = !0), !h.global)
         break;
       S = h.exec(d.value);
     }
@@ -4387,14 +4387,14 @@ function v0(t, e) {
     const x = [];
     for (; ++u < d; ) {
       const v = b[u] || "";
-      let S = "", A = "";
+      let S = "", _ = "";
       if (n.alignDelimiters !== !1) {
-        const N = a[u] - (w[u] || 0), C = s[u];
-        C === 114 ? S = " ".repeat(N) : C === 99 ? N % 2 ? (S = " ".repeat(N / 2 + 0.5), A = " ".repeat(N / 2 - 0.5)) : (S = " ".repeat(N / 2), A = S) : A = " ".repeat(N);
+        const I = a[u] - (w[u] || 0), k = s[u];
+        k === 114 ? S = " ".repeat(I) : k === 99 ? I % 2 ? (S = " ".repeat(I / 2 + 0.5), _ = " ".repeat(I / 2 - 0.5)) : (S = " ".repeat(I / 2), _ = S) : _ = " ".repeat(I);
       }
       n.delimiterStart !== !1 && !u && x.push("|"), n.padding !== !1 && // Don’t add the opening space if we’re not aligning and the cell is
       // empty: there will be a closing space.
-      !(n.alignDelimiters === !1 && v === "") && (n.delimiterStart !== !1 || u) && x.push(" "), n.alignDelimiters !== !1 && x.push(S), x.push(v), n.alignDelimiters !== !1 && x.push(A), n.padding !== !1 && x.push(" "), (n.delimiterEnd !== !1 || u !== d - 1) && x.push("|");
+      !(n.alignDelimiters === !1 && v === "") && (n.delimiterStart !== !1 || u) && x.push(" "), n.alignDelimiters !== !1 && x.push(S), x.push(v), n.alignDelimiters !== !1 && x.push(_), n.padding !== !1 && x.push(" "), (n.delimiterEnd !== !1 || u !== d - 1) && x.push("|");
     }
     m.push(
       n.delimiterEnd === !1 ? x.join("").replace(/ +$/, "") : x.join("")
@@ -5745,15 +5745,15 @@ function $w(t, e, n) {
   let i = 0, s = 0, o;
   return l;
   function l(y) {
-    let _ = r.events.length - 1;
-    for (; _ > -1; ) {
-      const D = r.events[_][1].type;
+    let A = r.events.length - 1;
+    for (; A > -1; ) {
+      const D = r.events[A][1].type;
       if (D === "lineEnding" || // Note: markdown-rs uses `whitespace` instead of `linePrefix`
-      D === "linePrefix") _--;
+      D === "linePrefix") A--;
       else break;
     }
-    const M = _ > -1 ? r.events[_][1].type : null, U = M === "tableHead" || M === "tableRow" ? C : a;
-    return U === C && r.parser.lazy[r.now().line] ? n(y) : U(y);
+    const M = A > -1 ? r.events[A][1].type : null, U = M === "tableHead" || M === "tableRow" ? k : a;
+    return U === k && r.parser.lazy[r.now().line] ? n(y) : U(y);
   }
   function a(y) {
     return t.enter("tableHead"), t.enter("tableRow"), d(y);
@@ -5774,40 +5774,40 @@ function $w(t, e, n) {
     return r.interrupt = !1, r.parser.lazy[r.now().line] ? n(y) : (t.enter("tableDelimiterRow"), o = !1, Kt(y) ? kt(t, m, "linePrefix", r.parser.constructs.disable.null.includes("codeIndented") ? void 0 : 4)(y) : m(y));
   }
   function m(y) {
-    return y === 45 || y === 58 ? w(y) : y === 124 ? (o = !0, t.enter("tableCellDivider"), t.consume(y), t.exit("tableCellDivider"), b) : N(y);
+    return y === 45 || y === 58 ? w(y) : y === 124 ? (o = !0, t.enter("tableCellDivider"), t.consume(y), t.exit("tableCellDivider"), b) : I(y);
   }
   function b(y) {
     return Kt(y) ? kt(t, w, "whitespace")(y) : w(y);
   }
   function w(y) {
-    return y === 58 ? (s += 1, o = !0, t.enter("tableDelimiterMarker"), t.consume(y), t.exit("tableDelimiterMarker"), x) : y === 45 ? (s += 1, x(y)) : y === null || yn(y) ? A(y) : N(y);
+    return y === 58 ? (s += 1, o = !0, t.enter("tableDelimiterMarker"), t.consume(y), t.exit("tableDelimiterMarker"), x) : y === 45 ? (s += 1, x(y)) : y === null || yn(y) ? _(y) : I(y);
   }
   function x(y) {
-    return y === 45 ? (t.enter("tableDelimiterFiller"), v(y)) : N(y);
+    return y === 45 ? (t.enter("tableDelimiterFiller"), v(y)) : I(y);
   }
   function v(y) {
     return y === 45 ? (t.consume(y), v) : y === 58 ? (o = !0, t.exit("tableDelimiterFiller"), t.enter("tableDelimiterMarker"), t.consume(y), t.exit("tableDelimiterMarker"), S) : (t.exit("tableDelimiterFiller"), S(y));
   }
   function S(y) {
-    return Kt(y) ? kt(t, A, "whitespace")(y) : A(y);
+    return Kt(y) ? kt(t, _, "whitespace")(y) : _(y);
   }
-  function A(y) {
-    return y === 124 ? m(y) : y === null || yn(y) ? !o || i !== s ? N(y) : (t.exit("tableDelimiterRow"), t.exit("tableHead"), e(y)) : N(y);
+  function _(y) {
+    return y === 124 ? m(y) : y === null || yn(y) ? !o || i !== s ? I(y) : (t.exit("tableDelimiterRow"), t.exit("tableHead"), e(y)) : I(y);
   }
-  function N(y) {
+  function I(y) {
     return n(y);
   }
-  function C(y) {
+  function k(y) {
     return t.enter("tableRow"), T(y);
   }
   function T(y) {
-    return y === 124 ? (t.enter("tableCellDivider"), t.consume(y), t.exit("tableCellDivider"), T) : y === null || yn(y) ? (t.exit("tableRow"), e(y)) : Kt(y) ? kt(t, T, "whitespace")(y) : (t.enter("data"), I(y));
+    return y === 124 ? (t.enter("tableCellDivider"), t.consume(y), t.exit("tableCellDivider"), T) : y === null || yn(y) ? (t.exit("tableRow"), e(y)) : Kt(y) ? kt(t, T, "whitespace")(y) : (t.enter("data"), N(y));
   }
-  function I(y) {
-    return y === null || y === 124 || Le(y) ? (t.exit("data"), T(y)) : (t.consume(y), y === 92 ? L : I);
+  function N(y) {
+    return y === null || y === 124 || Le(y) ? (t.exit("data"), T(y)) : (t.consume(y), y === 92 ? L : N);
   }
   function L(y) {
-    return y === 92 || y === 124 ? (t.consume(y), I) : I(y);
+    return y === 92 || y === 124 ? (t.consume(y), N) : N(y);
   }
 }
 function Bw(t, e) {
@@ -5939,7 +5939,7 @@ const qw = Uf().use(Gf).use(Kw).use(Kf).use(qf), Yw = P(function({ content: e, c
     "div",
     {
       ref: s,
-      className: k(
+      className: C(
         "rich-text-display-container",
         !l && "whitespace-pre-wrap",
         n
@@ -5976,7 +5976,7 @@ const qw = Uf().use(Gf).use(Kw).use(Kf).use(qf), Yw = P(function({ content: e, c
           /* @__PURE__ */ c(
             "div",
             {
-              className: k(
+              className: C(
                 "bg-f1-background px-4 py-3",
                 s || i ? "rounded-t-[13.25px]" : "rounded-[13.25px]"
               ),
@@ -6019,7 +6019,7 @@ const qw = Uf().use(Gf).use(Kw).use(Kf).use(qf), Yw = P(function({ content: e, c
         /* @__PURE__ */ c(
           "div",
           {
-            className: k(
+            className: C(
               "rounded-t-[13.25px] bg-f1-background px-4 py-3",
               t && "rounded-[13.25px]"
             ),
@@ -6469,16 +6469,16 @@ const h1 = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, p1 = je.c
   const { src: s, alt: o, title: l, uploading: a, width: d } = t.attrs, f = r.isEditable, u = me(), [h, p] = R(!1), m = J(
     (b) => {
       b.preventDefault(), b.stopPropagation();
-      const w = b.clientX, x = d ?? Lt, v = r.view.dom.clientWidth, S = (N) => {
-        const T = (N.clientX - w) / v * 100, I = Math.min(
+      const w = b.clientX, x = d ?? Lt, v = r.view.dom.clientWidth, S = (I) => {
+        const T = (I.clientX - w) / v * 100, N = Math.min(
           Lt,
           Math.max(g1, x + T)
         );
-        i({ width: Math.round(I) });
-      }, A = () => {
-        p(!1), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", A);
+        i({ width: Math.round(N) });
+      }, _ = () => {
+        p(!1), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", _);
       };
-      p(!0), document.addEventListener("mousemove", S), document.addEventListener("mouseup", A);
+      p(!0), document.addEventListener("mousemove", S), document.addEventListener("mouseup", _);
     },
     [r, d, i]
   );
@@ -6486,7 +6486,7 @@ const h1 = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, p1 = je.c
     "div",
     {
       style: { width: `${d ?? Lt}%` },
-      className: k(
+      className: C(
         "image-resizable-wrapper group/image relative rounded-lg",
         n && "border-2 border-f1-border-selected-bold border-solid",
         h && "select-none"
@@ -6516,7 +6516,7 @@ const h1 = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, p1 = je.c
         f && !a && /* @__PURE__ */ c(
           "div",
           {
-            className: k(
+            className: C(
               "absolute right-2 top-1/2 -translate-y-1/2 flex cursor-col-resize items-center justify-center",
               "h-12 w-2 rounded-sm border border-solid border-f1-border bg-f1-foreground-inverse-secondary",
               "opacity-0 transition-opacity group-hover/image:opacity-100",
@@ -6940,7 +6940,7 @@ const A1 = ({
   return /* @__PURE__ */ c(Wn, { className: "mb-2", children: /* @__PURE__ */ g(
     "div",
     {
-      className: k(
+      className: C(
         "video-embed-wrapper relative overflow-hidden rounded-lg",
         n && "border-2 border-solid border-f1-border-selected-bold"
       ),
@@ -7242,19 +7242,19 @@ const A1 = ({
           /* @__PURE__ */ g("div", { className: "p-1", children: [
             e && w.title && /* @__PURE__ */ c("div", { className: "p-2", children: /* @__PURE__ */ c("p", { className: "text-sm font-medium tracking-wide text-f1-foreground-secondary", children: w.title }) }),
             w.commands.map((v, S) => {
-              const A = b(x, S), N = A === i;
+              const _ = b(x, S), I = _ === i;
               return /* @__PURE__ */ g(
                 "div",
                 {
-                  ref: N ? l : null,
-                  className: k(
+                  ref: I ? l : null,
+                  className: C(
                     "flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-sm hover:bg-f1-background-hover",
-                    N && "bg-f1-background-secondary"
+                    I && "bg-f1-background-secondary"
                   ),
                   onClick: () => {
-                    s(A), f(A);
+                    s(_), f(_);
                   },
-                  onMouseEnter: () => s(A),
+                  onMouseEnter: () => s(_),
                   children: [
                     v.emoji ? /* @__PURE__ */ c("span", { className: "text-base", children: v.emoji }) : v.icon ? /* @__PURE__ */ c(
                       H,
@@ -7626,7 +7626,7 @@ const T1 = ({
   return /* @__PURE__ */ g(
     X.div,
     {
-      className: k(
+      className: C(
         "relative isolate m-3 mt-2 flex flex-col gap-3 rounded-lg border border-solid border-f1-border",
         "after:pointer-events-none after:absolute after:inset-0.5 after:z-[-2] after:rounded-[inherit] after:bg-f1-foreground-secondary after:opacity-0 after:blur-[5px] after:content-['']",
         "from-[#E55619] via-[#A1ADE5] to-[#E51943] after:scale-90 after:bg-[conic-gradient(from_var(--gradient-angle),var(--tw-gradient-stops))]",
@@ -7653,7 +7653,7 @@ const T1 = ({
             disabled: !0,
             name: "one-ai-input",
             placeholder: t.ai.inputPlaceholder,
-            className: k(
+            className: C(
               "col-start-1 row-start-1",
               "mx-3 mb-0 mt-3 flex-1 resize-none outline-none transition-all",
               "bg-white text-f1-foreground placeholder:text-f1-foreground-secondary",
@@ -7897,7 +7897,7 @@ const T1 = ({
             /* @__PURE__ */ g(
               "div",
               {
-                className: k(
+                className: C(
                   "flex flex-row items-center gap-2",
                   wl[s]
                 ),
@@ -7929,7 +7929,7 @@ const T1 = ({
             /* @__PURE__ */ c(
               "div",
               {
-                className: k(
+                className: C(
                   "bg-f1-background px-4 py-3",
                   l ? "rounded-t-[13.25px]" : "rounded-[13.25px]"
                 ),
@@ -7965,7 +7965,7 @@ const T1 = ({
         /* @__PURE__ */ c(
           "div",
           {
-            className: k(
+            className: C(
               "rounded-t-[13.25px] bg-f1-background px-4 py-3",
               t && "rounded-[13.25px]"
             ),
@@ -8053,7 +8053,7 @@ function K1({
     "button",
     {
       type: "button",
-      className: k(
+      className: C(
         "flex w-full flex-row items-center gap-[6px] rounded-md p-[6px] pr-2 text-left transition-colors",
         e && "bg-f1-background-tertiary",
         n && "cursor-pointer hover:bg-f1-background-hover",
@@ -8088,7 +8088,7 @@ function q1({
     "button",
     {
       type: "button",
-      className: k(
+      className: C(
         "flex w-full flex-col gap-[6px] rounded-md px-2 py-[6px] text-left transition-colors",
         r && "bg-f1-background-tertiary",
         n && "cursor-pointer hover:bg-f1-background-hover",
@@ -8188,7 +8188,7 @@ const KN = de(
       "div",
       {
         ref: o,
-        className: k("scrollbar-macos w-full overflow-auto", r),
+        className: C("scrollbar-macos w-full overflow-auto", r),
         style: {
           height: `${t}px`
         },
@@ -8229,16 +8229,16 @@ const rs = V("VirtualList", hd), pd = ({
   semiBold: r = !1
 }) => {
   if (!e)
-    return /* @__PURE__ */ c("span", { className: k("line-clamp-1", r ? "font-semibold" : ""), children: t });
+    return /* @__PURE__ */ c("span", { className: C("line-clamp-1", r ? "font-semibold" : ""), children: t });
   if (t.toLowerCase().indexOf(e.toLowerCase()) === -1)
     if (n.find(
       (o) => o.toLowerCase().indexOf(e.toLowerCase().trim()) >= 0
     ))
       e = t.split(" ")[0];
     else
-      return /* @__PURE__ */ c("span", { className: k("line-clamp-1", r ? "font-semibold" : ""), children: t });
+      return /* @__PURE__ */ c("span", { className: C("line-clamp-1", r ? "font-semibold" : ""), children: t });
   const i = new RegExp(`(${e})`, "gi"), s = t.split(i);
-  return /* @__PURE__ */ c("span", { className: k("line-clamp-1", r ? "font-semibold" : ""), children: s.map(
+  return /* @__PURE__ */ c("span", { className: C("line-clamp-1", r ? "font-semibold" : ""), children: s.map(
     (o, l) => o.toLowerCase() === e.toLowerCase() ? /* @__PURE__ */ c(
       "span",
       {
@@ -8289,7 +8289,7 @@ const J1 = ({
     "label",
     {
       "aria-label": t.name,
-      className: k(
+      className: C(
         i,
         "flex flex-row flex-wrap items-center gap-2 rounded-[10px] border px-2 py-1.5 hover:cursor-pointer",
         "focus-within:outline focus-within:outline-1 focus-within:-outline-offset-1 focus-within:outline-f1-border-selected-bold hover:bg-f1-background-hover",
@@ -8309,7 +8309,7 @@ const J1 = ({
         /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ c(
           "div",
           {
-            className: k(
+            className: C(
               "flex flex-1 flex-row items-center gap-2 break-all",
               t.deactivated ? "text-f1-foreground/[0.61]" : void 0
             ),
@@ -8331,7 +8331,7 @@ const J1 = ({
             disabled: d,
             onClick: m,
             onKeyDown: b,
-            className: k(
+            className: C(
               "pointer-events-none ml-auto",
               a ? "opacity-0" : ""
             )
@@ -8385,16 +8385,16 @@ const J1 = ({
         hiddenAvatar: w
       }
     );
-  const S = (C) => {
-    if (C.key === " ")
-      C.preventDefault(), a(!e);
-    else if (C.key === "Enter" && m)
+  const S = (k) => {
+    if (k.key === " ")
+      k.preventDefault(), a(!e);
+    else if (k.key === "Enter" && m)
       a(!e);
-    else if (C.key === "Enter") {
+    else if (k.key === "Enter") {
       if (b) return;
       !i || s ? o(r) : i && l(r);
-    } else C.key === "ArrowDown" ? ti(C.currentTarget, d) : C.key === "ArrowUp" && ni(C.currentTarget, f);
-  }, A = () => {
+    } else k.key === "ArrowDown" ? ti(k.currentTarget, d) : k.key === "ArrowUp" && ni(k.currentTarget, f);
+  }, _ = () => {
     if (x)
       a(!e), v(!1);
     else {
@@ -8403,7 +8403,7 @@ const J1 = ({
     }
   };
   if (!r.subItems?.length) return null;
-  const N = i || s;
+  const I = i || s;
   return /* @__PURE__ */ g(re, { children: [
     /* @__PURE__ */ g("div", { className: "flex w-full flex-row flex-wrap items-center gap-0 rounded-md border pl-2.5 pr-1", children: [
       /* @__PURE__ */ c(
@@ -8449,16 +8449,16 @@ const J1 = ({
             /* @__PURE__ */ c(
               Ia,
               {
-                checked: N,
+                checked: I,
                 disabled: b,
-                onClick: A,
+                onClick: _,
                 onKeyDown: S,
                 indeterminate: s,
-                onPointerDown: (C) => {
-                  C.stopPropagation(), v(!1);
+                onPointerDown: (k) => {
+                  k.stopPropagation(), v(!1);
                 },
                 "data-avatarname-navigator-element": "true",
-                className: k("ml-auto", m ? "opacity-0" : "")
+                className: C("ml-auto", m ? "opacity-0" : "")
               }
             )
           ]
@@ -8480,7 +8480,7 @@ const xl = ({
   "label",
   {
     "aria-label": t,
-    className: k(
+    className: C(
       "flex flex-row flex-wrap items-center gap-1.5 rounded-[10px] border px-1.5 py-1.5 hover:cursor-pointer",
       "focus-within:outline focus-within:outline-1 focus-within:-outline-offset-1 focus-within:outline-f1-border-selected-bold hover:bg-f1-background-hover",
       "select-none"
@@ -8497,7 +8497,7 @@ const xl = ({
           variant: "outline"
         }
       ),
-      /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ c("div", { className: "flex flex-1 flex-row items-center gap-2 break-all", children: /* @__PURE__ */ c("span", { className: k("line-clamp-1"), children: t }) }) })
+      /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ c("div", { className: "flex flex-1 flex-row items-center gap-2 break-all", children: /* @__PURE__ */ c("span", { className: C("line-clamp-1"), children: t }) }) })
     ]
   }
 ) }), wn = ({ primaryAction: t, secondaryActions: e }) => {
@@ -8633,14 +8633,14 @@ const xl = ({
   clearLabel: x,
   notFoundTitle: v,
   notFoundSubtitle: S,
-  className: A,
-  actions: N,
-  onCreate: C,
+  className: _,
+  actions: I,
+  onCreate: k,
   onCreateLabel: T,
-  singleSelector: I = !1,
+  singleSelector: N = !1,
   loading: L = !1,
   disabled: y = !1,
-  hiddenAvatar: _ = !1
+  hiddenAvatar: A = !1
 }) => {
   const M = z.useRef(null), U = ee(
     () => t ? e.reduce(
@@ -8686,17 +8686,17 @@ const xl = ({
     [t, ne]
   ), ge = J(
     (O) => {
-      if (O.index === 0 && C)
+      if (O.index === 0 && k)
         return /* @__PURE__ */ c(
           xl,
           {
             label: T ?? "",
-            onCreate: () => C?.(i),
+            onCreate: () => k?.(i),
             goToFirst: D,
             goToLast: $
           }
         );
-      const oe = C ? O.index - 1 : O.index, fe = e[oe], { selected: le, partialSelected: He } = F(fe);
+      const oe = k ? O.index - 1 : O.index, fe = e[oe], { selected: le, partialSelected: He } = F(fe);
       return /* @__PURE__ */ c(
         xr,
         {
@@ -8710,17 +8710,17 @@ const xl = ({
           selected: le,
           partialSelected: He,
           showGroupIcon: tx(n, r),
-          singleSelector: I,
+          singleSelector: N,
           goToFirst: D,
           goToLast: $,
           disabled: y,
-          hiddenAvatar: _
+          hiddenAvatar: A
         },
         fe.id
       );
     },
     [
-      C,
+      k,
       T,
       y,
       e,
@@ -8729,13 +8729,13 @@ const xl = ({
       $,
       t,
       n,
-      _,
+      A,
       o,
       s,
       m,
       i,
       r,
-      I
+      N
     ]
   ), Se = ee(() => t ? e.flatMap((O) => {
     const oe = ar(
@@ -8774,17 +8774,17 @@ const xl = ({
     }
   })), [t, e, h]), q = J(
     (O) => {
-      if (O.index === 0 && C)
+      if (O.index === 0 && k)
         return /* @__PURE__ */ c(
           xl,
           {
             label: T ?? "",
-            onCreate: () => C?.(i),
+            onCreate: () => k?.(i),
             goToFirst: D,
             goToLast: $
           }
         );
-      const oe = C ? O.index - 1 : O.index, fe = Se[oe].parent, le = Se[oe].subItem;
+      const oe = k ? O.index - 1 : O.index, fe = Se[oe].parent, le = Se[oe].subItem;
       if (!fe) {
         const be = {
           id: le.subId,
@@ -8814,12 +8814,12 @@ const xl = ({
             selected: Zn,
             partialSelected: uf,
             showGroupIcon: n.find((bn) => bn.value === r)?.groupType === "team",
-            singleSelector: I,
+            singleSelector: N,
             goToFirst: D,
             goToLast: $,
             hideLine: oe === Se.length - 1,
             disabled: y,
-            hiddenAvatar: _
+            hiddenAvatar: A
           }
         );
       }
@@ -8854,11 +8854,11 @@ const xl = ({
           onRemove: () => l(fe, le),
           selected: !!He,
           partialSelected: !1,
-          singleSelector: I,
+          singleSelector: N,
           goToFirst: D,
           goToLast: $,
           isChild: !0,
-          hiddenAvatar: _
+          hiddenAvatar: A
         }
       );
     },
@@ -8866,7 +8866,7 @@ const xl = ({
       Se,
       h,
       i,
-      I,
+      N,
       D,
       $,
       s,
@@ -8877,8 +8877,8 @@ const xl = ({
       r,
       a,
       l,
-      _,
-      C,
+      A,
+      k,
       T
     ]
   ), [Xn, of] = ee(() => {
@@ -8905,22 +8905,22 @@ const xl = ({
     }
     const fe = O > 0 && oe === O, le = oe > 0;
     return [fe, le];
-  }, [e, ne, t]), lf = Se.length, af = !I && (w || x), cf = N && N.length > 0, df = !L && (!I && af || cf);
+  }, [e, ne, t]), lf = Se.length, af = !N && (w || x), cf = I && I.length > 0, df = !L && (!N && af || cf);
   return /* @__PURE__ */ g(
     "div",
     {
-      className: k(
+      className: C(
         "flex w-full flex-col rounded-l-xl border-0",
-        I || L ? "rounded-r-xl" : "",
-        A
+        N || L ? "rounded-r-xl" : "",
+        _
       ),
       children: [
         /* @__PURE__ */ g(
           "header",
           {
-            className: k(
+            className: C(
               "flex h-[48px] justify-between gap-2 rounded-tl-xl border-0 border-b-[1px] border-r-[1px] border-solid border-f1-border-secondary bg-f1-background/30 p-2 backdrop-blur-2xl",
-              I || L ? "rounded-t-xl border-r-0" : ""
+              N || L ? "rounded-t-xl border-r-0" : ""
             ),
             children: [
               /* @__PURE__ */ c("div", { className: "flex-1", children: /* @__PURE__ */ c(
@@ -8942,7 +8942,7 @@ const xl = ({
                   onChange: p,
                   options: n,
                   value: r,
-                  className: k(
+                  className: C(
                     "h-8 rounded-[10px] bg-transparent py-[5px]",
                     r === "all" ? "text-f1-foreground-secondary" : ""
                   )
@@ -8954,7 +8954,7 @@ const xl = ({
         /* @__PURE__ */ g(
           "section",
           {
-            className: k(
+            className: C(
               "flex-grow-1 flex h-96 flex-col justify-start gap-1 border-0 border-r-[1px] border-solid border-f1-border-secondary bg-f1-background",
               df ? "" : "rounded-b-xl border-r-0"
             ),
@@ -8973,14 +8973,14 @@ const xl = ({
                   ]
                 }
               ),
-              !L && (!!U || C) && /* @__PURE__ */ c("div", { className: "h-full", children: t ? /* @__PURE__ */ c(
+              !L && (!!U || k) && /* @__PURE__ */ c("div", { className: "h-full", children: t ? /* @__PURE__ */ c(
                 rs,
                 {
                   height: Ni,
-                  itemCount: lf + (C ? 1 : 0),
+                  itemCount: lf + (k ? 1 : 0),
                   itemSize: (O) => {
-                    if (O === 0 && C) return Ii;
-                    const oe = C ? O - 1 : O;
+                    if (O === 0 && k) return Ii;
+                    const oe = k ? O - 1 : O;
                     return Se[oe]?.parent === null ? Q1 : Ii;
                   },
                   renderer: q,
@@ -8990,7 +8990,7 @@ const xl = ({
                 rs,
                 {
                   height: Ni,
-                  itemCount: e.length + (C ? 1 : 0),
+                  itemCount: e.length + (k ? 1 : 0),
                   itemSize: Ii,
                   renderer: ge,
                   ref: M
@@ -9004,14 +9004,14 @@ const xl = ({
           {
             onSelectAll: f,
             onClear: d,
-            singleSelector: I,
+            singleSelector: N,
             totalFilteredEntities: U,
             allVisibleSelected: Xn,
             anyVisibleSelected: of,
             selectAllLabel: w,
             clearLabel: x,
             disabled: y,
-            actions: N
+            actions: I
           }
         )
       ]
@@ -9026,7 +9026,7 @@ const xl = ({
 }) => /* @__PURE__ */ c("div", { className: "pr-2 pt-1.5", children: /* @__PURE__ */ c(
   Nh,
   {
-    className: k(
+    className: C(
       "max-w-54 w-fit gap-1 text-ellipsis break-all border-[1px] border-solid border-f1-border-secondary py-[1px] pl-[1px]",
       "rounded-full",
       i ? "pl-2" : "pl-0"
@@ -9210,25 +9210,25 @@ const xl = ({
   size: v = "sm",
   open: S
 }) => {
-  const A = ee(
+  const _ = ee(
     () => n.some(
-      (I) => I.subItems && I.subItems.length > 0
+      (N) => N.subItems && N.subItems.length > 0
     ),
     [n]
-  ), N = ee(() => A ? n.flatMap(
-    (I) => (I.subItems ?? []).map((L) => ({
-      parent: I,
+  ), I = ee(() => _ ? n.flatMap(
+    (N) => (N.subItems ?? []).map((L) => ({
+      parent: N,
       subItem: L
     }))
-  ) : n.map((I) => ({
+  ) : n.map((N) => ({
     parent: null,
     subItem: {
-      subId: I.id,
-      subName: I.name,
-      subAvatar: I.avatar,
-      subDeactivated: I.deactivated
+      subId: N.id,
+      subName: N.name,
+      subAvatar: N.avatar,
+      subDeactivated: N.deactivated
     }
-  })), [A, n]), C = N.length === 0 ? void 0 : N.length === 1 ? N[0].subItem.subName : N.length + " " + e, T = N.length === 1 ? N[0].subItem.subName : void 0;
+  })), [_, n]), k = I.length === 0 ? void 0 : I.length === 1 ? I[0].subItem.subName : I.length + " " + e, T = I.length === 1 ? I[0].subItem.subName : void 0;
   return /* @__PURE__ */ c(
     Ah,
     {
@@ -9238,14 +9238,14 @@ const xl = ({
       labelIcon: o,
       "aria-expanded": !1,
       "aria-controls": "listbox",
-      icon: l && !C ? l : void 0,
+      icon: l && !k ? l : void 0,
       error: a,
       status: d,
       hint: f,
       hideLabel: h,
       maxLength: p,
       clearable: !1,
-      value: C,
+      value: k,
       disabled: r,
       loading: m,
       required: b,
@@ -9255,26 +9255,26 @@ const xl = ({
         type: "person",
         firstName: T,
         lastName: "",
-        src: N[0].subItem.subAvatar,
-        deactivated: N[0].subItem.subDeactivated
+        src: I[0].subItem.subAvatar,
+        deactivated: I[0].subItem.subDeactivated
       },
       append: x ?? /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c(_h, { open: S, disabled: r, size: v }) }),
       children: /* @__PURE__ */ c(
         "span",
         {
           role: "button",
-          className: k(
+          className: C(
             "my-auto flex items-center pr-1",
             t && "text-f1-foreground-secondary",
-            C && "text-f1-foreground",
-            N.length === 1 && !i || l && !C ? "pl-8" : "pl-2"
+            k && "text-f1-foreground",
+            I.length === 1 && !i || l && !k ? "pl-8" : "pl-2"
           ),
           children: /* @__PURE__ */ c(
             Ye,
             {
               tag: "span",
-              className: N.length === 1 && N[0].subItem.subDeactivated ? "text-f1-foreground-disabled" : void 0,
-              children: N.length === 0 ? t ?? "" : N.length === 1 ? N[0].subItem.subName : `${N.length} ${e}`
+              className: I.length === 1 && I[0].subItem.subDeactivated ? "text-f1-foreground-disabled" : void 0,
+              children: I.length === 0 ? t ?? "" : I.length === 1 ? I[0].subItem.subName : `${I.length} ${e}`
             }
           )
         }
@@ -9284,47 +9284,47 @@ const xl = ({
 }, qN = (t) => {
   const [e, n] = R(
     (t.alwaysOpen || t.defaultOpen) ?? !1
-  ), r = (C) => {
-    n(C), t.onOpenChange?.(C);
+  ), r = (k) => {
+    n(k), t.onOpenChange?.(k);
   };
   W(() => {
     t.defaultOpen && e && t.onOpenChange?.(!0);
   }, [t.defaultOpen]);
   const [i, s] = R(t.entities), [o, l] = R(""), [a, d] = Eh("", 300), f = ee(
     () => t.entities.some(
-      (C) => C.subItems && C.subItems.length > 0
+      (k) => k.subItems && k.subItems.length > 0
     ),
     [t.entities]
   );
-  function u(C) {
+  function u(k) {
     if (t.singleSelector) {
-      t.onSelect(C), n(!1);
+      t.onSelect(k), n(!1);
       return;
     }
-    const T = t.selectedEntities ?? [], I = i.find((U) => U.id === C.id);
-    if (!I)
+    const T = t.selectedEntities ?? [], N = i.find((U) => U.id === k.id);
+    if (!N)
       return;
     const L = new Set(
-      (I.subItems ?? []).map((U) => U.subId)
-    ), y = /* @__PURE__ */ new Set([I.id]);
+      (N.subItems ?? []).map((U) => U.subId)
+    ), y = /* @__PURE__ */ new Set([N.id]);
     i.forEach((U) => {
-      U.id !== I.id && (U.subItems ?? []).some(
+      U.id !== N.id && (U.subItems ?? []).some(
         ($) => L.has($.subId)
       ) && y.add(U.id);
     });
-    const _ = [...T];
+    const A = [...T];
     function M(U) {
-      const D = _.findIndex(($) => $.id === U.id);
-      D >= 0 ? _[D] = U : _.push(U);
+      const D = A.findIndex(($) => $.id === U.id);
+      D >= 0 ? A[D] = U : A.push(U);
     }
     y.forEach((U) => {
       const D = i.find((F) => F.id === U);
       if (!D) return;
       const $ = D.subItems?.filter(
         (F) => L.has(F.subId)
-      ) ?? [], ne = _.findIndex((F) => F.id === U);
+      ) ?? [], ne = A.findIndex((F) => F.id === U);
       if (ne >= 0) {
-        const F = _[ne].subItems ?? [], ge = new Set(F.map((q) => q.subId)), Se = [
+        const F = A[ne].subItems ?? [], ge = new Set(F.map((q) => q.subId)), Se = [
           ...F,
           ...$.filter((q) => !ge.has(q.subId))
         ];
@@ -9337,21 +9337,21 @@ const xl = ({
           ...D,
           subItems: $
         });
-    }), t.onSelect(_);
+    }), t.onSelect(A);
   }
-  function h(C, T) {
+  function h(k, T) {
     if (t.singleSelector)
-      t.onSelect({ ...C, subItems: [{ ...T }] }), n(!1);
+      t.onSelect({ ...k, subItems: [{ ...T }] }), n(!1);
     else {
-      const I = t.selectedEntities ?? [], L = new Set(I.map((M) => M.id)), y = new Map(
-        I.map((M) => [M.id, M.subItems ?? []])
+      const N = t.selectedEntities ?? [], L = new Set(N.map((M) => M.id)), y = new Map(
+        N.map((M) => [M.id, M.subItems ?? []])
       );
-      L.add(C.id), t.entities.forEach((M) => {
+      L.add(k.id), t.entities.forEach((M) => {
         M.subItems?.some(
           (D) => D.subId === T.subId
         ) && L.add(M.id);
       });
-      const _ = [];
+      const A = [];
       t.entities.forEach((M) => {
         if (L.has(M.id)) {
           let D = [...y.get(M.id) ?? []];
@@ -9365,53 +9365,53 @@ const xl = ({
           );
           D = D.filter(
             (F) => ne.has(F.subId)
-          ), _.push({
+          ), A.push({
             ...M,
             subItems: D
           });
         }
-      }), t.onSelect(_);
+      }), t.onSelect(A);
     }
   }
-  function p(C) {
+  function p(k) {
     if (t.singleSelector) {
       t.onSelect(null);
       return;
     }
     let T = [];
-    const I = t.selectedEntities ?? [];
+    const N = t.selectedEntities ?? [];
     if (f) {
       const L = i.find(
-        (_) => _.id === C.id
+        (A) => A.id === k.id
       );
       if (!L)
         return;
       const y = new Set(
-        (L.subItems ?? []).map((_) => _.subId)
+        (L.subItems ?? []).map((A) => A.subId)
       );
-      for (const _ of I) {
-        const M = (_.subItems ?? []).filter(
+      for (const A of N) {
+        const M = (A.subItems ?? []).filter(
           (U) => !y.has(U.subId)
         );
         M.length > 0 && T.push({
-          ..._,
+          ...A,
           subItems: M
         });
       }
     } else
-      T = (I ?? []).filter((L) => L.id !== C.id);
+      T = (N ?? []).filter((L) => L.id !== k.id);
     t.onSelect(T);
   }
-  function m(C, T) {
+  function m(k, T) {
     if (t.singleSelector) {
       t.onSelect(null);
       return;
     }
-    const I = t.selectedEntities ?? [], L = T.subId, y = [];
-    for (const _ of I) {
-      const M = _.subItems?.filter((U) => U.subId !== L) ?? [];
+    const N = t.selectedEntities ?? [], L = T.subId, y = [];
+    for (const A of N) {
+      const M = A.subItems?.filter((U) => U.subId !== L) ?? [];
       M.length > 0 && y.push({
-        ..._,
+        ...A,
         subItems: M
       });
     }
@@ -9422,17 +9422,17 @@ const xl = ({
       t.onSelect(null);
       return;
     }
-    const C = t.selectedEntities ?? [];
+    const k = t.selectedEntities ?? [];
     let T = [];
     if (f) {
-      const I = new Set(
+      const N = new Set(
         i.flatMap(
           (L) => (L.subItems ?? []).map((y) => y.subId)
         )
       );
-      for (const L of C) {
+      for (const L of k) {
         const y = (L.subItems ?? []).filter(
-          (_) => !I.has(_.subId)
+          (A) => !N.has(A.subId)
         );
         y.length > 0 && T.push({
           ...L,
@@ -9440,39 +9440,39 @@ const xl = ({
         });
       }
     } else {
-      const I = new Set(
+      const N = new Set(
         i.map((L) => L.id)
       );
-      T = (C ?? []).filter((L) => !I.has(L.id));
+      T = (k ?? []).filter((L) => !N.has(L.id));
     }
     t.onSelect(T);
   }
   function w() {
-    const C = [...t.selectedEntities ?? []];
+    const k = [...t.selectedEntities ?? []];
     i.forEach((T) => {
-      const I = C.find((L) => L.id === T.id);
-      if (!I)
-        C.push({
+      const N = k.find((L) => L.id === T.id);
+      if (!N)
+        k.push({
           ...T,
           subItems: T.subItems || []
         });
       else {
         const L = Array.from(
           /* @__PURE__ */ new Set([
-            ...I.subItems ?? [],
+            ...N.subItems ?? [],
             ...T.subItems ?? []
           ])
         );
-        I.subItems = L;
+        N.subItems = L;
       }
-    }), t.singleSelector || t.onSelect(C);
+    }), t.singleSelector || t.onSelect(k);
   }
-  const x = (C) => {
-    l(C), d(C);
-  }, v = (C, T) => {
-    t.onItemExpandedChange(C.id, T), s(
+  const x = (k) => {
+    l(k), d(k);
+  }, v = (k, T) => {
+    t.onItemExpandedChange(k.id, T), s(
       i.map(
-        (I) => I.id === C.id ? { ...I, expanded: !C.expanded } : I
+        (N) => N.id === k.id ? { ...N, expanded: !k.expanded } : N
       )
     );
   };
@@ -9482,31 +9482,31 @@ const xl = ({
       return;
     }
     if (f && !t.applySearchToGroup) {
-      const T = t.entities.map((I) => {
-        const L = ox(I, a), y = I.subItems?.map((_) => ({
-          ..._,
+      const T = t.entities.map((N) => {
+        const L = ox(N, a), y = N.subItems?.map((A) => ({
+          ...A,
           score: Pr(
             a,
-            _.subSearchKeys ?? [_.subName]
+            A.subSearchKeys ?? [A.subName]
           )
-        })).filter((_) => _.score < 1 / 0).sort((_, M) => _.score - M.score);
+        })).filter((A) => A.score < 1 / 0).sort((A, M) => A.score - M.score);
         return {
-          ...I,
+          ...N,
           score: L,
-          expanded: I.expanded ?? (y?.length ?? 0) > 0,
+          expanded: N.expanded ?? (y?.length ?? 0) > 0,
           subItems: y
         };
-      }).filter((I) => I.score < 1 / 0).sort((I, L) => I.score - L.score);
+      }).filter((N) => N.score < 1 / 0).sort((N, L) => N.score - L.score);
       s(T);
     } else {
-      const C = t.entities.map((T) => {
-        const I = Pr(
+      const k = t.entities.map((T) => {
+        const N = Pr(
           a,
           T.searchKeys ?? [T.name]
         );
-        return { ...T, score: I };
-      }).filter((T) => T.score < 1 / 0).sort((T, I) => T.score - I.score);
-      s(C);
+        return { ...T, score: N };
+      }).filter((T) => T.score < 1 / 0).sort((T, N) => T.score - N.score);
+      s(k);
     }
   }, [
     a,
@@ -9515,17 +9515,17 @@ const xl = ({
     f,
     s
   ]);
-  const S = K(null), [A, N] = R(0);
+  const S = K(null), [_, I] = R(0);
   return Va(() => {
-    const C = () => {
-      S.current && N(S.current.offsetWidth);
+    const k = () => {
+      S.current && I(S.current.offsetWidth);
     };
-    return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
+    return k(), window.addEventListener("resize", k), () => window.removeEventListener("resize", k);
   }, []), t.alwaysOpen ? /* @__PURE__ */ c(
     "div",
     {
       ref: S,
-      className: k(
+      className: C(
         "scrollbar-macos relative overflow-auto rounded-xl border-[1px] border-solid border-f1-border-secondary bg-transparent p-0",
         t.width ? "w-fit" : "w-full"
       ),
@@ -9555,7 +9555,7 @@ const xl = ({
           loading: t.loading,
           notFoundTitle: t.notFoundTitle,
           notFoundSubtitle: t.notFoundSubtitle,
-          width: t.width ?? A - 2,
+          width: t.width ?? _ - 2,
           disabled: t.disabled,
           hiddenAvatar: t.hiddenAvatar,
           onCreate: t.onCreate,
@@ -9600,7 +9600,7 @@ const xl = ({
     /* @__PURE__ */ c(
       Lh,
       {
-        className: k(
+        className: C(
           "scrollbar-macos relative w-full overflow-auto rounded-xl border-[1px] border-solid border-f1-border-secondary bg-transparent p-0"
         ),
         children: /* @__PURE__ */ c(
@@ -9793,7 +9793,7 @@ var Al = z.forwardRef(
   }
 ), vd = Zs, kd = yd;
 const Cd = rt({
-  base: k(
+  base: C(
     "inline-flex items-center justify-center rounded-sm text-sm font-medium transition-colors hover:bg-f1-background-secondary hover:text-f1-foreground-secondary disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-f1-background-secondary data-[state=on]:text-f1-foreground",
     Re()
   ),
@@ -9816,7 +9816,7 @@ const Cd = rt({
   Da,
   {
     ref: i,
-    className: k(Cd({ variant: e, size: n, className: t })),
+    className: C(Cd({ variant: e, size: n, className: t })),
     ...r
   }
 ));
@@ -9828,7 +9828,7 @@ const Sd = Sn.createContext({
   vd,
   {
     ref: s,
-    className: k("flex items-center justify-center gap-1.5", t),
+    className: C("flex items-center justify-center gap-1.5", t),
     ...i,
     children: /* @__PURE__ */ c(Sd.Provider, { value: { variant: e, size: n }, children: r })
   }
@@ -9840,7 +9840,7 @@ const Id = Sn.forwardRef(({ className: t, children: e, variant: n, size: r, ...i
     kd,
     {
       ref: s,
-      className: k(
+      className: C(
         Cd({
           variant: o.variant || n,
           size: o.size || r
@@ -10021,7 +10021,7 @@ function Cx({
   return /* @__PURE__ */ g(
     "div",
     {
-      className: k(
+      className: C(
         "relative h-32 w-full overflow-hidden rounded-md bg-f1-background",
         n ? "" : kx[zh(
           [t, e].join("")
@@ -10057,7 +10057,7 @@ function Cx({
             "div",
             {
               ref: o,
-              className: k(
+              className: C(
                 "absolute -right-0.5",
                 n ? "bottom-0.5" : "-bottom-[3px]"
               ),
@@ -10126,8 +10126,8 @@ const Nx = ({
   W(() => {
     h(o);
   }, [o]);
-  const m = (A) => {
-    h(A), l?.(A);
+  const m = (_) => {
+    h(_), l?.(_);
   }, b = Zr(), { canvasRef: w, handleMouseEnter: x, handleMouseLeave: v } = Sx(b), S = Jr({
     emoji: vx[a],
     size: "sm"
@@ -10137,7 +10137,7 @@ const Nx = ({
     {
       href: t,
       onClick: i,
-      className: k(
+      className: C(
         "relative flex flex-col rounded-xl border border-solid border-f1-border-secondary bg-f1-background-inverse-secondary no-underline transition-shadow hover:shadow",
         Re()
       ),
@@ -10229,7 +10229,7 @@ function Ax({
       onClick: (m) => {
         u(m, t);
       },
-      className: k(
+      className: C(
         "flex items-center gap-1 px-[3px] font-medium leading-tight shadow-none transition-all active:scale-90 motion-reduce:transition-none motion-reduce:active:scale-100",
         s && "border-f1-border-selected bg-f1-background-selected hover:border-f1-border-selected-bold"
       ),
@@ -10243,7 +10243,7 @@ function Ax({
             duration: 200,
             easing: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
           },
-          className: k(
+          className: C(
             "tabular-nums",
             s ? "text-f1-foreground-selected" : "text-f1-foreground"
           )
@@ -10286,7 +10286,10 @@ const Ex = V("Reactions", _x), Tx = ({
   id,
   {
     content: t,
-    className: k("FactorialOneTextEditor", e && "line-clamp-5")
+    className: C(
+      "FactorialOneTextEditor",
+      e && "line-clamp-5 break-words"
+    )
   }
 ), Dx = () => /* @__PURE__ */ g("div", { className: "flex flex-col justify-around gap-3 py-2", children: [
   /* @__PURE__ */ c(E, { className: "h-2.5 w-1/2 rounded-2xs" }),
@@ -10297,7 +10300,7 @@ const Ex = V("Reactions", _x), Tx = ({
 ), _l = ({ tags: t, right: e }) => /* @__PURE__ */ c(
   "div",
   {
-    className: k(
+    className: C(
       "flex flex-1 flex-row items-center gap-1.5",
       e && "justify-end"
     ),
@@ -10498,23 +10501,23 @@ const Ex = V("Reactions", _x), Tx = ({
   dropdownItems: m,
   noReactionsButton: b = !1
 }) => {
-  const w = [d.views, d.comments].filter(Boolean).join(" · "), x = cc(r), v = () => {
+  const w = [d.views, d.comments].filter(Boolean).join(" · "), x = !0, v = cc(r), S = () => {
     o(t);
-  }, S = (N) => {
-    N.stopPropagation();
-  }, A = e ? `${e.firstName} ${e.lastName}` : void 0;
+  }, _ = (k) => {
+    k.stopPropagation();
+  }, I = e ? `${e.firstName} ${e.lastName}` : void 0;
   return /* @__PURE__ */ g(
     "div",
     {
       className: "flex w-full cursor-pointer flex-row gap-3 rounded-xl border border-solid border-transparent p-3 pt-2 hover:bg-f1-background-hover focus:border-f1-border-secondary focus:outline focus:outline-1 focus:outline-offset-1 focus:outline-f1-border-selected-bold md:pb-4 md:pt-3",
-      onClick: v,
+      onClick: S,
       id: `community-post-${t}`,
       children: [
         /* @__PURE__ */ c("div", { className: "hidden md:block", children: e ? /* @__PURE__ */ c(
           er,
           {
             href: e.url || "#",
-            title: A,
+            title: I,
             stopPropagation: !0,
             children: /* @__PURE__ */ c(
               nt,
@@ -10526,17 +10529,17 @@ const Ex = V("Reactions", _x), Tx = ({
             )
           }
         ) : /* @__PURE__ */ c(Hi, { icon: Ao }) }),
-        /* @__PURE__ */ g("div", { className: "flex flex-1 flex-col gap-3", children: [
-          /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 flex-col gap-3", children: [
+          /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-col gap-2", children: [
             /* @__PURE__ */ g("div", { className: "flex flex-row justify-between", children: [
-              /* @__PURE__ */ g("div", { className: "flex flex-1 flex-row flex-wrap items-center gap-1", children: [
+              /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 flex-row flex-wrap items-center gap-1", children: [
                 e ? /* @__PURE__ */ g(re, { children: [
                   /* @__PURE__ */ c(
                     er,
                     {
                       href: e.url,
                       className: "block md:hidden",
-                      title: A,
+                      title: I,
                       stopPropagation: !0,
                       children: /* @__PURE__ */ c("span", { className: "flex items-center", children: /* @__PURE__ */ c(
                         nt,
@@ -10553,17 +10556,17 @@ const Ex = V("Reactions", _x), Tx = ({
                     er,
                     {
                       href: e.url,
-                      title: A,
+                      title: I,
                       className: "font-medium text-f1-foreground no-underline visited:text-f1-foreground",
                       stopPropagation: !0,
-                      children: A
+                      children: I
                     }
                   )
                 ] }) : /* @__PURE__ */ c("div", { className: "block md:hidden", children: /* @__PURE__ */ c(Hi, { icon: Ao, size: "sm" }) }),
                 /* @__PURE__ */ c(
                   "span",
                   {
-                    className: k(
+                    className: C(
                       "text-f1-foreground-secondary",
                       !e && "capitalize"
                     ),
@@ -10584,18 +10587,18 @@ const Ex = V("Reactions", _x), Tx = ({
               ] }),
               /* @__PURE__ */ g("div", { className: "flex flex-row gap-2", children: [
                 /* @__PURE__ */ g("div", { className: "hidden flex-row gap-2 md:flex", children: [
-                  p?.map((N) => /* @__PURE__ */ c(
+                  p?.map((k) => /* @__PURE__ */ c(
                     B,
                     {
-                      hideLabel: !N.label,
-                      ...N.icon && { icon: N.icon },
+                      hideLabel: !k.label,
+                      ...k.icon && { icon: k.icon },
                       variant: "outline",
                       size: "md",
-                      onClick: N.onClick,
-                      label: N.label ?? "",
-                      title: N.label ?? ""
+                      onClick: k.onClick,
+                      label: k.label ?? "",
+                      title: k.label ?? ""
                     },
-                    N.label
+                    k.label
                   )),
                   m?.length && /* @__PURE__ */ c(
                     mt,
@@ -10622,10 +10625,19 @@ const Ex = V("Reactions", _x), Tx = ({
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ c("span", { className: "-mt-3 text-sm text-f1-foreground-secondary", children: x }),
-            /* @__PURE__ */ g("div", { className: "flex flex-col gap-1 text-f1-foreground", children: [
-              /* @__PURE__ */ c("p", { className: "text-xl font-semibold", children: i }),
-              s && /* @__PURE__ */ c(_d, { content: s, collapsed: !0 })
+            /* @__PURE__ */ c("span", { className: "-mt-3 text-sm text-f1-foreground-secondary", children: v }),
+            /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-col gap-1 text-f1-foreground", children: [
+              /* @__PURE__ */ c(
+                "p",
+                {
+                  className: C(
+                    "text-xl font-semibold",
+                    "line-clamp-2 break-words"
+                  ),
+                  children: i
+                }
+              ),
+              s && /* @__PURE__ */ c(_d, { content: s, collapsed: x })
             ] })
           ] }),
           l && !a && /* @__PURE__ */ c("div", { className: "relative aspect-video overflow-hidden rounded-xl md:max-w-[480px]", children: Ed(l) ? /* @__PURE__ */ c(
@@ -10633,7 +10645,7 @@ const Ex = V("Reactions", _x), Tx = ({
             {
               controls: !0,
               className: "aspect-video h-full w-full bg-f1-background-secondary object-cover",
-              onClick: S,
+              onClick: _,
               children: /* @__PURE__ */ c("source", { src: l })
             }
           ) : /* @__PURE__ */ g(re, { children: [
@@ -10742,7 +10754,7 @@ const Ex = V("Reactions", _x), Tx = ({
     {
       type: "button",
       "aria-label": n ? "Copied!" : `Copy ${t}`,
-      className: k(
+      className: C(
         "group flex items-center gap-1.5 rounded p-1.5",
         "focus-visible:outline focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold",
         "transition-colors duration-300 hover:bg-f1-background-hover active:bg-f1-background-secondary-hover",
@@ -10767,7 +10779,7 @@ const Ex = V("Reactions", _x), Tx = ({
                   size: "md",
                   "aria-hidden": !0,
                   color: "default",
-                  className: k(
+                  className: C(
                     "opacity-0 transition-opacity duration-300",
                     !n && "group-hover:opacity-100 group-focus-visible:opacity-100"
                   )
@@ -10791,7 +10803,7 @@ const Ex = V("Reactions", _x), Tx = ({
                   size: "md",
                   "aria-hidden": !0,
                   color: "positive",
-                  className: k(
+                  className: C(
                     "text-f1-icon-positive opacity-0 transition-opacity duration-300",
                     n && "group-hover:opacity-100 group-focus-visible:opacity-100"
                   )
@@ -10809,7 +10821,7 @@ const Ex = V("Reactions", _x), Tx = ({
     it,
     {
       ...n,
-      className: k(
+      className: C(
         "text-inherit group flex items-center gap-1.5 rounded p-1.5 text-f1-foreground",
         "no-underline hover:bg-f1-background-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover",
         e
@@ -10830,7 +10842,7 @@ const Ld = Ga(
       target: "_blank",
       href: n,
       rel: "noopener noreferrer",
-      className: k(
+      className: C(
         "text-inherit group flex items-center gap-1.5 rounded p-1.5 text-f1-foreground",
         "no-underline hover:bg-f1-background-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover",
         e
@@ -10868,7 +10880,7 @@ const Gn = P(
           jx,
           {
             action: s,
-            className: k("flex items-center gap-1.5 p-1.5", i),
+            className: C("flex items-center gap-1.5 p-1.5", i),
             children: [
               r && (typeof r == "function" ? r({}) : /* @__PURE__ */ c(H, { icon: r, size: "md", "aria-hidden": "true" })),
               /* @__PURE__ */ c("div", { className: "line-clamp-5 flex-1 whitespace-pre-line text-left", children: n })
@@ -10993,14 +11005,14 @@ const Zx = V("TagListItem", Hd), Vd = P(
   ({ children: t, label: e, isHorizontal: n = !1 }, r) => /* @__PURE__ */ g(
     "div",
     {
-      className: k(
+      className: C(
         n ? "flex min-h-12 flex-1 flex-col py-1.5 pl-3 pr-1.5 xs:flex-row" : "min-w-32 md:max-w-80"
       ),
       children: [
         e && /* @__PURE__ */ c(
           "p",
           {
-            className: k(
+            className: C(
               "px-1.5 text-f1-foreground-secondary",
               n ? "mt-2 w-44 xs:px-0" : "mb-0.5"
             ),
@@ -11044,7 +11056,7 @@ const Qx = V("DataList", Vd), Ve = Object.assign(Qx, {
       "div",
       {
         ref: s,
-        className: k(
+        className: C(
           "flex flex-col gap-0.5",
           i && !r && "pb-3",
           r && "xs:[&_ul>li]:p-0 [&_ul]:flex-1"
@@ -11062,7 +11074,7 @@ const Qx = V("DataList", Vd), Ve = Object.assign(Qx, {
       /* @__PURE__ */ c(
         "div",
         {
-          className: k(
+          className: C(
             "flex flex-col",
             n ? "rounded-md border border-solid border-f1-border-secondary" : "gap-3"
           ),
@@ -11094,7 +11106,7 @@ const Qx = V("DataList", Vd), Ve = Object.assign(Qx, {
     "div",
     {
       ref: r,
-      className: k(
+      className: C(
         "flex w-full flex-row flex-wrap items-center gap-2 rounded-md border p-2 hover:bg-f1-background-hover focus:outline focus:outline-1 focus:outline-offset-1 focus:outline-f1-border-selected-bold",
         n.withPointerCursor && "cursor-pointer"
       ),
@@ -11247,13 +11259,13 @@ function uy({
     chatWidth: h,
     resizable: p
   } = Xh(), m = u === "fullscreen", { open: b } = Qr(), w = p ? h : Zh, x = K(m), v = m && !x.current, S = !m && x.current, [
-    A,
-    N
+    _,
+    I
   ] = R(!1);
   W(() => {
-    !m && x.current && N(!0), x.current = m;
+    !m && x.current && I(!0), x.current = m;
   }, [m]);
-  const C = m || A || S, T = ee(() => v ? { duration: 0.15, ease: "easeOut" } : S ? { duration: 0.4, ease: [0.25, 0.1, 0.25, 1] } : { duration: 0 }, [v, S]), I = ga(
+  const k = m || _ || S, T = ee(() => v ? { duration: 0.15, ease: "easeOut" } : S ? { duration: 0.4, ease: [0.25, 0.1, 0.25, 1] } : { duration: 0 }, [v, S]), N = ga(
     `(max-width: ${Bi.xl}px)`,
     { initializeWithValue: !0 }
   );
@@ -11261,7 +11273,7 @@ function uy({
     a(f);
   }, [f, a]), W(() => {
     a(b);
-  }, [b, a]), dy(f, I), /* @__PURE__ */ c(
+  }, [b, a]), dy(f, N), /* @__PURE__ */ c(
     om,
     {
       reducedMotion: d ? "always" : "never",
@@ -11275,7 +11287,7 @@ function uy({
           /* @__PURE__ */ c(Bt, { children: s === "unlocked" && /* @__PURE__ */ c(
             X.nav,
             {
-              className: k(
+              className: C(
                 "fixed inset-0 z-20 bg-f1-background-inverse",
                 !l && "hidden"
               ),
@@ -11289,7 +11301,7 @@ function uy({
           /* @__PURE__ */ g(
             "div",
             {
-              className: k(
+              className: C(
                 s !== "locked" ? "z-30" : "z-0",
                 !d && "transition-all",
                 s === "locked" ? "w-[240px] shrink-0 pl-3" : "w-0"
@@ -11317,9 +11329,9 @@ function uy({
                   {
                     id: "content",
                     layoutId: "main",
-                    className: k(
+                    className: C(
                       "relative z-10 flex h-full max-w-full flex-1 xs:py-1",
-                      C ? "overflow-hidden" : "overflow-auto",
+                      k ? "overflow-hidden" : "overflow-auto",
                       !f && !b && "xs:pr-1",
                       s === "locked" ? "pl-0" : "xs:pl-1"
                     ),
@@ -11327,9 +11339,9 @@ function uy({
                     children: /* @__PURE__ */ c(
                       X.div,
                       {
-                        className: k(
+                        className: C(
                           "flex max-w-full flex-1",
-                          C ? "overflow-hidden" : "overflow-auto"
+                          k ? "overflow-hidden" : "overflow-auto"
                         ),
                         layout: "position",
                         children: n
@@ -11340,18 +11352,18 @@ function uy({
                 t?.enabled && /* @__PURE__ */ c(
                   X.div,
                   {
-                    className: k(
+                    className: C(
                       "pointer-events-none absolute right-0 top-0 bottom-0",
                       "[&_.copilotKitSidebarContentWrapper]:relative [&_.copilotKitSidebarContentWrapper]:h-full [&_.copilotKitSidebarContentWrapper]:w-full",
-                      C ? "z-20" : "z-0",
-                      s === "hidden" && C ? "pl-1" : "pl-0"
+                      k ? "z-20" : "z-0",
+                      s === "hidden" && k ? "pl-1" : "pl-0"
                     ),
                     animate: {
                       width: m ? "100%" : w
                     },
                     transition: T,
                     onAnimationComplete: () => {
-                      A && N(!1);
+                      _ && I(!1);
                     },
                     children: /* @__PURE__ */ c(Qh, {})
                   }
@@ -11406,7 +11418,7 @@ function Ud({
             /* @__PURE__ */ g(
               "div",
               {
-                className: k(
+                className: C(
                   "flex flex-row items-center",
                   o ? "gap-1.5" : "gap-3"
                 ),
@@ -11433,7 +11445,7 @@ function Ud({
                     /* @__PURE__ */ c(
                       "p",
                       {
-                        className: k(
+                        className: C(
                           o ? "text-lg" : "text-2xl",
                           "font-semibold text-f1-foreground"
                         ),
@@ -11443,7 +11455,7 @@ function Ud({
                     e.description && /* @__PURE__ */ c(
                       "p",
                       {
-                        className: k(
+                        className: C(
                           o ? "text-md" : "text-lg",
                           "text-f1-foreground-secondary"
                         ),
@@ -11463,7 +11475,7 @@ function Ud({
         /* @__PURE__ */ c(
           "div",
           {
-            className: k(
+            className: C(
               "isolate flex w-full flex-1 flex-col overflow-y-auto overflow-x-hidden [&>*]:flex-1",
               o && "-mt-3"
             ),
@@ -11498,7 +11510,7 @@ function py({ label: t, options: e, hasNewUpdate: n }) {
       children: /* @__PURE__ */ c(mt, { items: hy(e), children: /* @__PURE__ */ g(
         "button",
         {
-          className: k(
+          className: C(
             "relative flex h-6 w-6 items-center justify-center rounded-full bg-f1-background-inverse text-f1-foreground-inverse shadow-md transition-all",
             Re()
           ),
@@ -11612,7 +11624,7 @@ const gy = ({
       children: /* @__PURE__ */ g(
         "div",
         {
-          className: k(
+          className: C(
             "group flex w-fit max-w-full flex-nowrap items-center justify-center gap-1 rounded p-1.5 text-f1-foreground transition-colors hover:bg-f1-background-hover data-[state=open]:bg-f1-background-hover",
             Re()
           ),
@@ -11641,7 +11653,7 @@ const gy = ({
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: k(
+    className: C(
       "flex min-w-0 max-w-full flex-1 items-center gap-2 overflow-hidden rounded text-lg font-semibold text-f1-foreground transition-colors"
     ),
     children: [
@@ -11672,7 +11684,7 @@ function sI({
     /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ c(mt, { items: e, children: /* @__PURE__ */ g(
       "button",
       {
-        className: k(
+        className: C(
           "flex w-full max-w-full items-center gap-1.5 rounded p-1.5 font-medium transition-colors hover:bg-f1-background-secondary data-[state=open]:bg-f1-background-secondary",
           Re("focus-visible:ring-inset")
         ),
@@ -11738,7 +11750,7 @@ function by({ isExpanded: t }) {
             strokeWidth: "1.3",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            className: k(
+            className: C(
               "translate-x-0 stroke-current transition-all duration-200 ease-out motion-reduce:transition-none",
               t ? "opacity-0 group-hover:-translate-x-1 group-hover:opacity-100" : "opacity-1 group-hover:translate-x-[3px]"
             )
@@ -11751,7 +11763,7 @@ function by({ isExpanded: t }) {
             d: "M7.5 5L7.5 15",
             strokeWidth: "1.3",
             strokeLinecap: "round",
-            className: k(
+            className: C(
               "stroke-current transition-all duration-200 ease-out motion-reduce:transition-none",
               t ? "translate-x-0 opacity-100 group-hover:-translate-x-0.5 group-hover:opacity-0" : "-translate-x-0.5 opacity-0 group-hover:translate-x-0 group-hover:opacity-100"
             )
@@ -11777,8 +11789,8 @@ function wy() {
       compact: !0,
       "aria-label": "Close Sidebar",
       children: [
-        /* @__PURE__ */ c("div", { className: k("hidden", { flex: !r }), children: /* @__PURE__ */ c(by, { isExpanded: e === "locked" }) }),
-        /* @__PURE__ */ c("div", { className: k("hidden", { flex: r }), children: /* @__PURE__ */ c(H, { icon: Ht, size: "md" }) })
+        /* @__PURE__ */ c("div", { className: C("hidden", { flex: !r }), children: /* @__PURE__ */ c(by, { isExpanded: e === "locked" }) }),
+        /* @__PURE__ */ c("div", { className: C("hidden", { flex: r }), children: /* @__PURE__ */ c(H, { icon: Ht, size: "md" }) })
       ]
     }
   );
@@ -11839,7 +11851,7 @@ const vy = ({
       {
         icon: t.icon,
         size: "md",
-        className: k(
+        className: C(
           "transition-colors",
           e ? "text-f1-icon-bold" : "text-f1-icon"
         )
@@ -11854,7 +11866,7 @@ const vy = ({
     it,
     {
       ...i,
-      className: k(
+      className: C(
         "flex cursor-pointer items-center rounded py-1.5 pl-1.5 pr-2 no-underline transition-colors",
         Re("focus-visible:ring-inset"),
         s ? "bg-f1-background-secondary text-f1-foreground" : "hover:bg-f1-background-secondary"
@@ -11873,13 +11885,13 @@ const vy = ({
   onReorderFinish: l,
   isSortable: a = !0
 }) => {
-  const d = me(), { isDragging: f, setIsDragging: u, draggedItemId: h, setDraggedItemId: p } = eo(), { isActive: m } = As(), b = m(t.href, { exact: t.exactMatch }), w = K(!1), [x, v] = R(!1), S = i === 0, A = i === s - 1, N = s === 1, C = ee(() => {
+  const d = me(), { isDragging: f, setIsDragging: u, draggedItemId: h, setDraggedItemId: p } = eo(), { isActive: m } = As(), b = m(t.href, { exact: t.exactMatch }), w = K(!1), [x, v] = R(!1), S = i === 0, _ = i === s - 1, I = s === 1, k = ee(() => {
     const M = [];
-    return !N && !S && M.push({
+    return !I && !S && M.push({
       label: d.actions.moveUp,
       onClick: () => o?.(i, i - 1),
       icon: tp
-    }), !N && !A && M.push({
+    }), !I && !_ && M.push({
       label: d.actions.moveDown,
       onClick: () => o?.(i, i + 1),
       icon: np
@@ -11889,14 +11901,14 @@ const vy = ({
       icon: Hn,
       critical: !0
     }), M;
-  }, [N, S, A, d, o, i, r, t]), T = () => {
+  }, [I, S, _, d, o, i, r, t]), T = () => {
     u(!0), v(!1), p(t.href || null), w.current = !0;
-  }, I = () => {
+  }, N = () => {
     u(!1), p(null), l(), setTimeout(() => {
       w.current = !1;
     }, 0);
   }, L = f && h === t.href, y = ee(
-    () => k(
+    () => C(
       "group relative cursor-pointer select-none list-none rounded backdrop-blur-sm active:cursor-grabbing",
       a && "touch-none",
       b ? "bg-f1-background-secondary text-f1-foreground" : "hover:bg-f1-background-secondary",
@@ -11904,14 +11916,14 @@ const vy = ({
       L && "bg-f1-background-secondary"
     ),
     [b, x, L, a]
-  ), _ = ee(() => /* @__PURE__ */ g(re, { children: [
+  ), A = ee(() => /* @__PURE__ */ g(re, { children: [
     /* @__PURE__ */ c("div", { className: "flex w-full items-center justify-between px-1.5 py-1.5", children: /* @__PURE__ */ c(Ny, { tooltip: e, children: /* @__PURE__ */ g(
       it,
       {
         onClick: t.onClick,
         href: t.href,
         exactMatch: t.exactMatch,
-        className: k(
+        className: C(
           // w-[calc(100%-24px-2px)] - here 24px is the size of the dropdown button and 2 px is the gap
           "flex w-[calc(100%-24px-2px)] items-center gap-1.5 no-underline",
           L && "pointer-events-none"
@@ -11923,7 +11935,7 @@ const vy = ({
             {
               icon: t.icon,
               size: "md",
-              className: k(
+              className: C(
                 "transition-colors",
                 b ? "text-f1-icon-bold" : "text-f1-icon"
               )
@@ -11945,7 +11957,7 @@ const vy = ({
     /* @__PURE__ */ c(
       "div",
       {
-        className: k(
+        className: C(
           "absolute inset-y-1 right-1 z-10 flex h-6 w-6 items-center justify-center rounded-sm opacity-0 transition-opacity duration-100 hover:bg-f1-background-secondary group-hover:opacity-100",
           x && "bg-f1-background-secondary opacity-100",
           L && "opacity-100"
@@ -11955,13 +11967,13 @@ const vy = ({
           {
             open: x,
             onOpenChange: v,
-            items: C,
+            items: k,
             children: /* @__PURE__ */ c("div", { className: "flex items-center justify-center", role: "list", children: /* @__PURE__ */ c(H, { icon: Vi, size: "sm" }) })
           }
         )
       }
     )
-  ] }), [t, b, x, L, C, e]);
+  ] }), [t, b, x, L, k, e]);
   return a ? /* @__PURE__ */ c(
     uc,
     {
@@ -11970,14 +11982,14 @@ const vy = ({
       dragConstraints: n,
       dragElastic: 0.1,
       onDragStart: T,
-      onDragEnd: I,
+      onDragEnd: N,
       className: y,
       whileDrag: {
         scale: 1.05
       },
-      children: _
+      children: A
     }
-  ) : /* @__PURE__ */ c("div", { className: y, children: _ });
+  ) : /* @__PURE__ */ c("div", { className: y, children: A });
 }, qd = ({
   title: t,
   isOpen: e = !0,
@@ -11996,7 +12008,7 @@ const vy = ({
     /* @__PURE__ */ c("div", { className: "group relative flex items-center", children: /* @__PURE__ */ g(
       "div",
       {
-        className: k(
+        className: C(
           "group relative flex w-full select-none items-center gap-1 rounded px-1.5 py-2 text-sm font-medium text-f1-foreground-secondary transition-colors hover:cursor-pointer hover:bg-f1-background-secondary",
           Re("focus-visible:ring-inset"),
           n && "hidden"
@@ -12073,7 +12085,7 @@ const vy = ({
       children: /* @__PURE__ */ c(
         "div",
         {
-          className: k(
+          className: C(
             "flex flex-col gap-0.5",
             o && !a.current && "pointer-events-none"
           ),
@@ -12175,30 +12187,30 @@ function Sy({
   }, [o]);
   const S = (D) => {
     x(D);
-  }, A = J(
+  }, _ = J(
     (D) => {
       const $ = w.filter((ne) => ne.href !== D.href);
       x($), l?.($);
     },
     [w, l]
-  ), N = J(
+  ), I = J(
     (D, $) => {
       if ($ < 0 || $ >= w.length) return;
       const ne = [...w], [F] = ne.splice(D, 1);
       ne.splice($, 0, F), x(ne), l?.(ne);
     },
     [w, l]
-  ), [C, T] = R(!1), I = K(null);
+  ), [k, T] = R(!1), N = K(null);
   W(() => {
-    e.length > 0 && !C && (n([...e]), T(!0));
-  }, [e, n, C]), W(() => {
+    e.length > 0 && !k && (n([...e]), T(!0));
+  }, [e, n, k]), W(() => {
     const D = () => {
-      I.current !== null && window.clearTimeout(I.current), I.current = window.setTimeout(() => {
+      N.current !== null && window.clearTimeout(N.current), N.current = window.setTimeout(() => {
         r.current && e.length > 0 && a();
       }, 50);
     };
     return window.addEventListener("resize", D), () => {
-      window.removeEventListener("resize", D), I.current !== null && window.clearTimeout(I.current);
+      window.removeEventListener("resize", D), N.current !== null && window.clearTimeout(N.current);
     };
   }, [r, e, a]);
   const L = "flex flex-col gap-0.5", y = ee(
@@ -12207,7 +12219,7 @@ function Sy({
       {}
     ),
     [w]
-  ), _ = ee(
+  ), A = ee(
     () => v && w.map((D, $) => /* @__PURE__ */ c(
       Cy,
       {
@@ -12215,10 +12227,10 @@ function Sy({
         tooltip: (y[D.label] ?? []).length > 1 ? D.tooltip : void 0,
         item: D,
         dragConstraints: b,
-        onRemove: A,
+        onRemove: _,
         index: $,
         total: w.length,
-        onMove: N,
+        onMove: I,
         onReorderFinish: () => {
           l?.(w);
         }
@@ -12229,8 +12241,8 @@ function Sy({
       v,
       w,
       y,
-      A,
-      N,
+      _,
+      I,
       l,
       d
     ]
@@ -12249,7 +12261,7 @@ function Sy({
   return /* @__PURE__ */ g(
     "div",
     {
-      className: k(
+      className: C(
         "relative",
         u && "cursor-grabbing [&_*]:cursor-grabbing"
       ),
@@ -12262,14 +12274,14 @@ function Sy({
           },
           `fixed-${$}`
         )) }),
-        v && /* @__PURE__ */ c("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: /* @__PURE__ */ c(qd, { title: f.favorites.favorites, children: /* @__PURE__ */ c("div", { ref: b, children: d ? /* @__PURE__ */ c("div", { className: L, children: _ }) : /* @__PURE__ */ c(
+        v && /* @__PURE__ */ c("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: /* @__PURE__ */ c(qd, { title: f.favorites.favorites, children: /* @__PURE__ */ c("div", { ref: b, children: d ? /* @__PURE__ */ c("div", { className: L, children: A }) : /* @__PURE__ */ c(
           Po,
           {
             axis: "y",
             values: w,
             onReorder: S,
             className: L,
-            children: _
+            children: A
           }
         ) }) }) }),
         p && /* @__PURE__ */ c("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: t.filter((D) => !D.isRoot).map((D, $) => /* @__PURE__ */ c(
@@ -12283,7 +12295,7 @@ function Sy({
         m && /* @__PURE__ */ c(
           "div",
           {
-            className: k(
+            className: C(
               "mt-3 flex w-full flex-col gap-3 bg-transparent px-3 [&_li]:list-none"
             ),
             ref: r,
@@ -12318,7 +12330,7 @@ function aI({
     "button",
     {
       onClick: t,
-      className: k(
+      className: C(
         "mb-[calc(0.75rem-1px)] flex w-full cursor-pointer items-center justify-between rounded bg-f1-background-inverse-secondary p-1.5 text-f1-foreground-secondary ring-1 ring-inset ring-f1-border-secondary transition-all hover:ring-f1-border-hover",
         Re()
       ),
@@ -12341,7 +12353,7 @@ const Tl = ({ position: t }) => /* @__PURE__ */ c(
     animate: { opacity: 0.5 },
     exit: { opacity: 0 },
     transition: { duration: 0.2, ease: "easeOut" },
-    className: k(
+    className: C(
       "pointer-events-none absolute inset-x-0 z-10 h-3 after:absolute after:inset-x-0 after:h-px after:bg-f1-background-inverse after:opacity-[0.04] after:content-['']",
       t === "top" ? [
         "top-0",
@@ -12380,9 +12392,9 @@ function Iy({
     {
       initial: !1,
       "aria-label": u.navigation.sidebar.label,
-      className: k(
+      className: C(
         "absolute bottom-0 left-0 top-0 z-10 flex w-[var(--ds-sidebar-width)] flex-col transition-[background-color]",
-        i === "locked" ? "h-full" : k(
+        i === "locked" ? "h-full" : C(
           "shadow-lg ring-1 ring-f1-border-secondary backdrop-blur-2xl",
           s ? "h-full border-y-transparent border-l-transparent bg-f1-background/90" : "h-[calc(100%-16px)] bg-f1-background/60"
         )
@@ -12499,7 +12511,7 @@ const Dy = ({
         /* @__PURE__ */ c(
           "div",
           {
-            className: k(
+            className: C(
               "flex size-5 items-center justify-center rounded-xs text-sm font-medium",
               s < r ? "bg-f1-background-selected-bold text-f1-foreground-inverse" : "border border-solid border-f1-border-secondary bg-f1-background-secondary text-f1-foreground"
             ),
@@ -19939,7 +19951,7 @@ const nS = (t) => {
   titlePlaceholder: m,
   dataTestId: b
 }, w) {
-  const x = me(), v = K(null), S = K(null), A = Wa(), [N] = R(() => r?.content || ""), [C, T] = R(r?.title || ""), [I, L] = R(null), y = (F) => {
+  const x = me(), v = K(null), S = K(null), _ = Wa(), [I] = R(() => r?.content || ""), [k, T] = R(r?.title || ""), [N, L] = R(null), y = (F) => {
     switch (F) {
       case "file-too-large":
         return x.imageUpload.errors.fileTooLarge;
@@ -19952,9 +19964,9 @@ const nS = (t) => {
     }
   };
   W(() => {
-    l && l(C);
-  }, [C, l]);
-  const _ = mm({
+    l && l(k);
+  }, [k, l]);
+  const A = mm({
     extensions: rS({
       placeholder: n,
       translations: x,
@@ -19966,7 +19978,7 @@ const nS = (t) => {
         }
       } : void 0
     }),
-    content: N,
+    content: I,
     onUpdate: ({ editor: F }) => {
       e(
         F.isEmpty ? { json: null, html: null } : { json: F.getJSON(), html: F.getHTML() }
@@ -19975,11 +19987,11 @@ const nS = (t) => {
     editable: !i
   });
   Ua(w, () => ({
-    clear: () => _?.commands.clearContent(),
-    focus: () => _?.commands.focus(),
-    setContent: (F) => _?.commands.setContent(F),
+    clear: () => A?.commands.clearContent(),
+    focus: () => A?.commands.focus(),
+    setContent: (F) => A?.commands.setContent(F),
     insertAIBlock: () => {
-      !_ || !s || _.chain().focus().insertContentAt(_.state.doc.content.size, [
+      !A || !s || A.chain().focus().insertContentAt(A.state.doc.content.size, [
         {
           type: "aiBlock",
           attrs: {
@@ -19992,7 +20004,7 @@ const nS = (t) => {
       ]).run();
     },
     insertTranscript: (F, ge, Se) => {
-      _ && _.chain().focus().insertContentAt(_.state.doc.content.size, [
+      A && A.chain().focus().insertContentAt(A.state.doc.content.size, [
         {
           type: "transcript",
           attrs: {
@@ -20004,10 +20016,10 @@ const nS = (t) => {
       ]).run();
     },
     pushContent: (F) => {
-      _ && _.chain().focus().insertContentAt(_.state.doc.content.size, F).run();
+      A && A.chain().focus().insertContentAt(A.state.doc.content.size, F).run();
     },
     insertImage: (F) => {
-      !_ || !o || ad(_, F, {
+      !A || !o || ad(A, F, {
         ...o,
         onError: (ge) => {
           L(ge);
@@ -20027,21 +20039,21 @@ const nS = (t) => {
     []
   ), D = J(() => {
     const F = S.current;
-    if (!F || !_) return;
-    const { pos: ge, nodeSize: Se } = F, q = _.state.doc.nodeAt(ge);
+    if (!F || !A) return;
+    const { pos: ge, nodeSize: Se } = F, q = A.state.doc.nodeAt(ge);
     if (q && q.content.size === 0)
-      _.chain().focus().setTextSelection(ge + 1).insertContent("/").run();
+      A.chain().focus().setTextSelection(ge + 1).insertContent("/").run();
     else {
       const Xn = ge + Se;
-      _.chain().focus().insertContentAt(Xn, { type: "paragraph" }).setTextSelection(Xn + 1).insertContent("/").run();
+      A.chain().focus().insertContentAt(Xn, { type: "paragraph" }).setTextSelection(Xn + 1).insertContent("/").run();
     }
-  }, [_]), $ = a || d && d.length > 0 || u && u.length > 0 || f && f.length > 0 || h, ne = l || C;
-  return _ ? /* @__PURE__ */ c(Pa, { dataTestId: b, children: /* @__PURE__ */ g(
+  }, [A]), $ = a || d && d.length > 0 || u && u.length > 0 || f && f.length > 0 || h, ne = l || k;
+  return A ? /* @__PURE__ */ c(Pa, { dataTestId: b, children: /* @__PURE__ */ g(
     "div",
     {
       className: "relative flex h-full w-full flex-col",
       ref: v,
-      id: A,
+      id: _,
       children: [
         $ && /* @__PURE__ */ c(
           aS,
@@ -20053,15 +20065,15 @@ const nS = (t) => {
             banner: h
           }
         ),
-        I && /* @__PURE__ */ c("div", { className: "mx-auto flex w-full max-w-[824px] px-14 py-2", children: /* @__PURE__ */ g("div", { className: "flex w-max max-w-full items-center gap-4 rounded-md bg-f1-background-critical p-2 drop-shadow-sm", children: [
+        N && /* @__PURE__ */ c("div", { className: "mx-auto flex w-full max-w-[824px] px-14 py-2", children: /* @__PURE__ */ g("div", { className: "flex w-max max-w-full items-center gap-4 rounded-md bg-f1-background-critical p-2 drop-shadow-sm", children: [
           /* @__PURE__ */ g("div", { className: "flex w-full flex-row items-center gap-2", children: [
             /* @__PURE__ */ c("div", { className: "flex-shrink-0", children: /* @__PURE__ */ c(fc, { size: "sm", type: "critical" }) }),
             /* @__PURE__ */ c(
               "p",
               {
                 className: "w-full max-w-xl flex-grow truncate text-ellipsis text-sm font-semibold text-f1-foreground-critical",
-                title: y(I),
-                children: y(I)
+                title: y(N),
+                children: y(N)
               }
             )
           ] }),
@@ -20078,7 +20090,7 @@ const nS = (t) => {
         !i && !p && /* @__PURE__ */ c("div", { className: "absolute bottom-8 left-1/2 z-50 max-w-[calc(100%-48px)] -translate-x-1/2 rounded-lg border border-solid border-f1-border-secondary bg-f1-background p-2 shadow-md", children: /* @__PURE__ */ c(
           gm,
           {
-            editor: _,
+            editor: A,
             disableButtons: !1,
             showEmojiPicker: !1,
             plainHtmlMode: !1
@@ -20088,7 +20100,7 @@ const nS = (t) => {
           ne && /* @__PURE__ */ c(
             cS,
             {
-              value: C,
+              value: k,
               onChange: l ? T : void 0,
               placeholder: m,
               disabled: !l || i
@@ -20098,12 +20110,12 @@ const nS = (t) => {
             "div",
             {
               className: "notes-text-editor h-full",
-              onClick: () => _.commands.focus(),
+              onClick: () => A.commands.focus(),
               children: [
                 !i && /* @__PURE__ */ c(
                   nS,
                   {
-                    editor: _,
+                    editor: A,
                     tippyOptions: M,
                     onNodeChange: U,
                     children: /* @__PURE__ */ g("div", { className: "flex flex-row", children: [
@@ -20135,7 +20147,7 @@ const nS = (t) => {
                 /* @__PURE__ */ c(
                   bm,
                   {
-                    editor: _,
+                    editor: A,
                     className: "pb-28 [&>div]:mx-auto [&>div]:w-full [&>div]:max-w-[824px] [&>div]:transition-[padding] [&>div]:duration-300 sm:[&>div]:px-14 [&>div]:px-0"
                   }
                 )
@@ -20146,8 +20158,8 @@ const nS = (t) => {
         !i && /* @__PURE__ */ c(
           wm,
           {
-            editorId: A,
-            editor: _,
+            editorId: _,
+            editor: A,
             disableButtons: !1,
             isToolbarOpen: !p,
             isFullscreen: !1,
@@ -20259,10 +20271,10 @@ const nS = (t) => {
     gap: "4"
   }
 }), fS = z.forwardRef(function({ className: e, gap: n, children: r, tileSize: i, ...s }, o) {
-  return /* @__PURE__ */ c("div", { className: k("@container", "grow"), ref: o, ...s, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("div", { className: C("@container", "grow"), ref: o, ...s, children: /* @__PURE__ */ c(
     "div",
     {
-      className: k(uS({ gap: n, tileSize: i }), e),
+      className: C(uS({ gap: n, tileSize: i }), e),
       ref: o,
       ...s,
       children: r
@@ -20364,7 +20376,7 @@ const nS = (t) => {
   return /* @__PURE__ */ c(
     "div",
     {
-      className: k(
+      className: C(
         hS({
           paddingX: s,
           basis: r,
@@ -20402,7 +20414,7 @@ const nS = (t) => {
   return /* @__PURE__ */ c(
     ef,
     {
-      className: k(pS({ gap: n, wrap: r }), e),
+      className: C(pS({ gap: n, wrap: r }), e),
       ref: s,
       ...i
     }
@@ -20419,7 +20431,7 @@ const nS = (t) => {
   return /* @__PURE__ */ c(
     ef,
     {
-      className: k(gS({ gap: n }), e),
+      className: C(gS({ gap: n }), e),
       ref: s,
       ...i,
       children: r
@@ -20448,7 +20460,7 @@ const nS = (t) => {
   return /* @__PURE__ */ c(
     "div",
     {
-      className: k(
+      className: C(
         "inline-flex ring-1 ring-inset ring-transparent transition-all duration-150",
         e && "select-none overflow-hidden rounded-sm bg-f1-background-tertiary ring-f1-border-secondary"
       ),
@@ -20481,7 +20493,7 @@ const nS = (t) => {
   return /* @__PURE__ */ g(
     Fs,
     {
-      className: k(
+      className: C(
         l ? "h-full" : "",
         "relative flex gap-3 border-f1-border-secondary"
       ),
@@ -20565,7 +20577,7 @@ const nS = (t) => {
     return /* @__PURE__ */ g(
       Fs,
       {
-        className: k(
+        className: C(
           "flex gap-4 border-f1-border-secondary",
           n === "full" && "h-full"
         ),
@@ -20588,7 +20600,7 @@ const nS = (t) => {
             Bs,
             {
               "aria-hidden": !0,
-              className: k(n !== "full" && vS({ height: n })),
+              className: C(n !== "full" && vS({ height: n })),
               children: [...Array(4)].map((i, s) => /* @__PURE__ */ c(
                 E,
                 {
@@ -21046,18 +21058,18 @@ const nS = (t) => {
     return /* @__PURE__ */ g(
       Fs,
       {
-        className: k(
+        className: C(
           "relative flex gap-4 overflow-hidden border-dashed",
           a
         ),
         ref: l,
         children: [
           /* @__PURE__ */ c(zs, { className: "-mt-0.5", children: /* @__PURE__ */ c($s, { children: e }) }),
-          /* @__PURE__ */ g(Bs, { className: k("flex flex-col gap-4", d), children: [
+          /* @__PURE__ */ g(Bs, { className: C("flex flex-col gap-4", d), children: [
             /* @__PURE__ */ g(
               "div",
               {
-                className: k(
+                className: C(
                   "absolute -top-12 bottom-0 left-0 right-0 flex flex-col justify-end bg-gradient-to-b to-transparent opacity-30",
                   f
                 ),
@@ -21162,7 +21174,7 @@ const pi = function({
     "div",
     {
       ref: l,
-      className: k("relative flex h-full flex-col", r),
+      className: C("relative flex h-full flex-col", r),
       style: {
         minHeight: `${s}px`
       },
@@ -21218,7 +21230,7 @@ const SI = ({
   return t ? /* @__PURE__ */ c(
     "a",
     {
-      className: k(
+      className: C(
         n,
         "cursor-pointer focus:border-f1-background-selected-bold focus:outline-none"
       ),
@@ -21238,7 +21250,7 @@ function NI({
   return /* @__PURE__ */ c(US, { onClick: i, children: /* @__PURE__ */ g(
     "div",
     {
-      className: k(
+      className: C(
         "flex flex-col gap-0.5 rounded-md border border-solid border-f1-border-secondary px-3 py-2.5",
         i && "hover:border-f1-border-hover"
       ),
@@ -21265,8 +21277,8 @@ const GS = P(
             children: n
           }
         ),
-        "icon" in i && i.icon && /* @__PURE__ */ c("span", { className: k("flex", r), children: /* @__PURE__ */ c(H, { icon: i.icon }) }),
-        "emoji" in i && i.emoji && /* @__PURE__ */ c("span", { className: k("flex", r), children: /* @__PURE__ */ c(Jr, { emoji: i.emoji, size: "md" }) })
+        "icon" in i && i.icon && /* @__PURE__ */ c("span", { className: C("flex", r), children: /* @__PURE__ */ c(H, { icon: i.icon }) }),
+        "emoji" in i && i.emoji && /* @__PURE__ */ c("span", { className: C("flex", r), children: /* @__PURE__ */ c(Jr, { emoji: i.emoji, size: "md" }) })
       ] })
     ] }, n);
   }
@@ -21296,7 +21308,7 @@ const GS = P(
   withPointerCursor: n,
   children: r
 }) => {
-  const i = k(
+  const i = C(
     "flex flex-row items-center rounded-md border border-solid border-transparent p-2 text-f1-foreground",
     e ? "gap-2" : "gap-2.5",
     n ? "cursor-pointer" : "cursor-default",
@@ -21350,7 +21362,7 @@ function fa({
   onClick: r,
   module: i
 }) {
-  const s = k(
+  const s = C(
     "flex flex-row gap-2 rounded-md border border-solid border-transparent p-2 text-f1-foreground",
     r ? "cursor-pointer hover:bg-f1-background-tertiary focus:border-f1-background-selected-bold focus:outline-none" : void 0
   );
@@ -21377,7 +21389,7 @@ function Is({
   rightIconClassName: a = "text-f1-icon-secondary",
   onClick: d
 }) {
-  const f = k(
+  const f = C(
     "flex flex-row items-start gap-1 rounded-md border border-solid border-transparent px-2 py-1.5 text-f1-foreground",
     d ? "cursor-pointer hover:bg-f1-background-tertiary focus:border-f1-background-selected-bold focus:outline-none" : void 0
   );
@@ -21390,7 +21402,7 @@ function Is({
         {
           icon: s,
           size: "md",
-          className: k("mt-0.5", l)
+          className: C("mt-0.5", l)
         }
       ),
       /* @__PURE__ */ c("p", { className: "mt-0.5 line-clamp-2 font-medium", children: e }),
@@ -21399,7 +21411,7 @@ function Is({
         {
           icon: o,
           size: "md",
-          className: k("mt-0.5", a)
+          className: C("mt-0.5", a)
         }
       )
     ] }),
@@ -21493,7 +21505,7 @@ function DI({
     !!r && /* @__PURE__ */ c("div", { className: i ? "mt-1" : "mt-2", children: /* @__PURE__ */ c(
       "span",
       {
-        className: k(
+        className: C(
           "text-f1-foreground",
           i ? "text-sm" : "text-base"
         ),
@@ -21665,7 +21677,7 @@ function nN({
         /* @__PURE__ */ c(
           "span",
           {
-            className: k(
+            className: C(
               "font-medium",
               t ? "text-f1-foreground" : "text-f1-foreground-secondary"
             ),
@@ -21700,37 +21712,37 @@ function LI({
   projectSelectorElement: v,
   breakTypeName: S
 }) {
-  const { status: A, statusText: N, subtitle: C, statusColor: T } = XS({
+  const { status: _, statusText: I, subtitle: k, statusColor: T } = XS({
     data: n,
     labels: r,
     trackedMinutes: t,
     remainingMinutes: e,
     canSeeRemainingTime: b
-  }), I = A === "clocked-out", L = u?.map((q) => ({
+  }), N = _ === "clocked-out", L = u?.map((q) => ({
     value: q.id,
     label: q.duration ? `${q.name} · ${q.duration}` : q.name,
     description: q.description,
     tag: q.isPaid ? r.paid : r.unpaid
-  })) ?? [], [y, _] = R(!1), M = () => {
+  })) ?? [], [y, A] = R(!1), M = () => {
     if (L.length > 1)
-      y || _(!0);
+      y || A(!0);
     else {
       const q = L?.[0]?.value;
       f?.(q);
     }
   }, U = (q) => {
-    h?.(q), _(!1), f?.(q);
-  }, D = I && s.length && !l && o, $ = s.find((q) => q.id === i), ne = s.map((q) => ({
+    h?.(q), A(!1), f?.(q);
+  }, D = N && s.length && !l && o, $ = s.find((q) => q.id === i), ne = s.map((q) => ({
     value: q.id,
     label: q.name,
     icon: q.icon
-  })), F = A === "break", [ge, Se] = R(!1);
+  })), F = _ === "break", [ge, Se] = R(!1);
   return /* @__PURE__ */ c("div", { className: "@container", children: /* @__PURE__ */ g("div", { className: "flex-grow flex-col", children: [
     /* @__PURE__ */ g("div", { className: "flex flex-col-reverse items-center gap-2 @xs:flex-row", children: [
       /* @__PURE__ */ g("div", { className: "flex-1 space-y-4", children: [
         /* @__PURE__ */ g("div", { className: "flex flex-col items-center space-y-0.5 @xs:items-start", children: [
           /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ c("span", { className: "line-clamp-1 text-2xl font-semibold text-f1-foreground", children: N }),
+            /* @__PURE__ */ c("span", { className: "line-clamp-1 text-2xl font-semibold text-f1-foreground", children: I }),
             /* @__PURE__ */ g("div", { className: "relative aspect-square h-4", children: [
               /* @__PURE__ */ c(
                 X.div,
@@ -21759,10 +21771,10 @@ function LI({
               )
             ] })
           ] }),
-          C && /* @__PURE__ */ c("p", { className: "line-clamp-1 text-f1-foreground-secondary", children: C })
+          k && /* @__PURE__ */ c("p", { className: "line-clamp-1 text-f1-foreground-secondary", children: k })
         ] }),
         /* @__PURE__ */ g("div", { className: "flex justify-center gap-2 @xs:justify-start", children: [
-          A === "clocked-out" && /* @__PURE__ */ c("div", { className: "mr-3 @xs:mr-0", children: /* @__PURE__ */ c(
+          _ === "clocked-out" && /* @__PURE__ */ c("div", { className: "mr-3 @xs:mr-0", children: /* @__PURE__ */ c(
             B,
             {
               onClick: a,
@@ -21770,7 +21782,7 @@ function LI({
               icon: _o
             }
           ) }),
-          A === "clocked-in" && /* @__PURE__ */ g(re, { children: [
+          _ === "clocked-in" && /* @__PURE__ */ g(re, { children: [
             p && /* @__PURE__ */ c(re, { children: L.length > 1 && h ? /* @__PURE__ */ c(
               Er,
               {
@@ -21780,7 +21792,7 @@ function LI({
                 options: L,
                 onChange: U,
                 open: y,
-                onOpenChange: _,
+                onOpenChange: A,
                 children: /* @__PURE__ */ c("div", { "aria-label": "Select break type", children: /* @__PURE__ */ c(
                   B,
                   {
@@ -21811,7 +21823,7 @@ function LI({
               }
             )
           ] }),
-          A === "break" && /* @__PURE__ */ g(re, { children: [
+          _ === "break" && /* @__PURE__ */ g(re, { children: [
             /* @__PURE__ */ c(
               B,
               {