@marimo-team/islands 0.23.14-dev19 → 0.23.14-dev21

package/dist/{chat-ui-9wA4feLE.js → chat-ui-CO8WuXGb.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, Et as createVariableInfoElement, G as cellErrorsAtom, Hn as CircleX, In as Info, Jt as getTableType, Kt as allTablesAtom, Ln as FileText, Lt as jotaiJsonStorage, Mt as generateUUID, On as Wrench, P as base64ToDataURL, Pn as LoaderCircle, Rt as variablesAtom, S as Accordion, Sn as Anchor2, T as AccordionTrigger, V as renderHTML, Vt as PluralWord, X as notebookAtom, Xt as getRequestClient, _ as Boosts, an as ZodLocalStorage, b as AIContextProvider, bn as atomWithStorage, c as Popover, d as PopoverTrigger, en as singleFacet, f as isOutputEmpty, h as DatasourceContextProvider, kn as Trash2, kt as moveToEndOfEditor, n as Spinner, qt as dataSourceConnectionsAtom, r as MarkdownRenderer, t as toPng, u as PopoverContent, un as CellOutputId, v as Sections, w as AccordionItem, x as AIContextRegistry, y as contextToXml, yt as displayCellName, zn as ExternalLink } from "./html-to-image-DBHfshED.js";
+import { An as Wrench, Bt as variablesAtom, C as Accordion, E as AccordionTrigger, F as base64ToDataURL, H as renderHTML, In as LoaderCircle, Jt as allTablesAtom, O as ChatBubbleIcon, Ot as createVariableInfoElement, Pt as generateUUID, Qt as getRequestClient, Rn as Info, S as AIContextRegistry, Sn as atomWithStorage, T as AccordionItem, Ut as PluralWord, Vn as ExternalLink, Wn as CircleX, X as notebookAtom, Xt as getTableType, Yt as dataSourceConnectionsAtom, at as parseHtmlContent, b as contextToXml, c as Popover, d as PopoverTrigger, f as isOutputEmpty, fn as CellOutputId, g as formatDatasourceContextForCell, gt as isTracebackMime, h as DatasourceContextProvider, ht as isMarimoErrorsMime, jn as Trash2, jt as moveToEndOfEditor, mt as isErrorMime, n as Spinner, nn as singleFacet, r as MarkdownRenderer, sn as ZodLocalStorage, t as toPng, u as PopoverContent, v as Boosts, w as AccordionContent, wn as Anchor2, x as AIContextProvider, xt as displayCellName, y as Sections, zn as FileText, zt as jotaiJsonStorage } from "./html-to-image-DLSOS-bE.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-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-Dw6We6B6.js";
+import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-B9ysqk1y.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";
@@ -6046,9 +6046,84 @@ function getCellContextData(e18, h, g) {
     consoleOutputs: S
   };
 }
+function parseCellErrorOutput(e18) {
+  if (isMarimoErrorsMime(e18.mimetype)) {
+    if (!Array.isArray(e18.data)) return null;
+    let h = e18.data.filter((e19) => !e19.type.includes("ancestor"));
+    return h.length === 0 ? null : { errorData: h };
+  }
+  return isTracebackMime(e18.mimetype) ? typeof e18.data != "string" || e18.data.length === 0 ? null : {
+    errorData: [],
+    tracebackHtml: e18.data
+  } : null;
+}
+function errorDataHasTraceback(e18) {
+  return e18.some((e19) => "traceback" in e19 && e19.traceback);
+}
+function getTracebackFromConsole(e18) {
+  let h = e18 == null ? void 0 : e18.find((e19) => isTracebackMime(e19.mimetype));
+  if (!(!h || typeof h.data != "string" || h.data.length === 0)) return h.data;
+}
+function resolveTracebackHtml(e18, h) {
+  if (e18.tracebackHtml) return e18.tracebackHtml;
+  if (!errorDataHasTraceback(e18.errorData)) return getTracebackFromConsole(h);
+}
+function getCellErrorEntries(e18) {
+  let { cellIds: h, cellRuntime: g, cellData: _ } = e18.get(notebookAtom), v = [];
+  for (let [e19, y] of h.inOrderIds.entries()) {
+    let h2 = g[y], b = h2.output;
+    if (!b || !isErrorMime(b.mimetype)) continue;
+    let x = parseCellErrorOutput(b);
+    if (!x) continue;
+    let S = displayCellName(_[y].name, e19), C = _[y].lastCodeRun ?? _[y].code;
+    v.push({
+      cellId: y,
+      cellName: S,
+      cellCode: C,
+      errorData: x.errorData,
+      tracebackHtml: resolveTracebackHtml(x, h2.consoleOutputs)
+    });
+  }
+  return v;
+}
 function describeError(e18) {
   return e18.type === "setup-refs" ? "The setup cell cannot have references" : e18.type === "cycle" ? "This cell is in a cycle" : e18.type === "multiple-defs" ? `The variable '${e18.name}' was defined by another cell` : e18.type === "import-star" || e18.type === "ancestor-stopped" || e18.type === "ancestor-prevented" || e18.type === "exception" || e18.type === "strict-exception" ? e18.msg : e18.type === "interruption" ? "This cell was interrupted and needs to be re-run" : e18.type === "syntax" || e18.type === "unknown" || e18.type === "sql-error" ? e18.msg : e18.type === "internal" ? e18.msg || "An internal error occurred" : (logNever(e18), "Unknown error");
 }
+function formatSingleError(e18) {
+  let h = describeError(e18);
+  return "traceback" in e18 && e18.traceback && (h += `
+
+Traceback:
+${parseHtmlContent(e18.traceback)}`), h;
+}
+function formatCellErrorDetails(e18, h) {
+  let g = [`Code:
+${e18.cellCode}`];
+  if (e18.tracebackHtml && g.push(`Traceback:
+${parseHtmlContent(e18.tracebackHtml)}`), e18.errorData.length > 0 && g.push(e18.errorData.map((e19) => formatSingleError(e19)).join("\n\n")), e18.errorData.some((e19) => e19.type === "sql-error")) {
+    let _ = formatDatasourceContextForCell(e18.cellId, h);
+    _ && g.push(`Database schema:
+${_}`);
+  }
+  return g.join("\n\n");
+}
+function formatCellErrorXml(e18, h) {
+  return contextToXml({
+    type: "error",
+    data: {
+      name: e18.cellName || `Cell ${e18.cellId}`,
+      cellId: e18.cellId
+    },
+    details: formatCellErrorDetails(e18, h)
+  });
+}
+function summarizeCellError(e18) {
+  var _a;
+  return e18.errorData.length === 1 ? describeError(e18.errorData[0]) : e18.errorData.length > 1 ? `${e18.errorData.length} errors` : e18.tracebackHtml ? ((_a = parseHtmlContent(e18.tracebackHtml).trim().split("\n").find((e19) => e19.trim())) == null ? void 0 : _a.trim()) || "traceback" : "error";
+}
+function errorContextName(e18) {
+  return `Error: ${e18.cellName || `Cell ${e18.cellId}`}`;
+}
 var errorsTxt = new PluralWord("error", "errors"), ErrorContextProvider = class extends AIContextProvider {
   constructor(e18) {
     super();
@@ -6058,55 +6133,70 @@ var errorsTxt = new PluralWord("error", "errors"), ErrorContextProvider = class
     this.store = e18;
   }
   getItems() {
-    let e18 = this.store.get(cellErrorsAtom);
-    return e18.length === 0 ? [] : [{
+    let e18 = getCellErrorEntries(this.store);
+    if (e18.length === 0) return [];
+    let h = [{
       uri: this.asURI("all"),
       name: "Errors",
       type: this.contextType,
       data: {
         type: "all-errors",
-        errors: e18.map((e19) => ({
-          cellId: e19.cellId,
-          cellName: e19.cellName,
-          errorData: e19.output.data
-        }))
+        errors: e18
       },
       description: "All errors in the notebook"
     }];
+    for (let g of e18) h.push({
+      uri: this.asURI(g.cellId),
+      name: errorContextName(g),
+      type: this.contextType,
+      data: {
+        type: "cell-error",
+        error: g
+      },
+      description: summarizeCellError(g)
+    });
+    return h;
   }
   formatCompletion(e18) {
-    return e18.data.type === "all-errors" ? {
-      label: "@Errors",
-      displayLabel: "Errors",
-      detail: `${e18.data.errors.length} ${errorsTxt.pluralize(e18.data.errors.length)}`,
-      type: "error",
-      apply: "@Errors",
-      section: Sections.ERROR,
-      info: () => {
-        let h = document.createElement("div");
-        h.classList.add("mo-cm-tooltip", "docs-documentation", "min-w-[200px]", "flex", "flex-col", "gap-1", "p-2");
-        let g = document.createElement("div");
-        g.classList.add("flex", "flex-col", "gap-1");
-        let _ = document.createElement("div");
-        _.classList.add("font-bold", "text-base"), _.textContent = "Errors", g.append(_);
-        let v = document.createElement("div");
-        return v.classList.add("text-sm", "text-muted-foreground"), v.textContent = `${e18.data.errors.length} ${errorsTxt.pluralize(e18.data.errors.length)}`, g.append(v), h.append(g), h;
-      }
-    } : {
+    if (e18.data.type === "all-errors") {
+      let h = e18.data.errors.length;
+      return {
+        label: "@Errors",
+        displayLabel: "Errors",
+        detail: `${h} ${errorsTxt.pluralize(h)}`,
+        type: "error",
+        apply: "@error://all",
+        section: Sections.ERROR,
+        info: () => {
+          let e19 = document.createElement("div");
+          e19.classList.add("mo-cm-tooltip", "docs-documentation", "min-w-[200px]", "flex", "flex-col", "gap-1", "p-2");
+          let g = document.createElement("div");
+          g.classList.add("flex", "flex-col", "gap-1");
+          let _ = document.createElement("div");
+          _.classList.add("font-bold", "text-base"), _.textContent = "Errors", g.append(_);
+          let v = document.createElement("div");
+          return v.classList.add("text-sm", "text-muted-foreground"), v.textContent = `${h} ${errorsTxt.pluralize(h)}`, g.append(v), e19.append(g), e19;
+        }
+      };
+    }
+    if (e18.data.type === "cell-error") {
+      let { error: h } = e18.data;
+      return {
+        ...this.createBasicCompletion(e18, {
+          detail: summarizeCellError(h),
+          type: "error"
+        }),
+        section: Sections.ERROR
+      };
+    }
+    return {
       label: "Error",
       displayLabel: "Error",
       section: Sections.ERROR
     };
   }
   formatContext(e18) {
-    let { data: h } = e18;
-    return h.errors.map((e19) => contextToXml({
-      type: this.contextType,
-      data: {
-        name: e19.cellName || `Cell ${e19.cellId}`,
-        description: e19.errorData.map((e20) => describeError(e20)).join("\n")
-      }
-    })).join("\n\n");
+    return (e18.data.type === "all-errors" ? e18.data.errors : [e18.data.error]).map((e19) => formatCellErrorXml(e19, this.store)).join("\n\n");
   }
 };
 const contextCallbacks = singleFacet();
@@ -6515,22 +6605,22 @@ var import_compiler_runtime$8 = require_compiler_runtime();
 const ReasoningAccordion = (e18) => {
   let h = (0, import_compiler_runtime$8.c)(13), { reasoning: g, index: _, isStreaming: v } = e18, y = _ === void 0 ? 0 : _, b = v === void 0 ? false : v, [x, S] = import_react.useState("");
   if (!g && !b) return null;
-  let C = b ? "reasoning" : x, T;
-  h[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), h[0] = T) : T = h[0];
-  let E = b ? "Thinking" : "View reasoning", D = g.length > 0 && ` (${g.length} chars)`, O;
-  h[1] !== E || h[2] !== D ? (O = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+  let C = b ? "reasoning" : x, w;
+  h[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BotMessageSquare, { className: "h-3 w-3" }), h[0] = w) : w = h[0];
+  let T = b ? "Thinking" : "View reasoning", O = g.length > 0 && ` (${g.length} chars)`, k;
+  h[1] !== T || h[2] !== O ? (k = /* @__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,
         T,
-        E,
-        D
+        O
       ]
     })
-  }), h[1] = E, h[2] = D, h[3] = O) : O = h[3];
-  let k;
-  h[4] === g ? k = h[5] : (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
+  }), h[1] = T, h[2] = O, h[3] = k) : k = h[3];
+  let A;
+  h[4] === g ? A = h[5] : (A = /* @__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",
@@ -6539,22 +6629,22 @@ const ReasoningAccordion = (e18) => {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownRenderer, { content: g })
       })
     })
-  }), h[4] = g, h[5] = k);
-  let A;
-  h[6] !== O || h[7] !== k ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+  }), h[4] = g, h[5] = A);
+  let j;
+  h[6] !== k || h[7] !== A ? (j = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
     value: "reasoning",
     className: "border-0",
-    children: [O, k]
-  }), h[6] = O, h[7] = k, h[8] = A) : A = h[8];
-  let j;
-  return h[9] !== y || h[10] !== C || h[11] !== A ? (j = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
+    children: [k, A]
+  }), h[6] = k, h[7] = A, h[8] = j) : j = h[8];
+  let M;
+  return h[9] !== y || h[10] !== C || h[11] !== j ? (M = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
     collapsible: true,
     className: "w-full mb-2",
     value: C,
     onValueChange: S,
-    children: A
-  }, y), h[9] = y, h[10] = C, h[11] = A, h[12] = j) : j = h[12], j;
+    children: j
+  }, y), h[9] = y, h[10] = C, h[11] = j, h[12] = M) : M = h[12], M;
 };
 function formatToolName(e18) {
   return e18.replace("tool-", "");
@@ -6655,47 +6745,47 @@ const ToolErrorCard = (e18) => {
   }, E = [b], h[0] = b, h[1] = T, h[2] = E), import_react.useEffect(T, E);
   let D;
   h[3] === x ? D = h[4] : (D = cn("rounded-md border border-(--red-6) bg-(--red-2)", x), h[3] = x, h[4] = D);
+  let O;
+  h[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = () => C(_temp$2), h[5] = O) : O = h[5];
   let k;
-  h[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => C(_temp$2), h[5] = k) : k = h[5];
+  h[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" }), h[6] = k) : k = h[6];
   let A;
-  h[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleX, { className: "h-3.5 w-3.5 shrink-0" }), h[6] = A) : A = h[6];
-  let j;
-  h[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  h[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     className: "font-semibold",
     children: "Failed:"
-  }), h[7] = j) : j = h[7];
+  }), h[7] = A) : A = h[7];
+  let j;
+  h[8] === g ? j = h[9] : (j = formatToolName(g), h[8] = g, h[9] = j);
   let M;
-  h[8] === g ? M = h[9] : (M = formatToolName(g), h[8] = g, h[9] = M);
-  let N;
-  h[10] === M ? N = h[11] : (N = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+  h[10] === j ? M = h[11] : (M = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
     className: "flex-1 text-left",
     children: [
-      j,
+      A,
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
         className: "font-mono",
-        children: M
+        children: j
       })
     ]
-  }), h[10] = M, h[11] = N);
-  let P = S && "rotate-180", F;
-  h[12] === P ? F = h[13] : (F = cn("h-3.5 w-3.5 shrink-0 transition-transform", P), h[12] = P, h[13] = F);
+  }), h[10] = j, h[11] = M);
+  let N = S && "rotate-180", P;
+  h[12] === N ? P = h[13] : (P = cn("h-3.5 w-3.5 shrink-0 transition-transform", N), h[12] = N, h[13] = P);
+  let F;
+  h[14] === P ? F = h[15] : (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: P }), h[14] = P, h[15] = F);
   let I;
-  h[14] === F ? I = h[15] : (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: F }), h[14] = F, h[15] = I);
-  let L;
-  h[16] !== S || h[17] !== I || h[18] !== N ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+  h[16] !== S || h[17] !== F || h[18] !== M ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
     type: "button",
-    onClick: k,
+    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": S,
     children: [
-      A,
-      N,
-      I
+      k,
+      M,
+      F
     ]
-  }), h[16] = S, h[17] = I, h[18] = N, h[19] = L) : L = h[19];
-  let R;
-  h[20] !== y || h[21] !== _ || h[22] !== S ? (R = S && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  }), h[16] = S, h[17] = F, h[18] = M, h[19] = I) : I = h[19];
+  let L;
+  h[20] !== y || h[21] !== _ || h[22] !== S ? (L = S && /* @__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: _ }), y && /* @__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 +6794,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: y
     })] })]
-  }), h[20] = y, h[21] = _, h[22] = S, h[23] = R) : R = h[23];
-  let z;
-  return h[24] !== L || h[25] !== R || h[26] !== D ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  }), h[20] = y, h[21] = _, h[22] = S, h[23] = L) : L = h[23];
+  let R;
+  return h[24] !== I || h[25] !== L || h[26] !== D ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: D,
-    children: [L, R]
-  }), h[24] = L, h[25] = R, h[26] = D, h[27] = z) : z = h[27], z;
+    children: [I, L]
+  }), h[24] = I, h[25] = L, h[26] = D, h[27] = R) : R = h[27], R;
 };
 function _temp$2(e18) {
   return !e18;
@@ -6854,41 +6944,41 @@ function getTriggerToneClass(e18) {
   }
 }
 const ToolHistoryRow = (e18) => {
-  let h = (0, import_compiler_runtime$3.c)(34), { toolName: g, state: _, input: y, result: b, approval: x, index: S, className: C, isActive: T } = e18, E = S === void 0 ? 0 : S, D = T === void 0 ? true : T, O;
-  h[0] !== D || h[1] !== _ ? (O = !D && PENDING_STATES.has(_), h[0] = D, h[1] = _, h[2] = O) : O = h[2];
-  let k = O, A = `tool-${E}`, j;
-  h[3] === C ? j = h[4] : (j = cn("w-full", C), h[3] = C, h[4] = j);
-  let M;
-  h[5] !== k || h[6] !== _ ? (M = 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", k ? "text-muted-foreground" : getTriggerToneClass(_)), h[5] = k, h[6] = _, h[7] = M) : M = h[7];
+  let h = (0, import_compiler_runtime$3.c)(34), { toolName: g, state: _, input: y, result: b, approval: x, index: S, className: C, isActive: w } = e18, T = S === void 0 ? 0 : S, O = w === void 0 ? true : w, k;
+  h[0] !== O || h[1] !== _ ? (k = !O && PENDING_STATES.has(_), h[0] = O, h[1] = _, h[2] = k) : k = h[2];
+  let A = k, j = `tool-${T}`, M;
+  h[3] === C ? M = h[4] : (M = cn("w-full", C), h[3] = C, h[4] = M);
   let N;
-  h[8] !== k || h[9] !== _ ? (N = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, {
+  h[5] !== A || h[6] !== _ ? (N = 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", A ? "text-muted-foreground" : getTriggerToneClass(_)), h[5] = A, h[6] = _, h[7] = N) : N = h[7];
+  let P;
+  h[8] !== A || h[9] !== _ ? (P = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, {
     state: _,
-    interrupted: k
-  }), h[8] = k, h[9] = _, h[10] = N) : N = h[10];
-  let P = k ? "Interrupted" : STATUS_LABEL[_], F;
-  h[11] === g ? F = h[12] : (F = formatToolName(g), h[11] = g, h[12] = F);
-  let I;
-  h[13] === F ? I = h[14] : (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-    className: "font-mono text-xs",
-    children: F
-  }), h[13] = F, h[14] = I);
+    interrupted: A
+  }), h[8] = A, h[9] = _, h[10] = P) : P = h[10];
+  let F = A ? "Interrupted" : STATUS_LABEL[_], I;
+  h[11] === g ? I = h[12] : (I = formatToolName(g), h[11] = g, h[12] = I);
   let L;
-  h[15] !== I || h[16] !== N || h[17] !== P ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+  h[13] === I ? L = h[14] : (L = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+    className: "font-mono text-xs",
+    children: I
+  }), h[13] = I, h[14] = L);
+  let R;
+  h[15] !== L || h[16] !== P || h[17] !== F ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
     className: "flex items-center gap-1",
     children: [
-      N,
       P,
+      F,
       ":",
-      I
+      L
     ]
-  }), h[15] = I, h[16] = N, h[17] = P, h[18] = L) : L = h[18];
-  let R;
-  h[19] !== L || h[20] !== M ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
-    className: M,
-    children: L
-  }), h[19] = L, h[20] = M, h[21] = R) : R = h[21];
+  }), h[15] = L, h[16] = P, h[17] = F, h[18] = R) : R = h[18];
   let B;
-  h[22] !== x || h[23] !== y || h[24] !== b || h[25] !== _ ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
+  h[19] !== R || h[20] !== N ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+    className: N,
+    children: R
+  }), h[19] = R, h[20] = N, h[21] = B) : B = h[21];
+  let V;
+  h[22] !== x || h[23] !== y || h[24] !== b || h[25] !== _ ? (V = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
     className: "py-2 px-2",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HistoryContent, {
       state: _,
@@ -6896,20 +6986,20 @@ const ToolHistoryRow = (e18) => {
       result: b,
       approval: x
     })
-  }), h[22] = x, h[23] = y, h[24] = b, h[25] = _, h[26] = B) : B = h[26];
+  }), h[22] = x, h[23] = y, h[24] = b, h[25] = _, h[26] = V) : V = h[26];
   let H;
-  h[27] !== R || h[28] !== B ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
+  h[27] !== B || h[28] !== V ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
     value: "tool-call",
     className: "border-0",
-    children: [R, B]
-  }), h[27] = R, h[28] = B, h[29] = H) : H = h[29];
+    children: [B, V]
+  }), h[27] = B, h[28] = V, h[29] = H) : H = h[29];
   let U;
-  return h[30] !== H || h[31] !== A || h[32] !== j ? (U = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
+  return h[30] !== H || h[31] !== j || h[32] !== M ? (U = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
     type: "single",
     collapsible: true,
-    className: j,
+    className: M,
     children: H
-  }, A), h[30] = H, h[31] = A, h[32] = j, h[33] = U) : U = h[33], U;
+  }, j), h[30] = H, h[31] = j, h[32] = M, h[33] = U) : U = h[33], U;
 };
 var HistoryContent = (e18) => {
   let h = (0, import_compiler_runtime$3.c)(16), { state: g, input: _, result: v, approval: y } = e18;
@@ -7441,7 +7531,119 @@ const resourceInputFilter = EditorState.transactionFilter.of((e18) => {
     }];
   }
   return e18;
-}), resourceTheme = EditorView.baseTheme({
+});
+var DEFAULT_DEBOUNCE_MS = 150;
+function getUnresolvedUris(e18, h) {
+  let g = /* @__PURE__ */ new Set();
+  for (let _ of matchAllURIs(e18)) {
+    let e19 = _[0].slice(1);
+    h.has(e19) || g.add(e19);
+  }
+  return [...g];
+}
+function unresolvedKey(e18) {
+  return [...e18].sort().join("\n");
+}
+function hasResourceMention(e18) {
+  return !matchAllURIs(e18).next().done;
+}
+function changedLineText(e18) {
+  let h = [], g = [];
+  return e18.changes.iterChanges((_, v, y, b) => {
+    let x = e18.startState.doc.lineAt(_), S = e18.startState.doc.lineAt(v === _ ? _ : v - 1);
+    h.push(e18.startState.doc.sliceString(x.from, S.to));
+    let C = e18.state.doc.lineAt(y), w = e18.state.doc.lineAt(b === y ? y : b - 1);
+    g.push(e18.state.doc.sliceString(C.from, w.to));
+  }), {
+    before: h.join("\n"),
+    after: g.join("\n")
+  };
+}
+function createResourceSyncPlugin(e18, h) {
+  let g = h.debounceMs ?? DEFAULT_DEBOUNCE_MS, { logger: _, resolve: v } = h;
+  return class {
+    constructor(e19) {
+      __publicField(this, "view");
+      __publicField(this, "timer");
+      __publicField(this, "running", false);
+      __publicField(this, "rerun", false);
+      __publicField(this, "lastKey", "");
+      __publicField(this, "destroyed", false);
+      this.view = e19, this.maybeSchedule(e19);
+    }
+    update(e19) {
+      if (e19.docChanged) {
+        let h2 = changedLineText(e19);
+        if (hasResourceMention(h2.before)) {
+          this.maybeSchedule(e19.view);
+          return;
+        }
+        this.maybeSchedule(e19.view, h2.after);
+      }
+    }
+    destroy() {
+      this.destroyed = true, this.clearTimer();
+    }
+    maybeSchedule(e19, h2) {
+      let _2 = h2 ?? e19.state.doc.toString();
+      if (!hasResourceMention(_2)) {
+        h2 === void 0 && (this.lastKey = "", this.clearTimer());
+        return;
+      }
+      let v2 = unresolvedKey(getUnresolvedUris(_2, e19.state.field(resourcesField)));
+      if (v2 === "") {
+        h2 === void 0 && (this.lastKey = "", this.clearTimer());
+        return;
+      }
+      if (v2 === this.lastKey) {
+        this.clearTimer();
+        return;
+      }
+      this.clearTimer(), this.timer = setTimeout(() => {
+        this.timer = void 0, this.run(e19);
+      }, g);
+    }
+    clearTimer() {
+      this.timer !== void 0 && (clearTimeout(this.timer), this.timer = void 0);
+    }
+    async run(h2) {
+      if (!this.destroyed) {
+        if (this.running) {
+          this.rerun = true;
+          return;
+        }
+        this.running = true;
+        try {
+          do {
+            this.rerun = false;
+            let g2 = getUnresolvedUris(h2.state.doc.toString(), h2.state.field(resourcesField));
+            if (g2.length === 0) {
+              this.lastKey = "";
+              break;
+            }
+            this.lastKey = unresolvedKey(g2);
+            let _2 = v ? await v(g2) : await e18();
+            if (this.destroyed) return;
+            let y = new Set(g2), b = _2.filter((e19) => y.has(e19.uri));
+            if (b.length === 0) {
+              if (this.rerun) continue;
+              break;
+            }
+            h2.dispatch({ effects: updateResources.of(new Map(b.map((e19) => [e19.uri, e19]))) }), this.rerun = true;
+          } while (this.rerun);
+        } catch (e19) {
+          this.lastKey = "", _ == null ? void 0 : _.error("Failed to sync resources:", e19);
+        } finally {
+          this.running = false;
+        }
+      }
+    }
+  };
+}
+function resourceSync(e18, h = {}) {
+  return ViewPlugin.fromClass(createResourceSyncPlugin(e18, h));
+}
+const resourceTheme = EditorView.baseTheme({
   ".cm-resource-widget": {
     background: "light-dark(rgba(86,156,214,0.08),rgba(86,156,214,0.18))",
     borderRadius: "4px",
@@ -7468,13 +7670,14 @@ var NONE_RESOURCE_TYPE = "_none_", NONE_RESOURCE = [{
   apply: () => {
   }
 };
+function getRegistryResources(e18) {
+  let h = getAIContextRegistry(e18).getAllItems();
+  return h.length === 0 ? NONE_RESOURCE : h;
+}
 function resourceExtension(e18) {
-  let { language: h, store: _, onAddFiles: v } = e18;
+  let { language: h, store: _, onAddFiles: v } = e18, y = () => getRegistryResources(_);
   return [
-    h.data.of({ autocomplete: resourceCompletion(async () => {
-      let e19 = getAIContextRegistry(_).getAllItems();
-      return e19.length === 0 ? NONE_RESOURCE : e19;
-    }, (e19) => {
+    h.data.of({ autocomplete: resourceCompletion(async () => y(), (e19) => {
       var _a;
       return e19.type === NONE_RESOURCE_TYPE ? NONE_RESOURCE_FORMAT_COMPLETION : ((_a = getAIContextRegistry(_).getProvider(e19.type)) == null ? void 0 : _a.formatCompletion(e19)) || {};
     }) }),
@@ -7487,19 +7690,20 @@ function resourceExtension(e18) {
     ...v ? [h.data.of({ autocomplete: getFileContextProvider().createCompletionSource() })] : [],
     resourceDecorations,
     resourceInputFilter,
+    resourceSync(y, { logger: Logger }),
     resourcesField.init(() => {
-      let e19 = getAIContextRegistry(_).getAllItems();
+      let e19 = getRegistryResources(_);
       return new Map(e19.map((e20) => [e20.uri, e20]));
     }),
     resourceTheme,
     hoverResource({ createTooltip: (e19) => {
       let h2 = getAIContextRegistry(_).getProvider(e19.type);
       if (!h2) return Logger.warn("No provider found for resource", e19), asDom(e19.description || e19.name);
-      let v2 = h2.formatCompletion(e19), y = e19.description || e19.name;
-      if (!(v2 == null ? void 0 : v2.info)) return asDom(y);
+      let v2 = h2.formatCompletion(e19), y2 = e19.description || e19.name;
+      if (!(v2 == null ? void 0 : v2.info)) return asDom(y2);
       if (typeof v2.info == "string") return asDom(v2.info);
       let b = v2.info(v2);
-      return b ? "dom" in b ? { dom: b.dom } : "then" in b ? (Logger.warn("info is a promise. This is not supported", b), asDom(y)) : { dom: b } : asDom(y);
+      return b ? "dom" in b ? { dom: b.dom } : "then" in b ? (Logger.warn("info is a promise. This is not supported", b), asDom(y2)) : { dom: b } : asDom(y2);
     } })
   ];
 }
@@ -8022,8 +8226,8 @@ var configDescriptions = {
   h[0] === _ ? C = h[1] : (C = (e19) => {
     [...e19.matchAll(/{{(\w+)}}/g)].length > 0 ? (S(e19), y(true)) : _(e19);
   }, h[0] = _, h[1] = C);
-  let w = C, E;
-  h[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+  let w = C, T;
+  h[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
     content: "Select a prompt",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
       asChild: true,
@@ -8034,43 +8238,43 @@ var configDescriptions = {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChatBubbleIcon, { className: "h-3 w-3" })
       })
     })
-  }), h[2] = E) : E = h[2];
-  let D;
+  }), h[2] = T) : T = h[2];
+  let E;
   if (h[3] !== w || h[4] !== g) {
     let e19;
     h[6] === w ? e19 = h[7] : (e19 = (e20, h2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuItem, {
       onSelect: () => w(e20),
       className: "whitespace-normal text-left",
       children: e20
-    }, h2), h[6] = w, h[7] = e19), D = g.map(e19), h[3] = w, h[4] = g, h[5] = D;
-  } else D = h[5];
-  let O;
-  h[8] === D ? O = h[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, {
+    }, h2), h[6] = w, h[7] = e19), E = g.map(e19), h[3] = w, h[4] = g, h[5] = E;
+  } else E = h[5];
+  let D;
+  h[8] === E ? D = h[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, {
     side: "right",
     align: "end",
     onCloseAutoFocus: _temp,
     className: "w-64 max-h-96 overflow-y-auto",
-    children: D
-  })] }) }), h[8] = D, h[9] = O);
+    children: E
+  })] }) }), h[8] = E, h[9] = D);
+  let O;
+  h[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = () => y(false), h[10] = O) : O = h[10];
   let k;
-  h[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => y(false), h[10] = k) : k = h[10];
-  let A;
-  h[11] !== _ || h[12] !== x ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContent, {
+  h[11] !== _ || h[12] !== x ? (k = /* @__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: x,
-      onClose: k,
+      onClose: O,
       onSelect: _
     })
-  }), h[11] = _, h[12] = x, h[13] = A) : A = h[13];
-  let j;
-  return h[14] !== v || h[15] !== O || h[16] !== A ? (j = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover, {
+  }), h[11] = _, h[12] = x, h[13] = k) : k = h[13];
+  let A;
+  return h[14] !== v || h[15] !== D || h[16] !== k ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover, {
     open: v,
     onOpenChange: y,
-    children: [O, A]
-  }), h[14] = v, h[15] = O, h[16] = A, h[17] = j) : j = h[17], j;
+    children: [D, k]
+  }), h[14] = v, h[15] = D, h[16] = k, h[17] = A) : A = h[17], A;
 }, PromptVariablesForm = (e18) => {
   let h = (0, import_compiler_runtime.c)(32), { prompt: g, onClose: _, onSelect: v } = e18, y;
   h[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {}, h[0] = y) : y = h[0];