Integrate OHIF Medical Imaging Viewer into UI front-end

[charlesbrandt]

Embed the OHIF Viewer directly into the Bioloop front-end as a JavaScript module to support in-browser visualization of DICOM and other medical imaging formats. This integration will allow users to explore imaging datasets without needing separate tools or services, improving accessibility and streamlining the research workflow.

Goals:

• Integrate OHIF Viewer into the front-end
• Enable viewing of imaging data associated with imaging datasets (e.g., DICOM series).
• Support essential tools like series navigation, zoom/pan, window/level adjustment, and metadata display.
• Use Bioloop’s access controls and session-based authorization to secure imaging access.

Tasks:

• Add OHIF Viewer as a dependency/module in the Bioloop frontend (likely via npm).
• Configure viewer for in-app use (e.g., via modal or dedicated route/component).
• Set up dynamic DICOMweb endpoint integration (or temporary signed URL passthrough).
• Create UI launch points for datasets that contain imaging files.
• Ensure viewer respects user session, roles, and permissions.
• Implement fallback behavior or error handling when imaging data is incomplete or missing.
• Test viewer integration with real datasets (e.g., MRI, CT -- available online).
• Document usage and access requirements for end users.

Technical Considerations:

• Minimize bundle size and runtime impact if OHIF is loaded on demand (e.g., code splitting).

References:

OHIF GitHub: https://github.com/OHIF/Viewers
OHIF Docs: https://docs.ohif.org/
Cornerstone3D: https://www.cornerstonejs.org/

[charlesbrandt]

To support DICOM delivery to the OHIF Viewer, we will deploy an instance of Orthanc in a Docker container as part of the Bioloop platform infrastructure.

Orthanc will act as a lightweight, portable DICOMweb-compatible PACS server that can:

• Access DICOM data from a slate-* (project or scratch, depending) filesystem (use docker volume mounts to make this happen (e.g. bind mounts))
• Serve data to the OHIF Viewer using DICOMweb (WADO-RS, QIDO-RS, STOW-RS).

Tasks:

• Create and configure a Dockerized Orthanc instance with DICOMweb enabled.
• Add startup script or volume mount for initial dataset ingestion (for testing).
• Confirm OHIF integration with Orthanc endpoint (DICOMweb settings).

This will keep the imaging stack modular and easily deployable across environments.