From 9e8970459ff706789409737c8420530dccbd4e15 Mon Sep 17 00:00:00 2001
From: Justin Oros <JustinOros@gmail.com>
Date: Wed, 28 Jan 2026 16:29:57 -0700
Subject: [PATCH] =?UTF-8?q?Update=20Status=20Badge=20to=20show=20LIVE?=
 =?UTF-8?q?=E2=80=AFTRADING=20or=20PAPER=E2=80=AFTRADING=E2=80=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 14eff46..947b3b0 100644
--- a/index.html
+++ b/index.html
@@ -241,6 +241,11 @@
             color:var(--accent-green);
             border:1px solid var(--accent-green);
         }
+        .status-paper{
+            background:rgba(0,212,255,.15);
+            color:var(--accent-blue);
+            border:1px solid var(--accent-blue);
+        }
         .account-number{
             font-family:'JetBrains Mono',monospace;
             color:var(--text-secondary);
@@ -523,7 +528,7 @@
         <div id="dashboard">
             <div class="dashboard-header">
                 <div class="account-info">
-                    <span class="status-badge status-active">● LIVE</span>
+                    <span id="tradingModeBadge" class="status-badge status-active">● LIVE</span>
                     <span id="accountNumber" class="account-number" onmouseenter="revealAccountNumber()" onmouseleave="hideAccountNumber()" onclick="copyAccountNumber(event)" oncontextmenu="copyAccountNumber(event)">#PA••••••••</span>
                 </div>
                 <button class="btn-logout" onclick="logout()">Logout</button>
@@ -588,6 +593,7 @@
                 });
 
                 if (response.ok) {
+                    updateTradingModeBadge(tradingMode);
                     document.getElementById('loginForm').style.display = 'none';
                     document.getElementById('dashboard').style.display = 'block';
                     await loadDashboard();
@@ -601,6 +607,19 @@
             errorDiv.innerHTML = '<div class="error">Invalid credentials. Please check your API Key and Secret.</div>';
         }
 
+        function updateTradingModeBadge(mode) {
+            const badge = document.getElementById('tradingModeBadge');
+            if (!badge) return;
+            badge.classList.remove('status-active', 'status-paper');
+            if (mode === 'live') {
+                badge.classList.add('status-active');
+                badge.textContent = '● LIVE TRADING';
+            } else {
+                badge.classList.add('status-paper');
+                badge.textContent = '● PAPER TRADING';
+            }
+        }
+
         async function loadDashboard() {
             try {
                 const [accountData, positions] = await Promise.all([