diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 3c0387ae..5e3cd742 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -37,7 +37,7 @@
     "/chunks/homepage.js": "/chunks/homepage.js?id=0851a272cec4302a3247",
     "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=c5a95e5609e9129cecca",
     "/chunks/invoices.js": "/chunks/invoices.js?id=f93a0f6f580fc4dc16d5",
-    "/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=1a749c690540349c5276",
+    "/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=7fc7f9b6f10bdfac770e",
     "/chunks/page-edit.js": "/chunks/page-edit.js?id=ac3b1af55ac49069c599",
     "/chunks/pages.js": "/chunks/pages.js?id=ae8031c98c3824580c28",
     "/chunks/plan.js": "/chunks/plan.js?id=abc4b8db6d8056cfbeae",
@@ -46,7 +46,7 @@
     "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=ff5bce452d57e4f8f3fc",
     "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=a636b523fe6d695db4e8",
     "/chunks/plans.js": "/chunks/plans.js?id=cf19663a4e9bf49d1454",
-    "/chunks/platform.js": "/chunks/platform.js?id=0593837a07d9d17791e4",
+    "/chunks/platform.js": "/chunks/platform.js?id=f72fd8af1bdabd68aab9",
     "/chunks/platform~chunks/shared-page.js": "/chunks/platform~chunks/shared-page.js?id=22de85e1509bb2bb7c0f",
     "/chunks/profile.js": "/chunks/profile.js?id=822812c633278c31acef",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=f32a0aa48b017ab8d29f",
@@ -60,7 +60,7 @@
     "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=3363832973196a82a49a",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=c6b88005b133268ed88f",
     "/chunks/shared-files.js": "/chunks/shared-files.js?id=e6f7de2910d85a2dd3e4",
-    "/chunks/shared-page.js": "/chunks/shared-page.js?id=c2231bfbe8e9512d2078",
+    "/chunks/shared-page.js": "/chunks/shared-page.js?id=eb09807dfd9a68ec4f5c",
     "/chunks/sign-in.js": "/chunks/sign-in.js?id=af61663f3e69eae3e5ee",
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=2bc6c1353362c0063d45",
     "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=23d5da9b7bba26268496",
@@ -78,7 +78,7 @@
     "/chunks/user-storage.js": "/chunks/user-storage.js?id=d989f56de65842d84727",
     "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=f55c3685c1674bbe02a1",
     "/chunks/users.js": "/chunks/users.js?id=9085e0306eafce8f9fce",
-    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~22f6a590.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~22f6a590.js?id=f31252330923ec639454",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~22f6a590.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~22f6a590.js?id=1d8550cbd4e320b787dd",
     "/vendors~chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.js": "/vendors~chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.js?id=2fff5cb696a27352d8ef",
     "/chunks/shared-page.364a874ef36541d114d0.hot-update.js": "/chunks/shared-page.364a874ef36541d114d0.hot-update.js",
     "/js/main.163eaf3abf26ebd94b54.hot-update.js": "/js/main.163eaf3abf26ebd94b54.hot-update.js",
@@ -208,5 +208,131 @@
     "/chunks/admin.e99b7f40c9092a769f5d.hot-update.js": "/chunks/admin.e99b7f40c9092a769f5d.hot-update.js",
     "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=82cee1c42a3cb3f8b025",
     "/chunks/platform.e99b7f40c9092a769f5d.hot-update.js": "/chunks/platform.e99b7f40c9092a769f5d.hot-update.js",
-    "/chunks/admin~chunks/platform.f14e2ef9fb75eba68bbd.hot-update.js": "/chunks/admin~chunks/platform.f14e2ef9fb75eba68bbd.hot-update.js"
+    "/chunks/admin~chunks/platform.f14e2ef9fb75eba68bbd.hot-update.js": "/chunks/admin~chunks/platform.f14e2ef9fb75eba68bbd.hot-update.js",
+    "/chunks/shared-page.052d27057baae1f28f68.hot-update.js": "/chunks/shared-page.052d27057baae1f28f68.hot-update.js",
+    "/js/main.8e1e4f02825a7d7d812e.hot-update.js": "/js/main.8e1e4f02825a7d7d812e.hot-update.js",
+    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~ece8a61f.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~ece8a61f.js?id=4643e80e19aa7c727b7e",
+    "/chunks/not-found-shared.8e1e4f02825a7d7d812e.hot-update.js": "/chunks/not-found-shared.8e1e4f02825a7d7d812e.hot-update.js",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~e1101db1.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~e1101db1.js?id=5d53d481c938d5c5d5dc",
+    "/js/main.e241b269a38b5e081a51.hot-update.js": "/js/main.e241b269a38b5e081a51.hot-update.js",
+    "/chunks/shared-page.e241b269a38b5e081a51.hot-update.js": "/chunks/shared-page.e241b269a38b5e081a51.hot-update.js",
+    "/js/main.73c35a03fee1f76b864f.hot-update.js": "/js/main.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/admin-account.73c35a03fee1f76b864f.hot-update.js": "/chunks/admin-account.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~626444f9.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~626444f9.js?id=a72962c56836bc7c51ff",
+    "/chunks/app-setup.73c35a03fee1f76b864f.hot-update.js": "/chunks/app-setup.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/billings-detail.73c35a03fee1f76b864f.hot-update.js": "/chunks/billings-detail.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/create-new-password.73c35a03fee1f76b864f.hot-update.js": "/chunks/create-new-password.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/database.73c35a03fee1f76b864f.hot-update.js": "/chunks/database.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/environment-setup.73c35a03fee1f76b864f.hot-update.js": "/chunks/environment-setup.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/forgotten-password.73c35a03fee1f76b864f.hot-update.js": "/chunks/forgotten-password.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/installation-disclaimer.73c35a03fee1f76b864f.hot-update.js": "/chunks/installation-disclaimer.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/purchase-code.73c35a03fee1f76b864f.hot-update.js": "/chunks/purchase-code.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/shared-page.73c35a03fee1f76b864f.hot-update.js": "/chunks/shared-page.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/sign-in.73c35a03fee1f76b864f.hot-update.js": "/chunks/sign-in.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/sign-up.73c35a03fee1f76b864f.hot-update.js": "/chunks/sign-up.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/stripe-credentials.73c35a03fee1f76b864f.hot-update.js": "/chunks/stripe-credentials.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/subscription-plans.73c35a03fee1f76b864f.hot-update.js": "/chunks/subscription-plans.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/subscription-service.73c35a03fee1f76b864f.hot-update.js": "/chunks/subscription-service.73c35a03fee1f76b864f.hot-update.js",
+    "/chunks/shared-page.f8e3e3e51e29420bb5c4.hot-update.js": "/chunks/shared-page.f8e3e3e51e29420bb5c4.hot-update.js",
+    "/chunks/shared-page.b1e2263a38a152da52ec.hot-update.js": "/chunks/shared-page.b1e2263a38a152da52ec.hot-update.js",
+    "/js/main.4429ec11cd39314544f5.hot-update.js": "/js/main.4429ec11cd39314544f5.hot-update.js",
+    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~f683a934.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~f683a934.js?id=da3c071703a2181433fe",
+    "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser.js?id=112957f471dc689e3109",
+    "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~f0e271cf.js": "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~f0e271cf.js?id=e08d86434aa7686f9375",
+    "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser.js?id=64cfa18c41ea2a962cca",
+    "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser~chunk~af6e0f9b.js": "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser~chunk~af6e0f9b.js?id=f989a7bb29ae9c6cd5d7",
+    "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/shared/file-~d32f756f.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/shared/file-~d32f756f.js?id=098cf63317de748c450a",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser.js?id=6e316c0bf7aea693ccf0",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/shared/file-browser~chunks/shared/single-file.js?id=83fc74edc02d7ad4b5d8",
+    "/chunks/files~chunks/shared-page~chunks/shared/file-browser.js": "/chunks/files~chunks/shared-page~chunks/shared/file-browser.js?id=ffefca99e39bafadd122",
+    "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=60e8f0fdb35d2c8552dc",
+    "/chunks/shared/file-browser.js": "/chunks/shared/file-browser.js?id=2e3f0efe51db68350e48",
+    "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=298e41c1c453bf1fde9b",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~16a3655b.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~16a3655b.js?id=8cd16ed5cde28ce69e95",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~e1101db1.4429ec11cd39314544f5.hot-update.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~e1101db1.4429ec11cd39314544f5.hot-update.js",
+    "/vendors~chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page~chunks/shared/file-brows~de6b9e41.js": "/vendors~chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page~chunks/shared/file-brows~de6b9e41.js?id=8e7a6d504a54f29a5b6a",
+    "/chunks/shared-page.1934b9e1bd80e59e5c43.hot-update.js": "/chunks/shared-page.1934b9e1bd80e59e5c43.hot-update.js",
+    "/js/main.f5889ccfdc0346b2befe.hot-update.js": "/js/main.f5889ccfdc0346b2befe.hot-update.js",
+    "/js/main.9dbd4aef0f50ec71b950.hot-update.js": "/js/main.9dbd4aef0f50ec71b950.hot-update.js",
+    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~a001bb84.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~a001bb84.js?id=a5c633801fc0dbbc727a",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~654f4f89.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~654f4f89.js?id=5591dfcd88a000ec459c",
+    "/chunks/shared/single-file.3a4a20451a63b04808c9.hot-update.js": "/chunks/shared/single-file.3a4a20451a63b04808c9.hot-update.js",
+    "/js/main.55d27db12b46dabfa9cf.hot-update.js": "/js/main.55d27db12b46dabfa9cf.hot-update.js",
+    "/js/main.b1c5121c4e2aa44b8e72.hot-update.js": "/js/main.b1c5121c4e2aa44b8e72.hot-update.js",
+    "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared/file-browser.js?id=f1e1597205ff30d4fa4a",
+    "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~0bfeabca.js": "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~0bfeabca.js?id=c3c1a252593a1b95eb0f",
+    "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared/file-browser.js?id=c9caef44017c6e1289a6",
+    "/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser.js?id=7525a5201f806293a60a",
+    "/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser~chunks/sha~8510f6c9.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser~chunks/sha~8510f6c9.js?id=3e43db9b38c83dd03a3b",
+    "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared/file-browser~chunks/user~9058a49f.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared/file-browser~chunks/user~9058a49f.js?id=68e8dbc0e27e1906a855",
+    "/chunks/files~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared-files~chunks/shared/file-browser.js?id=263e85f5dcb402029ca3",
+    "/chunks/files~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js?id=90193de08263e128d31a",
+    "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=3b49ff66accb15109d71",
+    "/chunks/platform.b1c5121c4e2aa44b8e72.hot-update.js": "/chunks/platform.b1c5121c4e2aa44b8e72.hot-update.js",
+    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=6ebf3bfc8328f980980e",
+    "/chunks/shared.js": "/chunks/shared.js?id=2c38f535d52e0e448846",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~68e3c6cf.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~68e3c6cf.js?id=b490efdc8470a6c2f625",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~a4a4a595.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~a4a4a595.js?id=be99c10088b00578891b",
+    "/vendors~chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser~ch~52c14f2e.js": "/vendors~chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser~ch~52c14f2e.js?id=66afa0e341251a68c3d3",
+    "/js/main.6ef6085b5f5f2ae0f5b2.hot-update.js": "/js/main.6ef6085b5f5f2ae0f5b2.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js?id=e837031dd6b430ecf2f1",
+    "/chunks/shared.6ef6085b5f5f2ae0f5b2.hot-update.js": "/chunks/shared.6ef6085b5f5f2ae0f5b2.hot-update.js",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~685b065c.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~685b065c.js?id=e6ddcde16aa1ff7d3aaa",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~bb345f08.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~bb345f08.js?id=9c077f0a177d1b18fa0b",
+    "/vendors~chunks/files~chunks/platform~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js": "/vendors~chunks/files~chunks/platform~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js?id=ba4b437cc6c9f15ec2f5",
+    "/chunks/shared.fc2135d1ddf09c5390e5.hot-update.js": "/chunks/shared.fc2135d1ddf09c5390e5.hot-update.js",
+    "/chunks/shared/file-browser.3a6d5e1cc8b1a65004c1.hot-update.js": "/chunks/shared/file-browser.3a6d5e1cc8b1a65004c1.hot-update.js",
+    "/js/main.1dced3b5837e8fe87011.hot-update.js": "/js/main.1dced3b5837e8fe87011.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared/file-browser.1dced3b5837e8fe87011.hot-update.js": "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared/file-browser.1dced3b5837e8fe87011.hot-update.js",
+    "/chunks/platform.1dced3b5837e8fe87011.hot-update.js": "/chunks/platform.1dced3b5837e8fe87011.hot-update.js",
+    "/chunks/shared.1dced3b5837e8fe87011.hot-update.js": "/chunks/shared.1dced3b5837e8fe87011.hot-update.js",
+    "/chunks/shared.cbd7a9ce8a5876ba4db2.hot-update.js": "/chunks/shared.cbd7a9ce8a5876ba4db2.hot-update.js",
+    "/chunks/shared.4ca3588672d9272c7f2a.hot-update.js": "/chunks/shared.4ca3588672d9272c7f2a.hot-update.js",
+    "/chunks/shared/file-browser.065472475f3db008e563.hot-update.js": "/chunks/shared/file-browser.065472475f3db008e563.hot-update.js",
+    "/chunks/shared/file-browser.76452e0b410e2dfb8074.hot-update.js": "/chunks/shared/file-browser.76452e0b410e2dfb8074.hot-update.js",
+    "/chunks/shared/file-browser.90c39937347b36e4ce34.hot-update.js": "/chunks/shared/file-browser.90c39937347b36e4ce34.hot-update.js",
+    "/chunks/shared/file-browser.e6e0e19a3c3f89007c96.hot-update.js": "/chunks/shared/file-browser.e6e0e19a3c3f89007c96.hot-update.js",
+    "/chunks/shared.c469d60561e924e9782c.hot-update.js": "/chunks/shared.c469d60561e924e9782c.hot-update.js",
+    "/chunks/shared/file-browser.461e0e58ad0cfb43f331.hot-update.js": "/chunks/shared/file-browser.461e0e58ad0cfb43f331.hot-update.js",
+    "/chunks/shared.232ce65b30598e567209.hot-update.js": "/chunks/shared.232ce65b30598e567209.hot-update.js",
+    "/chunks/shared/file-browser.6317419fa8872dd875a0.hot-update.js": "/chunks/shared/file-browser.6317419fa8872dd875a0.hot-update.js",
+    "/chunks/shared.eb70f410bca4c171106f.hot-update.js": "/chunks/shared.eb70f410bca4c171106f.hot-update.js",
+    "/chunks/shared.31ce06fd050f1e53015c.hot-update.js": "/chunks/shared.31ce06fd050f1e53015c.hot-update.js",
+    "/chunks/shared.f623507179c4c88a39a2.hot-update.js": "/chunks/shared.f623507179c4c88a39a2.hot-update.js",
+    "/chunks/shared.7a73ec28f9e7f08fca02.hot-update.js": "/chunks/shared.7a73ec28f9e7f08fca02.hot-update.js",
+    "/chunks/shared/file-browser.7a73ec28f9e7f08fca02.hot-update.js": "/chunks/shared/file-browser.7a73ec28f9e7f08fca02.hot-update.js",
+    "/chunks/shared.7ba2a5ba89c1ff1a03d4.hot-update.js": "/chunks/shared.7ba2a5ba89c1ff1a03d4.hot-update.js",
+    "/chunks/shared/file-browser.d7c9c267f9979d6c2b1a.hot-update.js": "/chunks/shared/file-browser.d7c9c267f9979d6c2b1a.hot-update.js",
+    "/chunks/shared/file-browser.b522141dc530daa72758.hot-update.js": "/chunks/shared/file-browser.b522141dc530daa72758.hot-update.js",
+    "/js/main.b2970143f6afa34e272b.hot-update.js": "/js/main.b2970143f6afa34e272b.hot-update.js",
+    "/chunks/shared.8ca74457445ade49346a.hot-update.js": "/chunks/shared.8ca74457445ade49346a.hot-update.js",
+    "/chunks/shared/file-browser.a37801fbbbbb09e8c8f5.hot-update.js": "/chunks/shared/file-browser.a37801fbbbbb09e8c8f5.hot-update.js",
+    "/chunks/shared/file-browser.5fa3fe7ae9823cf87e12.hot-update.js": "/chunks/shared/file-browser.5fa3fe7ae9823cf87e12.hot-update.js",
+    "/js/main.6a2d53b8bbd7019f78a9.hot-update.js": "/js/main.6a2d53b8bbd7019f78a9.hot-update.js",
+    "/chunks/shared/file-browser.58800b30435a169fb776.hot-update.js": "/chunks/shared/file-browser.58800b30435a169fb776.hot-update.js",
+    "/js/main.f2c447acb426cdbc43a4.hot-update.js": "/js/main.f2c447acb426cdbc43a4.hot-update.js",
+    "/js/main.8c462c95f0b5ef15b355.hot-update.js": "/js/main.8c462c95f0b5ef15b355.hot-update.js",
+    "/chunks/shared.c96fdc58b1544831bd49.hot-update.js": "/chunks/shared.c96fdc58b1544831bd49.hot-update.js",
+    "/js/main.4f3660ab8183fc51f215.hot-update.js": "/js/main.4f3660ab8183fc51f215.hot-update.js",
+    "/chunks/shared.7542e2026b824dc182be.hot-update.js": "/chunks/shared.7542e2026b824dc182be.hot-update.js",
+    "/chunks/shared.2c4386fb0cc151d04e91.hot-update.js": "/chunks/shared.2c4386fb0cc151d04e91.hot-update.js",
+    "/chunks/shared.a5f5b7a7b3f53dd31a91.hot-update.js": "/chunks/shared.a5f5b7a7b3f53dd31a91.hot-update.js",
+    "/chunks/shared.d2c41261f051c4e3c5b1.hot-update.js": "/chunks/shared.d2c41261f051c4e3c5b1.hot-update.js",
+    "/chunks/shared.70e7e687209ebaf60ae2.hot-update.js": "/chunks/shared.70e7e687209ebaf60ae2.hot-update.js",
+    "/chunks/shared.182c83e8d3507d7d82d3.hot-update.js": "/chunks/shared.182c83e8d3507d7d82d3.hot-update.js",
+    "/chunks/shared/file-browser.f746e30c5853395fd76f.hot-update.js": "/chunks/shared/file-browser.f746e30c5853395fd76f.hot-update.js",
+    "/chunks/shared/file-browser.65e2724b478da0cd69e7.hot-update.js": "/chunks/shared/file-browser.65e2724b478da0cd69e7.hot-update.js",
+    "/chunks/shared/file-browser.dd3bcbfbe799bcb56c21.hot-update.js": "/chunks/shared/file-browser.dd3bcbfbe799bcb56c21.hot-update.js",
+    "/chunks/shared/single-file.55c5ee9cebb3bfcd5d92.hot-update.js": "/chunks/shared/single-file.55c5ee9cebb3bfcd5d92.hot-update.js",
+    "/chunks/shared/single-file.25ffc6ee780a55cfacfb.hot-update.js": "/chunks/shared/single-file.25ffc6ee780a55cfacfb.hot-update.js",
+    "/chunks/shared/single-file.de700e9d6dd3c26819f9.hot-update.js": "/chunks/shared/single-file.de700e9d6dd3c26819f9.hot-update.js",
+    "/chunks/shared/single-file.5460d278f679ff436969.hot-update.js": "/chunks/shared/single-file.5460d278f679ff436969.hot-update.js",
+    "/chunks/shared/single-file.6f80f4bdc0c09968c9f2.hot-update.js": "/chunks/shared/single-file.6f80f4bdc0c09968c9f2.hot-update.js",
+    "/chunks/shared/single-file.5b7702a1bafa299bdcf7.hot-update.js": "/chunks/shared/single-file.5b7702a1bafa299bdcf7.hot-update.js",
+    "/js/main.5f83818a5f98588af802.hot-update.js": "/js/main.5f83818a5f98588af802.hot-update.js",
+    "/js/main.98db9188a47dbc75d597.hot-update.js": "/js/main.98db9188a47dbc75d597.hot-update.js",
+    "/chunks/shared/single-file.ca81ec309eb44f3afcb4.hot-update.js": "/chunks/shared/single-file.ca81ec309eb44f3afcb4.hot-update.js",
+    "/chunks/shared/authenticate.a8c3d17e31cf6accfa30.hot-update.js": "/chunks/shared/authenticate.a8c3d17e31cf6accfa30.hot-update.js",
+    "/chunks/shared/authenticate.53b010e3b19afeb8fb22.hot-update.js": "/chunks/shared/authenticate.53b010e3b19afeb8fb22.hot-update.js",
+    "/chunks/shared/authenticate.dcdbcb4bb784528d2e42.hot-update.js": "/chunks/shared/authenticate.dcdbcb4bb784528d2e42.hot-update.js"
 }
diff --git a/resources/js/App.vue b/resources/js/App.vue
index e3000eee..27a01da8 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="vuefilemanager" v-cloak @click="unClick">
+    <div id="vuefilemanager" @click="unClick" v-cloak>
         <Alert />
 
         <router-view />
diff --git a/resources/js/router.js b/resources/js/router.js
index 793b3f0d..7d7e4102 100644
--- a/resources/js/router.js
+++ b/resources/js/router.js
@@ -5,7 +5,6 @@ import store from './store/index'
 
 import AdminMobileMenu from './views/Mobile/AdminMobileMenu'
 import UserProfileMobileMenu from './views/Mobile/UserProfileMobileMenu'
-import {mapGetters} from "vuex";
 
 Vue.use(Router)
 
@@ -309,22 +308,42 @@ const routesAdmin = [
 ]
 const routesShared = [
     {
-        name: 'SharedPage',
+        name: 'Shared',
         path: '/shared/:token',
         component: () =>
-            import(/* webpackChunkName: "chunks/shared-page" */ './views/Shared/SharedPage'),
-        meta: {
-            requiresAuth: false
-        },
-    },
-    {
-        name: 'NotFoundShared',
-        path: '/shared-not-found',
-        component: () =>
-            import(/* webpackChunkName: "chunks/not-found-shared" */ './views/Shared/NotFoundShared'),
+            import(/* webpackChunkName: "chunks/shared" */ './views/Shared'),
         meta: {
             requiresAuth: false
         },
+        children: [
+            {
+                name: 'SharedFileBrowser',
+                path: '/shared/:token/files',
+                component: () =>
+                    import(/* webpackChunkName: "chunks/shared/file-browser" */ './views/Shared/SharedFileBrowser'),
+                meta: {
+                    requiresAuth: false
+                },
+            },
+            {
+                name: 'SharedSingleFile',
+                path: '/shared/:token/file',
+                component: () =>
+                    import(/* webpackChunkName: "chunks/shared/single-file" */ './views/Shared/SharedSingleFile'),
+                meta: {
+                    requiresAuth: false
+                },
+            },
+            {
+                name: 'SharedAuthentication',
+                path: '/shared/:token/authenticate',
+                component: () =>
+                    import(/* webpackChunkName: "chunks/shared/authenticate" */ './views/Shared/SharedAuthentication'),
+                meta: {
+                    requiresAuth: false
+                },
+            },
+        ]
     },
 ]
 const routesAuth = [
@@ -625,6 +644,15 @@ const routesIndex = [
             requiresAuth: false
         },
     },
+    {
+        name: 'NotFound',
+        path: '/not-found',
+        component: () =>
+            import(/* webpackChunkName: "chunks/not-found-shared" */ './views/NotFound'),
+        meta: {
+            requiresAuth: false
+        },
+    },
 ]
 
 const router = new Router({
diff --git a/resources/js/store/modules/sharing.js b/resources/js/store/modules/sharing.js
index 12b6359d..d0611db2 100644
--- a/resources/js/store/modules/sharing.js
+++ b/resources/js/store/modules/sharing.js
@@ -66,7 +66,7 @@ const actions = {
                 })
         })
     },
-    shareCancel: ({commit, getters} , singleItem) => {
+    shareCancel: ({commit, getters}, singleItem) => {
         return new Promise((resolve, reject) => {
 
             let tokens = []
@@ -120,6 +120,26 @@ const actions = {
                 commit('STORE_SHARED_FILE', response.data)
             })
     },
+    getShareDetail: ({commit, state}, token) => {
+        return new Promise((resolve, reject) => {
+            axios
+                .get(`/api/browse/shared/${token}`)
+                .then(response => {
+                    resolve(response)
+
+                    // Commit shared item options
+                    commit('SET_SHARED_DETAIL', response.data.data.attributes)
+                    commit('SET_PERMISSION', response.data.data.attributes.permission)
+                })
+                .catch(error => {
+                    reject(error)
+
+                    if (error.response.status == 404) {
+                        router.push({name: 'NotFound'})
+                    }
+                })
+        })
+    },
 }
 const mutations = {
     SET_SHARED_DETAIL(state, data) {
diff --git a/resources/js/views/Shared/NotFoundShared.vue b/resources/js/views/NotFound.vue
similarity index 98%
rename from resources/js/views/Shared/NotFoundShared.vue
rename to resources/js/views/NotFound.vue
index 2901aa00..f17a16ee 100644
--- a/resources/js/views/Shared/NotFoundShared.vue
+++ b/resources/js/views/NotFound.vue
@@ -28,7 +28,7 @@
     import axios from 'axios'
 
     export default {
-        name: 'NotFoundShared',
+        name: 'NotFound',
         components: {
             AuthContentWrapper,
             ValidationProvider,
diff --git a/resources/js/views/Shared.vue b/resources/js/views/Shared.vue
new file mode 100644
index 00000000..83075033
--- /dev/null
+++ b/resources/js/views/Shared.vue
@@ -0,0 +1,108 @@
+<template>
+    <div id="application-wrapper">
+
+        <!--Full File Preview-->
+        <FileFullPreview />
+
+        <!--Loading Spinner-->
+        <Spinner v-if="isLoading" />
+
+        <!--Move item popup-->
+        <MoveItem />
+
+        <!-- Processing popup for zip -->
+        <ProcessingPopup />
+
+        <!-- Mobile Menu for Multi selected items -->
+        <MobileMultiSelectMenu />
+
+        <!--Rename folder/file item-->
+        <RenameItem />
+
+        <!--Create folder mobile UI-->
+        <CreateFolder />
+
+        <!--Drag UI-->
+        <DragUI />
+
+        <!--Mobile Menu-->
+        <MobileMenu />
+
+        <!--Mobile menu for selecting view and sorting-->
+        <MobileSortingAndPreview />
+
+        <!--System alerts-->
+        <Alert />
+
+        <!--Background vignette-->
+        <Vignette />
+
+        <!--Pages-->
+        <router-view />
+    </div>
+</template>
+
+<script>
+import MobileSortingAndPreview from '@/components/FilesView/MobileSortingAndPreview'
+import MobileMultiSelectMenu from '@/components/FilesView/MobileMultiSelectMenu'
+import ProcessingPopup from '@/components/FilesView/ProcessingPopup'
+import FileFullPreview from '@/components/FilesView/FileFullPreview'
+import CreateFolder from '@/components/Others/CreateFolder'
+import MobileMenu from '@/components/FilesView/MobileMenu'
+import RenameItem from '@/components/Others/RenameItem'
+import Spinner from '@/components/FilesView/Spinner'
+import MoveItem from '@/components/Others/MoveItem'
+import Vignette from '@/components/Others/Vignette'
+import DragUI from '@/components/FilesView/DragUI'
+import Alert from '@/components/FilesView/Alert'
+import {mapGetters} from 'vuex'
+
+export default {
+    name: 'Platform',
+    components: {
+        MobileSortingAndPreview,
+        MobileMultiSelectMenu,
+        FileFullPreview,
+        ProcessingPopup,
+        CreateFolder,
+        MobileMenu,
+        RenameItem,
+        MoveItem,
+        Vignette,
+        Spinner,
+        DragUI,
+        Alert,
+    },
+    computed: {
+        ...mapGetters([
+            'config'
+        ]),
+    },
+    data() {
+        return {
+            isLoading: true,
+        }
+    },
+    mounted() {
+        this.$store.dispatch('getShareDetail', this.$route.params.token)
+            .then(response => {
+                this.isLoading = false
+
+                // Show public file browser
+                if (response.data.data.attributes.type === 'folder' && !response.data.data.attributes.is_protected && this.$router.currentRoute.name !== 'SharedFileBrowser') {
+                    this.$router.push({name: 'SharedFileBrowser'})
+                }
+
+                // Show public single file
+                if (response.data.data.attributes.type !== 'folder' && !response.data.data.attributes.is_protected && this.$router.currentRoute.name !== 'SharedSingleFile') {
+                    this.$router.push({name: 'SharedSingleFile'})
+                }
+
+                // Show authentication page
+                if (response.data.data.attributes.is_protected && this.$router.currentRoute.name !== 'SharedAuthentication') {
+                    this.$router.push({name: 'SharedAuthentication'})
+                }
+            })
+    }
+}
+</script>
diff --git a/resources/js/views/Shared/SharedAuthentication.vue b/resources/js/views/Shared/SharedAuthentication.vue
new file mode 100644
index 00000000..91a88792
--- /dev/null
+++ b/resources/js/views/Shared/SharedAuthentication.vue
@@ -0,0 +1,99 @@
+<template>
+    <div id="password-view">
+        <AuthContent class="center" name="password" :visible="true">
+            <img v-if="config.app_logo" class="logo" :src="$getImage(config.app_logo)" :alt="config.app_name">
+            <b v-if="! config.app_logo" class="auth-logo-text">{{ config.app_name }}</b>
+
+            <h1>{{ $t('page_shared.title') }}</h1>
+            <h2>{{ $t('page_shared.subtitle') }}</h2>
+
+            <ValidationObserver @submit.prevent="authenticateProtected" ref="authenticateProtected" v-slot="{ invalid }" tag="form" class="form inline-form">
+
+                <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Password" rules="required" v-slot="{ errors }">
+                    <input v-model="password" :placeholder="$t('page_shared.placeholder_pass')" type="password" :class="{'is-error': errors[0]}" />
+                    <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                </ValidationProvider>
+
+                <AuthButton icon="chevron-right" :text="$t('page_shared.submit')" :loading="isLoading" :disabled="isLoading" />
+            </ValidationObserver>
+        </AuthContent>
+    </div>
+</template>
+
+<script>
+    import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
+    import AuthContent from '@/components/Auth/AuthContent'
+    import AuthButton from '@/components/Auth/AuthButton'
+    import axios from "axios";
+    import {mapGetters} from "vuex";
+
+    export default {
+        name: 'SharedAuthentication',
+        components: {
+            ValidationObserver,
+            ValidationProvider,
+            AuthContent,
+            AuthButton,
+        },
+        computed: {
+            ...mapGetters([
+                'config',
+            ]),
+        },
+        data() {
+            return {
+                password: undefined,
+                isLoading: false,
+            }
+        },
+        methods: {
+            async authenticateProtected() {
+
+                // Validate fields
+                const isValid = await this.$refs.authenticateProtected.validate();
+
+                if (!isValid) return;
+
+                // Start loading
+                this.isLoading = true
+
+                // Send request to get verify account
+                axios
+                    .post('/api/browse/shared/authenticate/' + this.$route.params.token, {
+                        password: this.password
+                    }).then(() => {
+
+                        // todo: Redirect to file browser page
+
+                    })
+                    .catch(error => {
+
+                        if (error.response.status == 401)
+                            this.$refs.authenticateProtected.setErrors({
+                                'Password': [error.response.data.message]
+                            });
+                    })
+                    .finally(() => {
+                        this.isLoading = false
+                    })
+            },
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_auth-form';
+    @import '@assets/vuefilemanager/_auth';
+
+    #password-view {
+        width: 100%;
+        display: grid;
+        height: inherit;
+
+        .center {
+            margin: auto;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/resources/js/views/Shared/SharedFileBrowser.vue b/resources/js/views/Shared/SharedFileBrowser.vue
new file mode 100644
index 00000000..ad7e9fa4
--- /dev/null
+++ b/resources/js/views/Shared/SharedFileBrowser.vue
@@ -0,0 +1,123 @@
+<template>
+    <div @contextmenu.prevent.capture="contextMenu($event, undefined)" id="viewport">
+        <ContentSidebar v-if="navigationTree.length >= 1">
+
+            <!--Locations-->
+            <ContentGroup :title="$t('sidebar.locations_title')">
+                <div class="menu-list-wrapper vertical">
+                    <a class="menu-list-item link" @click="goHome">
+                        <div class="icon">
+                            <home-icon size="17"></home-icon>
+                        </div>
+                        <div class="label">
+                            {{ $t('sidebar.home') }}
+                        </div>
+                    </a>
+                </div>
+            </ContentGroup>
+
+            <!--Navigator-->
+            <ContentGroup :title="$t('sidebar.navigator_title')" class="navigator">
+                <TreeMenuNavigator class="folder-tree" :depth="0" :nodes="items" v-for="items in navigationTree" :key="items.id" />
+            </ContentGroup>
+        </ContentSidebar>
+
+        <div id="files-view">
+            <ContextMenu />
+
+            <DesktopToolbar />
+
+            <FileBrowser />
+
+            <DesktopSortingAndPreview />
+        </div>
+    </div>
+</template>
+
+<script>
+    import DesktopSortingAndPreview from '@/components/FilesView/DesktopSortingAndPreview'
+    import TreeMenuNavigator from '@/components/Others/TreeMenuNavigator'
+    import DesktopToolbar from '@/components/FilesView/DesktopToolbar'
+    import ContentSidebar from '@/components/Sidebar/ContentSidebar'
+    import ContentGroup from '@/components/Sidebar/ContentGroup'
+    import ContextMenu from '@/components/FilesView/ContextMenu'
+    import FileBrowser from '@/components/FilesView/FileBrowser'
+    import {HomeIcon} from 'vue-feather-icons'
+    import {mapGetters} from "vuex"
+    import {events} from '@/bus'
+
+    export default {
+        name: 'SharedFileBrowser',
+        components: {
+            DesktopSortingAndPreview,
+            TreeMenuNavigator,
+            ContentSidebar,
+            DesktopToolbar,
+            ContentGroup,
+            ContextMenu,
+            FileBrowser,
+            HomeIcon,
+        },
+        computed: {
+            ...mapGetters([
+                'sharedDetail',
+                'navigation',
+                'config',
+            ]),
+            navigationTree() {
+                return this.navigation ? this.navigation[0].folders : undefined
+            },
+        },
+        data() {
+            return {
+                homeDirectory: undefined,
+            }
+        },
+        methods: {
+            goHome() {
+                this.$store.dispatch('browseShared', [{folder: this.homeDirectory, back: false, init: true}])
+            },
+            contextMenu(event, item) {
+                events.$emit('contextMenu:show', event, item)
+            },
+            initFileBrowser() {
+                this.homeDirectory = {
+                    id: this.sharedDetail.item_id,
+                    name: this.$t('locations.home'),
+                    location: 'public',
+                }
+
+                // Get folder tree
+                this.$store.dispatch('getFolderTree')
+
+                // Load folder
+                this.goHome()
+            },
+        },
+        created() {
+            if (!this.sharedDetail) {
+                this.$store.dispatch('getShareDetail', this.$route.params.token).then(() => {
+                    this.initFileBrowser()
+                })
+            } else {
+                this.initFileBrowser()
+            }
+        }
+    }
+</script>
+
+<style lang="scss">
+
+     #files-view {
+         font-family: 'Nunito', sans-serif;
+         font-size: 16px;
+         width: 100%;
+         height: 100%;
+         position: relative;
+         min-width: 320px;
+         overflow-x: hidden;
+         padding-left: 15px;
+         padding-right: 15px;
+         overflow-y: hidden;
+     }
+</style>
\ No newline at end of file
diff --git a/resources/js/views/Shared/SharedPage.vue b/resources/js/views/Shared/SharedPage.vue
deleted file mode 100644
index ec326ba8..00000000
--- a/resources/js/views/Shared/SharedPage.vue
+++ /dev/null
@@ -1,390 +0,0 @@
-<template>
-    <div id="shared">
-        <!-- File Preview -->
-        <FileFullPreview />
-
-        <!--Loading Spinenr-->
-        <Spinner v-if="isPageLoading"/>
-
-        <!--Move item setup-->
-        <MoveItem />
-
-    	<!-- Processing popup for zip -->
-        <ProcessingPopup/>
-
-        <!-- Mobile Menu for Multi selected items -->
-        <MobileMultiSelectMenu/>
-
-        <!--Rename folder or file item-->
-        <RenameItem/>
-
-        <!--Create folder in mobile version-->
-        <CreateFolder/>
-
-         <!-- Drag & Drop UI -->
-        <DragUI/>
-
-        <!--Mobile Menu-->
-        <MobileMenu/>
-
-        <!-- Mobile menu for selecting view and sorting -->
-        <MobileSortingAndPreview/>
-
-        <!--System alerts-->
-        <Alert />
-
-        <!--Background vignette-->
-        <Vignette/>
-
-        <!--Password verification-->
-        <div v-if="isPagePasswordVerification" id="password-view">
-
-            <!--Verify share link by password-->
-            <AuthContent class="center" name="password" :visible="true">
-                <img v-if="config.app_logo" class="logo" :src="$getImage(config.app_logo)" :alt="config.app_name">
-                <b v-if="! config.app_logo" class="auth-logo-text">{{ config.app_name }}</b>
-
-                <h1>{{ $t('page_shared.title') }}</h1>
-                <h2>{{ $t('page_shared.subtitle') }}</h2>
-
-                <ValidationObserver @submit.prevent="authenticateProtected" ref="authenticateProtected" v-slot="{ invalid }" tag="form" class="form inline-form">
-
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Password" rules="required" v-slot="{ errors }">
-                        <input v-model="password" :placeholder="$t('page_shared.placeholder_pass')" type="password" :class="{'is-error': errors[0]}"/>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
-                    </ValidationProvider>
-
-                    <AuthButton icon="chevron-right" :text="$t('page_shared.submit')" :loading="isLoading" :disabled="isLoading" />
-                </ValidationObserver>
-            </AuthContent>
-        </div>
-
-        <!--Single file page-->
-        <div v-if="sharedDetail.type === 'file' && isPageFiles" id="single-file">
-            <div class="single-file-wrapper">
-                <FileItemGrid v-if="sharedFile" :data="sharedFile" :context-menu="false"/>
-
-                <ButtonBase @click.native="download" class="download-button" button-style="theme">
-                    {{ $t('page_shared.download_file') }}
-                </ButtonBase>
-            </div>
-        </div>
-
-        <!--Multiple items view page-->
-        <div v-if="sharedDetail.type === 'folder' && isPageFiles"
-             @contextmenu.prevent.capture="contextMenu($event, undefined)"
-             id="viewport">
-
-                <ContentSidebar v-if="navigationTree">
-
-                    <!--Locations-->
-                    <ContentGroup :title="$t('sidebar.locations_title')">
-                        <div class="menu-list-wrapper vertical">
-                            <a class="menu-list-item link" @click="goHome">
-                                <div class="icon">
-                                    <home-icon size="17"></home-icon>
-                                </div>
-                                <div class="label">
-                                    {{ $t('sidebar.home') }}
-                                </div>
-                            </a>
-                        </div>
-                    </ContentGroup>
-
-                    <!--Navigator-->
-                    <ContentGroup :title="$t('sidebar.navigator_title')" class="navigator">
-                        <span class="empty-note navigator" v-if="navigationTree.length == 0">
-                            {{ $t('sidebar.folders_empty') }}
-                        </span>
-                        <TreeMenuNavigator class="folder-tree" :depth="0" :nodes="items" v-for="items in navigationTree" :key="items.id"/>
-                    </ContentGroup>
-                </ContentSidebar>
-
-                <div id="files-view">
-                    <!--Context menu-->
-                    <ContextMenu/>
-
-                    <!--Desktop Toolbar-->
-                    <DesktopToolbar/>
-
-                    <!--File browser-->
-                    <FileBrowser/>
-                    
-                    <!-- Selecting preview list and sorting -->
-                    <DesktopSortingAndPreview/>
-                </div>
-            </div>
-    </div>
-</template>
-
-<script>
-    import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import MobileSortingAndPreview from '@/components/FilesView/MobileSortingAndPreview'
-    import MobileMultiSelectMenu from '@/components/FilesView/MobileMultiSelectMenu'
-    import DesktopSortingAndPreview from '@/components/FilesView/DesktopSortingAndPreview'
-    import ProcessingPopup from '@/components/FilesView/ProcessingPopup'
-    import TreeMenuNavigator from '@/components/Others/TreeMenuNavigator'
-    import FileFullPreview from '@/components/FilesView/FileFullPreview'
-    import DesktopToolbar from '@/components/FilesView/DesktopToolbar'
-    import ContentSidebar from '@/components/Sidebar/ContentSidebar'
-    import FileItemGrid from '@/components/FilesView/FileItemGrid'
-    import ContentGroup from '@/components/Sidebar/ContentGroup'
-    import FileBrowser from '@/components/FilesView/FileBrowser'
-    import ContextMenu from '@/components/FilesView/ContextMenu'
-    import CreateFolder from '@/components/Others/CreateFolder'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import MobileMenu from '@/components/FilesView/MobileMenu'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import RenameItem from '@/components/Others/RenameItem'
-    import AuthButton from '@/components/Auth/AuthButton'
-    import Spinner from '@/components/FilesView/Spinner'
-    import MoveItem from '@/components/Others/MoveItem'
-    import Vignette from '@/components/Others/Vignette'
-    import DragUI from '@/components/FilesView/DragUI'
-    import Alert from '@/components/FilesView/Alert'
-    import {required} from 'vee-validate/dist/rules'
-    import {mapGetters} from 'vuex'
-    import {events} from '@/bus'
-    import axios from 'axios'
-    import {
-        HomeIcon,
-    } from 'vue-feather-icons'
-
-    export default {
-        name: 'SharedPage',
-        components: {
-            MobileSortingAndPreview,
-            MobileMultiSelectMenu,
-            ValidationProvider,
-            DesktopSortingAndPreview,
-            ValidationObserver,
-            TreeMenuNavigator,
-            FileFullPreview,
-            ProcessingPopup,
-            DesktopToolbar,
-            ContentSidebar,
-            CreateFolder,
-            FileItemGrid,
-            ContentGroup,
-            AuthContent,
-            FileBrowser,
-            ContextMenu,
-            AuthButton,
-            MobileMenu,
-            ButtonBase,
-            RenameItem,
-            HomeIcon,
-            MoveItem,
-            required,
-            Vignette,
-            Spinner,
-            DragUI,
-            Alert,
-        },
-        computed: {
-            ...mapGetters([
-                'config',
-                'sharedDetail',
-                'sharedFile',
-                'navigation'
-            ]),
-            navigationTree() {
-                return this.navigation ? this.navigation[0].folders : undefined
-            },
-            isPageFiles() {
-                return this.currentPage === 'page-files'
-            },
-            isPagePasswordVerification() {
-                return this.currentPage === 'page-password'
-            }
-        },
-        data() {
-            return {
-                checkedAccount: undefined,
-                password: '',
-                isLoading: false,
-                isPageLoading: true,
-                currentPage: undefined,
-                homeDirectory: undefined,
-            }
-        },
-        methods: {
-            goHome() {
-                this.$store.dispatch('browseShared', [{folder: this.homeDirectory, back: false, init: true}])
-            },
-            async authenticateProtected() {
-
-                // Validate fields
-                const isValid = await this.$refs.authenticateProtected.validate();
-
-                if (!isValid) return;
-
-                // Start loading
-                this.isLoading = true
-
-                // Send request to get verify account
-                axios
-                    .post('/api/shared/authenticate/' + this.$route.params.token, {
-                        password: this.password
-                    }).then(() => {
-
-                        // End loading
-                        this.isLoading = false
-
-                        // Redirect to file browser page
-                        this.currentPage = 'page-files'
-
-                        // Get protected files
-                        this.getFiles();
-
-                    }).catch(error => {
-
-                        if (error.response.status == 401) {
-
-                            this.$refs.authenticateProtected.setErrors({
-                                'Password': [error.response.data.message]
-                            });
-                        }
-
-                        // End loading
-                        this.isLoading = false
-                    })
-            },
-            getFiles() {
-
-                // Show folder
-                if (this.sharedDetail.type === 'folder') {
-
-                    this.homeDirectory = {
-                        id: this.sharedDetail.item_id,
-                        name: this.$t('locations.home'),
-                        location: 'public',
-                    }
-
-                    // Get folder tree
-                    this.$store.dispatch('getFolderTree')
-
-                    // Load folder
-                    this.goHome()
-                }
-
-                // Get file
-                if (this.sharedDetail.type === 'file') {
-                    this.$store.dispatch('getSingleFile')
-                }
-            },
-            download() {
-                this.$downloadFile(this.sharedFile.file_url, this.sharedFile.name + '.' + this.sharedFile.mimetype)
-            },
-            contextMenu(event, item) {
-                events.$emit('contextMenu:show', event, item)
-            },
-        },
-        created() {
-
-            axios
-                .get('/api/shared/' + this.$route.params.token, )
-                .then(response => {
-
-                    // Commit shared item options
-                    this.$store.commit('SET_SHARED_DETAIL', response.data.data.attributes)
-                    this.$store.commit('SET_PERMISSION', response.data.data.attributes.permission)
-
-                    // Hide page spinner
-                    this.isPageLoading = false
-
-                    // Show password page
-                    if (response.data.data.attributes.is_protected) {
-                        this.currentPage = 'page-password'
-                    } else {
-                        this.currentPage = 'page-files'
-                        this.getFiles()
-                    }
-                })
-                .catch(error => {
-
-                    if (error.response.status == 404) {
-
-                        this.$router.push({name: 'NotFoundShared'})
-                    }
-                })
-        }
-    }
-</script>
-
-<style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
-
-     #files-view {
-        font-family: 'Nunito', sans-serif;
-        font-size: 16px;
-        width: 100%;
-        height: 100%;
-        position: relative;
-        min-width: 320px;
-        overflow-x: hidden;
-        padding-left: 15px;
-        padding-right: 15px;
-        overflow-y: hidden;
-    }
-
-    #shared {
-        height: 100%;
-    }
-
-    #password-view {
-        display: grid;
-        height: inherit;
-
-        .center {
-            margin: auto;
-        }
-    }
-
-    #single-file {
-        position: absolute;
-        bottom: 0;
-        right: 0;
-        left: 0;
-        top: 0;
-        display: grid;
-        height: 100%;
-
-        .single-file-wrapper {
-            margin: auto;
-            text-align: center;
-
-            .download-button {
-                margin-top: 15px;
-                margin-left: auto;
-                margin-right: auto;
-            }
-        }
-
-        /deep/ .file-wrapper {
-
-            .file-item {
-                width: 290px;
-
-                &:hover, &.is-clicked {
-                    background: transparent;
-                }
-
-                .item-shared {
-                    display: none;
-                }
-            }
-        }
-    }
-
-    .empty-note {
-
-        &.navigator {
-            padding: 5px 25px 10px;
-        }
-    }
-
-</style>
diff --git a/resources/js/views/Shared/SharedSingleFile.vue b/resources/js/views/Shared/SharedSingleFile.vue
new file mode 100644
index 00000000..b5dc7f76
--- /dev/null
+++ b/resources/js/views/Shared/SharedSingleFile.vue
@@ -0,0 +1,83 @@
+<template>
+    <div id="single-file">
+        <div class="single-file-wrapper">
+            <FileItemGrid v-if="sharedFile" :item="sharedFile" :context-menu="false"/>
+
+            <ButtonBase @click.native="download" class="download-button" button-style="theme">
+                {{ $t('page_shared.download_file') }}
+            </ButtonBase>
+        </div>
+    </div>
+</template>
+
+<script>
+    import FileItemGrid from '@/components/FilesView/FileItemGrid'
+    import ButtonBase from '@/components/FilesView/ButtonBase'
+    import {mapGetters} from "vuex";
+
+    export default {
+        name: 'SharedSingleItem',
+        components: {
+            FileItemGrid,
+            ButtonBase,
+        },
+        computed: {
+            ...mapGetters([
+                'sharedDetail',
+                'sharedFile',
+            ]),
+        },
+        methods: {
+            download() {
+                this.$downloadFile(this.sharedFile.file_url, this.sharedFile.name + '.' + this.sharedFile.mimetype)
+            },
+        },
+        mounted() {
+            if (!this.sharedDetail) {
+                this.$store.dispatch('getShareDetail', this.$route.params.token).then(() => {
+                    this.$store.dispatch('getSingleFile')
+                })
+            } else {
+                this.$store.dispatch('getSingleFile')
+            }
+        }
+    }
+</script>
+
+<style lang="scss">
+    #single-file {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        left: 0;
+        top: 0;
+        display: grid;
+        height: 100%;
+
+        .single-file-wrapper {
+            margin: auto;
+            text-align: center;
+
+            .download-button {
+                margin-top: 15px;
+                margin-left: auto;
+                margin-right: auto;
+            }
+        }
+
+        /deep/ .file-wrapper {
+
+            .file-item {
+                width: 290px;
+
+                &:hover, &.is-clicked {
+                    background: transparent;
+                }
+
+                .item-shared {
+                    display: none;
+                }
+            }
+        }
+    }
+</style>
\ No newline at end of file