feat: strategy parameters support, parameter filter modal, dashboard improvements

- Add parameters field to Backtest dataclass (save/open/merge)
- Add set_parameters()/get_parameters() to TradingStrategy
- Wire parameters through backtest service and report builder
- Add Parameters Comparison table on compare page
- Add Strategy Parameters card on per-strategy pages
- Add Parameters tab in strategy selection modal with chip/range filters
- Fix buildCompareParameters to use selectedForCompare
- Auto-apply param filters on modal close
- Dashboard: metrics fixes, README updates

Author: MDUYN

README.md

@@ -1,5 +1,6 @@
 import os
 import csv
+import base64
 import webbrowser
 import logging
 from dataclasses import dataclass, field
@@ -38,6 +39,18 @@ def _read_template(filename):
         return f.read()
 
 
+def _read_logo_base64(filename):
+    logo_dir = os.path.join(
+        os.path.dirname(__file__), '..', '..', 'domain',
+        'backtesting', 'templates'
+    )
+    path = os.path.join(logo_dir, filename)
+    if not os.path.exists(path):
+        return ''
+    with open(path, 'rb') as f:
+        return base64.b64encode(f.read()).decode('ascii')
+
+
 def _filter_pct(v):
     """Format as signed percentage: 0.15 → '+15.0%', None → 'N/A'."""
     if v is None:
@@ -174,6 +187,8 @@ def _build_html(self):
 
         css = _read_template('dashboard.css')
         js = _read_template('dashboard.js')
+        logo_dark_b64 = _read_logo_base64('finterion-dark.png')
+        logo_light_b64 = _read_logo_base64('finterion-light.png')
 
         is_single = len(self.backtests) == 1
         strategies = self._build_strategies_data()
@@ -237,6 +252,8 @@ def _build_html(self):
             title=title,
             css=css,
             js=js,
+            logo_dark_b64=logo_dark_b64,
+            logo_light_b64=logo_light_b64,
             is_single=is_single,
             strategies=strategies,
             run_data=run_data,
@@ -309,6 +326,7 @@ def _build_strategies_data(self):
                 'runIds': run_ids,
                 'runNameMap': run_name_map,
                 'runLabels': run_labels_list,
+                'parameters': bt.parameters or {},
             })
 
         return strategies
@@ -434,21 +452,64 @@ def _build_run_data(self):
                         'average_trade_duration',
                         'average_win_duration',
                         'average_loss_duration',
+                        'final_value',
+                        'gross_profit', 'gross_loss',
+                        'percentage_winning_months',
+                        'percentage_winning_years',
+                        'median_trade_return',
+                        'median_trade_return_percentage',
+                        'number_of_positive_trades',
+                        'number_of_negative_trades',
+                        'percentage_positive_trades',
+                        'percentage_negative_trades',
+                        'average_monthly_return',
+                        'var_95', 'cvar_95',
+                        'max_consecutive_wins',
+                        'max_consecutive_losses',
                     ):
                         metrics_dict[attr] = getattr(m, attr, None)
 
-                # Snapshot
+                    # Serialize tuple metrics (value, date)
+                    for tattr in (
+                        'best_month', 'worst_month',
+                        'best_year', 'worst_year',
+                    ):
+                        tval = getattr(m, tattr, None)
+                        if tval and tval[0] is not None:
+                            metrics_dict[tattr] = {
+                                'value': tval[0],
+                                'date': _fmt_date(tval[1]) if tval[1]
+                                else None,
+                            }
+
+                # Snapshot: raw portfolio values for Portfolio Summary
                 snapshot = {}
                 if run.portfolio_snapshots:
+                    first = run.portfolio_snapshots[0]
                     last = run.portfolio_snapshots[-1]
-                    tv = getattr(last, 'total_value', 0) or 0
+                    first_val = getattr(first, 'total_value', 0) or 0
+                    last_val = getattr(last, 'total_value', 0) or 0
+                    net_gain_raw = last_val - first_val
+                    growth_pct = round(
+                        (last_val / first_val - 1) * 100, 2
+                    ) if first_val else 0
                     snapshot = {
-                        'equity': tv,
-                        'unallocated': getattr(last, 'unallocated', 0) or 0,
-                        'net_profit': getattr(last, 'total_net_gain', 0) or 0,
-                        'growth': round(
-                            (tv / initial - 1) * 100, 2
-                        ) if initial else 0,
+                        'initial_value': round(first_val, 2),
+                        'final_value': round(last_val, 2),
+                        'net_gain': round(net_gain_raw, 2),
+                        'growth': growth_pct,
+                        'unallocated': round(
+                            getattr(last, 'unallocated', 0) or 0, 2
+                        ),
+                        'total_net_gain': round(
+                            getattr(last, 'total_net_gain', 0) or 0, 2
+                        ),
+                        'total_revenue': round(
+                            getattr(last, 'total_revenue', 0) or 0, 2
+                        ),
+                        'total_cost': round(
+                            getattr(last, 'total_cost', 0) or 0, 2
+                        ),
                     }
 
                 run_data[rid] = {

_verify_fixes.py

@@ -29,6 +29,8 @@ body { font-family:'Inter',-apple-system,sans-serif; background:var(--bg); color
 .top-controls { position:fixed; top:0.75rem; right:1.25rem; z-index:20; display:flex; gap:0.5rem; align-items:center; }
 .theme-toggle { background:var(--surface); border:1px solid var(--border); border-radius:6px; padding:0.35rem 0.6rem; cursor:pointer; font-size:0.9rem; color:var(--text); }
 .theme-toggle:hover { background:var(--surface2); border-color:var(--accent); }
+.save-btn { background:var(--surface); border:1px solid var(--border); border-radius:6px; padding:0.35rem 0.75rem; cursor:pointer; font-size:0.78rem; font-weight:600; color:var(--text); transition:all 0.15s; }
+.save-btn:hover { background:var(--surface2); border-color:var(--accent); }
 .finterion-tab { display:inline-flex; align-items:center; background:var(--surface); border:1px solid var(--border); border-radius:6px; padding:0.35rem 0.75rem; cursor:pointer; transition:all 0.15s; }
 .finterion-tab:hover { border-color:var(--accent); }
 .finterion-tab.active { border-color:var(--accent); background:var(--accent); }
@@ -170,6 +172,31 @@ body { font-family:'Inter',-apple-system,sans-serif; background:var(--bg); color
 .modal-body { overflow:auto; flex:1; padding:0; }
 .modal-footer { display:flex; align-items:center; justify-content:space-between; padding:0.75rem 1.25rem; border-top:1px solid var(--border); }
 
+/* Modal tabs */
+.modal-tabs { display:flex; gap:2px; background:var(--surface2); border-radius:6px; padding:2px; }
+.modal-tab { background:none; border:none; padding:4px 12px; font-size:0.7rem; font-weight:600; color:var(--text-dim); cursor:pointer; border-radius:4px; transition:all 0.15s; text-transform:uppercase; letter-spacing:0.03em; }
+.modal-tab:hover { color:var(--text-secondary); }
+.modal-tab.active { background:var(--accent); color:#fff; }
+
+/* Parameter filters */
+.param-filter-row { display:flex; align-items:center; gap:10px; padding:8px 16px; border-bottom:1px solid var(--border); font-size:0.75rem; }
+.param-filter-row:last-child { border-bottom:none; }
+.param-filter-label { font-weight:600; color:var(--text-secondary); min-width:140px; font-family:'JetBrains Mono',monospace; font-size:0.72rem; }
+.param-filter-controls { display:flex; align-items:center; gap:6px; flex:1; flex-wrap:wrap; }
+.param-filter-chip { display:inline-flex; align-items:center; gap:4px; padding:3px 10px; border-radius:12px; font-size:0.68rem; font-family:'JetBrains Mono',monospace; cursor:pointer; border:1px solid var(--border); background:var(--surface); color:var(--text-secondary); transition:all 0.15s; user-select:none; }
+.param-filter-chip:hover { border-color:var(--accent); color:var(--text); }
+.param-filter-chip.selected { background:var(--accent); color:#fff; border-color:var(--accent); }
+.param-filter-range { display:flex; align-items:center; gap:4px; }
+.param-filter-range input { width:70px; padding:3px 6px; border:1px solid var(--border); border-radius:4px; background:var(--surface); color:var(--text); font-size:0.7rem; font-family:'JetBrains Mono',monospace; }
+.param-filter-range input:focus { outline:none; border-color:var(--accent); }
+.param-filter-range span { color:var(--text-dim); font-size:0.68rem; }
+.param-filter-match { margin-left:auto; font-size:0.68rem; color:var(--text-dim); white-space:nowrap; }
+.param-filter-actions { display:flex; align-items:center; gap:8px; padding:10px 16px; border-bottom:1px solid var(--border); }
+.param-filter-apply { padding:5px 14px; border-radius:6px; border:none; background:var(--accent); color:#fff; font-size:0.72rem; font-weight:600; cursor:pointer; }
+.param-filter-apply:hover { opacity:0.9; }
+.param-filter-reset { padding:5px 14px; border-radius:6px; border:1px solid var(--border); background:none; color:var(--text-secondary); font-size:0.72rem; cursor:pointer; }
+.param-filter-reset:hover { border-color:var(--text-dim); color:var(--text); }
+
 /* heatmap */
 .heatmap-table { width:100%; border-collapse:collapse; font-size:0.72rem; font-family:'JetBrains Mono',monospace; }
 .heatmap-table th,.heatmap-table td { padding:0.35rem 0.5rem; text-align:center; border:1px solid var(--border); }
@@ -190,18 +217,42 @@ body { font-family:'Inter',-apple-system,sans-serif; background:var(--bg); color
 .tooltip.visible { opacity:1; }
 
 /* finterion page */
-.finterion-hero { display:flex; align-items:center; gap:1.25rem; margin-bottom:2rem; }
-.hero-logo svg { height:40px; width:auto; }
 .hero-logo-dark { display:block; }
 .hero-logo-light { display:none; }
 [data-theme="light"] .hero-logo-dark { display:none; }
 [data-theme="light"] .hero-logo-light { display:block; }
-.finterion-cta { display:inline-block; margin-top:1rem; padding:0.6rem 1.5rem; background:var(--accent); color:#000; font-weight:600; font-size:0.82rem; border-radius:8px; text-decoration:none; }
-.finterion-steps { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1rem; }
-.finterion-step { background:var(--surface2); border:1px solid var(--border); border-radius:8px; padding:1rem; }
-.step-num { width:24px; height:24px; border-radius:50%; background:var(--accent); color:#000; font-weight:700; font-size:0.75rem; display:flex; align-items:center; justify-content:center; margin-bottom:0.5rem; }
-.finterion-step h4 { font-size:0.82rem; margin-bottom:0.3rem; }
-.finterion-step p { font-size:0.75rem; color:var(--text-secondary); line-height:1.5; }
+
+/* hero */
+.fin-hero { text-align:center; padding:2.5rem 1.5rem 2rem; background:var(--surface); border:1px solid var(--border); border-radius:12px; margin-bottom:1.5rem; }
+.fin-hero-logo { margin-bottom:1rem; }
+.fin-hero-title { font-size:1.5rem; font-weight:700; margin:0 0 0.6rem; color:var(--text); }
+.fin-hero-sub { font-size:0.88rem; color:var(--text-secondary); line-height:1.7; max-width:560px; margin:0 auto; }
+.finterion-cta { display:inline-block; margin-top:1.25rem; padding:0.65rem 1.75rem; background:var(--accent); color:#000; font-weight:600; font-size:0.82rem; border-radius:8px; text-decoration:none; transition:opacity 0.15s; }
+.finterion-cta:hover { opacity:0.85; }
+
+/* feature cards */
+.fin-features { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; margin-bottom:0.5rem; }
+.fin-feature { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:1.5rem 1.25rem; text-align:center; transition:border-color 0.15s; }
+.fin-feature:hover { border-color:var(--accent); }
+.fin-feature-icon { font-size:1.75rem; margin-bottom:0.75rem; }
+.fin-feature h4 { font-size:0.88rem; font-weight:600; margin-bottom:0.4rem; color:var(--text); }
+.fin-feature p { font-size:0.78rem; color:var(--text-secondary); line-height:1.6; }
+
+/* timeline steps */
+.fin-timeline { display:flex; flex-direction:column; gap:0; padding:0.5rem 0; }
+.fin-tl-step { display:flex; align-items:flex-start; gap:1rem; position:relative; padding-bottom:1.5rem; }
+.fin-tl-step:last-child { padding-bottom:0; }
+.fin-tl-step::before { content:''; position:absolute; left:11px; top:28px; bottom:0; width:2px; background:var(--border); }
+.fin-tl-step:last-child::before { display:none; }
+.step-num { width:24px; height:24px; border-radius:50%; background:var(--accent); color:#000; font-weight:700; font-size:0.75rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; z-index:1; }
+.fin-tl-content { padding-top:2px; }
+.fin-tl-content h4 { font-size:0.85rem; font-weight:600; margin-bottom:0.25rem; color:var(--text); }
+.fin-tl-content p, .fin-tl-content code { font-size:0.78rem; color:var(--text-secondary); line-height:1.55; }
+.fin-tl-content code { display:inline-block; background:var(--surface2); border:1px solid var(--border); border-radius:4px; padding:0.2rem 0.5rem; font-family:'JetBrains Mono',monospace; font-size:0.72rem; margin-top:0.15rem; }
+
+/* bottom cta */
+.fin-bottom-cta { text-align:center; padding:2rem 0 1rem; }
+.fin-bottom-cta p { font-size:0.85rem; color:var(--text-secondary); margin-bottom:0; }
 .dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
 
 /* gen-note */
@@ -222,6 +273,9 @@ body { font-family:'Inter',-apple-system,sans-serif; background:var(--bg); color
 ::-webkit-scrollbar-track { background:transparent; }
 ::-webkit-scrollbar-thumb { background:var(--border); border-radius:3px; }
 
+/* Parameters table */
+.params-table td:first-child { font-weight:600; color:var(--text-secondary); }
+
 @media (max-width:900px) {
   .sidebar { display:none; }
   .main { margin-left:0; padding:1.5rem 1rem 4rem; }