@marimo-team/islands 0.20.5-dev83 → 0.20.5-dev88

package/dist/{ConnectedDataExplorerComponent-pQ4sWAoT.js → ConnectedDataExplorerComponent-Bh11efrC.js}

@@ -6211,11 +6211,11 @@ const DataExplorerComponent = (e3) => {
   let P = j, F;
   p[11] !== D || p[12] !== A || p[13] !== k || p[14] !== E ? (F = () => {
     if (!A) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColumnSummary, { schema: k });
-    let e4 = A.spec;
+    let e4 = A.spec, p2 = makeResponsive(e4), m2 = augmentSpecWithData(p2, D);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      className: "flex overflow-y-auto justify-center items-center flex-1 w-[90%]",
+      className: cn("flex overflow-y-auto justify-center items-center flex-1 w-[90%]", p2.width === "container" && "vega-container-width"),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(q, {
-        spec: augmentSpecWithData(makeResponsive(e4), D),
+        spec: m2,
         options: chartOptions(E)
       })
     });
@@ -6272,11 +6272,11 @@ const DataExplorerComponent = (e3) => {
   } else W = p[32];
   let J;
   p[38] === W ? J = p[39] : (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalCarousel, { children: W }), p[38] = W, p[39] = J);
-  let X;
-  return p[40] !== J || p[41] !== z ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  let Z;
+  return p[40] !== J || p[41] !== z ? (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "flex flex-col gap-2",
     children: [z, J]
-  }), p[40] = J, p[41] = z, p[42] = X) : X = p[42], X;
+  }), p[40] = J, p[41] = z, p[42] = Z) : Z = p[42], Z;
 };
 var HorizontalCarousel = (e3) => {
   let p = (0, import_compiler_runtime.c)(2), { children: m } = e3;

package/dist/main.js

@@ -70720,7 +70720,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.20.5-dev83"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.20.5-dev88"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$89 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -82375,7 +82375,7 @@ ${c}
       fullWidth: y,
       children: G
     }), r[19] = y, r[20] = S, r[21] = c, r[22] = G, r[23] = q) : q = r[23], q;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-pQ4sWAoT.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-Bh11efrC.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object$1({
     label: string().nullish(),
     data: string()
@@ -93462,7 +93462,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-D2knjGgv.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-CnO3mkFC.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object$1({
@@ -100209,6 +100209,16 @@ ${c}
     }, e[0] = c, e[1] = r, e[2] = d) : d = e[2], d;
   }
   var import_compiler_runtime$4 = require_compiler_runtime();
+  function useDebouncedConsoleOutputs(e) {
+    let [r, c] = (0, import_react.useState)(e), d = (0, import_react.useRef)(null);
+    return e.length > 0 && r !== e && (d.current !== null && (clearTimeout(d.current), d.current = null), c(e)), (0, import_react.useEffect)(() => (e.length === 0 && d.current === null && (d.current = setTimeout(() => {
+      d.current = null, c([]);
+    }, 200)), () => {
+      d.current !== null && (clearTimeout(d.current), d.current = null);
+    }), [
+      e
+    ]), r;
+  }
   const ConsoleOutput = (e) => {
     let r = (0, import_compiler_runtime$4.c)(2), c;
     return r[0] === e ? c = r[1] : (c = (0, import_jsx_runtime.jsx)(ErrorBoundary, {
@@ -100223,26 +100233,26 @@ ${c}
       value: y,
       setValue: S
     }, r[0] = y, r[1] = w);
-    let E = useInputHistory(w), { consoleOutputs: O, stale: M, cellName: I, cellId: z, onSubmitDebugger: G, onClear: q, onRefactorWithAI: IY, className: LY } = e, RY = O.length > 0, zY = useSelectAllContent(RY), BY = useOverflowDetection(c, RY), VY;
-    if (r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (VY = () => {
+    let E = useInputHistory(w), { consoleOutputs: O, stale: M, cellName: I, cellId: z, onSubmitDebugger: G, onClear: q, onRefactorWithAI: IY, className: LY } = e, RY = useDebouncedConsoleOutputs(O), zY = RY.length > 0, BY = useSelectAllContent(zY), VY = useOverflowDetection(c, zY), HY;
+    if (r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (HY = () => {
       let e2 = c.current;
       if (!e2) return;
       let r2 = e2.scrollHeight - e2.clientHeight;
       r2 - e2.scrollTop < 120 && (e2.scrollTop = r2);
-    }, r[2] = VY) : VY = r[2], (0, import_react.useLayoutEffect)(VY), !RY && isInternalCellName(I)) return null;
-    let HY, UY, WY, GY, KY, qY, JY, YY, XY, ZY;
-    if (r[3] !== z || r[4] !== LY || r[5] !== O || r[6] !== RY || r[7] !== E || r[8] !== _ || r[9] !== BY || r[10] !== q || r[11] !== IY || r[12] !== G || r[13] !== zY || r[14] !== v || r[15] !== f || r[16] !== M || r[17] !== y || r[18] !== d) {
+    }, r[2] = HY) : HY = r[2], (0, import_react.useLayoutEffect)(HY), !zY && isInternalCellName(I)) return null;
+    let UY, WY, GY, KY, qY, JY, YY, XY, ZY, QY;
+    if (r[3] !== z || r[4] !== LY || r[5] !== RY || r[6] !== zY || r[7] !== E || r[8] !== _ || r[9] !== VY || r[10] !== q || r[11] !== IY || r[12] !== G || r[13] !== BY || r[14] !== v || r[15] !== f || r[16] !== M || r[17] !== y || r[18] !== d) {
       let e2 = [
-        ...O
-      ].reverse(), w2 = e2.some(_temp$2), I2 = e2.findIndex(_temp2$2), VY2;
-      r[29] === O ? VY2 = r[30] : (VY2 = () => O.filter(_temp3$1).map(_temp4$1).join("\n"), r[29] = O, r[30] = VY2);
-      let QY2 = VY2;
-      HY = "relative group", r[31] !== QY2 || r[32] !== RY || r[33] !== _ || r[34] !== BY || r[35] !== v || r[36] !== f || r[37] !== d ? (UY = RY && (0, import_jsx_runtime.jsxs)("div", {
+        ...RY
+      ].reverse(), w2 = e2.some(_temp$2), O2 = e2.findIndex(_temp2$2), I2;
+      r[29] === RY ? I2 = r[30] : (I2 = () => RY.filter(_temp3$1).map(_temp4$1).join("\n"), r[29] = RY, r[30] = I2);
+      let HY2 = I2;
+      UY = "relative group", r[31] !== HY2 || r[32] !== zY || r[33] !== _ || r[34] !== VY || r[35] !== v || r[36] !== f || r[37] !== d ? (WY = zY && (0, import_jsx_runtime.jsxs)("div", {
         className: "absolute top-1 right-4 z-10 opacity-0 group-hover:opacity-100 flex items-center gap-1 print:hidden",
         children: [
           (0, import_jsx_runtime.jsx)(CopyClipboardIcon, {
             tooltip: "Copy console output",
-            value: QY2,
+            value: HY2,
             className: "h-4 w-4"
           }),
           (0, import_jsx_runtime.jsx)(Tooltip, {
@@ -100259,7 +100269,7 @@ ${c}
               })
             })
           }),
-          (BY || _) && (0, import_jsx_runtime.jsx)(Button, {
+          (VY || _) && (0, import_jsx_runtime.jsx)(Button, {
             "aria-label": _ ? "Collapse output" : "Expand output",
             className: "p-0 mb-px",
             onClick: () => v(!_),
@@ -100278,16 +100288,16 @@ ${c}
             })
           })
         ]
-      }), r[31] = QY2, r[32] = RY, r[33] = _, r[34] = BY, r[35] = v, r[36] = f, r[37] = d, r[38] = UY) : UY = r[38], WY = M ? "This console output is stale" : void 0, GY = "console-output-area", KY = c, qY = zY, JY = 0;
-      let $Y2 = M && "marimo-output-stale", eX2 = RY ? "p-5" : "p-3";
-      r[39] !== LY || r[40] !== $Y2 || r[41] !== eX2 ? (YY = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", $Y2, eX2, LY), r[39] = LY, r[40] = $Y2, r[41] = eX2, r[42] = YY) : YY = r[42], r[43] === _ ? XY = r[44] : (XY = _ ? {
+      }), r[31] = HY2, r[32] = zY, r[33] = _, r[34] = VY, r[35] = v, r[36] = f, r[37] = d, r[38] = WY) : WY = r[38], GY = M ? "This console output is stale" : void 0, KY = "console-output-area", qY = c, JY = BY, YY = 0;
+      let $Y2 = M && "marimo-output-stale", eX2 = zY ? "p-5" : "p-3";
+      r[39] !== LY || r[40] !== $Y2 || r[41] !== eX2 ? (XY = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", $Y2, eX2, LY), r[39] = LY, r[40] = $Y2, r[41] = eX2, r[42] = XY) : XY = r[42], r[43] === _ ? ZY = r[44] : (ZY = _ ? {
         maxHeight: "none"
-      } : void 0, r[43] = _, r[44] = XY), ZY = e2.map((e3, r2) => {
+      } : void 0, r[43] = _, r[44] = ZY), QY = e2.map((e3, r2) => {
         if (e3.channel === "pdb") return null;
         if (e3.channel === "stdin") {
           invariant(typeof e3.data == "string", "Expected data to be a string");
-          let c2 = O.length - r2 - 1, d2 = e3.mimetype === "text/password";
-          return e3.response == null && I2 === r2 ? (0, import_jsx_runtime.jsx)(StdInput, {
+          let c2 = RY.length - r2 - 1, d2 = e3.mimetype === "text/password";
+          return e3.response == null && O2 === r2 ? (0, import_jsx_runtime.jsx)(StdInput, {
             output: e3.data,
             isPdb: w2,
             isPassword: d2,
@@ -100310,36 +100320,36 @@ ${c}
             wrapText: d
           })
         }, r2);
-      }), r[3] = z, r[4] = LY, r[5] = O, r[6] = RY, r[7] = E, r[8] = _, r[9] = BY, r[10] = q, r[11] = IY, r[12] = G, r[13] = zY, r[14] = v, r[15] = f, r[16] = M, r[17] = y, r[18] = d, r[19] = HY, r[20] = UY, r[21] = WY, r[22] = GY, r[23] = KY, r[24] = qY, r[25] = JY, r[26] = YY, r[27] = XY, r[28] = ZY;
-    } else HY = r[19], UY = r[20], WY = r[21], GY = r[22], KY = r[23], qY = r[24], JY = r[25], YY = r[26], XY = r[27], ZY = r[28];
-    let QY;
-    r[45] !== z || r[46] !== I ? (QY = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      }), r[3] = z, r[4] = LY, r[5] = RY, r[6] = zY, r[7] = E, r[8] = _, r[9] = VY, r[10] = q, r[11] = IY, r[12] = G, r[13] = BY, r[14] = v, r[15] = f, r[16] = M, r[17] = y, r[18] = d, r[19] = UY, r[20] = WY, r[21] = GY, r[22] = KY, r[23] = qY, r[24] = JY, r[25] = YY, r[26] = XY, r[27] = ZY, r[28] = QY;
+    } else UY = r[19], WY = r[20], GY = r[21], KY = r[22], qY = r[23], JY = r[24], YY = r[25], XY = r[26], ZY = r[27], QY = r[28];
+    let $Y;
+    r[45] !== z || r[46] !== I ? ($Y = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: I,
       cellId: z,
       className: "bg-(--slate-4) border-(--slate-4) hover:bg-(--slate-5) dark:border-(--sky-5) dark:bg-(--sky-6) dark:text-(--sky-12) text-(--slate-12) rounded-l rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono max-w-[75%] whitespace-nowrap overflow-hidden"
-    }), r[45] = z, r[46] = I, r[47] = QY) : QY = r[47];
-    let $Y;
-    r[48] !== QY || r[49] !== WY || r[50] !== GY || r[51] !== KY || r[52] !== qY || r[53] !== JY || r[54] !== YY || r[55] !== XY || r[56] !== ZY ? ($Y = (0, import_jsx_runtime.jsxs)("div", {
-      title: WY,
-      "data-testid": GY,
-      ref: KY,
-      ...qY,
-      tabIndex: JY,
-      className: YY,
-      style: XY,
-      children: [
-        ZY,
-        QY
-      ]
-    }), r[48] = QY, r[49] = WY, r[50] = GY, r[51] = KY, r[52] = qY, r[53] = JY, r[54] = YY, r[55] = XY, r[56] = ZY, r[57] = $Y) : $Y = r[57];
+    }), r[45] = z, r[46] = I, r[47] = $Y) : $Y = r[47];
     let eX;
-    return r[58] !== HY || r[59] !== UY || r[60] !== $Y ? (eX = (0, import_jsx_runtime.jsxs)("div", {
-      className: HY,
+    r[48] !== $Y || r[49] !== GY || r[50] !== KY || r[51] !== qY || r[52] !== JY || r[53] !== YY || r[54] !== XY || r[55] !== ZY || r[56] !== QY ? (eX = (0, import_jsx_runtime.jsxs)("div", {
+      title: GY,
+      "data-testid": KY,
+      ref: qY,
+      ...JY,
+      tabIndex: YY,
+      className: XY,
+      style: ZY,
       children: [
-        UY,
+        QY,
         $Y
       ]
-    }), r[58] = HY, r[59] = UY, r[60] = $Y, r[61] = eX) : eX = r[61], eX;
+    }), r[48] = $Y, r[49] = GY, r[50] = KY, r[51] = qY, r[52] = JY, r[53] = YY, r[54] = XY, r[55] = ZY, r[56] = QY, r[57] = eX) : eX = r[57];
+    let tX;
+    return r[58] !== UY || r[59] !== WY || r[60] !== eX ? (tX = (0, import_jsx_runtime.jsxs)("div", {
+      className: UY,
+      children: [
+        WY,
+        eX
+      ]
+    }), r[58] = UY, r[59] = WY, r[60] = eX, r[61] = tX) : tX = r[61], tX;
   }, StdInput = (e) => {
     let r = (0, import_compiler_runtime$4.c)(25), { value: c, setValue: d, inputHistory: f, output: _, isPassword: v, isPdb: y, onSubmit: S, onClear: w } = e, { navigateUp: E, navigateDown: O, addToHistory: M } = f, I;
     r[0] === _ ? I = r[1] : (I = renderText(_), r[0] = _, r[1] = I);