Read all track-record related files (HTML, JS, Python/FastAPI backend) fully before starting.
- Top stats are all zero — Active trades, Signals, Closed, Cycles, Last Update time all show 0. Fix: connect them to real-time backend data, ensure API endpoints return correct counts.
- Login/Logout buttons not working — Debug auth flow, check event listeners and API calls.
- Duplicate trades per strategy — Some strategies open multiple trades simultaneously. Fix: enforce ONE active trade per strategy/setup at any given time. Validate before opening new trade.
- Chart shows only lines, no entry/exit points — Add markers for entry and exit points on the chart.
- Each strategy/setup should be visually distinguishable on chart (color-coded or labeled).
- Chart must be real-time — ensure it updates with live data.
- Strategy ranking limited — Should show top 20 strategies (currently less).
- First strategy in category comparison has no name — Fix empty name bug.
- Filter results table — Improve font, table styling, make it visually clean.
- Add MetaTrader connection button in filter results view.
- Validate all strategies and setups — each must be valid, filter out invalid ones.
- Symbol alert and MetaTrader status flickering — Elements jump/flash every ~3 seconds. Fix: only update DOM when data actually changes (diff check before re-render).
- Alert connection — Verify alert system works end-to-end.
- MetaTrader connection — Verify MT5 integration works, check active trades panel (left side) has MT5 connection.
- Active trades panel (left side) — Add MetaTrader connection status/button.
- HTML and CSV export — Test and fix export functionality.
- Responsive design — Check all breakpoints (mobile, tablet, desktop).
- RTL/Persian support — Verify RTL layout is correct.
- Overall UI cleanup — Fonts, spacing, alignment, visual consistency.
- Frontend + Backend integration test — End-to-end test all features.
- Read ALL related files before making changes
- Test after each phase
- Do NOT add
body{display:flex}, do NOT remove</div>closings - Key structure:
.main(flex) > .sidebar + .content, footer OUTSIDE.main - Old nav is inline-styled
div class="wnav"notclass="header"