teodor-new-chat-ui 4.3.415 → 4.3.417

package/dist/features/ui/components/ui/resizable.d.ts

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLSpanElement | HTMLParagraphElement | HTMLAnchorElement | HTMLObjectElement | HTMLDataElement | HTMLSourceElement | HTMLLinkElement | HTMLMapElement | HTMLTitleElement | HTMLHeadElement | HTMLBodyElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLSpanElement | HTMLParagraphElement | HTMLAnchorElement | HTMLObjectElement | HTMLDataElement | HTMLSourceElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLTitleElement | HTMLHeadElement | HTMLBodyElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/index.esm.js

@@ -2,7 +2,7 @@ var Sg = Object.defineProperty;
 var Tg = (e, t, n) => t in e ? Sg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Hl = (e, t, n) => Tg(e, typeof t != "symbol" ? t + "" : t, n);
 import * as h from "react";
-import O, { useMemo as et, createContext as Nr, useContext as Ar, useState as he, useRef as We, useCallback as xe, useEffect as at, useReducer as Cg, useLayoutEffect as Eg, createElement as Uo, memo as kg, useImperativeHandle as Rg, forwardRef as Ig, isValidElement as pa } from "react";
+import O, { useMemo as Ze, createContext as Nr, useContext as Ar, useState as he, useRef as We, useCallback as xe, useEffect as at, useReducer as Cg, useLayoutEffect as Eg, createElement as Uo, memo as kg, useImperativeHandle as Rg, forwardRef as Ig, isValidElement as pa } from "react";
 import { Slot as Ng, createSlot as Tr, createSlottable as Ag } from "@radix-ui/react-slot";
 import { cva as lo } from "class-variance-authority";
 import { clsx as jg } from "clsx";
@@ -77,6 +77,19 @@ function Xg(e) {
     const d = s.get(c.userMessageId) ?? [];
     d.push(c), s.set(c.userMessageId, d);
   }
+  console.log("🔍 [CheckpointIndex] Built checkpoint metadata:"), console.log(`   Total checkpoints: ${o.length}`), console.log(`   User message groups: ${s.size}`);
+  for (const [c, d] of s.entries())
+    console.log(`   📌 User Message "${c}": ${d.length} checkpoint(s)`), d.forEach((p, m) => {
+      console.log(`      [${m}] checkpoint="${p.id}", step=${p.step}, created=${p.createdAt}`);
+    });
+  console.log("🔍 [CheckpointIndex] AFTER computing checkpoint metadata:"), console.log(`   checkpointMetaByCheckpointId size: ${t.size}`), console.log("   checkpointMetaByCheckpointId keys:", Array.from(t.keys()));
+  for (const [c, d] of t.entries())
+    console.log(`   Checkpoint "${c}":`, {
+      userMessageId: d.userMessageId,
+      step: d.step,
+      source: d.source,
+      createdAt: d.createdAt
+    });
   for (const c of s.values()) {
     if (!c.length) continue;
     c.sort((p, m) => {
@@ -89,6 +102,11 @@ function Xg(e) {
       m.attemptCount = d, m.attemptIndex = p, m.isLatestAttempt = p === 0;
     }
   }
+  console.log("🔍 [CheckpointIndex] After attempt indexing:");
+  for (const [c, d] of s.entries())
+    console.log(`   📌 User Message "${c}": ${d.length} attempt(s)`), d.forEach((p) => {
+      console.log(`      - checkpoint="${p.id}", attemptCount=${p.attemptCount}, attemptIndex=${p.attemptIndex}, isLatest=${p.isLatestAttempt}`);
+    });
   return {
     checkpoints: e,
     checkpointMetaByCheckpointId: t,
@@ -113,15 +131,15 @@ function Xg(e) {
 }
 function Jg(e, t) {
   if (!e)
-    return { attemptCount: 1, attemptIndex: 0 };
+    return console.log("🔍 [getMessageAttemptInfo] No checkpointId provided, returning defaults"), { attemptCount: 1, attemptIndex: 0 };
   const n = t.getCheckpoint(e);
   if (!n || !n.userMessageId)
-    return { attemptCount: 1, attemptIndex: 0 };
+    return console.log(`🔍 [getMessageAttemptInfo] No checkpoint meta or userMessageId for "${e}"`), { attemptCount: 1, attemptIndex: 0 };
   const r = t.getMessageAttempts(n.userMessageId);
   if (!r.length)
-    return { attemptCount: 1, attemptIndex: 0 };
+    return console.log(`🔍 [getMessageAttemptInfo] No attempts found for userMessageId "${n.userMessageId}"`), { attemptCount: 1, attemptIndex: 0 };
   const o = r.findIndex((s) => s.id === e);
-  return {
+  return console.log(`🔍 [getMessageAttemptInfo] checkpoint="${e}", userMsg="${n.userMessageId}", attemptCount=${r.length}, attemptIndex=${o}`), {
     attemptCount: r.length,
     attemptIndex: o >= 0 ? o : 0
   };
@@ -130,7 +148,7 @@ function SI(e, t) {
   return e ? t.getCheckpoint(e) ?? null : null;
 }
 function Zg(e) {
-  return et(() => Xg(e), [e]);
+  return Ze(() => Xg(e), [e]);
 }
 function Kr(e) {
   if (!(!e || typeof e != "object" || Array.isArray(e)))
@@ -168,21 +186,27 @@ function Vn(e) {
   };
 }
 function ex(e, t) {
-  var w;
+  var y;
   if (!e) return null;
-  const r = (Array.isArray((w = e.values) == null ? void 0 : w.messages) ? e.values.messages : []).filter(
-    (y) => !!(y && typeof y == "object" && typeof y.role == "string")
-  ), o = Kr(e.metadata) ?? {}, s = Gl(e.config), a = Kr(e.parent_config ?? e.parentConfig), i = Gl(a), l = pr(s, ["checkpoint_id", "checkpointId"]), c = pr(s, ["checkpoint_ns", "checkpointNs"]), d = pr(i, ["checkpoint_id", "checkpointId"]), p = pr(i, ["checkpoint_id", "checkpointId"]) ?? null, m = pr(i, ["checkpoint_ns", "checkpointNs"]) ?? null, f = Kr(e.config), v = Array.isArray(e.tasks) ? e.tasks.map((y) => ({ ...y })) : e.tasks ?? null, g = Array.isArray(e.next) ? [...e.next] : e.next ?? null, x = typeof e.created_at == "string" && e.created_at.trim() ? e.created_at : typeof e.createdAt == "string" && e.createdAt.trim() ? e.createdAt : new Date(Date.now() - t).toISOString(), b = {
+  const r = (Array.isArray((y = e.values) == null ? void 0 : y.messages) ? e.values.messages : []).filter(
+    (C) => !!(C && typeof C == "object" && typeof C.role == "string")
+  ), o = Kr(e.metadata) ?? {}, s = Gl(e.config), a = Kr(e.parent_config ?? e.parentConfig), i = Gl(a), l = pr(s, ["checkpoint_id", "checkpointId"]), c = pr(s, ["checkpoint_ns", "checkpointNs"]), d = pr(i, ["checkpoint_id", "checkpointId"]), p = pr(i, ["checkpoint_id", "checkpointId"]) ?? null, m = pr(i, ["checkpoint_ns", "checkpointNs"]) ?? null, f = Kr(e.config), v = Array.isArray(e.tasks) ? e.tasks.map((C) => ({ ...C })) : e.tasks ?? null, g = Array.isArray(e.next) ? [...e.next] : e.next ?? null, x = typeof e.created_at == "string" && e.created_at.trim() ? e.created_at : typeof e.createdAt == "string" && e.createdAt.trim() ? e.createdAt : new Date(Date.now() - t).toISOString(), b = {
     ...o,
     step: Qg(o, ["step"]) ?? 0,
     source: pr(o, ["source"]) ?? null
-  };
-  return {
+  }, w = r.map((C) => ({
+    ...C,
+    checkpointId: l ?? null
+  }));
+  return console.log(`🔍 [normalizeSnapshot] Attaching checkpoint ID to ${w.length} messages:`, {
+    checkpointId: l,
+    messageIds: w.map((C) => C.id)
+  }), {
     checkpointId: l ?? null,
     checkpointNs: c ?? null,
     createdAt: x,
     parentId: d ?? null,
-    messages: r,
+    messages: w,
     nextCursor: p,
     nextCursorNs: m,
     interrupt: tx(r, t),
@@ -583,7 +607,7 @@ function ox() {
       if (Ye(I))
         return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(I)), ot(I);
     }
-    var Ze = b.ReactCurrentOwner, bt = {
+    var Qe = b.ReactCurrentOwner, bt = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -606,7 +630,7 @@ function ox() {
       return I.key !== void 0;
     }
     function st(I, Q) {
-      typeof I.ref == "string" && Ze.current;
+      typeof I.ref == "string" && Qe.current;
     }
     function Nt(I, Q) {
       {
@@ -674,7 +698,7 @@ function ox() {
           var Tt = typeof I == "function" ? I.displayName || I.name || "Unknown" : I;
           Ce && Nt(de, Tt), St && sn(de, Tt);
         }
-        return Le(I, Ce, St, ie, Re, Ze.current, de);
+        return Le(I, Ce, St, ie, Re, Qe.current, de);
       }
     }
     var Dt = b.ReactCurrentOwner, At = b.ReactDebugCurrentFrame;
@@ -788,7 +812,7 @@ Check the top-level render call using <` + ue + ">.");
       }
     }
     var $e = {};
-    function Qe(I, Q, ue, Re, ie, me) {
+    function et(I, Q, ue, Re, ie, me) {
       {
         var de = L(I);
         if (!de) {
@@ -833,10 +857,10 @@ React keys must be passed directly to JSX without using spread:
       }
     }
     function Ft(I, Q, ue) {
-      return Qe(I, Q, ue, !0);
+      return et(I, Q, ue, !0);
     }
     function ua(I, Q, ue) {
-      return Qe(I, Q, ue, !1);
+      return et(I, Q, ue, !1);
     }
     var da = ua, Ao = Ft;
     zr.Fragment = r, zr.jsx = da, zr.jsxs = Ao;
@@ -853,7 +877,7 @@ const TI = ({
   onHoverStart: s,
   onHoverEnd: a
 }) => {
-  const i = e ?? [], l = i.length > 0, c = et(() => l ? [...i].reverse() : [], [i, l]), d = t ?? (i.length ? i[i.length - 1].id : null);
+  const i = e ?? [], l = i.length > 0, c = Ze(() => l ? [...i].reverse() : [], [i, l]), d = t ?? (i.length ? i[i.length - 1].id : null);
   if (!l)
     return null;
   const m = ["w-32 flex-shrink-0 flex-col border-r border-border/40 pr-2 flex bg-white text-gray-900 dark:bg-slate-900 dark:text-slate-100", o].filter(Boolean).join(" ");
@@ -2918,7 +2942,7 @@ function Uv(e) {
   return !!e && typeof e == "object" && e.protocolVersion === "v1" && "data" in e;
 }
 function Wv(e = {}) {
-  const t = et(() => Rn(e.baseUrl), [e.baseUrl]), n = e.streamPath ?? "/runs/stream", [r, o] = he(e.token ?? null), s = We(e.headers ?? {}), a = e.credentials ?? "include", [i, l] = he(!1), [c, d] = he(null), [p, m] = he(""), [f, v] = he(null), [g, x] = he(0), [b, w] = he(!1), y = We(null), C = We(!0), S = We(0), T = We(null), E = We(null), N = We(null), M = We(null), L = xe((R) => {
+  const t = Ze(() => Rn(e.baseUrl), [e.baseUrl]), n = e.streamPath ?? "/runs/stream", [r, o] = he(e.token ?? null), s = We(e.headers ?? {}), a = e.credentials ?? "include", [i, l] = he(!1), [c, d] = he(null), [p, m] = he(""), [f, v] = he(null), [g, x] = he(0), [b, w] = he(!1), y = We(null), C = We(!0), S = We(0), T = We(null), E = We(null), N = We(null), M = We(null), L = xe((R) => {
     o(R);
   }, []), H = xe(() => {
     m(""), v(null), d(null), E.current = null, N.current = null, M.current = null;
@@ -3005,7 +3029,7 @@ function Wv(e = {}) {
           }
           w(!0);
           const ot = Ye.body.getReader(), nt = new TextDecoder();
-          let Ze = "", bt = [];
+          let Qe = "", bt = [];
           S.current = 0, x(0);
           let gt = 0, pt = null;
           const be = () => {
@@ -3033,18 +3057,18 @@ function Wv(e = {}) {
             }), (B = k == null ? void 0 : k.onOpen) == null || B.call(k, { threadId: Dt, created: At }); ; ) {
               const { value: yt, done: It } = await ot.read();
               if (It) break;
-              Ze += nt.decode(yt, { stream: !0 }), Ze.length > sn && (Ze = "", console.warn("Stream buffer reset: exceeded 1MB"));
+              Qe += nt.decode(yt, { stream: !0 }), Qe.length > sn && (Qe = "", console.warn("Stream buffer reset: exceeded 1MB"));
               let ee;
-              for (; (ee = Ze.indexOf(`
+              for (; (ee = Qe.indexOf(`
 
 `)) >= 0; ) {
-                const Se = Ze.slice(0, ee);
-                Ze = Ze.slice(ee + 2);
+                const Se = Qe.slice(0, ee);
+                Qe = Qe.slice(ee + 2);
                 const mt = Se.split(/\r?\n/), Te = [];
                 for (const $e of mt)
                   if (!(!$e || $e.startsWith(":")) && $e.startsWith("data:")) {
-                    const Qe = $e.slice(5);
-                    Te.push(Qe.startsWith(" ") ? Qe.slice(1) : Qe);
+                    const et = $e.slice(5);
+                    Te.push(et.startsWith(" ") ? et.slice(1) : et);
                   }
                 const Pe = Te.join(`
 `);
@@ -3076,8 +3100,8 @@ function Wv(e = {}) {
                 else if (Be.type === "state_history") {
                   M.current = Be;
                   try {
-                    const Qe = Vn(Be).latest;
-                    Qe && (E.current = Qe.checkpointId ?? null, N.current = Qe.checkpointNs ?? null, v(Qe.checkpointId ?? null));
+                    const et = Vn(Be).latest;
+                    et && (E.current = et.checkpointId ?? null, N.current = et.checkpointNs ?? null, v(et.checkpointId ?? null));
                   } catch ($e) {
                     console.warn("[use-chat] Failed to hydrate state_history payload", $e);
                   }
@@ -3088,7 +3112,7 @@ function Wv(e = {}) {
                   console.error("[use-chat] Error in onEvent callback:", $e, "for event:", Be.type);
                 }
                 if (Be.type === "message.delta") {
-                  const $e = Be.delta.filter((Qe) => Qe.type === "text").map((Qe) => Qe.text).join("");
+                  const $e = Be.delta.filter((et) => et.type === "text").map((et) => et.text).join("");
                   $e && e.autoAppendAssistant !== !1 && (bt.push($e), rt());
                 } else if (Be.type === "heartbeat") {
                   console.debug("[use-chat] heartbeat received");
@@ -3317,7 +3341,7 @@ function qv({
       }
     },
     [e, n, M]
-  ), U = et(
+  ), U = Ze(
     () => ({
       createThread: L,
       deleteThread: H,
@@ -3390,7 +3414,7 @@ function Gv({
     initialThreadId: t,
     onError: n,
     onThreadChange: r
-  }), w = et(
+  }), w = Ze(
     () => ({
       threads: s,
       currentThreadId: a,
@@ -3770,7 +3794,7 @@ function dw(e = []) {
   at(() => () => {
     o.current !== null && typeof window < "u" && window.cancelAnimationFrame(o.current), s.current !== null && clearTimeout(s.current), r.current = [];
   }, []);
-  const c = et(() => ({
+  const c = Ze(() => ({
     reset: (d) => n({ type: "reset", payload: { messages: d } }),
     seed: (d, p) => n({ type: "seed", payload: { messages: d, ...p ?? {} } }),
     prepend: (d) => n({ type: "prepend", payload: { messages: d } }),
@@ -4001,7 +4025,7 @@ function gw({
   isStreaming: c,
   getMessages: d
 }) {
-  const [p, m] = he(null), v = et(
+  const [p, m] = he(null), v = Ze(
     () => Vn(p),
     [p]
   ).checkpoints, g = Zg(v), x = g.timeline, [b, w] = he(!1), [y, C] = he(null), [S, T] = he(!1), [E, N] = he(!1), [M, L] = he(!1), [H, V] = he(null), W = We(o), R = We(null), U = We(null), k = We(null), F = We(null), _ = We(!1), A = We(null), q = We(/* @__PURE__ */ new Map());
@@ -4288,10 +4312,10 @@ function vw({
   ), q = xe(
     (K) => _(() => K),
     []
-  ), X = et(() => {
+  ), X = Ze(() => {
     const K = c.assemblingId ?? null;
     return K ? { assemblingMessageId: K } : null;
-  }, [c.assemblingId]), j = et(
+  }, [c.assemblingId]), j = Ze(
     () => ({
       threadId: l,
       messages: c.messages,
@@ -4352,7 +4376,7 @@ function vw({
       m,
       f
     ]
-  ), P = et(
+  ), P = Ze(
     () => ({
       registerClearThread: A,
       registerRespondToInterrupt: q
@@ -4374,7 +4398,7 @@ function ww({
   onConnectionError: l,
   onToolEnd: c
 }) {
-  const { api: d, baseUrl: p } = As(), m = et(() => Rn(p), [p]), { stream: f, stop: v, isStreaming: g, error: x, setToken: b } = Wv({ baseUrl: m }), [w, y] = he(!1);
+  const { api: d, baseUrl: p } = As(), m = Ze(() => Rn(p), [p]), { stream: f, stop: v, isStreaming: g, error: x, setToken: b } = Wv({ baseUrl: m }), [w, y] = he(!1);
   return at(() => {
     y(g);
   }, [g]), /* @__PURE__ */ u.jsx(
@@ -4518,7 +4542,7 @@ function bw({
       H(ce);
     },
     [g, f, w, S, H, x]
-  ), U = et(
+  ), U = Ze(
     () => ({
       isStreaming: c,
       error: d,
@@ -11308,8 +11332,8 @@ const XT = /* @__PURE__ */ Je(
             const He = jp(qe, Fe, Ke);
             let Ye, ot;
             ge ? Y === 0 && ne === 0 && le > 0 ? (Ye = 0, ot = le - 1) : (Ye = He * gs((Y + ze) / (ke + ze)), ot = He * lu((ne + ze) / (ke + ze)) - 1, ot = Oa(D - 1, Gr(ot, He - 1)), Ye = Oa(ot, Gr(0, Ye))) : (Ye = 0, ot = -1);
-            const nt = uu(Ye, ot, ce), { bottom: Ze, top: bt } = du(J, ae, $, nt), gt = lu(D / He), pt = gt * ke + (gt - 1) * ze - Ze;
-            return { bottom: Ze, itemHeight: ke, items: nt, itemWidth: Fe, offsetBottom: pt, offsetTop: bt, top: bt };
+            const nt = uu(Ye, ot, ce), { bottom: Qe, top: bt } = du(J, ae, $, nt), gt = lu(D / He), pt = gt * ke + (gt - 1) * ze - Qe;
+            return { bottom: Qe, itemHeight: ke, items: nt, itemWidth: Fe, offsetBottom: pt, offsetTop: bt, top: bt };
           }
         )
       ),
@@ -13729,7 +13753,7 @@ function Ro({
   allowHtml: n = !1,
   style: r
 }) {
-  const o = et(() => {
+  const o = Ze(() => {
     try {
       if (!n) {
         const a = e.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").replace(/<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "");
@@ -13739,7 +13763,7 @@ function Ro({
     } catch (a) {
       return console.error("[MarkdownContent] parse error", a), `<pre class="font-mono text-xs bg-background/50 rounded border p-2 whitespace-pre-wrap break-words">Error rendering markdown: ${String(a)}</pre>`;
     }
-  }, [e, n]), s = et(() => {
+  }, [e, n]), s = Ze(() => {
     const a = {
       color: "currentColor",
       ...r
@@ -13883,7 +13907,7 @@ function VC({ artifact: e }) {
   ] });
 }
 function KC({ artifact: e, idx: t = 0 }) {
-  const n = et(() => e ? (Array.isArray(e.plots) ? e.plots : []).map((o) => rw(o)).filter((o) => o !== null) : [], [e]);
+  const n = Ze(() => e ? (Array.isArray(e.plots) ? e.plots : []).map((o) => rw(o)).filter((o) => o !== null) : [], [e]);
   return (e == null ? void 0 : e.type) === "research_task_info" ? /* @__PURE__ */ u.jsx(
     VC,
     {
@@ -14017,7 +14041,7 @@ function dh({ data: e }) {
   return Array.isArray(e) ? e.every((n) => n === null || ["string", "number", "boolean"].includes(typeof n)) ? /* @__PURE__ */ u.jsx("div", { className: GC, children: /* @__PURE__ */ u.jsx("ul", { className: "list-disc pl-5", children: e.map((n, r) => /* @__PURE__ */ u.jsx("li", { children: String(n) }, r)) }) }) : /* @__PURE__ */ u.jsx("pre", { className: "font-mono text-xs bg-background/50 rounded border p-2 whitespace-pre-wrap break-words", children: Er(e) }) : /* @__PURE__ */ u.jsx("pre", { className: "font-mono text-xs bg-background/50 rounded border p-2 whitespace-pre-wrap break-words", children: Er(e) });
 }
 function YC({ message: e, isStreaming: t = !1 }) {
-  const n = e.name ?? "tool", r = et(() => {
+  const n = e.name ?? "tool", r = Ze(() => {
     const i = e.additionalKwargs ?? {};
     return Array.isArray(i.toolProgress) ? [...i.toolProgress] : [];
   }, [e]), s = r.some(
@@ -14365,7 +14389,7 @@ function eE(e) {
   };
 }
 function tE(e, t) {
-  return et(() => {
+  return Ze(() => {
     if (t)
       return {
         contentParts: [],
@@ -14415,13 +14439,13 @@ const jl = kg(function({
   attemptIndex: T = 0,
   onSelectCheckpoint: E
 }) {
-  const [N, M] = he(!1), [L, H] = he("preview"), [V, W] = he(!1), { currentThreadId: R } = mo(), { respondToInterrupt: U } = js(), k = l === "phone" || l === "half-screen", F = t.role, _ = F === "tool", A = et(() => "type" in t && t.type === "default_message" ? t : null, [t]), q = !!A, X = !(r && F !== "user"), {
+  const [N, M] = he(!1), [L, H] = he("preview"), [V, W] = he(!1), { currentThreadId: R } = mo(), { respondToInterrupt: U } = js(), k = l === "phone" || l === "half-screen", F = t.role, _ = F === "tool", A = Ze(() => "type" in t && t.type === "default_message" ? t : null, [t]), q = !!A, X = !(r && F !== "user"), {
     uploadingFiles: j,
     handleFileClick: P,
     fileViewerOpen: K,
     currentFileInfo: G,
     closeFileViewer: oe
-  } = eE({ allowFileOpen: X, currentThreadId: R }), B = et(() => {
+  } = eE({ allowFileOpen: X, currentThreadId: R }), B = Ze(() => {
     switch (F) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
@@ -14443,7 +14467,7 @@ const jl = kg(function({
     toolMeta: ce,
     toolRaw: le,
     isToolStreaming: ge
-  } = D, Ae = (b == null ? void 0 : b.id) ?? (b == null ? void 0 : b.interrupt_id), Ke = Go(Ae), ze = b == null ? void 0 : b.value, ke = et(() => A || !m ? null : t.artifact || null, [A, t, m]), Fe = xe(async () => {
+  } = D, Ae = (b == null ? void 0 : b.id) ?? (b == null ? void 0 : b.interrupt_id), Ke = Go(Ae), ze = b == null ? void 0 : b.value, ke = Ze(() => A || !m ? null : t.artifact || null, [A, t, m]), Fe = xe(async () => {
     const be = _ ? le : J;
     async function rt(st) {
       if (navigator.clipboard && typeof navigator.clipboard.writeText == "function") {
@@ -14538,7 +14562,7 @@ const jl = kg(function({
           "border border-border/60 dark:border-border/40"
         );
     }
-  }, [k, q, F]), Ze = xe(async (be) => {
+  }, [k, q, F]), Qe = xe(async (be) => {
     if (w)
       return;
     const rt = Go(
@@ -14572,7 +14596,7 @@ const jl = kg(function({
     } finally {
       C == null || C();
     }
-  }, [w, C, y, U]), gt = et(() => A ? "Assistant" : Qv(t), [A, t]), pt = F === "user" && (S ?? 1) > 1 && typeof E == "function";
+  }, [w, C, y, U]), gt = Ze(() => A ? "Assistant" : Qv(t), [A, t]), pt = F === "user" && (S ?? 1) > 1 && typeof E == "function";
   return _ && !p && !ke ? null : q && A ? /* @__PURE__ */ u.jsx("div", { className: te(ot(), f.container), children: /* @__PURE__ */ u.jsxs("div", { className: te(nt(), f.content), children: [
     /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2 mb-2 pb-2 border-b border-current/10", children: [
       /* @__PURE__ */ u.jsx(ma, { className: te("h-4 w-4", B) }),
@@ -14743,7 +14767,7 @@ const jl = kg(function({
             defaultMessage: A,
             handleFileClick: P,
             uploadingFiles: j,
-            handleInterruptApprove: Ze,
+            handleInterruptApprove: Qe,
             handleInterruptReject: bt,
             disableInterruptActions: w,
             messageRole: F,
@@ -14873,9 +14897,9 @@ const nE = {
   checkpointIndex: w,
   onSelectCheckpoint: y
 }) {
-  const C = fh(t, n), S = "type" in t && t.type === "default_message", E = !!t.__syntheticStreaming, N = w ?? nE, M = !S && "checkpointId" in t ? t.checkpointId ?? null : null, { attemptCount: L, attemptIndex: H } = Jg(
-    M,
-    N
+  const C = fh(t, n), S = "type" in t && t.type === "default_message", E = !!t.__syntheticStreaming, N = w ?? nE, M = !S && "checkpointId" in t ? t.checkpointId ?? null : null, { attemptCount: L, attemptIndex: H } = Ze(
+    () => Jg(M, N),
+    [M, N]
   );
   return /* @__PURE__ */ u.jsx(
     "div",
@@ -14946,9 +14970,9 @@ const hh = O.forwardRef(({
   onSelectCheckpoint: L,
   createSyntheticThinkingMessage: H = !0
 }, V) => {
-  const W = We(null), R = We(null), U = We(!1), k = We(!1), [F, _] = he(!0), A = et(() => w ? e.some(($) => "type" in $ && $.type === "default_message" ? !1 : Array.isArray($ == null ? void 0 : $.content) && $.content.some(
+  const W = We(null), R = We(null), U = We(!1), k = We(!1), [F, _] = he(!0), A = Ze(() => w ? e.some(($) => "type" in $ && $.type === "default_message" ? !1 : Array.isArray($ == null ? void 0 : $.content) && $.content.some(
     (J) => J && J.type === "interrupt" && (J.id ?? J.interrupt_id) === w.id
-  )) : !1, [w, e]), q = et(() => {
+  )) : !1, [w, e]), q = Ze(() => {
     if (!w || A)
       return null;
     const $ = w.id && String(w.id).trim() ? String(w.id).trim() : "pending-interrupt";
@@ -14971,7 +14995,7 @@ const hh = O.forwardRef(({
         }
       ]
     };
-  }, [w, A]), X = et(() => q ? [...e, q] : e, [e, q]), j = et(() => !H || !t ? X : !X.some((J) => J.role === "assistant") && X.length > 0 ? [
+  }, [w, A]), X = Ze(() => q ? [...e, q] : e, [e, q]), j = Ze(() => !H || !t ? X : !X.some((J) => J.role === "assistant") && X.length > 0 ? [
     ...X,
     {
       id: "thinking-assistant",
@@ -14980,9 +15004,9 @@ const hh = O.forwardRef(({
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       __syntheticStreaming: !0
     }
-  ] : X, [X, t, H]), P = et(() => T ? j : j.filter(($) => ($ == null ? void 0 : $.role) !== "tool"), [j, T]), K = xe(($) => {
+  ] : X, [X, t, H]), P = Ze(() => T ? j : j.filter(($) => ($ == null ? void 0 : $.role) !== "tool"), [j, T]), K = xe(($) => {
     _($), x && x(!$), b && b($);
-  }, [x, b]), G = et(() => {
+  }, [x, b]), G = Ze(() => {
     if (i)
       return async () => {
         if (!U.current) {
@@ -14994,7 +15018,7 @@ const hh = O.forwardRef(({
           }
         }
       };
-  }, [i]), oe = et(() => !v || g ? !1 : F ? "auto" : !1, [F, v, g]), B = et(() => {
+  }, [i]), oe = Ze(() => !v || g ? !1 : F ? "auto" : !1, [F, v, g]), B = Ze(() => {
     if (typeof f != "string") return null;
     const $ = f.trim();
     return $ ? {
@@ -15149,7 +15173,7 @@ function os({
     K(!0);
   }, []), oe = xe(() => {
     K(!1);
-  }, []), B = !!j || P, [D, Y] = he(null), [ne, ae] = he(""), [$, J] = he(null), [ce, le] = he(null), [ge, Ae] = he([]), [Ke, ze] = he(0), [ke, Fe] = he(0), [qe, He] = he(!1), [Ye, ot] = he(null), [nt, Ze] = he(null), [bt, gt] = he(!1), [pt, be] = he(null), rt = We(!1), [st, Nt] = he(() => bu.value), sn = We(st), Le = We(null), Ge = xe((ie) => {
+  }, []), B = !!j || P, [D, Y] = he(null), [ne, ae] = he(""), [$, J] = he(null), [ce, le] = he(null), [ge, Ae] = he([]), [Ke, ze] = he(0), [ke, Fe] = he(0), [qe, He] = he(!1), [Ye, ot] = he(null), [nt, Qe] = he(null), [bt, gt] = he(!1), [pt, be] = he(null), rt = We(!1), [st, Nt] = he(() => bu.value), sn = We(st), Le = We(null), Ge = xe((ie) => {
     bu.value = ie, Nt(ie);
   }, []), [Dt, At] = he(!1), yt = We(null), It = We(null), ee = We(null), Se = xe(() => {
     It.current && (It.current.value = ""), ee.current && (ee.current.value = ""), ze((ie) => ie + 1), Fe((ie) => ie + 1);
@@ -15231,7 +15255,7 @@ function os({
       Be(ie, me, de);
     },
     [Be]
-  ), Qe = xe((ie) => {
+  ), et = xe((ie) => {
     let me = null;
     for (let Xe = ie - 1; Xe >= 0; Xe--)
       if (y[Xe].role === "user") {
@@ -15266,7 +15290,7 @@ function os({
   }, da = async (ie) => {
     const me = (ie.target.files || [])[0];
     if (me) {
-      ot(null), Ze(null), He(!0);
+      ot(null), Qe(null), He(!0);
       try {
         await k(
           { attachments: [me] },
@@ -15276,7 +15300,7 @@ function os({
           }
         );
         const de = `Uploaded ${me.name} - processing through chat stream`;
-        Ze(de);
+        Qe(de);
       } catch (de) {
         const Ce = de instanceof Error ? de.message : "Failed to upload Excel file";
         console.error("Excel upload failed", de), ot(Ce), g == null || g(Ce);
@@ -15346,7 +15370,7 @@ function os({
               enableMessageEditing: c,
               editingMessageId: D,
               onEdit: $e,
-              onRegenerate: Qe,
+              onRegenerate: et,
               onCancelEdit: ht,
               emptyMessage: pt ?? void 0,
               isNavigatingCheckpoint: Dt,
@@ -16641,10 +16665,10 @@ function ku({
         }
     },
     [Ye, H, J, F]
-  ), nt = et(() => {
+  ), nt = Ze(() => {
     const ee = b ?? [], Se = le.trim().toLowerCase();
     return Se ? y ? ee.filter((mt) => y(mt, Se)) : ee.filter((mt) => `${mt.label} ${mt.secondaryLabel ?? ""}`.toLowerCase().includes(Se)) : ee;
-  }, [b, le, y]), Ze = ke === "shared", bt = Ze ? S : q, gt = Ze ? M : N, pt = Ze ? "No shared conversations yet" : "No conversations yet", be = (ee) => {
+  }, [b, le, y]), Qe = ke === "shared", bt = Qe ? S : q, gt = Qe ? M : N, pt = Qe ? "No shared conversations yet" : "No conversations yet", be = (ee) => {
     const Se = ee.sharedAt ? ` • ${At(ee.sharedAt)}` : "";
     return `Shared by ${ee.sharedByUserId}${Se}`;
   }, rt = (ee) => "sharedByUserId" in ee;
@@ -16803,7 +16827,7 @@ function ku({
             showDeleteButton: n,
             formatDate: At,
             getDisplayThreadTitle: It,
-            secondaryLine: Ze && rt(ee) ? be(ee) : void 0,
+            secondaryLine: Qe && rt(ee) ? be(ee) : void 0,
             itemClassName: s.threadItem,
             activeItemClassName: s.activeThread
           },
@@ -19082,7 +19106,7 @@ function cI(e) {
 }
 var uI = (e) => {
   var t, n, r, o, s, a, i, l, c, d, p;
-  let { invert: m, toast: f, unstyled: v, interacting: g, setHeights: x, visibleToasts: b, heights: w, index: y, toasts: C, expanded: S, removeToast: T, defaultRichColors: E, closeButton: N, style: M, cancelButtonStyle: L, actionButtonStyle: H, className: V = "", descriptionClassName: W = "", duration: R, position: U, gap: k, loadingIcon: F, expandByDefault: _, classNames: A, icons: q, closeButtonAriaLabel: X = "Close toast", pauseWhenPageIsHidden: j } = e, [P, K] = O.useState(null), [G, oe] = O.useState(null), [B, D] = O.useState(!1), [Y, ne] = O.useState(!1), [ae, $] = O.useState(!1), [J, ce] = O.useState(!1), [le, ge] = O.useState(!1), [Ae, Ke] = O.useState(0), [ze, ke] = O.useState(0), Fe = O.useRef(f.duration || R || Nu), qe = O.useRef(null), He = O.useRef(null), Ye = y === 0, ot = y + 1 <= b, nt = f.type, Ze = f.dismissible !== !1, bt = f.className || "", gt = f.descriptionClassName || "", pt = O.useMemo(() => w.findIndex((Te) => Te.toastId === f.id) || 0, [w, f.id]), be = O.useMemo(() => {
+  let { invert: m, toast: f, unstyled: v, interacting: g, setHeights: x, visibleToasts: b, heights: w, index: y, toasts: C, expanded: S, removeToast: T, defaultRichColors: E, closeButton: N, style: M, cancelButtonStyle: L, actionButtonStyle: H, className: V = "", descriptionClassName: W = "", duration: R, position: U, gap: k, loadingIcon: F, expandByDefault: _, classNames: A, icons: q, closeButtonAriaLabel: X = "Close toast", pauseWhenPageIsHidden: j } = e, [P, K] = O.useState(null), [G, oe] = O.useState(null), [B, D] = O.useState(!1), [Y, ne] = O.useState(!1), [ae, $] = O.useState(!1), [J, ce] = O.useState(!1), [le, ge] = O.useState(!1), [Ae, Ke] = O.useState(0), [ze, ke] = O.useState(0), Fe = O.useRef(f.duration || R || Nu), qe = O.useRef(null), He = O.useRef(null), Ye = y === 0, ot = y + 1 <= b, nt = f.type, Qe = f.dismissible !== !1, bt = f.className || "", gt = f.descriptionClassName || "", pt = O.useMemo(() => w.findIndex((Te) => Te.toastId === f.id) || 0, [w, f.id]), be = O.useMemo(() => {
     var Te;
     return (Te = f.closeButton) != null ? Te : N;
   }, [f.closeButton, N]), rt = O.useMemo(() => f.duration || R || Nu, [f.duration, R]), st = O.useRef(0), Nt = O.useRef(0), sn = O.useRef(0), Le = O.useRef(null), [Ge, Dt] = U.split("-"), At = O.useMemo(() => w.reduce((Te, Pe, Ue) => Ue >= pt ? Te : Te + Pe.height, 0), [w, pt]), yt = GR(), It = f.invert || m, ee = nt === "loading";
@@ -19128,34 +19152,34 @@ var uI = (e) => {
     var Te, Pe, Ue;
     return q != null && q.loading ? O.createElement("div", { className: an(A == null ? void 0 : A.loader, (Te = f == null ? void 0 : f.classNames) == null ? void 0 : Te.loader, "sonner-loader"), "data-visible": nt === "loading" }, q.loading) : F ? O.createElement("div", { className: an(A == null ? void 0 : A.loader, (Pe = f == null ? void 0 : f.classNames) == null ? void 0 : Pe.loader, "sonner-loader"), "data-visible": nt === "loading" }, F) : O.createElement(HR, { className: an(A == null ? void 0 : A.loader, (Ue = f == null ? void 0 : f.classNames) == null ? void 0 : Ue.loader), visible: nt === "loading" });
   }
-  return O.createElement("li", { tabIndex: 0, ref: He, className: an(V, bt, A == null ? void 0 : A.toast, (t = f == null ? void 0 : f.classNames) == null ? void 0 : t.toast, A == null ? void 0 : A.default, A == null ? void 0 : A[nt], (n = f == null ? void 0 : f.classNames) == null ? void 0 : n[nt]), "data-sonner-toast": "", "data-rich-colors": (r = f.richColors) != null ? r : E, "data-styled": !(f.jsx || f.unstyled || v), "data-mounted": B, "data-promise": !!f.promise, "data-swiped": le, "data-removed": Y, "data-visible": ot, "data-y-position": Ge, "data-x-position": Dt, "data-index": y, "data-front": Ye, "data-swiping": ae, "data-dismissible": Ze, "data-type": nt, "data-invert": It, "data-swipe-out": J, "data-swipe-direction": G, "data-expanded": !!(S || _ && B), style: { "--index": y, "--toasts-before": y, "--z-index": C.length - y, "--offset": `${Y ? Ae : Nt.current}px`, "--initial-height": _ ? "auto" : `${ze}px`, ...M, ...f.style }, onDragEnd: () => {
+  return O.createElement("li", { tabIndex: 0, ref: He, className: an(V, bt, A == null ? void 0 : A.toast, (t = f == null ? void 0 : f.classNames) == null ? void 0 : t.toast, A == null ? void 0 : A.default, A == null ? void 0 : A[nt], (n = f == null ? void 0 : f.classNames) == null ? void 0 : n[nt]), "data-sonner-toast": "", "data-rich-colors": (r = f.richColors) != null ? r : E, "data-styled": !(f.jsx || f.unstyled || v), "data-mounted": B, "data-promise": !!f.promise, "data-swiped": le, "data-removed": Y, "data-visible": ot, "data-y-position": Ge, "data-x-position": Dt, "data-index": y, "data-front": Ye, "data-swiping": ae, "data-dismissible": Qe, "data-type": nt, "data-invert": It, "data-swipe-out": J, "data-swipe-direction": G, "data-expanded": !!(S || _ && B), style: { "--index": y, "--toasts-before": y, "--z-index": C.length - y, "--offset": `${Y ? Ae : Nt.current}px`, "--initial-height": _ ? "auto" : `${ze}px`, ...M, ...f.style }, onDragEnd: () => {
     $(!1), K(null), Le.current = null;
   }, onPointerDown: (Te) => {
-    ee || !Ze || (qe.current = /* @__PURE__ */ new Date(), Ke(Nt.current), Te.target.setPointerCapture(Te.pointerId), Te.target.tagName !== "BUTTON" && ($(!0), Le.current = { x: Te.clientX, y: Te.clientY }));
+    ee || !Qe || (qe.current = /* @__PURE__ */ new Date(), Ke(Nt.current), Te.target.setPointerCapture(Te.pointerId), Te.target.tagName !== "BUTTON" && ($(!0), Le.current = { x: Te.clientX, y: Te.clientY }));
   }, onPointerUp: () => {
     var Te, Pe, Ue, Et;
-    if (J || !Ze) return;
+    if (J || !Qe) return;
     Le.current = null;
-    let Be = Number(((Te = He.current) == null ? void 0 : Te.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), ht = Number(((Pe = He.current) == null ? void 0 : Pe.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), $e = (/* @__PURE__ */ new Date()).getTime() - ((Ue = qe.current) == null ? void 0 : Ue.getTime()), Qe = P === "x" ? Be : ht, Ft = Math.abs(Qe) / $e;
-    if (Math.abs(Qe) >= iI || Ft > 0.11) {
+    let Be = Number(((Te = He.current) == null ? void 0 : Te.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), ht = Number(((Pe = He.current) == null ? void 0 : Pe.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), $e = (/* @__PURE__ */ new Date()).getTime() - ((Ue = qe.current) == null ? void 0 : Ue.getTime()), et = P === "x" ? Be : ht, Ft = Math.abs(et) / $e;
+    if (Math.abs(et) >= iI || Ft > 0.11) {
       Ke(Nt.current), (Et = f.onDismiss) == null || Et.call(f, f), oe(P === "x" ? Be > 0 ? "right" : "left" : ht > 0 ? "down" : "up"), Se(), ce(!0), ge(!1);
       return;
     }
     $(!1), K(null);
   }, onPointerMove: (Te) => {
     var Pe, Ue, Et, Be;
-    if (!Le.current || !Ze || ((Pe = window.getSelection()) == null ? void 0 : Pe.toString().length) > 0) return;
-    let ht = Te.clientY - Le.current.y, $e = Te.clientX - Le.current.x, Qe = (Ue = e.swipeDirections) != null ? Ue : cI(U);
+    if (!Le.current || !Qe || ((Pe = window.getSelection()) == null ? void 0 : Pe.toString().length) > 0) return;
+    let ht = Te.clientY - Le.current.y, $e = Te.clientX - Le.current.x, et = (Ue = e.swipeDirections) != null ? Ue : cI(U);
     !P && (Math.abs($e) > 1 || Math.abs(ht) > 1) && K(Math.abs($e) > Math.abs(ht) ? "x" : "y");
     let Ft = { x: 0, y: 0 };
-    P === "y" ? (Qe.includes("top") || Qe.includes("bottom")) && (Qe.includes("top") && ht < 0 || Qe.includes("bottom") && ht > 0) && (Ft.y = ht) : P === "x" && (Qe.includes("left") || Qe.includes("right")) && (Qe.includes("left") && $e < 0 || Qe.includes("right") && $e > 0) && (Ft.x = $e), (Math.abs(Ft.x) > 0 || Math.abs(Ft.y) > 0) && ge(!0), (Et = He.current) == null || Et.style.setProperty("--swipe-amount-x", `${Ft.x}px`), (Be = He.current) == null || Be.style.setProperty("--swipe-amount-y", `${Ft.y}px`);
-  } }, be && !f.jsx ? O.createElement("button", { "aria-label": X, "data-disabled": ee, "data-close-button": !0, onClick: ee || !Ze ? () => {
+    P === "y" ? (et.includes("top") || et.includes("bottom")) && (et.includes("top") && ht < 0 || et.includes("bottom") && ht > 0) && (Ft.y = ht) : P === "x" && (et.includes("left") || et.includes("right")) && (et.includes("left") && $e < 0 || et.includes("right") && $e > 0) && (Ft.x = $e), (Math.abs(Ft.x) > 0 || Math.abs(Ft.y) > 0) && ge(!0), (Et = He.current) == null || Et.style.setProperty("--swipe-amount-x", `${Ft.x}px`), (Be = He.current) == null || Be.style.setProperty("--swipe-amount-y", `${Ft.y}px`);
+  } }, be && !f.jsx ? O.createElement("button", { "aria-label": X, "data-disabled": ee, "data-close-button": !0, onClick: ee || !Qe ? () => {
   } : () => {
     var Te;
     Se(), (Te = f.onDismiss) == null || Te.call(f, f);
   }, className: an(A == null ? void 0 : A.closeButton, (o = f == null ? void 0 : f.classNames) == null ? void 0 : o.closeButton) }, (s = q == null ? void 0 : q.close) != null ? s : qR) : null, f.jsx || pa(f.title) ? f.jsx ? f.jsx : typeof f.title == "function" ? f.title() : f.title : O.createElement(O.Fragment, null, nt || f.icon || f.promise ? O.createElement("div", { "data-icon": "", className: an(A == null ? void 0 : A.icon, (a = f == null ? void 0 : f.classNames) == null ? void 0 : a.icon) }, f.promise || f.type === "loading" && !f.icon ? f.icon || mt() : null, f.type !== "loading" ? f.icon || (q == null ? void 0 : q[nt]) || BR(nt) : null) : null, O.createElement("div", { "data-content": "", className: an(A == null ? void 0 : A.content, (i = f == null ? void 0 : f.classNames) == null ? void 0 : i.content) }, O.createElement("div", { "data-title": "", className: an(A == null ? void 0 : A.title, (l = f == null ? void 0 : f.classNames) == null ? void 0 : l.title) }, typeof f.title == "function" ? f.title() : f.title), f.description ? O.createElement("div", { "data-description": "", className: an(W, gt, A == null ? void 0 : A.description, (c = f == null ? void 0 : f.classNames) == null ? void 0 : c.description) }, typeof f.description == "function" ? f.description() : f.description) : null), pa(f.cancel) ? f.cancel : f.cancel && Ho(f.cancel) ? O.createElement("button", { "data-button": !0, "data-cancel": !0, style: f.cancelButtonStyle || L, onClick: (Te) => {
     var Pe, Ue;
-    Ho(f.cancel) && Ze && ((Ue = (Pe = f.cancel).onClick) == null || Ue.call(Pe, Te), Se());
+    Ho(f.cancel) && Qe && ((Ue = (Pe = f.cancel).onClick) == null || Ue.call(Pe, Te), Se());
   }, className: an(A == null ? void 0 : A.cancelButton, (d = f == null ? void 0 : f.classNames) == null ? void 0 : d.cancelButton) }, f.cancel.label) : null, pa(f.action) ? f.action : f.action && Ho(f.action) ? O.createElement("button", { "data-button": !0, "data-action": !0, style: f.actionButtonStyle || H, onClick: (Te) => {
     var Pe, Ue;
     Ho(f.action) && ((Ue = (Pe = f.action).onClick) == null || Ue.call(Pe, Te), !Te.defaultPrevented && Se());