@vitessce/vit-s 3.3.4 → 3.3.6

package/dist/index.js

@@ -3775,19 +3775,19 @@ function _createClass$6(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
-function _setPrototypeOf$8(o, p) {
-  _setPrototypeOf$8 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
+function _setPrototypeOf$7(o, p) {
+  _setPrototypeOf$7 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
     o2.__proto__ = p2;
     return o2;
   };
-  return _setPrototypeOf$8(o, p);
+  return _setPrototypeOf$7(o, p);
 }
-function _inheritsLoose$3(subClass, superClass) {
+function _inheritsLoose$2(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  _setPrototypeOf$8(subClass, superClass);
+  _setPrototypeOf$7(subClass, superClass);
 }
-function _assertThisInitialized$6(self2) {
+function _assertThisInitialized$5(self2) {
   if (self2 === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
@@ -3994,7 +3994,7 @@ var BaseStyleRule = /* @__PURE__ */ function() {
   return BaseStyleRule2;
 }();
 var StyleRule = /* @__PURE__ */ function(_BaseStyleRule) {
-  _inheritsLoose$3(StyleRule2, _BaseStyleRule);
+  _inheritsLoose$2(StyleRule2, _BaseStyleRule);
   function StyleRule2(key, style, options) {
     var _this;
     _this = _BaseStyleRule.call(this, key, style, options) || this;
@@ -4002,7 +4002,7 @@ var StyleRule = /* @__PURE__ */ function(_BaseStyleRule) {
     if (selector) {
       _this.selectorText = selector;
     } else if (scoped !== false) {
-      _this.id = generateId(_assertThisInitialized$6(_assertThisInitialized$6(_this)), sheet);
+      _this.id = generateId(_assertThisInitialized$5(_assertThisInitialized$5(_this)), sheet);
       _this.selectorText = "." + escape(_this.id);
     }
     return _this;
@@ -4232,7 +4232,7 @@ var pluginKeyframesRule = {
   }
 };
 var KeyframeRule = /* @__PURE__ */ function(_BaseStyleRule) {
-  _inheritsLoose$3(KeyframeRule2, _BaseStyleRule);
+  _inheritsLoose$2(KeyframeRule2, _BaseStyleRule);
   function KeyframeRule2() {
     return _BaseStyleRule.apply(this, arguments) || this;
   }
@@ -7381,18 +7381,6 @@ function useIsFocusVisible() {
     ref
   };
 }
-function _setPrototypeOf$7(o, p) {
-  _setPrototypeOf$7 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
-  };
-  return _setPrototypeOf$7(o, p);
-}
-function _inheritsLoose$2(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf$7(subClass, superClass);
-}
 const config = {
   disabled: false
 };
@@ -7638,7 +7626,7 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
     _this$props.onExiting;
     _this$props.onExited;
     _this$props.nodeRef;
-    var childProps = _objectWithoutPropertiesLoose$5(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    var childProps = _objectWithoutPropertiesLoose$4(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
       /* @__PURE__ */ React__default.createElement(TransitionGroupContext.Provider, {
@@ -7842,12 +7830,6 @@ Transition.ENTERING = ENTERING;
 Transition.ENTERED = ENTERED;
 Transition.EXITING = EXITING;
 const Transition$1 = Transition;
-function _assertThisInitialized$5(self2) {
-  if (self2 === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self2;
-}
 function getChildMapping(children2, mapFn) {
   var mapper = function mapper2(child) {
     return mapFn && isValidElement(child) ? mapFn(child) : child;
@@ -7996,7 +7978,7 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
     if (this.mounted) {
       this.setState(function(state) {
-        var children2 = _extends$5({}, state.children);
+        var children2 = _extends$6({}, state.children);
         delete children2[child.key];
         return {
           children: children2
@@ -8005,7 +7987,7 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
   };
   _proto.render = function render() {
-    var _this$props = this.props, Component = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose$5(_this$props, ["component", "childFactory"]);
+    var _this$props = this.props, Component = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose$4(_this$props, ["component", "childFactory"]);
     var contextValue = this.state.contextValue;
     var children2 = values(this.state.children).map(childFactory2);
     delete props.appear;
@@ -24493,6 +24475,291 @@ var z = /* @__PURE__ */ Object.freeze({
   quotelessJson,
   ZodError
 });
+const coordinationTypeName = z.string();
+const coordinationScopeName = z.string();
+const stringOrStringArray = z.union([
+  z.string(),
+  z.array(z.string())
+]);
+const oneOrMoreCoordinationScopeNames = stringOrStringArray;
+const componentCoordinationScopes = z.record(coordinationTypeName, oneOrMoreCoordinationScopeNames);
+const componentCoordinationScopesBy = z.record(coordinationTypeName, z.record(coordinationTypeName, z.record(coordinationScopeName, oneOrMoreCoordinationScopeNames)));
+const rgbArray = z.array(z.number()).length(3);
+const treeNodeBase = z.object({
+  name: z.string(),
+  color: rgbArray.optional()
+});
+const treeNodeLeaf = treeNodeBase.extend({
+  set: z.array(z.string())
+});
+const treeNodeNonLeaf = treeNodeBase.extend({
+  children: z.lazy(() => z.array(z.union([treeNodeNonLeaf, treeNodeLeaf])))
+});
+const cellSets2 = z.object({
+  version: z.literal("0.1.2"),
+  tree: z.array(treeNodeNonLeaf)
+});
+const treeNodeLeafProbabilistic = treeNodeBase.extend({
+  set: z.array(z.tuple([z.string(), z.number().nullable()]))
+});
+const treeNodeNonLeafProbabilistic = treeNodeBase.extend({
+  children: z.lazy(() => z.array(z.union([treeNodeNonLeafProbabilistic, treeNodeLeafProbabilistic])))
+});
+const cellSets3 = z.object({
+  version: z.literal("0.1.3"),
+  tree: z.array(treeNodeNonLeafProbabilistic)
+});
+function nodeTransform(node, predicate, transform3, transformedPaths, currPath = null) {
+  let newPath;
+  if (!currPath) {
+    newPath = [node.name];
+  } else {
+    newPath = [...currPath];
+  }
+  if (predicate(node, newPath)) {
+    transformedPaths.push(newPath);
+    return transform3(node, newPath);
+  }
+  if ("children" in node) {
+    return {
+      ...node,
+      children: node.children.map((child) => nodeTransform(child, predicate, transform3, transformedPaths, newPath.concat([child.name])))
+    };
+  }
+  return node;
+}
+z.union([cellSets3, cellSets2]).transform((v) => {
+  if (v.version === "0.1.3")
+    return v;
+  return {
+    ...v,
+    version: "0.1.3",
+    tree: v.tree.map((levelZeroNode) => nodeTransform(levelZeroNode, (n) => !("children" in n) && Array.isArray(n.set), (n) => ({ ...n, set: n.set.map((itemId) => [itemId, null]) }), []))
+  };
+});
+z.array(z.object({
+  groupName: z.string(),
+  setName: z.string(),
+  setColor: rgbArray.optional(),
+  obsId: z.string(),
+  predictionScore: z.number().nullable().optional()
+}));
+z.array(z.string());
+const requestInit = z.object({
+  method: z.string().optional(),
+  headers: z.record(z.any()).optional(),
+  body: z.string().optional(),
+  mode: z.string().optional(),
+  credentials: z.string().optional(),
+  cache: z.string().optional(),
+  redirect: z.string().optional(),
+  referrer: z.string().optional(),
+  integrity: z.string().optional()
+});
+const nameSchema = z.string();
+const publicFlagSchema = z.boolean().optional();
+const descriptionSchema = z.string().optional();
+const configSchema0_1_0 = z.object({
+  version: z.literal("0.1.0"),
+  name: nameSchema,
+  public: publicFlagSchema,
+  description: descriptionSchema,
+  layers: z.array(z.object({
+    name: z.string(),
+    type: z.string(),
+    fileType: z.string(),
+    url: z.string()
+  })),
+  staticLayout: z.array(z.object({
+    component: z.string(),
+    props: z.record(z.any()).optional(),
+    x: z.number().int(),
+    y: z.number().int(),
+    w: z.number().int().optional(),
+    h: z.number().int().optional()
+  }))
+});
+const fileOptionsSchema = z.any();
+const coordinationSpaceSchema = z.object({}).catchall(z.record(coordinationScopeName, z.any()));
+const initStrategySchema = z.enum(["none", "auto"]);
+const layoutSchema1_0_0 = z.array(z.object({
+  component: z.string(),
+  props: z.record(z.any()).optional(),
+  x: z.number().int(),
+  y: z.number().int(),
+  w: z.number().int().optional(),
+  h: z.number().int().optional(),
+  coordinationScopes: z.record(z.string()).optional()
+}));
+const datasetsSchema1_0_0 = z.array(z.object({
+  uid: z.string(),
+  name: z.string().optional(),
+  description: z.string().optional(),
+  files: z.array(z.object({
+    name: z.string().optional(),
+    fileType: z.string(),
+    url: z.string().optional(),
+    options: fileOptionsSchema.optional(),
+    requestInit: requestInit.optional()
+  }))
+}));
+const configSchema1_0_0 = z.object({
+  version: z.literal("1.0.0"),
+  name: nameSchema,
+  public: publicFlagSchema,
+  description: descriptionSchema,
+  datasets: datasetsSchema1_0_0,
+  coordinationSpace: coordinationSpaceSchema.optional(),
+  layout: layoutSchema1_0_0,
+  initStrategy: initStrategySchema
+});
+const configSchema1_0_1 = configSchema1_0_0.extend({
+  version: z.literal("1.0.1")
+});
+const configSchema1_0_2 = configSchema1_0_0.extend({
+  version: z.literal("1.0.2")
+});
+const configSchema1_0_3 = configSchema1_0_0.extend({
+  version: z.literal("1.0.3")
+});
+const configSchema1_0_4 = configSchema1_0_0.extend({
+  version: z.literal("1.0.4")
+});
+const configSchema1_0_5 = configSchema1_0_0.extend({
+  version: z.literal("1.0.5")
+});
+const configSchema1_0_6 = configSchema1_0_0.extend({
+  version: z.literal("1.0.6")
+});
+const configSchema1_0_7 = configSchema1_0_0.extend({
+  version: z.literal("1.0.7")
+});
+const polyphonyStyleCoordinationScopes = z.record(z.union([
+  z.string(),
+  z.array(z.string()),
+  z.record(z.string())
+]));
+const layoutSchema1_0_8 = z.array(z.object({
+  component: z.string(),
+  props: z.record(z.any()).optional(),
+  x: z.number().int(),
+  y: z.number().int(),
+  w: z.number().int().optional(),
+  h: z.number().int().optional(),
+  // New: can be one of
+  // - coordinationType: string
+  // - dataset: string[]
+  // - coordinationType: { datasetA: string, datasetB: string }
+  coordinationScopes: polyphonyStyleCoordinationScopes.optional()
+}));
+const configSchema1_0_8 = configSchema1_0_0.extend({
+  version: z.literal("1.0.8"),
+  layout: layoutSchema1_0_8
+});
+const configSchema1_0_9 = configSchema1_0_8.extend({
+  version: z.literal("1.0.9")
+});
+const layoutSchema1_0_10 = z.array(z.object({
+  // New: uid property allowed.
+  uid: z.string().optional(),
+  component: z.string(),
+  props: z.record(z.any()).optional(),
+  x: z.number().int(),
+  y: z.number().int(),
+  w: z.number().int().optional(),
+  h: z.number().int().optional(),
+  coordinationScopes: polyphonyStyleCoordinationScopes.optional()
+}));
+const configSchema1_0_10 = configSchema1_0_8.extend({
+  version: z.literal("1.0.10"),
+  layout: layoutSchema1_0_10
+});
+const configSchema1_0_11 = configSchema1_0_10.extend({
+  version: z.literal("1.0.11")
+});
+const configSchema1_0_12 = configSchema1_0_10.extend({
+  version: z.literal("1.0.12")
+});
+const latestFileDefSchema = z.object({
+  name: z.string().optional(),
+  fileType: z.string(),
+  url: z.string().optional(),
+  options: fileOptionsSchema.optional(),
+  requestInit: requestInit.optional(),
+  // New: file def can have coordinationValues.
+  coordinationValues: z.record(z.string()).optional()
+});
+const datasetsSchema1_0_13 = z.array(z.object({
+  uid: z.string(),
+  name: z.string().optional(),
+  description: z.string().optional(),
+  files: z.array(latestFileDefSchema)
+}));
+const configSchema1_0_13 = configSchema1_0_10.extend({
+  version: z.literal("1.0.13"),
+  datasets: datasetsSchema1_0_13
+});
+const configSchema1_0_14 = configSchema1_0_13.extend({
+  version: z.literal("1.0.14")
+});
+const configSchema1_0_15 = configSchema1_0_13.extend({
+  version: z.literal("1.0.15")
+});
+const configSchema1_0_16 = configSchema1_0_13.extend({
+  version: z.literal("1.0.16"),
+  uid: z.string().optional(),
+  layout: z.array(z.object({
+    uid: z.string().optional(),
+    component: z.string(),
+    props: z.record(z.any()).optional(),
+    x: z.number().int(),
+    y: z.number().int(),
+    w: z.number().int().optional(),
+    h: z.number().int().optional(),
+    // Updates coordinationScopes and coordinationScopesBy
+    coordinationScopes: componentCoordinationScopes.optional(),
+    coordinationScopesBy: componentCoordinationScopesBy.optional()
+  }))
+});
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  if (!getRandomValues) {
+    getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+    if (!getRandomValues) {
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    }
+  }
+  return getRandomValues(rnds8);
+}
+const byteToHex = [];
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset2 = 0) {
+  return (byteToHex[arr[offset2 + 0]] + byteToHex[arr[offset2 + 1]] + byteToHex[arr[offset2 + 2]] + byteToHex[arr[offset2 + 3]] + "-" + byteToHex[arr[offset2 + 4]] + byteToHex[arr[offset2 + 5]] + "-" + byteToHex[arr[offset2 + 6]] + byteToHex[arr[offset2 + 7]] + "-" + byteToHex[arr[offset2 + 8]] + byteToHex[arr[offset2 + 9]] + "-" + byteToHex[arr[offset2 + 10]] + byteToHex[arr[offset2 + 11]] + byteToHex[arr[offset2 + 12]] + byteToHex[arr[offset2 + 13]] + byteToHex[arr[offset2 + 14]] + byteToHex[arr[offset2 + 15]]).toLowerCase();
+}
+const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const native = {
+  randomUUID
+};
+function v4(options, buf, offset2) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)();
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  if (buf) {
+    offset2 = offset2 || 0;
+    for (let i = 0; i < 16; ++i) {
+      buf[offset2 + i] = rnds[i];
+    }
+    return buf;
+  }
+  return unsafeStringify(rnds);
+}
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -24850,9 +25117,6 @@ var pluralizeExports = pluralize.exports;
 const plur = /* @__PURE__ */ getDefaultExportFromCjs(pluralizeExports);
 plur.addPluralRule("glomerulus", "glomeruli");
 plur.addPluralRule("interstitium", "interstitia");
-function fromEntries(iterable) {
-  return [...iterable].reduce((obj, { 0: key, 1: val }) => Object.assign(obj, { [key]: val }), {});
-}
 function capitalize(word) {
   return word ? word.charAt(0).toUpperCase() + word.slice(1) : "";
 }
@@ -24899,291 +25163,6 @@ function createPrefixedGetNextScopeNumeric(prefix2) {
 function getInitialCoordinationScopePrefix(datasetUid, dataType) {
   return `init_${datasetUid}_${dataType}_`;
 }
-const coordinationTypeName = z.string();
-const coordinationScopeName = z.string();
-const stringOrStringArray = z.union([
-  z.string(),
-  z.array(z.string())
-]);
-const oneOrMoreCoordinationScopeNames = stringOrStringArray;
-const componentCoordinationScopes = z.record(coordinationTypeName, oneOrMoreCoordinationScopeNames);
-const componentCoordinationScopesBy = z.record(coordinationTypeName, z.record(coordinationTypeName, z.record(coordinationScopeName, oneOrMoreCoordinationScopeNames)));
-const rgbArray = z.array(z.number()).length(3);
-const treeNodeBase = z.object({
-  name: z.string(),
-  color: rgbArray.optional()
-});
-const treeNodeLeaf = treeNodeBase.extend({
-  set: z.array(z.string())
-});
-const treeNodeNonLeaf = treeNodeBase.extend({
-  children: z.lazy(() => z.array(z.union([treeNodeNonLeaf, treeNodeLeaf])))
-});
-const cellSets2 = z.object({
-  version: z.literal("0.1.2"),
-  tree: z.array(treeNodeNonLeaf)
-});
-const treeNodeLeafProbabilistic = treeNodeBase.extend({
-  set: z.array(z.tuple([z.string(), z.number().nullable()]))
-});
-const treeNodeNonLeafProbabilistic = treeNodeBase.extend({
-  children: z.lazy(() => z.array(z.union([treeNodeNonLeafProbabilistic, treeNodeLeafProbabilistic])))
-});
-const cellSets3 = z.object({
-  version: z.literal("0.1.3"),
-  tree: z.array(treeNodeNonLeafProbabilistic)
-});
-function nodeTransform(node, predicate, transform3, transformedPaths, currPath = null) {
-  let newPath;
-  if (!currPath) {
-    newPath = [node.name];
-  } else {
-    newPath = [...currPath];
-  }
-  if (predicate(node, newPath)) {
-    transformedPaths.push(newPath);
-    return transform3(node, newPath);
-  }
-  if ("children" in node) {
-    return {
-      ...node,
-      children: node.children.map((child) => nodeTransform(child, predicate, transform3, transformedPaths, newPath.concat([child.name])))
-    };
-  }
-  return node;
-}
-z.union([cellSets3, cellSets2]).transform((v) => {
-  if (v.version === "0.1.3")
-    return v;
-  return {
-    ...v,
-    version: "0.1.3",
-    tree: v.tree.map((levelZeroNode) => nodeTransform(levelZeroNode, (n) => !("children" in n) && Array.isArray(n.set), (n) => ({ ...n, set: n.set.map((itemId) => [itemId, null]) }), []))
-  };
-});
-z.array(z.object({
-  groupName: z.string(),
-  setName: z.string(),
-  setColor: rgbArray.optional(),
-  obsId: z.string(),
-  predictionScore: z.number().nullable().optional()
-}));
-z.array(z.string());
-const requestInit = z.object({
-  method: z.string().optional(),
-  headers: z.record(z.any()).optional(),
-  body: z.string().optional(),
-  mode: z.string().optional(),
-  credentials: z.string().optional(),
-  cache: z.string().optional(),
-  redirect: z.string().optional(),
-  referrer: z.string().optional(),
-  integrity: z.string().optional()
-});
-const nameSchema = z.string();
-const publicFlagSchema = z.boolean().optional();
-const descriptionSchema = z.string().optional();
-const configSchema0_1_0 = z.object({
-  version: z.literal("0.1.0"),
-  name: nameSchema,
-  public: publicFlagSchema,
-  description: descriptionSchema,
-  layers: z.array(z.object({
-    name: z.string(),
-    type: z.string(),
-    fileType: z.string(),
-    url: z.string()
-  })),
-  staticLayout: z.array(z.object({
-    component: z.string(),
-    props: z.record(z.any()).optional(),
-    x: z.number().int(),
-    y: z.number().int(),
-    w: z.number().int().optional(),
-    h: z.number().int().optional()
-  }))
-});
-const fileOptionsSchema = z.any();
-const coordinationSpaceSchema = z.object({}).catchall(z.record(coordinationScopeName, z.any()));
-const initStrategySchema = z.enum(["none", "auto"]);
-const layoutSchema1_0_0 = z.array(z.object({
-  component: z.string(),
-  props: z.record(z.any()).optional(),
-  x: z.number().int(),
-  y: z.number().int(),
-  w: z.number().int().optional(),
-  h: z.number().int().optional(),
-  coordinationScopes: z.record(z.string()).optional()
-}));
-const datasetsSchema1_0_0 = z.array(z.object({
-  uid: z.string(),
-  name: z.string().optional(),
-  description: z.string().optional(),
-  files: z.array(z.object({
-    name: z.string().optional(),
-    fileType: z.string(),
-    url: z.string().optional(),
-    options: fileOptionsSchema.optional(),
-    requestInit: requestInit.optional()
-  }))
-}));
-const configSchema1_0_0 = z.object({
-  version: z.literal("1.0.0"),
-  name: nameSchema,
-  public: publicFlagSchema,
-  description: descriptionSchema,
-  datasets: datasetsSchema1_0_0,
-  coordinationSpace: coordinationSpaceSchema.optional(),
-  layout: layoutSchema1_0_0,
-  initStrategy: initStrategySchema
-});
-const configSchema1_0_1 = configSchema1_0_0.extend({
-  version: z.literal("1.0.1")
-});
-const configSchema1_0_2 = configSchema1_0_0.extend({
-  version: z.literal("1.0.2")
-});
-const configSchema1_0_3 = configSchema1_0_0.extend({
-  version: z.literal("1.0.3")
-});
-const configSchema1_0_4 = configSchema1_0_0.extend({
-  version: z.literal("1.0.4")
-});
-const configSchema1_0_5 = configSchema1_0_0.extend({
-  version: z.literal("1.0.5")
-});
-const configSchema1_0_6 = configSchema1_0_0.extend({
-  version: z.literal("1.0.6")
-});
-const configSchema1_0_7 = configSchema1_0_0.extend({
-  version: z.literal("1.0.7")
-});
-const polyphonyStyleCoordinationScopes = z.record(z.union([
-  z.string(),
-  z.array(z.string()),
-  z.record(z.string())
-]));
-const layoutSchema1_0_8 = z.array(z.object({
-  component: z.string(),
-  props: z.record(z.any()).optional(),
-  x: z.number().int(),
-  y: z.number().int(),
-  w: z.number().int().optional(),
-  h: z.number().int().optional(),
-  // New: can be one of
-  // - coordinationType: string
-  // - dataset: string[]
-  // - coordinationType: { datasetA: string, datasetB: string }
-  coordinationScopes: polyphonyStyleCoordinationScopes.optional()
-}));
-const configSchema1_0_8 = configSchema1_0_0.extend({
-  version: z.literal("1.0.8"),
-  layout: layoutSchema1_0_8
-});
-const configSchema1_0_9 = configSchema1_0_8.extend({
-  version: z.literal("1.0.9")
-});
-const layoutSchema1_0_10 = z.array(z.object({
-  // New: uid property allowed.
-  uid: z.string().optional(),
-  component: z.string(),
-  props: z.record(z.any()).optional(),
-  x: z.number().int(),
-  y: z.number().int(),
-  w: z.number().int().optional(),
-  h: z.number().int().optional(),
-  coordinationScopes: polyphonyStyleCoordinationScopes.optional()
-}));
-const configSchema1_0_10 = configSchema1_0_8.extend({
-  version: z.literal("1.0.10"),
-  layout: layoutSchema1_0_10
-});
-const configSchema1_0_11 = configSchema1_0_10.extend({
-  version: z.literal("1.0.11")
-});
-const configSchema1_0_12 = configSchema1_0_10.extend({
-  version: z.literal("1.0.12")
-});
-const latestFileDefSchema = z.object({
-  name: z.string().optional(),
-  fileType: z.string(),
-  url: z.string().optional(),
-  options: fileOptionsSchema.optional(),
-  requestInit: requestInit.optional(),
-  // New: file def can have coordinationValues.
-  coordinationValues: z.record(z.string()).optional()
-});
-const datasetsSchema1_0_13 = z.array(z.object({
-  uid: z.string(),
-  name: z.string().optional(),
-  description: z.string().optional(),
-  files: z.array(latestFileDefSchema)
-}));
-const configSchema1_0_13 = configSchema1_0_10.extend({
-  version: z.literal("1.0.13"),
-  datasets: datasetsSchema1_0_13
-});
-const configSchema1_0_14 = configSchema1_0_13.extend({
-  version: z.literal("1.0.14")
-});
-const configSchema1_0_15 = configSchema1_0_13.extend({
-  version: z.literal("1.0.15")
-});
-const configSchema1_0_16 = configSchema1_0_13.extend({
-  version: z.literal("1.0.16"),
-  uid: z.string().optional(),
-  layout: z.array(z.object({
-    uid: z.string().optional(),
-    component: z.string(),
-    props: z.record(z.any()).optional(),
-    x: z.number().int(),
-    y: z.number().int(),
-    w: z.number().int().optional(),
-    h: z.number().int().optional(),
-    // Updates coordinationScopes and coordinationScopesBy
-    coordinationScopes: componentCoordinationScopes.optional(),
-    coordinationScopesBy: componentCoordinationScopesBy.optional()
-  }))
-});
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  if (!getRandomValues) {
-    getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-    if (!getRandomValues) {
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    }
-  }
-  return getRandomValues(rnds8);
-}
-const byteToHex = [];
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset2 = 0) {
-  return (byteToHex[arr[offset2 + 0]] + byteToHex[arr[offset2 + 1]] + byteToHex[arr[offset2 + 2]] + byteToHex[arr[offset2 + 3]] + "-" + byteToHex[arr[offset2 + 4]] + byteToHex[arr[offset2 + 5]] + "-" + byteToHex[arr[offset2 + 6]] + byteToHex[arr[offset2 + 7]] + "-" + byteToHex[arr[offset2 + 8]] + byteToHex[arr[offset2 + 9]] + "-" + byteToHex[arr[offset2 + 10]] + byteToHex[arr[offset2 + 11]] + byteToHex[arr[offset2 + 12]] + byteToHex[arr[offset2 + 13]] + byteToHex[arr[offset2 + 14]] + byteToHex[arr[offset2 + 15]]).toLowerCase();
-}
-const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const native = {
-  randomUUID
-};
-function v4(options, buf, offset2) {
-  if (native.randomUUID && !buf && !options) {
-    return native.randomUUID();
-  }
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)();
-  rnds[6] = rnds[6] & 15 | 64;
-  rnds[8] = rnds[8] & 63 | 128;
-  if (buf) {
-    offset2 = offset2 || 0;
-    for (let i = 0; i < 16; ++i) {
-      buf[offset2 + i] = rnds[i];
-    }
-    return buf;
-  }
-  return unsafeStringify(rnds);
-}
 configSchema1_0_0.shape.coordinationSpace.unwrap();
 configSchema1_0_0.shape.layout.element.shape.coordinationScopes.unwrap();
 function upgradeReplaceViewProp(prefix2, view, coordinationSpace) {
@@ -27831,6 +27810,7 @@ const FileType$1 = {
   OBS_SEGMENTATIONS_OME_ZARR: "obsSegmentations.ome-zarr",
   // AnnData
   OBS_FEATURE_MATRIX_ANNDATA_ZARR: "obsFeatureMatrix.anndata.zarr",
+  OBS_FEATURE_COLUMNS_ANNDATA_ZARR: "obsFeatureColumns.anndata.zarr",
   OBS_SETS_ANNDATA_ZARR: "obsSets.anndata.zarr",
   OBS_EMBEDDING_ANNDATA_ZARR: "obsEmbedding.anndata.zarr",
   OBS_SPOTS_ANNDATA_ZARR: "obsSpots.anndata.zarr",
@@ -28064,10 +28044,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.3.4";
-const date = "2024-01-28";
+const version = "3.3.6";
+const date = "2024-02-25";
 const branch = "changeset-release/main";
-const hash = "3b0bc6a0";
+const hash = "fcb2a92d";
 const META_VERSION = {
   note,
   version,
@@ -28258,7 +28238,7 @@ function configSchemaToVersion(zodSchema) {
   return zodSchema.shape.version._def.value;
 }
 ({
-  ...fromEntries(SCHEMA_HANDLERS.map(([zodSchema]) => {
+  ...Object.fromEntries(SCHEMA_HANDLERS.map(([zodSchema]) => {
     const version2 = configSchemaToVersion(zodSchema);
     return [version2, zodSchema];
   })),
@@ -28311,7 +28291,7 @@ function buildConfigSchema(pluginFileTypes, pluginJointFileTypes, pluginCoordina
     // Merge with coordination type schemas.
     coordinationSpace: z.object(
       // Wrap each value schema in z.record()
-      fromEntries(pluginCoordinationTypes.map((ct) => [
+      Object.fromEntries(pluginCoordinationTypes.map((ct) => [
         ct.name,
         z.record(
           // For now, assume the key type is string (though it would be
@@ -28405,6 +28385,9 @@ 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.'")
 }));
+z.array(z.object({
+  path: z.string()
+}));
 const annDataObsSpots = annDataObsm;
 const annDataObsPoints = annDataObsm;
 const annDataObsLocations = annDataObsm;
@@ -28652,6 +28635,31 @@ const sharedThemeOptions = {
     }
   }
 };
+const lightPalette = {
+  type: "light",
+  primary: grey,
+  secondary: grey,
+  primaryBackground: "#F1F1F1",
+  primaryBackgroundHighlight: "#FFFFFF",
+  primaryBackgroundInput: "#FFFFFF",
+  primaryBackgroundDim: "#8A8A8A",
+  primaryBackgroundLight: "#e0e0e0",
+  primaryForeground: "#333333",
+  primaryForegroundL5: "rgb(64, 64, 64)",
+  // lighten(map-get($theme-colors, "primary-foreground"), 5%);
+  primaryForegroundL10: "rgb(77, 77, 77)",
+  // lighten(map-get($theme-colors, "primary-foreground"), 10%);
+  primaryForegroundD15: "rgb(13, 13, 13)",
+  // darken(map-get($theme-colors, "primary-foreground"), 15%);
+  primaryForegroundDim: "#808080",
+  primaryForegroundActive: "#0074D9",
+  secondaryBackground: "#F1F1F1",
+  secondaryBackgroundDim: "#C0C0C0",
+  secondaryForeground: "#222222",
+  gridLayoutBackground: "#FFFFFF",
+  cardBorder: "rgba(241, 241, 241, 0.125)",
+  tooltipText: "rgba(0, 0, 0, 0.87)"
+};
 const muiTheme = {
   dark: createTheme({
     palette: {
@@ -28677,36 +28685,30 @@ const muiTheme = {
       tooltipText: "#FFFFFF",
       ...globalColors
     },
-    ...sharedThemeOptions
+    ...sharedThemeOptions,
+    cardBorderSize: "1px"
   }),
   light: createTheme({
     palette: {
-      type: "light",
-      primary: grey,
-      secondary: grey,
-      primaryBackground: "#F1F1F1",
-      primaryBackgroundHighlight: "#FFFFFF",
-      primaryBackgroundInput: "#FFFFFF",
-      primaryBackgroundDim: "#8A8A8A",
-      primaryBackgroundLight: "#e0e0e0",
-      primaryForeground: "#333333",
-      primaryForegroundL5: "rgb(64, 64, 64)",
-      // lighten(map-get($theme-colors, "primary-foreground"), 5%);
-      primaryForegroundL10: "rgb(77, 77, 77)",
-      // lighten(map-get($theme-colors, "primary-foreground"), 10%);
-      primaryForegroundD15: "rgb(13, 13, 13)",
-      // darken(map-get($theme-colors, "primary-foreground"), 15%);
-      primaryForegroundDim: "#808080",
-      primaryForegroundActive: "#0074D9",
-      secondaryBackground: "#F1F1F1",
-      secondaryBackgroundDim: "#C0C0C0",
-      secondaryForeground: "#222222",
+      ...lightPalette,
+      ...globalColors
+    },
+    ...sharedThemeOptions,
+    cardBorderSize: "1px"
+  }),
+  light2: createTheme({
+    palette: {
+      ...lightPalette,
+      primaryBackground: "#FFFFFF",
+      primaryBackgroundHighlight: "#F1F1F1",
+      primaryBackgroundInput: "#F1F1F1",
+      secondaryBackground: "#FFFFFF",
       gridLayoutBackground: "#FFFFFF",
-      cardBorder: "rgba(241, 241, 241, 0.125)",
-      tooltipText: "rgba(0, 0, 0, 0.87)",
+      cardBorder: "#ccc",
       ...globalColors
     },
-    ...sharedThemeOptions
+    ...sharedThemeOptions,
+    cardBorderSize: "2px"
   })
 };
 function createStore(createState) {
@@ -29518,9 +29520,9 @@ class VitessceConfig {
     return {
       ...this.config,
       datasets: this.config.datasets.map((d) => d.toJSON()),
-      coordinationSpace: fromEntries(Object.entries(this.config.coordinationSpace).map(([cType, cScopes]) => [
+      coordinationSpace: Object.fromEntries(Object.entries(this.config.coordinationSpace).map(([cType, cScopes]) => [
         cType,
-        fromEntries(Object.entries(cScopes).map(([cScopeName, cScope]) => [
+        Object.fromEntries(Object.entries(cScopes).map(([cScopeName, cScope]) => [
           cScopeName,
           cScope.cValue
         ]))
@@ -30103,7 +30105,7 @@ const useGridSizeStore = create2((set2) => ({
 function useInitialCoordination(parameters, coordinationScopes) {
   const values2 = useViewConfigStore((state) => {
     const { coordinationSpace } = state.initialViewConfig;
-    return fromEntries(parameters.map((parameter) => {
+    return Object.fromEntries(parameters.map((parameter) => {
       if (coordinationSpace && coordinationSpace[parameter]) {
         const value = coordinationSpace[parameter][coordinationScopes[parameter]];
         return [parameter, value];
@@ -30117,7 +30119,7 @@ function useCoordination(parameters, coordinationScopes) {
   const setCoordinationValue = useViewConfigStore((state) => state.setCoordinationValue);
   const values2 = useViewConfigStore((state) => {
     const { coordinationSpace } = state.viewConfig;
-    return fromEntries(parameters.map((parameter) => {
+    return Object.fromEntries(parameters.map((parameter) => {
       if (coordinationSpace) {
         const parameterScope = getParameterScope(parameter, coordinationScopes);
         if (coordinationSpace && coordinationSpace[parameter]) {
@@ -30128,7 +30130,7 @@ function useCoordination(parameters, coordinationScopes) {
       return [parameter, void 0];
     }));
   }, shallow);
-  const setters = useMemo(() => fromEntries(parameters.map((parameter) => {
+  const setters = useMemo(() => Object.fromEntries(parameters.map((parameter) => {
     const setterName = `set${capitalize(parameter)}`;
     const setterFunc = (value) => setCoordinationValue({
       parameter,
@@ -30169,7 +30171,7 @@ function useMultiCoordinationScopesSecondary(parameter, byType, coordinationScop
     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) => {
+      return [scopesArr, Object.fromEntries(scopesArr.map((scope) => {
         const secondaryScopes = coordinationScopesBy[byType][parameter][scope];
         const secondaryScopesArr = Array.isArray(secondaryScopes) ? secondaryScopes : [secondaryScopes];
         return [scope, secondaryScopesArr];
@@ -30177,7 +30179,7 @@ function useMultiCoordinationScopesSecondary(parameter, byType, coordinationScop
     }
     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) => {
+      return [scopesArr, Object.fromEntries(scopesArr.map((scope) => {
         const secondaryScopes = coordinationScopes == null ? void 0 : coordinationScopes[parameter];
         const secondaryScopesArr = Array.isArray(secondaryScopes) ? secondaryScopes : [secondaryScopes];
         return [scope, secondaryScopesArr];
@@ -30207,7 +30209,7 @@ function useMultiCoordinationScopesSecondaryNonNull(parameter, byType, coordinat
         }
         return false;
       });
-      return [scopesNonNull, fromEntries(scopesNonNull.map((scope) => {
+      return [scopesNonNull, Object.fromEntries(scopesNonNull.map((scope) => {
         const secondaryScopes = coordinationScopesBy[byType][parameter][scope];
         const secondaryScopesArr = Array.isArray(secondaryScopes) ? secondaryScopes : [secondaryScopes];
         const secondaryScopesNonNull = secondaryScopesArr.filter((innerScope) => {
@@ -30229,7 +30231,7 @@ function useMultiCoordinationScopesSecondaryNonNull(parameter, byType, coordinat
         }
         return false;
       });
-      return [scopesNonNull, fromEntries(scopesNonNull.map((scope) => {
+      return [scopesNonNull, Object.fromEntries(scopesNonNull.map((scope) => {
         const secondaryScopes = coordinationScopes == null ? void 0 : coordinationScopes[parameter];
         const secondaryScopesArr = Array.isArray(secondaryScopes) ? secondaryScopes : [secondaryScopes];
         const secondaryScopesNonNull = secondaryScopesArr.filter((innerScope) => {
@@ -30250,7 +30252,7 @@ function useMultiCoordinationValues(parameter, coordinationScopes) {
   const vals = useViewConfigStore((state) => {
     const { coordinationSpace } = state.viewConfig;
     const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
-    return fromEntries(scopesArr.map((scope) => {
+    return Object.fromEntries(scopesArr.map((scope) => {
       if (coordinationSpace && coordinationSpace[parameter]) {
         const value = coordinationSpace[parameter][scope];
         return [scope, value];
@@ -30273,8 +30275,8 @@ function useComplexCoordination(parameters, coordinationScopes, coordinationScop
     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) => {
+      return Object.fromEntries(typeScopesArr.map((datasetScope) => {
+        const datasetValues = Object.fromEntries(parameters.map((parameter, i) => {
           if (parameterSpaces[i]) {
             const parameterSpace = parameterSpaces[i];
             const parameterScope = getParameterScopeBy(
@@ -30303,8 +30305,8 @@ function useComplexCoordination(parameters, coordinationScopes, coordinationScop
     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) => {
+      return Object.fromEntries(typeScopesArr.map((datasetScope) => {
+        const datasetSetters = Object.fromEntries(parameters.map((parameter) => {
           const setterName = `set${capitalize(parameter)}`;
           const setterFunc = (value) => setCoordinationValue({
             parameter,
@@ -30445,7 +30447,7 @@ function useAuxiliaryCoordination(parameters, coordinationScopes) {
   const mappedParameters = mapParameters(parameters);
   const values2 = useAuxiliaryStore((state) => {
     const { auxiliaryStore } = state;
-    return fromEntries(mappedParameters.map((parameter) => {
+    return Object.fromEntries(mappedParameters.map((parameter) => {
       if (auxiliaryStore && auxiliaryStore[parameter]) {
         const value = auxiliaryStore[parameter][mappedCoordinationScopes[parameter]];
         return [parameter, value];
@@ -30453,7 +30455,7 @@ function useAuxiliaryCoordination(parameters, coordinationScopes) {
       return [parameter, void 0];
     }));
   }, shallow);
-  const setters = useMemo(() => fromEntries(mappedParameters.map((parameter) => {
+  const setters = useMemo(() => Object.fromEntries(mappedParameters.map((parameter) => {
     const setterName = `set${capitalize(parameter)}`;
     const setterFunc = (value) => setCoordinationValue({
       parameter,
@@ -36720,7 +36722,7 @@ After: ${JSON.stringify(coordinationValuesWithDefaults)}`);
 function createLoaders(datasets, configDescription, fileTypes, coordinationTypes, stores) {
   const result = {};
   const dataSources = new InternMap([], JSON.stringify);
-  const defaultCoordinationValues = fromEntries(
+  const defaultCoordinationValues = Object.fromEntries(
     coordinationTypes.map((ct) => [ct.name, ct.defaultValue])
   );
   datasets.forEach((dataset) => {
@@ -36992,22 +36994,26 @@ function useGetObsInfo(obsType, obsLabelsTypes, obsLabelsData, obsSetsMembership
       const obsMembership = (obsSetsMembership == null ? void 0 : obsSetsMembership.get(obsId)) || [];
       return {
         [`${capitalize(obsType)} ID`]: obsId,
-        ...fromEntries(obsMembership.flatMap((path) => path.slice(1).map((pathEl, elLevel) => [
-          `${path[0]}${path.length > 2 ? ` L${elLevel + 1}` : ""}`,
-          pathEl
-        ]))),
-        ...fromEntries(Object.entries(obsLabelsTypes).map(([scopeKey, obsLabelsType]) => {
-          var _a, _b, _c, _d;
-          return [
-            obsLabelsType,
-            (_d = (_a = obsLabelsData == null ? void 0 : obsLabelsData[scopeKey]) == null ? void 0 : _a.obsLabels) == null ? void 0 : _d[
-              // TODO: Maybe all loaders that return obsIndex should also return an obsIndexMap
-              // with keys: obsId, values: obsIdx
-              // which would avoid the indexOf calls.
-              (_c = (_b = obsLabelsData == null ? void 0 : obsLabelsData[scopeKey]) == null ? void 0 : _b.obsIndex) == null ? void 0 : _c.indexOf(obsId)
-            ]
-          ];
-        }).filter(([obsLabelsType]) => Boolean(obsLabelsType)))
+        ...Object.fromEntries(
+          obsMembership.flatMap((path) => path.slice(1).map((pathEl, elLevel) => [
+            `${path[0]}${path.length > 2 ? ` L${elLevel + 1}` : ""}`,
+            pathEl
+          ]))
+        ),
+        ...Object.fromEntries(
+          Object.entries(obsLabelsTypes).map(([scopeKey, obsLabelsType]) => {
+            var _a, _b, _c, _d;
+            return [
+              obsLabelsType,
+              (_d = (_a = obsLabelsData == null ? void 0 : obsLabelsData[scopeKey]) == null ? void 0 : _a.obsLabels) == null ? void 0 : _d[
+                // TODO: Maybe all loaders that return obsIndex should also return an obsIndexMap
+                // with keys: obsId, values: obsIdx
+                // which would avoid the indexOf calls.
+                (_c = (_b = obsLabelsData == null ? void 0 : obsLabelsData[scopeKey]) == null ? void 0 : _b.obsIndex) == null ? void 0 : _c.indexOf(obsId)
+              ]
+            ];
+          }).filter(([obsLabelsType]) => Boolean(obsLabelsType))
+        )
       };
     }
     return null;
@@ -37260,7 +37266,7 @@ const useTitleStyles = makeStyles((theme) => ({
     }
   },
   card: {
-    border: `1px solid ${theme.palette.cardBorder}`,
+    border: `${theme.cardBorderSize} solid ${theme.palette.cardBorder}`,
     flex: "1 1 auto",
     minHeight: "1px",
     padding: "12px",
@@ -37517,7 +37523,7 @@ function getExistingScopesForCoordinationType(config2, coordinationType) {
 }
 function coordinateComponentsTogether(config2, coordinationType, scopeValue, viewTypes) {
   var _a;
-  const componentCoordinationTypes = fromEntries(
+  const componentCoordinationTypes = Object.fromEntries(
     viewTypes.map((vt) => [vt.name, vt.coordinationTypes])
   );
   const scopeName = getNextScope(getExistingScopesForCoordinationType(config2, coordinationType));
@@ -37551,7 +37557,7 @@ function coordinateComponentsTogether(config2, coordinationType, scopeValue, vie
   return newConfig;
 }
 function coordinateComponentsIndependent(config2, coordinationType, scopeValue, viewTypes) {
-  const componentCoordinationTypes = fromEntries(
+  const componentCoordinationTypes = Object.fromEntries(
     viewTypes.map((vt) => [vt.name, vt.coordinationTypes])
   );
   const newConfig = {
@@ -37589,10 +37595,10 @@ function coordinateComponentsIndependent(config2, coordinationType, scopeValue,
 function initializeAuto(config2, coordinationTypeObjs, viewTypeObjs) {
   let newConfig = config2;
   const { layout: layout2, datasets } = newConfig;
-  const componentCoordinationTypes = fromEntries(
+  const componentCoordinationTypes = Object.fromEntries(
     viewTypeObjs.map((vt) => [vt.name, vt.coordinationTypes])
   );
-  const defaultCoordinationValues = fromEntries(
+  const defaultCoordinationValues = Object.fromEntries(
     coordinationTypeObjs.map((ct) => [ct.name, ct.defaultValue])
   );
   const coordinationTypes = coordinationTypeObjs.map((ct) => ct.name);
@@ -37643,7 +37649,7 @@ function assignViewUids(config2) {
   };
 }
 function expandConvenienceFileDefs(config2, jointFileTypes) {
-  const convenienceFileTypes = fromEntries(
+  const convenienceFileTypes = Object.fromEntries(
     jointFileTypes.map((ft) => [ft.name, ft.expandFunction])
   );
   const { datasets: currDatasets } = config2;
@@ -37723,6 +37729,7 @@ function VitS(props) {
     validateOnConfigChange = false,
     isBounded = false,
     uid = null,
+    remountOnUidChange = true,
     viewTypes: viewTypesProp,
     fileTypes: fileTypesProp,
     jointFileTypes: jointFileTypesProp,
@@ -37827,34 +37834,41 @@ function VitS(props) {
     }
     return createViewConfigStore(null, null);
   }, [success, configKey]);
-  return success ? /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ViewConfigProvider, { createStore: createViewConfigStoreClosure, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AuxiliaryProvider, { createStore: createAuxiliaryStore, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      VitessceGrid,
-      {
-        success,
-        configKey,
-        viewTypes,
-        fileTypes,
-        coordinationTypes,
-        config: configOrWarning,
-        rowHeight,
-        height: height2,
-        theme,
-        isBounded,
-        stores
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CallbackPublisher,
-      {
-        onWarn,
-        onConfigChange,
-        onLoaderChange,
-        validateOnConfigChange,
-        pluginSpecificConfigSchema
-      }
-    )
-  ] }) }, configKey) }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Warning, { ...configOrWarning }) }) });
+  return success ? /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ViewConfigProvider,
+    {
+      createStore: createViewConfigStoreClosure,
+      ...remountOnUidChange ? { key: configKey } : {},
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AuxiliaryProvider, { createStore: createAuxiliaryStore, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          VitessceGrid,
+          {
+            success,
+            configKey,
+            viewTypes,
+            fileTypes,
+            coordinationTypes,
+            config: configOrWarning,
+            rowHeight,
+            height: height2,
+            theme,
+            isBounded,
+            stores
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CallbackPublisher,
+          {
+            onWarn,
+            onConfigChange,
+            onLoaderChange,
+            validateOnConfigChange,
+            pluginSpecificConfigSchema
+          }
+        )
+      ] })
+    }
+  ) }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Warning, { ...configOrWarning }) }) });
 }
 const ArrowDropDownIcon = createSvgIcon(/* @__PURE__ */ React$6.createElement("path", {
   d: "M7 10l5 5 5-5z"
@@ -38337,7 +38351,7 @@ function useDataTypeMulti(dataType, loaders, dataset, isRequired, coordinationSe
       warn(error, setWarning);
     });
   }, [anyError, setWarning]);
-  const data = useMemo(() => fromEntries(
+  const data = useMemo(() => Object.fromEntries(
     matchOnEntries.map(([scopeKey], i) => {
       var _a;
       return [scopeKey, (_a = dataQueries[i].data) == null ? void 0 : _a.data];
@@ -38347,7 +38361,7 @@ function useDataTypeMulti(dataType, loaders, dataset, isRequired, coordinationSe
     // dependency of matchOnObj and the derived primitive value dataStatus.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   ), [matchOnObj, dataStatus]);
-  const urls = useMemo(() => fromEntries(
+  const urls = useMemo(() => Object.fromEntries(
     matchOnEntries.map(([scopeKey], i) => {
       var _a;
       return [scopeKey, (_a = dataQueries[i].data) == null ? void 0 : _a.urls];
@@ -38732,7 +38746,7 @@ function useMultiObsLabels(coordinationScopes, obsType, loaders, dataset) {
     CoordinationType$1.OBS_LABELS_TYPE,
     coordinationScopes
   );
-  const obsLabelsMatchOnObj = useMemo(() => fromEntries(
+  const obsLabelsMatchOnObj = useMemo(() => Object.fromEntries(
     Object.entries(obsLabelsTypes).map(([scope, obsLabelsType]) => [
       scope,
       { obsLabelsType, obsType }
@@ -39230,12 +39244,14 @@ function useSegmentationMultiFeatureSelection(coordinationScopes, coordinationSc
   );
   const useMemoDependency = Object.values(featureSelectionCoordination[0] || {}).flatMap((layerVal) => Object.values(layerVal).map((cVal) => cVal.featureSelection));
   const selections = useMemo(
-    () => fromEntries(Object.entries(featureSelectionCoordination[0]).map(([layerScope, layerVal]) => [
-      layerScope,
-      fromEntries(
-        Object.entries(layerVal).map(([cScope, cVal]) => [cScope, cVal.featureSelection])
-      )
-    ])),
+    () => Object.fromEntries(
+      Object.entries(featureSelectionCoordination[0]).map(([layerScope, layerVal]) => [
+        layerScope,
+        Object.fromEntries(
+          Object.entries(layerVal).map(([cScope, cVal]) => [cScope, cVal.featureSelection])
+        )
+      ])
+    ),
     // Need to execute this more frequently, whenever the featureSelections update.
     [
       coordinationScopes,
@@ -39288,10 +39304,12 @@ function useSpotMultiFeatureSelection(coordinationScopes, coordinationScopesBy,
     [coordinationScopes, coordinationScopesBy]
   );
   const selections = useMemo(
-    () => fromEntries(Object.entries(featureSelectionCoordination[0]).map(([layerScope, layerVal]) => [
-      layerScope,
-      layerVal.featureSelection
-    ])),
+    () => Object.fromEntries(
+      Object.entries(featureSelectionCoordination[0]).map(([layerScope, layerVal]) => [
+        layerScope,
+        layerVal.featureSelection
+      ])
+    ),
     // Need to execute this more frequently, whenever the featureSelections update.
     [
       coordinationScopes,