@plutonhq/core-frontend 0.1.24 → 0.1.26

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":";;;AAGA,IAAIA,IAAmB;AAEvB,eAAeC,IAAY;AACxB,SAAKD,MACFA,IAAc,MAAM,OAAO,OAAO,IAE9BA;AACV;AAUA,MAAME,EAAiB;AAAA,EAIpB,YAAoBC,GAAkB;AAH9B,IAAAC,EAAA,YAAU;AACV,IAAAA,EAAA,uBAAgB;AAEJ,SAAA,WAAAD;AAAA,EAAmB;AAAA,EAEvC,MAAM,aAAa;AAChB,QAAI,KAAK,cAAe;AAExB,UAAM,EAAE,OAAAE,MAAU,MAAMJ,EAAA;AAExB,SAAK,KAAK,IAAII,EAAM,cAAc,KAAK,QAAQ,EAAE,GACjD,KAAK,GAAG,QAAQ,CAAC,EAAE,OAAO;AAAA,MACvB,OAAO;AAAA,IAAA,CACT,GAED,KAAK,gBAAgB;AAAA,EACxB;AAAA,EAEA,MAAM,oBAAoBC,GAAmB;AAC1C,UAAM,KAAK,WAAA,GAGX,MAAM,KAAK,GAAG,MAAM,MAAA;AAGpB,UAAMC,IAAY,KACZC,IAAwB,CAAA;AAE9B,aAASC,IAAI,GAAGA,IAAIH,EAAM,QAAQG,KAAK;AACpC,YAAMC,IAAOJ,EAAMG,CAAC,GACdE,IAAiBD,EAAK,KAAK,YAAY,GAAG,GAC1CE,IAAaF,EAAK,KAAK,UAAU,GAAGC,CAAc,GAClDE,KAAYH,EAAK,QAAQA,EAAK,KAAK,MAAM,GAAG,EAAE,SAAS,IAAI,YAAA,GAC3DI,IAAQJ,EAAK,KAAK,MAAM,GAAG,EAAE,OAAO,OAAO,EAAE,QAE7CK,IAAYL,EAAK,cAAc,IAAI;AAEzC,MAAAF,EAAQ,KAAK;AAAA,QACV,GAAGE;AAAA,QACH,YAAAE;AAAA,QACA,UAAAC;AAAA,QACA,OAAAC;AAAA,QACA,WAAAC;AAAA,MAAA,CACF,GAEGP,EAAQ,UAAUD,MACnB,MAAM,KAAK,GAAG,MAAM,QAAQC,CAAO,GACnCA,EAAQ,SAAS;AAAA,IAEvB;AAEA,IAAIA,EAAQ,SAAS,KAClB,MAAM,KAAK,GAAG,MAAM,QAAQA,CAAO,GAGtC,QAAQ,IAAI,6BAA6B,MAAM,KAAK,GAAG,MAAM,MAAA,GAAS,eAAe;AAAA,EACxF;AAAA;AAAA,EAGA,MAAM,uBAAuBQ,IAAmB,GAAsB;AACnE,IAAK,KAAK,iBAAe,MAAM,KAAK,WAAA;AAEpC,QAAI;AAOD,YAAMC,KANa,MAAM,KAAK,GAAG,MAC7B,MAAM,WAAW,EACjB,OAAO,CAAC,EACR,IAAI,CAACC,MAAuBA,EAAO,SAASF,CAAQ,EACpD,QAAA,GAEqB,IAAI,CAACE,MAAuBA,EAAO,IAAI;AAChE,qBAAQ,IAAI,oCAAoCF,CAAQ,gBAAgBC,EAAM,QAAQ,aAAa,GAC5FA;AAAA,IACV,SAASE,GAAO;AACb,qBAAQ,MAAM,wCAAwCA,CAAK,GACpD,CAAA;AAAA,IACV;AAAA,EACH;AAAA;AAAA,EAGA,MAAM,kBAAkBC,GAAmC;AACxD,IAAK,KAAK,iBAAe,MAAM,KAAK,WAAA;AAEpC,QAAI;AAOD,aANc,MAAM,KAAK,GAAG,MACxB,MAAM,YAAY,EAClB,OAAOA,CAAO,EACd,IAAI,CAACF,MAAuBA,EAAO,cAAc,CAAC,EAClD,MAAA,IAEW;AAAA,IAClB,SAASC,GAAO;AACb,qBAAQ,MAAM,kCAAkCA,CAAK,GAC9C;AAAA,IACV;AAAA,EACH;AAAA;AAAA,EAGA,MAAM,kBAAkBP,GAAuC;AAC5D,IAAK,KAAK,iBAAe,MAAM,KAAK,WAAA;AAEpC,QAAI;AAOD,YAAMK,KANU,MAAM,KAAK,GAAG,MAC1B,MAAM,YAAY,EAClB,OAAOL,CAAU,EACjB,IAAI,CAACM,MAAuBA,EAAO,cAAc,CAAC,EAClD,QAAA,GAEkB,IAAI,CAACA,MAAuBA,EAAO,IAAI;AAC7D,qBAAQ,IAAI,yBAAyBN,CAAU,KAAKK,EAAM,QAAQ,gBAAgB,GAC3EA;AAAA,IACV,SAASE,GAAO;AACb,qBAAQ,MAAM,iCAAiCA,CAAK,GAC7C,CAAA;AAAA,IACV;AAAA,EACH;AAAA;AAAA,EAGA,MAAM,qBACHC,GACAC,IAAoB,QACpBC,IAAwB,OACxBC,IAAqB,IACD;AACpB,IAAK,KAAK,iBAAe,MAAM,KAAK,WAAA;AAEpC,QAAI;AACD,UAAIC;AAEJ,UAAID,EAAW,QAAQ;AACpB,cAAME,IAAW,MAAM,KAAK,GAAG,MAAM,MAAM,YAAY,EAAE,OAAOL,CAAO,EAAE,QAAA,GACnEM,IAAcH,EAAW,YAAA;AAC/B,QAAAC,IAAUC,EAAS,OAAO,CAACE,MAAqBA,EAAK,SAAS,SAASD,CAAW,KAAKC,EAAK,KAAK,YAAA,EAAc,SAASD,CAAW,CAAC;AAAA,MACvI;AACG,QAAAF,IAAU,MAAM,KAAK,GAAG,MAAM,MAAM,YAAY,EAAE,OAAOJ,CAAO,EAAE,QAAA;AAIrE,aAAAI,EAAQ,KAAK,CAACI,GAAeC,MAAkB;AAE5C,YAAID,EAAE,aAAa,CAACC,EAAE,UAAW,QAAO;AACxC,YAAI,CAACD,EAAE,aAAaC,EAAE,UAAW,QAAO;AAExC,YAAIC,GAAWC;AACf,gBAAQV,GAAA;AAAA,UACL,KAAK;AACF,YAAAS,IAAOF,EAAE,UACTG,IAAOF,EAAE;AACT;AAAA,UACH,KAAK;AACF,YAAAC,IAAO,IAAI,KAAKF,EAAE,UAAU,EAAE,QAAA,GAC9BG,IAAO,IAAI,KAAKF,EAAE,UAAU,EAAE,QAAA;AAC9B;AAAA,UACH,KAAK;AACF,YAAAC,IAAOF,EAAE,QAAQ,GACjBG,IAAOF,EAAE,QAAQ;AACjB;AAAA,UACH;AACG,mBAAO;AAAA,QAAA;AAGb,eAAIC,IAAOC,IAAaT,MAAkB,QAAQ,KAAK,IACnDQ,IAAOC,IAAaT,MAAkB,QAAQ,IAAI,KAC/C;AAAA,MACV,CAAC,GAEME;AAAA,IACV,SAASL,GAAO;AACb,qBAAQ,MAAM,qCAAqCA,CAAK,GACjD,CAAA;AAAA,IACV;AAAA,EACH;AAAA,EAEA,MAAM,UAAU;AACb,IAAI,KAAK,MACN,MAAM,KAAK,GAAG,OAAA;AAAA,EAEpB;AACH;"}

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.26",
    "author": "Plutonhq",
    "license": "Apache-2.0",
    "publishConfig": {

package/src/@types/backups.ts

@@ -55,7 +55,7 @@ export type Backup = {
    started: number;
    ended: number;
    duration: number;
-   status: 'completed' | 'cancelled' | 'failed' | 'started';
+   status: 'completed' | 'cancelled' | 'failed' | 'started' | 'retrying' | 'initializing';
    inProgress: boolean;
    totalFiles: number;
    totalSize: number;

package/src/components/Plan/BackupEvents/BackupEvents.tsx

@@ -57,9 +57,11 @@ const BackupEvents = ({ id, type = 'backup', sourceId, sourceType, planId, inPro
                   <Icon type={inProgress ? 'loading' : hasFinished === 'Completed' ? 'check-circle-filled' : 'error-circle-filled'} size={14} />{' '}
                   {inProgress ? `${type} In Progress` : `${type} ${hasFinished}` || 'Unknown'}
                </div>
-               <div title="Duration" className={classes.duration}>
-                  <Icon type="clock" size={14} /> {(progressDataToUse?.duration && formatDuration(progressDataToUse.duration / 1000)) || 'N/A'}
-               </div>
+               {!inProgress && hasFinished && (
+                  <div title="Duration" className={classes.duration}>
+                     <Icon type="clock" size={14} /> {(progressDataToUse?.duration && formatDuration(progressDataToUse.duration / 1000)) || 'N/A'}
+                  </div>
+               )}
             </div>
             {isLoading && (
                <div className={classes.loading}>

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>
    );
 };

package/src/components/Plan/PlanPruneModal/PlanPruneModal.tsx

@@ -15,6 +15,56 @@ interface PlanPruneModalProps {
 const PlanPruneModal = ({ planId, method, prune, snapshotsCount, taskPending, close }: PlanPruneModalProps) => {
    const pruneMutation = usePrunePlan();
 
+   const getBackupMessage = () => {
+      switch (prune.policy) {
+         case 'keepLast':
+            return (
+               <>
+                  Your plan is set to keep the last {prune.snapCount} backups.{' '}
+                  {prune.snapCount < snapshotsCount
+                     ? `Running prune now will remove ${snapshotsCount - prune.snapCount} older snapshots, freeing up some storage space.`
+                     : 'There are no excess snapshots to clean up.'}
+               </>
+            );
+         case 'forgetByAge':
+            return (
+               <>
+                  Your plan is set to remove backups older than {planIntervalAgeName(prune.forgetAge || '3m')}, while always keeping at least{' '}
+                  {prune.snapCount || 1} backup{(prune.snapCount || 1) > 1 ? 's' : ''}. This action will remove any backups that exceed the retention
+                  policy.
+               </>
+            );
+         case 'custom':
+            return (
+               <>
+                  Your plan uses an advanced retention policy
+                  {prune.keepDailySnaps ? `, keeping daily backups for ${prune.keepDailySnaps} days` : ''}
+                  {prune.keepWeeklySnaps ? `, weekly backups for ${prune.keepWeeklySnaps} weeks` : ''}
+                  {prune.keepMonthlySnaps ? `, monthly backups for ${prune.keepMonthlySnaps} months` : ''}, while always keeping at least{' '}
+                  {prune.snapCount || 1} backup{(prune.snapCount || 1) > 1 ? 's' : ''}. This action will remove any backups that exceed the retention
+                  policy.
+               </>
+            );
+         case 'disable':
+            return <>Pruning is disabled for this plan. No backups will be removed.</>;
+         default:
+            return (
+               <>
+                  Your plan is set to maintain {prune.snapCount} recent backups.{' '}
+                  {prune.snapCount < snapshotsCount
+                     ? `Running prune now will remove ${snapshotsCount - prune.snapCount} older snapshots, freeing up some storage space.`
+                     : 'There are no excess snapshots to clean up.'}
+               </>
+            );
+      }
+   };
+
+   const canPrune = () => {
+      if (prune.policy === 'disable') return false;
+      if (prune.policy === 'keepLast' && prune.snapCount >= snapshotsCount) return false;
+      return true;
+   };
+
    return (
       <ActionModal
          title={method === 'sync' ? 'Clean Up Old Revisions' : 'Clean Up Old Backups'}
@@ -23,25 +73,18 @@ const PlanPruneModal = ({ planId, method, prune, snapshotsCount, taskPending, cl
                {method === 'sync' ? (
                   <>
                      Your plan is set to maintain{' '}
-                     {prune.policy === 'forgetByAge' ? `file revisions newer than ${planIntervalAgeName(prune.forgetAge || '3m')}.` : ''}{' '}
-                     {prune.policy === 'forgetByFileCount' ? `Only keep the last ${prune.snapCount} versions of each file.` : ''} This action will
-                     remove any excess file revisions older than the retention policy.
+                     {prune.policy === 'forgetByAge' ? `file revisions newer than ${planIntervalAgeName(prune.forgetAge || '3m')}.` : ''} This action
+                     will remove any excess file revisions older than the retention policy.
                   </>
                ) : (
-                  <>
-                     Your plan is set to maintain {prune.snapCount} recent backups(snapshots).{' '}
-                     {prune.snapCount < snapshotsCount
-                        ? `Running prune now will remove ${' '}
-                        ${snapshotsCount - prune.snapCount} older snapshots, freeing up some storage space`
-                        : 'There are no excess snapshots to clean up.'}
-                  </>
+                  getBackupMessage()
                )}
             </>
          }
          closeModal={() => !pruneMutation.isPending && close()}
          width="500px"
          primaryAction={{
-            title: method === 'sync' ? `Yes, Remove Old Revisions` : prune.snapCount < snapshotsCount ? 'Yes, Remove Old Backups' : '',
+            title: method === 'sync' ? 'Yes, Remove Old Revisions' : canPrune() ? 'Yes, Remove Old Backups' : '',
             type: 'default',
             isPending: pruneMutation.isPending,
             action: () =>