@marimo-team/islands 0.13.16-dev94 → 0.13.16-dev95

package/dist/{ConnectedDataExplorerComponent-CVNNQcRZ.js → ConnectedDataExplorerComponent-CJSkV0sP.js}

@@ -1,5 +1,5 @@
-import { bx as sr, S as cr, by as Ki, j as S, bz as Xi, bA as Ji, bB as Zi, bC as Qi, L as ea, bD as ta, bE as na, bF as ra, c as Ce, bG as on, bH as Ot, bI as ur, bJ as bt, bK as Ke, bL as lr, bM as xt, bN as Ae, bO as ia, bP as dr, bQ as aa, bR as oa, F as Ln, K as sa, M as fr, bS as ca, bT as ua, bU as la, W as da, J as fa, U as ga, E as ha, a4 as ma, bV as pa, $ as ya, bW as Ea, R as Sa } from "./main-CmefIrQH.js";
-import { i as Na, c as _a, N as Ca, a as Bn } from "./VegaLite-CQpracvX.js";
+import { bx as sr, S as cr, by as Ki, j as S, bz as Xi, bA as Ji, bB as Zi, bC as Qi, c as Ce, F as Ln, bD as Ae, K as ea, M as ur, bE as Ot, bF as lr, bG as bt, bH as Ke, bI as xt, L as ta, bJ as na, bK as ra, bL as ia, bM as on, bN as dr, bO as aa, bP as fr, bQ as oa, bR as sa, bS as ca, bT as ua, bU as la, W as da, J as fa, V as ga, E as ha, a4 as ma, bV as pa, $ as ya, bW as Ea, b as Sa } from "./main-DnxWJbY1.js";
+import { i as Na, c as _a, N as Ca, a as Bn } from "./VegaLite-BLIY8Adv.js";
 /**
  * @license lucide-react v0.503.0 - ISC
  *
@@ -5496,76 +5496,117 @@ const Re = {
   [B.NUMBER]: /* @__PURE__ */ S.jsx(Ji, { className: "h-5 w-5 inline-flex opacity-60" }),
   [B.STRING]: /* @__PURE__ */ S.jsx(Xi, { className: "h-5 w-5 inline-flex opacity-60" }),
   [B.INTEGER]: /* @__PURE__ */ S.jsx(ba, { className: "h-5 w-5 inline-flex opacity-60" })
-};
-function Pn(e) {
-  const {
-    type: t,
-    limit: n,
-    additionalFieldQuery: a
-  } = e;
-  return {
-    type: t,
-    limit: n,
-    createQuery(r) {
-      return {
-        spec: {
-          ...r.spec,
-          encodings: [...r.spec.encodings, a]
-        },
-        groupBy: "field",
-        orderBy: ["fieldOrder", "aggregationQuality", "effectiveness"],
-        chooseBy: ["aggregationQuality", "effectiveness"],
-        config: {
-          autoAddCount: true
+}, ar = 12, Sl = (e) => {
+  const t = Ce.c(26), {
+    schema: n
+  } = e, [a, r] = Ln.useState(), [o, c] = Ln.useState();
+  let f;
+  if (t[0] !== n || t[1] !== a || t[2] !== o) {
+    const i = n.fieldNames(), s = a ? n.stats({
+      field: a,
+      channel: "x"
+    }) : void 0;
+    let d;
+    t[4] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ S.jsx(Aa, { className: "text-muted-foreground", width: 40, height: 40, strokeWidth: 1.5 }), t[4] = d) : d = t[4];
+    const u = d, l = o ? i : i.slice(0, ar), g = i.length > ar, h = i.length > 0 ? i.length : "No";
+    let p;
+    t[5] !== h ? (p = /* @__PURE__ */ S.jsxs("span", { className: "text-muted-foreground font-semibold", children: [
+      h,
+      " fields"
+    ] }), t[5] = h, t[6] = p) : p = t[6];
+    let y;
+    t[7] !== n || t[8] !== a ? (y = (w) => {
+      const L = n.cardinality({
+        channel: "x",
+        field: w
+      });
+      return /* @__PURE__ */ S.jsxs("span", { className: ea("hover:bg-muted self-start px-2 py-2 rounded flex flex-row gap-1 items-center cursor-pointer lg:justify-center text-sm truncate flex-shrink-0 overflow-hidden", a === w && "bg-muted"), onClick: () => {
+        if (a === w) {
+          r(void 0);
+          return;
         }
-      };
-    }
-  };
+        r(w);
+      }, children: [
+        Re[n.primitiveType(w)],
+        w,
+        L > 1 && /* @__PURE__ */ S.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "(",
+          L,
+          ")"
+        ] })
+      ] }, w);
+    }, t[7] = n, t[8] = a, t[9] = y) : y = t[9];
+    const E = l.map(y);
+    let _;
+    t[10] !== g || t[11] !== o ? (_ = g && /* @__PURE__ */ S.jsx(ur, { "data-testid": "marimo-plugin-data-explorer-show-more-columns", variant: "link", size: "sm", className: "self-center col-span-3 -mt-1", onClick: () => c(Cl), children: o ? "Show less" : "Show more" }), t[10] = g, t[11] = o, t[12] = _) : _ = t[12];
+    let T;
+    t[13] !== E || t[14] !== _ ? (T = /* @__PURE__ */ S.jsxs("div", { className: "hidden lg:grid grid-cols-2 xl:grid-cols-3 gap-2 p-2 bg-[var(--slate-1)] border rounded lg:items-center items-start w-fit grid-flow-dense max-h-[300px] overflow-auto", children: [
+      E,
+      _
+    ] }), t[13] = E, t[14] = _, t[15] = T) : T = t[15];
+    const A = a || "", N = i.length === 0;
+    let b;
+    t[16] === Symbol.for("react.memo_cache_sentinel") ? (b = (w) => {
+      r(w);
+    }, t[16] = b) : b = t[16];
+    let C;
+    t[17] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ S.jsx(Ot, { className: "min-w-[210px] h-full", children: /* @__PURE__ */ S.jsx(lr, { placeholder: "Select a column" }) }), t[17] = C) : C = t[17];
+    let M;
+    t[18] !== n ? (M = n.fieldNames().map((w) => /* @__PURE__ */ S.jsx(Ae, { value: w.toString(), children: /* @__PURE__ */ S.jsxs("span", { className: "flex items-center gap-2 flex-1", children: [
+      Re[n.primitiveType(w)],
+      /* @__PURE__ */ S.jsx("span", { className: "flex-1", children: w }),
+      /* @__PURE__ */ S.jsxs("span", { className: "text-muted-foreground text-xs font-semibold", children: [
+        "(",
+        n.vlType(w),
+        ")"
+      ] })
+    ] }) }, w)), t[18] = n, t[19] = M) : M = t[19];
+    let $;
+    t[20] !== M ? ($ = /* @__PURE__ */ S.jsx(bt, { children: /* @__PURE__ */ S.jsx(Ke, { children: M }) }), t[20] = M, t[21] = $) : $ = t[21];
+    let v;
+    t[22] !== N || t[23] !== $ || t[24] !== A ? (v = /* @__PURE__ */ S.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ S.jsxs(xt, { "data-testid": "marimo-plugin-data-explorer-column-select", value: A, disabled: N, onValueChange: b, children: [
+      C,
+      $
+    ] }) }), t[22] = N, t[23] = $, t[24] = A, t[25] = v) : v = t[25], f = /* @__PURE__ */ S.jsxs("div", { className: "flex flex-col justify-center items-center h-full flex-1 gap-2", children: [
+      u,
+      p,
+      T,
+      v,
+      a && /* @__PURE__ */ S.jsx("div", { className: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2 p-2 text-sm", children: Nl.map((w) => /* @__PURE__ */ S.jsxs("div", { className: "flex flex-row gap-2 min-w-[100px]", children: [
+        /* @__PURE__ */ S.jsx("span", { className: "font-semibold", children: w }),
+        /* @__PURE__ */ S.jsx("span", { children: _l(s == null ? void 0 : s[w]) })
+      ] }, w)) })
+    ] }), t[0] = n, t[1] = a, t[2] = o, t[3] = f;
+  } else
+    f = t[3];
+  return f;
+}, Nl = ["distinct", "min", "max", "mean", "median", "q1", "q3", "stdev"];
+function _l(e) {
+  return typeof e == "number" ? new Intl.NumberFormat("en-US", {
+    maximumFractionDigits: 2
+  }).format(e) : typeof e == "string" ? e : typeof e == "object" && e instanceof Date ? new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  }).format(e) : String(e);
 }
-const Sl = Pn({
-  type: "addCategoricalField",
-  limit: 4,
-  additionalFieldQuery: {
-    channel: U,
-    field: U,
-    type: "nominal"
-  }
-}), Nl = Pn({
-  type: "addQuantitativeField",
-  limit: 4,
-  additionalFieldQuery: {
-    channel: U,
-    bin: U,
-    aggregate: U,
-    field: U,
-    type: "quantitative"
-  }
-}), _l = Pn({
-  type: "addTemporalField",
-  limit: 2,
-  additionalFieldQuery: {
-    channel: U,
-    hasFn: true,
-    // Do not show raw time in the summary
-    timeUnit: U,
-    field: U,
-    type: "temporal"
-  }
-});
 function Cl(e) {
+  return !e;
+}
+function Tl(e) {
   return e ? e === "bin" ? {
     bin: true
   } : Na(e) ? {
     aggregate: e
-  } : Tl(e) ? {
+  } : Al(e) ? {
     timeUnit: e
   } : {} : {};
 }
-function Tl(e) {
+function Al(e) {
   return e ? $i.includes(e) || ji.includes(e) : false;
 }
-const Al = ["bin", "min", "max", "mean", "median", "sum"], $i = ["year", "month", "date", "day", "hours", "minutes", "seconds", "milliseconds"], ji = ["yearmonth", "yearmonthdate", "monthdate"];
-function Ol(e) {
+const Ol = ["bin", "min", "max", "mean", "median", "sum"], $i = ["year", "month", "date", "day", "hours", "minutes", "seconds", "milliseconds"], ji = ["yearmonth", "yearmonthdate", "monthdate"];
+function bl(e) {
   const {
     aggregate: t,
     bin: n,
@@ -5578,24 +5619,55 @@ function Ol(e) {
   if (a)
     return a.toString();
 }
+const xl = [U, "area", "bar", "circle", "geoshape", "line", "point", "rect", "rule", "square", "text", "tick", "trail"], Il = {
+  type: "histograms",
+  limit: 12,
+  createQuery(e) {
+    return {
+      spec: {
+        data: e.spec.data,
+        mark: U,
+        transform: e.spec.transform,
+        encodings: [{
+          channel: U,
+          bin: U,
+          timeUnit: U,
+          field: U,
+          type: U
+        }, {
+          channel: U,
+          aggregate: "count",
+          field: "*",
+          type: "quantitative"
+        }]
+      },
+      groupBy: "fieldTransform",
+      orderBy: ["fieldOrder", "aggregationQuality", "effectiveness"],
+      chooseBy: ["aggregationQuality", "effectiveness"],
+      config: {
+        autoAddCount: false
+      }
+    };
+  }
+};
 function Gi(e) {
   const t = {};
   for (const n in e)
     e[n] !== void 0 && (t[n] = e[n]);
   return t;
 }
-function bl(e, t) {
+function wl(e, t) {
   const {
     fn: n,
     ...a
   } = e;
   return {
     channel: t,
-    ...Cl(n),
+    ...Tl(n),
     ...a
   };
 }
-function xl(e) {
+function vl(e) {
   const {
     aggregate: t,
     bin: n,
@@ -5612,13 +5684,13 @@ function xl(e) {
   } = e;
   if (O(d))
     throw new Error("Wildcard not support");
-  d === "ordinal" && (ea.warn("Ordinal type is not supported. Using nominal type instead."), d = "nominal");
-  const u = Ol({
+  d === "ordinal" && (ta.warn("Ordinal type is not supported. Using nominal type instead."), d = "nominal");
+  const u = bl({
     aggregate: t,
     bin: n,
     timeUnit: a
   });
-  return ta(r !== void 0, "Field is required for fieldQ"), Gi({
+  return na(r !== void 0, "Field is required for fieldQ"), Gi({
     field: r,
     fn: u,
     type: d,
@@ -5629,10 +5701,75 @@ function xl(e) {
     description: s
   });
 }
-function Il(e) {
+function Dl(e) {
+  return {
+    mark: e.mark,
+    encodings: Fl(e.encoding),
+    config: e.config
+  };
+}
+function Fl(e) {
+  return e ? Object.entries(e).map(([t, n]) => wl(n, t)) : [];
+}
+function Pn(e) {
+  const {
+    type: t,
+    limit: n,
+    additionalFieldQuery: a
+  } = e;
+  return {
+    type: t,
+    limit: n,
+    createQuery(r) {
+      return {
+        spec: {
+          ...r.spec,
+          encodings: [...r.spec.encodings, a]
+        },
+        groupBy: "field",
+        orderBy: ["fieldOrder", "aggregationQuality", "effectiveness"],
+        chooseBy: ["aggregationQuality", "effectiveness"],
+        config: {
+          autoAddCount: true
+        }
+      };
+    }
+  };
+}
+const Rl = Pn({
+  type: "addCategoricalField",
+  limit: 4,
+  additionalFieldQuery: {
+    channel: U,
+    field: U,
+    type: "nominal"
+  }
+}), kl = Pn({
+  type: "addQuantitativeField",
+  limit: 4,
+  additionalFieldQuery: {
+    channel: U,
+    bin: U,
+    aggregate: U,
+    field: U,
+    type: "quantitative"
+  }
+}), Ul = Pn({
+  type: "addTemporalField",
+  limit: 2,
+  additionalFieldQuery: {
+    channel: U,
+    hasFn: true,
+    // Do not show raw time in the summary
+    timeUnit: U,
+    field: U,
+    type: "temporal"
+  }
+});
+function Ml(e) {
   return !Wi(e).hasAnyWildcard;
 }
-function wl(e) {
+function Pl(e) {
   const t = ["x", "y", "color"], n = ["row", "column"], a = new Set(e.encodings.map((c) => c.channel)), r = t.every((c) => a.has(c)), o = n.some((c) => a.has(c));
   return r && o;
 }
@@ -5650,20 +5787,10 @@ function Wi(e) {
     hasWildcardChannel: a
   };
 }
-function vl(e) {
-  return {
-    mark: e.mark,
-    encodings: Dl(e.encoding),
-    config: e.config
-  };
-}
-function Dl(e) {
-  return e ? Object.entries(e).map(([t, n]) => bl(n, t)) : [];
-}
 const Yi = {
   name: "source"
 };
-function Fl(e) {
+function Ll(e) {
   let t = false, n = false, a = false;
   return e.encodings.forEach((r) => {
     r.channel === "x" || r.channel === "y" ? t = true : r.channel === "row" || r.channel === "column" ? a = true : typeof r.channel == "string" && _a(Ca, r.channel) && (n = true);
@@ -5673,13 +5800,13 @@ function Fl(e) {
     hasOpenFacet: a
   };
 }
-function Rl(e, t) {
+function Bl(e, t) {
   const n = {}, {
     hasOpenPosition: a,
     hasStyleChannel: r,
     hasOpenFacet: o
-  } = Fl(e.spec);
-  return (a || r) && (n.addQuantitativeField = lt(Nl, e, t)), (a || r || o) && (n.addCategoricalField = lt(Sl, e, t)), a && (n.addTemporalField = lt(_l, e, t)), n;
+  } = Ll(e.spec);
+  return (a || r) && (n.addQuantitativeField = lt(kl, e, t)), (a || r || o) && (n.addCategoricalField = lt(Rl, e, t)), a && (n.addTemporalField = lt(Ul, e, t)), n;
 }
 function an(e, t) {
   if (Hi(e.spec))
@@ -5704,26 +5831,26 @@ function lt(e, t, n) {
   };
 }
 function zi(e, t) {
-  return e.items.map((n) => Ui(n) ? ar(t, dn(n)) : ar(t, n));
+  return e.items.map((n) => Ui(n) ? or(t, dn(n)) : or(t, n));
 }
-function ar(e, t) {
+function or(e, t) {
   return {
     fieldInfos: t.getEncodings().filter(x).map((a) => ({
-      fieldDef: xl(a),
+      fieldDef: vl(a),
       channel: a.channel
     })),
     spec: t.toSpec(e)
   };
 }
-function kl(e) {
+function $l(e) {
   const {
     spec: t,
     autoAddCount: n
-  } = e, a = vl(t), {
+  } = e, a = Dl(t), {
     hasAnyWildcard: r,
     hasWildcardFn: o,
     hasWildcardField: c
-  } = Wi(a), f = Ul({
+  } = Wi(a), f = jl({
     hasWildcardFn: o,
     hasWildcardField: c
   });
@@ -5737,45 +5864,14 @@ function kl(e) {
     } : void 0
   };
 }
-function Ul(e) {
+function jl(e) {
   const {
     hasWildcardFn: t,
     hasWildcardField: n
   } = e;
   return t ? "fieldTransform" : n ? "field" : "encoding";
 }
-const Ml = {
-  type: "histograms",
-  limit: 12,
-  createQuery(e) {
-    return {
-      spec: {
-        data: e.spec.data,
-        mark: U,
-        transform: e.spec.transform,
-        encodings: [{
-          channel: U,
-          bin: U,
-          timeUnit: U,
-          field: U,
-          type: U
-        }, {
-          channel: U,
-          aggregate: "count",
-          field: "*",
-          type: "quantitative"
-        }]
-      },
-      groupBy: "fieldTransform",
-      orderBy: ["fieldOrder", "aggregationQuality", "effectiveness"],
-      chooseBy: ["aggregationQuality", "effectiveness"],
-      config: {
-        autoAddCount: false
-      }
-    };
-  }
-};
-function Pl() {
+function Gl() {
   return {
     mark: U,
     encoding: {},
@@ -5785,8 +5881,8 @@ function Pl() {
 }
 const {
   valueAtom: ke,
-  useActions: Ll
-} = na(Pl, {
+  useActions: Hl
+} = ra(Gl, {
   setSchema: (e, t) => ({
     ...e,
     schema: t
@@ -5817,26 +5913,26 @@ const {
   }
 });
 function qi() {
-  return Ll();
+  return Hl();
 }
-const Bl = ra((e) => {
+const Wl = ia((e) => {
   const t = e(ke);
   if (!t.schema)
     return {};
-  const n = kl({
+  const n = $l({
     spec: t,
     autoAddCount: true
   });
   return Hi(n.spec) ? {
     main: an(n, t.schema),
-    histograms: lt(Ml, n, t.schema)
-  } : Il(n.spec) && !wl(n.spec) ? {
+    histograms: lt(Il, n, t.schema)
+  } : Ml(n.spec) && !Pl(n.spec) ? {
     main: an(n, t.schema),
-    ...Rl(n, t.schema)
+    ...Bl(n, t.schema)
   } : {
     main: an(n, t.schema)
   };
-}), $l = [U, "area", "bar", "circle", "geoshape", "line", "point", "rect", "rule", "square", "text", "tick", "trail"], jl = ["x", "y", "row", "column"], Gl = ["color", "size", "shape"], Hl = (e) => {
+}), Yl = ["x", "y", "row", "column"], zl = ["color", "size", "shape"], ql = (e) => {
   const t = Ce.c(26), {
     schema: n,
     mark: a
@@ -5844,7 +5940,7 @@ const Bl = ra((e) => {
   let f;
   t[0] !== o || t[1] !== c || t[2] !== n || t[3] !== r.encoding ? (f = (N) => {
     const C = (N === "row" || N === "column") && !c;
-    return /* @__PURE__ */ S.jsx(Wl, { schema: n, label: N, disabled: C, fieldDefinition: r.encoding[N], onChange: (M) => o.setEncoding({
+    return /* @__PURE__ */ S.jsx(Vl, { schema: n, label: N, disabled: C, fieldDefinition: r.encoding[N], onChange: (M) => o.setEncoding({
       [N]: M
     }) }, N);
   }, t[0] = o, t[1] = c, t[2] = n, t[3] = r.encoding, t[4] = f) : f = t[4];
@@ -5854,11 +5950,11 @@ const Bl = ra((e) => {
   let d;
   t[7] !== o ? (d = (N) => o.setMark(N), t[7] = o, t[8] = d) : d = t[8];
   let u;
-  t[9] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ S.jsx(Ot, { children: /* @__PURE__ */ S.jsx(ur, { placeholder: "Mark" }) }), t[9] = u) : u = t[9];
+  t[9] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ S.jsx(Ot, { children: /* @__PURE__ */ S.jsx(lr, { placeholder: "Mark" }) }), t[9] = u) : u = t[9];
   let l;
   t[10] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ S.jsx(bt, { children: /* @__PURE__ */ S.jsxs(Ke, { children: [
-    /* @__PURE__ */ S.jsx(lr, { children: "Mark" }),
-    $l.map(zl)
+    /* @__PURE__ */ S.jsx(dr, { children: "Mark" }),
+    xl.map(Xl)
   ] }) }), t[10] = l) : l = t[10];
   let g;
   t[11] !== s || t[12] !== d ? (g = /* @__PURE__ */ S.jsxs(xt, { "data-testid": "marimo-plugin-data-explorer-mark-select", value: s, onValueChange: d, children: [
@@ -5869,7 +5965,7 @@ const Bl = ra((e) => {
   let p;
   t[14] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ S.jsx("span", { className: "col-span-2 flex items-center justify-between w-full", children: /* @__PURE__ */ S.jsx("div", { className: "text-sm font-semibold", children: "Encodings" }) }), t[14] = p) : p = t[14];
   let y;
-  t[15] !== i ? (y = jl.map(i), t[15] = i, t[16] = y) : y = t[16];
+  t[15] !== i ? (y = Yl.map(i), t[15] = i, t[16] = y) : y = t[16];
   let E;
   t[17] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ S.jsx("div", { children: "Mark" }), t[17] = E) : E = t[17];
   let _;
@@ -5878,7 +5974,7 @@ const Bl = ra((e) => {
     h
   ] }), t[18] = h, t[19] = _) : _ = t[19];
   let T;
-  t[20] !== i ? (T = Gl.map(i), t[20] = i, t[21] = T) : T = t[21];
+  t[20] !== i ? (T = zl.map(i), t[20] = i, t[21] = T) : T = t[21];
   let A;
   return t[22] !== _ || t[23] !== T || t[24] !== y ? (A = /* @__PURE__ */ S.jsxs("div", { className: "grid gap-x-2 gap-y-4 justify-items-start py-3 pl-4 pr-2 bg-[var(--slate-1)] border rounded items-center grid-template-columns-[repeat(2,_minmax(0,_min-content))] self-start", children: [
     p,
@@ -5886,7 +5982,7 @@ const Bl = ra((e) => {
     _,
     T
   ] }), t[22] = _, t[23] = T, t[24] = y, t[25] = A) : A = t[25], A;
-}, Wl = (e) => {
+}, Vl = (e) => {
   const t = Ce.c(43), {
     label: n,
     schema: a,
@@ -5919,7 +6015,7 @@ const Bl = ra((e) => {
   t[5] !== (r == null ? void 0 : r.field) ? (u = (r == null ? void 0 : r.field.toString()) ?? "", t[5] = r == null ? void 0 : r.field, t[6] = u) : u = t[6];
   const l = u;
   let g;
-  t[7] !== n ? (g = /* @__PURE__ */ S.jsx(ia, { className: "text-[var(--slate-11)] font-semibold", children: n }), t[7] = n, t[8] = g) : g = t[8];
+  t[7] !== n ? (g = /* @__PURE__ */ S.jsx(aa, { className: "text-[var(--slate-11)] font-semibold", children: n }), t[7] = n, t[8] = g) : g = t[8];
   let h;
   t[9] !== c || t[10] !== a ? (h = (L) => {
     c(L === "*" ? {
@@ -5949,7 +6045,7 @@ const Bl = ra((e) => {
   let T;
   t[19] !== a ? (T = a.fieldNames().length === 0 && /* @__PURE__ */ S.jsx(Ae, { disabled: true, value: "--", children: "No columns" }), t[19] = a, t[20] = T) : T = t[20];
   let A;
-  t[21] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ S.jsx(dr, {}), t[21] = A) : A = t[21];
+  t[21] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ S.jsx(fr, {}), t[21] = A) : A = t[21];
   let N;
   t[22] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ S.jsx(Ae, { value: "*", children: /* @__PURE__ */ S.jsxs("span", { className: "flex items-center gap-1 flex-1", children: [
     Re[B.NUMBER],
@@ -5968,7 +6064,7 @@ const Bl = ra((e) => {
     b
   ] }), t[26] = o, t[27] = l, t[28] = b, t[29] = h, t[30] = E, t[31] = C) : C = t[31];
   let M;
-  t[32] !== r || t[33] !== c ? (M = r && /* @__PURE__ */ S.jsx(Yl, { field: r, onChange: c }), t[32] = r, t[33] = c, t[34] = M) : M = t[34];
+  t[32] !== r || t[33] !== c ? (M = r && /* @__PURE__ */ S.jsx(Kl, { field: r, onChange: c }), t[32] = r, t[33] = c, t[34] = M) : M = t[34];
   let $;
   t[35] !== M ? ($ = /* @__PURE__ */ S.jsx("div", { className: "w-[26px]", children: M }), t[35] = M, t[36] = $) : $ = t[36];
   let v;
@@ -5981,7 +6077,7 @@ const Bl = ra((e) => {
     g,
     v
   ] }), t[40] = v, t[41] = g, t[42] = w) : w = t[42], w;
-}, gn = "__", Yl = (e) => {
+}, gn = "__", Kl = (e) => {
   const t = Ce.c(15), {
     field: n,
     onChange: a
@@ -5993,7 +6089,7 @@ const Bl = ra((e) => {
   let o = r;
   if (n.type === ce.QUANTITATIVE) {
     let c;
-    t[1] === Symbol.for("react.memo_cache_sentinel") ? (c = [["", Al]], t[1] = c) : c = t[1], o = c;
+    t[1] === Symbol.for("react.memo_cache_sentinel") ? (c = [["", Ol]], t[1] = c) : c = t[1], o = c;
   }
   if (n.type === ce.TEMPORAL) {
     let c;
@@ -6008,14 +6104,14 @@ const Bl = ra((e) => {
       });
     }, t[3] = n, t[4] = a, t[5] = c) : c = t[5];
     let f;
-    t[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ S.jsx(Ot, { className: "h-full px-1", hideChevron: true, variant: "ghost", children: /* @__PURE__ */ S.jsx(oa, { size: 14, strokeWidth: 1.5 }) }), t[6] = f) : f = t[6];
+    t[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ S.jsx(Ot, { className: "h-full px-1", hideChevron: true, variant: "ghost", children: /* @__PURE__ */ S.jsx(sa, { size: 14, strokeWidth: 1.5 }) }), t[6] = f) : f = t[6];
     let i, s;
-    t[7] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ S.jsx(Ke, { children: /* @__PURE__ */ S.jsx(Ae, { value: gn, children: "None" }) }), s = /* @__PURE__ */ S.jsx(dr, {}), t[7] = i, t[8] = s) : (i = t[7], s = t[8]);
+    t[7] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ S.jsx(Ke, { children: /* @__PURE__ */ S.jsx(Ae, { value: gn, children: "None" }) }), s = /* @__PURE__ */ S.jsx(fr, {}), t[7] = i, t[8] = s) : (i = t[7], s = t[8]);
     let d;
     t[9] !== o ? (d = /* @__PURE__ */ S.jsxs(bt, { children: [
       i,
       s,
-      o.map(Vl)
+      o.map(Zl)
     ] }), t[9] = o, t[10] = d) : d = t[10];
     let u;
     return t[11] !== n.fn || t[12] !== c || t[13] !== d ? (u = /* @__PURE__ */ S.jsxs(xt, { "data-testid": "marimo-plugin-data-explorer-field-options", value: n.fn, onValueChange: c, children: [
@@ -6025,116 +6121,19 @@ const Bl = ra((e) => {
   }
   return null;
 };
-function zl(e) {
+function Xl(e) {
   return /* @__PURE__ */ S.jsx(Ae, { value: e, children: e === U ? "auto" : e }, e);
 }
-function ql(e) {
-  return /* @__PURE__ */ S.jsx(Ae, { value: e ?? gn, children: aa(e) }, e);
+function Jl(e) {
+  return /* @__PURE__ */ S.jsx(Ae, { value: e ?? gn, children: oa(e) }, e);
 }
-function Vl(e) {
+function Zl(e) {
   const [t, n] = e;
   return /* @__PURE__ */ S.jsxs(Ke, { children: [
-    t && /* @__PURE__ */ S.jsx(lr, { children: t }),
-    n.map(ql)
+    t && /* @__PURE__ */ S.jsx(dr, { children: t }),
+    n.map(Jl)
   ] }, t);
 }
-const or = 12, Kl = (e) => {
-  const t = Ce.c(26), {
-    schema: n
-  } = e, [a, r] = Ln.useState(), [o, c] = Ln.useState();
-  let f;
-  if (t[0] !== n || t[1] !== a || t[2] !== o) {
-    const i = n.fieldNames(), s = a ? n.stats({
-      field: a,
-      channel: "x"
-    }) : void 0;
-    let d;
-    t[4] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ S.jsx(Aa, { className: "text-muted-foreground", width: 40, height: 40, strokeWidth: 1.5 }), t[4] = d) : d = t[4];
-    const u = d, l = o ? i : i.slice(0, or), g = i.length > or, h = i.length > 0 ? i.length : "No";
-    let p;
-    t[5] !== h ? (p = /* @__PURE__ */ S.jsxs("span", { className: "text-muted-foreground font-semibold", children: [
-      h,
-      " fields"
-    ] }), t[5] = h, t[6] = p) : p = t[6];
-    let y;
-    t[7] !== n || t[8] !== a ? (y = (w) => {
-      const L = n.cardinality({
-        channel: "x",
-        field: w
-      });
-      return /* @__PURE__ */ S.jsxs("span", { className: sa("hover:bg-muted self-start px-2 py-2 rounded flex flex-row gap-1 items-center cursor-pointer lg:justify-center text-sm truncate flex-shrink-0 overflow-hidden", a === w && "bg-muted"), onClick: () => {
-        if (a === w) {
-          r(void 0);
-          return;
-        }
-        r(w);
-      }, children: [
-        Re[n.primitiveType(w)],
-        w,
-        L > 1 && /* @__PURE__ */ S.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          "(",
-          L,
-          ")"
-        ] })
-      ] }, w);
-    }, t[7] = n, t[8] = a, t[9] = y) : y = t[9];
-    const E = l.map(y);
-    let _;
-    t[10] !== g || t[11] !== o ? (_ = g && /* @__PURE__ */ S.jsx(fr, { "data-testid": "marimo-plugin-data-explorer-show-more-columns", variant: "link", size: "sm", className: "self-center col-span-3 -mt-1", onClick: () => c(Zl), children: o ? "Show less" : "Show more" }), t[10] = g, t[11] = o, t[12] = _) : _ = t[12];
-    let T;
-    t[13] !== E || t[14] !== _ ? (T = /* @__PURE__ */ S.jsxs("div", { className: "hidden lg:grid grid-cols-2 xl:grid-cols-3 gap-2 p-2 bg-[var(--slate-1)] border rounded lg:items-center items-start w-fit grid-flow-dense max-h-[300px] overflow-auto", children: [
-      E,
-      _
-    ] }), t[13] = E, t[14] = _, t[15] = T) : T = t[15];
-    const A = a || "", N = i.length === 0;
-    let b;
-    t[16] === Symbol.for("react.memo_cache_sentinel") ? (b = (w) => {
-      r(w);
-    }, t[16] = b) : b = t[16];
-    let C;
-    t[17] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ S.jsx(Ot, { className: "min-w-[210px] h-full", children: /* @__PURE__ */ S.jsx(ur, { placeholder: "Select a column" }) }), t[17] = C) : C = t[17];
-    let M;
-    t[18] !== n ? (M = n.fieldNames().map((w) => /* @__PURE__ */ S.jsx(Ae, { value: w.toString(), children: /* @__PURE__ */ S.jsxs("span", { className: "flex items-center gap-2 flex-1", children: [
-      Re[n.primitiveType(w)],
-      /* @__PURE__ */ S.jsx("span", { className: "flex-1", children: w }),
-      /* @__PURE__ */ S.jsxs("span", { className: "text-muted-foreground text-xs font-semibold", children: [
-        "(",
-        n.vlType(w),
-        ")"
-      ] })
-    ] }) }, w)), t[18] = n, t[19] = M) : M = t[19];
-    let $;
-    t[20] !== M ? ($ = /* @__PURE__ */ S.jsx(bt, { children: /* @__PURE__ */ S.jsx(Ke, { children: M }) }), t[20] = M, t[21] = $) : $ = t[21];
-    let v;
-    t[22] !== N || t[23] !== $ || t[24] !== A ? (v = /* @__PURE__ */ S.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ S.jsxs(xt, { "data-testid": "marimo-plugin-data-explorer-column-select", value: A, disabled: N, onValueChange: b, children: [
-      C,
-      $
-    ] }) }), t[22] = N, t[23] = $, t[24] = A, t[25] = v) : v = t[25], f = /* @__PURE__ */ S.jsxs("div", { className: "flex flex-col justify-center items-center h-full flex-1 gap-2", children: [
-      u,
-      p,
-      T,
-      v,
-      a && /* @__PURE__ */ S.jsx("div", { className: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2 p-2 text-sm", children: Xl.map((w) => /* @__PURE__ */ S.jsxs("div", { className: "flex flex-row gap-2 min-w-[100px]", children: [
-        /* @__PURE__ */ S.jsx("span", { className: "font-semibold", children: w }),
-        /* @__PURE__ */ S.jsx("span", { children: Jl(s == null ? void 0 : s[w]) })
-      ] }, w)) })
-    ] }), t[0] = n, t[1] = a, t[2] = o, t[3] = f;
-  } else
-    f = t[3];
-  return f;
-}, Xl = ["distinct", "min", "max", "mean", "median", "q1", "q3", "stdev"];
-function Jl(e) {
-  return typeof e == "number" ? new Intl.NumberFormat("en-US", {
-    maximumFractionDigits: 2
-  }).format(e) : typeof e == "string" ? e : typeof e == "object" && e instanceof Date ? new Intl.DateTimeFormat("en-US", {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  }).format(e) : String(e);
-}
-function Zl(e) {
-  return !e;
-}
 const Md = (e) => {
   const t = Ce.c(5);
   let n, a;
@@ -6194,7 +6193,7 @@ const Md = (e) => {
     error: i
   } = da(r, o), {
     mark: s
-  } = on(ke), d = on(Bl), {
+  } = on(ke), d = on(Wl), {
     theme: u
   } = fa();
   if (i) {
@@ -6220,10 +6219,10 @@ const Md = (e) => {
   let E;
   t[11] !== l || t[12] !== h || t[13] !== g || t[14] !== u ? (E = () => h ? /* @__PURE__ */ S.jsx("div", { className: "flex overflow-y-auto justify-center items-center flex-1 w-[90%]", children: /* @__PURE__ */ S.jsx(Bn, { data: {
     source: l
-  }, padding: ed, actions: Ql, spec: id(h.spec), theme: u === "dark" ? "dark" : void 0 }) }) : /* @__PURE__ */ S.jsx(Kl, { schema: g }), t[11] = l, t[12] = h, t[13] = g, t[14] = u, t[15] = E) : E = t[15];
+  }, padding: ed, actions: Ql, spec: id(h.spec), theme: u === "dark" ? "dark" : void 0 }) }) : /* @__PURE__ */ S.jsx(Sl, { schema: g }), t[11] = l, t[12] = h, t[13] = g, t[14] = u, t[15] = E) : E = t[15];
   const _ = E;
   let T;
-  t[16] !== s || t[17] !== g ? (T = /* @__PURE__ */ S.jsx(Hl, { mark: s, schema: g }), t[16] = s, t[17] = g, t[18] = T) : T = t[18];
+  t[16] !== s || t[17] !== g ? (T = /* @__PURE__ */ S.jsx(ql, { mark: s, schema: g }), t[16] = s, t[17] = g, t[18] = T) : T = t[18];
   let A;
   t[19] !== _ ? (A = _(), t[19] = _, t[20] = A) : A = t[20];
   let N;
@@ -6238,7 +6237,7 @@ const Md = (e) => {
     t[33] !== a || t[34] !== l || t[35] !== y || t[36] !== u ? (D = (Z, $e) => /* @__PURE__ */ S.jsx(rd, { title: /* @__PURE__ */ S.jsx("div", { className: "flex flex-row gap-1", children: Z.fieldInfos.map((Q) => {
       const pe = Q.fieldDef.field === "*" ? "Count" : Q.fieldDef.fn ? `${Q.fieldDef.fn}(${Q.fieldDef.field})` : Q.fieldDef.field.toString();
       return /* @__PURE__ */ S.jsx(Ea, { variant: y.has(Q.fieldDef.field) ? "secondary" : "defaultOutline", children: pe }, pe);
-    }) }), actions: /* @__PURE__ */ S.jsx(ma, { content: "Make main plot", children: /* @__PURE__ */ S.jsx(fr, { "data-testid": "marimo-plugin-data-explorer-make-main-plot", variant: "text", size: "icon", onClick: () => {
+    }) }), actions: /* @__PURE__ */ S.jsx(ma, { content: "Make main plot", children: /* @__PURE__ */ S.jsx(ur, { "data-testid": "marimo-plugin-data-explorer-make-main-plot", variant: "text", size: "icon", onClick: () => {
       const Q = ya.fromEntries(Z.fieldInfos.map(od));
       a.setEncoding(Q);
     }, children: /* @__PURE__ */ S.jsx(pa, { className: "w-4 h-4" }) }) }), children: /* @__PURE__ */ S.jsx(Bn, { data: {