@marimo-team/islands 0.23.11-dev9 → 0.23.11

package/dist/{chat-ui-c1FdlK-C.js → chat-ui-k2kqhCv5.js}

@@ -2,26 +2,26 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { _ as Logger, c as Objects, g as cn, l as useEventListener, t as Button } from "./button-C5K9fIPF.js";
+import { _ as Logger, c as Objects, g as cn, l as useEventListener, t as Button } from "./button-vQhauTmO.js";
 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-UqRYxiOg.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-D5-EpALB.js";
+import { r as toast } from "./copy-UhDed7D4.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-C86pQALH.js";
 import "./chunk-5FQGJX7Z-BbqSm5gU.js";
-import { u as createLucideIcon } from "./dist-Dk6PV_d3.js";
-import { C as logNever, I as X, R as ChevronDown, t as Strings } from "./strings-J57tzLr3.js";
-import { C as DropdownMenuTrigger, a as NumberField, f as DropdownMenu, h as DropdownMenuItem, p as DropdownMenuContent, r as Input } from "./input-OdWHkobi.js";
-import { p as isUrl, v as CircleQuestionMark } from "./toDate-d8RCRrRd.js";
-import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-WDZE0cyS.js";
+import { u as createLucideIcon } from "./dist-DYGLrbYQ.js";
+import { C as logNever, I as X, R as ChevronDown, t as Strings } from "./strings-Cq2s9_EQ.js";
+import { C as DropdownMenuTrigger, a as NumberField, f as DropdownMenu, h as DropdownMenuItem, p as DropdownMenuContent, r as Input } from "./input-AKkGXdyV.js";
+import { p as isUrl, v as CircleQuestionMark } from "./toDate-Do1xRzAo.js";
+import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-nNw4OpSj.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-aLSua2NL.js";
-import { n as ErrorBanner } from "./error-banner-CJXYJ6Sb.js";
-import { t as Label } from "./label-CC4ytI1X.js";
-import { t as Tooltip } from "./tooltip-DpcyNkQ2.js";
-import { f as CopyClipboardIcon } from "./extends-D_hDsj6R.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-DXqkaI_w.js";
+import { n as ErrorBanner } from "./error-banner-BHAkVFc2.js";
+import { t as Label } from "./label-E3ZJXHu8.js";
+import { t as Tooltip } from "./tooltip-Bz3OAwrU.js";
+import { f as CopyClipboardIcon } from "./extends-9Yl5BEcg.js";
 import { t as isEmpty_default } from "./isEmpty-CJJMn-QP.js";
-import { T as useEvent_default, n as useTheme, y as useStore } from "./useTheme-DEhDzATN.js";
+import { T as useEvent_default, n as useTheme, y as useStore } from "./useTheme-ZhT6uIu3.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";
@@ -30,9 +30,9 @@ import "./dist-BSAt6RhH.js";
 import "./dist-D-W5ny5a.js";
 import "./dist-M9Vag9Y0.js";
 import "./dist-C_Y3oV3C.js";
-import { n as minimalSetup, t as esm_default } from "./esm-BaH2eg5-.js";
+import { n as minimalSetup, t as esm_default } from "./esm-Bqu9AE2K.js";
 import "./purify.es-H92eMd9-.js";
-import { t as useAsyncData } from "./useAsyncData-PonK__yh.js";
+import { t as useAsyncData } from "./useAsyncData-CL3o2p4i.js";
 var Ban = createLucideIcon("ban", [["path", {
   d: "M4.929 4.929 19.07 19.071",
   key: "196cmz"
@@ -72,6 +72,17 @@ var Ban = createLucideIcon("ban", [["path", {
 }], ["path", {
   d: "m9 11 3 3L22 4",
   key: "1pflzl"
+}]]), CircleSlash = createLucideIcon("circle-slash", [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "10",
+  key: "1mglay"
+}], ["line", {
+  x1: "9",
+  x2: "15",
+  y1: "15",
+  y2: "9",
+  key: "1dfufj"
 }]]), Paperclip = createLucideIcon("paperclip", [["path", {
   d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
   key: "1miecu"
@@ -6796,27 +6807,35 @@ var import_compiler_runtime$3 = require_compiler_runtime(), STATUS_LABEL = {
   "approval-responded": "Awaiting result",
   "output-available": "Done",
   "output-denied": "Denied"
-}, StatusIcon = (e18) => {
-  let m = (0, import_compiler_runtime$3.c)(4), { state: h } = e18;
+}, PENDING_STATES = /* @__PURE__ */ new Set([
+  "input-streaming",
+  "input-available",
+  "approval-responded"
+]), StatusIcon = (e18) => {
+  let m = (0, import_compiler_runtime$3.c)(5), { state: h, interrupted: g } = e18;
+  if (g) {
+    let e19;
+    return m[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleSlash, { className: "h-3 w-3 text-muted-foreground" }), m[0] = e19) : e19 = m[0], e19;
+  }
   switch (h) {
     case "input-streaming":
     case "input-available":
     case "approval-responded": {
       let e19;
-      return m[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-3 w-3 animate-spin" }), m[0] = e19) : e19 = m[0], e19;
+      return m[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-3 w-3 animate-spin" }), m[1] = e19) : e19 = m[1], e19;
     }
     case "output-available": {
       let e19;
-      return m[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleCheckBig, { className: "h-3 w-3 text-(--grass-11)" }), m[1] = e19) : e19 = m[1], e19;
+      return m[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleCheckBig, { className: "h-3 w-3 text-(--grass-11)" }), m[2] = e19) : e19 = m[2], e19;
     }
     case "output-denied": {
       let e19;
-      return m[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ban, { className: "h-3 w-3 text-muted-foreground" }), m[2] = e19) : e19 = m[2], e19;
+      return m[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ban, { className: "h-3 w-3 text-muted-foreground" }), m[3] = e19) : e19 = m[3], e19;
     }
     default: {
       logNever(h);
       let e19;
-      return m[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrench, { className: "h-3 w-3" }), m[3] = e19) : e19 = m[3], e19;
+      return m[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrench, { className: "h-3 w-3" }), m[4] = e19) : e19 = m[4], e19;
     }
   }
 };
@@ -6835,36 +6854,41 @@ function getTriggerToneClass(e18) {
   }
 }
 const ToolHistoryRow = (e18) => {
-  let m = (0, import_compiler_runtime$3.c)(29), { toolName: h, state: g, input: v, result: y, approval: b, index: x, className: S } = e18, w = `tool-${x === void 0 ? 0 : x}`, T;
-  m[0] === S ? T = m[1] : (T = cn("w-full", S), m[0] = S, m[1] = T);
-  let E;
-  m[2] === g ? E = m[3] : (E = 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", getTriggerToneClass(g)), m[2] = g, m[3] = E);
-  let D;
-  m[4] === g ? D = m[5] : (D = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, { state: g }), m[4] = g, m[5] = D);
-  let O = STATUS_LABEL[g], k;
-  m[6] === h ? k = m[7] : (k = formatToolName(h), m[6] = h, m[7] = k);
-  let A;
-  m[8] === k ? A = m[9] : (A = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-    className: "font-mono text-xs",
-    children: k
-  }), m[8] = k, m[9] = A);
+  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;
+  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);
   let j;
-  m[10] !== D || m[11] !== O || m[12] !== A ? (j = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+  m[5] !== O || m[6] !== g ? (j = 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", O ? "text-muted-foreground" : getTriggerToneClass(g)), m[5] = O, m[6] = g, m[7] = j) : j = m[7];
+  let M;
+  m[8] !== O || m[9] !== g ? (M = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, {
+    state: g,
+    interrupted: O
+  }), m[8] = O, m[9] = g, m[10] = M) : M = m[10];
+  let N = O ? "Interrupted" : STATUS_LABEL[g], P;
+  m[11] === h ? P = m[12] : (P = formatToolName(h), m[11] = h, m[12] = P);
+  let F;
+  m[13] === P ? F = m[14] : (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+    className: "font-mono text-xs",
+    children: P
+  }), m[13] = P, m[14] = F);
+  let I;
+  m[15] !== F || m[16] !== M || m[17] !== N ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
     className: "flex items-center gap-1",
     children: [
-      D,
-      O,
+      M,
+      N,
       ":",
-      A
+      F
     ]
-  }), m[10] = D, m[11] = O, m[12] = A, m[13] = j) : j = m[13];
-  let M;
-  m[14] !== E || m[15] !== j ? (M = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
-    className: E,
-    children: j
-  }), m[14] = E, m[15] = j, m[16] = M) : M = m[16];
-  let N;
-  m[17] !== b || m[18] !== v || m[19] !== y || m[20] !== g ? (N = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
+  }), 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, {
+    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, {
     className: "py-2 px-2",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HistoryContent, {
       state: g,
@@ -6872,20 +6896,20 @@ const ToolHistoryRow = (e18) => {
       result: y,
       approval: b
     })
-  }), m[17] = b, m[18] = v, m[19] = y, m[20] = g, m[21] = N) : N = m[21];
-  let P;
-  m[22] !== M || m[23] !== N ? (P = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+  }), 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, {
     value: "tool-call",
     className: "border-0",
-    children: [M, N]
-  }), m[22] = M, m[23] = N, m[24] = P) : P = m[24];
-  let F;
-  return m[25] !== P || m[26] !== w || m[27] !== T ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
+    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, {
     type: "single",
     collapsible: true,
-    className: T,
-    children: P
-  }, w), m[25] = P, m[26] = w, m[27] = T, m[28] = F) : F = m[28], F;
+    className: A,
+    children: V
+  }, k), m[30] = V, m[31] = k, m[32] = A, m[33] = H) : H = m[33], H;
 };
 var HistoryContent = (e18) => {
   let m = (0, import_compiler_runtime$3.c)(16), { state: h, input: g, result: _, approval: v } = e18;
@@ -6926,7 +6950,7 @@ var HistoryContent = (e18) => {
   }
 }, import_compiler_runtime$2 = require_compiler_runtime();
 const ToolCallView = (e18) => {
-  let m = (0, import_compiler_runtime$2.c)(25), { toolName: h, state: g, result: _, errorText: v, input: y, approval: b, onApprove: x, index: S, className: C, isLive: w } = e18, T = w === void 0 ? true : w;
+  let m = (0, import_compiler_runtime$2.c)(27), { toolName: h, state: g, result: _, errorText: v, input: y, approval: b, onApprove: x, index: S, className: C, isLive: w, isActive: T } = e18, E = w === void 0 ? true : w, D = T === void 0 ? true : T;
   switch (g) {
     case "approval-requested": {
       if (b != null && x != null) {
@@ -6940,23 +6964,24 @@ const ToolCallView = (e18) => {
         }), m[0] = b, m[1] = C, m[2] = y, m[3] = x, m[4] = h, m[5] = e20) : e20 = m[5], e20;
       }
       let e19;
-      return m[6] !== C || m[7] !== S || m[8] !== y || m[9] !== h ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolHistoryRow, {
+      return m[6] !== C || m[7] !== S || m[8] !== y || m[9] !== D || m[10] !== h ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolHistoryRow, {
         toolName: h,
         state: "input-available",
         input: y,
         index: S,
-        className: C
-      }), m[6] = C, m[7] = S, m[8] = y, m[9] = h, m[10] = e19) : e19 = m[10], e19;
+        className: C,
+        isActive: D
+      }), m[6] = C, m[7] = S, m[8] = y, m[9] = D, m[10] = h, m[11] = e19) : e19 = m[11], e19;
     }
     case "output-error": {
       let e19;
-      return m[11] !== C || m[12] !== v || m[13] !== y || m[14] !== T || m[15] !== h ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolErrorCard, {
+      return m[12] !== C || m[13] !== v || m[14] !== y || m[15] !== E || m[16] !== h ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolErrorCard, {
         toolName: h,
         input: y,
         errorText: v,
-        isLive: T,
+        isLive: E,
         className: C
-      }), m[11] = C, m[12] = v, m[13] = y, m[14] = T, m[15] = h, m[16] = e19) : e19 = m[16], e19;
+      }), m[12] = C, m[13] = v, m[14] = y, m[15] = E, m[16] = h, m[17] = e19) : e19 = m[17], e19;
     }
     case "input-streaming":
     case "input-available":
@@ -6964,74 +6989,77 @@ const ToolCallView = (e18) => {
     case "output-available":
     case "output-denied": {
       let e19;
-      return m[17] !== b || m[18] !== C || m[19] !== S || m[20] !== y || m[21] !== _ || m[22] !== g || m[23] !== h ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolHistoryRow, {
+      return m[18] !== b || m[19] !== C || m[20] !== S || m[21] !== y || m[22] !== D || m[23] !== _ || m[24] !== g || m[25] !== h ? (e19 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolHistoryRow, {
         toolName: h,
         state: g,
         input: y,
         result: _,
         approval: b,
         index: S,
-        className: C
-      }), m[17] = b, m[18] = C, m[19] = S, m[20] = y, m[21] = _, m[22] = g, m[23] = h, m[24] = e19) : e19 = m[24], e19;
+        className: C,
+        isActive: D
+      }), m[18] = b, m[19] = C, m[20] = S, m[21] = y, m[22] = D, m[23] = _, m[24] = g, m[25] = h, m[26] = e19) : e19 = m[26], e19;
     }
     default:
       return logNever(g), null;
   }
-}, renderUIMessage = ({ message: e18, isStreamingReasoning: m, isLast: g, addToolApprovalResponse: _ }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: e18.parts.map((e19, m2) => v(e19, m2)) });
-  function v(v2, y) {
-    if (isToolPart(v2)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallView, {
-      index: y,
-      toolName: v2.type,
-      result: v2.output,
-      errorText: v2.state === "output-error" ? v2.errorText : void 0,
+}, renderUIMessage = ({ message: e18, isStreamingReasoning: m, isLast: g, isActive: _, addToolApprovalResponse: v }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: e18.parts.map((e19, m2) => y(e19, m2)) });
+  function y(y2, b) {
+    if (isToolPart(y2)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallView, {
+      index: b,
+      toolName: y2.type,
+      result: y2.output,
+      errorText: y2.state === "output-error" ? y2.errorText : void 0,
       className: "my-2",
-      state: v2.state,
-      input: v2.input,
-      approval: v2.approval,
-      onApprove: _,
-      isLive: g
-    }, y);
-    if (isDataPart(v2)) return Logger.debug("Found data part", v2), null;
-    switch (v2.type) {
+      state: y2.state,
+      input: y2.input,
+      approval: y2.approval,
+      onApprove: v,
+      isLive: g,
+      isActive: _
+    }, b);
+    if (isDataPart(y2)) return Logger.debug("Found data part", y2), null;
+    switch (y2.type) {
       case "text":
-        return v2.text.includes("<marimo-") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: renderHTML({ html: v2.text }) }, y) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownRenderer, { content: v2.text }, y);
+        return y2.text.includes("<marimo-") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: renderHTML({ html: y2.text }) }, b) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownRenderer, { content: y2.text }, b);
       case "reasoning":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReasoningAccordion, {
-          reasoning: v2.text,
-          index: y,
-          isStreaming: m && g && y === (e18.parts.length || 0) - 1
-        }, y);
+          reasoning: y2.text,
+          index: b,
+          isStreaming: m && g && b === (e18.parts.length || 0) - 1
+        }, b);
       case "file":
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AttachmentRenderer, { attachment: v2 }, y);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AttachmentRenderer, { attachment: y2 }, b);
       case "dynamic-tool":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallView, {
-          toolName: v2.toolName,
-          result: v2.output,
-          errorText: v2.state === "output-error" ? v2.errorText : void 0,
-          state: v2.state,
-          input: v2.input,
-          approval: v2.approval,
-          onApprove: _,
-          isLive: g
-        }, y);
+          toolName: y2.toolName,
+          result: y2.output,
+          errorText: y2.state === "output-error" ? y2.errorText : void 0,
+          state: y2.state,
+          input: y2.input,
+          approval: y2.approval,
+          onApprove: v,
+          isLive: g,
+          isActive: _
+        }, b);
       case "source-document":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SourceChip, {
           icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileText, { className: "h-3 w-3 shrink-0" }),
-          title: v2.title,
-          subtitle: v2.filename
-        }, y);
+          title: y2.title,
+          subtitle: y2.filename
+        }, b);
       case "source-url":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SourceChip, {
           icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0" }),
-          title: v2.title ?? v2.url,
-          subtitle: v2.title ? v2.url : void 0,
-          href: v2.url
-        }, y);
+          title: y2.title ?? y2.url,
+          subtitle: y2.title ? y2.url : void 0,
+          href: y2.url
+        }, b);
       case "step-start":
         return null;
       default:
-        return logNever(v2), null;
+        return logNever(y2), null;
     }
   }
 };
@@ -7735,6 +7763,7 @@ const Chatbot = (e18) => {
                   message: e19,
                   isStreamingReasoning: B === "streaming",
                   isLast: g2,
+                  isActive: K,
                   addToolApprovalResponse: g2 ? G : void 0
                 })
               }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {

package/dist/{check-BCaJeT-J.js → check-nrzHDi45.js}

@@ -1,4 +1,4 @@
-import { u as createLucideIcon } from "./dist-Dk6PV_d3.js";
+import { u as createLucideIcon } from "./dist-DYGLrbYQ.js";
 var Check = createLucideIcon("check", [["path", {
   d: "M20 6 9 17l-5-5",
   key: "1gmf2c"