Equipos y variables: similitud calibrada 2^(-d/dbar), default 10, resultados plegables

- Similitud = 100·2^(-d/dbar), dbar = distancia media entre todos los pares del pool
(50% = equipo promedio; cada dbar, se divide por dos). Más interpretable.
- 'Mostrar' arranca en 10 y devuelve 10 (binding por string).
- Sección Top equipos (lista + radar) plegable con flechita.

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

src/racing_reports/team_vars.py

@@ -15,6 +15,7 @@ from __future__ import annotations
 
 import threading
 
+import numpy as np
 import pandas as pd
 
 from racing_reports import vendor_env
@@ -287,18 +288,26 @@ def similar_teams(league: str, season: str, team: str, variables: list[str],
                & (pool["equipo"].astype(str) == str(team)))
     dist = dist[~is_self.values]
     order = dist.sort_values().head(top).index
-    # Similitud 0-100%: kernel gaussiano sobre la diferencia media por variable (en z).
-    # rms = dist/√nvars = desvíos promedio por variable; sim = 100·exp(-rms²/2).
-    # 100% = idéntico; rms 0.4 ≈ 92%; rms 1 ≈ 61%; rms 2 ≈ 14%.
-    n_vars = max(1, zmat.shape[1])
-    import math
+    # Similitud 0-100% calibrada: d̄ = distancia promedio entre TODOS los pares del pool
+    # (referencia del 50%). sim = 100·2^(-d/d̄) → cada d̄ de distancia, se divide por dos.
+    # 100% en d=0; 84% en 0.25·d̄; 71% en 0.5·d̄; 50% en d̄; 25% en 2·d̄.
+    from scipy.spatial.distance import pdist
+    Z = zmat.to_numpy()
+    if len(Z) > 1500:  # cota para pools enormes (scope "todas")
+        sidx = np.random.default_rng(0).choice(len(Z), 1500, replace=False)
+        Z = Z[sidx]
+    dbar = float(pdist(Z).mean()) if len(Z) > 1 else 0.0
+
+    def _sim(d):
+        return round(100.0 * (2.0 ** (-float(d) / dbar)), 1) if dbar > 1e-9 else (100.0 if d < 1e-9 else 0.0)
+
     teams = [{
         "equipo": str(pool.loc[i, "equipo"]),
         "competencia": str(pool.loc[i, "competencia"]),
         "temporada": str(pool.loc[i, "temporada"]),
         "partidos": int(pool.loc[i, "n_partidos"]),
         "distancia": round(float(dist[i]), 2),
-        "similitud": round(100.0 * math.exp(-0.5 * (float(dist[i]) ** 2) / n_vars), 1),
+        "similitud": _sim(dist[i]),
     } for i in order]
     return {"equipo": str(team), "competencia": str(league), "temporada": str(season),
             "scope": scope_label,

src/racing_reports/web/templates/home.html

@@ -277,9 +277,9 @@
           </div>
           <div>
             <label class="block text-xs text-gray-400 mb-1">Mostrar</label>
-            <select x-model.number="tvTop" class="bg-ink-800 border border-ink-600 rounded-lg px-3 py-2 text-sm">
-              <option :value="5">5 equipos</option><option :value="10">10 equipos</option>
-              <option :value="20">20 equipos</option><option :value="30">30 equipos</option>
+            <select x-model="tvTop" class="bg-ink-800 border border-ink-600 rounded-lg px-3 py-2 text-sm">
+              <option value="5">5 equipos</option><option value="10">10 equipos</option>
+              <option value="20">20 equipos</option><option value="30">30 equipos</option>
             </select>
           </div>
         </div>
@@ -331,8 +331,11 @@
         <p class="text-xs text-red-300 mt-2" x-show="tvError" x-text="tvError"></p>
       </section>
 
-      <section x-show="tvResult" class="space-y-3">
-        <h2 class="text-lg font-semibold text-racing-500">Top equipos (<span x-text="tvResult?.pool_size"></span> en el pool)</h2>
+      <section x-show="tvResult" class="space-y-3" x-data="{ tvResultOpen: true }">
+        <h2 class="text-lg font-semibold text-racing-500 cursor-pointer select-none flex items-center gap-2" @click="tvResultOpen=!tvResultOpen">
+          <span class="text-sm transition-transform" :class="tvResultOpen ? 'rotate-90' : ''">▶</span>
+          Top equipos (<span x-text="tvResult?.pool_size"></span> en el pool)</h2>
+        <div x-show="tvResultOpen" class="space-y-3">
         <p class="text-xs text-yellow-200" x-show="tvResult?.warning" x-text="tvResult?.warning"></p>
         <template x-for="(t, i) in (tvResult?.teams || [])" :key="t.equipo">
           <div class="bg-ink-700 border border-ink-600 rounded-2xl p-4" x-data="{ open: false }">
@@ -365,6 +368,7 @@
           <div class="text-sm font-semibold text-racing-500 mb-2">Radar comparativo del top</div>
           <img x-show="tvResult?.radar_b64" :src="'data:image/png;base64,'+tvResult?.radar_b64" alt="Radar top equipos" class="w-full max-w-2xl mx-auto rounded-lg">
         </div>
+        </div>
       </section>
 
       <!-- ---- Perfil de un equipo (z-score) ---- -->
@@ -1036,7 +1040,7 @@
       tvLeagues: {}, tvLeagueList: [], tvLeague: '__all__', tvSeason: '__all__', tvSeasons: [], tvAllSeasons: [],
       tvVarLabels: [], tvLabelToCol: {}, tvColToLabel: {}, tvTypeCols: {}, tvTypeList: [],
       tvSpecs: [{variable:'', direction:'alto'}], tvResult: null, tvLoading: false, tvError: '', tvLoaded: false,
-      tvLsOptions: [], tvPool: [], tvPoolIn: '', tvTop: 10,   // pool por liga-temporada + nº de equipos
+      tvLsOptions: [], tvPool: [], tvPoolIn: '', tvTop: '10',   // pool por liga-temporada + nº de equipos
       tvsPool: [], tvsPoolIn: '',                              // pool por liga-temporada (similares)
       tvVarsOpen: true, tvpVarsOpen: true,                    // desplegables de variables (2 y 3)
       // Perfil de un equipo (z-score)
@@ -1231,7 +1235,7 @@
         try {
           const r = await fetch('/api/team-vars/search', {
             method:'POST', headers:{'Content-Type':'application/json'},
-            body: JSON.stringify({league:this.tvLeague, season:this.tvSeason, specs, top:(this.tvTop||10), pool}),
+            body: JSON.stringify({league:this.tvLeague, season:this.tvSeason, specs, top:(Number(this.tvTop)||10), pool}),
           });
           if (!r.ok) throw new Error((await r.json().catch(()=>({detail:r.statusText}))).detail);
           this.tvResult = await r.json();