Savestate: Always show 'Mein Vault' as header title and apply sticky header globally, bump version to 1.8.10

index.html

@@ -51,7 +51,7 @@
 </head>
 <body class="dark-theme in-chat-view">
   
-  <div id="live-version-badge" style="position: fixed; top: 50px; left: 50%; transform: translateX(-50%); font-size: 10px; color: var(--text-secondary); opacity: 0.6; z-index: 99999; pointer-events: none; font-weight: 500; font-family: monospace; letter-spacing: 1px; background: rgba(0,0,0,0.2); padding: 2px 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.05);">BUILD 1.8.8</div>
+  <div id="live-version-badge" style="position: fixed; top: 50px; left: 50%; transform: translateX(-50%); font-size: 10px; color: var(--text-secondary); opacity: 0.6; z-index: 99999; pointer-events: none; font-weight: 500; font-family: monospace; letter-spacing: 1px; background: rgba(0,0,0,0.2); padding: 2px 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.05);">BUILD 1.8.10</div>
     
   <!-- SVG Filters for Liquid Glass Refraction -->
   <svg width="0" height="0" style="position: absolute; pointer-events: none;">

src/styles/global.css

@@ -3443,6 +3443,25 @@ body.in-chat-view .tts-player-container {
   gap: 12px;
   margin-bottom: 20px;
 }
+
+.vault-header-sticky {
+  position: sticky;
+  top: -20px;
+  z-index: 50;
+  padding-top: 20px;
+  padding-bottom: 32px;
+  margin-top: -20px;
+  margin-bottom: -12px !important;
+  margin-left: -16px;
+  margin-right: -16px;
+  padding-left: 16px;
+  padding-right: 16px;
+  background: linear-gradient(to bottom, #050a14 0%, rgba(5,10,20,0.9) 40%, transparent 100%);
+  pointer-events: none;
+}
+.vault-header-sticky > * {
+  pointer-events: auto;
+}
 .vault-header-left {
   display: flex;
   flex-direction: column;

src/views/documents/documents-view.js

@@ -40,7 +40,7 @@ export class DocumentsView {
     this.container.innerHTML = `
       <div id="vault-glass-wrapper">
         
-        <div class="vault-header" style="margin-bottom: 4px; align-items: center;">
+        <div class="vault-header vault-header-sticky" style="margin-bottom: 4px; align-items: center;">
           <div class="vault-header-left" style="display: flex; align-items: center;">
             <h2 class="vault-header-title" style="display: flex; align-items: center; margin: 0;">
               ${this.currentPath ? `
@@ -48,7 +48,7 @@ export class DocumentsView {
                   <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg>
                 </button>
               ` : ''}
-              ${this.currentPath ? this.currentPath.split('/').pop() : 'Mein Vault'}
+              Mein Vault
             </h2>
           </div>
           <div class="vault-header-actions" style="display: flex; gap: 12px;">