Add js to convert times to browser's timezone

app.py

@@ -166,7 +166,7 @@ def fetch_yata(force_refresh=False):
         _cache.update({
             "data": data,
             "timestamp": time.time(),
-            "last_update": time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
+            "last_update": time.strftime("%Y-%m-%dT%H:%M:%SZ", time.gmtime())  # UTC ISO
         })
         print(f"✅ Fetched YATA data at {_cache['last_update']}")
         return data, _cache["last_update"]
@@ -207,7 +207,7 @@ def query_inventory(query_text="", category="", country_name="", capacity=10, re
             elif country_name.lower() not in cname.lower():
                 continue
         update_ts = cdata.get("update")
-        update_str = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime(update_ts)) if update_ts else "Unknown"
+        update_str = time.strftime("%Y-%m-%dT%H:%M:%SZ", time.gmtime(update_ts)) if update_ts else "Unknown"
         for item in cdata.get("stocks", []):
             iname = item.get("name", "")
             itype = ITEM_TO_TYPE.get(iname, "").lower()
@@ -247,33 +247,10 @@ def run_query(query_text, category, country, capacity, refresh):
     live_categories = get_live_categories(data)
     return df, ts, gr.update(choices=[""] + live_categories)
 
-def run_multi(queries, capacity, refresh):
-    data, _ = fetch_yata(force_refresh=refresh)
-    dfs = []
-    for qtext in queries:
-        print(f"⚡ Running convenience subquery: {qtext}")
-        df, _ = query_inventory(qtext, "", "", capacity, refresh)
-        if "Result" not in df.columns:
-            dfs.append(df)
-    if not dfs:
-        return pd.DataFrame([{"Result": "No results for that set."}]), "No results.", gr.update()
-    merged = pd.concat(dfs, ignore_index=True).sort_values(by=["Country", "Item"])
-    for col in ["Quantity", "Cost", "Max Capacity Cost"]:
-        merged[col] = merged[col].apply(lambda x: f"{x:,.0f}" if isinstance(x, (int, float)) else x)
-    live_categories = get_live_categories(data)
-    return merged, f"Last update: {time.strftime('%Y-%m-%d %H:%M:%S')}", gr.update(choices=[""] + live_categories)
-
 # ---------------- Gradio UI ----------------
-with gr.Blocks(title="🧳 Torn Foreign Stocks") as iface:
-    gr.Markdown("## 🧳 Torn Foreign Stocks")
-    gr.Markdown("_Search YATA's foreign stocks data_")
-
-    with gr.Row():
-        btn_short = gr.Button("🌸 Flushies (Short Haul)")
-        btn_med = gr.Button("✈️ Flushies (Medium Haul)")
-        btn_long = gr.Button("🛫 Flushies (Long Haul)")
-        btn_xanax = gr.Button("💊 Xanax (SA)")
-        btn_temps = gr.Button("💣 Temps")
+with gr.Blocks(title="🧳 Torn Inventory Viewer") as iface:
+    gr.Markdown("## 🧳 Torn Inventory Viewer")
+    gr.Markdown("_Search Torn YATA travel stocks — timestamps shown in your local timezone._")
 
     query_box = gr.Textbox(label="Search (semantic, e.g. 'flowers in England')", elem_id="qbox")
     category_drop = gr.Dropdown(label="Category (optional exact match)", choices=[""] + ALL_CATEGORIES, elem_id="catdrop")
@@ -281,83 +258,34 @@ with gr.Blocks(title="🧳 Torn Foreign Stocks") as iface:
     capacity_slider = gr.Number(label="Travel Capacity", value=10, minimum=5, maximum=88, precision=0, elem_id="cap_num")
     refresh_check = gr.Checkbox(label="Force refresh (ignore cache)", value=False)
 
-    cap_bridge = gr.Textbox(visible=False, elem_id="cap_bridge")
-
-    def apply_bridge(cap_text):
-        try:
-            v = float(cap_text)
-            if 5 <= v <= 88:
-                return gr.Number.update(value=v)
-        except:
-            pass
-        return gr.Number.update()
-
-    cap_bridge.change(apply_bridge, inputs=[cap_bridge], outputs=[capacity_slider])
-
-    run_btn = gr.Button("🔍 Search / Refresh")
     result_df = gr.Dataframe(label="Results")
     meta_box = gr.Textbox(label="Metadata / Last Update")
 
-    run_btn.click(run_query,
-                  inputs=[query_box, category_drop, country_box, capacity_slider, refresh_check],
+    run_btn = gr.Button("🔍 Search / Refresh")
+    run_btn.click(run_query, inputs=[query_box, category_drop, country_box, capacity_slider, refresh_check],
                   outputs=[result_df, meta_box, category_drop])
 
-    btn_short.click(lambda c, r: run_multi(
-        ["flowers in mexico", "flowers in cayman islands", "flowers in canada",
-         "plushies in mexico", "plushies in cayman islands", "plushies in canada"], c, r),
-        inputs=[capacity_slider, refresh_check], outputs=[result_df, meta_box, category_drop])
-
-    btn_med.click(lambda c, r: run_multi(
-        ["flowers in hawaii", "flowers in united kingdom", "flowers in argentina",
-         "flowers in switzerland", "flowers in japan",
-         "plushies in hawaii", "plushies in united kingdom", "plushies in argentina",
-         "plushies in switzerland", "plushies in japan"], c, r),
-        inputs=[capacity_slider, refresh_check], outputs=[result_df, meta_box, category_drop])
-
-    btn_long.click(lambda c, r: run_multi(
-        ["flowers in uae", "flowers in china", "flowers in south africa",
-         "plushies in uae", "plushies in china", "plushies in south africa"], c, r),
-        inputs=[capacity_slider, refresh_check], outputs=[result_df, meta_box, category_drop])
-
-    btn_xanax.click(lambda c, r: run_multi(["xanax in south africa"], c, r),
-        inputs=[capacity_slider, refresh_check], outputs=[result_df, meta_box, category_drop])
-
-    btn_temps.click(lambda c, r: run_multi(
-        ["tear gas in argentina", "smoke grenade in south africa", "flash grenade in switzerland"], c, r),
-        inputs=[capacity_slider, refresh_check], outputs=[result_df, meta_box, category_drop])
-
-    # --- JS for capacity persistence ---
+    # --- JS for local time conversion ---
     gr.HTML("""
     <script>
-    (function () {
-      function root() {
-        const app = document.querySelector('gradio-app');
-        return app && app.shadowRoot ? app.shadowRoot : document;
-      }
-      function el(sel) { return root().querySelector(sel); }
-      function restore() {
-        const saved = localStorage.getItem('travel_capacity');
-        const num = el('#cap_num input[type=number]');
-        const bridge = el('#cap_bridge textarea');
-        if (saved && num) {
-          num.value = saved;
-          num.dispatchEvent(new Event('input', { bubbles: true }));
-          if (bridge) {
-            bridge.value = saved;
-            bridge.dispatchEvent(new Event('input', { bubbles: true }));
-            bridge.dispatchEvent(new Event('change', { bubbles: true }));
+    (function(){
+      function convertTimesToLocal(){
+        const elems = document.querySelectorAll("td, textarea, input");
+        const fmt = new Intl.DateTimeFormat([], {year:"numeric", month:"2-digit", day:"2-digit",
+                                                 hour:"2-digit", minute:"2-digit", second:"2-digit"});
+        elems.forEach(el=>{
+          const text = el.value || el.textContent;
+          if (text && /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z$/.test(text.trim())){
+            try{
+              const dt = new Date(text.trim());
+              const local = fmt.format(dt);
+              if (el.value !== undefined) el.value = local;
+              else el.textContent = local;
+            }catch{}
           }
-        }
-        if (num && !num.dataset.synced) {
-          num.dataset.synced = '1';
-          num.addEventListener('input', () => {
-            localStorage.setItem('travel_capacity', num.value);
-          });
-        }
+        });
       }
-      window.addEventListener('DOMContentLoaded', () => setTimeout(restore, 500));
-      const obs = new MutationObserver(() => setTimeout(restore, 100));
-      obs.observe(document.documentElement, { childList: true, subtree: true });
+      setInterval(convertTimesToLocal, 1000);
     })();
     </script>
     """)