diff --git a/package-lock.json b/package-lock.json
index 58b04ef26..2adf507ec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3945,9 +3945,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "22.5.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.0.tgz",
-      "integrity": "sha512-DkFrJOe+rfdHTqqMg0bSNlGlQ85hSoh2TPzZyhHsXnMtligRWpxUySiyw8FY14ITt24HVCiQPWxS3KO/QlGmWg==",
+      "version": "22.5.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.1.tgz",
+      "integrity": "sha512-KkHsxej0j9IW1KKOOAA/XBA0z08UFSrRQHErzEfA3Vgq57eXIMYboIlHJuYIfd+lwCQjtKqUu3UnmKbtUc9yRw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4441,9 +4441,9 @@
       }
     },
     "node_modules/aws4": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.13.1.tgz",
-      "integrity": "sha512-u5w79Rd7SU4JaIlA/zFqG+gOiuq25q5VLyZ8E+ijJeILuTxVzZgp2CaGw/UTw6pXYN9XMO9yiqj/nEHmhTG5CA==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.13.2.tgz",
+      "integrity": "sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==",
       "dev": true,
       "license": "MIT"
     },
@@ -5392,9 +5392,9 @@
       "license": "MIT"
     },
     "node_modules/cypress": {
-      "version": "13.13.3",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.13.3.tgz",
-      "integrity": "sha512-hUxPrdbJXhUOTzuML+y9Av7CKoYznbD83pt8g3klgpioEha0emfx4WNIuVRx0C76r0xV2MIwAW9WYiXfVJYFQw==",
+      "version": "13.14.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.14.0.tgz",
+      "integrity": "sha512-r0+nhd033x883YL6068futewUsl02Q7rWiinyAAIBDW/OOTn+UMILWgNuCiY3vtJjd53efOqq5R9dctQk/rKiw==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
diff --git a/src/components/specific/models/models-manager/ModelsManager.vue b/src/components/specific/models/models-manager/ModelsManager.vue
index c335f90e7..3aadf4516 100644
--- a/src/components/specific/models/models-manager/ModelsManager.vue
+++ b/src/components/specific/models/models-manager/ModelsManager.vue
@@ -86,7 +86,7 @@ import IFCManager from "./ifc-manager/IFCManager.vue";
 import PDFManager from "./pdf-manager/PDFManager.vue";
 import PointCloudManager from "./point-cloud-manager/PointCloudManager.vue";
 
-const { DWG, DXF, IFC, JPEG, META_BUILDING, PDF, PNG, POINT_CLOUD } =
+const { DWG, DXF, IFC, JPEG, META_BUILDING, PDF, PHOTOSPHERE, PNG, POINT_CLOUD } =
   MODEL_TYPE;
 
 const tabsDef = [
@@ -132,7 +132,7 @@ const tabsDef = [
     id: "photos",
     text: "Photos",
     icon: "fileImagePolychrome",
-    modelTypes: [JPEG, PNG],
+    modelTypes: [JPEG, PHOTOSPHERE, PNG],
     component: "DWGManager"
   }
 ];
diff --git a/src/components/specific/models/models-manager/generic-models-manager/GenericModelsManager.vue b/src/components/specific/models/models-manager/generic-models-manager/GenericModelsManager.vue
index 5f032a1b3..1dc4c7a3c 100644
--- a/src/components/specific/models/models-manager/generic-models-manager/GenericModelsManager.vue
+++ b/src/components/specific/models/models-manager/generic-models-manager/GenericModelsManager.vue
@@ -64,6 +64,7 @@
       @download="downloadModels([$event])"
       @view-metaBuilding="$emit('view-metaBuilding', $event)"
       @edit-metaBuilding="$emit('edit-metaBuilding', $event)"
+      @view-photosphereBuilding="$emit('view-photosphereBuilding', $event)"
     >
       <template #placeholder>
         <slot name="tablePlaceholder"></slot>
@@ -123,7 +124,8 @@ export default {
     "edit-metaBuilding",
     "file-uploaded",
     "tab-changed",
-    "view-metaBuilding"
+    "view-metaBuilding",
+    "view-photosphereBuilding",
   ],
   setup(props, { emit }) {
     const { isProjectGuest } = useUser();
diff --git a/src/components/specific/models/models-manager/image-manager/ImageManager.vue b/src/components/specific/models/models-manager/image-manager/ImageManager.vue
new file mode 100644
index 000000000..b9c9180f9
--- /dev/null
+++ b/src/components/specific/models/models-manager/image-manager/ImageManager.vue
@@ -0,0 +1,79 @@
+<template>
+  <GenericModelsManager
+    :project="project"
+    :types="types"
+    :tabs="tabs"
+    @file-uploaded="$emit('file-uploaded')"
+    @view-photosphereBuilding="viewPhotosphereBuilding"
+  />
+</template>
+
+<script>
+import { ref, watch } from "vue";
+import { useAppSidePanel } from "../../../app/app-side-panel/app-side-panel.js";
+import { segregateBySource } from "../../../../../utils/models.js";
+// Components
+import GenericModelsManager from "../generic-models-manager/GenericModelsManager.vue";
+import PhotosphereBuildingPanel from "./PhotosphereBuildingPanel.vue";
+
+const tabsDef = [{ id: "upload" }, { id: "archive" }];
+
+export default {
+  components: {
+    GenericModelsManager
+  },
+  props: {
+    project: {
+      type: Object,
+      required: true
+    },
+    models: {
+      type: Array,
+      required: true
+    },
+    types: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["file-uploaded"],
+  setup(props) {
+    const { openSidePanel, closeSidePanel } = useAppSidePanel();
+
+    const tabs = ref(tabsDef);
+
+    const viewPhotosphereBuilding = model => {
+      openSidePanel("right", {
+        component: {
+          render() {
+            return h(PhotosphereBuildingPanel, {
+              onClose: closeSidePanel,
+              space: props.project.cloud,
+              project: props.project,
+              model,
+            })
+          }
+        }
+      });
+    };
+
+    watch(
+      () => props.models,
+      models => {
+        const modelsBySource = segregateBySource(models);
+        tabs.value = tabs.value.map(tab => ({
+          ...tab,
+          label: tab.label || tab.id,
+          models: modelsBySource[tab.id]
+        }));
+      },
+      { immediate: true }
+    );
+
+    return {
+      tabs,
+      viewPhotosphereBuilding
+    };
+  }
+};
+</script>
diff --git a/src/components/specific/models/models-manager/image-manager/PhotosphereBuildingPanel.vue b/src/components/specific/models/models-manager/image-manager/PhotosphereBuildingPanel.vue
new file mode 100644
index 000000000..9e34c97da
--- /dev/null
+++ b/src/components/specific/models/models-manager/image-manager/PhotosphereBuildingPanel.vue
@@ -0,0 +1,65 @@
+<script setup>
+import apiClient from "../../../../../services/api-client.js";
+
+defineProps({
+  space: {
+    type: Object,
+    required: true
+  },
+  project: {
+    type: Object,
+    required: true
+  },
+  model: {
+    type: Object,
+    required: true
+  },
+});
+
+defineEmits(["close"]);
+</script>
+
+<template>
+  <div class="photosphere-building-panel">
+    <BIMDataButton
+      class="close"
+      ghost
+      rounded
+      icon
+      @click="$emit('close')"
+    >
+      <BIMDataIconClose size="xxs" fill color="granite-light" />
+    </BIMDataButton>
+    <div class="content">
+      <BIMDataPhotosphereBuilding
+        :apiClient="apiClient"
+        :space="space"
+        :project="project"
+        :model="model"
+        :selectable="false"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.photosphere-building-panel {
+  position: absolute;
+  z-index: 0;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+
+  .close {
+    position: absolute;
+    z-index: 1;
+    top: calc(var(--spacing-unit) / 2);
+    right: var(--spacing-unit);
+  }
+
+  .content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/src/components/specific/models/models-table/ModelsTable.vue b/src/components/specific/models/models-table/ModelsTable.vue
index 7d188355e..6d571e9a9 100644
--- a/src/components/specific/models/models-table/ModelsTable.vue
+++ b/src/components/specific/models/models-table/ModelsTable.vue
@@ -59,6 +59,7 @@
         @update="nameEditMode[model.id] = true"
         @view-metaBuilding="$emit('view-metaBuilding', $event)"
         @edit-metaBuilding="$emit('edit-metaBuilding', $event)"
+        @view-photosphereBuilding="$emit('view-photosphereBuilding', $event)"
       />
     </template>
 
@@ -113,6 +114,7 @@ export default {
     "upload-canceled",
     "upload-failed",
     "view-metaBuilding",
+    "view-photosphereBuilding",
   ],
   setup(props) {
     const { t } = useI18n();
diff --git a/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.vue b/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.vue
index d60c790ab..4c4e3251f 100644
--- a/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.vue
+++ b/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.vue
@@ -8,8 +8,20 @@
         icon
         @click="onClick('view-metaBuilding')"
       >
-      <BIMDataIconStructure size="s" />
-    </BIMDataButton>
+        <BIMDataIconStructure size="s" />
+      </BIMDataButton>
+    </template>
+
+    <template v-if="model.type === MODEL_TYPE.PHOTOSPHERE">
+      <BIMDataButton
+        color="primary"
+        outline
+        radius
+        icon
+        @click="onClick('view-photosphereBuilding')"
+      >
+        <BIMDataIconStructure size="s" />
+      </BIMDataButton>
     </template>
 
     <template v-if="model.type === MODEL_TYPE.IFC">
@@ -45,9 +57,9 @@
 
     <template
       v-else-if="
-        model.type === MODEL_TYPE.PDF ||
-        model.type === MODEL_TYPE.META_BUILDING ||
         model.type === MODEL_TYPE.JPEG ||
+        model.type === MODEL_TYPE.META_BUILDING ||
+        model.type === MODEL_TYPE.PDF ||
         model.type === MODEL_TYPE.PNG
       "
     >
@@ -70,6 +82,16 @@
       />
     </template>
 
+    <template v-else-if="model.type === MODEL_TYPE.PHOTOSPHERE">
+      <ViewerButton
+        :disabled="!isModelReady"
+        :project="project"
+        :model="model"
+        :window="WINDOWS.PHOTOSPHERE"
+        text="2D"
+      />
+    </template>
+
     <template v-if="model.document">
       <BIMDataButton
         class="model-actions-cell__btn"
@@ -144,7 +166,8 @@ export default {
     "download",
     "edit-metaBuilding",
     "update",
-    "view-metaBuilding"
+    "view-metaBuilding",
+    "view-photosphereBuilding",
   ],
   setup(props, { emit }) {
     const { isProjectGuest, hasAdminPerm } = useUser();
diff --git a/src/config/models.js b/src/config/models.js
index 771ab73b8..662f47550 100644
--- a/src/config/models.js
+++ b/src/config/models.js
@@ -16,6 +16,7 @@ const MODEL_TYPE = Object.freeze({
   META_BUILDING: "METABUILDING",
   OBJ: "OBJ",
   PDF: "PDF",
+  PHOTOSPHERE: "PHOTOSPHERE",
   PNG: "PNG",
   POINT_CLOUD: "POINT_CLOUD",
 });
@@ -115,6 +116,11 @@ const MODEL_CONFIG = Object.freeze({
     window: WINDOWS.PLAN,
     icon: "filePdfPolychrome",
   },
+  [MODEL_TYPE.PHOTOSPHERE]: {
+    ext: [MODEL_EXTENSIONS.JPEG, MODEL_EXTENSIONS.JPG],
+    window: WINDOWS.PHOTOSPHERE,
+    icon: "fileImagePolychrome",
+  },
   [MODEL_TYPE.PNG]: {
     ext: [MODEL_EXTENSIONS.PNG],
     window: WINDOWS.PLAN,
diff --git a/src/config/viewer.js b/src/config/viewer.js
index ebd4941d6..dadf9c020 100644
--- a/src/config/viewer.js
+++ b/src/config/viewer.js
@@ -14,6 +14,7 @@ const WINDOWS = Object.freeze({
   DXF: "dxf",
   IFC2D: "2d",
   IFC3D: "3d",
+  PHOTOSPHERE: "photosphere",
   PLAN: "plan",
   POINT_CLOUD: "pointCloud"
 });