dara-core 1.25.0__py3-none-any.whl → 1.25.2__py3-none-any.whl

dara/core/_assets/auto_js/dara.core.umd.cjs

@@ -4227,7 +4227,7 @@
     let recoilValue = null;
     const {
       key,
-      get,
+      get: get2,
       cachePolicy_UNSTABLE: cachePolicy
     } = options;
     const set2 = options.set != null ? options.set : void 0;
@@ -4423,7 +4423,7 @@
         };
       };
       try {
-        result = get({
+        result = get2({
           get: getRecoilValue,
           getCallback
         });
@@ -5028,9 +5028,9 @@
     const sel = Recoil_selector({
       key: `${options.key}__withFallback`,
       get: ({
-        get
+        get: get2
       }) => {
-        const baseValue = get(base);
+        const baseValue = get2(base);
         return baseValue instanceof DefaultValue$2$1 ? options.default : baseValue;
       },
       // $FlowFixMe[incompatible-call]
@@ -5312,10 +5312,10 @@
   Recoil_selectorFamily({
     key: "__waitForNone",
     get: (dependencies) => ({
-      get
+      get: get2
     }) => {
       const deps = unwrapDependencies(dependencies);
-      const [results, exceptions] = concurrentRequests(get, deps);
+      const [results, exceptions] = concurrentRequests(get2, deps);
       return wrapLoadables(dependencies, results, exceptions);
     },
     dangerouslyAllowMutability: true
@@ -5323,10 +5323,10 @@
   Recoil_selectorFamily({
     key: "__waitForAny",
     get: (dependencies) => ({
-      get
+      get: get2
     }) => {
       const deps = unwrapDependencies(dependencies);
-      const [results, exceptions] = concurrentRequests(get, deps);
+      const [results, exceptions] = concurrentRequests(get2, deps);
       if (exceptions.some((exp) => !Recoil_isPromise(exp))) {
         return wrapLoadables(dependencies, results, exceptions);
       }
@@ -5350,10 +5350,10 @@
   Recoil_selectorFamily({
     key: "__waitForAll",
     get: (dependencies) => ({
-      get
+      get: get2
     }) => {
       const deps = unwrapDependencies(dependencies);
-      const [results, exceptions] = concurrentRequests(get, deps);
+      const [results, exceptions] = concurrentRequests(get2, deps);
       if (exceptions.every((exp) => exp == null)) {
         return wrapResults(dependencies, results);
       }
@@ -5368,10 +5368,10 @@
   Recoil_selectorFamily({
     key: "__waitForAllSettled",
     get: (dependencies) => ({
-      get
+      get: get2
     }) => {
       const deps = unwrapDependencies(dependencies);
-      const [results, exceptions] = concurrentRequests(get, deps);
+      const [results, exceptions] = concurrentRequests(get2, deps);
       if (exceptions.every((exp) => !Recoil_isPromise(exp))) {
         return wrapLoadables(dependencies, results, exceptions);
       }
@@ -5388,10 +5388,10 @@
   Recoil_selectorFamily({
     key: "__noWait",
     get: (dependency) => ({
-      get
+      get: get2
     }) => {
       try {
-        return Recoil_selector.value(loadableWithValue$4(get(dependency)));
+        return Recoil_selector.value(loadableWithValue$4(get2(dependency)));
       } catch (exception) {
         return Recoil_selector.value(Recoil_isPromise(exception) ? loadableWithPromise$3(exception) : loadableWithError$3(exception));
       }
@@ -6651,7 +6651,7 @@
         return cb(config$2);
       });
     },
-    get: function get() {
+    get: function get2() {
       return _config.cssPrefix;
     }
   });
@@ -13387,11 +13387,11 @@
     if (hasRequiredGet) return get_1;
     hasRequiredGet = 1;
     var baseGet = require_baseGet();
-    function get(object2, path, defaultValue) {
+    function get2(object2, path, defaultValue) {
       var result = object2 == null ? void 0 : baseGet(object2, path);
       return result === void 0 ? defaultValue : result;
     }
-    get_1 = get;
+    get_1 = get2;
     return get_1;
   }
   var _baseHasIn;
@@ -13447,14 +13447,14 @@
   function require_baseMatchesProperty() {
     if (hasRequired_baseMatchesProperty) return _baseMatchesProperty;
     hasRequired_baseMatchesProperty = 1;
-    var baseIsEqual = require_baseIsEqual(), get = requireGet(), hasIn = requireHasIn(), isKey = require_isKey(), isStrictComparable = require_isStrictComparable(), matchesStrictComparable = require_matchesStrictComparable(), toKey = require_toKey();
+    var baseIsEqual = require_baseIsEqual(), get2 = requireGet(), hasIn = requireHasIn(), isKey = require_isKey(), isStrictComparable = require_isStrictComparable(), matchesStrictComparable = require_matchesStrictComparable(), toKey = require_toKey();
     var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
     function baseMatchesProperty(path, srcValue) {
       if (isKey(path) && isStrictComparable(srcValue)) {
         return matchesStrictComparable(toKey(path), srcValue);
       }
       return function(object2) {
-        var objValue = get(object2, path);
+        var objValue = get2(object2, path);
         return objValue === void 0 && objValue === srcValue ? hasIn(object2, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
       };
     }
@@ -14019,10 +14019,10 @@
     };
   }
   /*!
-  * tabbable 6.3.0
+  * tabbable 6.4.0
   * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
   */
-  var candidateSelectors = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"];
+  var candidateSelectors = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"];
   var candidateSelector = /* @__PURE__ */ candidateSelectors.join(",");
   var NoElement = typeof Element === "undefined";
   var matches = NoElement ? function() {
@@ -14040,7 +14040,9 @@
     }
     var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, "inert");
     var inert = inertAtt === "" || inertAtt === "true";
-    var result = inert || lookUp && node && _isInert(node.parentNode);
+    var result = inert || lookUp && node && // closest does not exist on shadow roots, so we fall back to a manual
+    // lookup upward, in case it is not defined.
+    (typeof node.closest === "function" ? node.closest("[inert]") : _isInert(node.parentNode));
     return result;
   };
   var isContentEditable = function isContentEditable2(node) {
@@ -14274,10 +14276,7 @@
     return false;
   };
   var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable2(options, node) {
-    if (node.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
-    //  because we're limited in the type of selectors we can use in JSDom (see related
-    //  note related to `candidateSelectors`)
-    _isInert(node) || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
+    if (node.disabled || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
     isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
       return false;
     }
@@ -14391,6 +14390,62 @@
     }
     return coords;
   }
+  async function detectOverflow$1(state, options) {
+    var _await$platform$isEle;
+    if (options === void 0) {
+      options = {};
+    }
+    const {
+      x,
+      y,
+      platform: platform2,
+      rects,
+      elements,
+      strategy
+    } = state;
+    const {
+      boundary = "clippingAncestors",
+      rootBoundary = "viewport",
+      elementContext = "floating",
+      altBoundary = false,
+      padding = 0
+    } = evaluate(options, state);
+    const paddingObject = getPaddingObject(padding);
+    const altContext = elementContext === "floating" ? "reference" : "floating";
+    const element = elements[altBoundary ? altContext : elementContext];
+    const clippingClientRect = rectToClientRect$1(await platform2.getClippingRect({
+      element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
+      boundary,
+      rootBoundary,
+      strategy
+    }));
+    const rect = elementContext === "floating" ? {
+      x,
+      y,
+      width: rects.floating.width,
+      height: rects.floating.height
+    } : rects.reference;
+    const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
+    const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
+      x: 1,
+      y: 1
+    } : {
+      x: 1,
+      y: 1
+    };
+    const elementClientRect = rectToClientRect$1(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+      elements,
+      rect,
+      offsetParent,
+      strategy
+    }) : rect);
+    return {
+      top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+      bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+      left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+      right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+    };
+  }
   const computePosition$1 = async (reference2, floating, config2) => {
     const {
       placement = "bottom",
@@ -14413,6 +14468,7 @@
     let middlewareData = {};
     let resetCount = 0;
     for (let i2 = 0; i2 < validMiddleware.length; i2++) {
+      var _platform$detectOverf;
       const {
         name,
         fn
@@ -14430,7 +14486,10 @@
         strategy,
         middlewareData,
         rects,
-        platform: platform2,
+        platform: {
+          ...platform2,
+          detectOverflow: (_platform$detectOverf = platform2.detectOverflow) != null ? _platform$detectOverf : detectOverflow$1
+        },
         elements: {
           reference: reference2,
           floating
@@ -14474,62 +14533,6 @@
       middlewareData
     };
   };
-  async function detectOverflow$1(state, options) {
-    var _await$platform$isEle;
-    if (options === void 0) {
-      options = {};
-    }
-    const {
-      x,
-      y,
-      platform: platform2,
-      rects,
-      elements,
-      strategy
-    } = state;
-    const {
-      boundary = "clippingAncestors",
-      rootBoundary = "viewport",
-      elementContext = "floating",
-      altBoundary = false,
-      padding = 0
-    } = evaluate(options, state);
-    const paddingObject = getPaddingObject(padding);
-    const altContext = elementContext === "floating" ? "reference" : "floating";
-    const element = elements[altBoundary ? altContext : elementContext];
-    const clippingClientRect = rectToClientRect$1(await platform2.getClippingRect({
-      element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
-      boundary,
-      rootBoundary,
-      strategy
-    }));
-    const rect = elementContext === "floating" ? {
-      x,
-      y,
-      width: rects.floating.width,
-      height: rects.floating.height
-    } : rects.reference;
-    const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
-    const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
-      x: 1,
-      y: 1
-    } : {
-      x: 1,
-      y: 1
-    };
-    const elementClientRect = rectToClientRect$1(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
-      elements,
-      rect,
-      offsetParent,
-      strategy
-    }) : rect);
-    return {
-      top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-      bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-      left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-      right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-    };
-  }
   const arrow$4 = (options) => ({
     name: "arrow",
     options,
@@ -14625,7 +14628,7 @@
           ...detectOverflowOptions
         } = evaluate(options, state);
         const placements$1$1 = alignment !== void 0 || allowedPlacements === placements$1 ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
-        const overflow = await detectOverflow$1(state, detectOverflowOptions);
+        const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
         const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
         const currentPlacement = placements$1$1[currentIndex];
         if (currentPlacement == null) {
@@ -14727,7 +14730,7 @@
           fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
         }
         const placements2 = [initialPlacement, ...fallbackPlacements];
-        const overflow = await detectOverflow$1(state, detectOverflowOptions);
+        const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
         const overflows = [];
         let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
         if (checkMainAxis) {
@@ -14876,7 +14879,8 @@
         const {
           x,
           y,
-          placement
+          placement,
+          platform: platform2
         } = state;
         const {
           mainAxis: checkMainAxis = true,
@@ -14899,7 +14903,7 @@
           x,
           y
         };
-        const overflow = await detectOverflow$1(state, detectOverflowOptions);
+        const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
         const crossAxis = getSideAxis(getSide(placement));
         const mainAxis = getOppositeAxis(crossAxis);
         let mainAxisCoord = coords[mainAxis];
@@ -14957,7 +14961,7 @@
           },
           ...detectOverflowOptions
         } = evaluate(options, state);
-        const overflow = await detectOverflow$1(state, detectOverflowOptions);
+        const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
         const side = getSide(placement);
         const alignment = getAlignment(placement);
         const isYAxis = getSideAxis(placement) === "y";
@@ -28021,7 +28025,7 @@
     }
     var passive2 = false;
     var options = Object.defineProperty({}, "passive", {
-      get: function get() {
+      get: function get2() {
         passive2 = true;
       }
     });
@@ -33484,6 +33488,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    font-size: ${(props) => props.size ? `${props.size}rem` : "1rem"};
 `;
   const SelectedItem = styled.div`
     overflow: hidden;
@@ -34529,6 +34534,7 @@
 
     font-weight: ${(props) => (props === null || props === void 0 ? void 0 : props.heading) ? "bold" : "normal"};
     color: ${(props) => getTextColor(props === null || props === void 0 ? void 0 : props.heading, props.isSelected, props.theme)};
+    font-size: ${(props) => props.size ? `${props.size}rem` : "1rem"};
 
     ${(props) => {
     if (props.heading) {
@@ -34554,13 +34560,13 @@
       return [...acc, item];
     }, []);
   }
-  const SectionedListItem = ({ item, index: index2, getItemProps, isSelected, isHighlighted }) => {
+  const SectionedListItem = ({ item, index: index2, getItemProps, isSelected, isHighlighted, size: size2 }) => {
     const theme2 = useClTheme();
     const _a = getItemProps({ index: index2, item }), { itemClassName } = _a, itemProps = __rest$3(_a, ["itemClassName"]);
     if (item.heading) {
       delete itemProps.onClick;
     }
-    return jsxRuntimeExports.jsxs(ListItemSpan, Object.assign({}, itemProps, { heading: item.heading, section: item.section, isSelected, title: item.label, item, index: index2, isHighlighted, children: [item.label || item.section, item.badge && jsxRuntimeExports.jsx(Badge, { color: item.badge.color || theme2.colors.primary, children: item.badge.label })] }));
+    return jsxRuntimeExports.jsxs(ListItemSpan, Object.assign({}, itemProps, { heading: item.heading, section: item.section, isSelected, title: item.label, item, index: index2, size: size2, isHighlighted, children: [item.label || item.section, item.badge && jsxRuntimeExports.jsx(Badge, { color: item.badge.color || theme2.colors.primary, children: item.badge.label })] }));
   };
   function SectionedList(props) {
     var _a, _b, _c;
@@ -34652,8 +34658,8 @@
     const role = useRole(context, { role: "listbox" });
     const { getReferenceProps, getFloatingProps } = useInteractions([role]);
     const dropdownStyle = React$1.useMemo(() => Object.assign(Object.assign({}, floatingStyles), { marginLeft: -1 }), [floatingStyles]);
-    const renderListItem = React$1.useCallback((item, index2) => jsxRuntimeExports.jsx(SectionedListItem, { item, index: index2, getItemProps, isSelected: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value, isHighlighted: isOpen && kbdHighlightIdx !== void 0 && kbdHighlightIdx === index2 }, `item-${index2}-${isOpen && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label}`), [getItemProps, selectedItem, isOpen, kbdHighlightIdx]);
-    return jsxRuntimeExports.jsxs(Wrapper$6, { className: props.className, isDisabled: props.disabled, isErrored: false, isOpen, style: props.style, id: props.id, children: [jsxRuntimeExports.jsxs(InputWrapper$2, { disabled: props.disabled, isOpen, ref: refs.setReference, children: [jsxRuntimeExports.jsx(Input, Object.assign({}, getInputProps({ value: inputValue }), getReferenceProps())), jsxRuntimeExports.jsx(ChevronButton$1, { disabled: props.disabled, isOpen, getToggleButtonProps })] }), ReactDOM.createPortal(jsxRuntimeExports.jsx(DropdownList$1, { items, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, getMenuProps, ref: refs.setFloating, kbdHighlightIdx, children: renderListItem }), document.body)] });
+    const renderListItem = React$1.useCallback((item, index2) => jsxRuntimeExports.jsx(SectionedListItem, { item, index: index2, getItemProps, size: props.size, isSelected: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value, isHighlighted: isOpen && kbdHighlightIdx !== void 0 && kbdHighlightIdx === index2 }, `item-${index2}-${isOpen && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label}`), [getItemProps, selectedItem, isOpen, kbdHighlightIdx, props.size]);
+    return jsxRuntimeExports.jsxs(Wrapper$6, { className: props.className, isDisabled: props.disabled, isErrored: false, isOpen, style: props.style, id: props.id, children: [jsxRuntimeExports.jsxs(InputWrapper$2, { disabled: props.disabled, isOpen, ref: refs.setReference, children: [jsxRuntimeExports.jsx(Input, Object.assign({}, getInputProps({ value: inputValue }), getReferenceProps(), { size: props.size })), jsxRuntimeExports.jsx(ChevronButton$1, { disabled: props.disabled, isOpen, getToggleButtonProps })] }), ReactDOM.createPortal(jsxRuntimeExports.jsx(DropdownList$1, { items, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, size: props.size, getMenuProps, ref: refs.setFloating, kbdHighlightIdx, children: renderListItem }), document.body)] });
   }
   var toInteger_1;
   var hasRequiredToInteger;
@@ -34704,20 +34710,6 @@
   requireRound();
   const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React$1.useLayoutEffect : () => {
   };
-  var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
-  const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = React$1["useInsertionEffect"]) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c;
-  function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
-    const ref = React$1.useRef(null);
-    $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
-      ref.current = fn;
-    }, [
-      fn
-    ]);
-    return React$1.useCallback((...args) => {
-      const f = ref.current;
-      return f === null || f === void 0 ? void 0 : f(...args);
-    }, []);
-  }
   const $b5e257d569688ac6$var$defaultContext = {
     prefix: String(Math.round(Math.random() * 1e10)),
     current: 0
@@ -34995,7 +34987,7 @@
   function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
     let { labelable, isLink, global: global2, events = global2, propNames } = opts;
     let filteredProps = {};
-    for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global2 && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && $65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith("Capture") && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7)) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
+    for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global2 && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && ($65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith("Capture") && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7))) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
     return filteredProps;
   }
   function $7215afc6de606d6b$export$de79e2c695e052f3(element) {
@@ -35080,9 +35072,46 @@
   const $c87311424ea30a05$export$fedb369cb70207f1 = $c87311424ea30a05$var$cached(function() {
     return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();
   });
+  const $c87311424ea30a05$export$78551043582a6a98 = $c87311424ea30a05$var$cached(function() {
+    return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();
+  });
+  const $c87311424ea30a05$export$6446a186d09e379e = $c87311424ea30a05$var$cached(function() {
+    return $c87311424ea30a05$var$testUserAgent(/Chrome/i);
+  });
   const $c87311424ea30a05$export$a11b0059900ceec8 = $c87311424ea30a05$var$cached(function() {
     return $c87311424ea30a05$var$testUserAgent(/Android/i);
   });
+  const $c87311424ea30a05$export$b7d78993b74f766d = $c87311424ea30a05$var$cached(function() {
+    return $c87311424ea30a05$var$testUserAgent(/Firefox/i);
+  });
+  function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening = true) {
+    var _window_event_type, _window_event;
+    let { metaKey, ctrlKey, altKey, shiftKey } = modifiers;
+    if ($c87311424ea30a05$export$b7d78993b74f766d() && ((_window_event = window.event) === null || _window_event === void 0 ? void 0 : (_window_event_type = _window_event.type) === null || _window_event_type === void 0 ? void 0 : _window_event_type.startsWith("key")) && target.target === "_blank") {
+      if ($c87311424ea30a05$export$9ac100e40613ea10()) metaKey = true;
+      else ctrlKey = true;
+    }
+    let event = $c87311424ea30a05$export$78551043582a6a98() && $c87311424ea30a05$export$9ac100e40613ea10() && !$c87311424ea30a05$export$7bef049ce92e4224() && true ? new KeyboardEvent("keydown", {
+      keyIdentifier: "Enter",
+      metaKey,
+      ctrlKey,
+      altKey,
+      shiftKey
+    }) : new MouseEvent("click", {
+      metaKey,
+      ctrlKey,
+      altKey,
+      shiftKey,
+      detail: 1,
+      bubbles: true,
+      cancelable: true
+    });
+    $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = setOpening;
+    $7215afc6de606d6b$export$de79e2c695e052f3(target);
+    target.dispatchEvent(event);
+    $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = false;
+  }
+  $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = false;
   let $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map();
   let $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set();
   function $bbed8b41f857bcc0$var$setupGlobalEvents() {
@@ -35228,6 +35257,20 @@
       refEffect
     ]);
   }
+  var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
+  const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = React$1["useInsertionEffect"]) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c;
+  function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+    const ref = React$1.useRef(null);
+    $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
+      ref.current = fn;
+    }, [
+      fn
+    ]);
+    return React$1.useCallback((...args) => {
+      const f = ref.current;
+      return f === null || f === void 0 ? void 0 : f(...args);
+    }, []);
+  }
   function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
     $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
       if (context && context.ref && ref) {
@@ -35255,12 +35298,15 @@
         form === null || form === void 0 ? void 0 : form.removeEventListener("reset", handleReset2);
       };
     }, [
-      ref,
-      handleReset2
+      ref
     ]);
   }
+  var $458b0a5536c1a7cf$var$_React_useInsertionEffect;
+  const $458b0a5536c1a7cf$var$useEarlyEffect = typeof document !== "undefined" ? ($458b0a5536c1a7cf$var$_React_useInsertionEffect = React$1["useInsertionEffect"]) !== null && $458b0a5536c1a7cf$var$_React_useInsertionEffect !== void 0 ? $458b0a5536c1a7cf$var$_React_useInsertionEffect : React$1.useLayoutEffect : () => {
+  };
   function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange2) {
     let [stateValue, setStateValue] = React$1.useState(value || defaultValue);
+    let valueRef = React$1.useRef(stateValue);
     let isControlledRef = React$1.useRef(value !== void 0);
     let isControlled = value !== void 0;
     React$1.useEffect(() => {
@@ -35270,29 +35316,19 @@
       isControlled
     ]);
     let currentValue = isControlled ? value : stateValue;
+    $458b0a5536c1a7cf$var$useEarlyEffect(() => {
+      valueRef.current = currentValue;
+    });
+    let [, forceUpdate] = React$1.useReducer(() => ({}), {});
     let setValue = React$1.useCallback((value2, ...args) => {
-      let onChangeCaller = (value3, ...onChangeArgs) => {
-        if (onChange2) {
-          if (!Object.is(currentValue, value3)) onChange2(value3, ...onChangeArgs);
-        }
-        if (!isControlled)
-          currentValue = value3;
-      };
-      if (typeof value2 === "function") {
-        let updateFunction = (oldValue, ...functionArgs) => {
-          let interceptedValue = value2(isControlled ? currentValue : oldValue, ...functionArgs);
-          onChangeCaller(interceptedValue, ...args);
-          if (!isControlled) return interceptedValue;
-          return oldValue;
-        };
-        setStateValue(updateFunction);
-      } else {
-        if (!isControlled) setStateValue(value2);
-        onChangeCaller(value2, ...args);
+      let newValue = typeof value2 === "function" ? value2(valueRef.current) : value2;
+      if (!Object.is(valueRef.current, newValue)) {
+        valueRef.current = newValue;
+        setStateValue(newValue);
+        forceUpdate();
+        onChange2 === null || onChange2 === void 0 ? void 0 : onChange2(newValue, ...args);
       }
     }, [
-      isControlled,
-      currentValue,
       onChange2
     ]);
     return [
@@ -35522,10 +35558,13 @@
         if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
       };
     }, []);
-    if (isSSR2) return {
-      locale: "en-US",
-      direction: "ltr"
-    };
+    if (isSSR2) {
+      let locale2 = typeof window !== "undefined" && window[$1e5a04cdaf7d1af8$var$localeSymbol];
+      return {
+        locale: locale2 || "en-US",
+        direction: "ltr"
+      };
+    }
     return defaultLocale;
   }
   const $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ React$1.createContext(null);
@@ -35709,9 +35748,6 @@
         }
       };
     }, []);
-    let dispatchBlur = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e2) => {
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e2);
-    });
     return React$1.useCallback((e2) => {
       if (e2.target instanceof HTMLButtonElement || e2.target instanceof HTMLInputElement || e2.target instanceof HTMLTextAreaElement || e2.target instanceof HTMLSelectElement) {
         stateRef.current.isFocused = true;
@@ -35720,7 +35756,7 @@
           stateRef.current.isFocused = false;
           if (target.disabled) {
             let event = $8a9cb279dc87e130$export$525bc4921d56d4a(e3);
-            dispatchBlur(event);
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
           }
           if (stateRef.current.observer) {
             stateRef.current.observer.disconnect();
@@ -35752,7 +35788,7 @@
         });
       }
     }, [
-      dispatchBlur
+      onBlur
     ]);
   }
   let $8a9cb279dc87e130$export$fda7da73ab5d4c48 = false;
@@ -35814,20 +35850,21 @@
   }
   function $507fabe10e71c6fb$var$handleKeyboardEvent(e2) {
     $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    if ($507fabe10e71c6fb$var$isValidKey(e2)) {
+    if (!$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening && $507fabe10e71c6fb$var$isValidKey(e2)) {
       $507fabe10e71c6fb$var$currentModality = "keyboard";
       $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e2);
     }
   }
   function $507fabe10e71c6fb$var$handlePointerEvent(e2) {
     $507fabe10e71c6fb$var$currentModality = "pointer";
+    "pointerType" in e2 ? e2.pointerType : "mouse";
     if (e2.type === "mousedown" || e2.type === "pointerdown") {
       $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
       $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e2);
     }
   }
   function $507fabe10e71c6fb$var$handleClickEvent(e2) {
-    if ($6a7db85432448f7f$export$60278871457622de(e2)) {
+    if (!$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening && $6a7db85432448f7f$export$60278871457622de(e2)) {
       $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
       $507fabe10e71c6fb$var$currentModality = "virtual";
     }
@@ -35949,11 +35986,11 @@
   }
   function $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {
     const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(element);
-    const activeElement2 = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
     if ($507fabe10e71c6fb$export$630ff653c5ada6a9() === "virtual") {
-      let lastFocusedElement = activeElement2;
+      let lastFocusedElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
       $bbed8b41f857bcc0$export$24490316f764c430(() => {
-        if ($d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument) === lastFocusedElement && element.isConnected) $7215afc6de606d6b$export$de79e2c695e052f3(element);
+        const activeElement2 = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
+        if ((activeElement2 === lastFocusedElement || activeElement2 === ownerDocument.body) && element.isConnected) $7215afc6de606d6b$export$de79e2c695e052f3(element);
       });
     } else $7215afc6de606d6b$export$de79e2c695e052f3(element);
   }
@@ -36230,7 +36267,7 @@
       id: null
     });
     let { addGlobalListener, removeGlobalListener } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
-    let move = $8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType, deltaX, deltaY) => {
+    let move = React$1.useCallback((originalEvent, pointerType, deltaX, deltaY) => {
       if (deltaX === 0 && deltaY === 0) return;
       if (!state.current.didMove) {
         state.current.didMove = true;
@@ -36253,8 +36290,13 @@
         ctrlKey: originalEvent.ctrlKey,
         altKey: originalEvent.altKey
       });
-    });
-    let end2 = $8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType) => {
+    }, [
+      onMoveStart,
+      onMove,
+      state
+    ]);
+    let moveEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(move);
+    let end2 = React$1.useCallback((originalEvent, pointerType) => {
       $14c0b72509d70225$export$b0d6fa1ab32e3295();
       if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({
         type: "moveend",
@@ -36264,20 +36306,20 @@
         ctrlKey: originalEvent.ctrlKey,
         altKey: originalEvent.altKey
       });
-    });
-    let moveProps = React$1.useMemo(() => {
-      let moveProps2 = {};
-      let start2 = () => {
-        $14c0b72509d70225$export$16a4697467175487();
-        state.current.didMove = false;
-      };
-      {
+    }, [
+      onMoveEnd,
+      state
+    ]);
+    let endEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(end2);
+    let [pointerDown, setPointerDown] = React$1.useState(null);
+    $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+      if (pointerDown === "pointer") {
         let onPointerMove = (e2) => {
           if (e2.pointerId === state.current.id) {
             var _state_current_lastPosition, _state_current_lastPosition1;
             let pointerType = e2.pointerType || "mouse";
             var _state_current_lastPosition_pageX, _state_current_lastPosition_pageY;
-            move(e2, pointerType, e2.pageX - ((_state_current_lastPosition_pageX = (_state_current_lastPosition = state.current.lastPosition) === null || _state_current_lastPosition === void 0 ? void 0 : _state_current_lastPosition.pageX) !== null && _state_current_lastPosition_pageX !== void 0 ? _state_current_lastPosition_pageX : 0), e2.pageY - ((_state_current_lastPosition_pageY = (_state_current_lastPosition1 = state.current.lastPosition) === null || _state_current_lastPosition1 === void 0 ? void 0 : _state_current_lastPosition1.pageY) !== null && _state_current_lastPosition_pageY !== void 0 ? _state_current_lastPosition_pageY : 0));
+            moveEvent(e2, pointerType, e2.pageX - ((_state_current_lastPosition_pageX = (_state_current_lastPosition = state.current.lastPosition) === null || _state_current_lastPosition === void 0 ? void 0 : _state_current_lastPosition.pageX) !== null && _state_current_lastPosition_pageX !== void 0 ? _state_current_lastPosition_pageX : 0), e2.pageY - ((_state_current_lastPosition_pageY = (_state_current_lastPosition1 = state.current.lastPosition) === null || _state_current_lastPosition1 === void 0 ? void 0 : _state_current_lastPosition1.pageY) !== null && _state_current_lastPosition_pageY !== void 0 ? _state_current_lastPosition_pageY : 0));
             state.current.lastPosition = {
               pageX: e2.pageX,
               pageY: e2.pageY
@@ -36287,29 +36329,47 @@
         let onPointerUp = (e2) => {
           if (e2.pointerId === state.current.id) {
             let pointerType = e2.pointerType || "mouse";
-            end2(e2, pointerType);
+            endEvent(e2, pointerType);
             state.current.id = null;
             removeGlobalListener(window, "pointermove", onPointerMove, false);
             removeGlobalListener(window, "pointerup", onPointerUp, false);
             removeGlobalListener(window, "pointercancel", onPointerUp, false);
+            setPointerDown(null);
           }
         };
-        moveProps2.onPointerDown = (e2) => {
-          if (e2.button === 0 && state.current.id == null) {
-            start2();
-            e2.stopPropagation();
-            e2.preventDefault();
-            state.current.lastPosition = {
-              pageX: e2.pageX,
-              pageY: e2.pageY
-            };
-            state.current.id = e2.pointerId;
-            addGlobalListener(window, "pointermove", onPointerMove, false);
-            addGlobalListener(window, "pointerup", onPointerUp, false);
-            addGlobalListener(window, "pointercancel", onPointerUp, false);
-          }
+        addGlobalListener(window, "pointermove", onPointerMove, false);
+        addGlobalListener(window, "pointerup", onPointerUp, false);
+        addGlobalListener(window, "pointercancel", onPointerUp, false);
+        return () => {
+          removeGlobalListener(window, "pointermove", onPointerMove, false);
+          removeGlobalListener(window, "pointerup", onPointerUp, false);
+          removeGlobalListener(window, "pointercancel", onPointerUp, false);
         };
       }
+    }, [
+      pointerDown,
+      addGlobalListener,
+      removeGlobalListener
+    ]);
+    let moveProps = React$1.useMemo(() => {
+      let moveProps2 = {};
+      let start2 = () => {
+        $14c0b72509d70225$export$16a4697467175487();
+        state.current.didMove = false;
+      };
+      moveProps2.onPointerDown = (e2) => {
+        if (e2.button === 0 && state.current.id == null) {
+          start2();
+          e2.stopPropagation();
+          e2.preventDefault();
+          state.current.lastPosition = {
+            pageX: e2.pageX,
+            pageY: e2.pageY
+          };
+          state.current.id = e2.pointerId;
+          setPointerDown("pointer");
+        }
+      };
       let triggerKeyboardMove = (e2, deltaX, deltaY) => {
         start2();
         move(e2, "keyboard", deltaX, deltaY);
@@ -36346,8 +36406,6 @@
       return moveProps2;
     }, [
       state,
-      addGlobalListener,
-      removeGlobalListener,
       move,
       end2
     ]);
@@ -39081,6 +39139,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       style: Object.assign(Object.assign(Object.assign({}, floatingStyles), { maxHeight: 800, minWidth: 150, zIndex: 9999 }), style)
     }), { isOpen, children: jsxRuntimeExports.jsx(SectionedList, { items: allowColumnHiding ? [resetFunctions, columnToggles] : [resetFunctions], onSelect: onOptionSelect }, isOpen ? "open" : "closed") })), document.body)] });
   };
+  const { fontSize } = window.getComputedStyle(document.documentElement);
+  const DEFAULT_ROW_HEIGHT = parseFloat(fontSize) * 2.5;
   var __rest$2 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
@@ -39092,8 +39152,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
     return t2;
   };
-  const { fontSize } = window.getComputedStyle(document.documentElement);
-  const ROW_HEIGHT = parseFloat(fontSize) * 2.5;
   const shouldForwardProp$2 = (prop) => !["isSorted", "onClickRow"].includes(prop);
   const Row = styled.div.withConfig({ shouldForwardProp: shouldForwardProp$2 })`
     cursor: ${(props) => props.onClickRow ? "pointer" : "default"};
@@ -39149,7 +39207,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     align-items: center;
 
     min-width: 80px;
-    height: ${() => `${ROW_HEIGHT}px`};
+    height: ${({ rowHeight }) => `${rowHeight}px`};
 
     color: ${(props) => props.theme.colors.grey6};
 
@@ -39161,19 +39219,19 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
 `;
   const CellContent = styled.span`
-    overflow: hidden;
+    overflow: ${({ hasRowHeight }) => hasRowHeight ? "unset" : "hidden"};
 
     width: 100%;
     padding: 0 1rem;
 
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    text-overflow: ${({ hasRowHeight }) => hasRowHeight ? "unset" : "ellipsis"};
+    white-space: ${({ hasRowHeight }) => hasRowHeight ? "normal" : "nowrap"};
 `;
   const arePropsEqual = (prevProps, nextProps) => {
     var _a;
     return areEqual(prevProps, nextProps) && !(((_a = nextProps.data) === null || _a === void 0 ? void 0 : _a.headerGroups) || []).some((headerGroup) => ((headerGroup === null || headerGroup === void 0 ? void 0 : headerGroup.headers) || []).some((header) => header.isResizing));
   };
-  const RenderRow = React__namespace.memo(({ data: { width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns }, index: index2, style: renderRowStyle }) => {
+  const RenderRow = React__namespace.memo(({ data: { width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns, rowHeight }, index: index2, style: renderRowStyle }) => {
     let row = rows[index2];
     if (getItem) {
       const value = getItem(index2);
@@ -39186,8 +39244,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     if (!row) {
       return jsxRuntimeExports.jsx("div", { children: headerGroups.map((headerGroup, gidx) => jsxRuntimeExports.jsx(RowPlaceholder, { style: {
-        height: ROW_HEIGHT,
-        top: (index2 + 1) * ROW_HEIGHT,
+        height: rowHeight,
+        top: (index2 + 1) * rowHeight,
         width: totalColumnsWidth > width ? totalColumnsWidth : "100%"
       }, children: headerGroup === null || headerGroup === void 0 ? void 0 : headerGroup.headers.map((col, cidx) => {
         const headerProps = col.getHeaderProps();
@@ -39205,16 +39263,24 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
     };
     const _a = row.getRowProps({ style: renderRowStyle }), { style: rowStyle } = _a, restRow = __rest$2(_a, ["style"]);
-    return React$1.createElement(Row, Object.assign({}, restRow, { key: `row-${index2}`, onClick, onClickRow, style: Object.assign(Object.assign({}, rowStyle), { top: (index2 + 1) * ROW_HEIGHT, width: totalColumnsWidth > width ? totalColumnsWidth : "100%" }) }), row.cells.map((cell, colIdx) => {
-      var _a2;
+    return React$1.createElement(Row, Object.assign({}, restRow, { key: `row-${index2}`, onClick, onClickRow, style: Object.assign(Object.assign({}, rowStyle), {
+      // The first row is the header row which is not controlled by this rowHeight prop so it needs to be part of the calculation.
+      top: index2 === 0 ? DEFAULT_ROW_HEIGHT : index2 * rowHeight + DEFAULT_ROW_HEIGHT,
+      width: totalColumnsWidth > width ? totalColumnsWidth : "100%"
+    }) }), row.cells.map((cell, colIdx) => {
+      var _a2, _b, _c, _d, _e2;
       const cellProps = cell.getCellProps();
       return React$1.createElement(
         Cell,
-        Object.assign({}, cellProps, { key: `cell-${index2}-${colIdx}`, style: Object.assign(Object.assign({}, cellProps.style), { backgroundColor, justifyContent: mappedColumns[colIdx].align, maxWidth: (_a2 = cell.column) === null || _a2 === void 0 ? void 0 : _a2.maxWidth, width: (
+        Object.assign({}, cellProps, { rowHeight, key: `cell-${index2}-${colIdx}`, style: Object.assign(Object.assign(Object.assign(Object.assign({}, cellProps.style), { backgroundColor, justifyContent: mappedColumns[colIdx].align, maxWidth: (_a2 = cell.column) === null || _a2 === void 0 ? void 0 : _a2.maxWidth, width: (
           // If width calc has messed up then use the raw width from the column
           cellProps.style.width === "NaNpx" ? mappedColumns[colIdx].width : cellProps.style.width
-        ) }) }),
-        jsxRuntimeExports.jsx(CellContent, { children: cell.render("Cell", {
+        ) }), ((_b = mappedColumns[colIdx]) === null || _b === void 0 ? void 0 : _b.sticky) === "left" && typeof ((_c = mappedColumns[colIdx]) === null || _c === void 0 ? void 0 : _c.stickyOffset) === "number" ? {
+          left: `${mappedColumns[colIdx].stickyOffset}px`
+        } : {}), ((_d = mappedColumns[colIdx]) === null || _d === void 0 ? void 0 : _d.sticky) === "right" && typeof ((_e2 = mappedColumns[colIdx]) === null || _e2 === void 0 ? void 0 : _e2.stickyOffset) === "number" ? {
+          right: `${mappedColumns[colIdx].stickyOffset}px`
+        } : {}) }),
+        jsxRuntimeExports.jsx(CellContent, { hasRowHeight: rowHeight !== DEFAULT_ROW_HEIGHT, children: cell.render("Cell", {
           colIdx,
           currentEditCell,
           rowIdx: index2
@@ -39294,7 +39360,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     justify-content: space-between;
 
     min-width: 80px;
-    height: ${ROW_HEIGHT}px;
+    height: ${DEFAULT_ROW_HEIGHT}px;
 
     color: ${(props) => props.theme.colors.text};
 
@@ -39379,6 +39445,26 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     });
     return [...leftStickyCols, ...nonStickyCols, ...rightStickyCols];
   };
+  const appendStickyOffsets = (columns) => {
+    let leftOffset = 0;
+    let rightOffset = 0;
+    const rightStickyColumnWidths = columns.filter((col) => col.sticky === "right").slice(1).map((col) => parseInt(col.width) || 150);
+    return columns.map((col) => {
+      if (col.sticky === "left") {
+        const nextCol = Object.assign(Object.assign({}, col), { stickyOffset: leftOffset });
+        const width = parseInt(col.width) || 150;
+        leftOffset += width;
+        return nextCol;
+      }
+      if (col.sticky === "right") {
+        rightOffset = rightStickyColumnWidths.reduce((acc, width) => acc + width, 0);
+        const nextCol = Object.assign(Object.assign({}, col), { stickyOffset: rightOffset });
+        rightStickyColumnWidths.shift();
+        return nextCol;
+      }
+      return col;
+    });
+  };
   const filterComponentMap = {
     categorical: CategoricalFilter,
     datetime: DatetimeFilter,
@@ -39396,12 +39482,26 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return Object.assign(Object.assign({}, col), { Filter: filterComponentMap[col.filter] });
     });
   };
+  const createActionColumn = (actions, accessor, sticky, disableSelectAll = false) => {
+    const width = actions.includes(Actions.SELECT) ? 52 : actions.length * 24 + 24;
+    return {
+      Cell: ActionCell,
+      Header: actions.includes(Actions.SELECT) && !disableSelectAll ? SelectHeader : "",
+      accessor: accessor || "actions",
+      actions,
+      disableSortBy: true,
+      maxWidth: width,
+      minWidth: actions.includes(Actions.SELECT) ? 52 : 48,
+      sticky: sticky || null,
+      width
+    };
+  };
   const cells = {
     DATETIME: DatetimeCell,
     EDIT_INPUT: EditInputCell,
     EDIT_SELECT: EditSelectCell
   };
-  const createItemData$1 = memoizeOne$1((width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns) => ({
+  const createItemData$1 = memoizeOne$1((width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns, rowHeight) => ({
     backgroundColor,
     currentEditCell,
     getItem,
@@ -39410,12 +39510,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     onClickRow,
     prepareRow,
     rows,
+    rowHeight,
     throttledClickRow,
     totalColumnsWidth,
     width
   }));
-  const Table = React$1.forwardRef(({ allowHiding, backgroundColor, className, columns, data: data2, getItem, initialSort = [], itemCount, maxRows, onAction, onChange: onChange2, onClickRow, onItemsRendered, onFilter, onSort, showTableOptions, style, tableOptionsStyle }, ref) => {
+  const Table = React$1.forwardRef(({ allowHiding, actions, backgroundColor, className, columns, data: data2, getItem, initialSort = [], itemCount, maxRows, onAction, onChange: onChange2, onClickRow, onItemsRendered, onFilter, onSort, rowHeight, showTableOptions, style, tableOptionsStyle }, ref) => {
     const [currentSortBy, setCurrentSortBy] = React$1.useState(initialSort);
+    const tableRowHeight = rowHeight || DEFAULT_ROW_HEIGHT;
     React$1.useEffect(
       () => {
         setCurrentSortBy(initialSort);
@@ -39445,7 +39547,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       throttledSetEditCell([Number(cell[0]), cell[1]]);
     };
     const infiniteData = React$1.useMemo(() => Array(itemCount).fill(0), [itemCount]);
-    const mappedColumns = React$1.useMemo(() => appendFilterComponents(orderStickyCols(columns)), [columns]);
+    const mappedColumns = React$1.useMemo(() => {
+      let processedColumns = columns;
+      if (actions && actions.length > 0) {
+        const actionColumn = createActionColumn(actions);
+        processedColumns = [...columns, actionColumn];
+      }
+      return appendStickyOffsets(appendFilterComponents(orderStickyCols(processedColumns)));
+    }, [columns, actions]);
     const hasFixedColumns = React$1.useMemo(() => mappedColumns.some((column) => "sticky" in column), [mappedColumns]);
     const totalColumnsWidth = React$1.useMemo(() => mappedColumns.reduce((acc, column) => acc + (parseInt(column.width) || 150), 0), [mappedColumns]);
     const filterTypes = React$1.useMemo(() => ({
@@ -39501,11 +39610,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           const showHeaderCellButtonContainer = showSort || showFilter || showOptions;
           return React$1.createElement(
             HeaderCell,
-            Object.assign({}, headerProps, { key: `col-${gidx}-${cidx}`, style: Object.assign(Object.assign({}, headerProps.style), {
+            Object.assign({}, headerProps, { key: `col-${gidx}-${cidx}`, style: Object.assign(Object.assign(Object.assign(Object.assign({}, headerProps.style), {
               maxWidth: col.maxWidth,
               // If width calc has messed up then use the raw width from the column
               width: headerProps.style.width === "NaNpx" ? mappedColumns[cidx].width : headerProps.style.width
-            }) }),
+            }), col.sticky === "left" && typeof col.stickyOffset === "number" ? {
+              left: `${col.stickyOffset}px`
+            } : {}), col.sticky === "right" && typeof col.stickyOffset === "number" ? {
+              right: `${col.stickyOffset}px`
+            } : {}) }),
             jsxRuntimeExports.jsxs(HeaderTooltipContainer, { isPrimitiveHeader: typeof headerContent === "string", children: [jsxRuntimeExports.jsx(HeaderContentWrapper, Object.assign({}, sortProps, { isPrimitiveHeader: typeof headerContent === "string", title: typeof headerContent === "string" ? headerContent : "", children: headerContent })), col.tooltip && jsxRuntimeExports.jsx(Tooltip, { content: col.tooltip, children: jsxRuntimeExports.jsx(TooltipIcon, { icon: faCircleQuestion }) })] }),
             showHeaderCellButtonContainer && jsxRuntimeExports.jsxs(HeaderCellButtonContainer, { children: [jsxRuntimeExports.jsxs(HeaderIconsWrapper, { children: [showSort && jsxRuntimeExports.jsx(HeaderIconWrapper, { children: jsxRuntimeExports.jsx(SortIcon, Object.assign({}, sortProps, { className: "tableSortArrow", icon: getSortIcon(col.isSorted, col.isSortedDesc), isSorted: col.isSorted })) }), showFilter ? jsxRuntimeExports.jsx(FilterContainer, { col }) : null, showOptions && jsxRuntimeExports.jsx(OptionsMenu, { allColumns, allowColumnHiding: allowHiding, numVisibleColumns, resetResizing, setAllFilters, style: tableOptionsStyle })] }), jsxRuntimeExports.jsx(ResizeBorder, Object.assign({}, resizerProps))] })
           );
@@ -39514,28 +39627,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       // eslint-disable-next-line react-hooks/exhaustive-deps
       useDeepCompare([tableProps, totalColumnsWidth, headerGroups])
     );
-    return jsxRuntimeExports.jsx(Wrapper$2, Object.assign({}, getTableProps(), { "$hasMaxRows": !!maxRows, className: `${className} ${hasFixedColumns ? "sticky" : ""}`, style: Object.assign({ height: maxRows ? (Math.min(rows.length, maxRows) + 1) * ROW_HEIGHT : "100%" }, style), children: jsxRuntimeExports.jsx(AutoSizer, { children: ({ height, width }) => {
-      return jsxRuntimeExports.jsx(StyledFixedSizeList, { height, innerElementType: renderTable, itemCount: itemCount || rows.length, itemData: createItemData$1(width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns), itemSize: ROW_HEIGHT, onItemsRendered, style: {
+    return jsxRuntimeExports.jsx(Wrapper$2, Object.assign({}, getTableProps(), { "$hasMaxRows": !!maxRows, className: `${className} ${hasFixedColumns ? "sticky" : ""}`, style: Object.assign({ height: maxRows ? (Math.min(rows.length, maxRows) + 1) * tableRowHeight : "100%" }, style), children: jsxRuntimeExports.jsx(AutoSizer, { children: ({ height, width }) => {
+      return jsxRuntimeExports.jsx(StyledFixedSizeList, { height, innerElementType: renderTable, itemCount: itemCount || rows.length, itemData: createItemData$1(width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns, tableRowHeight), itemSize: tableRowHeight, onItemsRendered, style: {
         overflowX: width < totalColumnsWidth ? "auto" : "hidden",
-        overflowY: height < (rows.length + 1) * ROW_HEIGHT ? "auto" : "hidden"
+        overflowY: height < (rows.length + 1) * tableRowHeight ? "auto" : "hidden"
       }, width, children: RenderRow }, "table-list");
     } }) }));
   });
   Table.displayName = "Table";
-  Table.ActionColumn = (actions, accessor, sticky, disableSelectAll = false) => {
-    const width = actions.includes(Actions.SELECT) ? 52 : actions.length * 24 + 24;
-    return {
-      Cell: ActionCell,
-      Header: actions.includes(Actions.SELECT) && !disableSelectAll ? SelectHeader : "",
-      accessor: accessor || "actions",
-      actions,
-      disableSortBy: true,
-      maxWidth: width,
-      minWidth: actions.includes(Actions.SELECT) ? 52 : 48,
-      sticky: sticky || null,
-      width
-    };
-  };
+  Table.ActionColumn = createActionColumn;
   Table.Actions = Actions;
   Table.cells = cells;
   styled.div`
@@ -45171,7 +45271,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           function baseAt(object2, paths) {
             var index2 = -1, length = paths.length, result2 = Array2(length), skip = object2 == null;
             while (++index2 < length) {
-              result2[index2] = skip ? undefined$1 : get(object2, paths[index2]);
+              result2[index2] = skip ? undefined$1 : get2(object2, paths[index2]);
             }
             return result2;
           }
@@ -45616,7 +45716,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
               return matchesStrictComparable(toKey(path), srcValue);
             }
             return function(object2) {
-              var objValue = get(object2, path);
+              var objValue = get2(object2, path);
               return objValue === undefined$1 && objValue === srcValue ? hasIn(object2, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
             };
           }
@@ -48371,7 +48471,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           function functionsIn(object2) {
             return object2 == null ? [] : baseFunctions(object2, keysIn(object2));
           }
-          function get(object2, path, defaultValue) {
+          function get2(object2, path, defaultValue) {
             var result2 = object2 == null ? undefined$1 : baseGet(object2, path);
             return result2 === undefined$1 ? defaultValue : result2;
           }
@@ -49229,7 +49329,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           lodash2.forInRight = forInRight;
           lodash2.forOwn = forOwn;
           lodash2.forOwnRight = forOwnRight;
-          lodash2.get = get;
+          lodash2.get = get2;
           lodash2.gt = gt2;
           lodash2.gte = gte;
           lodash2.has = has;
@@ -50930,12 +51030,22 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     await validateResponse(res, `Failed to cancel task with id: ${taskId}`);
     return true;
   }
+  function serializeNestedKey$1(key) {
+    if (typeof key === "string") {
+      return key;
+    }
+    if (isLoopVariable(key)) {
+      const loopNested = key.nested.join(",");
+      return `LoopVar:${key.uid}:${loopNested}`;
+    }
+    return String(key);
+  }
   function getUniqueIdentifier(variable, opts = {
     useNested: true
   }) {
     let identifier = variable.uid;
     if (opts.useNested && "nested" in variable) {
-      identifier += variable.nested.join(",");
+      identifier += variable.nested.map(serializeNestedKey$1).join(",");
     }
     return identifier;
   }
@@ -61612,12 +61722,19 @@ import(${JSON.stringify(manifest.entry.module)});`;
     if (hasRequiredDist) return dist;
     hasRequiredDist = 1;
     Object.defineProperty(dist, "__esModule", { value: true });
-    dist.parse = parse2;
-    dist.serialize = serialize;
+    dist.parseCookie = parseCookie;
+    dist.parse = parseCookie;
+    dist.stringifyCookie = stringifyCookie;
+    dist.stringifySetCookie = stringifySetCookie;
+    dist.serialize = stringifySetCookie;
+    dist.parseSetCookie = parseSetCookie;
+    dist.stringifySetCookie = stringifySetCookie;
+    dist.serialize = stringifySetCookie;
     const cookieNameRegExp = /^[\u0021-\u003A\u003C\u003E-\u007E]+$/;
     const cookieValueRegExp = /^[\u0021-\u003A\u003C-\u007E]*$/;
     const domainValueRegExp = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i;
     const pathValueRegExp = /^[\u0020-\u003A\u003D-\u007E]*$/;
+    const maxAgeRegExp = /^-?\d+$/;
     const __toString = Object.prototype.toString;
     const NullObject = /* @__PURE__ */ (() => {
       const C = function() {
@@ -61625,7 +61742,7 @@ import(${JSON.stringify(manifest.entry.module)});`;
       C.prototype = /* @__PURE__ */ Object.create(null);
       return C;
     })();
-    function parse2(str, options) {
+    function parseCookie(str, options) {
       const obj = new NullObject();
       const len = str.length;
       if (len < 2)
@@ -61633,91 +61750,87 @@ import(${JSON.stringify(manifest.entry.module)});`;
       const dec = options?.decode || decode2;
       let index2 = 0;
       do {
-        const eqIdx = str.indexOf("=", index2);
+        const eqIdx = eqIndex(str, index2, len);
         if (eqIdx === -1)
           break;
-        const colonIdx = str.indexOf(";", index2);
-        const endIdx = colonIdx === -1 ? len : colonIdx;
+        const endIdx = endIndex(str, index2, len);
         if (eqIdx > endIdx) {
           index2 = str.lastIndexOf(";", eqIdx - 1) + 1;
           continue;
         }
-        const keyStartIdx = startIndex(str, index2, eqIdx);
-        const keyEndIdx = endIndex(str, eqIdx, keyStartIdx);
-        const key = str.slice(keyStartIdx, keyEndIdx);
+        const key = valueSlice(str, index2, eqIdx);
         if (obj[key] === void 0) {
-          let valStartIdx = startIndex(str, eqIdx + 1, endIdx);
-          let valEndIdx = endIndex(str, endIdx, valStartIdx);
-          const value = dec(str.slice(valStartIdx, valEndIdx));
-          obj[key] = value;
+          obj[key] = dec(valueSlice(str, eqIdx + 1, endIdx));
         }
         index2 = endIdx + 1;
       } while (index2 < len);
       return obj;
     }
-    function startIndex(str, index2, max2) {
-      do {
-        const code = str.charCodeAt(index2);
-        if (code !== 32 && code !== 9)
-          return index2;
-      } while (++index2 < max2);
-      return max2;
-    }
-    function endIndex(str, index2, min2) {
-      while (index2 > min2) {
-        const code = str.charCodeAt(--index2);
-        if (code !== 32 && code !== 9)
-          return index2 + 1;
+    function stringifyCookie(cookie, options) {
+      const enc = options?.encode || encodeURIComponent;
+      const cookieStrings = [];
+      for (const name of Object.keys(cookie)) {
+        const val = cookie[name];
+        if (val === void 0)
+          continue;
+        if (!cookieNameRegExp.test(name)) {
+          throw new TypeError(`cookie name is invalid: ${name}`);
+        }
+        const value = enc(val);
+        if (!cookieValueRegExp.test(value)) {
+          throw new TypeError(`cookie val is invalid: ${val}`);
+        }
+        cookieStrings.push(`${name}=${value}`);
       }
-      return min2;
+      return cookieStrings.join("; ");
     }
-    function serialize(name, val, options) {
+    function stringifySetCookie(_name, _val, _opts) {
+      const cookie = typeof _name === "object" ? _name : { ..._opts, name: _name, value: String(_val) };
+      const options = typeof _val === "object" ? _val : _opts;
       const enc = options?.encode || encodeURIComponent;
-      if (!cookieNameRegExp.test(name)) {
-        throw new TypeError(`argument name is invalid: ${name}`);
+      if (!cookieNameRegExp.test(cookie.name)) {
+        throw new TypeError(`argument name is invalid: ${cookie.name}`);
       }
-      const value = enc(val);
+      const value = cookie.value ? enc(cookie.value) : "";
       if (!cookieValueRegExp.test(value)) {
-        throw new TypeError(`argument val is invalid: ${val}`);
+        throw new TypeError(`argument val is invalid: ${cookie.value}`);
       }
-      let str = name + "=" + value;
-      if (!options)
-        return str;
-      if (options.maxAge !== void 0) {
-        if (!Number.isInteger(options.maxAge)) {
-          throw new TypeError(`option maxAge is invalid: ${options.maxAge}`);
+      let str = cookie.name + "=" + value;
+      if (cookie.maxAge !== void 0) {
+        if (!Number.isInteger(cookie.maxAge)) {
+          throw new TypeError(`option maxAge is invalid: ${cookie.maxAge}`);
         }
-        str += "; Max-Age=" + options.maxAge;
+        str += "; Max-Age=" + cookie.maxAge;
       }
-      if (options.domain) {
-        if (!domainValueRegExp.test(options.domain)) {
-          throw new TypeError(`option domain is invalid: ${options.domain}`);
+      if (cookie.domain) {
+        if (!domainValueRegExp.test(cookie.domain)) {
+          throw new TypeError(`option domain is invalid: ${cookie.domain}`);
         }
-        str += "; Domain=" + options.domain;
+        str += "; Domain=" + cookie.domain;
       }
-      if (options.path) {
-        if (!pathValueRegExp.test(options.path)) {
-          throw new TypeError(`option path is invalid: ${options.path}`);
+      if (cookie.path) {
+        if (!pathValueRegExp.test(cookie.path)) {
+          throw new TypeError(`option path is invalid: ${cookie.path}`);
         }
-        str += "; Path=" + options.path;
+        str += "; Path=" + cookie.path;
       }
-      if (options.expires) {
-        if (!isDate2(options.expires) || !Number.isFinite(options.expires.valueOf())) {
-          throw new TypeError(`option expires is invalid: ${options.expires}`);
+      if (cookie.expires) {
+        if (!isDate2(cookie.expires) || !Number.isFinite(cookie.expires.valueOf())) {
+          throw new TypeError(`option expires is invalid: ${cookie.expires}`);
         }
-        str += "; Expires=" + options.expires.toUTCString();
+        str += "; Expires=" + cookie.expires.toUTCString();
       }
-      if (options.httpOnly) {
+      if (cookie.httpOnly) {
         str += "; HttpOnly";
       }
-      if (options.secure) {
+      if (cookie.secure) {
         str += "; Secure";
       }
-      if (options.partitioned) {
+      if (cookie.partitioned) {
         str += "; Partitioned";
       }
-      if (options.priority) {
-        const priority = typeof options.priority === "string" ? options.priority.toLowerCase() : void 0;
+      if (cookie.priority) {
+        const priority = typeof cookie.priority === "string" ? cookie.priority.toLowerCase() : void 0;
         switch (priority) {
           case "low":
             str += "; Priority=Low";
@@ -61729,11 +61842,11 @@ import(${JSON.stringify(manifest.entry.module)});`;
             str += "; Priority=High";
             break;
           default:
-            throw new TypeError(`option priority is invalid: ${options.priority}`);
+            throw new TypeError(`option priority is invalid: ${cookie.priority}`);
         }
       }
-      if (options.sameSite) {
-        const sameSite = typeof options.sameSite === "string" ? options.sameSite.toLowerCase() : options.sameSite;
+      if (cookie.sameSite) {
+        const sameSite = typeof cookie.sameSite === "string" ? cookie.sameSite.toLowerCase() : cookie.sameSite;
         switch (sameSite) {
           case true:
           case "strict":
@@ -61746,11 +61859,98 @@ import(${JSON.stringify(manifest.entry.module)});`;
             str += "; SameSite=None";
             break;
           default:
-            throw new TypeError(`option sameSite is invalid: ${options.sameSite}`);
+            throw new TypeError(`option sameSite is invalid: ${cookie.sameSite}`);
         }
       }
       return str;
     }
+    function parseSetCookie(str, options) {
+      const dec = options?.decode || decode2;
+      const len = str.length;
+      const endIdx = endIndex(str, 0, len);
+      const eqIdx = eqIndex(str, 0, endIdx);
+      const setCookie2 = eqIdx === -1 ? { name: "", value: dec(valueSlice(str, 0, endIdx)) } : {
+        name: valueSlice(str, 0, eqIdx),
+        value: dec(valueSlice(str, eqIdx + 1, endIdx))
+      };
+      let index2 = endIdx + 1;
+      while (index2 < len) {
+        const endIdx2 = endIndex(str, index2, len);
+        const eqIdx2 = eqIndex(str, index2, endIdx2);
+        const attr2 = eqIdx2 === -1 ? valueSlice(str, index2, endIdx2) : valueSlice(str, index2, eqIdx2);
+        const val = eqIdx2 === -1 ? void 0 : valueSlice(str, eqIdx2 + 1, endIdx2);
+        switch (attr2.toLowerCase()) {
+          case "httponly":
+            setCookie2.httpOnly = true;
+            break;
+          case "secure":
+            setCookie2.secure = true;
+            break;
+          case "partitioned":
+            setCookie2.partitioned = true;
+            break;
+          case "domain":
+            setCookie2.domain = val;
+            break;
+          case "path":
+            setCookie2.path = val;
+            break;
+          case "max-age":
+            if (val && maxAgeRegExp.test(val))
+              setCookie2.maxAge = Number(val);
+            break;
+          case "expires":
+            if (!val)
+              break;
+            const date2 = new Date(val);
+            if (Number.isFinite(date2.valueOf()))
+              setCookie2.expires = date2;
+            break;
+          case "priority":
+            if (!val)
+              break;
+            const priority = val.toLowerCase();
+            if (priority === "low" || priority === "medium" || priority === "high") {
+              setCookie2.priority = priority;
+            }
+            break;
+          case "samesite":
+            if (!val)
+              break;
+            const sameSite = val.toLowerCase();
+            if (sameSite === "lax" || sameSite === "strict" || sameSite === "none") {
+              setCookie2.sameSite = sameSite;
+            }
+            break;
+        }
+        index2 = endIdx2 + 1;
+      }
+      return setCookie2;
+    }
+    function endIndex(str, min2, len) {
+      const index2 = str.indexOf(";", min2);
+      return index2 === -1 ? len : index2;
+    }
+    function eqIndex(str, min2, max2) {
+      const index2 = str.indexOf("=", min2);
+      return index2 < max2 ? index2 : -1;
+    }
+    function valueSlice(str, min2, max2) {
+      let start2 = min2;
+      let end2 = max2;
+      do {
+        const code = str.charCodeAt(start2);
+        if (code !== 32 && code !== 9)
+          break;
+      } while (++start2 < end2);
+      while (end2 > start2) {
+        const code = str.charCodeAt(end2 - 1);
+        if (code !== 32 && code !== 9)
+          break;
+        end2--;
+      }
+      return str.slice(start2, end2);
+    }
     function decode2(str) {
       if (str.indexOf("%") === -1)
         return str;
@@ -61765,7 +61965,7 @@ import(${JSON.stringify(manifest.entry.module)});`;
     }
     return dist;
   }
-  var distExports = requireDist();
+  var distExports = /* @__PURE__ */ requireDist();
   var setCookie = { exports: {} };
   var hasRequiredSetCookie;
   function requireSetCookie() {
@@ -64370,6 +64570,71 @@ ${String(error)}`;
     }, [bus, onEvent]);
     return /* @__PURE__ */ React__namespace.createElement(EventBusContext.Provider, { value: bus }, children);
   }
+  function findStreamVariables(variable) {
+    const streams = [];
+    const visited = /* @__PURE__ */ new Set();
+    function walk(v) {
+      if (!isVariable(v)) {
+        return;
+      }
+      if (visited.has(v.uid)) {
+        return;
+      }
+      visited.add(v.uid);
+      if (isStreamVariable(v)) {
+        streams.push(v);
+        if (v.variables && Array.isArray(v.variables)) {
+          v.variables.forEach(walk);
+        }
+        return;
+      }
+      if (isDerivedVariable(v)) {
+        if (v.variables && Array.isArray(v.variables)) {
+          v.variables.forEach(walk);
+        }
+        return;
+      }
+      if (isSwitchVariable(v)) {
+        if (isVariable(v.value)) {
+          walk(v.value);
+        } else if (isCondition(v.value)) {
+          walk(v.value.variable);
+        }
+        if (v.value_map && typeof v.value_map === "object") {
+          Object.values(v.value_map).forEach(walk);
+        }
+        if (isVariable(v.default)) {
+          walk(v.default);
+        }
+        return;
+      }
+      if (isStateVariable(v)) {
+        walk(v.parent_variable);
+        return;
+      }
+      if ("default" in v && isVariable(v.default)) {
+        walk(v.default);
+      }
+    }
+    walk(variable);
+    return streams;
+  }
+  function findStreamVariablesInArray(variables) {
+    const allStreams = [];
+    const seenUids = /* @__PURE__ */ new Set();
+    for (const v of variables) {
+      if (isVariable(v)) {
+        const streams = findStreamVariables(v);
+        for (const stream of streams) {
+          if (!seenUids.has(stream.uid)) {
+            seenUids.add(stream.uid);
+            allStreams.push(stream);
+          }
+        }
+      }
+    }
+    return allStreams;
+  }
   class StateSynchronizer {
     #observers;
     constructor() {
@@ -64524,22 +64789,15 @@ ${String(error)}`;
         selectorFamilyRegistry.set(
           key,
           Recoil_index_11({
-            get: (currentExtras) => ({ get }) => {
-              const variableValue = get(family(currentExtras));
-              return resolveNested(
-                variableValue,
-                variable.nested.map((n2) => String(n2))
-              );
+            get: (currentExtras) => ({ get: get2 }) => {
+              const variableValue = get2(family(currentExtras));
+              return resolveNested(variableValue, variable.nested);
             },
             key,
             set: (currentExtras) => ({ set: set2 }, newValue) => {
               set2(
                 family(currentExtras),
-                (v) => setNested(
-                  v,
-                  variable.nested.map((n2) => String(n2)),
-                  newValue
-                )
+                (v) => setNested(v, variable.nested, newValue)
               );
             }
           })
@@ -64570,10 +64828,20 @@ ${String(error)}`;
   function isPlaceholder(value) {
     return typeof value === "object" && "__ref" in value;
   }
+  function serializeNestedKey(key) {
+    if (typeof key === "string") {
+      return key;
+    }
+    if (isLoopVariable(key)) {
+      const loopNested = key.nested.join(",");
+      return `LoopVar:${key.uid}:${loopNested}`;
+    }
+    return String(key);
+  }
   function getIdentifier$1(variable) {
     let id = `${variable.__typename}:${variable.uid}`;
     if ("nested" in variable && variable.nested.length > 0) {
-      id += `:${variable.nested.join(",")}`;
+      id += `:${variable.nested.map(serializeNestedKey).join(",")}`;
     }
     return id;
   }
@@ -69825,7 +70093,7 @@ ${String(error)}`;
           cachePolicy_UNSTABLE: {
             eviction: "most-recent"
           },
-          get: (extrasSerializable) => async ({ get }) => {
+          get: (extrasSerializable) => async ({ get: get2 }) => {
             const resolvedVariables = await Promise.all(
               variable.variables.map(async (v) => {
                 if (!isVariable(v)) {
@@ -69834,17 +70102,17 @@ ${String(error)}`;
                 return resolveVariable(v, wsClient, taskContext, extrasSerializable.extras);
               })
             );
-            const selfTrigger = get(getOrRegisterTrigger(variable));
+            const selfTrigger = get2(getOrRegisterTrigger(variable));
             const selectorKey = key + extrasSerializable.toJSON();
             const triggerList = buildTriggerList(variable.variables);
-            const triggers = registerChildTriggers(triggerList, get);
+            const triggers = registerChildTriggers(triggerList, get2);
             triggers.unshift(selfTrigger);
             const derivedResult = resolveDerivedValue({
               key: selectorKey,
               variables: variable.variables,
               deps: variable.deps,
               resolvedVariables,
-              resolutionStrategy: { name: "get", get },
+              resolutionStrategy: { name: "get", get: get2 },
               triggerList,
               triggers
             });
@@ -69874,7 +70142,7 @@ ${String(error)}`;
           cachePolicy_UNSTABLE: {
             eviction: "most-recent"
           },
-          get: (extrasSerializable) => async ({ get }) => {
+          get: (extrasSerializable) => async ({ get: get2 }) => {
             const selectorKey = key + extrasSerializable.toJSON();
             const throwError = (error) => {
               error.selectorId = key;
@@ -69894,7 +70162,7 @@ ${String(error)}`;
               taskContext,
               extrasSerializable.extras
             );
-            let derivedResult = get(dvResultSelector);
+            let derivedResult = get2(dvResultSelector);
             if (derivedResult.type === "previous") {
               return derivedResult.entry.result;
             }
@@ -69991,14 +70259,14 @@ ${String(error)}`;
       selectorFamilyRegistry.set(
         key,
         Recoil_index_11({
-          get: (extrasSerializable) => ({ get }) => {
+          get: (extrasSerializable) => ({ get: get2 }) => {
             const dvSelector = getOrRegisterDerivedVariableValue(
               variable,
               wsClient,
               taskContext,
               extrasSerializable.extras
             );
-            const value = get(dvSelector);
+            const value = get2(dvSelector);
             return "nested" in variable ? resolveNested(value, variable.nested) : value;
           },
           key: nanoid$1()
@@ -70890,12 +71158,144 @@ ${String(error)}`;
     unescapePathComponent
   });
   var getExports = requireGet();
-  const getPath = /* @__PURE__ */ getDefaultExportFromCjs(getExports);
+  const get = /* @__PURE__ */ getDefaultExportFromCjs(getExports);
+  const PAUSE_DEBOUNCE_MS = 1500;
+  const ORPHAN_TIMEOUT_MS = 5e3;
+  function createSubscriptionKey(uid2, extras) {
+    return `${uid2}::${JSON.stringify(extras)}`;
+  }
+  const streamUsage = /* @__PURE__ */ new Map();
+  function getOrCreateUsage(key) {
+    let usage = streamUsage.get(key);
+    if (!usage) {
+      usage = { count: 0, connections: /* @__PURE__ */ new Map() };
+      streamUsage.set(key, usage);
+    }
+    return usage;
+  }
+  function cleanupConnections(key) {
+    const usage = streamUsage.get(key);
+    if (!usage) {
+      return;
+    }
+    if (usage.count > 0) {
+      return;
+    }
+    for (const [, conn] of usage.connections) {
+      if (conn.active) {
+        if (conn.controller) {
+          conn.controller.abort();
+        }
+        conn.cleanup = void 0;
+        conn.controller = void 0;
+        conn.active = false;
+      }
+    }
+  }
+  function restartConnections(key) {
+    const usage = streamUsage.get(key);
+    if (!usage) {
+      return;
+    }
+    for (const [atomKey, conn] of usage.connections) {
+      if (!conn.active) {
+        try {
+          const { cleanup, controller } = conn.start();
+          conn.cleanup = cleanup;
+          conn.controller = controller;
+          conn.active = true;
+        } catch (err2) {
+          console.error(`Failed to restart stream connection ${atomKey}:`, err2);
+        }
+      }
+    }
+  }
+  function abortExistingConnection(atomKey) {
+    for (const usage of streamUsage.values()) {
+      const conn = usage.connections.get(atomKey);
+      if (conn?.active && conn.controller) {
+        conn.controller.abort();
+        conn.active = false;
+        conn.cleanup = void 0;
+        conn.controller = void 0;
+        return true;
+      }
+    }
+    return false;
+  }
+  function registerStreamConnection(uid2, extras, atomKey, start2) {
+    const key = createSubscriptionKey(uid2, extras);
+    const usage = getOrCreateUsage(key);
+    abortExistingConnection(atomKey);
+    const { cleanup, controller } = start2();
+    usage.connections.set(atomKey, { start: start2, cleanup, controller, active: true });
+    if (usage.count === 0 && !usage.orphanTimer) {
+      usage.orphanTimer = setTimeout(() => {
+        usage.orphanTimer = void 0;
+        if (usage.count === 0) {
+          cleanupConnections(key);
+        }
+      }, ORPHAN_TIMEOUT_MS);
+    }
+    return () => {
+      const currentUsage = streamUsage.get(key);
+      if (!currentUsage) {
+        return;
+      }
+      const conn = currentUsage.connections.get(atomKey);
+      if (conn?.active) {
+        if (conn.controller) {
+          conn.controller.abort();
+        }
+        conn.cleanup = void 0;
+        conn.controller = void 0;
+        conn.active = false;
+      }
+      currentUsage.connections.delete(atomKey);
+      if (currentUsage.connections.size === 0 && currentUsage.count === 0) {
+        if (currentUsage.cleanupTimer) {
+          clearTimeout(currentUsage.cleanupTimer);
+        }
+        streamUsage.delete(key);
+      }
+    };
+  }
+  function subscribeStream(uid2, extras) {
+    const key = createSubscriptionKey(uid2, extras);
+    const usage = getOrCreateUsage(key);
+    if (usage.cleanupTimer) {
+      clearTimeout(usage.cleanupTimer);
+      usage.cleanupTimer = void 0;
+    }
+    if (usage.orphanTimer) {
+      clearTimeout(usage.orphanTimer);
+      usage.orphanTimer = void 0;
+    }
+    const wasEmpty = usage.count === 0;
+    usage.count++;
+    if (wasEmpty) {
+      restartConnections(key);
+    }
+    return () => {
+      const currentUsage = streamUsage.get(key);
+      if (!currentUsage) {
+        return;
+      }
+      currentUsage.count = Math.max(0, currentUsage.count - 1);
+      if (currentUsage.count === 0) {
+        currentUsage.cleanupTimer = setTimeout(() => {
+          currentUsage.cleanupTimer = void 0;
+          cleanupConnections(key);
+        }, PAUSE_DEBOUNCE_MS);
+      }
+    };
+  }
+  const streamSelectorFamilyRegistry = /* @__PURE__ */ new Map();
   function extractKey(item, keyAccessor) {
     if (item === null || item === void 0) {
       return void 0;
     }
-    const key = getPath(item, keyAccessor);
+    const key = get(item, keyAccessor);
     if (typeof key === "string" || typeof key === "number") {
       return key;
     }
@@ -71056,19 +71456,12 @@ ${String(error)}`;
   function deserializeAtomParams(key) {
     return JSON.parse(key);
   }
-  const activeConnections = /* @__PURE__ */ new Map();
   const INITIAL_CONNECTED_STATE = {
     data: void 0,
     status: "connected"
   };
   function startStreamConnection(params, callbacks) {
-    const connectionKey = serializeAtomParams(params);
-    const existingController = activeConnections.get(connectionKey);
-    if (existingController) {
-      existingController.abort();
-    }
     const controller = new AbortController();
-    activeConnections.set(connectionKey, controller);
     let retryCount = 0;
     let isFirstMessage = true;
     let currentState = INITIAL_CONNECTED_STATE;
@@ -71129,9 +71522,11 @@ ${String(error)}`;
       // @ts-expect-error - Headers type doesn't match exactly
       headers: params.extras.headers
     });
-    return () => {
-      controller.abort();
-      activeConnections.delete(connectionKey);
+    return {
+      cleanup: () => {
+        controller.abort();
+      },
+      controller
     };
   }
   function streamConnectionEffect(atomKey) {
@@ -71144,33 +71539,36 @@ ${String(error)}`;
         rejectInitialData = reject;
       });
       setSelf(initialDataPromise);
-      const cleanup = startStreamConnection(params, {
-        onFirstData: (state) => {
-          if (resolveInitialData) {
-            resolveInitialData(state);
-            resolveInitialData = null;
-            rejectInitialData = null;
-          }
-          setSelf(state);
-        },
-        onUpdate: (state) => {
-          setSelf(state);
-        },
-        onError: (error) => {
-          if (rejectInitialData) {
-            rejectInitialData(new Error(error));
-            resolveInitialData = null;
-            rejectInitialData = null;
-          } else {
-            setSelf({
-              data: void 0,
-              status: "error",
-              error
-            });
+      const startConnection = () => {
+        return startStreamConnection(params, {
+          onFirstData: (state) => {
+            if (resolveInitialData) {
+              resolveInitialData(state);
+              resolveInitialData = null;
+              rejectInitialData = null;
+            }
+            setSelf(state);
+          },
+          onUpdate: (state) => {
+            setSelf(state);
+          },
+          onError: (error) => {
+            if (rejectInitialData) {
+              rejectInitialData(new Error(error));
+              resolveInitialData = null;
+              rejectInitialData = null;
+            } else {
+              setSelf({
+                data: void 0,
+                status: "error",
+                error
+              });
+            }
           }
-        }
-      });
-      return cleanup;
+        });
+      };
+      const unregister = registerStreamConnection(params.uid, params.extras, atomKey, startConnection);
+      return unregister;
     };
   }
   const streamAtomFamily = Recoil_index_10({
@@ -71182,12 +71580,12 @@ ${String(error)}`;
   }
   function getOrRegisterStreamVariableParams(variable, client2, taskContext, extras) {
     const key = getStreamRegistryKey(variable, "params-selector");
-    if (!selectorFamilyRegistry.has(key)) {
-      selectorFamilyRegistry.set(
+    if (!streamSelectorFamilyRegistry.has(key)) {
+      streamSelectorFamilyRegistry.set(
         key,
         Recoil_index_11({
           key: nanoid$1(),
-          get: (extrasSerializable) => async ({ get }) => {
+          get: (extrasSerializable) => async ({ get: get2 }) => {
             const resolvedVariables = await Promise.all(
               variable.variables.map(async (v) => {
                 if (!isVariable(v)) {
@@ -71197,8 +71595,8 @@ ${String(error)}`;
               })
             );
             const triggerList = buildTriggerList(variable.variables);
-            registerChildTriggers(triggerList, get);
-            const resolvedValues = resolvedVariables.map((v) => resolveValue(v, get));
+            registerChildTriggers(triggerList, get2);
+            const resolvedValues = resolvedVariables.map((v) => resolveValue(v, get2));
             const params = {
               uid: variable.uid,
               resolvedValues,
@@ -71211,77 +71609,56 @@ ${String(error)}`;
         })
       );
     }
-    const family = selectorFamilyRegistry.get(key);
-    const serializableExtras = new RequestExtrasSerializable(extras);
-    const selectorInstance = family(serializableExtras);
-    if (!selectorFamilyMembersRegistry.has(family)) {
-      selectorFamilyMembersRegistry.set(family, /* @__PURE__ */ new Map());
-    }
-    selectorFamilyMembersRegistry.get(family).set(serializableExtras.toJSON(), selectorInstance);
-    return selectorInstance;
+    const family = streamSelectorFamilyRegistry.get(key);
+    return family(new RequestExtrasSerializable(extras));
   }
   function getOrRegisterStreamVariableValue(variable, client2, taskContext, extras) {
     const key = getStreamRegistryKey(variable, "value-selector");
-    if (!selectorFamilyRegistry.has(key)) {
-      selectorFamilyRegistry.set(
+    if (!streamSelectorFamilyRegistry.has(key)) {
+      streamSelectorFamilyRegistry.set(
         key,
         Recoil_index_11({
           key: nanoid$1(),
-          get: (extrasSerializable) => ({ get }) => {
+          get: (extrasSerializable) => ({ get: get2 }) => {
             const paramsSelector = getOrRegisterStreamVariableParams(
               variable,
               client2,
               taskContext,
               extrasSerializable.extras
             );
-            const atomKey = get(paramsSelector);
+            const atomKey = get2(paramsSelector);
             const atom2 = streamAtomFamily(atomKey);
-            if (!streamAtomRegistry.has(atomKey)) {
-              streamAtomRegistry.set(atomKey, atom2);
-            }
-            const streamState = get(atom2);
+            const streamState = get2(atom2);
             return getStreamValue(streamState, variable.key_accessor);
           }
         })
       );
     }
-    const family = selectorFamilyRegistry.get(key);
-    const serializableExtras = new RequestExtrasSerializable(extras);
-    const selectorInstance = family(serializableExtras);
-    if (!selectorFamilyMembersRegistry.has(family)) {
-      selectorFamilyMembersRegistry.set(family, /* @__PURE__ */ new Map());
-    }
-    selectorFamilyMembersRegistry.get(family).set(serializableExtras.toJSON(), selectorInstance);
-    return selectorInstance;
+    const family = streamSelectorFamilyRegistry.get(key);
+    return family(new RequestExtrasSerializable(extras));
   }
   function getOrRegisterStreamVariable(variable, client2, taskContext, extras) {
     const key = `StreamVariable:${getUniqueIdentifier(variable, { useNested: true })}:nested-selector`;
-    if (!selectorFamilyRegistry.has(key)) {
-      selectorFamilyRegistry.set(
+    if (!streamSelectorFamilyRegistry.has(key)) {
+      streamSelectorFamilyRegistry.set(
         key,
         Recoil_index_11({
           key: nanoid$1(),
-          get: (extrasSerializable) => ({ get }) => {
+          get: (extrasSerializable) => ({ get: get2 }) => {
             const valueSelector = getOrRegisterStreamVariableValue(
               variable,
               client2,
               taskContext,
               extrasSerializable.extras
             );
-            const value = get(valueSelector);
+            const value = get2(valueSelector);
             return "nested" in variable ? resolveNested(value, variable.nested) : value;
           }
         })
       );
     }
-    const family = selectorFamilyRegistry.get(key);
-    const serializableExtras = new RequestExtrasSerializable(extras);
-    const selectorInstance = family(serializableExtras);
-    if (!selectorFamilyMembersRegistry.has(family)) {
-      selectorFamilyMembersRegistry.set(family, /* @__PURE__ */ new Map());
-    }
-    selectorFamilyMembersRegistry.get(family).set(serializableExtras.toJSON(), selectorInstance);
-    return selectorInstance;
+    const family = streamSelectorFamilyRegistry.get(key);
+    return family(new RequestExtrasSerializable(extras));
   }
   var clone_1;
   var hasRequiredClone;
@@ -71307,10 +71684,11 @@ ${String(error)}`;
     }
     let returnVal = obj;
     for (const key of nested) {
-      if (!Object.keys(returnVal).includes(key)) {
+      const stringKey = key;
+      if (!Object.keys(returnVal).includes(stringKey)) {
         return null;
       }
-      returnVal = returnVal[key];
+      returnVal = returnVal[stringKey];
     }
     return returnVal;
   }
@@ -71347,6 +71725,7 @@ ${String(error)}`;
         type: "derived",
         uid: variable.uid,
         values,
+        // After templating, nested should be all strings
         nested: variable.nested
       };
     }
@@ -71391,6 +71770,7 @@ ${String(error)}`;
         type: "derived",
         uid: variable.uid,
         values,
+        // After templating, nested should be all strings
         nested: variable.nested
       };
     }
@@ -72382,6 +72762,17 @@ Inferred class string: "${iconClasses}."`
     const lookupKey = String(value);
     return valueMap[lookupKey] ?? defaultValue;
   }
+  function useStreamSubscription(streamUids, extras) {
+    React$1.useEffect(() => {
+      if (streamUids.length === 0) {
+        return;
+      }
+      const unsubscribes = streamUids.map((uid2) => subscribeStream(uid2, extras));
+      return () => {
+        unsubscribes.forEach((unsub) => unsub());
+      };
+    }, [useDeepCompare(streamUids), extras]);
+  }
   function isTaskResponse(response) {
     return response && typeof response === "object" && "task_id" in response;
   }
@@ -72444,7 +72835,7 @@ Inferred class string: "${iconClasses}."`
           cachePolicy_UNSTABLE: {
             eviction: "most-recent"
           },
-          get: (extrasSerializable) => async ({ get }) => {
+          get: (extrasSerializable) => async ({ get: get2 }) => {
             const throwError = (error) => {
               error.selectorId = key;
               error.selectorExtras = extrasSerializable.toJSON();
@@ -72466,9 +72857,9 @@ Inferred class string: "${iconClasses}."`
             const resolvedKwargsList = Object.values(resolvedKwargs);
             const kwargsList = Object.values(dynamicKwargs);
             const triggerAtom = getOrRegisterComponentTrigger(uid2, loop_instance_uid);
-            const selfTrigger = get(triggerAtom);
+            const selfTrigger = get2(triggerAtom);
             const triggerList = buildTriggerList(kwargsList);
-            const triggers = registerChildTriggers(triggerList, get);
+            const triggers = registerChildTriggers(triggerList, get2);
             triggers.unshift(selfTrigger);
             const { extras } = extrasSerializable;
             let derivedResult = resolveDerivedValue({
@@ -72476,7 +72867,7 @@ Inferred class string: "${iconClasses}."`
               variables: kwargsList,
               deps: kwargsList,
               resolvedVariables: resolvedKwargsList,
-              resolutionStrategy: { name: "get", get },
+              resolutionStrategy: { name: "get", get: get2 },
               triggerList,
               triggers
             });
@@ -72604,6 +72995,11 @@ Inferred class string: "${iconClasses}."`
         variablesContext?.variables.current.delete(getComponentRegistryKey(uid2));
       };
     }, []);
+    const streamUids = React$1.useMemo(
+      () => findStreamVariablesInArray(Object.values(dynamicKwargs)).map((s) => s.uid),
+      [dynamicKwargs]
+    );
+    useStreamSubscription(streamUids, extras);
     const componentSelector = getOrRegisterServerComponent({
       name,
       uid: uid2,
@@ -72768,6 +73164,9 @@ Inferred class string: "${iconClasses}."`
   }
   var isPlainObjectExports = requireIsPlainObject();
   const isPlainObject = /* @__PURE__ */ getDefaultExportFromCjs(isPlainObjectExports);
+  function isVariableWithNested(value) {
+    return value && typeof value === "object" && "__typename" in value && typeof value.__typename === "string" && value.__typename.includes("Variable") && "nested" in value && Array.isArray(value.nested);
+  }
   function createMarkers(scope, loopInstanceUid) {
     const markers = [];
     if (scope.action) {
@@ -72807,6 +73206,33 @@ Inferred class string: "${iconClasses}."`
           );
           continue;
         }
+        if (isVariableWithNested(value) && !isLoopVariable(value)) {
+          for (let i2 = 0; i2 < value.nested.length; i2++) {
+            const nestedKey = value.nested[i2];
+            if (isLoopVariable(nestedKey)) {
+              markers.push({
+                type: "nested_loop_var",
+                path: dotPath,
+                nestedIndex: i2,
+                loopVarNested: nestedKey.nested
+              });
+              if (isDerivedVariable(value)) {
+                markers.push({
+                  type: "derived_var",
+                  path: dotPath,
+                  loopInstanceUid: nestedKey.uid
+                });
+              }
+              if (isPyComponent(value)) {
+                markers.push({
+                  type: "server_component",
+                  path: dotPath,
+                  loopInstanceUid: nestedKey.uid
+                });
+              }
+            }
+          }
+        }
         if (isPlainObject(value) || Array.isArray(value)) {
           const newScope = updateScope(scope, value, dotPath);
           walk(value, [...pathSegments, key], newScope);
@@ -72847,6 +73273,14 @@ Inferred class string: "${iconClasses}."`
           set(clonedRenderer, marker.path, value);
           break;
         }
+        case "nested_loop_var": {
+          const resolvedKey = resolveNested(loopValue, marker.loopVarNested);
+          const variable = get(clonedRenderer, marker.path);
+          if (variable && Array.isArray(variable.nested)) {
+            variable.nested[marker.nestedIndex] = String(resolvedKey);
+          }
+          break;
+        }
         case "action": {
           set(clonedRenderer, `${marker.path}.loading.uid`, nanoid$1());
           break;
@@ -74635,6 +75069,8 @@ Inferred class string: "${iconClasses}."`
         variablesContext?.variables.current.delete(variable.uid);
       };
     }, []);
+    const streamUids = React$1.useMemo(() => findStreamVariables(variable).map((s) => s.uid), [variable.uid]);
+    useStreamSubscription(streamUids, extras);
     if (isDerivedVariable(variable)) {
       const selector2 = useDerivedVariable(variable, wsClient, taskContext, extras);
       const selectorLoadable = Recoil_index_28(selector2);