synapse-react-client 3.1.20 → 3.1.21

package/dist/umd/synapse-react-client.development.js

@@ -3431,7 +3431,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     "node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.cjs.dev.js"(exports2) {
       "use strict";
       Object.defineProperty(exports2, "__esModule", { value: true });
-      var React578 = require_react();
+      var React579 = require_react();
       function _interopNamespace(e4) {
         if (e4 && e4.__esModule)
           return e4;
@@ -3452,14 +3452,14 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         n3["default"] = e4;
         return Object.freeze(n3);
       }
-      var React__namespace = /* @__PURE__ */ _interopNamespace(React578);
+      var React__namespace = /* @__PURE__ */ _interopNamespace(React579);
       var isBrowser2 = typeof document !== "undefined";
       var syncFallback = function syncFallback2(create3) {
         return create3();
       };
       var useInsertionEffect = React__namespace["useInsertionEffect"] ? React__namespace["useInsertionEffect"] : false;
       var useInsertionEffectAlwaysWithSyncFallback = !isBrowser2 ? syncFallback : useInsertionEffect || syncFallback;
-      var useInsertionEffectWithLayoutFallback = useInsertionEffect || React578.useLayoutEffect;
+      var useInsertionEffectWithLayoutFallback = useInsertionEffect || React579.useLayoutEffect;
       exports2.useInsertionEffectAlwaysWithSyncFallback = useInsertionEffectAlwaysWithSyncFallback;
       exports2.useInsertionEffectWithLayoutFallback = useInsertionEffectWithLayoutFallback;
     }
@@ -3481,7 +3481,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   var require_emotion_element_b63ca7c6_cjs_dev = __commonJS({
     "node_modules/@emotion/react/dist/emotion-element-b63ca7c6.cjs.dev.js"(exports2) {
       "use strict";
-      var React578 = require_react();
+      var React579 = require_react();
       var createCache3 = require_emotion_cache_cjs();
       var _extends35 = require_extends2();
       var weakMemoize = require_emotion_weak_memoize_cjs();
@@ -3496,7 +3496,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       var weakMemoize__default = /* @__PURE__ */ _interopDefault(weakMemoize);
       var isBrowser2 = typeof document !== "undefined";
       var hasOwnProperty17 = {}.hasOwnProperty;
-      var EmotionCacheContext = /* @__PURE__ */ React578.createContext(
+      var EmotionCacheContext = /* @__PURE__ */ React579.createContext(
         typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache__default["default"]({
           key: "css"
         }) : null
@@ -3506,23 +3506,23 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       }
       var CacheProvider2 = EmotionCacheContext.Provider;
       var __unsafe_useEmotionCache = function useEmotionCache() {
-        return React578.useContext(EmotionCacheContext);
+        return React579.useContext(EmotionCacheContext);
       };
       exports2.withEmotionCache = function withEmotionCache(func) {
-        return /* @__PURE__ */ React578.forwardRef(function(props, ref) {
-          var cache3 = React578.useContext(EmotionCacheContext);
+        return /* @__PURE__ */ React579.forwardRef(function(props, ref) {
+          var cache3 = React579.useContext(EmotionCacheContext);
           return func(props, cache3, ref);
         });
       };
       if (!isBrowser2) {
         exports2.withEmotionCache = function withEmotionCache(func) {
           return function(props) {
-            var cache3 = React578.useContext(EmotionCacheContext);
+            var cache3 = React579.useContext(EmotionCacheContext);
             if (cache3 === null) {
               cache3 = createCache__default["default"]({
                 key: "css"
               });
-              return /* @__PURE__ */ React578.createElement(EmotionCacheContext.Provider, {
+              return /* @__PURE__ */ React579.createElement(EmotionCacheContext.Provider, {
                 value: cache3
               }, func(props, cache3));
             } else {
@@ -3531,12 +3531,12 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           };
         };
       }
-      var ThemeContext3 = /* @__PURE__ */ React578.createContext({});
+      var ThemeContext3 = /* @__PURE__ */ React579.createContext({});
       if (true) {
         ThemeContext3.displayName = "EmotionThemeContext";
       }
       var useTheme5 = function useTheme6() {
-        return React578.useContext(ThemeContext3);
+        return React579.useContext(ThemeContext3);
       };
       var getTheme = function getTheme2(outerTheme, theme2) {
         if (typeof theme2 === "function") {
@@ -3557,24 +3557,24 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         });
       });
       var ThemeProvider4 = function ThemeProvider5(props) {
-        var theme2 = React578.useContext(ThemeContext3);
+        var theme2 = React579.useContext(ThemeContext3);
         if (props.theme !== theme2) {
           theme2 = createCacheWithTheme(theme2)(props.theme);
         }
-        return /* @__PURE__ */ React578.createElement(ThemeContext3.Provider, {
+        return /* @__PURE__ */ React579.createElement(ThemeContext3.Provider, {
           value: theme2
         }, props.children);
       };
       function withTheme2(Component29) {
         var componentName = Component29.displayName || Component29.name || "Component";
         var render = function render2(props, ref) {
-          var theme2 = React578.useContext(ThemeContext3);
-          return /* @__PURE__ */ React578.createElement(Component29, _extends35({
+          var theme2 = React579.useContext(ThemeContext3);
+          return /* @__PURE__ */ React579.createElement(Component29, _extends35({
             theme: theme2,
             ref
           }, props));
         };
-        var WithTheme = /* @__PURE__ */ React578.forwardRef(render);
+        var WithTheme = /* @__PURE__ */ React579.forwardRef(render);
         WithTheme.displayName = "WithTheme(" + componentName + ")";
         return _isolatedHnrs_dist_emotionReact_isolatedHnrs["default"](WithTheme, Component29);
       }
@@ -3644,7 +3644,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
             serializedNames += " " + next.name;
             next = next.next;
           }
-          return /* @__PURE__ */ React578.createElement("style", (_ref23 = {}, _ref23["data-emotion"] = cache3.key + " " + serializedNames, _ref23.dangerouslySetInnerHTML = {
+          return /* @__PURE__ */ React579.createElement("style", (_ref23 = {}, _ref23["data-emotion"] = cache3.key + " " + serializedNames, _ref23.dangerouslySetInnerHTML = {
             __html: rules
           }, _ref23.nonce = cache3.sheet.nonce, _ref23));
         }
@@ -3663,7 +3663,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         } else if (props.className != null) {
           className = props.className + " ";
         }
-        var serialized = serialize.serializeStyles(registeredStyles, void 0, React578.useContext(ThemeContext3));
+        var serialized = serialize.serializeStyles(registeredStyles, void 0, React579.useContext(ThemeContext3));
         if (serialized.name.indexOf("-") === -1) {
           var labelFromStack = props[labelPropName];
           if (labelFromStack) {
@@ -3679,11 +3679,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         }
         newProps.ref = ref;
         newProps.className = className;
-        return /* @__PURE__ */ React578.createElement(React578.Fragment, null, /* @__PURE__ */ React578.createElement(Insertion, {
+        return /* @__PURE__ */ React579.createElement(React579.Fragment, null, /* @__PURE__ */ React579.createElement(Insertion, {
           cache: cache3,
           serialized,
           isStringTag: typeof WrappedComponent === "string"
-        }), /* @__PURE__ */ React578.createElement(WrappedComponent, newProps));
+        }), /* @__PURE__ */ React579.createElement(WrappedComponent, newProps));
       });
       if (true) {
         Emotion.displayName = "EmotionCssPropInternal";
@@ -3706,7 +3706,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     "node_modules/@emotion/react/dist/emotion-react.cjs.dev.js"(exports2) {
       "use strict";
       Object.defineProperty(exports2, "__esModule", { value: true });
-      var React578 = require_react();
+      var React579 = require_react();
       require_emotion_cache_cjs();
       var emotionElement = require_emotion_element_b63ca7c6_cjs_dev();
       require_extends2();
@@ -3841,7 +3841,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       var jsx3 = function jsx4(type, props) {
         var args = arguments;
         if (props == null || !emotionElement.hasOwnProperty.call(props, "css")) {
-          return React578.createElement.apply(void 0, args);
+          return React579.createElement.apply(void 0, args);
         }
         var argsLength = args.length;
         var createElementArgArray = new Array(argsLength);
@@ -3850,7 +3850,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         for (var i2 = 2; i2 < argsLength; i2++) {
           createElementArgArray[i2] = args[i2];
         }
-        return React578.createElement.apply(null, createElementArgArray);
+        return React579.createElement.apply(null, createElementArgArray);
       };
       var warnedAboutCssPropForGlobal = false;
       var Global2 = /* @__PURE__ */ emotionElement.withEmotionCache(function(props, cache3) {
@@ -3859,7 +3859,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           warnedAboutCssPropForGlobal = true;
         }
         var styles5 = props.styles;
-        var serialized = serialize.serializeStyles([styles5], void 0, React578.useContext(emotionElement.ThemeContext));
+        var serialized = serialize.serializeStyles([styles5], void 0, React579.useContext(emotionElement.ThemeContext));
         if (!emotionElement.isBrowser) {
           var _ref4;
           var serializedNames = serialized.name;
@@ -3878,11 +3878,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           if (shouldCache) {
             return null;
           }
-          return /* @__PURE__ */ React578.createElement("style", (_ref4 = {}, _ref4["data-emotion"] = cache3.key + "-global " + serializedNames, _ref4.dangerouslySetInnerHTML = {
+          return /* @__PURE__ */ React579.createElement("style", (_ref4 = {}, _ref4["data-emotion"] = cache3.key + "-global " + serializedNames, _ref4.dangerouslySetInnerHTML = {
             __html: rules
           }, _ref4.nonce = cache3.sheet.nonce, _ref4));
         }
-        var sheetRef = React578.useRef();
+        var sheetRef = React579.useRef();
         useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function() {
           var key = cache3.key + "-global";
           var sheet = new cache3.sheet.constructor({
@@ -4010,7 +4010,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         });
         if (!emotionElement.isBrowser && rules.length !== 0) {
           var _ref23;
-          return /* @__PURE__ */ React578.createElement("style", (_ref23 = {}, _ref23["data-emotion"] = cache3.key + " " + serializedArr.map(function(serialized) {
+          return /* @__PURE__ */ React579.createElement("style", (_ref23 = {}, _ref23["data-emotion"] = cache3.key + " " + serializedArr.map(function(serialized) {
             return serialized.name;
           }).join(" "), _ref23.dangerouslySetInnerHTML = {
             __html: rules
@@ -4045,11 +4045,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         var content = {
           css: css8,
           cx: cx2,
-          theme: React578.useContext(emotionElement.ThemeContext)
+          theme: React579.useContext(emotionElement.ThemeContext)
         };
         var ele = props.children(content);
         hasRendered = true;
-        return /* @__PURE__ */ React578.createElement(React578.Fragment, null, /* @__PURE__ */ React578.createElement(Insertion, {
+        return /* @__PURE__ */ React579.createElement(React579.Fragment, null, /* @__PURE__ */ React579.createElement(Insertion, {
           cache: cache3,
           serializedArr
         }), ele);
@@ -4112,7 +4112,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       "use strict";
       Object.defineProperty(exports2, "__esModule", { value: true });
       var _extends35 = require_extends();
-      var React578 = require_react();
+      var React579 = require_react();
       var isPropValid = require_emotion_is_prop_valid_cjs();
       var react = require_emotion_react_cjs();
       var utils = require_emotion_utils_cjs();
@@ -4161,7 +4161,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
             serializedNames += " " + next.name;
             next = next.next;
           }
-          return /* @__PURE__ */ React578.createElement("style", (_ref23 = {}, _ref23["data-emotion"] = cache3.key + " " + serializedNames, _ref23.dangerouslySetInnerHTML = {
+          return /* @__PURE__ */ React579.createElement("style", (_ref23 = {}, _ref23["data-emotion"] = cache3.key + " " + serializedNames, _ref23.dangerouslySetInnerHTML = {
             __html: rules
           }, _ref23.nonce = cache3.sheet.nonce, _ref23));
         }
@@ -4216,7 +4216,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
               for (var key in props) {
                 mergedProps[key] = props[key];
               }
-              mergedProps.theme = React578.useContext(react.ThemeContext);
+              mergedProps.theme = React579.useContext(react.ThemeContext);
             }
             if (typeof props.className === "string") {
               className = utils.getRegisteredStyles(cache3.registered, classInterpolations, props.className);
@@ -4239,11 +4239,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
             }
             newProps.className = className;
             newProps.ref = ref;
-            return /* @__PURE__ */ React578.createElement(React578.Fragment, null, /* @__PURE__ */ React578.createElement(Insertion, {
+            return /* @__PURE__ */ React579.createElement(React579.Fragment, null, /* @__PURE__ */ React579.createElement(Insertion, {
               cache: cache3,
               serialized,
               isStringTag: typeof FinalTag === "string"
-            }), /* @__PURE__ */ React578.createElement(FinalTag, newProps));
+            }), /* @__PURE__ */ React579.createElement(FinalTag, newProps));
           });
           Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")";
           Styled.defaultProps = tag.defaultProps;
@@ -4447,7 +4447,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       if (true) {
         (function() {
           "use strict";
-          var React578 = require_react();
+          var React579 = require_react();
           var REACT_ELEMENT_TYPE = Symbol.for("react.element");
           var REACT_PORTAL_TYPE = Symbol.for("react.portal");
           var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
@@ -4473,7 +4473,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
             }
             return null;
           }
-          var ReactSharedInternals = React578.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+          var ReactSharedInternals = React579.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
           function error(format3) {
             {
               {
@@ -5977,7 +5977,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     "node_modules/react-error-boundary/dist/react-error-boundary.umd.js"(exports2, module2) {
       (function(global3, factory) {
         typeof exports2 === "object" && typeof module2 !== "undefined" ? factory(exports2, require_react()) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global3 = typeof globalThis !== "undefined" ? globalThis : global3 || self, factory(global3.ReactErrorBoundary = {}, global3.React));
-      })(exports2, function(exports3, React578) {
+      })(exports2, function(exports3, React579) {
         "use strict";
         function _interopNamespace(e4) {
           if (e4 && e4.__esModule)
@@ -5999,7 +5999,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           n3["default"] = e4;
           return Object.freeze(n3);
         }
-        var React__namespace = /* @__PURE__ */ _interopNamespace(React578);
+        var React__namespace = /* @__PURE__ */ _interopNamespace(React579);
         function _setPrototypeOf17(o2, p2) {
           _setPrototypeOf17 = Object.setPrototypeOf || function _setPrototypeOf18(o3, p3) {
             o3.__proto__ = p3;
@@ -6097,7 +6097,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           Wrapped.displayName = "withErrorBoundary(" + name + ")";
           return Wrapped;
         }
-        function useErrorHandler15(givenError) {
+        function useErrorHandler14(givenError) {
           var _React$useState = React__namespace.useState(null), error = _React$useState[0], setError = _React$useState[1];
           if (givenError != null)
             throw givenError;
@@ -6106,7 +6106,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           return setError;
         }
         exports3.ErrorBoundary = ErrorBoundary2;
-        exports3.useErrorHandler = useErrorHandler15;
+        exports3.useErrorHandler = useErrorHandler14;
         exports3.withErrorBoundary = withErrorBoundary;
         Object.defineProperty(exports3, "__esModule", { value: true });
       });
@@ -18370,8 +18370,8 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       function _interopDefault(ex) {
         return ex && typeof ex === "object" && "default" in ex ? ex["default"] : ex;
       }
-      var React578 = require_react();
-      var React__default = _interopDefault(React578);
+      var React579 = require_react();
+      var React__default = _interopDefault(React579);
       var ReactDOM5 = _interopDefault(require_react_dom());
       var invariant2 = _interopDefault(require_browser2());
       var throttleDebounce = require_index_umd();
@@ -18558,11 +18558,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         _createClass12(ReferenceWrapper2, [{
           key: "render",
           value: function render() {
-            return React578.Children.only(this.props.children);
+            return React579.Children.only(this.props.children);
           }
         }]);
         return ReferenceWrapper2;
-      }(React578.Component);
+      }(React579.Component);
       _defineProperty21(ReferenceWrapper, "displayName", "SizeMeReferenceWrapper");
       function Placeholder3(_ref4) {
         var className = _ref4.className, style4 = _ref4.style;
@@ -18800,7 +18800,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           }
         }]);
         return SizeMe5;
-      }(React578.Component);
+      }(React579.Component);
       _defineProperty21(SizeMe4, "defaultProps", {
         children: void 0,
         render: void 0
@@ -31038,7 +31038,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     "package.json"(exports2, module2) {
       module2.exports = {
         name: "synapse-react-client",
-        version: "3.1.20",
+        version: "3.1.21",
         private: false,
         main: "dist/index.js",
         types: "./dist/index.d.ts",
@@ -53761,6 +53761,8 @@ Please use another name.` : formatMuiErrorMessage(18));
   var ENTITY_ID_VERSION = (id2, version) => `${REPO}/entity/${id2}${version ? `/version/${version}` : ""}`;
   var ENTITY_BUNDLE_V2 = (id2, version) => `${ENTITY_ID_VERSION(id2, version)}/bundle2`;
   var ENTITY_ACCESS = (id2) => `${REPO}/entity/${id2}/access`;
+  var ENTITY_PATH = (id2) => `${ENTITY_ID(id2)}/path`;
+  var ENTITY_HEADER_BY_ID = (id2) => `${ENTITY_ID(id2)}/type`;
   var ENTITY_HEADERS = `${REPO}/entity/header`;
   var ENTITY_JSON = (id2) => `${REPO}/entity/${id2}/json`;
   var ENTITY_SCHEMA = (id2) => `${REPO}/entity/${id2}/schema`;
@@ -53826,6 +53828,7 @@ Please use another name.` : formatMuiErrorMessage(18));
   var ACCESS_REQUIREMENT_RESEARCH_PROJECT_FOR_UPDATE = (accessRequirementId) => `${ACCESS_REQUIREMENT_BY_ID(accessRequirementId)}/researchProjectForUpdate`;
   var FILE_HANDLE = `${FILE2}/fileHandle`;
   var FILE_HANDLE_BATCH = `${FILE_HANDLE}/batch`;
+  var PROJECTS = `${REPO}/projects`;
 
   // src/lib/utils/functions/dispatchDownloadListChangeEvent.ts
   var DOWNLOAD_LIST_CHANGE_EVENT = "DOWNLOAD_LIST_UPDATED_EVENT";
@@ -54499,7 +54502,7 @@ Please use another name.` : formatMuiErrorMessage(18));
   };
   var getEntityHeader = (entityId, accessToken) => {
     return doGet(
-      `/repo/v1/entity/${entityId}/type`,
+      ENTITY_HEADER_BY_ID(entityId),
       accessToken,
       0 /* REPO_ENDPOINT */
     );
@@ -55520,7 +55523,7 @@ Please use another name.` : formatMuiErrorMessage(18));
       removeUndefined(params)
     );
     return doGet(
-      `/repo/v1/projects?${urlParams.toString()}`,
+      `${PROJECTS}?${urlParams.toString()}`,
       accessToken,
       0 /* REPO_ENDPOINT */
     );
@@ -55537,7 +55540,7 @@ Please use another name.` : formatMuiErrorMessage(18));
   };
   var getEntityPath = (entityId, accessToken) => {
     return doGet(
-      `/repo/v1/entity/${entityId}/path`,
+      ENTITY_PATH(entityId),
       accessToken,
       0 /* REPO_ENDPOINT */
     );
@@ -62161,6 +62164,15 @@ Please use another name.` : formatMuiErrorMessage(18));
           })
         }
       },
+      MuiMenuItem: {
+        styleOverrides: {
+          root: {
+            height: "38px",
+            paddingLeft: "12px",
+            paddingRight: "12px"
+          }
+        }
+      },
       MuiTooltip: {
         defaultProps: {
           arrow: true,
@@ -63042,6 +63054,14 @@ Please use another name.` : formatMuiErrorMessage(18));
       options2
     );
   }
+  function useGetEntityHeader(entityId, options2) {
+    const { accessToken } = useSynapseContext();
+    return useQuery(
+      ["entityHeader", accessToken, entityId],
+      () => SynapseClient_exports.getEntityHeader(entityId, accessToken),
+      options2
+    );
+  }
 
   // src/lib/utils/hooks/SynapseAPI/entity/useGetQueryResultBundle.ts
   var import_react20 = __toESM(require_react());
@@ -87606,7 +87626,6 @@ ${e4.message}`);
     const { accessToken } = useSynapseContext();
     const { data, isLoadingNewBundle, getLastQueryRequest } = useQueryContext();
     const { getColumnDisplayName } = useQueryVisualizationContext();
-    const [plotData, setPlotData] = (0, import_react127.useState)();
     const [showModal, setShowModal] = (0, import_react127.useState)(false);
     const plotTitle = getColumnDisplayName(facetToPlot.columnName);
     const getColumnType = (0, import_react127.useCallback)(
@@ -87618,27 +87637,26 @@ ${e4.message}`);
       },
       [data, facetToPlot.columnName]
     );
-    (0, import_react127.useEffect)(() => {
-      let isMounted = true;
-      if (!facetToPlot) {
-        return;
-      } else {
-        extractPlotDataArray(
-          facetToPlot,
-          getColumnType(),
-          index2,
-          plotType,
-          accessToken
-        ).then((plotData2) => {
-          if (isMounted) {
-            setPlotData(plotData2);
-          }
-        });
+    const { data: plotData } = useQuery(
+      [
+        "extractPlotDataArray",
+        facetToPlot,
+        getColumnType(),
+        index2,
+        plotType,
+        accessToken
+      ],
+      () => extractPlotDataArray(
+        facetToPlot,
+        getColumnType(),
+        index2,
+        plotType,
+        accessToken
+      ),
+      {
+        enabled: !!facetToPlot
       }
-      return () => {
-        isMounted = false;
-      };
-    }, [facetToPlot, data, index2, plotType, accessToken, getColumnType]);
+    );
     const ChartSelectionToggle = () => /* @__PURE__ */ import_react127.default.createElement("div", {
       onClick: (event) => {
         event.stopPropagation();
@@ -87756,7 +87774,8 @@ ${e4.message}`);
       }, /* @__PURE__ */ import_react127.default.createElement(InfoOutlined_default, {
         className: "SRC-hand-cursor SRC-secondary-text-color"
       }))), /* @__PURE__ */ import_react127.default.createElement(ChartSelectionToggle, null)), /* @__PURE__ */ import_react127.default.createElement("div", {
-        className: `FacetNavPanel__body${isModalView ? "--expanded" : ""}`
+        className: `FacetNavPanel__body${isModalView ? "--expanded" : ""}`,
+        role: "graphics-object"
       }, /* @__PURE__ */ import_react127.default.createElement(import_react_sizeme.SizeMe, {
         monitorHeight: true
       }, ({ size: size3 }) => {
@@ -97569,7 +97588,7 @@ ${e4.message}`);
   var import_pluralize2 = __toESM(require_pluralize());
   var import_react277 = __toESM(require_react());
   var import_react_bootstrap49 = __toESM(require_react_bootstrap());
-  var import_react_error_boundary4 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary3 = __toESM(require_react_error_boundary_umd());
 
   // node_modules/react-reflex/node_modules/@babel/runtime/helpers/esm/extends.js
   function _extends11() {
@@ -109490,13 +109509,13 @@ ${e4.message}`);
   import_dayjs10.default.extend(import_customParseFormat.default);
   import_dayjs10.default.extend(import_localizedFormat.default);
   import_dayjs10.default.extend(import_isBetween.default);
-  var withLocale = function(dayjs23, locale) {
-    return !locale ? dayjs23 : function() {
+  var withLocale = function(dayjs24, locale) {
+    return !locale ? dayjs24 : function() {
       var args = [];
       for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
       }
-      return dayjs23.apply(void 0, args).locale(locale);
+      return dayjs24.apply(void 0, args).locale(locale);
     };
   };
   var defaultFormats = {
@@ -116888,14 +116907,23 @@ ${e4.message}`);
         const appearance = determineRowAppearance(entity);
         if (appearance !== "hidden") {
           const entityType = getEntityTypeFromHeader(entity);
+          const currentSelectedVersion = selected.get(entity.id);
+          let versionNumber = void 0;
+          if ("versionNumber" in entity) {
+            if (currentSelectedVersion != null && currentSelectedVersion !== NO_VERSION_NUMBER) {
+              versionNumber = currentSelectedVersion;
+            } else if (versionSelection === "REQUIRED" /* REQUIRED */) {
+              versionNumber = entity.versionNumber;
+            }
+          }
           entities2.push(__spreadProps(__spreadValues({}, entity), {
             entityId: entity.id,
-            versionNumber: "versionNumber" in entity ? entity.versionNumber : void 0,
+            versionNumber,
             entityType,
             isSelected: appearance === "selected",
             isDisabled: appearance === "disabled",
             isVersionableEntity: isVersionableEntityType(entityType),
-            currentSelectedVersion: selected.get(entity.id)
+            currentSelectedVersion
           }));
         }
         return entities2;
@@ -117349,16 +117377,17 @@ ${e4.message}`);
     const [fullPath, setFullPath] = (0, import_react270.useState)("");
     const [displayedPath, setDisplayedPath] = (0, import_react270.useState)("");
     (0, import_react270.useEffect)(() => {
-      var _a;
+      var _a, _b;
       if ((_a = bundle == null ? void 0 : bundle.path) == null ? void 0 : _a.path) {
-        setEntityName(bundle.path.path[bundle.path.path.length - 1].name);
+        const header = bundle.path.path[bundle.path.path.length - 1];
+        setEntityName((_b = header.name) != null ? _b : header.id);
         const path = bundle.path.path.slice(1, bundle.path.path.length - 1);
-        setFullPath(path.map((header) => header.name).join("/"));
+        setFullPath(path.map((header2) => header2.name).join("/"));
         if (path.length < 4) {
           setDisplayedPath(fullPath);
         } else {
           setDisplayedPath(
-            path[0].name + "/\u2026/" + path.slice(path.length - 1).map((header) => header.name).join("/")
+            path[0].name + "/\u2026/" + path.slice(path.length - 1).map((header2) => header2.name).join("/")
           );
         }
       }
@@ -117387,7 +117416,6 @@ ${e4.message}`);
   // src/lib/containers/entity_finder/tree/EntityTree.tsx
   var import_react275 = __toESM(require_react());
   var import_react_bootstrap48 = __toESM(require_react_bootstrap());
-  var import_react_error_boundary3 = __toESM(require_react_error_boundary_umd());
 
   // src/lib/containers/entity_finder/tree/VirtualizedTree.tsx
   var import_dayjs16 = __toESM(require_dayjs_min());
@@ -118175,6 +118203,7 @@ ${e4.message}`);
     }
   }
   function EntityTree(props) {
+    var _a;
     const {
       initialScope = "Current Project" /* CURRENT_PROJECT */,
       projectId,
@@ -118193,12 +118222,7 @@ ${e4.message}`);
     const DEFAULT_CONFIGURATION = {
       type: 5 /* PROMPT */
     };
-    const { accessToken } = useSynapseContext();
-    const [isLoading, setIsLoading] = (0, import_react275.useState)(false);
-    const [topLevelEntities, setTopLevelEntities] = (0, import_react275.useState)([]);
     const [scope, setScope] = (0, import_react275.useState)(initialScope);
-    const [initialContainerPath, setInitialContainerPath] = (0, import_react275.useState)();
-    const handleError = (0, import_react_error_boundary3.useErrorHandler)();
     (0, import_react275.useEffect)(() => {
       if (setDetailsViewConfiguration) {
         setDetailsViewConfiguration(DEFAULT_CONFIGURATION);
@@ -118216,7 +118240,6 @@ ${e4.message}`);
     const useProjectData = scope === "All Projects" /* ALL_PROJECTS */ || scope === "Projects Created By Me" /* CREATED_BY_ME */;
     const {
       data: projectData,
-      isSuccess: isSuccessProjects,
       fetchNextPage: fetchNextPageProjects,
       hasNextPage: hasNextPageProjects,
       isLoading: isLoadingProjects
@@ -118228,80 +118251,80 @@ ${e4.message}`);
       }
     );
     const { data: currentContainerBundle, isSuccess: isSuccessBundle } = useEntityBundle_default(currentContainer, void 0, ALL_ENTITY_BUNDLE_FIELDS, {
-      enabled: !!currentContainer && currentContainer !== "root"
+      enabled: !!currentContainer && currentContainer !== "root",
+      useErrorBoundary: true
     });
-    (0, import_react275.useEffect)(() => {
-      if (useProjectData && isSuccessProjects) {
-        if (projectData == null ? void 0 : projectData.pages) {
-          setTopLevelEntities(
-            projectData.pages.flatMap((page) => page.results).map(toEntityHeader)
-          );
-        }
+    const { data: favorites, isLoading: isLoadingFavorites } = useGetFavorites(
+      "NAME",
+      "ASC",
+      {
+        select: (data) => __spreadProps(__spreadValues({}, data), {
+          results: data.results.filter(
+            (eh) => visibleTypes.includes(convertToEntityType(eh.type))
+          )
+        }),
+        refetchInterval: Infinity,
+        useErrorBoundary: true
       }
-    }, [useProjectData, isSuccessProjects, projectData]);
-    (0, import_react275.useEffect)(() => {
-      setIsLoading(true);
+    );
+    const { data: initialContainerPath } = useGetEntityPath(initialContainer, {
+      enabled: !!(projectId && initialContainer && initialContainer.match(SYNAPSE_ENTITY_ID_REGEX)),
+      refetchInterval: Infinity,
+      useErrorBoundary: true
+    });
+    const {
+      data: projectHeader,
+      isLoading: isLoadingProjectHeader,
+      error: fetchProjectError
+    } = useGetEntityHeader(projectId, {
+      enabled: !!(projectId != null ? projectId : (_a = initialContainerPath == null ? void 0 : initialContainerPath.path[1]) == null ? void 0 : _a.id),
+      refetchInterval: Infinity
+    });
+    if ("Current Project" /* CURRENT_PROJECT */ === scope && projectId && fetchProjectError && fetchProjectError.status === 403) {
+      displayToast(
+        `You don't have access to the current project (${projectId}).`,
+        "warning"
+      );
+      setScope("Projects Created By Me" /* CREATED_BY_ME */);
+    }
+    const {
+      topLevelEntities,
+      isLoading
+    } = (0, import_react275.useMemo)(() => {
+      var _a2;
+      let topLevelEntities2 = [];
+      let isLoading2 = false;
       switch (scope) {
         case "All Projects" /* ALL_PROJECTS */:
         case "Projects Created By Me" /* CREATED_BY_ME */:
-          setIsLoading(isLoadingProjects);
+          if (projectData) {
+            topLevelEntities2 = projectData.pages.flatMap((page) => page.results).map(toEntityHeader);
+          }
+          isLoading2 = isLoadingProjects;
           break;
         case "My Favorites" /* FAVORITES */: {
-          SynapseClient_exports.getUserFavorites(
-            accessToken,
-            void 0,
-            void 0,
-            "NAME",
-            "ASC"
-          ).then(({ results }) => {
-            results = results.filter(
-              (result) => visibleTypes.includes(convertToEntityType(result.type))
-            );
-            setTopLevelEntities(results);
-            setIsLoading(false);
-          });
+          topLevelEntities2 = (_a2 = favorites == null ? void 0 : favorites.results) != null ? _a2 : [];
+          isLoading2 = isLoadingFavorites;
           break;
         }
         case "Current Project" /* CURRENT_PROJECT */:
-          if (projectId) {
-            if (initialContainer == null ? void 0 : initialContainer.match(SYNAPSE_ENTITY_ID_REGEX)) {
-              SynapseClient_exports.getEntityPath(initialContainer, accessToken).then((path) => {
-                if (!path.path.map((entity) => entity.id).includes(projectId)) {
-                  handleError(
-                    new Error(
-                      `An initial container (${initialContainer}) was provided but is not within or the same as the provided project (${projectId})`
-                    )
-                  );
-                }
-                setInitialContainerPath(path);
-                setTopLevelEntities([path.path[1]]);
-                setIsLoading(false);
-              }).catch((e4) => handleError(e4));
-            } else {
-              SynapseClient_exports.getEntityHeader(projectId, accessToken).then((header) => {
-                setTopLevelEntities([header]);
-                setIsLoading(false);
-              }).catch((e4) => handleError(e4));
-            }
-          } else {
-            handleError(
-              new Error(
-                "Cannot open current project because the current project is unknown"
-              )
-            );
+          if (projectHeader) {
+            topLevelEntities2 = [projectHeader];
+            isLoading2 = isLoadingProjectHeader;
           }
           break;
         default:
-          handleError(new Error("No scope selected"));
+          throw new Error("No scope selected");
       }
+      return { topLevelEntities: topLevelEntities2, isLoading: isLoading2 };
     }, [
-      accessToken,
-      scope,
-      initialContainer,
-      handleError,
-      visibleTypes,
+      favorites == null ? void 0 : favorites.results,
+      isLoadingFavorites,
+      isLoadingProjectHeader,
       isLoadingProjects,
-      projectId
+      projectData,
+      projectHeader,
+      scope
     ]);
     (0, import_react275.useEffect)(() => {
       if (setDetailsViewConfiguration || setBreadcrumbItems) {
@@ -118363,8 +118386,9 @@ ${e4.message}`);
                 }
               },
               ...currentContainerBundle.path.path.slice(1).map((entity) => {
+                var _a2;
                 return {
-                  name: entity.name,
+                  name: (_a2 = entity.name) != null ? _a2 : entity.id,
                   isCurrent: entity.id === currentContainer,
                   action: () => {
                     setCurrentContainer(entity.id);
@@ -123054,7 +123078,7 @@ ${e4.message}`);
       [visibleTypesInList, selectableTypes]
     );
     const [currentContainer, setCurrentContainer] = (0, import_react277.useState)(initialContainer);
-    const handleError = (0, import_react_error_boundary4.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary3.useErrorHandler)();
     const setBreadcrumbs = (0, import_react277.useCallback)(
       (items) => {
         setBreadcrumbsProps({
@@ -123657,7 +123681,7 @@ ${e4.message}`);
   var import_dayjs18 = __toESM(require_dayjs_min());
   var import_react283 = __toESM(require_react());
   var import_react_bootstrap53 = __toESM(require_react_bootstrap());
-  var import_react_error_boundary5 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary4 = __toESM(require_react_error_boundary_umd());
   var import_duration3 = __toESM(require_duration());
 
   // src/lib/containers/dataaccess/RejectDataAccessRequestModal.tsx
@@ -123963,7 +123987,7 @@ ${e4.message}`);
     var _a, _b;
     const { submissionId } = props;
     const [showRejectionDialog, setShowRejectionDialog] = (0, import_react283.useState)(false);
-    const handleError = (0, import_react_error_boundary5.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary4.useErrorHandler)();
     const { data: submission, refetch } = useGetDataAccessSubmission(
       submissionId,
       { useErrorBoundary: true }
@@ -124301,7 +124325,7 @@ filepath = ${entityId}.path`;
 
   // src/lib/containers/download_list_v2/DownloadListTable.tsx
   var import_react286 = __toESM(require_react());
-  var import_react_error_boundary6 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary5 = __toESM(require_react_error_boundary_umd());
   var import_react_bootstrap54 = __toESM(require_react_bootstrap());
   var import_dayjs19 = __toESM(require_dayjs_min());
   var import_localizedFormat2 = __toESM(require_localizedFormat());
@@ -124311,7 +124335,7 @@ filepath = ${entityId}.path`;
     var _a;
     const { filesStatistics, refetchStatistics } = props;
     const { accessToken } = useSynapseContext();
-    const handleError = (0, import_react_error_boundary6.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary5.useErrorHandler)();
     const { ref, inView } = useInView();
     const [copyingAllSynapseIDs, setCopyingAllSynapseIDs] = (0, import_react286.useState)(false);
     const [sort2, setSort] = (0, import_react286.useState)(void 0);
@@ -124602,11 +124626,11 @@ filepath = ${entityId}.path`;
 
   // src/lib/containers/download_list_v2/DownloadListActionsRequired.tsx
   var import_react292 = __toESM(require_react());
-  var import_react_error_boundary9 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary8 = __toESM(require_react_error_boundary_umd());
 
   // src/lib/containers/download_list_v2/MeetAccessRequirementCard.tsx
   var import_react290 = __toESM(require_react());
-  var import_react_error_boundary7 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary6 = __toESM(require_react_error_boundary_umd());
   var import_react_bootstrap55 = __toESM(require_react_bootstrap());
   var TERMS_OF_USE_TITLE = "Requires Acceptance of Data-Specific Terms of Use";
   var SELF_SIGN_TITLE = "Requires Acceptance of Data-Specific Terms of Use";
@@ -124614,7 +124638,7 @@ filepath = ${entityId}.path`;
   var LOCK_TITLE = "Access Restricted";
   var MeetAccessRequirementCard = ({ accessRequirementId, count: count2 }) => {
     var _a, _b, _c;
-    const handleError = (0, import_react_error_boundary7.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary6.useErrorHandler)();
     const {
       data: ar,
       isFetching,
@@ -124722,7 +124746,7 @@ filepath = ${entityId}.path`;
 
   // src/lib/containers/download_list_v2/RequestDownloadCard.tsx
   var import_react291 = __toESM(require_react());
-  var import_react_error_boundary8 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary7 = __toESM(require_react_error_boundary_umd());
   var import_react_bootstrap56 = __toESM(require_react_bootstrap());
   var REQUEST_DOWNLOAD_TITLE = "Download Permission Required";
   var RequestDownloadCard = ({
@@ -124730,7 +124754,7 @@ filepath = ${entityId}.path`;
     count: count2,
     onViewSharingSettingsClicked
   }) => {
-    const handleError = (0, import_react_error_boundary8.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary7.useErrorHandler)();
     const {
       data,
       isLoading,
@@ -124773,7 +124797,7 @@ filepath = ${entityId}.path`;
   // src/lib/containers/download_list_v2/DownloadListActionsRequired.tsx
   var DownloadListActionsRequired = (props) => {
     var _a;
-    const handleError = (0, import_react_error_boundary9.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary8.useErrorHandler)();
     const { ref, inView } = useInView();
     const {
       data,
@@ -125096,11 +125120,11 @@ dl_list_file_entities = syn.get_download_list()`;
 
   // src/lib/containers/download_list_v2/ShowDownloadV2.tsx
   var import_react295 = __toESM(require_react());
-  var import_react_error_boundary10 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary9 = __toESM(require_react_error_boundary_umd());
   function ShowDownloadV2({ to, className = "" }) {
     var _a;
     const { accessToken } = useSynapseContext();
-    const handleError = (0, import_react_error_boundary10.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary9.useErrorHandler)();
     const tooltipText = "Click to view items in your download cart.";
     const {
       data,
@@ -127327,7 +127351,7 @@ dl_list_file_entities = syn.get_download_list()`;
   var import_dayjs22 = __toESM(require_dayjs_min());
   var import_react318 = __toESM(require_react());
   var import_react_bootstrap72 = __toESM(require_react_bootstrap());
-  var import_react_error_boundary11 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary10 = __toESM(require_react_error_boundary_umd());
 
   // src/lib/utils/synapseTypes/AccessToken/ScopeDescriptions.ts
   var scopeDescriptions = {
@@ -127366,7 +127390,7 @@ dl_list_file_entities = syn.get_download_list()`;
   }) => {
     const { accessToken: authToken } = useSynapseContext();
     const [showModal, setShowModal] = (0, import_react318.useState)(false);
-    const handleError = (0, import_react_error_boundary11.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary10.useErrorHandler)();
     const isExpired = accessToken.state === "EXPIRED";
     return /* @__PURE__ */ import_react318.default.createElement("div", {
       className: "cardContainer PersonalAccessTokenCard" + (isExpired ? " bg-warning" : "")
@@ -129210,7 +129234,6 @@ dl_list_file_entities = syn.get_download_list()`;
       {
         key: "status",
         width: 80,
-        dataKey: "entityId",
         resizable: true,
         cellRenderer: BadgeIconsRenderer
       },
@@ -130568,10 +130591,10 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
 
   // src/lib/containers/user_profile_links/UserChallenges.tsx
   var import_react335 = __toESM(require_react());
-  var import_react_error_boundary12 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary11 = __toESM(require_react_error_boundary_umd());
   function UserChallenges({ userId }) {
     var _a;
-    const handleError = (0, import_react_error_boundary12.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary11.useErrorHandler)();
     const { ref, inView } = useInView();
     const {
       data,
@@ -130615,10 +130638,10 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
 
   // src/lib/containers/user_profile_links/UserProjects.tsx
   var import_react336 = __toESM(require_react());
-  var import_react_error_boundary13 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary12 = __toESM(require_react_error_boundary_umd());
   function UserProjects({ userId }) {
     var _a;
-    const handleError = (0, import_react_error_boundary13.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary12.useErrorHandler)();
     const { ref, inView } = useInView();
     const getProjectsParameters = {};
     const {
@@ -130663,10 +130686,10 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
 
   // src/lib/containers/user_profile_links/UserTeams.tsx
   var import_react337 = __toESM(require_react());
-  var import_react_error_boundary14 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary13 = __toESM(require_react_error_boundary_umd());
   function UserTeams({ userId }) {
     var _a;
-    const handleError = (0, import_react_error_boundary14.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary13.useErrorHandler)();
     const { ref, inView } = useInView();
     const {
       data,
@@ -130773,10 +130796,10 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
   var MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE = "org.sagebionetworks.repo.model.quiz.MultichoiceResponse";
 
   // src/lib/containers/CertificationQuiz.tsx
-  var import_react_error_boundary15 = __toESM(require_react_error_boundary_umd());
+  var import_react_error_boundary14 = __toESM(require_react_error_boundary_umd());
   var CertificationQuiz = () => {
     const { accessToken } = useSynapseContext();
-    const handleError = (0, import_react_error_boundary15.useErrorHandler)();
+    const handleError = (0, import_react_error_boundary14.useErrorHandler)();
     const [quiz, setQuiz] = (0, import_react339.useState)();
     const [questionResponse, setQuestionResponse] = (0, import_react339.useState)(
       []
@@ -131089,11 +131112,15 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
                 item.onClick(e4);
               }
             }
-          }, /* @__PURE__ */ import_react341.default.createElement(ListItemIcon_default, null, item.icon && /* @__PURE__ */ import_react341.default.createElement(IconSvg_default, {
+          }, /* @__PURE__ */ import_react341.default.createElement(ListItemIcon_default, {
+            style: {
+              minWidth: "30px"
+            }
+          }, item.icon && /* @__PURE__ */ import_react341.default.createElement(IconSvg_default, {
             icon: item.icon,
             sx: __spreadValues({
-              width: "16px",
-              height: "16px"
+              width: "17px",
+              height: "17px"
             }, item.iconSx),
             wrap: false
           })), /* @__PURE__ */ import_react341.default.createElement(ListItemText_default, {
@@ -131670,13 +131697,15 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
     }, showAllProperties ? "Hide properties" : `${properties2.length - 4} more properties`)), /* @__PURE__ */ import_react349.default.createElement(AddConditionsForUseButton, {
       entityId,
       onACTMemberClick: onActMemberClickAddConditionsForUse
-    })), showAllProperties && /* @__PURE__ */ import_react349.default.createElement("table", null, /* @__PURE__ */ import_react349.default.createElement("tbody", null, properties2.slice(4, Infinity).map((p2) => {
+    })), showAllProperties && /* @__PURE__ */ import_react349.default.createElement(Box_default, {
+      sx: { pt: "20px" }
+    }, /* @__PURE__ */ import_react349.default.createElement("table", null, /* @__PURE__ */ import_react349.default.createElement("tbody", null, properties2.slice(4, Infinity).map((p2) => {
       return /* @__PURE__ */ import_react349.default.createElement(Property, {
         key: p2.key,
         title: p2.title,
         value: p2.value
       });
-    }))), ((_a = bundle == null ? void 0 : bundle.entity) == null ? void 0 : _a.description) && isInExperimentalMode && /* @__PURE__ */ import_react349.default.createElement(Box_default, {
+    })))), ((_a = bundle == null ? void 0 : bundle.entity) == null ? void 0 : _a.description) && isInExperimentalMode && /* @__PURE__ */ import_react349.default.createElement(Box_default, {
       sx: { marginTop: "10px", maxWidth: "720px" }
     }, (_b = bundle == null ? void 0 : bundle.entity) == null ? void 0 : _b.description));
   }
@@ -131758,7 +131787,7 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
     const name = (bundle == null ? void 0 : bundle.entity) && isDockerRepository(bundle.entity) ? bundle.entity.repositoryName : (_b = bundle == null ? void 0 : bundle.entity) == null ? void 0 : _b.name;
     return /* @__PURE__ */ import_react351.default.createElement("div", null, /* @__PURE__ */ import_react351.default.createElement(Box_default, {
       sx: {
-        padding: "30px 40px",
+        padding: "20px 40px",
         backgroundColor: "grey.100"
       }
     }, /* @__PURE__ */ import_react351.default.createElement(Stack_default, {
@@ -131801,6 +131830,93 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
     }))), entityActionMenuProps && /* @__PURE__ */ import_react351.default.createElement(EntityActionMenu, __spreadValues({}, entityActionMenuProps)))), /* @__PURE__ */ import_react351.default.createElement(TitleBarProperties, __spreadValues({}, props)));
   }
 
+  // src/lib/containers/entity/page/CreatedByModifiedBy.tsx
+  var import_react352 = __toESM(require_react());
+  var import_dayjs25 = __toESM(require_dayjs_min());
+  function Separator() {
+    return /* @__PURE__ */ import_react352.default.createElement(Typography_default, {
+      variant: "breadcrumb1",
+      sx: { color: "grey.700" }
+    }, "/");
+  }
+  function CreatedByModifiedBy(props) {
+    var _a;
+    const { entityId, versionNumber } = props;
+    const entityIdWithVersion = `${entityId}${versionNumber ? `.${versionNumber}` : ""}`;
+    const { data: entity } = useGetEntity(entityId, versionNumber);
+    const { data: tableQueryResult } = useGetQueryResultBundleWithAsyncStatus(
+      {
+        entityId,
+        query: {
+          sql: `SELECT * FROM ${entityIdWithVersion} LIMIT 0`
+        },
+        partMask: BUNDLE_MASK_LAST_UPDATED_ON,
+        concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
+      },
+      { enabled: !!(entity && isTable(entity)) }
+    );
+    const tableLastRebuilt = (_a = tableQueryResult == null ? void 0 : tableQueryResult.responseBody) == null ? void 0 : _a.lastUpdatedOn;
+    const friendlyName = entity ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType)) : "";
+    const datasetCreatedByTooltipText = "This is the user who created this Dataset. This may not be the same person who generated the files in this Dataset, or who originally uploaded these files to Synapse.";
+    const tableModifiedOnTooltipText = /* @__PURE__ */ import_react352.default.createElement(import_react352.default.Fragment, null, /* @__PURE__ */ import_react352.default.createElement("p", null, "This is when the configuration of this ", friendlyName, " was last changed."), /* @__PURE__ */ import_react352.default.createElement("p", null, "Configuration changes may be triggered by (for example):"), /* @__PURE__ */ import_react352.default.createElement("ul", null, /* @__PURE__ */ import_react352.default.createElement("li", null, "Editing the name of the ", friendlyName), /* @__PURE__ */ import_react352.default.createElement("li", null, "Updating the schema used by the ", friendlyName)), /* @__PURE__ */ import_react352.default.createElement("p", null, "This does NOT reflect changes to the data displayed in the the", " ", friendlyName, "."));
+    const tableModifiedOnAccessibleLabel = `This is when the configuration of this ${friendlyName} was last changed.`;
+    const tableLastUpdatedTooltipText = `When data changes, the ${friendlyName} is rebuilt to reflect those changes. This is the last time changes were made to the data.`;
+    const createdByTooltipId = `${entityIdWithVersion}-createdByTooltip`;
+    const modifiedByTooltipId = `${entityIdWithVersion}-modifiedByTooltip`;
+    const lastUpdatedTooltipId = `${entityIdWithVersion}-lastUpdatedTooltip`;
+    const iconSx = {
+      width: "16px",
+      height: "16px",
+      ml: "4px",
+      verticalAlign: "text-bottom"
+    };
+    return /* @__PURE__ */ import_react352.default.createElement(Box_default, {
+      sx: { bgcolor: "grey.100", px: "40px", py: "10px" }
+    }, /* @__PURE__ */ import_react352.default.createElement(Breadcrumbs_default, {
+      separator: /* @__PURE__ */ import_react352.default.createElement(Separator, null)
+    }, /* @__PURE__ */ import_react352.default.createElement(ConditionalWrapper, {
+      condition: !entity,
+      wrapper: Skeleton_default
+    }, /* @__PURE__ */ import_react352.default.createElement(Typography_default, {
+      sx: { color: "grey.700" },
+      variant: "breadcrumb1",
+      "aria-describedby": createdByTooltipId
+    }, friendlyName, " created by", " ", /* @__PURE__ */ import_react352.default.createElement(UserCard_default, {
+      ownerId: entity == null ? void 0 : entity.createdBy,
+      size: SMALL_USER_CARD
+    }), " on", " ", formatDate((0, import_dayjs25.default)(entity == null ? void 0 : entity.createdOn)), entity && isDataset(entity) && /* @__PURE__ */ import_react352.default.createElement(Tooltip_default, {
+      id: createdByTooltipId,
+      title: datasetCreatedByTooltipText
+    }, /* @__PURE__ */ import_react352.default.createElement(InfoTwoTone_default, {
+      sx: iconSx
+    })))), /* @__PURE__ */ import_react352.default.createElement(ConditionalWrapper, {
+      condition: !entity,
+      wrapper: Skeleton_default
+    }, /* @__PURE__ */ import_react352.default.createElement(Typography_default, {
+      sx: { color: "grey.700" },
+      variant: "breadcrumb1",
+      "aria-describedby": modifiedByTooltipId
+    }, entity && isTable(entity) ? "Configuration" : friendlyName, " last modified by", " ", /* @__PURE__ */ import_react352.default.createElement(UserCard_default, {
+      ownerId: entity == null ? void 0 : entity.modifiedBy,
+      size: SMALL_USER_CARD
+    }), " on", " ", formatDate((0, import_dayjs25.default)(entity == null ? void 0 : entity.modifiedOn)), entity && isTable(entity) && /* @__PURE__ */ import_react352.default.createElement(Tooltip_default, {
+      id: modifiedByTooltipId,
+      title: tableModifiedOnTooltipText,
+      "aria-label": tableModifiedOnAccessibleLabel
+    }, /* @__PURE__ */ import_react352.default.createElement(InfoTwoTone_default, {
+      sx: iconSx
+    })))), tableLastRebuilt && /* @__PURE__ */ import_react352.default.createElement(Typography_default, {
+      sx: { color: "grey.700" },
+      variant: "breadcrumb1",
+      "aria-describedby": lastUpdatedTooltipId
+    }, friendlyName, " last rebuilt on ", formatDate((0, import_dayjs25.default)(tableLastRebuilt)), /* @__PURE__ */ import_react352.default.createElement(Tooltip_default, {
+      title: tableLastUpdatedTooltipText,
+      id: lastUpdatedTooltipId
+    }, /* @__PURE__ */ import_react352.default.createElement(InfoTwoTone_default, {
+      sx: iconSx
+    })))));
+  }
+
   // src/lib/umd.index.ts
   var SynapseContext2 = {
     SynapseContextProvider,
@@ -131858,7 +131974,8 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
     IDUReport: IDUReport_default,
     EntityPageBreadcrumbs,
     EntityActionMenu,
-    EntityPageTitleBar
+    EntityPageTitleBar,
+    CreatedByModifiedBy
   };
   var SynapseReactClientVersion = require_package().version;
   return __toCommonJS(umd_index_exports);