Add Frontend button to dashboard; wire frontend into single-container

Dashboard:
- FRONTEND_URL env var injected into template; button only shown when set
- docker-compose: FRONTEND_URL=http://localhost:5000 added to dashboard service
- Button opens frontend in new tab (indigo pill style, matching FIX UI)

Single-container (HuggingFace):
- nginx: /frontend/ route added → localhost:5003
- entrypoint.sh: starts frontend on port 5003 with correct template folder
- Dockerfile: copies frontend.py + templates to /app/frontend_templates/
- frontend.py: TEMPLATE_FOLDER env var support added
- Dockerfile: also copies market_schedule.txt to /app/data/

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

Dockerfile

@@ -40,6 +40,7 @@ WORKDIR /app
 
 COPY shared/                          /app/shared/
 COPY shared_data/securities.txt       /app/data/securities.txt
+COPY shared_data/market_schedule.txt  /app/data/market_schedule.txt
 
 # Matcher service
 COPY matcher/matcher.py               /app/matcher.py
@@ -52,6 +53,10 @@ COPY md_feeder/mdf_simulator.py       /app/mdf_simulator.py
 COPY dashboard/dashboard.py           /app/dashboard.py
 COPY dashboard/templates/             /app/templates/
 
+# Frontend (order entry) service
+COPY frontend/frontend.py             /app/frontend.py
+COPY frontend/templates/              /app/frontend_templates/
+
 # FIX OEG (Order Entry Gateway)
 COPY fix_oeg/fix_oeg_server.py        /app/fix_oeg/fix_oeg_server.py
 COPY fix_oeg/FIX44.xml                /app/fix_oeg/FIX44.xml

dashboard/dashboard.py

@@ -22,7 +22,8 @@ sse_clients_lock = threading.Lock()
 # Session state
 session_state = {"active": False, "start_time": None, "suspended": False, "mode": "automatic"}
 
-SCHEDULE_FILE = os.getenv("SCHEDULE_FILE", "/app/shared_data/market_schedule.txt")
+SCHEDULE_FILE  = os.getenv("SCHEDULE_FILE",  "/app/shared_data/market_schedule.txt")
+FRONTEND_URL   = os.getenv("FRONTEND_URL",   "")
 
 # ── OHLCV History ──────────────────────────────────────────────────────────────
 HISTORY_DB = os.getenv("HISTORY_DB", "/app/data/dashboard_history.db")
@@ -177,7 +178,7 @@ threading.Thread(target=consume_kafka, daemon=True).start()
 
 @app.route("/")
 def index():
-    return render_template("index.html")
+    return render_template("index.html", frontend_url=FRONTEND_URL)
 
 
 @app.route("/health")

dashboard/templates/index.html

@@ -204,7 +204,8 @@
     <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>
-    <a href="/fix/" style="margin-left:auto; padding:4px 14px; background:#6c757d; color:#fff; border-radius:20px; font-size:12px; font-weight:bold; text-decoration:none;">FIX UI</a>
+    {% if frontend_url %}<a href="{{ frontend_url }}" target="_blank" style="margin-left:auto; padding:4px 14px; background:#5c6bc0; color:#fff; border-radius:20px; font-size:12px; font-weight:bold; text-decoration:none;">Frontend</a>{% endif %}
+    <a href="/fix/" style="{% if not frontend_url %}margin-left:auto; {% endif %}padding:4px 14px; background:#6c757d; color:#fff; border-radius:20px; font-size:12px; font-weight:bold; text-decoration:none;">FIX UI</a>
   </h1>
   <div class="container">
 

docker-compose.yml

@@ -161,6 +161,7 @@ services:
       - matcher
     environment:
       - MATCHER_URL=http://matcher:6000
+      - FRONTEND_URL=http://localhost:5000
 
 volumes:
   matcher_data:  # Persists SQLite database across container restarts

entrypoint.sh

@@ -9,6 +9,8 @@ export MATCHER_URL=http://localhost:6000
 export PORT=5000
 export FIX_CONFIG=/app/fix_ui/client_hf.cfg
 export UI_PORT=5002
+export FRONTEND_PORT=5003
+export FRONTEND_URL=/frontend/
 
 # ── Kafka (KRaft) ─────────────────────────────────────────────────────────────
 echo "[startup] Formatting Kafka storage (KRaft)..."
@@ -63,7 +65,11 @@ echo "[startup] Starting FIX UI Client on port 5002..."
 python3 /app/fix_ui/fix_ui_client.py &
 sleep 2
 
-# ── nginx (reverse proxy: port 7860 → dashboard:5000 + fix-ui:5002) ───────────
+echo "[startup] Starting Frontend on port 5003..."
+PORT=$FRONTEND_PORT TEMPLATE_FOLDER=/app/frontend_templates python3 /app/frontend.py &
+sleep 2
+
+# ── nginx (reverse proxy: port 7860 → dashboard:5000 + fix-ui:5002 + frontend:5003) ──
 echo "[startup] Starting nginx on port 7860..."
 nginx
 

frontend/frontend.py

@@ -7,7 +7,7 @@ import json, time, os
 from shared.config import Config
 from shared.kafka_utils import create_producer
 
-app = Flask(__name__, template_folder='templates')
+app = Flask(__name__, template_folder=os.getenv("TEMPLATE_FOLDER", "templates"))
 
 producer = create_producer(component_name="Frontend")
 

nginx.conf

@@ -20,6 +20,18 @@ http {
             chunked_transfer_encoding on;
         }
 
+        # Frontend (order entry) – served under /frontend/
+        location /frontend/ {
+            proxy_pass         http://localhost:5003/;
+            proxy_set_header   Host $host;
+            proxy_set_header   X-Real-IP $remote_addr;
+            sub_filter         'href="/'    'href="/frontend/';
+            sub_filter         'action="/'  'action="/frontend/';
+            sub_filter_once    off;
+            sub_filter_types   text/html;
+            proxy_redirect     / /frontend/;
+        }
+
         # FIX UI Client – served under /fix/
         location /fix/ {
             proxy_pass         http://localhost:5002/;