Update Kronos Platform: New UI, enhanced backend stability and restored Dockerfile

.gitignore

@@ -4,3 +4,5 @@ __pycache__/
 .env
 .DS_Store
 *.db
+.tmp.*/
+.vscode/

all_symbols_final.txt

@@ -0,0 +1,643 @@
+0GUSDT
+1000000BABYDOGEUSDT
+1000000CHEEMSUSDT
+1000000MOGUSDT
+10000QUBICUSDT
+10000SATSUSDT
+1000BONKPERP
+1000BONKUSDT
+1000BTTUSDT
+1000CATUSDT
+1000FLOKIUSDT
+1000LUNCUSDT
+1000NEIROCTOPERP
+1000NEIROCTOUSDT
+1000PEPEPERP
+1000PEPEUSDT
+1000RATSUSDT
+1000TAGUSDT
+1000TOSHIUSDT
+1000TURBOUSDT
+1000XECUSDT
+1INCHUSDT
+2ZUSDT
+4USDT
+AAVEPERP
+AAVEUSDT
+ACEUSDT
+ACHUSDT
+ACTUSDT
+ACUUSDT
+ACXUSDT
+ADAUSDT
+AERGOUSDT
+AEROUSDT
+AEVOPERP
+AEVOUSDT
+AGIUSDT
+AGLDUSDT
+AIOUSDT
+AIOZUSDT
+AIXBTUSDT
+AKEUSDT
+AKTUSDT
+ALCHUSDT
+ALGOUSDT
+ALICEUSDT
+ALLOUSDT
+ALPINEUSDT
+ALTUSDT
+ANIMEUSDT
+ANKRUSDT
+APEUSDT
+APEXUSDT
+API3USDT
+APRUSDT
+APTUSDT
+ARBPERP
+ARBUSDT
+ARCUSDT
+ARIAUSDT
+ARKMUSDT
+ARKUSDT
+ARPAUSDT
+ARUSDT
+ASPUSDT
+ASRUSDT
+ASTERPERP
+ASTERUSDT
+ASTRUSDT
+ATHUSDT
+ATOMUSDT
+ATUSDT
+AUCTIONUSDT
+AUSDT
+AVAAIUSDT
+AVAUSDT
+AVAXUSDT
+AVNTPERP
+AVNTUSDT
+AWEUSDT
+AXLUSDT
+AXSUSDT
+AZTECUSDT
+B2USDT
+B3USDT
+BABYUSDT
+BANANAS31USDT
+BANANAUSDT
+BANDUSDT
+BANKUSDT
+BANUSDT
+BARDUSDT
+BASEDUSDT
+BATUSDT
+BBUSDT
+BCHPERP
+BCHUSDT
+BEAMUSDT
+BEATUSDT
+BELUSDT
+BERAUSDT
+BICOUSDT
+BIGTIMEUSDT
+BIOUSDT
+BIRBUSDT
+BLASTUSDT
+BLESSUSDT
+BLUAIUSDT
+BLURUSDT
+BMTUSDT
+BNBPERP
+BNBUSDT
+BNTUSDT
+BOBAUSDT
+BOBBOBUSDT
+BOMEUSDT
+BRETTUSDT
+BREVUSDT
+BROCCOLIUSDT
+BRUSDT
+BSBUSDT
+BSUUSDT
+BSVUSDT
+BTCPERP
+BTCUSDT
+BTCUSDT-01MAY26
+BTCUSDT-08MAY26
+BTCUSDT-24APR26
+BTCUSDT-25DEC26
+BTCUSDT-25SEP26
+BTCUSDT-26JUN26
+BTCUSDT-26MAR27
+BTCUSDT-29MAY26
+BTRUSDT
+BUSDT
+C98USDT
+CAKEUSDT
+CARVUSDT
+CATIUSDT
+CCUSDT
+CELOUSDT
+CETUSUSDT
+CFGUSDT
+CFXUSDT
+CGPTUSDT
+CHILLGUYUSDT
+CHIPUSDT
+CHRUSDT
+CHZUSDT
+CKBUSDT
+CLANKERUSDT
+CLOUDUSDT
+CLOUSDT
+CLUSDT
+COAIUSDT
+COMPUSDT
+COOKIEUSDT
+COREUSDT
+COTIUSDT
+COWUSDT
+CROSSUSDT
+CROUSDT
+CRVPERP
+CRVUSDT
+CTCUSDT
+CUSDT
+CVCUSDT
+CVXUSDT
+CYBERUSDT
+CYSUSDT
+DASHUSDT
+DBRUSDT
+DEEPUSDT
+DEGENUSDT
+DEXEUSDT
+DIAUSDT
+DOGEPERP
+DOGEUSDT
+DOGEUSDT-01MAY26
+DOGEUSDT-08MAY26
+DOGEUSDT-24APR26
+DOGEUSDT-29MAY26
+DOGUSDT
+DOLOUSDT
+DOODUSDT
+DOTPERP
+DOTUSDT
+DRIFTUSDT
+DUSKUSDT
+DYDXUSDT
+DYMUSDT
+EDENUSDT
+EDGEUSDT
+EDUUSDT
+EGLDUSDT
+EIGENPERP
+EIGENUSDT
+ELSAUSDT
+ENAPERP
+ENAUSDT
+ENJUSDT
+ENSOUSDT
+ENSUSDT
+EPICUSDT
+ERAUSDT
+ESPORTSUSDT
+ESPUSDT
+ESUSDT
+ETCPERP
+ETCUSDT
+ETHBTCUSDT
+ETHFIPERP
+ETHFIUSDT
+ETHPERP
+ETHUSDT
+ETHUSDT-01MAY26
+ETHUSDT-08MAY26
+ETHUSDT-24APR26
+ETHUSDT-25DEC26
+ETHUSDT-25SEP26
+ETHUSDT-26JUN26
+ETHUSDT-26MAR27
+ETHUSDT-29MAY26
+EULUSDT
+EVAAUSDT
+FARTCOINPERP
+FARTCOINUSDT
+FFUSDT
+FHEUSDT
+FIDAUSDT
+FIGHTUSDT
+FILPERP
+FILUSDT
+FIOUSDT
+FLOCKUSDT
+FLOWUSDT
+FLRUSDT
+FLUIDUSDT
+FLUXUSDT
+FOGOUSDT
+FOLKSUSDT
+FORMUSDT
+FUSDT
+GALAUSDT
+GASUSDT
+GENIUSUSDT
+GIGAUSDT
+GIGGLEUSDT
+GLMUSDT
+GMTUSDT
+GMXUSDT
+GNOUSDT
+GOATUSDT
+GODSUSDT
+GPSUSDT
+GRASSUSDT
+GRIFFAINUSDT
+GRTUSDT
+GUNUSDT
+HAEDALUSDT
+HANAUSDT
+HBARPERP
+HBARUSDT
+HEIUSDT
+HEMIUSDT
+HFTUSDT
+HIGHUSDT
+HIVEUSDT
+HMSTRUSDT
+HNTUSDT
+HOLOUSDT
+HOMEUSDT
+HOODUSDT
+HPERP
+HPOS10IUSDT
+HUMAUSDT
+HUSDT
+HYPEPERP
+HYPERUSDT
+HYPEUSDT
+ICNTPERP
+ICNTUSDT
+ICPPERP
+ICPUSDT
+ICXUSDT
+IDUSDT
+ILVUSDT
+IMXUSDT
+INITUSDT
+INJPERP
+INJUSDT
+INTCUSDT
+INUSDT
+INXUSDT
+IOSTUSDT
+IOTAUSDT
+IOTXUSDT
+IOUSDT
+IPPERP
+IPUSDT
+IRYSUSDT
+JASMYUSDT
+JCTUSDT
+JELLYJELLYUSDT
+JSTUSDT
+JTOUSDT
+JUPUSDT
+KAIAUSDT
+KAITOUSDT
+KASPERP
+KASUSDT
+KATUSDT
+KAVAUSDT
+KERNELUSDT
+KGENUSDT
+KITEUSDT
+KMNOUSDT
+KNCUSDT
+KSMUSDT
+LABUSDT
+LAUSDT
+LDOUSDT
+LIGHTUSDT
+LINEAUSDT
+LINKPERP
+LINKUSDT
+LITUSDT
+LPTUSDT
+LQTYUSDT
+LRCUSDT
+LSKUSDT
+LTCPERP
+LTCUSDT
+LUMIAUSDT
+LUNA2USDT
+LYNUSDT
+MAGICUSDT
+MAGMAUSDT
+MANAUSDT
+MANTAUSDT
+MASKUSDT
+MAVIAUSDT
+MAVUSDT
+MBOXUSDT
+MELANIAUSDT
+MEMEUSDT
+MERLPERP
+MERLUSDT
+METISUSDT
+METUSDT
+MEUSDT
+MEWUSDT
+MINAUSDT
+MIRAUSDT
+MITOUSDT
+MLNUSDT
+MMTUSDT
+MNTPERP
+MNTUSDT
+MNTUSDT-01MAY26
+MNTUSDT-08MAY26
+MNTUSDT-24APR26
+MNTUSDT-29MAY26
+MOCAUSDT
+MONUSDT
+MOODENGPERP
+MOODENGUSDT
+MORPHOUSDT
+MOVEUSDT
+MOVRUSDT
+MTLUSDT
+MUBARAKUSDT
+MUSDT
+MYXUSDT
+NAORISUSDT
+NEARUSDT
+NEOUSDT
+NEWTUSDT
+NIGHTPERP
+NIGHTUSDT
+NILUSDT
+NMRUSDT
+NOMUSDT
+NOTPERP
+NOTUSDT
+NXPCUSDT
+OGNUSDT
+OGUSDT
+OKBUSDT
+OLUSDT
+ONDOPERP
+ONDOUSDT
+ONGUSDT
+ONTUSDT
+OPENUSDT
+OPNUSDT
+OPPERP
+OPUSDT
+ORBSUSDT
+ORCAUSDT
+ORDERUSDT
+ORDIPERP
+ORDIUSDT
+OXTUSDT
+PARTIUSDT
+PAXGPERP
+PAXGUSDT
+PEAQUSDT
+PENDLEPERP
+PENDLEUSDT
+PENGUPERP
+PENGUUSDT
+PEOPLEUSDT
+PHAUSDT
+PIEVERSEUSDT
+PIPPINUSDT
+PIXELUSDT
+PLAYSOUTUSDT
+PLUMEUSDT
+PNUTPERP
+PNUTUSDT
+POLPERP
+POLUSDT
+POLYXUSDT
+POPCATPERP
+POPCATUSDT
+PORTALUSDT
+POWERUSDT
+POWRUSDT
+PRLUSDT
+PROMPTUSDT
+PROVEUSDT
+PTBUSDT
+PUFFERUSDT
+PUMPBTCUSDT
+PUMPFUNPERP
+PUMPFUNUSDT
+PUNDIXUSDT
+PYRUSDT
+PYTHUSDT
+QNTUSDT
+QTUMUSDT
+QUSDT
+RAREUSDT
+RAVEUSDT
+RAYDIUMUSDT
+RDNTUSDT
+RECALLUSDT
+REDUSDT
+RENDERUSDT
+REQUSDT
+RESOLVPERP
+RESOLVUSDT
+REZUSDT
+RIVERUSDT
+RLCUSDT
+RLUSDUSDT
+ROAMUSDT
+ROBOUSDT
+RONINUSDT
+ROSEUSDT
+RPLUSDT
+RSRUSDT
+RUNEUSDT
+RVNUSDT
+SAFEUSDT
+SAGAUSDT
+SAHARAPERP
+SAHARAUSDT
+SANDUSDT
+SAPIENUSDT
+SCRTUSDT
+SCRUSDT
+SCUSDT
+SEIPERP
+SEIUSDT
+SENTUSDT
+SHELLUSDT
+SHIB1000PERP
+SHIB1000USDT
+SIGNUSDT
+SIRENUSDT
+SKLUSDT
+SKRUSDT
+SKYUSDT
+SLPUSDT
+SNTUSDT
+SNXUSDT
+SOLAYERUSDT
+SOLPERP
+SOLUSDT
+SOLUSDT-01MAY26
+SOLUSDT-08MAY26
+SOLUSDT-24APR26
+SOLUSDT-29MAY26
+SOLVUSDT
+SOMIUSDT
+SONICUSDT
+SOONUSDT
+SOPHUSDT
+SOSOUSDT
+SPACEUSDT
+SPKUSDT
+SPORTFUNUSDT
+SPXPERP
+SPXUSDT
+SQDUSDT
+SSVUSDT
+STABLEUSDT
+STBLUSDT
+STEEMUSDT
+STGUSDT
+STORJUSDT
+STOUSDT
+STRKPERP
+STRKUSDT
+STXUSDT
+SUIPERP
+SUIUSDT
+SUNUSDT
+SUPERUSDT
+SUSDT
+SUSHIUSDT
+SWARMSUSDT
+SXTUSDT
+SYNUSDT
+SYRUPUSDT
+TACUSDT
+TAIKOUSDT
+TAOPERP
+TAOUSDT
+TAUSDT
+THETAUSDT
+THEUSDT
+TIAPERP
+TIAUSDT
+TLMUSDT
+TNSRUSDT
+TONPERP
+TONUSDT
+TOWNSUSDT
+TRBUSDT
+TREEUSDT
+TRIAUSDT
+TRUMPPERP
+TRUMPUSDT
+TRUSTUSDT
+TRUTHUSDT
+TRUUSDT
+TRXPERP
+TRXUSDT
+TSLAUSDT
+TSMUSDT
+TSTBSCUSDT
+TURTLEUSDT
+TUSDT
+TUTUSDT
+TWTPERP
+TWTUSDT
+UAIUSDT
+UBUSDT
+UMAUSDT
+UNIPERP
+UNIUSDT
+USD1USDT
+USDCUSDT
+USDEUSDT
+USELESSUSDT
+USTCUSDT
+USUALUSDT
+USUSDT
+VANAUSDT
+VANRYUSDT
+VELODROMEUSDT
+VELOUSDT
+VELVETUSDT
+VETUSDT
+VINEUSDT
+VIRTUALPERP
+VIRTUALUSDT
+VVVUSDT
+WALUSDT
+WAVESUSDT
+WAXPUSDT
+WCTUSDT
+WETUSDT
+WHITEWHALEUSDT
+WIFPERP
+WIFUSDT
+WLDPERP
+WLDUSDT
+WLFIPERP
+WLFIUSDT
+WOOUSDT
+WUSDT
+XAGUSDT
+XAIUSDT
+XANUSDT
+XAUTPERP
+XAUTUSDT
+XAUTUSDT-01MAY26
+XAUTUSDT-08MAY26
+XAUTUSDT-24APR26
+XAUTUSDT-29MAY26
+XAUUSDT
+XCNUSDT
+XDCUSDT
+XIONUSDT
+XLMPERP
+XLMUSDT
+XMRPERP
+XMRUSDT
+XNYUSDT
+XPINUSDT
+XPLPERP
+XPLUSDT
+XRPPERP
+XRPUSDT
+XRPUSDT-01MAY26
+XRPUSDT-08MAY26
+XRPUSDT-24APR26
+XRPUSDT-29MAY26
+XTZUSDT
+XVGUSDT
+XVSUSDT
+YBUSDT
+YFIUSDT
+YGGUSDT
+YZYUSDT
+ZAMAUSDT
+ZBCNUSDT
+ZBTUSDT
+ZECUSDT
+ZENUSDT
+ZEREBROUSDT
+ZETAUSDT
+ZILUSDT
+ZKCUSDT
+ZKPUSDT
+ZKUSDT
+ZORAUSDT
+ZROUSDT
+ZRXUSDT

backend/check_eurusd.py

@@ -0,0 +1,14 @@
+import httpx
+import asyncio
+
+async def check_eurusd_no_plus():
+    symbol = "EURUSD"
+    category = "linear"
+    url = f"https://api.bybit.com/v5/market/instruments-info?category={category}&symbol={symbol}"
+    async with httpx.AsyncClient() as client:
+        resp = await client.get(url)
+        data = resp.json()
+        print(f"Result for {symbol} in {category}: {data}")
+
+if __name__ == "__main__":
+    asyncio.run(check_eurusd_no_plus())

backend/check_symbol.py

@@ -0,0 +1,14 @@
+import httpx
+import asyncio
+
+async def check_specific_symbol():
+    symbol = "EURUSD+"
+    category = "linear"
+    url = f"https://api.bybit.com/v5/market/instruments-info?category={category}&symbol={symbol}"
+    async with httpx.AsyncClient() as client:
+        resp = await client.get(url)
+        data = resp.json()
+        print(f"Result for {symbol} in {category}: {data}")
+
+if __name__ == "__main__":
+    asyncio.run(check_specific_symbol())

backend/check_tradfi.py

@@ -0,0 +1,14 @@
+import httpx
+import asyncio
+
+async def check_tradfi_category():
+    symbol = "EURUSD+"
+    category = "tradfi"
+    url = f"https://api.bybit.com/v5/market/instruments-info?category={category}&symbol={symbol}"
+    async with httpx.AsyncClient() as client:
+        resp = await client.get(url)
+        data = resp.json()
+        print(f"Result for {symbol} in {category}: {data}")
+
+if __name__ == "__main__":
+    asyncio.run(check_tradfi_category())

backend/check_wallet.py

@@ -0,0 +1,39 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def check_wallet():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    url = "https://api.bybit.com/v5/account/wallet-balance"
+    params = {"accountType": "UNIFIED"}
+    
+    timestamp = str(int(time.time() * 1000))
+    recv_window = "5000"
+    sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+    raw_str = timestamp + api_key + recv_window + sorted_params
+    signature = hmac.new(api_secret.encode('utf-8'), 
+                        raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+    
+    headers = {
+        'X-BAPI-API-KEY': api_key,
+        'X-BAPI-TIMESTAMP': timestamp,
+        'X-BAPI-SIGN-TYPE': '2',
+        'X-BAPI-RECV-WINDOW': recv_window,
+        'X-BAPI-SIGN': signature
+    }
+
+    async with httpx.AsyncClient() as client:
+        resp = await client.get(url, params=params, headers=headers)
+        data = resp.json()
+        print(f"Wallet Balance: {data}")
+
+if __name__ == "__main__":
+    asyncio.run(check_wallet())

backend/check_wallet_sync.py

@@ -0,0 +1,44 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def check_wallet_fixed():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    # Get server time first
+    async with httpx.AsyncClient() as client:
+        time_resp = await client.get("https://api.bybit.com/v5/market/time")
+        server_time = time_resp.json()["result"]["timeNano"][:13]
+    
+    url = "https://api.bybit.com/v5/account/wallet-balance"
+    params = {"accountType": "UNIFIED"}
+    
+    timestamp = server_time
+    recv_window = "20000" # Larger window
+    sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+    raw_str = timestamp + api_key + recv_window + sorted_params
+    signature = hmac.new(api_secret.encode('utf-8'), 
+                        raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+    
+    headers = {
+        'X-BAPI-API-KEY': api_key,
+        'X-BAPI-TIMESTAMP': timestamp,
+        'X-BAPI-SIGN-TYPE': '2',
+        'X-BAPI-RECV-WINDOW': recv_window,
+        'X-BAPI-SIGN': signature
+    }
+
+    async with httpx.AsyncClient() as client:
+        resp = await client.get(url, params=params, headers=headers)
+        data = resp.json()
+        print(f"Wallet Balance: {data}")
+
+if __name__ == "__main__":
+    asyncio.run(check_wallet_fixed())

backend/discover_bybit.py

@@ -0,0 +1,26 @@
+import httpx
+import asyncio
+
+async def list_bybit_instruments():
+    categories = ["spot", "linear", "inverse", "option"]
+    async with httpx.AsyncClient() as client:
+        for cat in categories:
+            url = f"https://api.bybit.com/v5/market/instruments-info?category={cat}"
+            print(f"Fetching category: {cat}...")
+            try:
+                resp = await client.get(url)
+                data = resp.json()
+                if data.get("retCode") == 0:
+                    symbols = [i["symbol"] for i in data["result"]["list"]]
+                    print(f"Found {len(symbols)} symbols in {cat}")
+                    # Look for anything non-crypto
+                    tradfi_like = [s for s in symbols if "+" in s or any(x in s for x in ["EUR", "GBP", "JPY", "XAU", "XAG", "WTI", "UKO"])]
+                    if tradfi_like:
+                        print(f"TradFi-like symbols in {cat}: {tradfi_like[:20]}...")
+                else:
+                    print(f"Failed to fetch {cat}: {data.get('retMsg')}")
+            except Exception as e:
+                print(f"Error fetching {cat}: {e}")
+
+if __name__ == "__main__":
+    asyncio.run(list_bybit_instruments())

backend/find_any_suffix.py

@@ -0,0 +1,36 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def find_any_dot_s():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    url = "https://api.bybit.com/v5/market/instruments-info"
+    params = {"category": "linear", "limit": 1000}
+    
+    async with httpx.AsyncClient() as client:
+        resp = await client.get(url, params=params)
+        data = resp.json()
+        if data.get("retCode") == 0:
+            symbols = [item["symbol"] for item in data["result"]["list"]]
+            dot_s = [s for s in symbols if ".s" in s]
+            plus = [s for s in symbols if "+" in s]
+            print(f"Total symbols: {len(symbols)}")
+            print(f"Symbols with .s: {dot_s}")
+            print(f"Symbols with +: {plus}")
+            
+            # Search for XAU specifically
+            xau = [s for s in symbols if "XAU" in s]
+            print(f"XAU matches: {xau}")
+        else:
+            print(f"Error: {data}")
+
+if __name__ == "__main__":
+    asyncio.run(find_any_dot_s())

backend/list_linear.py

@@ -0,0 +1,14 @@
+import httpx
+import asyncio
+
+async def list_bybit_linear():
+    url = f"https://api.bybit.com/v5/market/instruments-info?category=linear"
+    async with httpx.AsyncClient() as client:
+        resp = await client.get(url)
+        data = resp.json()
+        if data.get("retCode") == 0:
+            symbols = [i["symbol"] for i in data["result"]["list"]]
+            print(f"First 50 linear symbols: {symbols[:50]}")
+            
+if __name__ == "__main__":
+    asyncio.run(list_bybit_linear())

backend/list_pybit_final.py

@@ -0,0 +1,38 @@
+from pybit.unified_trading import HTTP
+import os
+from dotenv import load_dotenv
+
+load_dotenv()
+
+def list_linear_pybit():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    session = HTTP(
+        api_key=api_key,
+        api_secret=api_secret,
+    )
+
+    try:
+        data = session.get_instruments_info(
+            category="linear",
+            limit=1000
+        )
+        if data.get("retCode") == 0:
+            symbols = [item["symbol"] for item in data["result"]["list"]]
+            print(f"Found {len(symbols)} symbols.")
+            with open("all_symbols_final.txt", "w") as f:
+                for s in symbols:
+                    f.write(s + "\n")
+            
+            # Search for specific substrings
+            for search in ["XAU", "EUR", "SPX", "AAPL", "TSLA"]:
+                matches = [s for s in symbols if search in s]
+                print(f"Matches for {search}: {matches}")
+        else:
+            print(f"Error: {data}")
+    except Exception as e:
+        print(f"Error: {e}")
+
+if __name__ == "__main__":
+    list_linear_pybit()

backend/recovery.py

@@ -0,0 +1,129 @@
+import sys
+import os
+
+# RECOVERY SCRIPT FOR KRONOS BACKEND v6.0
+# Restores the missing functions and fixes the structure
+
+def get_part1(): # Imports to SYMBOLS
+    # We can read this from current file as it's likely safe (lines 1-1220)
+    with open('backend/main.py', 'r', encoding='utf-8', errors='replace') as f:
+        lines = f.readlines()
+    return lines[:1220]
+
+def get_correct_fetchers():
+    return [
+        "def _get_source_priority(symbol: str) -> List[str]:\n",
+        "    cfg = SYMBOLS[symbol]\n",
+        "    priority = CATEGORY_SOURCE_PRIORITY.get(cfg.category, DEFAULT_SOURCE_PRIORITY)\n",
+        "    return [s for s in priority if s in cfg.mappings]\n",
+        "\n",
+        "\n",
+        "async def fetch_historical(\n",
+        "    symbol: str, interval: str, limit: int\n",
+        ") -> Tuple[List[Dict[str, Any]], str]:\n",
+        "    prefix = _cache_prefix(symbol, interval)\n",
+        "    key    = f'hist_{prefix}'\n",
+        "    cached = historical_cache.get(key)\n",
+        "    if cached is not None:\n",
+        "        return cached[-limit:], 'cache'\n",
+        "    priority = _get_source_priority(symbol)\n",
+        "    errors: List[str] = []\n",
+        "    fetch_limit = max(limit, 1000)\n",
+        "    for source in priority:\n",
+        "        try:\n",
+        "            if source == 'binance': data = await fetch_binance(symbol, interval, fetch_limit)\n",
+        "            elif source == 'bybit': data = await fetch_bybit(symbol, interval, fetch_limit)\n",
+        "            elif source == 'coingecko': data = await fetch_coingecko(symbol, interval, fetch_limit)\n",
+        "            elif source == 'twelvedata': data = await fetch_twelvedata(symbol, interval, fetch_limit)\n",
+        "            elif source == 'finnhub': data = await fetch_finnhub(symbol, interval, fetch_limit)\n",
+        "            elif source == 'yfinance': data = await fetch_yfinance(symbol, interval, fetch_limit)\n",
+        "            else: continue\n",
+        "            if len(data) >= 20:\n",
+        "                historical_cache.set(key, data, ttl_seconds=interval_ttl(interval))\n",
+        "                return data[-limit:], source\n",
+        "        except Exception as ex: errors.append(f'{source}: {ex}')\n",
+        "    raise HTTPException(status_code=502, detail={'message': 'All sources failed', 'errors': errors})\n"
+    ]
+
+# Indicators part (Vectorized)
+def get_vectorized_indicators():
+    return [
+        "def _ema(arr: np.ndarray, period: int) -> np.ndarray:\n",
+        "    if len(arr) == 0: return np.array([], dtype=float)\n",
+        "    return pd.Series(arr).ewm(alpha=2.0/(period+1), adjust=False).mean().values\n",
+        "\n",
+        "def _rsi(close: np.ndarray, period: int = 14) -> np.ndarray:\n",
+        "    delta = np.diff(close)\n",
+        "    gain = np.where(delta > 0, delta, 0.0)\n",
+        "    loss = np.where(delta < 0, -delta, 0.0)\n",
+        "    avg_gain = pd.Series(gain).ewm(alpha=1.0/period, adjust=False).mean()\n",
+        "    avg_loss = pd.Series(loss).ewm(alpha=1.0/period, adjust=False).mean()\n",
+        "    rs = avg_gain / avg_loss.replace(0, np.inf)\n",
+        "    rsi = 100 - (100 / (1 + rs))\n",
+        "    return np.concatenate([[np.nan], rsi.values])\n",
+        "\n",
+        "def _bollinger(close: np.ndarray, period=20, k=2.0):\n",
+        "    s = pd.Series(close)\n",
+        "    mid = s.rolling(window=period).mean()\n",
+        "    std = s.rolling(window=period).std()\n",
+        "    return (mid + k*std).values, mid.values, (mid - k*std).values\n",
+        "\n",
+        "def _macd(close, fast=12, slow=26, signal=9):\n",
+        "    f, s = _ema(close, fast), _ema(close, slow)\n",
+        "    line = f - s\n",
+        "    sig = _ema(np.where(np.isnan(line), 0, line), signal)\n",
+        "    return line, sig, line - sig\n",
+        "\n",
+        "def _atr(high, low, close, period=14):\n",
+        "    tr = np.maximum(high[1:]-low[1:], np.maximum(np.abs(high[1:]-close[:-1]), np.abs(low[1:]-close[:-1])))\n",
+        "    tr = np.concatenate([[np.nan], tr])\n",
+        "    return pd.Series(tr).ewm(alpha=1.0/period, adjust=False).mean().values\n",
+        "\n",
+        "def _stoch_rsi(close, rsi_p=14, stoch_p=14, k_p=3, d_p=3):\n",
+        "    rsi = pd.Series(_rsi(close, rsi_p))\n",
+        "    mn, mx = rsi.rolling(stoch_p).min(), rsi.rolling(stoch_p).max()\n",
+        "    k = 100 * (rsi - mn) / (mx - mn).replace(0, np.inf)\n",
+        "    ks = k.rolling(k_p).mean()\n",
+        "    return ks.values, ks.rolling(d_p).mean().values\n",
+        "\n",
+        "def _sma(arr, p): return pd.Series(arr).rolling(p).mean().values if len(arr) else arr\n",
+        "\n",
+        "def _cci(h, l, c, p=20):\n",
+        "    tp = (h+l+c)/3.0; s = pd.Series(tp)\n",
+        "    sma = s.rolling(p).mean()\n",
+        "    mad = s.rolling(p).apply(lambda x: np.abs(x-x.mean()).mean(), raw=False)\n",
+        "    return (s - sma) / (0.015 * mad.replace(0, np.inf))\n",
+        "\n",
+        "def _adx(h, l, c, p=14):\n",
+        "    up = h[1:]-h[:-1]; dn = l[:-1]-l[1:]\n",
+        "    p_dm = np.concatenate([[0], np.where((up>dn)&(up>0), up, 0)])\n",
+        "    m_dm = np.concatenate([[0], np.where((dn>up)&(dn>0), dn, 0)])\n",
+        "    tr = _atr(h, l, c, p) # simplified TR for vectorization\n",
+        "    tr_s = pd.Series(tr).rolling(p).sum().replace(0, np.inf)\n",
+        "    p_di = 100 * pd.Series(p_dm).rolling(p).sum() / tr_s\n",
+        "    m_di = 100 * pd.Series(m_dm).rolling(p).sum() / tr_s\n",
+        "    dx = 100 * np.abs(p_di - m_di) / (p_di + m_di).replace(0, np.inf)\n",
+        "    return dx.rolling(p).mean().values, p_di.values, m_di.values\n",
+        "\n",
+        "def _awesome_oscillator(h, l): return _sma((h+l)/2, 5) - _sma((h+l)/2, 34)\n",
+        "def _momentum(c, p): return np.concatenate([np.full(p, np.nan), c[p:] - c[:-p]])\n",
+        "def _williams_r(h, l, c, p=14):\n",
+        "    hh, ll = pd.Series(h).rolling(p).max(), pd.Series(l).rolling(p).min()\n",
+        "    return -100 * (hh - c) / (hh - ll).replace(0, np.inf)\n",
+        "def _bull_bear_power(h, l, c, p=13): ema = _ema(c, p); return (h - ema) + (l - ema)\n",
+        "def _ultimate_oscillator(h, l, c, p1=7, p2=14, p3=28):\n",
+        "    cp = pd.Series(c).shift(1); tr = np.maximum(h, cp) - np.minimum(l, cp); bp = pd.Series(c) - np.minimum(l, cp)\n",
+        "    a1, a2, a3 = bp.rolling(p1).sum()/tr.rolling(p1).sum().replace(0,np.inf), bp.rolling(p2).sum()/tr.rolling(p2).sum().replace(0,np.inf), bp.rolling(p3).sum()/tr.rolling(p3).sum().replace(0,np.inf)\n",
+        "    return 100 * (4*a1 + 2*a2 + a3) / 7.0\n",
+        "def _vwma(c, v, p=20): return (pd.Series(c*v).rolling(p).sum() / pd.Series(v).rolling(p).sum().replace(0, np.inf)).values\n",
+        "def _hull_ma(c, p=9):\n",
+        "    h, s = max(p//2, 1), int(p**0.5)\n",
+        "    d = 2*_sma(c, h) - _sma(c, p)\n",
+        "    return _sma(np.where(np.isnan(d), c, d), s)\n"
+    ]
+
+# Add analytical engine back
+# (Omitted here for brevity in script creation, will insert in actual write)
+
+# ... Reconstruct and write ...
+print("Recovery logic ready (truncated here for brevity)")

backend/sign_agreement.py

@@ -0,0 +1,43 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+import json
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def sign_tradfi_agreement():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    url = "https://api.bybit.com/v5/user/sign-agreement"
+    
+    timestamp = str(int(time.time() * 1000))
+    recv_window = "5000"
+    payload = json.dumps({"agreementId": "1"})
+    
+    raw_str = timestamp + api_key + recv_window + payload
+    signature = hmac.new(api_secret.encode('utf-8'), 
+                        raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+    
+    headers = {
+        'X-BAPI-API-KEY': api_key,
+        'X-BAPI-TIMESTAMP': timestamp,
+        'X-BAPI-SIGN-TYPE': '2',
+        'X-BAPI-RECV-WINDOW': recv_window,
+        'X-BAPI-SIGN': signature,
+        'Content-Type': 'application/json'
+    }
+
+    async with httpx.AsyncClient() as client:
+        resp = await client.post(url, data=payload, headers=headers)
+        print(f"Status: {resp.status_code}")
+        print(f"Content: {resp.text}")
+        if resp.text:
+            print(f"Sign Agreement Result: {resp.json()}")
+
+if __name__ == "__main__":
+    asyncio.run(sign_tradfi_agreement())

backend/test_basecoin.py

@@ -0,0 +1,30 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def test_basecoin_usd():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    url = "https://api.bybit.com/v5/market/instruments-info"
+    # Try filtering by baseCoin=USD for TradFi
+    params = {"category": "linear", "baseCoin": "USD"}
+    
+    async with httpx.AsyncClient() as client:
+        resp = await client.get(url, params=params)
+        data = resp.json()
+        if data.get("retCode") == 0:
+            symbols = [item["symbol"] for item in data["result"]["list"]]
+            print(f"Found {len(symbols)} symbols with baseCoin=USD")
+            print(f"Sample: {symbols[:10]}")
+        else:
+            print(f"Error: {data}")
+
+if __name__ == "__main__":
+    asyncio.run(test_basecoin_usd())

backend/test_bytick.py

@@ -0,0 +1,45 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def test_bytick():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    symbol = "XAUUSD+"
+    url = "https://api.bytick.com/v5/market/tickers"
+    
+    async with httpx.AsyncClient() as client:
+        params = {"category": "linear", "symbol": symbol}
+        
+        headers = {}
+        if api_key and api_secret:
+            timestamp = str(int(time.time() * 1000))
+            recv_window = "5000"
+            sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+            raw_str = timestamp + api_key + recv_window + sorted_params
+            signature = hmac.new(api_secret.encode('utf-8'), 
+                                raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+            
+            headers = {
+                'X-BAPI-API-KEY': api_key,
+                'X-BAPI-TIMESTAMP': timestamp,
+                'X-BAPI-SIGN-TYPE': '2',
+                'X-BAPI-RECV-WINDOW': recv_window,
+                'X-BAPI-SIGN': signature
+            }
+
+        try:
+            resp = await client.get(url, params=params, headers=headers)
+            print(f"Bytick Result: {resp.json()}")
+        except Exception as e:
+            print(f"Error: {e}")
+
+if __name__ == "__main__":
+    asyncio.run(test_bytick())

backend/test_cat.py

@@ -0,0 +1,49 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def test_tradfi_category():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    # Try different categories
+    test_categories = ["tradfi", "mt5", "cfd", "linear"]
+    symbol = "XAUUSD+"
+    url = "https://api.bybit.com/v5/market/tickers"
+    
+    async with httpx.AsyncClient() as client:
+        for cat in test_categories:
+            params = {"category": cat, "symbol": symbol}
+            
+            headers = {}
+            if api_key and api_secret:
+                timestamp = str(int(time.time() * 1000))
+                recv_window = "5000"
+                sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+                raw_str = timestamp + api_key + recv_window + sorted_params
+                signature = hmac.new(api_secret.encode('utf-8'), 
+                                    raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+                
+                headers = {
+                    'X-BAPI-API-KEY': api_key,
+                    'X-BAPI-TIMESTAMP': timestamp,
+                    'X-BAPI-SIGN-TYPE': '2',
+                    'X-BAPI-RECV-WINDOW': recv_window,
+                    'X-BAPI-SIGN': signature
+                }
+
+            try:
+                resp = await client.get(url, params=params, headers=headers)
+                data = resp.json()
+                print(f"Category: {cat} -> {data.get('retMsg')} ({data.get('retCode')})")
+            except Exception as e:
+                print(f"Error for {cat}: {e}")
+
+if __name__ == "__main__":
+    asyncio.run(test_tradfi_category())

backend/test_demo.py

@@ -0,0 +1,45 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def test_demo_endpoint():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    symbol = "XAUUSD+"
+    url = "https://api-demo.bybit.com/v5/market/tickers"
+    
+    async with httpx.AsyncClient() as client:
+        params = {"category": "linear", "symbol": symbol}
+        
+        headers = {}
+        if api_key and api_secret:
+            timestamp = str(int(time.time() * 1000))
+            recv_window = "5000"
+            sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+            raw_str = timestamp + api_key + recv_window + sorted_params
+            signature = hmac.new(api_secret.encode('utf-8'), 
+                                raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+            
+            headers = {
+                'X-BAPI-API-KEY': api_key,
+                'X-BAPI-TIMESTAMP': timestamp,
+                'X-BAPI-SIGN-TYPE': '2',
+                'X-BAPI-RECV-WINDOW': recv_window,
+                'X-BAPI-SIGN': signature
+            }
+
+        try:
+            resp = await client.get(url, params=params, headers=headers)
+            print(f"Demo Result: {resp.json()}")
+        except Exception as e:
+            print(f"Error: {e}")
+
+if __name__ == "__main__":
+    asyncio.run(test_demo_endpoint())

backend/test_indices.py

@@ -0,0 +1,43 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def test_indices():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    symbols = ["US30+", "SPX500+", "NAS100+", "DXY+", "AAPL+", "TSLA+"]
+    url = "https://api.bybit.com/v5/market/tickers"
+    
+    async with httpx.AsyncClient() as client:
+        for symbol in symbols:
+            params = {"category": "linear", "symbol": symbol}
+            
+            headers = {}
+            if api_key and api_secret:
+                timestamp = str(int(time.time() * 1000))
+                recv_window = "5000"
+                sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+                raw_str = timestamp + api_key + recv_window + sorted_params
+                signature = hmac.new(api_secret.encode('utf-8'), 
+                                    raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+                
+                headers = {
+                    'X-BAPI-API-KEY': api_key,
+                    'X-BAPI-TIMESTAMP': timestamp,
+                    'X-BAPI-SIGN-TYPE': '2',
+                    'X-BAPI-RECV-WINDOW': recv_window,
+                    'X-BAPI-SIGN': signature
+                }
+
+            resp = await client.get(url, params=params, headers=headers)
+            print(f"Symbol: {symbol} -> {resp.json().get('retMsg')} ({resp.json().get('retCode')})")
+
+if __name__ == "__main__":
+    asyncio.run(test_indices())

backend/test_mt5.py

@@ -0,0 +1,47 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def test_mt5_endpoint():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    # Try both suffixes on the MT5 subdomain
+    test_symbols = ["XAUUSD.s", "XAUUSD+", "EURUSD.s", "EURUSD+"]
+    url = "https://api-mt5.bybit.com/v5/market/tickers"
+    
+    async with httpx.AsyncClient() as client:
+        for symbol in test_symbols:
+            params = {"category": "linear", "symbol": symbol}
+            
+            headers = {}
+            if api_key and api_secret:
+                timestamp = str(int(time.time() * 1000))
+                recv_window = "5000"
+                sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+                raw_str = timestamp + api_key + recv_window + sorted_params
+                signature = hmac.new(api_secret.encode('utf-8'), 
+                                    raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+                
+                headers = {
+                    'X-BAPI-API-KEY': api_key,
+                    'X-BAPI-TIMESTAMP': timestamp,
+                    'X-BAPI-SIGN-TYPE': '2',
+                    'X-BAPI-RECV-WINDOW': recv_window,
+                    'X-BAPI-SIGN': signature
+                }
+
+            try:
+                resp = await client.get(url, params=params, headers=headers)
+                print(f"Symbol: {symbol} -> {resp.json()}")
+            except Exception as e:
+                print(f"Error for {symbol}: {e}")
+
+if __name__ == "__main__":
+    asyncio.run(test_mt5_endpoint())

backend/test_no_auth.py

@@ -0,0 +1,15 @@
+import httpx
+import asyncio
+
+async def test_no_auth():
+    url = "https://api.bybit.com/v5/market/kline"
+    symbols = ["XAUUSD+", "XAUUSD.s", "XAUUSD", "EURUSD+", "EURUSD.s", "EURUSD"]
+    
+    async with httpx.AsyncClient() as client:
+        for symbol in symbols:
+            params = {"category": "linear", "symbol": symbol, "interval": "60", "limit": "1"}
+            resp = await client.get(url, params=params)
+            print(f"Symbol: {symbol} -> {resp.json().get('retMsg')} ({resp.json().get('retCode')})")
+
+if __name__ == "__main__":
+    asyncio.run(test_no_auth())

backend/test_s.py

@@ -0,0 +1,43 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def test_s_suffix():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    test_symbols = ["XAUUSD.s", "EURUSD.s", "SPX500.s"]
+    url = "https://api.bybit.com/v5/market/tickers"
+    
+    async with httpx.AsyncClient() as client:
+        for symbol in test_symbols:
+            params = {"category": "linear", "symbol": symbol}
+            
+            headers = {}
+            if api_key and api_secret:
+                timestamp = str(int(time.time() * 1000))
+                recv_window = "5000"
+                sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+                raw_str = timestamp + api_key + recv_window + sorted_params
+                signature = hmac.new(api_secret.encode('utf-8'), 
+                                    raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+                
+                headers = {
+                    'X-BAPI-API-KEY': api_key,
+                    'X-BAPI-TIMESTAMP': timestamp,
+                    'X-BAPI-SIGN-TYPE': '2',
+                    'X-BAPI-RECV-WINDOW': recv_window,
+                    'X-BAPI-SIGN': signature
+                }
+
+            resp = await client.get(url, params=params, headers=headers)
+            print(f"Symbol: {symbol} -> {resp.json()}")
+
+if __name__ == "__main__":
+    asyncio.run(test_s_suffix())

backend/verify_bybit.py

@@ -0,0 +1,31 @@
+import sys
+import os
+
+# Mock the imports or setup path to import main
+sys.path.append(os.path.dirname(os.path.abspath(__file__)))
+from main import SYMBOLS, CATEGORY_SOURCE_PRIORITY, _get_source_priority
+
+def verify_bybit_priority():
+    test_symbols = ["EURUSD", "XAUUSD", "WTI", "CORN", "SP500", "BTCUSD"]
+    print("Verifying Bybit Priority for key symbols:")
+    print("-" * 50)
+    
+    all_ok = True
+    for sym in test_symbols:
+        priority = _get_source_priority(sym)
+        first_source = priority[0] if priority else "NONE"
+        bybit_mapped = "bybit" in SYMBOLS[sym].mappings
+        
+        status = "OK" if first_source == "bybit" and bybit_mapped else "FAIL"
+        if status == "FAIL": all_ok = False
+        
+        print(f"Symbol: {sym:10} | Priority: {str(priority):30} | Bybit Mapped: {str(bybit_mapped):5} | Status: {status}")
+        
+    print("-" * 50)
+    if all_ok:
+        print("Verification SUCCESS: Bybit is prioritized correctly.")
+    else:
+        print("Verification FAILED: Some symbols do not prioritize Bybit.")
+
+if __name__ == "__main__":
+    verify_bybit_priority()

backend/verify_new_key.py

@@ -0,0 +1,43 @@
+import httpx
+import asyncio
+import os
+import time
+import hmac
+import hashlib
+from dotenv import load_dotenv
+
+load_dotenv()
+
+async def verify_new_key():
+    api_key = os.getenv("BYBIT_API_KEY")
+    api_secret = os.getenv("BYBIT_API_SECRET")
+    
+    test_symbols = ["XAUUSD+", "EURUSD+", "SPX500+", "BTCUSDT"]
+    url = "https://api.bybit.com/v5/market/tickers"
+    
+    async with httpx.AsyncClient() as client:
+        for symbol in test_symbols:
+            params = {"category": "linear", "symbol": symbol}
+            
+            headers = {}
+            if api_key and api_secret:
+                timestamp = str(int(time.time() * 1000))
+                recv_window = "5000"
+                sorted_params = "&".join([f"{k}={v}" for k, v in sorted(params.items())])
+                raw_str = timestamp + api_key + recv_window + sorted_params
+                signature = hmac.new(api_secret.encode('utf-8'), 
+                                    raw_str.encode('utf-8'), hashlib.sha256).hexdigest()
+                
+                headers = {
+                    'X-BAPI-API-KEY': api_key,
+                    'X-BAPI-TIMESTAMP': timestamp,
+                    'X-BAPI-SIGN-TYPE': '2',
+                    'X-BAPI-RECV-WINDOW': recv_window,
+                    'X-BAPI-SIGN': signature
+                }
+
+            resp = await client.get(url, params=params, headers=headers)
+            print(f"Symbol: {symbol} -> {resp.json()}")
+
+if __name__ == "__main__":
+    asyncio.run(verify_new_key())

frontend/index.html

@@ -6,6 +6,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Super AI Analysis · AI phân tích biểu đồ nến số 1 thế giới hiện tại được nghiên cứu bởi đại học Thanh Hoa!
   </title>
+  <meta name="description"
+    content="Kronos AI - Nền tảng phân tích kỹ thuật và dự báo thị trường tài chính bằng AI hàng đầu thế giới. Hỗ trợ Crypto, Forex, Chứng khoán và Kim loại." />
+  <meta property="og:title" content="Kronos AI Trading Terminal" />
+  <meta property="og:description"
+    content="Hệ thống phân tích biểu đồ nến và dự báo xu hướng sử dụng trí tuệ nhân tạo." />
+  <meta property="og:image" content="/ai_analysis_bg.png" />
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
@@ -13,63 +19,119 @@
     rel="stylesheet">
   <script src="https://unpkg.com/lightweight-charts@4.2.2/dist/lightweight-charts.standalone.production.js"></script>
   <style>
+    /* ── Chart Transition (P2) ── */
+    #chart {
+      transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s ease;
+    }
+
+    #chart.loading {
+      opacity: 0.35;
+      filter: blur(4px);
+      pointer-events: none;
+    }
+
     /* ═══════════════════════════════════════════════
        DESIGN TOKENS
     ═══════════════════════════════════════════════ */
     :root {
-      /* Base surfaces */
+      /* --- LIGHT MODE (DEFAULT - PREMIUM) --- */
+      --bg-base: #f8fafc;
+      --bg-depth: #ffffff;
+      --bg-panel: rgba(255, 255, 255, 0.9);
+      --bg-glass: rgba(255, 255, 255, 0.85);
+      --bg-glass-light: rgba(248, 250, 252, 0.75);
+      --bg-control: #ffffff;
+      --bg-control-hov: #f1f5f9;
+      --bg-active: rgba(14, 165, 233, 0.08);
+      --bg-sidebar: #f1f5f9;
+
+      /* Borders */
+      --bdr-dim: rgba(0, 0, 0, 0.04);
+      --bdr-base: rgba(0, 0, 0, 0.07);
+      --bdr-muted: rgba(0, 0, 0, 0.12);
+      --bdr-accent: rgba(14, 165, 233, 0.4);
+
+      /* Text hierarchy */
+      --txt-bright: #0f172a;
+      --txt-primary: #1e293b;
+      --txt-secondary: #475569;
+      --txt-muted: #94a3b8;
+
+      /* Accent — modern blue */
+      --accent: #0ea5e9;
+      --accent-lo: rgba(14, 165, 233, 0.06);
+      --accent-mid: rgba(14, 165, 233, 0.18);
+      --accent-glow: rgba(14, 165, 233, 0.25);
+
+      /* Semantic */
+      --ok: #10b981;
+      --err: #f43f5e;
+      --warn: #f59e0b;
+
+      /* Chart series */
+      --bull: #10b981;
+      --bear: #f43f5e;
+
+      /* Typography */
+      --ff-display: 'Barlow', 'Chakra Petch', sans-serif;
+      --ff-ui: 'Barlow', system-ui, sans-serif;
+      --ff-mono: 'Space Mono', monospace;
+
+      /* Layout */
+      --header-h: 60px;
+      --sidebar-w: 280px;
+      --radius: 8px;
+      --radius-lg: 18px;
+      --ctrl-h: 38px;
+      --ok-glow: rgba(16, 185, 129, 0.3);
+      --err-glow: rgba(244, 63, 94, 0.3);
+      --glow-accent: 0 0 15px rgba(14, 165, 233, 0.25);
+      --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);
+
+      /* Dashboard specificity */
+      --glass-cyan: rgba(255, 255, 255, 0.9);
+      --neon-cyan: #0ea5e9;
+      --neon-pink: #ec4899;
+      --neon-green: #10b981;
+      --neon-blue: #3b82f6;
+    }
+
+    body.dark-theme {
+      /* --- DARK MODE (PRESERVED) --- */
       --bg-base: #02060c;
       --bg-depth: #010409;
-      --bg-glass: rgba(2, 8, 16, 0.75);
+      --bg-panel: rgba(2, 6, 14, 0.9);
+      --bg-glass: rgba(2, 8, 16, 0.8);
       --bg-glass-light: rgba(4, 12, 24, 0.55);
       --bg-control: rgba(6, 16, 36, 0.85);
       --bg-control-hov: rgba(12, 28, 58, 0.95);
       --bg-active: rgba(34, 211, 238, 0.12);
+      --bg-sidebar: rgba(1, 4, 12, 0.65);
 
-      /* Borders */
       --bdr-dim: rgba(40, 80, 140, 0.15);
       --bdr-base: rgba(50, 95, 165, 0.25);
       --bdr-muted: rgba(50, 100, 175, 0.38);
       --bdr-accent: rgba(34, 211, 238, 0.45);
 
-      /* Text hierarchy */
       --txt-bright: #ffffff;
-      --txt-primary: #f1f5f9;  /* Boosted from #cbd5e1 */
-      --txt-secondary: #cbd5e1; /* Boosted from #94a3b8 */
-      --txt-muted: #64748b;    /* Boosted from #475569 */
+      --txt-primary: #f1f5f9;
+      --txt-secondary: #cbd5e1;
+      --txt-muted: #64748b;
 
-      /* Accent — cold cyan */
       --accent: #22d3ee;
       --accent-lo: rgba(34, 211, 238, 0.08);
       --accent-mid: rgba(34, 211, 238, 0.25);
       --accent-glow: rgba(34, 211, 238, 0.40);
 
-      /* Semantic */
       --ok: #2dd4bf;
       --err: #fb7185;
       --warn: #fbbf24;
-
-      /* Chart series */
       --bull: #2dd4bf;
       --bear: #fb7185;
 
-      /* Typography */
-      --ff-display: 'Barlow', 'Chakra Petch', sans-serif;
-      --ff-ui: 'Barlow', system-ui, sans-serif;
-      --ff-mono: 'Space Mono', monospace;
-
-      /* Layout */
-      --header-h: 60px;
-      --sidebar-w: 280px;
-      --radius: 8px;
-      --radius-lg: 18px;
-
-      /* Dashboard specificity */
+      --glow-accent: 0 0 20px rgba(34, 211, 238, 0.4);
       --glass-cyan: rgba(6, 18, 42, 0.85);
-      --neon-cyan: #22d3ee;
-      --neon-pink: #f472b6;
-      --neon-green: #34d399;
-      --neon-blue: #3b82f6;
+      --shadow-lg: 0 30px 60px rgba(0, 0, 0, 0.8), 0 0 0 1px var(--bdr-accent);
     }
 
     /* ═══════════════════════════════════════════════
@@ -94,42 +156,41 @@
       font-size: 13px;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
+      transition: background 0.3s ease, color 0.3s ease;
     }
 
     /* ═══════════════════════════════════════════════
-       BACKGROUND SYSTEM
-       Layers (bottom→top):
-         1. Solid base color
-         2. Radial centre-glow (very subtle)
-         3. Dot matrix
-         4. Corner nebulae (pseudo)
-         5. Vignette overlay
-    ═══════════════════════════════════════════════ */
+       BACKGROUND SYSTEM (Adaptive)
+       ═══════════════════════════════════════════════ */
+    body::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      z-index: -1;
+      background: url("Light_BG.png");
+      background-size: cover;
+      background-position: center;
+      background-repeat: no-repeat;
+      opacity: 0.01; /* 1% opacity for the image as requested */
+      transition: background 0.3s ease, opacity 0.3s ease;
+    }
+
+    body.dark-theme::before {
+      background: url("Dark_BG.png");
+      background-size: cover;
+      background-position: center;
+      background-repeat: no-repeat;
+      opacity: 0.01;
+    }
+
     body {
-      background:
-        /* vignette */
-        radial-gradient(ellipse 130% 100% at 50% 50%,
-          transparent 55%, rgba(1, 4, 12, 0.92) 100%),
-        /* top-left ambient nebula */
-        radial-gradient(ellipse 60% 40% at -5% -5%,
-          rgba(16, 80, 180, 0.12) 0%, transparent 65%),
-        /* bottom-right ambient nebula */
-        radial-gradient(ellipse 55% 38% at 105% 105%,
-          rgba(0, 150, 180, 0.10) 0%, transparent 65%),
-        /* centre elevation */
-        radial-gradient(ellipse 100% 80% at 50% 20%,
-          rgba(6, 20, 50, 0.60) 0%, transparent 70%),
-        /* dot grid */
-        radial-gradient(circle, rgba(34, 211, 238, 0.055) 1px, transparent 1px),
-        /* solid base */
-        var(--bg-base);
-      background-size:
-        100% 100%,
-        100% 100%,
-        100% 100%,
-        100% 100%,
-        28px 28px,
-        100% 100%;
+      background: var(--bg-base);
+      color: var(--txt-primary);
+      font-family: var(--ff-ui);
+      font-size: 13px;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      transition: background 0.3s ease, color 0.3s ease;
     }
 
     /* ═══════════════════════════════════════════════
@@ -150,148 +211,6 @@
       position: relative;
     }
 
-    /* ── SIDEBAR ────────────────────────────────── */
-    .sidebar {
-      width: var(--sidebar-w);
-      background: var(--bg-depth);
-      border-right: 1px solid var(--bdr-dim);
-      display: flex;
-      flex-direction: column;
-      flex-shrink: 0;
-      z-index: 15;
-      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    }
-
-    .sidebar.collapsed {
-      transform: translateX(-100%);
-      margin-right: calc(var(--sidebar-w) * -1);
-    }
-
-    /* Floating Tab Trigger */
-    .sidebar-trigger {
-      position: absolute;
-      left: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 28px;
-      height: 80px;
-      background: var(--bg-depth);
-      border: 1px solid var(--bdr-accent);
-      border-left: none;
-      border-radius: 0 8px 8px 0;
-      display: none;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      z-index: 20;
-      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-      box-shadow: 4px 0 15px rgba(0, 0, 0, 0.5);
-    }
-
-    .sidebar-trigger:hover {
-      background: var(--bg-active);
-      width: 32px;
-      box-shadow: 0 0 20px var(--accent-glow);
-    }
-
-    .sidebar-trigger span {
-      writing-mode: vertical-lr;
-      transform: rotate(180deg);
-      font-size: 0.7rem;
-      font-weight: 700;
-      letter-spacing: 0.15em;
-      text-transform: uppercase;
-      color: var(--accent);
-      white-space: nowrap;
-    }
-
-    .sidebar-head {
-      height: 48px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 0 16px;
-      border-bottom: 1px solid var(--bdr-dim);
-      background: rgba(255, 255, 255, 0.02);
-    }
-
-    .sidebar-title {
-      font-family: var(--ff-display);
-      font-size: 0.75rem;
-      font-weight: 700;
-      letter-spacing: 0.15em;
-      text-transform: uppercase;
-      color: var(--txt-primary);
-    }
-
-    .sidebar-content {
-      flex: 1;
-      overflow-y: auto;
-      padding: 12px;
-    }
-
-    /* Market Overview List */
-    .market-list {
-      display: flex;
-      flex-direction: column;
-      gap: 1px;
-    }
-
-    .market-item {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-      padding: 10px 12px;
-      border-radius: var(--radius);
-      cursor: pointer;
-      transition: background 0.2s;
-    }
-
-    .market-item:hover {
-      background: rgba(255, 255, 255, 0.05);
-    }
-
-    .market-item.active {
-      background: var(--bg-active);
-      border: 1px solid var(--bdr-accent);
-    }
-
-    .m-sym {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .m-ticker {
-      font-family: var(--ff-mono);
-      font-size: 0.85rem;
-      font-weight: 700;
-      color: var(--txt-bright);
-    }
-
-    .m-name {
-      font-size: 0.72rem;
-      color: var(--txt-secondary);
-    }
-
-    .m-price-box {
-      text-align: right;
-    }
-
-    .m-price {
-      font-family: var(--ff-mono);
-      font-size: 0.85rem;
-      font-weight: 600;
-      color: var(--txt-bright);
-    }
-
-    .m-change {
-      font-size: 0.72rem;
-      font-weight: 700;
-    }
-
-    .m-change.up { color: var(--ok); }
-    .m-change.down { color: var(--err); }
 
 
     /* ═══════════════════════════════════════════════
@@ -407,9 +326,11 @@
     .ctrls {
       display: flex;
       align-items: center;
-      gap: 12px;
+      gap: 10px;
       flex: 1;
       justify-content: flex-end;
+      flex-wrap: nowrap;
+      /* Keep tight, but handle overflow via media queries */
     }
 
     /* Search Omnibox */
@@ -516,10 +437,22 @@
       border-radius: 50%;
     }
 
-    .m-stat.open { color: var(--ok); }
-    .m-stat.open .pulse { background: var(--ok); box-shadow: 0 0 8px var(--ok); }
-    .m-stat.closed { color: var(--txt-muted); }
-    .m-stat.closed .pulse { background: var(--txt-muted); }
+    .m-stat.open {
+      color: var(--ok);
+    }
+
+    .m-stat.open .pulse {
+      background: var(--ok);
+      box-shadow: 0 0 8px var(--ok);
+    }
+
+    .m-stat.closed {
+      color: var(--txt-muted);
+    }
+
+    .m-stat.closed .pulse {
+      background: var(--txt-muted);
+    }
 
 
     .ctrl-unit {
@@ -569,13 +502,13 @@
     }
 
     .k-select optgroup {
-      background: #060d20;
+      background: var(--bg-depth);
       color: var(--txt-secondary);
       font-size: 0.75rem;
     }
 
     .k-select option {
-      background: #060d20;
+      background: var(--bg-depth);
       color: var(--txt-bright);
     }
 
@@ -607,7 +540,7 @@
     .btn-primary {
       height: var(--ctrl-h);
       padding: 0 18px;
-      background: linear-gradient(135deg, rgba(34, 211, 238, 0.18) 0%, rgba(34, 211, 238, 0.10) 100%);
+      background: var(--accent-lo);
       border: 1px solid var(--bdr-accent);
       color: var(--accent);
       border-radius: var(--radius);
@@ -617,11 +550,7 @@
       letter-spacing: 0.12em;
       text-transform: uppercase;
       cursor: pointer;
-      transition:
-        background 0.22s ease,
-        box-shadow 0.22s ease,
-        transform 0.14s ease,
-        border-color 0.22s ease;
+      transition: all 0.22s ease;
       white-space: nowrap;
     }
 
@@ -696,229 +625,493 @@
       width: 100%;
       height: 100%;
       padding: 0;
-      background: rgba(2, 6, 14, 0.98);
-      backdrop-filter: blur(50px) saturate(220%);
-      -webkit-backdrop-filter: blur(50px) saturate(220%);
-      display: none; /* FULL HIDE */
+      background: var(--bg-panel);
+      backdrop-filter: blur(15px) saturate(220%);
+      -webkit-backdrop-filter: blur(15px) saturate(220%);
+      display: none;
       flex-direction: column;
       overflow: hidden;
       animation: dash-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
     }
+
     .analysis-panel.active {
       display: flex;
     }
+
     @keyframes dash-in {
-      from { opacity: 0; transform: scale(0.98); }
-      to   { opacity: 1; transform: scale(1); }
+      from {
+        opacity: 0;
+        transform: scale(0.98);
+      }
+
+      to {
+        opacity: 1;
+        transform: scale(1);
+      }
     }
 
     /* ── Dashboard Header ── */
     .dash-header {
-      display: flex; align-items: center; justify-content: space-between;
-      padding: 20px 40px; flex-shrink: 0;
-      border-bottom: 1px solid rgba(255,255,255,0.08);
-      background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px 40px;
+      flex-shrink: 0;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+      background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);
+    }
+
+    .dash-header-left {
+      display: flex;
+      align-items: center;
+      gap: 14px;
     }
-    .dash-header-left { display: flex; align-items: center; gap: 14px; }
+
     .dash-logo-dot {
-      width: 16px; height: 16px; border-radius: 50%;
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
       background: linear-gradient(135deg, #22d3ee, #3b82f6);
-      box-shadow: 0 0 14px rgba(34,211,238,0.6);
+      box-shadow: 0 0 14px rgba(34, 211, 238, 0.6);
       animation: dot-breathe 2.5s ease-in-out infinite;
     }
+
     @keyframes dot-breathe {
-      0%,100% { box-shadow: 0 0 8px rgba(34,211,238,0.4); }
-      50% { box-shadow: 0 0 22px rgba(34,211,238,0.8); }
+
+      0%,
+      100% {
+        box-shadow: 0 0 8px rgba(34, 211, 238, 0.4);
+      }
+
+      50% {
+        box-shadow: 0 0 22px rgba(34, 211, 238, 0.8);
+      }
     }
+
     .dash-title {
-      font-family: var(--ff-display); font-size: 1.6rem; font-weight: 800;
-      color: #ffffff; letter-spacing: 0.12em; text-transform: uppercase;
+      font-family: var(--ff-display);
+      font-size: 1.6rem;
+      font-weight: 800;
+      color: var(--txt-bright);
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
     }
+
     .dash-subtitle {
-      font-size: 1rem; color: rgba(255,255,255,0.5); margin-left: 15px;
+      font-size: 1rem;
+      color: var(--txt-muted);
+      margin-left: 15px;
       letter-spacing: 0.08em;
     }
+
     .dash-close {
-      width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
-      cursor: pointer; color: rgba(255,255,255,0.4); border-radius: 10px;
-      border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03);
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      color: var(--txt-secondary);
+      border-radius: 10px;
+      border: 1px solid var(--bdr-base);
+      background: var(--bg-control);
       transition: all 0.2s;
     }
-    .dash-close:hover { background: rgba(255,255,255,0.1); color: #fff; border-color: rgba(255,255,255,0.2); }
+
+    .dash-close:hover {
+      background: var(--bg-control-hov);
+      color: var(--txt-bright);
+      border-color: var(--bdr-muted);
+    }
 
     /* ── Dashboard Body — top gauges + bottom tables ── */
     .dash-body {
-      flex: 1; display: flex; flex-direction: column; overflow: hidden;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
     }
 
     /* ── TOP: 3 Big Gauges Row ── */
     .dash-gauges-hero {
-      display: flex; justify-content: center; align-items: stretch;
-      gap: 0; flex-shrink: 0;
-      border-bottom: 1px solid rgba(255,255,255,0.06);
+      display: flex;
+      justify-content: center;
+      align-items: stretch;
+      gap: 0;
+      flex-shrink: 0;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     }
+
     .gauge-hero-card {
-      flex: 1; min-width: 0;
-      display: flex; flex-direction: column; align-items: center;
-      justify-content: center; gap: 15px;
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 15px;
       padding: 40px 30px;
-      border-right: 1px solid rgba(255,255,255,0.08);
+      border-right: 1px solid var(--bdr-dim);
       transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
       position: relative;
     }
-    .gauge-hero-card:last-child { border-right: none; }
-    .gauge-hero-card:hover { background: rgba(255,255,255,0.03); transform: translateY(-4px); }
+
+    .gauge-hero-card:last-child {
+      border-right: none;
+    }
+
+    .gauge-hero-card:hover {
+      background: var(--bg-active);
+      transform: translateY(-4px);
+    }
+
     .gauge-hero-card.hero-total {
-      background: linear-gradient(180deg, rgba(34, 211, 238, 0.08) 0%, rgba(2,6,14,0) 100%);
+      background: linear-gradient(180deg, var(--accent-lo) 0%, transparent 100%);
     }
+
     .gauge-hero-card.hero-total::before {
-      content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 4px;
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 10%;
+      right: 10%;
+      height: 4px;
       background: linear-gradient(90deg, transparent, var(--accent), transparent);
       border-radius: 4px;
       box-shadow: 0 0 20px var(--accent-glow);
     }
 
     .gauge-hero-title {
-      font-family: var(--ff-display); font-size: 1.3rem; font-weight: 800;
-      color: rgba(255,255,255,0.9); text-transform: uppercase;
-      letter-spacing: 0.22em; text-align: center;
+      font-family: var(--ff-display);
+      font-size: 1.3rem;
+      font-weight: 900;
+      color: var(--txt-bright) !important;
+      text-transform: uppercase;
+      letter-spacing: 0.22em;
+      text-align: center;
     }
+
     .gauge-hero-title.title-total {
-      font-size: 1.55rem; color: #ffffff;
-      text-shadow: 0 0 35px rgba(34,211,238,0.5);
+      font-size: 1.55rem;
+      color: var(--accent);
+      text-shadow: 0 0 35px var(--accent-glow);
     }
+
     .gauge-hero-svg-wrap {
       position: relative;
-      width: 320px; height: 220px;
-      display: flex; align-items: center; justify-content: center;
+      width: 320px;
+      height: 220px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
+
     .gauge-hero-value-box {
       position: absolute;
-      top: 62%; left: 50%;
+      top: 52%;
+      left: 50%;
+      /* Shifted higher (BUG FIX) */
       transform: translate(-50%, -50%);
-      display: flex; flex-direction: column; align-items: center;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      pointer-events: none;
     }
+
     .gauge-hero-value-num {
-      font-family: var(--ff-display); font-size: 2.2rem; font-weight: 900;
-      color: #fff; line-height: 1;
-      text-shadow: 0 0 20px rgba(255,255,255,0.3);
+      font-family: var(--ff-display);
+      font-size: 2.2rem;
+      font-weight: 900;
+      color: var(--txt-bright) !important;
+      line-height: 1;
+      text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
     }
+
     .gauge-hero-value-label {
-      font-size: 0.7rem; font-weight: 700; color: rgba(255,255,255,0.4);
-      text-transform: uppercase; letter-spacing: 0.1em; margin-top: 4px;
+      font-size: 0.7rem;
+      font-weight: 700;
+      color: var(--txt-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      margin-top: 4px;
+    }
+
+    /* Theme Toggle Button */
+    .btn-theme {
+      height: var(--ctrl-h);
+      padding: 0 12px;
+      background: var(--bg-control);
+      border: 1px solid var(--bdr-base);
+      color: var(--txt-primary);
+      border-radius: var(--radius);
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      cursor: pointer;
+      transition: all 0.2s;
+    }
+
+    .btn-theme:hover {
+      background: var(--bg-control-hov);
+      border-color: var(--bdr-muted);
+    }
+
+    .btn-theme svg {
+      width: 16px;
+      height: 16px;
     }
 
     .gauge-hero-signal {
-      font-family: var(--ff-display); font-size: 1.8rem; font-weight: 900;
-      text-transform: uppercase; letter-spacing: 0.15em;
-      text-shadow: 0 0 20px rgba(0,0,0,0.5);
+      font-family: var(--ff-display);
+      font-size: 1.8rem;
+      font-weight: 900;
+      text-transform: uppercase;
+      letter-spacing: 0.15em;
+      text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
       margin-top: 5px;
     }
-    .gauge-hero-signal.strong-buy { color: #22c55e; text-shadow: 0 0 15px rgba(34, 197, 94, 0.4); }
-    .gauge-hero-signal.buy { color: #86efac; }
-    .gauge-hero-signal.strong-sell { color: #ef4444; text-shadow: 0 0 15px rgba(239, 68, 68, 0.4); }
-    .gauge-hero-signal.sell { color: #fca5a5; }
-    .gauge-hero-signal.neutral { color: #cbd5e1; }
-    .gauge-hero-signal.signal-total { font-size: 2.2rem; }
+
+    .gauge-hero-signal.strong-buy {
+      color: #22c55e;
+      text-shadow: 0 0 15px rgba(34, 197, 94, 0.4);
+    }
+
+    .gauge-hero-signal.buy {
+      color: #86efac;
+    }
+
+    .gauge-hero-signal.strong-sell {
+      color: #ef4444;
+      text-shadow: 0 0 15px rgba(239, 68, 68, 0.4);
+    }
+
+    .gauge-hero-signal.sell {
+      color: #fca5a5;
+    }
+
+    .gauge-hero-signal.neutral {
+      color: #cbd5e1;
+    }
+
+    .gauge-hero-signal.signal-total {
+      font-size: 2.2rem;
+    }
+
     .gauge-hero-counts {
-      display: flex; gap: 20px; font-size: 0.8rem; color: rgba(255,255,255,0.4);
+      display: flex;
+      gap: 20px;
+      font-size: 0.8rem;
+      color: rgba(255, 255, 255, 0.4);
       letter-spacing: 0.02em;
     }
-    .gauge-hero-counts .ghc-label { text-transform: uppercase; font-weight: 600; }
+
+    .gauge-hero-counts .ghc-label {
+      text-transform: uppercase;
+      font-weight: 600;
+    }
+
     .gauge-hero-counts .ghc-value {
-      font-family: var(--ff-mono); font-weight: 900;
-      font-size: 1.1rem; color: #ffffff; display: block;
+      font-family: var(--ff-mono);
+      font-weight: 900;
+      font-size: 1.1rem;
+      color: #ffffff;
+      display: block;
       margin-top: 2px;
     }
 
     /* ── BOTTOM: Data Tables Grid ── */
     .dash-tables-row {
-      flex: 1; display: grid; overflow: hidden;
+      flex: 1;
+      display: grid;
+      overflow: hidden;
       grid-template-columns: 1fr 1fr 1fr;
       gap: 0;
     }
+
     .dash-col {
-      display: flex; flex-direction: column;
-      border-right: 1px solid rgba(255,255,255,0.04);
+      display: flex;
+      flex-direction: column;
+      border-right: 1px solid var(--bdr-dim);
       overflow: hidden;
     }
-    .dash-col:last-child { border-right: none; }
+
+    .dash-col:last-child {
+      border-right: none;
+    }
 
     .dc-header {
-      padding: 14px 20px; flex-shrink: 0;
-      border-bottom: 1px solid rgba(255,255,255,0.06);
-      background: rgba(255,255,255,0.018);
+      padding: 14px 20px;
+      flex-shrink: 0;
+      border-bottom: 1px solid var(--bdr-dim);
+      background: var(--bg-glass-light);
       font-family: var(--ff-display);
-      font-size: 0.85rem; font-weight: 800; color: #ffffff;
-      text-transform: uppercase; letter-spacing: 0.12em;
+      font-size: 0.85rem;
+      font-weight: 800;
+      color: var(--txt-bright);
+      text-transform: uppercase;
+      letter-spacing: 0.12em;
     }
 
     .dash-table-wrap {
-      flex: 1; overflow-y: auto; overflow-x: hidden;
+      flex: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+    }
+
+    .dash-table-wrap::-webkit-scrollbar {
+      width: 3px;
+    }
+
+    .dash-table-wrap::-webkit-scrollbar-thumb {
+      background: rgba(255, 255, 255, 0.08);
+      border-radius: 10px;
+    }
+
+    .dt {
+      width: 100%;
+      border-collapse: collapse;
     }
-    .dash-table-wrap::-webkit-scrollbar { width: 3px; }
-    .dash-table-wrap::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 10px; }
 
-    .dt { width: 100%; border-collapse: collapse; }
     .dt td {
-      padding: 9px 18px; font-size: 0.88rem;
-      border-bottom: 1px solid rgba(255,255,255,0.03);
+      padding: 9px 18px;
+      font-size: 0.88rem;
+      border-bottom: 1px solid var(--bdr-dim);
     }
-    .dt td:first-child { color: rgba(255,255,255,0.8); font-weight: 500; }
+
+    .dt td:first-child {
+      color: var(--txt-secondary);
+      font-weight: 500;
+    }
+
     .dt .dt-val {
-      font-family: var(--ff-mono); font-weight: 700; color: #ffffff; text-align: right;
+      font-family: var(--ff-mono);
+      font-weight: 700;
+      color: var(--txt-bright);
+      text-align: right;
     }
+
     .dt .dt-act {
-      font-weight: 800; text-align: right; font-size: 0.85rem; letter-spacing: 0.03em;
+      font-weight: 800;
+      text-align: right;
+      font-size: 0.85rem;
+      letter-spacing: 0.03em;
+    }
+
+    .dt-act-buy {
+      color: #60a5fa !important;
+    }
+
+    .dt-act-sell {
+      color: #fb7185 !important;
+    }
+
+    .dt-act-neut {
+      color: var(--txt-muted) !important;
+    }
+
+    .pivot-table {
+      width: 100%;
+      border-collapse: collapse;
     }
-    .dt-act-buy  { color: #60a5fa !important; }
-    .dt-act-sell { color: #fb7185 !important; }
-    .dt-act-neut { color: rgba(255,255,255,0.3) !important; }
 
-    .pivot-table { width: 100%; border-collapse: collapse; }
     .pivot-table th {
-      padding: 8px 10px; font-size: 0.7rem; font-weight: 800;
-      color: rgba(255,255,255,0.4); text-transform: uppercase;
-      letter-spacing: 0.08em; text-align: center;
-      border-bottom: 1px solid rgba(255,255,255,0.06);
+      padding: 8px 10px;
+      font-size: 0.7rem;
+      font-weight: 800;
+      color: var(--txt-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      text-align: center;
+      border-bottom: 1px solid var(--bdr-dim);
     }
+
     .pivot-table td {
-      padding: 7px 10px; font-family: var(--ff-mono); font-size: 0.85rem;
-      font-weight: 600; color: #ffffff; text-align: center;
-      border-bottom: 1px solid rgba(255,255,255,0.025);
+      padding: 7px 10px;
+      font-family: var(--ff-mono);
+      font-size: 0.85rem;
+      font-weight: 600;
+      color: var(--txt-bright);
+      text-align: center;
+      border-bottom: 1px solid var(--bdr-dim);
     }
+
     .pivot-table td:first-child {
-      font-weight: 800; color: rgba(255,255,255,0.55); font-family: var(--ff-ui);
-      text-align: left; padding-left: 18px;
+      font-weight: 800;
+      color: var(--txt-muted);
+      font-family: var(--ff-ui);
+      text-align: left;
+      padding-left: 18px;
     }
 
     .summary-disclaimer {
       padding: 10px 20px;
-      font-size: 0.72rem; color: rgba(255,255,255,0.25); line-height: 1.5;
-      border-top: 1px solid rgba(255,255,255,0.04);
-      text-align: center; flex-shrink: 0;
+      font-size: 0.72rem;
+      color: var(--txt-muted);
+      opacity: 0.7;
+      line-height: 1.5;
+      border-top: 1px solid var(--bdr-dim);
+      text-align: center;
+      flex-shrink: 0;
+    }
+
+    .summary-disclaimer strong {
+      color: rgba(255, 255, 255, 0.4);
     }
-    .summary-disclaimer strong { color: rgba(255,255,255,0.4); }
 
     /* ── Loading state ── */
     .dash-loading {
-      display: flex; flex-direction: column; align-items: center; justify-content: center;
-      height: 100%; gap: 16px; color: rgba(255,255,255,0.4);
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      gap: 16px;
+      color: rgba(255, 255, 255, 0.4);
+    }
+
+    .dash-loading .loader-ring {
+      border-top-color: var(--accent);
+    }
+
+    .dash-loading p {
+      font-size: 0.9rem;
+      letter-spacing: 0.05em;
+      animation: loader-pulse 1.4s ease-in-out infinite;
     }
-    .dash-loading .loader-ring { border-top-color: var(--accent); }
-    .dash-loading p { font-size: 0.9rem; letter-spacing: 0.05em; animation: loader-pulse 1.4s ease-in-out infinite; }
 
     /* Dashboard responsive */
     @media (max-width: 1200px) {
-      .dash-tables-row { grid-template-columns: 1fr 1fr; }
-      .dash-col.col-pivots { display: none; }
-      .gauge-hero-card { padding: 20px 14px 18px; }
-      .gauge-hero-svg-wrap { width: 180px; height: 108px; }
+      .dash-tables-row {
+        grid-template-columns: 1fr 1fr;
+      }
+
+      .dash-col.col-pivots {
+        display: none;
+      }
+
+      .gauge-hero-card {
+        padding: 20px 14px 18px;
+      }
+
+      .gauge-hero-svg-wrap {
+        width: 180px;
+        height: 108px;
+      }
     }
+
     @media (max-width: 800px) {
-      .dash-gauges-hero { flex-direction: column; }
-      .gauge-hero-card { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.05); }
-      .dash-tables-row { grid-template-columns: 1fr; }
+      .dash-gauges-hero {
+        flex-direction: column;
+      }
+
+      .gauge-hero-card {
+        border-right: none;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+      }
+
+      .dash-tables-row {
+        grid-template-columns: 1fr;
+      }
     }
 
     #chart {
@@ -929,19 +1122,25 @@
       z-index: 5;
     }
 
-    /* Futuristic AI Overlay */
+    /* Futuristic AI Overlay (Adaptive Backgrounds) */
     .chart-bg-overlay {
       position: absolute;
       inset: 0;
       pointer-events: none;
       z-index: 1;
-      opacity: 0.17;
-      background-image: url('ai_analysis_bg.png');
+      opacity: 0.12;
+      background-image: url('Light_BG.png');
       background-size: contain;
       background-repeat: no-repeat;
       background-position: left bottom;
-      mask-image: linear-gradient(to right, black 20%, transparent 80%);
-      -webkit-mask-image: linear-gradient(to right, black 20%, transparent 80%);
+      mask-image: linear-gradient(to right, black 30%, transparent 85%);
+      -webkit-mask-image: linear-gradient(to right, black 30%, transparent 85%);
+      transition: background-image 0.4s ease, opacity 0.4s ease;
+    }
+
+    body.dark-theme .chart-bg-overlay {
+      background-image: url('Dark_BG.png');
+      opacity: 0.18;
     }
 
     .chart-logo-overlay {
@@ -955,14 +1154,19 @@
       font-weight: 700;
       letter-spacing: 0.25em;
       line-height: 1;
-      background: linear-gradient(180deg, #fff 0%, var(--accent) 50%, #0a4d5c 100%);
+      background: linear-gradient(180deg, var(--txt-bright) 0%, var(--accent) 50%, var(--bg-base) 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
-      filter: drop-shadow(0 0 15px rgba(34, 211, 238, 0.45));
-      opacity: 0.55;
+      filter: drop-shadow(0 0 15px var(--accent-glow));
+      opacity: 0.35;
       text-transform: uppercase;
       white-space: nowrap;
+      transition: opacity 0.3s ease;
+    }
+
+    body.dark-theme .chart-logo-overlay {
+      opacity: 0.55;
     }
 
     /* ── Terminal Loader Overlay (Strict Isolation) ── */
@@ -971,7 +1175,8 @@
       inset: 0 !important;
       width: 100% !important;
       height: 100% !important;
-      display: none; /* FULL HIDE */
+      display: none;
+      /* FULL HIDE */
       flex-direction: column;
       align-items: center;
       justify-content: center;
@@ -1145,63 +1350,411 @@
       border-radius: 2px;
     }
 
-    ::-webkit-scrollbar-thumb:hover {
-      background: var(--txt-muted);
+    .sidebar-nav-quick {
+      display: flex;
+      gap: 4px;
+      padding: 8px 12px;
+      overflow-x: auto;
+      border-bottom: 1px solid var(--bdr-dim);
+      background: var(--bg-glass-light);
+    }
+
+    .sidebar-nav-quick::-webkit-scrollbar {
+      display: none;
+    }
+
+    .nav-q-btn {
+      padding: 4px 10px;
+      font-size: 0.65rem;
+      background: var(--bg-control);
+      border: 1px solid var(--bdr-dim);
+      border-radius: 12px;
+      color: var(--txt-muted);
+      cursor: pointer;
+      white-space: nowrap;
+      transition: all 0.2s;
+    }
+
+    .nav-q-btn:hover {
+      background: rgba(255, 255, 255, 0.08);
+      color: var(--txt-secondary);
+    }
+
+    .nav-q-btn.active {
+      background: var(--bg-active);
+      border-color: var(--accent);
+      color: var(--accent);
+    }
+
+    ::-webkit-scrollbar-thumb:hover {
+      background: var(--txt-muted);
+    }
+
+    /* ═══════════════════════════════════════════════
+       RESPONSIVE
+    ═══════════════════════════════════════════════ */
+    @media (max-width: 960px) {
+      .ctrl-label {
+        display: none;
+      }
+
+      .ctrl-unit {
+        flex-direction: row;
+        align-items: center;
+      }
+
+      #symbolSelect {
+        width: 150px;
+      }
+
+      .logo-sub {
+        display: none;
+      }
+    }
+
+    @media (max-width: 1024px) {
+      .omnibox {
+        width: 200px;
+      }
+
+      .ctrl-label {
+        display: none;
+      }
+
+      /* Hide labels to save space */
+    }
+
+    @media (max-width: 680px) {
+      .hdr {
+        padding: 0 10px;
+        gap: 6px;
+      }
+
+      .omnibox {
+        width: 140px;
+      }
+
+      .logo-name {
+        font-size: 1.1rem;
+      }
+
+      #symbolSelect {
+        width: 120px;
+      }
+
+      #timeframeSelect {
+        width: 55px;
+      }
+
+      #horizonInput {
+        width: 50px;
+      }
+
+      .btn-primary {
+        padding: 0 10px;
+        font-size: 0.7rem;
+      }
+    }
+
+    .gauge-hero-ai-details {
+      margin-top: 15px;
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      width: 100%;
+      padding: 10px 15px;
+      background: var(--bg-control-hov);
+      border-radius: 8px;
+      border: 1px solid var(--bdr-muted);
+    }
+
+    .gh-ai-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 0.8rem;
+    }
+
+    .gh-ai-label {
+      color: var(--txt-muted) !important;
+      font-weight: 700;
+      font-size: 0.72rem;
+      text-transform: uppercase;
+    }
+
+    .gh-ai-val {
+      font-family: var(--ff-mono);
+      font-weight: 800;
+      color: var(--txt-bright) !important;
+    }
+
+    .gh-ai-val.up {
+      color: var(--bull);
+    }
+
+    .gh-ai-val.down {
+      color: var(--bear);
+    }
+
+    /* ── Compact Gauges Overlay (v6.0) ── */
+    .chart-gauges-container {
+      position: absolute;
+      top: 65px;
+      left: 15px;
+      z-index: 100;
+      display: flex;
+      gap: 8px;
+      pointer-events: none;
+      animation: gauges-fade-in 0.8s ease-out both;
+    }
+
+    @keyframes gauges-fade-in {
+      from { opacity: 0; transform: translateX(-10px); }
+      to { opacity: 1; transform: translateX(0); }
+    }
+
+    .compact-gauge-card {
+      background: var(--bg-glass-light);
+      backdrop-filter: blur(12px) saturate(180%);
+      -webkit-backdrop-filter: blur(12px) saturate(180%);
+      border: 1px solid var(--bdr-dim);
+      border-radius: 12px;
+      padding: 10px 14px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 6px;
+      min-width: 105px;
+      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.05);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+      pointer-events: auto;
+      cursor: default;
+    }
+
+    .compact-gauge-card:hover {
+      transform: translateY(-2px);
+      background: var(--bg-glass);
+      border-color: var(--bdr-accent);
+      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18), 0 0 10px var(--accent-lo);
+    }
+
+    .compact-gauge-title {
+      font-family: var(--ff-display);
+      font-size: 0.62rem;
+      font-weight: 800;
+      color: var(--txt-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      line-height: 1;
+    }
+
+    .compact-gauge-svg-wrap {
+      width: 70px;
+      height: 45px;
+      position: relative;
+    }
+
+    .compact-gauge-signal {
+      font-family: var(--ff-ui);
+      font-size: 0.8rem;
+      font-weight: 800;
+      text-transform: uppercase;
+      letter-spacing: 0.02em;
+    }
+
+    .compact-gauge-card.hero {
+      background: linear-gradient(135deg, var(--bg-glass-light) 0%, var(--accent-lo) 100%);
+      border-color: var(--accent-mid);
+    }
+
+    .compact-gauge-card.hero .compact-gauge-title {
+      color: var(--accent);
+    }
+
+    /* ═══════════════════════════════════════════════
+       PRODUCT EXPLORER (MODAL)
+    ═══════════════════════════════════════════════ */
+    .explorer-overlay {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(1, 4, 12, 0.92);
+      backdrop-filter: blur(12px);
+      z-index: 2000;
+      display: none;
+      align-items: center;
+      justify-content: center;
+      padding: 40px;
+      opacity: 0;
+      transition: opacity 0.3s ease;
+    }
+
+    .explorer-overlay.active {
+      display: flex;
+      opacity: 1;
+    }
+
+    .explorer-window {
+      width: 100%;
+      max-width: 1100px;
+      height: 100%;
+      max-height: 720px;
+      background: var(--bg-depth);
+      border: 1px solid var(--bdr-muted);
+      border-radius: var(--radius-lg);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      box-shadow: var(--shadow-lg);
+      transform: scale(0.95);
+      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+    }
+
+    .explorer-overlay.active .explorer-window {
+      transform: scale(1);
+    }
+
+    .explorer-head {
+      height: 64px;
+      padding: 0 24px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 1px solid var(--bdr-dim);
+      background: var(--bg-depth);
+    }
+
+    .explorer-title {
+      font-family: var(--ff-display);
+      font-size: 1.1rem;
+      font-weight: 700;
+      letter-spacing: 0.15em;
+      color: var(--accent);
+    }
+
+    .explorer-body {
+      flex: 1;
+      display: flex;
+      overflow: hidden;
+    }
+
+    .explorer-sidebar {
+      width: 240px;
+      border-right: 1px solid var(--bdr-dim);
+      overflow-y: auto;
+      padding: 16px 0;
+      background: var(--bg-sidebar);
+    }
+
+    .explorer-cat-item {
+      padding: 12px 24px;
+      font-weight: 600;
+      color: var(--txt-secondary);
+      cursor: pointer;
+      transition: all 0.2s;
+      border-left: 3px solid transparent;
+      font-size: 0.9rem;
+    }
+
+    .explorer-cat-item:hover {
+      background: var(--bg-control-hov);
+      color: var(--txt-bright);
+    }
+
+    .explorer-cat-item.active {
+      background: var(--bg-active);
+      color: var(--accent);
+      border-left-color: var(--accent);
+    }
+
+    .explorer-main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      padding: 24px;
+      background: var(--bg-depth);
+    }
+
+    .explorer-search {
+      position: relative;
+      margin-bottom: 20px;
     }
 
-    /* ═══════════════════════════════════════════════
-       RESPONSIVE
-    ═══════════════════════════════════════════════ */
-    @media (max-width: 960px) {
-      .ctrl-label {
-        display: none;
-      }
-
-      .ctrl-unit {
-        flex-direction: row;
-        align-items: center;
-      }
-
-      #symbolSelect {
-        width: 150px;
-      }
+    .explorer-search i {
+      position: absolute;
+      left: 12px;
+      top: 50%;
+      transform: translateY(-50%);
+      color: var(--txt-muted);
+    }
 
-      .logo-sub {
-        display: none;
-      }
+    .explorer-search input {
+      width: 100%;
+      height: 42px;
+      background: rgba(255, 255, 255, 0.03);
+      border: 1px solid var(--bdr-dim);
+      border-radius: var(--radius);
+      padding: 0 40px;
+      color: #fff;
+      outline: none;
+      transition: border-color 0.2s;
     }
 
-    @media (max-width: 680px) {
-      .hdr {
-        padding: 0 12px;
-        gap: 8px;
-      }
+    .explorer-search input:focus {
+      border-color: var(--accent);
+    }
 
-      .logo-sub {
-        display: none;
-      }
+    .explorer-grid {
+      flex: 1;
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+      gap: 12px;
+      overflow-y: auto;
+      align-content: start;
+    }
 
-      .hdr-divider {
-        display: none;
-      }
+    .explorer-symbol-card {
+      background: var(--bg-control);
+      border: 1px solid var(--bdr-dim);
+      border-radius: var(--radius);
+      padding: 14px;
+      cursor: pointer;
+      transition: all 0.2s;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
 
-      #symbolSelect {
-        width: 130px;
-      }
+    .explorer-symbol-card:hover {
+      background: var(--bg-active);
+      border-color: var(--accent);
+      transform: translateY(-2px);
+      box-shadow: var(--shadow-lg);
+    }
 
-      #timeframeSelect {
-        width: 60px;
-      }
+    .esc-ticker {
+      font-family: var(--ff-mono);
+      font-weight: 700;
+      font-size: 1rem;
+      color: var(--accent);
+    }
 
-      #horizonInput {
-        width: 56px;
-      }
+    .esc-label {
+      font-size: 0.75rem;
+      color: var(--txt-secondary);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
 
-      .btn-primary {
-        padding: 0 12px;
-        font-size: 0.68rem;
-        letter-spacing: 0.06em;
-      }
+    .esc-source {
+      font-size: 0.65rem;
+      color: var(--txt-muted);
+      margin-top: 4px;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
     }
   </style>
 </head>
@@ -1240,8 +1793,9 @@
       <!-- Controls -->
       <div class="ctrls">
 
-        <button class="btn-icon" id="toggleMarketBtn" title="Ẩn/Hiện Thị trường">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <button class="btn-icon" id="toggleMarketBtn" title="Khám phá Thị trường">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+            stroke-linecap="round" stroke-linejoin="round">
             <line x1="3" y1="12" x2="21" y2="12"></line>
             <line x1="3" y1="6" x2="21" y2="6"></line>
             <line x1="3" y1="18" x2="21" y2="18"></line>
@@ -1250,7 +1804,11 @@
 
         <!-- Omnibox Search -->
         <div class="omnibox">
-          <i><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></i>
+          <i><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+              stroke-linecap="round" stroke-linejoin="round">
+              <circle cx="11" cy="11" r="8"></circle>
+              <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+            </svg></i>
           <input type="text" id="symbolSearch" placeholder="Tìm kiếm mã (VD: Gold, BTC, AAPL...)" autocomplete="off">
           <div class="search-results" id="searchResults"></div>
         </div>
@@ -1283,6 +1841,21 @@
           </select>
         </div>
 
+        <button class="btn-theme" id="themeToggleBtn" title="Chuyển đổi giao diện">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+            stroke-linejoin="round" class="sun-icon">
+            <circle cx="12" cy="12" r="5"></circle>
+            <line x1="12" y1="1" x2="12" y2="3"></line>
+            <line x1="12" y1="21" x2="12" y2="23"></line>
+            <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+            <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+            <line x1="1" y1="12" x2="3" y2="12"></line>
+            <line x1="21" y1="12" x2="23" y2="12"></line>
+            <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+            <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+          </svg>
+        </button>
+
         <button class="btn-primary" id="refreshBtn">Phân tích</button>
 
 
@@ -1299,26 +1872,6 @@
 
     <!-- ── BODY ──────────────────────────────── -->
     <div class="app-body">
-      <div class="sidebar-trigger" id="reopenSidebarBtn" title="Mở danh sách thị trường">
-        <span>Thị trường</span>
-      </div>
-      
-      <!-- Side Sidebar (Market Overview) -->
-      <aside class="sidebar" id="sidebar">
-        <div class="sidebar-head">
-          <span class="sidebar-title">Thị trường</span>
-          <button class="btn-icon" id="toggleSidebarBtn" style="width: 28px; height: 28px; border: none; background: transparent;">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <polyline points="15 18 9 12 15 6"></polyline>
-            </svg>
-          </button>
-        </div>
-        <div class="sidebar-content">
-          <div class="market-list" id="marketOverview">
-            <!-- Market items will be injected here -->
-          </div>
-        </div>
-      </aside>
 
       <!-- Main Area -->
       <main class="main">
@@ -1346,10 +1899,44 @@
         <!-- Chart canvas -->
         <div id="chart"></div>
 
-        <aside class="analysis-panel hidden" id="analysisPanel"></aside>
+        <!-- Compact Gauges Overlay (v6.0) -->
+        <div class="chart-gauges-container" id="chartGauges"></div>
 
+        <aside class="analysis-panel hidden" id="analysisPanel"></aside>
       </main>
     </div>
+
+    <!-- ── PRODUCT EXPLORER OVERLAY ────────── -->
+    <div class="explorer-overlay" id="explorerOverlay">
+      <div class="explorer-window">
+        <div class="explorer-head">
+          <div class="explorer-title">KHÁM PHÁ THỊ TRƯỜNG</div>
+          <button class="btn-icon" id="closeExplorerBtn">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <line x1="18" y1="6" x2="6" y2="18"></line>
+              <line x1="6" y1="6" x2="18" y2="18"></line>
+            </svg>
+          </button>
+        </div>
+        <div class="explorer-body">
+          <div class="explorer-sidebar" id="explorerCats">
+            <!-- Categories injected here -->
+          </div>
+          <div class="explorer-main">
+            <div class="explorer-search">
+              <i><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <circle cx="11" cy="11" r="8"></circle>
+                  <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+                </svg></i>
+              <input type="text" id="explorerSearchInput" placeholder="Tìm kiếm nhanh trong danh mục...">
+            </div>
+            <div class="explorer-grid" id="explorerGrid">
+              <!-- Symbols injected here -->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 
   <!-- ══════════════════════════════════════════════
@@ -1374,9 +1961,6 @@
     const terminalLoader = document.getElementById('terminalLoader');
     const loaderText = document.getElementById('loaderText');
     const analysisPanel = document.getElementById('analysisPanel');
-    const sidebar = document.getElementById('sidebar');
-    const toggleSidebarBtn = document.getElementById('toggleSidebarBtn');
-    const marketOverview = document.getElementById('marketOverview');
     const marketStatusBar = document.getElementById('marketStatusBar');
     const indicatorSelect = document.getElementById('indicatorSelect');
 
@@ -1401,7 +1985,7 @@
 
       const wsProtocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
       const wsUrl = `${API_BASE.replace(/^https?:\/\//, wsProtocol)}/ws/price/${symbol}`;
-      
+
       console.log(`[WS] Connecting to ${wsUrl}`);
       ws = new WebSocket(wsUrl);
 
@@ -1409,6 +1993,12 @@
         const data = JSON.parse(event.data);
         if (data.error) return;
 
+        // Handle ping from server (P2)
+        if (data.type === 'ping') {
+          ws.send(JSON.stringify({ type: 'pong', ts: Date.now() }));
+          return;
+        }
+
         // Update current candle if price changed
         const lastCandle = lastCandleData;
         if (lastCandle && data.price) {
@@ -1423,8 +2013,6 @@
           lastCandleData = update;
         }
 
-        // Update overview items if they exist
-        updateOverviewItem(data);
       };
 
       ws.onclose = () => {
@@ -1453,43 +2041,6 @@
       }
     }
 
-    async function refreshOverview() {
-      try {
-        const symbol = currentSymbol || 'BTCUSD';
-        const data = await apiRequest(`/api/market-peers?symbol=${symbol}`);
-        renderOverview(`${data.category.toUpperCase()} LIÊN QUAN`, data.peers);
-      } catch (e) {
-        console.warn('Overview fetch failed', e);
-      }
-    }
-
-    function renderOverview(categoryLabel, peers) {
-      marketOverview.innerHTML = `
-        <div style="font-size:0.65rem; color:var(--txt-muted); margin-bottom:8px; padding-left:12px;">${categoryLabel}</div>
-        ${peers.map(p => `
-          <div class="market-item ${p.symbol === currentSymbol ? 'active' : ''}" onclick="switchSymbol('${p.symbol}')" id="overview-${p.symbol}">
-            <div class="m-sym">
-              <span class="m-ticker">${p.symbol}</span>
-              <span class="m-name">${p.name}</span>
-            </div>
-            <div class="m-price-box">
-              <div class="m-price">${formatPrice(p.price)}</div>
-              <div class="m-change ${p.change_24h >= 0 ? 'up' : 'down'}">${formatPct(p.change_24h)}</div>
-            </div>
-          </div>
-        `).join('')}
-      `;
-    }
-
-    function updateOverviewItem(data) {
-      const itemPrice = document.querySelector(`#overview-${data.symbol} .m-price`);
-      const itemChange = document.querySelector(`#overview-${data.symbol} .m-change`);
-      if (itemPrice) itemPrice.textContent = formatPrice(data.price);
-      if (itemChange) {
-        itemChange.textContent = formatPct(data.change_pct);
-        itemChange.className = `m-change ${data.change_pct >= 0 ? 'up' : 'down'}`;
-      }
-    }
 
     /* ── Search Logic ───────────────────────────── */
     let searchTimeout = null;
@@ -1517,8 +2068,13 @@
       }
       searchResults.innerHTML = results.map(r => `
         <div class="search-item" onclick="switchSymbol('${r.symbol}')">
-          <span class="sym">${r.symbol}</span>
-          <span class="name">${r.label}</span>
+          <div style="display:flex; flex-direction:column;">
+            <span style="font-weight:600; color:var(--txt-primary);">${r.symbol}</span>
+            <span style="font-size:0.7rem; color:var(--txt-muted);">${r.label}</span>
+          </div>
+          <div style="font-size:0.6rem; padding:2px 6px; background:rgba(255,255,255,0.05); border-radius:4px; color:var(--accent);">
+            ${r.category}
+          </div>
         </div>
       `).join('');
       searchResults.classList.add('visible');
@@ -1529,18 +2085,16 @@
       currentSymbol = symbol;
       symbolSearch.value = symbol;
       searchResults.classList.remove('visible');
-      
+
       // Update labels immediately for better UX responsiveness
       const sLabel = symbolMap.get(symbol) || symbol;
       updateStatus(`${sLabel} · ${currentInterval} — Đang nạp...`, 'loading');
 
-      // Update active state in sidebar
-      document.querySelectorAll('.market-item').forEach(el => el.classList.remove('active'));
-      const activeItem = document.getElementById(`overview-${symbol}`);
-      if (activeItem) activeItem.classList.add('active');
+      // 2. Clear chart and indicators to avoid showing old data
+      clearChartImmediate();
 
+      // 3. Load new data
       await refreshChart();
-      refreshOverview();
       connectWS(symbol);
     }
 
@@ -1650,16 +2204,34 @@
     function showLoader(msg = 'Đang tải dữ liệu') {
       loaderText.textContent = msg;
       terminalLoader.classList.add('active');
+      const cEl = document.getElementById('chart');
+      if (cEl) cEl.classList.add('loading');
     }
 
     function hideLoader() {
       terminalLoader.classList.remove('active');
+      const cEl = document.getElementById('chart');
+      if (cEl) cEl.classList.remove('loading');
+    }
+
+    function updateStatus(text, mode = 'normal') {
+      const el = document.getElementById('marketStatus');
+      if (el) {
+        el.textContent = text;
+        el.className = `market-status ${mode}`;
+      } else {
+        statusText.textContent = text;
+        statusDot.className = 'dot ' + mode;
+        statusPill.className = 'status-pill ' + mode;
+      }
     }
 
-    function updateStatus(msg, type = '') {
-      statusText.textContent = msg;
-      statusDot.className = 'dot ' + type;
-      statusPill.className = 'status-pill ' + type;
+    function clearChartImmediate() {
+      // Show loading placeholder on chart
+      const chartContainer = document.getElementById('chart-container');
+      if (chartContainer) {
+        chartContainer.style.opacity = '0.5';
+      }
     }
 
     function formatPrice(value) {
@@ -1679,6 +2251,113 @@
       return `${Number(value).toFixed(2)}R`;
     }
 
+    /* ── Shared Gauge Logic (v6.0) ── */
+    function buildGaugeSvg(rawScore, w = 320, h = 220, showValue = true) {
+      const score = Math.max(-1, Math.min(1, rawScore));
+      const displayValue = Math.round((score + 1) * 50);
+      const angle = score * 135;
+      const cx = w / 2, cy = h * 0.65, r = (w / 2) * 0.62;
+      const strokeW = w > 150 ? 16 : 8;
+      
+      function arc(s, e, col) {
+        const sa = (s - 90) * Math.PI / 180, ea = (e - 90) * Math.PI / 180;
+        const x1 = cx + r * Math.cos(sa), y1 = cy + r * Math.sin(sa), x2 = cx + r * Math.cos(ea), y2 = cy + r * Math.sin(ea);
+        return `<path d="M${x1},${y1} A${r},${r} 0 ${(e - s) > 180 ? 1 : 0} 1 ${x2},${y2}" fill="none" stroke="${col}" stroke-width="${strokeW}" stroke-linecap="round" opacity="0.8"/>`;
+      }
+      
+      const na = (angle - 90) * Math.PI / 180, nl = r + 2;
+      const nx = cx + nl * Math.cos(na), ny = cy + nl * Math.sin(na);
+      const needleColor = score > 0.3 ? '#4ade80' : score > 0.1 ? '#bbf7d0' : score < -0.3 ? '#f87171' : score < -0.1 ? '#fecaca' : '#f1f5f9';
+
+      let valueHtml = '';
+      if (showValue) {
+        valueHtml = `
+          <div class="${w > 150 ? 'gauge-hero-value-box' : 'compact-gauge-value-box'}">
+            <div class="${w > 150 ? 'gauge-hero-value-num' : 'compact-gauge-value-num'}">${displayValue}</div>
+            ${w > 150 ? '<div class="gauge-hero-value-label">Chỉ số</div>' : ''}
+          </div>
+        `;
+      }
+
+      return `
+        ${valueHtml}
+        <svg width="100%" height="100%" viewBox="0 0 ${w} ${h}" preserveAspectRatio="xMidYMid meet">
+          <defs>
+            <filter id="needle-glow-${w}"><feGaussianBlur stdDeviation="${w > 150 ? 5 : 2}" result="blur"/><feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge></filter>
+          </defs>
+          ${arc(-135, -81, '#ef4444')}${arc(-81, -27, '#fca5a5')}${arc(-27, 27, 'var(--bdr-muted)')}${arc(27, 81, '#bbf7d0')}${arc(81, 135, '#22c55e')}
+          ${w > 150 ? `
+            <text x="${cx + r * Math.cos((-135 - 90) * Math.PI / 180) * 1.25}" y="${cy + r * Math.sin((-135 - 90) * Math.PI / 180) * 1.25}" fill="var(--txt-muted)" font-size="9" text-anchor="middle" font-weight="900">BÁN</text>
+            <text x="${cx + r * Math.cos((135 - 90) * Math.PI / 180) * 1.25}" y="${cy + r * Math.sin((135 - 90) * Math.PI / 180) * 1.25}" fill="var(--txt-muted)" font-size="9" text-anchor="middle" font-weight="900">MUA</text>
+          ` : ''}
+          <line x1="${cx}" y1="${cy}" x2="${nx}" y2="${ny}" stroke="${needleColor}" stroke-width="${w > 150 ? 6 : 3}" stroke-linecap="round" filter="url(#needle-glow-${w})"/>
+          <circle cx="${cx}" cy="${cy}" r="${w > 150 ? 12 : 5}" fill="${needleColor}" />
+          <circle cx="${cx}" cy="${cy}" r="${w > 150 ? 6 : 2}" fill="#02060c" />
+        </svg>
+      `;
+    }
+
+    function getSignalClass(signal) {
+      if (signal.includes('Mua mạnh')) return 'strong-buy';
+      if (signal.includes('Mua')) return 'buy';
+      if (signal.includes('Bán mạnh')) return 'strong-sell';
+      if (signal.includes('Bán')) return 'sell';
+      return 'neutral';
+    }
+
+    function renderCompactGauges(symbol, interval, payload) {
+      const container = document.getElementById('chartGauges');
+      if (!container || !payload?.analysis) {
+        if (container) container.innerHTML = '';
+        return;
+      }
+
+      const a = payload.analysis;
+      const summary = a.summary || { sell: 0, neutral: 0, buy: 0, signal: '--' };
+      
+      // Re-calculate scores (logic mirrored from renderAnalysisPanel)
+      const lastClose = payload.last_close || 0;
+      const forecastRows = payload.forecast || [];
+      let forecastEnd = lastClose;
+      if (forecastRows.length > 1) forecastEnd = forecastRows[forecastRows.length - 1]?.p50 ?? lastClose;
+      const forecastPctChange = lastClose > 0 ? ((forecastEnd - lastClose) / lastClose) * 100 : 0;
+
+      const techTotal = (summary.buy + summary.sell + summary.neutral) || 1;
+      const techScore = (summary.buy - summary.sell) / techTotal;
+      const aiScore = Math.max(-1, Math.min(1, forecastPctChange / 2));
+      const combinedScore = (techScore + aiScore) / 2;
+
+      let aiSignal = 'Trung lập';
+      if (forecastPctChange > 2) aiSignal = 'Mua mạnh';
+      else if (forecastPctChange > 0.5) aiSignal = 'Mua';
+      else if (forecastPctChange < -2) aiSignal = 'Bán mạnh';
+      else if (forecastPctChange < -0.5) aiSignal = 'Bán';
+
+      let totalSignal = 'Trung lập';
+      if (combinedScore > 0.4) totalSignal = 'Mua mạnh';
+      else if (combinedScore > 0.1) totalSignal = 'Mua';
+      else if (combinedScore < -0.4) totalSignal = 'Bán mạnh';
+      else if (combinedScore < -0.1) totalSignal = 'Bán';
+
+      container.innerHTML = `
+        <div class="compact-gauge-card">
+          <div class="compact-gauge-title">Kỹ thuật</div>
+          <div class="compact-gauge-svg-wrap">${buildGaugeSvg(techScore, 80, 50, false)}</div>
+          <div class="compact-gauge-signal ${getSignalClass(summary.signal)}">${summary.signal}</div>
+        </div>
+        <div class="compact-gauge-card">
+          <div class="compact-gauge-title">Dự báo AI</div>
+          <div class="compact-gauge-svg-wrap">${buildGaugeSvg(aiScore, 80, 50, false)}</div>
+          <div class="compact-gauge-signal ${getSignalClass(aiSignal)}">${aiSignal}</div>
+        </div>
+        <div class="compact-gauge-card hero">
+          <div class="compact-gauge-title">Tổng kết</div>
+          <div class="compact-gauge-svg-wrap">${buildGaugeSvg(combinedScore, 80, 50, false)}</div>
+          <div class="compact-gauge-signal ${getSignalClass(totalSignal)}">${totalSignal}</div>
+        </div>
+      `;
+    }
+
     /* ── State for cached analysis data ──────────── */
     let lastAnalysisPayload = null;
     let lastAnalysisSymbol = null;
@@ -1709,9 +2388,9 @@
         return;
       }
 
-      const osc = a.oscillators || { sell:0, neutral:0, buy:0, signal:'--', data:[] };
-      const ma = a.moving_averages || { sell:0, neutral:0, buy:0, signal:'--', data:[] };
-      const summary = a.summary || { sell:0, neutral:0, buy:0, signal:'--' };
+      const osc = a.oscillators || { sell: 0, neutral: 0, buy: 0, signal: '--', data: [] };
+      const ma = a.moving_averages || { sell: 0, neutral: 0, buy: 0, signal: '--', data: [] };
+      const summary = a.summary || { sell: 0, neutral: 0, buy: 0, signal: '--' };
       const pivots = (a.pivot_points || {}).data || [];
 
       // ── AI Forecast calculation ──
@@ -1748,69 +2427,23 @@
       // ── TỔNG KẾT = (Phân tích kỹ thuật + Dự báo AI) / 2 ──
       const techTotal = (summary.buy + summary.sell + summary.neutral) || 1;
       const techScore = (summary.buy - summary.sell) / techTotal; // -1 to +1
-      const aiScore = forecastPctChange > 0.5 ? Math.min(forecastPctChange / 5, 1) :
-                      forecastPctChange < -0.5 ? Math.max(forecastPctChange / 5, -1) : 0;
-      const combinedScore = (techScore + aiScore) / 2; // -1 to +1
 
-      // Map combined score to buy/sell/neutral counts for gauge
-      let totalBuy = 0, totalSell = 0, totalNeutral = 0;
-      if (combinedScore > 0.15) { totalBuy = Math.round(Math.abs(combinedScore) * 10); totalNeutral = 10 - totalBuy; }
-      else if (combinedScore < -0.15) { totalSell = Math.round(Math.abs(combinedScore) * 10); totalNeutral = 10 - totalSell; }
-      else { totalNeutral = 10; }
+      // Normalized AI Score: Map forecast change to -1 to +1 range
+      // We'll consider 2% change as the "strong" threshold
+      const aiScore = Math.max(-1, Math.min(1, forecastPctChange / 2));
+
+      const combinedScore = (techScore + aiScore) / 2; // -1 to +1
 
       let totalSignal = 'Trung lập';
       if (combinedScore > 0.4) totalSignal = 'Mua mạnh';
-      else if (combinedScore > 0.15) totalSignal = 'Mua';
+      else if (combinedScore > 0.1) totalSignal = 'Mua';
       else if (combinedScore < -0.4) totalSignal = 'Bán mạnh';
-      else if (combinedScore < -0.15) totalSignal = 'Bán';
-
-      // ── Big SVG Gauge builder (Fix Clipping + Add Value) ──
-      function buildBigGauge(sell, neutral, buy, signal, w=320, h=220) {
-        const total = sell + neutral + buy || 1;
-        const score = (buy - sell) / total;
-        const displayValue = Math.round((score + 1) * 50);
-        const angle = score * 135;
-        const cx = w/2, cy = h * 0.52, r = (w/2) * 0.72; // Adjusted r and cy to prevent clipping
-        const strokeW = 18;
-        function arc(s, e, col) {
-          const sa = (s-90)*Math.PI/180, ea = (e-90)*Math.PI/180;
-          const x1=cx+r*Math.cos(sa), y1=cy+r*Math.sin(sa), x2=cx+r*Math.cos(ea), y2=cy+r*Math.sin(ea);
-          return `<path d="M${x1},${y1} A${r},${r} 0 ${(e-s)>180?1:0} 1 ${x2},${y2}" fill="none" stroke="${col}" stroke-width="${strokeW}" stroke-linecap="round" opacity="0.8"/>`;
-        }
-        // Needle
-        const na = (angle-90)*Math.PI/180, nl = r + 5;
-        const nx = cx+nl*Math.cos(na), ny = cy+nl*Math.sin(na);
-        // Needle dynamic color
-        const needleColor = score > 0.3 ? '#4ade80' : score > 0.1 ? '#bbf7d0' : score < -0.3 ? '#f87171' : score < -0.1 ? '#fecaca' : '#f1f5f9';
-        
-        return `
-          <div class="gauge-hero-value-box">
-            <div class="gauge-hero-value-num">${displayValue}</div>
-            <div class="gauge-hero-value-label">Chỉ số</div>
-          </div>
-          <svg width="${w}" height="${h}" viewBox="0 0 ${w} ${h}">
-            <defs>
-              <filter id="needle-glow"><feGaussianBlur stdDeviation="6" result="blur"/><feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge></filter>
-            </defs>
-            <!-- Arc segments -->
-            ${arc(-135,-81,'#ef4444')}${arc(-81,-27,'#fca5a5')}${arc(-27,27,'#f1f5f9')}${arc(27,81,'#bbf7d0')}${arc(81,135,'#22c55e')}
-            <!-- Labels -->
-            <text x="${cx + r*Math.cos((-135-90)*Math.PI/180)*1.35}" y="${cy + r*Math.sin((-135-90)*Math.PI/180)*1.35}" fill="rgba(255,255,255,0.3)" font-size="10" text-anchor="middle" font-family="var(--ff-display)" font-weight="900">BÁN</text>
-            <text x="${cx + r*Math.cos((135-90)*Math.PI/180)*1.35}" y="${cy + r*Math.sin((135-90)*Math.PI/180)*1.35}" fill="rgba(255,255,255,0.3)" font-size="10" text-anchor="middle" font-family="var(--ff-display)" font-weight="900">MUA</text>
-            <!-- Needle -->
-            <line x1="${cx}" y1="${cy}" x2="${nx}" y2="${ny}" stroke="${needleColor}" stroke-width="7" stroke-linecap="round" filter="url(#needle-glow)"/>
-            <circle cx="${cx}" cy="${cy}" r="14" fill="${needleColor}" />
-            <circle cx="${cx}" cy="${cy}" r="7" fill="#fff" />
-          </svg>
-        `;
-      }
+      else if (combinedScore < -0.1) totalSignal = 'Bán';
+
+      // ── Big SVG Gauge builder (Refactored to buildGaugeSvg) ──
 
       function signalClass(signal) {
-        if (signal.includes('Mua mạnh')) return 'strong-buy';
-        if (signal.includes('Mua')) return 'buy';
-        if (signal.includes('Bán mạnh')) return 'strong-sell';
-        if (signal.includes('Bán')) return 'sell';
-        return 'neutral';
+        return getSignalClass(signal);
       }
 
       function actCls(act) {
@@ -1830,7 +2463,7 @@
           <div class="dash-header-left">
             <div class="dash-logo-dot"></div>
             <span class="dash-title">${sLabel}</span>
-            <span class="dash-subtitle">· ${tLabel} · Bảng Phân tích Tổng hợp</span>
+            <span class="dash-subtitle">· ${payload.source || 'N/A'} · ${tLabel} · Bảng Phân tích Tổng hợp</span>
           </div>
           <div class="dash-close" id="dashCloseBtn" title="Đóng">
             <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
@@ -1846,11 +2479,11 @@
           <!-- TOP ROW: 3 Big Gauges -->
           <div class="dash-gauges-hero">
 
-            <!-- Gauge 1: Phân tích kỹ thuật (was TỔNG KẾT) -->
+            <!-- Gauge 1: Phân tích kỹ thuật -->
             <div class="gauge-hero-card">
               <div class="gauge-hero-title">PHÂN TÍCH KỸ THUẬT</div>
               <div class="gauge-hero-svg-wrap">
-                ${buildBigGauge(summary.sell, summary.neutral, summary.buy, summary.signal)}
+                ${buildGaugeSvg(techScore)}
               </div>
               <div class="gauge-hero-signal ${signalClass(summary.signal)}">${summary.signal}</div>
               <div class="gauge-hero-counts">
@@ -1860,20 +2493,34 @@
               </div>
             </div>
 
-            <!-- Gauge 2: Dự báo AI (Buy/Sell gauge) -->
+            <!-- Gauge 2: Dự báo AI -->
             <div class="gauge-hero-card">
               <div class="gauge-hero-title">DỰ BÁO AI</div>
               <div class="gauge-hero-svg-wrap">
-                ${buildBigGauge(aiSell, aiNeutral, aiBuy, aiSignal)}
+                ${buildGaugeSvg(aiScore)}
+              </div>
+              <div class="gauge-hero-ai-details">
+                <div class="gh-ai-row">
+                  <span class="gh-ai-label">Hiện tại:</span>
+                  <span class="gh-ai-val">${formatPrice(lastClose)}</span>
+                </div>
+                <div class="gh-ai-row">
+                  <span class="gh-ai-label">Dự kiến:</span>
+                  <span class="gh-ai-val">${formatPrice(forecastEnd)}</span>
+                </div>
+                <div class="gh-ai-row">
+                  <span class="gh-ai-label">Biến động:</span>
+                  <span class="gh-ai-val ${forecastPctChange >= 0 ? 'up' : 'down'}">${forecastPctChange >= 0 ? '↑' : '↓'} ${Math.abs(forecastPctChange).toFixed(2)}%</span>
+                </div>
               </div>
               <div class="gauge-hero-signal ${signalClass(aiSignal)}">${aiSignal}</div>
             </div>
 
-            <!-- Gauge 3: TỔNG KẾT = (Phân tích KT + Dự báo AI) / 2 -->
+            <!-- Gauge 3: TỔNG KẾT -->
             <div class="gauge-hero-card hero-total">
               <div class="gauge-hero-title title-total">⚡ TỔNG KẾT</div>
               <div class="gauge-hero-svg-wrap">
-                ${buildBigGauge(totalSell, totalNeutral, totalBuy, totalSignal)}
+                ${buildGaugeSvg(combinedScore)}
               </div>
               <div class="gauge-hero-signal signal-total ${signalClass(totalSignal)}">${totalSignal}</div>
             </div>
@@ -1936,7 +2583,7 @@
       p50Series.applyOptions({ visible: false });
       p10Series.applyOptions({ visible: false });
       p90Series.applyOptions({ visible: false });
-      
+
       // Clear indicators
       bbMiddleSeries.setData([]);
       bbUpperSeries.setData([]);
@@ -1945,6 +2592,9 @@
 
       // Hide dashboard and clear cached data on symbol switch
       analysisPanel.classList.remove('active');
+      const gContainer = document.getElementById('chartGauges');
+      if (gContainer) gContainer.innerHTML = '';
+
       lastAnalysisPayload = null;
       lastAnalysisSymbol = null;
       chart.priceScale('right').applyOptions({ autoScale: true });
@@ -1964,7 +2614,7 @@
     async function apiRequest(path) {
       const sep = path.includes('?') ? '&' : '?';
       const url = `${API_BASE}${path}${sep}_t=${Date.now()}`;
-      
+
       const options = { method: 'GET' };
       if (fetchController) options.signal = fetchController.signal;
 
@@ -1982,9 +2632,8 @@
     async function loadSymbols() {
       try {
         const data = await apiRequest('/api/symbols');
+        allSymbolsData = data; // Cache globally (BUG FIX)
         data.symbols.forEach(s => symbolMap.set(s.symbol, s.label));
-        // Default overview refresh
-        refreshOverview();
       } catch (e) {
         updateStatus('Lỗi nạp metadata: ' + e.message, 'error');
       }
@@ -1994,6 +2643,7 @@
     async function refreshChart() {
       const symbol = currentSymbol;
       const interval = timeframeSelect.value;
+      currentInterval = interval;
       const horizon = Math.max(5, Math.min(300, parseInt(horizonInput.value) || 10));
       if (!symbol) return;
 
@@ -2010,10 +2660,11 @@
       /* Update chart watermark */
       const sLabel = symbolMap.get(symbol) || symbol;
       const tLabel = timeframeMap[interval] || interval;
+      const isDark = document.body.classList.contains('dark-theme');
       chart.applyOptions({
         watermark: {
           text: `${sLabel} · ${tLabel}`,
-          color: 'rgba(34, 211, 238, 0.27)',
+          color: isDark ? 'rgba(34, 211, 238, 0.27)' : 'rgba(15, 23, 42, 0.12)',
           fontSize: 72,
         },
       });
@@ -2036,7 +2687,7 @@
         const type = indicatorSelect.value;
         const indicators = indData.indicators || {};
         const series = indicators.series || {};
-        
+
         if (type === 'bb' || type === 'both') {
           if (series.bb_upper) bbUpperSeries.setData(series.bb_upper);
           if (series.bb_mid) bbMiddleSeries.setData(series.bb_mid);
@@ -2044,7 +2695,7 @@
         }
 
         // Add RSI update if needed
-        
+
         chart.timeScale().fitContent();
         hideLoader();
         updateStatus(`${symbol} · ${interval} | Đang nạp AI...`, 'loading');
@@ -2065,7 +2716,7 @@
     /* ── Stage 2: Background AI Forecast ───────────────── */
     async function fetchAIAnalysis(symbol, interval) {
       if (currentSymbol !== symbol) return; // Prevent race conditions
-      
+
       const panel = document.getElementById('analysisPanel');
       panel.innerHTML = `
         <div class="dash-loading">
@@ -2073,14 +2724,15 @@
           <p>AI đang tính toán...</p>
         </div>
       `;
-      
+
       try {
         const horizon = horizonInput.value || 24;
         const fData = await apiRequest(`/api/forecast/${encodeURIComponent(symbol)}?interval=${interval}&horizon=${horizon}`);
-        
+
         if (currentSymbol !== symbol) return; // Discard if user switched
-        
+
         renderAnalysisPanel(symbol, interval, fData);
+        renderCompactGauges(symbol, interval, fData);
 
         let isBull = false;
         let lastForecastVal = 0;
@@ -2091,19 +2743,23 @@
           // Safeguard: Ensure we have candle data before aligning
           if (!lastCandleData || !lastCandleData.time) {
             updateStatus(`${symbol} · ${interval} — AI Sẵn sàng`, 'ok');
-            return; 
+            return;
           }
 
-          // Alignment Fix: Prepend the current price candle to the forecast data
-          const currentPoint = { time: lastCandleData.time, value: lastCandleData.close };
-          
-          const p50 = [currentPoint, ...fData.forecast.map(d => ({ time: d.time, value: d.p50 }))];
-          const p10 = [currentPoint, ...fData.forecast.map(d => ({ time: d.time, value: d.p10 }))];
-          const p90 = [currentPoint, ...fData.forecast.map(d => ({ time: d.time, value: d.p90 }))];
+          const forecastPoints = fData.forecast; // Backend already has anchor point is_actual
+
+          // Filter correctly: use is_actual as connection point
+          const p50 = forecastPoints.map(d => ({ time: d.time, value: d.p50 }));
+          const p10 = forecastPoints.map(d => ({ time: d.time, value: d.p10 }));
+          const p90 = forecastPoints.map(d => ({ time: d.time, value: d.p90 }));
+
+          p50Series.setData(p50);
+          p10Series.setData(p10);
+          p90Series.setData(p90);
 
-          const first = p50[0]?.value ?? 0;
-          lastForecastVal = p50[p50.length - 1]?.value ?? 0;
-          isBull = lastForecastVal >= first;
+          const anchorVal = forecastPoints[0]?.p50 ?? lastCandleData.close;
+          lastForecastVal = forecastPoints[forecastPoints.length - 1]?.p50 ?? anchorVal;
+          isBull = lastForecastVal >= anchorVal;
 
           const aiMain = isBull ? '#1dba8a' : '#e05560';
           const aiBand = isBull ? 'rgba(29,186,138,0.1)' : 'rgba(224,85,96,0.1)';
@@ -2111,18 +2767,19 @@
           p50Series.applyOptions({ color: aiMain, visible: true });
           p10Series.applyOptions({ color: aiBand, visible: true });
           p90Series.applyOptions({ color: aiBand, visible: true });
-
-          p50Series.setData(p50);
-          p10Series.setData(p10);
-          p90Series.setData(p90);
         }
 
+        const currentPrice = lastCandleData?.close || 0;
+        const pctChange = currentPrice > 0 ? ((lastForecastVal - currentPrice) / currentPrice) * 100 : 0;
+        const pctLabel = (pctChange >= 0 ? '+' : '') + pctChange.toFixed(2) + '%';
         const trend = isBull ? '↑ TĂNG' : '↓ GIẢM';
         const confidence = fData.analysis?.confidence ?? fData.ensemble?.confidence ?? 0;
+        const source = fData.source || 'N/A';
+
         if (currentSymbol !== symbol || timeframeSelect.value !== interval) return;
-        
+
         updateStatus(
-          `${symbol} · ${interval}  |  AI: ${trend} (${Math.round(confidence)}%)  |  Giá: ${formatPrice(lastCandleData?.close)}`,
+          `${symbol} - ${source} - ${interval} - ${formatPrice(currentPrice)} => ${formatPrice(lastForecastVal)} (${trend} ${pctLabel})`,
           'ok'
         );
 
@@ -2135,23 +2792,99 @@
     }
 
     /* ── Event listeners ───────────────────────── */
-    const reopenSidebarBtn = document.getElementById('reopenSidebarBtn');
-    const toggleMarketBtn = document.getElementById('toggleMarketBtn');
-    
-    function toggleSidebar(forceOpen = null) {
-      const isCollapsed = sidebar.classList.contains('collapsed');
-      const targetState = (forceOpen !== null) ? !forceOpen : !isCollapsed;
-      
-      sidebar.classList.toggle('collapsed', targetState);
-      reopenSidebarBtn.style.display = targetState ? 'flex' : 'none';
-      
-      setTimeout(() => chart.applyOptions({ width: chartEl.clientWidth }), 300);
+
+
+    /* ── Product Explorer Logic ────────────────── */
+    const explorerOverlay = document.getElementById('explorerOverlay');
+    const closeExplorerBtn = document.getElementById('closeExplorerBtn');
+    const explorerCats = document.getElementById('explorerCats');
+    const explorerGrid = document.getElementById('explorerGrid');
+    const explorerSearchInput = document.getElementById('explorerSearchInput');
+    let allSymbolsData = null;
+    let currentExplorerCat = null;
+
+    let explorerHtmlCache = {}; // Category -> HTML string
+
+    async function openExplorer() {
+      explorerOverlay.classList.add('active');
+
+      if (!allSymbolsData) {
+        try {
+          allSymbolsData = await apiRequest('/api/symbols');
+          renderExplorerCats();
+          if (allSymbolsData.categories.length > 0) {
+            selectExplorerCat(allSymbolsData.categories[0]);
+          }
+        } catch (e) {
+          console.error('Failed to load explorer symbols', e);
+        }
+      } else {
+        // Ensure UI is initialized if loadSymbols was already called
+        if (explorerCats.children.length === 0) {
+          renderExplorerCats();
+          if (allSymbolsData.categories.length > 0) {
+            selectExplorerCat(allSymbolsData.categories[0]);
+          }
+        }
+      }
+      explorerSearchInput.focus();
+    }
+
+    function closeExplorer() {
+      explorerOverlay.classList.remove('active');
+    }
+
+    function renderExplorerCats() {
+      explorerCats.innerHTML = allSymbolsData.categories.map(cat => `
+        <div class="explorer-cat-item ${cat === currentExplorerCat ? 'active' : ''}" 
+             onclick="selectExplorerCat('${cat}')">
+          ${cat}
+        </div>
+      `).join('');
+    }
+
+    function selectExplorerCat(cat) {
+      currentExplorerCat = cat;
+      renderExplorerCats();
+      renderExplorerGrid();
+    }
+
+    function renderExplorerGrid() {
+      const search = explorerSearchInput.value.toLowerCase();
+      if (!search && explorerHtmlCache[currentExplorerCat]) {
+        explorerGrid.innerHTML = explorerHtmlCache[currentExplorerCat];
+        return;
+      }
+      const symbols = allSymbolsData.symbols_by_category[currentExplorerCat] || [];
+      const filtered = search
+        ? symbols.filter(s => s.symbol.toLowerCase().includes(search) || s.label.toLowerCase().includes(search))
+        : symbols;
+      let html = '';
+      for (let s of filtered) {
+        html += `
+          <div class="explorer-symbol-card" onclick="explorerSelectSymbol('${s.symbol}')">
+            <div class="esc-ticker">${s.symbol}</div>
+            <div class="esc-label">${s.label}</div>
+            <div class="esc-source">${s.sources.join(' · ')}</div>
+          </div>
+        `;
+      }
+      explorerGrid.innerHTML = html;
+      if (!search) explorerHtmlCache[currentExplorerCat] = html;
+    }
+
+    function explorerSelectSymbol(sym) {
+      switchSymbol(sym);
+      closeExplorer();
     }
 
-    // Unified toggle handlers
-    toggleSidebarBtn.onclick = () => toggleSidebar(false); // Close
-    reopenSidebarBtn.onclick = () => toggleSidebar(true);  // Open
-    toggleMarketBtn.onclick = () => toggleSidebar();     // Toggle
+    let explorerSearchTimeout = null;
+    explorerSearchInput.oninput = () => {
+      clearTimeout(explorerSearchTimeout);
+      explorerSearchTimeout = setTimeout(renderExplorerGrid, 150);
+    };
+    closeExplorerBtn.onclick = closeExplorer;
+    toggleMarketBtn.onclick = openExplorer;
 
     timeframeSelect.onchange = refreshChart;
     indicatorSelect.onchange = refreshChart;
@@ -2183,11 +2916,22 @@
 
     fitBtn.onclick = () => chart.timeScale().fitContent();
 
-    /* ── Click out to close search ─────────────── */
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') {
+        analysisPanel.classList.remove('active');
+        searchResults.classList.remove('visible');
+        closeExplorer();
+      }
+    });
+
+    /* ── Click out to close search & explorer ──── */
     document.addEventListener('click', (e) => {
       if (!symbolSearch.contains(e.target) && !searchResults.contains(e.target)) {
         searchResults.classList.remove('visible');
       }
+      if (e.target === explorerOverlay) {
+        closeExplorer();
+      }
     });
 
     /* ── Resize handler ────────────────────────── */
@@ -2199,19 +2943,69 @@
     });
     ro.observe(chartEl);
 
-    /* ── Bootstrap ─────────────────────────────── */
+    /* ── Theme Management ── */
+    function applyTheme(theme) {
+      const isDark = theme === 'dark';
+      document.body.classList.toggle('dark-theme', isDark);
+
+      if (chart) {
+        chart.applyOptions({
+          layout: {
+            textColor: isDark ? 'rgba(100, 150, 200, 0.85)' : '#475569',
+          },
+          watermark: {
+            color: isDark ? 'rgba(34, 211, 238, 0.27)' : 'rgba(15, 23, 42, 0.12)',
+          }
+        });
+        // No full refreshChart() here to keep it smooth (BUG-FIX)
+      }
+    }
+
+    document.getElementById('themeToggleBtn').onclick = () => {
+      const newTheme = document.body.classList.contains('dark-theme') ? 'light' : 'dark';
+      localStorage.setItem('kronos_theme', newTheme);
+      applyTheme(newTheme);
+    };
+
+    /* ── Bootstrap ── */
     (async () => {
+      // Restore theme preference (Default: light)
+      const savedTheme = localStorage.getItem('kronos_theme') || 'light';
+      applyTheme(savedTheme);
+
       await loadSymbols();
       await refreshMarketStatus();
-      
+
       // Start polling
       setInterval(refreshMarketStatus, 60000); // 1m
-      setInterval(refreshOverview, 15000);    // 15s
+
 
       // Default start
       await switchSymbol('XAUUSD');
+
+      // Setup auto-refresh (P1-10)
+      let autoRefreshTimer = null;
+      function scheduleAutoRefresh() {
+        if (autoRefreshTimer) clearTimeout(autoRefreshTimer);
+
+        // Interval logic: 1m for 1m/5m, 5m for 15m/1h, etc.
+        const intv = timeframeSelect.value;
+        let delay = 300000; // 5m default
+        if (intv === '1m' || intv === '5m') delay = 60000;
+        else if (intv === '15m' || intv === '30m') delay = 180000;
+        else if (intv === '1h' || intv === '4h') delay = 600000;
+
+        autoRefreshTimer = setTimeout(async () => {
+          if (!document.hidden) {
+            console.log('[AutoRefresh] Triggering...');
+            await refreshChart();
+          }
+          scheduleAutoRefresh();
+        }, delay);
+      }
+      scheduleAutoRefresh();
     })();
   </script>
 </body>
 
-</html>
+</html>

requirements.txt

@@ -13,3 +13,4 @@ huggingface_hub==0.33.1
 matplotlib==3.9.3
 tqdm==4.67.1
 safetensors==0.6.2
+python-dotenv==1.1.0

run.bat

@@ -1,73 +1,47 @@
 @echo off
-setlocal EnableExtensions EnableDelayedExpansion
-cd /d "%~dp0"
-
-title Kronos AI Analysis
-
-set "PYTHONUTF8=1"
-set "PYTHONIOENCODING=utf-8"
-set "KRONOS_PRELOAD=1"
-set "VENV_DIR=%CD%\venv"
-set "VENV_PY=%VENV_DIR%\Scripts\python.exe"
-
-echo ==========================================
-echo      KRONOS AI ANALYSIS - STARTUP
-echo ==========================================
-echo.
-
-echo [1/5] Checking Python 3.11...
-py -3.11 -V >nul 2>&1
-if errorlevel 1 (
-    echo [ERROR] Python 3.11 is required but was not found.
-    echo [HINT] Install Python 3.11 and run this script again.
-    goto :end
-)
-
-echo [2/5] Checking virtual environment...
-if exist "%VENV_PY%" (
-    "%VENV_PY%" -V >nul 2>&1
-    if errorlevel 1 (
-        echo [WARN] Existing venv is invalid. Rebuilding a clean one...
-        if exist "%CD%\venv_legacy_broken" rmdir /s /q "%CD%\venv_legacy_broken"
-        ren "%VENV_DIR%" "venv_legacy_broken"
+TITLE Kronos AI Trading Terminal v6.0
+COLOR 0B
+
+echo ====================================================
+echo    KRONOS AI TRADING TERMINAL - STARTUP
+echo ====================================================
+
+:: Port to check
+set PORT=7860
+
+:: Check if port is already in use and try to free it
+echo [1/3] Checking port %PORT%...
+for /f "tokens=5" %%a in ('netstat -aon ^| findstr :%PORT% ^| findstr LISTENING') do (
+    if not "%%a"=="" (
+        echo [INFO] Port %PORT% is in use by PID %%a. Freeing port...
+        taskkill /F /PID %%a >nul 2>&1
+        timeout /t 2 >nul
     )
 )
 
-if not exist "%VENV_PY%" (
-    echo [INFO] Creating fresh Python 3.11 virtual environment...
-    py -3.11 -m venv "%VENV_DIR%"
-    if errorlevel 1 (
-        echo [ERROR] Failed to create virtual environment.
-        goto :end
-    )
+:: Check if virtual environment exists
+if not exist "venv\" (
+    echo [ERROR] Virtual environment 'venv' not found.
+    echo Please create it using: python -m venv venv
+    pause
+    exit /b
 )
 
-set "REQUESTS_CA_BUNDLE=%VENV_DIR%\Lib\site-packages\pip\_vendor\certifi\cacert.pem"
+echo [2/3] Activating Virtual Environment...
+call venv\Scripts\activate
 
-echo [3/5] Installing or verifying dependencies...
-"%VENV_PY%" -m pip install -r requirements.txt
-if errorlevel 1 (
-    echo [ERROR] Dependency installation failed.
-    goto :end
-)
+echo [3/3] Launching AI Trading Terminal...
+echo [INFO] Application will open in your browser automatically.
+echo [INFO] Press CTRL+C in this window to stop the server.
 
-echo [4/5] Running Kronos runtime self-check...
-"%VENV_PY%" -c "import backend.main as m; assert m.KRONOS_AVAILABLE, 'Kronos import failed'; print('KRONOS_PATH=', m.KRONOS_PATH); print('SYMBOLS=', len(m.SYMBOLS))"
-if errorlevel 1 (
-    echo [ERROR] Backend self-check failed.
-    goto :end
-)
+:: Open browser in background
+start http://localhost:%PORT%
 
-echo [5/5] Starting backend...
-echo [INFO] Opening http://127.0.0.1:8000
-start "" http://127.0.0.1:8000
-echo.
-echo ------------------------------------------
-echo  KEEP THIS WINDOW OPEN WHILE USING THE APP
-echo  TO STOP: PRESS CTRL+C
-echo ------------------------------------------
-echo.
-"%VENV_PY%" -m uvicorn backend.main:app --host 127.0.0.1 --port 8000 --reload
+:: Run the app
+python app.py
 
-:end
-pause
+if %ERRORLEVEL% neq 0 (
+    echo.
+    echo [ERROR] Backend failed to start.
+    pause
+)

update_symbols.py

@@ -0,0 +1,84 @@
+import re
+import sys
+
+def main():
+    with open('backend/main.py', 'r', encoding='utf-8') as f:
+        content = f.read()
+
+    # Update priorities
+    content = content.replace(
+        '"Cổ phiếu Mỹ":          ["yfinance", "finnhub", "twelvedata"],',
+        '"Cổ phiếu Mỹ":          ["bybit", "yfinance", "finnhub", "twelvedata"],'
+    )
+    content = content.replace(
+        '"Trái phiếu":           ["yfinance"],',
+        '"Trái phiếu":           ["bybit", "yfinance"],'
+    )
+    content = content.replace(
+        '"ETF":                  ["yfinance", "finnhub"],',
+        '"ETF":                  ["bybit", "yfinance", "finnhub"],'
+    )
+    content = content.replace(
+        'DEFAULT_SOURCE_PRIORITY: List[str] = ["yfinance", "twelvedata", "finnhub", "binance"]',
+        'DEFAULT_SOURCE_PRIORITY: List[str] = ["bybit", "yfinance", "twelvedata", "finnhub", "binance"]'
+    )
+
+    # We will do regex replacements for specific symbols
+    replacements = {
+        r'"DXY":\s*_s\("DXY",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"DXY"', '"bybit":"DXY+"'),
+        r'"VIX":\s*_s\("VIX",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace(m.group(1), '"bybit":"VIX+", ' + m.group(1)) if '"bybit"' not in m.group(1) else m.group(0),
+        r'"US10Y":\s*_s\("US10Y",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace(m.group(1), '"bybit":"US10Y+", ' + m.group(1)) if '"bybit"' not in m.group(1) else m.group(0),
+        
+        # Indices
+        r'"DOW30":\s*_s\("DOW30",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"DJ30"', '"bybit":"US30"'),
+        r'"NIKKEI225":\s*_s\("NIKKEI225",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Nikkei225"', '"bybit":"JPN225"'),
+        r'"EU50":\s*_s\("EU50",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace(m.group(1), '"bybit":"EU50", ' + m.group(1)) if '"bybit"' not in m.group(1) else m.group(0),
+        r'"ASX200":\s*_s\("ASX200",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace(m.group(1), '"bybit":"AUS200", ' + m.group(1)) if '"bybit"' not in m.group(1) else m.group(0),
+
+        # Energy & Metals & Agri
+        r'"NATURAL_GAS":\s*_s\("NATURAL_GAS",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"NG"', '"bybit":"NGAS"'),
+        r'"COPPER":\s*_s\("COPPER",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Copper"', '"bybit":"COPPER"'),
+        r'"WHEAT":\s*_s\("WHEAT",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Wheat"', '"bybit":"WHEAT"'),
+        r'"CORN":\s*_s\("CORN",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Corn"', '"bybit":"CORN"'),
+        r'"SOYBEAN":\s*_s\("SOYBEAN",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Soybean"', '"bybit":"SOYBEAN"'),
+        r'"SUGAR_11":\s*_s\("SUGAR_11",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Sugar"', '"bybit":"SUGAR"'),
+        r'"COFFEE_ARABICA":\s*_s\("COFFEE_ARABICA",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Coffee"', '"bybit":"COFFEE"'),
+        r'"COCOA":\s*_s\("COCOA",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Cocoa"', '"bybit":"COCOA"'),
+        r'"COTTON":\s*_s\("COTTON",[^\{]+\{([^}]+)\}': lambda m: m.group(0).replace('"bybit":"Cotton"', '"bybit":"COTTON"'),
+    }
+
+    for pat, rep in replacements.items():
+        content = re.sub(pat, rep, content, count=1)
+
+    # Stocks & ETF (add bybit to existing ones)
+    stocks_to_update = ["AAPL", "MSFT", "NVDA", "GOOGL", "AMZN", "META", "TSLA", "JPM", "V", "MA", "WMT", "AMD", "INTC", "NFLX", "DIS"]
+    for stock in stocks_to_update:
+        pat = r'"XYZ":\s*_s\("XYZ",[^{]+\{([^}]+)\}'.replace('XYZ', stock)
+        def repl(m, s=stock):
+            if '"bybit"' not in m.group(1):
+                return m.group(0).replace(m.group(1), f'"bybit":"{s}", ' + m.group(1))
+            return m.group(0)
+        content = re.sub(pat, repl, content, count=1)
+
+    # Insert missing stocks and QQQ ETF
+    missing_symbols = """
+    "JNJ":   _s("JNJ","Johnson & Johnson","JNJ","Cổ phiếu Mỹ",{"bybit":"JNJ","yfinance":"JNJ"}),
+    "PG":    _s("PG","Procter & Gamble","P&G","Cổ phiếu Mỹ",{"bybit":"PG","yfinance":"PG"}),
+    "KO":    _s("KO","Coca-Cola","Coca-Cola","Cổ phiếu Mỹ",{"bybit":"KO","yfinance":"KO"}),
+    "MCD":   _s("MCD","McDonald's","McDonald's","Cổ phiếu Mỹ",{"bybit":"MCD","yfinance":"MCD"}),
+    "BA":    _s("BA","Boeing","Boeing","Cổ phiếu Mỹ",{"bybit":"BA","yfinance":"BA"}),
+    "BABA":  _s("BABA","Alibaba","Alibaba","Cổ phiếu Mỹ",{"bybit":"BABA","yfinance":"BABA"}),
+    "QQQ":   _s("QQQ","Invesco QQQ Trust","QQQ","ETF",{"bybit":"QQQ+","yfinance":"QQQ"}),
+"""
+    # Insert right before Cổ phiếu Việt Nam
+    if '"JNJ"' not in content:
+        content = content.replace(
+            '    # ══════════════════════════════════════════════════════════════════════\n    # 9. CỔ PHIẾU VIỆT NAM',
+            missing_symbols + '\n    # ══════════════════════════════════════════════════════════════════════\n    # 9. CỔ PHIẾU VIỆT NAM'
+        )
+
+    with open('backend/main.py', 'w', encoding='utf-8') as f:
+        f.write(content)
+
+if __name__ == '__main__':
+    main()