@marimo-team/islands 0.23.16-dev34 → 0.23.16-dev36

package/dist/{chat-ui-DuPGKU9z.js → chat-ui-DAPduOBU.js}

@@ -6,13 +6,13 @@ import { c as useEventListener, g as Logger, h as cn, t as Button } from "./butt
 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-DNq8q3zw.js";
-import { $t as isErrorMime, An as Wrench, C as Accordion, Dt as moveToEndOfEditor, E as AccordionTrigger, F as base64ToDataURL, Gt as getTableType, H as renderHTML, In as LoaderCircle, Mt as jotaiJsonStorage, Nt as variablesAtom, O as ChatBubbleIcon, Q as notebookAtom, Rn as Info, Rt as PluralWord, S as AIContextRegistry, Sn as atomWithStorage, St as createVariableInfoElement, T as AccordionItem, Ut as allTablesAtom, Vn as ExternalLink, Wn as CircleX, Wt as dataSourceConnectionsAtom, b as contextToXml, c as Popover, d as PopoverTrigger, en as isMarimoErrorsMime, f as isOutputEmpty, fn as CellOutputId, g as formatDatasourceContextForCell, h as DatasourceContextProvider, ht as displayCellName, jn as Trash2, kt as generateUUID, n as Spinner, nn as singleFacet, qt as getRequestClient, r as MarkdownRenderer, sn as ZodLocalStorage, st as parseHtmlContent, t as toPng, tn as isTracebackMime, u as PopoverContent, v as Boosts, w as AccordionContent, wn as Anchor2, x as AIContextProvider, y as Sections, zn as FileText } from "./html-to-image-Bza3T2dl.js";
+import { Bn as Info, Bt as PluralWord, C as Accordion, E as AccordionTrigger, En as Anchor2, F as base64ToDataURL, Ft as variablesAtom, Gt as allTablesAtom, H as renderHTML, Kn as CircleX, Kt as dataSourceConnectionsAtom, Mn as Wrench, Nn as Trash2, O as ChatBubbleIcon, Pt as jotaiJsonStorage, Q as notebookAtom, Rn as LoaderCircle, S as AIContextRegistry, T as AccordionItem, Un as ExternalLink, Vn as FileText, Yt as getRequestClient, b as contextToXml, c as Popover, d as PopoverTrigger, f as isOutputEmpty, g as formatDatasourceContextForCell, h as DatasourceContextProvider, ht as displayCellName, in as singleFacet, jt as generateUUID, kt as moveToEndOfEditor, ln as ZodLocalStorage, mn as CellOutputId, n as Spinner, nn as isMarimoErrorsMime, qt as getTableType, r as MarkdownRenderer, rn as isTracebackMime, st as parseHtmlContent, t as toPng, tn as isErrorMime, u as PopoverContent, v as Boosts, w as AccordionContent, wn as atomWithStorage, wt as createVariableInfoElement, x as AIContextProvider, y as Sections } from "./html-to-image-CRnU7G8x.js";
 import "./chunk-5FQGJX7Z-B9WoXK1R.js";
 import { u as createLucideIcon } from "./dist-DIlxLFXG.js";
 import { C as logNever, I as X, R as ChevronDown, t as Strings } from "./strings-DIy9NAmg.js";
 import { C as DropdownMenuTrigger, a as NumberField, f as DropdownMenu, h as DropdownMenuItem, p as DropdownMenuContent, r as Input } from "./input-C5K4VBvB.js";
 import { p as isUrl, w as CircleQuestionMark } from "./toDate-CqhBWjvO.js";
-import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-pCEXvnhG.js";
+import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-CK1nZFgq.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-BUcyXSdR.js";
@@ -6081,11 +6081,11 @@ function getCellErrorEntries(e18) {
     if (!b || !isErrorMime(b.mimetype)) continue;
     let x = parseCellErrorOutput(b);
     if (!x) continue;
-    let S = displayCellName(_[y].name, e19), w = _[y].lastCodeRun ?? _[y].code;
+    let S = displayCellName(_[y].name, e19), C = _[y].lastCodeRun ?? _[y].code;
     v.push({
       cellId: y,
       cellName: S,
-      cellCode: w,
+      cellCode: C,
       errorData: x.errorData,
       tracebackHtml: resolveTracebackHtml(x, h2.consoleOutputs)
     });
@@ -6613,18 +6613,18 @@ const ReasoningAccordion = (e18) => {
   if (!g && !b) return null;
   let C = b ? "reasoning" : x, w;
   h[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), h[0] = w) : w = h[0];
-  let E = b ? "Thinking" : "View reasoning", O = g.length > 0 && ` (${g.length} chars)`, k;
-  h[1] !== E || h[2] !== O ? (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  let D = b ? "Thinking" : "View reasoning", O = g.length > 0 && ` (${g.length} chars)`, k;
+  h[1] !== D || h[2] !== O ? (k = /* @__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: [
         w,
-        E,
+        D,
         O
       ]
     })
-  }), h[1] = E, h[2] = O, h[3] = k) : k = h[3];
+  }), h[1] = D, h[2] = O, h[3] = k) : k = h[3];
   let A;
   h[4] === g ? A = h[5] : (A = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "pb-2 px-2",
@@ -6762,8 +6762,8 @@ const ToolErrorCard = (e18) => {
   }), h[7] = A) : A = h[7];
   let j;
   h[8] === g ? j = h[9] : (j = formatToolName(g), h[8] = g, h[9] = j);
-  let M;
-  h[10] === j ? M = h[11] : (M = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+  let N;
+  h[10] === j ? N = h[11] : (N = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
     className: "flex-1 text-left",
     children: [
       A,
@@ -6773,25 +6773,25 @@ const ToolErrorCard = (e18) => {
         children: j
       })
     ]
-  }), h[10] = j, h[11] = M);
-  let N = S && "rotate-180", P;
-  h[12] === N ? P = h[13] : (P = cn("h-3.5 w-3.5 shrink-0 transition-transform", N), h[12] = N, h[13] = P);
-  let F;
-  h[14] === P ? F = h[15] : (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: P }), h[14] = P, h[15] = F);
+  }), h[10] = j, h[11] = N);
+  let P = S && "rotate-180", F;
+  h[12] === P ? F = h[13] : (F = cn("h-3.5 w-3.5 shrink-0 transition-transform", P), h[12] = P, h[13] = F);
   let I;
-  h[16] !== S || h[17] !== F || h[18] !== M ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+  h[14] === F ? I = h[15] : (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: F }), h[14] = F, h[15] = I);
+  let L;
+  h[16] !== S || h[17] !== I || h[18] !== N ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
     type: "button",
     onClick: O,
     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": S,
     children: [
       k,
-      M,
-      F
+      N,
+      I
     ]
-  }), h[16] = S, h[17] = F, h[18] = M, h[19] = I) : I = h[19];
-  let L;
-  h[20] !== y || h[21] !== _ || h[22] !== S ? (L = S && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  }), h[16] = S, h[17] = I, h[18] = N, h[19] = L) : L = h[19];
+  let R;
+  h[20] !== y || h[21] !== _ || h[22] !== S ? (R = S && /* @__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: _ }), y && /* @__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",
@@ -6800,12 +6800,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: y
     })] })]
-  }), h[20] = y, h[21] = _, h[22] = S, h[23] = L) : L = h[23];
-  let R;
-  return h[24] !== I || h[25] !== L || h[26] !== D ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  }), h[20] = y, h[21] = _, h[22] = S, h[23] = R) : R = h[23];
+  let z;
+  return h[24] !== L || h[25] !== R || h[26] !== D ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: D,
-    children: [I, L]
-  }), h[24] = I, h[25] = L, h[26] = D, h[27] = R) : R = h[27], R;
+    children: [L, R]
+  }), h[24] = L, h[25] = R, h[26] = D, h[27] = z) : z = h[27], z;
 };
 function _temp$3(e18) {
   return !e18;
@@ -6824,44 +6824,44 @@ var SuccessResultSchema = looseObject({
 }), PrettySuccessResult = (e18) => {
   let h = (0, import_compiler_runtime$4.c)(12), { data: g } = e18, _;
   if (h[0] !== g) {
-    let { status: e19, auth_required: v, action_url: y, meta: b, next_steps: x, message: S, ...C } = g, w;
-    h[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+    let { status: e19, auth_required: v, action_url: y, meta: b, next_steps: x, message: S, ...w } = g, T;
+    h[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
       className: "text-xs font-semibold text-muted-foreground",
       children: "Tool Result"
-    }), h[2] = w) : w = h[2];
-    let T;
-    h[3] === e19 ? T = h[4] : (T = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    }), h[2] = T) : T = h[2];
+    let E;
+    h[3] === e19 ? E = h[4] : (E = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
       className: "text-xs px-2 py-0.5 bg-(--grass-2) text-(--grass-11) rounded-full font-medium capitalize",
       children: e19
-    }), h[3] = e19, h[4] = T);
-    let E;
-    h[5] === v ? E = h[6] : (E = v && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    }), h[3] = e19, h[4] = E);
+    let D;
+    h[5] === v ? D = h[6] : (D = v && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
       className: "text-xs px-2 py-0.5 bg-(--amber-2) text-(--amber-11) rounded-full",
       children: "Auth Required"
-    }), h[5] = v, h[6] = E);
-    let D;
-    h[7] !== T || h[8] !== E ? (D = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), h[5] = v, h[6] = D);
+    let O;
+    h[7] !== E || h[8] !== D ? (O = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center justify-between",
-      children: [w, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+      children: [T, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         className: "flex items-center gap-2",
-        children: [T, E]
+        children: [E, D]
       })]
-    }), h[7] = T, h[8] = E, h[9] = D) : D = h[9];
-    let O;
-    h[10] === S ? O = h[11] : (O = S && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), h[7] = E, h[8] = D, h[9] = O) : O = h[9];
+    let k;
+    h[10] === S ? k = h[11] : (k = S && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-start gap-2",
       children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Info, { className: "h-3 w-3 text-(--blue-11) mt-0.5 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         className: "text-xs text-foreground",
         children: S
       })]
-    }), h[10] = S, h[11] = O), _ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), h[10] = S, h[11] = k), _ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-1.5",
       children: [
-        D,
         O,
-        C && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        k,
+        w && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
           className: "space-y-3",
-          children: Object.entries(C).map(_temp$2)
+          children: Object.entries(w).map(_temp$2)
         })
       ]
     }), h[0] = g, h[1] = _;
@@ -6950,9 +6950,9 @@ function getTriggerToneClass(e18) {
   }
 }
 const ToolHistoryRow = (e18) => {
-  let h = (0, import_compiler_runtime$3.c)(34), { toolName: g, state: _, input: y, result: b, approval: x, index: S, className: C, isActive: w } = e18, E = S === void 0 ? 0 : S, O = w === void 0 ? true : w, k;
+  let h = (0, import_compiler_runtime$3.c)(34), { toolName: g, state: _, input: y, result: b, approval: x, index: S, className: C, isActive: w } = e18, D = S === void 0 ? 0 : S, O = w === void 0 ? true : w, k;
   h[0] !== O || h[1] !== _ ? (k = !O && PENDING_STATES.has(_), h[0] = O, h[1] = _, h[2] = k) : k = h[2];
-  let A = k, j = `tool-${E}`, M;
+  let A = k, j = `tool-${D}`, M;
   h[3] === C ? M = h[4] : (M = cn("w-full", C), h[3] = C, h[4] = M);
   let N;
   h[5] !== A || h[6] !== _ ? (N = 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", A ? "text-muted-foreground" : getTriggerToneClass(_)), h[5] = A, h[6] = _, h[7] = N) : N = h[7];
@@ -7822,22 +7822,22 @@ function routeIncomingChatChunk(e18, h) {
 }
 const Chatbot = (e18) => {
   var _a;
-  let [h, b] = (0, import_react.useState)(""), [x, S] = (0, import_react.useState)(e18.config), [C, w] = (0, import_react.useState)(e18.config), [T, D] = (0, import_react.useState)(void 0), O = (0, import_react.useRef)(null), k = (0, import_react.useRef)(null), A = (0, import_react.useRef)(null), j = (0, import_react.useRef)(null);
+  let [h, b] = (0, import_react.useState)(""), [x, S] = (0, import_react.useState)(e18.config), [C, w] = (0, import_react.useState)(e18.config), [T, E] = (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);
   Object.keys(e18.config).some((h2) => e18.config[h2] !== C[h2]) && (S(e18.config), w(e18.config));
-  let M = (0, import_react.useRef)(x);
-  M.current = x;
-  let N = (0, import_react.useRef)(null), P = (0, import_react.useRef)(null), { data: F } = useAsyncData(async () => (await e18.get_chat_history({})).messages, []), I = e18.value.length > 0 ? e18.value : F, { messages: L, sendMessage: R, setMessages: z, status: B, stop: V, error: H, regenerate: U, clearError: W, addToolApprovalResponse: G } = useChat({
+  let j = (0, import_react.useRef)(x);
+  j.current = x;
+  let M = (0, import_react.useRef)(null), N = (0, import_react.useRef)(null), { data: P } = useAsyncData(async () => (await e18.get_chat_history({})).messages, []), I = e18.value.length > 0 ? e18.value : P, { messages: L, 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 (h2, g) => {
       var _a2;
       if (g === void 0) return fetch(h2);
       let v = JSON.parse(g.body), y = g.signal, b2 = {
-        max_tokens: M.current.max_tokens,
-        temperature: M.current.temperature,
-        top_p: M.current.top_p,
-        top_k: M.current.top_k,
-        frequency_penalty: M.current.frequency_penalty,
-        presence_penalty: M.current.presence_penalty
+        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
       };
       try {
         let h3 = v.messages.map((e19) => {
@@ -7848,14 +7848,14 @@ const Chatbot = (e18) => {
           };
         }), g2 = generateUUID(), x2 = new ReadableStream({
           start(h4) {
-            N.current = h4, P.current = g2;
+            M.current = h4, N.current = g2;
             let v2 = () => {
               try {
                 h4.close();
               } catch (e19) {
                 Logger.debug("Controller may already be closed", { error: e19 });
               }
-              N.current = null, P.current = null, e18.cancel_prompt({ request_id: g2 }).catch((e19) => {
+              M.current = null, N.current = null, e18.cancel_prompt({ request_id: g2 }).catch((e19) => {
                 Logger.debug("cancel_prompt failed", { error: e19 });
               });
             };
@@ -7864,7 +7864,7 @@ const Chatbot = (e18) => {
             };
           },
           cancel() {
-            N.current = null, P.current = null;
+            M.current = null, N.current = null;
           }
         });
         return e18.send_prompt({
@@ -7873,7 +7873,7 @@ const Chatbot = (e18) => {
           config: b2
         }).catch((e19) => {
           var _a3;
-          (_a3 = N.current) == null ? void 0 : _a3.error(e19), N.current = null, P.current = null;
+          (_a3 = M.current) == null ? void 0 : _a3.error(e19), M.current = null, N.current = null;
         }), createUIMessageStreamResponse({ stream: x2 });
       } catch (e19) {
         if (e19 instanceof Error && e19.name === "AbortError") return new Response("Aborted", { status: 499 });
@@ -7883,7 +7883,7 @@ const Chatbot = (e18) => {
     } }),
     messages: I,
     onFinish: (h2) => {
-      D(void 0), O.current && (O.current.value = ""), Logger.debug("Finished streaming message:", h2), e18.setValue(h2.messages);
+      E(void 0), D.current && (D.current.value = ""), Logger.debug("Finished streaming message:", h2), e18.setValue(h2.messages);
     },
     onError: (e19) => {
       Logger.error("An error occurred:", e19);
@@ -7892,8 +7892,8 @@ const Chatbot = (e18) => {
   useEventListener(e18.host, MarimoIncomingMessageEvent.TYPE, (e19) => {
     let h2 = ChatMessageIncomingSchema.safeParse(e19.detail.message);
     h2.success && routeIncomingChatChunk(h2.data, {
-      controllerRef: N,
-      activeRequestIdRef: P
+      controllerRef: M,
+      activeRequestIdRef: N
     });
   });
   let K = B === "submitted" || B === "streaming", q = (h2) => {
@@ -7912,12 +7912,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 = j.current) == null ? void 0 : _a2.scrollTo({
-      top: j.current.scrollHeight,
+    (_a2 = A.current) == null ? void 0 : _a2.scrollTo({
+      top: A.current.scrollHeight,
       behavior: "smooth"
     });
-  }, [L.length, j]);
-  let Q = (_a = A.current) == null ? void 0 : _a.view, $ = () => {
+  }, [L.length, A]);
+  let Q = (_a = k.current) == null ? void 0 : _a.view, $ = () => {
     if (Q) {
       let e19 = Q.state.doc.length;
       Q.dispatch({ changes: {
@@ -7946,7 +7946,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: j,
+        ref: A,
         children: [
           L.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",
@@ -8018,7 +8018,7 @@ const Chatbot = (e18) => {
             }, ..._ ?? []]
           }), $();
         },
-        ref: k,
+        ref: O,
         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: [
@@ -8038,12 +8038,12 @@ const Chatbot = (e18) => {
             className: "rounded-sm mr-2",
             placeholder: Z,
             value: h,
-            inputRef: A,
+            inputRef: k,
             maxHeight: e18.maxHeight ? `${e18.maxHeight / 2}px` : void 0,
             onChange: b,
             onSubmit: (e19, h2) => {
               var _a2;
-              h2.trim() && ((_a2 = k.current) == null ? void 0 : _a2.requestSubmit());
+              h2.trim() && ((_a2 = O.current) == null ? void 0 : _a2.requestSubmit());
             },
             onClose: () => {
             },
@@ -8064,7 +8064,7 @@ const Chatbot = (e18) => {
             variant: "text",
             size: "sm",
             onClick: () => {
-              D(void 0), O.current && (O.current.value = "");
+              E(void 0), D.current && (D.current.value = "");
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
           }),
@@ -8074,17 +8074,17 @@ const Chatbot = (e18) => {
             size: "sm",
             onClick: () => {
               var _a2;
-              return (_a2 = O.current) == null ? void 0 : _a2.click();
+              return (_a2 = D.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: O,
+            ref: D,
             className: "hidden",
             multiple: true,
             accept: Array.isArray(e18.allowAttachments) ? e18.allowAttachments.join(",") : void 0,
             onChange: (e19) => {
-              e19.target.files && D([...e19.target.files]);
+              e19.target.files && E([...e19.target.files]);
             }
           })] }),
           K ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {