fix

main.py

@@ -516,10 +516,93 @@ def main():
         border: 2px solid #d1d5db !important;
         margin-bottom: 16px !important;
     }
-    """  
+    """
+    js = r'''
+const uploadMessages = [
+  "Crunching your documents...",
+  "Warming up the AI...",
+  "Extracting knowledge...",
+  "Scanning for insights...",
+  "Preparing your data...",
+  "Looking for answers...",
+  "Analyzing file structure...",
+  "Reading your files...",
+  "Indexing content...",
+  "Almost ready..."
+];
+
+let msgInterval = null;
+let timerInterval = null;
+let startMs = 0;
+let lastMsg = null;
+
+function root() {
+  return document.getElementById("processing-message");
+}
+function isVisible(el) {
+  return !!(el && (el.offsetWidth || el.offsetHeight || el.getClientRects().length));
+}
+function pickMsg() {
+  if (uploadMessages.length === 0) return "";
+  if (uploadMessages.length === 1) return uploadMessages[0];
+  let m;
+  do { m = uploadMessages[Math.floor(Math.random() * uploadMessages.length)]; }
+  while (m === lastMsg);
+  lastMsg = m;
+  return m;
+}
+function getMsgSpan() {
+  const r = root();
+  return r ? r.querySelector("#processing-msg") : null;
+}
+function getTimerSpan() {
+  const r = root();
+  return r ? r.querySelector("#processing-timer") : null;
+}
+function setMsg(t) {
+  const s = getMsgSpan();
+  if (s) s.textContent = t;
+}
+function fmtElapsed() {
+  return ((Date.now() - startMs) / 1000).toFixed(1) + "s elapsed";
+}
+
+function start() {
+  if (msgInterval || timerInterval) return;
+  startMs = Date.now();
+  setMsg(pickMsg());
+
+  msgInterval = setInterval(() => setMsg(pickMsg()), 2000);
+
+  const t = getTimerSpan();
+  if (t) {
+    t.textContent = fmtElapsed();
+    timerInterval = setInterval(() => { t.textContent = fmtElapsed(); }, 200);
+  }
+}
+
+function stop() {
+  if (msgInterval) { clearInterval(msgInterval); msgInterval = null; }
+  if (timerInterval) { clearInterval(timerInterval); timerInterval = null; }
+  const t = getTimerSpan();
+  if (t) t.textContent = "";
+}
+
+function tick() {
+  const r = root();
+  if (isVisible(r)) start();
+  else stop();
+}
+
+// Observe rerenders / visibility changes
+const obs = new MutationObserver(tick);
+obs.observe(document.body, { subtree: true, childList: true, attributes: true });
 
+window.addEventListener("load", tick);
+setInterval(tick, 500);
+'''
 
-    with gr.Blocks(theme=gr.themes.Soft(), title="SmartDoc AI", css=css) as demo:
+    with gr.Blocks(theme=gr.themes.Soft(), title="SmartDoc AI", css=css, js=js) as demo:
         gr.Markdown("### SmartDoc AI - Document Q&A", elem_classes="app-title")
         gr.Markdown("Upload your documents and ask questions. Answers will appear below, just like a chat.", elem_classes="app-description")
         gr.Markdown("---")
@@ -569,8 +652,7 @@ def main():
             )
             try:
                 if not question_text.strip():
-                    chat_history.append({"role": "user", "content": question_text})
-                    chat_history.append({"role": "assistant", "content": "Please enter a question."})
+                    chat_history.append([question_text, "Please enter a question."])
                     yield (
                         chat_history,
                         gr.update(visible=False),
@@ -583,8 +665,8 @@ def main():
                     )
                     return
                 if not uploaded_files:
-                    chat_history.append({"role": "user", "content": question_text})
-                    chat_history.append({"role": "assistant", "content": "Please upload at least one document."})
+                    
+                    chat_history.append([question_text,  "Please upload at least one document."])
                     yield (
                         chat_history,
                         gr.update(visible=False),
@@ -708,8 +790,7 @@ def main():
                 verification = result.get("verification_report", "No verification details available.")
                 logger.info(f"Verification (internal):\n{verification}")
                 # Do not display verification to user, only use internally
-                chat_history.append({"role": "user", "content": question_text})
-                chat_history.append({"role": "assistant", "content": f"**Answer:**\n{answer}"})
+                chat_history.append([question_text, f"**Answer:**\n{answer}"])
                 session_state.value["last_documents"] = retriever.invoke(question_text)
                 yield (
                     chat_history,
@@ -736,8 +817,8 @@ def main():
                 )
             except Exception as e:
                 logger.error(f"Processing error: {e}", exc_info=True)
-                chat_history.append({"role": "user", "content": question_text})
-                chat_history.append({"role": "assistant", "content": f"Error: {str(e)}"})
+               
+                chat_history.append([question_text, f"Error: {str(e)}"])
                 yield (
                     chat_history,
                     gr.update(visible=False),