@marimo-team/islands 0.23.14-dev6 → 0.23.14-dev8

package/dist/{ConnectedDataExplorerComponent-Du3_nUzI.js → ConnectedDataExplorerComponent-DXBx_nQg.js}

@@ -3,8 +3,8 @@ import { _ as Logger, c as Objects, g as cn, t as Button } from "./button-BacYv-
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
-import { A as SquareFunction, t as augmentSpecWithData } from "./spec-Bv-XlYiv.js";
-import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft, r as Badge, s as Hash, t as useOnMount } from "./useLifecycle-AHlswLw-.js";
+import { A as SquareFunction, t as augmentSpecWithData } from "./spec-CnTgI25l.js";
+import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft, r as Badge, s as Hash, t as useOnMount } from "./useLifecycle-CxffarYV.js";
 import { a as ListFilter, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-CMnRuVmN.js";
 import { a as SelectGroup, c as SelectSeparator, i as SelectContent, l as SelectTrigger, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-Dq_j3Rxw.js";
 import "./react-dom-BTJzcVJ9.js";
@@ -13,14 +13,14 @@ import "./zod-CijjQh4u.js";
 import { n as ErrorBanner } from "./error-banner-DFPfz_Qf.js";
 import { t as Label } from "./label-WfTSU8L4.js";
 import { t as Tooltip } from "./tooltip-Czds6Qr8.js";
-import { _ as useAtomValue, b as atom, h as Provider, n as useTheme, x as createStore } from "./useTheme-BrYvK-_A.js";
+import { C as createStore, S as atom, _ as Provider, n as useTheme, y as useAtomValue } from "./useTheme-yGsGEk82.js";
 import { t as invariant } from "./invariant-wRzNXIsJ.js";
 import "./vega-loader.browser-CZ-J8Py3.js";
 import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-Boph2xIS.js";
 import { n as q, r as contains } from "./react-vega-B0sAlDTL.js";
 import "./defaultLocale-u-3osm0P.js";
 import "./defaultLocale-BoHTsDG6.js";
-import { t as useAsyncData } from "./useAsyncData-1Dhzjfwf.js";
+import { t as useAsyncData } from "./useAsyncData-BMc8itk2.js";
 var ChartColumnBig = createLucideIcon("chart-column-big", [
   ["path", {
     d: "M3 3v16a2 2 0 0 0 2 2h16",

package/dist/{chat-ui-BZxLHwyD.js → chat-ui-DYBcNEdd.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 { C as AccordionContent, D as ChatBubbleIcon, En as Trash2, Et as createVariableInfoElement, G as cellErrorsAtom, Gt as getTableType, In as ExternalLink, It as jotaiJsonStorage, Lt as variablesAtom, Mt as generateUUID, Nn as Info, P as base64ToDataURL, Pn as FileText, Rt as PluralWord, S as Accordion, T as AccordionTrigger, Tn as Wrench, Ut as allTablesAtom, V as renderHTML, Wt as dataSourceConnectionsAtom, X as notebookAtom, Zt as singleFacet, _ as Boosts, _n as atomWithStorage, b as AIContextProvider, c as Popover, d as PopoverTrigger, f as isOutputEmpty, h as DatasourceContextProvider, jn as LoaderCircle, kt as moveToEndOfEditor, n as Spinner, nn as ZodLocalStorage, qt as getRequestClient, r as MarkdownRenderer, sn as CellOutputId, t as toPng, u as PopoverContent, v as Sections, w as AccordionItem, x as AIContextRegistry, y as contextToXml, yn as Anchor2, yt as displayCellName, zn as CircleX } from "./html-to-image-CGp_08St.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 "./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-CbEz_aj_.js";
-import { p as isUrl, v as CircleQuestionMark } from "./toDate-D-l5s8nn.js";
-import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-R6JsYrv3.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 "./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";
@@ -21,7 +21,7 @@ import { t as Label } from "./label-WfTSU8L4.js";
 import { t as Tooltip } from "./tooltip-Czds6Qr8.js";
 import { f as CopyClipboardIcon } from "./extends-9MVIxxRo.js";
 import { t as isEmpty_default } from "./isEmpty-CJJMn-QP.js";
-import { T as useEvent_default, n as useTheme, y as useStore } from "./useTheme-BrYvK-_A.js";
+import { D as useEvent_default, n as useTheme, x as useStore } from "./useTheme-yGsGEk82.js";
 import { $ as EditorView, At as Facet, It as StateEffect, Lt as StateField, Mt as Prec, Z as Decoration, ft as hoverTooltip, kt as EditorState, nt as WidgetType, pt as keymap, tt as ViewPlugin, zt as Transaction } from "./dist-U4F-tbMs.js";
 import { n as acceptCompletion, o as closeCompletion, r as autocompletion } from "./dist-hT4QzYX-.js";
 import "./main-Tj_-QTyF.js";
@@ -32,7 +32,7 @@ import "./dist-M9Vag9Y0.js";
 import "./dist-C_Y3oV3C.js";
 import { n as minimalSetup, t as esm_default } from "./esm-M837UxV5.js";
 import "./purify.es-H92eMd9-.js";
-import { t as useAsyncData } from "./useAsyncData-1Dhzjfwf.js";
+import { t as useAsyncData } from "./useAsyncData-BMc8itk2.js";
 var Ban = createLucideIcon("ban", [["path", {
   d: "M4.929 4.929 19.07 19.071",
   key: "196cmz"
@@ -6515,15 +6515,15 @@ var import_compiler_runtime$8 = require_compiler_runtime();
 const ReasoningAccordion = (e18) => {
   let m = (0, import_compiler_runtime$8.c)(13), { reasoning: h, index: g, isStreaming: _ } = e18, v = g === void 0 ? 0 : g, y = _ === void 0 ? false : _, [b, x] = import_react.useState("");
   if (!h && !y) return null;
-  let S = y ? "reasoning" : b, w;
-  m[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), m[0] = w) : w = m[0];
+  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, {
     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,
+        C,
         T,
         E
       ]
@@ -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), 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 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 D;
-  m[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => S(_temp$2), m[5] = D) : D = m[5];
+  m[3] === b ? D = m[4] : (D = cn("rounded-md border border-(--red-6) bg-(--red-2)", b), m[3] = b, m[4] = D);
   let O;
-  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];
+  m[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = () => S(_temp$2), m[5] = O) : O = m[5];
   let k;
-  m[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  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", {
     className: "font-semibold",
     children: "Failed:"
-  }), m[7] = k) : k = m[7];
-  let A;
-  m[8] === h ? A = m[9] : (A = formatToolName(h), m[8] = h, m[9] = A);
+  }), m[7] = A) : A = m[7];
   let j;
-  m[10] === A ? j = m[11] : (j = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+  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", {
     className: "flex-1 text-left",
     children: [
-      k,
+      A,
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
         className: "font-mono",
-        children: A
+        children: j
       })
     ]
-  }), 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);
+  }), 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);
   let F;
-  m[16] !== x || m[17] !== P || m[18] !== j ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+  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", {
     type: "button",
-    onClick: D,
+    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": x,
     children: [
-      O,
-      j,
-      P
+      k,
+      M,
+      F
     ]
-  }), 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", {
+  }), 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", {
     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] = 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;
+  }), 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;
 };
 function _temp$2(e18) {
   return !e18;
@@ -6854,7 +6854,7 @@ 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: w } = e18, T = x === void 0 ? 0 : x, E = w === void 0 ? true : w, 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, T = 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;
   m[3] === S ? A = m[4] : (A = cn("w-full", S), m[3] = S, m[4] = A);
@@ -6882,13 +6882,13 @@ const ToolHistoryRow = (e18) => {
       F
     ]
   }), m[15] = F, m[16] = M, m[17] = N, m[18] = I) : I = m[18];
-  let z;
-  m[19] !== I || m[20] !== j ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  let L;
+  m[19] !== I || m[20] !== j ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
     className: j,
     children: I
-  }), m[19] = I, m[20] = j, m[21] = z) : z = m[21];
-  let B;
-  m[22] !== b || m[23] !== v || m[24] !== y || m[25] !== g ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
+  }), m[19] = I, m[20] = j, m[21] = L) : L = m[21];
+  let R;
+  m[22] !== b || m[23] !== v || m[24] !== y || m[25] !== g ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "py-2 px-2",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HistoryContent, {
       state: g,
@@ -6896,20 +6896,20 @@ const ToolHistoryRow = (e18) => {
       result: y,
       approval: b
     })
-  }), m[22] = b, m[23] = v, m[24] = y, m[25] = g, m[26] = B) : B = m[26];
-  let V;
-  m[27] !== z || m[28] !== B ? (V = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+  }), m[22] = b, m[23] = v, m[24] = y, m[25] = g, m[26] = R) : R = m[26];
+  let z;
+  m[27] !== L || m[28] !== R ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
     value: "tool-call",
     className: "border-0",
-    children: [z, B]
-  }), m[27] = z, m[28] = B, m[29] = V) : V = m[29];
-  let H;
-  return m[30] !== V || m[31] !== k || m[32] !== A ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
+    children: [L, R]
+  }), m[27] = L, m[28] = R, m[29] = z) : z = m[29];
+  let B;
+  return m[30] !== z || m[31] !== k || m[32] !== A ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
     collapsible: true,
     className: A,
-    children: V
-  }, k), m[30] = V, m[31] = k, m[32] = A, m[33] = H) : H = m[33], H;
+    children: z
+  }, k), m[30] = z, m[31] = k, m[32] = A, m[33] = B) : B = m[33], B;
 };
 var HistoryContent = (e18) => {
   let m = (0, import_compiler_runtime$3.c)(16), { state: h, input: g, result: _, approval: v } = e18;
@@ -7612,11 +7612,11 @@ 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, 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);
+  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);
   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 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 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({
     sendAutomaticallyWhen: ({ messages: e19 }) => hasPendingToolCalls(e19),
     transport: new DefaultChatTransport({ fetch: async (m2, g2) => {
       var _a2;
@@ -7638,14 +7638,14 @@ const Chatbot = (e18) => {
           };
         }), g3 = generateUUID(), b2 = new ReadableStream({
           start(m4) {
-            N.current = m4, P.current = g3;
+            M.current = m4, N.current = g3;
             let _2 = () => {
               try {
                 m4.close();
               } catch (e19) {
                 Logger.debug("Controller may already be closed", { error: e19 });
               }
-              N.current = null, P.current = null, e18.cancel_prompt({ request_id: g3 }).catch((e19) => {
+              M.current = null, N.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() {
-            N.current = null, P.current = null;
+            M.current = null, N.current = null;
           }
         });
         return e18.send_prompt({
@@ -7663,7 +7663,7 @@ const Chatbot = (e18) => {
           config: y
         }).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: 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: I,
+    messages: F,
     onFinish: (m2) => {
-      E(void 0), D.current && (D.current.value = ""), Logger.debug("Finished streaming message:", m2), e18.setValue(m2.messages);
+      T(void 0), D.current && (D.current.value = ""), Logger.debug("Finished streaming message:", m2), e18.setValue(m2.messages);
     },
     onError: (e19) => {
       Logger.error("An error occurred:", e19);
@@ -7682,14 +7682,14 @@ const Chatbot = (e18) => {
   useEventListener(e18.host, MarimoIncomingMessageEvent.TYPE, (e19) => {
     let m2 = ChatMessageIncomingSchema.safeParse(e19.detail.message);
     m2.success && routeIncomingChatChunk(m2.data, {
-      controllerRef: N,
-      activeRequestIdRef: P
+      controllerRef: M,
+      activeRequestIdRef: N
     });
   });
   let K = B === "submitted" || B === "streaming", q = (m2) => {
-    let h = L.findIndex((e19) => e19.id === m2);
+    let h = I.findIndex((e19) => e19.id === m2);
     if (h !== -1) {
-      let g2 = L.filter((e19) => e19.id !== m2);
+      let g2 = I.filter((e19) => e19.id !== m2);
       e18.delete_chat_message({ index: h }), z(g2), e18.setValue(g2);
     }
   }, J = Array.isArray(e18.allowAttachments) && e18.allowAttachments.length > 0 || e18.allowAttachments === true, Y = {
@@ -7706,7 +7706,7 @@ const Chatbot = (e18) => {
       top: A.current.scrollHeight,
       behavior: "smooth"
     });
-  }, [L.length, A]);
+  }, [I.length, A]);
   let Q = (_a = k.current) == null ? void 0 : _a.view, $ = () => {
     if (Q) {
       let e19 = Q.state.doc.length;
@@ -7727,7 +7727,7 @@ const Chatbot = (e18) => {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
           variant: "text",
           size: "icon",
-          disabled: L.length === 0,
+          disabled: I.length === 0,
           onClick: () => {
             z([]), e18.setValue([]), e18.delete_chat_history({}), W();
           },
@@ -7738,7 +7738,7 @@ const Chatbot = (e18) => {
         className: "grow overflow-y-auto gap-4 pt-8 pb-4 px-2 flex flex-col",
         ref: A,
         children: [
-          L.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          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",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-12 w-12 mb-4" }),
@@ -7752,9 +7752,9 @@ const Chatbot = (e18) => {
               })
             ]
           }),
-          L.map((e19, m2) => {
+          I.map((e19, m2) => {
             var _a2;
-            let h = (_a2 = e19.parts) == null ? void 0 : _a2.filter((e20) => e20.type === "text").map((e20) => e20.text).join("\n"), g2 = m2 === L.length - 1;
+            let h = (_a2 = e19.parts) == null ? void 0 : _a2.filter((e20) => e20.type === "text").map((e20) => e20.text).join("\n"), g2 = m2 === I.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", {
@@ -7854,7 +7854,7 @@ const Chatbot = (e18) => {
             variant: "text",
             size: "sm",
             onClick: () => {
-              E(void 0), D.current && (D.current.value = "");
+              T(void 0), D.current && (D.current.value = "");
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
           }),
@@ -7874,7 +7874,7 @@ const Chatbot = (e18) => {
             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]);
             }
           })] }),
           K ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
@@ -8022,8 +8022,8 @@ var configDescriptions = {
   m[0] === g ? S = m[1] : (S = (e19) => {
     [...e19.matchAll(/{{(\w+)}}/g)].length > 0 ? (x(e19), v(true)) : g(e19);
   }, m[0] = g, m[1] = S);
-  let C = S, T;
-  m[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+  let C = S, w;
+  m[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
     content: "Select a prompt",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
       asChild: true,
@@ -8034,7 +8034,7 @@ var configDescriptions = {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChatBubbleIcon, { className: "h-3 w-3" })
       })
     })
-  }), m[2] = T) : T = m[2];
+  }), m[2] = w) : w = m[2];
   let E;
   if (m[3] !== C || m[4] !== h) {
     let e19;
@@ -8045,7 +8045,7 @@ var configDescriptions = {
     }, m2), m[6] = C, m[7] = e19), E = h.map(e19), m[3] = C, m[4] = h, m[5] = E;
   } else E = 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: [T, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuContent, {
+  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, {
     side: "right",
     align: "end",
     onCloseAutoFocus: _temp,