@marimo-team/islands 0.23.14-dev11 → 0.23.14-dev14

package/dist/{chat-ui-DYBcNEdd.js → chat-ui-C6y6xLcn.js}

@@ -6,13 +6,13 @@ import { _ as Logger, c as Objects, g as cn, l as useEventListener, t as Button
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { r as toast } from "./copy-COam1EG7.js";
-import { Bn as CircleX, C as AccordionContent, D as ChatBubbleIcon, Dn as Trash2, En as Wrench, Et as createVariableInfoElement, Fn as FileText, G as cellErrorsAtom, Gt as dataSourceConnectionsAtom, Jt as getRequestClient, Kt as getTableType, Ln as ExternalLink, Lt as jotaiJsonStorage, Mn as LoaderCircle, Mt as generateUUID, P as base64ToDataURL, Pn as Info, Qt as singleFacet, Rt as variablesAtom, S as Accordion, T as AccordionTrigger, V as renderHTML, Wt as allTablesAtom, X as notebookAtom, _ as Boosts, b as AIContextProvider, bn as Anchor2, c as Popover, cn as CellOutputId, d as PopoverTrigger, f as isOutputEmpty, h as DatasourceContextProvider, kt as moveToEndOfEditor, n as Spinner, r as MarkdownRenderer, rn as ZodLocalStorage, t as toPng, u as PopoverContent, v as Sections, vn as atomWithStorage, w as AccordionItem, x as AIContextRegistry, y as contextToXml, yt as displayCellName, zt as PluralWord } from "./html-to-image-MqcD07Bw.js";
+import { $t as singleFacet, Bt as PluralWord, C as AccordionContent, D as ChatBubbleIcon, Dn as Wrench, Et as createVariableInfoElement, Fn as Info, G as cellErrorsAtom, Gt as allTablesAtom, In as FileText, Kt as dataSourceConnectionsAtom, Lt as jotaiJsonStorage, Mt as generateUUID, Nn as LoaderCircle, On as Trash2, P as base64ToDataURL, Rn as ExternalLink, Rt as variablesAtom, S as Accordion, T as AccordionTrigger, V as renderHTML, Vn as CircleX, X as notebookAtom, Yt as getRequestClient, _ as Boosts, b as AIContextProvider, c as Popover, d as PopoverTrigger, f as isOutputEmpty, h as DatasourceContextProvider, in as ZodLocalStorage, kt as moveToEndOfEditor, ln as CellOutputId, n as Spinner, qt as getTableType, r as MarkdownRenderer, t as toPng, u as PopoverContent, v as Sections, w as AccordionItem, x as AIContextRegistry, xn as Anchor2, y as contextToXml, yn as atomWithStorage, yt as displayCellName } from "./html-to-image-DcTkcjmm.js";
 import "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
 import { C as logNever, I as X, R as ChevronDown, t as Strings } from "./strings-Dq_j3Rxw.js";
 import { C as DropdownMenuTrigger, a as NumberField, f as DropdownMenu, h as DropdownMenuItem, p as DropdownMenuContent, r as Input } from "./input-BSdZp5Ng.js";
 import { p as isUrl, v as CircleQuestionMark } from "./toDate-D1Z7ZXWh.js";
-import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-Dt3icftd.js";
+import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-2FbS8KgW.js";
 import "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
 import { A as looseObject, B as union, C as any, D as discriminatedUnion, E as custom, H as safeParseAsync, I as record, L as strictObject, M as never, N as number, O as lazy, P as object$1, R as string, S as _null, T as boolean, V as unknown, W as toJSONSchema, b as _enum, k as literal, w as array$1, x as _instanceof } from "./zod-CijjQh4u.js";
@@ -6517,18 +6517,18 @@ const ReasoningAccordion = (e18) => {
   if (!h && !y) return null;
   let S = y ? "reasoning" : b, C;
   m[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), m[0] = C) : C = m[0];
-  let T = y ? "Thinking" : "View reasoning", E = h.length > 0 && ` (${h.length} chars)`, D;
-  m[1] !== T || m[2] !== E ? (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  let w = y ? "Thinking" : "View reasoning", E = h.length > 0 && ` (${h.length} chars)`, D;
+  m[1] !== w || m[2] !== E ? (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
     className: "text-xs text-muted-foreground hover:bg-muted/50 px-2 py-1 h-auto rounded-sm [&[data-state=open]>svg]:rotate-180",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
       className: "flex items-center gap-2",
       children: [
         C,
-        T,
+        w,
         E
       ]
     })
-  }), m[1] = T, m[2] = E, m[3] = D) : D = m[3];
+  }), m[1] = w, m[2] = E, m[3] = D) : D = m[3];
   let O;
   m[4] === h ? O = m[5] : (O = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "pb-2 px-2",
@@ -6649,53 +6649,53 @@ const ToolApprovalCard = (e18) => {
 };
 var import_compiler_runtime$5 = require_compiler_runtime();
 const ToolErrorCard = (e18) => {
-  let m = (0, import_compiler_runtime$5.c)(28), { toolName: h, input: g, errorText: v, isLive: y, className: b } = e18, [x, S] = import_react.useState(y), w = import_react.useRef(y), T, E;
-  m[0] === y ? (T = m[1], E = m[2]) : (T = () => {
-    w.current && !y && S(false), w.current = y;
-  }, E = [y], m[0] = y, m[1] = T, m[2] = E), import_react.useEffect(T, E);
+  let m = (0, import_compiler_runtime$5.c)(28), { toolName: h, input: g, errorText: v, isLive: y, className: b } = e18, [x, S] = import_react.useState(y), C = import_react.useRef(y), w, T;
+  m[0] === y ? (w = m[1], T = m[2]) : (w = () => {
+    C.current && !y && S(false), C.current = y;
+  }, T = [y], m[0] = y, m[1] = w, m[2] = T), import_react.useEffect(w, T);
+  let E;
+  m[3] === b ? E = m[4] : (E = cn("rounded-md border border-(--red-6) bg-(--red-2)", b), m[3] = b, m[4] = E);
   let D;
-  m[3] === b ? D = m[4] : (D = cn("rounded-md border border-(--red-6) bg-(--red-2)", b), m[3] = b, m[4] = D);
+  m[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => S(_temp$2), m[5] = D) : D = m[5];
   let O;
-  m[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = () => S(_temp$2), m[5] = O) : O = m[5];
+  m[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleX, { className: "h-3.5 w-3.5 shrink-0" }), m[6] = O) : O = m[6];
   let k;
-  m[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleX, { className: "h-3.5 w-3.5 shrink-0" }), m[6] = k) : k = m[6];
-  let A;
-  m[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  m[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     className: "font-semibold",
     children: "Failed:"
-  }), m[7] = A) : A = m[7];
+  }), m[7] = k) : k = m[7];
+  let A;
+  m[8] === h ? A = m[9] : (A = formatToolName(h), m[8] = h, m[9] = A);
   let j;
-  m[8] === h ? j = m[9] : (j = formatToolName(h), m[8] = h, m[9] = j);
-  let M;
-  m[10] === j ? M = m[11] : (M = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+  m[10] === A ? j = m[11] : (j = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
     className: "flex-1 text-left",
     children: [
-      A,
+      k,
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
         className: "font-mono",
-        children: j
+        children: A
       })
     ]
-  }), m[10] = j, m[11] = M);
-  let N = x && "rotate-180", P;
-  m[12] === N ? P = m[13] : (P = cn("h-3.5 w-3.5 shrink-0 transition-transform", N), m[12] = N, m[13] = P);
+  }), m[10] = A, m[11] = j);
+  let M = x && "rotate-180", N;
+  m[12] === M ? N = m[13] : (N = cn("h-3.5 w-3.5 shrink-0 transition-transform", M), m[12] = M, m[13] = N);
+  let P;
+  m[14] === N ? P = m[15] : (P = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: N }), m[14] = N, m[15] = P);
   let F;
-  m[14] === P ? F = m[15] : (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: P }), m[14] = P, m[15] = F);
-  let I;
-  m[16] !== x || m[17] !== F || m[18] !== M ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+  m[16] !== x || m[17] !== P || m[18] !== j ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
     type: "button",
-    onClick: O,
+    onClick: D,
     className: "w-full flex items-center gap-2 px-3 py-2 text-xs text-(--red-11) hover:bg-(--red-3) rounded-md transition-colors",
     "aria-expanded": x,
     children: [
-      k,
-      M,
-      F
+      O,
+      j,
+      P
     ]
-  }), m[16] = x, m[17] = F, m[18] = M, m[19] = I) : I = m[19];
-  let L;
-  m[20] !== v || m[21] !== g || m[22] !== x ? (L = x && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  }), m[16] = x, m[17] = P, m[18] = j, m[19] = F) : F = m[19];
+  let I;
+  m[20] !== v || m[21] !== g || m[22] !== x ? (I = x && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "px-3 pb-3 space-y-3 border-t border-(--red-6)/40 pt-3",
     children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolArgsRenderer, { input: g }), v && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
       className: "text-xs font-semibold text-(--red-11) mb-1",
@@ -6704,12 +6704,12 @@ const ToolErrorCard = (e18) => {
       className: "bg-(--red-2) border border-(--red-6) rounded p-2 text-xs text-(--red-11) leading-relaxed overflow-auto scrollbar-thin max-h-64 whitespace-pre-wrap",
       children: v
     })] })]
-  }), m[20] = v, m[21] = g, m[22] = x, m[23] = L) : L = m[23];
-  let R;
-  return m[24] !== I || m[25] !== L || m[26] !== D ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-    className: D,
-    children: [I, L]
-  }), m[24] = I, m[25] = L, m[26] = D, m[27] = R) : R = m[27], R;
+  }), m[20] = v, m[21] = g, m[22] = x, m[23] = I) : I = m[23];
+  let L;
+  return m[24] !== F || m[25] !== I || m[26] !== E ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    className: E,
+    children: [F, I]
+  }), m[24] = F, m[25] = I, m[26] = E, m[27] = L) : L = m[27], L;
 };
 function _temp$2(e18) {
   return !e18;
@@ -6854,9 +6854,9 @@ function getTriggerToneClass(e18) {
   }
 }
 const ToolHistoryRow = (e18) => {
-  let m = (0, import_compiler_runtime$3.c)(34), { toolName: h, state: g, input: v, result: y, approval: b, index: x, className: S, isActive: C } = e18, T = x === void 0 ? 0 : x, E = C === void 0 ? true : C, D;
+  let m = (0, import_compiler_runtime$3.c)(34), { toolName: h, state: g, input: v, result: y, approval: b, index: x, className: S, isActive: C } = e18, w = x === void 0 ? 0 : x, E = C === void 0 ? true : C, D;
   m[0] !== E || m[1] !== g ? (D = !E && PENDING_STATES.has(g), m[0] = E, m[1] = g, m[2] = D) : D = m[2];
-  let O = D, k = `tool-${T}`, A;
+  let O = D, k = `tool-${w}`, A;
   m[3] === S ? A = m[4] : (A = cn("w-full", S), m[3] = S, m[4] = A);
   let j;
   m[5] !== O || m[6] !== g ? (j = cn("h-6 text-xs border-border shadow-none! ring-0! bg-muted/60 hover:bg-muted py-0 px-2 gap-1 rounded-sm [&[data-state=open]>svg]:rotate-180 hover:no-underline", O ? "text-muted-foreground" : getTriggerToneClass(g)), m[5] = O, m[6] = g, m[7] = j) : j = m[7];
@@ -7612,22 +7612,22 @@ function routeIncomingChatChunk(e18, m) {
 }
 const Chatbot = (e18) => {
   var _a;
-  let [m, g] = (0, import_react.useState)(""), [b, x] = (0, import_react.useState)(e18.config), [S, C] = (0, import_react.useState)(e18.config), [w, T] = (0, import_react.useState)(void 0), D = (0, import_react.useRef)(null), O = (0, import_react.useRef)(null), k = (0, import_react.useRef)(null), A = (0, import_react.useRef)(null);
+  let [m, g] = (0, import_react.useState)(""), [b, x] = (0, import_react.useState)(e18.config), [S, C] = (0, import_react.useState)(e18.config), [w, T] = (0, import_react.useState)(void 0), E = (0, import_react.useRef)(null), D = (0, import_react.useRef)(null), O = (0, import_react.useRef)(null), k = (0, import_react.useRef)(null);
   Object.keys(e18.config).some((m2) => e18.config[m2] !== S[m2]) && (x(e18.config), C(e18.config));
-  let j = (0, import_react.useRef)(b);
-  j.current = b;
-  let M = (0, import_react.useRef)(null), N = (0, import_react.useRef)(null), { data: P } = useAsyncData(async () => (await e18.get_chat_history({})).messages, []), F = e18.value.length > 0 ? e18.value : P, { messages: I, sendMessage: R, setMessages: z, status: B, stop: V, error: H, regenerate: U, clearError: W, addToolApprovalResponse: G } = useChat({
+  let A = (0, import_react.useRef)(b);
+  A.current = b;
+  let j = (0, import_react.useRef)(null), M = (0, import_react.useRef)(null), { data: N } = useAsyncData(async () => (await e18.get_chat_history({})).messages, []), P = e18.value.length > 0 ? e18.value : N, { messages: I, sendMessage: R, setMessages: z, status: B, stop: V, error: H, regenerate: U, clearError: W, addToolApprovalResponse: G } = useChat({
     sendAutomaticallyWhen: ({ messages: e19 }) => hasPendingToolCalls(e19),
     transport: new DefaultChatTransport({ fetch: async (m2, g2) => {
       var _a2;
       if (g2 === void 0) return fetch(m2);
       let _ = JSON.parse(g2.body), v = g2.signal, y = {
-        max_tokens: j.current.max_tokens,
-        temperature: j.current.temperature,
-        top_p: j.current.top_p,
-        top_k: j.current.top_k,
-        frequency_penalty: j.current.frequency_penalty,
-        presence_penalty: j.current.presence_penalty
+        max_tokens: A.current.max_tokens,
+        temperature: A.current.temperature,
+        top_p: A.current.top_p,
+        top_k: A.current.top_k,
+        frequency_penalty: A.current.frequency_penalty,
+        presence_penalty: A.current.presence_penalty
       };
       try {
         let m3 = _.messages.map((e19) => {
@@ -7638,14 +7638,14 @@ const Chatbot = (e18) => {
           };
         }), g3 = generateUUID(), b2 = new ReadableStream({
           start(m4) {
-            M.current = m4, N.current = g3;
+            j.current = m4, M.current = g3;
             let _2 = () => {
               try {
                 m4.close();
               } catch (e19) {
                 Logger.debug("Controller may already be closed", { error: e19 });
               }
-              M.current = null, N.current = null, e18.cancel_prompt({ request_id: g3 }).catch((e19) => {
+              j.current = null, M.current = null, e18.cancel_prompt({ request_id: g3 }).catch((e19) => {
                 Logger.debug("cancel_prompt failed", { error: e19 });
               });
             };
@@ -7654,7 +7654,7 @@ const Chatbot = (e18) => {
             };
           },
           cancel() {
-            M.current = null, N.current = null;
+            j.current = null, M.current = null;
           }
         });
         return e18.send_prompt({
@@ -7663,7 +7663,7 @@ const Chatbot = (e18) => {
           config: y
         }).catch((e19) => {
           var _a3;
-          (_a3 = M.current) == null ? void 0 : _a3.error(e19), M.current = null, N.current = null;
+          (_a3 = j.current) == null ? void 0 : _a3.error(e19), j.current = null, M.current = null;
         }), createUIMessageStreamResponse({ stream: b2 });
       } catch (e19) {
         if (e19 instanceof Error && e19.name === "AbortError") return new Response("Aborted", { status: 499 });
@@ -7671,9 +7671,9 @@ const Chatbot = (e18) => {
         return new Response(m3, { status: 400 });
       }
     } }),
-    messages: F,
+    messages: P,
     onFinish: (m2) => {
-      T(void 0), D.current && (D.current.value = ""), Logger.debug("Finished streaming message:", m2), e18.setValue(m2.messages);
+      T(void 0), E.current && (E.current.value = ""), Logger.debug("Finished streaming message:", m2), e18.setValue(m2.messages);
     },
     onError: (e19) => {
       Logger.error("An error occurred:", e19);
@@ -7682,8 +7682,8 @@ const Chatbot = (e18) => {
   useEventListener(e18.host, MarimoIncomingMessageEvent.TYPE, (e19) => {
     let m2 = ChatMessageIncomingSchema.safeParse(e19.detail.message);
     m2.success && routeIncomingChatChunk(m2.data, {
-      controllerRef: M,
-      activeRequestIdRef: N
+      controllerRef: j,
+      activeRequestIdRef: M
     });
   });
   let K = B === "submitted" || B === "streaming", q = (m2) => {
@@ -7702,12 +7702,12 @@ const Chatbot = (e18) => {
   }, Z = e18.prompts.length > 0 ? "Type your message here, / for prompts" : "Type your message here...";
   (0, import_react.useEffect)(() => {
     var _a2;
-    (_a2 = A.current) == null ? void 0 : _a2.scrollTo({
-      top: A.current.scrollHeight,
+    (_a2 = k.current) == null ? void 0 : _a2.scrollTo({
+      top: k.current.scrollHeight,
       behavior: "smooth"
     });
-  }, [I.length, A]);
-  let Q = (_a = k.current) == null ? void 0 : _a.view, $ = () => {
+  }, [I.length, k]);
+  let Q = (_a = O.current) == null ? void 0 : _a.view, $ = () => {
     if (Q) {
       let e19 = Q.state.doc.length;
       Q.dispatch({ changes: {
@@ -7736,7 +7736,7 @@ const Chatbot = (e18) => {
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         className: "grow overflow-y-auto gap-4 pt-8 pb-4 px-2 flex flex-col",
-        ref: A,
+        ref: k,
         children: [
           I.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
             className: "flex flex-col items-center justify-center h-full text-muted-foreground text-center p-4",
@@ -7808,7 +7808,7 @@ const Chatbot = (e18) => {
             }, ...g2 ?? []]
           }), $();
         },
-        ref: O,
+        ref: D,
         inert: e18.disabled || void 0,
         className: cn("flex w-full border-t border-(--slate-6) px-2 py-1 items-center", e18.disabled && "opacity-50 cursor-not-allowed"),
         children: [
@@ -7828,12 +7828,12 @@ const Chatbot = (e18) => {
             className: "rounded-sm mr-2",
             placeholder: Z,
             value: m,
-            inputRef: k,
+            inputRef: O,
             maxHeight: e18.maxHeight ? `${e18.maxHeight / 2}px` : void 0,
             onChange: g,
             onSubmit: (e19, m2) => {
               var _a2;
-              m2.trim() && ((_a2 = O.current) == null ? void 0 : _a2.requestSubmit());
+              m2.trim() && ((_a2 = D.current) == null ? void 0 : _a2.requestSubmit());
             },
             onClose: () => {
             },
@@ -7854,7 +7854,7 @@ const Chatbot = (e18) => {
             variant: "text",
             size: "sm",
             onClick: () => {
-              T(void 0), D.current && (D.current.value = "");
+              T(void 0), E.current && (E.current.value = "");
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
           }),
@@ -7864,12 +7864,12 @@ const Chatbot = (e18) => {
             size: "sm",
             onClick: () => {
               var _a2;
-              return (_a2 = D.current) == null ? void 0 : _a2.click();
+              return (_a2 = E.current) == null ? void 0 : _a2.click();
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Paperclip, { className: "h-4" })
           }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
             type: "file",
-            ref: D,
+            ref: E,
             className: "hidden",
             multiple: true,
             accept: Array.isArray(e18.allowAttachments) ? e18.allowAttachments.join(",") : void 0,
@@ -8035,23 +8035,23 @@ var configDescriptions = {
       })
     })
   }), m[2] = w) : w = m[2];
-  let E;
+  let T;
   if (m[3] !== C || m[4] !== h) {
     let e19;
     m[6] === C ? e19 = m[7] : (e19 = (e20, m2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuItem, {
       onSelect: () => C(e20),
       className: "whitespace-normal text-left",
       children: e20
-    }, m2), m[6] = C, m[7] = e19), E = h.map(e19), m[3] = C, m[4] = h, m[5] = E;
-  } else E = m[5];
+    }, m2), m[6] = C, m[7] = e19), T = h.map(e19), m[3] = C, m[4] = h, m[5] = T;
+  } else T = m[5];
   let D;
-  m[8] === E ? D = m[9] : (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverAnchor, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenu, { children: [w, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuContent, {
+  m[8] === T ? D = m[9] : (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverAnchor, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenu, { children: [w, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuContent, {
     side: "right",
     align: "end",
     onCloseAutoFocus: _temp,
     className: "w-64 max-h-96 overflow-y-auto",
-    children: E
-  })] }) }), m[8] = E, m[9] = D);
+    children: T
+  })] }) }), m[8] = T, m[9] = D);
   let O;
   m[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = () => v(false), m[10] = O) : O = m[10];
   let k;