feat: PWA instalable, cambio de contraseña y dashboards por rol

- POST /api/auth/cambiar-password (bcrypt 12, política ≥8+1 número) +
  modal en las 6 apps con auth
- PWA: manifest + íconos de marca en las 7 apps (sin service worker a
  propósito, documentado); instalable en celular
- Dashboards: 'Mi tablero' para vendedor (sus KPIs y funnel) y sección
  Equipo para coordinador/corporativo/admin
- mi-dia: equipo.porVendedor gana leadsNuevosSemana
- Tests: api 271, cotizador 88, alta 88, cobranza 81, agente-ia 19,
  dashboards 15, mi-dia 11, landing 4

apps/dashboards/src/components/MiTablero.tsx

@@ -0,0 +1,121 @@
+import { useCallback, useEffect, useState } from 'react'
+import { Cell, Funnel, FunnelChart, LabelList, ResponsiveContainer, Tooltip } from 'recharts'
+import KpiCard from './KpiCard'
+import { EstadoVacio, TituloSeccion } from './comunes'
+import { funnelMisLeads, type ResumenMiDia } from '../lib/mi-tablero'
+import { fetchResumenMiDia } from '../services/mi-dia'
+
+// Misma paleta del funnel del tablero general
+const COLORES_FUNNEL = ['#a3a3a3', '#737373', '#52796f', '#1B4332']
+
+/**
+ * "Mi tablero": KPIs personales del vendedor logueado (mis leads, actividades,
+ * apartados por vencer) y un funnel simple de sus leads por estado.
+ * Fuente: GET /api/mi-dia/resumen (filtra por su mondayUserId en el API).
+ */
+export default function MiTablero() {
+  const [resumen, setResumen] = useState<ResumenMiDia | null>(null)
+  const [error, setError] = useState<string | null>(null)
+  const [cargando, setCargando] = useState(true)
+
+  const cargar = useCallback(async () => {
+    setCargando(true)
+    try {
+      setResumen(await fetchResumenMiDia())
+      setError(null)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'No se pudo cargar el tablero')
+    } finally {
+      setCargando(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    void cargar()
+  }, [cargar])
+
+  const funnel = resumen ? funnelMisLeads(resumen.misLeads) : []
+
+  return (
+    <main className="mx-auto max-w-6xl px-4 py-8">
+      <div className="mb-8 flex items-end justify-between">
+        <div>
+          <p className="text-xs font-bold uppercase tracking-widest text-accent">FRASA Desarrollos</p>
+          <h1 className="mt-2 text-3xl font-light text-neutral-900">Mi tablero</h1>
+          {resumen && (
+            <p className="mt-1 text-xs text-neutral-400">
+              Actualizado: {new Date(resumen.generadoEn).toLocaleString('es-MX')}
+            </p>
+          )}
+        </div>
+        <button
+          type="button"
+          onClick={() => void cargar()}
+          disabled={cargando}
+          className="border border-accent px-5 py-2 text-xs font-bold uppercase tracking-widest text-accent transition-colors duration-150 hover:bg-accent hover:text-white disabled:opacity-50"
+        >
+          {cargando ? 'Actualizando…' : 'Actualizar'}
+        </button>
+      </div>
+
+      {error && (
+        <p role="alert" className="mb-8 border border-amber-700 px-4 py-3 text-xs font-bold uppercase tracking-widest text-amber-700">
+          Sin datos del API — {error}
+        </p>
+      )}
+
+      {resumen?.sinMapeoMonday && (
+        <p className="mb-8 border border-amber-700 px-4 py-3 text-xs font-bold uppercase tracking-widest text-amber-700">
+          Tu usuario aún no está ligado a Monday: las listas personales aparecen vacías
+        </p>
+      )}
+
+      {!resumen && !error && cargando && <EstadoVacio mensaje="Cargando…" />}
+      {!resumen && !error && !cargando && <EstadoVacio mensaje="Sin datos" />}
+
+      {resumen && (
+        <>
+          <section aria-label="Mis indicadores" className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+            <KpiCard
+              titulo="Mis leads activos"
+              valor={resumen.misLeads.length}
+              detalle={`${resumen.conteos.leadsNuevosSemana} nuevo(s) esta semana`}
+            />
+            <KpiCard
+              titulo="Mis actividades abiertas"
+              valor={resumen.conteos.actividadesAbiertas}
+              detalle={`${resumen.misActividadesHoy.length} con fecha de hoy o antes`}
+            />
+            <KpiCard
+              titulo="Apartados por vencer"
+              valor={resumen.apartadosPorVencer.length}
+              detalle="próximos 7 días (pipeline completo)"
+            />
+          </section>
+
+          <section aria-label="Mis leads por estado" className="mt-12">
+            <TituloSeccion>Mis leads por estado</TituloSeccion>
+            {funnel.length === 0 ? (
+              <EstadoVacio mensaje="Sin leads asignados" />
+            ) : (
+              <div className="h-72">
+                <ResponsiveContainer width="100%" height="100%">
+                  <FunnelChart>
+                    <Tooltip />
+                    <Funnel dataKey="valor" data={funnel} nameKey="etapa" isAnimationActive={false}>
+                      {funnel.map((etapa, i) => (
+                        <Cell key={etapa.etapa} fill={COLORES_FUNNEL[i % COLORES_FUNNEL.length]} />
+                      ))}
+                      <LabelList position="right" dataKey="etapa" stroke="none" fontSize={11} />
+                      <LabelList position="center" dataKey="valor" stroke="none" fill="#fff" fontSize={12} />
+                    </Funnel>
+                  </FunnelChart>
+                </ResponsiveContainer>
+              </div>
+            )}
+          </section>
+        </>
+      )}
+    </main>
+  )
+}