Update app.py

app.py

@@ -393,38 +393,49 @@ with gr.Blocks(title="🧳 Torn Foreign Stocks") as iface:
     gr.HTML("""
     <script>
     (function () {
-      // Convert any ISO-UTC (…Z) timestamp found in component text/values to the browser's local time
-      function convertTimesToLocal() {
-        const isoRe = /\\b\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z\\b/g;
-        const fmt = new Intl.DateTimeFormat([], {
-          year: "numeric", month: "2-digit", day: "2-digit",
-          hour: "2-digit", minute: "2-digit", second: "2-digit"
+      // Match ISO UTC timestamps (e.g., 2025-10-25T02:05:36Z)
+      const isoRe = /\\b\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z\\b/g;
+      const fmt = new Intl.DateTimeFormat([], {
+        year: "numeric", month: "2-digit", day: "2-digit",
+        hour: "2-digit", minute: "2-digit", second: "2-digit"
+      });
+    
+      function convertInInputs(root) {
+        // Only update values for inputs/textareas (e.g., your "Last update" textbox)
+        const fields = root.querySelectorAll('input[type="text"], textarea');
+        fields.forEach(el => {
+          if (typeof el.value === "string" && isoRe.test(el.value)) {
+            el.value = el.value.replace(isoRe, m => fmt.format(new Date(m)));
+          }
         });
+      }
     
-        function processRoot(root) {
-          const elems = root.querySelectorAll("td, textarea, input, div, span");
-          elems.forEach(el => {
-            // Prefer .value for inputs/textareas; otherwise use textContent
-            if (typeof el.value === "string") {
-              const v = el.value;
-              if (isoRe.test(v)) {
-                el.value = v.replace(isoRe, m => fmt.format(new Date(m)));
-              }
-            } else if (el.textContent && isoRe.test(el.textContent)) {
-              el.textContent = el.textContent.replace(isoRe, m => fmt.format(new Date(m)));
+      function convertInTableCells(root) {
+        // Only touch <td> text nodes, not container divs/spans
+        const tds = root.querySelectorAll("td");
+        tds.forEach(td => {
+          td.childNodes.forEach(node => {
+            if (node.nodeType === Node.TEXT_NODE && isoRe.test(node.nodeValue)) {
+              node.nodeValue = node.nodeValue.replace(isoRe, m => fmt.format(new Date(m)));
             }
           });
-        }
+        });
+      }
     
-        // Handle regular DOM and Gradio's shadow DOM
+      function runOnce() {
         const roots = [document];
         const app = document.querySelector("gradio-app");
         if (app && app.shadowRoot) roots.push(app.shadowRoot);
-        roots.forEach(processRoot);
+        roots.forEach(r => {
+          convertInInputs(r);
+          convertInTableCells(r);
+        });
       }
     
-      // Run periodically to catch re-renders
-      setInterval(convertTimesToLocal, 800);
+      // Convert initially and on any UI updates without clobbering DOM
+      runOnce();
+      const obs = new MutationObserver(() => runOnce());
+      obs.observe(document.documentElement, { childList: true, subtree: true, characterData: true });
     })();
     </script>
     """)