From ddc835b9528ddc4c47105e3aeeb38361bfd560d3 Mon Sep 17 00:00:00 2001
From: Daniel <danitex@danvics.com>
Date: Wed, 9 Sep 2026 03:15:21 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20visible=20Saved=20indicator=20under=20t?=
 =?UTF-8?q?he=20composer=20=E2=80=94=20chats=20are=20autosaved,=20now=20yo?=
 =?UTF-8?q?u=20can=20see=20it?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/components/assistant.html | 1 +
 public/css/assistant.css         | 5 +++++
 public/js/clinicalAssistant.js   | 6 ++++++
 3 files changed, 12 insertions(+)

diff --git a/public/components/assistant.html b/public/components/assistant.html
index 3c71aa5..daddb12 100644
--- a/public/components/assistant.html
+++ b/public/components/assistant.html
@@ -60,6 +60,7 @@
                 <div id="assistant-context-warning" role="alert" hidden></div>
                 <div id="assistant-attachments" class="assistant-attachments" aria-label="Attached images" hidden></div>
                 <div class="assistant-composer-footer">
+                  <span id="assistant-autosave-state" class="assistant-autosave-state" aria-live="polite"></span>
                   <label class="assistant-attach" for="assistant-attach-input" title="Attach up to 4 images (PNG, JPEG, WebP)"><i class="fas fa-paperclip"></i></label>
                   <input type="file" id="assistant-attach-input" accept="image/png,image/jpeg,image/webp" multiple hidden>
                   <button id="btn-assistant-voice" class="assistant-voice-btn" type="button" title="Voice conversation"><i class="fas fa-headset"></i></button>
diff --git a/public/css/assistant.css b/public/css/assistant.css
index 728bb3c..73a78cc 100644
--- a/public/css/assistant.css
+++ b/public/css/assistant.css
@@ -308,3 +308,8 @@ body.assistant-workspace .assistant-learning-view { min-height: 0; height: 100vh
 .assistant-model-pick { display:block; }
 /* Send button becomes a red stop while the assistant works */
 .btn-send.busy { background:var(--danger,#dc2626); }
+/* Autosave state: always visible so users see the chat is saved */
+.assistant-autosave-state { font-size:11px; color:var(--g400); }
+.assistant-autosave-state.saving { color:var(--g500); }
+.assistant-autosave-state.saved { color:var(--accent,#0f766e); font-weight:600; }
+.assistant-autosave-state.failed { color:var(--danger,#dc2626); }
diff --git a/public/js/clinicalAssistant.js b/public/js/clinicalAssistant.js
index 95afb74..771e42c 100644
--- a/public/js/clinicalAssistant.js
+++ b/public/js/clinicalAssistant.js
@@ -1642,15 +1642,21 @@ import {
   function performAutosave() {
     autosaveTimer = null;
     if (assistantBusy || !messages.length) return;
+    var saveState = document.getElementById('assistant-autosave-state');
+    if (saveState) { saveState.textContent = 'Saving…'; saveState.className = 'assistant-autosave-state saving'; }
     return saveAssistantChat(autosavePayload())
       .then(function(data) {
         if (!data.success) throw new Error(data.error || 'Autosave failed');
         if (data.id) currentChatId = data.id;
         autosaveErrorShown = false;
+        var done = document.getElementById('assistant-autosave-state');
+        if (done) { done.textContent = 'Saved'; done.className = 'assistant-autosave-state saved'; }
         loadSavedChats();
       })
       .catch(function(err) {
         // Surface once per change; never block or retry-loop the chat flow.
+        var failed = document.getElementById('assistant-autosave-state');
+        if (failed) { failed.textContent = 'Save failed'; failed.className = 'assistant-autosave-state failed'; }
         if (!autosaveErrorShown) {
           autosaveErrorShown = true;
           if (typeof showToast === 'function') showToast(err && err.message ? err.message : 'Autosave failed', 'error');