@marimo-team/islands 0.24.1-dev41 → 0.24.1-dev42

package/dist/{common-DVtMyyCC.js → common-DiHZo6cj.js}

@@ -31807,7 +31807,7 @@ function ZG() {
 		return i.warn("Failed to get version from mount config"), null;
 	}
 }
-var QG = ZG() || "0.24.1-dev41", $G = Ti(QG), eK = Ti(!0);
+var QG = ZG() || "0.24.1-dev42", $G = Ti(QG), eK = Ti(!0);
 Ti(null);
 //#endregion
 //#region src/core/meta/code-visibility.ts

package/dist/main.js

@@ -6,7 +6,7 @@ import { n as x, r as S, t as C } from "./copy-DgAphl4k.js";
 import { $ as w, $t as T, A as E, At as D, C as O, Cn as k, Ct as A, D as j, Dn as M, Dt as N, E as P, En as F, Et as I, Ft as L, G as ee, Gn as te, Gt as R, H as ne, Hn as z, Ht as re, I as ie, In as ae, Jn as oe, K as se, Kt as ce, Ln as le, Mn as ue, Nn as de, On as fe, Ot as pe, Pn as me, Pt as he, Q as ge, R as _e, Rn as ve, Rt as ye, Sn as be, St as xe, T as Se, Tt as Ce, U as we, Un as Te, Ut as Ee, V as De, Vn as Oe, Vt as ke, W as Ae, Wn as je, X as Me, Xn as Ne, Y as Pe, Yt as Fe, Z as Ie, Zn as Le, _n as Re, _t as ze, a as Be, an as Ve, at as He, bn as Ue, bt as We, dt as Ge, en as Ke, et as qe, f as Je, gt as Ye, hn as Xe, i as Ze, in as Qe, jn as $e, jt as et, lt as tt, mn as nt, n as rt, nn as it, nt as at, o as ot, p as st, pn as ct, q as lt, qn as ut, rn as dt, rt as ft, s as pt, tn as mt, tt as ht, un as gt, ut as _t, vt, w as yt, xn as bt, xt, yn as St, yt as Ct } from "./html-to-image-DPAZGZSi.js";
 import { o as wt, s as Tt, u as Et } from "./dist-DTSuOdDc.js";
 import { D as Dt, E as Ot, O as kt, S as At, T as jt, _ as Mt, a as Nt, c as Pt, d as Ft, f as It, g as Lt, h as Rt, i as zt, l as Bt, m as Vt, n as Ht, o as Ut, p as Wt, r as Gt, s as Kt, t as qt, u as Jt, v as Yt, w as Xt, x as Zt, y as Qt } from "./spec-6c0_fLYz.js";
-import { $ as $t, $t as en, A as tn, At as nn, B as rn, Bt as an, C as on, Ct as sn, D as cn, Dt as ln, E as un, Et as dn, F as fn, Ft as pn, G as mn, Gt as hn, H as gn, Ht as _n, I as vn, It as yn, J as bn, Jt as xn, K as Sn, Kt as Cn, L as wn, Lt as Tn, M as En, Mt as Dn, N as On, Nt as kn, O as An, P as jn, Pt as Mn, Q as Nn, Qt as Pn, R as Fn, Rt as In, S as Ln, St as Rn, T as zn, Tt as Bn, U as Vn, Ut as Hn, V as Un, Vt as Wn, W as Gn, Wt as Kn, X as qn, Xt as Jn, Y as Yn, Yt as Xn, Z as Zn, Zt as Qn, _ as $n, _t as er, an as tr, b as nr, bt as rr, c as ir, cn as ar, ct as or, d as sr, dn as cr, dt as lr, en as ur, et as dr, f as fr, fn as pr, ft as mr, g as hr, gt as gr, h as _r, ht as vr, i as yr, it as br, j as xr, jt as Sr, k as Cr, ln as wr, lt as Tr, m as Er, mt as Dr, n as Or, nn as kr, nt as Ar, on as jr, p as Mr, pn as Nr, pt as Pr, q as Fr, qt as Ir, r as Lr, rn as Rr, rt as zr, sn as Br, t as Vr, tn as Hr, tt as Ur, u as Wr, un as Gr, ut as Kr, v as qr, vt as Jr, w as Yr, wt as Xr, x as Zr, xt as Qr, y as $r, yt as ei, z as ti, zt as ni } from "./common-DVtMyyCC.js";
+import { $ as $t, $t as en, A as tn, At as nn, B as rn, Bt as an, C as on, Ct as sn, D as cn, Dt as ln, E as un, Et as dn, F as fn, Ft as pn, G as mn, Gt as hn, H as gn, Ht as _n, I as vn, It as yn, J as bn, Jt as xn, K as Sn, Kt as Cn, L as wn, Lt as Tn, M as En, Mt as Dn, N as On, Nt as kn, O as An, P as jn, Pt as Mn, Q as Nn, Qt as Pn, R as Fn, Rt as In, S as Ln, St as Rn, T as zn, Tt as Bn, U as Vn, Ut as Hn, V as Un, Vt as Wn, W as Gn, Wt as Kn, X as qn, Xt as Jn, Y as Yn, Yt as Xn, Z as Zn, Zt as Qn, _ as $n, _t as er, an as tr, b as nr, bt as rr, c as ir, cn as ar, ct as or, d as sr, dn as cr, dt as lr, en as ur, et as dr, f as fr, fn as pr, ft as mr, g as hr, gt as gr, h as _r, ht as vr, i as yr, it as br, j as xr, jt as Sr, k as Cr, ln as wr, lt as Tr, m as Er, mt as Dr, n as Or, nn as kr, nt as Ar, on as jr, p as Mr, pn as Nr, pt as Pr, q as Fr, qt as Ir, r as Lr, rn as Rr, rt as zr, sn as Br, t as Vr, tn as Hr, tt as Ur, u as Wr, un as Gr, ut as Kr, v as qr, vt as Jr, w as Yr, wt as Xr, x as Zr, xt as Qr, y as $r, yt as ei, z as ti, zt as ni } from "./common-DiHZo6cj.js";
 import { c as ri, i as ii, n as ai, o as oi, t as si } from "./useLifecycle-D-zb2Ha5.js";
 import { t as ci } from "./check-DIJJHY-E.js";
 import { A as li, C as ui, D as di, E as fi, F as pi, I as mi, M as hi, N as gi, P as _i, R as vi, S as yi, a as bi, c as xi, d as Si, i as Ci, j as wi, l as Ti, n as Ei, o as Di, r as Oi, s as ki, t as Ai, u as ji, w as Mi } from "./strings-CoQ5sA4r.js";
@@ -35263,7 +35263,7 @@ function Gq(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var Kq = q.lazy(() => import("./reveal-component-BHpu6-qW.js")), qq = (e) => {
+var Kq = q.lazy(() => import("./reveal-component-UCcAUoNH.js")), qq = (e) => {
 	let t = (0, Y.c)(33), { layout: n, setLayout: r, cells: i, mode: a } = e, o = Nm(A), s = a === "read" || o, c = Nm(qe) > 1, [l, u] = (0, q.useState)(null), d;
 	t[0] !== i || t[1] !== n ? (d = UU(i, n), t[0] = i, t[1] = n, t[2] = d) : d = t[2];
 	let { slideCells: f, skippedIds: p, noOutputIds: m, slideTypes: h, startCellIndex: g } = d, _;

package/dist/{reveal-component-BHpu6-qW.js → reveal-component-UCcAUoNH.js}

@@ -4,7 +4,7 @@ import { t as o } from "./react-DMWcHin-.js";
 import { t as s } from "./compiler-runtime-CAH9RLw2.js";
 import { Ct as c, ut as l } from "./html-to-image-DPAZGZSi.js";
 import { u } from "./dist-DTSuOdDc.js";
-import { at as d, in as f, l as p, n as m, ot as h, rn as g, sn as _, st as v, t as y, u as b } from "./common-DVtMyyCC.js";
+import { at as d, in as f, l as p, n as m, ot as h, rn as g, sn as _, st as v, t as y, u as b } from "./common-DiHZo6cj.js";
 import { R as x } from "./strings-CoQ5sA4r.js";
 import { X as S } from "./input-CIaA2N0m.js";
 import { t as C } from "./jsx-runtime-CpoKNRgu.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.24.1-dev41",
+  "version": "0.24.1-dev42",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/chat/acp/agent-panel.tsx

@@ -334,12 +334,10 @@ const PromptArea = memo<PromptAreaProps>(
       // sentence has to begin with '/' to trigger autocomplete
       return {
         triggerCompletionRegex: /^\/(\w+)?/,
-        completions: commands.map(
-          (prompt): Completion => ({
-            label: `/${prompt.name}`,
-            info: prompt.description,
-          }),
-        ),
+        completions: commands.map((prompt): Completion => ({
+          label: `/${prompt.name}`,
+          info: prompt.description,
+        })),
       };
     }, [commands]);
 

package/src/components/data-table/columns.tsx

@@ -196,150 +196,148 @@ export function generateColumns<T>({
     columnKeys.splice(indexColumnIdx, 1);
   }
 
-  const columns = columnKeys.map(
-    (key, idx): ColumnDef<T> => ({
-      id: key || `${NAMELESS_COLUMN_PREFIX}${idx}`,
-      // Use an accessorFn instead of an accessorKey because column names
-      // may have periods in them ...
-      // https://github.com/TanStack/table/issues/1671
-      accessorFn: (row) => {
-        return row[key as keyof T];
-      },
-      enableHiding: !rowHeadersSet.has(key) && key !== "",
-      header: ({ column, table }) => {
-        const stats = chartSpecModel?.getColumnStats(key);
-        const dtype = column.columnDef.meta?.dtype;
-        const headerTitle = headerTooltip?.[key];
-        const headerJustify = textJustifyColumns?.[key];
-
-        const dtypeHeader =
-          showDataTypes && dtype ? (
-            <div
-              className={cn(
-                "flex flex-row gap-1",
-                headerJustify === "center" && "justify-center",
-                headerJustify === "right" && "justify-end",
-              )}
-            >
-              <span className="text-xs text-muted-foreground">{dtype}</span>
-              {stats && typeof stats.nulls === "number" && stats.nulls > 0 && (
-                <span className="text-xs text-muted-foreground">
-                  (nulls: {stats.nulls})
-                </span>
-              )}
-            </div>
-          ) : null;
-
-        const headerName = (
-          <span
+  const columns = columnKeys.map((key, idx): ColumnDef<T> => ({
+    id: key || `${NAMELESS_COLUMN_PREFIX}${idx}`,
+    // Use an accessorFn instead of an accessorKey because column names
+    // may have periods in them ...
+    // https://github.com/TanStack/table/issues/1671
+    accessorFn: (row) => {
+      return row[key as keyof T];
+    },
+    enableHiding: !rowHeadersSet.has(key) && key !== "",
+    header: ({ column, table }) => {
+      const stats = chartSpecModel?.getColumnStats(key);
+      const dtype = column.columnDef.meta?.dtype;
+      const headerTitle = headerTooltip?.[key];
+      const headerJustify = textJustifyColumns?.[key];
+
+      const dtypeHeader =
+        showDataTypes && dtype ? (
+          <div
             className={cn(
-              "font-bold",
-              headerTitle && "underline decoration-dotted",
+              "flex flex-row gap-1",
+              headerJustify === "center" && "justify-center",
+              headerJustify === "right" && "justify-end",
             )}
           >
-            {key === "" ? " " : key}
-          </span>
-        );
+            <span className="text-xs text-muted-foreground">{dtype}</span>
+            {stats && typeof stats.nulls === "number" && stats.nulls > 0 && (
+              <span className="text-xs text-muted-foreground">
+                (nulls: {stats.nulls})
+              </span>
+            )}
+          </div>
+        ) : null;
 
-        const headerWithTooltip = headerTitle ? (
-          <Tooltip content={headerTitle} delayDuration={300}>
-            {headerName}
-          </Tooltip>
-        ) : (
-          headerName
-        );
+      const headerName = (
+        <span
+          className={cn(
+            "font-bold",
+            headerTitle && "underline decoration-dotted",
+          )}
+        >
+          {key === "" ? " " : key}
+        </span>
+      );
 
-        const dataTableColumnHeader = (
-          <DataTableColumnHeader
-            header={headerWithTooltip}
-            subheader={dtypeHeader}
-            column={column}
-            justify={headerJustify}
-            calculateTopKRows={calculateTopKRows}
-            table={table}
-          />
-        );
+      const headerWithTooltip = headerTitle ? (
+        <Tooltip content={headerTitle} delayDuration={300}>
+          {headerName}
+        </Tooltip>
+      ) : (
+        headerName
+      );
 
-        // Row headers have no summaries
-        if (rowHeadersSet.has(key)) {
-          return dataTableColumnHeader;
-        }
+      const dataTableColumnHeader = (
+        <DataTableColumnHeader
+          header={headerWithTooltip}
+          subheader={dtypeHeader}
+          column={column}
+          justify={headerJustify}
+          calculateTopKRows={calculateTopKRows}
+          table={table}
+        />
+      );
 
-        return (
-          <div
-            className={cn(
-              "flex flex-col h-full pt-0.5 pb-3 justify-between items-start",
-              headerJustify === "center" && "items-center",
-              headerJustify === "right" && "items-end",
-            )}
-          >
-            {dataTableColumnHeader}
-            <TableColumnSummary columnId={key} />
-          </div>
-        );
-      },
+      // Row headers have no summaries
+      if (rowHeadersSet.has(key)) {
+        return dataTableColumnHeader;
+      }
 
-      cell: ({ column, renderValue, getValue, cell }) => {
-        function selectCell() {
-          if (selection !== "single-cell" && selection !== "multi-cell") {
-            return;
-          }
+      return (
+        <div
+          className={cn(
+            "flex flex-col h-full pt-0.5 pb-3 justify-between items-start",
+            headerJustify === "center" && "items-center",
+            headerJustify === "right" && "items-end",
+          )}
+        >
+          {dataTableColumnHeader}
+          <TableColumnSummary columnId={key} />
+        </div>
+      );
+    },
 
-          cell.toggleSelected?.();
+    cell: ({ column, renderValue, getValue, cell }) => {
+      function selectCell() {
+        if (selection !== "single-cell" && selection !== "multi-cell") {
+          return;
         }
 
-        const justify = getJustify(key);
-        const wrapped = wrappedColumns?.includes(key);
-        const isCellSelected = cell?.getIsSelected?.() || false;
-        const canSelectCell =
-          (selection === "single-cell" || selection === "multi-cell") &&
-          !isCellSelected;
-
-        const dataType = column.columnDef.meta?.dataType;
-        const isNumeric = isNumericType(dataType);
-        const cellStyles = getCellStyleClass({
-          justify,
-          wrapped,
-          canSelectCell,
-          isSelected: isCellSelected,
-          isNumeric,
-        });
-
-        const renderedCell = renderCellValue({
-          column,
-          renderValue,
-          getValue,
-          selectCell,
-          cellStyles,
-        });
-
-        // Row headers are bold
-        if (rowHeadersSet.has(key)) {
-          return <b>{renderedCell}</b>;
-        }
+        cell.toggleSelected?.();
+      }
 
-        return renderedCell;
-      },
-      // Remove any default filtering
-      filterFn: undefined,
-      // Unnamed index columns and geometry columns are not sortable
-      enableSorting: !!key && getMeta(key).dataType !== "geometry",
-      meta: {
-        ...getMeta(key),
-        width: columnWidths?.[key],
-      },
-      // size seeds the width before measurement; minSize/maxSize pin
-      // getSize() to the fixed width so the per-paint measurement writeback
-      // cannot drift the header width or sticky-pin offsets.
-      ...(columnWidths?.[key] !== undefined
-        ? {
-            size: columnWidths[key],
-            minSize: columnWidths[key],
-            maxSize: columnWidths[key],
-          }
-        : {}),
-    }),
-  );
+      const justify = getJustify(key);
+      const wrapped = wrappedColumns?.includes(key);
+      const isCellSelected = cell?.getIsSelected?.() || false;
+      const canSelectCell =
+        (selection === "single-cell" || selection === "multi-cell") &&
+        !isCellSelected;
+
+      const dataType = column.columnDef.meta?.dataType;
+      const isNumeric = isNumericType(dataType);
+      const cellStyles = getCellStyleClass({
+        justify,
+        wrapped,
+        canSelectCell,
+        isSelected: isCellSelected,
+        isNumeric,
+      });
+
+      const renderedCell = renderCellValue({
+        column,
+        renderValue,
+        getValue,
+        selectCell,
+        cellStyles,
+      });
+
+      // Row headers are bold
+      if (rowHeadersSet.has(key)) {
+        return <b>{renderedCell}</b>;
+      }
+
+      return renderedCell;
+    },
+    // Remove any default filtering
+    filterFn: undefined,
+    // Unnamed index columns and geometry columns are not sortable
+    enableSorting: !!key && getMeta(key).dataType !== "geometry",
+    meta: {
+      ...getMeta(key),
+      width: columnWidths?.[key],
+    },
+    // size seeds the width before measurement; minSize/maxSize pin
+    // getSize() to the fixed width so the per-paint measurement writeback
+    // cannot drift the header width or sticky-pin offsets.
+    ...(columnWidths?.[key] !== undefined
+      ? {
+          size: columnWidths[key],
+          minSize: columnWidths[key],
+          maxSize: columnWidths[key],
+        }
+      : {}),
+  }));
 
   if (selection === "single" || selection === "multi") {
     columns.unshift({

package/src/core/codemirror/markdown/commands.ts

@@ -41,7 +41,7 @@ function toggleAllLines({
     }
   }
 
-  for (let pos = selection.from; pos <= selection.to; ) {
+  for (let pos = selection.from; pos <= selection.to;) {
     const line = view.state.doc.lineAt(pos);
     const lineText = line.text;
 

package/src/core/codemirror/markdown/completions.ts

@@ -94,23 +94,21 @@ const getLucideIconList = once(async (): Promise<Completion[]> => {
     return `https://cdn.jsdelivr.net/npm/lucide-static@0.452.0/icons/${iconName}.svg`;
   };
 
-  return Object.entries(iconList).map(
-    ([iconName, aliases]): Completion => ({
-      label: `::${iconName}`,
-      displayLabel: iconName,
-      type: "lucide-icon",
-      boost: 10,
-      apply: `::lucide:${iconName}::`,
-      detail: aliases.join(", "),
-      info: () => {
-        const img = document.createElement("img");
-        img.src = asSvg(iconName);
-        img.style.width = "24px";
-        img.style.height = "24px";
-        return img;
-      },
-    }),
-  );
+  return Object.entries(iconList).map(([iconName, aliases]): Completion => ({
+    label: `::${iconName}`,
+    displayLabel: iconName,
+    type: "lucide-icon",
+    boost: 10,
+    apply: `::lucide:${iconName}::`,
+    detail: aliases.join(", "),
+    info: () => {
+      const img = document.createElement("img");
+      img.src = asSvg(iconName);
+      img.style.width = "24px";
+      img.style.height = "24px";
+      return img;
+    },
+  }));
 });
 
 // Completion provider for LaTeX-style UTF-8 symbols