feat: add full dashboard monitoring + FEATURES.md documentation

- Create docs/FEATURES.md with complete feature reference (14 entry
  filters, 12 exit conditions, backtest history, risk modes, session
  rules, auto-trainer, active components table, architecture diagram)

- Extend main_live.py _write_dashboard_status() with 10 new data
  sections: entryFilters, riskMode, cooldown, timeFilter,
  sessionMultiplier, positionDetails, autoTrainer, performance,
  marketClose, h1BiasDetails. Add filter tracking at each checkpoint
  in _trading_iteration() and 7 helper methods.

- Add 9 TypeScript interfaces and extend TradingStatus in trading.ts

- Create BotStatusCard (risk mode, cooldown bar, AUC, uptime, market
  close) and EntryFilterCard (14 filters with pass/block/skip icons)

- Enhance SessionCard (lot multiplier badge + time filter status),
  RiskCard (risk mode badge + total loss progress bar), PositionsCard
  (expandable per-position details with momentum, TP probability)

- Update page.tsx layout: BotStatusCard replaces SettingsCard in Row 2,
  EntryFilterCard added to Row 3 sidebar

- Add API defaults for all new fields

Dashboard now monitors 100% of bot features. Verified: Next.js build
0 errors, bot + API + dashboard all run clean, Docker rebuilt OK.

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

web-dashboard/src/app/page.tsx

@@ -12,7 +12,8 @@ import {
   PositionsCard,
   LogCard,
   PriceChart,
-  SettingsCard,
+  BotStatusCard,
+  EntryFilterCard,
 } from "@/components/dashboard";
 import { Skeleton } from "@/components/ui/skeleton";
 
@@ -121,6 +122,8 @@ export default function Dashboard() {
               session={data.session}
               isGoldenTime={data.isGoldenTime}
               canTrade={data.canTrade}
+              sessionMultiplier={data.sessionMultiplier}
+              timeFilter={data.timeFilter}
             />
           </div>
           <div className="min-w-0 overflow-hidden">
@@ -129,11 +132,12 @@ export default function Dashboard() {
               dailyProfit={data.dailyProfit}
               consecutiveLosses={data.consecutiveLosses}
               riskPercent={data.riskPercent}
+              riskMode={data.riskMode}
             />
           </div>
         </div>
 
-        {/* ── Row 2: Signals ── */}
+        {/* ── Row 2: Signals + Bot Status ── */}
         <div
           className="grid gap-1.5 overflow-hidden"
           style={{ gridTemplateColumns: 'repeat(4, minmax(0, 1fr))' }}
@@ -171,11 +175,13 @@ export default function Dashboard() {
             />
           </div>
           <div className="min-w-0 overflow-hidden">
-            {data.settings ? (
-              <SettingsCard settings={data.settings} />
-            ) : (
-              <div className="glass rounded-lg h-full" />
-            )}
+            <BotStatusCard
+              riskMode={data.riskMode}
+              cooldown={data.cooldown}
+              autoTrainer={data.autoTrainer}
+              performance={data.performance}
+              marketClose={data.marketClose}
+            />
           </div>
         </div>
 
@@ -188,8 +194,14 @@ export default function Dashboard() {
             <PriceChart data={data.priceHistory} />
           </div>
           <div className="min-w-0 min-h-0 overflow-hidden flex flex-col gap-1.5">
+            <div className="min-h-0" style={{ flex: '0 0 auto', maxHeight: '40%' }}>
+              <EntryFilterCard filters={data.entryFilters || []} />
+            </div>
             <div className="flex-1 min-h-0">
-              <PositionsCard positions={data.positions} />
+              <PositionsCard
+                positions={data.positions}
+                positionDetails={data.positionDetails}
+              />
             </div>
             <div className="flex-1 min-h-0">
               <LogCard logs={data.logs} />