@marimo-team/islands 0.22.1-dev34 → 0.22.1-dev37

package/dist/main.js

@@ -23751,8 +23751,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     if (c.some(_temp$34)) _ = "Interrupted";
     else if (c.some(_temp2$24)) _ = "An internal error occurred";
     else if (c.some(_temp3$16)) _ = "Ancestor prevented from running", v = "default", y = "text-secondary-foreground";
-    else if (c.some(_temp4$10)) _ = "Ancestor stopped", v = "default", y = "text-secondary-foreground";
-    else if (c.some(_temp5$7)) _ = "SQL error";
+    else if (c.some(_temp4$9)) _ = "Ancestor stopped", v = "default", y = "text-secondary-foreground";
+    else if (c.some(_temp5$6)) _ = "SQL error";
     else {
       let e2;
       r[0] === c ? e2 = r[1] : (e2 = c.find(_temp6$5), r[0] = c, r[1] = e2);
@@ -24124,10 +24124,10 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   function _temp3$16(e) {
     return e.type === "ancestor-prevented";
   }
-  function _temp4$10(e) {
+  function _temp4$9(e) {
     return e.type === "ancestor-stopped";
   }
-  function _temp5$7(e) {
+  function _temp5$6(e) {
     return e.type === "sql-error";
   }
   function _temp6$5(e) {
@@ -34904,58 +34904,56 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
           filters: c9,
           table: k9
         }),
-        (0, import_jsx_runtime.jsxs)(CellSelectionProvider, {
-          children: [
-            (0, import_jsx_runtime.jsxs)("div", {
-              part: "table-wrapper",
-              className: cn(r || "rounded-md border overflow-hidden"),
-              children: [
-                (0, import_jsx_runtime.jsx)(TableTopBar, {
-                  enableSearch: i9,
-                  searchQuery: a9,
-                  onSearchQueryChange: o9,
-                  reloading: u9,
-                  showChartBuilder: m9,
-                  isChartBuilderOpen: h9,
-                  toggleDisplayHeader: p9,
-                  showTableExplorer: _9,
-                  togglePanel: v9,
-                  isAnyPanelOpen: b9,
-                  downloadAs: Q7
-                }),
-                (0, import_jsx_runtime.jsxs)(Table, {
-                  className: "relative",
-                  ref: M9,
-                  children: [
-                    C9 && (0, import_jsx_runtime.jsx)("thead", {
-                      className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
-                    }),
-                    renderTableHeader(k9, j9 || !!c),
-                    (0, import_jsx_runtime.jsx)(DataTableBody, {
-                      table: k9,
-                      columns: d,
-                      rowViewerPanelOpen: A9,
-                      getRowIndex: O9,
-                      viewedRowIdx: x9,
-                      virtualize: j9
-                    })
-                  ]
-                })
-              ]
-            }),
-            (0, import_jsx_runtime.jsx)(TableBottomBar, {
-              part: "table-footer",
-              className: "border-t border-border pt-1.5 pb-0.5",
-              totalColumns: v,
-              pagination: e9,
-              selection: _,
-              onRowSelectionChange: t9,
-              table: k9,
-              getRowIds: r9,
-              showPageSizeSelector: g9,
-              tableLoading: u9
-            })
-          ]
+        (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
+          children: (0, import_jsx_runtime.jsxs)("div", {
+            part: "table-wrapper",
+            className: cn(r || "rounded-md border overflow-hidden"),
+            children: [
+              (0, import_jsx_runtime.jsx)(TableTopBar, {
+                enableSearch: i9,
+                searchQuery: a9,
+                onSearchQueryChange: o9,
+                reloading: u9,
+                showChartBuilder: m9,
+                isChartBuilderOpen: h9,
+                toggleDisplayHeader: p9,
+                showTableExplorer: _9,
+                togglePanel: v9,
+                isAnyPanelOpen: b9,
+                downloadAs: Q7
+              }),
+              (0, import_jsx_runtime.jsxs)(Table, {
+                className: "relative",
+                ref: M9,
+                children: [
+                  C9 && (0, import_jsx_runtime.jsx)("thead", {
+                    className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
+                  }),
+                  renderTableHeader(k9, j9 || !!c),
+                  (0, import_jsx_runtime.jsx)(DataTableBody, {
+                    table: k9,
+                    columns: d,
+                    rowViewerPanelOpen: A9,
+                    getRowIndex: O9,
+                    viewedRowIdx: x9,
+                    virtualize: j9
+                  })
+                ]
+              }),
+              (0, import_jsx_runtime.jsx)(TableBottomBar, {
+                part: "table-footer",
+                className: "pt-1.5 pb-0.5 border-t border-border",
+                totalColumns: v,
+                pagination: e9,
+                selection: _,
+                onRowSelectionChange: t9,
+                table: k9,
+                getRowIds: r9,
+                showPageSizeSelector: g9,
+                tableLoading: u9
+              })
+            ]
+          })
         })
       ]
     });
@@ -37135,7 +37133,7 @@ ${E}`,
         (0, import_jsx_runtime.jsx)(TableBody, {
           children: Array.from({
             length: h
-          }).map(_temp4$9)
+          }).map(_temp4$8)
         })
       ]
     }), r[5] = h, r[6] = w);
@@ -37179,7 +37177,7 @@ ${E}`,
       })
     }, r);
   }
-  function _temp4$9(e, r) {
+  function _temp4$8(e, r) {
     return (0, import_jsx_runtime.jsx)(TableRow, {
       children: Array.from({
         length: 8
@@ -42942,7 +42940,7 @@ ${c}
                 let [r3] = e3;
                 E2(r3);
               },
-              valueMap: _temp4$8
+              valueMap: _temp4$7
             })
           })
         ]
@@ -43040,7 +43038,7 @@ ${c}
     r[0] !== c || r[1] !== f ? (h = () => {
       f.setValue(c, "");
     }, r[0] = c, r[1] = f, r[2] = h) : h = r[2];
-    let _ = h, v = _temp5$6, y;
+    let _ = h, v = _temp5$5, y;
     r[3] !== _ || r[4] !== d ? (y = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -43312,10 +43310,10 @@ ${c}
       children: e.display
     }, e.value);
   }
-  function _temp4$8(e) {
+  function _temp4$7(e) {
     return e;
   }
-  function _temp5$6(e) {
+  function _temp5$5(e) {
     let [r, c] = TIME_UNIT_DESCRIPTIONS[e];
     return (0, import_jsx_runtime.jsx)(SelectItem, {
       value: e,
@@ -46113,9 +46111,9 @@ ${c}
       rows: await loadTableData((await f({
         page_number: e2,
         page_size: 1,
-        sort: v.length > 0 ? v.map(_temp4$7) : void 0,
+        sort: v.length > 0 ? v.map(_temp4$6) : void 0,
         query: O,
-        filters: z.flatMap(_temp5$5),
+        filters: z.flatMap(_temp5$4),
         max_columns: null
       })).data)
     }), r[48] = z, r[49] = f, r[50] = O, r[51] = v, r[52] = u9) : u9 = r[52];
@@ -46430,13 +46428,13 @@ ${c}
   function _temp3$10(e) {
     Logger.error(e);
   }
-  function _temp4$7(e) {
+  function _temp4$6(e) {
     return {
       by: e.id,
       descending: e.desc
     };
   }
-  function _temp5$5(e) {
+  function _temp5$4(e) {
     return filterToFilterCondition(e.id, e.value);
   }
   function _temp6$3(e) {
@@ -46596,14 +46594,14 @@ ${c}
     let r = (0, import_compiler_runtime$58.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ errorMessage: d, className: c, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
-    r[4] === c ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp4$6), r[4] = c, r[5] = h);
+    r[4] === c ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp4$5), r[4] = c, r[5] = h);
     let _;
     r[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)(CalendarHeading, {}), r[6] = _) : _ = r[6];
     let v;
     r[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (0, import_jsx_runtime.jsxs)(CalendarGrid, {
       children: [
         (0, import_jsx_runtime.jsx)(CalendarGridHeader, {
-          children: _temp5$4
+          children: _temp5$3
         }),
         (0, import_jsx_runtime.jsx)(CalendarGridBody, {
           children: _temp6$2
@@ -46640,10 +46638,10 @@ ${c}
       date: e
     });
   }
-  function _temp4$6(e) {
+  function _temp4$5(e) {
     return cn("w-fit", e);
   }
-  function _temp5$4(e) {
+  function _temp5$3(e) {
     return (0, import_jsx_runtime.jsx)(CalendarHeaderCell, {
       children: e
     });
@@ -46818,7 +46816,7 @@ ${c}
                 children: _temp3$8
               }),
               (0, import_jsx_runtime.jsx)(CalendarGridBody, {
-                children: _temp4$5
+                children: _temp4$4
               })
             ]
           })
@@ -46843,7 +46841,7 @@ ${c}
     let r = (0, import_compiler_runtime$55.c)(28), c, d, f, h, _;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5]) : ({ label: h, description: d, errorMessage: f, className: c, ..._ } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _);
     let [v, y] = (0, import_react.useState)(false), S;
-    r[6] === c ? S = r[7] : (S = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp5$3), r[6] = c, r[7] = S);
+    r[6] === c ? S = r[7] : (S = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp5$2), r[6] = c, r[7] = S);
     let w;
     r[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (e2) => {
       y(e2);
@@ -46942,12 +46940,12 @@ ${c}
       children: e
     });
   }
-  function _temp4$5(e) {
+  function _temp4$4(e) {
     return (0, import_jsx_runtime.jsx)(CalendarCell, {
       date: e
     });
   }
-  function _temp5$3(e) {
+  function _temp5$2(e) {
     return cn("group flex flex-col gap-2", e);
   }
   function _temp6$1(e) {
@@ -55431,7 +55429,7 @@ ${c}
     r[2] === f ? S = r[3] : (S = (e2) => {
       filesToBase64(e2).then((e3) => {
         f(e3);
-      }).catch(_temp5$2);
+      }).catch(_temp5$1);
     }, r[2] = f, r[3] = S);
     let w;
     r[4] !== d || r[5] !== y || r[6] !== _ || r[7] !== S ? (w = {
@@ -55439,7 +55437,7 @@ ${c}
       multiple: _,
       maxSize: y,
       onError: _temp$10,
-      onDropRejected: _temp4$4,
+      onDropRejected: _temp4$3,
       onDrop: S
     }, r[4] = d, r[5] = y, r[6] = _, r[7] = S, r[8] = w) : w = r[8];
     let { getRootProps: E, getInputProps: O, isFocused: M, isDragAccept: I, isDragReject: z } = useDropzone(w), G;
@@ -55659,7 +55657,7 @@ ${c}
       ]
     }, e.file.name);
   }
-  function _temp4$4(e) {
+  function _temp4$3(e) {
     toast({
       title: "File upload failed",
       description: (0, import_jsx_runtime.jsx)("div", {
@@ -55669,7 +55667,7 @@ ${c}
       variant: "danger"
     });
   }
-  function _temp5$2(e) {
+  function _temp5$1(e) {
     Logger.error(e), toast({
       title: "File upload failed",
       description: "Failed to convert file to base64.",
@@ -57169,9 +57167,23 @@ ${c}
       }
     };
   }
-  var CLICK_SELECTABLE_TRACE_TYPES = /* @__PURE__ */ new Set([
-    "heatmap",
-    "histogram"
+  var SUNBURST_DATA_KEYS = [
+    "color",
+    "curveNumber",
+    "entry",
+    "hovertext",
+    "id",
+    "label",
+    "parent",
+    "percentEntry",
+    "percentParent",
+    "percentRoot",
+    "pointNumber",
+    "root",
+    "value"
+  ], LINE_CLICK_TRACE_TYPES = /* @__PURE__ */ new Set([
+    "scatter",
+    "scattergl"
   ]), STANDARD_POINT_KEYS = [
     "x",
     "y",
@@ -57183,46 +57195,123 @@ ${c}
     "pointNumbers",
     "pointIndex"
   ];
+  function coalesceField(e, r) {
+    return e ?? r;
+  }
+  function getTraceSource(e) {
+    let r = e, c = e.data ?? {}, d = r.fullData ?? {};
+    return {
+      type: coalesceField(c.type, d.type),
+      mode: coalesceField(c.mode, d.mode),
+      x: coalesceField(c.x, d.x),
+      y: coalesceField(c.y, d.y),
+      hovertemplate: coalesceField(c.hovertemplate, d.hovertemplate)
+    };
+  }
+  function asFiniteNumber(e) {
+    return typeof e == "number" && Number.isFinite(e) ? e : void 0;
+  }
   function getPointIndex(e) {
-    if (typeof e.pointIndex == "number") return e.pointIndex;
-    if (typeof e.pointNumber == "number") return e.pointNumber;
+    let r = asFiniteNumber(e.pointIndex);
+    if (r !== void 0) return r;
+    let c = asFiniteNumber(e.pointNumber);
+    if (c !== void 0) return c;
+    let d = e.pointNumbers;
+    if (Array.isArray(d)) return d.map(asFiniteNumber).find((e2) => e2 !== void 0);
+  }
+  function isLinePoint(e) {
+    let r = getTraceSource(e);
+    if (!LINE_CLICK_TRACE_TYPES.has(String(r.type))) return false;
+    let c = r.mode;
+    return typeof c == "string" ? c.split("+").includes("lines") : true;
+  }
+  function isPureLineMode(e) {
+    if (typeof e != "string") return false;
+    let r = e.split("+");
+    return r.includes("lines") && !r.includes("markers");
+  }
+  function hasPureLineTrace(e) {
+    return e ? e.some((e2) => {
+      let r = e2.type;
+      return r === void 0 || LINE_CLICK_TRACE_TYPES.has(String(r)) ? isPureLineMode(e2.mode) : false;
+    }) : false;
+  }
+  function createDragmodeButton(e, r, c, d, f) {
+    return {
+      name: e,
+      title: r,
+      icon: {
+        svg: c
+      },
+      click: () => f(d)
+    };
   }
-  function isClickSelectablePoint(e) {
-    var _a3;
-    let r = (_a3 = e.data) == null ? void 0 : _a3.type;
-    return typeof r == "string" ? CLICK_SELECTABLE_TRACE_TYPES.has(r) : false;
+  function lineSelectionButtons(e) {
+    return [
+      createDragmodeButton("line-box-select", "Box select", '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"\n        stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n        <rect x="4" y="4" width="16" height="16" stroke-dasharray="2 2" />\n      </svg>', "select", e),
+      createDragmodeButton("line-lasso-select", "Lasso select", '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"\n        stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n        <path d="M6 8c0-2.2 2.2-4 5-4s5 1.8 5 4-2.2 4-5 4-5 1.8-5 4 2.2 4 5 4" />\n        <circle cx="17.5" cy="16.5" r="1.5" />\n      </svg>', "lasso", e)
+    ];
   }
-  function extractIndices(e) {
-    return e.flatMap((e2) => {
-      let r = getPointIndex(e2);
-      return typeof r == "number" ? [
-        r
-      ] : [];
+  function mergeModeBarButtonsToAdd(e, r) {
+    let c = [], d = /* @__PURE__ */ new Set(), f = (e2) => {
+      if (typeof e2 == "string") {
+        if (d.has(e2)) return;
+        d.add(e2), c.push(e2);
+        return;
+      }
+      c.push(e2);
+    };
+    return e.forEach(f), r == null ? void 0 : r.forEach(f), c;
+  }
+  function shouldHandleClickSelection(e) {
+    return e.some((e2) => {
+      let r = getTraceSource(e2).type;
+      return r === "bar" || r === "heatmap" || r === "histogram" || isLinePoint(e2);
     });
   }
+  function extractIndices(e) {
+    return e.map(getPointIndex).filter((e2) => e2 !== void 0);
+  }
+  function getIndexedValue(e, r) {
+    if (Array.isArray(e) || ArrayBuffer.isView(e)) return e[r];
+    if (typeof e == "object" && e && "length" in e) {
+      let c = Number(e.length ?? NaN);
+      if (Number.isFinite(c) && r >= 0 && r < c) return e[r];
+    }
+  }
+  function withInferredXY(e, r) {
+    if (r.x !== void 0 && r.y !== void 0) return r;
+    let c = getPointIndex(e);
+    if (c === void 0) return r;
+    let d = {
+      ...r
+    };
+    d.pointIndex === void 0 && (d.pointIndex = c);
+    let f = getTraceSource(e);
+    if (d.x === void 0) {
+      let e2 = getIndexedValue(f.x, c);
+      e2 !== void 0 && (d.x = e2);
+    }
+    if (d.y === void 0) {
+      let e2 = getIndexedValue(f.y, c);
+      e2 !== void 0 && (d.y = e2);
+    }
+    return d;
+  }
   function extractPoints(e) {
-    if (!e) return [];
     let r;
     return e.map((e2) => {
-      var _a3;
-      let c = pick_default(e2, STANDARD_POINT_KEYS), d = Array.isArray(e2.data.hovertemplate) ? e2.data.hovertemplate[0] : e2.data.hovertemplate;
-      return !d || ((_a3 = e2.data) == null ? void 0 : _a3.type) === "heatmap" ? c : (r = r ? r.update(d) : createParser(d), {
+      let c = withInferredXY(e2, pick_default(e2, STANDARD_POINT_KEYS)), d = getTraceSource(e2), f = Array.isArray(d.hovertemplate) ? d.hovertemplate[0] : d.hovertemplate;
+      return !f || d.type === "heatmap" ? c : (r = r ? r.update(f) : createParser(f), {
         ...c,
         ...r.parse(e2)
       });
     });
   }
-  function extractClickSelection(e) {
-    var _a3;
-    if (!((_a3 = e.points) == null ? void 0 : _a3.length)) return;
-    let r = e.points.filter(isClickSelectablePoint);
-    if (r.length !== 0) return {
-      selections: Arrays.EMPTY,
-      points: extractPoints(r),
-      indices: extractIndices(r),
-      range: void 0
-    };
+  function extractSunburstPoints(e) {
+    return e.map((e2) => pick_default(e2, SUNBURST_DATA_KEYS));
   }
+  const extractTreemapPoints = extractSunburstPoints;
   var import_compiler_runtime$32 = require_compiler_runtime();
   const PERSISTED_LAYOUT_KEYS = [
     "dragmode",
@@ -57316,53 +57405,52 @@ ${c}
     }
   }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-WhbJAbBh.js").then((e) => ({
     default: e.Plot
-  }))), SUNBURST_DATA_KEYS = [
-    "color",
-    "curveNumber",
-    "entry",
-    "hovertext",
-    "id",
-    "label",
-    "parent",
-    "percentEntry",
-    "percentParent",
-    "percentRoot",
-    "pointNumber",
-    "root",
-    "value"
-  ], TREE_MAP_DATA_KEYS = SUNBURST_DATA_KEYS;
+  })));
   const PlotlyComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$31.c)(37), { figure: c, value: d, setValue: f, config: h } = e, _ = useScript("https://cdn.jsdelivr.net/npm/mathjax-full@3.2.2/es5/tex-mml-svg.min.js") === "ready", v;
+    let r = (0, import_compiler_runtime$31.c)(47), { figure: c, value: d, setValue: f, config: h } = e, _ = useScript("https://cdn.jsdelivr.net/npm/mathjax-full@3.2.2/es5/tex-mml-svg.min.js") === "ready", v;
     r[0] !== _ || r[1] !== c || r[2] !== d ? (v = {
       originalFigure: c,
       initialValue: d,
       isScriptLoaded: _
     }, r[0] = _, r[1] = c, r[2] = d, r[3] = v) : v = r[3];
-    let { figure: y, layout: S, handleReset: w } = usePlotlyLayout(v), E;
-    r[4] !== w || r[5] !== f ? (E = () => {
-      w(), f({});
-    }, r[4] = w, r[5] = f, r[6] = E) : E = r[6];
-    let O = useEvent_default(E), M = useDeepCompareMemoize(h), I;
-    r[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
-      svg: '\n              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"\n                stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rotate-ccw">\n                <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />\n                <path d="M3 3v5h5" />\n              </svg>'
-    }, r[7] = I) : I = r[7];
-    let z;
-    r[8] === O ? z = r[9] : (z = [
-      {
-        name: "reset",
-        title: "Reset state",
-        icon: I,
-        click: O
-      }
-    ], r[8] = O, r[9] = z);
-    let G;
-    r[10] !== M || r[11] !== z ? (G = {
-      displaylogo: false,
-      modeBarButtonsToAdd: z,
-      ...M
-    }, r[10] = M, r[11] = z, r[12] = G) : G = r[12];
-    let q = G, Z7;
-    r[13] === f ? Z7 = r[14] : (Z7 = (e2) => {
+    let { figure: y, layout: S, setLayout: w, handleReset: E } = usePlotlyLayout(v), O;
+    r[4] !== E || r[5] !== f ? (O = () => {
+      E(), f({});
+    }, r[4] = E, r[5] = f, r[6] = O) : O = r[6];
+    let M = useEvent_default(O), I;
+    r[7] !== w || r[8] !== f ? (I = (e2) => {
+      w((r2) => ({
+        ...r2,
+        dragmode: e2
+      })), f((r2) => ({
+        ...r2,
+        dragmode: e2
+      }));
+    }, r[7] = w, r[8] = f, r[9] = I) : I = r[9];
+    let z = useEvent_default(I), G = useDeepCompareMemoize(h), q;
+    r[10] === y.data ? q = r[11] : (q = hasPureLineTrace(y.data), r[10] = y.data, r[11] = q);
+    let Z7 = q, Q7, $7, e9;
+    if (r[12] !== G || r[13] !== M || r[14] !== z || r[15] !== Z7) {
+      let e2 = [
+        {
+          name: "reset",
+          title: "Reset state",
+          icon: {
+            svg: '\n              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"\n                stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rotate-ccw">\n                <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />\n                <path d="M3 3v5h5" />\n              </svg>'
+          },
+          click: M
+        }
+      ];
+      Z7 && e2.push(...lineSelectionButtons(z)), Q7 = false, $7 = G, e9 = mergeModeBarButtonsToAdd(e2, G.modeBarButtonsToAdd), r[12] = G, r[13] = M, r[14] = z, r[15] = Z7, r[16] = Q7, r[17] = $7, r[18] = e9;
+    } else Q7 = r[16], $7 = r[17], e9 = r[18];
+    let t9;
+    r[19] !== Q7 || r[20] !== $7 || r[21] !== e9 ? (t9 = {
+      displaylogo: Q7,
+      ...$7,
+      modeBarButtonsToAdd: e9
+    }, r[19] = Q7, r[20] = $7, r[21] = e9, r[22] = t9) : t9 = r[22];
+    let n9 = t9, r9;
+    r[23] === f ? r9 = r[24] : (r9 = (e2) => {
       if ("dragmode" in e2 && f((r2) => ({
         ...r2,
         dragmode: e2.dragmode
@@ -57376,60 +57464,65 @@ ${c}
           ...r2
         }));
       }
-    }, r[13] = f, r[14] = Z7);
-    let Q7;
-    r[15] === f ? Q7 = r[16] : (Q7 = () => {
+    }, r[23] = f, r[24] = r9);
+    let i9;
+    r[25] === f ? i9 = r[26] : (i9 = () => {
       f(_temp2$5);
-    }, r[15] = f, r[16] = Q7);
-    let $7 = useEvent_default(Q7), e9;
-    r[17] === f ? e9 = r[18] : (e9 = (e2) => {
+    }, r[25] = f, r[26] = i9);
+    let a9 = useEvent_default(i9), o9;
+    r[27] === f ? o9 = r[28] : (o9 = (e2) => {
       e2 && f((r2) => ({
         ...r2,
-        points: e2.points.map(_temp3$3)
+        points: extractTreemapPoints(e2.points)
       }));
-    }, r[17] = f, r[18] = e9);
-    let t9 = useEvent_default(e9), n9;
-    r[19] === f ? n9 = r[20] : (n9 = (e2) => {
+    }, r[27] = f, r[28] = o9);
+    let s9 = useEvent_default(o9), c9;
+    r[29] === f ? c9 = r[30] : (c9 = (e2) => {
       e2 && f((r2) => ({
         ...r2,
-        points: e2.points.map(_temp4$3)
+        points: extractSunburstPoints(e2.points)
       }));
-    }, r[19] = f, r[20] = n9);
-    let r9 = useEvent_default(n9), i9;
-    r[21] === f ? i9 = r[22] : (i9 = (e2) => {
-      if (!e2) return;
-      let r2 = extractClickSelection(e2);
-      r2 && f((e3) => ({
+    }, r[29] = f, r[30] = c9);
+    let l9 = useEvent_default(c9), u9;
+    r[31] === f ? u9 = r[32] : (u9 = (e2) => {
+      if (!e2 || !shouldHandleClickSelection(e2.points)) return;
+      let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
+      f((e3) => ({
         ...e3,
-        ...r2
+        selections: Arrays.EMPTY,
+        range: void 0,
+        lasso: void 0,
+        points: r2,
+        indices: c2
       }));
-    }, r[21] = f, r[22] = i9);
-    let a9 = useEvent_default(i9), o9;
-    r[23] === f ? o9 = r[24] : (o9 = (e2) => {
+    }, r[31] = f, r[32] = u9);
+    let d9 = useEvent_default(u9), f9;
+    r[33] === f ? f9 = r[34] : (f9 = (e2) => {
       e2 && f((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
         points: extractPoints(e2.points),
         indices: extractIndices(e2.points),
-        range: e2.range
+        range: e2.range,
+        lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[23] = f, r[24] = o9);
-    let s9 = useEvent_default(o9), c9 = y.frames ?? void 0, l9 = useEvent_default(_temp5$1), u9;
-    return r[25] !== y || r[26] !== S || r[27] !== q || r[28] !== t9 || r[29] !== r9 || r[30] !== a9 || r[31] !== s9 || r[32] !== c9 || r[33] !== l9 || r[34] !== Z7 || r[35] !== $7 ? (u9 = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = f, r[34] = f9);
+    let p9 = useEvent_default(f9), m9 = y.frames ?? void 0, h9 = useEvent_default(_temp3$3), g9;
+    return r[35] !== y || r[36] !== S || r[37] !== n9 || r[38] !== a9 || r[39] !== s9 || r[40] !== l9 || r[41] !== d9 || r[42] !== p9 || r[43] !== m9 || r[44] !== h9 || r[45] !== r9 ? (g9 = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...y,
       layout: S,
-      onRelayout: Z7,
-      onDeselect: $7,
-      onTreemapClick: t9,
-      onSunburstClick: r9,
-      config: q,
-      onClick: a9,
-      onSelected: s9,
+      onRelayout: r9,
+      onDeselect: a9,
+      onTreemapClick: s9,
+      onSunburstClick: l9,
+      config: n9,
+      onClick: d9,
+      onSelected: p9,
       className: "w-full",
       useResizeHandler: true,
-      frames: c9,
-      onError: l9
-    }), r[25] = y, r[26] = S, r[27] = q, r[28] = t9, r[29] = r9, r[30] = a9, r[31] = s9, r[32] = c9, r[33] = l9, r[34] = Z7, r[35] = $7, r[36] = u9) : u9 = r[36], u9;
+      frames: m9,
+      onError: h9
+    }), r[35] = y, r[36] = S, r[37] = n9, r[38] = a9, r[39] = s9, r[40] = l9, r[41] = d9, r[42] = p9, r[43] = m9, r[44] = h9, r[45] = r9, r[46] = g9) : g9 = r[46], g9;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$7(e) {
@@ -57441,16 +57534,11 @@ ${c}
       selections: Arrays.EMPTY,
       points: Arrays.EMPTY,
       indices: Arrays.EMPTY,
-      range: void 0
+      range: void 0,
+      lasso: void 0
     };
   }
   function _temp3$3(e) {
-    return Objects.pick(e, TREE_MAP_DATA_KEYS);
-  }
-  function _temp4$3(e) {
-    return Objects.pick(e, SUNBURST_DATA_KEYS);
-  }
-  function _temp5$1(e) {
     Logger.error("PlotlyPlugin: ", e);
   }
   var import_compiler_runtime$30 = require_compiler_runtime(), RadioPlugin = class {
@@ -65419,7 +65507,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev34"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev37"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {