@ohif/app 3.9.0-beta.53 → 3.9.0-beta.55

package/dist/{169.bundle.eeb9614e7b06f896c70f.js → 169.bundle.483057ed84ca3e92513a.js}

@@ -23,8 +23,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var esm = __webpack_require__(93725);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var dist_esm = __webpack_require__(62709);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../ui/src/index.js + 784 modules
 var ui_src = __webpack_require__(38604);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts

package/dist/{210.bundle.f34e96e06d32ef0b807c.js → 210.bundle.dea3c2b103b4a842594e.js}

@@ -22,8 +22,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(43001);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var esm = __webpack_require__(62709);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js

package/dist/{246.bundle.ef1a0c84a8c652050208.js → 246.bundle.39b16f3df081f2504ed5.js}

@@ -14,8 +14,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../ui/src/index.js + 784 modules
 var src = __webpack_require__(38604);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var core_src = __webpack_require__(84793);
 ;// CONCATENATED MODULE: ../../../modes/basic-dev-mode/src/toolbarButtons.js
 
 

package/dist/{281.bundle.a743b7b811e4ff4df97e.js → 281.bundle.5256d2c35d9cacf6ee4f.js}

@@ -32,8 +32,8 @@ __webpack_require__.d(utils_namespaceObject, {
 
 // EXTERNAL MODULE: ../../../node_modules/dicomweb-client/build/dicomweb-client.es.js
 var dicomweb_client_es = __webpack_require__(97604);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../core/src/utils/sortStudy.ts
 var sortStudy = __webpack_require__(9415);
 ;// CONCATENATED MODULE: ../../../extensions/default/src/DicomWebDataSource/qido.js
@@ -1208,8 +1208,8 @@ const createRenderedRetrieve = (config, params) => {
     SeriesInstanceUID,
     SOPInstanceUID
   } = instance;
-  const value = instance[tag];
-  if (value?.BulkDataURI?.indexOf('?') !== -1) {
+  const bulkDataURI = instance[tag]?.BulkDataURI ?? '';
+  if (bulkDataURI?.indexOf('?') !== -1) {
     // The value instance has parameters, so it should not revert to the rendered
     return;
   }
@@ -2844,8 +2844,8 @@ function ViewerHeader({
     hotkeyDefinitions,
     hotkeyDefaults
   } = hotkeysManager;
-  const versionNumber = "3.9.0-beta.53";
-  const commitHash = "02eb256dc7a0cd3d197904151d2a12f51f09eecf";
+  const versionNumber = "3.9.0-beta.55";
+  const commitHash = "16cfab2aca8b47b370c988c0f3e9a7cbd1eb6651";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',

package/dist/{353.bundle.1057aa2f05c8b7c23eea.js → 353.bundle.57eb45200929ca02f88f.js}

@@ -12,8 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ tmtv_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/initToolGroups.js
 const toolGroupIds = {
   CT: 'ctToolGroup',

package/dist/{360.bundle.ec3c9ff6460be43de36d.js → 360.bundle.483fce57c5f7f5a66cd9.js}

@@ -25,8 +25,8 @@ const id = package_namespaceObject.u2;
 const SOPClassHandlerName = 'dicom-sr';
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 1 modules
 var esm = __webpack_require__(72076);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
@@ -1483,7 +1483,7 @@ const dicomSRExtension = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Z: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(63810);
+/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(84793);
 
 const ImageSet = _ohif_core__WEBPACK_IMPORTED_MODULE_0__.classes.ImageSet;
 const findInstance = (measurement, displaySetService) => {
@@ -1582,8 +1582,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var esm = __webpack_require__(62709);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/getLabelFromDCMJSImportedToolData.js
 /**
  * Extracts the label from the toolData imported from dcmjs. We need to do this

package/dist/{372.bundle.0e8376716f299cbca8a7.js → 372.bundle.1a5d134287e0a9b6a8fc.js}

@@ -725,8 +725,8 @@ var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../ui/src/index.js + 784 modules
 var src = __webpack_require__(38604);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var core_src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(69190);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/Panels/PanelPetSUV.tsx

package/dist/{376.bundle.8a1a5b464c4fe817a206.js → 376.bundle.91d93f1836ceebe71dd0.js}

@@ -12,8 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ segmentation_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/package.json
 const package_namespaceObject = JSON.parse('{"u2":"@ohif/mode-segmentation"}');
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/id.js

package/dist/{502.bundle.12289d09359e6d1a4844.js → 502.bundle.a672fedd3d38451da5fd.js}

@@ -13,8 +13,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ microscopy_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
 var i18next = __webpack_require__(73577);
 ;// CONCATENATED MODULE: ../../../modes/microscopy/package.json

package/dist/{217.bundle.5e33c89b90f670c45672.js → 516.bundle.29b7298368f8692d2a38.js}

@@ -1,5 +1,5 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[217],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[516],{
 
 /***/ 34:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -723,7 +723,7 @@ const useViewportActionCornersContext = () => (0,react__WEBPACK_IMPORTED_MODULE_
 
 /***/ }),
 
-/***/ 21217:
+/***/ 15516:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -767,8 +767,8 @@ var esm = __webpack_require__(62709);
 var dist_esm = __webpack_require__(93725);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/streaming-image-volume-loader/dist/esm/index.js + 13 modules
 var streaming_image_volume_loader_dist_esm = __webpack_require__(15793);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/dynamic-import/cornerstoneDICOMImageLoader.min.js
 var cornerstoneDICOMImageLoader_min = __webpack_require__(61539);
 var cornerstoneDICOMImageLoader_min_default = /*#__PURE__*/__webpack_require__.n(cornerstoneDICOMImageLoader_min);
@@ -4561,6 +4561,33 @@ function initCineService(servicesManager) {
   });
 }
 /* harmony default export */ const src_initCineService = (initCineService);
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/initStudyPrefetcherService.ts
+
+function initStudyPrefetcherService(servicesManager) {
+  const {
+    studyPrefetcherService
+  } = servicesManager.services;
+  studyPrefetcherService.requestType = esm.Enums.RequestType.Prefetch;
+  studyPrefetcherService.imageLoadPoolManager = esm.imageLoadPoolManager;
+  studyPrefetcherService.imageLoader = esm.imageLoader;
+  studyPrefetcherService.cache = {
+    isImageCached(imageId) {
+      return !!esm.cache.getImageLoadObject(imageId);
+    }
+  };
+  studyPrefetcherService.imageLoadEventsManager = {
+    addEventListeners(onImageLoaded, onImageLoadFailed) {
+      esm.eventTarget.addEventListener(esm.EVENTS.IMAGE_LOADED, onImageLoaded);
+      esm.eventTarget.addEventListener(esm.EVENTS.IMAGE_LOAD_FAILED, onImageLoadFailed);
+      return [{
+        unsubscribe: () => esm.eventTarget.removeEventListener(esm.EVENTS.IMAGE_LOADED, onImageLoaded)
+      }, {
+        unsubscribe: () => esm.eventTarget.removeEventListener(esm.EVENTS.IMAGE_LOAD_FAILED, onImageLoadFailed)
+      }];
+    }
+  };
+}
+/* harmony default export */ const src_initStudyPrefetcherService = (initStudyPrefetcherService);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/getInterleavedFrames.js
 function getInterleavedFrames(imageIds) {
   const minImageIdIndex = 0;
@@ -5416,6 +5443,7 @@ const colormaps = [{
 
 
 
+
 const {
   registerColormap
 } = esm.utilities.colormap;
@@ -5478,7 +5506,8 @@ async function init({
     cornerstoneViewportService,
     hangingProtocolService,
     viewportGridService,
-    stateSyncService
+    stateSyncService,
+    studyPrefetcherService
   } = servicesManager.services;
   window.services = servicesManager.services;
   window.extensionManager = extensionManager;
@@ -5547,6 +5576,7 @@ async function init({
   /* Measurement Service */
   this.measurementServiceSource = connectToolsToMeasurementService(servicesManager);
   src_initCineService(servicesManager);
+  src_initStudyPrefetcherService(servicesManager);
 
   // When a custom image load is performed, update the relevant viewports
   hangingProtocolService.subscribe(hangingProtocolService.EVENTS.CUSTOM_IMAGE_LOAD_PERFORMED, volumeInputArrayMap => {
@@ -15202,7 +15232,7 @@ const cornerstoneExtension = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Z: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(63810);
+/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(84793);
 /* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38604);
 var _ViewportActionCornersService;
 

package/dist/{552.bundle.ef2e2dfb52b42cf0863a.js → 552.bundle.d2d2c951160ba282d0bb.js}

@@ -251,8 +251,8 @@ const itemGenerator = props => {
   }, content.value)));
 };
 /* harmony default export */ const ViewportOverlay = (generateFromConfig({}));
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var core_src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 93 modules
 var default_src = __webpack_require__(32281);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/utils/dicomWebClient.ts
@@ -688,8 +688,8 @@ const id = package_namespaceObject.u2;
 var react = __webpack_require__(43001);
 // EXTERNAL MODULE: ../../ui/src/index.js + 784 modules
 var src = __webpack_require__(38604);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var core_src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(69190);
 // EXTERNAL MODULE: ../../../node_modules/mathjs/lib/esm/index.js + 1003 modules

package/dist/{571.bundle.a80609c9815339516d77.js → 571.bundle.2b4e21bc61d7685a5fdb.js}

@@ -12,7 +12,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43001);
 /* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69190);
-/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63810);
+/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(84793);
 /* harmony import */ var _tools_modules_dicomSRModule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75449);
 /* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(38604);
 /* harmony import */ var _utils_hydrateStructuredReport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83330);

package/dist/{591.bundle.1af42c3198e8b251b9f6.js → 591.bundle.78ce56dd9a6a4e3b1547.js}

@@ -21,8 +21,8 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-video"}
 const id = package_namespaceObject.u2;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-video`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-video/src/getSopClassHandlerModule.js
 
 

package/dist/{791.bundle.8be1d039d6cc06e91f75.js → 791.bundle.92f83ae8d05ebd5b6ba8.js}

@@ -22,8 +22,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(43001);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/dcmjs/build/dcmjs.es.js
 var dcmjs_es = __webpack_require__(67540);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/src/loadRTStruct.js

package/dist/{842.bundle.209e900a46063b4b83e1.js → 842.bundle.d3862c6cb38de8f8ef3d.js}

@@ -15,8 +15,8 @@ __webpack_require__.d(__webpack_exports__, {
   toolbarButtons: () => (/* reexport */ src_toolbarButtons)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
 var i18next = __webpack_require__(73577);
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/package.json

package/dist/{888.bundle.bb0181cc446e1d23de08.js → 888.bundle.405658a6217bbe7b97ef.js}

@@ -12,8 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ basic_test_mode_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../ui/src/index.js + 784 modules
 var ui_src = __webpack_require__(38604);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/toolbarButtons.ts

package/dist/{944.bundle.91df5d5e67ecd97d3802.js → 944.bundle.7e910911eac80f095934.js}

@@ -21,8 +21,8 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-pdf"}')
 const id = package_namespaceObject.u2;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-pdf`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/getSopClassHandlerModule.js
 
 

package/dist/{962.bundle.38eea617425257b786c9.js → 962.bundle.c8b1cfa2f143eb6a65c8.js}

@@ -26,8 +26,8 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-cornerstone-d
 const id = package_namespaceObject.u2;
 const SOPClassHandlerName = 'dynamic-volume';
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var esm = __webpack_require__(62709);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js

package/dist/{978.bundle.3b0bab63bccad0a30236.js → 978.bundle.154ca31dcbc914471de7.js}

@@ -18,8 +18,8 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/mode-preclinical-4d"}')
 
 const id = package_namespaceObject.u2;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 ;// CONCATENATED MODULE: ../../../modes/preclinical-4d/src/getWorkflowSettings.ts
 const dynamicVolume = {
   sopClassHandler: '@ohif/extension-cornerstone-dynamic-volume.sopClassHandlerModule.dynamic-volume',

package/dist/{994.bundle.43403338673c3c10b5ce.js → 994.bundle.a11c3601b633b7ffff17.js}

@@ -1273,8 +1273,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var dist = __webpack_require__(62474);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(69190);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../../ui/src/index.js + 784 modules
 var ui_src = __webpack_require__(38604);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/PanelStudyBrowserTracking.tsx
@@ -1306,7 +1306,8 @@ function PanelStudyBrowserTracking({
     uiDialogService,
     hangingProtocolService,
     uiNotificationService,
-    measurementService
+    measurementService,
+    studyPrefetcherService
   } = servicesManager.services;
   const navigate = (0,dist/* useNavigate */.s0)();
   const {
@@ -1329,6 +1330,7 @@ function PanelStudyBrowserTracking({
   const [expandedStudyInstanceUIDs, setExpandedStudyInstanceUIDs] = (0,react.useState)([...StudyInstanceUIDs]);
   const [studyDisplayList, setStudyDisplayList] = (0,react.useState)([]);
   const [displaySets, setDisplaySets] = (0,react.useState)([]);
+  const [displaySetsLoadingState, setDisplaySetsLoadingState] = (0,react.useState)({});
   const [thumbnailImageSrcMap, setThumbnailImageSrcMap] = (0,react.useState)({});
   const [jumpToDisplaySet, setJumpToDisplaySet] = (0,react.useState)(null);
   const onDoubleClickThumbnailHandler = displaySetInstanceUID => {
@@ -1430,10 +1432,27 @@ function PanelStudyBrowserTracking({
     if (!currentDisplaySets.length) {
       return;
     }
-    const mappedDisplaySets = _mapDisplaySets(currentDisplaySets, thumbnailImageSrcMap, trackedSeries, viewports, viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService);
+    const mappedDisplaySets = _mapDisplaySets(currentDisplaySets, displaySetsLoadingState, thumbnailImageSrcMap, trackedSeries, viewports, viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService);
     setDisplaySets(mappedDisplaySets);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [displaySetService.activeDisplaySets, trackedSeries, viewports, dataSource, thumbnailImageSrcMap]);
+  }, [displaySetService.activeDisplaySets, displaySetsLoadingState, trackedSeries, viewports, dataSource, thumbnailImageSrcMap]);
+
+  // -- displaySetsLoadingState
+  (0,react.useEffect)(() => {
+    const {
+      unsubscribe
+    } = studyPrefetcherService.subscribe(studyPrefetcherService.EVENTS.DISPLAYSET_LOAD_PROGRESS, updatedDisplaySetLoadingState => {
+      const {
+        displaySetInstanceUID,
+        loadingProgress
+      } = updatedDisplaySetLoadingState;
+      setDisplaySetsLoadingState(prevState => ({
+        ...prevState,
+        [displaySetInstanceUID]: loadingProgress
+      }));
+    });
+    return () => unsubscribe();
+  }, [studyPrefetcherService]);
 
   // ~~ subscriptions --> displaySets
   (0,react.useEffect)(() => {
@@ -1480,18 +1499,18 @@ function PanelStudyBrowserTracking({
     // TODO: Will this always hold _all_ the displaySets we care about?
     // DISPLAY_SETS_CHANGED returns `DisplaySerService.activeDisplaySets`
     const SubscriptionDisplaySetsChanged = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SETS_CHANGED, changedDisplaySets => {
-      const mappedDisplaySets = _mapDisplaySets(changedDisplaySets, thumbnailImageSrcMap, trackedSeries, viewports, viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService);
+      const mappedDisplaySets = _mapDisplaySets(changedDisplaySets, displaySetsLoadingState, thumbnailImageSrcMap, trackedSeries, viewports, viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService);
       setDisplaySets(mappedDisplaySets);
     });
     const SubscriptionDisplaySetMetaDataInvalidated = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SET_SERIES_METADATA_INVALIDATED, () => {
-      const mappedDisplaySets = _mapDisplaySets(displaySetService.getActiveDisplaySets(), thumbnailImageSrcMap, trackedSeries, viewports, viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService);
+      const mappedDisplaySets = _mapDisplaySets(displaySetService.getActiveDisplaySets(), displaySetsLoadingState, thumbnailImageSrcMap, trackedSeries, viewports, viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService);
       setDisplaySets(mappedDisplaySets);
     });
     return () => {
       SubscriptionDisplaySetsChanged.unsubscribe();
       SubscriptionDisplaySetMetaDataInvalidated.unsubscribe();
     };
-  }, [thumbnailImageSrcMap, trackedSeries, viewports, dataSource, displaySetService]);
+  }, [displaySetsLoadingState, thumbnailImageSrcMap, trackedSeries, viewports, dataSource, displaySetService]);
   const tabs = createStudyBrowserTabs(StudyInstanceUIDs, studyDisplayList, displaySets);
 
   // TODO: Should not fire this on "close"
@@ -1660,7 +1679,7 @@ function _mapDataSourceStudies(studies) {
     };
   });
 }
-function _mapDisplaySets(displaySets, thumbnailImageSrcMap, trackedSeriesInstanceUIDs, viewports,
+function _mapDisplaySets(displaySets, displaySetLoadingState, thumbnailImageSrcMap, trackedSeriesInstanceUIDs, viewports,
 // TODO: make array of `displaySetInstanceUIDs`?
 viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService) {
   const thumbnailDisplaySets = [];
@@ -1673,6 +1692,7 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
     const {
       displaySetInstanceUID
     } = ds;
+    const loadingProgress = displaySetLoadingState?.[displaySetInstanceUID];
     const thumbnailProps = {
       displaySetInstanceUID,
       description: ds.SeriesDescription,
@@ -1680,6 +1700,7 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
       modality: ds.Modality,
       seriesDate: formatDate(ds.SeriesDate),
       numInstances: ds.numImageFrames,
+      loadingProgress,
       countIcon: ds.countIcon,
       messages: ds.messages,
       StudyInstanceUID: ds.StudyInstanceUID,