| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Swing Quant Engine — Multi-Agent Trading Intelligence</title> |
| <meta name="description" content="AI-powered multi-agent swing trading pipeline with step-by-step signal filtering, fundamental analysis, and sentiment scoring."> |
| <link rel="stylesheet" href="/css/styles.css"> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| </head> |
| <body> |
|
|
| <div class="dashboard"> |
| |
| <header class="header"> |
| <div class="header-title">Swing Quant <span>Engine</span></div> |
| <div class="header-right"> |
| <div class="last-updated" id="lastUpdated">Last Scan: Never</div> |
| <button class="btn-scan" id="btnScanUS"><i class="fa-solid fa-radar"></i> Scan US</button> |
| <button class="btn-scan" id="btnScanIN"><i class="fa-solid fa-radar"></i> Scan India</button> |
| </div> |
| </header> |
|
|
| |
| <div class="pipeline-container animate-in" style="animation-delay: 0.1s;" id="pipelineContainer"> |
| <div class="pipeline-header"> |
| <i class="fa-solid fa-filter"></i> Scan Pipeline |
| </div> |
| <div class="pipeline-funnel" id="pipelineFunnel"> |
| <div class="pipeline-stage" style="text-align:center; padding:40px; color:var(--text-muted); width:100%;"> |
| <i class="fa-solid fa-play" style="margin-right:8px;"></i> Run a scan to see the filtering pipeline |
| </div> |
| </div> |
| <div class="pipeline-details" id="pipelineDetails"></div> |
| </div> |
|
|
| |
| <div class="regime-banner animate-in" style="animation-delay: 0.15s; display:none;" id="regimeBanner"></div> |
|
|
| |
| <div class="stats-row animate-in" style="animation-delay: 0.2s;" id="statsRow"> |
| <div class="stat-card"> |
| <div class="stat-label">Universe</div> |
| <div class="stat-value" id="statUniverse">0</div> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-label">Raw Signals</div> |
| <div class="stat-value blue" id="statRaw">0</div> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-label">After Filters</div> |
| <div class="stat-value green" id="statFiltered">0</div> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-label">Final Trades</div> |
| <div class="stat-value gold" id="statFinal">0</div> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-label">Scan Duration</div> |
| <div class="stat-value" id="statDuration">-</div> |
| </div> |
| </div> |
|
|
| |
| <div class="section-title animate-in" style="animation-delay: 0.25s;"> |
| <i class="fa-solid fa-trophy"></i> Top Ranked Opportunities |
| </div> |
|
|
| <div class="table-container animate-in" style="animation-delay: 0.3s;"> |
| <table class="data-table" id="signalsTable"> |
| <thead> |
| <tr> |
| <th></th> |
| <th>Ticker</th> |
| <th>Signal</th> |
| <th>Alpha</th> |
| <th>Entry</th> |
| <th>Target 1</th> |
| <th>Target 2</th> |
| <th>Target 3</th> |
| <th>Stop Loss</th> |
| <th>R:R</th> |
| <th>Qty</th> |
| <th>Sentiment / Summary</th> |
| </tr> |
| </thead> |
| <tbody id="signalsTableBody"> |
| <tr><td colspan="12" style="text-align:center; padding:40px; color:var(--text-muted)">No recent scan data. Run a scan to discover opportunities.</td></tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
|
|
| |
| <div class="scan-progress" id="scanProgress"> |
| <div class="progress-card"> |
| <div class="progress-spinner"><i class="fa-solid fa-spinner fa-spin"></i></div> |
| <div class="progress-title">Running Pipeline...</div> |
| <div class="progress-step" id="progressStep">Initializing scan engine</div> |
| <div class="progress-bar-track"><div class="progress-bar-fill" id="progressBar"></div></div> |
| </div> |
| </div> |
|
|
| |
| <button class="chat-fab" id="chatFab"><i class="fa-solid fa-message"></i></button> |
|
|
| |
| <div class="chat-panel" id="chatPanel"> |
| <div class="chat-header"> |
| <div class="chat-title"><i class="fa-solid fa-robot"></i> Quant Supervisor</div> |
| <button class="chat-close" id="chatClose"><i class="fa-solid fa-times"></i></button> |
| </div> |
| <div class="chat-messages" id="chatMessages"> |
| <div class="chat-msg chat-msg-bot"> |
| <div class="chat-bubble"> |
| <strong>System Online.</strong><br> |
| I have access to Signal, Regime, and News specialists. How can I help you today? |
| </div> |
| </div> |
| </div> |
| <div class="chat-input-area"> |
| <input type="text" class="chat-input" id="chatInput" placeholder="Ask about markets, run a scan, etc..."> |
| <button class="chat-send" id="chatSend"><i class="fa-solid fa-paper-plane"></i></button> |
| </div> |
| </div> |
|
|
| <script src="/js/app.js"></script> |
| </body> |
| </html> |
|
|
