dara-core 1.24.3__py3-none-any.whl → 1.25.1__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);
       };
     }
@@ -18062,7 +18062,7 @@
     var _a;
     return jsxRuntimeExports.jsxs(Wrapper$8, { className: props.className, style: props.style, children: [jsxRuntimeExports.jsxs(Loader, { color: props.color, size: props.size, children: [jsxRuntimeExports.jsx("div", { className: "sk-chase-dot" }), jsxRuntimeExports.jsx("div", { className: "sk-chase-dot" }), jsxRuntimeExports.jsx("div", { className: "sk-chase-dot" }), jsxRuntimeExports.jsx("div", { className: "sk-chase-dot" }), jsxRuntimeExports.jsx("div", { className: "sk-chase-dot" }), jsxRuntimeExports.jsx("div", { className: "sk-chase-dot" })] }), (props.showText || props.text) && jsxRuntimeExports.jsx(LoadingText, { color: props.color, children: (_a = props.text) !== null && _a !== void 0 ? _a : "LOADING" })] });
   }
-  var __rest$8 = function(s, e2) {
+  var __rest$9 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
       t2[p2] = s[p2];
@@ -18171,7 +18171,7 @@
     secondary: SecondaryButton
   };
   function Button(_a, ref) {
-    var { autoFocus, children, className, disabled: disabled2, download, href: href2, loading, id, onClick, outline = false, style, styling = "primary", type = "button" } = _a, props = __rest$8(_a, ["autoFocus", "children", "className", "disabled", "download", "href", "loading", "id", "onClick", "outline", "style", "styling", "type"]);
+    var { autoFocus, children, className, disabled: disabled2, download, href: href2, loading, id, onClick, outline = false, style, styling = "primary", type = "button" } = _a, props = __rest$9(_a, ["autoFocus", "children", "className", "disabled", "download", "href", "loading", "id", "onClick", "outline", "style", "styling", "type"]);
     const currentTheme = useClTheme();
     const Component = stylingMap[styling];
     const content = loading ? jsxRuntimeExports.jsx(StyledLoading, { color: outline ? currentTheme.colors.grey2 : currentTheme.colors.blue1 }) : children;
@@ -25347,7 +25347,7 @@
       return jsxRuntimeExports.jsx(CheckboxWrapper, { "aria-disabled": props.disabled, children: jsxRuntimeExports.jsx(Checkbox, { id: index2, disabled: isSelectPermitted ? props.disabled : ((_a = checkedState.find((option) => option.value === item.value)) === null || _a === void 0 ? void 0 : _a.state) === false, isListStyle: props.isListStyle, label: item.label ? item.label : item.value, onChange: (checked, e2) => onChangeValue(e2), selected: (_b = checkedState.find((option) => option.value === item.value)) === null || _b === void 0 ? void 0 : _b.state }) }, `item-${index2}`);
     })] });
   }
-  var __rest$7 = function(s, e2) {
+  var __rest$8 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
       t2[p2] = s[p2];
@@ -25402,7 +25402,7 @@
     color: ${(props) => props.theme.colors.error};
 `;
   const Input$1 = React$1.forwardRef((_a, ref) => {
-    var { type = "text", onChange: onChange2, onKeyDown, keydownFilter, onComplete, maxValue, minValue, errorMsg, className, style, initialValue } = _a, rest = __rest$7(_a, ["type", "onChange", "onKeyDown", "keydownFilter", "onComplete", "maxValue", "minValue", "errorMsg", "className", "style", "initialValue"]);
+    var { type = "text", onChange: onChange2, onKeyDown, keydownFilter, onComplete, maxValue, minValue, errorMsg, className, style, initialValue } = _a, rest = __rest$8(_a, ["type", "onChange", "onKeyDown", "keydownFilter", "onComplete", "maxValue", "minValue", "errorMsg", "className", "style", "initialValue"]);
     const handleChange = (e2) => {
       const target = e2.target;
       if (onChange2) {
@@ -27456,7 +27456,7 @@
     stateReducer: defaultProps$3.stateReducer,
     environment: defaultProps$3.environment
   });
-  var __rest$6 = function(s, e2) {
+  var __rest$7 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
       t2[p2] = s[p2];
@@ -27476,7 +27476,7 @@
     background-color: transparent !important;
 `;
   const ChevronButton = (_a) => {
-    var { getToggleButtonProps, disabled: disabled2, isOpen } = _a, props = __rest$6(_a, ["getToggleButtonProps", "disabled", "isOpen"]);
+    var { getToggleButtonProps, disabled: disabled2, isOpen } = _a, props = __rest$7(_a, ["getToggleButtonProps", "disabled", "isOpen"]);
     return jsxRuntimeExports.jsx(StyledChevronButton, Object.assign({}, getToggleButtonProps(), props, { children: jsxRuntimeExports.jsx(Chevron$2, { disabled: disabled2, isOpen }) }));
   };
   const ChevronButton$1 = React$1.memo(ChevronButton);
@@ -27515,7 +27515,7 @@
   }
   var isEmptyExports = requireIsEmpty();
   const isEmpty = /* @__PURE__ */ getDefaultExportFromCjs(isEmptyExports);
-  var __rest$5 = function(s, e2) {
+  var __rest$6 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
       t2[p2] = s[p2];
@@ -27570,7 +27570,7 @@
     }
 `;
   const ListItem = ({ size: size2, title, item, index: index2, getItemProps, itemClass, children, isHighlighted, isSelected }) => {
-    const _a = getItemProps({ index: index2, item }), { itemClassName } = _a, itemProps = __rest$5(_a, ["itemClassName"]);
+    const _a = getItemProps({ index: index2, item }), { itemClassName } = _a, itemProps = __rest$6(_a, ["itemClassName"]);
     return jsxRuntimeExports.jsx(StyledListItem, Object.assign({}, itemProps, { className: itemClass ? `${itemClassName} ${itemClass}` : itemClassName, title, size: size2, item, isHighlighted, isSelected, children }));
   };
   ListItem.displayName = "ListItem";
@@ -27789,9 +27789,11 @@
 `;
   styled.div`
     display: flex;
-    align-items: center;
     gap: 0.5rem;
+    align-items: center;
+
     width: 100%;
+
     line-height: 1;
 `;
   styled.div`
@@ -28019,7 +28021,7 @@
     }
     var passive2 = false;
     var options = Object.defineProperty({}, "passive", {
-      get: function get() {
+      get: function get2() {
         passive2 = true;
       }
     });
@@ -31314,7 +31316,7 @@
       }, focusSelectedMonth: false, showPopperArrow: true, excludeScrollbar: true, customTimeInput: null, calendarStartDay: void 0 };
     } }]), a2;
   })(), jt = "input", Ht = "navigate";
-  var __rest$4 = function(s, e2) {
+  var __rest$5 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
       t2[p2] = s[p2];
@@ -31445,7 +31447,7 @@
     }
 `;
   const DatepickerListItem = React__namespace.memo(({ item, index: index2, getItemProps, isSelected, size: size2, isHighlighted }) => {
-    const _a = getItemProps({ index: index2, item }), { itemClassName } = _a, itemProps = __rest$4(_a, ["itemClassName"]);
+    const _a = getItemProps({ index: index2, item }), { itemClassName } = _a, itemProps = __rest$5(_a, ["itemClassName"]);
     return jsxRuntimeExports.jsx(StyledDatepickerListItem, Object.assign({}, itemProps, { isSelected, title: item.label, item, index: index2, size: size2, isHighlighted, children: item.label }));
   });
   const StyledDropdownList = React__namespace.memo(styled(DropdownList$1)`
@@ -33482,6 +33484,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    font-size: ${(props) => props.size ? `${props.size}rem` : "1rem"};
 `;
   const SelectedItem = styled.div`
     overflow: hidden;
@@ -33753,7 +33756,7 @@
     const stepDown = () => step(amountToStep * -1);
     return jsxRuntimeExports.jsxs(StepperWrapper, { disabled: disabled2, children: [jsxRuntimeExports.jsx(StepperButton, { disabled: disabled2, onClick: stepUp, styling: "ghost", tabIndex: -1, children: jsxRuntimeExports.jsx(ChevronUp, {}) }), jsxRuntimeExports.jsx(StepperButton, { disabled: disabled2, onClick: stepDown, styling: "ghost", tabIndex: -1, children: jsxRuntimeExports.jsx(ChevronDown, {}) })] });
   };
-  var __rest$3 = function(s, e2) {
+  var __rest$4 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
       t2[p2] = s[p2];
@@ -33856,7 +33859,7 @@
     return "";
   };
   React__namespace.forwardRef((_a, ref) => {
-    var { value, onChange: onChange2, initialValue } = _a, props = __rest$3(_a, ["value", "onChange", "initialValue"]);
+    var { value, onChange: onChange2, initialValue } = _a, props = __rest$4(_a, ["value", "onChange", "initialValue"]);
     const keydownFilter = React$1.useMemo(() => numericFilter(props.integerOnly), [props.integerOnly]);
     const [input, setInput] = React$1.useState(() => getInitialValue(value, initialValue));
     const step = (v) => {
@@ -34493,7 +34496,7 @@
         display: none;
     }
 `;
-  var __rest$2 = function(s, e2) {
+  var __rest$3 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
       t2[p2] = s[p2];
@@ -34527,6 +34530,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) {
@@ -34552,13 +34556,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$2(_a, ["itemClassName"]);
+    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;
@@ -34650,8 +34654,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;
@@ -39079,7 +39083,9 @@ 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)] });
   };
-  var __rest$1 = function(s, e2) {
+  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)
       t2[p2] = s[p2];
@@ -39090,8 +39096,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"};
@@ -39147,7 +39151,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};
 
@@ -39159,19 +39163,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);
@@ -39184,8 +39188,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();
@@ -39202,17 +39206,25 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         throttledClickRow(row.original);
       }
     };
-    const _a = row.getRowProps({ style: renderRowStyle }), { style: rowStyle } = _a, restRow = __rest$1(_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;
+    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), {
+      // 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
@@ -39220,7 +39232,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       );
     }));
   }, arePropsEqual);
-  var __rest = function(s, e2) {
+  var __rest$1 = function(s, e2) {
     var t2 = {};
     for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
       t2[p2] = s[p2];
@@ -39292,7 +39304,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};
 
@@ -39377,6 +39389,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,
@@ -39394,12 +39426,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,
@@ -39408,12 +39454,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);
@@ -39443,7 +39491,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(() => ({
@@ -39486,7 +39541,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const tableProps = getTableBodyProps();
     const renderTable = React$1.useCallback(
       (_a) => {
-        var { children, style: tableStyle } = _a, rest = __rest(_a, ["children", "style"]);
+        var { children, style: tableStyle } = _a, rest = __rest$1(_a, ["children", "style"]);
         return jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(Header, { style: { width: `max(${totalColumnsWidth}px, 100%)` }, children: headerGroups.map((headerGroup, gidx) => React$1.createElement(HeaderRow, Object.assign({}, headerGroup.getHeaderGroupProps(), { key: `group-${gidx}` }), headerGroup.headers.map((col, cidx) => {
           const headerProps = col.getHeaderProps();
           const sortProps = col.getSortByToggleProps();
@@ -39499,11 +39554,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))] })
           );
@@ -39512,28 +39571,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`
@@ -45169,7 +45215,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;
           }
@@ -45614,7 +45660,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);
             };
           }
@@ -47208,7 +47254,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             }
             return result2;
           }
-          function concat() {
+          function concat2() {
             var length = arguments.length;
             if (!length) {
               return [];
@@ -48369,7 +48415,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;
           }
@@ -49056,7 +49102,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           lodash2.chain = chain;
           lodash2.chunk = chunk;
           lodash2.compact = compact;
-          lodash2.concat = concat;
+          lodash2.concat = concat2;
           lodash2.cond = cond;
           lodash2.conforms = conforms;
           lodash2.constant = constant;
@@ -49227,7 +49273,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;
@@ -50776,6 +50822,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function isStateVariable(variable) {
     return isVariable(variable) && variable.__typename === "StateVariable";
   }
+  function isStreamVariable(variable) {
+    return isVariable(variable) && variable.__typename === "StreamVariable";
+  }
   function isResolvedDerivedVariable(value) {
     return value && typeof value === "object" && "values" in value && "type" in value && value.type === "derived" && "uid" in value;
   }
@@ -50925,12 +50974,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;
   }
@@ -50940,6 +50999,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   const selectorRegistry = /* @__PURE__ */ new Map();
   const selectorFamilyRegistry = /* @__PURE__ */ new Map();
   const selectorFamilyMembersRegistry = /* @__PURE__ */ new Map();
+  const streamAtomRegistry = /* @__PURE__ */ new Map();
   const depsRegistry = /* @__PURE__ */ new Map();
   const SHARED_KEY_TYPES = ["result-selector", "derived-selector"];
   function getRegistryKey(variable, type) {
@@ -50958,7 +51018,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       selectorRegistry,
       depsRegistry,
       selectorFamilyRegistry,
-      selectorFamilyMembersRegistry
+      selectorFamilyMembersRegistry,
+      streamAtomRegistry
     ]) {
       registry2.clear();
     }
@@ -50983,6 +51044,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         const key = getRegistryKey(variable, "selector-nested");
         return selectorFamilyRegistry.has(key);
       }
+      case "StreamVariable": {
+        for (const atomKey of streamAtomRegistry.keys()) {
+          if (atomKey.includes(`"uid":"${variable.uid}"`)) {
+            return true;
+          }
+        }
+        return false;
+      }
       default:
         return false;
     }
@@ -64509,22 +64578,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)
               );
             }
           })
@@ -64555,10 +64617,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;
   }
@@ -64576,6 +64648,9 @@ ${String(error)}`;
       const referrable = lookup[obj.__ref];
       return denormalize(referrable, lookup);
     }
+    if (typeof obj !== "object") {
+      return obj;
+    }
     const output = Array.isArray(obj) ? [] : {};
     for (const [key, val] of getEntries(obj)) {
       if (val !== null && typeof val === "object") {
@@ -69807,26 +69882,26 @@ ${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)) {
                   return Promise.resolve(v);
                 }
-                return resolveVariable(v, wsClient, taskContext, currentExtras);
+                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
             });
@@ -69856,7 +69931,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;
@@ -69876,7 +69951,7 @@ ${String(error)}`;
               taskContext,
               extrasSerializable.extras
             );
-            let derivedResult = get(dvResultSelector);
+            let derivedResult = get2(dvResultSelector);
             if (derivedResult.type === "previous") {
               return derivedResult.entry.result;
             }
@@ -69973,14 +70048,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()
@@ -70047,168 +70122,193 @@ ${String(error)}`;
     useInterval(trigger, variable.polling_interval);
     return dvSelector;
   }
-  var clone_1;
-  var hasRequiredClone;
-  function requireClone() {
-    if (hasRequiredClone) return clone_1;
-    hasRequiredClone = 1;
-    var baseClone = require_baseClone();
-    var CLONE_SYMBOLS_FLAG = 4;
-    function clone2(value) {
-      return baseClone(value, CLONE_SYMBOLS_FLAG);
+  async function getBytes(stream, onChunk) {
+    const reader = stream.getReader();
+    let result;
+    while (!(result = await reader.read()).done) {
+      onChunk(result.value);
     }
-    clone_1 = clone2;
-    return clone_1;
   }
-  var cloneExports = requireClone();
-  const clone = /* @__PURE__ */ getDefaultExportFromCjs(cloneExports);
-  function resolveNested(obj, nested) {
-    if (!nested || nested.length === 0) {
-      return obj;
-    }
-    if (!obj || !(typeof obj === "object" && !Array.isArray(obj))) {
-      return obj;
-    }
-    let returnVal = obj;
-    for (const key of nested) {
-      if (!Object.keys(returnVal).includes(key)) {
-        return null;
+  function getLines(onLine) {
+    let buffer;
+    let position;
+    let fieldLength;
+    let discardTrailingNewline = false;
+    return function onChunk(arr) {
+      if (buffer === void 0) {
+        buffer = arr;
+        position = 0;
+        fieldLength = -1;
+      } else {
+        buffer = concat(buffer, arr);
       }
-      returnVal = returnVal[key];
-    }
-    return returnVal;
-  }
-  function setNested(obj, nested, newValue) {
-    if (!nested || nested.length === 0) {
-      return copy(obj);
-    }
-    if (!obj || !(typeof obj === "object" && !Array.isArray(obj))) {
-      return copy(obj);
-    }
-    const cloned = clone(obj);
-    const key = nested[0];
-    if (!Object.keys(obj).includes(key)) {
-      cloned[key] = {};
-    }
-    cloned[key] = nested.length === 1 ? newValue : setNested(cloned[key], nested.slice(1), newValue);
-    return cloned;
-  }
-  async function resolveVariable(variable, client2, taskContext, extras, resolver = (state) => Promise.resolve(state)) {
-    if (isDerivedVariable(variable)) {
-      getOrRegisterDerivedVariable(variable, client2, taskContext, extras);
-      const values = await Promise.all(
-        variable.variables.map((v) => resolveVariable(v, client2, taskContext, extras, resolver))
-      );
-      const deps = variable.deps.map((dep) => variable.variables.findIndex((v) => v.uid === dep.uid));
-      return {
-        deps,
-        type: "derived",
-        uid: variable.uid,
-        values,
-        nested: variable.nested
-      };
-    }
-    if (isServerVariable(variable)) {
-      getOrRegisterServerVariable(variable, extras);
-      return resolveServerVariable(variable, extras, resolver);
-    }
-    if (isSwitchVariable(variable)) {
-      let resolvedValue = isVariable(variable.value) ? await resolveVariable(variable.value, client2, taskContext, extras, resolver) : variable.value;
-      if (isCondition(resolvedValue)) {
-        resolvedValue = {
-          ...resolvedValue,
-          variable: await resolveVariable(resolvedValue.variable, client2, taskContext, extras, resolver)
-        };
+      const bufLength = buffer.length;
+      let lineStart = 0;
+      while (position < bufLength) {
+        if (discardTrailingNewline) {
+          if (buffer[position] === 10) {
+            lineStart = ++position;
+          }
+          discardTrailingNewline = false;
+        }
+        let lineEnd = -1;
+        for (; position < bufLength && lineEnd === -1; ++position) {
+          switch (buffer[position]) {
+            case 58:
+              if (fieldLength === -1) {
+                fieldLength = position - lineStart;
+              }
+              break;
+            case 13:
+              discardTrailingNewline = true;
+            case 10:
+              lineEnd = position;
+              break;
+          }
+        }
+        if (lineEnd === -1) {
+          break;
+        }
+        onLine(buffer.subarray(lineStart, lineEnd), fieldLength);
+        lineStart = position;
+        fieldLength = -1;
       }
-      const resolvedValueMap = isVariable(variable.value_map) ? await resolveVariable(variable.value_map, client2, taskContext, extras, resolver) : variable.value_map;
-      const resolvedDefault = isVariable(variable.default) ? await resolveVariable(variable.default, client2, taskContext, extras, resolver) : variable.default;
-      return {
-        type: "switch",
-        uid: variable.uid,
-        value: resolvedValue,
-        value_map: resolvedValueMap,
-        default: resolvedDefault
-      };
-    }
-    if (isStateVariable(variable)) {
-      throw new Error("StateVariable should not be resolved - it should be handled by useVariable hook");
-    }
-    return resolver(getOrRegisterPlainVariable(variable, client2, taskContext, extras));
+      if (lineStart === bufLength) {
+        buffer = void 0;
+      } else if (lineStart !== 0) {
+        buffer = buffer.subarray(lineStart);
+        position -= lineStart;
+      }
+    };
   }
-  function resolveVariableStatic(variable, snapshot, params) {
-    if (isDerivedVariable(variable)) {
-      const values = variable.variables.map((v) => resolveVariableStatic(v, snapshot, params));
-      const deps = variable.deps.map((dep) => variable.variables.findIndex((v) => v.uid === dep.uid));
-      return {
-        deps,
-        type: "derived",
-        uid: variable.uid,
-        values,
-        nested: variable.nested
-      };
-    }
-    if (isServerVariable(variable)) {
-      return resolveServerVariableStatic(variable, snapshot);
-    }
-    if (isSwitchVariable(variable)) {
-      let resolvedValue = isVariable(variable.value) ? resolveVariableStatic(variable.value, snapshot, params) : variable.value;
-      if (isCondition(resolvedValue)) {
-        resolvedValue = {
-          ...resolvedValue,
-          variable: resolveVariableStatic(resolvedValue.variable, snapshot, params)
-        };
+  function getMessages(onId, onRetry, onMessage) {
+    let message = newMessage();
+    const decoder = new TextDecoder();
+    return function onLine(line, fieldLength) {
+      if (line.length === 0) {
+        onMessage === null || onMessage === void 0 ? void 0 : onMessage(message);
+        message = newMessage();
+      } else if (fieldLength > 0) {
+        const field = decoder.decode(line.subarray(0, fieldLength));
+        const valueOffset = fieldLength + (line[fieldLength + 1] === 32 ? 2 : 1);
+        const value = decoder.decode(line.subarray(valueOffset));
+        switch (field) {
+          case "data":
+            message.data = message.data ? message.data + "\n" + value : value;
+            break;
+          case "event":
+            message.event = value;
+            break;
+          case "id":
+            onId(message.id = value);
+            break;
+          case "retry":
+            const retry = parseInt(value, 10);
+            if (!isNaN(retry)) {
+              onRetry(message.retry = retry);
+            }
+            break;
+        }
       }
-      const resolvedValueMap = isVariable(variable.value_map) ? resolveVariableStatic(variable.value_map, snapshot, params) : variable.value_map;
-      const resolvedDefault = isVariable(variable.default) ? resolveVariableStatic(variable.default, snapshot, params) : variable.default;
-      return {
-        type: "switch",
-        uid: variable.uid,
-        value: resolvedValue,
-        value_map: resolvedValueMap,
-        default: resolvedDefault
-      };
-    }
-    if (isStateVariable(variable)) {
-      throw new Error("StateVariable should not be resolved - it should be handled by useVariable hook");
-    }
-    let result = resolvePlainVariableStatic(variable, snapshot, params);
-    while (isDerivedVariable(result)) {
-      result = resolveVariableStatic(result, snapshot, params);
-    }
-    return result;
+    };
   }
-  function cleanValue(value, forceKeyOverride) {
-    if (isResolvedDerivedVariable(value)) {
-      const { deps, ...rest } = value;
-      const cleanedValues = value.values.map((v) => cleanValue(v));
-      return {
-        ...rest,
-        // Use override if provided, otherwise use the embedded force_key from the resolved variable
-        force_key: forceKeyOverride ?? (value.force_key || null),
-        values: cleanedValues
-      };
-    }
-    if (isResolvedSwitchVariable(value)) {
-      return {
-        ...value,
-        value: cleanValue(value.value, forceKeyOverride),
-        value_map: cleanValue(value.value_map, forceKeyOverride),
-        default: cleanValue(value.default, forceKeyOverride)
-      };
-    }
-    return value;
+  function concat(a2, b2) {
+    const res = new Uint8Array(a2.length + b2.length);
+    res.set(a2);
+    res.set(b2, a2.length);
+    return res;
   }
-  function cleanKwargs(kwargs, forceKeyOverride) {
-    return Object.keys(kwargs).reduce(
-      (acc, k) => {
-        acc[k] = cleanValue(kwargs[k], forceKeyOverride);
-        return acc;
-      },
-      {}
-    );
+  function newMessage() {
+    return {
+      data: "",
+      event: "",
+      id: "",
+      retry: void 0
+    };
   }
-  function cleanArgs(values, forceKeyOverride) {
-    return values.map((val) => cleanValue(val, forceKeyOverride));
+  var __rest = function(s, e2) {
+    var t2 = {};
+    for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0)
+      t2[p2] = s[p2];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i2 = 0, p2 = Object.getOwnPropertySymbols(s); i2 < p2.length; i2++) {
+        if (e2.indexOf(p2[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i2]))
+          t2[p2[i2]] = s[p2[i2]];
+      }
+    return t2;
+  };
+  const EventStreamContentType = "text/event-stream";
+  const DefaultRetryInterval = 1e3;
+  const LastEventId = "last-event-id";
+  function fetchEventSource(input, _a) {
+    var { signal: inputSignal, headers: inputHeaders, onopen: inputOnOpen, onmessage, onclose, onerror, openWhenHidden, fetch: inputFetch } = _a, rest = __rest(_a, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+    return new Promise((resolve, reject) => {
+      const headers = Object.assign({}, inputHeaders);
+      if (!headers.accept) {
+        headers.accept = EventStreamContentType;
+      }
+      let curRequestController;
+      function onVisibilityChange() {
+        curRequestController.abort();
+        if (!document.hidden) {
+          create();
+        }
+      }
+      if (!openWhenHidden) {
+        document.addEventListener("visibilitychange", onVisibilityChange);
+      }
+      let retryInterval = DefaultRetryInterval;
+      let retryTimer = 0;
+      function dispose() {
+        document.removeEventListener("visibilitychange", onVisibilityChange);
+        window.clearTimeout(retryTimer);
+        curRequestController.abort();
+      }
+      inputSignal === null || inputSignal === void 0 ? void 0 : inputSignal.addEventListener("abort", () => {
+        dispose();
+        resolve();
+      });
+      const fetch2 = inputFetch !== null && inputFetch !== void 0 ? inputFetch : window.fetch;
+      const onopen = inputOnOpen !== null && inputOnOpen !== void 0 ? inputOnOpen : defaultOnOpen;
+      async function create() {
+        var _a2;
+        curRequestController = new AbortController();
+        try {
+          const response = await fetch2(input, Object.assign(Object.assign({}, rest), { headers, signal: curRequestController.signal }));
+          await onopen(response);
+          await getBytes(response.body, getLines(getMessages((id) => {
+            if (id) {
+              headers[LastEventId] = id;
+            } else {
+              delete headers[LastEventId];
+            }
+          }, (retry) => {
+            retryInterval = retry;
+          }, onmessage)));
+          onclose === null || onclose === void 0 ? void 0 : onclose();
+          dispose();
+          resolve();
+        } catch (err2) {
+          if (!curRequestController.signal.aborted) {
+            try {
+              const interval = (_a2 = onerror === null || onerror === void 0 ? void 0 : onerror(err2)) !== null && _a2 !== void 0 ? _a2 : retryInterval;
+              window.clearTimeout(retryTimer);
+              retryTimer = window.setTimeout(create, interval);
+            } catch (innerErr) {
+              dispose();
+              reject(innerErr);
+            }
+          }
+        }
+      }
+      create();
+    });
+  }
+  function defaultOnOpen(response) {
+    const contentType = response.headers.get("content-type");
+    if (!(contentType === null || contentType === void 0 ? void 0 : contentType.startsWith(EventStreamContentType))) {
+      throw new Error(`Expected content-type to be ${EventStreamContentType}, Actual: ${contentType}`);
+    }
   }
   /*!
    * https://github.com/Starcounter-Jack/JSON-Patch
@@ -70846,6 +70946,584 @@ ${String(error)}`;
     escapePathComponent,
     unescapePathComponent
   });
+  var getExports = requireGet();
+  const get = /* @__PURE__ */ getDefaultExportFromCjs(getExports);
+  function extractKey(item, keyAccessor) {
+    if (item === null || item === void 0) {
+      return void 0;
+    }
+    const key = get(item, keyAccessor);
+    if (typeof key === "string" || typeof key === "number") {
+      return key;
+    }
+    return void 0;
+  }
+  function applyStreamEvent(currentState, event, keyAccessor) {
+    switch (event.type) {
+      // === Keyed mode events ===
+      case "add": {
+        if (keyAccessor === null) {
+          console.warn(
+            "StreamVariable: add() event received but no key_accessor is set. Use json_snapshot/json_patch instead."
+          );
+          return currentState;
+        }
+        const items = Array.isArray(event.data) ? event.data : [event.data];
+        let newData = currentState.data ?? {};
+        for (const item of items) {
+          const key = extractKey(item, keyAccessor);
+          if (key === void 0) {
+            console.warn(
+              `StreamVariable: Could not extract key using accessor '${keyAccessor}' from item:`,
+              item
+            );
+            continue;
+          }
+          newData = { ...newData, [key]: item };
+        }
+        return {
+          ...currentState,
+          data: newData,
+          status: "connected",
+          error: void 0
+        };
+      }
+      case "remove": {
+        if (keyAccessor === null) {
+          console.warn(
+            "StreamVariable: remove() event received but no key_accessor is set. Use json_snapshot/json_patch instead."
+          );
+          return currentState;
+        }
+        const keys = Array.isArray(event.data) ? event.data : [event.data];
+        const currentData = currentState.data ?? {};
+        const newData = { ...currentData };
+        for (const key of keys) {
+          if (typeof key === "string" || typeof key === "number") {
+            delete newData[key];
+          }
+        }
+        return {
+          ...currentState,
+          data: newData,
+          status: "connected",
+          error: void 0
+        };
+      }
+      case "clear": {
+        return {
+          ...currentState,
+          data: {},
+          status: "connected",
+          error: void 0
+        };
+      }
+      case "replace": {
+        if (keyAccessor === null) {
+          console.warn(
+            "StreamVariable: replace() event received but no key_accessor is set. Use json_snapshot instead."
+          );
+          return currentState;
+        }
+        const items = Array.isArray(event.data) ? event.data : [];
+        const newData = {};
+        for (const item of items) {
+          const key = extractKey(item, keyAccessor);
+          if (key === void 0) {
+            console.warn(
+              `StreamVariable: Could not extract key using accessor '${keyAccessor}' from item:`,
+              item
+            );
+            continue;
+          }
+          newData[key] = item;
+        }
+        return {
+          ...currentState,
+          data: newData,
+          status: "connected",
+          error: void 0
+        };
+      }
+      // === Custom state mode events ===
+      case "json_snapshot":
+        return {
+          ...currentState,
+          data: event.data,
+          status: "connected",
+          error: void 0
+        };
+      case "json_patch": {
+        if (currentState.data === void 0 || currentState.data === null) {
+          console.warn(
+            "StreamVariable: json_patch event received but no state exists. Send a json_snapshot first."
+          );
+          return currentState;
+        }
+        try {
+          const operations = event.data;
+          const { newDocument } = applyPatch(currentState.data, operations, true, false);
+          return {
+            ...currentState,
+            data: newDocument,
+            status: "connected",
+            error: void 0
+          };
+        } catch (e2) {
+          console.error("StreamVariable: Failed to apply json_patch:", e2);
+          return {
+            ...currentState,
+            status: "error",
+            error: `Patch failed: ${String(e2)}`
+          };
+        }
+      }
+      // === Control events ===
+      case "reconnect":
+        return {
+          ...currentState,
+          status: "reconnecting"
+        };
+      case "error":
+        return {
+          ...currentState,
+          status: "error",
+          error: typeof event.data === "string" ? event.data : "Unknown error"
+        };
+      default:
+        console.warn(`StreamVariable: Unknown event type: ${event.type}`);
+        return currentState;
+    }
+  }
+  function getStreamValue(state, keyAccessor) {
+    if (keyAccessor !== null && state.data !== null && typeof state.data === "object" && !Array.isArray(state.data)) {
+      return Object.values(state.data);
+    }
+    return state.data;
+  }
+  const MAX_RETRIES = 5;
+  const BASE_DELAY_MS = 1e3;
+  const MAX_DELAY_MS = 3e4;
+  function getBackoffDelay(retryCount) {
+    return Math.min(BASE_DELAY_MS * 2 ** retryCount, MAX_DELAY_MS);
+  }
+  function serializeAtomParams(params) {
+    return JSON.stringify(params);
+  }
+  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;
+    const normalizedValues = normalizeRequest(params.resolvedValues, params.variables);
+    fetchEventSource(`/api/core/stream/${params.uid}`, {
+      method: HTTP_METHOD.POST,
+      body: JSON.stringify({ values: normalizedValues }),
+      signal: controller.signal,
+      // eslint-disable-next-line @typescript-eslint/require-await
+      onopen: async (response) => {
+        if (response.ok) {
+          retryCount = 0;
+          return;
+        }
+        const error = new Error(`Stream request failed: ${response.status} ${response.statusText}`);
+        throw error;
+      },
+      onmessage: (msg) => {
+        let event;
+        try {
+          event = JSON.parse(msg.data);
+        } catch (parseError) {
+          console.error("Failed to parse SSE event:", parseError, msg.data);
+          return;
+        }
+        if (event.type === "reconnect") {
+          console.info("StreamVariable: Server requested reconnect, reconnecting...");
+          throw new Error("Server requested reconnect");
+        }
+        currentState = applyStreamEvent(currentState, event, params.keyAccessor);
+        if (isFirstMessage) {
+          isFirstMessage = false;
+          callbacks.onFirstData(currentState);
+        } else {
+          callbacks.onUpdate(currentState);
+        }
+      },
+      onerror: (err2) => {
+        if (controller.signal.aborted) {
+          return;
+        }
+        retryCount++;
+        if (retryCount > MAX_RETRIES) {
+          callbacks.onError(err2 instanceof Error ? err2.message : String(err2));
+          return;
+        }
+        const delay2 = getBackoffDelay(retryCount - 1);
+        console.warn(`Stream connection failed, retrying in ${delay2}ms (attempt ${retryCount}/${MAX_RETRIES})...`);
+        return delay2;
+      },
+      onclose: () => {
+      },
+      // Use our request wrapper for auth headers
+      // @ts-expect-error - fetch signature differs slightly but works
+      fetch: request,
+      // Pass through extras (headers, etc.)
+      ...params.extras,
+      // @ts-expect-error - Headers type doesn't match exactly
+      headers: params.extras.headers
+    });
+    return () => {
+      controller.abort();
+      activeConnections.delete(connectionKey);
+    };
+  }
+  function streamConnectionEffect(atomKey) {
+    return ({ setSelf }) => {
+      const params = deserializeAtomParams(atomKey);
+      let resolveInitialData = null;
+      let rejectInitialData = null;
+      const initialDataPromise = new Promise((resolve, reject) => {
+        resolveInitialData = resolve;
+        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
+            });
+          }
+        }
+      });
+      return cleanup;
+    };
+  }
+  const streamAtomFamily = Recoil_index_10({
+    key: "StreamVariable/state",
+    effects: (atomKey) => [streamConnectionEffect(atomKey)]
+  });
+  function getStreamRegistryKey(variable, suffix) {
+    return `StreamVariable:${getUniqueIdentifier(variable, { useNested: false })}:${suffix}`;
+  }
+  function getOrRegisterStreamVariableParams(variable, client2, taskContext, extras) {
+    const key = getStreamRegistryKey(variable, "params-selector");
+    if (!selectorFamilyRegistry.has(key)) {
+      selectorFamilyRegistry.set(
+        key,
+        Recoil_index_11({
+          key: nanoid$1(),
+          get: (extrasSerializable) => async ({ get: get2 }) => {
+            const resolvedVariables = await Promise.all(
+              variable.variables.map(async (v) => {
+                if (!isVariable(v)) {
+                  return v;
+                }
+                return resolveVariable(v, client2, taskContext, extrasSerializable.extras);
+              })
+            );
+            const triggerList = buildTriggerList(variable.variables);
+            registerChildTriggers(triggerList, get2);
+            const resolvedValues = resolvedVariables.map((v) => resolveValue(v, get2));
+            const params = {
+              uid: variable.uid,
+              resolvedValues,
+              variables: variable.variables,
+              keyAccessor: variable.key_accessor,
+              extras: extrasSerializable.extras
+            };
+            return serializeAtomParams(params);
+          }
+        })
+      );
+    }
+    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;
+  }
+  function getOrRegisterStreamVariableValue(variable, client2, taskContext, extras) {
+    const key = getStreamRegistryKey(variable, "value-selector");
+    if (!selectorFamilyRegistry.has(key)) {
+      selectorFamilyRegistry.set(
+        key,
+        Recoil_index_11({
+          key: nanoid$1(),
+          get: (extrasSerializable) => ({ get: get2 }) => {
+            const paramsSelector = getOrRegisterStreamVariableParams(
+              variable,
+              client2,
+              taskContext,
+              extrasSerializable.extras
+            );
+            const atomKey = get2(paramsSelector);
+            const atom2 = streamAtomFamily(atomKey);
+            if (!streamAtomRegistry.has(atomKey)) {
+              streamAtomRegistry.set(atomKey, 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;
+  }
+  function getOrRegisterStreamVariable(variable, client2, taskContext, extras) {
+    const key = `StreamVariable:${getUniqueIdentifier(variable, { useNested: true })}:nested-selector`;
+    if (!selectorFamilyRegistry.has(key)) {
+      selectorFamilyRegistry.set(
+        key,
+        Recoil_index_11({
+          key: nanoid$1(),
+          get: (extrasSerializable) => ({ get: get2 }) => {
+            const valueSelector = getOrRegisterStreamVariableValue(
+              variable,
+              client2,
+              taskContext,
+              extrasSerializable.extras
+            );
+            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;
+  }
+  var clone_1;
+  var hasRequiredClone;
+  function requireClone() {
+    if (hasRequiredClone) return clone_1;
+    hasRequiredClone = 1;
+    var baseClone = require_baseClone();
+    var CLONE_SYMBOLS_FLAG = 4;
+    function clone2(value) {
+      return baseClone(value, CLONE_SYMBOLS_FLAG);
+    }
+    clone_1 = clone2;
+    return clone_1;
+  }
+  var cloneExports = requireClone();
+  const clone = /* @__PURE__ */ getDefaultExportFromCjs(cloneExports);
+  function resolveNested(obj, nested) {
+    if (!nested || nested.length === 0) {
+      return obj;
+    }
+    if (!obj || !(typeof obj === "object" && !Array.isArray(obj))) {
+      return obj;
+    }
+    let returnVal = obj;
+    for (const key of nested) {
+      const stringKey = key;
+      if (!Object.keys(returnVal).includes(stringKey)) {
+        return null;
+      }
+      returnVal = returnVal[stringKey];
+    }
+    return returnVal;
+  }
+  function setNested(obj, nested, newValue) {
+    if (!nested || nested.length === 0) {
+      return copy(obj);
+    }
+    if (!obj || !(typeof obj === "object" && !Array.isArray(obj))) {
+      return copy(obj);
+    }
+    const cloned = clone(obj);
+    const key = nested[0];
+    if (!Object.keys(obj).includes(key)) {
+      cloned[key] = {};
+    }
+    cloned[key] = nested.length === 1 ? newValue : setNested(cloned[key], nested.slice(1), newValue);
+    return cloned;
+  }
+  class PreloadSkipError extends Error {
+    constructor(message) {
+      super(message);
+      this.name = "PreloadSkipError";
+    }
+  }
+  async function resolveVariable(variable, client2, taskContext, extras, resolver = (state) => Promise.resolve(state)) {
+    if (isDerivedVariable(variable)) {
+      getOrRegisterDerivedVariable(variable, client2, taskContext, extras);
+      const values = await Promise.all(
+        variable.variables.map((v) => resolveVariable(v, client2, taskContext, extras, resolver))
+      );
+      const deps = variable.deps.map((dep) => variable.variables.findIndex((v) => v.uid === dep.uid));
+      return {
+        deps,
+        type: "derived",
+        uid: variable.uid,
+        values,
+        // After templating, nested should be all strings
+        nested: variable.nested
+      };
+    }
+    if (isServerVariable(variable)) {
+      getOrRegisterServerVariable(variable, extras);
+      return resolveServerVariable(variable, extras, resolver);
+    }
+    if (isSwitchVariable(variable)) {
+      let resolvedValue = isVariable(variable.value) ? await resolveVariable(variable.value, client2, taskContext, extras, resolver) : variable.value;
+      if (isCondition(resolvedValue)) {
+        resolvedValue = {
+          ...resolvedValue,
+          variable: await resolveVariable(resolvedValue.variable, client2, taskContext, extras, resolver)
+        };
+      }
+      const resolvedValueMap = isVariable(variable.value_map) ? await resolveVariable(variable.value_map, client2, taskContext, extras, resolver) : variable.value_map;
+      const resolvedDefault = isVariable(variable.default) ? await resolveVariable(variable.default, client2, taskContext, extras, resolver) : variable.default;
+      return {
+        type: "switch",
+        uid: variable.uid,
+        value: resolvedValue,
+        value_map: resolvedValueMap,
+        default: resolvedDefault
+      };
+    }
+    if (isStateVariable(variable)) {
+      throw new Error("StateVariable should not be resolved - it should be handled by useVariable hook");
+    }
+    if (isStreamVariable(variable)) {
+      return resolver(
+        getOrRegisterStreamVariable(variable, client2, taskContext, extras)
+      );
+    }
+    return resolver(getOrRegisterPlainVariable(variable, client2, taskContext, extras));
+  }
+  function resolveVariableStatic(variable, snapshot, params) {
+    if (isDerivedVariable(variable)) {
+      const values = variable.variables.map((v) => resolveVariableStatic(v, snapshot, params));
+      const deps = variable.deps.map((dep) => variable.variables.findIndex((v) => v.uid === dep.uid));
+      return {
+        deps,
+        type: "derived",
+        uid: variable.uid,
+        values,
+        // After templating, nested should be all strings
+        nested: variable.nested
+      };
+    }
+    if (isServerVariable(variable)) {
+      return resolveServerVariableStatic(variable, snapshot);
+    }
+    if (isSwitchVariable(variable)) {
+      let resolvedValue = isVariable(variable.value) ? resolveVariableStatic(variable.value, snapshot, params) : variable.value;
+      if (isCondition(resolvedValue)) {
+        resolvedValue = {
+          ...resolvedValue,
+          variable: resolveVariableStatic(resolvedValue.variable, snapshot, params)
+        };
+      }
+      const resolvedValueMap = isVariable(variable.value_map) ? resolveVariableStatic(variable.value_map, snapshot, params) : variable.value_map;
+      const resolvedDefault = isVariable(variable.default) ? resolveVariableStatic(variable.default, snapshot, params) : variable.default;
+      return {
+        type: "switch",
+        uid: variable.uid,
+        value: resolvedValue,
+        value_map: resolvedValueMap,
+        default: resolvedDefault
+      };
+    }
+    if (isStateVariable(variable)) {
+      throw new PreloadSkipError(
+        "StateVariable cannot be used in on_load actions or preloaded. StateVariables track DerivedVariable loading/error state and are only available at runtime."
+      );
+    }
+    if (isStreamVariable(variable)) {
+      throw new PreloadSkipError(
+        "StreamVariable cannot be used in on_load actions or preloaded. StreamVariables receive data via server-sent events and are only available at runtime."
+      );
+    }
+    let result = resolvePlainVariableStatic(variable, snapshot, params);
+    while (isDerivedVariable(result)) {
+      result = resolveVariableStatic(result, snapshot, params);
+    }
+    return result;
+  }
+  function cleanValue(value, forceKeyOverride) {
+    if (isResolvedDerivedVariable(value)) {
+      const { deps, ...rest } = value;
+      const cleanedValues = value.values.map((v) => cleanValue(v));
+      return {
+        ...rest,
+        // Use override if provided, otherwise use the embedded force_key from the resolved variable
+        force_key: forceKeyOverride ?? (value.force_key || null),
+        values: cleanedValues
+      };
+    }
+    if (isResolvedSwitchVariable(value)) {
+      return {
+        ...value,
+        value: cleanValue(value.value, forceKeyOverride),
+        value_map: cleanValue(value.value_map, forceKeyOverride),
+        default: cleanValue(value.default, forceKeyOverride)
+      };
+    }
+    return value;
+  }
+  function cleanKwargs(kwargs, forceKeyOverride) {
+    return Object.keys(kwargs).reduce(
+      (acc, k) => {
+        acc[k] = cleanValue(kwargs[k], forceKeyOverride);
+        return acc;
+      },
+      {}
+    );
+  }
+  function cleanArgs(values, forceKeyOverride) {
+    return values.map((val) => cleanValue(val, forceKeyOverride));
+  }
   function cleanSessionCache(sessionToken) {
     for (const storage of [sessionStorage, localStorage]) {
       const keys = Object.keys(storage);
@@ -71826,7 +72504,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();
@@ -71848,9 +72526,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({
@@ -71858,7 +72536,7 @@ Inferred class string: "${iconClasses}."`
               variables: kwargsList,
               deps: kwargsList,
               resolvedVariables: resolvedKwargsList,
-              resolutionStrategy: { name: "get", get },
+              resolutionStrategy: { name: "get", get: get2 },
               triggerList,
               triggers
             });
@@ -72150,6 +72828,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) {
@@ -72189,6 +72870,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);
@@ -72229,6 +72937,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;
@@ -73423,57 +74139,80 @@ Inferred class string: "${iconClasses}."`
       actions = [route.on_load];
     }
     const actionPayloads = actions.filter(isAnnotatedAction).map((a2) => {
-      const kwargs = cleanKwargs(
-        Object.fromEntries(
-          Object.entries(a2.dynamic_kwargs).map(([k, v]) => {
-            return [k, resolveVariableStatic(v, snapshot, params)];
-          })
-        ),
-        null
-      );
-      return {
-        uid: a2.uid,
-        definition_uid: a2.definition_uid,
-        values: normalizeRequest(kwargs, a2.dynamic_kwargs)
-      };
+      try {
+        const kwargs = cleanKwargs(
+          Object.fromEntries(
+            Object.entries(a2.dynamic_kwargs).map(([k, v]) => {
+              return [k, resolveVariableStatic(v, snapshot, params)];
+            })
+          ),
+          null
+        );
+        return {
+          uid: a2.uid,
+          definition_uid: a2.definition_uid,
+          values: normalizeRequest(kwargs, a2.dynamic_kwargs)
+        };
+      } catch (e2) {
+        if (e2 instanceof PreloadSkipError) {
+          throw new UserError(
+            `on_load action cannot use StreamVariable or StateVariable. These variables are only available at runtime after the page has loaded. Consider using a regular action triggered by user interaction instead.`
+          );
+        }
+        throw e2;
+      }
     });
     const dvHandles = Object.values(route.dependency_graph?.derived_variables ?? {}).flatMap((dv) => {
-      const handle = preloadDerivedVariable(dv, snapshot, params);
-      if (!handle) {
-        return [];
-      }
-      return {
-        ...handle,
-        dv,
-        payload: {
-          values: normalizeRequest(cleanArgs(handle.result.values, null), dv.variables),
-          uid: dv.uid
+      try {
+        const handle = preloadDerivedVariable(dv, snapshot, params);
+        if (!handle) {
+          return [];
         }
-      };
+        return {
+          ...handle,
+          dv,
+          payload: {
+            values: normalizeRequest(cleanArgs(handle.result.values, null), dv.variables),
+            uid: dv.uid
+          }
+        };
+      } catch (e2) {
+        if (e2 instanceof PreloadSkipError) {
+          return [];
+        }
+        throw e2;
+      }
     });
     const pyHandles = Object.values(route.dependency_graph?.py_components ?? {}).flatMap((py) => {
-      const handle = preloadServerComponent(py, snapshot, params);
-      if (!handle) {
-        return [];
-      }
-      const kwargValues = cleanKwargs(
-        Object.keys(py.props.dynamic_kwargs).reduce(
-          (acc, k, idx) => {
-            acc[k] = handle.result.values[idx];
-            return acc;
-          },
-          {}
-        )
-      );
-      return {
-        ...handle,
-        py,
-        payload: {
-          uid: py.uid,
-          name: py.name,
-          values: normalizeRequest(kwargValues, py.props.dynamic_kwargs)
+      try {
+        const handle = preloadServerComponent(py, snapshot, params);
+        if (!handle) {
+          return [];
         }
-      };
+        const kwargValues = cleanKwargs(
+          Object.keys(py.props.dynamic_kwargs).reduce(
+            (acc, k, idx) => {
+              acc[k] = handle.result.values[idx];
+              return acc;
+            },
+            {}
+          )
+        );
+        return {
+          ...handle,
+          py,
+          payload: {
+            uid: py.uid,
+            name: py.name,
+            values: normalizeRequest(kwargValues, py.props.dynamic_kwargs)
+          }
+        };
+      } catch (e2) {
+        if (e2 instanceof PreloadSkipError) {
+          return [];
+        }
+        throw e2;
+      }
     });
     const dvHandlesByUid = dvHandles.reduce(
       (acc, h) => ({ ...acc, [h.dv.uid]: h }),
@@ -74048,6 +74787,12 @@ Inferred class string: "${iconClasses}."`
       });
       return [data2?.[0] ?? null, warnUpdateOnDerivedState];
     }
+    if (isStreamVariable(variable)) {
+      const selector2 = getOrRegisterStreamVariable(variable, wsClient, taskContext, extras);
+      const selectorLoadable = Recoil_index_21(selector2);
+      const deferred22 = useDeferLoadable(selectorLoadable, opts.suspend);
+      return [deferred22, warnUpdateOnDerivedState];
+    }
     const recoilState = getOrRegisterPlainVariable(variable, wsClient, taskContext, extras);
     if (!isDerivedVariable(variable.default)) {
       const [value, setValue] = Recoil_index_22(recoilState);
@@ -75093,6 +75838,7 @@ body,
       } else if (isSwitchVariable(variable)) ;
       else if (isStateVariable(variable)) ;
       else if (isServerVariable(variable)) ;
+      else if (isStreamVariable(variable)) ;
       else {
         const plainAtom = getOrRegisterPlainVariable(variable, ctx.wsClient, ctx.taskCtx, ctx.extras);
         if (variable.store?.__typename === "QueryParamStore") {
@@ -99151,6 +99897,7 @@ body,
   exports.isServerVariable = isServerVariable;
   exports.isSingleVariable = isSingleVariable;
   exports.isStateVariable = isStateVariable;
+  exports.isStreamVariable = isStreamVariable;
   exports.isSwitchVariable = isSwitchVariable;
   exports.isTaskResponse = isTaskResponse$1;
   exports.isVariable = isVariable;
@@ -99169,6 +99916,7 @@ body,
   exports.resolveServerVariable = resolveServerVariable;
   exports.resolveServerVariableStatic = resolveServerVariableStatic;
   exports.resolveTheme = resolveTheme;
+  exports.resolveValue = resolveValue;
   exports.revokeSession = revokeSession;
   exports.selectorFamilyMembersRegistry = selectorFamilyMembersRegistry;
   exports.selectorFamilyRegistry = selectorFamilyRegistry;
@@ -99176,6 +99924,7 @@ body,
   exports.setNested = setNested;
   exports.setSessionToken = setSessionToken;
   exports.setupWebsocket = setupWebsocket;
+  exports.streamAtomRegistry = streamAtomRegistry;
   exports.useAction = useAction;
   exports.useActionIsLoading = useActionIsLoading;
   exports.useComponentStyles = useComponentStyles;