fix

main.py

@@ -517,9 +517,9 @@ def main():
         margin-bottom: 16px !important;
     }
     """
-    js = r"""
-(function () {
-  var uploadMessages = [
+ js = r"""
+(() => {
+  const uploadMessages = [
     "Crunching your documents...",
     "Warming up the AI...",
     "Extracting knowledge...",
@@ -532,65 +532,64 @@ def main():
     "Almost ready..."
   ];
 
-  var msgInterval = null;
-  var timerInterval = null;
-  var startMs = 0;
-  var lastMsg = null;
+  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)); }
+  const root = () => document.getElementById("processing-message");
+  const isVisible = (el) => !!(el && (el.offsetWidth || el.offsetHeight || el.getClientRects().length));
 
-  function pickMsg() {
+  const pickMsg = () => {
     if (uploadMessages.length === 0) return "";
     if (uploadMessages.length === 1) return uploadMessages[0];
-    var m;
+    let m;
     do { m = uploadMessages[Math.floor(Math.random() * uploadMessages.length)]; }
     while (m === lastMsg);
     lastMsg = m;
     return m;
-  }
+  };
 
-  function getMsgSpan() { var r = root(); return r ? r.querySelector("#processing-msg") : null; }
-  function getTimerSpan() { var r = root(); return r ? r.querySelector("#processing-timer") : null; }
+  const getMsgSpan = () => root()?.querySelector("#processing-msg");
+  const getTimerSpan = () => root()?.querySelector("#processing-timer");
 
-  function setMsg(t) { var s = getMsgSpan(); if (s) s.textContent = t; }
-  function fmtElapsed() { return ((Date.now() - startMs) / 1000).toFixed(1) + "s elapsed"; }
+  const setMsg = (t) => { const s = getMsgSpan(); if (s) s.textContent = t; };
+  const fmtElapsed = () => `${((Date.now() - startMs) / 1000).toFixed(1)}s elapsed`;
 
-  function start() {
+  const start = () => {
     if (msgInterval || timerInterval) return;
     startMs = Date.now();
     setMsg(pickMsg());
 
-    msgInterval = setInterval(function () { setMsg(pickMsg()); }, 2000);
+    msgInterval = setInterval(() => setMsg(pickMsg()), 2000);
 
-    var t = getTimerSpan();
+    const t = getTimerSpan();
     if (t) {
       t.textContent = fmtElapsed();
-      timerInterval = setInterval(function () { t.textContent = fmtElapsed(); }, 200);
+      timerInterval = setInterval(() => { t.textContent = fmtElapsed(); }, 200);
     }
-  }
+  };
 
-  function stop() {
+  const stop = () => {
     if (msgInterval) { clearInterval(msgInterval); msgInterval = null; }
     if (timerInterval) { clearInterval(timerInterval); timerInterval = null; }
-    var t = getTimerSpan();
+    const t = getTimerSpan();
     if (t) t.textContent = "";
-  }
+  };
 
-  function tick() {
-    var r = root();
+  const tick = () => {
+    const r = root();
     if (isVisible(r)) start();
     else stop();
-  }
+  };
 
-  try {
-    var obs = new MutationObserver(tick);
-    obs.observe(document.body, { subtree: true, childList: true, attributes: true });
-  } catch (e) {}
+  const obs = new MutationObserver(tick);
+  obs.observe(document.body, { subtree: true, childList: true, attributes: true });
 
   window.addEventListener("load", tick);
-  setInterval(tick, 500);
-})();
+  setInterval(tick, 500); // fallback
+})(); 
+ 
 """
 
     with gr.Blocks(theme=gr.themes.Soft(), title="SmartDoc AI", css=css, js=js) as demo: