@factorialco/f0-react 1.282.0 → 1.283.0

package/dist/experimental.js

@@ -4,7 +4,7 @@ import { jsxs as k, jsx as c, Fragment as xe } from "react/jsx-runtime";
 import { useCopilotChatInternal as wf, useCopilotContext as gS, useCopilotAction as Zm, CopilotKit as vS } from "@copilotkit/react-core";
 import { Markdown as yS, useChatContext as kS, CopilotSidebar as bS } from "@copilotkit/react-ui";
 import * as X from "react";
-import Z, { forwardRef as T, createContext as an, useRef as oe, useState as B, useCallback as Te, useContext as Gt, useMemo as ee, useEffect as ne, PureComponent as wS, useId as Or, useTransition as xS, useLayoutEffect as ul, memo as xf, Fragment as _r, isValidElement as A9, cloneElement as Q0, useDebugValue as O9, createRef as CS, createElement as _S, version as Jm, useImperativeHandle as Cf, Children as D9 } from "react";
+import Z, { forwardRef as T, createContext as an, useRef as re, useState as B, useCallback as Te, useContext as Gt, useMemo as ee, useEffect as ne, PureComponent as wS, useId as Or, useTransition as xS, useLayoutEffect as ul, memo as xf, Fragment as _r, isValidElement as A9, cloneElement as Q0, useDebugValue as O9, createRef as CS, createElement as _S, version as Jm, useImperativeHandle as Cf, Children as D9 } from "react";
 import _f from "react-dom";
 import { randomId as SS } from "@copilotkit/shared";
 import './experimental.css';const LS = (t, e) => k("svg", {
@@ -4517,7 +4517,7 @@ import './experimental.css';const LS = (t, e) => k("svg", {
   Windows: tC
 }, Symbol.toStringTag, { value: "Module" })), NA = an(null);
 function TA() {
-  const t = oe(!1);
+  const t = re(!1);
   return B6(() => (t.current = !0, () => {
     t.current = !1;
   }), []), t;
@@ -4544,7 +4544,7 @@ function Ym() {
   };
 }
 const v8 = (t) => t === !0, DA = (t) => v8(t === !0) || t === "id", Os = ({ children: t, id: e, inherit: n = !0 }) => {
-  const i = Gt($m), r = Gt(NA), [o, s] = AA(), a = oe(null), l = i.id || r;
+  const i = Gt($m), r = Gt(NA), [o, s] = AA(), a = re(null), l = i.id || r;
   a.current === null && (DA(n) && l && (e = e ? l + "-" + e : l), a.current = {
     id: e,
     group: v8(n) && i.group || Ym()
@@ -4645,7 +4645,7 @@ function $A(t, e, n, i) {
   return o === 1 && a.layout.max + n > d || o === -1 && a.layout.min + n < d ? aC(t, r, r + o) : t;
 }
 function HA({ children: t, as: e = "ul", axis: n = "y", onReorder: i, values: r, ...o }, s) {
-  const a = rl(() => Y[e]), l = [], d = oe(!1);
+  const a = rl(() => Y[e]), l = [], d = re(!1);
   H6(!!r, "Reorder.Group must be provided a values prop");
   const f = {
     axis: n,
@@ -5860,7 +5860,7 @@ const IO = {
   var w, x;
   const o = (i == null ? void 0 : i.content) || "", s = (i == null ? void 0 : i.role) === "assistant" && ((w = i.toolCalls) == null ? void 0 : w.find((b) => b.function.name === "orchestratorThinking")), a = (x = i == null ? void 0 : i.generativeUI) == null ? void 0 : x.call(i, s ? {
     status: e ? "executing" : "completed"
-  } : void 0), l = !o && !a, d = be(), { open: f } = D8(), [u, h] = B(null), [p, m] = B(!1), g = oe(), v = Te(() => {
+  } : void 0), l = !o && !a, d = be(), { open: f } = D8(), [u, h] = B(null), [p, m] = B(!1), g = re(), v = Te(() => {
     g.current && clearTimeout(g.current), !e && !t && !a && m(!0);
   }, [t, e, a]), y = Te(() => {
     g.current = setTimeout(() => {
@@ -5933,7 +5933,7 @@ const IO = {
     })]
   });
 }, BO = () => null, R8 = an(null), $O = 15, HO = ({ children: t, enabled: e, agent: n, initialMessage: i, welcomeScreenSuggestions: r = [], onThumbsDown: o, onThumbsUp: s, ...a }) => {
-  const [l, d] = B(e), [f, u] = B(!1), [h, p] = B(!0), [m, g] = B(n), [v, y] = B(r), [w, x] = B($O), [b, C] = B(i), _ = oe(null), A = (S) => {
+  const [l, d] = B(e), [f, u] = B(!1), [h, p] = B(!0), [m, g] = B(n), [v, y] = B(r), [w, x] = B($O), [b, C] = B(i), _ = re(null), A = (S) => {
     g(S);
   }, E = (S) => {
     _.current = S;
@@ -6017,7 +6017,7 @@ const VO = (t) => {
     })]
   });
 }, zO = ({ inProgress: t, onSend: e, onStop: n }) => {
-  const [i, r] = B(""), [o, s] = B(!1), a = oe(null), l = oe(null), d = be(), f = i.trim().length > 0;
+  const [i, r] = B(""), [o, s] = B(!1), a = re(null), l = re(null), d = be(), f = i.trim().length > 0;
   ne(() => {
     if (l.current && i.length > 0) {
       const { scrollHeight: p } = l.current;
@@ -6117,7 +6117,7 @@ const VO = (t) => {
   reset: e,
   isOpen: n
 }) => {
-  const i = oe(null);
+  const i = re(null);
   ne(() => (n ? i.current && (clearTimeout(i.current), i.current = null) : t !== null && (i.current = setTimeout(
     () => {
       e();
@@ -7140,7 +7140,7 @@ function AD(t, e, n = []) {
 }
 function OD({ breadcrumbs: t, append: e }) {
   var l;
-  const n = oe(null), i = oe(null), [, r] = xS(), [o, s] = B(null), a = ((o == null ? void 0 : o.collapsedItems) || []).length > 0;
+  const n = re(null), i = re(null), [, r] = xS(), [o, s] = B(null), a = ((o == null ? void 0 : o.collapsedItems) || []).length > 0;
   return ul(() => {
     const d = n.current, f = i.current;
     if (!d || !f || f.children.length < t.length) return;
@@ -7626,7 +7626,7 @@ const ID = sn({
     })
   });
 }, r7 = T(BD), o7 = an(null), $D = 15, HD = ({ children: t, enabled: e, onShow: n, ...i }) => {
-  const [r, o] = B(e), [s, a] = B(!1), [l, d] = B(!0), [f, u] = B($D), h = oe(null), p = (g) => {
+  const [r, o] = B(e), [s, a] = B(!1), [l, d] = B(!0), [f, u] = B($D), h = re(null), p = (g) => {
     h.current = g;
   }, m = () => {
     h.current && h.current();
@@ -8096,7 +8096,7 @@ const s7 = ({ className: t, disabled: e }) => {
   });
 };
 function g3({ icon: t, href: e, label: n, disabled: i }) {
-  const r = oe(null);
+  const r = re(null);
   return c(ie, {
     href: e,
     title: n,
@@ -8238,7 +8238,7 @@ function Hre({ module: t, statusTag: e = void 0, breadcrumbs: n = [], actions: i
   });
 }
 function JD({ action: t }) {
-  const e = oe(null), [n, i] = B(!1);
+  const e = re(null), [n, i] = B(!1);
   return "actions" in t ? c(Ot, {
     items: t.actions,
     open: n,
@@ -8651,7 +8651,7 @@ const iR = ({ greeting: t, initialMessages: e = [], suggestions: n = [] }) => {
     ...t
   })
 }), oR = ({ inProgress: t, children: e, RenderMessage: n, AssistantMessage: i, UserMessage: r, ImageRenderer: o, onRegenerate: s, onCopy: a, markdownTagRenderers: l }) => {
-  const d = oe(null), { messages: f, interrupt: u } = wf(), { threadId: h } = gS(), { close: p, currentReaction: m, currentMessage: g, isOpen: v } = D8(), y = be(), { greeting: w, initialMessage: x, welcomeScreenSuggestions: b, onThumbsUp: C, onThumbsDown: _ } = Rr(), A = ee(() => sR(x || y.ai.defaultInitialMessage), [x, y.ai.defaultInitialMessage]), E = f.length == 0 && (w || A.length > 0), { messagesContainerRef: L, messagesEndRef: S, showScrollToBottom: I, scrollToBottom: N } = aR(), { height: O = 0 } = Ic({
+  const d = re(null), { messages: f, interrupt: u } = wf(), { threadId: h } = gS(), { close: p, currentReaction: m, currentMessage: g, isOpen: v } = D8(), y = be(), { greeting: w, initialMessage: x, welcomeScreenSuggestions: b, onThumbsUp: C, onThumbsDown: _ } = Rr(), A = ee(() => sR(x || y.ai.defaultInitialMessage), [x, y.ai.defaultInitialMessage]), E = f.length == 0 && (w || A.length > 0), { messagesContainerRef: L, messagesEndRef: S, showScrollToBottom: I, scrollToBottom: N } = aR(), { height: O = 0 } = Ic({
     ref: L,
     box: "border-box"
   }), R = ee(() => lR(f), [f]);
@@ -8761,7 +8761,7 @@ function sR(t) {
   }));
 }
 function aR() {
-  const t = oe(null), e = oe(null), n = oe(!1), i = oe(!1), [r, o] = B(!1), s = (f = "smooth") => {
+  const t = re(null), e = re(null), n = re(!1), i = re(!1), [r, o] = B(!1), s = (f = "smooth") => {
     e.current && t.current && (o(!1), n.current = !0, t.current.scrollIntoView({
       behavior: f
     }));
@@ -8879,7 +8879,7 @@ const dR = (t) => {
     label: n.message
   }, i))
 }), hR = ({ message: t, ImageRenderer: e }) => {
-  const n = t && "image" in t && t.image, i = oe(null);
+  const n = t && "image" in t && t.image, i = re(null);
   if (ne(() => {
     i.current && i.current.scrollIntoView({
       behavior: "smooth"
@@ -9038,7 +9038,7 @@ const dR = (t) => {
   reset: e,
   isOpen: n
 }) => {
-  const i = oe(null);
+  const i = re(null);
   ne(() => (n ? i.current && (clearTimeout(i.current), i.current = null) : t !== null && (i.current = setTimeout(
     () => {
     },
@@ -13502,7 +13502,7 @@ const T3 = ({ label: t, onCreate: e, goToFirst: n, goToLast: i }) => c("div", {
       o(A);
     }
   }, [l, t.entities, t.applySearchToGroup, f, o]);
-  const x = oe(null), [b, C] = B(0);
+  const x = re(null), [b, C] = B(0);
   return ul(() => {
     const A = () => {
       x.current && C(x.current.offsetWidth);
@@ -14373,19 +14373,19 @@ function KP(t = {}) {
       validatingFields: n.validatingFields,
       isValidating: !dn(n.validatingFields)
     }));
-  }, w = (D, P = [], H, te, re = !0, K = !0) => {
+  }, w = (D, P = [], H, te, oe = !0, K = !0) => {
     if (te && H && !e.disabled) {
       if (s.action = !0, K && Array.isArray(le(i, D))) {
         const he = H(le(i, D), te.argA, te.argB);
-        re && Ue(i, D, he);
+        oe && Ue(i, D, he);
       }
       if (K && Array.isArray(le(n.errors, D))) {
         const he = H(le(n.errors, D), te.argA, te.argB);
-        re && Ue(n.errors, D, he), UP(n.errors, D);
+        oe && Ue(n.errors, D, he), UP(n.errors, D);
       }
       if (f.touchedFields && K && Array.isArray(le(n.touchedFields, D))) {
         const he = H(le(n.touchedFields, D), te.argA, te.argB);
-        re && Ue(n.touchedFields, D, he);
+        oe && Ue(n.touchedFields, D, he);
       }
       f.dirtyFields && (n.dirtyFields = Us(r, o)), u.state.next({
         name: D,
@@ -14406,12 +14406,12 @@ function KP(t = {}) {
       isValid: !1
     });
   }, C = (D, P, H, te) => {
-    const re = le(i, D);
-    if (re) {
+    const oe = le(i, D);
+    if (oe) {
       const K = le(o, D, vt(H) ? le(r, D) : H);
-      vt(K) || te && te.defaultChecked || P ? Ue(o, D, P ? K : I1(re._f)) : F(D, K), s.mount && v();
+      vt(K) || te && te.defaultChecked || P ? Ue(o, D, P ? K : I1(oe._f)) : F(D, K), s.mount && v();
     }
-  }, _ = (D, P, H, te, re) => {
+  }, _ = (D, P, H, te, oe) => {
     let K = !1, he = !1;
     const Me = {
       name: D
@@ -14427,12 +14427,12 @@ function KP(t = {}) {
         const Ye = le(n.touchedFields, D);
         Ye || (Ue(n.touchedFields, D, H), Me.touchedFields = n.touchedFields, K = K || f.touchedFields && Ye !== H);
       }
-      K && re && u.state.next(Me);
+      K && oe && u.state.next(Me);
     }
     return K ? Me : {};
   }, A = (D, P, H, te) => {
-    const re = le(n.errors, D), K = f.isValid && Rn(P) && n.isValid !== P;
-    if (e.delayError && H ? (l = g(() => x(D, H)), l(e.delayError)) : (clearTimeout(d), l = null, H ? Ue(n.errors, D, H) : St(n.errors, D)), (H ? !lr(re, H) : re) || !dn(te) || K) {
+    const oe = le(n.errors, D), K = f.isValid && Rn(P) && n.isValid !== P;
+    if (e.delayError && H ? (l = g(() => x(D, H)), l(e.delayError)) : (clearTimeout(d), l = null, H ? Ue(n.errors, D, H) : St(n.errors, D)), (H ? !lr(oe, H) : oe) || !dn(te) || K) {
       const he = {
         ...te,
         ...K && Rn(P) ? { isValid: P } : {},
@@ -14462,13 +14462,13 @@ function KP(t = {}) {
     valid: !0
   }) => {
     for (const te in D) {
-      const re = D[te];
-      if (re) {
-        const { _f: K, ...he } = re;
+      const oe = D[te];
+      if (oe) {
+        const { _f: K, ...he } = oe;
         if (K) {
-          const Me = a.array.has(K.name), Je = re._f && jP(re._f);
+          const Me = a.array.has(K.name), Je = oe._f && jP(oe._f);
           Je && f.validatingFields && y([te], !0);
-          const Ye = await q3(re, a.disabled, o, m, e.shouldUseNativeValidation && !P, Me);
+          const Ye = await q3(oe, a.disabled, o, m, e.shouldUseNativeValidation && !P, Me);
           if (Je && f.validatingFields && y([te]), Ye[K.name] && (H.valid = !1, P))
             break;
           !P && (le(Ye, K.name) ? Me ? BP(n.errors, Ye, K.name) : Ue(n.errors, K.name, Ye[K.name]) : St(n.errors, K.name));
@@ -14487,23 +14487,23 @@ function KP(t = {}) {
     ...s.mount ? o : vt(P) ? r : ui(D) ? { [D]: P } : P
   }, H, P), R = (D) => Af(le(s.mount ? o : r, D, e.shouldUnregister ? le(r, D, []) : [])), F = (D, P, H = {}) => {
     const te = le(i, D);
-    let re = P;
+    let oe = P;
     if (te) {
       const K = te._f;
-      K && (!K.disabled && Ue(o, D, pv(P, K)), re = Xc(K.ref) && Xt(P) ? "" : P, fv(K.ref) ? [...K.ref.options].forEach((he) => he.selected = re.includes(he.value)) : K.refs ? vl(K.ref) ? K.refs.length > 1 ? K.refs.forEach((he) => (!he.defaultChecked || !he.disabled) && (he.checked = Array.isArray(re) ? !!re.find((Me) => Me === he.value) : re === he.value)) : K.refs[0] && (K.refs[0].checked = !!re) : K.refs.forEach((he) => he.checked = he.value === re) : e2(K.ref) ? K.ref.value = "" : (K.ref.value = re, K.ref.type || u.values.next({
+      K && (!K.disabled && Ue(o, D, pv(P, K)), oe = Xc(K.ref) && Xt(P) ? "" : P, fv(K.ref) ? [...K.ref.options].forEach((he) => he.selected = oe.includes(he.value)) : K.refs ? vl(K.ref) ? K.refs.length > 1 ? K.refs.forEach((he) => (!he.defaultChecked || !he.disabled) && (he.checked = Array.isArray(oe) ? !!oe.find((Me) => Me === he.value) : oe === he.value)) : K.refs[0] && (K.refs[0].checked = !!oe) : K.refs.forEach((he) => he.checked = he.value === oe) : e2(K.ref) ? K.ref.value = "" : (K.ref.value = oe, K.ref.type || u.values.next({
         name: D,
         values: { ...o }
       })));
     }
-    (H.shouldDirty || H.shouldTouch) && _(D, re, H.shouldTouch, H.shouldDirty, !0), H.shouldValidate && ce(D);
+    (H.shouldDirty || H.shouldTouch) && _(D, oe, H.shouldTouch, H.shouldDirty, !0), H.shouldValidate && ce(D);
   }, $ = (D, P, H) => {
     for (const te in P) {
-      const re = P[te], K = `${D}.${te}`, he = le(i, K);
-      (a.array.has(D) || kt(re) || he && !he._f) && !Jr(re) ? $(K, re, H) : F(K, re, H);
+      const oe = P[te], K = `${D}.${te}`, he = le(i, K);
+      (a.array.has(D) || kt(oe) || he && !he._f) && !Jr(oe) ? $(K, oe, H) : F(K, oe, H);
     }
   }, W = (D, P, H = {}) => {
-    const te = le(i, D), re = a.array.has(D), K = cn(P);
-    Ue(o, D, K), re ? (u.array.next({
+    const te = le(i, D), oe = a.array.has(D), K = cn(P);
+    Ue(o, D, K), oe ? (u.array.next({
       name: D,
       values: { ...o }
     }), (f.isDirty || f.dirtyFields) && H.shouldDirty && u.state.next({
@@ -14518,13 +14518,13 @@ function KP(t = {}) {
     s.mount = !0;
     const P = D.target;
     let H = P.name, te = !0;
-    const re = le(i, H), K = () => P.type ? I1(re._f) : ev(D), he = (Me) => {
+    const oe = le(i, H), K = () => P.type ? I1(oe._f) : ev(D), he = (Me) => {
       te = Number.isNaN(Me) || Jr(Me) && isNaN(Me.getTime()) || lr(Me, le(o, H, Me));
     };
-    if (re) {
+    if (oe) {
       let Me, Je;
-      const Ye = K(), Lt = D.type === Yc.BLUR || D.type === Yc.FOCUS_OUT, Ws = !WP(re._f) && !e.resolver && !le(n.errors, H) && !re._f.deps || qP(Lt, le(n.touchedFields, H), n.isSubmitted, p, h), Xi = H3(H, a, Lt);
-      Ue(o, H, Ye), Lt ? (re._f.onBlur && re._f.onBlur(D), l && l(0)) : re._f.onChange && re._f.onChange(D);
+      const Ye = K(), Lt = D.type === Yc.BLUR || D.type === Yc.FOCUS_OUT, Ws = !WP(oe._f) && !e.resolver && !le(n.errors, H) && !oe._f.deps || qP(Lt, le(n.touchedFields, H), n.isSubmitted, p, h), Xi = H3(H, a, Lt);
+      Ue(o, H, Ye), Lt ? (oe._f.onBlur && oe._f.onBlur(D), l && l(0)) : oe._f.onChange && oe._f.onChange(D);
       const Qi = _(H, Ye, Lt, !1), $r = !dn(Qi) || Xi;
       if (!Lt && u.values.next({
         name: H,
@@ -14539,19 +14539,19 @@ function KP(t = {}) {
           Me = me.error, H = me.name, Je = dn(To);
         }
       } else
-        y([H], !0), Me = (await q3(re, a.disabled, o, m, e.shouldUseNativeValidation))[H], y([H]), he(Ye), te && (Me ? Je = !1 : f.isValid && (Je = await S(i, !0)));
-      te && (re._f.deps && ce(re._f.deps), A(H, Je, Me, Qi));
+        y([H], !0), Me = (await q3(oe, a.disabled, o, m, e.shouldUseNativeValidation))[H], y([H]), he(Ye), te && (Me ? Je = !1 : f.isValid && (Je = await S(i, !0)));
+      te && (oe._f.deps && ce(oe._f.deps), A(H, Je, Me, Qi));
     }
   }, se = (D, P) => {
     if (le(n.errors, P) && D.focus)
       return D.focus(), 1;
   }, ce = async (D, P = {}) => {
     let H, te;
-    const re = ra(D);
+    const oe = ra(D);
     if (e.resolver) {
-      const K = await L(vt(D) ? D : re);
-      H = dn(K), te = D ? !re.some((he) => le(K, he)) : H;
-    } else D ? (te = (await Promise.all(re.map(async (K) => {
+      const K = await L(vt(D) ? D : oe);
+      H = dn(K), te = D ? !oe.some((he) => le(K, he)) : H;
+    } else D ? (te = (await Promise.all(oe.map(async (K) => {
       const he = le(i, K);
       return await S(he && he._f ? { [K]: he } : he);
     }))).every(Boolean), !(!te && !n.isValid) && v()) : te = H = await S(i);
@@ -14559,7 +14559,7 @@ function KP(t = {}) {
       ...!ui(D) || f.isValid && H !== n.isValid ? {} : { name: D },
       ...e.resolver || !D ? { isValid: H } : {},
       errors: n.errors
-    }), P.shouldFocus && !te && oa(i, se, D ? re : a.mount), te;
+    }), P.shouldFocus && !te && oa(i, se, D ? oe : a.mount), te;
   }, we = (D) => {
     const P = {
       ...s.mount ? o : r
@@ -14576,7 +14576,7 @@ function KP(t = {}) {
       errors: D ? n.errors : {}
     });
   }, Ce = (D, P, H) => {
-    const te = (le(i, D, { _f: {} })._f || {}).ref, re = le(n.errors, D) || {}, { ref: K, message: he, type: Me, ...Je } = re;
+    const te = (le(i, D, { _f: {} })._f || {}).ref, oe = le(n.errors, D) || {}, { ref: K, message: he, type: Me, ...Je } = oe;
     Ue(n.errors, D, {
       ...Je,
       ...P,
@@ -14627,10 +14627,10 @@ function KP(t = {}) {
       name: D,
       onChange: J,
       onBlur: J,
-      ref: (re) => {
-        if (re) {
+      ref: (oe) => {
+        if (oe) {
           V(D, P), H = le(i, D);
-          const K = vt(re.value) && re.querySelectorAll && re.querySelectorAll("input,select,textarea")[0] || re, he = VP(K), Me = H._f.refs || [];
+          const K = vt(oe.value) && oe.querySelectorAll && oe.querySelectorAll("input,select,textarea")[0] || oe, he = VP(K), Me = H._f.refs || [];
           if (he ? Me.find((Je) => Je === K) : K === H._f.ref)
             return;
           Ue(i, D, {
@@ -14653,22 +14653,22 @@ function KP(t = {}) {
   }, de = () => e.shouldFocusError && oa(i, se, a.mount), ge = (D) => {
     Rn(D) && (u.state.next({ disabled: D }), oa(i, (P, H) => {
       const te = le(i, H);
-      te && (P.disabled = te._f.disabled || D, Array.isArray(te._f.refs) && te._f.refs.forEach((re) => {
-        re.disabled = te._f.disabled || D;
+      te && (P.disabled = te._f.disabled || D, Array.isArray(te._f.refs) && te._f.refs.forEach((oe) => {
+        oe.disabled = te._f.disabled || D;
       }));
     }, 0, !1));
   }, fe = (D, P) => async (H) => {
     let te;
     H && (H.preventDefault && H.preventDefault(), H.persist && H.persist());
-    let re = cn(o);
+    let oe = cn(o);
     if (a.disabled.size)
       for (const K of a.disabled)
-        Ue(re, K, void 0);
+        Ue(oe, K, void 0);
     if (u.state.next({
       isSubmitting: !0
     }), e.resolver) {
       const { errors: K, values: he } = await E();
-      n.errors = K, re = he;
+      n.errors = K, oe = he;
     } else
       await S(i);
     if (St(n.errors, "root"), dn(n.errors)) {
@@ -14676,7 +14676,7 @@ function KP(t = {}) {
         errors: {}
       });
       try {
-        await D(re, H);
+        await D(oe, H);
       } catch (K) {
         te = K;
       }
@@ -14693,7 +14693,7 @@ function KP(t = {}) {
   }, je = (D, P = {}) => {
     le(i, D) && (vt(P.defaultValue) ? W(D, cn(le(r, D))) : (W(D, P.defaultValue), Ue(r, D, cn(P.defaultValue))), P.keepTouched || St(n.touchedFields, D), P.keepDirty || (St(n.dirtyFields, D), n.isDirty = P.defaultValue ? N(D, cn(le(r, D))) : N()), P.keepError || (St(n.errors, D), f.isValid && v()), u.state.next({ ...n }));
   }, Ze = (D, P = {}) => {
-    const H = D ? cn(D) : r, te = cn(H), re = dn(D), K = re ? r : te;
+    const H = D ? cn(D) : r, te = cn(H), oe = dn(D), K = oe ? r : te;
     if (P.keepDefaultValues || (r = H), !P.keepValues) {
       if (P.keepDirtyValues) {
         const he = /* @__PURE__ */ new Set([
@@ -14735,9 +14735,9 @@ function KP(t = {}) {
       focus: ""
     }, s.mount = !f.isValid || !!P.keepIsValid || !!P.keepDirtyValues, s.watch = !!e.shouldUnregister, u.state.next({
       submitCount: P.keepSubmitCount ? n.submitCount : 0,
-      isDirty: re ? !1 : P.keepDirty ? n.isDirty : !!(P.keepDefaultValues && !lr(D, r)),
+      isDirty: oe ? !1 : P.keepDirty ? n.isDirty : !!(P.keepDefaultValues && !lr(D, r)),
       isSubmitted: P.keepIsSubmitted ? n.isSubmitted : !1,
-      dirtyFields: re ? {} : P.keepDirtyValues ? P.keepDefaultValues && o ? Us(r, o) : n.dirtyFields : P.keepDefaultValues && D ? Us(r, D) : P.keepDirty ? n.dirtyFields : {},
+      dirtyFields: oe ? {} : P.keepDirtyValues ? P.keepDefaultValues && o ? Us(r, o) : n.dirtyFields : P.keepDefaultValues && D ? Us(r, D) : P.keepDirty ? n.dirtyFields : {},
       touchedFields: P.keepTouched ? n.touchedFields : {},
       errors: P.keepErrors ? n.errors : {},
       isSubmitSuccessful: P.keepIsSubmitSuccessful ? n.isSubmitSuccessful : !1,
@@ -14826,8 +14826,8 @@ function KP(t = {}) {
     setFocus: (D, P = {}) => {
       const H = le(i, D), te = H && H._f;
       if (te) {
-        const re = te.refs ? te.refs[0] : te.ref;
-        re.focus && (re.focus(), P.shouldSelect && fi(re.select) && re.select());
+        const oe = te.refs ? te.refs[0] : te.ref;
+        oe.focus && (oe.focus(), P.shouldSelect && fi(oe.select) && oe.select());
       }
     },
     getFieldState: ue
@@ -18198,7 +18198,7 @@ button {
 
 `;
 function r$(t) {
-  const e = oe(null), n = oe(null);
+  const e = re(null), n = re(null);
   return n.current && n.current.update(t), ne(() => (n.current = new r2({
     ...t,
     ref: e
@@ -18312,7 +18312,7 @@ function f$({ firstName: t, lastName: e, src: n, canReact: i, lastEmojiReaction:
   });
 }
 function u$(t) {
-  const e = oe(null), n = oe(), i = Te(() => {
+  const e = re(null), n = re(), i = Te(() => {
     const o = e.current;
     if (!o) return;
     const s = v_.create(o, {
@@ -18344,7 +18344,7 @@ function u$(t) {
   return { canvasRef: e, handleMouseEnter: i, handleMouseLeave: r };
 }
 const h$ = ({ link: t, firstName: e, lastName: n, src: i, onClick: r, canReact: o = !0, lastEmojiReaction: s, onReactionSelect: a, type: l, typeLabel: d, date: f }) => {
-  const [u, h] = B(s), p = oe(null);
+  const [u, h] = B(s), p = re(null);
   ne(() => {
     h(s);
   }, [s]);
@@ -18450,7 +18450,7 @@ const h$ = ({ link: t, firstName: e, lastName: n, src: i, onClick: r, canReact:
   })]
 });
 function m$({ emoji: t, initialCount: e, hasReacted: n = !1, users: i, onInteraction: r }) {
-  const [o, s] = B(n), [a, l] = B(e), d = oe(null), { fireEmojiConfetti: f } = y_(), u = (m, g) => {
+  const [o, s] = B(n), [a, l] = B(e), d = re(null), { fireEmojiConfetti: f } = y_(), u = (m, g) => {
     m.stopPropagation(), l(a + (o ? -1 : 1)), s(!o), r == null || r(g), o || f(g, d);
   }, h = (i == null ? void 0 : i.map((m) => m.name).join(", ")) || "", p = c(_o, {
     ref: d,
@@ -18847,7 +18847,7 @@ const v4 = (t) => {
     })]
   })]
 }), ioe = ft(C$, _$), S$ = ({ description: t }) => {
-  const [e, n] = B(!1), [i, r] = B(!1), o = be(), s = oe(null), a = oe(null), l = Ic({
+  const [e, n] = B(!1), [i, r] = B(!1), o = be(), s = re(null), a = re(null), l = Ic({
     ref: s
   }), d = Ic({
     ref: a
@@ -19704,7 +19704,7 @@ function H$(t, e, n) {
   return !e && t ? n === "hidden" : e && !t ? n !== "hidden" : !1;
 }
 function V$(t, e) {
-  const { sidebarState: n, toggleSidebar: i } = Rs(), r = oe(t);
+  const { sidebarState: n, toggleSidebar: i } = Rs(), r = re(t);
   ne(() => {
     e && H$(t, r.current, n) && i({
       isInvokedByUser: !1
@@ -20398,7 +20398,7 @@ function Y$({ title: t, items: e, className: n, activeItem: i, collapsible: r =
   ne(() => {
     w(e);
   }, [e]);
-  const x = oe(null), b = Te((L) => L.map((S) => ({
+  const x = re(null), b = Te((L) => L.map((S) => ({
     id: S.id,
     ...S.children && {
       children: b(S.children)
@@ -20689,7 +20689,7 @@ function nH({ isExpanded: t }) {
   });
 }
 function iH() {
-  const { prevSidebarState: t, sidebarState: e, toggleSidebar: n, isSmallScreen: i } = Rs(), r = oe(null);
+  const { prevSidebarState: t, sidebarState: e, toggleSidebar: n, isSmallScreen: i } = Rs(), r = re(null);
   return ne(() => {
     var o;
     t === "hidden" && e === "locked" && ((o = r.current) == null || o.focus());
@@ -20789,7 +20789,7 @@ const sH = ({ item: t, active: e }) => k("div", {
 }, lH = ({ item: t, tooltip: e, dragConstraints: n, onRemove: i, index: r, total: o, onMove: s, onReorderFinish: a, isSortable: l = !0 }) => {
   const d = be(), { isDragging: f, setIsDragging: u, draggedItemId: h, setDraggedItemId: p } = a2(), { isActive: m } = hf(), g = m(t.href, {
     exact: t.exactMatch
-  }), v = oe(!1), [y, w] = B(!1), x = r === 0, b = r === o - 1, C = o === 1, _ = ee(() => {
+  }), v = re(!1), [y, w] = B(!1), x = r === 0, b = r === o - 1, C = o === 1, _ = ee(() => {
     const N = [];
     return !C && !x && N.push({
       label: d.actions.moveUp,
@@ -20930,7 +20930,7 @@ const sH = ({ item: t, active: e }) => k("div", {
     })
   });
 }, z1 = ({ category: t, isSortable: e = !1, dragConstraints: n, onCollapse: i, onDragEnd: r, currentOrder: o }) => {
-  const { isDragging: s, setIsDragging: a } = a2(), l = oe(!1), d = Cp(), f = () => {
+  const { isDragging: s, setIsDragging: a } = a2(), l = re(!1), d = Cp(), f = () => {
     a(!0), l.current = !0;
   }, u = () => {
     a(!1), setTimeout(() => {
@@ -21004,7 +21004,7 @@ const sH = ({ item: t, active: e }) => k("div", {
   }) : p;
 };
 function hoe({ tree: t, onCollapse: e, onSort: n, onFavoritesChange: i, favorites: r }) {
-  const o = oe(null), s = t.filter((m) => m.isSortable === !1), [a, l] = B(t.filter((m) => m.isSortable !== !1)), [d, f] = B(0), u = Te((m) => {
+  const o = re(null), s = t.filter((m) => m.isSortable === !1), [a, l] = B(t.filter((m) => m.isSortable !== !1)), [d, f] = B(0), u = Te((m) => {
     l(m);
   }, []), h = Te((m) => {
     n == null || n(m);
@@ -21028,7 +21028,7 @@ function hoe({ tree: t, onCollapse: e, onSort: n, onFavoritesChange: i, favorite
   });
 }
 function cH({ nonSortableItems: t, sortableItems: e, setSortableItems: n, containerRef: i, onCollapse: r, onDragEnd: o, favorites: s = [], onFavoritesChange: a, forceUpdate: l, disableDragging: d = !1 }) {
-  const f = be(), { isDragging: u } = a2(), h = t.some((R) => R.isRoot), p = t.filter((R) => !R.isRoot).length > 0, m = e.length > 0, g = oe(null), [v, y] = B(s), w = s.length > 0;
+  const f = be(), { isDragging: u } = a2(), h = t.some((R) => R.isRoot), p = t.filter((R) => !R.isRoot).length > 0, m = e.length > 0, g = re(null), [v, y] = B(s), w = s.length > 0;
   ne(() => {
     JSON.stringify(s) !== JSON.stringify(v) && y(s);
   }, [s]);
@@ -21041,7 +21041,7 @@ function cH({ nonSortableItems: t, sortableItems: e, setSortableItems: n, contai
     if (F < 0 || F >= v.length) return;
     const $ = [...v], [W] = $.splice(R, 1);
     $.splice(F, 0, W), y($), a == null || a($);
-  }, [v, a]), [_, A] = B(!1), E = oe(null);
+  }, [v, a]), [_, A] = B(!1), E = re(null);
   ne(() => {
     e.length > 0 && !_ && (n([...e]), A(!0));
   }, [e, n, _]), ne(() => {
@@ -21236,7 +21236,7 @@ function moe({ header: t, body: e, footer: n, onFooterDropdownClick: i }) {
   });
 }
 const fH = sn({
-  base: "flex w-full flex-col items-start justify-between gap-4 rounded-md p-2 pr-3 text-f1-foreground sm:flex-row sm:items-center",
+  base: "w-full rounded-md p-2 pr-3 text-f1-foreground",
   variants: {
     variant: {
       info: "bg-f1-background-info",
@@ -21263,50 +21263,57 @@ const fH = sn({
   defaultVariants: {
     variant: "info"
   }
-}), goe = ({ title: t, description: e, action: n, link: i, icon: r, variant: o = "neutral" }) => c("div", {
-  className: fH({
-    variant: o
-  }),
-  children: k("div", {
-    className: "flex flex-grow items-center justify-between gap-16",
-    children: [k("div", {
-      className: "flex flex-row gap-2",
-      children: [c("div", {
-        className: "h-6 w-6 flex-shrink-0",
-        children: o === "neutral" ? c(Bc, {
-          icon: r || gp,
-          size: "sm"
-        }) : c(As, {
-          type: o,
-          size: "sm"
-        })
-      }), k("div", {
-        className: "flex flex-col gap-0.5",
-        children: [c("p", {
-          className: uH({
-            variant: o
-          }),
-          children: t
-        }), c("p", {
-          className: "text-base text-f1-foreground-secondary",
-          children: e
+}), goe = ({ title: t, description: e, action: n, link: i, icon: r, variant: o = "neutral" }) => {
+  const s = re(null);
+  return c("div", {
+    ref: s,
+    className: "@container",
+    children: c("div", {
+      className: fH({
+        variant: o
+      }),
+      children: k("div", {
+        className: M("flex flex-col items-start gap-3 @sm:flex-row @sm:items-center @sm:justify-between"),
+        children: [k("div", {
+          className: "flex flex-row gap-2",
+          children: [c("div", {
+            className: "h-6 w-6 flex-shrink-0",
+            children: o === "neutral" ? c(Bc, {
+              icon: r || gp,
+              size: "sm"
+            }) : c(As, {
+              type: o,
+              size: "sm"
+            })
+          }), k("div", {
+            className: "flex flex-col gap-0.5",
+            children: [c("p", {
+              className: uH({
+                variant: o
+              }),
+              children: t
+            }), c("p", {
+              className: "text-base text-f1-foreground-secondary",
+              children: e
+            })]
+          })]
+        }), (n || i) && k("div", {
+          className: M("flex flex-shrink-0 flex-row items-center gap-3 pl-8 @sm:pl-0"),
+          children: [i && c(Ii, {
+            href: i.href,
+            target: "_blank",
+            variant: "link",
+            children: i.label
+          }), n && c(ie, {
+            label: n.label,
+            variant: "outline",
+            onClick: n.onClick
+          })]
         })]
-      })]
-    }), (n || i) && k("div", {
-      className: "flex flex-row items-center gap-3",
-      children: [i && c(Ii, {
-        href: i.href,
-        target: "_blank",
-        variant: "link",
-        children: i.label
-      }), n && c(ie, {
-        label: n.label,
-        variant: "outline",
-        onClick: n.onClick
-      })]
-    })]
-  })
-}), hH = {
+      })
+    })
+  });
+}, hH = {
   waiting: "neutral",
   pending: "neutral",
   approved: "positive",
@@ -21645,7 +21652,7 @@ const kH = (t) => Array.isArray(t) ? t.every((e) => yH(e)) ? t : [{
   icon: ff,
   className: "text"
 }), EH = ({ value: t, onChange: e, loading: n = !1 }) => {
-  const [i, r] = B(!1), o = Or(), s = oe(null), a = oe(null), l = be(), d = () => {
+  const [i, r] = B(!1), o = Or(), s = re(null), a = re(null), l = be(), d = () => {
     e(void 0), r(!1), a != null && a.current && (a.current.value = "");
   };
   L_(s, () => {
@@ -22375,7 +22382,7 @@ function ZH(t) {
 }
 const JH = 'button, a[href], input, select, textarea, [role="button"], [role="checkbox"], [role="menuitem"], [role="option"], [role="radio"], [role="switch"]', YH = (t) => t instanceof HTMLElement ? !!t.closest(JH) : !1;
 function XH({ drag: t, id: e, index: n, total: i, laneId: r, draggable: o = !1, showIndicator: s = !0, disabledEdges: a = [], forcedEdge: l = null, ...d }) {
-  const f = oe(null), u = oe(null), [h, p] = B(null);
+  const f = re(null), u = re(null), [h, p] = B(null);
   T_({
     ref: f,
     payload: {
@@ -22457,7 +22464,7 @@ function XH({ drag: t, id: e, index: n, total: i, laneId: r, draggable: o = !1,
   });
 }
 const c2 = (t, e, n, i) => {
-  const r = oe(null);
+  const r = re(null);
   return ne(() => {
     if (!Hc(t) || !t.hasMore)
       return;
@@ -22663,7 +22670,7 @@ function oV(t) {
   };
 }
 function sV({ id: t, getLaneResourceIndexById: e, onMove: n, ...i }) {
-  const r = oe(null), o = oe(null), s = oe(null), [a, l] = B(!1), [d, f] = B(null), u = !!(t && e), h = oe(null), p = oe(null), m = oe(null), g = oe(0), v = oe(null), [y, w] = B(!1), [x, b] = B(null), [C, _] = B(null), [A, E] = B(!1), [L, S] = B(-1);
+  const r = re(null), o = re(null), s = re(null), [a, l] = B(!1), [d, f] = B(null), u = !!(t && e), h = re(null), p = re(null), m = re(null), g = re(0), v = re(null), [y, w] = B(!1), [x, b] = B(null), [C, _] = B(null), [A, E] = B(!1), [L, S] = B(-1);
   return D_(u ? {
     ref: r,
     id: t,
@@ -22899,7 +22906,7 @@ function sV({ id: t, getLaneResourceIndexById: e, onMove: n, ...i }) {
   });
 }
 function A4(t) {
-  const { lanes: e, renderCard: n, getKey: i, className: r, dnd: o, loading: s, onCreate: a } = t, [l, d] = B(() => e), f = oe(""), u = oe(null);
+  const { lanes: e, renderCard: n, getKey: i, className: r, dnd: o, loading: s, onCreate: a } = t, [l, d] = B(() => e), f = re(""), u = re(null);
   ne(() => {
     const _ = e.map((A) => `${A.id}:[${A.items.map((E, L) => i(E, L, A.id)).join(",")}]`).join("|");
     if (u.current !== null)
@@ -22909,7 +22916,7 @@ function A4(t) {
         return;
     else _ !== f.current && (f.current = _, d(e));
   }, [e, i, l]);
-  const [h, p] = B(!1), m = oe(null), g = oe(null), v = oe(null), y = oe(null), w = oe(0), x = oe(null);
+  const [h, p] = B(!1), m = re(null), g = re(null), v = re(null), y = re(null), w = re(0), x = re(null);
   _9(({ phase: _ }) => {
     _ === "start" && p(!0), (_ === "drop" || _ === "cancel") && p(!1);
   }), ne(() => {
@@ -23952,7 +23959,7 @@ const CV = {
   });
 };
 function ci({ children: t, href: e, onClick: n, width: i = "auto", firstCell: r = !1, sticky: o, colSpan: s, className: a, hasChildren: l = !1, tableWithChildren: d = !1, depth: f = 0, expandedLevels: u = 0, onExpand: h, loading: p = !1, type: m = "basic" }) {
-  const { isScrolled: g, isScrolledRight: v } = Ay(), { actions: y } = be(), w = (o == null ? void 0 : o.left) !== void 0, x = (o == null ? void 0 : o.right) !== void 0, b = w || x, C = o == null ? void 0 : o.left, _ = o == null ? void 0 : o.right, A = Dy(i), E = oe(null), L = Py(r, d) && {
+  const { isScrolled: g, isScrolledRight: v } = Ay(), { actions: y } = be(), w = (o == null ? void 0 : o.left) !== void 0, x = (o == null ? void 0 : o.right) !== void 0, b = w || x, C = o == null ? void 0 : o.left, _ = o == null ? void 0 : o.right, A = Dy(i), E = re(null), L = Py(r, d) && {
     marginLeft: `${(f + 1) * 24}px`
   };
   return k(Ty, {
@@ -24168,7 +24175,7 @@ const hr = T(({ children: t, selected: e, className: n, sticky: i }, r) => c(Ey,
 }));
 hr.displayName = "TableRow";
 function DV({ children: t, loading: e = !1 }) {
-  const [n, i] = B(!1), [r, o] = B(!1), s = oe(null);
+  const [n, i] = B(!1), [r, o] = B(!1), s = re(null);
   return ne(() => {
     const a = s.current;
     if (!a) return;
@@ -24285,7 +24292,7 @@ const $y = (t, e, n) => {
   }, [i, t, e, n]);
   return { children: i, loadChildren: d, isLoading: o, childrenType: a };
 }, Hy = 3, BV = ({ rowRef: t, rowIndex: e, source: n, item: i, columns: r, frozenColumnsLeft: o, depth: s, groupIndex: a, onCheckedChange: l, selectedItems: d, checkColumnWidth: f, tableWithChildren: u }) => {
-  const h = oe(null), p = t == null ? void 0 : t.current;
+  const h = re(null), p = t == null ? void 0 : t.current;
   return ul(() => {
     if (h.current && p) {
       const m = t.current.getBoundingClientRect().height;
@@ -24319,7 +24326,7 @@ const $y = (t, e, n) => {
     ...e
   }, `row-loading-${s}`));
 }, HV = ({ source: t, item: e, onCheckedChange: n, selectedItems: i, columns: r, frozenColumnsLeft: o, checkColumnWidth: s, index: a, groupIndex: l, tableWithChildren: d, depth: f = 0, onChildrenExpand: u, isLastOfRoot: h = !1 }) => {
-  const [p, m] = B(0), [g, v] = B(0), [y, w] = B(!1), x = oe(null), { children: b, loadChildren: C, isLoading: _, childrenType: A } = PV({
+  const [p, m] = B(0), [g, v] = B(0), [y, w] = B(!1), x = re(null), { children: b, loadChildren: C, isLoading: _, childrenType: A } = PV({
     item: e,
     filters: t.currentFilters,
     fetchChildren: t.fetchChildren
@@ -25221,7 +25228,7 @@ const XV = (t) => "date" in t, QV = {
     storageReady: r
   };
 }, rz = ({ source: t, visualizations: e, onSelectItems: n, onBulkAction: i, onStateChange: r, emptyStates: o, fullHeight: s, storage: a, id: l, tmpFullWidth: d }) => {
-  const { filters: f, currentFilters: u, setCurrentFilters: h, presets: p, presetsLoading: m, currentNavigationFilters: g, navigationFilters: v, setCurrentNavigationFilters: y, search: w, currentSearch: x, setCurrentSearch: b, isLoading: C, primaryActions: _, secondaryActions: A, totalItemSummary: E, currentGrouping: L, setCurrentGrouping: S, grouping: I, currentSortings: N, setCurrentSortings: O, sortings: R } = t, [F, $] = B(0), W = oe(N), { emitSortingChange: J } = G_({
+  const { filters: f, currentFilters: u, setCurrentFilters: h, presets: p, presetsLoading: m, currentNavigationFilters: g, navigationFilters: v, setCurrentNavigationFilters: y, search: w, currentSearch: x, setCurrentSearch: b, isLoading: C, primaryActions: _, secondaryActions: A, totalItemSummary: E, currentGrouping: L, setCurrentGrouping: S, grouping: I, currentSortings: N, setCurrentSortings: O, sortings: R } = t, [F, $] = B(0), W = re(N), { emitSortingChange: J } = G_({
     defaultSorting: W.current
   });
   ne(() => {
@@ -25277,7 +25284,7 @@ const XV = (t) => "date" in t, QV = {
     }) : "warningMessage" in Xe && de({
       warningMessage: Xe.warningMessage
     }));
-  }, [P, H] = B(void 0), [te, re] = B(!0), K = ee(() => [w == null ? void 0 : w.enabled, e.length > 1].some(Boolean), [w, e]), { emptyState: he, setEmptyStateType: Me } = NH(o, {
+  }, [P, H] = B(void 0), [te, oe] = B(!0), K = ee(() => [w == null ? void 0 : w.enabled, e.length > 1].some(Boolean), [w, e]), { emptyState: he, setEmptyStateType: Me } = NH(o, {
     retry: () => {
       Me(!1), h({
         ...u
@@ -25287,7 +25294,7 @@ const XV = (t) => "date" in t, QV = {
       Me(!1), h({}), b(void 0);
     }
   }), Je = (Pe, nt, Xe) => Pe === 0 ? Object.keys(nt).length > 0 || Xe ? "no-results" : "no-data" : !1, Ye = ({ totalItems: Pe, filters: nt, isInitialLoading: Xe, search: Bt }) => {
-    Xe || (re(Xe), H(Pe), Me(Je(Pe, nt, Bt)));
+    Xe || (oe(Xe), H(Pe), Me(Je(Pe, nt, Bt)));
   }, Lt = (Pe) => {
     Me("error", Pe.cause instanceof Error ? Pe.cause.message : Pe.message);
   }, Ws = ph({
@@ -38574,7 +38581,7 @@ function UG(t) {
       _[b] = _t, N[b] = _t - W;
     }
     if (a) {
-      var dt, D = b === "x" ? mn : gn, P = b === "x" ? zn : jn, H = _[C], te = C === "y" ? "height" : "width", re = H + v[D], K = H - v[P], he = [mn, gn].indexOf(y) !== -1, Me = (dt = I == null ? void 0 : I[C]) != null ? dt : 0, Je = he ? re : H - A[te] - E[te] - Me + S.altAxis, Ye = he ? H + A[te] + E[te] - Me - S.altAxis : K, Lt = p && he ? gG(Je, H, Ye) : ua(p ? Je : re, H, p ? Ye : K);
+      var dt, D = b === "x" ? mn : gn, P = b === "x" ? zn : jn, H = _[C], te = C === "y" ? "height" : "width", oe = H + v[D], K = H - v[P], he = [mn, gn].indexOf(y) !== -1, Me = (dt = I == null ? void 0 : I[C]) != null ? dt : 0, Je = he ? oe : H - A[te] - E[te] - Me + S.altAxis, Ye = he ? H + A[te] + E[te] - Me - S.altAxis : K, Lt = p && he ? gG(Je, H, Ye) : ua(p ? Je : oe, H, p ? Ye : K);
       _[C] = Lt, N[C] = Lt - H;
     }
     e.modifiersData[i] = N;
@@ -39181,7 +39188,7 @@ function OK(t, e) {
   var E = w.map(function(z) {
     return z.fn(b);
   }), L = t.hasAttribute("aria-expanded");
-  return fe(), ce(), W(), J("onCreate", [b]), n.showOnCreate && re(), _.addEventListener("mouseenter", function() {
+  return fe(), ce(), W(), J("onCreate", [b]), n.showOnCreate && oe(), _.addEventListener("mouseenter", function() {
     b.props.interactive && b.state.isVisible && b.clearDelayTimeouts();
   }), _.addEventListener("mouseleave", function() {
     b.props.interactive && b.props.trigger.indexOf("mouseenter") >= 0 && R().addEventListener("mousemove", m);
@@ -39341,7 +39348,7 @@ function OK(t, e) {
       var Ve = ((me = f) == null ? void 0 : me.type) === "focus";
       f = z, g = z.currentTarget, ce(), !b.state.isVisible && hK(z) && Gl.forEach(function(De) {
         return De(z);
-      }), z.type === "click" && (b.props.trigger.indexOf("mouseenter") < 0 || s) && b.props.hideOnClick !== !1 && b.state.isVisible ? Ee = !0 : re(z), z.type === "click" && (s = !Ee), Ee && !Ve && K(z);
+      }), z.type === "click" && (b.props.trigger.indexOf("mouseenter") < 0 || s) && b.props.hideOnClick !== !1 && b.state.isVisible ? Ee = !0 : oe(z), z.type === "click" && (s = !Ee), Ee && !Ve && K(z);
     }
   }
   function Le(z) {
@@ -39447,7 +39454,7 @@ function OK(t, e) {
   function te() {
     return wd(_.querySelectorAll("[data-tippy-root]"));
   }
-  function re(z) {
+  function oe(z) {
     b.clearDelayTimeouts(), z && J("onTrigger", [b, z]), Oe();
     var me = $(!0), Ee = S(), Ve = Ee[0], De = Ee[1];
     di.isTouch && Ve === "hold" && De && (me = De), me ? i = setTimeout(function() {
@@ -40278,7 +40285,7 @@ class U2 {
   }
 }
 function G2(t = {}, e = []) {
-  const n = oe(t);
+  const n = re(t);
   n.current = t;
   const [i] = B(() => new U2(n)), r = t1.useSyncExternalStore(i.subscribe, i.getEditor, i.getServerSnapshot);
   return O9(r), ne(i.onRender(e)), ZK({
@@ -47251,7 +47258,7 @@ const BX = RX.extend({
     currentConfig: l
   }), ym, vm(t), gm(t), $w(e, n)];
 }, UX = (t, e, n, i, r) => {
-  const o = ee(() => qX(r.placeholder || "", r.toolbarLabels, r.slashCommandGroupLabels, r.moodTrackerLabels, r.liveCompanionLabels, r.transcriptLabels), [r]), s = oe(null), a = Te(({ editor: d }) => {
+  const o = ee(() => qX(r.placeholder || "", r.toolbarLabels, r.slashCommandGroupLabels, r.moodTrackerLabels, r.liveCompanionLabels, r.transcriptLabels), [r]), s = re(null), a = Te(({ editor: d }) => {
     s.current && clearTimeout(s.current), s.current = setTimeout(() => {
       const { from: f, to: u } = d.state.selection, h = d.isEmpty;
       h && (t != null && t.selectedAction) && !e ? i({
@@ -47341,7 +47348,7 @@ const BX = RX.extend({
   });
 }, JX = ({ node: t, updateAttributes: e, deleteNode: n, extension: i, editor: r, getPos: o }) => {
   var x;
-  const s = t.attrs.data, a = i.options.currentConfig || t.attrs.config, l = oe(Math.random().toString(36).substr(2, 9)).current, { isLoading: d, setIsLoading: f } = GX(s), { title: u, emoji: h } = KX(s, a), p = UX(s, d, l, e, a);
+  const s = t.attrs.data, a = i.options.currentConfig || t.attrs.config, l = re(Math.random().toString(36).substr(2, 9)).current, { isLoading: d, setIsLoading: f } = GX(s), { title: u, emoji: h } = KX(s, a), p = UX(s, d, l, e, a);
   ne(() => {
     if (s != null && s.content && (s != null && s.isEditable) && r && o) {
       const b = o();
@@ -47910,7 +47917,7 @@ const BX = RX.extend({
     icon: A0
   }]
 }], Bw = T(({ items: t, groups: e, command: n }, i) => {
-  const [r, o] = B(0), s = oe(null), a = oe(null), l = e || [{
+  const [r, o] = B(0), s = re(null), a = re(null), l = e || [{
     title: "",
     commands: t
   }], d = l.flatMap((v) => v.commands), f = Te((v) => {
@@ -55454,7 +55461,7 @@ Ke.create({
   }
 });
 const Ene = (t) => {
-  const { className: e = "drag-handle", children: n, editor: i, pluginKey: r = jx, onNodeChange: o, tippyOptions: s } = t, [a, l] = B(null), d = oe(null);
+  const { className: e = "drag-handle", children: n, editor: i, pluginKey: r = jx, onNodeChange: o, tippyOptions: s } = t, [a, l] = B(null), d = re(null);
   return ne(() => a ? i.isDestroyed ? () => {
     d.current = null;
   } : (d.current || (d.current = Wx({
@@ -55559,7 +55566,7 @@ const Ene = (t) => {
     }, r))]
   })]
 }), _oe = T(function({ onChange: e, placeholder: n, initialEditorState: i, readonly: r = !1, labels: o, aiBlockConfig: s, onTitleChange: a, actions: l, secondaryActions: d, metadata: f, withPadding: u = !1 }, h) {
-  const { toolbarLabels: p, slashCommandGroupLabels: m, aiBlockLabels: g, moodTrackerLabels: v, liveCompanionLabels: y, transcriptLabels: w } = o, x = oe(null), b = oe(null), C = Or(), [_] = B(() => (i == null ? void 0 : i.content) || ""), [A, E] = B((i == null ? void 0 : i.title) || "");
+  const { toolbarLabels: p, slashCommandGroupLabels: m, aiBlockLabels: g, moodTrackerLabels: v, liveCompanionLabels: y, transcriptLabels: w } = o, x = re(null), b = re(null), C = Or(), [_] = B(() => (i == null ? void 0 : i.content) || ""), [A, E] = B((i == null ? void 0 : i.title) || "");
   ne(() => {
     a && a(A);
   }, [A, a]);
@@ -55991,7 +55998,7 @@ const Ene = (t) => {
     className: "text-f1-icon"
   })]
 }), $ne = ({ onSelect: t, onClose: e, enhancementOptions: n, inputPlaceholder: i }) => {
-  const [r, o] = B(null), [s, a] = B(""), l = oe(null), d = oe(null), f = oe(null);
+  const [r, o] = B(null), [s, a] = B(""), l = re(null), d = re(null), f = re(null);
   ne(() => {
     l.current && l.current.focus();
   }, []), ne(() => {
@@ -56085,7 +56092,7 @@ const Ene = (t) => {
     })]
   });
 }, Hne = ({ editor: t, onEnhanceWithAI: e, isLoadingEnhance: n, enhanceConfig: i, disableButtons: r, hideLabel: o, position: s = "bottom", setLastIntent: a }) => {
-  const l = oe(null), [d, f] = B(!1), u = (h) => {
+  const l = re(null), [d, f] = B(!1), u = (h) => {
     h.preventDefault(), l.current ? f((p) => !p) : f(!1);
   };
   return k(dl, {
@@ -56277,7 +56284,7 @@ const Ene = (t) => {
     })]
   });
 }, Gne = ({ editor: t, maxCharacters: e, secondaryAction: n, primaryAction: i, fileInputRef: r, canUseFiles: o, onEnhanceWithAI: s, isLoadingEnhance: a, enhanceConfig: l, isFullscreen: d, setLastIntent: f, toolbarLabels: u, disableButtons: h, setIsToolbarOpen: p, isToolbarOpen: m, plainHtmlMode: g }) => {
-  const [v, y] = B(!1), w = oe(null), [x, b] = B(0);
+  const [v, y] = B(!1), w = re(null), [x, b] = B(0);
   ne(() => {
     w.current && b(w.current.offsetWidth);
     const _ = () => {
@@ -56527,7 +56534,7 @@ const eie = ({ mentionsConfig: t, mentionSuggestions: e, setMentionSuggestions:
   if (!t) return null;
   t.commands.setContent(e);
 }, aie = T(function({ mentionsConfig: e, enhanceConfig: n, filesConfig: i, secondaryAction: r, primaryAction: o, maxCharacters: s, initialEditorState: a, onChange: l, placeholder: d, toolbarLabels: f, title: u, errorConfig: h, height: p = "auto", plainHtmlMode: m = !1, fullScreenMode: g = !0 }, v) {
-  const y = Or(), w = oe(null), x = oe(null), b = oe(null), [C, _] = B(!1), [A, E] = B(!0), [L, S] = B(!1), [I, N] = B(!1), [O, R] = B(!1), [F, $] = B(!1), [W, J] = B(null), [se, ce] = B(!1), [we, ue] = B(null), [Se, Ce] = B((a == null ? void 0 : a.files) || []), [Oe, Ae] = B((e == null ? void 0 : e.users) || []), [q, V] = B({
+  const y = Or(), w = re(null), x = re(null), b = re(null), [C, _] = B(!1), [A, E] = B(!0), [L, S] = B(!1), [I, N] = B(!1), [O, R] = B(!1), [F, $] = B(!1), [W, J] = B(null), [se, ce] = B(!1), [we, ue] = B(null), [Se, Ce] = B((a == null ? void 0 : a.files) || []), [Oe, Ae] = B((e == null ? void 0 : e.users) || []), [q, V] = B({
     html: (a == null ? void 0 : a.content) || "",
     json: null
   });
@@ -57519,7 +57526,7 @@ const eie = ({ mentionsConfig: t, mentionSuggestions: e, setMentionSuggestions:
   });
 });
 function Fie(t, e) {
-  const n = oe(null), i = oe(null), [r, o] = B({
+  const n = re(null), i = re(null), [r, o] = B({
     visibleItems: [],
     overflowItems: []
   });
@@ -58398,7 +58405,7 @@ function xre(t, e, n) {
   };
 }
 var Cre = () => {
-  let [t, e] = B(), n = oe(xre(e, 300));
+  let [t, e] = B(), n = re(xre(e, 300));
   return ne(() => {
     let i = () => {
       n.current(window.innerWidth);
@@ -58419,7 +58426,7 @@ var Cre = () => {
   }, [t]), e;
 }, Sre = (t) => {
   var e = t, { children: n, style: i, transition: r = !1, transitionDuration: o = 500, transitionStep: s = 50 } = e, a = Qie(e, ["children", "style", "transition", "transitionDuration", "transitionStep"]);
-  let l = oe([]), d = oe(null), f = Cre(), u = _re(d), { positions: h, containerHeight: p } = vre({ boxesRefs: l, wrapperRef: d, children: n, windowWidth: f, wrapperWidth: u }), m = Bn({ minHeight: p ?? 0, position: "relative" }, i);
+  let l = re([]), d = re(null), f = Cre(), u = _re(d), { positions: h, containerHeight: p } = vre({ boxesRefs: l, wrapperRef: d, children: n, windowWidth: f, wrapperWidth: u }), m = Bn({ minHeight: p ?? 0, position: "relative" }, i);
   return c("div", y1(Bn({ ref: d, style: m }, a), { children: D9.map(n, (g, v) => {
     if (typeof g != "object" || !g || !("type" in g)) return g;
     let y = { style: wre({ style: g.props.style, position: h[v], transition: r, transitionDuration: o }), ref: (w) => l.current[v] = w };
@@ -58431,7 +58438,7 @@ const Lre = {
   md: 480,
   lg: 640
 }, R6 = T(function({ children: e, widgetWidth: n = "sm" }, i) {
-  const r = Lre[n], [o, s] = B(), a = D9.toArray(e), l = oe(null);
+  const r = Lre[n], [o, s] = B(), a = D9.toArray(e), l = re(null);
   return ne(() => {
     const d = () => {
       var u;