@marimo-team/islands 0.22.5-dev4 → 0.22.5-dev7

package/dist/{chat-ui-DfR3sT9K.js → chat-ui-X5KPeHrU.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-BRF7ryOP.js";
-import { A as MarimoIncomingMessageEvent, At as moveToEndOfEditor, Bn as CircleX, C as contextToXml, D as AccordionContent, Dn as Wrench, Dt as createVariableInfoElement, E as Accordion, Fn as File$1, Gt as dataSourceConnectionsAtom, I as ChatBubbleIcon, Jt as getRequestClient, Kt as getTableType, Lt as jotaiJsonStorage, Mn as LoaderCircle, O as AccordionItem, On as Trash2, Pn as Info, Q as cellErrorsAtom, Qt as singleFacet, Rt as variablesAtom, S as Sections, T as AIContextRegistry, U as deserializeBlob, W as base64ToDataURL, Wt as allTablesAtom, Z as renderHTML, a as toPng, bt as displayCellName, cn as CellOutputId, d as Spinner, f as Popover, g as isOutputEmpty, h as PopoverTrigger, k as AccordionTrigger, m as PopoverContent, n as blobToString, nt as notebookAtom, o as MarkdownRenderer, rn as ZodLocalStorage, t as processOutput, w as AIContextProvider, x as Boosts, xn as Anchor2, y as DatasourceContextProvider, yn as atomWithStorage, zt as PluralWord } from "./process-output-BvkX_OeE.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-C0tmJosY.js";
 import "./chunk-5FQGJX7Z-C428iZBW.js";
 import { u as createLucideIcon } from "./dist-D56NKWim.js";
 import { C as logNever, I as X, n as Strings, t as Label } from "./label-CIR53v8V.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 E = S ? "Thinking" : "View reasoning", D;
-  _[1] !== v.length || _[2] !== E ? (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  let D = S ? "Thinking" : "View reasoning", O;
+  _[1] !== v.length || _[2] !== D ? (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,
-        E,
+        D,
         " (",
         v.length,
         " ",
         "chars)"
       ]
     })
-  }), _[1] = v.length, _[2] = E, _[3] = D) : D = _[3];
+  }), _[1] = v.length, _[2] = D, _[3] = O) : O = _[3];
   let k;
   _[4] === v ? k = _[5] : (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "pb-2 px-2",
@@ -6382,11 +6382,11 @@ const ReasoningAccordion = (e18) => {
     })
   }), _[4] = v, _[5] = k);
   let A;
-  _[6] !== D || _[7] !== k ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+  _[6] !== O || _[7] !== k ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
     value: "reasoning",
     className: "border-0",
-    children: [D, k]
-  }), _[6] = D, _[7] = k, _[8] = A) : A = _[8];
+    children: [O, k]
+  }), _[6] = O, _[7] = k, _[8] = A) : A = _[8];
   let j;
   return _[9] !== x || _[10] !== C || _[11] !== A ? (j = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
@@ -6411,36 +6411,36 @@ 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 D;
-    _[3] === e19 ? D = _[4] : (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    let O;
+    _[3] === e19 ? O = _[4] : (O = /* @__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] = D);
-    let O;
-    _[5] === b ? O = _[6] : (O = b && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    }), _[3] = e19, _[4] = O);
+    let k;
+    _[5] === b ? k = _[6] : (k = 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] = O);
-    let k;
-    _[7] !== D || _[8] !== O ? (k = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), _[5] = b, _[6] = k);
+    let A;
+    _[7] !== O || _[8] !== k ? (A = /* @__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: [D, O]
+        children: [O, k]
       })]
-    }), _[7] = D, _[8] = O, _[9] = k) : k = _[9];
-    let A;
-    _[10] === w ? A = _[11] : (A = w && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), _[7] = O, _[8] = k, _[9] = A) : A = _[9];
+    let j;
+    _[10] === w ? j = _[11] : (j = w && /* @__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-[var(--blue-11)] mt-0.5 flex-shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         className: "text-xs text-foreground",
         children: w
       })]
-    }), _[10] = w, _[11] = A), y = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), _[10] = w, _[11] = j), y = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-1.5",
       children: [
-        k,
         A,
+        j,
         T && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
           className: "space-y-3",
           children: Object.entries(T).map(_temp$1)
@@ -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: w, input: D } = e18, k = x === void 0 ? 0 : x, A = S === "output-available" && (y || b), j = b ? "error" : A ? "success" : "loading", M;
-  _[0] === j ? M = _[1] : (M = () => {
-    switch (j) {
+  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) {
       case "loading":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-3 w-3 animate-spin" });
       case "error":
@@ -6498,16 +6498,16 @@ const ToolCallAccordion = (e18) => {
       default:
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrench, { className: "h-3 w-3" });
     }
-  }, _[0] = j, _[1] = M);
-  let N = M, P;
-  _[2] !== b || _[3] !== A || _[4] !== j ? (P = () => j === "loading" ? "Running" : b ? "Failed" : A ? "Done" : "Tool call", _[2] = b, _[3] = A, _[4] = j, _[5] = P) : P = _[5];
-  let L = P, R = `tool-${k}`, z;
-  _[6] === w ? z = _[7] : (z = cn("w-full", w), _[6] = w, _[7] = z);
-  let B = j === "error" && "text-[var(--red-11)]/80", V = j === "success" && "text-[var(--grass-11)]/80", H;
-  _[8] !== B || _[9] !== V ? (H = 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", B, V), _[8] = B, _[9] = V, _[10] = H) : H = _[10];
+  }, _[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;
+  _[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;
+  _[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] === N ? U = _[12] : (U = N(), _[11] = N, _[12] = U);
-  let W = L(), G;
+  _[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", {
@@ -6525,15 +6525,15 @@ const ToolCallAccordion = (e18) => {
     ]
   }), _[17] = W, _[18] = K, _[19] = U, _[20] = q) : q = _[20];
   let J;
-  _[21] !== q || _[22] !== H ? (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
-    className: H,
+  _[21] !== q || _[22] !== V ? (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+    className: V,
     children: q
-  }), _[21] = q, _[22] = H, _[23] = J) : J = _[23];
+  }), _[21] = q, _[22] = V, _[23] = J) : J = _[23];
   let Y;
-  _[24] !== b || _[25] !== A || _[26] !== D || _[27] !== y ? (Y = A && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  _[24] !== b || _[25] !== O || _[26] !== w || _[27] !== y ? (Y = O && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "space-y-3",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolArgsRenderer, { input: D }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolArgsRenderer, { input: w }),
       y != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResultRenderer, { result: y }),
       b && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         className: "bg-[var(--red-2)] border border-[var(--red-6)] rounded-lg p-3",
@@ -6546,7 +6546,7 @@ const ToolCallAccordion = (e18) => {
         })]
       })
     ]
-  }), _[24] = b, _[25] = A, _[26] = D, _[27] = y, _[28] = Y) : Y = _[28];
+  }), _[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, {
     className: "py-2 px-2",
@@ -6559,12 +6559,12 @@ const ToolCallAccordion = (e18) => {
     children: [J, Z]
   }), _[31] = J, _[32] = Z, _[33] = Q) : Q = _[33];
   let $;
-  return _[34] !== Q || _[35] !== R || _[36] !== z ? ($ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
+  return _[34] !== Q || _[35] !== L || _[36] !== R ? ($ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
     collapsible: true,
-    className: z,
+    className: R,
     children: Q
-  }, R), _[34] = Q, _[35] = R, _[36] = z, _[37] = $) : $ = _[37], $;
+  }, L), _[34] = Q, _[35] = L, _[36] = R, _[37] = $) : $ = _[37], $;
 };
 function formatToolName(e18) {
   return e18.replace("tool-", "");
@@ -7160,24 +7160,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), [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)({
+  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)({
     backendMessageId: null,
     frontendMessageIndex: 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 } = useChat({
+  }), 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({
     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, 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
+      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
       };
       try {
         let _3 = y2.messages.map((e19) => {
@@ -7188,32 +7188,32 @@ const Chatbot = (e18) => {
           };
         }), v3 = new ReadableStream({
           start(e19) {
-            N.current = e19;
+            M.current = e19;
             let _4 = () => {
               try {
                 e19.close();
               } catch (e20) {
                 Logger.debug("Controller may already be closed", { error: e20 });
               }
-              N.current = null;
+              M.current = null;
             };
             return b2 == null ? void 0 : b2.addEventListener("abort", _4), () => {
               b2 == null ? void 0 : b2.removeEventListener("abort", _4);
             };
           },
           cancel() {
-            N.current = null;
+            M.current = null;
           }
         });
         return e18.send_prompt({
           messages: _3,
-          config: x
+          config: x2
         }).catch((e19) => {
           var _a3;
-          (_a3 = N.current) == null ? void 0 : _a3.error(e19), N.current = null;
+          (_a3 = M.current) == null ? void 0 : _a3.error(e19), M.current = null;
         }), createUIMessageStreamResponse({ stream: v3 });
       } catch (e19) {
-        if (M.current = {
+        if (j.current = {
           backendMessageId: null,
           frontendMessageIndex: null
         }, e19 instanceof Error && e19.name === "AbortError") return new Response("Aborted", { status: 499 });
@@ -7221,15 +7221,15 @@ const Chatbot = (e18) => {
         return new Response(_3, { status: 400 });
       }
     } }),
-    messages: F,
+    messages: P,
     onFinish: (_2) => {
-      E(void 0), D.current && (D.current.value = ""), Logger.debug("Finished streaming message:", _2), M.current = {
+      T(void 0), E.current && (E.current.value = ""), Logger.debug("Finished streaming message:", _2), j.current = {
         backendMessageId: null,
         frontendMessageIndex: null
       }, e18.setValue(_2.messages);
     },
     onError: (e19) => {
-      Logger.error("An error occurred:", e19), M.current = {
+      Logger.error("An error occurred:", e19), j.current = {
         backendMessageId: null,
         frontendMessageIndex: null
       };
@@ -7238,34 +7238,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 = N.current;
-    y2 && (v2.content && y2.enqueue(v2.content), v2.is_final && (y2.close(), N.current = null));
+    let v2 = _2.data, y2 = M.current;
+    y2 && (v2.content && y2.enqueue(v2.content), v2.is_final && (y2.close(), M.current = null));
   });
-  let G = B === "submitted" || B === "streaming", K = (_2) => {
-    let v2 = I.findIndex((e19) => e19.id === _2);
+  let U = R === "submitted" || R === "streaming", W = (_2) => {
+    let v2 = F.findIndex((e19) => e19.id === _2);
     if (v2 !== -1) {
-      let y2 = I.filter((e19) => e19.id !== _2);
-      e18.delete_chat_message({ index: v2 }), z(y2), e18.setValue(y2);
+      let y2 = F.filter((e19) => e19.id !== _2);
+      e18.delete_chat_message({ index: v2 }), L(y2), e18.setValue(y2);
     }
-  }, q = Array.isArray(e18.allowAttachments) && e18.allowAttachments.length > 0 || e18.allowAttachments === true, J = {
+  }, G = Array.isArray(e18.allowAttachments) && e18.allowAttachments.length > 0 || e18.allowAttachments === true, K = {
     triggerCompletionRegex: /^\/(\w+)?/,
     completions: e18.prompts.map((e19) => ({
       label: `/${e19}`,
       displayLabel: e19,
       apply: e19
     }))
-  }, Y = e18.prompts.length > 0 ? "Type your message here, / for prompts" : "Type your message here...";
+  }, q = 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 Z = (_a = k.current) == null ? void 0 : _a.view, $ = () => {
-    if (Z) {
-      let e19 = Z.state.doc.length;
-      Z.dispatch({ changes: {
+  }, [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: {
         from: 0,
         to: e19,
         insert: ""
@@ -7282,18 +7282,18 @@ const Chatbot = (e18) => {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
           variant: "text",
           size: "icon",
-          disabled: I.length === 0,
+          disabled: F.length === 0,
           onClick: () => {
-            z([]), e18.setValue([]), e18.delete_chat_history({}), W();
+            L([]), e18.setValue([]), e18.delete_chat_history({}), H();
           },
           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: A,
+        ref: k,
         children: [
-          I.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          F.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" }),
@@ -7307,16 +7307,16 @@ const Chatbot = (e18) => {
               })
             ]
           }),
-          I.map((e19, _2) => {
+          F.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 === I.length - 1;
+            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;
             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: B === "streaming",
+                  isStreamingReasoning: R === "streaming",
                   isLast: y2
                 })
               }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -7327,29 +7327,29 @@ const Chatbot = (e18) => {
                   buttonClassName: "text-xs text-(--slate-9) hover:text-(--slate-11)"
                 }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
                   type: "button",
-                  onClick: () => K(e19.id),
+                  onClick: () => W(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}`);
           }),
-          G && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          U && /* @__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: () => V(),
+              onClick: () => z(),
               className: "text-(--red-9) hover:text-(--red-11)",
               children: "Stop"
             })]
           }),
-          H && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          B && /* @__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: H }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+            children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: B }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
               variant: "outline",
               size: "sm",
-              onClick: () => U(),
+              onClick: () => V(),
               children: "Retry"
             })]
           })
@@ -7358,16 +7358,16 @@ const Chatbot = (e18) => {
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
         onSubmit: async (v2) => {
           if (v2.preventDefault(), e18.disabled) return;
-          let y2 = T ? await convertToFileUIPart(T) : void 0;
-          R({
+          let y2 = w ? await convertToFileUIPart(w) : void 0;
+          I({
             role: "user",
             parts: [{
               type: "text",
               text: _
             }, ...y2 ?? []]
-          }), $();
+          }), Z();
         },
-        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: [
@@ -7379,66 +7379,66 @@ const Chatbot = (e18) => {
             prompts: e18.prompts,
             onSelect: (e19) => {
               v(e19), requestAnimationFrame(() => {
-                Z == null ? void 0 : Z.focus(), moveToEndOfEditor(Z);
+                Y == null ? void 0 : Y.focus(), moveToEndOfEditor(Y);
               });
             }
           }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptInput, {
             className: "rounded-sm mr-2",
-            placeholder: Y,
+            placeholder: q,
             value: _,
-            inputRef: k,
+            inputRef: O,
             maxHeight: e18.maxHeight ? `${e18.maxHeight / 2}px` : void 0,
             onChange: v,
             onSubmit: (e19, _2) => {
               var _a2;
-              _2.trim() && ((_a2 = O.current) == null ? void 0 : _a2.requestSubmit());
+              _2.trim() && ((_a2 = D.current) == null ? void 0 : _a2.requestSubmit());
             },
             onClose: () => {
             },
-            additionalCompletions: J
+            additionalCompletions: K
           }),
-          T && T.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-            title: T[0].name,
+          w && w.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+            title: w[0].name,
             className: "text-sm text-(--slate-11) truncate shrink-0 w-fit max-w-24",
-            children: T[0].name
+            children: w[0].name
           }),
-          T && T.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-            title: [...T].map((e19) => e19.name).join("\n"),
+          w && w.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+            title: [...w].map((e19) => e19.name).join("\n"),
             className: "text-sm text-(--slate-11) truncate shrink-0",
-            children: [T.length, " files"]
+            children: [w.length, " files"]
           }),
-          T && T.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+          w && w.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
             type: "button",
             variant: "text",
             size: "sm",
             onClick: () => {
-              E(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" })
           }),
-          q && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+          G && /* @__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 = 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,
             onChange: (e19) => {
-              e19.target.files && E([...e19.target.files]);
+              e19.target.files && T([...e19.target.files]);
             }
           })] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
             type: "submit",
-            disabled: G || !_,
+            disabled: U || !_,
             variant: "outline",
             size: "xs",
             className: "text-(--slate-11)",
@@ -7600,25 +7600,25 @@ var configDescriptions = {
     className: "w-64 max-h-96 overflow-y-auto",
     children: D
   })] }) }), _[8] = D, _[9] = O);
-  let k;
-  _[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => x(false), _[10] = k) : k = _[10];
   let A;
-  _[11] !== y || _[12] !== S ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContent, {
+  _[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => x(false), _[10] = A) : A = _[10];
+  let j;
+  _[11] !== y || _[12] !== S ? (j = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContent, {
     side: "right",
     align: "end",
     className: "min-w-80 px-2",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptVariablesForm, {
       prompt: S,
-      onClose: k,
+      onClose: A,
       onSelect: y
     })
-  }), _[11] = y, _[12] = S, _[13] = A) : A = _[13];
+  }), _[11] = y, _[12] = S, _[13] = j) : j = _[13];
   let M;
-  return _[14] !== b || _[15] !== O || _[16] !== A ? (M = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover, {
+  return _[14] !== b || _[15] !== O || _[16] !== j ? (M = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover, {
     open: b,
     onOpenChange: x,
-    children: [O, A]
-  }), _[14] = b, _[15] = O, _[16] = A, _[17] = M) : M = _[17], M;
+    children: [O, j]
+  }), _[14] = b, _[15] = O, _[16] = j, _[17] = M) : M = _[17], M;
 }, PromptVariablesForm = (e18) => {
   let _ = (0, import_compiler_runtime.c)(32), { prompt: v, onClose: y, onSelect: b } = e18, x;
   _[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = {}, _[0] = x) : x = _[0];