fix(photosphere): restore 'Images' tab in models manager

package.json

@@ -14,10 +14,10 @@
   },
   "dependencies": {
     "@bimdata/bcf-components": "6.4.4",
-    "@bimdata/components": "1.7.1",
-    "@bimdata/design-system": "2.2.1-beta.7",
+    "@bimdata/components": "1.7.2",
+    "@bimdata/design-system": "2.2.1-beta.8",
     "@bimdata/typescript-fetch-api-client": "10.17.2",
-    "@bimdata/viewer": "2.7.0-alpha-photosphere.1",
+    "@bimdata/viewer": "2.7.0-alpha.photosphere.2",
     "@paddle/paddle-js": "^1.3.2",
     "async": "^3.2.6",
     "dms-conversion": "^3.1.3",

src/components/specific/files/files-table/file-actions-cell/FileActionsCell.vue

@@ -141,16 +141,14 @@ export default {
         }
       }
 
-      if (!isFolder(props.file) && isConvertibleToPhotosphere(props.file)) {
-        if (!isModel(props.file)) {
-          menuItems.value.push({
-            key: 3,
-            iconComponent: SetAsModelIcon,
-            text: "FileActionsCell.createPhotosphereButtonText",
-            disabled: !hasAdminPerm(props.project, props.file),
-            action: () => onClick("create-photosphere")
-          });
-        }
+      if (!isFolder(props.file) && isConvertibleToPhotosphere(props.file) && !isModel(props.file)) {
+        menuItems.value.push({
+          key: 3,
+          iconComponent: SetAsModelIcon,
+          text: "FileActionsCell.createPhotosphereButtonText",
+          disabled: !hasAdminPerm(props.project, props.file),
+          action: () => onClick("create-photosphere")
+        });
       }
 
       menuItems.value.push({

src/components/specific/models/models-manager/ModelsManager.vue

@@ -87,7 +87,7 @@ import PDFManager from "./pdf-manager/PDFManager.vue";
 import PhotosphereManager from "./photosphere-manager/PhotosphereManager.vue";
 import PointCloudManager from "./point-cloud-manager/PointCloudManager.vue";
 
-const { DWG, DXF, IFC, META_BUILDING, PDF, PHOTOSPHERE, PHOTOSPHERE_BUILDING, POINT_CLOUD } =
+const { DWG, DXF, IFC, JPEG, META_BUILDING, PDF, PHOTOSPHERE, PHOTOSPHERE_BUILDING, PNG, POINT_CLOUD } =
   MODEL_TYPE;
 
 const tabsDef = [
@@ -130,9 +130,16 @@ const tabsDef = [
     beta: true
   },
   {
-    id: "photos",
-    text: "Photos",
+    id: "images",
+    text: "Images",
     icon: "fileImagePolychrome",
+    modelTypes: [JPEG, PNG],
+    component: "DWGManager"
+  },
+  {
+    id: "photosphere",
+    text: "Photosphere",
+    icon: "filePhotospherePolychrome",
     modelTypes: [PHOTOSPHERE, PHOTOSPHERE_BUILDING],
     component: "PhotosphereManager"
   }

src/components/specific/models/models-table/model-name-cell/ModelNameCell.vue

@@ -40,7 +40,7 @@
 
       <div v-else class="model-name-cell__content">
         <template
-          v-if="model.type === MODEL_TYPE.META_BUILDING || MODEL_TYPE.PHOTOSPHERE_BUILDING"
+          v-if="model.type === MODEL_TYPE.META_BUILDING || model.type === MODEL_TYPE.PHOTOSPHERE_BUILDING"
         >
           <BIMDataIconBuilding size="s" />
         </template>

src/config/models.js

@@ -121,7 +121,7 @@ const MODEL_CONFIG = Object.freeze({
   [MODEL_TYPE.PHOTOSPHERE]: {
     ext: [MODEL_EXTENSIONS.JPEG, MODEL_EXTENSIONS.JPG],
     window: WINDOWS.PHOTOSPHERE,
-    icon: "fileImagePolychrome",
+    icon: "filePhotospherePolychrome",
   },
   [MODEL_TYPE.PHOTOSPHERE_BUILDING]: {
     ext: [],