@plutonhq/core-frontend 0.1.24 → 0.1.25

package/dist-lib/utils/index.d.ts

@@ -7,4 +7,5 @@ export * from './plans';
 export * from './progressHelpers';
 export * from './restore';
 export * from './getIconNameforFile';
+export { default as SnapshotDatabase } from './snapshotDatabase';
 //# sourceMappingURL=index.d.ts.map

package/dist-lib/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist-lib/utils/snapshotDatabase.d.ts

@@ -0,0 +1,16 @@
+import { FileItem } from '../@types/system';
+declare class SnapshotDatabase {
+    private backupId;
+    private db;
+    private isInitialized;
+    constructor(backupId: string);
+    initialize(): Promise<void>;
+    initializeFromFiles(files: FileItem[]): Promise<void>;
+    getTopLevelDirectories(maxDepth?: number): Promise<string[]>;
+    hasSubdirectories(dirPath: string): Promise<boolean>;
+    getSubdirectories(parentPath: string): Promise<string[]>;
+    getDirectoryContents(dirPath: string, sortField?: string, sortDirection?: string, searchTerm?: string): Promise<FileItem[]>;
+    cleanup(): Promise<void>;
+}
+export default SnapshotDatabase;
+//# sourceMappingURL=snapshotDatabase.d.ts.map

package/dist-lib/utils/snapshotDatabase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshotDatabase.d.ts","sourceRoot":"","sources":["../../src/utils/snapshotDatabase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAoB5C,cAAM,gBAAgB;IAIP,OAAO,CAAC,QAAQ;IAH5B,OAAO,CAAC,EAAE,CAAa;IACvB,OAAO,CAAC,aAAa,CAAS;gBAEV,QAAQ,EAAE,MAAM;IAE9B,UAAU;IAaV,mBAAmB,CAAC,KAAK,EAAE,QAAQ,EAAE;IAyCrC,sBAAsB,CAAC,QAAQ,GAAE,MAAU,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAoB/D,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAkBpD,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAoBxD,oBAAoB,CACvB,OAAO,EAAE,MAAM,EACf,SAAS,GAAE,MAAe,EAC1B,aAAa,GAAE,MAAc,EAC7B,UAAU,GAAE,MAAW,GACvB,OAAO,CAAC,QAAQ,EAAE,CAAC;IAkDhB,OAAO;CAKf;AAED,eAAe,gBAAgB,CAAC"}

package/dist-lib/utils/snapshotDatabase.js

@@ -0,0 +1,105 @@
+var f = Object.defineProperty;
+var g = (c, i, e) => i in c ? f(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var d = (c, i, e) => g(c, typeof i != "symbol" ? i + "" : i, e);
+let h = null;
+async function p() {
+  return h || (h = await import("dexie")), h;
+}
+class b {
+  constructor(i) {
+    d(this, "db", null);
+    d(this, "isInitialized", !1);
+    this.backupId = i;
+  }
+  async initialize() {
+    if (this.isInitialized) return;
+    const { Dexie: i } = await p();
+    this.db = new i(`SnapshotDB_${this.backupId}`), this.db.version(1).stores({
+      files: "++id, path, parentPath, fileName, isDirFlag, size, modifiedAt, depth"
+    }), this.isInitialized = !0;
+  }
+  async initializeFromFiles(i) {
+    await this.initialize(), await this.db.files.clear();
+    const e = 1e3, t = [];
+    for (let r = 0; r < i.length; r++) {
+      const s = i[r], l = s.path.lastIndexOf("/"), a = s.path.substring(0, l), n = (s.name || s.path.split("/").pop() || "").toLowerCase(), o = s.path.split("/").filter(Boolean).length, u = s.isDirectory ? 1 : 0;
+      t.push({
+        ...s,
+        parentPath: a,
+        fileName: n,
+        depth: o,
+        isDirFlag: u
+      }), t.length >= e && (await this.db.files.bulkAdd(t), t.length = 0);
+    }
+    t.length > 0 && await this.db.files.bulkAdd(t), console.log("Database initialized with", await this.db.files.count(), "total records");
+  }
+  // Get only top-level directories (depth <= maxDepth)
+  async getTopLevelDirectories(i = 3) {
+    this.isInitialized || await this.initialize();
+    try {
+      const t = (await this.db.files.where("isDirFlag").equals(1).and((r) => r.depth <= i).toArray()).map((r) => r.path);
+      return console.log(`getTopLevelDirectories (depth <= ${i}) returning:`, t.length, "directories"), t;
+    } catch (e) {
+      return console.error("Error getting top-level directories:", e), [];
+    }
+  }
+  // Check if a directory has subdirectories
+  async hasSubdirectories(i) {
+    this.isInitialized || await this.initialize();
+    try {
+      return await this.db.files.where("parentPath").equals(i).and((t) => t.isDirFlag === 1).count() > 0;
+    } catch (e) {
+      return console.error("Error checking subdirectories:", e), !1;
+    }
+  }
+  // Get immediate subdirectories of a given directory
+  async getSubdirectories(i) {
+    this.isInitialized || await this.initialize();
+    try {
+      const t = (await this.db.files.where("parentPath").equals(i).and((r) => r.isDirFlag === 1).toArray()).map((r) => r.path);
+      return console.log(`getSubdirectories for ${i}:`, t.length, "subdirectories"), t;
+    } catch (e) {
+      return console.error("Error getting subdirectories:", e), [];
+    }
+  }
+  // Get directory contents (files and folders in a specific directory)
+  async getDirectoryContents(i, e = "name", t = "asc", r = "") {
+    this.isInitialized || await this.initialize();
+    try {
+      let s;
+      if (r.trim()) {
+        const l = await this.db.files.where("parentPath").equals(i).toArray(), a = r.toLowerCase();
+        s = l.filter((n) => n.fileName.includes(a) || n.path.toLowerCase().includes(a));
+      } else
+        s = await this.db.files.where("parentPath").equals(i).toArray();
+      return s.sort((l, a) => {
+        if (l.isDirFlag && !a.isDirFlag) return -1;
+        if (!l.isDirFlag && a.isDirFlag) return 1;
+        let n, o;
+        switch (e) {
+          case "name":
+            n = l.fileName, o = a.fileName;
+            break;
+          case "modifiedAt":
+            n = new Date(l.modifiedAt).getTime(), o = new Date(a.modifiedAt).getTime();
+            break;
+          case "size":
+            n = l.size || 0, o = a.size || 0;
+            break;
+          default:
+            return 0;
+        }
+        return n < o ? t === "asc" ? -1 : 1 : n > o ? t === "asc" ? 1 : -1 : 0;
+      }), s;
+    } catch (s) {
+      return console.error("Error getting directory contents:", s), [];
+    }
+  }
+  async cleanup() {
+    this.db && await this.db.delete();
+  }
+}
+export {
+  b as default
+};
+//# sourceMappingURL=snapshotDatabase.js.map

package/dist-lib/utils/snapshotDatabase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshotDatabase.js","sources":["../../src/utils/snapshotDatabase.ts"],"sourcesContent":["import { FileItem } from '../@types/system';\r\n\r\n// Lazy load Dexie only when needed\r\nlet DexieModule: any = null;\r\n\r\nasync function loadDexie() {\r\n   if (!DexieModule) {\r\n      DexieModule = await import('dexie');\r\n   }\r\n   return DexieModule;\r\n}\r\n\r\ninterface FileRecord extends FileItem {\r\n   id?: number;\r\n   parentPath: string;\r\n   fileName: string;\r\n   depth: number;\r\n   isDirFlag: number; // 1 for directory, 0 for file\r\n}\r\n\r\nclass SnapshotDatabase {\r\n   private db: any = null;\r\n   private isInitialized = false;\r\n\r\n   constructor(private backupId: string) {}\r\n\r\n   async initialize() {\r\n      if (this.isInitialized) return;\r\n\r\n      const { Dexie } = await loadDexie();\r\n\r\n      this.db = new Dexie(`SnapshotDB_${this.backupId}`);\r\n      this.db.version(1).stores({\r\n         files: '++id, path, parentPath, fileName, isDirFlag, size, modifiedAt, depth',\r\n      });\r\n\r\n      this.isInitialized = true;\r\n   }\r\n\r\n   async initializeFromFiles(files: FileItem[]) {\r\n      await this.initialize();\r\n\r\n      // Clear existing data\r\n      await this.db.files.clear();\r\n\r\n      // Process and insert files in batches\r\n      const batchSize = 1000;\r\n      const records: FileRecord[] = [];\r\n\r\n      for (let i = 0; i < files.length; i++) {\r\n         const file = files[i];\r\n         const lastSlashIndex = file.path.lastIndexOf('/');\r\n         const parentPath = file.path.substring(0, lastSlashIndex);\r\n         const fileName = (file.name || file.path.split('/').pop() || '').toLowerCase();\r\n         const depth = file.path.split('/').filter(Boolean).length;\r\n\r\n         const isDirFlag = file.isDirectory ? 1 : 0;\r\n\r\n         records.push({\r\n            ...file,\r\n            parentPath,\r\n            fileName,\r\n            depth,\r\n            isDirFlag,\r\n         });\r\n\r\n         if (records.length >= batchSize) {\r\n            await this.db.files.bulkAdd(records);\r\n            records.length = 0;\r\n         }\r\n      }\r\n\r\n      if (records.length > 0) {\r\n         await this.db.files.bulkAdd(records);\r\n      }\r\n\r\n      console.log('Database initialized with', await this.db.files.count(), 'total records');\r\n   }\r\n\r\n   // Get only top-level directories (depth <= maxDepth)\r\n   async getTopLevelDirectories(maxDepth: number = 3): Promise<string[]> {\r\n      if (!this.isInitialized) await this.initialize();\r\n\r\n      try {\r\n         const dirRecords = await this.db.files\r\n            .where('isDirFlag')\r\n            .equals(1)\r\n            .and((record: FileRecord) => record.depth <= maxDepth)\r\n            .toArray();\r\n\r\n         const paths = dirRecords.map((record: FileRecord) => record.path);\r\n         console.log(`getTopLevelDirectories (depth <= ${maxDepth}) returning:`, paths.length, 'directories');\r\n         return paths;\r\n      } catch (error) {\r\n         console.error('Error getting top-level directories:', error);\r\n         return [];\r\n      }\r\n   }\r\n\r\n   // Check if a directory has subdirectories\r\n   async hasSubdirectories(dirPath: string): Promise<boolean> {\r\n      if (!this.isInitialized) await this.initialize();\r\n\r\n      try {\r\n         const count = await this.db.files\r\n            .where('parentPath')\r\n            .equals(dirPath)\r\n            .and((record: FileRecord) => record.isDirFlag === 1)\r\n            .count();\r\n\r\n         return count > 0;\r\n      } catch (error) {\r\n         console.error('Error checking subdirectories:', error);\r\n         return false;\r\n      }\r\n   }\r\n\r\n   // Get immediate subdirectories of a given directory\r\n   async getSubdirectories(parentPath: string): Promise<string[]> {\r\n      if (!this.isInitialized) await this.initialize();\r\n\r\n      try {\r\n         const subdirs = await this.db.files\r\n            .where('parentPath')\r\n            .equals(parentPath)\r\n            .and((record: FileRecord) => record.isDirFlag === 1)\r\n            .toArray();\r\n\r\n         const paths = subdirs.map((record: FileRecord) => record.path);\r\n         console.log(`getSubdirectories for ${parentPath}:`, paths.length, 'subdirectories');\r\n         return paths;\r\n      } catch (error) {\r\n         console.error('Error getting subdirectories:', error);\r\n         return [];\r\n      }\r\n   }\r\n\r\n   // Get directory contents (files and folders in a specific directory)\r\n   async getDirectoryContents(\r\n      dirPath: string,\r\n      sortField: string = 'name',\r\n      sortDirection: string = 'asc',\r\n      searchTerm: string = '',\r\n   ): Promise<FileItem[]> {\r\n      if (!this.isInitialized) await this.initialize();\r\n\r\n      try {\r\n         let results: FileRecord[];\r\n\r\n         if (searchTerm.trim()) {\r\n            const allInDir = await this.db.files.where('parentPath').equals(dirPath).toArray();\r\n            const lowerSearch = searchTerm.toLowerCase();\r\n            results = allInDir.filter((item: FileRecord) => item.fileName.includes(lowerSearch) || item.path.toLowerCase().includes(lowerSearch));\r\n         } else {\r\n            results = await this.db.files.where('parentPath').equals(dirPath).toArray();\r\n         }\r\n\r\n         // Sort results\r\n         results.sort((a: FileRecord, b: FileRecord) => {\r\n            // Directories first\r\n            if (a.isDirFlag && !b.isDirFlag) return -1;\r\n            if (!a.isDirFlag && b.isDirFlag) return 1;\r\n\r\n            let aVal: any, bVal: any;\r\n            switch (sortField) {\r\n               case 'name':\r\n                  aVal = a.fileName;\r\n                  bVal = b.fileName;\r\n                  break;\r\n               case 'modifiedAt':\r\n                  aVal = new Date(a.modifiedAt).getTime();\r\n                  bVal = new Date(b.modifiedAt).getTime();\r\n                  break;\r\n               case 'size':\r\n                  aVal = a.size || 0;\r\n                  bVal = b.size || 0;\r\n                  break;\r\n               default:\r\n                  return 0;\r\n            }\r\n\r\n            if (aVal < bVal) return sortDirection === 'asc' ? -1 : 1;\r\n            if (aVal > bVal) return sortDirection === 'asc' ? 1 : -1;\r\n            return 0;\r\n         });\r\n\r\n         return results;\r\n      } catch (error) {\r\n         console.error('Error getting directory contents:', error);\r\n         return [];\r\n      }\r\n   }\r\n\r\n   async cleanup() {\r\n      if (this.db) {\r\n         await this.db.delete();\r\n      }\r\n   }\r\n}\r\n\r\nexport default SnapshotDatabase;\r\n"],"names":["DexieModule","loadDexie","SnapshotDatabase","backupId","__publicField","Dexie","files","batchSize","records","i","file","lastSlashIndex","parentPath","fileName","depth","isDirFlag","maxDepth","paths","record","error","dirPath","sortField","sortDirection","searchTerm","results","allInDir","lowerSearch","item","a","b","aVal","bVal"],"mappings":"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"}

package/dist-lib/utils.js

@@ -1,48 +1,50 @@
-import { API_URL as r, APP_NAME as a, DEFAULT_PLAN_SETTINGS as o, DEV_MODE as s } from "./utils/constants.js";
-import { calculateDirectorySizes as g, clipPath as n, compareVersions as l, formatBytes as m, formatDateTime as c, formatDuration as p, formatNumberToK as P, formatPermissions as f, formatSeconds as A, getAvailableCliApps as M, getLogLevelName as d, getOSIcon as D, getProcessorIcon as E, getUpdateDocLink as S, isMobile as I, isServerEdition as N, isValidEmail as u, isValidURL as v, secondsToMinutes as x, shouldDisplayStorageField as L, sortFileItems as h, timeAgo as T } from "./utils/helpers.js";
+import { API_URL as a, APP_NAME as r, DEFAULT_PLAN_SETTINGS as o, DEV_MODE as s } from "./utils/constants.js";
+import { calculateDirectorySizes as n, clipPath as g, compareVersions as l, formatBytes as m, formatDateTime as p, formatDuration as c, formatNumberToK as P, formatPermissions as f, formatSeconds as A, getAvailableCliApps as d, getLogLevelName as D, getOSIcon as M, getProcessorIcon as S, getUpdateDocLink as E, isMobile as u, isServerEdition as x, isValidEmail as I, isValidURL as N, secondsToMinutes as h, shouldDisplayStorageField as v, sortFileItems as L, timeAgo as T } from "./utils/helpers.js";
 import { isPlanSettingsValid as R, planIntervalAgeName as V, planIntervalName as _ } from "./utils/plans.js";
-import { extractResticData as b, generateBackupProgressMessage as k, generateMirrorProgressMessage as y, generateRestoreProgressMessage as B, getBackupEventActionMessage as z, getRestoreEventActionMessage as O } from "./utils/progressHelpers.js";
+import { extractResticData as U, generateBackupProgressMessage as k, generateMirrorProgressMessage as y, generateRestoreProgressMessage as B, getBackupEventActionMessage as z, getRestoreEventActionMessage as O } from "./utils/progressHelpers.js";
 import { getParentPath as G, getPathSeparator as K, normalizePath as j, splitPath as q } from "./utils/restore.js";
 import { getIconNameForFile as H } from "./utils/getIconNameforFile.js";
+import { default as Q } from "./utils/snapshotDatabase.js";
 export {
-  r as API_URL,
-  a as APP_NAME,
+  a as API_URL,
+  r as APP_NAME,
   o as DEFAULT_PLAN_SETTINGS,
   s as DEV_MODE,
-  g as calculateDirectorySizes,
-  n as clipPath,
+  Q as SnapshotDatabase,
+  n as calculateDirectorySizes,
+  g as clipPath,
   l as compareVersions,
-  b as extractResticData,
+  U as extractResticData,
   m as formatBytes,
-  c as formatDateTime,
-  p as formatDuration,
+  p as formatDateTime,
+  c as formatDuration,
   P as formatNumberToK,
   f as formatPermissions,
   A as formatSeconds,
   k as generateBackupProgressMessage,
   y as generateMirrorProgressMessage,
   B as generateRestoreProgressMessage,
-  M as getAvailableCliApps,
+  d as getAvailableCliApps,
   z as getBackupEventActionMessage,
   H as getIconNameForFile,
-  d as getLogLevelName,
-  D as getOSIcon,
+  D as getLogLevelName,
+  M as getOSIcon,
   G as getParentPath,
   K as getPathSeparator,
-  E as getProcessorIcon,
+  S as getProcessorIcon,
   O as getRestoreEventActionMessage,
-  S as getUpdateDocLink,
-  I as isMobile,
+  E as getUpdateDocLink,
+  u as isMobile,
   R as isPlanSettingsValid,
-  N as isServerEdition,
-  u as isValidEmail,
-  v as isValidURL,
+  x as isServerEdition,
+  I as isValidEmail,
+  N as isValidURL,
   j as normalizePath,
   V as planIntervalAgeName,
   _ as planIntervalName,
-  x as secondsToMinutes,
-  L as shouldDisplayStorageField,
-  h as sortFileItems,
+  h as secondsToMinutes,
+  v as shouldDisplayStorageField,
+  L as sortFileItems,
   q as splitPath,
   T as timeAgo
 };

package/dist-lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "@plutonhq/core-frontend",
    "description": "Pluton Core Frontend Library",
-   "version": "0.1.24",
+   "version": "0.1.25",
    "author": "Plutonhq",
    "license": "Apache-2.0",
    "publishConfig": {

package/src/components/Plan/Backups/Backups.tsx

@@ -6,7 +6,14 @@ import { formatBytes, formatDateTime, formatDuration, formatNumberToK, timeAgo }
 import Icon from '../../common/Icon/Icon';
 import classes from './Backups.module.scss';
 import ActionModal from '../../common/ActionModal/ActionModal';
-import { useCancelBackupDownload, useDeleteBackup, useDownloadBackup, useGetBackupDownload, useUpdateBackup } from '../../../services/backups';
+import {
+   useCancelBackupDownload,
+   useDeleteBackup,
+   useDownloadBackup,
+   useGetBackupDownload,
+   useUpdateBackup,
+   useBrowseSnapshot,
+} from '../../../services/backups';
 import { useQueryClient } from '@tanstack/react-query';
 import RestoreWizard from '../../Restore/RestoreWizard/RestoreWizard';
 import StatusLabel from '../../common/StatusLabel/StatusLabel';
@@ -14,6 +21,7 @@ import BackupEvents from '../BackupEvents/BackupEvents';
 import Input from '../../common/form/Input/Input';
 import MirrorStatusBadge from '../Mirrors/MirrorStatusBadge';
 import MirrorStorageSelectorModal from '../Mirrors/MirrorStorageSelectorModal';
+import { SidePanel, SnapshotViewer } from '../..';
 
 const DownloadLabel = ({ download, downloadBackup }: { download: Backup['download']; downloadBackup: () => void }) => {
    if (download?.status === 'started') {
@@ -92,6 +100,7 @@ const Backups = ({
    const [showDeleteModal, setShowDeleteModal] = useState<Backup | false>(false);
    const [showRestoreModal, setShowRestoreModal] = useState<Backup | false>(false);
    const [showBackupEvents, setShowBackupEvents] = useState<false | string>(false);
+   const [showSnapshotViewer, setShowSnapshotViewer] = useState<Backup | false>(false);
    const [showEditModal, setShowEditModal] = useState<Backup | false>(false);
    const [showStorageSelector, setShowStorageSelector] = useState<Backup | false>(false);
    const queryClient = useQueryClient();
@@ -100,8 +109,11 @@ const Backups = ({
    const downloadBackupMutation = useDownloadBackup();
    const cancelDownloadMutation = useCancelBackupDownload();
    const getDownloadMutation = useGetBackupDownload();
+   const browseSnapshotMutation = useBrowseSnapshot();
    const isSync = method === 'sync';
 
+   const snapshotFiles = browseSnapshotMutation.data?.result;
+
    console.log('backups :', backups);
 
    const removeBackup = (backup: Backup) => {
@@ -289,6 +301,20 @@ const Backups = ({
                                     <Icon type={isDownloading ? 'close' : 'download'} size={14} /> {isDownloading ? 'Cancel Download' : 'Download'}
                                  </button>
                               )}
+                              {!isSync && status === 'completed' && active && (
+                                 <button
+                                    onClick={() => {
+                                       toast.promise(browseSnapshotMutation.mutateAsync({ backupId: id }), {
+                                          pending: 'Getting Snapshot Data...',
+                                          error: 'Failed to Get Snapshot Data.',
+                                       });
+                                       setShowSnapOptions(false);
+                                       setShowSnapshotViewer(snapshot);
+                                    }}
+                                 >
+                                    <Icon type="folders" size={14} /> Browse
+                                 </button>
+                              )}
                               {status === 'completed' && active && (
                                  <button
                                     className={isDownloading ? 'notAllowed' : ''}
@@ -414,6 +440,19 @@ const Backups = ({
                onClose={() => setShowStorageSelector(false)}
             />
          )}
+         {showSnapshotViewer && showSnapshotViewer.id && browseSnapshotMutation.isSuccess && (
+            <SidePanel width="100%" title="Browse Snapshot" icon={<Icon type={'folders'} size={20} />} close={() => setShowSnapshotViewer(false)}>
+               <SnapshotViewer
+                  files={snapshotFiles || []}
+                  backup={showSnapshotViewer}
+                  planId={planId}
+                  isSync={isSync}
+                  onClose={() => setShowSnapshotViewer(false)}
+                  mirrors={replicationSettings?.enabled ? showSnapshotViewer.mirrors : undefined}
+                  primaryStorage={replicationSettings?.enabled ? storage : undefined}
+               />
+            </SidePanel>
+         )}
       </div>
    );
 };