From da1816f27dff41fa416604d3d01448738c4007f8 Mon Sep 17 00:00:00 2001
From: Kunal Singh <kunalsin9h@gmail.com>
Date: Sat, 28 Oct 2023 13:04:38 +0530
Subject: [PATCH 1/2] refactor: using commit and export in same place

---
 src-tauri/Cargo.lock                   |   2 +-
 src/components/Header/Commit.tsx       | 202 ----------------------
 src/components/Header/Export.tsx       |  31 ----
 src/components/Header/ExportCommit.tsx | 225 +++++++++++++++++++++++++
 src/components/Header/Header.tsx       |   6 +-
 5 files changed, 228 insertions(+), 238 deletions(-)
 delete mode 100644 src/components/Header/Commit.tsx
 delete mode 100644 src/components/Header/Export.tsx
 create mode 100644 src/components/Header/ExportCommit.tsx

diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index e290072..40c9b29 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -2358,7 +2358,7 @@ checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
 
 [[package]]
 name = "secops"
-version = "0.11.0"
+version = "0.11.1"
 dependencies = [
  "chrono",
  "env_logger",
diff --git a/src/components/Header/Commit.tsx b/src/components/Header/Commit.tsx
deleted file mode 100644
index 8a2c465..0000000
--- a/src/components/Header/Commit.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import { useEffect, useState } from "react";
-import { invoke } from "@tauri-apps/api";
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger,
-} from "@/components/ui/sheet";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import { CommitIcon } from "@/lib/icons";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import {
-  type StateMeta,
-  getCommitStatus,
-  commitSettings,
-  CommitStatus,
-} from "@/lib/settings";
-import toastError, { toastInfoReload } from "@/lib/toastError";
-
-export default function Commit() {
-  return (
-    <Sheet>
-      <SheetTrigger>
-        <div className="bg-white text-black hover:bg-black/10 px-3 py-2 rounded-md cursor-pointer flex items-center gap-2">
-          <CommitIcon />
-          <span>Commit</span>
-        </div>
-      </SheetTrigger>
-      <SheetContent className="w-2/3 xl:w-1/3 overflow-y-scroll">
-        <SheetHeader>
-          <SheetTitle>Commit Settings!</SheetTitle>
-          <SheetDescription>
-            Commit takes snapshot of settings and configs, so that you can revet
-            back and apply backups.
-          </SheetDescription>
-        </SheetHeader>
-        <div className="px-2 xl:px-4 py-4 xl:py-8">
-          <Commits />
-        </div>
-      </SheetContent>
-    </Sheet>
-  );
-}
-
-function Commits() {
-  const [commitStatus, setCommitStatus] = useState<CommitStatus>();
-
-  useEffect(() => {
-    (async () => {
-      const status = await getCommitStatus();
-      setCommitStatus(status);
-    })();
-  }, [commitStatus]);
-
-  if (commitStatus === undefined) return <div>Loading...</div>;
-  return (
-    <div>
-      <CommitBox
-        status={commitStatus.commit}
-        data={commitStatus.states[0]}
-        statusUpdater={setCommitStatus}
-      />
-      <RevertBox
-        states={commitStatus.states.slice(1)}
-        commit={commitStatus.commit}
-      />
-    </div>
-  );
-}
-
-function CommitBox({
-  status,
-  data,
-  statusUpdater,
-}: {
-  status: boolean;
-  data: StateMeta;
-  statusUpdater: React.Dispatch<React.SetStateAction<CommitStatus | undefined>>;
-}) {
-  const [commitMessage, setCommitMessage] = useState("");
-  const [open, setOpen] = useState(false);
-
-  return (
-    <div className="flex flex-col gap-4 px-4 xl:px-8 my-4 xl:my-8">
-      <span className="text-md font-bold">{data.message}</span>
-      <div className="flex gap-4 items-center">
-        <Dialog open={open} onOpenChange={setOpen}>
-          <DialogTrigger
-            className={`${
-              status ? "pointer-events-none cursor-not-allowed" : ""
-            }
-              `}
-          >
-            <div
-              className={`${
-                status ? "bg-green-100" : "bg-green-300"
-              } text-black 
-                  "hover:bg-green-400/50"
-                   px-3 py-2 rounded-md `}
-            >
-              <span className="text-xs uppercase font-bold">
-                {status ? "All Good" : "Commit"}
-              </span>
-            </div>
-          </DialogTrigger>
-          <DialogContent>
-            <DialogHeader>
-              <DialogTitle>Commit current settings</DialogTitle>
-            </DialogHeader>
-            <div>
-              <Input
-                placeholder="Commit message..."
-                onChange={(e) => {
-                  e.preventDefault();
-                  setCommitMessage(e.target.value);
-                }}
-              />
-              <div className="mt-4 flex items-center gap-2 justify-end">
-                <Button
-                  variant={"secondary"}
-                  onClick={async (e) => {
-                    e.preventDefault();
-                    setOpen(false);
-                  }}
-                >
-                  Cancel
-                </Button>
-                <Button
-                  onClick={async (e) => {
-                    e.preventDefault();
-                    await commitSettings(commitMessage.trim());
-                    const status = await getCommitStatus();
-                    statusUpdater(status);
-                    setOpen(false);
-                  }}
-                >
-                  Commit
-                </Button>
-              </div>
-            </div>
-          </DialogContent>
-        </Dialog>
-        <span className="opacity-60 text-xs">{data.time}</span>
-      </div>
-    </div>
-  );
-}
-
-function RevertBox({
-  commit,
-  states,
-}: {
-  commit: boolean;
-  states: StateMeta[];
-}) {
-  return (
-    <div>
-      {states.map((value, index) => (
-        <div
-          key={index}
-          className="flex flex-col gap-4 px-4 xl:px-8 my-4 xl:my-8"
-        >
-          <span className="text-md font-bold">{value.message}</span>
-          <div className="flex gap-4 items-center">
-            <div
-              className="bg-red-300 text-black hover:bg-red-400/80 px-3 py-2 rounded-md cursor-pointer"
-              onClick={async (e) => {
-                e.preventDefault();
-                if (!commit) {
-                  toastError("Commit the current settings first!");
-                  return;
-                }
-                invoke("revert_commit", {
-                  file: value.fileName,
-                })
-                  .then(() =>
-                    toastInfoReload({
-                      title: "Settings reverted successfully",
-                      desc: "Reload the window to update UI",
-                    }),
-                  )
-                  .catch(toastError);
-              }}
-            >
-              <span className="text-xs uppercase font-bold">Revert</span>
-            </div>
-            <span className="opacity-60 text-xs">{value.time}</span>
-          </div>
-        </div>
-      ))}
-    </div>
-  );
-}
diff --git a/src/components/Header/Export.tsx b/src/components/Header/Export.tsx
deleted file mode 100644
index 73e3202..0000000
--- a/src/components/Header/Export.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger,
-} from "@/components/ui/sheet";
-import { ExportIcon } from "@/lib/icons";
-
-export default function Commit() {
-  return (
-    <Sheet>
-      <SheetTrigger>
-        <div className="bg-white text-black hover:bg-black/10 px-3 py-2 rounded-md cursor-pointer flex items-center gap-2">
-          <ExportIcon />
-          <span>Export</span>
-        </div>
-      </SheetTrigger>
-      <SheetContent className="w-1/3">
-        <SheetHeader>
-          <SheetTitle>Are you sure absolutely sure?</SheetTitle>
-          <SheetDescription>
-            This action cannot be undone. This will permanently delete your
-            account and remove your data from our servers.
-          </SheetDescription>
-        </SheetHeader>
-      </SheetContent>
-    </Sheet>
-  );
-}
diff --git a/src/components/Header/ExportCommit.tsx b/src/components/Header/ExportCommit.tsx
new file mode 100644
index 0000000..f61b9ff
--- /dev/null
+++ b/src/components/Header/ExportCommit.tsx
@@ -0,0 +1,225 @@
+import { useEffect, useState } from "react";
+import { invoke } from "@tauri-apps/api";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@/components/ui/sheet";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { CommitIcon, ExportIcon } from "@/lib/icons";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import {
+  type StateMeta,
+  getCommitStatus,
+  commitSettings,
+  CommitStatus,
+} from "@/lib/settings";
+import toastError, { toastInfoReload } from "@/lib/toastError";
+
+export default function ExportCommit() {
+  return (
+    <Sheet>
+      <SheetTrigger>
+        <div className="bg-white text-black hover:bg-black/10 px-3 py-2 rounded-md cursor-pointer flex items-center gap-2">
+          <ExportIcon />
+          <span>Export</span>
+          <span className="font-bold uppercase text-xs xl:mx-4 mx-1">or</span>
+          <CommitIcon />
+          <span>Commit</span>
+        </div>
+      </SheetTrigger>
+      <SheetContent className="w-2/3 xl:w-1/3 overflow-y-scroll">
+        <SheetHeader>
+          <SheetTitle>Commit Settings!</SheetTitle>
+          <SheetDescription>
+            Commit takes snapshot of settings and configs, so that you can revet
+            back and apply backups.
+          </SheetDescription>
+        </SheetHeader>
+        <div className="px-2 xl:px-4 py-4 xl:py-8">
+          <Commits />
+        </div>
+      </SheetContent>
+    </Sheet>
+  );
+}
+
+function Commits() {
+  const [commitStatus, setCommitStatus] = useState<CommitStatus>();
+
+  useEffect(() => {
+    (async () => {
+      const status = await getCommitStatus();
+      setCommitStatus(status);
+    })();
+  }, [commitStatus]);
+
+  if (commitStatus === undefined) return <div>Loading...</div>;
+  return (
+    <div>
+      <CommitBox
+        status={commitStatus.commit}
+        data={commitStatus.states[0]}
+        statusUpdater={setCommitStatus}
+      />
+      <RevertBox
+        states={commitStatus.states.slice(1)}
+        commit={commitStatus.commit}
+      />
+    </div>
+  );
+}
+
+function CommitBox({
+  status,
+  data,
+  statusUpdater,
+}: {
+  status: boolean;
+  data: StateMeta;
+  statusUpdater: React.Dispatch<React.SetStateAction<CommitStatus | undefined>>;
+}) {
+  const [commitMessage, setCommitMessage] = useState("");
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="flex flex-col gap-4 px-4 xl:px-8 my-4 xl:my-8">
+      <span className="text-md font-bold">{data.message}</span>
+      <div className="flex items-center gap-4">
+        <div className="flex gap-2 items-center">
+          <Dialog open={open} onOpenChange={setOpen}>
+            <DialogTrigger
+              className={`${
+                status ? "pointer-events-none cursor-not-allowed" : ""
+              }
+              `}
+            >
+              <div
+                className={`${
+                  status ? "bg-green-100" : "bg-green-300"
+                } text-black 
+                  "hover:bg-green-400/50"
+                   px-3 py-2 rounded-md `}
+              >
+                <span className="text-xs uppercase font-bold">
+                  {status ? "All Good" : "Commit"}
+                </span>
+              </div>
+            </DialogTrigger>
+            <DialogContent>
+              <DialogHeader>
+                <DialogTitle>Commit current settings</DialogTitle>
+              </DialogHeader>
+              <div>
+                <Input
+                  placeholder="Commit message..."
+                  onChange={(e) => {
+                    e.preventDefault();
+                    setCommitMessage(e.target.value);
+                  }}
+                />
+                <div className="mt-4 flex items-center gap-2 justify-end">
+                  <Button
+                    variant={"secondary"}
+                    onClick={async (e) => {
+                      e.preventDefault();
+                      setOpen(false);
+                    }}
+                  >
+                    Cancel
+                  </Button>
+                  <Button
+                    onClick={async (e) => {
+                      e.preventDefault();
+                      await commitSettings(commitMessage.trim());
+                      const status = await getCommitStatus();
+                      statusUpdater(status);
+                      setOpen(false);
+                    }}
+                  >
+                    Commit
+                  </Button>
+                </div>
+              </div>
+            </DialogContent>
+          </Dialog>
+          <ExportBox fileName={data.fileName} />
+        </div>
+        <span className="opacity-60 text-xs">{data.time}</span>
+      </div>
+    </div>
+  );
+}
+
+function RevertBox({
+  commit,
+  states,
+}: {
+  commit: boolean;
+  states: StateMeta[];
+}) {
+  return (
+    <div>
+      {states.map((value, index) => (
+        <div
+          key={index}
+          className="flex flex-col gap-4 px-4 xl:px-8 my-4 xl:my-8"
+        >
+          <span className="text-md font-bold">{value.message}</span>
+          <div className="flex gap-4 items-center">
+            <div className="flex gap-2 items-center">
+              <div
+                className="bg-black/10 text-black hover:bg-black/20 px-3 py-2 rounded-md cursor-pointer"
+                onClick={async (e) => {
+                  e.preventDefault();
+                  if (!commit) {
+                    toastError("Commit the current settings first!");
+                    return;
+                  }
+                  invoke("revert_commit", {
+                    file: value.fileName,
+                  })
+                    .then(() =>
+                      toastInfoReload({
+                        title: "Settings reverted successfully",
+                        desc: "Reload the window to update UI",
+                      }),
+                    )
+                    .catch(toastError);
+                }}
+              >
+                <span className="text-xs uppercase font-bold">Revert</span>
+              </div>
+              <ExportBox fileName={value.fileName} />
+            </div>
+            <span className="opacity-60 text-xs">{value.time}</span>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function ExportBox({ fileName }: { fileName: string }) {
+  return (
+    <div
+      className="border text-black hover:underline underline-offset-4 px-3 py-2 rounded-md cursor-pointer"
+      onClick={(e) => {
+        e.preventDefault();
+        toastError(fileName);
+      }}
+    >
+      <span className="text-xs uppercase font-bold">Export</span>
+    </div>
+  );
+}
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 7fee8f3..0ccae86 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -4,16 +4,14 @@ import { Input } from "../ui/input";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import Import from "./Import";
-import Export from "./Export";
-import Commit from "./Commit";
+import ExportCommit from "./ExportCommit";
 
 export default function Header() {
   return (
     <div className="h-12 xl:h-16 px-2 xl:px-4 flex justify-between items-center">
       <div className="flex gap-2 xl:gap-4 w-full">
         <Import />
-        <Export />
-        <Commit />
+        <ExportCommit />
       </div>
       <div className="flex gap-2 xl:gap-4 items-center justify-around">
         <Input type="text" placeholder="Search" />

From 7f585c5e8798bada0326b67be6e512286eff5d24 Mon Sep 17 00:00:00 2001
From: Kunal Singh <kunalsin9h@gmail.com>
Date: Sat, 28 Oct 2023 16:20:04 +0530
Subject: [PATCH 2/2] feat: finish export

Signed-off-by: Kunal Singh <kunalsin9h@gmail.com>
---
 src-tauri/Cargo.lock      | 317 +++++++++++++++++++++++++++++---------
 src-tauri/Cargo.toml      |   4 +-
 src-tauri/tauri.conf.json |   8 +-
 3 files changed, 255 insertions(+), 74 deletions(-)

diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index 40c9b29..0e9a459 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -121,9 +121,9 @@ checksum = "9e1b586273c5702936fe7b7d6896644d8be71e6314cfe09d3167c95f712589e8"
 
 [[package]]
 name = "base64"
-version = "0.21.4"
+version = "0.21.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9ba43ea6f343b788c8764558649e08df62f86c6ef251fdaeb1ffd010a9ae50a2"
+checksum = "35636a1494ede3b646cc98f74f8e62c773a38a659ebc777a2cf26b9b74171df9"
 
 [[package]]
 name = "bitflags"
@@ -165,9 +165,9 @@ dependencies = [
 
 [[package]]
 name = "brotli-decompressor"
-version = "2.5.0"
+version = "2.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "da74e2b81409b1b743f8f0c62cc6254afefb8b8e50bbfe3735550f7aeefa3448"
+checksum = "4e2e4afe60d7dd600fdd3de8d0f08c2b7ec039712e3b6137ff98b7004e82de4f"
 dependencies = [
  "alloc-no-stdlib",
  "alloc-stdlib",
@@ -401,9 +401,9 @@ dependencies = [
 
 [[package]]
 name = "cpufeatures"
-version = "0.2.10"
+version = "0.2.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3fbc60abd742b35f2492f808e1abbb83d45f72db402e14c55057edc9c7b1e9e4"
+checksum = "ce420fe07aecd3e67c5f910618fe65e94158f6dcc0adf44e00d69ce2bdfe0fd0"
 dependencies = [
  "libc",
 ]
@@ -622,7 +622,7 @@ checksum = "f54cc3e827ee1c3812239a9a41dede7b4d7d5d5464faa32d71bd7cba28ce2cb2"
 dependencies = [
  "cc",
  "rustc_version",
- "toml 0.8.2",
+ "toml 0.8.6",
  "vswhom",
  "winreg",
 ]
@@ -668,7 +668,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ac3e13f66a2f95e32a39eaa81f6b95d42878ca0e1db0c7543723dfe12557e860"
 dependencies = [
  "libc",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -705,7 +705,7 @@ dependencies = [
  "cfg-if",
  "libc",
  "redox_syscall 0.3.5",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -760,9 +760,9 @@ dependencies = [
 
 [[package]]
 name = "futures"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "23342abe12aba583913b2e62f22225ff9c950774065e4bfb61a19cd9770fec40"
+checksum = "da0290714b38af9b4a7b094b8a37086d1b4e61f2df9122c3cad2577669145335"
 dependencies = [
  "futures-channel",
  "futures-core",
@@ -775,9 +775,9 @@ dependencies = [
 
 [[package]]
 name = "futures-channel"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "955518d47e09b25bbebc7a18df10b81f0c766eaf4c4f1cccef2fca5f2a4fb5f2"
+checksum = "ff4dd66668b557604244583e3e1e1eada8c5c2e96a6d0d6653ede395b78bbacb"
 dependencies = [
  "futures-core",
  "futures-sink",
@@ -785,15 +785,15 @@ dependencies = [
 
 [[package]]
 name = "futures-core"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4bca583b7e26f571124fe5b7561d49cb2868d79116cfa0eefce955557c6fee8c"
+checksum = "eb1d22c66e66d9d72e1758f0bd7d4fd0bee04cad842ee34587d68c07e45d088c"
 
 [[package]]
 name = "futures-executor"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ccecee823288125bd88b4d7f565c9e58e41858e47ab72e8ea2d64e93624386e0"
+checksum = "0f4fb8693db0cf099eadcca0efe2a5a22e4550f98ed16aba6c48700da29597bc"
 dependencies = [
  "futures-core",
  "futures-task",
@@ -802,15 +802,15 @@ dependencies = [
 
 [[package]]
 name = "futures-io"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4fff74096e71ed47f8e023204cfd0aa1289cd54ae5430a9523be060cdb849964"
+checksum = "8bf34a163b5c4c52d0478a4d757da8fb65cabef42ba90515efee0f6f9fa45aaa"
 
 [[package]]
 name = "futures-macro"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "89ca545a94061b6365f2c7355b4b32bd20df3ff95f02da9329b34ccc3bd6ee72"
+checksum = "53b153fd91e4b0147f4aced87be237c98248656bb01050b96bf3ee89220a8ddb"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -819,21 +819,21 @@ dependencies = [
 
 [[package]]
 name = "futures-sink"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f43be4fe21a13b9781a69afa4985b0f6ee0e1afab2c6f454a8cf30e2b2237b6e"
+checksum = "e36d3378ee38c2a36ad710c5d30c2911d752cb941c00c72dbabfb786a7970817"
 
 [[package]]
 name = "futures-task"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "76d3d132be6c0e6aa1534069c705a74a5997a356c0dc2f86a47765e5617c5b65"
+checksum = "efd193069b0ddadc69c46389b740bbccdd97203899b48d09c5f7969591d6bae2"
 
 [[package]]
 name = "futures-util"
-version = "0.3.28"
+version = "0.3.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "26b01e40b772d54cf6c6d721c1d1abd0647a0106a12ecaa1c186273392a69533"
+checksum = "a19526d624e703a3179b3d322efec918b6246ea0fa51d41124525f00f1cc8104"
 dependencies = [
  "futures-channel",
  "futures-core",
@@ -1376,7 +1376,7 @@ checksum = "cb0889898416213fab133e1d33a0e5858a48177452750691bde3666d0fdbaf8b"
 dependencies = [
  "hermit-abi",
  "rustix",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -1638,13 +1638,13 @@ dependencies = [
 
 [[package]]
 name = "mio"
-version = "0.8.8"
+version = "0.8.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "927a765cd3fc26206e66b296465fa9d3e5ab003e651c1b3c060e7956d96b19d2"
+checksum = "3dce281c5e46beae905d4de1870d8b1509a9142b62eedf18b443b011ca8343d0"
 dependencies = [
  "libc",
  "wasi 0.11.0+wasi-snapshot-preview1",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -1768,6 +1768,17 @@ dependencies = [
  "objc_exception",
 ]
 
+[[package]]
+name = "objc-foundation"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1add1b659e36c9607c7aab864a76c7a4c2760cd0cd2e120f3fb8b952c7e22bf9"
+dependencies = [
+ "block",
+ "objc",
+ "objc_id",
+]
+
 [[package]]
 name = "objc_exception"
 version = "0.1.2"
@@ -1801,6 +1812,16 @@ version = "1.18.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "dd8b5dd2ae5ed71462c540258bedcb51965123ad7e7ccf4b9a8cafaa4a63576d"
 
+[[package]]
+name = "open"
+version = "3.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2078c0039e6a54a0c42c28faa984e115fb4c2d5bf2208f77d1961002df8576f8"
+dependencies = [
+ "pathdiff",
+ "windows-sys 0.42.0",
+]
+
 [[package]]
 name = "overload"
 version = "0.1.1"
@@ -1861,6 +1882,12 @@ version = "1.0.14"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "de3145af08024dea9fa9914f381a17b8fc6034dfb00f3a84013f7ff43f29ed4c"
 
+[[package]]
+name = "pathdiff"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8835116a5c179084a830efb3adc117ab007512b535bc1a21c991d3b32a6b44dd"
+
 [[package]]
 name = "percent-encoding"
 version = "2.3.0"
@@ -1995,11 +2022,11 @@ checksum = "26072860ba924cbfa98ea39c8c19b4dd6a4a25423dbdf219c1eca91aa0cf6964"
 
 [[package]]
 name = "plist"
-version = "1.5.0"
+version = "1.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bdc0001cfea3db57a2e24bc0d818e9e20e554b5f97fabb9bc231dc240269ae06"
+checksum = "9a4a0cfc5fb21a09dc6af4bf834cf10d4a32fccd9e2ea468c4b1751a097487aa"
 dependencies = [
- "base64 0.21.4",
+ "base64 0.21.5",
  "indexmap 1.9.3",
  "line-wrap",
  "quick-xml",
@@ -2089,9 +2116,9 @@ dependencies = [
 
 [[package]]
 name = "quick-xml"
-version = "0.29.0"
+version = "0.30.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "81b9228215d82c7b61490fec1de287136b5de6f5700f6e58ea9ad61a7964ca51"
+checksum = "eff6510e86862b57b210fd8cbe8ed3f0d7d600b9c2863cd4549a2e033c66e956"
 dependencies = [
  "memchr",
 ]
@@ -2274,6 +2301,30 @@ version = "0.8.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c08c74e62047bb2de4ff487b251e4a92e24f48745648451635cec7d591162d9f"
 
+[[package]]
+name = "rfd"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0149778bd99b6959285b0933288206090c50e2327f47a9c463bfdbf45c8823ea"
+dependencies = [
+ "block",
+ "dispatch",
+ "glib-sys",
+ "gobject-sys",
+ "gtk-sys",
+ "js-sys",
+ "lazy_static",
+ "log",
+ "objc",
+ "objc-foundation",
+ "objc_id",
+ "raw-window-handle",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "windows 0.37.0",
+]
+
 [[package]]
 name = "rspc"
 version = "0.1.3"
@@ -2306,15 +2357,15 @@ dependencies = [
 
 [[package]]
 name = "rustix"
-version = "0.38.20"
+version = "0.38.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "67ce50cb2e16c2903e30d1cbccfd8387a74b9d4c938b6a4c5ec6cc7556f7a8a0"
+checksum = "2b426b0506e5d50a7d8dafcf2e81471400deb602392c7dd110815afb4eaf02a3"
 dependencies = [
  "bitflags 2.4.1",
  "errno",
  "libc",
  "linux-raw-sys",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -2358,7 +2409,7 @@ checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
 
 [[package]]
 name = "secops"
-version = "0.11.1"
+version = "0.12.0"
 dependencies = [
  "chrono",
  "env_logger",
@@ -2402,18 +2453,18 @@ dependencies = [
 
 [[package]]
 name = "serde"
-version = "1.0.189"
+version = "1.0.190"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8e422a44e74ad4001bdc8eede9a4570ab52f71190e9c076d14369f38b9200537"
+checksum = "91d3c334ca1ee894a2c6f6ad698fe8c435b76d504b13d436f0685d648d6d96f7"
 dependencies = [
  "serde_derive",
 ]
 
 [[package]]
 name = "serde_derive"
-version = "1.0.189"
+version = "1.0.190"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1e48d1f918009ce3145511378cf68d613e3b3d9137d67272562080d68a2b32d5"
+checksum = "67c5609f394e5c2bd7fc51efda478004ea80ef42fee983d5c67a65e34f32c0e3"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -2444,9 +2495,9 @@ dependencies = [
 
 [[package]]
 name = "serde_spanned"
-version = "0.6.3"
+version = "0.6.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "96426c9936fd7a0124915f9185ea1d20aa9445cc9821142f0a73bc9207a2e186"
+checksum = "12022b835073e5b11e90a14f86838ceb1c8fb0325b72416845c487ac0fa95e80"
 dependencies = [
  "serde",
 ]
@@ -2457,7 +2508,7 @@ version = "3.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "64cd236ccc1b7a29e7e2739f27c0b2dd199804abc4290e32f59f3b68d6405c23"
 dependencies = [
- "base64 0.21.4",
+ "base64 0.21.5",
  "chrono",
  "hex",
  "indexmap 1.9.3",
@@ -2575,7 +2626,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7b5fac59a5cb5dd637972e5fca70daf0523c9067fcdc4842f053dae04a18f8e9"
 dependencies = [
  "libc",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -2727,15 +2778,15 @@ dependencies = [
  "cfg-expr 0.15.5",
  "heck 0.4.1",
  "pkg-config",
- "toml 0.8.2",
+ "toml 0.8.6",
  "version-compare 0.1.1",
 ]
 
 [[package]]
 name = "tao"
-version = "0.16.4"
+version = "0.16.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b768eb5cf657b045d03304b1f60ecb54eac8b520f393c4f4240a94111a1caa17"
+checksum = "75f5aefd6be4cd3ad3f047442242fd9f57cbfb3e565379f66b5e14749364fa4f"
 dependencies = [
  "bitflags 1.3.2",
  "cairo-rs",
@@ -2827,9 +2878,12 @@ dependencies = [
  "ignore",
  "objc",
  "once_cell",
+ "open",
  "percent-encoding",
  "rand 0.8.5",
  "raw-window-handle",
+ "regex",
+ "rfd",
  "semver",
  "serde",
  "serde_json",
@@ -2876,7 +2930,7 @@ version = "1.4.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7b3475e55acec0b4a50fb96435f19631fb58cbcd31923e1a213de5c382536bbb"
 dependencies = [
- "base64 0.21.4",
+ "base64 0.21.5",
  "brotli",
  "ico",
  "json-patch",
@@ -2884,6 +2938,7 @@ dependencies = [
  "png",
  "proc-macro2",
  "quote",
+ "regex",
  "semver",
  "serde",
  "serde_json",
@@ -2992,15 +3047,15 @@ dependencies = [
 
 [[package]]
 name = "tempfile"
-version = "3.8.0"
+version = "3.8.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cb94d2f3cc536af71caac6b6fcebf65860b347e7ce0cc9ebe8f70d3e521054ef"
+checksum = "7ef1adac450ad7f4b3c28589471ade84f25f731a7a0fe30d71dfa9f60fd808e5"
 dependencies = [
  "cfg-if",
  "fastrand",
- "redox_syscall 0.3.5",
+ "redox_syscall 0.4.1",
  "rustix",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -3119,7 +3174,7 @@ dependencies = [
  "signal-hook-registry",
  "socket2",
  "tokio-macros",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -3156,21 +3211,21 @@ dependencies = [
 
 [[package]]
 name = "toml"
-version = "0.8.2"
+version = "0.8.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "185d8ab0dfbb35cf1399a6344d8484209c088f75f8f68230da55d48d95d43e3d"
+checksum = "8ff9e3abce27ee2c9a37f9ad37238c1bdd4e789c84ba37df76aa4d528f5072cc"
 dependencies = [
  "serde",
  "serde_spanned",
  "toml_datetime",
- "toml_edit 0.20.2",
+ "toml_edit 0.20.7",
 ]
 
 [[package]]
 name = "toml_datetime"
-version = "0.6.3"
+version = "0.6.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7cda73e2f1397b1262d6dfdcef8aafae14d1de7748d66822d3bfeeb6d03e5e4b"
+checksum = "3550f4e9685620ac18a50ed434eb3aec30db8ba93b0287467bca5826ea25baf1"
 dependencies = [
  "serde",
 ]
@@ -3190,9 +3245,9 @@ dependencies = [
 
 [[package]]
 name = "toml_edit"
-version = "0.20.2"
+version = "0.20.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "396e4d48bbb2b7554c944bde63101b5ae446cff6ec4a24227428f15eb72ef338"
+checksum = "70f427fce4d84c72b5b732388bf4a9f4531b53f74e2887e3ecb2481f68f66d81"
 dependencies = [
  "indexmap 2.0.2",
  "serde",
@@ -3235,12 +3290,12 @@ dependencies = [
 
 [[package]]
 name = "tracing-log"
-version = "0.1.3"
+version = "0.1.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "78ddad33d2d10b1ed7eb9d1f518a5674713876e97e5bb9b7345a7984fbb4f922"
+checksum = "f751112709b4e791d8ce53e32c4ed2d353565a795ce84da2285393f41557bdf2"
 dependencies = [
- "lazy_static",
  "log",
+ "once_cell",
  "tracing-core",
 ]
 
@@ -3422,6 +3477,18 @@ dependencies = [
  "wasm-bindgen-shared",
 ]
 
+[[package]]
+name = "wasm-bindgen-futures"
+version = "0.4.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c02dbc21516f9f1f04f187958890d7e6026df8d16540b7ad9492bc34a67cea03"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "wasm-bindgen",
+ "web-sys",
+]
+
 [[package]]
 name = "wasm-bindgen-macro"
 version = "0.2.87"
@@ -3451,6 +3518,16 @@ version = "0.2.87"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ca6ad05a4870b2bf5fe995117d3728437bd27d7cd5f06f13c17443ef369775a1"
 
+[[package]]
+name = "web-sys"
+version = "0.3.64"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b85cbef8c220a6abc02aefd892dfc0fc23afb1c6a426316ec33253a3877249b"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
 [[package]]
 name = "webkit2gtk"
 version = "0.18.2"
@@ -3567,6 +3644,19 @@ version = "0.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
 
+[[package]]
+name = "windows"
+version = "0.37.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57b543186b344cc61c85b5aab0d2e3adf4e0f99bc076eff9aa5927bcc0b8a647"
+dependencies = [
+ "windows_aarch64_msvc 0.37.0",
+ "windows_i686_gnu 0.37.0",
+ "windows_i686_msvc 0.37.0",
+ "windows_x86_64_gnu 0.37.0",
+ "windows_x86_64_msvc 0.37.0",
+]
+
 [[package]]
 name = "windows"
 version = "0.39.0"
@@ -3625,6 +3715,21 @@ version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9ee5e275231f07c6e240d14f34e1b635bf1faa1c76c57cfd59a5cdb9848e4278"
 
+[[package]]
+name = "windows-sys"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a3e1820f08b8513f676f7ab6c1f99ff312fb97b553d30ff4dd86f9f15728aa7"
+dependencies = [
+ "windows_aarch64_gnullvm 0.42.2",
+ "windows_aarch64_msvc 0.42.2",
+ "windows_i686_gnu 0.42.2",
+ "windows_i686_msvc 0.42.2",
+ "windows_x86_64_gnu 0.42.2",
+ "windows_x86_64_gnullvm 0.42.2",
+ "windows_x86_64_msvc 0.42.2",
+]
+
 [[package]]
 name = "windows-sys"
 version = "0.48.0"
@@ -3640,12 +3745,12 @@ version = "0.48.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9a2fa6e2155d7247be68c096456083145c183cbbbc2764150dda45a87197940c"
 dependencies = [
- "windows_aarch64_gnullvm",
+ "windows_aarch64_gnullvm 0.48.5",
  "windows_aarch64_msvc 0.48.5",
  "windows_i686_gnu 0.48.5",
  "windows_i686_msvc 0.48.5",
  "windows_x86_64_gnu 0.48.5",
- "windows_x86_64_gnullvm",
+ "windows_x86_64_gnullvm 0.48.5",
  "windows_x86_64_msvc 0.48.5",
 ]
 
@@ -3655,72 +3760,144 @@ version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f838de2fe15fe6bac988e74b798f26499a8b21a9d97edec321e79b28d1d7f597"
 
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "597a5118570b68bc08d8d59125332c54f1ba9d9adeedeef5b99b02ba2b0698f8"
+
 [[package]]
 name = "windows_aarch64_gnullvm"
 version = "0.48.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "2b38e32f0abccf9987a4e3079dfb67dcd799fb61361e53e2882c3cbaf0d905d8"
 
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.37.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2623277cb2d1c216ba3b578c0f3cf9cdebeddb6e66b1b218bb33596ea7769c3a"
+
 [[package]]
 name = "windows_aarch64_msvc"
 version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ec7711666096bd4096ffa835238905bb33fb87267910e154b18b44eaabb340f2"
 
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e08e8864a60f06ef0d0ff4ba04124db8b0fb3be5776a5cd47641e942e58c4d43"
+
 [[package]]
 name = "windows_aarch64_msvc"
 version = "0.48.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "dc35310971f3b2dbbf3f0690a219f40e2d9afcf64f9ab7cc1be722937c26b4bc"
 
+[[package]]
+name = "windows_i686_gnu"
+version = "0.37.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3925fd0b0b804730d44d4b6278c50f9699703ec49bcd628020f46f4ba07d9e1"
+
 [[package]]
 name = "windows_i686_gnu"
 version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "763fc57100a5f7042e3057e7e8d9bdd7860d330070251a73d003563a3bb49e1b"
 
+[[package]]
+name = "windows_i686_gnu"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c61d927d8da41da96a81f029489353e68739737d3beca43145c8afec9a31a84f"
+
 [[package]]
 name = "windows_i686_gnu"
 version = "0.48.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a75915e7def60c94dcef72200b9a8e58e5091744960da64ec734a6c6e9b3743e"
 
+[[package]]
+name = "windows_i686_msvc"
+version = "0.37.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ce907ac74fe331b524c1298683efbf598bb031bc84d5e274db2083696d07c57c"
+
 [[package]]
 name = "windows_i686_msvc"
 version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7bc7cbfe58828921e10a9f446fcaaf649204dcfe6c1ddd712c5eebae6bda1106"
 
+[[package]]
+name = "windows_i686_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "44d840b6ec649f480a41c8d80f9c65108b92d89345dd94027bfe06ac444d1060"
+
 [[package]]
 name = "windows_i686_msvc"
 version = "0.48.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8f55c233f70c4b27f66c523580f78f1004e8b5a8b659e05a4eb49d4166cca406"
 
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.37.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2babfba0828f2e6b32457d5341427dcbb577ceef556273229959ac23a10af33d"
+
 [[package]]
 name = "windows_x86_64_gnu"
 version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "6868c165637d653ae1e8dc4d82c25d4f97dd6605eaa8d784b5c6e0ab2a252b65"
 
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8de912b8b8feb55c064867cf047dda097f92d51efad5b491dfb98f6bbb70cb36"
+
 [[package]]
 name = "windows_x86_64_gnu"
 version = "0.48.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "53d40abd2583d23e4718fddf1ebec84dbff8381c07cae67ff7768bbf19c6718e"
 
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "26d41b46a36d453748aedef1486d5c7a85db22e56aff34643984ea85514e94a3"
+
 [[package]]
 name = "windows_x86_64_gnullvm"
 version = "0.48.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0b7b52767868a23d5bab768e390dc5f5c55825b6d30b86c844ff2dc7414044cc"
 
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.37.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f4dd6dc7df2d84cf7b33822ed5b86318fb1781948e9663bacd047fc9dd52259d"
+
 [[package]]
 name = "windows_x86_64_msvc"
 version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5e4d40883ae9cae962787ca76ba76390ffa29214667a111db9e0a1ad8377e809"
 
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9aec5da331524158c6d1a4ac0ab1541149c0b9505fde06423b02f5ef0106b9f0"
+
 [[package]]
 name = "windows_x86_64_msvc"
 version = "0.48.5"
@@ -3743,7 +3920,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "937f3df7948156640f46aacef17a70db0de5917bda9c92b0f751f3a955b588fc"
 dependencies = [
  "cfg-if",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index e395252..450f813 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -18,7 +18,7 @@ features = ['derive']
 version = '1.0'
 
 [dependencies.tauri]
-features = ['fs-write-file', 'fs-read-dir', 'fs-read-file']
+features = ['fs-copy-file', 'dialog-save', 'shell-open', 'fs-write-file', 'fs-read-dir', 'fs-read-file']
 version = '1.4'
 
 [dependencies.tokio]
@@ -35,7 +35,7 @@ edition = '2021'
 license = 'MIT'
 name = 'secops'
 repository = 'https://github.com/kunalsin9h/secops'
-version = '0.11.1'
+version = '0.12.0'
 
 [profile]
 [profile.ci]
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 7c511e8..c5a2c97 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -8,12 +8,16 @@
   },
   "package": {
     "productName": "Secops",
-    "version": "0.11.1"
+    "version": "0.12.0"
   },
   "tauri": {
     "allowlist": {
       "all": false,
+      "dialog": {
+        "save": true
+      },
       "fs": {
+        "copyFile": true,
         "readDir": true,
         "readFile": true,
         "scope": [
@@ -24,7 +28,7 @@
       },
       "shell": {
         "all": false,
-        "open": false
+        "open": true
       }
     },
     "bundle": {