diff --git a/filemanager/package-lock.json b/filemanager/package-lock.json
index 197ab6f92..7d12971a1 100644
--- a/filemanager/package-lock.json
+++ b/filemanager/package-lock.json
@@ -10,16 +10,16 @@
       "dependencies": {
         "combokeys": "^3.0.1",
         "filesize": "^10.0.7",
-        "pankow": "^0.1.2",
+        "pankow": "^0.2.0",
         "primeicons": "^6.0.1",
-        "primevue": "^3.27.0",
+        "primevue": "^3.28.0",
         "superagent": "^8.0.9",
         "vue": "^3.2.47",
         "vue-router": "^4.1.6"
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^4.2.1",
-        "vite": "^4.3.3"
+        "vite": "^4.3.5"
       }
     },
     "node_modules/@babel/parser": {
@@ -844,9 +844,9 @@
       }
     },
     "node_modules/pankow": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/pankow/-/pankow-0.1.2.tgz",
-      "integrity": "sha512-JrVaqnIKzH762AAjxAyRMW4T/Fm0DhN90aT57Geukb2g8WE7qhBlSOgcFCFu+4U9SGUSy3mIRJaq1K1jdjFXiA==",
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/pankow/-/pankow-0.2.0.tgz",
+      "integrity": "sha512-NEJuiawjJNVUcPeQ0cxPswmX6jUK1Ut1+57C+q7UJ+4WhC20HT9xCmhcvvwDpgLHRYpKObZQhT/6k/KwgO64Qg==",
       "dependencies": {
         "filesize": "^10.0.7",
         "monaco-editor": "^0.37.1",
@@ -892,9 +892,9 @@
       "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
     },
     "node_modules/primevue": {
-      "version": "3.27.0",
-      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.27.0.tgz",
-      "integrity": "sha512-oVJl8vLGNb6t5nXN41mnjR5V9Cc/eHVvmtRWiNgIC1db6OW3Qo7y2LaDEmXps/wdxX/FuJ7nuPHAZI4y8tvGyQ==",
+      "version": "3.28.0",
+      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.28.0.tgz",
+      "integrity": "sha512-yLHvmtTUvO4znfQqcOYHO8H/l0sBHqfvzPAhu4rKNSRjyrj/KO1cP0S+1aa5zGsspaKxXfi2bhhzwSDD0xXwgA==",
       "peerDependencies": {
         "vue": "^3.0.0"
       }
@@ -999,9 +999,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.3.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.3.tgz",
-      "integrity": "sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.5.tgz",
+      "integrity": "sha512-0gEnL9wiRFxgz40o/i/eTBwm+NEbpUeTWhzKrZDSdKm6nplj+z4lKz8ANDgildxHm47Vg8EUia0aicKbawUVVA==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.17.5",
diff --git a/filemanager/package.json b/filemanager/package.json
index b42e79f70..1e562a3c8 100644
--- a/filemanager/package.json
+++ b/filemanager/package.json
@@ -11,15 +11,15 @@
   "dependencies": {
     "combokeys": "^3.0.1",
     "filesize": "^10.0.7",
-    "pankow": "^0.1.2",
+    "pankow": "^0.2.0",
     "primeicons": "^6.0.1",
-    "primevue": "^3.27.0",
+    "primevue": "^3.28.0",
     "superagent": "^8.0.9",
     "vue": "^3.2.47",
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.1",
-    "vite": "^4.3.3"
+    "vite": "^4.3.5"
   }
 }
diff --git a/filemanager/src/views/Home.vue b/filemanager/src/views/Home.vue
index 6eee5b4ce..83830ca5c 100644
--- a/filemanager/src/views/Home.vue
+++ b/filemanager/src/views/Home.vue
@@ -28,8 +28,8 @@
     <template #header>
       <TopBar class="navbar">
         <template #left>
-          <Button icon="pi pi-chevron-left" @click="onGoUp()" text :disabled="cwd === '/'"/>
-          <span style="margin-left: 20px;">{{ cwd }}</span>
+          <Button icon="pi pi-chevron-left" @click="onGoUp()" text :disabled="cwd === '/'" style="margin-right: 5px;"/>
+          <PathBreadcrumbs :path="cwd" :activate-handler="onActivateBreadcrumb"/>
         </template>
         <template #right>
           <Button type="button" label="New" icon="pi pi-plus" @click="onCreateMenu" aria-haspopup="true" aria-controls="create_menu" style="margin-right: 10px" />
@@ -93,7 +93,7 @@ import Menu from 'primevue/menu';
 
 import { useConfirm } from 'primevue/useconfirm';
 
-import { DirectoryView, TopBar, BottomBar, MainLayout, FileUploader } from 'pankow';
+import { DirectoryView, TopBar, PathBreadcrumbs, BottomBar, MainLayout, FileUploader } from 'pankow';
 import { sanitize, buildFilePath } from 'pankow/utils';
 
 import PreviewPanel from '../components/PreviewPanel.vue';
@@ -114,6 +114,7 @@ export default {
     InputText,
     MainLayout,
     Menu,
+    PathBreadcrumbs,
     PreviewPanel,
     TopBar
   },
@@ -238,6 +239,9 @@ export default {
       this.activeItem = items[0] || null;
       this.selectedItems = items;
     },
+    onActivateBreadcrumb(path) {
+      this.cwd = sanitize(path);
+    },
     onGoUp() {
       this.cwd = sanitize(this.cwd.split('/').slice(0, -1).join('/'));
     },