@vitessce/vit-s 3.1.3 → 3.2.0

package/dist/index.js

@@ -1298,7 +1298,7 @@ function _typeof$8(obj) {
     return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
   }, _typeof$8(obj);
 }
-function isPlainObject$1(item) {
+function isPlainObject$2(item) {
   return item && _typeof$8(item) === "object" && item.constructor === Object;
 }
 function deepmerge(target, source) {
@@ -1306,12 +1306,12 @@ function deepmerge(target, source) {
     clone: true
   };
   var output = options.clone ? _extends$6({}, target) : target;
-  if (isPlainObject$1(target) && isPlainObject$1(source)) {
+  if (isPlainObject$2(target) && isPlainObject$2(source)) {
     Object.keys(source).forEach(function(key) {
       if (key === "__proto__") {
         return;
       }
-      if (isPlainObject$1(source[key]) && key in target) {
+      if (isPlainObject$2(source[key]) && key in target) {
         output[key] = deepmerge(target[key], source[key], options);
       } else {
         output[key] = source[key];
@@ -1488,7 +1488,7 @@ object-assign
 @license MIT
 */
 var getOwnPropertySymbols$1 = Object.getOwnPropertySymbols;
-var hasOwnProperty$l = Object.prototype.hasOwnProperty;
+var hasOwnProperty$m = Object.prototype.hasOwnProperty;
 var propIsEnumerable = Object.prototype.propertyIsEnumerable;
 function toObject(val) {
   if (val === null || val === void 0) {
@@ -1535,7 +1535,7 @@ var objectAssign = shouldUseNative() ? Object.assign : function(target, source)
   for (var s = 1; s < arguments.length; s++) {
     from = Object(arguments[s]);
     for (var key in from) {
-      if (hasOwnProperty$l.call(from, key)) {
+      if (hasOwnProperty$m.call(from, key)) {
         to[key] = from[key];
       }
     }
@@ -2952,7 +2952,7 @@ function _typeof$7(obj) {
     return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
   }, _typeof$7(obj);
 }
-function merge(acc, item) {
+function merge$2(acc, item) {
   if (!item) {
     return acc;
   }
@@ -3047,7 +3047,7 @@ function compose() {
     return styles20.reduce(function(acc, style) {
       var output = style(props);
       if (output) {
-        return merge(acc, output);
+        return merge$2(acc, output);
       }
       return acc;
     }, {});
@@ -3115,12 +3115,12 @@ function styleFunctionSx(styleFunction2) {
   var newStyleFunction = function newStyleFunction2(props) {
     var output = styleFunction2(props);
     if (props.css) {
-      return _extends$5({}, merge(output, styleFunction2(_extends$5({
+      return _extends$5({}, merge$2(output, styleFunction2(_extends$5({
         theme: props.theme
       }, props.css))), omit$1(props.css, [styleFunction2.filterProps]));
     }
     if (props.sx) {
-      return _extends$5({}, merge(output, styleFunction2(_extends$5({
+      return _extends$5({}, merge$2(output, styleFunction2(_extends$5({
         theme: props.theme
       }, props.sx))), omit$1(props.sx, [styleFunction2.filterProps]));
     }
@@ -3469,7 +3469,7 @@ function spacing(props) {
     var styleFromPropValue = getStyleFromPropValue(cssProperties, transformer);
     var propValue = props[prop];
     return handleBreakpoints(props, propValue, styleFromPropValue);
-  }).reduce(merge, {});
+  }).reduce(merge$2, {});
 }
 spacing.propTypes = spacingKeys.reduce(function(obj, key) {
   obj[key] = responsivePropType$1;
@@ -16695,7 +16695,7 @@ function hashQueryKeyByOptions(queryKey, options) {
   return hashFn(queryKey);
 }
 function hashQueryKey(queryKey) {
-  return JSON.stringify(queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => {
+  return JSON.stringify(queryKey, (_, val) => isPlainObject$1(val) ? Object.keys(val).sort().reduce((result, key) => {
     result[key] = val[key];
     return result;
   }, {}) : val);
@@ -16720,7 +16720,7 @@ function replaceEqualDeep(a, b) {
     return a;
   }
   const array = isPlainArray(a) && isPlainArray(b);
-  if (array || isPlainObject(a) && isPlainObject(b)) {
+  if (array || isPlainObject$1(a) && isPlainObject$1(b)) {
     const aSize = array ? a.length : Object.keys(a).length;
     const bItems = array ? b : Object.keys(b);
     const bSize = bItems.length;
@@ -16751,7 +16751,7 @@ function shallowEqualObjects(a, b) {
 function isPlainArray(value) {
   return Array.isArray(value) && value.length === Object.keys(value).length;
 }
-function isPlainObject(o) {
+function isPlainObject$1(o) {
   if (!hasObjectPrototype(o)) {
     return false;
   }
@@ -19198,12 +19198,12 @@ var root$9 = freeGlobal$3 || freeSelf$1 || Function("return this")();
 const root$a = root$9;
 var Symbol$5 = root$a.Symbol;
 const Symbol$6 = Symbol$5;
-var objectProto$q = Object.prototype;
-var hasOwnProperty$k = objectProto$q.hasOwnProperty;
-var nativeObjectToString$3 = objectProto$q.toString;
+var objectProto$r = Object.prototype;
+var hasOwnProperty$l = objectProto$r.hasOwnProperty;
+var nativeObjectToString$3 = objectProto$r.toString;
 var symToStringTag$3 = Symbol$6 ? Symbol$6.toStringTag : void 0;
 function getRawTag$2(value) {
-  var isOwn = hasOwnProperty$k.call(value, symToStringTag$3), tag = value[symToStringTag$3];
+  var isOwn = hasOwnProperty$l.call(value, symToStringTag$3), tag = value[symToStringTag$3];
   try {
     value[symToStringTag$3] = void 0;
     var unmasked = true;
@@ -19219,8 +19219,8 @@ function getRawTag$2(value) {
   }
   return result;
 }
-var objectProto$p = Object.prototype;
-var nativeObjectToString$2 = objectProto$p.toString;
+var objectProto$q = Object.prototype;
+var nativeObjectToString$2 = objectProto$q.toString;
 function objectToString$2(value) {
   return nativeObjectToString$2.call(value);
 }
@@ -19333,12 +19333,12 @@ var maskSrcKey$1 = function() {
 function isMasked$2(func) {
   return !!maskSrcKey$1 && maskSrcKey$1 in func;
 }
-var funcProto$3 = Function.prototype;
-var funcToString$3 = funcProto$3.toString;
+var funcProto$4 = Function.prototype;
+var funcToString$4 = funcProto$4.toString;
 function toSource$3(func) {
   if (func != null) {
     try {
-      return funcToString$3.call(func);
+      return funcToString$4.call(func);
     } catch (e) {
     }
     try {
@@ -19350,11 +19350,11 @@ function toSource$3(func) {
 }
 var reRegExpChar$1 = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor$1 = /^\[object .+?Constructor\]$/;
-var funcProto$2 = Function.prototype, objectProto$o = Object.prototype;
-var funcToString$2 = funcProto$2.toString;
-var hasOwnProperty$j = objectProto$o.hasOwnProperty;
+var funcProto$3 = Function.prototype, objectProto$p = Object.prototype;
+var funcToString$3 = funcProto$3.toString;
+var hasOwnProperty$k = objectProto$p.hasOwnProperty;
 var reIsNative$1 = RegExp(
-  "^" + funcToString$2.call(hasOwnProperty$j).replace(reRegExpChar$1, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  "^" + funcToString$3.call(hasOwnProperty$k).replace(reRegExpChar$1, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function baseIsNative$2(value) {
   if (!isObject$3(value) || isMasked$2(value)) {
@@ -19484,11 +19484,11 @@ function baseAssignValue(object, key, value) {
 function eq$7(value, other) {
   return value === other || value !== value && other !== other;
 }
-var objectProto$n = Object.prototype;
-var hasOwnProperty$i = objectProto$n.hasOwnProperty;
+var objectProto$o = Object.prototype;
+var hasOwnProperty$j = objectProto$o.hasOwnProperty;
 function assignValue(object, key, value) {
   var objValue = object[key];
-  if (!(hasOwnProperty$i.call(object, key) && eq$7(objValue, value)) || value === void 0 && !(key in object)) {
+  if (!(hasOwnProperty$j.call(object, key) && eq$7(objValue, value)) || value === void 0 && !(key in object)) {
     baseAssignValue(object, key, value);
   }
 }
@@ -19527,6 +19527,9 @@ function overRest(func, start, transform3) {
     return apply(func, this, otherArgs);
   };
 }
+function baseRest(func, start) {
+  return setToString$1(overRest(func, start, identity), func + "");
+}
 var MAX_SAFE_INTEGER$4 = 9007199254740991;
 function isLength$3(value) {
   return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER$4;
@@ -19544,9 +19547,27 @@ function isIterateeCall(value, index, object) {
   }
   return false;
 }
-var objectProto$m = Object.prototype;
+function createAssigner(assigner) {
+  return baseRest(function(object, sources) {
+    var index = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
+    customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
+    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+      customizer = length < 3 ? void 0 : customizer;
+      length = 1;
+    }
+    object = Object(object);
+    while (++index < length) {
+      var source = sources[index];
+      if (source) {
+        assigner(object, source, index, customizer);
+      }
+    }
+    return object;
+  });
+}
+var objectProto$n = Object.prototype;
 function isPrototype$2(value) {
-  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$m;
+  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$n;
   return value === proto;
 }
 function baseTimes$2(n, iteratee) {
@@ -19560,13 +19581,13 @@ var argsTag$6 = "[object Arguments]";
 function baseIsArguments$2(value) {
   return isObjectLike$5(value) && baseGetTag$5(value) == argsTag$6;
 }
-var objectProto$l = Object.prototype;
-var hasOwnProperty$h = objectProto$l.hasOwnProperty;
-var propertyIsEnumerable$3 = objectProto$l.propertyIsEnumerable;
+var objectProto$m = Object.prototype;
+var hasOwnProperty$i = objectProto$m.hasOwnProperty;
+var propertyIsEnumerable$3 = objectProto$m.propertyIsEnumerable;
 var isArguments$2 = baseIsArguments$2(function() {
   return arguments;
 }()) ? baseIsArguments$2 : function(value) {
-  return isObjectLike$5(value) && hasOwnProperty$h.call(value, "callee") && !propertyIsEnumerable$3.call(value, "callee");
+  return isObjectLike$5(value) && hasOwnProperty$i.call(value, "callee") && !propertyIsEnumerable$3.call(value, "callee");
 };
 const isArguments$3 = isArguments$2;
 function stubFalse$1() {
@@ -19579,11 +19600,11 @@ var Buffer$1 = moduleExports$2 ? root$a.Buffer : void 0;
 var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
 var isBuffer$3 = nativeIsBuffer || stubFalse$1;
 const isBuffer$4 = isBuffer$3;
-var argsTag$5 = "[object Arguments]", arrayTag$4 = "[object Array]", boolTag$5 = "[object Boolean]", dateTag$5 = "[object Date]", errorTag$4 = "[object Error]", funcTag$3 = "[object Function]", mapTag$8 = "[object Map]", numberTag$5 = "[object Number]", objectTag$6 = "[object Object]", regexpTag$5 = "[object RegExp]", setTag$8 = "[object Set]", stringTag$5 = "[object String]", weakMapTag$4 = "[object WeakMap]";
+var argsTag$5 = "[object Arguments]", arrayTag$4 = "[object Array]", boolTag$5 = "[object Boolean]", dateTag$5 = "[object Date]", errorTag$4 = "[object Error]", funcTag$3 = "[object Function]", mapTag$8 = "[object Map]", numberTag$5 = "[object Number]", objectTag$7 = "[object Object]", regexpTag$5 = "[object RegExp]", setTag$8 = "[object Set]", stringTag$5 = "[object String]", weakMapTag$4 = "[object WeakMap]";
 var arrayBufferTag$5 = "[object ArrayBuffer]", dataViewTag$7 = "[object DataView]", float32Tag$3 = "[object Float32Array]", float64Tag$3 = "[object Float64Array]", int8Tag$3 = "[object Int8Array]", int16Tag$3 = "[object Int16Array]", int32Tag$3 = "[object Int32Array]", uint8Tag$3 = "[object Uint8Array]", uint8ClampedTag$3 = "[object Uint8ClampedArray]", uint16Tag$3 = "[object Uint16Array]", uint32Tag$3 = "[object Uint32Array]";
 var typedArrayTags$1 = {};
 typedArrayTags$1[float32Tag$3] = typedArrayTags$1[float64Tag$3] = typedArrayTags$1[int8Tag$3] = typedArrayTags$1[int16Tag$3] = typedArrayTags$1[int32Tag$3] = typedArrayTags$1[uint8Tag$3] = typedArrayTags$1[uint8ClampedTag$3] = typedArrayTags$1[uint16Tag$3] = typedArrayTags$1[uint32Tag$3] = true;
-typedArrayTags$1[argsTag$5] = typedArrayTags$1[arrayTag$4] = typedArrayTags$1[arrayBufferTag$5] = typedArrayTags$1[boolTag$5] = typedArrayTags$1[dataViewTag$7] = typedArrayTags$1[dateTag$5] = typedArrayTags$1[errorTag$4] = typedArrayTags$1[funcTag$3] = typedArrayTags$1[mapTag$8] = typedArrayTags$1[numberTag$5] = typedArrayTags$1[objectTag$6] = typedArrayTags$1[regexpTag$5] = typedArrayTags$1[setTag$8] = typedArrayTags$1[stringTag$5] = typedArrayTags$1[weakMapTag$4] = false;
+typedArrayTags$1[argsTag$5] = typedArrayTags$1[arrayTag$4] = typedArrayTags$1[arrayBufferTag$5] = typedArrayTags$1[boolTag$5] = typedArrayTags$1[dataViewTag$7] = typedArrayTags$1[dateTag$5] = typedArrayTags$1[errorTag$4] = typedArrayTags$1[funcTag$3] = typedArrayTags$1[mapTag$8] = typedArrayTags$1[numberTag$5] = typedArrayTags$1[objectTag$7] = typedArrayTags$1[regexpTag$5] = typedArrayTags$1[setTag$8] = typedArrayTags$1[stringTag$5] = typedArrayTags$1[weakMapTag$4] = false;
 function baseIsTypedArray$2(value) {
   return isObjectLike$5(value) && isLength$3(value.length) && !!typedArrayTags$1[baseGetTag$5(value)];
 }
@@ -19610,12 +19631,12 @@ const nodeUtil$2 = nodeUtil$1;
 var nodeIsTypedArray$1 = nodeUtil$2 && nodeUtil$2.isTypedArray;
 var isTypedArray$3 = nodeIsTypedArray$1 ? baseUnary$2(nodeIsTypedArray$1) : baseIsTypedArray$2;
 const isTypedArray$4 = isTypedArray$3;
-var objectProto$k = Object.prototype;
-var hasOwnProperty$g = objectProto$k.hasOwnProperty;
+var objectProto$l = Object.prototype;
+var hasOwnProperty$h = objectProto$l.hasOwnProperty;
 function arrayLikeKeys$2(value, inherited) {
   var isArr = isArray$5(value), isArg = !isArr && isArguments$3(value), isBuff = !isArr && !isArg && isBuffer$4(value), isType = !isArr && !isArg && !isBuff && isTypedArray$4(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes$2(value.length, String) : [], length = result.length;
   for (var key in value) {
-    if ((inherited || hasOwnProperty$g.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
+    if ((inherited || hasOwnProperty$h.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
     (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
@@ -19632,15 +19653,15 @@ function overArg$2(func, transform3) {
 }
 var nativeKeys$2 = overArg$2(Object.keys, Object);
 const nativeKeys$3 = nativeKeys$2;
-var objectProto$j = Object.prototype;
-var hasOwnProperty$f = objectProto$j.hasOwnProperty;
+var objectProto$k = Object.prototype;
+var hasOwnProperty$g = objectProto$k.hasOwnProperty;
 function baseKeys$2(object) {
   if (!isPrototype$2(object)) {
     return nativeKeys$3(object);
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$f.call(object, key) && key != "constructor") {
+    if (hasOwnProperty$g.call(object, key) && key != "constructor") {
       result.push(key);
     }
   }
@@ -19658,15 +19679,15 @@ function nativeKeysIn(object) {
   }
   return result;
 }
-var objectProto$i = Object.prototype;
-var hasOwnProperty$e = objectProto$i.hasOwnProperty;
+var objectProto$j = Object.prototype;
+var hasOwnProperty$f = objectProto$j.hasOwnProperty;
 function baseKeysIn(object) {
   if (!isObject$3(object)) {
     return nativeKeysIn(object);
   }
   var isProto = isPrototype$2(object), result = [];
   for (var key in object) {
-    if (!(key == "constructor" && (isProto || !hasOwnProperty$e.call(object, key)))) {
+    if (!(key == "constructor" && (isProto || !hasOwnProperty$f.call(object, key)))) {
       result.push(key);
     }
   }
@@ -19698,21 +19719,21 @@ function hashDelete$2(key) {
   return result;
 }
 var HASH_UNDEFINED$5 = "__lodash_hash_undefined__";
-var objectProto$h = Object.prototype;
-var hasOwnProperty$d = objectProto$h.hasOwnProperty;
+var objectProto$i = Object.prototype;
+var hasOwnProperty$e = objectProto$i.hasOwnProperty;
 function hashGet$2(key) {
   var data = this.__data__;
   if (nativeCreate$6) {
     var result = data[key];
     return result === HASH_UNDEFINED$5 ? void 0 : result;
   }
-  return hasOwnProperty$d.call(data, key) ? data[key] : void 0;
+  return hasOwnProperty$e.call(data, key) ? data[key] : void 0;
 }
-var objectProto$g = Object.prototype;
-var hasOwnProperty$c = objectProto$g.hasOwnProperty;
+var objectProto$h = Object.prototype;
+var hasOwnProperty$d = objectProto$h.hasOwnProperty;
 function hashHas$2(key) {
   var data = this.__data__;
-  return nativeCreate$6 ? data[key] !== void 0 : hasOwnProperty$c.call(data, key);
+  return nativeCreate$6 ? data[key] !== void 0 : hasOwnProperty$d.call(data, key);
 }
 var HASH_UNDEFINED$4 = "__lodash_hash_undefined__";
 function hashSet$2(key, value) {
@@ -19950,6 +19971,22 @@ function flatRest(func) {
 }
 var getPrototype = overArg$2(Object.getPrototypeOf, Object);
 const getPrototype$1 = getPrototype;
+var objectTag$6 = "[object Object]";
+var funcProto$2 = Function.prototype, objectProto$g = Object.prototype;
+var funcToString$2 = funcProto$2.toString;
+var hasOwnProperty$c = objectProto$g.hasOwnProperty;
+var objectCtorString = funcToString$2.call(Object);
+function isPlainObject(value) {
+  if (!isObjectLike$5(value) || baseGetTag$5(value) != objectTag$6) {
+    return false;
+  }
+  var proto = getPrototype$1(value);
+  if (proto === null) {
+    return true;
+  }
+  var Ctor = hasOwnProperty$c.call(proto, "constructor") && proto.constructor;
+  return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString$2.call(Ctor) == objectCtorString;
+}
 function stackClear$2() {
   this.__data__ = new ListCache$5();
   this.size = 0;
@@ -20714,6 +20751,86 @@ function debounce(func, wait, options) {
   debounced.flush = flush;
   return debounced;
 }
+function assignMergeValue(object, key, value) {
+  if (value !== void 0 && !eq$7(object[key], value) || value === void 0 && !(key in object)) {
+    baseAssignValue(object, key, value);
+  }
+}
+function isArrayLikeObject(value) {
+  return isObjectLike$5(value) && isArrayLike$2(value);
+}
+function safeGet(object, key) {
+  if (key === "constructor" && typeof object[key] === "function") {
+    return;
+  }
+  if (key == "__proto__") {
+    return;
+  }
+  return object[key];
+}
+function toPlainObject(value) {
+  return copyObject(value, keysIn(value));
+}
+function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+  var objValue = safeGet(object, key), srcValue = safeGet(source, key), stacked = stack.get(srcValue);
+  if (stacked) {
+    assignMergeValue(object, key, stacked);
+    return;
+  }
+  var newValue = customizer ? customizer(objValue, srcValue, key + "", object, source, stack) : void 0;
+  var isCommon = newValue === void 0;
+  if (isCommon) {
+    var isArr = isArray$5(srcValue), isBuff = !isArr && isBuffer$4(srcValue), isTyped = !isArr && !isBuff && isTypedArray$4(srcValue);
+    newValue = srcValue;
+    if (isArr || isBuff || isTyped) {
+      if (isArray$5(objValue)) {
+        newValue = objValue;
+      } else if (isArrayLikeObject(objValue)) {
+        newValue = copyArray(objValue);
+      } else if (isBuff) {
+        isCommon = false;
+        newValue = cloneBuffer(srcValue, true);
+      } else if (isTyped) {
+        isCommon = false;
+        newValue = cloneTypedArray(srcValue, true);
+      } else {
+        newValue = [];
+      }
+    } else if (isPlainObject(srcValue) || isArguments$3(srcValue)) {
+      newValue = objValue;
+      if (isArguments$3(objValue)) {
+        newValue = toPlainObject(objValue);
+      } else if (!isObject$3(objValue) || isFunction$4(objValue)) {
+        newValue = initCloneObject(srcValue);
+      }
+    } else {
+      isCommon = false;
+    }
+  }
+  if (isCommon) {
+    stack.set(srcValue, newValue);
+    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+    stack["delete"](srcValue);
+  }
+  assignMergeValue(object, key, newValue);
+}
+function baseMerge(object, source, srcIndex, customizer, stack) {
+  if (object === source) {
+    return;
+  }
+  baseFor$1(source, function(srcValue, key) {
+    stack || (stack = new Stack$2());
+    if (isObject$3(srcValue)) {
+      baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
+    } else {
+      var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack) : void 0;
+      if (newValue === void 0) {
+        newValue = srcValue;
+      }
+      assignMergeValue(object, key, newValue);
+    }
+  }, keysIn);
+}
 function arrayEvery(array, predicate) {
   var index = -1, length = array == null ? 0 : array.length;
   while (++index < length) {
@@ -20744,6 +20861,10 @@ function isEqual$1(value, other) {
 function isMatch(object, source) {
   return object === source || baseIsMatch(object, source, getMatchData(source));
 }
+var merge = createAssigner(function(object, source, srcIndex) {
+  baseMerge(object, source, srcIndex);
+});
+const merge$1 = merge;
 function baseSet(object, path, value, customizer) {
   if (!isObject$3(object)) {
     return object;
@@ -34999,8 +35120,10 @@ const ViewType$1 = {
   STATUS: "status",
   SCATTERPLOT: "scatterplot",
   SPATIAL: "spatial",
+  SPATIAL_BETA: "spatialBeta",
   HEATMAP: "heatmap",
   LAYER_CONTROLLER: "layerController",
+  LAYER_CONTROLLER_BETA: "layerControllerBeta",
   GENOMIC_PROFILES: "genomicProfiles",
   GATING: "gating",
   FEATURE_LIST: "featureList",
@@ -35012,20 +35135,24 @@ const ViewType$1 = {
 const DataType$1 = {
   OBS_LABELS: "obsLabels",
   OBS_EMBEDDING: "obsEmbedding",
-  OBS_LOCATIONS: "obsLocations",
   OBS_FEATURE_MATRIX: "obsFeatureMatrix",
   OBS_SETS: "obsSets",
   FEATURE_LABELS: "featureLabels",
   IMAGE: "image",
   OBS_SEGMENTATIONS: "obsSegmentations",
   NEIGHBORHOODS: "neighborhoods",
-  GENOMIC_PROFILES: "genomic-profiles"
+  GENOMIC_PROFILES: "genomic-profiles",
+  OBS_SPOTS: "obsSpots",
+  OBS_POINTS: "obsPoints",
+  OBS_LOCATIONS: "obsLocations"
 };
 const FileType$1 = {
   // Joint file types
   ANNDATA_ZARR: "anndata.zarr",
   // Atomic file types
   OBS_EMBEDDING_CSV: "obsEmbedding.csv",
+  OBS_SPOTS_CSV: "obsSpots.csv",
+  OBS_POINTS_CSV: "obsPoints.csv",
   OBS_LOCATIONS_CSV: "obsLocations.csv",
   OBS_LABELS_CSV: "obsLabels.csv",
   FEATURE_LABELS_CSV: "featureLabels.csv",
@@ -35038,6 +35165,8 @@ const FileType$1 = {
   OBS_FEATURE_MATRIX_ANNDATA_ZARR: "obsFeatureMatrix.anndata.zarr",
   OBS_SETS_ANNDATA_ZARR: "obsSets.anndata.zarr",
   OBS_EMBEDDING_ANNDATA_ZARR: "obsEmbedding.anndata.zarr",
+  OBS_SPOTS_ANNDATA_ZARR: "obsSpots.anndata.zarr",
+  OBS_POINTS_ANNDATA_ZARR: "obsPoints.anndata.zarr",
   OBS_LOCATIONS_ANNDATA_ZARR: "obsLocations.anndata.zarr",
   OBS_SEGMENTATIONS_ANNDATA_ZARR: "obsSegmentations.anndata.zarr",
   OBS_LABELS_ANNDATA_ZARR: "obsLabels.anndata.zarr",
@@ -35046,6 +35175,8 @@ const FileType$1 = {
   OBS_FEATURE_MATRIX_MUDATA_ZARR: "obsFeatureMatrix.mudata.zarr",
   OBS_SETS_MUDATA_ZARR: "obsSets.mudata.zarr",
   OBS_EMBEDDING_MUDATA_ZARR: "obsEmbedding.mudata.zarr",
+  OBS_SPOTS_MUDATA_ZARR: "obsSpots.mudata.zarr",
+  OBS_POINTS_MUDATA_ZARR: "obsPoints.mudata.zarr",
   OBS_LOCATIONS_MUDATA_ZARR: "obsLocations.mudata.zarr",
   OBS_SEGMENTATIONS_MUDATA_ZARR: "obsSegmentations.mudata.zarr",
   OBS_LABELS_MUDATA_ZARR: "obsLabels.mudata.zarr",
@@ -35089,10 +35220,8 @@ const FileType$1 = {
   ANNDATA_EXPRESSION_MATRIX_ZARR: "anndata-expression-matrix.zarr"
 };
 const CoordinationType$1 = {
-  // Meta coordination scopes
   META_COORDINATION_SCOPES: "metaCoordinationScopes",
   META_COORDINATION_SCOPES_BY: "metaCoordinationScopesBy",
-  // Other coordination scopes
   DATASET: "dataset",
   // Entity types
   OBS_TYPE: "obsType",
@@ -35118,6 +35247,7 @@ const CoordinationType$1 = {
   SPATIAL_TARGET_X: "spatialTargetX",
   SPATIAL_TARGET_Y: "spatialTargetY",
   SPATIAL_TARGET_Z: "spatialTargetZ",
+  SPATIAL_TARGET_T: "spatialTargetT",
   SPATIAL_ROTATION_X: "spatialRotationX",
   SPATIAL_ROTATION_Y: "spatialRotationY",
   SPATIAL_ROTATION_Z: "spatialRotationZ",
@@ -35155,7 +35285,46 @@ const CoordinationType$1 = {
   GATING_FEATURE_SELECTION_X: "gatingFeatureSelectionX",
   GATING_FEATURE_SELECTION_Y: "gatingFeatureSelectionY",
   FEATURE_VALUE_TRANSFORM_COEFFICIENT: "featureValueTransformCoefficient",
-  TOOLTIPS_VISIBLE: "tooltipsVisible"
+  TOOLTIPS_VISIBLE: "tooltipsVisible",
+  FILE_UID: "fileUid",
+  IMAGE_LAYER: "imageLayer",
+  IMAGE_CHANNEL: "imageChannel",
+  SEGMENTATION_LAYER: "segmentationLayer",
+  SEGMENTATION_CHANNEL: "segmentationChannel",
+  SPATIAL_TARGET_C: "spatialTargetC",
+  SPATIAL_LAYER_VISIBLE: "spatialLayerVisible",
+  SPATIAL_LAYER_OPACITY: "spatialLayerOpacity",
+  SPATIAL_LAYER_COLORMAP: "spatialLayerColormap",
+  SPATIAL_LAYER_TRANSPARENT_COLOR: "spatialLayerTransparentColor",
+  SPATIAL_LAYER_MODEL_MATRIX: "spatialLayerModelMatrix",
+  SPATIAL_SEGMENTATION_FILLED: "spatialSegmentationFilled",
+  SPATIAL_SEGMENTATION_STROKE_WIDTH: "spatialSegmentationStrokeWidth",
+  SPATIAL_CHANNEL_COLOR: "spatialChannelColor",
+  SPATIAL_CHANNEL_VISIBLE: "spatialChannelVisible",
+  SPATIAL_CHANNEL_OPACITY: "spatialChannelOpacity",
+  SPATIAL_CHANNEL_WINDOW: "spatialChannelWindow",
+  PHOTOMETRIC_INTERPRETATION: "photometricInterpretation",
+  // For 3D volume rendering
+  SPATIAL_RENDERING_MODE: "spatialRenderingMode",
+  VOLUMETRIC_RENDERING_ALGORITHM: "volumetricRenderingAlgorithm",
+  SPATIAL_TARGET_RESOLUTION: "spatialTargetResolution",
+  // For clipping plane sliders
+  SPATIAL_SLICE_X: "spatialSliceX",
+  SPATIAL_SLICE_Y: "spatialSliceY",
+  SPATIAL_SLICE_Z: "spatialSliceZ",
+  // For spatial spot and point layers
+  SPOT_LAYER: "spotLayer",
+  POINT_LAYER: "pointLayer",
+  SPATIAL_SPOT_RADIUS: "spatialSpotRadius",
+  SPATIAL_SPOT_FILLED: "spatialSpotFilled",
+  SPATIAL_SPOT_STROKE_WIDTH: "spatialSpotStrokeWidth",
+  SPATIAL_LAYER_COLOR: "spatialLayerColor",
+  PIXEL_HIGHLIGHT: "pixelHighlight",
+  TOOLTIP_CROSSHAIRS_VISIBLE: "tooltipCrosshairsVisible",
+  LEGEND_VISIBLE: "legendVisible",
+  SPATIAL_CHANNEL_LABELS_VISIBLE: "spatialChannelLabelsVisible",
+  SPATIAL_CHANNEL_LABELS_ORIENTATION: "spatialChannelLabelsOrientation",
+  SPATIAL_CHANNEL_LABEL_SIZE: "spatialChannelLabelSize"
 };
 const STATUS = {
   LOADING: "loading",
@@ -35170,6 +35339,12 @@ const DATA_TYPE_COORDINATION_VALUE_USAGE = {
     CoordinationType$1.OBS_TYPE,
     CoordinationType$1.EMBEDDING_TYPE
   ],
+  [DataType$1.OBS_SPOTS]: [
+    CoordinationType$1.OBS_TYPE
+  ],
+  [DataType$1.OBS_POINTS]: [
+    CoordinationType$1.OBS_TYPE
+  ],
   [DataType$1.OBS_LOCATIONS]: [
     CoordinationType$1.OBS_TYPE
   ],
@@ -35208,10 +35383,10 @@ const AUTO_INDEPENDENT_COORDINATION_TYPES = [
   CoordinationType$1.EMBEDDING_OBS_OPACITY
 ];
 const note = "This file is autogenerated by .changeset/post-changelog.mjs.";
-const version = "3.1.3";
-const date = "2023-09-05";
+const version = "3.2.0";
+const date = "2023-09-12";
 const branch = "changeset-release/main";
-const hash = "daf84518";
+const hash = "13836ae8";
 const META_VERSION = {
   note,
   version,
@@ -35543,6 +35718,8 @@ const annDataObsSets = z.array(z.object({
   ]),
   scorePath: z.string().optional().describe("The location in the AnnData store for the set confidence scores, like 'obs/celltype_prediction_score.'")
 }));
+const annDataObsSpots = annDataObsm;
+const annDataObsPoints = annDataObsm;
 const annDataObsLocations = annDataObsm;
 const annDataObsEmbedding = annDataObsm;
 const annDataObsSegmentations = annDataObs;
@@ -35569,10 +35746,21 @@ z.object({
 z.object({
   obsIndex: z.string(),
   obsEmbedding: z.array(z.string()).length(2)
+  // TODO: support 3D?
+});
+z.object({
+  obsIndex: z.string(),
+  obsSpots: z.array(z.string()).length(2)
+  // TODO: support 3D?
+});
+z.object({
+  obsIndex: z.string(),
+  obsPoints: z.array(z.string()).length(3)
 });
 z.object({
   obsIndex: z.string(),
   obsLocations: z.array(z.string()).length(2)
+  // TODO: support 3D?
 });
 z.object({
   obsIndex: z.string(),
@@ -35604,6 +35792,8 @@ z.object({
   ]),
   obsFeatureMatrix: annDataObsFeatureMatrix,
   obsSets: annDataObsSets,
+  obsSpots: annDataObsSpots,
+  obsPoints: annDataObsPoints,
   obsLocations: annDataObsLocations,
   obsSegmentations: annDataObsSegmentations,
   obsEmbedding: z.union([
@@ -35957,6 +36147,219 @@ function shallow(objA, objB) {
   }
   return true;
 }
+function getMetaScope(coordinationScopes, coordinationSpace, parameter) {
+  let latestMetaScope;
+  if (coordinationSpace) {
+    const metaScopes = coordinationScopes[CoordinationType$1.META_COORDINATION_SCOPES];
+    const metaSpace = coordinationSpace[CoordinationType$1.META_COORDINATION_SCOPES];
+    if (metaScopes && metaSpace) {
+      const metaScopesArr = Array.isArray(metaScopes) ? metaScopes : [metaScopes];
+      metaScopesArr.forEach((metaScope) => {
+        if (metaSpace[metaScope][parameter]) {
+          latestMetaScope = metaScope;
+        }
+      });
+    }
+  }
+  return latestMetaScope;
+}
+function getMetaScopeBy(coordinationScopes, coordinationSpace, byParameter, parameter, byScope) {
+  let latestMetaScope;
+  if (coordinationSpace) {
+    const metaScopesBy = coordinationScopes[CoordinationType$1.META_COORDINATION_SCOPES_BY];
+    const metaSpaceBy = coordinationSpace[CoordinationType$1.META_COORDINATION_SCOPES_BY];
+    if (metaSpaceBy && metaScopesBy) {
+      const metaScopesArr = Array.isArray(metaScopesBy) ? metaScopesBy : [metaScopesBy];
+      metaScopesArr.forEach((metaScope) => {
+        var _a, _b, _c;
+        if ((_c = (_b = (_a = metaSpaceBy[metaScope]) == null ? void 0 : _a[byParameter]) == null ? void 0 : _b[parameter]) == null ? void 0 : _c[byScope]) {
+          latestMetaScope = metaScope;
+        }
+      });
+    }
+  }
+  return latestMetaScope;
+}
+function removeImageChannelInMetaCoordinationScopesHelper(coordinationScopesRaw, layerScope, channelScope, coordinationSpace) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const metaCoordinationScopes = coordinationSpace[CoordinationType$1.META_COORDINATION_SCOPES];
+  const metaCoordinationScopesBy = coordinationSpace[CoordinationType$1.META_COORDINATION_SCOPES_BY];
+  let newMetaCoordinationScopes = metaCoordinationScopes;
+  let newMetaCoordinationScopesBy = metaCoordinationScopesBy;
+  const channelMetaScopeBy = getMetaScopeBy(
+    coordinationScopesRaw,
+    coordinationSpace,
+    CoordinationType$1.IMAGE_LAYER,
+    CoordinationType$1.IMAGE_CHANNEL,
+    layerScope
+  );
+  const channelMetaScope = getMetaScope(coordinationScopesRaw, coordinationSpace, CoordinationType$1.IMAGE_CHANNEL);
+  const hasPerLayerChannels = !!channelMetaScopeBy;
+  const prevChannels = hasPerLayerChannels ? (_c = (_b = (_a = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _a[CoordinationType$1.IMAGE_LAYER]) == null ? void 0 : _b[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _c[layerScope] : (_d = metaCoordinationScopes == null ? void 0 : metaCoordinationScopes[channelMetaScope]) == null ? void 0 : _d[CoordinationType$1.IMAGE_CHANNEL];
+  const nextChannels = prevChannels.filter((channel) => channel !== channelScope);
+  if (hasPerLayerChannels) {
+    newMetaCoordinationScopesBy = {
+      ...metaCoordinationScopesBy,
+      [channelMetaScopeBy]: {
+        ...metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy],
+        [CoordinationType$1.IMAGE_LAYER]: {
+          ...(_e = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _e[CoordinationType$1.IMAGE_LAYER],
+          [CoordinationType$1.IMAGE_CHANNEL]: {
+            ...(_g = (_f = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _f[CoordinationType$1.IMAGE_LAYER]) == null ? void 0 : _g[CoordinationType$1.IMAGE_CHANNEL],
+            [layerScope]: nextChannels
+          }
+        }
+      }
+    };
+  } else {
+    newMetaCoordinationScopes = {
+      ...metaCoordinationScopes,
+      [channelMetaScope]: {
+        ...metaCoordinationScopes == null ? void 0 : metaCoordinationScopes[channelMetaScope],
+        [CoordinationType$1.IMAGE_CHANNEL]: nextChannels
+      }
+    };
+  }
+  return {
+    ...coordinationSpace,
+    [CoordinationType$1.META_COORDINATION_SCOPES]: newMetaCoordinationScopes,
+    [CoordinationType$1.META_COORDINATION_SCOPES_BY]: newMetaCoordinationScopesBy
+  };
+}
+function addImageChannelInMetaCoordinationScopesHelper(coordinationScopesRaw, layerScope, coordinationSpace) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
+  const metaCoordinationScopes = coordinationSpace[CoordinationType$1.META_COORDINATION_SCOPES];
+  const metaCoordinationScopesBy = coordinationSpace[CoordinationType$1.META_COORDINATION_SCOPES_BY];
+  let newMetaCoordinationScopes = metaCoordinationScopes;
+  let newMetaCoordinationScopesBy = metaCoordinationScopesBy;
+  const channelMetaScopeBy = getMetaScopeBy(
+    coordinationScopesRaw,
+    coordinationSpace,
+    CoordinationType$1.IMAGE_LAYER,
+    CoordinationType$1.IMAGE_CHANNEL,
+    layerScope
+  );
+  const channelMetaScope = getMetaScope(coordinationScopesRaw, coordinationSpace, CoordinationType$1.IMAGE_CHANNEL);
+  const hasPerLayerChannels = !!channelMetaScopeBy;
+  const prevChannels = hasPerLayerChannels ? (_c = (_b = (_a = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _a[CoordinationType$1.IMAGE_LAYER]) == null ? void 0 : _b[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _c[layerScope] : (_d = metaCoordinationScopes == null ? void 0 : metaCoordinationScopes[channelMetaScope]) == null ? void 0 : _d[CoordinationType$1.IMAGE_CHANNEL];
+  const allPrevChannelScopes = Object.keys(coordinationSpace[CoordinationType$1.IMAGE_CHANNEL] || {});
+  const nextChannelScope = getNextScope(allPrevChannelScopes);
+  const nextChannels = [...prevChannels, nextChannelScope];
+  let newCoordinationSpace = coordinationSpace;
+  const nextTargetCScope = getNextScope(Object.keys(coordinationSpace[CoordinationType$1.SPATIAL_TARGET_C] || {}));
+  const nextColorScope = getNextScope(Object.keys(coordinationSpace[CoordinationType$1.SPATIAL_CHANNEL_COLOR] || {}));
+  const nextWindowScope = getNextScope(Object.keys(coordinationSpace[CoordinationType$1.SPATIAL_CHANNEL_WINDOW] || {}));
+  const nextVisibleScope = getNextScope(Object.keys(coordinationSpace[CoordinationType$1.SPATIAL_CHANNEL_VISIBLE] || {}));
+  const nextOpacityScope = getNextScope(Object.keys(coordinationSpace[CoordinationType$1.SPATIAL_CHANNEL_OPACITY] || {}));
+  newCoordinationSpace = {
+    ...coordinationSpace,
+    [CoordinationType$1.IMAGE_CHANNEL]: {
+      ...coordinationSpace[CoordinationType$1.IMAGE_CHANNEL],
+      [nextChannelScope]: "__dummy__"
+    },
+    [CoordinationType$1.SPATIAL_TARGET_C]: {
+      ...coordinationSpace[CoordinationType$1.SPATIAL_TARGET_C],
+      [nextTargetCScope]: 0
+      // TODO: Use the default values for each coordination type.
+    },
+    [CoordinationType$1.SPATIAL_CHANNEL_COLOR]: {
+      ...coordinationSpace[CoordinationType$1.SPATIAL_CHANNEL_COLOR],
+      [nextColorScope]: [255, 255, 255]
+    },
+    [CoordinationType$1.SPATIAL_CHANNEL_WINDOW]: {
+      ...coordinationSpace[CoordinationType$1.SPATIAL_CHANNEL_WINDOW],
+      [nextWindowScope]: [0, 255]
+    },
+    [CoordinationType$1.SPATIAL_CHANNEL_VISIBLE]: {
+      ...coordinationSpace[CoordinationType$1.SPATIAL_CHANNEL_VISIBLE],
+      [nextVisibleScope]: true
+    },
+    [CoordinationType$1.SPATIAL_CHANNEL_OPACITY]: {
+      ...coordinationSpace[CoordinationType$1.SPATIAL_CHANNEL_OPACITY],
+      [nextOpacityScope]: 1
+    }
+  };
+  if (hasPerLayerChannels) {
+    newMetaCoordinationScopesBy = {
+      ...metaCoordinationScopesBy,
+      [channelMetaScopeBy]: {
+        ...metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy],
+        [CoordinationType$1.IMAGE_LAYER]: {
+          ...(_e = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _e[CoordinationType$1.IMAGE_LAYER],
+          [CoordinationType$1.IMAGE_CHANNEL]: {
+            ...(_g = (_f = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _f[CoordinationType$1.IMAGE_LAYER]) == null ? void 0 : _g[CoordinationType$1.IMAGE_CHANNEL],
+            [layerScope]: nextChannels
+          }
+        },
+        [CoordinationType$1.IMAGE_CHANNEL]: {
+          ...(_h = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _h[CoordinationType$1.IMAGE_CHANNEL],
+          [CoordinationType$1.SPATIAL_TARGET_C]: {
+            ...(_j = (_i = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _i[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _j[CoordinationType$1.SPATIAL_TARGET_C],
+            [nextChannelScope]: nextTargetCScope
+          },
+          [CoordinationType$1.SPATIAL_CHANNEL_COLOR]: {
+            ...(_l = (_k = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _k[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _l[CoordinationType$1.SPATIAL_CHANNEL_COLOR],
+            [nextChannelScope]: nextColorScope
+          },
+          [CoordinationType$1.SPATIAL_CHANNEL_WINDOW]: {
+            ...(_n = (_m = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _m[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _n[CoordinationType$1.SPATIAL_CHANNEL_WINDOW],
+            [nextChannelScope]: nextWindowScope
+          },
+          [CoordinationType$1.SPATIAL_CHANNEL_VISIBLE]: {
+            ...(_p = (_o = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _o[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _p[CoordinationType$1.SPATIAL_CHANNEL_VISIBLE],
+            [nextChannelScope]: nextVisibleScope
+          },
+          [CoordinationType$1.SPATIAL_CHANNEL_OPACITY]: {
+            ...(_r = (_q = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScopeBy]) == null ? void 0 : _q[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _r[CoordinationType$1.SPATIAL_CHANNEL_OPACITY],
+            [nextChannelScope]: nextOpacityScope
+          }
+        }
+      }
+    };
+  } else {
+    newMetaCoordinationScopes = {
+      ...metaCoordinationScopes,
+      [channelMetaScope]: {
+        ...metaCoordinationScopes == null ? void 0 : metaCoordinationScopes[channelMetaScope],
+        [CoordinationType$1.IMAGE_CHANNEL]: nextChannels
+      }
+    };
+    newMetaCoordinationScopesBy = {
+      ...metaCoordinationScopesBy,
+      [channelMetaScope]: {
+        ...metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScope],
+        [CoordinationType$1.IMAGE_CHANNEL]: {
+          ...(_s = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScope]) == null ? void 0 : _s[CoordinationType$1.IMAGE_CHANNEL],
+          [CoordinationType$1.SPATIAL_TARGET_C]: {
+            ...(_u = (_t = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScope]) == null ? void 0 : _t[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _u[CoordinationType$1.SPATIAL_TARGET_C],
+            [nextChannelScope]: nextTargetCScope
+          },
+          [CoordinationType$1.SPATIAL_CHANNEL_COLOR]: {
+            ...(_w = (_v = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScope]) == null ? void 0 : _v[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _w[CoordinationType$1.SPATIAL_CHANNEL_COLOR],
+            [nextChannelScope]: nextColorScope
+          },
+          [CoordinationType$1.SPATIAL_CHANNEL_WINDOW]: {
+            ...(_y = (_x = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScope]) == null ? void 0 : _x[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _y[CoordinationType$1.SPATIAL_CHANNEL_WINDOW],
+            [nextChannelScope]: nextWindowScope
+          },
+          [CoordinationType$1.SPATIAL_CHANNEL_VISIBLE]: {
+            ...(_A = (_z = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScope]) == null ? void 0 : _z[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _A[CoordinationType$1.SPATIAL_CHANNEL_VISIBLE],
+            [nextChannelScope]: nextVisibleScope
+          },
+          [CoordinationType$1.SPATIAL_CHANNEL_OPACITY]: {
+            ...(_C = (_B = metaCoordinationScopesBy == null ? void 0 : metaCoordinationScopesBy[channelMetaScope]) == null ? void 0 : _B[CoordinationType$1.IMAGE_CHANNEL]) == null ? void 0 : _C[CoordinationType$1.SPATIAL_CHANNEL_OPACITY],
+            [nextChannelScope]: nextOpacityScope
+          }
+        }
+      }
+    };
+  }
+  return {
+    ...newCoordinationSpace,
+    [CoordinationType$1.META_COORDINATION_SCOPES]: newMetaCoordinationScopes,
+    [CoordinationType$1.META_COORDINATION_SCOPES_BY]: newMetaCoordinationScopesBy
+  };
+}
 const {
   Provider: ViewConfigProviderLocal,
   useStore: useViewConfigStoreLocal,
@@ -35971,6 +36374,44 @@ const {
 } = createContext();
 const AuxiliaryProvider = AuxiliaryProviderLocal;
 const useAuxiliaryStore = useAuxiliaryStoreLocal;
+function getScopes(coordinationScopes, metaSpace) {
+  let result = { ...coordinationScopes };
+  if (metaSpace) {
+    const metaScopes = coordinationScopes[CoordinationType$1.META_COORDINATION_SCOPES];
+    if (metaScopes && metaSpace) {
+      const metaScopesArr = Array.isArray(metaScopes) ? metaScopes : [metaScopes];
+      metaScopesArr.forEach((metaScope) => {
+        result = merge$1(result, metaSpace[metaScope]);
+      });
+    }
+  }
+  return result;
+}
+function getScopesBy(coordinationScopes, coordinationScopesBy, metaSpaceBy) {
+  let result = { ...coordinationScopesBy };
+  if (metaSpaceBy) {
+    const metaScopesBy = coordinationScopes[CoordinationType$1.META_COORDINATION_SCOPES_BY];
+    if (metaSpaceBy && metaScopesBy) {
+      const metaScopesArr = Array.isArray(metaScopesBy) ? metaScopesBy : [metaScopesBy];
+      metaScopesArr.forEach((metaScope) => {
+        result = merge$1(result, metaSpaceBy[metaScope]);
+      });
+    }
+  }
+  return result;
+}
+function getParameterScope(parameter, coordinationScopes) {
+  return coordinationScopes[parameter];
+}
+function getParameterScopeBy(parameter, byType, typeScope, coordinationScopes, coordinationScopesBy) {
+  var _a;
+  const parameterScopeGlobal = coordinationScopes[parameter];
+  const parameterScopeByType = (_a = coordinationScopesBy == null ? void 0 : coordinationScopesBy[byType]) == null ? void 0 : _a[parameter];
+  if (parameterScopeByType && parameterScopeByType[typeScope]) {
+    return parameterScopeByType[typeScope];
+  }
+  return parameterScopeGlobal;
+}
 const createViewConfigStore = (initialLoaders, initialConfig) => create2((set2) => ({
   // State:
   // The viewConfig is an object which must conform to the schema
@@ -35985,18 +36426,70 @@ const createViewConfigStore = (initialLoaders, initialConfig) => create2((set2)
   // (although technically also part of state):
   setViewConfig: (viewConfig) => set2({ viewConfig, initialViewConfig: viewConfig }),
   setLoaders: (loaders) => set2({ loaders }),
-  setCoordinationValue: ({ parameter, scope, value }) => set2((state) => ({
-    viewConfig: {
-      ...state.viewConfig,
-      coordinationSpace: {
-        ...state.viewConfig.coordinationSpace,
-        [parameter]: {
-          ...state.viewConfig.coordinationSpace[parameter],
-          [scope]: value
-        }
+  setCoordinationValue: ({
+    parameter,
+    value,
+    coordinationScopes,
+    byType,
+    typeScope,
+    coordinationScopesBy
+  }) => set2((state) => {
+    const { coordinationSpace } = state.viewConfig;
+    let scope;
+    if (!byType) {
+      scope = getParameterScope(parameter, coordinationScopes);
+    } else {
+      scope = getParameterScopeBy(
+        parameter,
+        byType,
+        typeScope,
+        coordinationScopes,
+        coordinationScopesBy
+      );
+      if (!scope) {
+        scope = getParameterScope(parameter, coordinationScopes);
       }
     }
-  })),
+    return {
+      viewConfig: {
+        ...state.viewConfig,
+        coordinationSpace: {
+          ...coordinationSpace,
+          [parameter]: {
+            ...coordinationSpace[parameter],
+            [scope]: value
+          }
+        }
+      }
+    };
+  }),
+  removeImageChannelInMetaCoordinationScopes: (coordinationScopesRaw, layerScope, channelScope) => set2((state) => {
+    const { coordinationSpace } = state.viewConfig;
+    return {
+      viewConfig: {
+        ...state.viewConfig,
+        coordinationSpace: removeImageChannelInMetaCoordinationScopesHelper(
+          coordinationScopesRaw,
+          layerScope,
+          channelScope,
+          coordinationSpace
+        )
+      }
+    };
+  }),
+  addImageChannelInMetaCoordinationScopes: (coordinationScopesRaw, layerScope) => set2((state) => {
+    const { coordinationSpace } = state.viewConfig;
+    return {
+      viewConfig: {
+        ...state.viewConfig,
+        coordinationSpace: addImageChannelInMetaCoordinationScopesHelper(
+          coordinationScopesRaw,
+          layerScope,
+          coordinationSpace
+        )
+      }
+    };
+  }),
   removeComponent: (uid) => set2((state) => {
     const newLayout = state.viewConfig.layout.filter((c) => c.uid !== uid);
     return {
@@ -36084,9 +36577,12 @@ function useCoordination(parameters, coordinationScopes) {
   const values2 = useViewConfigStore((state) => {
     const { coordinationSpace } = state.viewConfig;
     return fromEntries(parameters.map((parameter) => {
-      if (coordinationSpace && coordinationSpace[parameter]) {
-        const value = coordinationSpace[parameter][coordinationScopes[parameter]];
-        return [parameter, value];
+      if (coordinationSpace) {
+        const parameterScope = getParameterScope(parameter, coordinationScopes);
+        if (coordinationSpace && coordinationSpace[parameter]) {
+          const value = coordinationSpace[parameter][parameterScope];
+          return [parameter, value];
+        }
       }
       return [parameter, void 0];
     }));
@@ -36095,15 +36591,121 @@ function useCoordination(parameters, coordinationScopes) {
     const setterName = `set${capitalize(parameter)}`;
     const setterFunc = (value) => setCoordinationValue({
       parameter,
-      scope: coordinationScopes[parameter],
+      coordinationScopes,
       value
     });
     return [setterName, setterFunc];
   })), [parameters, coordinationScopes]);
   return [values2, setters];
 }
+function useMultiCoordinationScopes(parameter, coordinationScopes) {
+  return useMemo(() => {
+    const scopes = coordinationScopes[parameter];
+    return Array.isArray(scopes) ? scopes : [scopes];
+  }, [parameter, coordinationScopes]);
+}
+function useMultiCoordinationScopesNonNull(parameter, coordinationScopes) {
+  const scopes = getParameterScope(parameter, coordinationScopes);
+  const parameterSpace = useViewConfigStore((state) => {
+    const { coordinationSpace } = state.viewConfig;
+    return coordinationSpace == null ? void 0 : coordinationSpace[parameter];
+  }, shallow);
+  const nonNullScopes = useMemo(() => {
+    const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
+    return scopesArr.filter((scope) => {
+      if (parameterSpace) {
+        const value = parameterSpace[scope];
+        return value !== null;
+      }
+      return false;
+    });
+  }, [parameter, coordinationScopes, scopes, parameterSpace]);
+  return nonNullScopes;
+}
+function useMultiCoordinationScopesSecondary(parameter, byType, coordinationScopes, coordinationScopesBy) {
+  return useMemo(() => {
+    var _a, _b;
+    const scopes = getParameterScope(byType, coordinationScopes);
+    if (scopes && ((_a = coordinationScopesBy == null ? void 0 : coordinationScopesBy[byType]) == null ? void 0 : _a[parameter])) {
+      const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
+      return [scopesArr, fromEntries(scopesArr.map((scope) => {
+        const secondaryScopes = coordinationScopesBy[byType][parameter][scope];
+        const secondaryScopesArr = Array.isArray(secondaryScopes) ? secondaryScopes : [secondaryScopes];
+        return [scope, secondaryScopesArr];
+      }))];
+    }
+    if (scopes && !((_b = coordinationScopesBy == null ? void 0 : coordinationScopesBy[byType]) == null ? void 0 : _b[parameter]) && (coordinationScopes == null ? void 0 : coordinationScopes[parameter])) {
+      const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
+      return [scopesArr, fromEntries(scopesArr.map((scope) => {
+        const secondaryScopes = coordinationScopes == null ? void 0 : coordinationScopes[parameter];
+        const secondaryScopesArr = Array.isArray(secondaryScopes) ? secondaryScopes : [secondaryScopes];
+        return [scope, secondaryScopesArr];
+      }))];
+    }
+    return [[], {}];
+  }, [parameter, byType, coordinationScopes, coordinationScopesBy]);
+}
+function useMultiCoordinationScopesSecondaryNonNull(parameter, byType, coordinationScopes, coordinationScopesBy) {
+  const scopes = getParameterScope(byType, coordinationScopes);
+  const parameterSpace = useViewConfigStore((state) => {
+    const { coordinationSpace } = state.viewConfig;
+    return coordinationSpace == null ? void 0 : coordinationSpace[parameter];
+  }, shallow);
+  const byTypeSpace = useViewConfigStore((state) => {
+    const { coordinationSpace } = state.viewConfig;
+    return coordinationSpace == null ? void 0 : coordinationSpace[byType];
+  }, shallow);
+  return useMemo(() => {
+    var _a, _b;
+    if (scopes && ((_a = coordinationScopesBy == null ? void 0 : coordinationScopesBy[byType]) == null ? void 0 : _a[parameter])) {
+      const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
+      const scopesNonNull = scopesArr.filter((scope) => {
+        if (byTypeSpace) {
+          const value = byTypeSpace[scope];
+          return value !== null;
+        }
+        return false;
+      });
+      return [scopesNonNull, fromEntries(scopesNonNull.map((scope) => {
+        const secondaryScopes = coordinationScopesBy[byType][parameter][scope];
+        const secondaryScopesArr = Array.isArray(secondaryScopes) ? secondaryScopes : [secondaryScopes];
+        const secondaryScopesNonNull = secondaryScopesArr.filter((innerScope) => {
+          if (parameterSpace) {
+            const value = parameterSpace[innerScope];
+            return value !== null;
+          }
+          return false;
+        });
+        return [scope, secondaryScopesNonNull];
+      }))];
+    }
+    if (scopes && !((_b = coordinationScopesBy == null ? void 0 : coordinationScopesBy[byType]) == null ? void 0 : _b[parameter]) && (coordinationScopes == null ? void 0 : coordinationScopes[parameter])) {
+      const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
+      const scopesNonNull = scopesArr.filter((scope) => {
+        if (byTypeSpace) {
+          const value = byTypeSpace[scope];
+          return value !== null;
+        }
+        return false;
+      });
+      return [scopesNonNull, fromEntries(scopesNonNull.map((scope) => {
+        const secondaryScopes = coordinationScopes == null ? void 0 : coordinationScopes[parameter];
+        const secondaryScopesArr = Array.isArray(secondaryScopes) ? secondaryScopes : [secondaryScopes];
+        const secondaryScopesNonNull = secondaryScopesArr.filter((innerScope) => {
+          if (parameterSpace) {
+            const value = parameterSpace[innerScope];
+            return value !== null;
+          }
+          return false;
+        });
+        return [scope, secondaryScopesNonNull];
+      }))];
+    }
+    return [[], {}];
+  }, [parameter, byType, scopes, coordinationScopes, coordinationScopesBy, parameterSpace, byTypeSpace]);
+}
 function useMultiCoordinationValues(parameter, coordinationScopes) {
-  const scopes = coordinationScopes[parameter];
+  const scopes = getParameterScope(parameter, coordinationScopes);
   const vals = useViewConfigStore((state) => {
     const { coordinationSpace } = state.viewConfig;
     const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
@@ -36122,58 +36724,156 @@ function useDatasetUids(coordinationScopes) {
 }
 function useComplexCoordination(parameters, coordinationScopes, coordinationScopesBy, byType) {
   const setCoordinationValue = useViewConfigStore((state) => state.setCoordinationValue);
-  const typeScopes = coordinationScopes[byType];
-  const byTypeScopes = coordinationScopesBy[byType];
-  const typeScopesArr = Array.isArray(typeScopes) ? typeScopes : [typeScopes];
-  const values2 = useViewConfigStore((state) => {
+  const parameterSpaces = useViewConfigStore((state) => {
     const { coordinationSpace } = state.viewConfig;
-    return fromEntries(typeScopesArr.map((datasetScope) => {
-      const datasetValues = fromEntries(parameters.map((parameter) => {
-        if (coordinationSpace && coordinationSpace[parameter]) {
-          let value;
-          const parameterSpace = coordinationSpace[parameter];
-          const parameterScopeGlobal = coordinationScopes[parameter];
-          const parameterScopeByDataset = byTypeScopes == null ? void 0 : byTypeScopes[parameter];
-          if (parameterScopeByDataset && parameterScopeByDataset[datasetScope]) {
-            value = parameterSpace[parameterScopeByDataset[datasetScope]];
-          } else if (parameterScopeGlobal) {
-            value = parameterSpace[parameterScopeGlobal];
-          } else {
-            console.error(`coordination scope for ${parameter} was not found.`);
+    return parameters.map((parameter) => coordinationSpace[parameter]);
+  }, shallow);
+  const values2 = useMemo(() => {
+    const typeScopes = getParameterScope(byType, coordinationScopes);
+    if (typeScopes) {
+      const typeScopesArr = Array.isArray(typeScopes) ? typeScopes : [typeScopes];
+      return fromEntries(typeScopesArr.map((datasetScope) => {
+        const datasetValues = fromEntries(parameters.map((parameter, i) => {
+          if (parameterSpaces[i]) {
+            const parameterSpace = parameterSpaces[i];
+            const parameterScope = getParameterScopeBy(
+              parameter,
+              byType,
+              datasetScope,
+              coordinationScopes,
+              coordinationScopesBy
+            );
+            if (parameterScope) {
+              const value = parameterSpace[parameterScope];
+              return [parameter, value];
+            }
+            const globalParameterScope = getParameterScope(parameter, coordinationScopes);
+            const globalValue = parameterSpace[globalParameterScope];
+            return [parameter, globalValue];
           }
-          return [parameter, value];
-        }
-        return [parameter, void 0];
+          return [parameter, void 0];
+        }));
+        return [datasetScope, datasetValues];
       }));
-      return [datasetScope, datasetValues];
-    }));
+    }
+    return {};
+  }, [byType, coordinationScopes, coordinationScopesBy, parameterSpaces]);
+  const setters = useMemo(() => {
+    const typeScopes = getParameterScope(byType, coordinationScopes);
+    if (typeScopes) {
+      const typeScopesArr = Array.isArray(typeScopes) ? typeScopes : [typeScopes];
+      return fromEntries(typeScopesArr.map((datasetScope) => {
+        const datasetSetters = fromEntries(parameters.map((parameter) => {
+          const setterName = `set${capitalize(parameter)}`;
+          const setterFunc = (value) => setCoordinationValue({
+            parameter,
+            byType,
+            typeScope: datasetScope,
+            coordinationScopes,
+            coordinationScopesBy,
+            value
+          });
+          return [setterName, setterFunc];
+        }));
+        return [datasetScope, datasetSetters];
+      }));
+    }
+    return {};
+  }, [coordinationScopes]);
+  return [values2, setters];
+}
+function useCoordinationScopes(coordinationScopes) {
+  const metaSpace = useViewConfigStore((state) => {
+    const { coordinationSpace } = state.viewConfig;
+    return coordinationSpace == null ? void 0 : coordinationSpace[CoordinationType$1.META_COORDINATION_SCOPES];
   }, shallow);
-  const setters = useMemo(() => fromEntries(typeScopesArr.map((datasetScope) => {
-    const datasetSetters = fromEntries(parameters.map((parameter) => {
-      const setterName = `set${capitalize(parameter)}`;
-      let setterFunc;
-      const parameterScopeGlobal = coordinationScopes[parameter];
-      const parameterScopeByDataset = byTypeScopes == null ? void 0 : byTypeScopes[parameter];
-      if (parameterScopeByDataset && parameterScopeByDataset[datasetScope]) {
-        setterFunc = (value) => setCoordinationValue({
-          parameter,
-          scope: parameterScopeByDataset[datasetScope],
-          value
+  const vals = useMemo(() => {
+    const scopes = getScopes(
+      coordinationScopes,
+      metaSpace
+    );
+    delete scopes[CoordinationType$1.META_COORDINATION_SCOPES];
+    return scopes;
+  }, [coordinationScopes, metaSpace]);
+  return vals;
+}
+function useCoordinationScopesBy(coordinationScopes, coordinationScopesBy) {
+  const metaSpaceBy = useViewConfigStore((state) => {
+    const { coordinationSpace } = state.viewConfig;
+    return coordinationSpace == null ? void 0 : coordinationSpace[CoordinationType$1.META_COORDINATION_SCOPES_BY];
+  }, shallow);
+  const vals = useMemo(() => {
+    const scopesBy = getScopesBy(
+      coordinationScopes,
+      coordinationScopesBy,
+      metaSpaceBy
+    );
+    return scopesBy;
+  }, [coordinationScopes, coordinationScopesBy, metaSpaceBy]);
+  return vals;
+}
+function useComplexCoordinationSecondary(parameters, coordinationScopes, coordinationScopesBy, primaryType, secondaryType) {
+  const coordinationScopesFake = useMemo(() => {
+    var _a;
+    if ((_a = coordinationScopesBy == null ? void 0 : coordinationScopesBy[primaryType]) == null ? void 0 : _a[secondaryType]) {
+      return {
+        ...coordinationScopes,
+        // TODO: this is needed for falling back to view-level coordination scopes, but does it affect performance?
+        [secondaryType]: Object.values(coordinationScopesBy[primaryType][secondaryType]).flat()
+      };
+    }
+    if ((coordinationScopes == null ? void 0 : coordinationScopes[secondaryType]) && Array.isArray(coordinationScopes[secondaryType])) {
+      return {
+        ...coordinationScopes,
+        // TODO: this is needed for falling back to view-level coordination scopes, but does it affect performance?
+        [secondaryType]: coordinationScopes[secondaryType]
+      };
+    }
+    return { [secondaryType]: [] };
+  }, [coordinationScopesBy, primaryType, secondaryType]);
+  const [flatValues, flatSetters] = useComplexCoordination(
+    parameters,
+    coordinationScopesFake,
+    coordinationScopesBy,
+    secondaryType
+  );
+  const nestedValues = useMemo(() => {
+    var _a;
+    const result = {};
+    if ((_a = coordinationScopesBy == null ? void 0 : coordinationScopesBy[primaryType]) == null ? void 0 : _a[secondaryType]) {
+      Object.entries(coordinationScopesBy[primaryType][secondaryType]).forEach(([layerScope, channelScopes]) => {
+        result[layerScope] = {};
+        channelScopes.forEach((channelScope) => {
+          result[layerScope][channelScope] = flatValues[channelScope];
         });
-      } else if (parameterScopeGlobal) {
-        setterFunc = (value) => setCoordinationValue({
-          parameter,
-          scope: parameterScopeGlobal,
-          value
+      });
+    } else if ((coordinationScopes == null ? void 0 : coordinationScopes[secondaryType]) && Array.isArray(coordinationScopes[secondaryType])) {
+      const layerScopes = coordinationScopes[primaryType];
+      layerScopes.forEach((layerScope) => {
+        result[layerScope] = flatValues;
+      });
+    }
+    return result;
+  }, [flatValues]);
+  const nestedSetters = useMemo(() => {
+    var _a;
+    const result = {};
+    if ((_a = coordinationScopesBy == null ? void 0 : coordinationScopesBy[primaryType]) == null ? void 0 : _a[secondaryType]) {
+      Object.entries(coordinationScopesBy[primaryType][secondaryType]).forEach(([layerScope, channelScopes]) => {
+        result[layerScope] = {};
+        channelScopes.forEach((channelScope) => {
+          result[layerScope][channelScope] = flatSetters[channelScope];
         });
-      } else {
-        console.error(`coordination scope for ${parameter} was not found.`);
-      }
-      return [setterName, setterFunc];
-    }));
-    return [datasetScope, datasetSetters];
-  })), [parameters, coordinationScopes]);
-  return [values2, setters];
+      });
+    } else if ((coordinationScopes == null ? void 0 : coordinationScopes[secondaryType]) && Array.isArray(coordinationScopes[secondaryType])) {
+      const layerScopes = coordinationScopes[primaryType];
+      layerScopes.forEach((layerScope) => {
+        result[layerScope] = flatSetters;
+      });
+    }
+    return result;
+  }, [flatSetters]);
+  return [nestedValues, nestedSetters];
 }
 function useMultiDatasetCoordination(parameters, coordinationScopes, coordinationScopesBy) {
   return useComplexCoordination(
@@ -36258,6 +36958,12 @@ function useLayout() {
 function useRemoveComponent() {
   return useViewConfigStore((state) => state.removeComponent);
 }
+function useRemoveImageChannelInMetaCoordinationScopes() {
+  return useViewConfigStore((state) => state.removeImageChannelInMetaCoordinationScopes);
+}
+function useAddImageChannelInMetaCoordinationScopes() {
+  return useViewConfigStore((state) => state.addImageChannelInMetaCoordinationScopes);
+}
 function useChangeLayout() {
   return useViewConfigStore((state) => state.changeLayout);
 }
@@ -42598,7 +43304,7 @@ function useReady(statusValues) {
 function useUrls(urls) {
   const mergedUrls = useMemo(
     () => urls.filter((a) => Array.isArray(a)).flat().filter((url, index, array) => {
-      const firstIndex = array.findIndex((u) => u.name === url.name);
+      const firstIndex = array.findIndex((u) => u && url && u.name === url.name);
       return index === firstIndex;
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -43582,6 +44288,8 @@ function PopperMenu(props) {
     children: children2,
     buttonClassName,
     placement = "bottom-end",
+    withPaper = true,
+    containerClassName,
     "aria-label": ariaLabel
   } = props;
   const classes = useStyles$2();
@@ -43594,7 +44302,7 @@ function PopperMenu(props) {
   };
   const id = open ? "v-popover-menu" : void 0;
   const getTooltipContainer = useVitessceContainer(anchorRef);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: anchorRef, className: classes.container, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: anchorRef, className: clsx(classes.container, containerClassName), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       IconButton$1,
       {
@@ -43617,7 +44325,7 @@ function PopperMenu(props) {
         onClose: handleClose,
         placement,
         transition: true,
-        children: ({ TransitionProps }) => /* @__PURE__ */ jsxRuntimeExports.jsx(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Fade$1, { ...TransitionProps, timeout: 100, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Paper$1, { elevation: 4, className: classes.paper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuList$1, { children: children2 }) }) }) })
+        children: ({ TransitionProps }) => /* @__PURE__ */ jsxRuntimeExports.jsx(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Fade$1, { ...TransitionProps, timeout: 100, children: withPaper ? /* @__PURE__ */ jsxRuntimeExports.jsx(Paper$1, { elevation: 4, className: classes.paper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuList$1, { children: children2 }) }) : children2 }) })
       }
     )
   ] });
@@ -43909,6 +44617,9 @@ function useDataType(dataType, loaders, dataset, isRequired, coordinationSetters
     placeholderData: placeholderObject,
     // Include the hook name in the queryKey to prevent the case in which an identical queryKey
     // in a different hook would cause an accidental cache hit.
+    // Note: same key structure/suffix as
+    // useDataTypeMulti() and getQueryKeyScopeTuplesAux()
+    // for shared caching.
     queryKey: [dataset, dataType, matchOn, isRequired, "useDataType"],
     // Query function should return an object
     // { data, dataKey } where dataKey is the loaded gene selection.
@@ -43945,6 +44656,9 @@ function useDataTypeMulti(dataType, loaders, dataset, isRequired, coordinationSe
       placeholderData: placeholderObject,
       // Query key should match useDataType for shared cacheing
       // and correctness of dataQueryFn.
+      // Note: same key structure/suffix as
+      // useDataType() and getQueryKeyScopeTuplesAux()
+      // for shared caching.
       queryKey: [dataset, dataType, matchOn, isRequired, "useDataType"],
       // Query function should return an object
       // { data, dataKey } where dataKey is the loaded gene selection.
@@ -43978,10 +44692,20 @@ function useDataTypeMulti(dataType, loaders, dataset, isRequired, coordinationSe
       var _a;
       return [scopeKey, (_a = dataQueries[i].data) == null ? void 0 : _a.data];
     })
+    // Deliberate dependency omissions: dataQueries and matchOnEntries,
+    // since dataQueries changes every re-render. We use the in-direct
+    // dependency of matchOnObj and the derived primitive value dataStatus.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  ), [matchOnObj, dataStatus]);
+  const urls = useMemo(() => fromEntries(
+    matchOnEntries.map(([scopeKey], i) => {
+      var _a;
+      return [scopeKey, (_a = dataQueries[i].data) == null ? void 0 : _a.urls];
+    })
     // Deliberate dependency omissions: matchOnEntries, since dataQueries depends on it.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   ), [dataQueries]);
-  return [data, dataStatus];
+  return [data, dataStatus, urls];
 }
 function useHasLoader(loaders, dataset, dataType, matchOn) {
   const loader = useMatchingLoader(loaders, dataset, dataType, matchOn);
@@ -44012,6 +44736,28 @@ function useObsEmbeddingData(loaders, dataset, isRequired, coordinationSetters,
     matchOn
   );
 }
+function useObsSpotsData(loaders, dataset, isRequired, coordinationSetters, initialCoordinationValues, matchOn) {
+  return useDataType(
+    DataType$1.OBS_SPOTS,
+    loaders,
+    dataset,
+    isRequired,
+    coordinationSetters,
+    initialCoordinationValues,
+    matchOn
+  );
+}
+function useObsPointsData(loaders, dataset, isRequired, coordinationSetters, initialCoordinationValues, matchOn) {
+  return useDataType(
+    DataType$1.OBS_POINTS,
+    loaders,
+    dataset,
+    isRequired,
+    coordinationSetters,
+    initialCoordinationValues,
+    matchOn
+  );
+}
 function useObsLocationsData(loaders, dataset, isRequired, coordinationSetters, initialCoordinationValues, matchOn) {
   return useDataType(
     DataType$1.OBS_LOCATIONS,
@@ -44134,7 +44880,7 @@ function useFeatureSelection(loaders, dataset, isRequired, selection, matchOn) {
             if (!payload2)
               return null;
             const { data: data2 } = payload2;
-            return { data: data2[0], dataKey: selection };
+            return { data: data2[0], dataKey: featureId };
           }
           const payload = await loader.load();
           if (!payload)
@@ -44187,7 +44933,9 @@ function useObsFeatureMatrixIndices(loaders, dataset, isRequired, matchOn) {
     placeholderData: placeholderObject,
     // Include the hook name in the queryKey to prevent the case in which an identical queryKey
     // in a different hook would cause an accidental cache hit.
-    queryKey: [dataset, DataType$1.OBS_FEATURE_MATRIX, matchOn, "useObsFeatureMatrixIndices"],
+    // Note: this uses the same key structure/suffix as
+    // getMatrixIndicesQueryKeyScopeTuplesAux for shared caching.
+    queryKey: [dataset, DataType$1.OBS_FEATURE_MATRIX, matchOn, isRequired, "useObsFeatureMatrixIndices"],
     // Query function should return an object
     // { data, dataKey } where dataKey is the loaded gene selection.
     // TODO: use TypeScript to type the return value?
@@ -44244,6 +44992,87 @@ function useObsFeatureMatrixIndices(loaders, dataset, isRequired, matchOn) {
   }, [error, setWarning]);
   return [loadedData, dataStatus, urls];
 }
+function useMultiObsPoints(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsTypeCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.OBS_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.POINT_LAYER
+  );
+  const matchOnObj = useMemo(
+    () => obsTypeCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [obsPointsData, obsPointsDataStatus, obsPointsUrls] = useDataTypeMulti(
+    DataType$1.OBS_POINTS,
+    loaders,
+    dataset,
+    false,
+    {},
+    {},
+    matchOnObj
+  );
+  return [obsPointsData, obsPointsDataStatus, obsPointsUrls];
+}
+function useMultiObsSpots(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsTypeCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.OBS_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SPOT_LAYER
+  );
+  const matchOnObj = useMemo(
+    () => obsTypeCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [obsSpotsData, obsSpotsDataStatus, obsSpotsUrls] = useDataTypeMulti(
+    DataType$1.OBS_SPOTS,
+    loaders,
+    dataset,
+    false,
+    {},
+    {},
+    matchOnObj
+  );
+  return [obsSpotsData, obsSpotsDataStatus, obsSpotsUrls];
+}
+function useSpotMultiObsSets(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsTypeCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.OBS_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SPOT_LAYER
+  );
+  const matchOnObj = useMemo(
+    () => obsTypeCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [obsSetsData, obsSetsDataStatus, obsSetsUrls] = useDataTypeMulti(
+    DataType$1.OBS_SETS,
+    loaders,
+    dataset,
+    false,
+    {},
+    {},
+    matchOnObj
+  );
+  return [obsSetsData, obsSetsDataStatus, obsSetsUrls];
+}
 function useMultiObsLabels(coordinationScopes, obsType, loaders, dataset) {
   const obsLabelsTypes = useMultiCoordinationValues(
     CoordinationType$1.OBS_LABELS_TYPE,
@@ -44255,7 +45084,7 @@ function useMultiObsLabels(coordinationScopes, obsType, loaders, dataset) {
       { obsLabelsType, obsType }
     ])
   ), [obsLabelsTypes, obsType]);
-  const [obsLabelsData, obsLabelsDataStatus] = useDataTypeMulti(
+  const [obsLabelsData, obsLabelsDataStatus, obsLabelsUrls] = useDataTypeMulti(
     DataType$1.OBS_LABELS,
     loaders,
     dataset,
@@ -44264,8 +45093,699 @@ function useMultiObsLabels(coordinationScopes, obsType, loaders, dataset) {
     {},
     obsLabelsMatchOnObj
   );
-  const urls = null;
-  return [obsLabelsTypes, obsLabelsData, obsLabelsDataStatus, urls];
+  return [obsLabelsTypes, obsLabelsData, obsLabelsDataStatus, obsLabelsUrls];
+}
+function useMultiObsSegmentations(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const imageCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.FILE_UID
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SEGMENTATION_LAYER
+  );
+  const matchOnObj = useMemo(
+    () => imageCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [
+    obsSegmentationsData,
+    obsSegmentationsDataStatus,
+    obsSegmentationsUrls
+  ] = useDataTypeMulti(
+    DataType$1.OBS_SEGMENTATIONS,
+    loaders,
+    dataset,
+    false,
+    {},
+    {},
+    matchOnObj
+  );
+  return [obsSegmentationsData, obsSegmentationsDataStatus, obsSegmentationsUrls];
+}
+function useMultiImages(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const imageCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.FILE_UID
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.IMAGE_LAYER
+  );
+  const matchOnObj = useMemo(
+    () => imageCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [imageData, imageDataStatus, imageUrls] = useDataTypeMulti(
+    DataType$1.IMAGE,
+    loaders,
+    dataset,
+    false,
+    {},
+    {},
+    matchOnObj
+  );
+  return [imageData, imageDataStatus, imageUrls];
+}
+function getFeatureSelectionQueryKeyScopeTuplesAux(allSelections, allMatchOnObj, depth, dataset, dataType, isRequired, prevLevelScopes, currSelection, currMatchOn) {
+  var _a;
+  if (depth === 0) {
+    return (currSelection == null ? void 0 : currSelection.map((featureId, featureIndex) => [
+      // queryKey:
+      // TODO: use same key suffix as useFeatureSelection for shared caching?
+      [dataset, dataType, currMatchOn, featureId, isRequired, "useFeatureSelectionMultiLevel"],
+      // scope info (for rolling up later)
+      { levelScopes: prevLevelScopes, featureIndex, numFeatures: currSelection.length }
+    ])) || [];
+  }
+  return ((_a = Object.entries(currSelection)) == null ? void 0 : _a.flatMap(([levelScope, levelSelections]) => getFeatureSelectionQueryKeyScopeTuplesAux(
+    allSelections,
+    allMatchOnObj,
+    depth - 1,
+    dataset,
+    dataType,
+    isRequired,
+    [...prevLevelScopes, levelScope],
+    levelSelections,
+    currMatchOn == null ? void 0 : currMatchOn[levelScope]
+  ))) || [];
+}
+function getFeatureSelectionQueryKeyScopeTuples(selections, matchOnObj, depth, dataset, dataType, isRequired) {
+  return getFeatureSelectionQueryKeyScopeTuplesAux(
+    selections,
+    matchOnObj,
+    depth,
+    dataset,
+    dataType,
+    isRequired,
+    [],
+    selections,
+    matchOnObj
+  );
+}
+function getMatrixIndicesQueryKeyScopeTuplesAux(allMatchOnObj, depth, dataset, dataType, isRequired, prevLevelScopes, currMatchOn) {
+  var _a;
+  if (depth === 0) {
+    return [[
+      // queryKey:
+      // Note: this uses the same key structure/suffix as
+      // useObsFeatureMatrixIndices for shared caching.
+      [dataset, dataType, currMatchOn, isRequired, "useObsFeatureMatrixIndices"],
+      // scope info (for rolling up later)
+      { levelScopes: prevLevelScopes }
+    ]];
+  }
+  return ((_a = Object.entries(currMatchOn)) == null ? void 0 : _a.flatMap(([levelScope, levelMatchOn]) => getMatrixIndicesQueryKeyScopeTuplesAux(
+    allMatchOnObj,
+    depth - 1,
+    dataset,
+    dataType,
+    isRequired,
+    [...prevLevelScopes, levelScope],
+    levelMatchOn
+  ))) || [];
+}
+function getMatrixIndicesQueryKeyScopeTuples(matchOnObj, depth, dataset, dataType, isRequired) {
+  return getMatrixIndicesQueryKeyScopeTuplesAux(
+    matchOnObj,
+    depth,
+    dataset,
+    dataType,
+    isRequired,
+    [],
+    matchOnObj
+  );
+}
+function getQueryKeyScopeTuplesAux(allMatchOnObj, depth, dataset, dataType, isRequired, prevLevelScopes, currMatchOn) {
+  var _a;
+  if (depth === 0) {
+    return [[
+      // queryKey:
+      // Note: same key structure/suffix as
+      // useDataType() and useDataTypeMulti()
+      // for shared caching.
+      [dataset, dataType, currMatchOn, isRequired, "useDataType"],
+      // scope info (for rolling up later)
+      { levelScopes: prevLevelScopes }
+    ]];
+  }
+  return ((_a = Object.entries(currMatchOn)) == null ? void 0 : _a.flatMap(([levelScope, levelMatchOn]) => getQueryKeyScopeTuplesAux(
+    allMatchOnObj,
+    depth - 1,
+    dataset,
+    dataType,
+    isRequired,
+    [...prevLevelScopes, levelScope],
+    levelMatchOn
+  ))) || [];
+}
+function getQueryKeyScopeTuples(matchOnObj, depth, dataset, dataType, isRequired) {
+  return getQueryKeyScopeTuplesAux(
+    matchOnObj,
+    depth,
+    dataset,
+    dataType,
+    isRequired,
+    [],
+    matchOnObj
+  );
+}
+function initializeNestedObjectAux(levelScopes, currObj, getBaseValue, currLevel) {
+  const currScope = levelScopes[currLevel];
+  const depthRemaining = levelScopes.length - currLevel;
+  if (depthRemaining === 0) {
+    return currObj;
+  }
+  if (!currObj[currScope]) {
+    if (depthRemaining === 1) {
+      currObj[currScope] = getBaseValue();
+    } else {
+      currObj[currScope] = {};
+    }
+  }
+  return initializeNestedObjectAux(levelScopes, currObj[currScope], getBaseValue, currLevel + 1);
+}
+function initializeNestedObject(levelScopes, currObj, getBaseValue) {
+  return initializeNestedObjectAux(levelScopes, currObj, getBaseValue, 0);
+}
+function nestFeatureSelectionQueryResults(queryKeyScopeTuples, flatQueryResults) {
+  const nestedData = {};
+  queryKeyScopeTuples.forEach(([queryKey, { levelScopes, featureIndex, numFeatures }], i) => {
+    const getBaseValue = () => new Array(numFeatures);
+    const subObj = initializeNestedObject(levelScopes, nestedData, getBaseValue);
+    subObj[featureIndex] = flatQueryResults == null ? void 0 : flatQueryResults[i];
+  });
+  return nestedData;
+}
+function nestQueryResults(queryKeyScopeTuples, flatQueryResults) {
+  const nestedData = {};
+  queryKeyScopeTuples.forEach(([queryKey, { levelScopes }], i) => {
+    const getBaseValue = () => ({});
+    const subObj = initializeNestedObject(levelScopes, nestedData, getBaseValue);
+    Object.entries((flatQueryResults == null ? void 0 : flatQueryResults[i]) || {}).forEach(([key, value]) => {
+      subObj[key] = value;
+    });
+  });
+  return nestedData;
+}
+async function featureSelectionQueryFn(ctx) {
+  const { loaders } = ctx.meta;
+  const [dataset, dataType, matchOn, featureId, isRequired] = ctx.queryKey;
+  const loader = getMatchingLoader(loaders, dataset, dataType, matchOn);
+  if (loader) {
+    const implementsGeneSelection = typeof loader.loadGeneSelection === "function";
+    if (implementsGeneSelection) {
+      const payload2 = await loader.loadGeneSelection({ selection: [featureId] });
+      if (!payload2)
+        return null;
+      const { data: data2 } = payload2;
+      const expressionData2 = data2[0];
+      const dataExtent2 = extent(expressionData2);
+      const [min2, max2] = dataExtent2;
+      const ratio2 = 255 / (max2 - min2);
+      const normData2 = new Uint8Array(
+        expressionData2.map((j) => Math.floor((j - min2) * ratio2))
+      );
+      return {
+        data: expressionData2,
+        normData: normData2,
+        dataExtent: dataExtent2,
+        dataKey: featureId
+      };
+    }
+    const payload = await loader.load();
+    if (!payload)
+      return null;
+    const { data } = payload;
+    const { obsIndex, featureIndex, obsFeatureMatrix } = data;
+    const geneIndex = featureIndex.indexOf(featureId);
+    const numGenes = featureIndex.length;
+    const numCells = obsIndex.length;
+    const expressionData = new Float32Array(numCells);
+    for (let cellIndex = 0; cellIndex < numCells; cellIndex += 1) {
+      expressionData[cellIndex] = obsFeatureMatrix.data[cellIndex * numGenes + geneIndex];
+    }
+    const dataExtent = extent(expressionData);
+    const [min, max] = dataExtent;
+    const ratio = 255 / (max - min);
+    const normData = new Uint8Array(
+      expressionData.map((j) => Math.floor((j - min) * ratio))
+    );
+    return {
+      data: expressionData,
+      normData,
+      dataExtent,
+      dataKey: featureId
+    };
+  }
+  if (isRequired) {
+    throw new LoaderNotFoundError(loaders, dataset, dataType, matchOn);
+  } else {
+    return { data: null, dataKey: null };
+  }
+}
+function useFeatureSelectionMultiLevel(loaders, dataset, isRequired, matchOnObj, selections, depth) {
+  const setWarning = useSetWarning();
+  const queryKeyScopeTuples = useMemo(() => getFeatureSelectionQueryKeyScopeTuples(
+    selections,
+    matchOnObj,
+    depth,
+    dataset,
+    DataType$1.OBS_FEATURE_MATRIX,
+    isRequired
+  ), [selections, matchOnObj, depth, dataset]);
+  const featureQueries = useQueries({
+    queries: queryKeyScopeTuples.map(([queryKey]) => ({
+      structuralSharing: false,
+      placeholderData: null,
+      queryKey,
+      queryFn: featureSelectionQueryFn,
+      meta: { loaders }
+    }))
+  });
+  const anyLoading = featureQueries.some((q) => q.isFetching);
+  const anyError = featureQueries.some((q) => q.isError);
+  const dataStatus = anyLoading ? STATUS.LOADING : anyError ? STATUS.ERROR : STATUS.SUCCESS;
+  const flatGeneData = featureQueries.map((q) => {
+    var _a;
+    return ((_a = q.data) == null ? void 0 : _a.data) || null;
+  });
+  const flatLoadedGeneName = featureQueries.map((q) => {
+    var _a;
+    return ((_a = q.data) == null ? void 0 : _a.dataKey) || null;
+  });
+  const flatExtents = featureQueries.map((q) => {
+    var _a;
+    return ((_a = q.data) == null ? void 0 : _a.dataExtent) || null;
+  });
+  const flatNormData = featureQueries.map((q) => {
+    var _a;
+    return ((_a = q.data) == null ? void 0 : _a.normData) || null;
+  });
+  useEffect(() => {
+    featureQueries.map((q) => q.error).filter((e) => Boolean(e)).forEach((error) => {
+      warn(error, setWarning);
+    });
+  }, [anyError, setWarning]);
+  const [geneData, loadedGeneName, extents, normData] = useMemo(() => {
+    const nestedGeneData = nestFeatureSelectionQueryResults(queryKeyScopeTuples, flatGeneData);
+    const nestedLoadedGeneName = nestFeatureSelectionQueryResults(
+      queryKeyScopeTuples,
+      flatLoadedGeneName
+    );
+    const nestedExtents = nestFeatureSelectionQueryResults(queryKeyScopeTuples, flatExtents);
+    const nestedNormData = nestFeatureSelectionQueryResults(queryKeyScopeTuples, flatNormData);
+    return [nestedGeneData, nestedLoadedGeneName, nestedExtents, nestedNormData];
+  }, [featureQueries.reduce((a, h) => a + h.dataUpdatedAt, 0)]);
+  return [geneData, loadedGeneName, extents, normData, dataStatus];
+}
+async function matrixIndicesQueryFn(ctx) {
+  const { loaders } = ctx.meta;
+  const [dataset, dataType, matchOn, isRequired] = ctx.queryKey;
+  const loader = getMatchingLoader(loaders, dataset, dataType, matchOn);
+  if (loader) {
+    const implementsLoadAttrs = typeof loader.loadAttrs === "function";
+    if (implementsLoadAttrs) {
+      const payload2 = await loader.loadAttrs();
+      if (!payload2)
+        return null;
+      const { data: payloadData2 } = payload2;
+      return {
+        data: {
+          obsIndex: payloadData2.rows,
+          featureIndex: payloadData2.cols
+        }
+      };
+    }
+    const payload = await loader.load();
+    if (!payload)
+      return null;
+    const { data: payloadData } = payload;
+    return {
+      data: {
+        obsIndex: payloadData.obsIndex,
+        featureIndex: payloadData.featureIndex
+      }
+    };
+  }
+  if (isRequired) {
+    throw new LoaderNotFoundError(loaders, dataset, dataType, matchOn);
+  } else {
+    return { data: null, dataKey: null };
+  }
+}
+function useObsFeatureMatrixIndicesMultiLevel(loaders, dataset, isRequired, matchOnObj, depth) {
+  const setWarning = useSetWarning();
+  const queryKeyScopeTuples = useMemo(() => getMatrixIndicesQueryKeyScopeTuples(
+    matchOnObj,
+    depth,
+    dataset,
+    DataType$1.OBS_FEATURE_MATRIX,
+    isRequired
+  ), [matchOnObj, depth, dataset]);
+  const indicesQueries = useQueries({
+    queries: queryKeyScopeTuples.map(([queryKey]) => ({
+      structuralSharing: false,
+      placeholderData: null,
+      queryKey,
+      queryFn: matrixIndicesQueryFn,
+      meta: { loaders }
+    }))
+  });
+  const anyLoading = indicesQueries.some((q) => q.isFetching);
+  const anyError = indicesQueries.some((q) => q.isError);
+  const dataStatus = anyLoading ? STATUS.LOADING : anyError ? STATUS.ERROR : STATUS.SUCCESS;
+  const flatIndicesData = indicesQueries.map((q) => {
+    var _a;
+    return ((_a = q.data) == null ? void 0 : _a.data) || null;
+  });
+  useEffect(() => {
+    indicesQueries.map((q) => q.error).filter((e) => Boolean(e)).forEach((error) => {
+      warn(error, setWarning);
+    });
+  }, [anyError, setWarning]);
+  const indicesData = useMemo(() => {
+    const nestedIndicesData = nestQueryResults(queryKeyScopeTuples, flatIndicesData);
+    return nestedIndicesData;
+  }, [indicesQueries.reduce((a, h) => a + h.dataUpdatedAt, 0)]);
+  return [indicesData, dataStatus];
+}
+function useDataTypeMultiLevel(loaders, dataset, isRequired, matchOnObj, depth, dataType) {
+  const setWarning = useSetWarning();
+  const queryKeyScopeTuples = useMemo(() => getQueryKeyScopeTuples(
+    matchOnObj,
+    depth,
+    dataset,
+    dataType,
+    isRequired
+  ), [matchOnObj, depth, dataset]);
+  const locationsQueries = useQueries({
+    queries: queryKeyScopeTuples.map(([queryKey]) => ({
+      structuralSharing: false,
+      placeholderData: null,
+      queryKey,
+      queryFn: dataQueryFn,
+      meta: { loaders }
+    }))
+  });
+  const anyLoading = locationsQueries.some((q) => q.isFetching);
+  const anyError = locationsQueries.some((q) => q.isError);
+  const dataStatus = anyLoading ? STATUS.LOADING : anyError ? STATUS.ERROR : STATUS.SUCCESS;
+  const flatIndicesData = locationsQueries.map((q) => {
+    var _a;
+    return ((_a = q.data) == null ? void 0 : _a.data) || null;
+  });
+  useEffect(() => {
+    locationsQueries.map((q) => q.error).filter((e) => Boolean(e)).forEach((error) => {
+      warn(error, setWarning);
+    });
+  }, [anyError, setWarning]);
+  const locationsData = useMemo(() => {
+    const nestedIndicesData = nestQueryResults(queryKeyScopeTuples, flatIndicesData);
+    return nestedIndicesData;
+  }, [locationsQueries.reduce((a, h) => a + h.dataUpdatedAt, 0)]);
+  return [locationsData, dataStatus];
+}
+function useObsLocationsMultiLevel(loaders, dataset, isRequired, matchOnObj, depth) {
+  return useDataTypeMultiLevel(
+    loaders,
+    dataset,
+    isRequired,
+    matchOnObj,
+    depth,
+    DataType$1.OBS_LOCATIONS
+  );
+}
+function useObsSetsMultiLevel(loaders, dataset, isRequired, matchOnObj, depth) {
+  return useDataTypeMultiLevel(
+    loaders,
+    dataset,
+    isRequired,
+    matchOnObj,
+    depth,
+    DataType$1.OBS_SETS
+  );
+}
+function useObsLabelsMultiLevel(loaders, dataset, isRequired, matchOnObj, depth) {
+  return useDataTypeMultiLevel(
+    loaders,
+    dataset,
+    isRequired,
+    matchOnObj,
+    depth,
+    DataType$1.OBS_LABELS
+  );
+}
+function useSegmentationMultiFeatureSelection(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsFeatureMatrixCoordination = useComplexCoordinationSecondary(
+    [
+      CoordinationType$1.OBS_TYPE,
+      CoordinationType$1.FEATURE_TYPE,
+      CoordinationType$1.FEATURE_VALUE_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SEGMENTATION_LAYER,
+    CoordinationType$1.SEGMENTATION_CHANNEL
+  );
+  const featureSelectionCoordination = useComplexCoordinationSecondary(
+    [
+      CoordinationType$1.FEATURE_SELECTION
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SEGMENTATION_LAYER,
+    CoordinationType$1.SEGMENTATION_CHANNEL
+  );
+  const matchOnObj = useMemo(
+    () => obsFeatureMatrixCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const selections = useMemo(
+    () => fromEntries(Object.entries(featureSelectionCoordination[0]).map(([layerScope, layerVal]) => [
+      layerScope,
+      fromEntries(
+        Object.entries(layerVal).map(([cScope, cVal]) => [cScope, cVal.featureSelection])
+      )
+    ])),
+    // Need to execute this more frequently, whenever the featureSelections update.
+    [
+      coordinationScopes,
+      coordinationScopesBy,
+      ...Object.values(featureSelectionCoordination[0] || {}).flatMap((layerVal) => Object.values(layerVal).map((cVal) => cVal.featureSelection))
+    ]
+  );
+  const [
+    featureData,
+    loadedSelections,
+    extents,
+    normData,
+    featureStatus
+  ] = useFeatureSelectionMultiLevel(
+    loaders,
+    dataset,
+    false,
+    matchOnObj,
+    selections,
+    2
+  );
+  return [featureData, loadedSelections, extents, normData, featureStatus];
+}
+function useSpotMultiFeatureSelection(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsFeatureMatrixCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.OBS_TYPE,
+      CoordinationType$1.FEATURE_TYPE,
+      CoordinationType$1.FEATURE_VALUE_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SPOT_LAYER
+  );
+  const featureSelectionCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.FEATURE_SELECTION
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SPOT_LAYER
+  );
+  const matchOnObj = useMemo(
+    () => obsFeatureMatrixCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const selections = useMemo(
+    () => fromEntries(Object.entries(featureSelectionCoordination[0]).map(([layerScope, layerVal]) => [
+      layerScope,
+      layerVal.featureSelection
+    ])),
+    // Need to execute this more frequently, whenever the featureSelections update.
+    [
+      coordinationScopes,
+      coordinationScopesBy,
+      ...Object.values(featureSelectionCoordination[0] || {}).flatMap((layerVal) => layerVal.featureSelection)
+    ]
+  );
+  const [
+    featureData,
+    loadedSelections,
+    extents,
+    normData,
+    featureStatus
+  ] = useFeatureSelectionMultiLevel(
+    loaders,
+    dataset,
+    false,
+    matchOnObj,
+    selections,
+    1
+  );
+  return [featureData, loadedSelections, extents, normData, featureStatus];
+}
+function useSegmentationMultiObsFeatureMatrixIndices(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsFeatureMatrixCoordination = useComplexCoordinationSecondary(
+    [
+      CoordinationType$1.OBS_TYPE,
+      CoordinationType$1.FEATURE_TYPE,
+      CoordinationType$1.FEATURE_VALUE_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SEGMENTATION_LAYER,
+    CoordinationType$1.SEGMENTATION_CHANNEL
+  );
+  const matchOnObj = useMemo(
+    () => obsFeatureMatrixCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [indicesData, indicesDataStatus] = useObsFeatureMatrixIndicesMultiLevel(
+    loaders,
+    dataset,
+    false,
+    matchOnObj,
+    2
+  );
+  return [indicesData, indicesDataStatus];
+}
+function useSpotMultiObsFeatureMatrixIndices(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsFeatureMatrixCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.OBS_TYPE,
+      CoordinationType$1.FEATURE_TYPE,
+      CoordinationType$1.FEATURE_VALUE_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SPOT_LAYER
+  );
+  const matchOnObj = useMemo(
+    () => obsFeatureMatrixCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [indicesData, indicesDataStatus] = useObsFeatureMatrixIndicesMultiLevel(
+    loaders,
+    dataset,
+    false,
+    matchOnObj,
+    1
+  );
+  return [indicesData, indicesDataStatus];
+}
+function usePointMultiObsLabels(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsLabelsCoordination = useComplexCoordination(
+    [
+      CoordinationType$1.OBS_TYPE,
+      CoordinationType$1.OBS_LABELS_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.POINT_LAYER
+  );
+  const matchOnObj = useMemo(
+    () => obsLabelsCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [indicesData, indicesDataStatus] = useObsLabelsMultiLevel(
+    loaders,
+    dataset,
+    false,
+    matchOnObj,
+    1
+  );
+  return [indicesData, indicesDataStatus];
+}
+function useSegmentationMultiObsLocations(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsTypeCoordination = useComplexCoordinationSecondary(
+    [
+      CoordinationType$1.OBS_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SEGMENTATION_LAYER,
+    CoordinationType$1.SEGMENTATION_CHANNEL
+  );
+  const matchOnObj = useMemo(
+    () => obsTypeCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [indicesData, indicesDataStatus] = useObsLocationsMultiLevel(
+    loaders,
+    dataset,
+    false,
+    matchOnObj,
+    2
+  );
+  return [indicesData, indicesDataStatus];
+}
+function useSegmentationMultiObsSets(coordinationScopes, coordinationScopesBy, loaders, dataset) {
+  const obsTypeCoordination = useComplexCoordinationSecondary(
+    [
+      CoordinationType$1.OBS_TYPE
+    ],
+    coordinationScopes,
+    coordinationScopesBy,
+    CoordinationType$1.SEGMENTATION_LAYER,
+    CoordinationType$1.SEGMENTATION_CHANNEL
+  );
+  const matchOnObj = useMemo(
+    () => obsTypeCoordination[0],
+    // imageCoordination reference changes each render,
+    // use coordinationScopes and coordinationScopesBy which are
+    // indirect dependencies here.
+    [coordinationScopes, coordinationScopesBy]
+  );
+  const [indicesData, indicesDataStatus] = useObsSetsMultiLevel(
+    loaders,
+    dataset,
+    false,
+    matchOnObj,
+    2
+  );
+  return [indicesData, indicesDataStatus];
 }
 class AbstractLoader {
   constructor({
@@ -44441,13 +45961,17 @@ export {
   TitleInfo,
   VitS,
   logConfig,
+  useAddImageChannelInMetaCoordinationScopes,
   useAuxiliaryCoordination,
   useClosestVitessceContainerSize,
   useComplexCoordination,
+  useComplexCoordinationSecondary,
   useComponentHover,
   useComponentLayout,
   useComponentViewInfo,
   useCoordination,
+  useCoordinationScopes,
+  useCoordinationScopesBy,
   useDatasetUids,
   useDeckCanvasSize,
   useDescription,
@@ -44463,22 +45987,41 @@ export {
   useInitialCoordination,
   useLoaders,
   useMatchingLoader,
+  useMultiCoordinationScopes,
+  useMultiCoordinationScopesNonNull,
+  useMultiCoordinationScopesSecondary,
+  useMultiCoordinationScopesSecondaryNonNull,
   useMultiCoordinationValues,
   useMultiDatasetCoordination,
+  useMultiImages,
   useMultiObsLabels,
+  useMultiObsPoints,
+  useMultiObsSegmentations,
+  useMultiObsSpots,
   useNeighborhoodsData,
   useObsEmbeddingData,
   useObsFeatureMatrixData,
   useObsFeatureMatrixIndices,
   useObsLabelsData,
   useObsLocationsData,
+  useObsPointsData,
   useObsSegmentationsData,
   useObsSetsData,
+  useObsSpotsData,
   useStyles as usePlotOptionsStyles,
+  usePointMultiObsLabels,
   useReady,
+  useRemoveImageChannelInMetaCoordinationScopes,
+  useSegmentationMultiFeatureSelection,
+  useSegmentationMultiObsFeatureMatrixIndices,
+  useSegmentationMultiObsLocations,
+  useSegmentationMultiObsSets,
   useSetComponentHover,
   useSetComponentViewInfo,
   useSetWarning,
+  useSpotMultiFeatureSelection,
+  useSpotMultiObsFeatureMatrixIndices,
+  useSpotMultiObsSets,
   useUint8FeatureSelection,
   useUint8ObsFeatureMatrix,
   useUrls,