From 54e36fb85d570951f64085d73dedfebe579b8710 Mon Sep 17 00:00:00 2001
From: Andrea <andrea@faerro.it>
Date: Mon, 28 Sep 2026 17:28:30 +0200
Subject: [PATCH] Update UI and improve archive handling: add reading mode
 message, adjust button label, and enhance styles for better layout

---
 frontend/app.js     | 1 +
 frontend/index.html | 4 ++--
 frontend/styles.css | 1 +
 frontend/sw.js      | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/app.js b/frontend/app.js
index e86dbc2..1e87458 100644
--- a/frontend/app.js
+++ b/frontend/app.js
@@ -518,6 +518,7 @@ function renderArchive(notes) {
   elements['archive-list'].replaceChildren();
   elements['archive-empty'].hidden = notes.length > 0;
   if (!navigator.onLine) elements['archive-empty'].textContent = 'Reconnect to view saved notes.';
+  else if (elements['main'].classList.contains('reading')) elements['archive-empty'].textContent = 'No stored transcriptions yet.';
   else elements['archive-empty'].textContent = 'No saved notes yet.';
   if (notes.some((note) => note.status === 'transcribing')) {
     if (!transcriptionPoll) {
diff --git a/frontend/index.html b/frontend/index.html
index 68dfc7c..31359f8 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -45,7 +45,7 @@
       </form>
     </dialog>
 
-    <main>
+    <main id="main">
       <section class="capture" aria-labelledby="capture-title">
         <div class="capture-modes" role="tablist" aria-label="Note type">
           <button id="voice-mode" class="capture-mode active" type="button" role="tab" aria-selected="true" aria-controls="voice-panel">Voice</button>
@@ -78,7 +78,7 @@
           <textarea id="written-note" class="written-note" placeholder="What’s on your mind?" rows="7"></textarea>
           <div class="write-actions">
             <span id="draft-status" class="draft-status" role="status">Draft stays on this device until you save it.</span>
-            <button id="save-written-note" class="save-written-note" type="button" disabled>Save note</button>
+            <button id="save-written-note" class="save-written-note" type="button" disabled>Upload note</button>
           </div>
         </div>
       </section>
diff --git a/frontend/styles.css b/frontend/styles.css
index 5f89449..31ef645 100644
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -33,6 +33,7 @@ main { max-width: 1040px; margin: auto; padding: 0 24px; }
 .reading #archive-section { min-height: calc(100vh - 190px); padding-top: 24px; border-top: 1px solid var(--line); }
 .reading .archive-list { margin-top: 24px; }
 .reading .archive-item { padding: 22px 0; }
+.reading #archive-empty { text-align: center; }
 .reading .archive-transcript { min-height: 180px; resize: vertical; border: 1px solid var(--line); padding: 14px; background: #fffefa; }
 .original-transcript { margin: 0 0 12px; color: var(--muted); font-size: 11px; }
 .original-transcript summary { width: fit-content; font: 10px var(--mono); cursor: pointer; }
diff --git a/frontend/sw.js b/frontend/sw.js
index f50d34b..eb64740 100644
--- a/frontend/sw.js
+++ b/frontend/sw.js
@@ -1,4 +1,4 @@
-const CACHE_NAME = 'faerro-kb-shell-v4';
+const CACHE_NAME = 'faerro-kb-shell-v5';
 const APP_SHELL = ['/', '/styles.css', '/app.js', '/manifest.webmanifest', '/favicon.svg'];
 
 self.addEventListener('install', (event) => {