Fix frontend disconnected, FIX UI reloader, add dashboard clock

Frontend (disconnected root cause):
- All fetch('/endpoint') calls were hitting nginx '/' (dashboard) instead
of '/frontend/endpoint'. Added BASE detection at page load:
const BASE = window.location.pathname === '/' ? '' : pathname.replace(/\/$/, '');
Applied to /securities, /order, /book, /trades

FIX UI (session disrupted by reloader):
- debug=True caused Flask reloader to spawn a child process and restart
the app, breaking the QuickFIX session on startup
- Changed to debug=False, use_reloader=False

Entrypoint timing:
- FIX OEG sleep increased from 3s → 6s (allow full socket bind)
- FIX UI sleep increased from 2s → 3s (allow QuickFIX initiator to start)

Dashboard:
- Local clock added to header bar (updates every second, browser timezone)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

dashboard/templates/index.html

@@ -201,6 +201,7 @@
     Trading Dashboard
     <span id="status" class="status connecting"><span class="dot"></span><span id="status-text">Connecting...</span></span>
     <span id="session-badge" class="status idle"><span class="dot"></span><span id="session-text">IDLE</span></span>
+    <span id="local-clock" style="font-size:13px; font-weight:normal; color:#555; background:#f0f0f0; padding:3px 10px; border-radius:12px; font-variant-numeric:tabular-nums;"></span>
     <button id="day-btn" onclick="toggleDay()" class="btn-day btn-start" disabled>Start of Day</button>
     <button id="suspend-btn" onclick="toggleSuspend()" class="btn-day btn-suspend" disabled>Suspend</button>
     <button id="mode-btn" onclick="toggleMode()" class="btn-day btn-automatic">Automatic</button>
@@ -1383,6 +1384,16 @@
     }
 
     // Initial load: fetch data via REST, then connect SSE
+    // ── Local clock ───────────────────────────────────────────────────────────
+    (function tickClock() {
+      const el = document.getElementById("local-clock");
+      if (el) {
+        const now = new Date();
+        el.textContent = now.toLocaleTimeString([], {hour: "2-digit", minute: "2-digit", second: "2-digit"});
+      }
+      setTimeout(tickClock, 1000);
+    })();
+
     async function init() {
       await fetchData();
       connectSSE();

entrypoint.sh

@@ -59,11 +59,11 @@ python3 /app/mdf_simulator.py &
 
 echo "[startup] Starting FIX OEG on port 5001..."
 (cd /app/fix_oeg && python3 /app/fix_oeg/fix_oeg_server.py) &
-sleep 3
+sleep 6
 
 echo "[startup] Starting FIX UI Client on port 5002..."
 python3 /app/fix_ui/fix_ui_client.py &
-sleep 2
+sleep 3
 
 echo "[startup] Starting Frontend on port 5003..."
 PORT=$FRONTEND_PORT TEMPLATE_FOLDER=/app/frontend_templates python3 /app/frontend.py &

fix-ui-client/fix-ui-client.py

@@ -197,4 +197,4 @@ CONFIG_FILE = os.getenv("FIX_CONFIG", "client.cfg")
 PORT = int(os.getenv("UI_PORT", "5002"))
 
 if __name__ == "__main__":
-    app.run(host="0.0.0.0", port=PORT, debug=True)
+    app.run(host="0.0.0.0", port=PORT, debug=False, use_reloader=False)

frontend/templates/index.html

@@ -211,6 +211,9 @@
   </div>
 
   <script>
+    // Detect API base path: works whether served at / or under /frontend/
+    const BASE = window.location.pathname === '/' ? '' : window.location.pathname.replace(/\/$/, '');
+
     let pollInterval = null;
 
     function setStatus(cls, text) {
@@ -223,7 +226,7 @@
 
     async function loadSecurities() {
       try {
-        const r = await fetch('/securities');
+        const r = await fetch(BASE + '/securities');
         const symbols = await r.json();
         const sel = document.getElementById('symbol-select');
         sel.innerHTML = '';
@@ -251,7 +254,7 @@
         timestamp: Date.now() / 1000
       };
       try {
-        const r = await fetch('/order', {
+        const r = await fetch(BASE + '/order', {
           method: 'POST',
           headers: {'Content-Type': 'application/json'},
           body: JSON.stringify(data)
@@ -324,7 +327,7 @@
     async function loadBook() {
       const now = new Date().toLocaleTimeString();
       try {
-        const r = await fetch('/book');
+        const r = await fetch(BASE + '/book');
         const b = await r.json();
         renderBook(b);
         document.getElementById('book-updated').textContent = 'Updated: ' + now;
@@ -335,7 +338,7 @@
         setStatus('disconnected', 'Disconnected');
       }
       try {
-        const r2 = await fetch('/trades');
+        const r2 = await fetch(BASE + '/trades');
         const t   = await r2.json();
         renderTrades(Array.isArray(t) ? t : (t.trades || []));
         document.getElementById('trades-updated').textContent = 'Updated: ' + now;