@marimo-team/islands 0.23.1-dev7 → 0.23.1-dev9

package/dist/{chat-ui-D0rOcl77.js → chat-ui-Bs4egzxg.js}

@@ -5,7 +5,7 @@ import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
 import { r as toast } from "./copy-DzOz_Au7.js";
-import { $t as singleFacet, A as MarimoIncomingMessageEvent, Bt as PluralWord, C as contextToXml, D as AccordionContent, E as Accordion, Fn as Info, Gt as allTablesAtom, I as ChatBubbleIcon, In as File$1, Kt as dataSourceConnectionsAtom, Nn as LoaderCircle, O as AccordionItem, On as Wrench, Ot as createVariableInfoElement, Q as cellErrorsAtom, Rt as jotaiJsonStorage, S as Sections, Sn as Anchor2, T as AIContextRegistry, U as deserializeBlob, Vn as CircleX, W as base64ToDataURL, Yt as getRequestClient, Z as renderHTML, a as toPng, bn as atomWithStorage, d as Spinner, f as Popover, g as isOutputEmpty, h as PopoverTrigger, in as ZodLocalStorage, jt as moveToEndOfEditor, k as AccordionTrigger, kn as Trash2, ln as CellOutputId, m as PopoverContent, n as blobToString, nt as notebookAtom, o as MarkdownRenderer, qt as getTableType, t as processOutput, w as AIContextProvider, x as Boosts, xt as displayCellName, y as DatasourceContextProvider, zt as variablesAtom } from "./process-output-C1_DucTc.js";
+import { A as MarimoIncomingMessageEvent, An as Trash2, Bt as variablesAtom, C as contextToXml, Cn as Anchor2, D as AccordionContent, E as Accordion, Hn as CircleX, I as ChatBubbleIcon, In as Info, Jt as getTableType, Kt as allTablesAtom, Ln as File$1, Mt as moveToEndOfEditor, O as AccordionItem, Pn as LoaderCircle, Q as cellErrorsAtom, S as Sections, St as displayCellName, T as AIContextRegistry, U as deserializeBlob, Vt as PluralWord, W as base64ToDataURL, Xt as getRequestClient, Z as renderHTML, a as toPng, an as ZodLocalStorage, d as Spinner, en as singleFacet, f as Popover, g as isOutputEmpty, h as PopoverTrigger, k as AccordionTrigger, kn as Wrench, kt as createVariableInfoElement, m as PopoverContent, n as blobToString, nt as notebookAtom, o as MarkdownRenderer, qt as dataSourceConnectionsAtom, t as processOutput, un as CellOutputId, w as AIContextProvider, x as Boosts, xn as atomWithStorage, y as DatasourceContextProvider, zt as jotaiJsonStorage } from "./process-output-BK6F4vqt.js";
 import "./chunk-5FQGJX7Z-C428iZBW.js";
 import { u as createLucideIcon } from "./dist-CjLQ79mo.js";
 import { C as logNever, I as X, n as Strings, t as Label } from "./label-J1N4mVcg.js";
@@ -6355,21 +6355,21 @@ var import_compiler_runtime$3 = require_compiler_runtime();
 const ReasoningAccordion = (e18) => {
   let _ = (0, import_compiler_runtime$3.c)(13), { reasoning: v, index: y, isStreaming: b } = e18, x = y === void 0 ? 0 : y, S = b === void 0 ? false : b, C = S ? "reasoning" : void 0, w;
   _[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), _[0] = w) : w = _[0];
-  let D = S ? "Thinking" : "View reasoning", O;
-  _[1] !== v.length || _[2] !== D ? (O = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  let T = S ? "Thinking" : "View reasoning", O;
+  _[1] !== v.length || _[2] !== T ? (O = /* @__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,
-        D,
+        T,
         " (",
         v.length,
         " ",
         "chars)"
       ]
     })
-  }), _[1] = v.length, _[2] = D, _[3] = O) : O = _[3];
+  }), _[1] = v.length, _[2] = T, _[3] = O) : O = _[3];
   let k;
   _[4] === v ? k = _[5] : (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "pb-2 px-2",
@@ -6411,24 +6411,24 @@ var import_compiler_runtime$2 = require_compiler_runtime(), SuccessResultSchema
       className: "text-xs font-semibold text-muted-foreground",
       children: "Tool Result"
     }), _[2] = E) : E = _[2];
-    let O;
-    _[3] === e19 ? O = _[4] : (O = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    let D;
+    _[3] === e19 ? D = _[4] : (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
       className: "text-xs px-2 py-0.5 bg-[var(--grass-2)] text-[var(--grass-11)] rounded-full font-medium capitalize",
       children: e19
-    }), _[3] = e19, _[4] = O);
-    let k;
-    _[5] === b ? k = _[6] : (k = b && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    }), _[3] = e19, _[4] = D);
+    let O;
+    _[5] === b ? O = _[6] : (O = b && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
       className: "text-xs px-2 py-0.5 bg-[var(--amber-2)] text-[var(--amber-11)] rounded-full",
       children: "Auth Required"
-    }), _[5] = b, _[6] = k);
-    let A;
-    _[7] !== O || _[8] !== k ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), _[5] = b, _[6] = O);
+    let k;
+    _[7] !== D || _[8] !== O ? (k = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center justify-between",
       children: [E, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         className: "flex items-center gap-2",
-        children: [O, k]
+        children: [D, O]
       })]
-    }), _[7] = O, _[8] = k, _[9] = A) : A = _[9];
+    }), _[7] = D, _[8] = O, _[9] = k) : k = _[9];
     let j;
     _[10] === w ? j = _[11] : (j = w && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-start gap-2",
@@ -6439,7 +6439,7 @@ var import_compiler_runtime$2 = require_compiler_runtime(), SuccessResultSchema
     }), _[10] = w, _[11] = j), y = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-1.5",
       children: [
-        A,
+        k,
         j,
         T && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
           className: "space-y-3",
@@ -6486,9 +6486,9 @@ var import_compiler_runtime$2 = require_compiler_runtime(), SuccessResultSchema
   }), _[7] = C, _[8] = w), w;
 };
 const ToolCallAccordion = (e18) => {
-  let _ = (0, import_compiler_runtime$2.c)(38), { toolName: v, result: y, error: b, index: x, state: S, className: C, input: w } = e18, D = x === void 0 ? 0 : x, O = S === "output-available" && (y || b), k = b ? "error" : O ? "success" : "loading", A;
-  _[0] === k ? A = _[1] : (A = () => {
-    switch (k) {
+  let _ = (0, import_compiler_runtime$2.c)(38), { toolName: v, result: y, error: b, index: x, state: S, className: C, input: w } = e18, T = x === void 0 ? 0 : x, k = S === "output-available" && (y || b), A = b ? "error" : k ? "success" : "loading", j;
+  _[0] === A ? j = _[1] : (j = () => {
+    switch (A) {
       case "loading":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-3 w-3 animate-spin" });
       case "error":
@@ -6498,39 +6498,39 @@ const ToolCallAccordion = (e18) => {
       default:
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrench, { className: "h-3 w-3" });
     }
-  }, _[0] = k, _[1] = A);
-  let j = A, F;
-  _[2] !== b || _[3] !== O || _[4] !== k ? (F = () => k === "loading" ? "Running" : b ? "Failed" : O ? "Done" : "Tool call", _[2] = b, _[3] = O, _[4] = k, _[5] = F) : F = _[5];
-  let I = F, L = `tool-${D}`, R;
+  }, _[0] = A, _[1] = j);
+  let M = j, N;
+  _[2] !== b || _[3] !== k || _[4] !== A ? (N = () => A === "loading" ? "Running" : b ? "Failed" : k ? "Done" : "Tool call", _[2] = b, _[3] = k, _[4] = A, _[5] = N) : N = _[5];
+  let P = N, L = `tool-${T}`, R;
   _[6] === C ? R = _[7] : (R = cn("w-full", C), _[6] = C, _[7] = R);
-  let z = k === "error" && "text-[var(--red-11)]/80", B = k === "success" && "text-[var(--grass-11)]/80", V;
+  let z = A === "error" && "text-[var(--red-11)]/80", B = A === "success" && "text-[var(--grass-11)]/80", V;
   _[8] !== z || _[9] !== B ? (V = 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", z, B), _[8] = z, _[9] = B, _[10] = V) : V = _[10];
-  let U;
-  _[11] === j ? U = _[12] : (U = j(), _[11] = j, _[12] = U);
-  let W = I(), G;
-  _[13] === v ? G = _[14] : (G = formatToolName(v), _[13] = v, _[14] = G);
-  let K;
-  _[15] === G ? K = _[16] : (K = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+  let H;
+  _[11] === M ? H = _[12] : (H = M(), _[11] = M, _[12] = H);
+  let U = P(), W;
+  _[13] === v ? W = _[14] : (W = formatToolName(v), _[13] = v, _[14] = W);
+  let G;
+  _[15] === W ? G = _[16] : (G = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
     className: "font-mono text-xs",
-    children: G
-  }), _[15] = G, _[16] = K);
-  let q;
-  _[17] !== W || _[18] !== K || _[19] !== U ? (q = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+    children: W
+  }), _[15] = W, _[16] = G);
+  let K;
+  _[17] !== U || _[18] !== G || _[19] !== H ? (K = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
     className: "flex items-center gap-1",
     children: [
+      H,
       U,
-      W,
       ":",
-      K
+      G
     ]
-  }), _[17] = W, _[18] = K, _[19] = U, _[20] = q) : q = _[20];
-  let J;
-  _[21] !== q || _[22] !== V ? (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  }), _[17] = U, _[18] = G, _[19] = H, _[20] = K) : K = _[20];
+  let q;
+  _[21] !== K || _[22] !== V ? (q = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
     className: V,
-    children: q
-  }), _[21] = q, _[22] = V, _[23] = J) : J = _[23];
-  let Y;
-  _[24] !== b || _[25] !== O || _[26] !== w || _[27] !== y ? (Y = O && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    children: K
+  }), _[21] = K, _[22] = V, _[23] = q) : q = _[23];
+  let J;
+  _[24] !== b || _[25] !== k || _[26] !== w || _[27] !== y ? (J = k && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "space-y-3",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolArgsRenderer, { input: w }),
@@ -6546,25 +6546,25 @@ const ToolCallAccordion = (e18) => {
         })]
       })
     ]
-  }), _[24] = b, _[25] = O, _[26] = w, _[27] = y, _[28] = Y) : Y = _[28];
-  let Z;
-  _[29] === Y ? Z = _[30] : (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
+  }), _[24] = b, _[25] = k, _[26] = w, _[27] = y, _[28] = J) : J = _[28];
+  let Y;
+  _[29] === J ? Y = _[30] : (Y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "py-2 px-2",
-    children: Y
-  }), _[29] = Y, _[30] = Z);
-  let Q;
-  _[31] !== J || _[32] !== Z ? (Q = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    children: J
+  }), _[29] = J, _[30] = Y);
+  let Z;
+  _[31] !== q || _[32] !== Y ? (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
     value: "tool-call",
     className: "border-0",
-    children: [J, Z]
-  }), _[31] = J, _[32] = Z, _[33] = Q) : Q = _[33];
-  let $;
-  return _[34] !== Q || _[35] !== L || _[36] !== R ? ($ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
+    children: [q, Y]
+  }), _[31] = q, _[32] = Y, _[33] = Z) : Z = _[33];
+  let Q;
+  return _[34] !== Z || _[35] !== L || _[36] !== R ? (Q = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
     collapsible: true,
     className: R,
-    children: Q
-  }, L), _[34] = Q, _[35] = L, _[36] = R, _[37] = $) : $ = _[37], $;
+    children: Z
+  }, L), _[34] = Z, _[35] = L, _[36] = R, _[37] = Q) : Q = _[37], Q;
 };
 function formatToolName(e18) {
   return e18.replace("tool-", "");
@@ -7161,24 +7161,24 @@ var import_compiler_runtime = require_compiler_runtime(), PopoverAnchor = Anchor
 });
 const Chatbot = (e18) => {
   var _a;
-  let [_, v] = (0, import_react.useState)(""), [y, b] = (0, import_react.useState)(e18.config), [x, 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((_2) => e18.config[_2] !== x[_2]) && (b(e18.config), C(e18.config));
-  let A = (0, import_react.useRef)(y);
-  A.current = y;
-  let j = (0, import_react.useRef)({
+  let [_, v] = (0, import_react.useState)(""), [y, b] = (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((_2) => e18.config[_2] !== C[_2]) && (b(e18.config), w(e18.config));
+  let j = (0, import_react.useRef)(y);
+  j.current = y;
+  let M = (0, import_react.useRef)({
     backendMessageId: null,
     frontendMessageIndex: 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: F, sendMessage: I, setMessages: L, status: R, stop: z, error: B, regenerate: V, clearError: H } = useChat({
+  }), N = (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 } = useChat({
     transport: new DefaultChatTransport({ fetch: async (_2, v2) => {
       var _a2;
       if (v2 === void 0) return fetch(_2);
-      let y2 = JSON.parse(v2.body), b2 = v2.signal, x2 = {
-        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
+      let y2 = JSON.parse(v2.body), b2 = v2.signal, x = {
+        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 _3 = y2.messages.map((e19) => {
@@ -7189,32 +7189,32 @@ const Chatbot = (e18) => {
           };
         }), v3 = new ReadableStream({
           start(e19) {
-            M.current = e19;
+            N.current = e19;
             let _4 = () => {
               try {
                 e19.close();
               } catch (e20) {
                 Logger.debug("Controller may already be closed", { error: e20 });
               }
-              M.current = null;
+              N.current = null;
             };
             return b2 == null ? void 0 : b2.addEventListener("abort", _4), () => {
               b2 == null ? void 0 : b2.removeEventListener("abort", _4);
             };
           },
           cancel() {
-            M.current = null;
+            N.current = null;
           }
         });
         return e18.send_prompt({
           messages: _3,
-          config: x2
+          config: x
         }).catch((e19) => {
           var _a3;
-          (_a3 = M.current) == null ? void 0 : _a3.error(e19), M.current = null;
+          (_a3 = N.current) == null ? void 0 : _a3.error(e19), N.current = null;
         }), createUIMessageStreamResponse({ stream: v3 });
       } catch (e19) {
-        if (j.current = {
+        if (M.current = {
           backendMessageId: null,
           frontendMessageIndex: null
         }, e19 instanceof Error && e19.name === "AbortError") return new Response("Aborted", { status: 499 });
@@ -7222,15 +7222,15 @@ const Chatbot = (e18) => {
         return new Response(_3, { status: 400 });
       }
     } }),
-    messages: P,
+    messages: I,
     onFinish: (_2) => {
-      T(void 0), E.current && (E.current.value = ""), Logger.debug("Finished streaming message:", _2), j.current = {
+      E(void 0), D.current && (D.current.value = ""), Logger.debug("Finished streaming message:", _2), M.current = {
         backendMessageId: null,
         frontendMessageIndex: null
       }, e18.setValue(_2.messages);
     },
     onError: (e19) => {
-      Logger.error("An error occurred:", e19), j.current = {
+      Logger.error("An error occurred:", e19), M.current = {
         backendMessageId: null,
         frontendMessageIndex: null
       };
@@ -7239,34 +7239,34 @@ const Chatbot = (e18) => {
   useEventListener(e18.host, MarimoIncomingMessageEvent.TYPE, (e19) => {
     let _2 = ChatMessageIncomingSchema.safeParse(e19.detail.message);
     if (!_2.success) return;
-    let v2 = _2.data, y2 = M.current;
-    y2 && (v2.content && y2.enqueue(v2.content), v2.is_final && (y2.close(), M.current = null));
+    let v2 = _2.data, y2 = N.current;
+    y2 && (v2.content && y2.enqueue(v2.content), v2.is_final && (y2.close(), N.current = null));
   });
-  let U = R === "submitted" || R === "streaming", W = (_2) => {
-    let v2 = F.findIndex((e19) => e19.id === _2);
+  let G = B === "submitted" || B === "streaming", K = (_2) => {
+    let v2 = L.findIndex((e19) => e19.id === _2);
     if (v2 !== -1) {
-      let y2 = F.filter((e19) => e19.id !== _2);
-      e18.delete_chat_message({ index: v2 }), L(y2), e18.setValue(y2);
+      let y2 = L.filter((e19) => e19.id !== _2);
+      e18.delete_chat_message({ index: v2 }), z(y2), e18.setValue(y2);
     }
-  }, G = Array.isArray(e18.allowAttachments) && e18.allowAttachments.length > 0 || e18.allowAttachments === true, K = {
+  }, q = Array.isArray(e18.allowAttachments) && e18.allowAttachments.length > 0 || e18.allowAttachments === true, Y = {
     triggerCompletionRegex: /^\/(\w+)?/,
     completions: e18.prompts.map((e19) => ({
       label: `/${e19}`,
       displayLabel: e19,
       apply: e19
     }))
-  }, q = e18.prompts.length > 0 ? "Type your message here, / for prompts" : "Type your message here...";
+  }, Z = e18.prompts.length > 0 ? "Type your message here, / for prompts" : "Type your message here...";
   (0, import_react.useEffect)(() => {
     var _a2;
-    (_a2 = k.current) == null ? void 0 : _a2.scrollTo({
-      top: k.current.scrollHeight,
+    (_a2 = A.current) == null ? void 0 : _a2.scrollTo({
+      top: A.current.scrollHeight,
       behavior: "smooth"
     });
-  }, [F.length, k]);
-  let Y = (_a = O.current) == null ? void 0 : _a.view, Z = () => {
-    if (Y) {
-      let e19 = Y.state.doc.length;
-      Y.dispatch({ changes: {
+  }, [L.length, A]);
+  let Q = (_a = k.current) == null ? void 0 : _a.view, $ = () => {
+    if (Q) {
+      let e19 = Q.state.doc.length;
+      Q.dispatch({ changes: {
         from: 0,
         to: e19,
         insert: ""
@@ -7283,18 +7283,18 @@ const Chatbot = (e18) => {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
           variant: "text",
           size: "icon",
-          disabled: F.length === 0,
+          disabled: L.length === 0,
           onClick: () => {
-            L([]), e18.setValue([]), e18.delete_chat_history({}), H();
+            z([]), e18.setValue([]), e18.delete_chat_history({}), W();
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCw, { className: "h-3 w-3" })
         })
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         className: "grow overflow-y-auto gap-4 pt-8 pb-4 px-2 flex flex-col",
-        ref: k,
+        ref: A,
         children: [
-          F.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          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",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-12 w-12 mb-4" }),
@@ -7308,16 +7308,16 @@ const Chatbot = (e18) => {
               })
             ]
           }),
-          F.map((e19, _2) => {
+          L.map((e19, _2) => {
             var _a2;
-            let v2 = (_a2 = e19.parts) == null ? void 0 : _a2.filter((e20) => e20.type === "text").map((e20) => e20.text).join("\n"), y2 = _2 === F.length - 1;
+            let v2 = (_a2 = e19.parts) == null ? void 0 : _a2.filter((e20) => e20.type === "text").map((e20) => e20.text).join("\n"), y2 = _2 === L.length - 1;
             return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
               className: cn("flex flex-col group gap-2", e19.role === "user" ? "items-end" : "items-start"),
               children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                 className: `max-w-[80%] p-3 rounded-lg ${e19.role === "user" ? "bg-(--sky-11) text-(--slate-1) whitespace-pre-wrap" : "bg-(--slate-4) text-(--slate-12)"}`,
                 children: renderUIMessage({
                   message: e19,
-                  isStreamingReasoning: R === "streaming",
+                  isStreamingReasoning: B === "streaming",
                   isLast: y2
                 })
               }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -7328,29 +7328,29 @@ const Chatbot = (e18) => {
                   buttonClassName: "text-xs text-(--slate-9) hover:text-(--slate-11)"
                 }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
                   type: "button",
-                  onClick: () => W(e19.id),
+                  onClick: () => K(e19.id),
                   className: "text-xs text-(--slate-9) hover:text-(--slate-11)",
                   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "h-3 w-3 text-(--red-9)" })
                 })]
               })]
             }, `${e19.id}-${_2}`);
           }),
-          U && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          G && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
             className: "flex items-center justify-center space-x-2 mb-4",
             children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "small" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
               variant: "link",
               size: "sm",
-              onClick: () => z(),
+              onClick: () => V(),
               className: "text-(--red-9) hover:text-(--red-11)",
               children: "Stop"
             })]
           }),
-          B && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          H && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
             className: "flex items-center justify-center space-x-2 mb-4",
-            children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: B }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+            children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: H }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
               variant: "outline",
               size: "sm",
-              onClick: () => V(),
+              onClick: () => U(),
               children: "Retry"
             })]
           })
@@ -7359,16 +7359,16 @@ const Chatbot = (e18) => {
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
         onSubmit: async (v2) => {
           if (v2.preventDefault(), e18.disabled) return;
-          let y2 = w ? await convertToFileUIPart(w) : void 0;
-          I({
+          let y2 = T ? await convertToFileUIPart(T) : void 0;
+          R({
             role: "user",
             parts: [{
               type: "text",
               text: _
             }, ...y2 ?? []]
-          }), Z();
+          }), $();
         },
-        ref: D,
+        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: [
@@ -7380,66 +7380,66 @@ const Chatbot = (e18) => {
             prompts: e18.prompts,
             onSelect: (e19) => {
               v(e19), requestAnimationFrame(() => {
-                Y == null ? void 0 : Y.focus(), moveToEndOfEditor(Y);
+                Q == null ? void 0 : Q.focus(), moveToEndOfEditor(Q);
               });
             }
           }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptInput, {
             className: "rounded-sm mr-2",
-            placeholder: q,
+            placeholder: Z,
             value: _,
-            inputRef: O,
+            inputRef: k,
             maxHeight: e18.maxHeight ? `${e18.maxHeight / 2}px` : void 0,
             onChange: v,
             onSubmit: (e19, _2) => {
               var _a2;
-              _2.trim() && ((_a2 = D.current) == null ? void 0 : _a2.requestSubmit());
+              _2.trim() && ((_a2 = O.current) == null ? void 0 : _a2.requestSubmit());
             },
             onClose: () => {
             },
-            additionalCompletions: K
+            additionalCompletions: Y
           }),
-          w && w.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-            title: w[0].name,
+          T && T.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+            title: T[0].name,
             className: "text-sm text-(--slate-11) truncate shrink-0 w-fit max-w-24",
-            children: w[0].name
+            children: T[0].name
           }),
-          w && w.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-            title: [...w].map((e19) => e19.name).join("\n"),
+          T && T.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+            title: [...T].map((e19) => e19.name).join("\n"),
             className: "text-sm text-(--slate-11) truncate shrink-0",
-            children: [w.length, " files"]
+            children: [T.length, " files"]
           }),
-          w && w.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+          T && T.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
             type: "button",
             variant: "text",
             size: "sm",
             onClick: () => {
-              T(void 0), E.current && (E.current.value = "");
+              E(void 0), D.current && (D.current.value = "");
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
           }),
-          G && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+          q && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
             type: "button",
             variant: "text",
             size: "sm",
             onClick: () => {
               var _a2;
-              return (_a2 = E.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: E,
+            ref: D,
             className: "hidden",
             multiple: true,
             accept: Array.isArray(e18.allowAttachments) ? e18.allowAttachments.join(",") : void 0,
             onChange: (e19) => {
-              e19.target.files && T([...e19.target.files]);
+              e19.target.files && E([...e19.target.files]);
             }
           })] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
             type: "submit",
-            disabled: U || !_,
+            disabled: G || !_,
             variant: "outline",
             size: "xs",
             className: "text-(--slate-11)",