@marimo-team/islands 0.24.1-dev35 → 0.24.1-dev36

package/dist/{chat-ui-ChbH2I73.js → chat-ui-DktaBw5O.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-DhGsCS90.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DsR6imPN.js";
 import { r as toast } from "./copy-C7ZKMKox.js";
-import { Bt as PluralWord, C as Accordion, Dn as Anchor2, E as AccordionTrigger, Ft as variablesAtom, H as renderHTML, Hn as FileText, Jt as getTableType, Kt as allTablesAtom, Nn as Wrench, O as ChatBubbleIcon, Pn as Trash2, Pt as jotaiJsonStorage, Q as notebookAtom, S as AIContextRegistry, T as AccordionItem, Tn as atomWithStorage, Vn as Info, Wn as ExternalLink, Xt as getRequestClient, an as singleFacet, b as contextToXml, c as Popover, d as PopoverTrigger, f as isOutputEmpty, g as formatDatasourceContextForCell, h as DatasourceContextProvider, hn as CellOutputId, ht as displayCellName, in as isTracebackMime, jt as generateUUID, kt as moveToEndOfEditor, n as Spinner, nn as isErrorMime, qn as CircleX, qt as dataSourceConnectionsAtom, r as MarkdownRenderer, rn as isMarimoErrorsMime, st as parseHtmlContent, t as toPng, u as PopoverContent, un as ZodLocalStorage, v as Boosts, w as AccordionContent, wt as createVariableInfoElement, x as AIContextProvider, y as Sections, zn as LoaderCircle } from "./html-to-image-BzT-fb14.js";
+import { Bn as LoaderCircle, Bt as PluralWord, C as Accordion, E as AccordionTrigger, En as atomWithStorage, Fn as Trash2, Ft as variablesAtom, Gn as ExternalLink, H as renderHTML, Hn as Info, Jn as CircleX, Jt as getTableType, Kt as allTablesAtom, O as ChatBubbleIcon, On as Anchor2, Pn as Wrench, Pt as jotaiJsonStorage, Q as notebookAtom, S as AIContextRegistry, T as AccordionItem, Un as FileText, Xt as getRequestClient, an as singleFacet, b as contextToXml, c as Popover, d as PopoverTrigger, f as isOutputEmpty, g as formatDatasourceContextForCell, h as DatasourceContextProvider, hn as CellOutputId, ht as displayCellName, in as isTracebackMime, jt as generateUUID, kt as moveToEndOfEditor, n as Spinner, nn as isErrorMime, qt as dataSourceConnectionsAtom, r as MarkdownRenderer, rn as isMarimoErrorsMime, st as parseHtmlContent, t as toPng, u as PopoverContent, un as ZodLocalStorage, v as Boosts, w as AccordionContent, wt as createVariableInfoElement, x as AIContextProvider, y as Sections } from "./html-to-image-RKitVHn8.js";
 import "./chunk-5FQGJX7Z-BRZ_XYUw.js";
 import { u as createLucideIcon } from "./dist-j30bBjjN.js";
 import { C as logNever, I as X, R as ChevronDown, t as Strings } from "./strings-DMLVGXRo.js";
 import { C as DropdownMenuTrigger, a as NumberField, f as DropdownMenu, h as DropdownMenuItem, p as DropdownMenuContent, r as Input } from "./input-CqV2ZPgL.js";
 import { p as isUrl, w as CircleQuestionMark } from "./toDate-CjUYDkFI.js";
-import { a as MarimoIncomingMessageEvent, d as fileDetailsToBlob, f as Square, n as blobToString, p as File$1, t as processOutput } from "./process-output-C8Q8G6-g.js";
+import { a as MarimoIncomingMessageEvent, d as fileDetailsToBlob, f as Square, n as blobToString, p as File$1, t as processOutput } from "./process-output-BEMkC1sa.js";
 import "./react-dom-CmENFV8Q.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-Dp_oQwaf.js";
 import { A as looseObject, B as unknown, C as any, D as discriminatedUnion, E as custom, I as record, L as string, M as never, N as number, O as lazy, P as object$1, S as _null, T as boolean, U as toJSONSchema, V as safeParseAsync, b as _enum, k as literal, w as array$1, x as _instanceof, z as union } from "./zod-BFY2SnzC.js";
@@ -6814,15 +6814,15 @@ var import_compiler_runtime$8 = require_compiler_runtime();
 const ReasoningAccordion = (t18) => {
   let d = (0, import_compiler_runtime$8.c)(13), { reasoning: f, index: p, isStreaming: m } = t18, h = p === void 0 ? 0 : p, g = m === void 0 ? false : m, [_, v] = import_react.useState("");
   if (!f && !g) return null;
-  let y = g ? "reasoning" : _, x;
-  d[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), d[0] = x) : x = d[0];
+  let y = g ? "reasoning" : _, b;
+  d[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), d[0] = b) : b = d[0];
   let C = g ? "Thinking" : "View reasoning", w = f.length > 0 && ` (${f.length} chars)`, T;
   d[1] !== C || d[2] !== w ? (T = /* @__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: [
-        x,
+        b,
         C,
         w
       ]
@@ -6977,12 +6977,12 @@ const ToolErrorCard = (t18) => {
       })
     ]
   }), d[10] = D, d[11] = O);
-  let k = v && "rotate-180", A;
-  d[12] === k ? A = d[13] : (A = cn("h-3.5 w-3.5 shrink-0 transition-transform", k), d[12] = k, d[13] = A);
-  let j;
-  d[14] === A ? j = d[15] : (j = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: A }), d[14] = A, d[15] = j);
+  let A = v && "rotate-180", j;
+  d[12] === A ? j = d[13] : (j = cn("h-3.5 w-3.5 shrink-0 transition-transform", A), d[12] = A, d[13] = j);
   let M;
-  d[16] !== v || d[17] !== j || d[18] !== O ? (M = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+  d[14] === j ? M = d[15] : (M = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: j }), d[14] = j, d[15] = M);
+  let N;
+  d[16] !== v || d[17] !== M || d[18] !== O ? (N = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
     type: "button",
     onClick: w,
     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",
@@ -6990,11 +6990,11 @@ const ToolErrorCard = (t18) => {
     children: [
       T,
       O,
-      j
+      M
     ]
-  }), d[16] = v, d[17] = j, d[18] = O, d[19] = M) : M = d[19];
-  let N;
-  d[20] !== h || d[21] !== p || d[22] !== v ? (N = v && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  }), d[16] = v, d[17] = M, d[18] = O, d[19] = N) : N = d[19];
+  let P;
+  d[20] !== h || d[21] !== p || d[22] !== v ? (P = v && /* @__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: p }), h && /* @__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",
@@ -7003,12 +7003,12 @@ const ToolErrorCard = (t18) => {
       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: h
     })] })]
-  }), d[20] = h, d[21] = p, d[22] = v, d[23] = N) : N = d[23];
-  let P;
-  return d[24] !== M || d[25] !== N || d[26] !== C ? (P = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  }), d[20] = h, d[21] = p, d[22] = v, d[23] = P) : P = d[23];
+  let F;
+  return d[24] !== N || d[25] !== P || d[26] !== C ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: C,
-    children: [M, N]
-  }), d[24] = M, d[25] = N, d[26] = C, d[27] = P) : P = d[27], P;
+    children: [N, P]
+  }), d[24] = N, d[25] = P, d[26] = C, d[27] = F) : F = d[27], F;
 };
 function _temp$3(t18) {
   return !t18;
@@ -7153,7 +7153,7 @@ function getTriggerToneClass(t18) {
   }
 }
 const ToolHistoryRow = (t18) => {
-  let d = (0, import_compiler_runtime$3.c)(34), { toolName: f, state: p, input: h, result: g, approval: _, index: v, className: y, isActive: x } = t18, C = v === void 0 ? 0 : v, w = x === void 0 ? true : x, T;
+  let d = (0, import_compiler_runtime$3.c)(34), { toolName: f, state: p, input: h, result: g, approval: _, index: v, className: y, isActive: b } = t18, C = v === void 0 ? 0 : v, w = b === void 0 ? true : b, T;
   d[0] !== w || d[1] !== p ? (T = !w && PENDING_STATES.has(p), d[0] = w, d[1] = p, d[2] = T) : T = d[2];
   let E = T, D = `tool-${C}`, O;
   d[3] === y ? O = d[4] : (O = cn("w-full", y), d[3] = y, d[4] = O);
@@ -7171,8 +7171,8 @@ const ToolHistoryRow = (t18) => {
     className: "font-mono text-xs",
     children: M
   }), d[13] = M, d[14] = N);
-  let F;
-  d[15] !== N || d[16] !== A || d[17] !== j ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+  let P;
+  d[15] !== N || d[16] !== A || d[17] !== j ? (P = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
     className: "flex items-center gap-1",
     children: [
       A,
@@ -7180,14 +7180,14 @@ const ToolHistoryRow = (t18) => {
       ":",
       N
     ]
-  }), d[15] = N, d[16] = A, d[17] = j, d[18] = F) : F = d[18];
-  let I;
-  d[19] !== F || d[20] !== k ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  }), d[15] = N, d[16] = A, d[17] = j, d[18] = P) : P = d[18];
+  let F;
+  d[19] !== P || d[20] !== k ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
     className: k,
-    children: F
-  }), d[19] = F, d[20] = k, d[21] = I) : I = d[21];
-  let L;
-  d[22] !== _ || d[23] !== h || d[24] !== g || d[25] !== p ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
+    children: P
+  }), d[19] = P, d[20] = k, d[21] = F) : F = d[21];
+  let I;
+  d[22] !== _ || d[23] !== h || d[24] !== g || d[25] !== p ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "py-2 px-2",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HistoryContent, {
       state: p,
@@ -7195,20 +7195,20 @@ const ToolHistoryRow = (t18) => {
       result: g,
       approval: _
     })
-  }), d[22] = _, d[23] = h, d[24] = g, d[25] = p, d[26] = L) : L = d[26];
-  let R;
-  d[27] !== I || d[28] !== L ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+  }), d[22] = _, d[23] = h, d[24] = g, d[25] = p, d[26] = I) : I = d[26];
+  let L;
+  d[27] !== F || d[28] !== I ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
     value: "tool-call",
     className: "border-0",
-    children: [I, L]
-  }), d[27] = I, d[28] = L, d[29] = R) : R = d[29];
+    children: [F, I]
+  }), d[27] = F, d[28] = I, d[29] = L) : L = d[29];
   let z;
-  return d[30] !== R || d[31] !== D || d[32] !== O ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
+  return d[30] !== L || d[31] !== D || d[32] !== O ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
     collapsible: true,
     className: O,
-    children: R
-  }, D), d[30] = R, d[31] = D, d[32] = O, d[33] = z) : z = d[33], z;
+    children: L
+  }, D), d[30] = L, d[31] = D, d[32] = O, d[33] = z) : z = d[33], z;
 };
 var HistoryContent = (t18) => {
   let d = (0, import_compiler_runtime$3.c)(16), { state: f, input: p, result: m, approval: h } = t18;
@@ -8036,11 +8036,11 @@ function routeIncomingChatChunk(t18, d) {
 }
 const Chatbot = (t18) => {
   var _a;
-  let [d, g] = (0, import_react.useState)(""), [_, v] = (0, import_react.useState)(t18.config), [y, b] = (0, import_react.useState)(t18.config), [x, S] = (0, import_react.useState)(void 0), C = (0, import_react.useRef)(null), w = (0, import_react.useRef)(null), T = (0, import_react.useRef)(null), E = (0, import_react.useRef)(null);
+  let [d, g] = (0, import_react.useState)(""), [_, v] = (0, import_react.useState)(t18.config), [y, b] = (0, import_react.useState)(t18.config), [x, S] = (0, import_react.useState)(void 0), C = (0, import_react.useRef)(null), T = (0, import_react.useRef)(null), E = (0, import_react.useRef)(null), D = (0, import_react.useRef)(null);
   Object.keys(t18.config).some((d2) => t18.config[d2] !== y[d2]) && (v(t18.config), b(t18.config));
-  let D = (0, import_react.useRef)(_);
-  D.current = _;
-  let O = (0, import_react.useRef)(null), k = (0, import_react.useRef)(null), j = (0, import_react.useRef)(null), [M, N] = (0, import_react.useState)(null), P = () => {
+  let O = (0, import_react.useRef)(_);
+  O.current = _;
+  let k = (0, import_react.useRef)(null), A = (0, import_react.useRef)(null), j = (0, import_react.useRef)(null), [M, N] = (0, import_react.useState)(null), P = () => {
     j.current = null, N(null);
   }, { data: F } = useAsyncData(async () => (await t18.get_chat_history({})).messages, []), I = t18.value.length > 0 ? t18.value : F, { messages: L, sendMessage: R, setMessages: z, status: B, stop: V, error: H, regenerate: U, clearError: W, addToolApprovalResponse: G } = useChat({
     sendAutomaticallyWhen: ({ messages: t19 }) => hasPendingToolCalls(t19),
@@ -8048,12 +8048,12 @@ const Chatbot = (t18) => {
       var _a2;
       if (f === void 0) return fetch(d2);
       let m = JSON.parse(f.body), h = f.signal, g2 = {
-        max_tokens: D.current.max_tokens,
-        temperature: D.current.temperature,
-        top_p: D.current.top_p,
-        top_k: D.current.top_k,
-        frequency_penalty: D.current.frequency_penalty,
-        presence_penalty: D.current.presence_penalty
+        max_tokens: O.current.max_tokens,
+        temperature: O.current.temperature,
+        top_p: O.current.top_p,
+        top_k: O.current.top_k,
+        frequency_penalty: O.current.frequency_penalty,
+        presence_penalty: O.current.presence_penalty
       };
       try {
         let d3 = m.messages.map((t19) => {
@@ -8066,14 +8066,14 @@ const Chatbot = (t18) => {
         P();
         let _2 = new ReadableStream({
           start(d4) {
-            O.current = d4, k.current = f2;
+            k.current = d4, A.current = f2;
             let m2 = () => {
               try {
                 d4.close();
               } catch (t19) {
                 Logger.debug("Controller may already be closed", { error: t19 });
               }
-              O.current = null, k.current = null, t18.cancel_prompt({ request_id: f2 }).catch((t19) => {
+              k.current = null, A.current = null, t18.cancel_prompt({ request_id: f2 }).catch((t19) => {
                 Logger.debug("cancel_prompt failed", { error: t19 });
               });
             };
@@ -8082,7 +8082,7 @@ const Chatbot = (t18) => {
             };
           },
           cancel() {
-            O.current = null, k.current = null;
+            k.current = null, A.current = null;
           }
         });
         return t18.send_prompt({
@@ -8091,7 +8091,7 @@ const Chatbot = (t18) => {
           config: g2
         }).catch((t19) => {
           var _a3;
-          (_a3 = O.current) == null ? void 0 : _a3.error(t19), O.current = null, k.current = null;
+          (_a3 = k.current) == null ? void 0 : _a3.error(t19), k.current = null, A.current = null;
         }), createUIMessageStreamResponse({ stream: _2 });
       } catch (t19) {
         if (t19 instanceof Error && t19.name === "AbortError") return new Response("Aborted", { status: 499 });
@@ -8126,13 +8126,13 @@ const Chatbot = (t18) => {
   useEventListener(t18.host, MarimoIncomingMessageEvent.TYPE, (t19) => {
     let d2 = ChatMessageIncomingSchema.safeParse(t19.detail.message);
     if (d2.success) {
-      if (d2.data.content && d2.data.message_id === k.current) {
+      if (d2.data.content && d2.data.message_id === A.current) {
         let t20 = getAbortReasonFromChunk(d2.data.content);
         t20 !== void 0 && (j.current = t20);
       }
       routeIncomingChatChunk(d2.data, {
-        controllerRef: O,
-        activeRequestIdRef: k
+        controllerRef: k,
+        activeRequestIdRef: A
       });
     }
   });
@@ -8152,12 +8152,12 @@ const Chatbot = (t18) => {
   }, Z = t18.prompts.length > 0 ? "Type your message here, / for prompts" : "Type your message here...";
   (0, import_react.useEffect)(() => {
     var _a2;
-    (_a2 = E.current) == null ? void 0 : _a2.scrollTo({
-      top: E.current.scrollHeight,
+    (_a2 = D.current) == null ? void 0 : _a2.scrollTo({
+      top: D.current.scrollHeight,
       behavior: "smooth"
     });
-  }, [L.length, E]);
-  let Q = (_a = T.current) == null ? void 0 : _a.view, $ = () => {
+  }, [L.length, D]);
+  let Q = (_a = E.current) == null ? void 0 : _a.view, $ = () => {
     if (Q) {
       let t19 = Q.state.doc.length;
       Q.dispatch({ changes: {
@@ -8186,7 +8186,7 @@ const Chatbot = (t18) => {
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         className: "grow overflow-y-auto gap-4 pt-8 pb-4 px-2 flex flex-col",
-        ref: E,
+        ref: D,
         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",
@@ -8265,7 +8265,7 @@ const Chatbot = (t18) => {
             }, ...p ?? []]
           }), $();
         },
-        ref: w,
+        ref: T,
         inert: t18.disabled || void 0,
         className: cn("flex w-full border-t border-(--slate-6) px-2 py-1 items-center", t18.disabled && "opacity-50 cursor-not-allowed"),
         children: [
@@ -8285,12 +8285,12 @@ const Chatbot = (t18) => {
             className: "rounded-sm mr-2",
             placeholder: Z,
             value: d,
-            inputRef: T,
+            inputRef: E,
             maxHeight: t18.maxHeight ? `${t18.maxHeight / 2}px` : void 0,
             onChange: g,
             onSubmit: (t19, d2) => {
               var _a2;
-              d2.trim() && ((_a2 = w.current) == null ? void 0 : _a2.requestSubmit());
+              d2.trim() && ((_a2 = T.current) == null ? void 0 : _a2.requestSubmit());
             },
             onClose: () => {
             },