From daa3f79a525f135160a4f991c96026bd9b92c8ae Mon Sep 17 00:00:00 2001
From: Giorgio Gilestro <giorgio@gilest.ro>
Date: Thu, 28 May 2026 19:20:49 +0200
Subject: [PATCH] mobile: cache-bust static assets so browser picks up CSS/JS
 edits

User reported phone still showing old behaviour (Qty/Avg portfolio
columns visible) even though the server-side JS had been updated.
Root cause: every <link>/<script> URL was a plain
/static/css/foo.css with no query string, so mobile Chrome served
the file from its HTTP cache rather than refetching it.

Adds a process-startup timestamp to the Jinja environment as
ASSET_VERSION (computed once when templates_env is imported). Every
<link>/<script> reference now appends `?v={{ ASSET_VERSION }}` so a
container restart bumps the URL and the browser refetches. 38 URLs
across 8 templates updated via sed; tests still pass.

Side benefit: future CSS/JS edits no longer require users to hard-
refresh.
---
 app/templates/base.html        | 20 ++++++++++----------
 app/templates/dashboard.html   |  6 +++---
 app/templates/landing.html     | 20 ++++++++++----------
 app/templates/log.html         |  2 +-
 app/templates/login.html       |  6 +++---
 app/templates/public_base.html | 12 ++++++------
 app/templates/settings.html    |  4 ++--
 app/templates/verify.html      |  6 +++---
 app/templates_env.py           |  9 +++++++++
 9 files changed, 47 insertions(+), 38 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index ccbcb08..2368970 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -36,16 +36,16 @@
       } catch (e) { document.documentElement.dataset.theme = 'light'; }
     })();
   </script>
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/panels.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/dashboard.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/portfolio.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/log-chat.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/settings.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/news.css') }}" />
-  <script src="{{ url_for('static', path='/js/htmx.min.js') }}" defer></script>
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/panels.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/dashboard.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/portfolio.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/log-chat.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/settings.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/news.css') }}?v={{ ASSET_VERSION }}" />
+  <script src="{{ url_for('static', path='/js/htmx.min.js') }}?v={{ ASSET_VERSION }}" defer></script>
   <script>
     // Inject the user's preferred TONE (NOVICE | INTERMEDIATE) into every
     // HTMX request so AI-generated panels resolve to the right cached
diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html
index ee7e7df..8db96c2 100644
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -102,9 +102,9 @@
     </div>
   </div>
 </section>
-<script src="{{ url_for('static', path='/js/portfolio-sync.js') }}" defer></script>
-<script src="{{ url_for('static', path='/js/portfolio.js') }}" defer></script>
-<script src="{{ url_for('static', path='/js/portfolio_edit.js') }}" defer></script>
+<script src="{{ url_for('static', path='/js/portfolio-sync.js') }}?v={{ ASSET_VERSION }}" defer></script>
+<script src="{{ url_for('static', path='/js/portfolio.js') }}?v={{ ASSET_VERSION }}" defer></script>
+<script src="{{ url_for('static', path='/js/portfolio_edit.js') }}?v={{ ASSET_VERSION }}" defer></script>
 
 <section id="log-panel" class="panel">
   <div class="panel-header">
diff --git a/app/templates/landing.html b/app/templates/landing.html
index 8d3d170..0726226 100644
--- a/app/templates/landing.html
+++ b/app/templates/landing.html
@@ -27,10 +27,10 @@
 
 <section class="shot-hero">
   <button class="shot shot--hero"
-          data-full="{{ url_for('static', path='/images/dashboard.png') }}"
+          data-full="{{ url_for('static', path='/images/dashboard.png') }}?v={{ ASSET_VERSION }}"
           data-alt="Read the Markets dashboard"
           data-caption="The dashboard. An aggregate cross-asset read at the top, hand-picked indicator groups underneath. Reading level toggle (Novice / Intermediate) flips every AI-generated panel between plain-English and terse-pro framing.">
-    <img src="{{ url_for('static', path='/images/dashboard.png') }}"
+    <img src="{{ url_for('static', path='/images/dashboard.png') }}?v={{ ASSET_VERSION }}"
          alt="Dashboard preview" loading="lazy">
     <span class="shot__zoom" aria-hidden="true">Click to enlarge</span>
   </button>
@@ -48,10 +48,10 @@
       off-hours stay quiet.
     </p>
     <button class="shot feature-card__shot"
-            data-full="{{ url_for('static', path='/images/news-feed.png') }}"
+            data-full="{{ url_for('static', path='/images/news-feed.png') }}?v={{ ASSET_VERSION }}"
             data-alt="News feed with auto-tagged headlines"
             data-caption="The news feed. Each headline carries one or more theme tags (rates, AI, energy, geopolitics, …) so you can keep the threads you care about and mute the ones you don't. Click a tag to include; shift-click to exclude.">
-      <img src="{{ url_for('static', path='/images/news-feed.png') }}"
+      <img src="{{ url_for('static', path='/images/news-feed.png') }}?v={{ ASSET_VERSION }}"
            alt="News feed thumbnail" loading="lazy">
     </button>
   </div>
@@ -66,10 +66,10 @@
       in earnings, policy, valuation &mdash; not chart patterns.
     </p>
     <button class="shot feature-card__shot"
-            data-full="{{ url_for('static', path='/images/indicators-read.png') }}"
+            data-full="{{ url_for('static', path='/images/indicators-read.png') }}?v={{ ASSET_VERSION }}"
             data-alt="Indicators panel with AI commentary"
             data-caption="The indicators panel. Tabs across asset classes (equity, rates, commodities, FX, bonds, …); each tab carries a one-paragraph 'read' written by the model on top of the live prices. The numbers anchor the prose so the commentary is checkable, not floating.">
-      <img src="{{ url_for('static', path='/images/indicators-read.png') }}"
+      <img src="{{ url_for('static', path='/images/indicators-read.png') }}?v={{ ASSET_VERSION }}"
            alt="Indicators panel thumbnail" loading="lazy">
     </button>
   </div>
@@ -87,10 +87,10 @@
       not a forecast and not advice on any investment decision.
     </p>
     <button class="shot feature-card__shot"
-            data-full="{{ url_for('static', path='/images/strategic-log.png') }}"
+            data-full="{{ url_for('static', path='/images/strategic-log.png') }}?v={{ ASSET_VERSION }}"
             data-alt="Strategic log — the editorial AI read"
             data-caption="The strategic log. The model writes a fresh interpretation through the trading day, taking the previous draft as context so it updates rather than starts over. Sections are typed: date header, TL;DR, what moved, what to watch, system temperature. Paid users get a refresh every hour; free users get one every six.">
-      <img src="{{ url_for('static', path='/images/strategic-log.png') }}"
+      <img src="{{ url_for('static', path='/images/strategic-log.png') }}?v={{ ASSET_VERSION }}"
            alt="Strategic log thumbnail" loading="lazy">
     </button>
   </div>
@@ -100,10 +100,10 @@
   <h2 class="public-section__head">More views</h2>
   <div class="shots-grid">
     <button class="shot"
-            data-full="{{ url_for('static', path='/images/chat-with-log.png') }}"
+            data-full="{{ url_for('static', path='/images/chat-with-log.png') }}?v={{ ASSET_VERSION }}"
             data-alt="Ask follow-up questions against any past log"
             data-caption="Ask follow-up questions against any past log. The chat panel inherits the log's full context, so you can pull on a thread without re-pasting headlines or re-explaining the setup.">
-      <img src="{{ url_for('static', path='/images/chat-with-log.png') }}"
+      <img src="{{ url_for('static', path='/images/chat-with-log.png') }}?v={{ ASSET_VERSION }}"
            alt="Chat-with-log thumbnail" loading="lazy">
       <div class="shot__caption">
         <strong>Ask anything about a log</strong>
diff --git a/app/templates/log.html b/app/templates/log.html
index 1ae7ea3..c91cb7a 100644
--- a/app/templates/log.html
+++ b/app/templates/log.html
@@ -69,5 +69,5 @@
     {% endif %}
   </div>
 </section>
-{% if paid %}<script src="{{ url_for('static', path='/js/chat.js') }}" defer></script>{% endif %}
+{% if paid %}<script src="{{ url_for('static', path='/js/chat.js') }}?v={{ ASSET_VERSION }}" defer></script>{% endif %}
 {% endblock %}
diff --git a/app/templates/login.html b/app/templates/login.html
index 448c883..2cfc899 100644
--- a/app/templates/login.html
+++ b/app/templates/login.html
@@ -10,9 +10,9 @@
       catch (e) { document.documentElement.dataset.theme = 'light'; }
     })();
   </script>
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}?v={{ ASSET_VERSION }}" />
 </head>
 <body>
 <div class="auth-shell">
diff --git a/app/templates/public_base.html b/app/templates/public_base.html
index 427fc36..b1cef24 100644
--- a/app/templates/public_base.html
+++ b/app/templates/public_base.html
@@ -14,12 +14,12 @@
       } catch (e) { document.documentElement.dataset.theme = 'light'; }
     })();
   </script>
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/panels.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/settings.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/public.css') }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/panels.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/settings.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/public.css') }}?v={{ ASSET_VERSION }}" />
 </head>
 <body class="public-page">
 <div class="public-shell">
diff --git a/app/templates/settings.html b/app/templates/settings.html
index 95edef8..7ce054c 100644
--- a/app/templates/settings.html
+++ b/app/templates/settings.html
@@ -357,7 +357,7 @@
 
 {% if user %}
 {# Import widget wiring — auto-parse on drop, preview, then commit. #}
-<script src="{{ url_for('static', path='/js/portfolio.js') }}" defer></script>
-<script src="{{ url_for('static', path='/js/settings-import.js') }}" defer></script>
+<script src="{{ url_for('static', path='/js/portfolio.js') }}?v={{ ASSET_VERSION }}" defer></script>
+<script src="{{ url_for('static', path='/js/settings-import.js') }}?v={{ ASSET_VERSION }}" defer></script>
 {% endif %}
 {% endblock %}
diff --git a/app/templates/verify.html b/app/templates/verify.html
index 43637d4..d28c989 100644
--- a/app/templates/verify.html
+++ b/app/templates/verify.html
@@ -10,9 +10,9 @@
       catch (e) { document.documentElement.dataset.theme = 'light'; }
     })();
   </script>
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}" />
-  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}?v={{ ASSET_VERSION }}" />
+  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}?v={{ ASSET_VERSION }}" />
 </head>
 <body>
 <div class="auth-shell">
diff --git a/app/templates_env.py b/app/templates_env.py
index 22cfdf6..7240d39 100644
--- a/app/templates_env.py
+++ b/app/templates_env.py
@@ -3,6 +3,7 @@ Imported by both routers/pages.py and routers/api.py so the filters are
 registered exactly once."""
 from __future__ import annotations
 
+import time
 from pathlib import Path
 
 from fastapi.templating import Jinja2Templates
@@ -13,6 +14,13 @@ from app.config import get_settings
 from app.services.glossary import wrap_glossary
 
 
+# Cache-busting token for static assets. Computed once at import time
+# (i.e. process startup), so every container restart yields a fresh
+# value and browsers refetch CSS/JS instead of serving stale cache.
+# Templates append `?v={{ ASSET_VERSION }}` to every static URL.
+ASSET_VERSION = str(int(time.time()))
+
+
 TEMPLATE_DIR = Path(__file__).resolve().parent / "templates"
 
 
@@ -77,3 +85,4 @@ templates.env.globals["LEGAL_OPERATOR"] = branding.LEGAL_OPERATOR
 templates.env.globals["OPERATOR_EMAIL"] = branding.OPERATOR_EMAIL
 templates.env.globals["OPERATOR_JURISDICTION"] = branding.OPERATOR_JURISDICTION
 templates.env.globals["BETA_MODE"] = get_settings().BETA_MODE
+templates.env.globals["ASSET_VERSION"] = ASSET_VERSION