@marimo-team/islands 0.23.3-dev9 → 0.23.3

package/dist/{chat-ui-BLFhPclV.js → chat-ui-DEd_Ndal.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-TGGAUEWp.js";
-import { $t as ZodLocalStorage, Bt as allTablesAtom, C as AccordionContent, Cn as Wrench, Ct as createVariableInfoElement, D as ChatBubbleIcon, Dn as LoaderCircle, Et as moveToEndOfEditor, Ft as PluralWord, Ht as getTableType, Jt as singleFacet, Nt as jotaiJsonStorage, P as base64ToDataURL, Pn as CircleX, Pt as variablesAtom, S as Accordion, T as AccordionTrigger, U as cellErrorsAtom, V as renderHTML, Vt as dataSourceConnectionsAtom, Wt as getRequestClient, _ as Boosts, _n as Anchor2, b as AIContextProvider, c as Popover, d as PopoverTrigger, f as isOutputEmpty, gt as displayCellName, h as DatasourceContextProvider, hn as atomWithStorage, in as CellOutputId, kn as Info, n as MarkdownRenderer, q as notebookAtom, s as Spinner, t as toPng, u as PopoverContent, v as Sections, w as AccordionItem, x as AIContextRegistry, y as contextToXml } from "./html-to-image-XYwXqg2E.js";
+import { C as AccordionContent, D as ChatBubbleIcon, Ft as jotaiJsonStorage, G as cellErrorsAtom, Ht as allTablesAtom, In as CircleX, It as variablesAtom, Kt as getRequestClient, Lt as PluralWord, Ot as moveToEndOfEditor, P as base64ToDataURL, S as Accordion, T as AccordionTrigger, Tn as Wrench, Tt as createVariableInfoElement, Ut as dataSourceConnectionsAtom, V as renderHTML, Wt as getTableType, Xt as singleFacet, Y as notebookAtom, _ as Boosts, _n as atomWithStorage, b as AIContextProvider, c as Popover, d as PopoverTrigger, f as isOutputEmpty, h as DatasourceContextProvider, jn as Info, kn as LoaderCircle, n as MarkdownRenderer, on as CellOutputId, s as Spinner, t as toPng, tn as ZodLocalStorage, u as PopoverContent, v as Sections, vt as displayCellName, w as AccordionItem, x as AIContextRegistry, y as contextToXml, yn as Anchor2 } from "./html-to-image-DBosi5GK.js";
 import "./chunk-5FQGJX7Z-CO1e63h_.js";
 import { u as createLucideIcon } from "./dist-ESg7xyoD.js";
 import { F as X, S as logNever, t as Strings } from "./strings-B_FOH6eV.js";
 import { a as NumberField, b as DropdownMenuTrigger, d as DropdownMenuContent, p as DropdownMenuItem, r as Input, u as DropdownMenu } from "./input-Drx1pguW.js";
 import { g as CircleQuestionMark } from "./toDate-yqOcZ_tY.js";
-import { a as MarimoIncomingMessageEvent, d as Trash2, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-BDVjDpbu.js";
+import { a as MarimoIncomingMessageEvent, d as Trash2, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-k-4WHpxz.js";
 import "./react-dom-BWRJ_g_k.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
 import { 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-BxdsqRPd.js";
@@ -6358,8 +6358,8 @@ var import_compiler_runtime$3 = require_compiler_runtime();
 const ReasoningAccordion = (e18) => {
   let g = (0, import_compiler_runtime$3.c)(13), { reasoning: _, index: v, isStreaming: y } = e18, b = v === void 0 ? 0 : v, x = y === void 0 ? false : y, S = x ? "reasoning" : void 0, C;
   g[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), g[0] = C) : C = g[0];
-  let w = x ? "Thinking" : "View reasoning", T;
-  g[1] !== _.length || g[2] !== w ? (T = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  let w = x ? "Thinking" : "View reasoning", E;
+  g[1] !== _.length || g[2] !== w ? (E = /* @__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",
@@ -6372,9 +6372,9 @@ const ReasoningAccordion = (e18) => {
         "chars)"
       ]
     })
-  }), g[1] = _.length, g[2] = w, g[3] = T) : T = g[3];
-  let E;
-  g[4] === _ ? E = g[5] : (E = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
+  }), g[1] = _.length, g[2] = w, g[3] = E) : E = g[3];
+  let D;
+  g[4] === _ ? D = g[5] : (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "pb-2 px-2",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       className: "bg-muted/30 border border-muted/50 rounded-md p-3 italic text-muted-foreground/90 relative",
@@ -6383,13 +6383,13 @@ const ReasoningAccordion = (e18) => {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownRenderer, { content: _ })
       })
     })
-  }), g[4] = _, g[5] = E);
+  }), g[4] = _, g[5] = D);
   let O;
-  g[6] !== T || g[7] !== E ? (O = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+  g[6] !== E || g[7] !== D ? (O = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
     value: "reasoning",
     className: "border-0",
-    children: [T, E]
-  }), g[6] = T, g[7] = E, g[8] = O) : O = g[8];
+    children: [E, D]
+  }), g[6] = E, g[7] = D, g[8] = O) : O = g[8];
   let k;
   return g[9] !== b || g[10] !== S || g[11] !== O ? (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
@@ -6489,9 +6489,9 @@ var import_compiler_runtime$2 = require_compiler_runtime(), SuccessResultSchema
   }), g[7] = S, g[8] = C), C;
 };
 const ToolCallAccordion = (e18) => {
-  let g = (0, import_compiler_runtime$2.c)(38), { toolName: _, result: v, error: b, index: x, state: S, className: C, input: w } = e18, T = x === void 0 ? 0 : x, E = S === "output-available" && (v || b), k = b ? "error" : E ? "success" : "loading", A;
-  g[0] === k ? A = g[1] : (A = () => {
-    switch (k) {
+  let g = (0, import_compiler_runtime$2.c)(38), { toolName: _, result: v, error: b, index: x, state: S, className: C, input: w } = e18, E = x === void 0 ? 0 : x, D = S === "output-available" && (v || b), O = b ? "error" : D ? "success" : "loading", k;
+  g[0] === O ? k = g[1] : (k = () => {
+    switch (O) {
       case "loading":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-3 w-3 animate-spin" });
       case "error":
@@ -6501,39 +6501,39 @@ const ToolCallAccordion = (e18) => {
       default:
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrench, { className: "h-3 w-3" });
     }
-  }, g[0] = k, g[1] = A);
-  let M = A, N;
-  g[2] !== b || g[3] !== E || g[4] !== k ? (N = () => k === "loading" ? "Running" : b ? "Failed" : E ? "Done" : "Tool call", g[2] = b, g[3] = E, g[4] = k, g[5] = N) : N = g[5];
-  let P = N, F = `tool-${T}`, I;
-  g[6] === C ? I = g[7] : (I = cn("w-full", C), g[6] = C, g[7] = I);
-  let L = k === "error" && "text-[var(--red-11)]/80", z = k === "success" && "text-[var(--grass-11)]/80", H;
-  g[8] !== L || g[9] !== z ? (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", L, z), g[8] = L, g[9] = z, g[10] = H) : H = g[10];
-  let U;
-  g[11] === M ? U = g[12] : (U = M(), g[11] = M, g[12] = U);
-  let W = P(), G;
-  g[13] === _ ? G = g[14] : (G = formatToolName(_), g[13] = _, g[14] = G);
-  let K;
-  g[15] === G ? K = g[16] : (K = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+  }, g[0] = O, g[1] = k);
+  let j = k, M;
+  g[2] !== b || g[3] !== D || g[4] !== O ? (M = () => O === "loading" ? "Running" : b ? "Failed" : D ? "Done" : "Tool call", g[2] = b, g[3] = D, g[4] = O, g[5] = M) : M = g[5];
+  let N = M, P = `tool-${E}`, F;
+  g[6] === C ? F = g[7] : (F = cn("w-full", C), g[6] = C, g[7] = F);
+  let z = O === "error" && "text-[var(--red-11)]/80", B = O === "success" && "text-[var(--grass-11)]/80", V;
+  g[8] !== z || g[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), g[8] = z, g[9] = B, g[10] = V) : V = g[10];
+  let H;
+  g[11] === j ? H = g[12] : (H = j(), g[11] = j, g[12] = H);
+  let U = N(), W;
+  g[13] === _ ? W = g[14] : (W = formatToolName(_), g[13] = _, g[14] = W);
+  let G;
+  g[15] === W ? G = g[16] : (G = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
     className: "font-mono text-xs",
-    children: G
-  }), g[15] = G, g[16] = K);
-  let q;
-  g[17] !== W || g[18] !== K || g[19] !== U ? (q = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+    children: W
+  }), g[15] = W, g[16] = G);
+  let K;
+  g[17] !== U || g[18] !== G || g[19] !== H ? (K = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
     className: "flex items-center gap-1",
     children: [
+      H,
       U,
-      W,
       ":",
-      K
+      G
     ]
-  }), g[17] = W, g[18] = K, g[19] = U, g[20] = q) : q = g[20];
+  }), g[17] = U, g[18] = G, g[19] = H, g[20] = K) : K = g[20];
+  let q;
+  g[21] !== K || g[22] !== V ? (q = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+    className: V,
+    children: K
+  }), g[21] = K, g[22] = V, g[23] = q) : q = g[23];
   let J;
-  g[21] !== q || g[22] !== H ? (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
-    className: H,
-    children: q
-  }), g[21] = q, g[22] = H, g[23] = J) : J = g[23];
-  let Y;
-  g[24] !== b || g[25] !== E || g[26] !== w || g[27] !== v ? (Y = E && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  g[24] !== b || g[25] !== D || g[26] !== w || g[27] !== v ? (J = D && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "space-y-3",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolArgsRenderer, { input: w }),
@@ -6549,25 +6549,25 @@ const ToolCallAccordion = (e18) => {
         })]
       })
     ]
-  }), g[24] = b, g[25] = E, g[26] = w, g[27] = v, g[28] = Y) : Y = g[28];
-  let Z;
-  g[29] === Y ? Z = g[30] : (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
+  }), g[24] = b, g[25] = D, g[26] = w, g[27] = v, g[28] = J) : J = g[28];
+  let Y;
+  g[29] === J ? Y = g[30] : (Y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "py-2 px-2",
-    children: Y
-  }), g[29] = Y, g[30] = Z);
-  let Q;
-  g[31] !== J || g[32] !== Z ? (Q = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    children: J
+  }), g[29] = J, g[30] = Y);
+  let Z;
+  g[31] !== q || g[32] !== Y ? (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
     value: "tool-call",
     className: "border-0",
-    children: [J, Z]
-  }), g[31] = J, g[32] = Z, g[33] = Q) : Q = g[33];
-  let $;
-  return g[34] !== Q || g[35] !== F || g[36] !== I ? ($ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
+    children: [q, Y]
+  }), g[31] = q, g[32] = Y, g[33] = Z) : Z = g[33];
+  let Q;
+  return g[34] !== Z || g[35] !== P || g[36] !== F ? (Q = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
     collapsible: true,
-    className: I,
-    children: Q
-  }, F), g[34] = Q, g[35] = F, g[36] = I, g[37] = $) : $ = g[37], $;
+    className: F,
+    children: Z
+  }, P), g[34] = Z, g[35] = P, g[36] = F, g[37] = Q) : Q = g[37], Q;
 };
 function formatToolName(e18) {
   return e18.replace("tool-", "");
@@ -7166,9 +7166,9 @@ const Chatbot = (e18) => {
   var _a;
   let [g, v] = (0, import_react.useState)(""), [S, C] = (0, import_react.useState)(e18.config), [w, T] = (0, import_react.useState)(e18.config), [E, D] = (0, import_react.useState)(void 0), O = (0, import_react.useRef)(null), k = (0, import_react.useRef)(null), A = (0, import_react.useRef)(null), j = (0, import_react.useRef)(null);
   Object.keys(e18.config).some((g2) => e18.config[g2] !== w[g2]) && (C(e18.config), T(e18.config));
-  let N = (0, import_react.useRef)(S);
-  N.current = S;
-  let P = (0, import_react.useRef)({
+  let M = (0, import_react.useRef)(S);
+  M.current = S;
+  let N = (0, import_react.useRef)({
     backendMessageId: null,
     frontendMessageIndex: null
   }), F = (0, import_react.useRef)(null), { data: I } = useAsyncData(async () => (await e18.get_chat_history({})).messages, []), L = e18.value.length > 0 ? e18.value : I, { messages: R, sendMessage: z, setMessages: B, status: V, stop: H, error: U, regenerate: W, clearError: G } = useChat({
@@ -7176,12 +7176,12 @@ const Chatbot = (e18) => {
       var _a2;
       if (v2 === void 0) return fetch(g2);
       let y = JSON.parse(v2.body), b = v2.signal, x = {
-        max_tokens: N.current.max_tokens,
-        temperature: N.current.temperature,
-        top_p: N.current.top_p,
-        top_k: N.current.top_k,
-        frequency_penalty: N.current.frequency_penalty,
-        presence_penalty: N.current.presence_penalty
+        max_tokens: M.current.max_tokens,
+        temperature: M.current.temperature,
+        top_p: M.current.top_p,
+        top_k: M.current.top_k,
+        frequency_penalty: M.current.frequency_penalty,
+        presence_penalty: M.current.presence_penalty
       };
       try {
         let g3 = y.messages.map((e19) => {
@@ -7217,7 +7217,7 @@ const Chatbot = (e18) => {
           (_a3 = F.current) == null ? void 0 : _a3.error(e19), F.current = null;
         }), createUIMessageStreamResponse({ stream: v3 });
       } catch (e19) {
-        if (P.current = {
+        if (N.current = {
           backendMessageId: null,
           frontendMessageIndex: null
         }, e19 instanceof Error && e19.name === "AbortError") return new Response("Aborted", { status: 499 });
@@ -7227,13 +7227,13 @@ const Chatbot = (e18) => {
     } }),
     messages: L,
     onFinish: (g2) => {
-      D(void 0), O.current && (O.current.value = ""), Logger.debug("Finished streaming message:", g2), P.current = {
+      D(void 0), O.current && (O.current.value = ""), Logger.debug("Finished streaming message:", g2), N.current = {
         backendMessageId: null,
         frontendMessageIndex: null
       }, e18.setValue(g2.messages);
     },
     onError: (e19) => {
-      Logger.error("An error occurred:", e19), P.current = {
+      Logger.error("An error occurred:", e19), N.current = {
         backendMessageId: null,
         frontendMessageIndex: null
       };
@@ -7574,8 +7574,8 @@ var configDescriptions = {
   g[0] === v ? w = g[1] : (w = (e19) => {
     [...e19.matchAll(/{{(\w+)}}/g)].length > 0 ? (C(e19), b(true)) : v(e19);
   }, g[0] = v, g[1] = w);
-  let T = w, E;
-  g[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+  let T = w, D;
+  g[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
     content: "Select a prompt",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
       asChild: true,
@@ -7586,26 +7586,26 @@ var configDescriptions = {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChatBubbleIcon, { className: "h-3 w-3" })
       })
     })
-  }), g[2] = E) : E = g[2];
-  let D;
+  }), g[2] = D) : D = g[2];
+  let O;
   if (g[3] !== T || g[4] !== _) {
     let e19;
     g[6] === T ? e19 = g[7] : (e19 = (e20, g2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuItem, {
       onSelect: () => T(e20),
       className: "whitespace-normal text-left",
       children: e20
-    }, g2), g[6] = T, g[7] = e19), D = _.map(e19), g[3] = T, g[4] = _, g[5] = D;
-  } else D = g[5];
-  let O;
-  g[8] === D ? O = g[9] : (O = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverAnchor, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenu, { children: [E, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuContent, {
+    }, g2), g[6] = T, g[7] = e19), O = _.map(e19), g[3] = T, g[4] = _, g[5] = O;
+  } else O = g[5];
+  let k;
+  g[8] === O ? k = g[9] : (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverAnchor, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenu, { children: [D, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuContent, {
     side: "right",
     align: "end",
     onCloseAutoFocus: _temp,
     className: "w-64 max-h-96 overflow-y-auto",
-    children: D
-  })] }) }), g[8] = D, g[9] = O);
-  let k;
-  g[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => b(false), g[10] = k) : k = g[10];
+    children: O
+  })] }) }), g[8] = O, g[9] = k);
+  let A;
+  g[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => b(false), g[10] = A) : A = g[10];
   let j;
   g[11] !== v || g[12] !== S ? (j = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContent, {
     side: "right",
@@ -7613,16 +7613,16 @@ var configDescriptions = {
     className: "min-w-80 px-2",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptVariablesForm, {
       prompt: S,
-      onClose: k,
+      onClose: A,
       onSelect: v
     })
   }), g[11] = v, g[12] = S, g[13] = j) : j = g[13];
   let M;
-  return g[14] !== y || g[15] !== O || g[16] !== j ? (M = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover, {
+  return g[14] !== y || g[15] !== k || g[16] !== j ? (M = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover, {
     open: y,
     onOpenChange: b,
-    children: [O, j]
-  }), g[14] = y, g[15] = O, g[16] = j, g[17] = M) : M = g[17], M;
+    children: [k, j]
+  }), g[14] = y, g[15] = k, g[16] = j, g[17] = M) : M = g[17], M;
 }, PromptVariablesForm = (e18) => {
   let g = (0, import_compiler_runtime.c)(32), { prompt: _, onClose: v, onSelect: y } = e18, b;
   g[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {}, g[0] = b) : b = g[0];