dara-core 1.16.19__py3-none-any.whl → 1.16.20a1__py3-none-any.whl

dara/core/umd/dara.core.umd.js

@@ -7528,6 +7528,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     retentionZone: retentionZone$1
   };
   var Recoil_index_1 = Recoil_index.DefaultValue;
+  var Recoil_index_2 = Recoil_index.isRecoilValue;
   var Recoil_index_5 = Recoil_index.RecoilRoot;
   var Recoil_index_8 = Recoil_index.atom;
   var Recoil_index_10 = Recoil_index.atomFamily;
@@ -11100,7 +11101,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     failure: failure$1$1,
     success: success$1$1
   } = Refine_Checkers$1$1;
-  function isPlainObject$1(value) {
+  function isPlainObject$2(value) {
     if (Object.prototype.toString.call(value) !== "[object Object]") {
       return false;
     }
@@ -11151,7 +11152,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
   function dict$2(valueChecker) {
     return (value, path = new Path$1$1()) => {
-      if (typeof value !== "object" || value === null || !isPlainObject$1(value)) {
+      if (typeof value !== "object" || value === null || !isPlainObject$2(value)) {
         return failure$1$1("value is not an object", path);
       }
       const out = {};
@@ -11191,7 +11192,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   function object$2(checkers) {
     const checkerProperties = Object.keys(checkers);
     return (value, path = new Path$1$1()) => {
-      if (typeof value !== "object" || value === null || !isPlainObject$1(value)) {
+      if (typeof value !== "object" || value === null || !isPlainObject$2(value)) {
         return failure$1$1("value is not an object", path);
       }
       const out = {};
@@ -11589,7 +11590,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     map: map$1$1,
     object: object$1$1,
     optional: optional$1$1,
-    set: set$1$1,
+    set: set$1$2,
     tuple: tuple$1$1,
     writableArray: writableArray$1$1,
     writableDict: writableDict$1$1,
@@ -11652,7 +11653,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     dict: dict$1$1,
     object: object$1$1,
     optional: optional$1$1,
-    set: set$1$1,
+    set: set$1$2,
     map: map$1$1,
     writableArray: writableArray$1$1,
     writableDict: writableDict$1$1,
@@ -16148,12 +16149,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var Symbol$6 = root$d.Symbol;
   var _Symbol = Symbol$6;
   var Symbol$5 = _Symbol;
-  var objectProto$g = Object.prototype;
-  var hasOwnProperty$e = objectProto$g.hasOwnProperty;
-  var nativeObjectToString$1 = objectProto$g.toString;
+  var objectProto$h = Object.prototype;
+  var hasOwnProperty$f = objectProto$h.hasOwnProperty;
+  var nativeObjectToString$1 = objectProto$h.toString;
   var symToStringTag$1 = Symbol$5 ? Symbol$5.toStringTag : void 0;
   function getRawTag$1(value) {
-    var isOwn = hasOwnProperty$e.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+    var isOwn = hasOwnProperty$f.call(value, symToStringTag$1), tag = value[symToStringTag$1];
     try {
       value[symToStringTag$1] = void 0;
       var unmasked = true;
@@ -16170,8 +16171,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return result;
   }
   var _getRawTag = getRawTag$1;
-  var objectProto$f = Object.prototype;
-  var nativeObjectToString = objectProto$f.toString;
+  var objectProto$g = Object.prototype;
+  var nativeObjectToString = objectProto$g.toString;
   function objectToString$1(value) {
     return nativeObjectToString.call(value);
   }
@@ -16179,25 +16180,25 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var Symbol$4 = _Symbol, getRawTag = _getRawTag, objectToString = _objectToString;
   var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
   var symToStringTag = Symbol$4 ? Symbol$4.toStringTag : void 0;
-  function baseGetTag$5(value) {
+  function baseGetTag$6(value) {
     if (value == null) {
       return value === void 0 ? undefinedTag : nullTag;
     }
     return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
   }
-  var _baseGetTag = baseGetTag$5;
+  var _baseGetTag = baseGetTag$6;
   function isObject$b(value) {
     var type = typeof value;
     return value != null && (type == "object" || type == "function");
   }
   var isObject_1 = isObject$b;
-  var baseGetTag$4 = _baseGetTag, isObject$a = isObject_1;
+  var baseGetTag$5 = _baseGetTag, isObject$a = isObject_1;
   var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
   function isFunction$3(value) {
     if (!isObject$a(value)) {
       return false;
     }
-    var tag = baseGetTag$4(value);
+    var tag = baseGetTag$5(value);
     return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
   }
   var isFunction_1 = isFunction$3;
@@ -16213,12 +16214,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return !!maskSrcKey && maskSrcKey in func;
   }
   var _isMasked = isMasked$1;
-  var funcProto$1 = Function.prototype;
-  var funcToString$1 = funcProto$1.toString;
+  var funcProto$2 = Function.prototype;
+  var funcToString$2 = funcProto$2.toString;
   function toSource$2(func) {
     if (func != null) {
       try {
-        return funcToString$1.call(func);
+        return funcToString$2.call(func);
       } catch (e2) {
       }
       try {
@@ -16232,11 +16233,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var isFunction$2 = isFunction_1, isMasked = _isMasked, isObject$9 = isObject_1, toSource$1 = _toSource;
   var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
   var reIsHostCtor = /^\[object .+?Constructor\]$/;
-  var funcProto = Function.prototype, objectProto$e = Object.prototype;
-  var funcToString = funcProto.toString;
-  var hasOwnProperty$d = objectProto$e.hasOwnProperty;
+  var funcProto$1 = Function.prototype, objectProto$f = Object.prototype;
+  var funcToString$1 = funcProto$1.toString;
+  var hasOwnProperty$e = objectProto$f.hasOwnProperty;
   var reIsNative = RegExp(
-    "^" + funcToString.call(hasOwnProperty$d).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    "^" + funcToString$1.call(hasOwnProperty$e).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
   function baseIsNative$1(value) {
     if (!isObject$9(value) || isMasked(value)) {
@@ -16276,23 +16277,23 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var _hashDelete = hashDelete$1;
   var nativeCreate$2 = _nativeCreate;
   var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
-  var objectProto$d = Object.prototype;
-  var hasOwnProperty$c = objectProto$d.hasOwnProperty;
+  var objectProto$e = Object.prototype;
+  var hasOwnProperty$d = objectProto$e.hasOwnProperty;
   function hashGet$1(key) {
     var data = this.__data__;
     if (nativeCreate$2) {
       var result = data[key];
       return result === HASH_UNDEFINED$2 ? void 0 : result;
     }
-    return hasOwnProperty$c.call(data, key) ? data[key] : void 0;
+    return hasOwnProperty$d.call(data, key) ? data[key] : void 0;
   }
   var _hashGet = hashGet$1;
   var nativeCreate$1 = _nativeCreate;
-  var objectProto$c = Object.prototype;
-  var hasOwnProperty$b = objectProto$c.hasOwnProperty;
+  var objectProto$d = Object.prototype;
+  var hasOwnProperty$c = objectProto$d.hasOwnProperty;
   function hashHas$1(key) {
     var data = this.__data__;
-    return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$b.call(data, key);
+    return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$c.call(data, key);
   }
   var _hashHas = hashHas$1;
   var nativeCreate = _nativeCreate;
@@ -16593,8 +16594,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
   var stubArray_1 = stubArray$2;
   var arrayFilter = _arrayFilter, stubArray$1 = stubArray_1;
-  var objectProto$b = Object.prototype;
-  var propertyIsEnumerable$1 = objectProto$b.propertyIsEnumerable;
+  var objectProto$c = Object.prototype;
+  var propertyIsEnumerable$1 = objectProto$c.propertyIsEnumerable;
   var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
   var getSymbols$3 = !nativeGetSymbols$1 ? stubArray$1 : function(object2) {
     if (object2 == null) {
@@ -16614,24 +16615,24 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return result;
   }
   var _baseTimes = baseTimes$1;
-  function isObjectLike$8(value) {
+  function isObjectLike$9(value) {
     return value != null && typeof value == "object";
   }
-  var isObjectLike_1 = isObjectLike$8;
-  var baseGetTag$3 = _baseGetTag, isObjectLike$7 = isObjectLike_1;
+  var isObjectLike_1 = isObjectLike$9;
+  var baseGetTag$4 = _baseGetTag, isObjectLike$8 = isObjectLike_1;
   var argsTag$3 = "[object Arguments]";
   function baseIsArguments$1(value) {
-    return isObjectLike$7(value) && baseGetTag$3(value) == argsTag$3;
+    return isObjectLike$8(value) && baseGetTag$4(value) == argsTag$3;
   }
   var _baseIsArguments = baseIsArguments$1;
-  var baseIsArguments = _baseIsArguments, isObjectLike$6 = isObjectLike_1;
-  var objectProto$a = Object.prototype;
-  var hasOwnProperty$a = objectProto$a.hasOwnProperty;
-  var propertyIsEnumerable = objectProto$a.propertyIsEnumerable;
+  var baseIsArguments = _baseIsArguments, isObjectLike$7 = isObjectLike_1;
+  var objectProto$b = Object.prototype;
+  var hasOwnProperty$b = objectProto$b.hasOwnProperty;
+  var propertyIsEnumerable = objectProto$b.propertyIsEnumerable;
   var isArguments$2 = baseIsArguments(function() {
     return arguments;
   }()) ? baseIsArguments : function(value) {
-    return isObjectLike$6(value) && hasOwnProperty$a.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+    return isObjectLike$7(value) && hasOwnProperty$b.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
   };
   var isArguments_1 = isArguments$2;
   var isBuffer$3 = { exports: {} };
@@ -16662,14 +16663,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
   }
   var isLength_1 = isLength$3;
-  var baseGetTag$2 = _baseGetTag, isLength$2 = isLength_1, isObjectLike$5 = isObjectLike_1;
-  var argsTag$2 = "[object Arguments]", arrayTag$2 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", errorTag$1 = "[object Error]", funcTag$1 = "[object Function]", mapTag$4 = "[object Map]", numberTag$2 = "[object Number]", objectTag$3 = "[object Object]", regexpTag$2 = "[object RegExp]", setTag$4 = "[object Set]", stringTag$2 = "[object String]", weakMapTag$2 = "[object WeakMap]";
+  var baseGetTag$3 = _baseGetTag, isLength$2 = isLength_1, isObjectLike$6 = isObjectLike_1;
+  var argsTag$2 = "[object Arguments]", arrayTag$2 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", errorTag$1 = "[object Error]", funcTag$1 = "[object Function]", mapTag$4 = "[object Map]", numberTag$2 = "[object Number]", objectTag$4 = "[object Object]", regexpTag$2 = "[object RegExp]", setTag$4 = "[object Set]", stringTag$2 = "[object String]", weakMapTag$2 = "[object WeakMap]";
   var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$3 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
   var typedArrayTags = {};
   typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
-  typedArrayTags[argsTag$2] = typedArrayTags[arrayTag$2] = typedArrayTags[arrayBufferTag$2] = typedArrayTags[boolTag$2] = typedArrayTags[dataViewTag$3] = typedArrayTags[dateTag$2] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$4] = typedArrayTags[numberTag$2] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag$2] = typedArrayTags[setTag$4] = typedArrayTags[stringTag$2] = typedArrayTags[weakMapTag$2] = false;
+  typedArrayTags[argsTag$2] = typedArrayTags[arrayTag$2] = typedArrayTags[arrayBufferTag$2] = typedArrayTags[boolTag$2] = typedArrayTags[dataViewTag$3] = typedArrayTags[dateTag$2] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$4] = typedArrayTags[numberTag$2] = typedArrayTags[objectTag$4] = typedArrayTags[regexpTag$2] = typedArrayTags[setTag$4] = typedArrayTags[stringTag$2] = typedArrayTags[weakMapTag$2] = false;
   function baseIsTypedArray$1(value) {
-    return isObjectLike$5(value) && isLength$2(value.length) && !!typedArrayTags[baseGetTag$2(value)];
+    return isObjectLike$6(value) && isLength$2(value.length) && !!typedArrayTags[baseGetTag$3(value)];
   }
   var _baseIsTypedArray = baseIsTypedArray$1;
   function baseUnary$3(func) {
@@ -16702,21 +16703,21 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var isTypedArray$2 = nodeIsTypedArray ? baseUnary$2(nodeIsTypedArray) : baseIsTypedArray;
   var isTypedArray_1 = isTypedArray$2;
   var baseTimes = _baseTimes, isArguments$1 = isArguments_1, isArray$8 = isArray_1, isBuffer$2 = isBuffer$3.exports, isIndex$3 = _isIndex, isTypedArray$1 = isTypedArray_1;
-  var objectProto$9 = Object.prototype;
-  var hasOwnProperty$9 = objectProto$9.hasOwnProperty;
+  var objectProto$a = Object.prototype;
+  var hasOwnProperty$a = objectProto$a.hasOwnProperty;
   function arrayLikeKeys$2(value, inherited) {
     var isArr = isArray$8(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$2(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
     for (var key in value) {
-      if ((inherited || hasOwnProperty$9.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex$3(key, length)))) {
+      if ((inherited || hasOwnProperty$a.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex$3(key, length)))) {
         result.push(key);
       }
     }
     return result;
   }
   var _arrayLikeKeys = arrayLikeKeys$2;
-  var objectProto$8 = Object.prototype;
+  var objectProto$9 = Object.prototype;
   function isPrototype$3(value) {
-    var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$8;
+    var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$9;
     return value === proto;
   }
   var _isPrototype = isPrototype$3;
@@ -16730,15 +16731,15 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var nativeKeys$1 = overArg$1(Object.keys, Object);
   var _nativeKeys = nativeKeys$1;
   var isPrototype$2 = _isPrototype, nativeKeys = _nativeKeys;
-  var objectProto$7 = Object.prototype;
-  var hasOwnProperty$8 = objectProto$7.hasOwnProperty;
+  var objectProto$8 = Object.prototype;
+  var hasOwnProperty$9 = objectProto$8.hasOwnProperty;
   function baseKeys$1(object2) {
     if (!isPrototype$2(object2)) {
       return nativeKeys(object2);
     }
     var result = [];
     for (var key in Object(object2)) {
-      if (hasOwnProperty$8.call(object2, key) && key != "constructor") {
+      if (hasOwnProperty$9.call(object2, key) && key != "constructor") {
         result.push(key);
       }
     }
@@ -16762,8 +16763,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var _getAllKeys = getAllKeys$2;
   var getAllKeys$1 = _getAllKeys;
   var COMPARE_PARTIAL_FLAG$3 = 1;
-  var objectProto$6 = Object.prototype;
-  var hasOwnProperty$7 = objectProto$6.hasOwnProperty;
+  var objectProto$7 = Object.prototype;
+  var hasOwnProperty$8 = objectProto$7.hasOwnProperty;
   function equalObjects$1(object2, other, bitmask, customizer, equalFunc, stack) {
     var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, objProps = getAllKeys$1(object2), objLength = objProps.length, othProps = getAllKeys$1(other), othLength = othProps.length;
     if (objLength != othLength && !isPartial) {
@@ -16772,7 +16773,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     var index2 = objLength;
     while (index2--) {
       var key = objProps[index2];
-      if (!(isPartial ? key in other : hasOwnProperty$7.call(other, key))) {
+      if (!(isPartial ? key in other : hasOwnProperty$8.call(other, key))) {
         return false;
       }
     }
@@ -16820,14 +16821,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var getNative$1 = _getNative, root$6 = _root;
   var WeakMap$3 = getNative$1(root$6, "WeakMap");
   var _WeakMap = WeakMap$3;
-  var DataView$1 = _DataView, Map$1 = _Map, Promise$1 = _Promise, Set$1 = _Set, WeakMap$2 = _WeakMap, baseGetTag$1 = _baseGetTag, toSource = _toSource;
-  var mapTag$3 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
+  var DataView$1 = _DataView, Map$1 = _Map, Promise$1 = _Promise, Set$1 = _Set, WeakMap$2 = _WeakMap, baseGetTag$2 = _baseGetTag, toSource = _toSource;
+  var mapTag$3 = "[object Map]", objectTag$3 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
   var dataViewTag$2 = "[object DataView]";
   var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$2);
-  var getTag$4 = baseGetTag$1;
+  var getTag$4 = baseGetTag$2;
   if (DataView$1 && getTag$4(new DataView$1(new ArrayBuffer(1))) != dataViewTag$2 || Map$1 && getTag$4(new Map$1()) != mapTag$3 || Promise$1 && getTag$4(Promise$1.resolve()) != promiseTag || Set$1 && getTag$4(new Set$1()) != setTag$3 || WeakMap$2 && getTag$4(new WeakMap$2()) != weakMapTag$1) {
     getTag$4 = function(value) {
-      var result = baseGetTag$1(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+      var result = baseGetTag$2(value), Ctor = result == objectTag$3 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
       if (ctorString) {
         switch (ctorString) {
           case dataViewCtorString:
@@ -16848,14 +16849,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var _getTag = getTag$4;
   var Stack$2 = _Stack, equalArrays = _equalArrays, equalByTag = _equalByTag, equalObjects = _equalObjects, getTag$3 = _getTag, isArray$7 = isArray_1, isBuffer$1 = isBuffer$3.exports, isTypedArray = isTypedArray_1;
   var COMPARE_PARTIAL_FLAG$2 = 1;
-  var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", objectTag$1 = "[object Object]";
-  var objectProto$5 = Object.prototype;
-  var hasOwnProperty$6 = objectProto$5.hasOwnProperty;
+  var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", objectTag$2 = "[object Object]";
+  var objectProto$6 = Object.prototype;
+  var hasOwnProperty$7 = objectProto$6.hasOwnProperty;
   function baseIsEqualDeep$1(object2, other, bitmask, customizer, equalFunc, stack) {
     var objIsArr = isArray$7(object2), othIsArr = isArray$7(other), objTag = objIsArr ? arrayTag$1 : getTag$3(object2), othTag = othIsArr ? arrayTag$1 : getTag$3(other);
-    objTag = objTag == argsTag$1 ? objectTag$1 : objTag;
-    othTag = othTag == argsTag$1 ? objectTag$1 : othTag;
-    var objIsObj = objTag == objectTag$1, othIsObj = othTag == objectTag$1, isSameTag = objTag == othTag;
+    objTag = objTag == argsTag$1 ? objectTag$2 : objTag;
+    othTag = othTag == argsTag$1 ? objectTag$2 : othTag;
+    var objIsObj = objTag == objectTag$2, othIsObj = othTag == objectTag$2, isSameTag = objTag == othTag;
     if (isSameTag && isBuffer$1(object2)) {
       if (!isBuffer$1(other)) {
         return false;
@@ -16868,7 +16869,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       return objIsArr || isTypedArray(object2) ? equalArrays(object2, other, bitmask, customizer, equalFunc, stack) : equalByTag(object2, other, objTag, bitmask, customizer, equalFunc, stack);
     }
     if (!(bitmask & COMPARE_PARTIAL_FLAG$2)) {
-      var objIsWrapped = objIsObj && hasOwnProperty$6.call(object2, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$6.call(other, "__wrapped__");
+      var objIsWrapped = objIsObj && hasOwnProperty$7.call(object2, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$7.call(other, "__wrapped__");
       if (objIsWrapped || othIsWrapped) {
         var objUnwrapped = objIsWrapped ? object2.value() : object2, othUnwrapped = othIsWrapped ? other.value() : other;
         stack || (stack = new Stack$2());
@@ -16882,12 +16883,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return equalObjects(object2, other, bitmask, customizer, equalFunc, stack);
   }
   var _baseIsEqualDeep = baseIsEqualDeep$1;
-  var baseIsEqualDeep = _baseIsEqualDeep, isObjectLike$4 = isObjectLike_1;
+  var baseIsEqualDeep = _baseIsEqualDeep, isObjectLike$5 = isObjectLike_1;
   function baseIsEqual$3(value, other, bitmask, customizer, stack) {
     if (value === other) {
       return true;
     }
-    if (value == null || other == null || !isObjectLike$4(value) && !isObjectLike$4(other)) {
+    if (value == null || other == null || !isObjectLike$5(value) && !isObjectLike$5(other)) {
       return value !== value && other !== other;
     }
     return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual$3, stack);
@@ -16924,10 +16925,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return string2 ? string2.slice(0, trimmedEndIndex(string2) + 1).replace(reTrimStart, "") : string2;
   }
   var _baseTrim = baseTrim$1;
-  var baseGetTag = _baseGetTag, isObjectLike$3 = isObjectLike_1;
+  var baseGetTag$1 = _baseGetTag, isObjectLike$4 = isObjectLike_1;
   var symbolTag$2 = "[object Symbol]";
   function isSymbol$4(value) {
-    return typeof value == "symbol" || isObjectLike$3(value) && baseGetTag(value) == symbolTag$2;
+    return typeof value == "symbol" || isObjectLike$4(value) && baseGetTag$1(value) == symbolTag$2;
   }
   var isSymbol_1 = isSymbol$4;
   var baseTrim = _baseTrim, isObject$8 = isObject_1, isSymbol$3 = isSymbol_1;
@@ -17777,7 +17778,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           return uid2 ? "Symbol(src)_1." + uid2 : "";
         }();
         var nativeObjectToString2 = objectProto2.toString;
-        var objectCtorString = funcToString2.call(Object2);
+        var objectCtorString2 = funcToString2.call(Object2);
         var oldDash = root2._;
         var reIsNative2 = RegExp2(
           "^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar2, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
@@ -21191,7 +21192,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
             return true;
           }
           var Ctor = hasOwnProperty2.call(proto, "constructor") && proto.constructor;
-          return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString2.call(Ctor) == objectCtorString;
+          return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString2.call(Ctor) == objectCtorString2;
         }
         var isRegExp = nodeIsRegExp ? baseUnary2(nodeIsRegExp) : baseIsRegExp;
         function isSafeInteger(value) {
@@ -49701,7 +49702,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   };
   function createListComponent(_ref2) {
     var _class;
-    var getItemOffset = _ref2.getItemOffset, getEstimatedTotalSize = _ref2.getEstimatedTotalSize, getItemSize = _ref2.getItemSize, getOffsetForIndexAndAlignment = _ref2.getOffsetForIndexAndAlignment, getStartIndexForOffset = _ref2.getStartIndexForOffset, getStopIndexForStartIndex = _ref2.getStopIndexForStartIndex, initInstanceProps = _ref2.initInstanceProps, shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange, validateProps = _ref2.validateProps;
+    var getItemOffset = _ref2.getItemOffset, getEstimatedTotalSize2 = _ref2.getEstimatedTotalSize, getItemSize = _ref2.getItemSize, getOffsetForIndexAndAlignment = _ref2.getOffsetForIndexAndAlignment, getStartIndexForOffset = _ref2.getStartIndexForOffset, getStopIndexForStartIndex = _ref2.getStopIndexForStartIndex, initInstanceProps = _ref2.initInstanceProps, shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange, validateProps = _ref2.validateProps;
     return _class = /* @__PURE__ */ function(_PureComponent) {
       _inheritsLoose$1(List2, _PureComponent);
       function List2(props) {
@@ -49929,7 +49930,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             }));
           }
         }
-        var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);
+        var estimatedTotalSize = getEstimatedTotalSize2(this.props, this._instanceProps);
         return React.createElement(outerElementType || outerTagName || "div", {
           className,
           onScroll,
@@ -49997,6 +49998,161 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     _ref2.width;
     _ref3.instance;
   };
+  var DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;
+  var getItemMetadata$1 = function getItemMetadata(props, index2, instanceProps) {
+    var _ref2 = props, itemSize = _ref2.itemSize;
+    var itemMetadataMap = instanceProps.itemMetadataMap, lastMeasuredIndex = instanceProps.lastMeasuredIndex;
+    if (index2 > lastMeasuredIndex) {
+      var offset2 = 0;
+      if (lastMeasuredIndex >= 0) {
+        var itemMetadata = itemMetadataMap[lastMeasuredIndex];
+        offset2 = itemMetadata.offset + itemMetadata.size;
+      }
+      for (var i2 = lastMeasuredIndex + 1; i2 <= index2; i2++) {
+        var size2 = itemSize(i2);
+        itemMetadataMap[i2] = {
+          offset: offset2,
+          size: size2
+        };
+        offset2 += size2;
+      }
+      instanceProps.lastMeasuredIndex = index2;
+    }
+    return itemMetadataMap[index2];
+  };
+  var findNearestItem$1 = function findNearestItem(props, instanceProps, offset2) {
+    var itemMetadataMap = instanceProps.itemMetadataMap, lastMeasuredIndex = instanceProps.lastMeasuredIndex;
+    var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
+    if (lastMeasuredItemOffset >= offset2) {
+      return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset2);
+    } else {
+      return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset2);
+    }
+  };
+  var findNearestItemBinarySearch$1 = function findNearestItemBinarySearch(props, instanceProps, high, low, offset2) {
+    while (low <= high) {
+      var middle = low + Math.floor((high - low) / 2);
+      var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;
+      if (currentOffset === offset2) {
+        return middle;
+      } else if (currentOffset < offset2) {
+        low = middle + 1;
+      } else if (currentOffset > offset2) {
+        high = middle - 1;
+      }
+    }
+    if (low > 0) {
+      return low - 1;
+    } else {
+      return 0;
+    }
+  };
+  var findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch(props, instanceProps, index2, offset2) {
+    var itemCount = props.itemCount;
+    var interval = 1;
+    while (index2 < itemCount && getItemMetadata$1(props, index2, instanceProps).offset < offset2) {
+      index2 += interval;
+      interval *= 2;
+    }
+    return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index2, itemCount - 1), Math.floor(index2 / 2), offset2);
+  };
+  var getEstimatedTotalSize = function getEstimatedTotalSize2(_ref2, _ref3) {
+    var itemCount = _ref2.itemCount;
+    var itemMetadataMap = _ref3.itemMetadataMap, estimatedItemSize = _ref3.estimatedItemSize, lastMeasuredIndex = _ref3.lastMeasuredIndex;
+    var totalSizeOfMeasuredItems = 0;
+    if (lastMeasuredIndex >= itemCount) {
+      lastMeasuredIndex = itemCount - 1;
+    }
+    if (lastMeasuredIndex >= 0) {
+      var itemMetadata = itemMetadataMap[lastMeasuredIndex];
+      totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;
+    }
+    var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;
+    var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
+    return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
+  };
+  var VariableSizeList = /* @__PURE__ */ createListComponent({
+    getItemOffset: function getItemOffset(props, index2, instanceProps) {
+      return getItemMetadata$1(props, index2, instanceProps).offset;
+    },
+    getItemSize: function getItemSize(props, index2, instanceProps) {
+      return instanceProps.itemMetadataMap[index2].size;
+    },
+    getEstimatedTotalSize,
+    getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(props, index2, align, scrollOffset, instanceProps, scrollbarSize) {
+      var direction = props.direction, height = props.height, layout = props.layout, width = props.width;
+      var isHorizontal = direction === "horizontal" || layout === "horizontal";
+      var size2 = isHorizontal ? width : height;
+      var itemMetadata = getItemMetadata$1(props, index2, instanceProps);
+      var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);
+      var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size2, itemMetadata.offset));
+      var minOffset = Math.max(0, itemMetadata.offset - size2 + itemMetadata.size + scrollbarSize);
+      if (align === "smart") {
+        if (scrollOffset >= minOffset - size2 && scrollOffset <= maxOffset + size2) {
+          align = "auto";
+        } else {
+          align = "center";
+        }
+      }
+      switch (align) {
+        case "start":
+          return maxOffset;
+        case "end":
+          return minOffset;
+        case "center":
+          return Math.round(minOffset + (maxOffset - minOffset) / 2);
+        case "auto":
+        default:
+          if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
+            return scrollOffset;
+          } else if (scrollOffset < minOffset) {
+            return minOffset;
+          } else {
+            return maxOffset;
+          }
+      }
+    },
+    getStartIndexForOffset: function getStartIndexForOffset(props, offset2, instanceProps) {
+      return findNearestItem$1(props, instanceProps, offset2);
+    },
+    getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {
+      var direction = props.direction, height = props.height, itemCount = props.itemCount, layout = props.layout, width = props.width;
+      var isHorizontal = direction === "horizontal" || layout === "horizontal";
+      var size2 = isHorizontal ? width : height;
+      var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);
+      var maxOffset = scrollOffset + size2;
+      var offset2 = itemMetadata.offset + itemMetadata.size;
+      var stopIndex = startIndex;
+      while (stopIndex < itemCount - 1 && offset2 < maxOffset) {
+        stopIndex++;
+        offset2 += getItemMetadata$1(props, stopIndex, instanceProps).size;
+      }
+      return stopIndex;
+    },
+    initInstanceProps: function initInstanceProps(props, instance) {
+      var _ref4 = props, estimatedItemSize = _ref4.estimatedItemSize;
+      var instanceProps = {
+        itemMetadataMap: {},
+        estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,
+        lastMeasuredIndex: -1
+      };
+      instance.resetAfterIndex = function(index2, shouldForceUpdate) {
+        if (shouldForceUpdate === void 0) {
+          shouldForceUpdate = true;
+        }
+        instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index2 - 1);
+        instance._getItemStyleCache(-1);
+        if (shouldForceUpdate) {
+          instance.forceUpdate();
+        }
+      };
+      return instanceProps;
+    },
+    shouldResetStyleCacheOnItemSizeChange: false,
+    validateProps: function validateProps(_ref5) {
+      _ref5.itemSize;
+    }
+  });
   var FixedSizeList = /* @__PURE__ */ createListComponent({
     getItemOffset: function getItemOffset(_ref2, index2) {
       var itemSize = _ref2.itemSize;
@@ -50006,7 +50162,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       var itemSize = _ref2.itemSize;
       return itemSize;
     },
-    getEstimatedTotalSize: function getEstimatedTotalSize(_ref3) {
+    getEstimatedTotalSize: function getEstimatedTotalSize2(_ref3) {
       var itemCount = _ref3.itemCount, itemSize = _ref3.itemSize;
       return itemSize * itemCount;
     },
@@ -50989,7 +51145,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     EDIT_INPUT: EditInputCell,
     EDIT_SELECT: EditSelectCell
   };
-  const createItemData = 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) => ({
     backgroundColor,
     currentEditCell,
     getItem,
@@ -51099,7 +51255,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       useDeepCompare([tableProps, totalColumnsWidth, headerGroups])
     );
     return jsxRuntime.exports.jsx(Wrapper$3, 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: jsxRuntime.exports.jsx(AutoSizer, { children: ({ height, width }) => {
-      return jsxRuntime.exports.jsx(StyledFixedSizeList, { height, innerElementType: renderTable, itemCount: itemCount || rows.length, itemData: createItemData(width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns), itemSize: ROW_HEIGHT, onItemsRendered, style: {
+      return jsxRuntime.exports.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: {
         overflowX: width < totalColumnsWidth ? "auto" : "hidden",
         overflowY: height < (rows.length + 1) * ROW_HEIGHT ? "auto" : "hidden"
       }, width, children: RenderRow }, "table-list");
@@ -53694,10 +53850,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   var realNames$1 = {};
   var _realNames = realNames$1;
   var realNames = _realNames;
-  var objectProto$4 = Object.prototype;
-  var hasOwnProperty$5 = objectProto$4.hasOwnProperty;
+  var objectProto$5 = Object.prototype;
+  var hasOwnProperty$6 = objectProto$5.hasOwnProperty;
   function getFuncName$1(func) {
-    var result = func.name + "", array2 = realNames[result], length = hasOwnProperty$5.call(realNames, result) ? array2.length : 0;
+    var result = func.name + "", array2 = realNames[result], length = hasOwnProperty$6.call(realNames, result) ? array2.length : 0;
     while (length--) {
       var data = array2[length], otherFunc = data.func;
       if (otherFunc == null || otherFunc == func) {
@@ -53739,15 +53895,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return result;
   }
   var _wrapperClone = wrapperClone$1;
-  var LazyWrapper$1 = _LazyWrapper, LodashWrapper = _LodashWrapper, baseLodash = _baseLodash, isArray$5 = isArray_1, isObjectLike$2 = isObjectLike_1, wrapperClone = _wrapperClone;
-  var objectProto$3 = Object.prototype;
-  var hasOwnProperty$4 = objectProto$3.hasOwnProperty;
+  var LazyWrapper$1 = _LazyWrapper, LodashWrapper = _LodashWrapper, baseLodash = _baseLodash, isArray$5 = isArray_1, isObjectLike$3 = isObjectLike_1, wrapperClone = _wrapperClone;
+  var objectProto$4 = Object.prototype;
+  var hasOwnProperty$5 = objectProto$4.hasOwnProperty;
   function lodash$1(value) {
-    if (isObjectLike$2(value) && !isArray$5(value) && !(value instanceof LazyWrapper$1)) {
+    if (isObjectLike$3(value) && !isArray$5(value) && !(value instanceof LazyWrapper$1)) {
       if (value instanceof LodashWrapper) {
         return value;
       }
-      if (hasOwnProperty$4.call(value, "__wrapped__")) {
+      if (hasOwnProperty$5.call(value, "__wrapped__")) {
         return wrapperClone(value);
       }
     }
@@ -54204,353 +54360,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     useNotifications,
     Notification
   }, Symbol.toStringTag, { value: "Module" }));
-  function cleanSessionCache(sessionToken) {
-    for (const storage of [sessionStorage, localStorage]) {
-      const keys2 = Object.keys(storage);
-      keys2.forEach((key) => {
-        if (key.startsWith("dara-session") && !key.startsWith(`dara-session-${sessionToken}`)) {
-          storage.removeItem(key);
-        }
-      });
-    }
-  }
-  const DARA_JWT_TOKEN = "dara-jwt-token";
-  function isEmbedded() {
-    var _a;
-    const frame = window.frameElement;
-    return frame && ((_a = frame == null ? void 0 : frame.dataset) == null ? void 0 : _a.daraPageId) !== "";
-  }
-  function getEmbedTokenKey() {
-    var _a;
-    const frame = window.frameElement;
-    return (_a = frame == null ? void 0 : frame.dataset) == null ? void 0 : _a.daraPageId;
-  }
-  function getEmbedToken() {
-    return localStorage.getItem(getEmbedTokenKey());
-  }
-  function getToken() {
-    if (isEmbedded()) {
-      const embedToken = getEmbedToken();
-      return embedToken;
-    }
-    return localStorage.getItem(DARA_JWT_TOKEN);
-  }
-  function getTokenKey() {
-    if (isEmbedded()) {
-      return getEmbedTokenKey();
-    }
-    return DARA_JWT_TOKEN;
-  }
-  var ComponentType = /* @__PURE__ */ ((ComponentType2) => {
-    ComponentType2["JS"] = "js";
-    ComponentType2["PY"] = "py";
-    return ComponentType2;
-  })(ComponentType || {});
-  function isRawString(instance) {
-    return instance.name === "RawString";
-  }
-  function isInvalidComponent(instance) {
-    return instance.name === "InvalidComponent";
-  }
-  var ConditionOperator = /* @__PURE__ */ ((ConditionOperator2) => {
-    ConditionOperator2["EQUAL"] = "equal";
-    ConditionOperator2["GREATER_EQUAL"] = "greater_equal";
-    ConditionOperator2["GREATER_THAN"] = "greater_than";
-    ConditionOperator2["LESS_EQUAL"] = "less_equal";
-    ConditionOperator2["LESS_THAN"] = "less_than";
-    ConditionOperator2["NOT_EQUAL"] = "not_equal";
-    ConditionOperator2["TRUTHY"] = "truthy";
-    return ConditionOperator2;
-  })(ConditionOperator || {});
-  function isVariable(variable) {
-    return variable && typeof variable == "object" && variable.hasOwnProperty("uid") && variable.hasOwnProperty("__typename") && variable.__typename.includes("Variable");
-  }
-  function isUrlVariable(variable) {
-    return isVariable(variable) && variable.__typename === "UrlVariable";
-  }
-  function isDerivedVariable(variable) {
-    return isVariable(variable) && variable.__typename === "DerivedVariable";
-  }
-  function isDataVariable(variable) {
-    return isVariable(variable) && variable.__typename === "DataVariable";
-  }
-  function isDerivedDataVariable(variable) {
-    return isVariable(variable) && variable.__typename === "DerivedDataVariable";
-  }
-  function isResolvedDerivedVariable(value) {
-    return value && typeof value === "object" && "values" in value && "type" in value && value.type === "derived" && "uid" in value;
-  }
-  function isResolvedDataVariable(value) {
-    return value && typeof value === "object" && "filters" in value && "type" in value && value.type === "data" && "uid" in value;
-  }
-  function isResolvedDerivedDataVariable(value) {
-    return value && typeof value === "object" && "filters" in value && "values" in value && "type" in value && value.type === "derived-data" && "uid" in value;
-  }
-  function isActionImpl(action) {
-    return action && typeof action === "object" && action.__typename === "ActionImpl";
-  }
-  function isJsComponent(component) {
-    return component.type === ComponentType.JS;
-  }
-  function isNull(value) {
-    return value === null;
-  }
-  var isNull_1 = isNull;
-  var Stack$1 = _Stack, baseIsEqual$1 = _baseIsEqual;
-  var COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
-  function baseIsMatch$1(object2, source, matchData, customizer) {
-    var index2 = matchData.length, length = index2, noCustomizer = !customizer;
-    if (object2 == null) {
-      return !length;
-    }
-    object2 = Object(object2);
-    while (index2--) {
-      var data = matchData[index2];
-      if (noCustomizer && data[2] ? data[1] !== object2[data[0]] : !(data[0] in object2)) {
-        return false;
-      }
-    }
-    while (++index2 < length) {
-      data = matchData[index2];
-      var key = data[0], objValue = object2[key], srcValue = data[1];
-      if (noCustomizer && data[2]) {
-        if (objValue === void 0 && !(key in object2)) {
-          return false;
-        }
-      } else {
-        var stack = new Stack$1();
-        if (customizer) {
-          var result = customizer(objValue, srcValue, key, object2, source, stack);
-        }
-        if (!(result === void 0 ? baseIsEqual$1(srcValue, objValue, COMPARE_PARTIAL_FLAG$1 | COMPARE_UNORDERED_FLAG$1, customizer, stack) : result)) {
-          return false;
-        }
-      }
-    }
-    return true;
-  }
-  var _baseIsMatch = baseIsMatch$1;
-  var isObject$3 = isObject_1;
-  function isStrictComparable$2(value) {
-    return value === value && !isObject$3(value);
-  }
-  var _isStrictComparable = isStrictComparable$2;
-  var isStrictComparable$1 = _isStrictComparable, keys$2 = keys_1;
-  function getMatchData$1(object2) {
-    var result = keys$2(object2), length = result.length;
-    while (length--) {
-      var key = result[length], value = object2[key];
-      result[length] = [key, value, isStrictComparable$1(value)];
-    }
-    return result;
-  }
-  var _getMatchData = getMatchData$1;
-  function matchesStrictComparable$2(key, srcValue) {
-    return function(object2) {
-      if (object2 == null) {
-        return false;
-      }
-      return object2[key] === srcValue && (srcValue !== void 0 || key in Object(object2));
-    };
-  }
-  var _matchesStrictComparable = matchesStrictComparable$2;
-  var baseIsMatch = _baseIsMatch, getMatchData = _getMatchData, matchesStrictComparable$1 = _matchesStrictComparable;
-  function baseMatches$1(source) {
-    var matchData = getMatchData(source);
-    if (matchData.length == 1 && matchData[0][2]) {
-      return matchesStrictComparable$1(matchData[0][0], matchData[0][1]);
-    }
-    return function(object2) {
-      return object2 === source || baseIsMatch(object2, source, matchData);
-    };
-  }
-  var _baseMatches = baseMatches$1;
-  var isArray$4 = isArray_1, isSymbol$1 = isSymbol_1;
-  var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
-  function isKey$3(value, object2) {
-    if (isArray$4(value)) {
-      return false;
-    }
-    var type = typeof value;
-    if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol$1(value)) {
-      return true;
-    }
-    return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object2 != null && value in Object(object2);
-  }
-  var _isKey = isKey$3;
-  var MapCache = _MapCache;
-  var FUNC_ERROR_TEXT$1 = "Expected a function";
-  function memoize$1(func, resolver) {
-    if (typeof func != "function" || resolver != null && typeof resolver != "function") {
-      throw new TypeError(FUNC_ERROR_TEXT$1);
-    }
-    var memoized = function() {
-      var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache2 = memoized.cache;
-      if (cache2.has(key)) {
-        return cache2.get(key);
-      }
-      var result = func.apply(this, args);
-      memoized.cache = cache2.set(key, result) || cache2;
-      return result;
-    };
-    memoized.cache = new (memoize$1.Cache || MapCache)();
-    return memoized;
-  }
-  memoize$1.Cache = MapCache;
-  var memoize_1 = memoize$1;
-  var memoize = memoize_1;
-  var MAX_MEMOIZE_SIZE = 500;
-  function memoizeCapped$1(func) {
-    var result = memoize(func, function(key) {
-      if (cache2.size === MAX_MEMOIZE_SIZE) {
-        cache2.clear();
-      }
-      return key;
-    });
-    var cache2 = result.cache;
-    return result;
-  }
-  var _memoizeCapped = memoizeCapped$1;
-  var memoizeCapped = _memoizeCapped;
-  var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-  var reEscapeChar = /\\(\\)?/g;
-  var stringToPath$1 = memoizeCapped(function(string2) {
-    var result = [];
-    if (string2.charCodeAt(0) === 46) {
-      result.push("");
-    }
-    string2.replace(rePropName, function(match2, number2, quote, subString) {
-      result.push(quote ? subString.replace(reEscapeChar, "$1") : number2 || match2);
-    });
-    return result;
-  });
-  var _stringToPath = stringToPath$1;
-  var isArray$3 = isArray_1, isKey$2 = _isKey, stringToPath = _stringToPath, toString = toString_1;
-  function castPath$4(value, object2) {
-    if (isArray$3(value)) {
-      return value;
-    }
-    return isKey$2(value, object2) ? [value] : stringToPath(toString(value));
-  }
-  var _castPath = castPath$4;
-  var isSymbol = isSymbol_1;
-  var INFINITY = 1 / 0;
-  function toKey$5(value) {
-    if (typeof value == "string" || isSymbol(value)) {
-      return value;
-    }
-    var result = value + "";
-    return result == "0" && 1 / value == -INFINITY ? "-0" : result;
-  }
-  var _toKey = toKey$5;
-  var castPath$3 = _castPath, toKey$4 = _toKey;
-  function baseGet$3(object2, path) {
-    path = castPath$3(path, object2);
-    var index2 = 0, length = path.length;
-    while (object2 != null && index2 < length) {
-      object2 = object2[toKey$4(path[index2++])];
-    }
-    return index2 && index2 == length ? object2 : void 0;
-  }
-  var _baseGet = baseGet$3;
-  var baseGet$2 = _baseGet;
-  function get$1(object2, path, defaultValue) {
-    var result = object2 == null ? void 0 : baseGet$2(object2, path);
-    return result === void 0 ? defaultValue : result;
-  }
-  var get_1 = get$1;
-  function baseHasIn$1(object2, key) {
-    return object2 != null && key in Object(object2);
-  }
-  var _baseHasIn = baseHasIn$1;
-  var castPath$2 = _castPath, isArguments = isArguments_1, isArray$2 = isArray_1, isIndex$1 = _isIndex, isLength = isLength_1, toKey$3 = _toKey;
-  function hasPath$1(object2, path, hasFunc) {
-    path = castPath$2(path, object2);
-    var index2 = -1, length = path.length, result = false;
-    while (++index2 < length) {
-      var key = toKey$3(path[index2]);
-      if (!(result = object2 != null && hasFunc(object2, key))) {
-        break;
-      }
-      object2 = object2[key];
-    }
-    if (result || ++index2 != length) {
-      return result;
-    }
-    length = object2 == null ? 0 : object2.length;
-    return !!length && isLength(length) && isIndex$1(key, length) && (isArray$2(object2) || isArguments(object2));
-  }
-  var _hasPath = hasPath$1;
-  var baseHasIn = _baseHasIn, hasPath = _hasPath;
-  function hasIn$1(object2, path) {
-    return object2 != null && hasPath(object2, path, baseHasIn);
-  }
-  var hasIn_1 = hasIn$1;
-  var baseIsEqual = _baseIsEqual, get = get_1, hasIn = hasIn_1, isKey$1 = _isKey, isStrictComparable = _isStrictComparable, matchesStrictComparable = _matchesStrictComparable, toKey$2 = _toKey;
-  var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
-  function baseMatchesProperty$1(path, srcValue) {
-    if (isKey$1(path) && isStrictComparable(srcValue)) {
-      return matchesStrictComparable(toKey$2(path), srcValue);
-    }
-    return function(object2) {
-      var objValue = get(object2, path);
-      return objValue === void 0 && objValue === srcValue ? hasIn(object2, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
-    };
-  }
-  var _baseMatchesProperty = baseMatchesProperty$1;
-  function baseProperty$1(key) {
-    return function(object2) {
-      return object2 == null ? void 0 : object2[key];
-    };
-  }
-  var _baseProperty = baseProperty$1;
-  var baseGet$1 = _baseGet;
-  function basePropertyDeep$1(path) {
-    return function(object2) {
-      return baseGet$1(object2, path);
-    };
-  }
-  var _basePropertyDeep = basePropertyDeep$1;
-  var baseProperty = _baseProperty, basePropertyDeep = _basePropertyDeep, isKey = _isKey, toKey$1 = _toKey;
-  function property$1(path) {
-    return isKey(path) ? baseProperty(toKey$1(path)) : basePropertyDeep(path);
-  }
-  var property_1 = property$1;
-  var baseMatches = _baseMatches, baseMatchesProperty = _baseMatchesProperty, identity = identity_1, isArray$1 = isArray_1, property = property_1;
-  function baseIteratee$2(value) {
-    if (typeof value == "function") {
-      return value;
-    }
-    if (value == null) {
-      return identity;
-    }
-    if (typeof value == "object") {
-      return isArray$1(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
-    }
-    return property(value);
-  }
-  var _baseIteratee = baseIteratee$2;
-  var FUNC_ERROR_TEXT = "Expected a function";
-  function negate$1(predicate) {
-    if (typeof predicate != "function") {
-      throw new TypeError(FUNC_ERROR_TEXT);
-    }
-    return function() {
-      var args = arguments;
-      switch (args.length) {
-        case 0:
-          return !predicate.call(this);
-        case 1:
-          return !predicate.call(this, args[0]);
-        case 2:
-          return !predicate.call(this, args[0], args[1]);
-        case 3:
-          return !predicate.call(this, args[0], args[1], args[2]);
-      }
-      return !predicate.apply(this, args);
-    };
-  }
-  var negate_1 = negate$1;
+  const directionCtx = React.createContext({ direction: "row" });
+  const importersCtx = React.createContext({});
   var defineProperty = _defineProperty$1;
   function baseAssignValue$2(object2, key, value) {
     if (key == "__proto__" && defineProperty) {
@@ -54566,66 +54377,40 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   var _baseAssignValue = baseAssignValue$2;
   var baseAssignValue$1 = _baseAssignValue, eq = eq_1;
-  var objectProto$2 = Object.prototype;
-  var hasOwnProperty$3 = objectProto$2.hasOwnProperty;
+  var objectProto$3 = Object.prototype;
+  var hasOwnProperty$4 = objectProto$3.hasOwnProperty;
   function assignValue$3(object2, key, value) {
     var objValue = object2[key];
-    if (!(hasOwnProperty$3.call(object2, key) && eq(objValue, value)) || value === void 0 && !(key in object2)) {
+    if (!(hasOwnProperty$4.call(object2, key) && eq(objValue, value)) || value === void 0 && !(key in object2)) {
       baseAssignValue$1(object2, key, value);
     }
   }
   var _assignValue = assignValue$3;
-  var assignValue$2 = _assignValue, castPath$1 = _castPath, isIndex = _isIndex, isObject$2 = isObject_1, toKey = _toKey;
-  function baseSet$1(object2, path, value, customizer) {
-    if (!isObject$2(object2)) {
-      return object2;
-    }
-    path = castPath$1(path, object2);
-    var index2 = -1, length = path.length, lastIndex = length - 1, nested = object2;
-    while (nested != null && ++index2 < length) {
-      var key = toKey(path[index2]), newValue = value;
-      if (key === "__proto__" || key === "constructor" || key === "prototype") {
-        return object2;
+  var assignValue$2 = _assignValue, baseAssignValue = _baseAssignValue;
+  function copyObject$4(source, props, object2, customizer) {
+    var isNew = !object2;
+    object2 || (object2 = {});
+    var index2 = -1, length = props.length;
+    while (++index2 < length) {
+      var key = props[index2];
+      var newValue = customizer ? customizer(object2[key], source[key], key, object2, source) : void 0;
+      if (newValue === void 0) {
+        newValue = source[key];
       }
-      if (index2 != lastIndex) {
-        var objValue = nested[key];
-        newValue = customizer ? customizer(objValue, key, nested) : void 0;
-        if (newValue === void 0) {
-          newValue = isObject$2(objValue) ? objValue : isIndex(path[index2 + 1]) ? [] : {};
-        }
+      if (isNew) {
+        baseAssignValue(object2, key, newValue);
+      } else {
+        assignValue$2(object2, key, newValue);
       }
-      assignValue$2(nested, key, newValue);
-      nested = nested[key];
     }
     return object2;
   }
-  var _baseSet = baseSet$1;
-  var baseGet = _baseGet, baseSet = _baseSet, castPath = _castPath;
-  function basePickBy$1(object2, paths, predicate) {
-    var index2 = -1, length = paths.length, result = {};
-    while (++index2 < length) {
-      var path = paths[index2], value = baseGet(object2, path);
-      if (predicate(value, path)) {
-        baseSet(result, castPath(path, object2), value);
-      }
-    }
-    return result;
+  var _copyObject = copyObject$4;
+  var copyObject$3 = _copyObject, keys$2 = keys_1;
+  function baseAssign$1(object2, source) {
+    return object2 && copyObject$3(source, keys$2(source), object2);
   }
-  var _basePickBy = basePickBy$1;
-  var overArg = _overArg;
-  var getPrototype$2 = overArg(Object.getPrototypeOf, Object);
-  var _getPrototype = getPrototype$2;
-  var arrayPush = _arrayPush, getPrototype$1 = _getPrototype, getSymbols$1 = _getSymbols, stubArray = stubArray_1;
-  var nativeGetSymbols = Object.getOwnPropertySymbols;
-  var getSymbolsIn$2 = !nativeGetSymbols ? stubArray : function(object2) {
-    var result = [];
-    while (object2) {
-      arrayPush(result, getSymbols$1(object2));
-      object2 = getPrototype$1(object2);
-    }
-    return result;
-  };
-  var _getSymbolsIn = getSymbolsIn$2;
+  var _baseAssign = baseAssign$1;
   function nativeKeysIn$1(object2) {
     var result = [];
     if (object2 != null) {
@@ -54636,16 +54421,16 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return result;
   }
   var _nativeKeysIn = nativeKeysIn$1;
-  var isObject$1 = isObject_1, isPrototype$1 = _isPrototype, nativeKeysIn = _nativeKeysIn;
-  var objectProto$1 = Object.prototype;
-  var hasOwnProperty$2 = objectProto$1.hasOwnProperty;
+  var isObject$3 = isObject_1, isPrototype$1 = _isPrototype, nativeKeysIn = _nativeKeysIn;
+  var objectProto$2 = Object.prototype;
+  var hasOwnProperty$3 = objectProto$2.hasOwnProperty;
   function baseKeysIn$1(object2) {
-    if (!isObject$1(object2)) {
+    if (!isObject$3(object2)) {
       return nativeKeysIn(object2);
     }
     var isProto = isPrototype$1(object2), result = [];
     for (var key in object2) {
-      if (!(key == "constructor" && (isProto || !hasOwnProperty$2.call(object2, key)))) {
+      if (!(key == "constructor" && (isProto || !hasOwnProperty$3.call(object2, key)))) {
         result.push(key);
       }
     }
@@ -54657,124 +54442,62 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return isArrayLike(object2) ? arrayLikeKeys(object2, true) : baseKeysIn(object2);
   }
   var keysIn_1 = keysIn$3;
-  var baseGetAllKeys = _baseGetAllKeys, getSymbolsIn$1 = _getSymbolsIn, keysIn$2 = keysIn_1;
-  function getAllKeysIn$2(object2) {
-    return baseGetAllKeys(object2, keysIn$2, getSymbolsIn$1);
+  var copyObject$2 = _copyObject, keysIn$2 = keysIn_1;
+  function baseAssignIn$1(object2, source) {
+    return object2 && copyObject$2(source, keysIn$2(source), object2);
   }
-  var _getAllKeysIn = getAllKeysIn$2;
-  var arrayMap = _arrayMap, baseIteratee$1 = _baseIteratee, basePickBy = _basePickBy, getAllKeysIn$1 = _getAllKeysIn;
-  function pickBy$1(object2, predicate) {
-    if (object2 == null) {
-      return {};
-    }
-    var props = arrayMap(getAllKeysIn$1(object2), function(prop) {
-      return [prop];
-    });
-    predicate = baseIteratee$1(predicate);
-    return basePickBy(object2, props, function(value, path) {
-      return predicate(value, path[0]);
-    });
-  }
-  var pickBy_1 = pickBy$1;
-  var baseIteratee = _baseIteratee, negate = negate_1, pickBy = pickBy_1;
-  function omitBy(object2, predicate) {
-    return pickBy(object2, negate(baseIteratee(predicate)));
-  }
-  var omitBy_1 = omitBy;
-  function isTheme(configTheme) {
-    return typeof configTheme !== "string";
-  }
-  function resolveTheme(configTheme, baseTheme) {
-    if (!configTheme || configTheme === "light") {
-      return theme;
-    }
-    if (configTheme === "dark") {
-      return darkTheme;
-    }
-    if (isTheme(configTheme)) {
-      const original = baseTheme === "dark" ? darkTheme : theme;
-      return {
-        ...original,
-        ...omitBy_1(configTheme, isNull_1),
-        colors: {
-          ...original.colors,
-          ...omitBy_1(configTheme.colors, isNull_1)
-        },
-        font: {
-          ...original.font,
-          ...omitBy_1(configTheme.font, isNull_1)
-        },
-        shadow: {
-          ...original.shadow,
-          ...omitBy_1(configTheme.shadow, isNull_1)
-        }
-      };
-    }
-    console.warn("No valid theme was found. Defaulting to light theme.");
-    return theme;
-  }
-  var assignValue$1 = _assignValue, baseAssignValue = _baseAssignValue;
-  function copyObject$4(source, props, object2, customizer) {
-    var isNew = !object2;
-    object2 || (object2 = {});
-    var index2 = -1, length = props.length;
-    while (++index2 < length) {
-      var key = props[index2];
-      var newValue = customizer ? customizer(object2[key], source[key], key, object2, source) : void 0;
-      if (newValue === void 0) {
-        newValue = source[key];
-      }
-      if (isNew) {
-        baseAssignValue(object2, key, newValue);
-      } else {
-        assignValue$1(object2, key, newValue);
-      }
-    }
-    return object2;
-  }
-  var _copyObject = copyObject$4;
-  var copyObject$3 = _copyObject, keys$1 = keys_1;
-  function baseAssign$1(object2, source) {
-    return object2 && copyObject$3(source, keys$1(source), object2);
-  }
-  var _baseAssign = baseAssign$1;
-  var copyObject$2 = _copyObject, keysIn$1 = keysIn_1;
-  function baseAssignIn$1(object2, source) {
-    return object2 && copyObject$2(source, keysIn$1(source), object2);
-  }
-  var _baseAssignIn = baseAssignIn$1;
-  var _cloneBuffer = { exports: {} };
-  (function(module2, exports2) {
-    var root2 = _root;
-    var freeExports = exports2 && !exports2.nodeType && exports2;
-    var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
-    var moduleExports = freeModule && freeModule.exports === freeExports;
-    var Buffer2 = moduleExports ? root2.Buffer : void 0, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : void 0;
-    function cloneBuffer2(buffer, isDeep) {
-      if (isDeep) {
-        return buffer.slice();
-      }
-      var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
-      buffer.copy(result);
-      return result;
+  var _baseAssignIn = baseAssignIn$1;
+  var _cloneBuffer = { exports: {} };
+  (function(module2, exports2) {
+    var root2 = _root;
+    var freeExports = exports2 && !exports2.nodeType && exports2;
+    var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
+    var moduleExports = freeModule && freeModule.exports === freeExports;
+    var Buffer2 = moduleExports ? root2.Buffer : void 0, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : void 0;
+    function cloneBuffer2(buffer, isDeep) {
+      if (isDeep) {
+        return buffer.slice();
+      }
+      var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
+      buffer.copy(result);
+      return result;
     }
     module2.exports = cloneBuffer2;
   })(_cloneBuffer, _cloneBuffer.exports);
-  var copyObject$1 = _copyObject, getSymbols = _getSymbols;
+  var copyObject$1 = _copyObject, getSymbols$1 = _getSymbols;
   function copySymbols$1(source, object2) {
-    return copyObject$1(source, getSymbols(source), object2);
+    return copyObject$1(source, getSymbols$1(source), object2);
   }
   var _copySymbols = copySymbols$1;
-  var copyObject = _copyObject, getSymbolsIn = _getSymbolsIn;
+  var overArg = _overArg;
+  var getPrototype$3 = overArg(Object.getPrototypeOf, Object);
+  var _getPrototype = getPrototype$3;
+  var arrayPush = _arrayPush, getPrototype$2 = _getPrototype, getSymbols = _getSymbols, stubArray = stubArray_1;
+  var nativeGetSymbols = Object.getOwnPropertySymbols;
+  var getSymbolsIn$2 = !nativeGetSymbols ? stubArray : function(object2) {
+    var result = [];
+    while (object2) {
+      arrayPush(result, getSymbols(object2));
+      object2 = getPrototype$2(object2);
+    }
+    return result;
+  };
+  var _getSymbolsIn = getSymbolsIn$2;
+  var copyObject = _copyObject, getSymbolsIn$1 = _getSymbolsIn;
   function copySymbolsIn$1(source, object2) {
-    return copyObject(source, getSymbolsIn(source), object2);
+    return copyObject(source, getSymbolsIn$1(source), object2);
   }
   var _copySymbolsIn = copySymbolsIn$1;
-  var objectProto = Object.prototype;
-  var hasOwnProperty$1 = objectProto.hasOwnProperty;
+  var baseGetAllKeys = _baseGetAllKeys, getSymbolsIn = _getSymbolsIn, keysIn$1 = keysIn_1;
+  function getAllKeysIn$2(object2) {
+    return baseGetAllKeys(object2, keysIn$1, getSymbolsIn);
+  }
+  var _getAllKeysIn = getAllKeysIn$2;
+  var objectProto$1 = Object.prototype;
+  var hasOwnProperty$2 = objectProto$1.hasOwnProperty;
   function initCloneArray$1(array2) {
     var length = array2.length, result = new array2.constructor(length);
-    if (length && typeof array2[0] == "string" && hasOwnProperty$1.call(array2, "index")) {
+    if (length && typeof array2[0] == "string" && hasOwnProperty$2.call(array2, "index")) {
       result.index = array2.index;
       result.input = array2.input;
     }
@@ -54850,37 +54573,37 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
   }
   var _initCloneByTag = initCloneByTag$1;
-  var baseCreate = _baseCreate, getPrototype = _getPrototype, isPrototype = _isPrototype;
+  var baseCreate = _baseCreate, getPrototype$1 = _getPrototype, isPrototype = _isPrototype;
   function initCloneObject$1(object2) {
-    return typeof object2.constructor == "function" && !isPrototype(object2) ? baseCreate(getPrototype(object2)) : {};
+    return typeof object2.constructor == "function" && !isPrototype(object2) ? baseCreate(getPrototype$1(object2)) : {};
   }
   var _initCloneObject = initCloneObject$1;
-  var getTag$2 = _getTag, isObjectLike$1 = isObjectLike_1;
+  var getTag$2 = _getTag, isObjectLike$2 = isObjectLike_1;
   var mapTag$1 = "[object Map]";
   function baseIsMap$1(value) {
-    return isObjectLike$1(value) && getTag$2(value) == mapTag$1;
+    return isObjectLike$2(value) && getTag$2(value) == mapTag$1;
   }
   var _baseIsMap = baseIsMap$1;
   var baseIsMap = _baseIsMap, baseUnary$1 = _baseUnary, nodeUtil$1 = _nodeUtil.exports;
   var nodeIsMap = nodeUtil$1 && nodeUtil$1.isMap;
   var isMap$1 = nodeIsMap ? baseUnary$1(nodeIsMap) : baseIsMap;
   var isMap_1 = isMap$1;
-  var getTag$1 = _getTag, isObjectLike = isObjectLike_1;
+  var getTag$1 = _getTag, isObjectLike$1 = isObjectLike_1;
   var setTag$1 = "[object Set]";
   function baseIsSet$1(value) {
-    return isObjectLike(value) && getTag$1(value) == setTag$1;
+    return isObjectLike$1(value) && getTag$1(value) == setTag$1;
   }
   var _baseIsSet = baseIsSet$1;
   var baseIsSet = _baseIsSet, baseUnary = _baseUnary, nodeUtil = _nodeUtil.exports;
   var nodeIsSet = nodeUtil && nodeUtil.isSet;
   var isSet$1 = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
   var isSet_1 = isSet$1;
-  var Stack = _Stack, arrayEach = _arrayEach, assignValue = _assignValue, baseAssign = _baseAssign, baseAssignIn = _baseAssignIn, cloneBuffer = _cloneBuffer.exports, copyArray = _copyArray, copySymbols = _copySymbols, copySymbolsIn = _copySymbolsIn, getAllKeys = _getAllKeys, getAllKeysIn = _getAllKeysIn, getTag = _getTag, initCloneArray = _initCloneArray, initCloneByTag = _initCloneByTag, initCloneObject = _initCloneObject, isArray = isArray_1, isBuffer = isBuffer$3.exports, isMap = isMap_1, isObject = isObject_1, isSet = isSet_1, keys = keys_1, keysIn = keysIn_1;
+  var Stack$1 = _Stack, arrayEach = _arrayEach, assignValue$1 = _assignValue, baseAssign = _baseAssign, baseAssignIn = _baseAssignIn, cloneBuffer = _cloneBuffer.exports, copyArray = _copyArray, copySymbols = _copySymbols, copySymbolsIn = _copySymbolsIn, getAllKeys = _getAllKeys, getAllKeysIn$1 = _getAllKeysIn, getTag = _getTag, initCloneArray = _initCloneArray, initCloneByTag = _initCloneByTag, initCloneObject = _initCloneObject, isArray$4 = isArray_1, isBuffer = isBuffer$3.exports, isMap = isMap_1, isObject$2 = isObject_1, isSet = isSet_1, keys$1 = keys_1, keysIn = keysIn_1;
   var CLONE_DEEP_FLAG$1 = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG$2 = 4;
-  var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", weakMapTag = "[object WeakMap]";
+  var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag$1 = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", weakMapTag = "[object WeakMap]";
   var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
   var cloneableTags = {};
-  cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
+  cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag$1] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
   cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
   function baseClone$2(value, bitmask, customizer, key, object2, stack) {
     var result, isDeep = bitmask & CLONE_DEEP_FLAG$1, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG$2;
@@ -54890,10 +54613,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     if (result !== void 0) {
       return result;
     }
-    if (!isObject(value)) {
+    if (!isObject$2(value)) {
       return value;
     }
-    var isArr = isArray(value);
+    var isArr = isArray$4(value);
     if (isArr) {
       result = initCloneArray(value);
       if (!isDeep) {
@@ -54904,7 +54627,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       if (isBuffer(value)) {
         return cloneBuffer(value, isDeep);
       }
-      if (tag == objectTag || tag == argsTag || isFunc && !object2) {
+      if (tag == objectTag$1 || tag == argsTag || isFunc && !object2) {
         result = isFlat || isFunc ? {} : initCloneObject(value);
         if (!isDeep) {
           return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value));
@@ -54916,7 +54639,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         result = initCloneByTag(value, tag, isDeep);
       }
     }
-    stack || (stack = new Stack());
+    stack || (stack = new Stack$1());
     var stacked = stack.get(value);
     if (stacked) {
       return stacked;
@@ -54931,14 +54654,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         result.set(key2, baseClone$2(subValue, bitmask, customizer, key2, value, stack));
       });
     }
-    var keysFunc = isFull ? isFlat ? getAllKeysIn : getAllKeys : isFlat ? keysIn : keys;
+    var keysFunc = isFull ? isFlat ? getAllKeysIn$1 : getAllKeys : isFlat ? keysIn : keys$1;
     var props = isArr ? void 0 : keysFunc(value);
     arrayEach(props || value, function(subValue, key2) {
       if (props) {
         key2 = subValue;
         subValue = value[key2];
       }
-      assignValue(result, key2, baseClone$2(subValue, bitmask, customizer, key2, value, stack));
+      assignValue$1(result, key2, baseClone$2(subValue, bitmask, customizer, key2, value, stack));
     });
     return result;
   }
@@ -55014,8 +54737,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       __privateGet(this, _subscribers)[key].push(callback);
       window.addEventListener("storage", subFunc);
       return () => {
+        var _a;
         window.removeEventListener("storage", subFunc);
-        __privateGet(this, _subscribers)[key].splice(
+        (_a = __privateGet(this, _subscribers)[key]) == null ? void 0 : _a.splice(
           __privateGet(this, _subscribers)[key].findIndex((val) => val === callback),
           1
         );
@@ -55025,6 +54749,37 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   _locks = new WeakMap();
   _subscribers = new WeakMap();
   const store = new GlobalStore();
+  const DARA_JWT_TOKEN = "dara-jwt-token";
+  function isEmbedded() {
+    var _a;
+    const frame = window.frameElement;
+    return frame && ((_a = frame == null ? void 0 : frame.dataset) == null ? void 0 : _a.daraPageId) !== "";
+  }
+  function getEmbedTokenKey() {
+    var _a;
+    const frame = window.frameElement;
+    return (_a = frame == null ? void 0 : frame.dataset) == null ? void 0 : _a.daraPageId;
+  }
+  function getEmbedToken() {
+    const key = getEmbedTokenKey();
+    if (!key) {
+      return null;
+    }
+    return localStorage.getItem(key);
+  }
+  function getToken() {
+    if (isEmbedded()) {
+      const embedToken = getEmbedToken();
+      return embedToken;
+    }
+    return localStorage.getItem(DARA_JWT_TOKEN);
+  }
+  function getTokenKey() {
+    if (isEmbedded()) {
+      return getEmbedTokenKey();
+    }
+    return DARA_JWT_TOKEN;
+  }
   class RequestExtrasSerializable {
     constructor(extras) {
       __publicField(this, "extras");
@@ -55176,6 +54931,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     } catch (e2) {
       console.error("Failed to revoke session", e2);
     }
+    return null;
   }
   function resolveReferrer() {
     if (!window.dara.base_url) {
@@ -55192,7 +54948,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   async function handleAuthErrors(res, toLogin = false, ignoreErrors = null) {
     var _a;
     const content = await res.clone().json();
-    if (isAuthenticationError(content == null ? void 0 : content.detail) && !shouldIgnoreError(content == null ? void 0 : content.detail, ignoreErrors)) {
+    if (isAuthenticationError(content == null ? void 0 : content.detail) && !shouldIgnoreError(content == null ? void 0 : content.detail, ignoreErrors != null ? ignoreErrors : [])) {
       localStorage.removeItem(getTokenKey());
       const queryParams = new URLSearchParams(window.location.search);
       const referrer = (_a = queryParams.get("referrer")) != null ? _a : resolveReferrer();
@@ -55236,6 +54992,63 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     });
     return res.ok;
   }
+  var ComponentType = /* @__PURE__ */ ((ComponentType2) => {
+    ComponentType2["JS"] = "js";
+    ComponentType2["PY"] = "py";
+    return ComponentType2;
+  })(ComponentType || {});
+  function isRawString(instance) {
+    return instance.name === "RawString";
+  }
+  function isInvalidComponent(instance) {
+    return instance.name === "InvalidComponent";
+  }
+  var ConditionOperator = /* @__PURE__ */ ((ConditionOperator2) => {
+    ConditionOperator2["EQUAL"] = "equal";
+    ConditionOperator2["GREATER_EQUAL"] = "greater_equal";
+    ConditionOperator2["GREATER_THAN"] = "greater_than";
+    ConditionOperator2["LESS_EQUAL"] = "less_equal";
+    ConditionOperator2["LESS_THAN"] = "less_than";
+    ConditionOperator2["NOT_EQUAL"] = "not_equal";
+    ConditionOperator2["TRUTHY"] = "truthy";
+    return ConditionOperator2;
+  })(ConditionOperator || {});
+  class UserError extends Error {
+  }
+  function isVariable(variable) {
+    return variable && typeof variable == "object" && variable.hasOwnProperty("uid") && variable.hasOwnProperty("__typename") && variable.__typename.includes("Variable");
+  }
+  function isUrlVariable(variable) {
+    return isVariable(variable) && variable.__typename === "UrlVariable";
+  }
+  function isDerivedVariable(variable) {
+    return isVariable(variable) && variable.__typename === "DerivedVariable";
+  }
+  function isDataVariable(variable) {
+    return isVariable(variable) && variable.__typename === "DataVariable";
+  }
+  function isDerivedDataVariable(variable) {
+    return isVariable(variable) && variable.__typename === "DerivedDataVariable";
+  }
+  function isLoopVariable(variable) {
+    return variable && typeof variable == "object" && variable.hasOwnProperty("uid") && variable.hasOwnProperty("__typename") && variable.__typename === "LoopVariable";
+  }
+  function isResolvedDerivedVariable(value) {
+    return value && typeof value === "object" && "values" in value && "type" in value && value.type === "derived" && "uid" in value;
+  }
+  function isResolvedDataVariable(value) {
+    return value && typeof value === "object" && "filters" in value && "type" in value && value.type === "data" && "uid" in value;
+  }
+  function isResolvedDerivedDataVariable(value) {
+    return value && typeof value === "object" && "filters" in value && "values" in value && "type" in value && value.type === "derived-data" && "uid" in value;
+  }
+  function isActionImpl(action) {
+    return action && typeof action === "object" && action.__typename === "ActionImpl";
+  }
+  function isAnnotatedAction(action) {
+    return action && "uid" in action && "definition_uid" in action && "dynamic_kwargs" in action;
+  }
+  const isPyComponent = (value) => lodash$2.exports.isObject(value) && "props" in value && lodash$2.exports.isObject(value.props) && "func_name" in value.props && "dynamic_kwargs" in value.props;
   function commonjsRequire(path) {
     throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
   }
@@ -56278,8 +56091,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     await validateResponse(res, `Failed to cancel task with id: ${taskId}`);
     return true;
   }
-  const directionCtx = React.createContext({ direction: "row" });
-  const importersCtx = React.createContext({});
   const dataRegistry = /* @__PURE__ */ new Map();
   const atomRegistry = /* @__PURE__ */ new Map();
   const atomFamilyRegistry = /* @__PURE__ */ new Map();
@@ -56288,10 +56099,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   const selectorFamilyMembersRegistry = /* @__PURE__ */ new Map();
   const depsRegistry = /* @__PURE__ */ new Map();
   function getRegistryKey(variable, type) {
-    return `${getUniqueIdentifier(variable)}-${type}`;
+    var _a;
+    let extras = "";
+    if (isDerivedVariable(variable)) {
+      extras = (_a = variable.loop_instance_uid) != null ? _a : "";
+    }
+    return `${getUniqueIdentifier(variable)}-${type}-${extras}`;
   }
   function isRegistered(variable) {
-    var _a;
     if (!isVariable(variable)) {
       return false;
     }
@@ -56301,7 +56116,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           return true;
         }
         const family = atomFamilyRegistry.get(variable.uid);
-        return ((_a = atomFamilyMembersRegistry.get(family)) == null ? void 0 : _a.size) > 0;
+        if (!family) {
+          return false;
+        }
+        return atomFamilyMembersRegistry.get(family).size > 0;
       }
       case "UrlVariable":
       case "DataVariable":
@@ -56323,7 +56141,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const tasksRef = React__namespace.useRef(tasks != null ? tasks : /* @__PURE__ */ new Set());
     const mapRef = React__namespace.useRef(variableTaskMap != null ? variableTaskMap : /* @__PURE__ */ new Map());
     const extras = useRequestExtras();
-    const extrasRef = React__namespace.useRef();
+    const extrasRef = React__namespace.useRef(extras);
     extrasRef.current = extras;
     const refreshSelector = Recoil_index_31(({ set: set2 }) => (key) => {
       set2(atomRegistry.get(key), (prev) => ({ ...prev, inc: prev.inc + 1 }));
@@ -56336,7 +56154,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           if (taskToCancel) {
             cancelTask(runningTask, extrasRef.current);
             tasksRef.current.delete(runningTask);
-            refreshSelector(taskToCancel.triggerKey);
+            if (taskToCancel.triggerKey) {
+              refreshSelector(taskToCancel.triggerKey);
+            }
           }
         }
       }
@@ -56366,17 +56186,27 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const hasRunningTasks = React__namespace.useCallback(() => {
       return tasksRef.current.size > 0;
     }, []);
-    return /* @__PURE__ */ React__namespace.createElement(GlobalTaskCtx.Provider, { value: { cleanupRunningTasks, endTask, getVariableTasks, hasRunningTasks, startTask } }, children);
+    const value = React__namespace.useMemo(
+      () => ({
+        cleanupRunningTasks,
+        endTask,
+        getVariableTasks,
+        hasRunningTasks,
+        startTask
+      }),
+      [cleanupRunningTasks, endTask, getVariableTasks, hasRunningTasks, startTask]
+    );
+    return /* @__PURE__ */ React__namespace.createElement(GlobalTaskCtx.Provider, { value }, children);
   }
   function useTaskContext() {
     const taskCtx = React__namespace.useContext(GlobalTaskCtx);
-    if (taskCtx === void 0) {
+    if (!taskCtx) {
       throw new Error("useTaskContext must be used within GlobalTaskProvider");
     }
     return taskCtx;
   }
   const variablesCtx = React__namespace.createContext(null);
-  const websocketCtx = React.createContext({});
+  const websocketCtx = React.createContext({ client: void 0 });
   const registriesCtx = React.createContext({
     actionRegistry: {},
     componentRegistry: {},
@@ -56384,6 +56214,373 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   });
   const displayCtx = React.createContext({ component: null, direction: "horizontal" });
   const fallbackCtx = React__namespace.createContext(null);
+  function useFallbackCtx() {
+    const ctx = React__namespace.useContext(fallbackCtx);
+    if (!ctx) {
+      throw new Error("useFallback must be used within FallbackCtx");
+    }
+    return ctx;
+  }
+  function cleanSessionCache(sessionToken) {
+    for (const storage of [sessionStorage, localStorage]) {
+      const keys2 = Object.keys(storage);
+      keys2.forEach((key) => {
+        if (key.startsWith("dara-session") && !key.startsWith(`dara-session-${sessionToken}`)) {
+          storage.removeItem(key);
+        }
+      });
+    }
+  }
+  function isJsComponent(component) {
+    return component.type === ComponentType.JS;
+  }
+  function isNull(value) {
+    return value === null;
+  }
+  var isNull_1 = isNull;
+  var Stack = _Stack, baseIsEqual$1 = _baseIsEqual;
+  var COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
+  function baseIsMatch$1(object2, source, matchData, customizer) {
+    var index2 = matchData.length, length = index2, noCustomizer = !customizer;
+    if (object2 == null) {
+      return !length;
+    }
+    object2 = Object(object2);
+    while (index2--) {
+      var data = matchData[index2];
+      if (noCustomizer && data[2] ? data[1] !== object2[data[0]] : !(data[0] in object2)) {
+        return false;
+      }
+    }
+    while (++index2 < length) {
+      data = matchData[index2];
+      var key = data[0], objValue = object2[key], srcValue = data[1];
+      if (noCustomizer && data[2]) {
+        if (objValue === void 0 && !(key in object2)) {
+          return false;
+        }
+      } else {
+        var stack = new Stack();
+        if (customizer) {
+          var result = customizer(objValue, srcValue, key, object2, source, stack);
+        }
+        if (!(result === void 0 ? baseIsEqual$1(srcValue, objValue, COMPARE_PARTIAL_FLAG$1 | COMPARE_UNORDERED_FLAG$1, customizer, stack) : result)) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+  var _baseIsMatch = baseIsMatch$1;
+  var isObject$1 = isObject_1;
+  function isStrictComparable$2(value) {
+    return value === value && !isObject$1(value);
+  }
+  var _isStrictComparable = isStrictComparable$2;
+  var isStrictComparable$1 = _isStrictComparable, keys = keys_1;
+  function getMatchData$1(object2) {
+    var result = keys(object2), length = result.length;
+    while (length--) {
+      var key = result[length], value = object2[key];
+      result[length] = [key, value, isStrictComparable$1(value)];
+    }
+    return result;
+  }
+  var _getMatchData = getMatchData$1;
+  function matchesStrictComparable$2(key, srcValue) {
+    return function(object2) {
+      if (object2 == null) {
+        return false;
+      }
+      return object2[key] === srcValue && (srcValue !== void 0 || key in Object(object2));
+    };
+  }
+  var _matchesStrictComparable = matchesStrictComparable$2;
+  var baseIsMatch = _baseIsMatch, getMatchData = _getMatchData, matchesStrictComparable$1 = _matchesStrictComparable;
+  function baseMatches$1(source) {
+    var matchData = getMatchData(source);
+    if (matchData.length == 1 && matchData[0][2]) {
+      return matchesStrictComparable$1(matchData[0][0], matchData[0][1]);
+    }
+    return function(object2) {
+      return object2 === source || baseIsMatch(object2, source, matchData);
+    };
+  }
+  var _baseMatches = baseMatches$1;
+  var isArray$3 = isArray_1, isSymbol$1 = isSymbol_1;
+  var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
+  function isKey$3(value, object2) {
+    if (isArray$3(value)) {
+      return false;
+    }
+    var type = typeof value;
+    if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol$1(value)) {
+      return true;
+    }
+    return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object2 != null && value in Object(object2);
+  }
+  var _isKey = isKey$3;
+  var MapCache = _MapCache;
+  var FUNC_ERROR_TEXT$1 = "Expected a function";
+  function memoize$1(func, resolver) {
+    if (typeof func != "function" || resolver != null && typeof resolver != "function") {
+      throw new TypeError(FUNC_ERROR_TEXT$1);
+    }
+    var memoized = function() {
+      var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache2 = memoized.cache;
+      if (cache2.has(key)) {
+        return cache2.get(key);
+      }
+      var result = func.apply(this, args);
+      memoized.cache = cache2.set(key, result) || cache2;
+      return result;
+    };
+    memoized.cache = new (memoize$1.Cache || MapCache)();
+    return memoized;
+  }
+  memoize$1.Cache = MapCache;
+  var memoize_1 = memoize$1;
+  var memoize = memoize_1;
+  var MAX_MEMOIZE_SIZE = 500;
+  function memoizeCapped$1(func) {
+    var result = memoize(func, function(key) {
+      if (cache2.size === MAX_MEMOIZE_SIZE) {
+        cache2.clear();
+      }
+      return key;
+    });
+    var cache2 = result.cache;
+    return result;
+  }
+  var _memoizeCapped = memoizeCapped$1;
+  var memoizeCapped = _memoizeCapped;
+  var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+  var reEscapeChar = /\\(\\)?/g;
+  var stringToPath$1 = memoizeCapped(function(string2) {
+    var result = [];
+    if (string2.charCodeAt(0) === 46) {
+      result.push("");
+    }
+    string2.replace(rePropName, function(match2, number2, quote, subString) {
+      result.push(quote ? subString.replace(reEscapeChar, "$1") : number2 || match2);
+    });
+    return result;
+  });
+  var _stringToPath = stringToPath$1;
+  var isArray$2 = isArray_1, isKey$2 = _isKey, stringToPath = _stringToPath, toString = toString_1;
+  function castPath$4(value, object2) {
+    if (isArray$2(value)) {
+      return value;
+    }
+    return isKey$2(value, object2) ? [value] : stringToPath(toString(value));
+  }
+  var _castPath = castPath$4;
+  var isSymbol = isSymbol_1;
+  var INFINITY = 1 / 0;
+  function toKey$5(value) {
+    if (typeof value == "string" || isSymbol(value)) {
+      return value;
+    }
+    var result = value + "";
+    return result == "0" && 1 / value == -INFINITY ? "-0" : result;
+  }
+  var _toKey = toKey$5;
+  var castPath$3 = _castPath, toKey$4 = _toKey;
+  function baseGet$3(object2, path) {
+    path = castPath$3(path, object2);
+    var index2 = 0, length = path.length;
+    while (object2 != null && index2 < length) {
+      object2 = object2[toKey$4(path[index2++])];
+    }
+    return index2 && index2 == length ? object2 : void 0;
+  }
+  var _baseGet = baseGet$3;
+  var baseGet$2 = _baseGet;
+  function get$1(object2, path, defaultValue) {
+    var result = object2 == null ? void 0 : baseGet$2(object2, path);
+    return result === void 0 ? defaultValue : result;
+  }
+  var get_1 = get$1;
+  function baseHasIn$1(object2, key) {
+    return object2 != null && key in Object(object2);
+  }
+  var _baseHasIn = baseHasIn$1;
+  var castPath$2 = _castPath, isArguments = isArguments_1, isArray$1 = isArray_1, isIndex$1 = _isIndex, isLength = isLength_1, toKey$3 = _toKey;
+  function hasPath$1(object2, path, hasFunc) {
+    path = castPath$2(path, object2);
+    var index2 = -1, length = path.length, result = false;
+    while (++index2 < length) {
+      var key = toKey$3(path[index2]);
+      if (!(result = object2 != null && hasFunc(object2, key))) {
+        break;
+      }
+      object2 = object2[key];
+    }
+    if (result || ++index2 != length) {
+      return result;
+    }
+    length = object2 == null ? 0 : object2.length;
+    return !!length && isLength(length) && isIndex$1(key, length) && (isArray$1(object2) || isArguments(object2));
+  }
+  var _hasPath = hasPath$1;
+  var baseHasIn = _baseHasIn, hasPath = _hasPath;
+  function hasIn$1(object2, path) {
+    return object2 != null && hasPath(object2, path, baseHasIn);
+  }
+  var hasIn_1 = hasIn$1;
+  var baseIsEqual = _baseIsEqual, get = get_1, hasIn = hasIn_1, isKey$1 = _isKey, isStrictComparable = _isStrictComparable, matchesStrictComparable = _matchesStrictComparable, toKey$2 = _toKey;
+  var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
+  function baseMatchesProperty$1(path, srcValue) {
+    if (isKey$1(path) && isStrictComparable(srcValue)) {
+      return matchesStrictComparable(toKey$2(path), srcValue);
+    }
+    return function(object2) {
+      var objValue = get(object2, path);
+      return objValue === void 0 && objValue === srcValue ? hasIn(object2, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
+    };
+  }
+  var _baseMatchesProperty = baseMatchesProperty$1;
+  function baseProperty$1(key) {
+    return function(object2) {
+      return object2 == null ? void 0 : object2[key];
+    };
+  }
+  var _baseProperty = baseProperty$1;
+  var baseGet$1 = _baseGet;
+  function basePropertyDeep$1(path) {
+    return function(object2) {
+      return baseGet$1(object2, path);
+    };
+  }
+  var _basePropertyDeep = basePropertyDeep$1;
+  var baseProperty = _baseProperty, basePropertyDeep = _basePropertyDeep, isKey = _isKey, toKey$1 = _toKey;
+  function property$1(path) {
+    return isKey(path) ? baseProperty(toKey$1(path)) : basePropertyDeep(path);
+  }
+  var property_1 = property$1;
+  var baseMatches = _baseMatches, baseMatchesProperty = _baseMatchesProperty, identity = identity_1, isArray = isArray_1, property = property_1;
+  function baseIteratee$2(value) {
+    if (typeof value == "function") {
+      return value;
+    }
+    if (value == null) {
+      return identity;
+    }
+    if (typeof value == "object") {
+      return isArray(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
+    }
+    return property(value);
+  }
+  var _baseIteratee = baseIteratee$2;
+  var FUNC_ERROR_TEXT = "Expected a function";
+  function negate$1(predicate) {
+    if (typeof predicate != "function") {
+      throw new TypeError(FUNC_ERROR_TEXT);
+    }
+    return function() {
+      var args = arguments;
+      switch (args.length) {
+        case 0:
+          return !predicate.call(this);
+        case 1:
+          return !predicate.call(this, args[0]);
+        case 2:
+          return !predicate.call(this, args[0], args[1]);
+        case 3:
+          return !predicate.call(this, args[0], args[1], args[2]);
+      }
+      return !predicate.apply(this, args);
+    };
+  }
+  var negate_1 = negate$1;
+  var assignValue = _assignValue, castPath$1 = _castPath, isIndex = _isIndex, isObject = isObject_1, toKey = _toKey;
+  function baseSet$2(object2, path, value, customizer) {
+    if (!isObject(object2)) {
+      return object2;
+    }
+    path = castPath$1(path, object2);
+    var index2 = -1, length = path.length, lastIndex = length - 1, nested = object2;
+    while (nested != null && ++index2 < length) {
+      var key = toKey(path[index2]), newValue = value;
+      if (key === "__proto__" || key === "constructor" || key === "prototype") {
+        return object2;
+      }
+      if (index2 != lastIndex) {
+        var objValue = nested[key];
+        newValue = customizer ? customizer(objValue, key, nested) : void 0;
+        if (newValue === void 0) {
+          newValue = isObject(objValue) ? objValue : isIndex(path[index2 + 1]) ? [] : {};
+        }
+      }
+      assignValue(nested, key, newValue);
+      nested = nested[key];
+    }
+    return object2;
+  }
+  var _baseSet = baseSet$2;
+  var baseGet = _baseGet, baseSet$1 = _baseSet, castPath = _castPath;
+  function basePickBy$1(object2, paths, predicate) {
+    var index2 = -1, length = paths.length, result = {};
+    while (++index2 < length) {
+      var path = paths[index2], value = baseGet(object2, path);
+      if (predicate(value, path)) {
+        baseSet$1(result, castPath(path, object2), value);
+      }
+    }
+    return result;
+  }
+  var _basePickBy = basePickBy$1;
+  var arrayMap = _arrayMap, baseIteratee$1 = _baseIteratee, basePickBy = _basePickBy, getAllKeysIn = _getAllKeysIn;
+  function pickBy$1(object2, predicate) {
+    if (object2 == null) {
+      return {};
+    }
+    var props = arrayMap(getAllKeysIn(object2), function(prop) {
+      return [prop];
+    });
+    predicate = baseIteratee$1(predicate);
+    return basePickBy(object2, props, function(value, path) {
+      return predicate(value, path[0]);
+    });
+  }
+  var pickBy_1 = pickBy$1;
+  var baseIteratee = _baseIteratee, negate = negate_1, pickBy = pickBy_1;
+  function omitBy(object2, predicate) {
+    return pickBy(object2, negate(baseIteratee(predicate)));
+  }
+  var omitBy_1 = omitBy;
+  function isTheme(configTheme) {
+    return typeof configTheme !== "string";
+  }
+  function resolveTheme(configTheme, baseTheme) {
+    if (!configTheme || configTheme === "light") {
+      return theme;
+    }
+    if (configTheme === "dark") {
+      return darkTheme;
+    }
+    if (isTheme(configTheme)) {
+      const original = baseTheme === "dark" ? darkTheme : theme;
+      return {
+        ...original,
+        ...omitBy_1(configTheme, isNull_1),
+        colors: {
+          ...original.colors,
+          ...omitBy_1(configTheme.colors, isNull_1)
+        },
+        font: {
+          ...original.font,
+          ...omitBy_1(configTheme.font, isNull_1)
+        },
+        shadow: {
+          ...original.shadow,
+          ...omitBy_1(configTheme.shadow, isNull_1)
+        }
+      };
+    }
+    console.warn("No valid theme was found. Defaulting to light theme.");
+    return theme;
+  }
   class EventBus {
     constructor(parentBus) {
       __privateAdd(this, _events$, new Subject());
@@ -56535,7 +56732,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     failure: failure$1,
     success: success$1
   } = Refine_Checkers$1;
-  function isPlainObject(value) {
+  function isPlainObject$1(value) {
     if (Object.prototype.toString.call(value) !== "[object Object]") {
       return false;
     }
@@ -56586,7 +56783,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   function dict(valueChecker) {
     return (value, path = new Path$1()) => {
-      if (typeof value !== "object" || value === null || !isPlainObject(value)) {
+      if (typeof value !== "object" || value === null || !isPlainObject$1(value)) {
         return failure$1("value is not an object", path);
       }
       const out = {};
@@ -56626,7 +56823,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function object(checkers) {
     const checkerProperties = Object.keys(checkers);
     return (value, path = new Path$1()) => {
-      if (typeof value !== "object" || value === null || !isPlainObject(value)) {
+      if (typeof value !== "object" || value === null || !isPlainObject$1(value)) {
         return failure$1("value is not an object", path);
       }
       const out = {};
@@ -56657,7 +56854,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return success$1(out, warnings);
     };
   }
-  function set(checker) {
+  function set$1(checker) {
     return (value, path = new Path$1()) => {
       if (!(value instanceof Set)) {
         return failure$1("value is not a Set", path);
@@ -56727,7 +56924,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     object,
     optional,
     dict,
-    set,
+    set: set$1,
     map,
     writableArray,
     writableDict,
@@ -57009,7 +57206,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     map: map$1,
     object: object$1,
     optional: optional$1,
-    set: set$1,
+    set: set$1$1,
     tuple: tuple$1,
     writableArray: writableArray$1,
     writableDict: writableDict$1,
@@ -57070,7 +57267,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     dict: dict$1,
     object: object$1,
     optional: optional$1,
-    set: set$1,
+    set: set$1$1,
     map: map$1,
     writableArray: writableArray$1,
     writableDict: writableDict$1,
@@ -57150,6 +57347,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       __privateSet(this, _socketUrl, _socketUrl2);
       __privateSet(this, _reconnectCount, 0);
       __privateSet(this, _pingInterval, null);
+      this.channel = Promise.resolve("");
       this.socket = this.initialize();
     }
     initialize(isReconnect = false) {
@@ -57209,7 +57407,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }, interAttemptTimeout);
     }
     close() {
-      clearInterval(__privateGet(this, _pingInterval));
+      if (__privateGet(this, _pingInterval)) {
+        clearInterval(__privateGet(this, _pingInterval));
+      }
       this.socket.removeEventListener("close", this.closeHandler);
       this.socket.close();
     }
@@ -57236,7 +57436,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     taskStatusUpdates$(...task_ids) {
       return this.messages$.pipe(
-        filter((msg) => isTaskNotification(msg) && task_ids.includes(msg.message.task_id)),
+        filter(
+          (msg) => isTaskNotification(msg) && task_ids.includes(msg.message.task_id)
+        ),
         map$2((msg) => msg.message.status)
       );
     }
@@ -57350,6 +57552,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         );
         return Promise.resolve(null);
       }
+      return Promise.resolve(null);
     }
   }
   _pingInterval = new WeakMap();
@@ -57626,7 +57829,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     if (isResolvedDataVariable(value)) {
       return value;
     }
-    return getter(value);
+    if (Recoil_index_2(value)) {
+      return getter(value);
+    }
+    return value;
   }
   function getDeps(values, deps) {
     return values.map((val, idx) => {
@@ -57643,15 +57849,17 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     const values = resolvedVariables.map((v2) => resolveValue$1(v2, get2));
     const depsValues = getDeps(values);
-    const variableValueMap = variables.reduce(
-      (acc, v2, idx) => acc.set(getUniqueIdentifier(v2), depsValues[idx]),
-      /* @__PURE__ */ new Map()
-    );
+    const variableValueMap = variables.reduce((acc, v2, idx) => {
+      if (!isVariable(v2)) {
+        return acc;
+      }
+      return acc.set(getUniqueIdentifier(v2), depsValues[idx]);
+    }, /* @__PURE__ */ new Map());
     let recalculateForced = false;
     let wasTriggered = false;
     let wasTriggeredItself = false;
     const previousEntry = depsRegistry.get(key);
-    const relevantValues = deps.map((dep) => variableValueMap.get(getUniqueIdentifier(dep))).concat(triggers.map((trigger) => trigger.inc));
+    const relevantValues = deps.filter(isVariable).map((dep) => variableValueMap.get(getUniqueIdentifier(dep))).concat(triggers.map((trigger) => trigger.inc));
     if (previousEntry) {
       const areArgsTheSame = lodash$2.exports.isEqual(previousEntry.args, relevantValues);
       if (areArgsTheSame) {
@@ -57695,9 +57903,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             eviction: "most-recent"
           },
           get: (extrasSerializable) => async ({ get: get2 }) => {
-            const resolvedVariables = variable.variables.map(
-              (v2) => resolveVariable(v2, wsClient, taskContext, currentExtras)
-            );
+            const resolvedVariables = variable.variables.map((v2) => {
+              if (!isVariable(v2)) {
+                return v2;
+              }
+              return resolveVariable(v2, wsClient, taskContext, currentExtras);
+            });
             const selfTrigger = get2(getOrRegisterTrigger(variable));
             const { extras } = extrasSerializable;
             const selectorKey = key + extrasSerializable.toJSON();
@@ -57855,7 +58066,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return cloneDeep_1(obj);
     }
     const cloned = clone_1(obj);
-    const [key] = nested;
+    const key = nested[0];
     if (!Object.keys(obj).includes(key)) {
       cloned[key] = {};
     }
@@ -57997,7 +58208,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     };
   }();
   var _hasOwnProperty = Object.prototype.hasOwnProperty;
-  function hasOwnProperty(obj, key) {
+  function hasOwnProperty$1(obj, key) {
     return _hasOwnProperty.call(obj, key);
   }
   function _objectKeys(obj) {
@@ -58013,7 +58224,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     var keys2 = [];
     for (var i2 in obj) {
-      if (hasOwnProperty(obj, i2)) {
+      if (hasOwnProperty$1(obj, i2)) {
         keys2.push(i2);
       }
     }
@@ -58543,7 +58754,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     for (var t2 = oldKeys.length - 1; t2 >= 0; t2--) {
       var key = oldKeys[t2];
       var oldVal = mirror[key];
-      if (hasOwnProperty(obj, key) && !(obj[key] === void 0 && oldVal !== void 0 && Array.isArray(obj) === false)) {
+      if (hasOwnProperty$1(obj, key) && !(obj[key] === void 0 && oldVal !== void 0 && Array.isArray(obj) === false)) {
         var newVal = obj[key];
         if (typeof oldVal == "object" && oldVal != null && typeof newVal == "object" && newVal != null && Array.isArray(oldVal) === Array.isArray(newVal)) {
           _generate(oldVal, newVal, patches, path + "/" + escapePathComponent(key), invertible);
@@ -58573,7 +58784,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     for (var t2 = 0; t2 < newKeys.length; t2++) {
       var key = newKeys[t2];
-      if (!hasOwnProperty(mirror, key) && obj[key] !== void 0) {
+      if (!hasOwnProperty$1(mirror, key) && obj[key] !== void 0) {
         patches.push({ op: "add", path: path + "/" + escapePathComponent(key), value: _deepClone(obj[key]) });
       }
     }
@@ -58618,8 +58829,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function BackendStoreSync({ children }) {
     const { client } = React__namespace.useContext(websocketCtx);
     const getStoreValue = React__namespace.useCallback(async (itemKey) => {
+      var _a;
       const serializableExtras = STORE_EXTRAS_MAP.get(itemKey);
-      const response = await request(`/api/core/store/${itemKey}`, {}, serializableExtras.extras);
+      const response = await request(`/api/core/store/${itemKey}`, {}, (_a = serializableExtras == null ? void 0 : serializableExtras.extras) != null ? _a : {});
       await handleAuthErrors(response, true);
       await validateResponse(response, `Failed to fetch the store value for key: ${itemKey}`);
       const { value, sequence_number } = await response.json();
@@ -58850,12 +59062,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
   };
   function getEffect(variable) {
-    var _a, _b;
+    var _a, _b, _c;
     const storeName = (_a = variable.store) == null ? void 0 : _a.__typename;
     if (!storeName) {
       return null;
     }
-    return (_b = STORES[storeName].effect) != null ? _b : null;
+    return (_c = (_b = STORES[storeName]) == null ? void 0 : _b.effect) != null ? _c : null;
   }
   function StoreProviders({ children }) {
     return /* @__PURE__ */ React__namespace.createElement(BackendStoreSync, null, /* @__PURE__ */ React__namespace.createElement(BrowserStoreSync, null, children));
@@ -59011,7 +59223,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return atomInstance;
   }
   function useDeferLoadable(loadable) {
-    const { suspend } = React.useContext(fallbackCtx);
+    const { suspend } = useFallbackCtx();
     const [availableState, setAvailableState] = React.useState(() => loadable.getValue());
     const timerId = React.useRef(null);
     const isFirstRender = React.useRef(true);
@@ -59027,12 +59239,16 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         }, suspend);
       }
       return () => {
-        clearTimeout(timerId.current);
+        if (timerId.current) {
+          clearTimeout(timerId.current);
+        }
       };
     }, [loadable.state, suspend]);
     React.useEffect(() => {
       if (loadable.state === "hasValue") {
-        clearTimeout(timerId.current);
+        if (timerId.current) {
+          clearTimeout(timerId.current);
+        }
         setShowFallback(false);
         setAvailableState(loadable.valueOrThrow());
       }
@@ -59047,24 +59263,24 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   function useVariable(variable) {
     const extras = useRequestExtras();
-    const { client: WsClient } = React.useContext(websocketCtx);
+    const { client: wsClient } = React.useContext(websocketCtx);
     const taskContext = useTaskContext();
     const variablesContext = React.useContext(variablesCtx);
     const bus = useEventBus();
     if (!isVariable(variable)) {
       return React.useState(variable);
     }
-    variablesContext.variables.current.add(variable.uid);
+    variablesContext == null ? void 0 : variablesContext.variables.current.add(variable.uid);
     React.useEffect(() => {
       return () => {
-        variablesContext.variables.current.delete(variable.uid);
+        variablesContext == null ? void 0 : variablesContext.variables.current.delete(variable.uid);
       };
     }, []);
     if (isDataVariable(variable) || isDerivedDataVariable(variable)) {
       throw new Error(`Non-data variable expected, got ${variable.__typename}`);
     }
     if (isDerivedVariable(variable)) {
-      const selector2 = useDerivedVariable(variable, WsClient, taskContext, extras);
+      const selector2 = useDerivedVariable(variable, wsClient, taskContext, extras);
       const selectorLoadable = Recoil_index_28(selector2);
       React.useEffect(() => {
         if (selectorLoadable.state !== "loading") {
@@ -59081,7 +59297,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }, [urlValue]);
       return [urlValue, setUrlValue];
     }
-    const recoilState = getOrRegisterPlainVariable(variable, WsClient, taskContext, extras);
+    const recoilState = getOrRegisterPlainVariable(variable, wsClient, taskContext, extras);
     if (!isDerivedVariable(variable.default)) {
       const [value, setValue] = Recoil_index_22(recoilState);
       React.useEffect(() => {
@@ -59115,13 +59331,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const resolvedKwargs = Object.keys(annotatedAction.dynamic_kwargs).reduce(
       (acc, k2) => {
         const value = annotatedAction.dynamic_kwargs[k2];
-        acc[k2] = resolveVariable(
+        acc[k2] = isVariable(value) ? resolveVariable(
           value,
           actionCtx.wsClient,
           actionCtx.taskCtx,
           actionCtx.extras,
           (v2) => actionCtx.snapshot.getLoadable(v2).getValue()
-        );
+        ) : value;
         return acc;
       },
       {}
@@ -59262,7 +59478,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const taskCtx = useTaskContext();
     const location2 = useLocation();
     const eventBus = useEventBus();
-    const actionCtx = React.useRef();
+    const actionCtx = React.useRef({
+      extras,
+      history: history2,
+      location: location2,
+      notificationCtx,
+      taskCtx,
+      wsClient,
+      eventBus
+    });
     const optionsRef = React.useRef(options);
     React.useLayoutEffect(() => {
       actionCtx.current = {
@@ -59281,6 +59505,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         var _a;
         const actionsToExecute = Array.isArray(action) ? action : [action];
         for (const actionToExecute of actionsToExecute) {
+          if (!actionToExecute) {
+            continue;
+          }
           const loadingVariable = !isActionImpl(actionToExecute) ? getOrRegisterPlainVariable(actionToExecute.loading, wsClient, taskCtx, extras) : null;
           if (loadingVariable) {
             cbInterface.set(loadingVariable, true);
@@ -59364,12 +59591,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function useWindowTitle(pageTitle) {
     const { data: config2 } = useConfig();
     React.useEffect(() => {
+      if (!config2) {
+        return;
+      }
       if (!pageTitle) {
-        document.title = config2 == null ? void 0 : config2.title;
+        document.title = config2.title;
         return;
       }
-      document.title = `${config2 == null ? void 0 : config2.title} - ${pageTitle}`;
-    }, [config2 == null ? void 0 : config2.title, pageTitle]);
+      document.title = `${config2.title} - ${pageTitle}`;
+    }, [config2, config2 == null ? void 0 : config2.title, pageTitle]);
   }
   const all_min = "";
   const BaseRawCssInject = styled__default.default.div`
@@ -59625,7 +59855,7 @@ Inferred class string: "${iconClasses}."`
     const { search } = useLocation();
     const query = React.useMemo(() => new URLSearchParams(search), [search]);
     const code = query.get("code");
-    const errorConfig = errorMessages[code] || errorMessages.default;
+    const errorConfig = code && errorMessages[code] || errorMessages.default;
     return /* @__PURE__ */ React__default.default.createElement(CenteredDivWithGap, null, /* @__PURE__ */ React__default.default.createElement("h1", null, errorConfig.title), /* @__PURE__ */ React__default.default.createElement("p", null, errorConfig.description), /* @__PURE__ */ React__default.default.createElement(Button$1, { href: "/login", styling: errorConfig.styling }, "Retry"));
   }
   function PrivateRoute({ children, on_load, name }) {
@@ -59655,6 +59885,9 @@ Inferred class string: "${iconClasses}."`
     const [component, setComponent] = React.useState(() => /* @__PURE__ */ React__default.default.createElement(DefaultFallback, null));
     React.useEffect(() => {
       const importer = importers[props.component.py_module];
+      if (!importer) {
+        throw new Error(`Missing importer for module ${props.component.py_module}`);
+      }
       importer().then((moduleContent) => {
         if (!moduleContent) {
           throw new Error(`Failed to import module ${props.component.py_module}`);
@@ -59781,6 +60014,112 @@ Inferred class string: "${iconClasses}."`
     let b2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
     return a2.length !== b2.length || a2.some((item, index2) => !Object.is(item, b2[index2]));
   }
+  var baseGetTag = _baseGetTag, getPrototype = _getPrototype, isObjectLike = isObjectLike_1;
+  var objectTag = "[object Object]";
+  var funcProto = Function.prototype, objectProto = Object.prototype;
+  var funcToString = funcProto.toString;
+  var hasOwnProperty = objectProto.hasOwnProperty;
+  var objectCtorString = funcToString.call(Object);
+  function isPlainObject(value) {
+    if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
+      return false;
+    }
+    var proto = getPrototype(value);
+    if (proto === null) {
+      return true;
+    }
+    var Ctor = hasOwnProperty.call(proto, "constructor") && proto.constructor;
+    return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
+  }
+  var isPlainObject_1 = isPlainObject;
+  var baseSet = _baseSet;
+  function set(object2, path, value) {
+    return object2 == null ? object2 : baseSet(object2, path, value);
+  }
+  var set_1 = set;
+  function createMarkers(scope, loopInstanceUid) {
+    const markers = [];
+    if (scope.action) {
+      markers.push({ type: "action", path: scope.action });
+    }
+    if (scope.derivedVariable) {
+      markers.push({ type: "derived_var", path: scope.derivedVariable, loopInstanceUid });
+    }
+    if (scope.serverComponent) {
+      markers.push({ type: "server_component", path: scope.serverComponent, loopInstanceUid });
+    }
+    return markers;
+  }
+  function updateScope(scope, value, path) {
+    const newScope = { ...scope };
+    if (!scope.action && isAnnotatedAction(value)) {
+      newScope.action = path;
+    }
+    if (!scope.derivedVariable && isDerivedVariable(value)) {
+      newScope.derivedVariable = path;
+    }
+    if (!scope.serverComponent && isPyComponent(value)) {
+      newScope.serverComponent = path;
+    }
+    return newScope;
+  }
+  function getInjectionMarkers(renderer) {
+    const markers = [];
+    function walk(obj, pathSegments, scope = {}) {
+      for (const [key, value] of Object.entries(obj)) {
+        const currentPath = [...pathSegments, key];
+        const dotPath = currentPath.join(".");
+        if (isLoopVariable(value)) {
+          markers.push(
+            { path: dotPath, nested: value.nested, type: "loop_var" },
+            ...createMarkers(scope, value.uid)
+          );
+          continue;
+        }
+        if (isPlainObject_1(value) || Array.isArray(value)) {
+          const newScope = updateScope(scope, value, dotPath);
+          walk(value, [...pathSegments, key], newScope);
+        }
+      }
+    }
+    walk(renderer, []);
+    return markers;
+  }
+  function applyMarkers(renderer, markers, loopValue, itemKey) {
+    if (markers.length === 0) {
+      return renderer;
+    }
+    const clonedRenderer = cloneDeep_1(renderer);
+    for (const marker of markers) {
+      switch (marker.type) {
+        case "loop_var": {
+          set_1(clonedRenderer, marker.path, resolveNested(loopValue, marker.nested));
+          break;
+        }
+        case "action": {
+          set_1(clonedRenderer, `${marker.path}.loading.uid`, nanoid());
+          break;
+        }
+        case "derived_var": {
+          set_1(clonedRenderer, `${marker.path}.loop_instance_uid`, `${marker.loopInstanceUid}:${itemKey}`);
+          break;
+        }
+        case "server_component": {
+          set_1(clonedRenderer, `${marker.path}.loop_instance_uid`, `${marker.loopInstanceUid}:${itemKey}`);
+          break;
+        }
+      }
+    }
+    return clonedRenderer;
+  }
+  function hasMarkers(component) {
+    for (const [key, value] of Object.entries(component.props)) {
+      if (isLoopVariable(value)) {
+        return key;
+      }
+    }
+    return null;
+  }
   const POLLING_INTERVAL = 100;
   const FAKE_PROGRESS_INTERVAL = 100;
   const ESTIMATE_RATIO = 0.85;
@@ -59835,7 +60174,7 @@ Inferred class string: "${iconClasses}."`
 `;
   function findRunningTasks(tasksContext, variablesRef) {
     var _a;
-    if (!(((_a = variablesRef == null ? void 0 : variablesRef.current) == null ? void 0 : _a.size) > 0 && tasksContext.hasRunningTasks())) {
+    if (!(variablesRef && ((_a = variablesRef == null ? void 0 : variablesRef.current) == null ? void 0 : _a.size) > 0 && tasksContext.hasRunningTasks())) {
       return [];
     }
     return tasksContext.getVariableTasks(...variablesRef.current.values());
@@ -59843,12 +60182,17 @@ Inferred class string: "${iconClasses}."`
   function ProgressTracker(props) {
     const taskContext = useTaskContext();
     const { client: wsClient } = React.useContext(websocketCtx);
-    const [latestProgressUpdate, setLatestProgressUpdate] = React.useState(null);
+    const [latestProgressUpdate, setLatestProgressUpdate] = React.useState(
+      null
+    );
     const [progress, setProgress] = React.useState(null);
     const fakeInterval = React.useRef(null);
     const [subscribedTaskIds, setSubscribedTaskIds] = React.useState([]);
     const [restartTrigger, setRestartTrigger] = React.useState(0);
     React.useEffect(() => {
+      if (!wsClient) {
+        return;
+      }
       let progressSubscription = null;
       const timer2 = setInterval(() => {
         const taskIds = findRunningTasks(taskContext, props.variablesRef);
@@ -59865,8 +60209,11 @@ Inferred class string: "${iconClasses}."`
         }
         progressSubscription == null ? void 0 : progressSubscription.unsubscribe();
       };
-    }, [restartTrigger]);
+    }, [restartTrigger, wsClient]);
     React.useEffect(() => {
+      if (!wsClient) {
+        return;
+      }
       let subscription = null;
       if (subscribedTaskIds.length > 0) {
         subscription = wsClient.taskStatusUpdates$(...subscribedTaskIds).subscribe((newStatus) => {
@@ -59884,7 +60231,7 @@ Inferred class string: "${iconClasses}."`
       return () => {
         subscription == null ? void 0 : subscription.unsubscribe();
       };
-    }, [subscribedTaskIds]);
+    }, [subscribedTaskIds, wsClient]);
     React.useEffect(() => {
       var _a, _b;
       if (!latestProgressUpdate) {
@@ -60013,7 +60360,8 @@ Inferred class string: "${iconClasses}."`
   function ErrorDisplay$1(props) {
     var _a, _b, _c, _d, _e2;
     const [styles2, css2] = parseRawCss((_a = props.config) == null ? void 0 : _a.raw_css);
-    return /* @__PURE__ */ React__default.default.createElement(ErrorDisplayWrapper, { $rawCss: css2, style: styles2 }, /* @__PURE__ */ React__default.default.createElement(ContentWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorContent, null, /* @__PURE__ */ React__default.default.createElement(ErrorTitle$1, null, /* @__PURE__ */ React__default.default.createElement(IconWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorIcon, { "aria-hidden": true, className: "fa-solid fa-circle-xmark fa-lg" })), (_c = (_b = props == null ? void 0 : props.config) == null ? void 0 : _b.title) != null ? _c : "Error"), /* @__PURE__ */ React__default.default.createElement(ErrorText$1, null, (_e2 = (_d = props == null ? void 0 : props.config) == null ? void 0 : _d.description) != null ? _e2 : "Try again or contact the application owner."))), props.resetErrorBoundary && /* @__PURE__ */ React__default.default.createElement(RetryButton, { onClick: () => props.resetErrorBoundary(props.error), type: "button" }, /* @__PURE__ */ React__default.default.createElement("i", { "aria-hidden": true, className: "fa-solid fa-rotate fa-xl" })));
+    const defaultMessage = props.error instanceof UserError ? props.error.message : "Try again or contact the application owner.";
+    return /* @__PURE__ */ React__default.default.createElement(ErrorDisplayWrapper, { $rawCss: css2, style: styles2 }, /* @__PURE__ */ React__default.default.createElement(ContentWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorContent, null, /* @__PURE__ */ React__default.default.createElement(ErrorTitle$1, null, /* @__PURE__ */ React__default.default.createElement(IconWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorIcon, { "aria-hidden": true, className: "fa-solid fa-circle-xmark fa-lg" })), (_c = (_b = props == null ? void 0 : props.config) == null ? void 0 : _b.title) != null ? _c : "Error"), /* @__PURE__ */ React__default.default.createElement(ErrorText$1, null, (_e2 = (_d = props == null ? void 0 : props.config) == null ? void 0 : _d.description) != null ? _e2 : defaultMessage))), props.resetErrorBoundary && /* @__PURE__ */ React__default.default.createElement(RetryButton, { onClick: () => props.resetErrorBoundary(props.error), type: "button" }, /* @__PURE__ */ React__default.default.createElement("i", { "aria-hidden": true, className: "fa-solid fa-rotate fa-xl" })));
   }
   function useDataVariable(variable) {
     const extras = useRequestExtras();
@@ -60030,10 +60378,10 @@ Inferred class string: "${iconClasses}."`
       return fetchDataVariable2;
     }
     const variablesContext = React.useContext(variablesCtx);
-    variablesContext.variables.current.add(variable.uid);
+    variablesContext == null ? void 0 : variablesContext.variables.current.add(variable.uid);
     React.useEffect(() => {
       return () => {
-        variablesContext.variables.current.delete(variable.uid);
+        variablesContext == null ? void 0 : variablesContext.variables.current.delete(variable.uid);
       };
     }, []);
     const taskContext = useTaskContext();
@@ -60064,7 +60412,7 @@ Inferred class string: "${iconClasses}."`
       React.useEffect(() => {
         refetch();
       }, [getData2]);
-      return data;
+      return data != null ? data : void 0;
     }
     return useVariable(variable)[0];
   }
@@ -60183,11 +60531,14 @@ Inferred class string: "${iconClasses}."`
   function isTaskResponse(response) {
     return response && typeof response === "object" && "task_id" in response;
   }
-  function getComponentRegistryKey(uid2, trigger) {
+  function getComponentRegistryKey(uid2, trigger, loopInstanceUid) {
     let key = `_COMPONENT_${uid2}`;
     if (trigger) {
       key += "_TRIGGER";
     }
+    if (loopInstanceUid) {
+      key += `_${loopInstanceUid}`;
+    }
     return key;
   }
   async function fetchFunctionComponent(component, values, uid2, extras, wsClient) {
@@ -60226,8 +60577,8 @@ Inferred class string: "${iconClasses}."`
       {}
     );
   }
-  function getOrRegisterComponentTrigger(uid2) {
-    const triggerKey = getComponentRegistryKey(uid2, true);
+  function getOrRegisterComponentTrigger(uid2, loop_instance_uid) {
+    const triggerKey = getComponentRegistryKey(uid2, true, loop_instance_uid);
     if (!atomRegistry.has(triggerKey)) {
       atomRegistry.set(
         triggerKey,
@@ -60242,8 +60593,16 @@ Inferred class string: "${iconClasses}."`
     }
     return atomRegistry.get(triggerKey);
   }
-  function getOrRegisterServerComponent(name, uid2, dynamicKwargs, wsClient, taskContext, currentExtras) {
-    const key = getComponentRegistryKey(uid2);
+  function getOrRegisterServerComponent({
+    name,
+    uid: uid2,
+    dynamicKwargs,
+    wsClient,
+    taskContext,
+    currentExtras,
+    loop_instance_uid
+  }) {
+    const key = getComponentRegistryKey(uid2, false, loop_instance_uid);
     if (!selectorFamilyRegistry.has(key)) {
       selectorFamilyRegistry.set(
         key,
@@ -60255,7 +60614,7 @@ Inferred class string: "${iconClasses}."`
             const resolvedKwargs = Object.keys(dynamicKwargs).reduce(
               (acc, k2) => {
                 const value = dynamicKwargs[k2];
-                acc[k2] = resolveVariable(value, wsClient, taskContext, currentExtras);
+                acc[k2] = isVariable(value) ? resolveVariable(value, wsClient, taskContext, currentExtras) : value;
                 return acc;
               },
               {}
@@ -60343,19 +60702,27 @@ Inferred class string: "${iconClasses}."`
     selectorFamilyMembersRegistry.get(family).set(serializableExtras.toJSON(), selectorInstance);
     return selectorInstance;
   }
-  function useServerComponent(name, uid2, dynamicKwargs) {
+  function useServerComponent(name, uid2, dynamicKwargs, loop_instance_uid) {
     const extras = useRequestExtras();
     const { client: wsClient } = React.useContext(websocketCtx);
     const taskContext = useTaskContext();
     const variablesContext = React.useContext(variablesCtx);
     const bus = useEventBus();
-    variablesContext.variables.current.add(getComponentRegistryKey(uid2));
+    variablesContext == null ? void 0 : variablesContext.variables.current.add(getComponentRegistryKey(uid2));
     React.useEffect(() => {
       return () => {
-        variablesContext.variables.current.delete(getComponentRegistryKey(uid2));
+        variablesContext == null ? void 0 : variablesContext.variables.current.delete(getComponentRegistryKey(uid2));
       };
     }, []);
-    const componentSelector = getOrRegisterServerComponent(name, uid2, dynamicKwargs, wsClient, taskContext, extras);
+    const componentSelector = getOrRegisterServerComponent({
+      name,
+      uid: uid2,
+      dynamicKwargs,
+      wsClient,
+      taskContext,
+      currentExtras: extras,
+      loop_instance_uid
+    });
     const componentLoadable = Recoil_index_21(componentSelector);
     React.useEffect(() => {
       if (componentLoadable.state === "hasValue") {
@@ -60365,10 +60732,10 @@ Inferred class string: "${iconClasses}."`
     const deferred = useDeferLoadable(componentLoadable);
     return deferred;
   }
-  function useRefreshServerComponent(uid2) {
+  function useRefreshServerComponent(uid2, loop_instance_uid) {
     return Recoil_index_31(
       ({ set: set2 }) => () => {
-        const triggerAtom = getOrRegisterComponentTrigger(uid2);
+        const triggerAtom = getOrRegisterComponentTrigger(uid2, loop_instance_uid);
         set2(triggerAtom, (triggerIndexValue) => ({
           force: false,
           inc: triggerIndexValue.inc + 1
@@ -60415,71 +60782,92 @@ Inferred class string: "${iconClasses}."`
     }
     return pollingInterval;
   }
-  async function resolveComponent(component, getComponentEntry, importers) {
+  const MODULE_CACHE = /* @__PURE__ */ new Map();
+  const COMPONENT_METADATA_CACHE = /* @__PURE__ */ new Map();
+  function resolveComponentSync(component) {
     var _a;
-    const componentEntry = await getComponentEntry(component);
-    if (isJsComponent(componentEntry)) {
-      const importer = importers[componentEntry.py_module];
-      if (!importer) {
-        const errorDescription = componentEntry.py_module === "LOCAL" ? `This is a local component so make sure you are in production mode and dara.config.json is present.
+    if ((component == null ? void 0 : component.name) === "RawString") {
+      return component.props.content;
+    }
+    const metadata = COMPONENT_METADATA_CACHE.get(component.name);
+    if (!metadata) {
+      return null;
+    }
+    if (metadata.type === "py") {
+      return /* @__PURE__ */ React__default.default.createElement(
+        PythonWrapper,
+        {
+          component,
+          dynamic_kwargs: component.props.dynamic_kwargs,
+          func_name: component.props.func_name,
+          name: component.name,
+          polling_interval: component.props.polling_interval,
+          uid: component.uid
+        }
+      );
+    }
+    const moduleContent = MODULE_CACHE.get(metadata.py_module);
+    if (!moduleContent) {
+      return null;
+    }
+    const ResolvedComponent = moduleContent[(_a = metadata.js_component) != null ? _a : metadata.name];
+    if (!ResolvedComponent) {
+      return /* @__PURE__ */ React__default.default.createElement(
+        ErrorDisplay$1,
+        {
+          config: {
+            description: `The JavaScript module was imported successfully but the component was not found within the module.`,
+            title: `Component "${metadata.name}" could not be resolved`
+          }
+        }
+      );
+    }
+    const props = cleanProps(component.props);
+    return /* @__PURE__ */ React__default.default.createElement(ResolvedComponent, { uid: component.uid, ...props });
+  }
+  class ComponentLoadError extends Error {
+    constructor(message, title) {
+      super(message);
+      __publicField(this, "title");
+      this.title = title;
+    }
+  }
+  async function resolveComponentAsync(component, getComponent, importers) {
+    const entry = await getComponent(component);
+    if (!isJsComponent(entry)) {
+      COMPONENT_METADATA_CACHE.set(component.name, entry);
+      return;
+    }
+    COMPONENT_METADATA_CACHE.set(component.name, entry);
+    if (MODULE_CACHE.has(entry.py_module)) {
+      return;
+    }
+    const importer = importers[entry.py_module];
+    if (!importer) {
+      const errorDescription = entry.py_module === "LOCAL" ? `This is a local component so make sure you are in production mode and dara.config.json is present.
                     You can try re-building JavaScript by running Dara with the --rebuild flag.` : `This means that the JavaScript module for the component was not included by the discovery system.
                     You can try re-building JavaScript by running Dara with the --rebuild flag
                     and/or explicitly registering the component with "config.add_component(MyComponentClass)".`;
-        return /* @__PURE__ */ React__default.default.createElement(
-          ErrorDisplay$1,
-          {
-            config: {
-              description: `Importer for module "${componentEntry.py_module}" was not found. ${errorDescription}`,
-              title: `Component "${componentEntry.name}" could not be resolved`
-            }
-          }
-        );
-      }
-      let moduleContent = null;
-      try {
-        moduleContent = await importer();
-      } catch (e2) {
-        console.error(e2);
+      throw new ComponentLoadError(errorDescription, `Component ${entry.name} could not be resolved`);
+    }
+    let moduleContent = null;
+    try {
+      moduleContent = await importer();
+      if (moduleContent) {
+        MODULE_CACHE.set(entry.py_module, moduleContent);
       }
-      if (!moduleContent) {
-        return /* @__PURE__ */ React__default.default.createElement(
-          ErrorDisplay$1,
-          {
-            config: {
-              description: `Failed to import the JavaScript module for the component.
+    } catch (e2) {
+      console.error(`Failed to load module ${entry.py_module}:`, e2);
+    }
+    if (!moduleContent) {
+      throw new ComponentLoadError(
+        `Failed to import the JavaScript module for the component.
                             This likely means that the module was not installed properly.
                             You can try re-building JavaScript by running Dara with the --rebuild flag
                             and/or explicitly registering the component with "config.add_component(MyComponentClass)".`,
-              title: `Component "${componentEntry.name}" could not be resolved`
-            }
-          }
-        );
-      }
-      const ResolvedComponent = moduleContent[(_a = componentEntry.js_component) != null ? _a : componentEntry.name];
-      if (!ResolvedComponent) {
-        return /* @__PURE__ */ React__default.default.createElement(
-          ErrorDisplay$1,
-          {
-            config: {
-              description: `The JavaScript module was imported successfully but the component was not found within the module.`,
-              title: `Component "${componentEntry.name}" could not be resolved`
-            }
-          }
-        );
-      }
-      const props = cleanProps(component.props);
-      return /* @__PURE__ */ React__default.default.createElement(ResolvedComponent, { uid: component.uid, ...props });
+        `Component ${entry.name} could not be resolved`
+      );
     }
-    return /* @__PURE__ */ React__default.default.createElement(
-      PythonWrapper,
-      {
-        dynamic_kwargs: component.props.dynamic_kwargs,
-        func_name: component.props.func_name,
-        name: component.name,
-        polling_interval: component.props.polling_interval,
-        uid: component.uid
-      }
-    );
   }
   function getFallbackComponent(fallback, track_progress, variablesRef) {
     let fallbackComponent = /* @__PURE__ */ React__default.default.createElement(DefaultFallback, null);
@@ -60493,40 +60881,53 @@ Inferred class string: "${iconClasses}."`
   }
   function DynamicComponent(props) {
     var _a, _b, _c, _d, _e2, _f;
-    const [isLoading, setIsLoading] = React.useState(true);
-    const [component, setComponent] = React.useState();
-    const { get: getComponent } = useComponentRegistry();
     const importers = React.useContext(importersCtx);
     const fallbackCtx$1 = React.useContext(fallbackCtx);
+    const { get: getComponent } = useComponentRegistry();
+    const [component, setComponent] = React.useState(() => resolveComponentSync(props.component));
+    const [isLoading, setIsLoading] = React.useState(() => component === null);
+    const [loadingStarted, setLoadingStarted] = React.useState(false);
+    React.useLayoutEffect(() => {
+      const markerProp = hasMarkers(props.component);
+      if (markerProp) {
+        throw new UserError(
+          `Component "${props.component.name}" has a loop variable in its "${markerProp}" property
+                LoopVariable (aka "Variable.list_item") can only be used within the For component's "renderer" property.`
+        );
+      }
+    }, [props.component]);
     React.useEffect(() => {
-      var _a2;
-      if (((_a2 = props.component) == null ? void 0 : _a2.name) === "RawString") {
-        setComponent(props.component.props.content);
-        setIsLoading(false);
+      if (!isLoading || loadingStarted) {
         return;
       }
-      if (props.component) {
-        resolveComponent(props.component, getComponent, importers).then((ResolvedComponent) => {
-          setComponent(ResolvedComponent);
-          setIsLoading(false);
-        });
-      }
-    }, [props.component, getComponent]);
+      setLoadingStarted(true);
+      resolveComponentAsync(props.component, getComponent, importers).then(() => {
+        const resolvedComponent = resolveComponentSync(props.component);
+        setIsLoading(false);
+        setComponent(resolvedComponent);
+      }).catch((error) => {
+        console.error("Failed to resolve component:", error);
+        setIsLoading(false);
+        if (error instanceof ComponentLoadError) {
+          setComponent(/* @__PURE__ */ React__default.default.createElement(ErrorDisplay$1, { config: { title: error.title, description: error.message } }));
+        }
+      });
+    }, [props.component, getComponent, importers, isLoading, loadingStarted]);
     const refreshSelector = useRefreshSelector();
     function onResetErrorBoundary(error) {
       if (isSelectorError(error)) {
         refreshSelector(error.selectorId, error.selectorExtras);
       }
     }
-    const taskCtx = useTaskContext();
+    const { hasRunningTasks, cleanupRunningTasks } = useTaskContext();
     const variables = React.useRef(/* @__PURE__ */ new Set());
     React.useEffect(() => {
       return () => {
-        if (variables.current.size > 0 && taskCtx.hasRunningTasks()) {
-          taskCtx.cleanupRunningTasks(...variables.current.values());
+        if (variables.current.size > 0 && hasRunningTasks()) {
+          cleanupRunningTasks(...variables.current.values());
         }
       };
-    }, []);
+    }, [cleanupRunningTasks, hasRunningTasks]);
     const [fallback] = React.useState(
       () => {
         var _a2, _b2, _c2, _d2;
@@ -60534,7 +60935,7 @@ Inferred class string: "${iconClasses}."`
       }
     );
     if (isLoading) {
-      return null;
+      return fallback;
     }
     const suspend = (_f = (_e2 = (_d = (_c = (_b = (_a = props.component) == null ? void 0 : _a.props) == null ? void 0 : _b.fallback) == null ? void 0 : _c.props) == null ? void 0 : _d.suspend_render) != null ? _e2 : fallbackCtx$1 == null ? void 0 : fallbackCtx$1.suspend) != null ? _f : 200;
     return /* @__PURE__ */ React__default.default.createElement(
@@ -60550,11 +60951,16 @@ Inferred class string: "${iconClasses}."`
     );
   }
   function PythonWrapper(props) {
-    const component = useServerComponent(props.name, props.uid, props.dynamic_kwargs);
-    const refresh = useRefreshServerComponent(props.uid);
+    const component = useServerComponent(
+      props.name,
+      props.uid,
+      props.dynamic_kwargs,
+      props.component.loop_instance_uid
+    );
+    const refresh = useRefreshServerComponent(props.uid, props.component.loop_instance_uid);
     const pollingInterval = React.useMemo(
       () => computePollingInterval(props.dynamic_kwargs, props.polling_interval),
-      [props.polling_interval]
+      [props.dynamic_kwargs, props.polling_interval]
     );
     useInterval(refresh, pollingInterval);
     if (component === null) {
@@ -60579,17 +60985,21 @@ Inferred class string: "${iconClasses}."`
     }
     return /* @__PURE__ */ React__default.default.createElement(DynamicComponent, { component, key: component.uid });
   }
+  const DynamicComponent$1 = React.memo(DynamicComponent);
   function useBackendErrorsSubscription() {
     const [errors, setErrors] = React.useState([]);
     const { client } = React.useContext(websocketCtx);
     React.useEffect(() => {
+      if (!client) {
+        return;
+      }
       const sub = client.serverErrors$().subscribe((err2) => {
         setErrors((prev) => [...prev, err2.message]);
       });
       return () => {
         sub.unsubscribe();
       };
-    });
+    }, [client]);
     const clearErrors = React.useCallback(() => {
       setErrors([]);
     }, []);
@@ -60601,7 +61011,11 @@ Inferred class string: "${iconClasses}."`
     return /* @__PURE__ */ React__default.default.createElement(BackendErrorsCtx.Provider, { value: { clearErrors, errors } }, props.children);
   }
   function useBackendErrors() {
-    return React.useContext(BackendErrorsCtx);
+    const ctx = React.useContext(BackendErrorsCtx);
+    if (!ctx) {
+      throw new Error("useBackendErrors must be used within BackendErrorsProvider");
+    }
+    return ctx;
   }
   const ErrorWrapper = styled__default.default.div`
     display: flex;
@@ -61031,7 +61445,7 @@ Inferred class string: "${iconClasses}."`
           const variableValue = getVariableState(req.message.variable);
           props.wsClient.sendVariable(variableValue, req.message.__rchan);
         } catch (err2) {
-          console.warn(`Error when processing a getVariableValue request: ${err2}`);
+          console.warn(`Error when processing a getVariableValue request: ${String(err2)}`);
         }
       });
       return () => {
@@ -61046,7 +61460,7 @@ Inferred class string: "${iconClasses}."`
       ...component,
       props: {
         ...component.props,
-        children: rest.length === 0 ? children : /* @__PURE__ */ React__namespace.createElement(DynamicComponent, { component: mergeContext(rest, children) })
+        children: rest.length === 0 ? children : /* @__PURE__ */ React__namespace.createElement(DynamicComponent$1, { component: mergeContext(rest, children) })
       }
     };
   }
@@ -61060,7 +61474,7 @@ Inferred class string: "${iconClasses}."`
     if (!mergedContext) {
       return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, props.children);
     }
-    return /* @__PURE__ */ React__namespace.createElement(DynamicComponent, { component: mergedContext });
+    return /* @__PURE__ */ React__namespace.createElement(DynamicComponent$1, { component: mergedContext });
   }
   const RootWrapper = styled__default.default.div`
     scrollbar-color: ${(props) => `${props.theme.colors.grey5} ${props.theme.colors.grey2}`};
@@ -61099,22 +61513,24 @@ Inferred class string: "${iconClasses}."`
   function TemplateRoot(props) {
     var _a, _b, _c;
     const token = useSessionToken();
-    const tokenRef = React.useRef(token);
     const { data: config2 } = useConfig();
     const { data: template, isLoading: templateLoading } = useTemplate(config2 == null ? void 0 : config2.template);
     const { data: actions, isLoading: actionsLoading } = useActions();
     const { data: components, isLoading: componentsLoading, refetch: refetchComponents } = useComponents();
-    const [wsClient, setWsClient] = React.useState(props.initialWebsocketClient);
+    const [wsClient, setWsClient] = React.useState(() => props.initialWebsocketClient);
     React.useEffect(() => {
-      cleanSessionCache(token);
+      if (token) {
+        cleanSessionCache(token);
+      }
     }, [token]);
     React.useEffect(() => {
       if (!wsClient) {
         return;
       }
       return onTokenChange((newToken) => {
-        tokenRef.current = newToken;
-        wsClient.updateToken(newToken);
+        if (newToken) {
+          wsClient.updateToken(newToken);
+        }
       });
     }, [wsClient]);
     React.useEffect(() => {
@@ -61123,14 +61539,16 @@ Inferred class string: "${iconClasses}."`
       }
     }, [config2 == null ? void 0 : config2.title]);
     React.useEffect(() => {
-      if (config2) {
-        setWsClient(setupWebsocket(tokenRef.current, config2.live_reload));
+      if (wsClient || !config2) {
+        return;
       }
+      const newWsClient = setupWebsocket(token, config2.live_reload);
+      setWsClient(newWsClient);
       return () => {
-        wsClient == null ? void 0 : wsClient.close();
+        newWsClient.close();
       };
-    }, [tokenRef, config2 == null ? void 0 : config2.live_reload]);
-    if (templateLoading || actionsLoading || componentsLoading) {
+    }, [token, config2 == null ? void 0 : config2.live_reload]);
+    if (templateLoading || actionsLoading || componentsLoading || !wsClient) {
       return null;
     }
     return /* @__PURE__ */ React__default.default.createElement(styled.ThemeProvider, { theme: resolveTheme((_a = config2 == null ? void 0 : config2.theme) == null ? void 0 : _a.main, (_b = config2 == null ? void 0 : config2.theme) == null ? void 0 : _b.base) }, /* @__PURE__ */ React__default.default.createElement(websocketCtx.Provider, { value: { client: wsClient } }, /* @__PURE__ */ React__default.default.createElement(
@@ -61138,7 +61556,7 @@ Inferred class string: "${iconClasses}."`
       {
         value: { actionRegistry: actions, componentRegistry: components, refetchComponents }
       },
-      /* @__PURE__ */ React__default.default.createElement(GlobalTaskProvider, null, /* @__PURE__ */ React__default.default.createElement(DynamicContext, { contextComponents: (_c = config2 == null ? void 0 : config2.context_components) != null ? _c : [] }, /* @__PURE__ */ React__default.default.createElement(StoreProviders, null, /* @__PURE__ */ React__default.default.createElement(RootWrapper, null, /* @__PURE__ */ React__default.default.createElement(DynamicComponent, { component: template == null ? void 0 : template.layout }), /* @__PURE__ */ React__default.default.createElement(VariableStateProvider, { wsClient }), (config2 == null ? void 0 : config2.enable_devtools) && /* @__PURE__ */ React__default.default.createElement(DevTools, null)))))
+      /* @__PURE__ */ React__default.default.createElement(DynamicContext, { contextComponents: (_c = config2 == null ? void 0 : config2.context_components) != null ? _c : [] }, /* @__PURE__ */ React__default.default.createElement(StoreProviders, null, /* @__PURE__ */ React__default.default.createElement(RootWrapper, null, /* @__PURE__ */ React__default.default.createElement(DynamicComponent$1, { component: template.layout }), /* @__PURE__ */ React__default.default.createElement(VariableStateProvider, { wsClient }), (config2 == null ? void 0 : config2.enable_devtools) && /* @__PURE__ */ React__default.default.createElement(DevTools, null))))
     )));
   }
   const Wrapper$1 = styled__default.default.div`
@@ -61161,7 +61579,7 @@ Inferred class string: "${iconClasses}."`
     function Root() {
       const history2 = createBrowserHistory({ basename });
       const syncOptions = useUrlSync({ history: history2 });
-      return /* @__PURE__ */ React__default.default.createElement(reactQuery.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React__default.default.createElement(styled.ThemeProvider, { theme }, /* @__PURE__ */ React__default.default.createElement(ErrorBoundary$1, null, /* @__PURE__ */ React__default.default.createElement(importersCtx.Provider, { value: importers }, /* @__PURE__ */ React__default.default.createElement(directionCtx.Provider, { value: { direction: "row" } }, /* @__PURE__ */ React__default.default.createElement(Recoil_index_5, null, /* @__PURE__ */ React__default.default.createElement(RecoilSync_index_3, { ...syncOptions }, /* @__PURE__ */ React__default.default.createElement(Router, { history: history2 }, /* @__PURE__ */ React__default.default.createElement(AuthWrapper, null, /* @__PURE__ */ React__default.default.createElement(NotificationWrapper, null), /* @__PURE__ */ React__default.default.createElement(TemplateRoot, null))))))))));
+      return /* @__PURE__ */ React__default.default.createElement(reactQuery.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React__default.default.createElement(styled.ThemeProvider, { theme }, /* @__PURE__ */ React__default.default.createElement(ErrorBoundary$1, null, /* @__PURE__ */ React__default.default.createElement(importersCtx.Provider, { value: importers }, /* @__PURE__ */ React__default.default.createElement(directionCtx.Provider, { value: { direction: "row" } }, /* @__PURE__ */ React__default.default.createElement(Recoil_index_5, null, /* @__PURE__ */ React__default.default.createElement(RecoilSync_index_3, { ...syncOptions }, /* @__PURE__ */ React__default.default.createElement(GlobalTaskProvider, null, /* @__PURE__ */ React__default.default.createElement(Router, { history: history2 }, /* @__PURE__ */ React__default.default.createElement(AuthWrapper, null, /* @__PURE__ */ React__default.default.createElement(NotificationWrapper, null), /* @__PURE__ */ React__default.default.createElement(TemplateRoot, null)))))))))));
     }
     const container = document.getElementById("dara_root");
     const root2 = createRoot(container);
@@ -86550,7 +86968,7 @@ Inferred class string: "${iconClasses}."`
     if (isMatrix) {
       return val;
     }
-    return void 0;
+    return null;
   };
   const DownloadVariable = async (ctx, actionImpl) => {
     let value = getVariableValue(actionImpl.variable, true, {
@@ -86578,7 +86996,7 @@ Inferred class string: "${iconClasses}."`
       return Promise.resolve();
     }
     const matrix = createMatrixFromValue(value);
-    if (!matrix) {
+    if (matrix === null) {
       throw new Error("Unable to create matrix from value");
     }
     const notExcel = !actionImpl.type || actionImpl.type !== "xlsx";
@@ -86856,8 +87274,8 @@ Inferred class string: "${iconClasses}."`
   function Menu(props) {
     const directionCtx$1 = React.useContext(directionCtx);
     return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, props.routes.map(({ icon: icon2, name, route }) => {
-      const Icon2 = getIcon(icon2);
-      return /* @__PURE__ */ React__default.default.createElement(MenuItem, { activeClassName: "selected", direction: directionCtx$1.direction, key: name, to: route }, /* @__PURE__ */ React__default.default.createElement(Icon2, { style: { marginRight: "0.5rem" } }), name);
+      const Icon2 = icon2 ? getIcon(icon2) : null;
+      return /* @__PURE__ */ React__default.default.createElement(MenuItem, { activeClassName: "selected", direction: directionCtx$1.direction, key: name, to: route }, Icon2 && /* @__PURE__ */ React__default.default.createElement(Icon2, { style: { marginRight: "0.5rem" } }), name);
     }));
   }
   const PageNotFound = () => {
@@ -86869,7 +87287,7 @@ Inferred class string: "${iconClasses}."`
       {
         key: route,
         path: route,
-        render: () => /* @__PURE__ */ React__default.default.createElement(PrivateRoute, { name, on_load }, /* @__PURE__ */ React__default.default.createElement(DynamicComponent, { component: content }))
+        render: () => /* @__PURE__ */ React__default.default.createElement(PrivateRoute, { name, on_load }, /* @__PURE__ */ React__default.default.createElement(DynamicComponent$1, { component: content }))
       }
     )), /* @__PURE__ */ React__default.default.createElement(Route, { exact: true, path: "/", render: () => /* @__PURE__ */ React__default.default.createElement(Redirect, { to: props.routes[0].route }) }), /* @__PURE__ */ React__default.default.createElement(Route, { component: PageNotFound }));
   }
@@ -86968,7 +87386,7 @@ Inferred class string: "${iconClasses}."`
     const causalensLogoSrc = theme2.themeType === "dark" ? CausalensDark : CausalensLight;
     const daraLogo = /* @__PURE__ */ React__default.default.createElement("img", { alt: "Dara Logo", src: logoSrc });
     const causalensLogo = /* @__PURE__ */ React__default.default.createElement("img", { alt: "causaLens Logo", src: causalensLogoSrc });
-    return /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { backgroundColor: theme2.colors.background }, props.side_bar_position === "right" && /* @__PURE__ */ React__default.default.createElement(Wrapper$1, null, props.content && /* @__PURE__ */ React__default.default.createElement(DynamicComponent, { component: props.content })), /* @__PURE__ */ React__default.default.createElement(styled.ThemeContext.Provider, { value: resolveTheme((_a = config2 == null ? void 0 : config2.theme) == null ? void 0 : _a.main, (_b = config2 == null ? void 0 : config2.theme) == null ? void 0 : _b.base) }, /* @__PURE__ */ React__default.default.createElement(SideBar, { style: { padding: props.side_bar_padding }, width: props.side_bar_width }, !props.hide_logo && props.logo_position !== "bottom" && logo, /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { direction: "column" }, /* @__PURE__ */ React__default.default.createElement(directionCtx.Provider, { value: { direction: "column" } }, props.side_bar && /* @__PURE__ */ React__default.default.createElement(DynamicComponent, { component: props.side_bar }))), !props.hide_logo && props.logo_position === "bottom" && logo, /* @__PURE__ */ React__default.default.createElement(LogoutButton$1, { href: "/logout", styling: "error" }, /* @__PURE__ */ React__default.default.createElement(LogoutArrow$1, { style: { marginRight: "0.5rem" } }), "Logout"), /* @__PURE__ */ React__default.default.createElement(BuiltWithLink, { href: "https://github.com/causalens/dara", target: "_blank", rel: "noopener noreferrer" }, "Built with ", daraLogo), (config2 == null ? void 0 : config2.powered_by_causalens) && /* @__PURE__ */ React__default.default.createElement(
+    return /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { backgroundColor: theme2.colors.background }, props.side_bar_position === "right" && /* @__PURE__ */ React__default.default.createElement(Wrapper$1, null, props.content && /* @__PURE__ */ React__default.default.createElement(DynamicComponent$1, { component: props.content })), /* @__PURE__ */ React__default.default.createElement(styled.ThemeContext.Provider, { value: resolveTheme((_a = config2 == null ? void 0 : config2.theme) == null ? void 0 : _a.main, (_b = config2 == null ? void 0 : config2.theme) == null ? void 0 : _b.base) }, /* @__PURE__ */ React__default.default.createElement(SideBar, { style: { padding: props.side_bar_padding }, width: props.side_bar_width }, !props.hide_logo && props.logo_position !== "bottom" && logo, /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { direction: "column" }, /* @__PURE__ */ React__default.default.createElement(directionCtx.Provider, { value: { direction: "column" } }, props.side_bar && /* @__PURE__ */ React__default.default.createElement(DynamicComponent$1, { component: props.side_bar }))), !props.hide_logo && props.logo_position === "bottom" && logo, /* @__PURE__ */ React__default.default.createElement(LogoutButton$1, { href: "/logout", styling: "error" }, /* @__PURE__ */ React__default.default.createElement(LogoutArrow$1, { style: { marginRight: "0.5rem" } }), "Logout"), /* @__PURE__ */ React__default.default.createElement(BuiltWithLink, { href: "https://github.com/causalens/dara", target: "_blank", rel: "noopener noreferrer" }, "Built with ", daraLogo), (config2 == null ? void 0 : config2.powered_by_causalens) && /* @__PURE__ */ React__default.default.createElement(
       BuiltWithLink,
       {
         href: "https://causalens.com/?utm_source=dara&utm_medium=direct&utm_campaign=dara_platform",
@@ -86978,7 +87396,7 @@ Inferred class string: "${iconClasses}."`
       /* @__PURE__ */ React__default.default.createElement("span", { style: { marginTop: "0.4375rem" } }, "Powered by"),
       " ",
       causalensLogo
-    ))), props.side_bar_position !== "right" && /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { style: { padding: "2rem 3rem" } }, props.content && /* @__PURE__ */ React__default.default.createElement(DynamicComponent, { component: props.content })));
+    ))), props.side_bar_position !== "right" && /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { style: { padding: "2rem 3rem" } }, props.content && /* @__PURE__ */ React__default.default.createElement(DynamicComponent$1, { component: props.content })));
   }
   const shouldForwardProp = (prop) => !["width"].includes(prop);
   const TopBar = styled__default.default.div.withConfig({ shouldForwardProp })`
@@ -87062,7 +87480,7 @@ Inferred class string: "${iconClasses}."`
     const logo = props.logo_path && /* @__PURE__ */ React__default.default.createElement(LogoImage, { alt: "Logo", src: prependBaseUrl(props.logo_path), width: props.logo_width });
     const logoSrc = theme2.themeType === "dark" ? DaraDark : DaraLight;
     const daraLogo = /* @__PURE__ */ React__default.default.createElement("img", { alt: "Dara", src: logoSrc });
-    return /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { backgroundColor: theme2.colors.background, direction: "column" }, /* @__PURE__ */ React__default.default.createElement(styled.ThemeContext.Provider, { value: resolveTheme((_a = config2 == null ? void 0 : config2.theme) == null ? void 0 : _a.main, (_b = config2 == null ? void 0 : config2.theme) == null ? void 0 : _b.base) }, /* @__PURE__ */ React__default.default.createElement(TopBar, { height: props.top_bar_height, style: { padding: props.top_bar_padding } }, /* @__PURE__ */ React__default.default.createElement(TopBarContent, null, !props.hide_logo && logo, props.top_bar && /* @__PURE__ */ React__default.default.createElement(RouteButtons, { direction: "row" }, /* @__PURE__ */ React__default.default.createElement(directionCtx.Provider, { value: { direction: "row" } }, props.top_bar && /* @__PURE__ */ React__default.default.createElement(DynamicComponent, { component: props.top_bar }))), /* @__PURE__ */ React__default.default.createElement(LogoutButton, { href: "/logout", styling: "error" }, /* @__PURE__ */ React__default.default.createElement(LogoutArrow, { style: { marginRight: "0.5rem" } }), "Logout")), /* @__PURE__ */ React__default.default.createElement(BuiltWithSpan, null, "Built with ", daraLogo))), /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { style: { padding: "2rem 3rem" } }, props.content && /* @__PURE__ */ React__default.default.createElement(DynamicComponent, { component: props.content })));
+    return /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { backgroundColor: theme2.colors.background, direction: "column" }, /* @__PURE__ */ React__default.default.createElement(styled.ThemeContext.Provider, { value: resolveTheme((_a = config2 == null ? void 0 : config2.theme) == null ? void 0 : _a.main, (_b = config2 == null ? void 0 : config2.theme) == null ? void 0 : _b.base) }, /* @__PURE__ */ React__default.default.createElement(TopBar, { height: props.top_bar_height, style: { padding: props.top_bar_padding } }, /* @__PURE__ */ React__default.default.createElement(TopBarContent, null, !props.hide_logo && logo, props.top_bar && /* @__PURE__ */ React__default.default.createElement(RouteButtons, { direction: "row" }, /* @__PURE__ */ React__default.default.createElement(directionCtx.Provider, { value: { direction: "row" } }, props.top_bar && /* @__PURE__ */ React__default.default.createElement(DynamicComponent$1, { component: props.top_bar }))), /* @__PURE__ */ React__default.default.createElement(LogoutButton, { href: "/logout", styling: "error" }, /* @__PURE__ */ React__default.default.createElement(LogoutArrow, { style: { marginRight: "0.5rem" } }), "Logout")), /* @__PURE__ */ React__default.default.createElement(BuiltWithSpan, null, "Built with ", daraLogo))), /* @__PURE__ */ React__default.default.createElement(Wrapper$1, { style: { padding: "2rem 3rem" } }, props.content && /* @__PURE__ */ React__default.default.createElement(DynamicComponent$1, { component: props.content })));
   }
   const RowDots = styled__default.default(Dots)`
     height: 2.5rem;
@@ -87072,6 +87490,76 @@ Inferred class string: "${iconClasses}."`
     const [style, css2] = useComponentStyles(props);
     return /* @__PURE__ */ React__default.default.createElement(StyledDots, { $rawCss: css2, style });
   }
+  const createItemData = (items, renderer, markers, getItemKey) => ({
+    items,
+    renderer,
+    markers,
+    getItemKey
+  });
+  const ForChild = React__namespace.memo((props) => {
+    const transformedRenderer = React__namespace.useMemo(() => {
+      let component;
+      try {
+        component = applyMarkers(
+          props.data.renderer,
+          props.data.markers,
+          props.data.items[props.index],
+          props.data.getItemKey(props.index, props.data)
+        );
+      } catch (e2) {
+        console.error("Failed to apply markers", e2);
+        component = cloneDeep_1(props.data.renderer);
+      }
+      component.props.style = { ...component.props.style, ...props.style };
+      return component;
+    }, [props.data, props.index, props.style]);
+    return /* @__PURE__ */ React__namespace.createElement(DynamicComponent$1, { component: transformedRenderer });
+  }, isEqual_1);
+  function ForImpl(props) {
+    const items = useAnyVariable(props.items);
+    const markers = React__namespace.useMemo(() => getInjectionMarkers(props.renderer), [props.renderer]);
+    const key = React__namespace.useMemo(() => {
+      var _a, _b;
+      return (_b = (_a = props.key_accessor) == null ? void 0 : _a.split(".")) != null ? _b : null;
+    }, [props.key_accessor]);
+    const getItemKey = React__namespace.useCallback(
+      (index2, data) => key ? resolveNested(data.items[index2], key) : index2,
+      [key]
+    );
+    const itemData = React__namespace.useMemo(
+      () => createItemData(items, props.renderer, markers, getItemKey),
+      [items, props.renderer, markers, getItemKey]
+    );
+    const getItemSize = React__namespace.useCallback(
+      (index2) => {
+        if (typeof props.virtualization.size === "string") {
+          return items[index2][props.virtualization.size];
+        }
+        return props.virtualization.size;
+      },
+      [props.virtualization, items]
+    );
+    if (props.virtualization === null) {
+      return /* @__PURE__ */ React__namespace.createElement(fallbackCtx.Provider, { value: { suspend: props.suspend } }, items.map((_, index2) => /* @__PURE__ */ React__namespace.createElement(ForChild, { key: getItemKey(index2, itemData), data: itemData, index: index2, style: {} })));
+    }
+    return /* @__PURE__ */ React__namespace.createElement(fallbackCtx.Provider, { value: { suspend: props.suspend } }, /* @__PURE__ */ React__namespace.createElement(AutoSizer, null, ({ width, height }) => /* @__PURE__ */ React__namespace.createElement(
+      VariableSizeList,
+      {
+        height,
+        width,
+        itemCount: items.length,
+        itemData,
+        itemKey: getItemKey,
+        itemSize: getItemSize,
+        layout: props.virtualization.direction
+      },
+      ForChild
+    )));
+  }
+  function For(props) {
+    const { suspend } = useFallbackCtx();
+    return /* @__PURE__ */ React__namespace.createElement(fallbackCtx.Provider, { value: { suspend: false } }, /* @__PURE__ */ React__namespace.createElement(ForImpl, { ...props, suspend }));
+  }
   exports.BasicAuthLogin = BasicAuthLogin;
   exports.BasicAuthLogout = BasicAuthLogout;
   exports.Center = Center;
@@ -87081,9 +87569,10 @@ Inferred class string: "${iconClasses}."`
   exports.DefaultFallback = DefaultFallback;
   exports.DisplayCtx = displayCtx;
   exports.DownloadVariable = DownloadVariable;
-  exports.DynamicComponent = DynamicComponent;
+  exports.DynamicComponent = DynamicComponent$1;
   exports.EventBus = EventBus;
   exports.EventCapturer = EventCapturer;
+  exports.For = For;
   exports.Menu = Menu;
   exports.NavigateTo = NavigateTo;
   exports.Notifications = index$1;
@@ -87102,7 +87591,9 @@ Inferred class string: "${iconClasses}."`
   exports.WebSocketCtx = websocketCtx;
   exports.combineFilters = combineFilters;
   exports.default = run;
+  exports.getComponentRegistryKey = getComponentRegistryKey;
   exports.getIcon = getIcon;
+  exports.getRegistryKey = getRegistryKey;
   exports.getSessionToken = getSessionToken;
   exports.getToken = getToken;
   exports.getTokenKey = getTokenKey;
@@ -87121,6 +87612,8 @@ Inferred class string: "${iconClasses}."`
   exports.useComponentStyles = useComponentStyles;
   exports.useDataVariable = useDataVariable;
   exports.useEventBus = useEventBus;
+  exports.useRefreshSelector = useRefreshSelector;
+  exports.useRefreshServerComponent = useRefreshServerComponent;
   exports.useRequestExtras = useRequestExtras;
   exports.useSessionToken = useSessionToken;
   exports.useUser = useUser;