feat(ui-debug): hide the view for study without filesystem storage (#3278)

ANT-5111

Author: skamril

webapp/src/routes/_authenticated/studies/$studyId/explore/debug/index.tsx

@@ -42,9 +42,11 @@ function Debug() {
   // Allow to keep expanded items when the tree is reloaded with `reloadTree`
   const [expandedItems, setExpandedItems] = useState<string[]>([]);
   const { path } = Route.useSearch();
+  const isFilesystemStudy = study.storageMode === "filesystem";
 
   const treeDataResponse = usePromiseWithSnackbarError(() => getTreeData(study.id), {
     errorMessage: t("studies.error.retrieveData"),
+    disabled: !isFilesystemStudy,
     deps: [study.id],
   });
 
@@ -108,6 +110,10 @@ function Debug() {
   // JSX
   ////////////////////////////////////////////////////////////////
 
+  if (!isFilesystemStudy) {
+    throw new Error(`${Route.path} is only available for studies with filesystem storage mode.`);
+  }
+
   return (
     <DebugContext.Provider value={contextValue}>
       <SplitView splitId="debug">

webapp/src/routes/_authenticated/studies/$studyId/explore/route.tsx

@@ -88,7 +88,7 @@ function StudyExploreLayout() {
             params,
           }),
         },
-        {
+        study.storageMode === "filesystem" && {
           id: "debug",
           label: t("study.debug"),
           linkOptions: linkOptions({
@@ -97,7 +97,7 @@ function StudyExploreLayout() {
             search: { path: undefined },
           }),
         },
-      ]}
+      ].filter(Boolean)}
       divider
     />
   );

webapp/src/services/utils/index.ts

@@ -40,6 +40,7 @@ export const convertStudyDtoToMetadata = (
     owner: metadata.owner,
     author: metadata.author,
     editor: metadata.editor,
+    storageMode: metadata.storage_mode,
     groups: metadata.groups,
     type: metadata.type,
     publicMode: metadata.public_mode,

webapp/src/types/types.ts

@@ -90,6 +90,7 @@ export interface StudyMetadata {
   workspace: string;
   managed: boolean;
   archived: boolean;
+  storageMode: StorageMode;
   groups: Array<{ id: string; name: string }>;
   publicMode: StudyPublicMode;
   folder?: string;