@marimo-team/islands 0.23.3-dev15 → 0.23.3-dev17

package/dist/main.js

@@ -4012,21 +4012,21 @@ Defaulting to \`null\`.`;
   function $2f04cbc44ee30ce0$export$53a0910f038337bd(e, r, c = {}) {
     let { block: l = "nearest", inline: u = "nearest" } = c;
     if (e === r) return;
-    let d = e.scrollTop, f = e.scrollLeft, p = r.getBoundingClientRect(), m = e.getBoundingClientRect(), h = window.getComputedStyle(r), g = window.getComputedStyle(e), _ = document.scrollingElement || document.documentElement, v = e === _ ? 0 : m.top, y = e === _ ? e.clientHeight : m.bottom, b = e === _ ? 0 : m.left, S = e === _ ? e.clientWidth : m.right, w = parseInt(h.scrollMarginTop, 10) || 0, T = parseInt(h.scrollMarginBottom, 10) || 0, E = parseInt(h.scrollMarginLeft, 10) || 0, O = parseInt(h.scrollMarginRight, 10) || 0, j = parseInt(g.scrollPaddingTop, 10) || 0, M = parseInt(g.scrollPaddingBottom, 10) || 0, I = parseInt(g.scrollPaddingLeft, 10) || 0, L = parseInt(g.scrollPaddingRight, 10) || 0, R = parseInt(g.borderTopWidth, 10) || 0, z = parseInt(g.borderBottomWidth, 10) || 0, B = parseInt(g.borderLeftWidth, 10) || 0, H = parseInt(g.borderRightWidth, 10) || 0, W = p.top - w, G = p.bottom + T, q = p.left - E, C2 = p.right + O, w2 = e === _ ? 0 : B + H, T2 = e === _ ? 0 : R + z, E2 = e.offsetWidth - e.clientWidth - w2, D2 = e.offsetHeight - e.clientHeight - T2, Z = v + R + j, O2 = y - z - M - D2, k2 = b + B + I, A2 = S - H - L;
-    g.direction === "rtl" && !$c87311424ea30a05$export$fedb369cb70207f1() ? k2 += E2 : A2 -= E2;
-    let j2 = W < Z || G > O2, M2 = q < k2 || C2 > A2;
-    if (j2 && l === "start") d += W - Z;
-    else if (j2 && l === "center") d += (W + G) / 2 - (Z + O2) / 2;
-    else if (j2 && l === "end") d += G - O2;
-    else if (j2 && l === "nearest") {
-      let e2 = W - Z, r2 = G - O2;
+    let d = e.scrollTop, f = e.scrollLeft, p = r.getBoundingClientRect(), m = e.getBoundingClientRect(), h = window.getComputedStyle(r), g = window.getComputedStyle(e), _ = document.scrollingElement || document.documentElement, v = e === _ ? 0 : m.top, y = e === _ ? e.clientHeight : m.bottom, b = e === _ ? 0 : m.left, S = e === _ ? e.clientWidth : m.right, w = parseInt(h.scrollMarginTop, 10) || 0, T = parseInt(h.scrollMarginBottom, 10) || 0, E = parseInt(h.scrollMarginLeft, 10) || 0, O = parseInt(h.scrollMarginRight, 10) || 0, j = parseInt(g.scrollPaddingTop, 10) || 0, M = parseInt(g.scrollPaddingBottom, 10) || 0, I = parseInt(g.scrollPaddingLeft, 10) || 0, L = parseInt(g.scrollPaddingRight, 10) || 0, R = parseInt(g.borderTopWidth, 10) || 0, z = parseInt(g.borderBottomWidth, 10) || 0, B = parseInt(g.borderLeftWidth, 10) || 0, H = parseInt(g.borderRightWidth, 10) || 0, W = p.top - w, G = p.bottom + T, q = p.left - E, D2 = p.right + O, O2 = e === _ ? 0 : B + H, k2 = e === _ ? 0 : R + z, A2 = e.offsetWidth - e.clientWidth - O2, j2 = e.offsetHeight - e.clientHeight - k2, Z = v + R + j, M2 = y - z - M - j2, N2 = b + B + I, P2 = S - H - L;
+    g.direction === "rtl" && !$c87311424ea30a05$export$fedb369cb70207f1() ? N2 += A2 : P2 -= A2;
+    let F2 = W < Z || G > M2, I2 = q < N2 || D2 > P2;
+    if (F2 && l === "start") d += W - Z;
+    else if (F2 && l === "center") d += (W + G) / 2 - (Z + M2) / 2;
+    else if (F2 && l === "end") d += G - M2;
+    else if (F2 && l === "nearest") {
+      let e2 = W - Z, r2 = G - M2;
       d += Math.abs(e2) <= Math.abs(r2) ? e2 : r2;
     }
-    if (M2 && u === "start") f += q - k2;
-    else if (M2 && u === "center") f += (q + C2) / 2 - (k2 + A2) / 2;
-    else if (M2 && u === "end") f += C2 - A2;
-    else if (M2 && u === "nearest") {
-      let e2 = q - k2, r2 = C2 - A2;
+    if (I2 && u === "start") f += q - N2;
+    else if (I2 && u === "center") f += (q + D2) / 2 - (N2 + P2) / 2;
+    else if (I2 && u === "end") f += D2 - P2;
+    else if (I2 && u === "nearest") {
+      let e2 = q - N2, r2 = D2 - P2;
       f += Math.abs(e2) <= Math.abs(r2) ? e2 : r2;
     }
     e.scrollTo({
@@ -7184,11 +7184,11 @@ Defaulting to \`null\`.`;
     R[j] += W;
     let G = $edcf132a9284368a$var$getMaxHeight(R, p, h, v, u, d, c.height, H, m, w, T);
     y && y < G && (G = y), c.height = Math.min(c.height, G), R = $edcf132a9284368a$var$computePosition(r, p, c, E, z, _, h, v, b, S, m), W = $edcf132a9284368a$var$getDelta(j, R[j], c[M], p, m, d, h), R[j] += W;
-    let q = {}, C2 = r[j] - R[j] - u[$edcf132a9284368a$var$AXIS[j]], w2 = C2 + 0.5 * r[M], T2 = b / 2 + S, E2 = $edcf132a9284368a$var$AXIS[j] === "left" ? (u.left ?? 0) + (u.right ?? 0) : (u.top ?? 0) + (u.bottom ?? 0), D2 = c[M] - E2 - b / 2 - S;
-    q[j] = $9446cca9a3875146$export$7d15b64cf5a3a4c4($9446cca9a3875146$export$7d15b64cf5a3a4c4(w2, r[j] + b / 2 - (R[j] + u[$edcf132a9284368a$var$AXIS[j]]), r[j] + r[M] - b / 2 - (R[j] + u[$edcf132a9284368a$var$AXIS[j]])), T2, D2), { placement: I, crossPlacement: L } = E, b ? C2 = q[j] : L === "right" ? C2 += r[M] : L === "center" && (C2 += r[M] / 2);
-    let Z = I === "left" || I === "top" ? c[O] : 0, O2 = {
-      x: I === "top" || I === "bottom" ? C2 : Z,
-      y: I === "left" || I === "right" ? C2 : Z
+    let q = {}, D2 = r[j] - R[j] - u[$edcf132a9284368a$var$AXIS[j]], O2 = D2 + 0.5 * r[M], k2 = b / 2 + S, A2 = $edcf132a9284368a$var$AXIS[j] === "left" ? (u.left ?? 0) + (u.right ?? 0) : (u.top ?? 0) + (u.bottom ?? 0), j2 = c[M] - A2 - b / 2 - S;
+    q[j] = $9446cca9a3875146$export$7d15b64cf5a3a4c4($9446cca9a3875146$export$7d15b64cf5a3a4c4(O2, r[j] + b / 2 - (R[j] + u[$edcf132a9284368a$var$AXIS[j]]), r[j] + r[M] - b / 2 - (R[j] + u[$edcf132a9284368a$var$AXIS[j]])), k2, j2), { placement: I, crossPlacement: L } = E, b ? D2 = q[j] : L === "right" ? D2 += r[M] : L === "center" && (D2 += r[M] / 2);
+    let Z = I === "left" || I === "top" ? c[O] : 0, M2 = {
+      x: I === "top" || I === "bottom" ? D2 : Z,
+      y: I === "left" || I === "right" ? D2 : Z
     };
     return {
       position: R,
@@ -7196,7 +7196,7 @@ Defaulting to \`null\`.`;
       arrowOffsetLeft: q.left,
       arrowOffsetTop: q.top,
       placement: I,
-      triggerAnchorPoint: O2
+      triggerAnchorPoint: M2
     };
   }
   function $edcf132a9284368a$export$b3ceb0cbf1056d98(e) {
@@ -9056,8 +9056,8 @@ Defaulting to \`null\`.`;
     e !== (0, import_react.useMemo)(() => r.segments.find((e2) => e2.isEditable), [
       r.segments
     ]) && !r.isInvalid && (h = void 0);
-    let G = $bdb11010cef70236$export$f680877a34711e37(), q = !r.isDisabled && !r.isReadOnly && e.isEditable, C2 = e.type === "literal" ? "" : f.of(e.type), w2 = $313b98861ee5dd6c$export$d6875122194c7b44({
-      "aria-label": `${C2}${p ? `, ${p}` : ""}${m ? ", " : ""}`,
+    let G = $bdb11010cef70236$export$f680877a34711e37(), q = !r.isDisabled && !r.isReadOnly && e.isEditable, D2 = e.type === "literal" ? "" : f.of(e.type), O2 = $313b98861ee5dd6c$export$d6875122194c7b44({
+      "aria-label": `${D2}${p ? `, ${p}` : ""}${m ? ", " : ""}`,
       "aria-labelledby": m
     });
     if (e.type === "literal") return {
@@ -9065,16 +9065,16 @@ Defaulting to \`null\`.`;
         "aria-hidden": true
       }
     };
-    let T2 = {
+    let k2 = {
       caretColor: "transparent"
     };
     if (d === "rtl") {
-      T2.unicodeBidi = "embed";
+      k2.unicodeBidi = "embed";
       let r2 = v[e.type];
-      (r2 === "numeric" || r2 === "2-digit") && (T2.direction = "ltr");
+      (r2 === "numeric" || r2 === "2-digit") && (k2.direction = "ltr");
     }
     return {
-      segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(S, w2, {
+      segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(S, O2, {
         id: G,
         ...W,
         "aria-invalid": r.isInvalid ? "true" : void 0,
@@ -9090,7 +9090,7 @@ Defaulting to \`null\`.`;
         tabIndex: r.isDisabled ? void 0 : 0,
         onKeyDown: E,
         onFocus: B,
-        style: T2,
+        style: k2,
         onPointerDown(e2) {
           e2.stopPropagation();
         },
@@ -9362,11 +9362,27 @@ Defaulting to \`null\`.`;
     let r = e.indexOf("/@file/");
     return r === -1 ? null : e.slice(r);
   }
+  function isMarimoExportContext(e) {
+    if (typeof e != "object" || !e) return false;
+    let r = e;
+    return !(r.trusted !== true || r.notebookCode !== void 0 && typeof r.notebookCode != "string");
+  }
+  function getMarimoExportContext() {
+    let e = window == null ? void 0 : window.__MARIMO_EXPORT_CONTEXT__;
+    return isMarimoExportContext(e) ? e : void 0;
+  }
+  function hasTrustedExportContext() {
+    var _a3;
+    return ((_a3 = getMarimoExportContext()) == null ? void 0 : _a3.trusted) === true;
+  }
   function isTrustedVirtualFileUrl(e) {
-    return typeof e != "string" || e.length === 0 ? false : !!(/^(\.?\/)?@file\/[^?#]+$/.test(e) || isSafeDataUrl(e) && store.get(hasRunAnyCellAtom));
+    return typeof e != "string" || e.length === 0 ? false : !!(/^(\.?\/)?@file\/[^?#]+$/.test(e) || isSafeDataUrl(e));
+  }
+  function hasNotebookTrustedDataUrlContext() {
+    return store.get(hasRunAnyCellAtom) || hasTrustedExportContext();
   }
   function isSafeDataUrl(e) {
-    return e.startsWith("data:text/javascript;base64,") || e.startsWith("data:application/javascript;base64,") || e.startsWith("data:text/css;base64,");
+    return e.startsWith("data:text/javascript;base64,") || e.startsWith("data:application/javascript;base64,") || e.startsWith("data:text/css;base64,") ? hasNotebookTrustedDataUrlContext() : false;
   }
   const experimental = {
     invoke: async () => {
@@ -10174,7 +10190,7 @@ Defaulting to \`null\`.`;
       h,
       f,
       p
-    ]), G = e.isInvalid || e.validationState === "invalid" || W, q = G ? "invalid" : null, C2 = (0, import_react.useMemo)(() => g === "visible" ? d : $131cf43a05231e1e$var$unitDuration(d), [
+    ]), G = e.isInvalid || e.validationState === "invalid" || W, q = G ? "invalid" : null, D2 = (0, import_react.useMemo)(() => g === "visible" ? d : $131cf43a05231e1e$var$unitDuration(d), [
       g,
       d
     ]);
@@ -10217,12 +10233,12 @@ Defaulting to \`null\`.`;
         }));
       },
       focusNextPage() {
-        let e2 = O.add(C2);
-        E($f62d864046160412$export$4f5203c0d889109e(T.add(C2), f, p)), j($f62d864046160412$export$144a00ba6044eb9($f62d864046160412$export$5bb865b12696a77d(T, e2, C2, l, f, p), C2, l));
+        let e2 = O.add(D2);
+        E($f62d864046160412$export$4f5203c0d889109e(T.add(D2), f, p)), j($f62d864046160412$export$144a00ba6044eb9($f62d864046160412$export$5bb865b12696a77d(T, e2, D2, l, f, p), D2, l));
       },
       focusPreviousPage() {
-        let e2 = O.subtract(C2);
-        E($f62d864046160412$export$4f5203c0d889109e(T.subtract(C2), f, p)), j($f62d864046160412$export$144a00ba6044eb9($f62d864046160412$export$5bb865b12696a77d(T, e2, C2, l, f, p), C2, l));
+        let e2 = O.subtract(D2);
+        E($f62d864046160412$export$4f5203c0d889109e(T.subtract(D2), f, p)), j($f62d864046160412$export$144a00ba6044eb9($f62d864046160412$export$5bb865b12696a77d(T, e2, D2, l, f, p), D2, l));
       },
       focusSectionStart() {
         d.days ? B(O) : d.weeks ? B($14e0f24ef4ac5c92$export$42c81a444fbfb5d4(T, l)) : (d.months || d.years) && B($14e0f24ef4ac5c92$export$a5a3b454ada2268e(T));
@@ -10365,7 +10381,7 @@ Defaulting to \`null\`.`;
       v,
       p,
       m
-    ]), C2 = e.isInvalid || e.validationState === "invalid" || q, w2 = C2 ? "invalid" : null;
+    ]), D2 = e.isInvalid || e.validationState === "invalid" || q, O2 = D2 ? "invalid" : null;
     return {
       ...j,
       value: g,
@@ -10373,8 +10389,8 @@ Defaulting to \`null\`.`;
       anchorDate: v,
       setAnchorDate: R,
       highlightedRange: z,
-      validationState: w2,
-      isValueInvalid: C2,
+      validationState: O2,
+      isValueInvalid: D2,
       selectFocusedDate() {
         B(j.focusedDate);
       },
@@ -11595,9 +11611,9 @@ Defaulting to \`null\`.`;
       e.maxGranularity,
       _,
       S
-    ]), [G, q] = (0, import_react.useState)(O), [C2, w2] = (0, import_react.useState)(b), [T2, E2] = (0, import_react.useState)(S);
-    (O !== G || S !== T2 || !$14e0f24ef4ac5c92$export$dbc69fd56b53d5e(b, C2)) && (j = new $f863c03ccd9aead0$export$ae165b50d181e1ef(b, S, O), q(O), w2(b), E2(S), M(j));
-    let D2 = (r2) => {
+    ]), [G, q] = (0, import_react.useState)(O), [D2, O2] = (0, import_react.useState)(b), [k2, A2] = (0, import_react.useState)(S);
+    (O !== G || S !== k2 || !$14e0f24ef4ac5c92$export$dbc69fd56b53d5e(b, D2)) && (j = new $f863c03ccd9aead0$export$ae165b50d181e1ef(b, S, O), q(O), O2(b), A2(S), M(j));
+    let j2 = (r2) => {
       if (!(e.isDisabled || e.isReadOnly)) if (r2 == null || r2 instanceof $f863c03ccd9aead0$export$ae165b50d181e1ef && r2.isCleared(W)) M(new $f863c03ccd9aead0$export$ae165b50d181e1ef(b, S, O)), T(null);
       else if (!(r2 instanceof $f863c03ccd9aead0$export$ae165b50d181e1ef)) r2 = $11d87f3f76e88657$export$b4a036af3fc0b032(r2, (g == null ? void 0 : g.calendar) || new $3b62074eb05584b2$export$80ee6245ec4f29ec()), M(new $f863c03ccd9aead0$export$ae165b50d181e1ef(b, S, O)), T(r2);
       else {
@@ -11618,7 +11634,7 @@ Defaulting to \`null\`.`;
       y,
       O,
       H
-    ]), O2 = (0, import_react.useMemo)(() => $3c0fc76039f1c516$var$processSegments(Z, j, z, B, b, r, _), [
+    ]), M2 = (0, import_react.useMemo)(() => $3c0fc76039f1c516$var$processSegments(Z, j, z, B, b, r, _), [
       Z,
       z,
       B,
@@ -11626,57 +11642,57 @@ Defaulting to \`null\`.`;
       b,
       r,
       _
-    ]), k2 = (e2, r2) => {
-      D2(j.cycle(e2, r2, H, W));
-    }, A2 = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$f18627323ab57ac0(w, p, m, h, L), [
+    ]), N2 = (e2, r2) => {
+      j2(j.cycle(e2, r2, H, W));
+    }, P2 = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$f18627323ab57ac0(w, p, m, h, L), [
       w,
       p,
       m,
       h,
       L
-    ]), j2 = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+    ]), F2 = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
       ...e,
       value: w,
-      builtinValidation: A2
-    }), M2 = j2.displayValidation.isInvalid, N2 = e.validationState || (M2 ? "invalid" : null);
+      builtinValidation: P2
+    }), I2 = F2.displayValidation.isInvalid, L2 = e.validationState || (I2 ? "invalid" : null);
     return {
-      ...j2,
+      ...F2,
       value: O,
       defaultValue: e.defaultValue ?? E,
       dateValue: Z,
       calendar: b,
-      setValue: D2,
-      segments: O2,
+      setValue: j2,
+      segments: M2,
       dateFormatter: z,
-      validationState: N2,
-      isInvalid: M2,
+      validationState: L2,
+      isInvalid: I2,
       granularity: _,
       maxGranularity: e.maxGranularity ?? "year",
       isDisabled: u,
       isReadOnly: d,
       isRequired: f,
       increment(e2) {
-        k2(e2, 1);
+        N2(e2, 1);
       },
       decrement(e2) {
-        k2(e2, -1);
+        N2(e2, -1);
       },
       incrementPage(e2) {
-        k2(e2, $3c0fc76039f1c516$var$PAGE_STEP[e2] || 1);
+        N2(e2, $3c0fc76039f1c516$var$PAGE_STEP[e2] || 1);
       },
       decrementPage(e2) {
-        k2(e2, -($3c0fc76039f1c516$var$PAGE_STEP[e2] || 1));
+        N2(e2, -($3c0fc76039f1c516$var$PAGE_STEP[e2] || 1));
       },
       incrementToMax(e2) {
         let r2 = e2 === "hour" && S === "h12" ? 11 : j.getSegmentLimits(e2).maxValue;
-        D2(j.set(e2, r2, H));
+        j2(j.set(e2, r2, H));
       },
       decrementToMin(e2) {
         let r2 = e2 === "hour" && S === "h12" ? 12 : j.getSegmentLimits(e2).minValue;
-        D2(j.set(e2, r2, H));
+        j2(j.set(e2, r2, H));
       },
       setSegment(e2, r2) {
-        D2(j.set(e2, r2, H));
+        j2(j.set(e2, r2, H));
       },
       confirmPlaceholder() {
         if (!(e.isDisabled || e.isReadOnly) && j.isComplete(W)) {
@@ -11686,7 +11702,7 @@ Defaulting to \`null\`.`;
       },
       clearSegment(e2) {
         let r2 = j;
-        e2 !== "timeZoneName" && e2 !== "literal" && (r2 = j.clear(e2)), D2(r2);
+        e2 !== "timeZoneName" && e2 !== "literal" && (r2 = j.clear(e2)), j2(r2);
       },
       formatValue(e2) {
         return O ? new $fb18d541ea1ad717$export$ad991b66133851cf(r, $35a22f14a1f04b11$export$7e319ea407e63bc0(e2, L)).format(Z) : "";
@@ -14978,7 +14994,7 @@ Defaulting to \`null\`.`;
       let m2 = get(l, e2);
       if (m2) {
         let l2 = get(d, e2, isUndefined(c2) ? get(u, e2) : c2);
-        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : C2(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : D2(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -15051,14 +15067,14 @@ Defaulting to \`null\`.`;
     }, H = () => {
       for (let e2 of p.unMount) {
         let r2 = get(l, e2);
-        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && N2(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && L2(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(O2(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(M2(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
       ...f.mount ? d : isUndefined(r2) ? u : isString(e2) ? {
         [e2]: r2
       } : r2
-    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), C2 = (e2, r2, c2 = {}) => {
+    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), D2 = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -15072,12 +15088,12 @@ Defaulting to \`null\`.`;
         })));
       }
       (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && Z(e2);
-    }, w2 = (e2, r2, c2) => {
+    }, O2 = (e2, r2, c2) => {
       for (let u2 in r2) {
         let d2 = r2[u2], f2 = `${e2}.${u2}`, m2 = get(l, f2);
-        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? w2(f2, d2, c2) : C2(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? O2(f2, d2, c2) : D2(f2, d2, c2);
       }
-    }, T2 = (e2, r2, m2 = {}) => {
+    }, k2 = (e2, r2, m2 = {}) => {
       let h2 = get(l, e2), v2 = p.array.has(e2), y2 = cloneObject(r2);
       set(d, e2, y2), v2 ? (_.array.next({
         name: e2,
@@ -15088,7 +15104,7 @@ Defaulting to \`null\`.`;
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? w2(e2, y2, m2) : C2(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? O2(e2, y2, m2) : D2(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -15096,26 +15112,26 @@ Defaulting to \`null\`.`;
           ...d
         }
       });
-    }, E2 = async (e2) => {
+    }, A2 = async (e2) => {
       f.mount = true;
-      let u2 = e2.target, h2 = u2.name, S2 = true, E3 = get(l, h2), O3 = () => u2.type ? getFieldValue(E3._f) : getEventValue(e2), j3 = (e3) => {
+      let u2 = e2.target, h2 = u2.name, S2 = true, E2 = get(l, h2), O3 = () => u2.type ? getFieldValue(E2._f) : getEventValue(e2), j3 = (e3) => {
         S2 = Number.isNaN(e3) || isDateObject(e3) && isNaN(e3.getTime()) || deepEqual(e3, get(d, h2, e3));
       };
-      if (E3) {
-        let u3, f2, M3 = O3(), z3 = e2.type === EVENTS.BLUR || e2.type === EVENTS.FOCUS_OUT, H2 = !hasValidation(E3._f) && !r.resolver && !get(c.errors, h2) && !E3._f.deps || skipValidation(z3, get(c.touchedFields, h2), c.isSubmitted, y, v), W2 = isWatched(h2, p, z3);
-        set(d, h2, M3), z3 ? (E3._f.onBlur && E3._f.onBlur(e2), m && m(0)) : E3._f.onChange && E3._f.onChange(e2);
-        let G2 = I(h2, M3, z3, false), q2 = !isEmptyObject(G2) || W2;
+      if (E2) {
+        let u3, f2, M3 = O3(), z3 = e2.type === EVENTS.BLUR || e2.type === EVENTS.FOCUS_OUT, H3 = !hasValidation(E2._f) && !r.resolver && !get(c.errors, h2) && !E2._f.deps || skipValidation(z3, get(c.touchedFields, h2), c.isSubmitted, y, v), W3 = isWatched(h2, p, z3);
+        set(d, h2, M3), z3 ? (E2._f.onBlur && E2._f.onBlur(e2), m && m(0)) : E2._f.onChange && E2._f.onChange(e2);
+        let G3 = I(h2, M3, z3, false), q2 = !isEmptyObject(G3) || W3;
         if (!z3 && _.values.next({
           name: h2,
           type: e2.type,
           values: {
             ...d
           }
-        }), H2) return g.isValid && (r.mode === "onBlur" && z3 ? w() : z3 || w()), q2 && _.state.next({
+        }), H3) return g.isValid && (r.mode === "onBlur" && z3 ? w() : z3 || w()), q2 && _.state.next({
           name: h2,
-          ...W2 ? {} : G2
+          ...W3 ? {} : G3
         });
-        if (!z3 && W2 && _.state.next({
+        if (!z3 && W3 && _.state.next({
           ...c
         }), r.resolver) {
           let { errors: e3 } = await R([
@@ -15127,12 +15143,12 @@ Defaulting to \`null\`.`;
           }
         } else T([
           h2
-        ], true), u3 = (await validateField(E3, p.disabled, d, b, r.shouldUseNativeValidation))[h2], T([
+        ], true), u3 = (await validateField(E2, p.disabled, d, b, r.shouldUseNativeValidation))[h2], T([
           h2
         ]), j3(M3), S2 && (u3 ? f2 = false : g.isValid && (f2 = await B(l, true)));
-        S2 && (E3._f.deps && Z(E3._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && Z(E2._f.deps), L(h2, f2, u3, G3));
       }
-    }, D2 = (e2, r2) => {
+    }, j2 = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
     }, Z = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
@@ -15153,23 +15169,23 @@ Defaulting to \`null\`.`;
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, D2, e2 ? m2 : p.mount), f2;
-    }, O2 = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, j2, e2 ? m2 : p.mount), f2;
+    }, M2 = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, k2 = (e2, r2) => ({
+    }, N2 = (e2, r2) => ({
       invalid: !!get((r2 || c).errors, e2),
       isDirty: !!get((r2 || c).dirtyFields, e2),
       error: get((r2 || c).errors, e2),
       isValidating: !!get(c.validatingFields, e2),
       isTouched: !!get((r2 || c).touchedFields, e2)
-    }), A2 = (e2) => {
+    }), P2 = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, j2 = (e2, r2, u2) => {
+    }, F2 = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -15182,9 +15198,9 @@ Defaulting to \`null\`.`;
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, M2 = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, I2 = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), N2 = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), L2 = (e2, f2 = {}) => {
       for (let m2 of e2 ? convertToArrayPayload(e2) : p.mount) p.mount.delete(m2), p.array.delete(m2), f2.keepValue || (unset(l, m2), unset(d, m2)), !f2.keepError && unset(c.errors, m2), !f2.keepDirty && unset(c.dirtyFields, m2), !f2.keepTouched && unset(c.touchedFields, m2), !f2.keepIsValidating && unset(c.validatingFields, m2), !r.shouldUnregister && !f2.keepDefaultValue && unset(u, m2);
       _.values.next({
         values: {
@@ -15196,9 +15212,9 @@ Defaulting to \`null\`.`;
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, P2 = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, R2 = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
       (isBoolean(e2) && f.mount || e2 || p.disabled.has(r2)) && (e2 ? p.disabled.add(r2) : p.disabled.delete(r2), I(r2, getFieldValue(c2 ? c2._f : get(l2, r2)._f), false, false, true));
-    }, F2 = (e2, c2 = {}) => {
+    }, z2 = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -15212,7 +15228,7 @@ Defaulting to \`null\`.`;
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? P2({
+      }), p.mount.add(e2), d2 ? R2({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -15229,11 +15245,11 @@ Defaulting to \`null\`.`;
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: E2,
-        onBlur: E2,
+        onChange: A2,
+        onBlur: A2,
         ref: (m3) => {
           if (m3) {
-            F2(e2, c2), d2 = get(l, e2);
+            z2(e2, c2), d2 = get(l, e2);
             let r2 = isUndefined(m3.value) && m3.querySelectorAll && m3.querySelectorAll("input,select,textarea")[0] || m3, f2 = isRadioOrCheckbox(r2), p2 = d2._f.refs || [];
             if (f2 ? p2.find((e3) => e3 === r2) : r2 === d2._f.ref) return;
             set(l, e2, {
@@ -15259,7 +15275,7 @@ Defaulting to \`null\`.`;
           } else d2 = get(l, e2, {}), d2._f && (d2._f.mount = false), (r.shouldUnregister || c2.shouldUnregister) && !(isNameInFieldArray(p.array, e2) && f.action) && p.unMount.add(e2);
         }
       };
-    }, I2 = () => r.shouldFocusError && iterateFieldsByAction(l, D2, p.mount), L2 = (e2) => {
+    }, B2 = () => r.shouldFocusError && iterateFieldsByAction(l, j2, p.mount), V2 = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -15268,7 +15284,7 @@ Defaulting to \`null\`.`;
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, R2 = (e2, u2) => async (f2) => {
+    }, H2 = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -15290,7 +15306,7 @@ Defaulting to \`null\`.`;
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), I2(), setTimeout(I2);
+      }, f2), B2(), setTimeout(B2);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -15298,11 +15314,11 @@ Defaulting to \`null\`.`;
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, z2 = (e2, r2 = {}) => {
-      get(l, e2) && (isUndefined(r2.defaultValue) ? T2(e2, cloneObject(get(u, e2))) : (T2(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
+    }, U2 = (e2, r2 = {}) => {
+      get(l, e2) && (isUndefined(r2.defaultValue) ? k2(e2, cloneObject(get(u, e2))) : (k2(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
         ...c
       }));
-    }, B2 = (e2, m2 = {}) => {
+    }, W2 = (e2, m2 = {}) => {
       let h2 = e2 ? cloneObject(e2) : u, v2 = cloneObject(h2), y2 = isEmptyObject(e2), b2 = y2 ? u : v2;
       if (m2.keepDefaultValues || (u = h2), !m2.keepValues) {
         if (m2.keepDirtyValues) {
@@ -15310,7 +15326,7 @@ Defaulting to \`null\`.`;
             ...p.mount,
             ...Object.keys(getDirtyFields(u, d))
           ]);
-          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : T2(r2, get(b2, r2));
+          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : k2(r2, get(b2, r2));
         } else {
           if (isWeb && isUndefined(e2)) for (let e3 of p.mount) {
             let r2 = get(l, e3);
@@ -15355,25 +15371,25 @@ Defaulting to \`null\`.`;
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, V2 = (e2, r2) => B2(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, G2 = (e2, r2) => W2(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: F2,
-        unregister: N2,
-        getFieldState: k2,
-        handleSubmit: R2,
-        setError: j2,
+        register: z2,
+        unregister: L2,
+        getFieldState: N2,
+        handleSubmit: H2,
+        setError: F2,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: P2,
+        _updateDisabledField: R2,
         _getFieldArray: q,
-        _reset: B2,
+        _reset: W2,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          V2(e2, r.resetOptions), _.state.next({
+          G2(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -15383,7 +15399,7 @@ Defaulting to \`null\`.`;
             ...e2
           };
         },
-        _disableForm: L2,
+        _disableForm: V2,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -15425,16 +15441,16 @@ Defaulting to \`null\`.`;
         }
       },
       trigger: Z,
-      register: F2,
-      handleSubmit: R2,
-      watch: M2,
-      setValue: T2,
-      getValues: O2,
-      reset: V2,
-      resetField: z2,
-      clearErrors: A2,
-      unregister: N2,
-      setError: j2,
+      register: z2,
+      handleSubmit: H2,
+      watch: I2,
+      setValue: k2,
+      getValues: M2,
+      reset: G2,
+      resetField: U2,
+      clearErrors: P2,
+      unregister: L2,
+      setError: F2,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -15442,7 +15458,7 @@ Defaulting to \`null\`.`;
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: k2
+      getFieldState: N2
     };
   }
   function useForm(e = {}) {
@@ -18604,14 +18620,14 @@ ${c}
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), C2 = C({
+    }), H = U(), W = U(), G = C(0), q = C(null), D2 = C({
       column: 0,
       row: 0
-    }), w2 = U(), T2 = U(), E2 = C(false), D2 = C(0), Z = C(true), O2 = C(false), k2 = C(false);
-    Y(x(b, $(D2), P(([e2, r2]) => !!r2)), () => {
+    }), O2 = U(), k2 = U(), A2 = C(false), j2 = C(0), Z = C(true), M2 = C(false), N2 = C(false);
+    Y(x(b, $(j2), P(([e2, r2]) => !!r2)), () => {
       D(Z, false);
-    }), Y(x(ut(b, Z, B, z, D2, O2), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(O2, true), Ue(1, () => {
+    }), Y(x(ut(b, Z, B, z, j2, M2), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(M2, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
@@ -18619,53 +18635,53 @@ ${c}
           0
         ]), D(Z, true);
       });
-    }), F(x(T2, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(T2), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(C2, e2.gap), e2.scrollTop > 0 && (D(E2, true), Et(x(h, Kt(1)), (e3) => {
-        D(E2, false);
+    }), F(x(k2, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(k2), P(([, e2]) => e2 != null)), ([, e2]) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(D2, e2.gap), e2.scrollTop > 0 && (D(A2, true), Et(x(h, Kt(1)), (e3) => {
+        D(A2, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(C2, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
+    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(D2, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
       gap: c2,
       item: r2,
       scrollTop: l2,
       viewport: e2
-    }))), w2), F(x(ut(V(I), l, V(C2, Or), V(B, xe), V(z, xe), V(q), V(L), V(E2), V(Z), V(D2)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), O2), F(x(ut(V(I), l, V(D2, Or), V(B, xe), V(z, xe), V(q), V(L), V(A2), V(Z), V(j2)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
       let { column: g2, row: _2 } = l2, { height: v2, width: y2 } = u2, { width: b2 } = d2;
       if (p2 === 0 && (e2 === 0 || b2 === 0)) return bn;
       if (y2 === 0) {
         let r3 = Ke(h2, e2);
         return zr(En(r3, r3 + Math.max(p2 - 1, 0), f2));
       }
-      let S2 = io(b2, y2, g2), w3, T3;
-      m2 ? r2 === 0 && c2 === 0 && p2 > 0 ? (w3 = 0, T3 = p2 - 1) : (w3 = S2 * we((r2 + _2) / (v2 + _2)), T3 = S2 * Rn((c2 + _2) / (v2 + _2)) - 1, T3 = Oe(e2 - 1, re(T3, S2 - 1)), w3 = Oe(T3, re(0, w3))) : (w3 = 0, T3 = -1);
-      let E3 = En(w3, T3, f2), { bottom: O3, top: j3 } = Bn(d2, l2, u2, E3), M3 = Rn(e2 / S2);
+      let S2 = io(b2, y2, g2), w2, T2;
+      m2 ? r2 === 0 && c2 === 0 && p2 > 0 ? (w2 = 0, T2 = p2 - 1) : (w2 = S2 * we((r2 + _2) / (v2 + _2)), T2 = S2 * Rn((c2 + _2) / (v2 + _2)) - 1, T2 = Oe(e2 - 1, re(T2, S2 - 1)), w2 = Oe(T2, re(0, w2))) : (w2 = 0, T2 = -1);
+      let E2 = En(w2, T2, f2), { bottom: O3, top: j3 } = Bn(d2, l2, u2, E2), M3 = Rn(e2 / S2);
       return {
         bottom: O3,
         itemHeight: v2,
-        items: E3,
+        items: E2,
         itemWidth: y2,
         offsetBottom: M3 * v2 + (M3 - 1) * _2 - O3,
         offsetTop: j3,
         top: j3
       };
-    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, C2), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
+    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, D2), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
       let { bottom: u2, top: d2 } = Bn(e2, l2, r2, c2);
       return [
         d2,
         u2
       ];
     }), J(ce)), r);
-    let A2 = C(false);
-    F(x(h, $(A2), k(([e2, r2]) => r2 || e2 !== 0)), A2);
-    let j2 = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(A2), P(([[e2, r2], c2]) => {
+    let P2 = C(false);
+    F(x(h, $(P2), k(([e2, r2]) => r2 || e2 !== 0)), P2);
+    let F2 = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(P2), P(([[e2, r2], c2]) => {
       let l2 = e2.items[e2.items.length - 1].index === r2 - 1;
       return (c2 || e2.bottom > 0 && e2.itemHeight > 0 && e2.offsetBottom === 0 && e2.items.length === r2) && l2;
-    }), k(([[, e2]]) => e2 - 1), J())), M2 = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), N2 = bt(x(V(R), $(E2), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), I2 = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), L2 = bt(x(V(R), $(A2), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
       endIndex: e2[e2.length - 1].index,
       startIndex: e2[0].index
     })), J(An), Gt(0)));
-    F(N2, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, C2), k(([e2, r2, c2, l2, u2]) => {
+    F(L2, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, D2), k(([e2, r2, c2, l2, u2]) => {
       let d2 = $n(e2), { align: f2, behavior: p2, offset: m2 } = d2, h2 = d2.index;
       h2 === "LAST" && (h2 = l2 - 1), h2 = re(0, h2, Oe(l2 - 1, h2));
       let g2 = Me(r2, u2, c2, h2);
@@ -18674,7 +18690,7 @@ ${c}
         top: g2
       };
     })), m);
-    let P2 = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let R2 = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -18683,13 +18699,13 @@ ${c}
       data: q,
       deviation: G,
       footerHeight: u,
-      gap: C2,
+      gap: D2,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
       itemDimensions: B,
       overscan: c,
-      restoreStateFrom: T2,
+      restoreStateFrom: k2,
       scrollBy: f,
       scrollContainerState: p,
       scrollHeight: W,
@@ -18705,16 +18721,16 @@ ${c}
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: k2,
-      initialTopMostItemIndex: D2,
-      totalListHeight: P2,
+      horizontalDirection: N2,
+      initialTopMostItemIndex: j2,
+      totalListHeight: R2,
       ...v,
-      endReached: j2,
+      endReached: F2,
       propsReady: S,
-      rangeChanged: N2,
-      startReached: M2,
-      stateChanged: w2,
-      stateRestoreInProgress: E2,
+      rangeChanged: L2,
+      startReached: I2,
+      stateChanged: O2,
+      stateRestoreInProgress: A2,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -18952,20 +18968,20 @@ ${c}
       defaultProp: G,
       onChange: _
     }, r[22] = _, r[23] = b, r[24] = G, r[25] = q) : q = r[25];
-    let [C2, w2] = useControllableState(q), T2 = C2 === void 0 ? false : C2, E2;
-    r[26] === y ? E2 = r[27] : (E2 = (e2) => {
+    let [D2, O2] = useControllableState(q), k2 = D2 === void 0 ? false : D2, A2;
+    r[26] === y ? A2 = r[27] : (A2 = (e2) => {
       y == null ? void 0 : y(e2);
-    }, r[26] = y, r[27] = E2);
-    let D2;
-    r[28] !== f || r[29] !== E2 || r[30] !== L ? (D2 = {
+    }, r[26] = y, r[27] = A2);
+    let j2;
+    r[28] !== f || r[29] !== A2 || r[30] !== L ? (j2 = {
       prop: L,
       defaultProp: f,
-      onChange: E2
-    }, r[28] = f, r[29] = E2, r[30] = L, r[31] = D2) : D2 = r[31];
-    let [Z, O2] = useControllableState(D2), k2;
-    r[32] === Z ? k2 = r[33] : (k2 = (e2) => Array.isArray(Z) ? Z.includes(e2) : Z === e2, r[32] = Z, r[33] = k2);
-    let A2 = k2, j2;
-    r[34] !== g || r[35] !== R || r[36] !== w2 || r[37] !== O2 || r[38] !== Z ? (j2 = (e2) => {
+      onChange: A2
+    }, r[28] = f, r[29] = A2, r[30] = L, r[31] = j2) : j2 = r[31];
+    let [Z, M2] = useControllableState(j2), N2;
+    r[32] === Z ? N2 = r[33] : (N2 = (e2) => Array.isArray(Z) ? Z.includes(e2) : Z === e2, r[32] = Z, r[33] = N2);
+    let P2 = N2, F2;
+    r[34] !== g || r[35] !== R || r[36] !== O2 || r[37] !== M2 || r[38] !== Z ? (F2 = (e2) => {
       let r2 = e2;
       if (R) if (Array.isArray(Z)) if (Z.includes(r2)) {
         let c2 = Z.filter((r3) => r3 !== e2);
@@ -18978,91 +18994,91 @@ ${c}
         r2
       ];
       else Z === e2 && (r2 = null);
-      O2(r2), (g ?? R) || w2(false);
-    }, r[34] = g, r[35] = R, r[36] = w2, r[37] = O2, r[38] = Z, r[39] = j2) : j2 = r[39];
-    let M2 = j2, N2;
-    r[40] !== W || r[41] !== m || r[42] !== R || r[43] !== S || r[44] !== Z ? (N2 = () => R && W && S ? S : Z == null ? S ?? "--" : Array.isArray(Z) ? Z.length === 0 ? S ?? "--" : Z.length === 1 && m !== void 0 ? m(Z[0]) : `${Z.length} selected` : m === void 0 ? S ?? "--" : m(Z), r[40] = W, r[41] = m, r[42] = R, r[43] = S, r[44] = Z, r[45] = N2) : N2 = r[45];
-    let P2 = N2, F2;
-    r[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F2 = cn("relative"), r[46] = F2) : F2 = r[46];
-    let I2;
-    r[47] === u ? I2 = r[48] : (I2 = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid disabled:cursor-not-allowed disabled:opacity-50", u), r[47] = u, r[48] = I2);
-    let R2;
-    r[49] === P2 ? R2 = r[50] : (R2 = P2(), r[49] = P2, r[50] = R2);
-    let z2;
-    r[51] === R2 ? z2 = r[52] : (z2 = (0, import_jsx_runtime.jsx)("span", {
-      className: "truncate flex-1 min-w-0",
-      children: R2
-    }), r[51] = R2, r[52] = z2);
+      M2(r2), (g ?? R) || O2(false);
+    }, r[34] = g, r[35] = R, r[36] = O2, r[37] = M2, r[38] = Z, r[39] = F2) : F2 = r[39];
+    let I2 = F2, L2;
+    r[40] !== W || r[41] !== m || r[42] !== R || r[43] !== S || r[44] !== Z ? (L2 = () => R && W && S ? S : Z == null ? S ?? "--" : Array.isArray(Z) ? Z.length === 0 ? S ?? "--" : Z.length === 1 && m !== void 0 ? m(Z[0]) : `${Z.length} selected` : m === void 0 ? S ?? "--" : m(Z), r[40] = W, r[41] = m, r[42] = R, r[43] = S, r[44] = Z, r[45] = L2) : L2 = r[45];
+    let R2 = L2, z2;
+    r[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z2 = cn("relative"), r[46] = z2) : z2 = r[46];
     let B2;
-    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B2 = (0, import_jsx_runtime.jsx)(ChevronDown, {
+    r[47] === u ? B2 = r[48] : (B2 = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid disabled:cursor-not-allowed disabled:opacity-50", u), r[47] = u, r[48] = B2);
+    let H2;
+    r[49] === R2 ? H2 = r[50] : (H2 = R2(), r[49] = R2, r[50] = H2);
+    let U2;
+    r[51] === H2 ? U2 = r[52] : (U2 = (0, import_jsx_runtime.jsx)("span", {
+      className: "truncate flex-1 min-w-0",
+      children: H2
+    }), r[51] = H2, r[52] = U2);
+    let W2;
+    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W2 = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: "ml-3 w-4 h-4 opacity-50 shrink-0"
-    }), r[53] = B2) : B2 = r[53];
-    let V2;
-    r[54] !== T2 || r[55] !== I2 || r[56] !== z2 ? (V2 = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+    }), r[53] = W2) : W2 = r[53];
+    let G2;
+    r[54] !== k2 || r[55] !== B2 || r[56] !== U2 ? (G2 = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsxs)("div", {
-        className: I2,
-        "aria-expanded": T2,
+        className: B2,
+        "aria-expanded": k2,
         children: [
-          z2,
-          B2
+          U2,
+          W2
         ]
       })
-    }), r[54] = T2, r[55] = I2, r[56] = z2, r[57] = V2) : V2 = r[57];
-    let H2;
-    r[58] !== B || r[59] !== v || r[60] !== T ? (H2 = (0, import_jsx_runtime.jsx)(CommandInput, {
+    }), r[54] = k2, r[55] = B2, r[56] = U2, r[57] = G2) : G2 = r[57];
+    let K2;
+    r[58] !== B || r[59] !== v || r[60] !== T ? (K2 = (0, import_jsx_runtime.jsx)(CommandInput, {
       placeholder: B,
       rootClassName: "px-1 h-8",
       autoFocus: true,
       value: T,
       onValueChange: v
-    }), r[58] = B, r[59] = v, r[60] = T, r[61] = H2) : H2 = r[61];
-    let U2;
-    r[62] === H ? U2 = r[63] : (U2 = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+    }), r[58] = B, r[59] = v, r[60] = T, r[61] = K2) : K2 = r[61];
+    let q2;
+    r[62] === H ? q2 = r[63] : (q2 = (0, import_jsx_runtime.jsx)(CommandEmpty, {
       children: H
-    }), r[62] = H, r[63] = U2);
-    let W2;
-    r[64] !== M2 || r[65] !== A2 ? (W2 = {
-      isSelected: A2,
-      onSelect: M2
-    }, r[64] = M2, r[65] = A2, r[66] = W2) : W2 = r[66];
-    let G2;
-    r[67] !== c || r[68] !== W2 ? (G2 = (0, import_jsx_runtime.jsx)(ComboboxContext, {
-      value: W2,
+    }), r[62] = H, r[63] = q2);
+    let J2;
+    r[64] !== I2 || r[65] !== P2 ? (J2 = {
+      isSelected: P2,
+      onSelect: I2
+    }, r[64] = I2, r[65] = P2, r[66] = J2) : J2 = r[66];
+    let Y2;
+    r[67] !== c || r[68] !== J2 ? (Y2 = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: J2,
       children: c
-    }), r[67] = c, r[68] = W2, r[69] = G2) : G2 = r[69];
-    let K2;
-    r[70] !== U2 || r[71] !== G2 ? (K2 = (0, import_jsx_runtime.jsxs)(CommandList, {
+    }), r[67] = c, r[68] = J2, r[69] = Y2) : Y2 = r[69];
+    let X2;
+    r[70] !== q2 || r[71] !== Y2 ? (X2 = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        U2,
-        G2
+        q2,
+        Y2
       ]
-    }), r[70] = U2, r[71] = G2, r[72] = K2) : K2 = r[72];
-    let q2;
-    r[73] !== h || r[74] !== z || r[75] !== H2 || r[76] !== K2 ? (q2 = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), r[70] = q2, r[71] = Y2, r[72] = X2) : X2 = r[72];
+    let Z2;
+    r[73] !== h || r[74] !== z || r[75] !== K2 || r[76] !== X2 ? (Z2 = (0, import_jsx_runtime.jsx)(PopoverContent, {
       className: "w-full min-w-(--radix-popover-trigger-width) p-0",
       align: "start",
       children: (0, import_jsx_runtime.jsxs)(Command, {
         filter: h,
         shouldFilter: z,
         children: [
-          H2,
-          K2
+          K2,
+          X2
         ]
       })
-    }), r[73] = h, r[74] = z, r[75] = H2, r[76] = K2, r[77] = q2) : q2 = r[77];
-    let J2;
-    r[78] !== T2 || r[79] !== w2 || r[80] !== V2 || r[81] !== q2 ? (J2 = (0, import_jsx_runtime.jsxs)(Popover$1, {
-      open: T2,
-      onOpenChange: w2,
+    }), r[73] = h, r[74] = z, r[75] = K2, r[76] = X2, r[77] = Z2) : Z2 = r[77];
+    let Q2;
+    r[78] !== k2 || r[79] !== O2 || r[80] !== G2 || r[81] !== Z2 ? (Q2 = (0, import_jsx_runtime.jsxs)(Popover$1, {
+      open: k2,
+      onOpenChange: O2,
       children: [
-        V2,
-        q2
+        G2,
+        Z2
       ]
-    }), r[78] = T2, r[79] = w2, r[80] = V2, r[81] = q2, r[82] = J2) : J2 = r[82];
-    let Y2;
-    r[83] !== W || r[84] !== l || r[85] !== m || r[86] !== M2 || r[87] !== R || r[88] !== Z ? (Y2 = R && W && (0, import_jsx_runtime.jsx)("div", {
+    }), r[78] = k2, r[79] = O2, r[80] = G2, r[81] = Z2, r[82] = Q2) : Q2 = r[82];
+    let $2;
+    r[83] !== W || r[84] !== l || r[85] !== m || r[86] !== I2 || r[87] !== R || r[88] !== Z ? ($2 = R && W && (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex flex-col gap-1 items-start", l),
       children: Array.isArray(Z) && Z.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
         variant: "secondary",
@@ -19070,22 +19086,22 @@ ${c}
           (m == null ? void 0 : m(e2)) ?? String(e2),
           (0, import_jsx_runtime.jsx)(CircleX, {
             onClick: () => {
-              M2(e2);
+              I2(e2);
             },
             className: "w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer"
           })
         ]
       }, String(e2)))
-    }), r[83] = W, r[84] = l, r[85] = m, r[86] = M2, r[87] = R, r[88] = Z, r[89] = Y2) : Y2 = r[89];
-    let X2;
-    return r[90] !== w || r[91] !== J2 || r[92] !== Y2 ? (X2 = (0, import_jsx_runtime.jsxs)("div", {
-      className: F2,
+    }), r[83] = W, r[84] = l, r[85] = m, r[86] = I2, r[87] = R, r[88] = Z, r[89] = $2) : $2 = r[89];
+    let e4;
+    return r[90] !== w || r[91] !== Q2 || r[92] !== $2 ? (e4 = (0, import_jsx_runtime.jsxs)("div", {
+      className: z2,
       ...w,
       children: [
-        J2,
-        Y2
+        Q2,
+        $2
       ]
-    }), r[90] = w, r[91] = J2, r[92] = Y2, r[93] = X2) : X2 = r[93], X2;
+    }), r[90] = w, r[91] = Q2, r[92] = $2, r[93] = e4) : e4 = r[93], e4;
   }, ComboboxItem = import_react.forwardRef((e, r) => {
     let c = (0, import_compiler_runtime$84.c)(17), { children: l, className: u, value: d, onSelect: f, disabled: m } = e, h = typeof d == "object" && "value" in d ? d.value : String(d), g = import_react.use(ComboboxContext), _;
     c[0] === u ? _ = c[1] : (_ = cn("pl-6 m-1 py-1", u), c[0] = u, c[1] = _);
@@ -22159,53 +22175,53 @@ ${c}
       className: "text-muted-foreground text-xs",
       children: "|"
     }), r[24] = q) : q = r[24];
-    let C2;
-    r[25] === E ? C2 = r[26] : (C2 = () => E(PANEL_TYPES.COLUMN_EXPLORER), r[25] = E, r[26] = C2);
-    let w2 = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, T2;
-    r[27] === w2 ? T2 = r[28] : (T2 = cn(tabTriggerClassName, w2), r[27] = w2, r[28] = T2);
-    let E2;
-    r[29] !== T2 || r[30] !== C2 ? (E2 = (0, import_jsx_runtime.jsx)(Button, {
+    let D2;
+    r[25] === E ? D2 = r[26] : (D2 = () => E(PANEL_TYPES.COLUMN_EXPLORER), r[25] = E, r[26] = D2);
+    let O2 = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, k2;
+    r[27] === O2 ? k2 = r[28] : (k2 = cn(tabTriggerClassName, O2), r[27] = O2, r[28] = k2);
+    let A2;
+    r[29] !== k2 || r[30] !== D2 ? (A2 = (0, import_jsx_runtime.jsx)(Button, {
       variant: "text",
       size: "xs",
-      onClick: C2,
-      className: T2,
+      onClick: D2,
+      className: k2,
       children: "Columns"
-    }), r[29] = T2, r[30] = C2, r[31] = E2) : E2 = r[31];
-    let D2;
-    r[32] !== E2 || r[33] !== G ? (D2 = (0, import_jsx_runtime.jsx)(Fill, {
+    }), r[29] = k2, r[30] = D2, r[31] = A2) : A2 = r[31];
+    let j2;
+    r[32] !== A2 || r[33] !== G ? (j2 = (0, import_jsx_runtime.jsx)(Fill, {
       name: SlotNames.CONTEXT_AWARE_PANEL_HEADER,
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: "flex items-center gap-1",
         children: [
           G,
           q,
-          E2
+          A2
         ]
       })
-    }), r[32] = E2, r[33] = G, r[34] = D2) : D2 = r[34];
+    }), r[32] = A2, r[33] = G, r[34] = j2) : j2 = r[34];
     let Z;
     r[35] === M ? Z = r[36] : (Z = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: PANEL_TYPES.ROW_VIEWER,
       className: "flex-1 overflow-auto",
       children: M
     }), r[35] = M, r[36] = Z);
-    let O2;
-    r[37] === L ? O2 = r[38] : (O2 = (0, import_jsx_runtime.jsx)(TabsContent, {
+    let M2;
+    r[37] === L ? M2 = r[38] : (M2 = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: PANEL_TYPES.COLUMN_EXPLORER,
       className: "flex-1 overflow-auto",
       children: L
-    }), r[37] = L, r[38] = O2);
-    let k2;
-    return r[39] !== R || r[40] !== D2 || r[41] !== Z || r[42] !== O2 || r[43] !== z ? (k2 = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[37] = L, r[38] = M2);
+    let N2;
+    return r[39] !== R || r[40] !== j2 || r[41] !== Z || r[42] !== M2 || r[43] !== z ? (N2 = (0, import_jsx_runtime.jsxs)(Tabs, {
       value: R,
       onValueChange: z,
       className: "flex flex-col min-w-[350px]",
       children: [
-        D2,
+        j2,
         Z,
-        O2
+        M2
       ]
-    }), r[39] = R, r[40] = D2, r[41] = Z, r[42] = O2, r[43] = z, r[44] = k2) : k2 = r[44], k2;
+    }), r[39] = R, r[40] = j2, r[41] = Z, r[42] = M2, r[43] = z, r[44] = N2) : N2 = r[44], N2;
   };
   var import_compiler_runtime$66 = require_compiler_runtime();
   function useEffectSkipFirstRender(e, r) {
@@ -22930,8 +22946,8 @@ ${c}
       _.pageSize,
       _.pageIndex
     ], r[35] = w, r[36] = _.pageIndex, r[37] = _.pageSize, r[38] = e.cellHoverTexts, r[39] = e.cellStyles, r[40] = e.data, r[41] = e.lazy, r[42] = e.totalRows, r[43] = u, r[44] = y, r[45] = m, r[46] = B, r[47] = H) : H = r[47];
-    let { data: W, error: G, isPending: q, isFetching: C2 } = useAsyncData(z, H), w2;
-    r[48] !== w || r[49] !== u || r[50] !== y || r[51] !== m ? (w2 = async (e2) => ({
+    let { data: W, error: G, isPending: q, isFetching: D2 } = useAsyncData(z, H), O2;
+    r[48] !== w || r[49] !== u || r[50] !== y || r[51] !== m ? (O2 = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -22940,38 +22956,38 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[48] = w, r[49] = u, r[50] = y, r[51] = m, r[52] = w2) : w2 = r[52];
-    let T2 = w2, E2;
-    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E2 = () => {
+    }), r[48] = w, r[49] = u, r[50] = y, r[51] = m, r[52] = O2) : O2 = r[52];
+    let k2 = O2, A2;
+    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A2 = () => {
       v(_temp4$6);
-    }, r[53] = E2) : E2 = r[53];
-    let D2 = W == null ? void 0 : W.totalRows, Z;
-    r[54] === D2 ? Z = r[55] : (Z = [
-      D2
-    ], r[54] = D2, r[55] = Z), (0, import_react.useEffect)(E2, Z);
-    let O2;
-    r[56] === e ? O2 = r[57] : (O2 = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
+    }, r[53] = A2) : A2 = r[53];
+    let j2 = W == null ? void 0 : W.totalRows, Z;
+    r[54] === j2 ? Z = r[55] : (Z = [
+      j2
+    ], r[54] = j2, r[55] = Z), (0, import_react.useEffect)(A2, Z);
+    let M2;
+    r[56] === e ? M2 = r[57] : (M2 = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
       data: null,
       stats: {},
       bin_values: {},
       value_counts: {},
       show_charts: false
-    } : e.get_column_summaries({}), r[56] = e, r[57] = O2);
-    let k2;
-    r[58] !== w || r[59] !== e.data || r[60] !== e.get_column_summaries || r[61] !== e.showColumnSummaries || r[62] !== e.totalRows || r[63] !== y ? (k2 = [
+    } : e.get_column_summaries({}), r[56] = e, r[57] = M2);
+    let N2;
+    r[58] !== w || r[59] !== e.data || r[60] !== e.get_column_summaries || r[61] !== e.showColumnSummaries || r[62] !== e.totalRows || r[63] !== y ? (N2 = [
       e.get_column_summaries,
       e.showColumnSummaries,
       w,
       y,
       e.totalRows,
       e.data
-    ], r[58] = w, r[59] = e.data, r[60] = e.get_column_summaries, r[61] = e.showColumnSummaries, r[62] = e.totalRows, r[63] = y, r[64] = k2) : k2 = r[64];
-    let { data: A2, error: j2 } = useAsyncData(O2, k2), M2, N2;
-    if (r[65] === j2 ? (M2 = r[66], N2 = r[67]) : (M2 = () => {
-      j2 && Logger.error(j2);
-    }, N2 = [
-      j2
-    ], r[65] = j2, r[66] = M2, r[67] = N2), (0, import_react.useEffect)(M2, N2), q) {
+    ], r[58] = w, r[59] = e.data, r[60] = e.get_column_summaries, r[61] = e.showColumnSummaries, r[62] = e.totalRows, r[63] = y, r[64] = N2) : N2 = r[64];
+    let { data: P2, error: F2 } = useAsyncData(M2, N2), I2, L2;
+    if (r[65] === F2 ? (I2 = r[66], L2 = r[67]) : (I2 = () => {
+      F2 && Logger.error(F2);
+    }, L2 = [
+      F2
+    ], r[65] = F2, r[66] = I2, r[67] = L2), (0, import_react.useEffect)(I2, L2), q) {
       let c2 = e.totalRows !== "too_many" && e.totalRows > 0 ? Math.min(e.totalRows, e.pageSize) : e.pageSize, l2;
       return r[68] === c2 ? l2 = r[69] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
         milliseconds: 200,
@@ -22980,7 +22996,7 @@ ${c}
         })
       }), r[68] = c2, r[69] = l2), l2;
     }
-    let P2 = null;
+    let R2 = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -22996,59 +23012,59 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[70] = G, r[71] = e2), P2 = e2;
+      }), r[70] = G, r[71] = e2), R2 = e2;
     }
-    let F2;
-    r[72] === O ? F2 = r[73] : (F2 = () => {
+    let z2;
+    r[72] === O ? z2 = r[73] : (z2 = () => {
       j(!O);
-    }, r[72] = O, r[73] = F2);
-    let I2 = F2, L2 = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, R2 = W == null ? void 0 : W.rawRows, z2 = C2 && !q, B2 = (W == null ? void 0 : W.totalRows) ?? e.totalRows, V2 = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, H2 = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, U2;
-    r[74] !== l || r[75] !== A2 || r[76] !== O || r[77] !== w || r[78] !== T2 || r[79] !== _ || r[80] !== e || r[81] !== y || r[82] !== m || r[83] !== L2 || r[84] !== R2 || r[85] !== z2 || r[86] !== B2 || r[87] !== V2 || r[88] !== H2 || r[89] !== I2 ? (U2 = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[72] = O, r[73] = z2);
+    let B2 = z2, V2 = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, H2 = W == null ? void 0 : W.rawRows, U2 = D2 && !q, W2 = (W == null ? void 0 : W.totalRows) ?? e.totalRows, G2 = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, K2 = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, q2;
+    r[74] !== l || r[75] !== P2 || r[76] !== O || r[77] !== w || r[78] !== k2 || r[79] !== _ || r[80] !== e || r[81] !== y || r[82] !== m || r[83] !== V2 || r[84] !== H2 || r[85] !== U2 || r[86] !== W2 || r[87] !== G2 || r[88] !== K2 || r[89] !== B2 ? (q2 = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: L2,
-      rawData: R2,
-      columnSummaries: A2,
+      data: V2,
+      rawData: H2,
+      columnSummaries: P2,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: z2,
-      totalRows: B2,
+      reloading: U2,
+      totalRows: W2,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: V2,
-      cellHoverTexts: H2,
-      toggleDisplayHeader: I2,
+      cellStyles: G2,
+      cellHoverTexts: K2,
+      toggleDisplayHeader: B2,
       isChartBuilderOpen: O,
-      getRow: T2,
+      getRow: k2,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[74] = l, r[75] = A2, r[76] = O, r[77] = w, r[78] = T2, r[79] = _, r[80] = e, r[81] = y, r[82] = m, r[83] = L2, r[84] = R2, r[85] = z2, r[86] = B2, r[87] = V2, r[88] = H2, r[89] = I2, r[90] = U2) : U2 = r[90];
-    let W2 = U2, G2;
-    r[91] !== l || r[92] !== W2 || r[93] !== (W == null ? void 0 : W.rows) || r[94] !== O || r[95] !== e.fieldTypes || r[96] !== e.get_data_url || r[97] !== e.showChartBuilder || r[98] !== e.totalColumns || r[99] !== e.totalRows ? (G2 = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[74] = l, r[75] = P2, r[76] = O, r[77] = w, r[78] = k2, r[79] = _, r[80] = e, r[81] = y, r[82] = m, r[83] = V2, r[84] = H2, r[85] = U2, r[86] = W2, r[87] = G2, r[88] = K2, r[89] = B2, r[90] = q2) : q2 = r[90];
+    let J2 = q2, Y2;
+    r[91] !== l || r[92] !== J2 || r[93] !== (W == null ? void 0 : W.rows) || r[94] !== O || r[95] !== e.fieldTypes || r[96] !== e.get_data_url || r[97] !== e.showChartBuilder || r[98] !== e.totalColumns || r[99] !== e.totalRows ? (Y2 = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
       displayHeader: O,
       onCloseChartBuilder: () => j(false),
       data: (W == null ? void 0 : W.rows) || [],
       columns: e.totalColumns,
       totalRows: e.totalRows,
-      dataTable: W2,
+      dataTable: J2,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       cellId: l
-    }) : W2, r[91] = l, r[92] = W2, r[93] = W == null ? void 0 : W.rows, r[94] = O, r[95] = e.fieldTypes, r[96] = e.get_data_url, r[97] = e.showChartBuilder, r[98] = e.totalColumns, r[99] = e.totalRows, r[100] = G2) : G2 = r[100];
-    let K2;
-    return r[101] !== P2 || r[102] !== G2 ? (K2 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : J2, r[91] = l, r[92] = J2, r[93] = W == null ? void 0 : W.rows, r[94] = O, r[95] = e.fieldTypes, r[96] = e.get_data_url, r[97] = e.showChartBuilder, r[98] = e.totalColumns, r[99] = e.totalRows, r[100] = Y2) : Y2 = r[100];
+    let X2;
+    return r[101] !== R2 || r[102] !== Y2 ? (X2 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        P2,
-        G2
+        R2,
+        Y2
       ]
-    }), r[101] = P2, r[102] = G2, r[103] = K2) : K2 = r[103], K2;
+    }), r[101] = R2, r[102] = Y2, r[103] = X2) : X2 = r[103], X2;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, maxColumns: u, pagination: d, selection: f, value: p, showFilters: m, showDownload: h, showPageSizeSelector: g, showColumnExplorer: _, showRowExplorer: v, showChartBuilder: y, showDataTypes: b, rowHeaders: S, fieldTypes: w, paginationState: T, setPaginationState: O, download_as: j, columnSummaries: M, className: I, setValue: L, sorting: R, setSorting: z, enableSearch: B, searchQuery: H, setSearchQuery: W, filters: G, setFilters: q, reloading: C2, freezeColumnsLeft: w2, freezeColumnsRight: T2, textJustifyColumns: E2, wrappedColumns: D2, headerTooltip: Z, totalColumns: O2, get_row_ids: k2, cellStyles: A2, hoverTemplate: j2, cellHoverTexts: M2, toggleDisplayHeader: N2, isChartBuilderOpen: P2, calculate_top_k_rows: F2, preview_column: I2, getRow: L2, cellId: R2, maxHeight: z2 }) => {
-    let B2 = (0, import_react.useId)(), [V2, H2] = (0, import_react.useState)(0), { isPanelOpen: U2, isAnyPanelOpen: W2, togglePanel: G2, panelType: K2, setPanelType: q2 } = usePanelOwnership(B2, R2), J2 = (0, import_react.useMemo)(() => {
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, maxColumns: u, pagination: d, selection: f, value: p, showFilters: m, showDownload: h, showPageSizeSelector: g, showColumnExplorer: _, showRowExplorer: v, showChartBuilder: y, showDataTypes: b, rowHeaders: S, fieldTypes: w, paginationState: T, setPaginationState: O, download_as: j, columnSummaries: M, className: I, setValue: L, sorting: R, setSorting: z, enableSearch: B, searchQuery: H, setSearchQuery: W, filters: G, setFilters: q, reloading: D2, freezeColumnsLeft: O2, freezeColumnsRight: k2, textJustifyColumns: A2, wrappedColumns: j2, headerTooltip: Z, totalColumns: M2, get_row_ids: N2, cellStyles: P2, hoverTemplate: F2, cellHoverTexts: I2, toggleDisplayHeader: L2, isChartBuilderOpen: R2, calculate_top_k_rows: z2, preview_column: B2, getRow: V2, cellId: H2, maxHeight: U2 }) => {
+    let W2 = (0, import_react.useId)(), [G2, K2] = (0, import_react.useState)(0), { isPanelOpen: q2, isAnyPanelOpen: J2, togglePanel: Y2, panelType: X2, setPanelType: Z2 } = usePanelOwnership(W2, H2), Q2 = (0, import_react.useMemo)(() => {
       if (!M || !w || !M.stats) return ColumnChartSpecModel.EMPTY;
       let e2 = toFieldTypes(w);
       return new ColumnChartSpecModel(M.data || [], e2, M.stats, M.bin_values, M.value_counts, {
@@ -23057,13 +23073,13 @@ ${c}
     }, [
       w,
       M
-    ]), Y2 = useDeepCompareMemoize(w ?? inferFieldTypes(r)), X2 = (0, import_react.useMemo)(() => u === "all" ? Y2 : Y2.slice(0, u), [
+    ]), $2 = useDeepCompareMemoize(w ?? inferFieldTypes(r)), e4 = (0, import_react.useMemo)(() => u === "all" ? $2 : $2.slice(0, u), [
       u,
-      Y2
-    ]), Z2 = (0, import_react.useMemo)(() => {
+      $2
+    ]), t4 = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of X2) if (l2[0] === "number") {
+        for (let [c2, l2] of e4) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -23078,55 +23094,55 @@ ${c}
       return e2;
     }, [
       r,
-      X2
-    ]), Q2 = useDeepCompareMemoize(S), $2 = useDeepCompareMemoize(E2), e4 = useDeepCompareMemoize(D2), t4 = useDeepCompareMemoize(J2), n4 = useDeepCompareMemoize(Z2), r4 = X2.length;
+      e4
+    ]), n4 = useDeepCompareMemoize(S), r4 = useDeepCompareMemoize(A2), i4 = useDeepCompareMemoize(j2), a4 = useDeepCompareMemoize(Q2), o4 = useDeepCompareMemoize(t4), s4 = e4.length;
     w || (b = false);
-    let i4 = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: Q2,
+    let c4 = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: n4,
       selection: f,
-      chartSpecModel: t4,
-      fieldTypes: X2,
-      textJustifyColumns: $2,
-      wrappedColumns: e4,
+      chartSpecModel: a4,
+      fieldTypes: e4,
+      textJustifyColumns: r4,
+      wrappedColumns: i4,
       headerTooltip: Z,
       showDataTypes: b,
-      calculateTopKRows: F2,
-      fractionDigitsByColumn: n4
+      calculateTopKRows: z2,
+      fractionDigitsByColumn: o4
     }), [
       f,
       b,
-      t4,
-      Q2,
-      X2,
-      $2,
+      a4,
+      n4,
       e4,
+      r4,
+      i4,
       Z,
-      F2,
-      n4
-    ]), a4 = (0, import_react.useMemo)(() => Object.fromEntries((p || []).map((e2) => [
+      z2,
+      o4
+    ]), l4 = (0, import_react.useMemo)(() => Object.fromEntries((p || []).map((e2) => [
       e2,
       true
     ])), [
       p
-    ]), o4 = useEvent_default((e2) => {
+    ]), u4 = useEvent_default((e2) => {
       if (f === "single") {
         let r2 = Functions.asUpdater(e2)({});
         L(Object.keys(r2).slice(0, 1));
       }
       if (f === "multi") {
-        let r2 = Functions.asUpdater(e2)(a4);
+        let r2 = Functions.asUpdater(e2)(l4);
         L(Object.keys(r2));
       }
-    }), s4 = useEvent_default((e2) => {
-      if (H2(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), d4 = useEvent_default((e2) => {
+      if (K2(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
       let r2 = getPageIndexForRow(e2, T.pageIndex, T.pageSize);
       r2 !== null && O((e3) => ({
         ...e3,
         pageIndex: r2
       }));
-    }), c4 = p.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), l4 = useEvent_default((e2) => {
-      f === "single-cell" && L(Functions.asUpdater(e2)(c4).slice(0, 1)), f === "multi-cell" && L(Functions.asUpdater(e2)(c4));
-    }), u4 = f === "multi" || f === "single", d4 = _ && !!I2, f4 = isInVscodeExtension(), p4 = isIslands();
+    }), f4 = p.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), p4 = useEvent_default((e2) => {
+      f === "single-cell" && L(Functions.asUpdater(e2)(f4).slice(0, 1)), f === "multi-cell" && L(Functions.asUpdater(e2)(f4));
+    }), m4 = f === "multi" || f === "single", h4 = _ && !!B2, g4 = isInVscodeExtension(), _4 = isIslands();
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         l === "too_many" && T.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
@@ -23137,13 +23153,13 @@ ${c}
             " rows."
           ]
         }),
-        r4 < O2 && r4 > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        s4 < M2 && s4 > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            r4,
+            s4,
             " of ",
-            O2,
+            M2,
             " columns."
           ]
         }),
@@ -23151,27 +23167,27 @@ ${c}
           className: "mb-1 rounded",
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
-        W2 && (v || d4) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        J2 && (v || h4) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
           children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-            rowIdx: V2,
-            setRowIdx: s4,
+            rowIdx: G2,
+            setRowIdx: d4,
             totalRows: l,
-            fieldTypes: Y2,
-            getRow: L2,
-            isSelectable: u4,
-            isRowSelected: !!a4[V2],
-            handleRowSelectionChange: o4,
-            previewColumn: I2,
-            totalColumns: O2,
-            tableId: B2,
-            showRowExplorer: v && !f4,
-            showColumnExplorer: d4 && !f4,
-            activeTab: K2,
-            onTabChange: q2
+            fieldTypes: $2,
+            getRow: V2,
+            isSelectable: m4,
+            isRowSelected: !!l4[G2],
+            handleRowSelectionChange: u4,
+            previewColumn: B2,
+            totalColumns: M2,
+            tableId: W2,
+            showRowExplorer: v && !g4,
+            showColumnExplorer: h4 && !g4,
+            activeTab: X2,
+            onTabChange: Z2
           })
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: J2,
+          value: Q2,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -23179,12 +23195,12 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: i4,
+              columns: c4,
               className: I,
-              maxHeight: z2,
+              maxHeight: U2,
               sorting: R,
               totalRows: l,
-              totalColumns: O2,
+              totalColumns: M2,
               manualSorting: true,
               setSorting: z,
               pagination: d,
@@ -23192,11 +23208,11 @@ ${c}
               selection: f,
               paginationState: T,
               setPaginationState: O,
-              rowSelection: a4,
-              cellSelection: c4,
-              cellStyling: A2,
-              hoverTemplate: j2,
-              cellHoverTexts: M2,
+              rowSelection: l4,
+              cellSelection: f4,
+              cellStyling: P2,
+              hoverTemplate: F2,
+              cellHoverTexts: I2,
               downloadAs: h ? j : void 0,
               enableSearch: B,
               searchQuery: H,
@@ -23204,22 +23220,22 @@ ${c}
               showFilters: m,
               filters: G,
               onFiltersChange: q,
-              reloading: C2,
-              onRowSelectionChange: o4,
-              freezeColumnsLeft: w2,
-              freezeColumnsRight: T2,
-              onCellSelectionChange: l4,
-              getRowIds: k2,
-              toggleDisplayHeader: N2,
-              showChartBuilder: y && !p4,
-              isChartBuilderOpen: P2,
+              reloading: D2,
+              onRowSelectionChange: u4,
+              freezeColumnsLeft: O2,
+              freezeColumnsRight: k2,
+              onCellSelectionChange: p4,
+              getRowIds: N2,
+              toggleDisplayHeader: L2,
+              showChartBuilder: y && !_4,
+              isChartBuilderOpen: R2,
               showPageSizeSelector: g,
-              showTableExplorer: (v || d4) && !f4 && !p4,
-              togglePanel: G2,
-              isPanelOpen: U2,
-              isAnyPanelOpen: W2,
-              viewedRowIdx: V2,
-              onViewedRowChange: (e2) => H2(e2)
+              showTableExplorer: (v || h4) && !g4 && !_4,
+              togglePanel: Y2,
+              isPanelOpen: q2,
+              isAnyPanelOpen: J2,
+              viewedRowIdx: G2,
+              onViewedRowChange: (e2) => K2(e2)
             })
           })
         })
@@ -25868,29 +25884,29 @@ ${c}
     ], r[2] = b, r[3] = S);
     let { data: w, error: T, isPending: O } = useAsyncData(y, S), j;
     r[4] === w ? j = r[5] : (j = w || {}, r[4] = w, r[5] = j);
-    let { url: M, total_rows: I, row_headers: L, field_types: R, column_types_per_step: z, python_code: B, sql_code: H } = j, W = R == null ? void 0 : R.length, [G, q] = (0, import_react.useState)(f || EMPTY), C2 = (0, import_react.useRef)(null), w2;
-    r[6] === d ? w2 = r[7] : (w2 = (e2) => {
+    let { url: M, total_rows: I, row_headers: L, field_types: R, column_types_per_step: z, python_code: B, sql_code: H } = j, W = R == null ? void 0 : R.length, [G, q] = (0, import_react.useState)(f || EMPTY), D2 = (0, import_react.useRef)(null), O2;
+    r[6] === d ? O2 = r[7] : (O2 = (e2) => {
       var _a3;
-      d && e2 !== "transform" && ((_a3 = C2.current) == null ? void 0 : _a3.submit());
-    }, r[6] = d, r[7] = w2);
-    let T2 = w2, E2 = (0, import_react.useRef)(G), D2;
-    r[8] === G ? D2 = r[9] : (D2 = () => {
-      E2.current = G;
-    }, r[8] = G, r[9] = D2), (0, import_react.useEffect)(D2);
+      d && e2 !== "transform" && ((_a3 = D2.current) == null ? void 0 : _a3.submit());
+    }, r[6] = d, r[7] = O2);
+    let k2 = O2, A2 = (0, import_react.useRef)(G), j2;
+    r[8] === G ? j2 = r[9] : (j2 = () => {
+      A2.current = G;
+    }, r[8] = G, r[9] = j2), (0, import_react.useEffect)(j2);
     let Z;
     r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (Z = () => {
-      let e2 = E2.current;
+      let e2 = A2.current;
       (f == null ? void 0 : f.transforms.length) !== e2.transforms.length && p(e2);
     }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = Z) : Z = r[12];
-    let O2 = f == null ? void 0 : f.transforms.length, k2;
-    r[13] !== w || r[14] !== p || r[15] !== O2 ? (k2 = [
+    let M2 = f == null ? void 0 : f.transforms.length, N2;
+    r[13] !== w || r[14] !== p || r[15] !== M2 ? (N2 = [
       w,
-      O2,
-      E2,
+      M2,
+      A2,
       p
-    ], r[13] = w, r[14] = p, r[15] = O2, r[16] = k2) : k2 = r[16], (0, import_react.useEffect)(Z, k2);
-    let A2;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A2 = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = w, r[14] = p, r[15] = M2, r[16] = N2) : N2 = r[16], (0, import_react.useEffect)(Z, N2);
+    let P2;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P2 = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -25899,9 +25915,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = A2) : A2 = r[17];
-    let j2;
-    r[18] === B ? j2 = r[19] : (j2 = B && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = P2) : P2 = r[17];
+    let F2;
+    r[18] === B ? F2 = r[19] : (F2 = B && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -25910,9 +25926,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = B, r[19] = j2);
-    let N2;
-    r[20] === H ? N2 = r[21] : (N2 = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = B, r[19] = F2);
+    let L2;
+    r[20] === H ? L2 = r[21] : (L2 = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -25921,54 +25937,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = H, r[21] = N2);
-    let P2;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P2 = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = H, r[21] = L2);
+    let R2;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R2 = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = P2) : P2 = r[22];
-    let F2;
-    r[23] !== j2 || r[24] !== N2 ? (F2 = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = R2) : R2 = r[22];
+    let z2;
+    r[23] !== F2 || r[24] !== L2 ? (z2 = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        A2,
-        j2,
-        N2,
-        P2
+        P2,
+        F2,
+        L2,
+        R2
       ]
-    }), r[23] = j2, r[24] = N2, r[25] = F2) : F2 = r[25];
-    let I2;
-    r[26] === O ? I2 = r[27] : (I2 = O && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = F2, r[24] = L2, r[25] = z2) : z2 = r[25];
+    let B2;
+    r[26] === O ? B2 = r[27] : (B2 = O && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = O, r[27] = I2);
-    let L2;
-    r[28] !== F2 || r[29] !== I2 ? (L2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = O, r[27] = B2);
+    let V2;
+    r[28] !== z2 || r[29] !== B2 ? (V2 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        F2,
-        I2
+        z2,
+        B2
       ]
-    }), r[28] = F2, r[29] = I2, r[30] = L2) : L2 = r[30];
-    let R2;
-    r[31] !== p || r[32] !== f ? (R2 = (e2) => {
+    }), r[28] = z2, r[29] = B2, r[30] = V2) : V2 = r[30];
+    let H2;
+    r[31] !== p || r[32] !== f ? (H2 = (e2) => {
       dequal(e2, f) || (p(e2), q(e2));
-    }, r[31] = p, r[32] = f, r[33] = R2) : R2 = r[33];
-    let z2;
-    r[34] !== z || r[35] !== c || r[36] !== h || r[37] !== G || r[38] !== d || r[39] !== R2 ? (z2 = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }, r[31] = p, r[32] = f, r[33] = H2) : H2 = r[33];
+    let U2;
+    r[34] !== z || r[35] !== c || r[36] !== h || r[37] !== G || r[38] !== d || r[39] !== H2 ? (U2 = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: C2,
+        ref: D2,
         initialValue: G,
         columns: c,
-        onChange: R2,
+        onChange: H2,
         onInvalidChange: q,
         getColumnValues: h,
         columnTypesPerStep: z,
         lazy: d
       })
-    }), r[34] = z, r[35] = c, r[36] = h, r[37] = G, r[38] = d, r[39] = R2, r[40] = z2) : z2 = r[40];
-    let B2;
-    r[41] === B ? B2 = r[42] : (B2 = B && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = z, r[35] = c, r[36] = h, r[37] = G, r[38] = d, r[39] = H2, r[40] = U2) : U2 = r[40];
+    let W2;
+    r[41] === B ? W2 = r[42] : (W2 = B && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -25977,9 +25993,9 @@ ${c}
         code: B,
         language: "python"
       })
-    }), r[41] = B, r[42] = B2);
-    let V2;
-    r[43] === H ? V2 = r[44] : (V2 = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = B, r[42] = W2);
+    let G2;
+    r[43] === H ? G2 = r[44] : (G2 = H && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -25988,35 +26004,35 @@ ${c}
         code: H,
         language: "sql"
       })
-    }), r[43] = H, r[44] = V2);
-    let H2;
-    r[45] !== T2 || r[46] !== L2 || r[47] !== z2 || r[48] !== B2 || r[49] !== V2 ? (H2 = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = H, r[44] = G2);
+    let K2;
+    r[45] !== k2 || r[46] !== V2 || r[47] !== U2 || r[48] !== W2 || r[49] !== G2 ? (K2 = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: T2,
+      onValueChange: k2,
       children: [
-        L2,
-        z2,
-        B2,
-        V2
+        V2,
+        U2,
+        W2,
+        G2
       ]
-    }), r[45] = T2, r[46] = L2, r[47] = z2, r[48] = B2, r[49] = V2, r[50] = H2) : H2 = r[50];
-    let U2;
-    r[51] === T ? U2 = r[52] : (U2 = T && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = k2, r[46] = V2, r[47] = U2, r[48] = W2, r[49] = G2, r[50] = K2) : K2 = r[50];
+    let q2;
+    r[51] === T ? q2 = r[52] : (q2 = T && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: T
-    }), r[51] = T, r[52] = U2);
-    let W2 = M || "", G2 = I ?? 0, K2 = W ?? 0, q2 = L || Arrays.EMPTY, J2 = I && I > 5 || false, Y2;
-    r[53] !== _ || r[54] !== R || r[55] !== v || r[56] !== l || r[57] !== g || r[58] !== u || r[59] !== W2 || r[60] !== G2 || r[61] !== K2 || r[62] !== q2 || r[63] !== J2 ? (Y2 = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = T, r[52] = q2);
+    let J2 = M || "", Y2 = I ?? 0, X2 = W ?? 0, Z2 = L || Arrays.EMPTY, Q2 = I && I > 5 || false, $2;
+    r[53] !== _ || r[54] !== R || r[55] !== v || r[56] !== l || r[57] !== g || r[58] !== u || r[59] !== J2 || r[60] !== Y2 || r[61] !== X2 || r[62] !== Z2 || r[63] !== Q2 ? ($2 = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: W2,
+      data: J2,
       hasStableRowId: false,
-      totalRows: G2,
-      totalColumns: K2,
+      totalRows: Y2,
+      totalColumns: X2,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: R,
-      rowHeaders: q2,
+      rowHeaders: Z2,
       showDownload: u,
       download_as: _,
       enableSearch: false,
@@ -26025,7 +26041,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: J2,
+      showPageSizeSelector: Q2,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -26034,15 +26050,15 @@ ${c}
       selection: null,
       lazy: false,
       host: v
-    }), r[53] = _, r[54] = R, r[55] = v, r[56] = l, r[57] = g, r[58] = u, r[59] = W2, r[60] = G2, r[61] = K2, r[62] = q2, r[63] = J2, r[64] = Y2) : Y2 = r[64];
-    let X2;
-    return r[65] !== H2 || r[66] !== U2 || r[67] !== Y2 ? (X2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = _, r[54] = R, r[55] = v, r[56] = l, r[57] = g, r[58] = u, r[59] = J2, r[60] = Y2, r[61] = X2, r[62] = Z2, r[63] = Q2, r[64] = $2) : $2 = r[64];
+    let e4;
+    return r[65] !== K2 || r[66] !== q2 || r[67] !== $2 ? (e4 = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        H2,
-        U2,
-        Y2
+        K2,
+        q2,
+        $2
       ]
-    }), r[65] = H2, r[66] = U2, r[67] = Y2, r[68] = X2) : X2 = r[68], X2;
+    }), r[65] = K2, r[66] = q2, r[67] = $2, r[68] = e4) : e4 = r[68], e4;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -26230,30 +26246,30 @@ ${c}
     }, W = [
       B
     ], r[8] = B, r[9] = H, r[10] = W), (0, import_react.useEffect)(H, W);
-    let G, q, C2, w2, T2, E2, Z, O2, k2;
+    let G, q, D2, O2, k2, A2, Z, M2, N2;
     if (r[11] !== R || r[12] !== z || r[13] !== u || r[14] !== b || r[15] !== f || r[16] !== v || r[17] !== h || r[18] !== d || r[19] !== y || r[20] !== l || r[21] !== c) {
-      k2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      N2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
-        T2 = (R == null ? void 0 : R.files) ?? [];
+        k2 = (R == null ? void 0 : R.files) ?? [];
         let e2;
         r[31] === c ? e2 = r[32] : (e2 = new Set(c.map(_temp$13)), r[31] = c, r[32] = e2);
         let m2 = e2, g2 = d === "directory" || d === "all", _2 = d === "file" || d === "all", w;
         r[33] !== g2 || r[34] !== _2 ? (w = (e3) => g2 && e3.is_directory || _2 && !e3.is_directory, r[33] = g2, r[34] = _2, r[35] = w) : w = r[35];
-        let T3 = T2.filter(w);
-        if (G = T3.length > 0 && T3.every((e3) => m2.has(e3.path)), !R && z) {
+        let T2 = k2.filter(w);
+        if (G = T2.length > 0 && T2.every((e3) => m2.has(e3.path)), !R && z) {
           let e3;
           r[36] === z.message ? e3 = r[37] : (e3 = (0, import_jsx_runtime.jsx)(Banner, {
             kind: "danger",
             children: z.message
-          }), r[36] = z.message, r[37] = e3), k2 = e3;
+          }), r[36] = z.message, r[37] = e3), N2 = e3;
           break bb0;
         }
-        let E3;
-        r[38] === u ? E3 = r[39] : (E3 = PathBuilder.guessDeliminator(u), r[38] = u, r[39] = E3), q = E3.deliminator;
+        let E2;
+        r[38] === u ? E2 = r[39] : (E2 = PathBuilder.guessDeliminator(u), r[38] = u, r[39] = E2), q = E2.deliminator;
         let O3;
         r[40] === c ? O3 = r[41] : (O3 = c.map(_temp2$7), r[40] = c, r[41] = O3), Z = O3;
-        let j3;
-        r[42] !== q || r[43] !== u || r[44] !== b || r[45] !== v || r[46] !== h || r[47] !== y ? (j3 = function(e3) {
+        let j2;
+        r[42] !== q || r[43] !== u || r[44] !== b || r[45] !== v || r[46] !== h || r[47] !== y ? (j2 = function(e3) {
           if (b) return;
           if (S(true), e3 === PARENT_DIRECTORY) {
             if (v === q) {
@@ -26272,7 +26288,7 @@ ${c}
             return;
           }
           y(e3), S(false);
-        }, r[42] = q, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j3) : j3 = r[48], O2 = j3;
+        }, r[42] = q, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], M2 = j2;
         let M3;
         r[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M3 = function(e3) {
           let { path: r2, name: c2, isDirectory: l2 } = e3;
@@ -26283,8 +26299,8 @@ ${c}
             is_directory: l2
           };
         }, r[49] = M3) : M3 = r[49];
-        let I3 = M3, B2;
-        r[50] !== f || r[51] !== m2 || r[52] !== l || r[53] !== c ? (B2 = function(e3) {
+        let I3 = M3, B3;
+        r[50] !== f || r[51] !== m2 || r[52] !== l || r[53] !== c ? (B3 = function(e3) {
           let { path: r2, name: u2, isDirectory: d2 } = e3, p = I3({
             path: r2,
             name: u2,
@@ -26296,13 +26312,13 @@ ${c}
           ] : [
             p
           ]);
-        }, r[50] = f, r[51] = m2, r[52] = l, r[53] = c, r[54] = B2) : B2 = r[54];
-        let H2 = B2, W2;
+        }, r[50] = f, r[51] = m2, r[52] = l, r[53] = c, r[54] = B3) : B3 = r[54];
+        let H3 = B3, W2;
         r[55] !== v || r[56] !== l || r[57] !== c ? (W2 = function() {
           l(c.filter((e3) => Paths.dirname(e3.path) !== v));
-        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], C2 = W2, E2 = function() {
+        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], D2 = W2, A2 = function() {
           let e3 = [];
-          for (let r2 of T2) {
+          for (let r2 of k2) {
             if (!g2 && r2.is_directory || m2.has(r2.path)) continue;
             let c2 = I3({
               path: r2.path,
@@ -26315,35 +26331,35 @@ ${c}
             ...c,
             ...e3
           ]);
-        }, w2 = [];
-        let D2;
-        r[59] === O2 ? D2 = r[60] : (D2 = () => O2(PARENT_DIRECTORY), r[59] = O2, r[60] = D2);
-        let A22, j22;
-        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A22 = (0, import_jsx_runtime.jsx)(TableCell, {
+        }, O2 = [];
+        let j22;
+        r[59] === M2 ? j22 = r[60] : (j22 = () => M2(PARENT_DIRECTORY), r[59] = M2, r[60] = j22);
+        let P22, F22;
+        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P22 = (0, import_jsx_runtime.jsx)(TableCell, {
           className: "w-[50px] pl-4",
           children: (0, import_jsx_runtime.jsx)(CornerLeftUp, {
             size: 16
           })
-        }), j22 = (0, import_jsx_runtime.jsx)(TableCell, {
+        }), F22 = (0, import_jsx_runtime.jsx)(TableCell, {
           children: PARENT_DIRECTORY
-        }), r[61] = A22, r[62] = j22) : (A22 = r[61], j22 = r[62]);
-        let M22;
-        r[63] === D2 ? M22 = r[64] : (M22 = (0, import_jsx_runtime.jsxs)(TableRow, {
+        }), r[61] = P22, r[62] = F22) : (P22 = r[61], F22 = r[62]);
+        let I22;
+        r[63] === j22 ? I22 = r[64] : (I22 = (0, import_jsx_runtime.jsxs)(TableRow, {
           className: "hover:bg-accent select-none",
-          onClick: D2,
+          onClick: j22,
           children: [
-            A22,
-            j22
+            P22,
+            F22
           ]
-        }, "Parent directory"), r[63] = D2, r[64] = M22), w2.push(M22);
-        for (let e3 of T2) {
+        }, "Parent directory"), r[63] = j22, r[64] = I22), O2.push(I22);
+        for (let e3 of k2) {
           let r2 = e3.path;
           r2.startsWith("//") && (r2 = r2.slice(1));
           let c2 = e3.is_directory ? (e4) => {
             let { path: r3 } = e4;
-            return O2(r3);
-          } : H2, l2 = FILE_ICON[e3.is_directory ? "directory" : guessFileIconType(e3.name)], u2 = m2.has(r2);
-          w2.push((0, import_jsx_runtime.jsxs)(TableRow, {
+            return M2(r3);
+          } : H3, l2 = FILE_ICON[e3.is_directory ? "directory" : guessFileIconType(e3.name)], u2 = m2.has(r2);
+          O2.push((0, import_jsx_runtime.jsxs)(TableRow, {
             className: cn("hover:bg-accent group select-none", {
               "bg-primary/25 hover:bg-primary/35": u2
             }),
@@ -26359,7 +26375,7 @@ ${c}
                   isSelected: u2,
                   canSelect: g2 && e3.is_directory || _2 && !e3.is_directory,
                   Icon: l2,
-                  onSelect: () => H2({
+                  onSelect: () => H3({
                     path: r2,
                     name: e3.name,
                     isDirectory: e3.is_directory
@@ -26373,21 +26389,21 @@ ${c}
           }, e3.id));
         }
       }
-      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = C2, r[25] = w2, r[26] = T2, r[27] = E2, r[28] = Z, r[29] = O2, r[30] = k2;
-    } else G = r[22], q = r[23], C2 = r[24], w2 = r[25], T2 = r[26], E2 = r[27], Z = r[28], O2 = r[29], k2 = r[30];
-    if (k2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return k2;
-    let A2, j2, M2, N2, P2, F2, I2;
-    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== C2 || r[69] !== z || r[70] !== w2 || r[71] !== T2 || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== E2 || r[79] !== Z || r[80] !== d || r[81] !== O2 || r[82] !== l || r[83] !== T || r[84] !== c.length) {
+      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = D2, r[25] = O2, r[26] = k2, r[27] = A2, r[28] = Z, r[29] = M2, r[30] = N2;
+    } else G = r[22], q = r[23], D2 = r[24], O2 = r[25], k2 = r[26], A2 = r[27], Z = r[28], M2 = r[29], N2 = r[30];
+    if (N2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return N2;
+    let P2, F2, I2, L2, R2, z2, B2;
+    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== D2 || r[69] !== z || r[70] !== O2 || r[71] !== k2 || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== A2 || r[79] !== Z || r[80] !== d || r[81] !== M2 || r[82] !== l || r[83] !== T || r[84] !== c.length) {
       let { parentDirectories: e2 } = getProtocolAndParentDirectories({
         path: v,
         delimiter: q,
         initialPath: u,
         restrictNavigation: h
       }), g2 = d === "all" ? PluralWords.of("file", "folder") : d === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
-      r[92] === z ? I2 = r[93] : (I2 = z && (0, import_jsx_runtime.jsx)(Banner, {
+      r[92] === z ? B2 = r[93] : (B2 = z && (0, import_jsx_runtime.jsx)(Banner, {
         kind: "danger",
         children: z.message
-      }), r[92] = z, r[93] = I2), A2 = (() => {
+      }), r[92] = z, r[93] = B2), P2 = (() => {
         let e3 = (0, import_jsx_runtime.jsx)(Label, {
           children: renderHTML({
             html: m ?? `Select ${g2.join(" and ", 2)}...`
@@ -26404,7 +26420,7 @@ ${c}
               children: (0, import_jsx_runtime.jsx)(Button, {
                 size: "xs",
                 variant: "link",
-                onClick: G ? C2 : E2,
+                onClick: G ? D2 : A2,
                 children: G ? "Deselect all" : "Select all"
               })
             })
@@ -26412,18 +26428,18 @@ ${c}
         }) : e3;
       })();
       let _2;
-      r[94] === O2 ? _2 = r[95] : (_2 = (e3) => O2(e3.target.value), r[94] = O2, r[95] = _2);
+      r[94] === M2 ? _2 = r[95] : (_2 = (e3) => M2(e3.target.value), r[94] = M2, r[95] = _2);
       let y2 = e2.map(_temp3$5);
-      r[96] !== v || r[97] !== _2 || r[98] !== y2 ? (j2 = (0, import_jsx_runtime.jsx)(NativeSelect, {
+      r[96] !== v || r[97] !== _2 || r[98] !== y2 ? (F2 = (0, import_jsx_runtime.jsx)(NativeSelect, {
         className: "mt-2 w-full",
         placeholder: v,
         value: v,
         onChange: _2,
         children: y2
-      }), r[96] = v, r[97] = _2, r[98] = y2, r[99] = j2) : j2 = r[99], r[100] !== R || r[101] !== T2 ? (M2 = R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
+      }), r[96] = v, r[97] = _2, r[98] = y2, r[99] = F2) : F2 = r[99], r[100] !== R || r[101] !== k2 ? (I2 = R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
         className: "text-xs text-muted-foreground mt-1 px-1",
-        children: R.is_truncated ? `Showing ${T2.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
-      }), r[100] = R, r[101] = T2, r[102] = M2) : M2 = r[102];
+        children: R.is_truncated ? `Showing ${k2.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
+      }), r[100] = R, r[101] = k2, r[102] = I2) : I2 = r[102];
       let b2;
       r[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b2 = {
         height: "14rem"
@@ -26441,22 +26457,22 @@ ${c}
           })
         ]
       }), r[104] = T, r[105] = S2);
-      let E3;
-      r[106] === w2 ? E3 = r[107] : (E3 = (0, import_jsx_runtime.jsx)(Table, {
+      let E2;
+      r[106] === O2 ? E2 = r[107] : (E2 = (0, import_jsx_runtime.jsx)(Table, {
         className: "cursor-pointer table-fixed",
         children: (0, import_jsx_runtime.jsx)(TableBody, {
-          children: w2
+          children: O2
         })
-      }), r[106] = w2, r[107] = E3), r[108] !== B || r[109] !== S2 || r[110] !== E3 ? (N2 = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[106] = O2, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? (L2 = (0, import_jsx_runtime.jsxs)("div", {
         className: "mt-3 overflow-y-auto w-full border relative",
         style: b2,
         "aria-busy": B,
         "aria-live": "polite",
         children: [
           S2,
-          E3
+          E2
         ]
-      }), r[108] = B, r[109] = S2, r[110] = E3, r[111] = N2) : N2 = r[111], P2 = "mt-4", F2 = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      }), r[108] = B, r[109] = S2, r[110] = E2, r[111] = L2) : L2 = r[111], R2 = "mt-4", z2 = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           (0, import_jsx_runtime.jsxs)("div", {
             className: "flex items-center gap-2",
@@ -26490,24 +26506,24 @@ ${c}
             })
           })
         ]
-      }), r[65] = G, r[66] = R, r[67] = q, r[68] = C2, r[69] = z, r[70] = w2, r[71] = T2, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = E2, r[79] = Z, r[80] = d, r[81] = O2, r[82] = l, r[83] = T, r[84] = c.length, r[85] = A2, r[86] = j2, r[87] = M2, r[88] = N2, r[89] = P2, r[90] = F2, r[91] = I2;
-    } else A2 = r[85], j2 = r[86], M2 = r[87], N2 = r[88], P2 = r[89], F2 = r[90], I2 = r[91];
-    let L2;
-    r[112] !== P2 || r[113] !== F2 ? (L2 = (0, import_jsx_runtime.jsx)("div", {
-      className: P2,
-      children: F2
-    }), r[112] = P2, r[113] = F2, r[114] = L2) : L2 = r[114];
-    let R2;
-    return r[115] !== A2 || r[116] !== j2 || r[117] !== M2 || r[118] !== N2 || r[119] !== L2 || r[120] !== I2 ? (R2 = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[65] = G, r[66] = R, r[67] = q, r[68] = D2, r[69] = z, r[70] = O2, r[71] = k2, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = A2, r[79] = Z, r[80] = d, r[81] = M2, r[82] = l, r[83] = T, r[84] = c.length, r[85] = P2, r[86] = F2, r[87] = I2, r[88] = L2, r[89] = R2, r[90] = z2, r[91] = B2;
+    } else P2 = r[85], F2 = r[86], I2 = r[87], L2 = r[88], R2 = r[89], z2 = r[90], B2 = r[91];
+    let V2;
+    r[112] !== R2 || r[113] !== z2 ? (V2 = (0, import_jsx_runtime.jsx)("div", {
+      className: R2,
+      children: z2
+    }), r[112] = R2, r[113] = z2, r[114] = V2) : V2 = r[114];
+    let H2;
+    return r[115] !== P2 || r[116] !== F2 || r[117] !== I2 || r[118] !== L2 || r[119] !== V2 || r[120] !== B2 ? (H2 = (0, import_jsx_runtime.jsxs)("div", {
       children: [
+        B2,
+        P2,
+        F2,
         I2,
-        A2,
-        j2,
-        M2,
-        N2,
-        L2
+        L2,
+        V2
       ]
-    }), r[115] = A2, r[116] = j2, r[117] = M2, r[118] = N2, r[119] = L2, r[120] = I2, r[121] = R2) : R2 = r[121], R2;
+    }), r[115] = P2, r[116] = F2, r[117] = I2, r[118] = L2, r[119] = V2, r[120] = B2, r[121] = H2) : H2 = r[121], H2;
   };
   function _temp$13(e) {
     return e.path;
@@ -31897,55 +31913,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), C2 = (0, import_react.useRef)(null), w2 = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), T2 = w2[0], E2 = w2[1], D2 = T2.isFocused, Z = T2.isFileDialogActive, O2 = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), k2 = function() {
-      !O2.current && Z && setTimeout(function() {
-        C2.current && (C2.current.files.length || (E2({
+    ]), q = (0, import_react.useRef)(null), D2 = (0, import_react.useRef)(null), O2 = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), k2 = O2[0], A2 = O2[1], j2 = k2.isFocused, Z = k2.isFileDialogActive, M2 = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), N2 = function() {
+      !M2.current && Z && setTimeout(function() {
+        D2.current && (D2.current.files.length || (A2({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", k2, false), function() {
-        window.removeEventListener("focus", k2, false);
+      return window.addEventListener("focus", N2, false), function() {
+        window.removeEventListener("focus", N2, false);
       };
     }, [
-      C2,
+      D2,
       Z,
       G,
-      O2
+      M2
     ]);
-    var A2 = (0, import_react.useRef)([]), j2 = (0, import_react.useRef)([]), M2 = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), A2.current = []);
+    var P2 = (0, import_react.useRef)([]), F2 = (0, import_react.useRef)([]), I2 = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), P2.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", M2, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", M2));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", I2, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", I2));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        j2.current = [].concat(_toConsumableArray(j2.current), [
+        F2.current = [].concat(_toConsumableArray(F2.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && E2({
+        ]), isEvtWithFiles(e3) && A2({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        j2.current = j2.current.filter(function(r3) {
+        F2.current = F2.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(j2.current.length > 0) && E2({
+        }), !(F2.current.length > 0) && A2({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        j2.current = [], E2({
+        F2.current = [], A2({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        j2.current = [], E2({
+        F2.current = [], A2({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -31963,12 +31979,12 @@ ${c}
       E,
       l
     ]);
-    var N2 = (0, import_react.useCallback)(function(e2) {
+    var L2 = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), P2 = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), q2(e2), A2.current = [].concat(_toConsumableArray(A2.current), [
+    ]), R2 = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), Z2(e2), P2.current = [].concat(_toConsumableArray(P2.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -31981,7 +31997,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          E2({
+          A2({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -31989,12 +32005,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return N2(e3);
+        return L2(e3);
       });
     }, [
       u,
       h,
-      N2,
+      L2,
       L,
       B,
       f,
@@ -32002,8 +32018,8 @@ ${c}
       p,
       m,
       z
-    ]), F2 = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), q2(e2);
+    ]), z2 = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), Z2(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -32013,12 +32029,12 @@ ${c}
     }, [
       _,
       L
-    ]), I2 = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), q2(e2);
-      var r2 = A2.current.filter(function(e3) {
+    ]), B2 = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), Z2(e2);
+      var r2 = P2.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), A2.current = r2, !(r2.length > 0) && (E2({
+      c2 !== -1 && r2.splice(c2, 1), P2.current = r2, !(r2.length > 0) && (A2({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -32028,7 +32044,7 @@ ${c}
       q,
       g,
       L
-    ]), L2 = (0, import_react.useCallback)(function(e2, r2) {
+    ]), V2 = (0, import_react.useCallback)(function(e2, r2) {
       var c2 = [], l2 = [];
       e2.forEach(function(e3) {
         var r3 = _slicedToArray(fileAccepted(e3, B), 2), u2 = r3[0], p2 = r3[1], m2 = _slicedToArray(fileMatchSize(e3, f, d), 2), h2 = m2[0], g2 = m2[1], _2 = z ? z(e3) : null;
@@ -32040,8 +32056,8 @@ ${c}
           ];
           _2 && (v2 = v2.concat(_2)), l2.push({
             file: e3,
-            errors: v2.filter(function(e4) {
-              return e4;
+            errors: v2.filter(function(e5) {
+              return e5;
             })
           });
         }
@@ -32052,14 +32068,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), E2({
+      }), c2.splice(0)), A2({
         acceptedFiles: c2,
         fileRejections: l2,
         isDragReject: l2.length > 0,
         type: "setFiles"
       }), v && v(c2, l2, r2), l2.length > 0 && b && b(l2, r2), c2.length > 0 && y && y(c2, r2);
     }, [
-      E2,
+      A2,
       p,
       B,
       f,
@@ -32069,22 +32085,22 @@ ${c}
       y,
       b,
       z
-    ]), R2 = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), q2(e2), A2.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || L2(r2, e2);
+    ]), H2 = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), Z2(e2), P2.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || V2(r2, e2);
       }).catch(function(e3) {
-        return N2(e3);
-      }), E2({
+        return L2(e3);
+      }), A2({
         type: "reset"
       });
     }, [
       u,
+      V2,
       L2,
-      N2,
       L
-    ]), z2 = (0, import_react.useCallback)(function() {
-      if (O2.current) {
-        E2({
+    ]), U2 = (0, import_react.useCallback)(function() {
+      if (M2.current) {
+        A2({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -32094,66 +32110,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          L2(e3, null), E2({
+          V2(e3, null), A2({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), E2({
+          isAbort(e3) ? (G(e3), A2({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (O2.current = false, C2.current ? (C2.current.value = null, C2.current.click()) : N2(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : N2(e3);
+          })) : isSecurityError(e3) ? (M2.current = false, D2.current ? (D2.current.value = null, D2.current.click()) : L2(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : L2(e3);
         });
         return;
       }
-      C2.current && (E2({
+      D2.current && (A2({
         type: "openDialog"
-      }), W(), C2.current.value = null, C2.current.click());
+      }), W(), D2.current.value = null, D2.current.click());
     }, [
-      E2,
+      A2,
       W,
       G,
       T,
+      V2,
       L2,
-      N2,
       H,
       p
-    ]), B2 = (0, import_react.useCallback)(function(e2) {
-      !q.current || !q.current.isEqualNode(e2.target) || (e2.key === " " || e2.key === "Enter" || e2.keyCode === 32 || e2.keyCode === 13) && (e2.preventDefault(), z2());
+    ]), W2 = (0, import_react.useCallback)(function(e2) {
+      !q.current || !q.current.isEqualNode(e2.target) || (e2.key === " " || e2.key === "Enter" || e2.keyCode === 32 || e2.keyCode === 13) && (e2.preventDefault(), U2());
     }, [
       q,
-      z2
-    ]), V2 = (0, import_react.useCallback)(function() {
-      E2({
+      U2
+    ]), G2 = (0, import_react.useCallback)(function() {
+      A2({
         type: "focus"
       });
-    }, []), H2 = (0, import_react.useCallback)(function() {
-      E2({
+    }, []), K2 = (0, import_react.useCallback)(function() {
+      A2({
         type: "blur"
       });
-    }, []), U2 = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(z2, 0) : z2());
+    }, []), q2 = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(U2, 0) : U2());
     }, [
       j,
-      z2
-    ]), W2 = function(e2) {
+      U2
+    ]), J2 = function(e2) {
       return l ? null : e2;
-    }, G2 = function(e2) {
-      return M ? null : W2(e2);
-    }, K2 = function(e2) {
-      return I ? null : W2(e2);
-    }, q2 = function(e2) {
+    }, Y2 = function(e2) {
+      return M ? null : J2(e2);
+    }, X2 = function(e2) {
+      return I ? null : J2(e2);
+    }, Z2 = function(e2) {
       L && e2.stopPropagation();
-    }, J2 = (0, import_react.useMemo)(function() {
+    }, Q2 = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, u2 = e2.role, d2 = e2.onKeyDown, f2 = e2.onFocus, p2 = e2.onBlur, m2 = e2.onClick, h2 = e2.onDragEnter, g2 = e2.onDragOver, _2 = e2.onDragLeave, v2 = e2.onDrop, y2 = _objectWithoutProperties$2(e2, _excluded3);
         return _objectSpread$7(_objectSpread$7(_defineProperty$10({
-          onKeyDown: G2(composeEventHandlers(d2, B2)),
-          onFocus: G2(composeEventHandlers(f2, V2)),
-          onBlur: G2(composeEventHandlers(p2, H2)),
-          onClick: W2(composeEventHandlers(m2, U2)),
-          onDragEnter: K2(composeEventHandlers(h2, P2)),
-          onDragOver: K2(composeEventHandlers(g2, F2)),
-          onDragLeave: K2(composeEventHandlers(_2, I2)),
-          onDrop: K2(composeEventHandlers(v2, R2)),
+          onKeyDown: Y2(composeEventHandlers(d2, W2)),
+          onFocus: Y2(composeEventHandlers(f2, G2)),
+          onBlur: Y2(composeEventHandlers(p2, K2)),
+          onClick: J2(composeEventHandlers(m2, q2)),
+          onDragEnter: X2(composeEventHandlers(h2, R2)),
+          onDragOver: X2(composeEventHandlers(g2, z2)),
+          onDragLeave: X2(composeEventHandlers(_2, B2)),
+          onDrop: X2(composeEventHandlers(v2, H2)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -32161,20 +32177,20 @@ ${c}
       };
     }, [
       q,
+      W2,
+      G2,
+      K2,
+      q2,
+      R2,
+      z2,
       B2,
-      V2,
       H2,
-      U2,
-      P2,
-      F2,
-      I2,
-      R2,
       M,
       I,
       l
-    ]), Y2 = (0, import_react.useCallback)(function(e2) {
+    ]), $2 = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), X2 = (0, import_react.useMemo)(function() {
+    }, []), e4 = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, l2 = e2.onChange, u2 = e2.onClick, d2 = _objectWithoutProperties$2(e2, _excluded4);
         return _objectSpread$7(_objectSpread$7({}, _defineProperty$10({
@@ -32193,25 +32209,25 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: W2(composeEventHandlers(l2, R2)),
-          onClick: W2(composeEventHandlers(u2, Y2)),
+          onChange: J2(composeEventHandlers(l2, H2)),
+          onClick: J2(composeEventHandlers(u2, $2)),
           tabIndex: -1
-        }, c2, C2)), d2);
+        }, c2, D2)), d2);
       };
     }, [
-      C2,
+      D2,
       c,
       p,
-      R2,
+      H2,
       l
     ]);
-    return _objectSpread$7(_objectSpread$7({}, T2), {}, {
-      isFocused: D2 && !l,
-      getRootProps: J2,
-      getInputProps: X2,
+    return _objectSpread$7(_objectSpread$7({}, k2), {}, {
+      isFocused: j2 && !l,
+      getRootProps: Q2,
+      getInputProps: e4,
       rootRef: q,
-      inputRef: C2,
-      open: W2(z2)
+      inputRef: D2,
+      open: J2(U2)
     });
   }
   function reducer$2(e, r) {
@@ -32379,8 +32395,8 @@ ${c}
         ..._2,
         type: "file"
       }), r[25] = _2, r[26] = S2);
-      let w3;
-      r[27] !== u || r[28] !== M || r[29] !== j || r[30] !== m.length ? (w3 = M ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      let w2;
+      r[27] !== u || r[28] !== M || r[29] !== j || r[30] !== m.length ? (w2 = M ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(Tooltip, {
             content: j,
@@ -32408,16 +32424,16 @@ ${c}
             children: "Click to clear files."
           })
         ]
-      }) : null, r[27] = u, r[28] = M, r[29] = j, r[30] = m.length, r[31] = w3) : w3 = r[31];
-      let T3;
-      return r[32] !== S2 || r[33] !== w3 || r[34] !== g2 ? (T3 = (0, import_jsx_runtime.jsxs)("div", {
+      }) : null, r[27] = u, r[28] = M, r[29] = j, r[30] = m.length, r[31] = w2) : w2 = r[31];
+      let T2;
+      return r[32] !== S2 || r[33] !== w2 || r[34] !== g2 ? (T2 = (0, import_jsx_runtime.jsxs)("div", {
         className: "flex flex-row items-center justify-start gap-2",
         children: [
           g2,
           S2,
-          w3
+          w2
         ]
-      }), r[32] = S2, r[33] = w3, r[34] = g2, r[35] = T3) : T3 = r[35], T3;
+      }), r[32] = S2, r[33] = w2, r[34] = g2, r[35] = T2) : T2 = r[35], T2;
     }
     let I = e.label ?? `Drag and drop ${f ? "files" : "a file"} here, or click to open file browser`, L = !S && "border-input/60 border-dashed", R = S && "border-solid", z;
     r[36] !== L || r[37] !== R ? (z = cn("hover:text-primary", "mt-3 mb-2 w-full flex flex-col items-center justify-center ", "px-6 py-6 sm:px-8 sm:py-8 md:py-10 md:px-16", "border rounded-sm", "text-sm text-muted-foreground", "hover:cursor-pointer", "active:shadow-xs-solid", "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-accent", L, R), r[36] = L, r[37] = R, r[38] = z) : z = r[38];
@@ -32443,47 +32459,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", C2 = T && "text-destructive", w2;
-    r[48] !== q || r[49] !== C2 ? (w2 = cn(q, C2), r[48] = q, r[49] = C2, r[50] = w2) : w2 = r[50];
-    let T2;
-    r[51] === w2 ? T2 = r[52] : (T2 = (0, import_jsx_runtime.jsx)(Upload, {
+    let q = w && "text-primary", D2 = T && "text-destructive", O2;
+    r[48] !== q || r[49] !== D2 ? (O2 = cn(q, D2), r[48] = q, r[49] = D2, r[50] = O2) : O2 = r[50];
+    let k2;
+    r[51] === O2 ? k2 = r[52] : (k2 = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
-      className: w2
-    }), r[51] = w2, r[52] = T2);
-    let E2 = w && "text-primary", D2 = T && "text-destructive", Z;
-    r[53] !== E2 || r[54] !== D2 ? (Z = cn(E2, D2), r[53] = E2, r[54] = D2, r[55] = Z) : Z = r[55];
-    let O2;
-    r[56] === Z ? O2 = r[57] : (O2 = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+      className: O2
+    }), r[51] = O2, r[52] = k2);
+    let A2 = w && "text-primary", j2 = T && "text-destructive", Z;
+    r[53] !== A2 || r[54] !== j2 ? (Z = cn(A2, j2), r[53] = A2, r[54] = j2, r[55] = Z) : Z = r[55];
+    let M2;
+    r[56] === Z ? M2 = r[57] : (M2 = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
       className: Z
-    }), r[56] = Z, r[57] = O2);
-    let k2;
-    r[58] !== T2 || r[59] !== O2 ? (k2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[56] = Z, r[57] = M2);
+    let N2;
+    r[58] !== k2 || r[59] !== M2 ? (N2 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
-        T2,
-        O2
+        k2,
+        M2
       ]
-    }), r[58] = T2, r[59] = O2, r[60] = k2) : k2 = r[60];
-    let A2;
-    r[61] !== G || r[62] !== k2 ? (A2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = k2, r[59] = M2, r[60] = N2) : N2 = r[60];
+    let P2;
+    r[61] !== G || r[62] !== N2 ? (P2 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        k2
+        N2
       ]
-    }), r[61] = G, r[62] = k2, r[63] = A2) : A2 = r[63];
-    let j2;
-    r[64] !== W || r[65] !== A2 || r[66] !== z || r[67] !== B ? (j2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = N2, r[63] = P2) : P2 = r[63];
+    let F2;
+    r[64] !== W || r[65] !== P2 || r[66] !== z || r[67] !== B ? (F2 = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        A2
+        P2
       ]
-    }), r[64] = W, r[65] = A2, r[66] = z, r[67] = B, r[68] = j2) : j2 = r[68];
-    let M2;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (M2 = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = P2, r[66] = z, r[67] = B, r[68] = F2) : F2 = r[68];
+    let I2;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (I2 = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -32519,17 +32535,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = M2) : M2 = r[74];
-    let N2;
-    return r[75] !== j2 || r[76] !== M2 ? (N2 = (0, import_jsx_runtime.jsx)("section", {
+    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = I2) : I2 = r[74];
+    let L2;
+    return r[75] !== F2 || r[76] !== I2 ? (L2 = (0, import_jsx_runtime.jsx)("section", {
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: "flex flex-col items-start justify-start grow gap-3",
         children: [
-          j2,
-          M2
+          F2,
+          I2
         ]
       })
-    }), r[75] = j2, r[76] = M2, r[77] = N2) : N2 = r[77], N2;
+    }), r[75] = F2, r[76] = I2, r[77] = L2) : L2 = r[77], L2;
   };
   function _temp$12(e) {
     Logger.error(e), toast({
@@ -32621,79 +32637,79 @@ ${c}
       "bg-(--gray-1) shadow-md border border-input": m,
       "bg-(--amber-1) border-(--amber-7)": G
     }), r[7] = m, r[8] = G, r[9] = q) : q = r[9];
-    let C2;
-    r[10] !== u || r[11] !== d ? (C2 = (e2) => {
+    let D2;
+    r[10] !== u || r[11] !== d ? (D2 = (e2) => {
       e2.key === "Enter" && (e2.ctrlKey || e2.metaKey) && (e2.preventDefault(), e2.stopPropagation(), d(u));
-    }, r[10] = u, r[11] = d, r[12] = C2) : C2 = r[12];
-    let w2;
-    r[13] === f ? w2 = r[14] : (w2 = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    }, r[10] = u, r[11] = d, r[12] = D2) : D2 = r[12];
+    let O2;
+    r[13] === f ? O2 = r[14] : (O2 = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = w2);
-    let T2;
-    r[15] === L ? T2 = r[16] : (T2 = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    }), r[13] = f, r[14] = O2);
+    let k2;
+    r[15] === L ? k2 = r[16] : (k2 = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = T2);
-    let E2;
-    r[17] === c ? E2 = r[18] : (E2 = (0, import_jsx_runtime.jsx)("div", {
+    }), r[15] = L, r[16] = k2);
+    let A2;
+    r[17] === c ? A2 = r[18] : (A2 = (0, import_jsx_runtime.jsx)("div", {
       children: c
-    }), r[17] = c, r[18] = E2);
-    let D2;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (D2 = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    }), r[17] = c, r[18] = A2);
+    let j2;
+    r[19] !== S || r[20] !== T || r[21] !== b ? (j2 = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "marimo-plugin-form-clear-button",
       variant: "text",
       onClick: (e2) => {
         e2.preventDefault(), B();
       },
       children: S
-    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = D2) : D2 = r[22];
-    let Z = v || h, O2;
-    r[23] === h ? O2 = r[24] : (O2 = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = j2) : j2 = r[22];
+    let Z = v || h, M2;
+    r[23] === h ? M2 = r[24] : (M2 = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = O2);
-    let k2;
-    r[25] !== g || r[26] !== Z || r[27] !== O2 || r[28] !== I ? (k2 = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = M2);
+    let N2;
+    r[25] !== g || r[26] !== Z || r[27] !== M2 || r[28] !== I ? (N2 = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
       disabled: Z,
       type: "submit",
       children: [
-        O2,
+        M2,
         g
       ]
-    }), r[25] = g, r[26] = Z, r[27] = O2, r[28] = I, r[29] = k2) : k2 = r[29];
-    let A2;
-    r[30] !== _ || r[31] !== k2 ? (A2 = withTooltip(k2, _), r[30] = _, r[31] = k2, r[32] = A2) : A2 = r[32];
-    let j2;
-    r[33] !== A2 || r[34] !== D2 ? (j2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[25] = g, r[26] = Z, r[27] = M2, r[28] = I, r[29] = N2) : N2 = r[29];
+    let P2;
+    r[30] !== _ || r[31] !== N2 ? (P2 = withTooltip(N2, _), r[30] = _, r[31] = N2, r[32] = P2) : P2 = r[32];
+    let F2;
+    r[33] !== P2 || r[34] !== j2 ? (F2 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        D2,
-        A2
+        j2,
+        P2
       ]
-    }), r[33] = A2, r[34] = D2, r[35] = j2) : j2 = r[35];
-    let M2;
-    r[36] !== j2 || r[37] !== q || r[38] !== C2 || r[39] !== w2 || r[40] !== T2 || r[41] !== E2 ? (M2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = P2, r[34] = j2, r[35] = F2) : F2 = r[35];
+    let I2;
+    r[36] !== F2 || r[37] !== q || r[38] !== D2 || r[39] !== O2 || r[40] !== k2 || r[41] !== A2 ? (I2 = (0, import_jsx_runtime.jsxs)("div", {
       className: q,
-      onKeyDown: C2,
+      onKeyDown: D2,
       children: [
-        w2,
-        T2,
-        E2,
-        j2
+        O2,
+        k2,
+        A2,
+        F2
       ]
-    }), r[36] = j2, r[37] = q, r[38] = C2, r[39] = w2, r[40] = T2, r[41] = E2, r[42] = M2) : M2 = r[42];
-    let N2;
-    return r[43] !== M2 || r[44] !== H ? (N2 = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = F2, r[37] = q, r[38] = D2, r[39] = O2, r[40] = k2, r[41] = A2, r[42] = I2) : I2 = r[42];
+    let L2;
+    return r[43] !== I2 || r[44] !== H ? (L2 = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: M2
-    }), r[43] = M2, r[44] = H, r[45] = N2) : N2 = r[45], N2;
+      children: I2
+    }), r[43] = I2, r[44] = H, r[45] = L2) : L2 = r[45], L2;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$43.c)(24), c, l, u, d, f, p;
@@ -34453,8 +34469,8 @@ ${c}
         points: extractSunburstPoints(e2.points)
       }));
     }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), C2;
-    r[31] === u ? C2 = r[32] : (C2 = (e2) => {
+    let q = useEvent_default(G), D2;
+    r[31] === u ? D2 = r[32] : (D2 = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -34465,9 +34481,9 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = C2);
-    let w2 = useEvent_default(C2), T2;
-    r[33] === u ? T2 = r[34] : (T2 = (e2) => {
+    }, r[31] = u, r[32] = D2);
+    let O2 = useEvent_default(D2), k2;
+    r[33] === u ? k2 = r[34] : (k2 = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
@@ -34476,9 +34492,9 @@ ${c}
         range: e2.range,
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[33] = u, r[34] = T2);
-    let E2 = useEvent_default(T2), D2 = m.frames ?? void 0, Z = useEvent_default(_temp3$3), O2;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== w2 || r[42] !== E2 || r[43] !== D2 || r[44] !== Z || r[45] !== R ? (O2 = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = u, r[34] = k2);
+    let A2 = useEvent_default(k2), j2 = m.frames ?? void 0, Z = useEvent_default(_temp3$3), M2;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== O2 || r[42] !== A2 || r[43] !== j2 || r[44] !== Z || r[45] !== R ? (M2 = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -34486,13 +34502,13 @@ ${c}
       onTreemapClick: W,
       onSunburstClick: q,
       config: L,
-      onClick: w2,
-      onSelected: E2,
+      onClick: O2,
+      onSelected: A2,
       className: "w-full",
       useResizeHandler: true,
-      frames: D2,
+      frames: j2,
       onError: Z
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = w2, r[42] = E2, r[43] = D2, r[44] = Z, r[45] = R, r[46] = O2) : O2 = r[46], O2;
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = O2, r[42] = A2, r[43] = j2, r[44] = Z, r[45] = R, r[46] = M2) : M2 = r[46], M2;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$9(e) {
@@ -34604,13 +34620,13 @@ ${c}
         let c3 = r2.width;
         p = (e2.clientX - _.current) / c3 * f2;
       }
-      let [m2, h2] = b.current, y2 = h2 - m2, S2 = u.steps, T3 = S2 && S2.length > 1 ? Math.min(...S2.slice(1).map((e3, r3) => e3 - S2[r3])) : u.step ?? 1, E3 = Math.round(p / T3) * T3, j3 = m2 + Math.max(l2 - m2, Math.min(d2 - h2, E3)), M2 = j3 + y2;
+      let [m2, h2] = b.current, y2 = h2 - m2, S2 = u.steps, T2 = S2 && S2.length > 1 ? Math.min(...S2.slice(1).map((e3, r3) => e3 - S2[r3])) : u.step ?? 1, E2 = Math.round(p / T2) * T2, j3 = m2 + Math.max(l2 - m2, Math.min(d2 - h2, E2)), M3 = j3 + y2;
       w.current = [
         j3,
-        M2
+        M3
       ], (_a3 = u.onValueChange) == null ? void 0 : _a3.call(u, [
         j3,
-        M2
+        M3
       ]);
     }, c[11] = u, c[12] = R);
     let z = R, B;
@@ -34624,8 +34640,8 @@ ${c}
     c[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = cn("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), c[17] = G) : G = c[17];
     let q;
     c[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = cn("absolute bg-blue-500 dark:bg-primary", "data-[orientation=horizontal]:h-full", "data-[orientation=vertical]:w-full", "data-disabled:opacity-50", "hover:cursor-grab active:cursor-grabbing"), c[18] = q) : q = c[18];
-    let C2;
-    c[19] !== L || c[20] !== z || c[21] !== H ? (C2 = (0, import_jsx_runtime.jsx)(Track, {
+    let D2;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (D2 = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
       className: G,
@@ -34636,9 +34652,9 @@ ${c}
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = C2) : C2 = c[22];
-    let w2;
-    c[23] !== m.setFalse || c[24] !== m.setTrue ? (w2 = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = D2) : D2 = c[22];
+    let O2;
+    c[23] !== m.setFalse || c[24] !== m.setTrue ? (O2 = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb$1, {
         "data-testid": "thumb",
@@ -34648,28 +34664,28 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = w2) : w2 = c[25];
-    let T2;
-    c[26] !== h || c[27] !== u.value || c[28] !== d ? (T2 = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = O2) : O2 = c[25];
+    let k2;
+    c[26] !== h || c[27] !== u.value || c[28] !== d ? (k2 = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[0]), {
         locale: h
       })
-    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = T2) : T2 = c[29];
-    let E2;
-    c[30] === T2 ? E2 = c[31] : (E2 = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: T2
-    }), c[30] = T2, c[31] = E2);
-    let D2;
-    c[32] !== f || c[33] !== w2 || c[34] !== E2 ? (D2 = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = k2) : k2 = c[29];
+    let A2;
+    c[30] === k2 ? A2 = c[31] : (A2 = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: k2
+    }), c[30] = k2, c[31] = A2);
+    let j2;
+    c[32] !== f || c[33] !== O2 || c[34] !== A2 ? (j2 = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          w2,
-          E2
+          O2,
+          A2
         ]
       })
-    }), c[32] = f, c[33] = w2, c[34] = E2, c[35] = D2) : D2 = c[35];
+    }), c[32] = f, c[33] = O2, c[34] = A2, c[35] = j2) : j2 = c[35];
     let Z;
     c[36] !== m.setFalse || c[37] !== m.setTrue ? (Z = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
@@ -34682,38 +34698,38 @@ ${c}
         onMouseLeave: m.setFalse
       })
     }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = Z) : Z = c[38];
-    let O2;
-    c[39] !== h || c[40] !== u.value || c[41] !== d ? (O2 = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    let M2;
+    c[39] !== h || c[40] !== u.value || c[41] !== d ? (M2 = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[1]), {
         locale: h
       })
-    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = O2) : O2 = c[42];
-    let k2;
-    c[43] === O2 ? k2 = c[44] : (k2 = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: O2
-    }), c[43] = O2, c[44] = k2);
-    let A2;
-    c[45] !== f || c[46] !== Z || c[47] !== k2 ? (A2 = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = M2) : M2 = c[42];
+    let N2;
+    c[43] === M2 ? N2 = c[44] : (N2 = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: M2
+    }), c[43] = M2, c[44] = N2);
+    let P2;
+    c[45] !== f || c[46] !== Z || c[47] !== N2 ? (P2 = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
           Z,
-          k2
+          N2
         ]
       })
-    }), c[45] = f, c[46] = Z, c[47] = k2, c[48] = A2) : A2 = c[48];
-    let j2;
-    return c[49] !== M || c[50] !== u || c[51] !== C2 || c[52] !== D2 || c[53] !== A2 || c[54] !== W ? (j2 = (0, import_jsx_runtime.jsxs)(Root$1, {
+    }), c[45] = f, c[46] = Z, c[47] = N2, c[48] = P2) : P2 = c[48];
+    let F2;
+    return c[49] !== M || c[50] !== u || c[51] !== D2 || c[52] !== j2 || c[53] !== P2 || c[54] !== W ? (F2 = (0, import_jsx_runtime.jsxs)(Root$1, {
       ref: M,
       className: W,
       ...u,
       children: [
-        C2,
         D2,
-        A2
+        j2,
+        P2
       ]
-    }), c[49] = M, c[50] = u, c[51] = C2, c[52] = D2, c[53] = A2, c[54] = W, c[55] = j2) : j2 = c[55], j2;
+    }), c[49] = M, c[50] = u, c[51] = D2, c[52] = j2, c[53] = P2, c[54] = W, c[55] = F2) : F2 = c[55], F2;
   });
   RangeSlider.displayName = Root$1.displayName;
   var import_compiler_runtime$31 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -34764,14 +34780,14 @@ ${c}
     }, q = (e2) => {
       h && l(e2);
     }, r[10] = h, r[11] = l, r[12] = G, r[13] = q) : (G = r[12], q = r[13]);
-    let C2, w2;
-    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (C2 = () => {
+    let D2, O2;
+    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (D2 = () => {
       h && !dequal(T, u) && l(T);
-    }, w2 = () => {
+    }, O2 = () => {
       h && !dequal(T, u) && l(T);
-    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = C2, r[19] = w2) : (C2 = r[18], w2 = r[19]);
-    let T2;
-    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== C2 || r[31] !== w2 || r[32] !== b ? (T2 = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = D2, r[19] = O2) : (D2 = r[18], O2 = r[19]);
+    let k2;
+    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== D2 || r[31] !== O2 || r[32] !== b ? (k2 = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -34782,36 +34798,36 @@ ${c}
       disabled: y,
       onValueChange: G,
       onValueCommit: q,
-      onPointerUp: C2,
-      onMouseUp: w2,
+      onPointerUp: D2,
+      onMouseUp: O2,
       valueMap: b
-    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = C2, r[31] = w2, r[32] = b, r[33] = T2) : T2 = r[33];
-    let E2;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (E2 = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = D2, r[31] = O2, r[32] = b, r[33] = k2) : k2 = r[33];
+    let A2;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (A2 = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
       children: `${prettyScientificNumber(b(T[0]), {
         locale: w
       })}, ${prettyScientificNumber(b(T[1]), {
         locale: w
       })}`
-    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = E2) : E2 = r[38];
-    let D2;
-    r[39] !== T2 || r[40] !== E2 || r[41] !== B ? (D2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = A2) : A2 = r[38];
+    let j2;
+    r[39] !== k2 || r[40] !== A2 || r[41] !== B ? (j2 = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        T2,
-        E2
+        k2,
+        A2
       ]
-    }), r[39] = T2, r[40] = E2, r[41] = B, r[42] = D2) : D2 = r[42];
+    }), r[39] = k2, r[40] = A2, r[41] = B, r[42] = j2) : j2 = r[42];
     let Z;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== D2 || r[47] !== M || r[48] !== L ? (Z = (0, import_jsx_runtime.jsx)(Labeled, {
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== j2 || r[47] !== M || r[48] !== L ? (Z = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: D2
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = D2, r[47] = M, r[48] = L, r[49] = Z) : Z = r[49], Z;
+      children: j2
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = j2, r[47] = M, r[48] = L, r[49] = Z) : Z = r[49], Z;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -35039,16 +35055,16 @@ ${c}
     r[9] === E ? G = r[10] : (G = [
       E
     ], r[9] = E, r[10] = G);
-    let q, C2;
+    let q, D2;
     r[11] !== h || r[12] !== l ? (q = (e2) => {
       let [r2] = e2;
       O(r2), h || l(r2);
-    }, C2 = (e2) => {
+    }, D2 = (e2) => {
       let [r2] = e2;
       h && l(r2);
-    }, r[11] = h, r[12] = l, r[13] = q, r[14] = C2) : (q = r[13], C2 = r[14]);
-    let w2;
-    r[15] !== S || r[16] !== w || r[17] !== g || r[18] !== d || r[19] !== m || r[20] !== f || r[21] !== G || r[22] !== q || r[23] !== C2 || r[24] !== W || r[25] !== y ? (w2 = (0, import_jsx_runtime.jsx)(Slider, {
+    }, r[11] = h, r[12] = l, r[13] = q, r[14] = D2) : (q = r[13], D2 = r[14]);
+    let O2;
+    r[15] !== S || r[16] !== w || r[17] !== g || r[18] !== d || r[19] !== m || r[20] !== f || r[21] !== G || r[22] !== q || r[23] !== D2 || r[24] !== W || r[25] !== y ? (O2 = (0, import_jsx_runtime.jsx)(Slider, {
       id: w,
       className: W,
       value: G,
@@ -35057,19 +35073,19 @@ ${c}
       step: m,
       orientation: g,
       onValueChange: q,
-      onValueCommit: C2,
+      onValueCommit: D2,
       valueMap: y,
       disabled: S
-    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = G, r[22] = q, r[23] = C2, r[24] = W, r[25] = y, r[26] = w2) : w2 = r[26];
-    let T2;
-    r[27] !== E || r[28] !== T || r[29] !== _ || r[30] !== y ? (T2 = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = G, r[22] = q, r[23] = D2, r[24] = W, r[25] = y, r[26] = O2) : O2 = r[26];
+    let k2;
+    r[27] !== E || r[28] !== T || r[29] !== _ || r[30] !== y ? (k2 = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
       children: prettyScientificNumber(y(E), {
         locale: T
       })
-    }), r[27] = E, r[28] = T, r[29] = _, r[30] = y, r[31] = T2) : T2 = r[31];
-    let E2;
-    r[32] !== S || r[33] !== b || r[34] !== E || r[35] !== c || r[36] !== l || r[37] !== d || r[38] !== m || r[39] !== f || r[40] !== y ? (E2 = b && (0, import_jsx_runtime.jsx)(NumberField, {
+    }), r[27] = E, r[28] = T, r[29] = _, r[30] = y, r[31] = k2) : k2 = r[31];
+    let A2;
+    r[32] !== S || r[33] !== b || r[34] !== E || r[35] !== c || r[36] !== l || r[37] !== d || r[38] !== m || r[39] !== f || r[40] !== y ? (A2 = b && (0, import_jsx_runtime.jsx)(NumberField, {
       value: y(E),
       onChange: (e2) => {
         (e2 == null || Number.isNaN(e2)) && (e2 = Number(d)), O(e2), l(e2);
@@ -35080,25 +35096,25 @@ ${c}
       className: "w-24",
       "aria-label": `${c || "Slider"} value input`,
       isDisabled: S
-    }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = E2) : E2 = r[41];
-    let D2;
-    r[42] !== w2 || r[43] !== T2 || r[44] !== E2 || r[45] !== B ? (D2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = A2) : A2 = r[41];
+    let j2;
+    r[42] !== O2 || r[43] !== k2 || r[44] !== A2 || r[45] !== B ? (j2 = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        w2,
-        T2,
-        E2
+        O2,
+        k2,
+        A2
       ]
-    }), r[42] = w2, r[43] = T2, r[44] = E2, r[45] = B, r[46] = D2) : D2 = r[46];
+    }), r[42] = O2, r[43] = k2, r[44] = A2, r[45] = B, r[46] = j2) : j2 = r[46];
     let Z;
-    return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== D2 || r[51] !== I || r[52] !== R ? (Z = (0, import_jsx_runtime.jsx)(Labeled, {
+    return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== j2 || r[51] !== I || r[52] !== R ? (Z = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: w,
       align: I,
       fullWidth: v,
       className: R,
-      children: D2
-    }), r[47] = v, r[48] = w, r[49] = c, r[50] = D2, r[51] = I, r[52] = R, r[53] = Z) : Z = r[53], Z;
+      children: j2
+    }), r[47] = v, r[48] = w, r[49] = c, r[50] = j2, r[51] = I, r[52] = R, r[53] = Z) : Z = r[53], Z;
   }, import_compiler_runtime$29 = require_compiler_runtime(), switchVariants = cva("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", {
     variants: {
       size: {
@@ -38007,17 +38023,17 @@ ${c}
       }
       var p = "[object Arguments]", m = "[object Boolean]", h = "[object Date]", g = "[object RegExp]", _ = "[object Map]", v = "[object Number]", y = "[object Object]", b = "[object Set]", S = "[object String]", w = Object.prototype.toString;
       function T(e3) {
-        var r3 = e3.areArraysEqual, c2 = e3.areDatesEqual, l2 = e3.areMapsEqual, T3 = e3.areObjectsEqual, E3 = e3.areRegExpsEqual, O3 = e3.areSetsEqual, j3 = e3.createIsNestedEqual, M3 = j3(I2);
-        function I2(e4, j4, I3) {
+        var r3 = e3.areArraysEqual, c2 = e3.areDatesEqual, l2 = e3.areMapsEqual, T2 = e3.areObjectsEqual, E2 = e3.areRegExpsEqual, O3 = e3.areSetsEqual, j3 = e3.createIsNestedEqual, M3 = j3(I3);
+        function I3(e4, j4, I4) {
           if (e4 === j4) return true;
           if (!e4 || !j4 || typeof e4 != "object" || typeof j4 != "object") return e4 !== e4 && j4 !== j4;
-          if (u(e4) && u(j4)) return T3(e4, j4, M3, I3);
+          if (u(e4) && u(j4)) return T2(e4, j4, M3, I4);
           var L2 = Array.isArray(e4), R2 = Array.isArray(j4);
-          if (L2 || R2) return L2 === R2 && r3(e4, j4, M3, I3);
+          if (L2 || R2) return L2 === R2 && r3(e4, j4, M3, I4);
           var z2 = w.call(e4);
-          return z2 === w.call(j4) ? z2 === h ? c2(e4, j4, M3, I3) : z2 === g ? E3(e4, j4, M3, I3) : z2 === _ ? l2(e4, j4, M3, I3) : z2 === b ? O3(e4, j4, M3, I3) : z2 === y || z2 === p ? d(e4) || d(j4) ? false : T3(e4, j4, M3, I3) : z2 === m || z2 === v || z2 === S ? f(e4.valueOf(), j4.valueOf()) : false : false;
+          return z2 === w.call(j4) ? z2 === h ? c2(e4, j4, M3, I4) : z2 === g ? E2(e4, j4, M3, I4) : z2 === _ ? l2(e4, j4, M3, I4) : z2 === b ? O3(e4, j4, M3, I4) : z2 === y || z2 === p ? d(e4) || d(j4) ? false : T2(e4, j4, M3, I4) : z2 === m || z2 === v || z2 === S ? f(e4.valueOf(), j4.valueOf()) : false : false;
         }
-        return I2;
+        return I3;
       }
       function E(e3, r3, c2, l2) {
         var u2 = e3.length;
@@ -38082,7 +38098,7 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), C2 = Object.freeze({
+      }), D2 = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
@@ -38090,40 +38106,40 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: G,
         createIsNestedEqual: r2
-      }), w2 = T(q);
-      function T2(e3, r3) {
-        return w2(e3, r3, void 0);
+      }), O2 = T(q);
+      function k2(e3, r3) {
+        return O2(e3, r3, void 0);
       }
-      var E2 = T(l(q, {
+      var A2 = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function D2(e3, r3) {
-        return E2(e3, r3, void 0);
+      function j2(e3, r3) {
+        return A2(e3, r3, void 0);
       }
-      var Z = T(C2);
-      function O2(e3, r3) {
+      var Z = T(D2);
+      function M2(e3, r3) {
         return Z(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var k2 = T(l(C2, {
+      var N2 = T(l(D2, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function A2(e3, r3) {
-        return k2(e3, r3, /* @__PURE__ */ new WeakMap());
+      function P2(e3, r3) {
+        return N2(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function j2(e3) {
+      function F2(e3) {
         return T(l(q, e3(q)));
       }
-      function M2(e3) {
-        var r3 = T(l(C2, e3(C2)));
+      function I2(e3) {
+        var r3 = T(l(D2, e3(D2)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = O2, e2.circularShallowEqual = A2, e2.createCustomCircularEqual = M2, e2.createCustomEqual = j2, e2.deepEqual = T2, e2.sameValueZeroEqual = f, e2.shallowEqual = D2, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = M2, e2.circularShallowEqual = P2, e2.createCustomCircularEqual = I2, e2.createCustomEqual = F2, e2.deepEqual = k2, e2.sameValueZeroEqual = f, e2.shallowEqual = j2, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -38149,7 +38165,7 @@ ${c}
   })), require_utils$1 = __commonJSMin(((e) => {
     Object.defineProperty(e, "__esModule", {
       value: true
-    }), e.bottom = h, e.childrenEqual = b, e.cloneLayout = g, e.cloneLayoutItem = y, e.collides = w, e.compact = T, e.compactItem = M, e.compactType = R2, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = G, e.resizeItemInDirection = A2, e.setTopLeft = M2, e.setTransform = j2, e.sortLayoutItems = N2, e.sortLayoutItemsByColRow = F2, e.sortLayoutItemsByRowCol = P2, e.synchronizeLayoutWithChildren = I2, e.validateLayout = L2, e.withLayoutItem = v;
+    }), e.bottom = h, e.childrenEqual = b, e.cloneLayout = g, e.cloneLayoutItem = y, e.collides = w, e.compact = T, e.compactItem = M, e.compactType = H2, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = G, e.resizeItemInDirection = P2, e.setTopLeft = I2, e.setTransform = F2, e.sortLayoutItems = L2, e.sortLayoutItemsByColRow = z2, e.sortLayoutItemsByRowCol = R2, e.synchronizeLayoutWithChildren = B2, e.validateLayout = V2, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -38254,7 +38270,7 @@ ${c}
       return !(e2.i === r2.i || e2.x + e2.w <= r2.x || e2.x >= r2.x + r2.w || e2.y + e2.h <= r2.y || e2.y >= r2.y + r2.h);
     }
     function T(e2, r2, c2, l2) {
-      let u2 = B(e2), d2 = h(u2), f2 = N2(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = L2(e2, r2), p2 = Array(e2.length);
       for (let m2 = 0, h2 = f2.length; m2 < h2; m2++) {
         let h3 = y(f2[m2]);
         h3.static || (h3 = M(u2, h3, r2, c2, f2, l2, d2), d2 = Math.max(d2, h3.y + h3.h), u2.push(h3)), p2[e2.indexOf(f2[m2])] = h3, h3.moved = false;
@@ -38312,7 +38328,7 @@ ${c}
       `${r2.i}${String(c2)}${String(l2)}${r2.x}${r2.y}`;
       let h2 = r2.x, _2 = r2.y;
       typeof c2 == "number" && (r2.x = c2), typeof l2 == "number" && (r2.y = l2), r2.moved = true;
-      let v2 = N2(e2, f2);
+      let v2 = L2(e2, f2);
       (f2 === "vertical" && typeof l2 == "number" ? _2 >= l2 : f2 === "horizontal" && typeof c2 == "number" && h2 >= c2) && (v2 = v2.reverse());
       let y2 = z(v2, r2), b2 = y2.length > 0;
       if (b2 && m2) return g(e2);
@@ -38346,61 +38362,61 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, C2 = (e2, r2, c2) => e2 < 0 ? r2 : c2, w2 = (e2) => Math.max(0, e2), T2 = (e2) => Math.max(0, e2), E2 = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, D2 = (e2, r2, c2) => e2 < 0 ? r2 : c2, O2 = (e2) => Math.max(0, e2), k2 = (e2) => Math.max(0, e2), A2 = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: C2(f2, e2.height, u2),
-        top: T2(f2)
+        height: D2(f2, e2.height, u2),
+        top: k2(f2)
       };
-    }, D2 = (e2, r2, c2) => {
+    }, j2 = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         top: l2,
         height: d2,
         width: q(e2.left, e2.width, f2, c2),
-        left: w2(u2)
+        left: O2(u2)
       };
     }, Z = (e2, r2, c2) => {
       let { top: l2, height: u2, width: d2 } = r2, f2 = e2.left - (d2 - e2.width);
       return {
         height: u2,
         width: f2 < 0 ? e2.width : q(e2.left, e2.width, d2, c2),
-        top: T2(l2),
-        left: w2(f2)
+        top: k2(l2),
+        left: O2(f2)
       };
-    }, O2 = (e2, r2, c2) => {
+    }, M2 = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: C2(l2, e2.height, d2),
-        top: T2(l2)
+        height: D2(l2, e2.height, d2),
+        top: k2(l2)
       };
-    }, k2 = {
-      n: E2,
+    }, N2 = {
+      n: A2,
       ne: function() {
-        return E2(arguments.length <= 0 ? void 0 : arguments[0], D2(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return A2(arguments.length <= 0 ? void 0 : arguments[0], j2(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: D2,
+      e: j2,
       se: function() {
-        return O2(arguments.length <= 0 ? void 0 : arguments[0], D2(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return M2(arguments.length <= 0 ? void 0 : arguments[0], j2(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: O2,
+      s: M2,
       sw: function() {
-        return O2(arguments.length <= 0 ? void 0 : arguments[0], Z(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return M2(arguments.length <= 0 ? void 0 : arguments[0], Z(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
       w: Z,
       nw: function() {
-        return E2(arguments.length <= 0 ? void 0 : arguments[0], Z(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return A2(arguments.length <= 0 ? void 0 : arguments[0], Z(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function A2(e2, r2, c2, l2) {
-      let u2 = k2[e2];
+    function P2(e2, r2, c2, l2) {
+      let u2 = N2[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function j2(e2) {
+    function F2(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -38413,7 +38429,7 @@ ${c}
         position: "absolute"
       };
     }
-    function M2(e2) {
+    function I2(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -38423,20 +38439,20 @@ ${c}
         position: "absolute"
       };
     }
-    function N2(e2, r2) {
-      return r2 === "horizontal" ? F2(e2) : r2 === "vertical" ? P2(e2) : e2;
+    function L2(e2, r2) {
+      return r2 === "horizontal" ? z2(e2) : r2 === "vertical" ? R2(e2) : e2;
     }
-    function P2(e2) {
+    function R2(e2) {
       return e2.slice(0).sort(function(e3, r2) {
         return e3.y > r2.y || e3.y === r2.y && e3.x > r2.x ? 1 : e3.y === r2.y && e3.x === r2.x ? 0 : -1;
       });
     }
-    function F2(e2) {
+    function z2(e2) {
       return e2.slice(0).sort(function(e3, r2) {
         return e3.x > r2.x || e3.x === r2.x && e3.y > r2.y ? 1 : -1;
       });
     }
-    function I2(e2, r2, l2, u2, f2) {
+    function B2(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -38457,7 +38473,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function L2(e2) {
+    function V2(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -38474,7 +38490,7 @@ ${c}
         if (u3.i !== void 0 && typeof u3.i != "string") throw Error(`ReactGridLayout: ${r2}[${l2}].i must be a string! Received: ${u3.i} (${typeof u3.i})`);
       }
     }
-    function R2(e2) {
+    function H2(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -41279,7 +41295,7 @@ ${c}
     ], r[4] = c.bordered, r[5] = w, r[6] = T), (0, import_react.useEffect)(w, T);
     let E = useIsDragging(), O, j;
     r[7] === E ? (O = r[8], j = r[9]) : ({ isDragging: j, ...O } = E, r[7] = E, r[8] = O, r[9] = j);
-    let M = !f && !v, I, L, R, z, B, H, W, G, q, C2, w2, T2, E2, D2, Z, O2, k2, A2, j2, M2, N2, P2, F2, I2, L2, R2;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, D2, O2, k2, A2, j2, Z, M2, N2, P2, F2, I2, L2, R2, z2, B2, V2, H2;
     if (r[10] !== u || r[11] !== S || r[12] !== O || r[13] !== g || r[14] !== M || r[15] !== h || r[16] !== j || r[17] !== f || r[18] !== c || r[19] !== d || r[20] !== l) {
       let e2 = Maps.keyBy(c.cells, _temp2$2), m2;
       r[47] !== c || r[48] !== l ? (m2 = (e3) => (r2) => {
@@ -41298,23 +41314,23 @@ ${c}
         });
       }, r[50] = c, r[51] = l, r[52] = v2) : v2 = r[52];
       let y2 = v2;
-      r[53] !== M || r[54] !== c.columns || r[55] !== c.maxWidth || r[56] !== c.rowHeight ? (L = {}, c.maxWidth && (L.maxWidth = `${c.maxWidth}px`), M && (L.backgroundImage = "repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)", L.backgroundSize = `calc((100% / ${c.columns})) ${c.rowHeight}px`), r[53] = M, r[54] = c.columns, r[55] = c.maxWidth, r[56] = c.rowHeight, r[57] = L) : L = r[57], I = ReactGridLayout, F2 = "lg", r[58] === c.cells ? I2 = r[59] : (I2 = {
+      r[53] !== M || r[54] !== c.columns || r[55] !== c.maxWidth || r[56] !== c.rowHeight ? (L = {}, c.maxWidth && (L.maxWidth = `${c.maxWidth}px`), M && (L.backgroundImage = "repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)", L.backgroundSize = `calc((100% / ${c.columns})) ${c.rowHeight}px`), r[53] = M, r[54] = c.columns, r[55] = c.maxWidth, r[56] = c.rowHeight, r[57] = L) : L = r[57], I = ReactGridLayout, z2 = "lg", r[58] === c.cells ? B2 = r[59] : (B2 = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = I2), L2 = L, R2 = S, R = false;
-      let b2 = M && "bg-(--slate-2) border-r", w3 = f && "disable-animation", T3 = !c.maxWidth && "min-w-[800px]";
-      r[60] !== b2 || r[61] !== w3 || r[62] !== T3 ? (z = cn("w-full mx-auto bg-background flex-1 min-h-full", b2, w3, T3), r[60] = b2, r[61] = w3, r[62] = T3, r[63] = z) : z = r[63], r[64] === f ? B = r[65] : (B = f ? [
+      }, r[58] = c.cells, r[59] = B2), V2 = L, H2 = S, R = false;
+      let b2 = M && "bg-(--slate-2) border-r", w2 = f && "disable-animation", T2 = !c.maxWidth && "min-w-[800px]";
+      r[60] !== b2 || r[61] !== w2 || r[62] !== T2 ? (z = cn("w-full mx-auto bg-background flex-1 min-h-full", b2, w2, T2), r[60] = b2, r[61] = w2, r[62] = T2, r[63] = z) : z = r[63], r[64] === f ? B = r[65] : (B = f ? [
         20,
         20
-      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, C2 = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (w2 = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, D2 = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (O2 = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = w2) : w2 = r[69], r[70] === g ? T2 = r[71] : (T2 = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = O2) : O2 = r[69], r[70] === g ? k2 = r[71] : (k2 = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = T2), r[72] !== O || r[73] !== c || r[74] !== l ? (E2 = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = k2), r[72] !== O || r[73] !== c || r[74] !== l ? (A2 = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -41322,15 +41338,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = E2) : E2 = r[75], r[76] === O ? (D2 = r[77], Z = r[78], O2 = r[79]) : (D2 = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = A2) : A2 = r[75], r[76] === O ? (j2 = r[77], Z = r[78], M2 = r[79]) : (j2 = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
       }, Z = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, O2 = () => {
+      }, M2 = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = D2, r[78] = Z, r[79] = O2), k2 = _temp3$2, A2 = M, j2 = M, M2 = M, N2 = M ? `.${DRAG_HANDLE}` : "noop";
-      let E3;
-      r[80] === h ? E3 = r[81] : (E3 = (e3) => h.has(e3.id), r[80] = h, r[81] = E3), P2 = u.filter(E3).map((r2) => {
+      }, r[76] = O, r[77] = j2, r[78] = Z, r[79] = M2), N2 = _temp3$2, P2 = M, F2 = M, I2 = M, L2 = M ? `.${DRAG_HANDLE}` : "noop";
+      let E2;
+      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), R2 = u.filter(E2).map((r2) => {
         let u2 = e2.get(r2.id), f2 = c.scrollableCells.has(r2.id) ?? false, p = c.cellSide.get(r2.id), m3 = (0, import_jsx_runtime.jsx)(GridCell, {
           code: r2.code,
           mode: d,
@@ -41359,14 +41375,14 @@ ${c}
         }, r2.id) : (0, import_jsx_runtime.jsx)("div", {
           children: m3
         }, r2.id);
-      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = C2, r[31] = w2, r[32] = T2, r[33] = E2, r[34] = D2, r[35] = Z, r[36] = O2, r[37] = k2, r[38] = A2, r[39] = j2, r[40] = M2, r[41] = N2, r[42] = P2, r[43] = F2, r[44] = I2, r[45] = L2, r[46] = R2;
-    } else I = r[21], L = r[22], R = r[23], z = r[24], B = r[25], H = r[26], W = r[27], G = r[28], q = r[29], C2 = r[30], w2 = r[31], T2 = r[32], E2 = r[33], D2 = r[34], Z = r[35], O2 = r[36], k2 = r[37], A2 = r[38], j2 = r[39], M2 = r[40], N2 = r[41], P2 = r[42], F2 = r[43], I2 = r[44], L2 = r[45], R2 = r[46];
-    let z2;
-    r[82] !== I || r[83] !== R || r[84] !== z || r[85] !== B || r[86] !== H || r[87] !== W || r[88] !== G || r[89] !== q || r[90] !== C2 || r[91] !== w2 || r[92] !== T2 || r[93] !== E2 || r[94] !== D2 || r[95] !== Z || r[96] !== O2 || r[97] !== k2 || r[98] !== A2 || r[99] !== j2 || r[100] !== M2 || r[101] !== N2 || r[102] !== P2 || r[103] !== F2 || r[104] !== I2 || r[105] !== L2 || r[106] !== R2 ? (z2 = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: F2,
-      layouts: I2,
-      style: L2,
-      cols: R2,
+      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = D2, r[31] = O2, r[32] = k2, r[33] = A2, r[34] = j2, r[35] = Z, r[36] = M2, r[37] = N2, r[38] = P2, r[39] = F2, r[40] = I2, r[41] = L2, r[42] = R2, r[43] = z2, r[44] = B2, r[45] = V2, r[46] = H2;
+    } else I = r[21], L = r[22], R = r[23], z = r[24], B = r[25], H = r[26], W = r[27], G = r[28], q = r[29], D2 = r[30], O2 = r[31], k2 = r[32], A2 = r[33], j2 = r[34], Z = r[35], M2 = r[36], N2 = r[37], P2 = r[38], F2 = r[39], I2 = r[40], L2 = r[41], R2 = r[42], z2 = r[43], B2 = r[44], V2 = r[45], H2 = r[46];
+    let U2;
+    r[82] !== I || r[83] !== R || r[84] !== z || r[85] !== B || r[86] !== H || r[87] !== W || r[88] !== G || r[89] !== q || r[90] !== D2 || r[91] !== O2 || r[92] !== k2 || r[93] !== A2 || r[94] !== j2 || r[95] !== Z || r[96] !== M2 || r[97] !== N2 || r[98] !== P2 || r[99] !== F2 || r[100] !== I2 || r[101] !== L2 || r[102] !== R2 || r[103] !== z2 || r[104] !== B2 || r[105] !== V2 || r[106] !== H2 ? (U2 = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: z2,
+      layouts: B2,
+      style: V2,
+      cols: H2,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -41374,51 +41390,51 @@ ${c}
       isBounded: W,
       compactType: G,
       preventCollision: q,
-      rowHeight: C2,
-      onLayoutChange: w2,
-      droppingItem: T2,
-      onDrop: E2,
-      onDragStart: D2,
+      rowHeight: D2,
+      onLayoutChange: O2,
+      droppingItem: k2,
+      onDrop: A2,
+      onDragStart: j2,
       onDrag: Z,
-      onDragStop: O2,
-      onResizeStop: k2,
-      isDraggable: A2,
-      isDroppable: j2,
-      isResizable: M2,
-      draggableHandle: N2,
-      children: P2
-    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = G, r[89] = q, r[90] = C2, r[91] = w2, r[92] = T2, r[93] = E2, r[94] = D2, r[95] = Z, r[96] = O2, r[97] = k2, r[98] = A2, r[99] = j2, r[100] = M2, r[101] = N2, r[102] = P2, r[103] = F2, r[104] = I2, r[105] = L2, r[106] = R2, r[107] = z2) : z2 = r[107];
-    let B2 = z2, V2, H2, U2, W2, G2, K2, q2;
-    if (r[108] !== u || r[109] !== B2 || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      q2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      onDragStop: M2,
+      onResizeStop: N2,
+      isDraggable: P2,
+      isDroppable: F2,
+      isResizable: I2,
+      draggableHandle: L2,
+      children: R2
+    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = G, r[89] = q, r[90] = D2, r[91] = O2, r[92] = k2, r[93] = A2, r[94] = j2, r[95] = Z, r[96] = M2, r[97] = N2, r[98] = P2, r[99] = F2, r[100] = I2, r[101] = L2, r[102] = R2, r[103] = z2, r[104] = B2, r[105] = V2, r[106] = H2, r[107] = U2) : U2 = r[107];
+    let W2 = U2, G2, K2, q2, J2, Y2, X2, Z2;
+    if (r[108] !== u || r[109] !== W2 || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      Z2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let e2;
         r[125] === h ? e2 = r[126] : (e2 = (e3) => !h.has(e3.id), r[125] = h, r[126] = e2);
         let m2 = u.filter(e2);
         if (f) {
           if (c.bordered) {
-            let e4;
-            r[127] !== B2 || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            let e5;
+            r[127] !== W2 || r[128] !== L ? (e5 = (0, import_jsx_runtime.jsx)("div", {
               className: "flex flex-1 flex-col items-center",
               children: (0, import_jsx_runtime.jsx)("div", {
                 style: L,
                 className: "bg-background flex-1 border-t border-x rounded-t shadow-sm w-full overflow-hidden",
-                children: B2
+                children: W2
               })
-            }), r[127] = B2, r[128] = L, r[129] = e4) : e4 = r[129], B2 = e4;
+            }), r[127] = W2, r[128] = L, r[129] = e5) : e5 = r[129], W2 = e5;
           }
           let e3 = m2.filter(_temp4$2), l2;
-          r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
-            code: e4.code,
+          r[130] === d ? l2 = r[131] : (l2 = (e5) => (0, import_jsx_runtime.jsx)(GridCell, {
+            code: e5.code,
             mode: d,
-            cellId: e4.id,
-            output: e4.output,
-            status: e4.status,
+            cellId: e5.id,
+            output: e5.output,
+            status: e5.status,
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), q2 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e5.id), r[130] = d, r[131] = l2), Z2 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              B2,
+              W2,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -41429,31 +41445,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === B2 ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === W2 ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: B2
-          }), r[132] = B2, r[133] = e3);
+            children: W2
+          }), r[132] = W2, r[133] = e3);
           let c2;
           r[134] !== L || r[135] !== e3 ? (c2 = (0, import_jsx_runtime.jsx)("div", {
             style: L,
             className: "bg-background border-t border-x rounded-t shadow-sm w-full mx-auto mt-4 h-[calc(100%-1rem)] overflow-hidden",
             children: e3
-          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], B2 = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], W2 = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (K2 = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (X2 = (0, import_jsx_runtime.jsx)(GridControls, {
           layout: c,
           setLayout: l,
           isLocked: v,
           setIsLocked: y
-        }), r[137] = v, r[138] = c, r[139] = l, r[140] = K2) : K2 = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = X2) : X2 = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W2 = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = W2, r[142] = g2) : (W2 = r[141], g2 = r[142]), r[143] === B2 ? G2 = r[144] : (G2 = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J2 = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = J2, r[142] = g2) : (J2 = r[141], g2 = r[142]), r[143] === W2 ? Y2 = r[144] : (Y2 = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: B2
-        }), r[143] = B2, r[144] = G2), V2 = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H2 = (0, import_jsx_runtime.jsx)("div", {
+          children: W2
+        }), r[143] = W2, r[144] = Y2), G2 = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K2 = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = H2) : H2 = r[145];
+        }), r[145] = K2) : K2 = r[145];
         let b2;
         r[146] !== c.columns || r[147] !== c.rowHeight || r[148] !== d ? (b2 = (e3) => (0, import_jsx_runtime.jsx)("div", {
           draggable: true,
@@ -41478,34 +41494,34 @@ ${c}
             status: e3.status,
             hidden: false
           })
-        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], U2 = m2.map(b2);
-      }
-      r[108] = u, r[109] = B2, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = V2, r[118] = H2, r[119] = U2, r[120] = W2, r[121] = G2, r[122] = K2, r[123] = q2, r[124] = B2;
-    } else V2 = r[117], H2 = r[118], U2 = r[119], W2 = r[120], G2 = r[121], K2 = r[122], q2 = r[123], B2 = r[124];
-    if (q2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return q2;
-    let J2;
-    r[150] !== V2 || r[151] !== H2 || r[152] !== U2 ? (J2 = (0, import_jsx_runtime.jsxs)("div", {
-      className: V2,
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], q2 = m2.map(b2);
+      }
+      r[108] = u, r[109] = W2, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = G2, r[118] = K2, r[119] = q2, r[120] = J2, r[121] = Y2, r[122] = X2, r[123] = Z2, r[124] = W2;
+    } else G2 = r[117], K2 = r[118], q2 = r[119], J2 = r[120], Y2 = r[121], X2 = r[122], Z2 = r[123], W2 = r[124];
+    if (Z2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return Z2;
+    let Q2;
+    r[150] !== G2 || r[151] !== K2 || r[152] !== q2 ? (Q2 = (0, import_jsx_runtime.jsxs)("div", {
+      className: G2,
       children: [
-        H2,
-        U2
+        K2,
+        q2
       ]
-    }), r[150] = V2, r[151] = H2, r[152] = U2, r[153] = J2) : J2 = r[153];
-    let Y2;
-    r[154] !== W2 || r[155] !== G2 || r[156] !== J2 ? (Y2 = (0, import_jsx_runtime.jsxs)("div", {
-      className: W2,
+    }), r[150] = G2, r[151] = K2, r[152] = q2, r[153] = Q2) : Q2 = r[153];
+    let $2;
+    r[154] !== J2 || r[155] !== Y2 || r[156] !== Q2 ? ($2 = (0, import_jsx_runtime.jsxs)("div", {
+      className: J2,
       children: [
-        G2,
-        J2
+        Y2,
+        Q2
       ]
-    }), r[154] = W2, r[155] = G2, r[156] = J2, r[157] = Y2) : Y2 = r[157];
-    let X2;
-    return r[158] !== K2 || r[159] !== Y2 ? (X2 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = J2, r[155] = Y2, r[156] = Q2, r[157] = $2) : $2 = r[157];
+    let e4;
+    return r[158] !== X2 || r[159] !== $2 ? (e4 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        K2,
-        Y2
+        X2,
+        $2
       ]
-    }), r[158] = K2, r[159] = Y2, r[160] = X2) : X2 = r[160], X2;
+    }), r[158] = X2, r[159] = $2, r[160] = e4) : e4 = r[160], e4;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$12.c)(20), { output: c, cellId: l, status: u, mode: d, code: f, hidden: m, isScrollable: h, side: g, className: _ } = e, v;
@@ -41806,25 +41822,25 @@ ${c}
         G
       ]
     }), r[31] = L, r[32] = R, r[33] = G, r[34] = q) : q = r[34];
-    let C2;
-    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C2 = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+    let D2;
+    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D2 = (0, import_jsx_runtime.jsx)(GripHorizontal, {
       className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
-    }), r[35] = C2) : C2 = r[35];
-    let w2;
-    r[36] === l ? w2 = r[37] : (w2 = (0, import_jsx_runtime.jsx)(X, {
+    }), r[35] = D2) : D2 = r[35];
+    let O2;
+    r[36] === l ? O2 = r[37] : (O2 = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
-    }), r[36] = l, r[37] = w2);
-    let T2;
-    return r[38] !== I || r[39] !== q || r[40] !== w2 || r[41] !== w ? (T2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[36] = l, r[37] = O2);
+    let k2;
+    return r[38] !== I || r[39] !== q || r[40] !== O2 || r[41] !== w ? (k2 = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
         q,
-        C2,
-        w2
+        D2,
+        O2
       ]
-    }), r[38] = I, r[39] = q, r[40] = w2, r[41] = w, r[42] = T2) : T2 = r[42], T2;
+    }), r[38] = I, r[39] = q, r[40] = O2, r[41] = w, r[42] = k2) : k2 = r[42], k2;
   };
   function isSidebarCell(e) {
     var _a3;
@@ -43752,31 +43768,31 @@ ${c}
     }, [
       T,
       M
-    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), C2 = (0, import_react.useMemo)(() => j.getEnabled(), [
+    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), D2 = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), w2 = useMeasuringConfiguration(p), { droppableRects: T2, measureDroppableContainers: E2, measuringScheduled: D2 } = useDroppableMeasuring(C2, {
+    ]), O2 = useMeasuringConfiguration(p), { droppableRects: k2, measureDroppableContainers: A2, measuringScheduled: j2 } = useDroppableMeasuring(D2, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
-      config: w2.droppable
-    }), Z = useCachedNode(E, T), O2 = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+      config: O2.droppable
+    }), Z = useCachedNode(E, T), M2 = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), k2 = o4(), A2 = useInitialRect(Z, w2.draggable.measure);
+    ]), N2 = u4(), P2 = useInitialRect(Z, O2.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: k2.layoutShiftCompensation,
-      initialRect: A2,
-      measure: w2.draggable.measure
+      config: N2.layoutShiftCompensation,
+      initialRect: P2,
+      measure: O2.draggable.measure
     });
-    let j2 = useRect(Z, w2.draggable.measure, A2), M2 = useRect(Z ? Z.parentElement : null), N2 = (0, import_react.useRef)({
+    let F2 = useRect(Z, O2.draggable.measure, P2), I2 = useRect(Z ? Z.parentElement : null), L2 = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
       activeNode: Z,
       collisionRect: null,
       collisions: null,
-      droppableRects: T2,
+      droppableRects: k2,
       draggableNodes: E,
       draggingNode: null,
       draggingNodeRect: null,
@@ -43784,45 +43800,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), P2 = j.getNodeFor((_a3 = N2.current.over) == null ? void 0 : _a3.id), F2 = useDragOverlayMeasuring({
-      measure: w2.dragOverlay.measure
-    }), I2 = F2.nodeRef.current ?? Z, L2 = w ? F2.rect ?? j2 : null, R2 = !!(F2.nodeRef.current && F2.rect), z2 = useRectDelta(R2 ? null : j2), B2 = useWindowRect(I2 ? getWindow(I2) : null), V2 = useScrollableAncestors(w ? P2 ?? Z : null), H2 = useRects(V2), U2 = applyModifiers(m, {
+    }), R2 = j.getNodeFor((_a3 = L2.current.over) == null ? void 0 : _a3.id), z2 = useDragOverlayMeasuring({
+      measure: O2.dragOverlay.measure
+    }), B2 = z2.nodeRef.current ?? Z, V2 = w ? z2.rect ?? F2 : null, H2 = !!(z2.nodeRef.current && z2.rect), U2 = useRectDelta(H2 ? null : F2), W2 = useWindowRect(B2 ? getWindow(B2) : null), G2 = useScrollableAncestors(w ? R2 ?? Z : null), K2 = useRects(G2), q2 = applyModifiers(m, {
       transform: {
-        x: O.x - z2.x,
-        y: O.y - z2.y,
+        x: O.x - U2.x,
+        y: O.y - U2.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: j2,
-      containerNodeRect: M2,
-      draggingNodeRect: L2,
-      over: N2.current.over,
-      overlayNodeRect: F2.rect,
-      scrollableAncestors: V2,
-      scrollableAncestorRects: H2,
-      windowRect: B2
-    }), W2 = O2 ? add(O2, O) : null, G2 = useScrollOffsets(V2), K2 = useScrollOffsetsDelta(G2), q2 = useScrollOffsetsDelta(G2, [
-      j2
-    ]), J2 = add(U2, K2), Y2 = L2 ? getAdjustedRect(L2, U2) : null, X2 = L && Y2 ? f({
+      activeNodeRect: F2,
+      containerNodeRect: I2,
+      draggingNodeRect: V2,
+      over: L2.current.over,
+      overlayNodeRect: z2.rect,
+      scrollableAncestors: G2,
+      scrollableAncestorRects: K2,
+      windowRect: W2
+    }), J2 = M2 ? add(M2, O) : null, Y2 = useScrollOffsets(G2), X2 = useScrollOffsetsDelta(Y2), Z2 = useScrollOffsetsDelta(Y2, [
+      F2
+    ]), Q2 = add(q2, X2), $2 = V2 ? getAdjustedRect(V2, q2) : null, e4 = L && $2 ? f({
       active: L,
-      collisionRect: Y2,
-      droppableRects: T2,
-      droppableContainers: C2,
-      pointerCoordinates: W2
-    }) : null, Z2 = getFirstCollision(X2, "id"), [Q2, $2] = (0, import_react.useState)(null), e4 = adjustScale(R2 ? U2 : add(U2, q2), (Q2 == null ? void 0 : Q2.rect) ?? null, j2), t4 = (0, import_react.useRef)(null), n4 = (0, import_react.useCallback)((e2, r2) => {
+      collisionRect: $2,
+      droppableRects: k2,
+      droppableContainers: D2,
+      pointerCoordinates: J2
+    }) : null, t4 = getFirstCollision(e4, "id"), [n4, r4] = (0, import_react.useState)(null), i4 = adjustScale(H2 ? q2 : add(q2, Z2), (n4 == null ? void 0 : n4.rect) ?? null, F2), a4 = (0, import_react.useRef)(null), o4 = (0, import_react.useCallback)((e2, r2) => {
       let { sensor: c2, options: l2 } = r2;
       if (R.current == null) return;
       let u2 = E.get(R.current);
       if (!u2) return;
       let d2 = e2.nativeEvent;
-      t4.current = new c2({
+      a4.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: N2,
+        context: L2,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -43867,7 +43883,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(t4.current), W(d2);
+            }), B(a4.current), W(d2);
           });
         },
         onMove(e3) {
@@ -43881,7 +43897,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = N2.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = L2.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -43895,7 +43911,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), $2(null), B(null), W(null), t4.current = null;
+            }), S(Status.Uninitialized), r4(null), B(null), W(null), a4.current = null;
             let r5 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e5 = G.current[r5];
@@ -43909,7 +43925,7 @@ ${c}
       }
     }, [
       E
-    ]), r4 = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), s4 = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
       let u2 = c2.nativeEvent, d2 = E.get(l2);
       if (R.current !== null || !d2 || u2.dndKit || u2.defaultPrevented) return;
       let f2 = {
@@ -43917,26 +43933,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, n4(c2, r2));
+      }, R.current = l2, o4(c2, r2));
     }, [
       E,
-      n4
+      o4
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      j2 && b === Status.Initializing && S(Status.Initialized);
+      F2 && b === Status.Initializing && S(Status.Initialized);
     }, [
-      j2,
+      F2,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = N2.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = L2.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: J2.x,
-          y: J2.y
+          x: Q2.x,
+          y: Q2.y
         },
         over: u2
       };
@@ -43947,12 +43963,12 @@ ${c}
         });
       });
     }, [
-      J2.x,
-      J2.y
+      Q2.x,
+      Q2.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = N2.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = L2.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(Z2), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(t4), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -43968,127 +43984,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        $2(p2), d2 == null ? void 0 : d2(m2), v({
+        r4(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      Z2
+      t4
     ]), useIsomorphicLayoutEffect(() => {
-      N2.current = {
+      L2.current = {
         activatorEvent: H,
         active: L,
         activeNode: Z,
-        collisionRect: Y2,
-        collisions: X2,
-        droppableRects: T2,
+        collisionRect: $2,
+        collisions: e4,
+        droppableRects: k2,
         draggableNodes: E,
-        draggingNode: I2,
-        draggingNodeRect: L2,
+        draggingNode: B2,
+        draggingNodeRect: V2,
         droppableContainers: j,
-        over: Q2,
-        scrollableAncestors: V2,
-        scrollAdjustedTranslate: J2
+        over: n4,
+        scrollableAncestors: G2,
+        scrollAdjustedTranslate: Q2
       }, I.current = {
-        initial: L2,
-        translated: Y2
+        initial: V2,
+        translated: $2
       };
     }, [
       L,
       Z,
-      X2,
-      Y2,
+      e4,
+      $2,
       E,
-      I2,
-      L2,
-      T2,
-      j,
-      Q2,
+      B2,
       V2,
-      J2
+      k2,
+      j,
+      n4,
+      G2,
+      Q2
     ]), useAutoScroller({
-      ...k2,
+      ...N2,
       delta: O,
-      draggingRect: Y2,
-      pointerCoordinates: W2,
-      scrollableAncestors: V2,
-      scrollableAncestorRects: H2
+      draggingRect: $2,
+      pointerCoordinates: J2,
+      scrollableAncestors: G2,
+      scrollableAncestorRects: K2
     });
-    let i4 = (0, import_react.useMemo)(() => ({
+    let c4 = (0, import_react.useMemo)(() => ({
       active: L,
       activeNode: Z,
-      activeNodeRect: j2,
+      activeNodeRect: F2,
       activatorEvent: H,
-      collisions: X2,
-      containerNodeRect: M2,
-      dragOverlay: F2,
+      collisions: e4,
+      containerNodeRect: I2,
+      dragOverlay: z2,
       draggableNodes: E,
       droppableContainers: j,
-      droppableRects: T2,
-      over: Q2,
-      measureDroppableContainers: E2,
-      scrollableAncestors: V2,
-      scrollableAncestorRects: H2,
-      measuringConfiguration: w2,
-      measuringScheduled: D2,
-      windowRect: B2
+      droppableRects: k2,
+      over: n4,
+      measureDroppableContainers: A2,
+      scrollableAncestors: G2,
+      scrollableAncestorRects: K2,
+      measuringConfiguration: O2,
+      measuringScheduled: j2,
+      windowRect: W2
     }), [
       L,
       Z,
-      j2,
-      H,
-      X2,
-      M2,
       F2,
+      H,
+      e4,
+      I2,
+      z2,
       E,
       j,
-      T2,
-      Q2,
-      E2,
-      V2,
-      H2,
-      w2,
-      D2,
-      B2
-    ]), a4 = (0, import_react.useMemo)(() => ({
+      k2,
+      n4,
+      A2,
+      G2,
+      K2,
+      O2,
+      j2,
+      W2
+    ]), l4 = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: r4,
+      activators: s4,
       active: L,
-      activeNodeRect: j2,
+      activeNodeRect: F2,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: Q2,
-      measureDroppableContainers: E2
+      over: n4,
+      measureDroppableContainers: A2
     }), [
       H,
-      r4,
+      s4,
       L,
-      j2,
+      F2,
       _,
       q,
       E,
-      Q2,
-      E2
+      n4,
+      A2
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: a4
+      value: l4
     }, import_react.createElement(PublicContext.Provider, {
-      value: i4
+      value: c4
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: e4
+      value: i4
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function o4() {
+    function u4() {
       let e2 = (z == null ? void 0 : z.autoScrollEnabled) === false, r2 = typeof l == "object" ? l.enabled === false : l === false, c2 = w && !e2 && !r2;
       return typeof l == "object" ? {
         ...l,
@@ -44616,7 +44632,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: C2, listeners: w2, isDragging: T2, over: E2, setActivatorNodeRef: D2, transform: Z } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: D2, listeners: O2, isDragging: k2, over: A2, setActivatorNodeRef: j2, transform: Z } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -44624,60 +44640,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), O2 = useCombinedRefs(B, C2), k2 = !!H, A2 = k2 && !b && isValidIndex(v) && isValidIndex(w), j2 = !T && T2, M2 = A2 ? (j2 && A2 ? Z : null) ?? (p ?? E)({
+    }), M2 = useCombinedRefs(B, D2), N2 = !!H, P2 = N2 && !b && isValidIndex(v) && isValidIndex(w), F2 = !T && k2, I2 = P2 ? (F2 && P2 ? Z : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, N2 = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, L2 = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, P2 = H == null ? void 0 : H.id, F2 = (0, import_react.useRef)({
-      activeId: P2,
+    }) : j, R2 = H == null ? void 0 : H.id, z2 = (0, import_react.useRef)({
+      activeId: R2,
       items: g,
-      newIndex: N2,
+      newIndex: L2,
       containerId: _
-    }), I2 = g !== F2.current.items, L2 = r({
+    }), B2 = g !== z2.current.items, V2 = r({
       active: H,
       containerId: _,
-      isDragging: T2,
-      isSorting: k2,
+      isDragging: k2,
+      isSorting: N2,
       id: f,
       index: j,
       items: g,
-      newIndex: F2.current.newIndex,
-      previousItems: F2.current.items,
-      previousContainerId: F2.current.containerId,
+      newIndex: z2.current.newIndex,
+      previousItems: z2.current.items,
+      previousContainerId: z2.current.containerId,
       transition: h,
-      wasDragging: F2.current.activeId != null
-    }), R2 = useDerivedTransform({
-      disabled: !L2,
+      wasDragging: z2.current.activeId != null
+    }), H2 = useDerivedTransform({
+      disabled: !V2,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      k2 && F2.current.newIndex !== N2 && (F2.current.newIndex = N2), _ !== F2.current.containerId && (F2.current.containerId = _), g !== F2.current.items && (F2.current.items = g);
+      N2 && z2.current.newIndex !== L2 && (z2.current.newIndex = L2), _ !== z2.current.containerId && (z2.current.containerId = _), g !== z2.current.items && (z2.current.items = g);
     }, [
-      k2,
       N2,
+      L2,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (P2 === F2.current.activeId) return;
-      if (P2 != null && F2.current.activeId == null) {
-        F2.current.activeId = P2;
+      if (R2 === z2.current.activeId) return;
+      if (R2 != null && z2.current.activeId == null) {
+        z2.current.activeId = R2;
         return;
       }
       let e2 = setTimeout(() => {
-        F2.current.activeId = P2;
+        z2.current.activeId = R2;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      P2
+      R2
     ]), {
       active: H,
       activeIndex: v,
@@ -44685,25 +44701,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: N2,
+      newIndex: L2,
       items: g,
       isOver: z,
-      isSorting: k2,
-      isDragging: T2,
-      listeners: w2,
+      isSorting: N2,
+      isDragging: k2,
+      listeners: O2,
       node: R,
       overIndex: w,
-      over: E2,
-      setNodeRef: O2,
-      setActivatorNodeRef: D2,
+      over: A2,
+      setNodeRef: M2,
+      setActivatorNodeRef: j2,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: C2,
-      transform: R2 ?? M2,
-      transition: z2()
+      setDraggableNodeRef: D2,
+      transform: H2 ?? I2,
+      transition: U2()
     };
-    function z2() {
-      if (R2 || I2 && F2.current.newIndex === j) return disabledTransition;
-      if (!(j2 && !isKeyboardEvent(W) || !h) && (k2 || L2)) return CSS$1.Transition.toString({
+    function U2() {
+      if (H2 || B2 && z2.current.newIndex === j) return disabledTransition;
+      if (!(F2 && !isKeyboardEvent(W) || !h) && (N2 || V2)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -45326,7 +45342,7 @@ ${c}
       let r2 = e2.scrollHeight - e2.clientHeight;
       r2 - e2.scrollTop < 120 && (e2.scrollTop = r2);
     }, r[2] = z) : z = r[2], (0, import_react.useLayoutEffect)(z), !I && isInternalCellName(b)) return null;
-    let B, H, W, G, q, C2, w2, T2, E2, D2;
+    let B, H, W, G, q, D2, O2, k2, A2, j2;
     if (r[3] !== S || r[4] !== j || r[5] !== M || r[6] !== I || r[7] !== _ || r[8] !== d || r[9] !== R || r[10] !== E || r[11] !== O || r[12] !== T || r[13] !== L || r[14] !== f || r[15] !== u || r[16] !== y || r[17] !== m || r[18] !== l) {
       let e2 = M.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), b2;
       r[29] === M ? b2 = r[30] : (b2 = () => M.filter(_temp3$1).map(_temp4$1).join("\n"), r[29] = M, r[30] = b2);
@@ -45372,11 +45388,11 @@ ${c}
             })
           })
         ]
-      }), r[31] = z2, r[32] = I, r[33] = d, r[34] = R, r[35] = f, r[36] = u, r[37] = l, r[38] = H) : H = r[38], W = y ? "This console output is stale" : void 0, G = "console-output-area", q = c, C2 = L, w2 = 0;
-      let Z2 = y && "marimo-output-stale", O22 = I ? "p-5" : "p-3";
-      r[39] !== j || r[40] !== Z2 || r[41] !== O22 ? (T2 = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", Z2, O22, j), r[39] = j, r[40] = Z2, r[41] = O22, r[42] = T2) : T2 = r[42], r[43] === d ? E2 = r[44] : (E2 = d ? {
+      }), r[31] = z2, r[32] = I, r[33] = d, r[34] = R, r[35] = f, r[36] = u, r[37] = l, r[38] = H) : H = r[38], W = y ? "This console output is stale" : void 0, G = "console-output-area", q = c, D2 = L, O2 = 0;
+      let Z2 = y && "marimo-output-stale", M22 = I ? "p-5" : "p-3";
+      r[39] !== j || r[40] !== Z2 || r[41] !== M22 ? (k2 = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", Z2, M22, j), r[39] = j, r[40] = Z2, r[41] = M22, r[42] = k2) : k2 = r[42], r[43] === d ? A2 = r[44] : (A2 = d ? {
         maxHeight: "none"
-      } : void 0, r[43] = d, r[44] = E2), D2 = e2.map((e3, r2) => {
+      } : void 0, r[43] = d, r[44] = A2), j2 = 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");
@@ -45404,36 +45420,36 @@ ${c}
             wrapText: l
           })
         }, r2);
-      }), r[3] = S, r[4] = j, r[5] = M, r[6] = I, r[7] = _, r[8] = d, r[9] = R, r[10] = E, r[11] = O, r[12] = T, r[13] = L, r[14] = f, r[15] = u, r[16] = y, r[17] = m, r[18] = l, r[19] = B, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = C2, r[25] = w2, r[26] = T2, r[27] = E2, r[28] = D2;
-    } else B = r[19], H = r[20], W = r[21], G = r[22], q = r[23], C2 = r[24], w2 = r[25], T2 = r[26], E2 = r[27], D2 = r[28];
+      }), r[3] = S, r[4] = j, r[5] = M, r[6] = I, r[7] = _, r[8] = d, r[9] = R, r[10] = E, r[11] = O, r[12] = T, r[13] = L, r[14] = f, r[15] = u, r[16] = y, r[17] = m, r[18] = l, r[19] = B, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = D2, r[25] = O2, r[26] = k2, r[27] = A2, r[28] = j2;
+    } else B = r[19], H = r[20], W = r[21], G = r[22], q = r[23], D2 = r[24], O2 = r[25], k2 = r[26], A2 = r[27], j2 = r[28];
     let Z;
     r[45] !== S || r[46] !== b ? (Z = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: b,
       cellId: S,
       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] = S, r[46] = b, r[47] = Z) : Z = r[47];
-    let O2;
-    r[48] !== Z || r[49] !== W || r[50] !== G || r[51] !== q || r[52] !== C2 || r[53] !== w2 || r[54] !== T2 || r[55] !== E2 || r[56] !== D2 ? (O2 = (0, import_jsx_runtime.jsxs)("div", {
+    let M2;
+    r[48] !== Z || r[49] !== W || r[50] !== G || r[51] !== q || r[52] !== D2 || r[53] !== O2 || r[54] !== k2 || r[55] !== A2 || r[56] !== j2 ? (M2 = (0, import_jsx_runtime.jsxs)("div", {
       title: W,
       "data-testid": G,
       ref: q,
-      ...C2,
-      tabIndex: w2,
-      className: T2,
-      style: E2,
+      ...D2,
+      tabIndex: O2,
+      className: k2,
+      style: A2,
       children: [
-        D2,
+        j2,
         Z
       ]
-    }), r[48] = Z, r[49] = W, r[50] = G, r[51] = q, r[52] = C2, r[53] = w2, r[54] = T2, r[55] = E2, r[56] = D2, r[57] = O2) : O2 = r[57];
-    let k2;
-    return r[58] !== B || r[59] !== H || r[60] !== O2 ? (k2 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[48] = Z, r[49] = W, r[50] = G, r[51] = q, r[52] = D2, r[53] = O2, r[54] = k2, r[55] = A2, r[56] = j2, r[57] = M2) : M2 = r[57];
+    let N2;
+    return r[58] !== B || r[59] !== H || r[60] !== M2 ? (N2 = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
         H,
-        O2
+        M2
       ]
-    }), r[58] = B, r[59] = H, r[60] = O2, r[61] = k2) : k2 = r[61], k2;
+    }), r[58] = B, r[59] = H, r[60] = M2, r[61] = N2) : N2 = r[61], N2;
   }, StdInput = (e) => {
     let r = (0, import_compiler_runtime$6.c)(25), { value: c, setValue: l, inputHistory: u, output: d, isPassword: f, isPdb: p, onSubmit: m, onClear: h } = e, { navigateUp: g, navigateDown: _, addToHistory: v } = u, y;
     r[0] === d ? y = r[1] : (y = renderText(d), r[0] = d, r[1] = y);
@@ -45525,7 +45541,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.3-dev15"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.3-dev17"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {
@@ -45885,8 +45901,8 @@ ${c}
         cellId: d,
         debuggerActive: false
       }), r[30] = d, r[31] = l, r[32] = T, r[33] = I, r[34] = S2) : S2 = r[34];
-      let w3;
-      return r[35] !== H || r[36] !== S2 || r[37] !== h2 || r[38] !== _2 || r[39] !== v2 || r[40] !== y2 ? (w3 = (0, import_jsx_runtime.jsxs)("div", {
+      let w2;
+      return r[35] !== H || r[36] !== S2 || r[37] !== h2 || r[38] !== _2 || r[39] !== v2 || r[40] !== y2 ? (w2 = (0, import_jsx_runtime.jsxs)("div", {
         tabIndex: -1,
         ref: j,
         className: H,
@@ -45897,29 +45913,29 @@ ${c}
           y2,
           S2
         ]
-      }), r[35] = H, r[36] = S2, r[37] = h2, r[38] = _2, r[39] = v2, r[40] = y2, r[41] = w3) : w3 = r[41], w3;
+      }), r[35] = H, r[36] = S2, r[37] = h2, r[38] = _2, r[39] = v2, r[40] = y2, r[41] = w2) : w2 = r[41], w2;
     }
     let W = isErrorMime(c == null ? void 0 : c.mimetype), G = O && W && Array.isArray(c == null ? void 0 : c.data) && c.data.some(_temp6);
     if ((h || _ || m || W) && !G) return null;
     let q;
     r[42] !== d || r[43] !== T ? (q = cellDomProps(d, T), r[42] = d, r[43] = T, r[44] = q) : q = r[44];
-    let C2 = w === "edit", w2;
-    r[45] !== d || r[46] !== R || r[47] !== c || r[48] !== I || r[49] !== C2 ? (w2 = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: C2,
+    let D2 = w === "edit", O2;
+    r[45] !== d || r[46] !== R || r[47] !== c || r[48] !== I || r[49] !== D2 ? (O2 = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: D2,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[45] = d, r[46] = R, r[47] = c, r[48] = I, r[49] = C2, r[50] = w2) : w2 = r[50];
-    let T2;
-    return r[51] !== H || r[52] !== q || r[53] !== w2 ? (T2 = (0, import_jsx_runtime.jsx)("div", {
+    }), r[45] = d, r[46] = R, r[47] = c, r[48] = I, r[49] = D2, r[50] = O2) : O2 = r[50];
+    let k2;
+    return r[51] !== H || r[52] !== q || r[53] !== O2 ? (k2 = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
       ...q,
-      children: w2
-    }), r[51] = H, r[52] = q, r[53] = w2, r[54] = T2) : T2 = r[54], T2;
+      children: O2
+    }), r[51] = H, r[52] = q, r[53] = O2, r[54] = k2) : k2 = r[54], k2;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {
@@ -46964,16 +46980,18 @@ ${r}
       });
     }
     startSessionsForAllApps() {
+      var _a3;
       let e = parseMarimoIslandApps(this.root);
       Logger.debug(`Starting sessions for ${e.length} app(s):`, e.map((e2) => `${e2.id} (${e2.cells.length} cells)`));
-      for (let r of e) {
-        let e2 = createMarimoFile(r);
-        Logger.debug(`App ${r.id} marimo file:
+      let r = (_a3 = e.length === 1 ? getMarimoExportContext() : void 0) == null ? void 0 : _a3.notebookCode;
+      for (let c of e) {
+        let e2 = r || createMarimoFile(c);
+        Logger.debug(`App ${c.id} marimo file:
 `, e2), this.startSession({
           code: e2,
-          appId: r.id
+          appId: c.id
         }).catch((e3) => {
-          Logger.error(`Failed to start session for app ${r.id}:`, e3);
+          Logger.error(`Failed to start session for app ${c.id}:`, e3);
         });
       }
     }