Dashboard amministratore e profilo per il tesseramento

Implementa la voce "Dashboard amministratore" della roadmap v1.1, come descritta
in docs/modules/profilo-giocatore.md, insieme alla parte di profilo che la
alimenta.

- /admin: stato dei profili della squadra, download di documento, certificato e
  foto tessera, export CSV con i 12 campi del tesseramento CSI. Un certificato
  scaduto non conta come valido.
- Profilo giocatore: dati personali, documento (fronte e retro), certificato e
  foto tessera, con widget di completamento in Home che sparisce al 100%.
- I permessi di amministrazione arrivano da user_roles (DD-011) e non più dalla
  lista di nomi in crapp-data.ts, che resta come ponte finché
  VITE_AUTH_OBBLIGATORIA non viene acceso in produzione.
- Login Google via Supabase Auth: al primo accesso l'account si collega a uno
  slot libero di giocatori_squadra, e il vincolo lo fa rispettare il trigger di
  M1 (DD-016 regola 2).

Migration additive: M2 crea profili_giocatore, M3 il bucket privato
profili-giocatore. Nessuna tabella v1.0 viene toccata, quindi si possono
applicare senza cambiare il comportamento attuale dell'app.

supabase/config.toml e seed.sql configurano lo stack locale: serve perché il
progetto Supabase è uno solo, condiviso tra sviluppo e produzione.

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

src/components/crapp/ProfiloAmministrativo.tsx

@@ -0,0 +1,370 @@
+import { useRef, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { Check, Eye, Loader2, Upload } from "lucide-react";
+import { toast } from "sonner";
+import { cn } from "@/lib/utils";
+import { Section } from "@/components/crapp/ui-bits";
+import { Reveal } from "@/components/motion/Reveal";
+import {
+  caricaFile,
+  scaricaFile,
+  useProfili,
+  useSalvaProfilo,
+  type SezioneFile,
+} from "@/lib/profili";
+import { completamento, profiloVuoto, sezioniComplete, type Profilo } from "@/lib/profili-core";
+
+const TIPI_DOCUMENTO = ["Carta d'identità", "Patente", "Passaporto"];
+
+function Campo({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <label className="block">
+      <span className="text-[10px] font-bold uppercase tracking-wide text-muted-foreground">
+        {label}
+      </span>
+      <span className="mt-1 block">{children}</span>
+    </label>
+  );
+}
+
+const classiInput = "w-full rounded-xl border border-border bg-background px-3 py-2 text-sm";
+
+function CampoFile({
+  label,
+  path,
+  sezione,
+  giocatoreId,
+  onCaricato,
+}: {
+  label: string;
+  path: string | null;
+  sezione: SezioneFile;
+  giocatoreId: string;
+  onCaricato: (path: string) => Promise<void>;
+}) {
+  const input = useRef<HTMLInputElement>(null);
+  const [inCorso, setInCorso] = useState(false);
+
+  async function scegli(e: React.ChangeEvent<HTMLInputElement>) {
+    const file = e.target.files?.[0];
+    e.target.value = "";
+    if (!file) return;
+    setInCorso(true);
+    try {
+      const nuovo = await caricaFile(giocatoreId, sezione, file, path);
+      await onCaricato(nuovo);
+      toast.success(`${label} caricato`);
+    } catch (errore) {
+      toast.error(errore instanceof Error ? errore.message : "Caricamento non riuscito");
+    } finally {
+      setInCorso(false);
+    }
+  }
+
+  return (
+    <div className="flex items-center justify-between gap-3 py-2">
+      <span className="flex min-w-0 items-center gap-2 text-sm">
+        <span
+          className={cn(
+            "grid h-6 w-6 shrink-0 place-items-center rounded-lg",
+            path ? "bg-success text-success-foreground" : "bg-secondary text-muted-foreground",
+          )}
+        >
+          {path ? <Check className="h-3.5 w-3.5" /> : <Upload className="h-3.5 w-3.5" />}
+        </span>
+        <span className="truncate">{label}</span>
+      </span>
+      <span className="flex shrink-0 items-center gap-2">
+        {path ? (
+          <button
+            type="button"
+            onClick={() => void scaricaFile(path)}
+            className="premi rounded-xl bg-secondary p-2 text-muted-foreground"
+            aria-label={`Vedi ${label}`}
+          >
+            <Eye className="h-4 w-4" />
+          </button>
+        ) : null}
+        <button
+          type="button"
+          onClick={() => input.current?.click()}
+          disabled={inCorso}
+          className="premi rounded-xl bg-primary px-3 py-2 text-xs font-bold text-primary-foreground disabled:opacity-60"
+        >
+          {inCorso ? <Loader2 className="h-4 w-4 animate-spin" /> : path ? "Sostituisci" : "Carica"}
+        </button>
+        <input
+          ref={input}
+          type="file"
+          accept="image/jpeg,image/png,image/webp,application/pdf"
+          onChange={scegli}
+          className="hidden"
+        />
+      </span>
+    </div>
+  );
+}
+
+/**
+ * Dati amministrativi del giocatore: quello che la dashboard amministratore poi legge.
+ * Ogni giocatore scrive solo la propria riga — è la RLS a garantirlo, non questo componente.
+ */
+export function ProfiloAmministrativo({
+  giocatoreId,
+  indice = 0,
+}: {
+  giocatoreId: string;
+  indice?: number;
+}) {
+  const { profili } = useProfili();
+  const salva = useSalvaProfilo();
+  const [bozza, setBozza] = useState<Profilo | null>(null);
+
+  const salvato = profili[giocatoreId];
+  const corrente = bozza ?? salvato ?? profiloVuoto(giocatoreId);
+  const sporco = bozza !== null;
+  const perc = completamento(corrente);
+  const sezioni = sezioniComplete(corrente);
+
+  function aggiorna(patch: Partial<Profilo>) {
+    setBozza({ ...corrente, ...patch });
+  }
+
+  async function scrivi(profilo: Profilo) {
+    await salva.mutateAsync(profilo);
+    setBozza(null);
+  }
+
+  async function salvaBozza() {
+    try {
+      await scrivi(corrente);
+      toast.success("Profilo aggiornato");
+    } catch (errore) {
+      toast.error(errore instanceof Error ? errore.message : "Salvataggio non riuscito");
+    }
+  }
+
+  // Un file caricato va persistito subito, insieme a quello che si stava scrivendo.
+  const caricato = (campo: keyof Profilo) => async (path: string) =>
+    scrivi({ ...corrente, [campo]: path });
+
+  return (
+    <Section
+      titolo="Dati per il tesseramento"
+      indice={indice}
+      azione={<span className="text-xs font-bold text-muted-foreground tabular-nums">{perc}%</span>}
+    >
+      <div className="space-y-3 rounded-3xl bg-card p-4 shadow-card">
+        <div className="h-1.5 overflow-hidden rounded-full bg-secondary">
+          <div
+            className="h-full rounded-full bg-accent-grad transition-all"
+            style={{ width: `${perc}%` }}
+          />
+        </div>
+
+        <p className="text-xs text-muted-foreground">
+          Servono agli amministratori per il tesseramento CSI. Li vedi solo tu e loro.
+        </p>
+
+        <Intestazione titolo="Dati personali" completa={sezioni.dati} />
+        <div className="grid grid-cols-2 gap-3">
+          <Campo label="Data di nascita">
+            <input
+              type="date"
+              value={corrente.dataNascita ?? ""}
+              onChange={(e) => aggiorna({ dataNascita: e.target.value })}
+              className={classiInput}
+            />
+          </Campo>
+          <Campo label="Luogo di nascita">
+            <input
+              value={corrente.luogoNascita ?? ""}
+              maxLength={80}
+              onChange={(e) => aggiorna({ luogoNascita: e.target.value })}
+              className={classiInput}
+            />
+          </Campo>
+        </div>
+        <Campo label="Indirizzo di residenza">
+          <input
+            value={corrente.indirizzo ?? ""}
+            maxLength={120}
+            onChange={(e) => aggiorna({ indirizzo: e.target.value })}
+            className={classiInput}
+          />
+        </Campo>
+        <div className="grid grid-cols-2 gap-3">
+          <Campo label="Telefono">
+            <input
+              type="tel"
+              value={corrente.telefono ?? ""}
+              maxLength={20}
+              onChange={(e) => aggiorna({ telefono: e.target.value })}
+              className={classiInput}
+            />
+          </Campo>
+          <Campo label="Email">
+            <input
+              type="email"
+              value={corrente.email ?? ""}
+              maxLength={120}
+              onChange={(e) => aggiorna({ email: e.target.value })}
+              className={classiInput}
+            />
+          </Campo>
+        </div>
+
+        <Intestazione titolo="Documento di identità" completa={sezioni.documento} />
+        <div className="grid grid-cols-2 gap-3">
+          <Campo label="Tipo">
+            <select
+              value={corrente.documentoTipo ?? ""}
+              onChange={(e) => aggiorna({ documentoTipo: e.target.value })}
+              className={classiInput}
+            >
+              <option value="">—</option>
+              {TIPI_DOCUMENTO.map((t) => (
+                <option key={t} value={t}>
+                  {t}
+                </option>
+              ))}
+            </select>
+          </Campo>
+          <Campo label="Numero">
+            <input
+              value={corrente.documentoNumero ?? ""}
+              maxLength={40}
+              onChange={(e) => aggiorna({ documentoNumero: e.target.value })}
+              className={classiInput}
+            />
+          </Campo>
+        </div>
+        <Campo label="Rilasciato da">
+          <input
+            value={corrente.documentoRilasciatoDa ?? ""}
+            maxLength={80}
+            onChange={(e) => aggiorna({ documentoRilasciatoDa: e.target.value })}
+            className={classiInput}
+          />
+        </Campo>
+        <div className="grid grid-cols-2 gap-3">
+          <Campo label="Data emissione">
+            <input
+              type="date"
+              value={corrente.documentoEmissione ?? ""}
+              onChange={(e) => aggiorna({ documentoEmissione: e.target.value })}
+              className={classiInput}
+            />
+          </Campo>
+          <Campo label="Data scadenza">
+            <input
+              type="date"
+              value={corrente.documentoScadenza ?? ""}
+              onChange={(e) => aggiorna({ documentoScadenza: e.target.value })}
+              className={classiInput}
+            />
+          </Campo>
+        </div>
+        <div className="divide-y divide-border">
+          <CampoFile
+            label="Foto fronte"
+            path={corrente.documentoFrontePath}
+            sezione="documento-fronte"
+            giocatoreId={giocatoreId}
+            onCaricato={caricato("documentoFrontePath")}
+          />
+          <CampoFile
+            label="Foto retro"
+            path={corrente.documentoRetroPath}
+            sezione="documento-retro"
+            giocatoreId={giocatoreId}
+            onCaricato={caricato("documentoRetroPath")}
+          />
+        </div>
+
+        <Intestazione titolo="Certificato medico" completa={sezioni.certificato} />
+        <Campo label="Data di scadenza">
+          <input
+            type="date"
+            value={corrente.certificatoScadenza ?? ""}
+            onChange={(e) => aggiorna({ certificatoScadenza: e.target.value })}
+            className={classiInput}
+          />
+        </Campo>
+        <CampoFile
+          label="Certificato medico"
+          path={corrente.certificatoPath}
+          sezione="certificato"
+          giocatoreId={giocatoreId}
+          onCaricato={caricato("certificatoPath")}
+        />
+
+        <Intestazione titolo="Foto tessera" completa={sezioni.foto} />
+        <CampoFile
+          label="Foto tessera"
+          path={corrente.fotoPath}
+          sezione="foto"
+          giocatoreId={giocatoreId}
+          onCaricato={caricato("fotoPath")}
+        />
+
+        <button
+          type="button"
+          onClick={salvaBozza}
+          disabled={!sporco || salva.isPending}
+          className="premi flex w-full items-center justify-center gap-2 rounded-2xl bg-accent-grad py-3 text-sm font-bold uppercase text-accent-foreground shadow-pop disabled:opacity-50"
+        >
+          {salva.isPending ? <Loader2 className="h-4 w-4 animate-spin" /> : null}
+          {sporco ? "Salva" : "Salvato"}
+        </button>
+      </div>
+    </Section>
+  );
+}
+
+/**
+ * Widget di Home: sparisce da solo quando il profilo è completo
+ * (docs/modules/profilo-giocatore.md § Home).
+ */
+export function CompletaProfilo({
+  giocatoreId,
+  indice = 0,
+}: {
+  giocatoreId: string;
+  indice?: number;
+}) {
+  const { profili, isPending } = useProfili();
+  const perc = completamento(profili[giocatoreId]);
+  if (isPending || perc === 100) return null;
+
+  return (
+    <Reveal indice={indice} className="px-5 pt-4">
+      <Link to="/profilo" className="premi block rounded-3xl bg-card p-4 shadow-card">
+        <div className="flex items-center justify-between gap-3">
+          <span className="font-display text-sm uppercase tracking-wide">
+            Completa il tuo profilo
+          </span>
+          <span className="text-xs font-bold tabular-nums text-muted-foreground">{perc}%</span>
+        </div>
+        <div className="mt-2 h-1.5 overflow-hidden rounded-full bg-secondary">
+          <div
+            className="h-full rounded-full bg-accent-grad transition-all"
+            style={{ width: `${perc}%` }}
+          />
+        </div>
+        <p className="mt-2 text-xs text-muted-foreground">
+          Documento, certificato medico e foto tessera servono per il tesseramento CSI.
+        </p>
+      </Link>
+    </Reveal>
+  );
+}
+
+function Intestazione({ titolo, completa }: { titolo: string; completa: boolean }) {
+  return (
+    <div className="flex items-center gap-2 pt-2">
+      <h3 className="font-display text-sm uppercase tracking-wide">{titolo}</h3>
+      {completa ? <Check className="h-4 w-4 text-success" /> : null}
+    </div>
+  );
+}

src/components/crapp/RosaPresenze.tsx

@@ -4,9 +4,10 @@ import { toast } from "sonner";
 import { cn } from "@/lib/utils";
 import { Avatar } from "@/components/crapp/Avatar";
 import { Barra } from "@/components/motion/Barra";
-import { giocatori, isAdmin, statoMeta, type Stato } from "@/lib/crapp-data";
+import { giocatori, statoMeta, type Stato } from "@/lib/crapp-data";
 import { usePresenzeEvento, useSalvaPresenza } from "@/lib/presenze";
 import { useGiocatoreCorrente } from "@/lib/user-store";
+import { useIsAdmin } from "@/lib/ruoli";
 
 const ordine: Stato[] = ["presente", "ritardo", "forse", "infortunato", "assente"];
 
@@ -14,6 +15,7 @@ export function RosaPresenze({ eventoId }: { eventoId: string }) {
   const { risposte, isPending } = usePresenzeEvento(eventoId);
   const salva = useSalvaPresenza();
   const io = useGiocatoreCorrente();
+  const admin = useIsAdmin();
   const [sollecito, setSollecito] = useState(false);
 
   const mancanti = giocatori.filter((g) => !risposte[g.id]);
@@ -105,7 +107,7 @@ export function RosaPresenze({ eventoId }: { eventoId: string }) {
           </div>
         ) : null}
 
-        {io && isAdmin(io.id) ? (
+        {admin ? (
           <button
             type="button"
             onClick={sollecita}

src/components/crapp/ScoutEntry.tsx

@@ -3,16 +3,17 @@ import { ChevronRight, Lock, Radio } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { sessioneScaduta, usePartitaDiOggi, useSessioneScout } from "@/lib/scout-live";
 import { useGiocatoreCorrente } from "@/lib/user-store";
-import { isAdmin } from "@/lib/crapp-data";
+import { useIsAdmin } from "@/lib/ruoli";
 
 /** Accesso allo scout live: attivo solo il giorno della partita e se nessun altro lo sta usando. */
 export function ScoutEntry({ variante = "grande" }: { variante?: "grande" | "compatto" }) {
   const { pronto, partita } = usePartitaDiOggi();
   const io = useGiocatoreCorrente();
+  const admin = useIsAdmin();
   const { data: sessione } = useSessioneScout(partita?.id ?? null);
 
   // Strumento tecnico: solo i referenti/allenatori scoutizzano la partita.
-  const abilitato = !!io && isAdmin(io.id);
+  const abilitato = admin;
 
   const attiva = sessione && !sessioneScaduta(sessione) ? sessione : null;
   const occupato = !!attiva && attiva.giocatore_id !== io?.id;

src/integrations/supabase/client-nuove-tabelle.ts

@@ -0,0 +1,12 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+import { supabase } from "./client";
+
+/**
+ * `types.ts` è generato dallo schema e non include ancora le tabelle introdotte dalle
+ * migration M1 (`giocatori_squadra`) e M2 (`profili_giocatore`). Finché non viene
+ * rigenerato si passa da qui: i tipi delle righe sono dichiarati nei moduli di `src/lib/`,
+ * che restano l'unico punto di accesso al database (DD-013).
+ *
+ * Da eliminare quando `types.ts` sarà rigenerato: i moduli torneranno a usare `supabase`.
+ */
+export const supabaseNuoveTabelle = supabase as unknown as SupabaseClient;

src/lib/auth.ts

@@ -0,0 +1,61 @@
+import { useEffect, useState } from "react";
+import type { Session } from "@supabase/supabase-js";
+import { supabase } from "@/integrations/supabase/client";
+
+/**
+ * Autenticazione reale con Google (DD-011). Il login non ha ancora sostituito la
+ * selezione del giocatore: finché `VITE_AUTH_OBBLIGATORIA` non è `true`, `/benvenuto`
+ * offre entrambe le strade, così la produzione continua a funzionare mentre la squadra
+ * collega gli account.
+ */
+export function authObbligatoria(): boolean {
+  return import.meta.env["VITE_AUTH_OBBLIGATORIA"] === "true";
+}
+
+export function useSessione() {
+  const [sessione, setSessione] = useState<Session | null>(null);
+  const [pronta, setPronta] = useState(false);
+
+  useEffect(() => {
+    let attivo = true;
+    // Il client Supabase esplode alla costruzione se mancano le variabili d'ambiente:
+    // qui va assorbito, altrimenti la schermata di accesso non si disegna proprio e
+    // resta irraggiungibile anche la selezione del giocatore.
+    try {
+      supabase.auth
+        .getSession()
+        .then(({ data }) => {
+          if (!attivo) return;
+          setSessione(data.session);
+          setPronta(true);
+        })
+        .catch(() => attivo && setPronta(true));
+      const { data } = supabase.auth.onAuthStateChange((_evento, nuova) => setSessione(nuova));
+      return () => {
+        attivo = false;
+        data.subscription.unsubscribe();
+      };
+    } catch (errore) {
+      console.error("[auth] Supabase non disponibile", errore);
+      setPronta(true);
+      return () => {
+        attivo = false;
+      };
+    }
+  }, []);
+
+  return { sessione, pronta, utenteId: sessione?.user.id ?? null };
+}
+
+export async function accediConGoogle(): Promise<void> {
+  const { error } = await supabase.auth.signInWithOAuth({
+    provider: "google",
+    options: { redirectTo: window.location.origin },
+  });
+  if (error) throw error;
+}
+
+export async function esci(): Promise<void> {
+  const { error } = await supabase.auth.signOut();
+  if (error) throw error;
+}

src/lib/giocatori-squadra.ts

@@ -0,0 +1,118 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { supabaseNuoveTabelle } from "@/integrations/supabase/client-nuove-tabelle";
+import { giocatori } from "./crapp-data";
+
+/**
+ * Anagrafica operativa della squadra (`giocatori_squadra`, migration M1). È la source of
+ * truth per il collegamento account ↔ giocatore; `crapp-data.ts` resta il fallback finché
+ * la migrazione non è completa (DD-016 regola 1).
+ */
+export type GiocatoreSquadra = {
+  id: string;
+  nome: string;
+  cognome: string;
+  numero: number;
+  ruolo: string;
+  authUserId: string | null;
+  attivo: boolean;
+};
+
+type RigaGiocatoreSquadra = {
+  id: string;
+  nome: string;
+  cognome: string;
+  numero: number;
+  ruolo: string;
+  auth_user_id: string | null;
+  attivo: boolean;
+};
+
+export const SQUADRA_KEY = ["giocatori-squadra"] as const;
+
+/** "Carlo Di Castelnuovo" -> nome "Carlo", cognome "Di Castelnuovo". */
+export function dividiNome(completo: string): { nome: string; cognome: string } {
+  const spazio = completo.indexOf(" ");
+  if (spazio < 0) return { nome: completo, cognome: "" };
+  return { nome: completo.slice(0, spazio), cognome: completo.slice(spazio + 1) };
+}
+
+/** Rosa di riserva quando il database non risponde o non è ancora popolato. */
+export function rosaFallback(): GiocatoreSquadra[] {
+  return giocatori.map((g) => ({
+    ...dividiNome(g.nome),
+    id: g.id,
+    numero: g.numero,
+    ruolo: g.ruolo,
+    authUserId: null,
+    attivo: true,
+  }));
+}
+
+export function nomeCompleto(g: GiocatoreSquadra): string {
+  return `${g.nome} ${g.cognome}`.trim();
+}
+
+/** Lo slot già collegato a questo account, se esiste. */
+export function slotDi(
+  righe: GiocatoreSquadra[],
+  utenteId: string | null,
+): GiocatoreSquadra | null {
+  if (!utenteId) return null;
+  return righe.find((g) => g.authUserId === utenteId) ?? null;
+}
+
+export function slotLiberi(righe: GiocatoreSquadra[]): GiocatoreSquadra[] {
+  return righe.filter((g) => g.attivo && !g.authUserId);
+}
+
+async function fetchSquadra(): Promise<GiocatoreSquadra[]> {
+  const { data, error } = await supabaseNuoveTabelle
+    .from("giocatori_squadra")
+    .select("id, nome, cognome, numero, ruolo, auth_user_id, attivo")
+    .order("id");
+  if (error) throw error;
+  const righe = (data ?? []) as RigaGiocatoreSquadra[];
+  return righe.map((r) => ({
+    id: r.id,
+    nome: r.nome,
+    cognome: r.cognome,
+    numero: r.numero,
+    ruolo: r.ruolo,
+    authUserId: r.auth_user_id,
+    attivo: r.attivo,
+  }));
+}
+
+/** Anagrafica squadra: una lettura per sessione, cambia raramente. */
+export function useGiocatoriSquadra() {
+  const query = useQuery({ queryKey: SQUADRA_KEY, queryFn: fetchSquadra, staleTime: 30 * 60_000 });
+  const righe = query.data?.length ? query.data : rosaFallback();
+  return { ...query, righe, daDatabase: !!query.data?.length };
+}
+
+/**
+ * Collega l'account al giocatore scelto. Il trigger di M1 accetta l'operazione solo se
+ * lo slot è libero e se nessun altro campo cambia (DD-016 regola 2): il vincolo vive nel
+ * database, non qui.
+ */
+export function useCollegaGiocatore() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (input: { giocatoreId: string; utenteId: string }) => {
+      const { error } = await supabaseNuoveTabelle
+        .from("giocatori_squadra")
+        .update({ auth_user_id: input.utenteId })
+        .eq("id", input.giocatoreId)
+        .is("auth_user_id", null);
+      if (error) throw error;
+      return input;
+    },
+    onSuccess: (input) => {
+      queryClient.setQueryData<GiocatoreSquadra[]>(SQUADRA_KEY, (prec) =>
+        (prec ?? []).map((g) =>
+          g.id === input.giocatoreId ? { ...g, authUserId: input.utenteId } : g,
+        ),
+      );
+    },
+  });
+}

src/lib/profili-core.ts

@@ -0,0 +1,205 @@
+import { rigaCsv } from "./scout-export";
+import { nomeCompleto, type GiocatoreSquadra } from "./giocatori-squadra";
+
+/**
+ * Profilo amministrativo di un giocatore (DD-016). I file veri stanno nel bucket privato
+ * `profili-giocatore`: qui viaggiano solo i path.
+ */
+export type Profilo = {
+  giocatoreId: string;
+  dataNascita: string | null;
+  luogoNascita: string | null;
+  indirizzo: string | null;
+  telefono: string | null;
+  email: string | null;
+  documentoTipo: string | null;
+  documentoNumero: string | null;
+  documentoRilasciatoDa: string | null;
+  documentoEmissione: string | null;
+  documentoScadenza: string | null;
+  documentoFrontePath: string | null;
+  documentoRetroPath: string | null;
+  certificatoScadenza: string | null;
+  certificatoPath: string | null;
+  fotoPath: string | null;
+};
+
+export type RigaProfilo = {
+  giocatore_id: string;
+  data_nascita: string | null;
+  luogo_nascita: string | null;
+  indirizzo: string | null;
+  telefono: string | null;
+  email: string | null;
+  documento_tipo: string | null;
+  documento_numero: string | null;
+  documento_rilasciato_da: string | null;
+  documento_emissione: string | null;
+  documento_scadenza: string | null;
+  documento_fronte_path: string | null;
+  documento_retro_path: string | null;
+  certificato_scadenza: string | null;
+  certificato_path: string | null;
+  foto_path: string | null;
+};
+
+export const COLONNE_PROFILO =
+  "giocatore_id, data_nascita, luogo_nascita, indirizzo, telefono, email, documento_tipo, documento_numero, documento_rilasciato_da, documento_emissione, documento_scadenza, documento_fronte_path, documento_retro_path, certificato_scadenza, certificato_path, foto_path";
+
+export function profiloVuoto(giocatoreId: string): Profilo {
+  return {
+    giocatoreId,
+    dataNascita: null,
+    luogoNascita: null,
+    indirizzo: null,
+    telefono: null,
+    email: null,
+    documentoTipo: null,
+    documentoNumero: null,
+    documentoRilasciatoDa: null,
+    documentoEmissione: null,
+    documentoScadenza: null,
+    documentoFrontePath: null,
+    documentoRetroPath: null,
+    certificatoScadenza: null,
+    certificatoPath: null,
+    fotoPath: null,
+  };
+}
+
+export function daRigaProfilo(r: RigaProfilo): Profilo {
+  return {
+    giocatoreId: r.giocatore_id,
+    dataNascita: r.data_nascita,
+    luogoNascita: r.luogo_nascita,
+    indirizzo: r.indirizzo,
+    telefono: r.telefono,
+    email: r.email,
+    documentoTipo: r.documento_tipo,
+    documentoNumero: r.documento_numero,
+    documentoRilasciatoDa: r.documento_rilasciato_da,
+    documentoEmissione: r.documento_emissione,
+    documentoScadenza: r.documento_scadenza,
+    documentoFrontePath: r.documento_fronte_path,
+    documentoRetroPath: r.documento_retro_path,
+    certificatoScadenza: r.certificato_scadenza,
+    certificatoPath: r.certificato_path,
+    fotoPath: r.foto_path,
+  };
+}
+
+/** I campi vuoti tornano al database come NULL, non come stringa vuota. */
+function oNull(valore: string | null): string | null {
+  const pulito = valore?.trim();
+  return pulito ? pulito : null;
+}
+
+export function aRigaProfilo(p: Profilo): RigaProfilo {
+  return {
+    giocatore_id: p.giocatoreId,
+    data_nascita: oNull(p.dataNascita),
+    luogo_nascita: oNull(p.luogoNascita),
+    indirizzo: oNull(p.indirizzo),
+    telefono: oNull(p.telefono),
+    email: oNull(p.email),
+    documento_tipo: oNull(p.documentoTipo),
+    documento_numero: oNull(p.documentoNumero),
+    documento_rilasciato_da: oNull(p.documentoRilasciatoDa),
+    documento_emissione: oNull(p.documentoEmissione),
+    documento_scadenza: oNull(p.documentoScadenza),
+    documento_fronte_path: oNull(p.documentoFrontePath),
+    documento_retro_path: oNull(p.documentoRetroPath),
+    certificato_scadenza: oNull(p.certificatoScadenza),
+    certificato_path: oNull(p.certificatoPath),
+    foto_path: oNull(p.fotoPath),
+  };
+}
+
+/** Pesi delle sezioni del profilo (docs/modules/profilo-giocatore.md). */
+export const PESI = { dati: 30, documento: 30, certificato: 30, foto: 10 } as const;
+
+export type Sezione = keyof typeof PESI;
+
+export function sezioniComplete(p: Profilo | null | undefined): Record<Sezione, boolean> {
+  return {
+    dati: !!(p?.dataNascita && p.luogoNascita && p.indirizzo && p.telefono && p.email),
+    documento: !!(
+      p?.documentoTipo &&
+      p.documentoNumero &&
+      p.documentoScadenza &&
+      p.documentoFrontePath &&
+      p.documentoRetroPath
+    ),
+    certificato: !!(p?.certificatoScadenza && p.certificatoPath),
+    foto: !!p?.fotoPath,
+  };
+}
+
+/** Percentuale di completamento: calcolata a runtime, mai persistita (DD-007, DD-016). */
+export function completamento(p: Profilo | null | undefined): number {
+  const complete = sezioniComplete(p);
+  return (Object.keys(PESI) as Sezione[]).reduce(
+    (somma, s) => somma + (complete[s] ? PESI[s] : 0),
+    0,
+  );
+}
+
+export type StatoScadenza = "mancante" | "scaduto" | "valido";
+
+/** Un certificato scaduto blocca il tesseramento: per l'admin non vale come presente. */
+export function statoScadenza(
+  scadenza: string | null | undefined,
+  path: string | null | undefined,
+  oggi: string,
+): StatoScadenza {
+  if (!path || !scadenza) return "mancante";
+  return scadenza < oggi ? "scaduto" : "valido";
+}
+
+/** Colonne richieste dal tesseramento CSI, nell'ordine del documento di modulo. */
+const INTESTAZIONI = [
+  "Nome",
+  "Cognome",
+  "Data di nascita",
+  "Luogo di nascita",
+  "Indirizzo",
+  "Telefono",
+  "Email",
+  "Tipo documento",
+  "Numero documento",
+  "Rilasciato da",
+  "Data emissione",
+  "Data scadenza",
+];
+
+export function csvTesseramento(
+  squadra: GiocatoreSquadra[],
+  profili: Record<string, Profilo>,
+): string {
+  const righe = [rigaCsv(INTESTAZIONI)];
+  for (const g of squadra) {
+    const p = profili[g.id];
+    righe.push(
+      rigaCsv([
+        g.nome,
+        g.cognome,
+        p?.dataNascita ?? "",
+        p?.luogoNascita ?? "",
+        p?.indirizzo ?? "",
+        p?.telefono ?? "",
+        p?.email ?? "",
+        p?.documentoTipo ?? "",
+        p?.documentoNumero ?? "",
+        p?.documentoRilasciatoDa ?? "",
+        p?.documentoEmissione ?? "",
+        p?.documentoScadenza ?? "",
+      ]),
+    );
+  }
+  return righe.join("\n");
+}
+
+/** Etichetta per l'elenco della dashboard. */
+export function etichettaGiocatore(g: GiocatoreSquadra): string {
+  return `#${g.numero} ${nomeCompleto(g)}`;
+}

src/lib/profili.ts

@@ -0,0 +1,117 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { supabase } from "@/integrations/supabase/client";
+import { supabaseNuoveTabelle } from "@/integrations/supabase/client-nuove-tabelle";
+import {
+  aRigaProfilo,
+  COLONNE_PROFILO,
+  daRigaProfilo,
+  type Profilo,
+  type RigaProfilo,
+} from "./profili-core";
+
+export const PROFILI_KEY = ["profili-giocatore"] as const;
+export const BUCKET = "profili-giocatore";
+
+async function fetchProfili(): Promise<Record<string, Profilo>> {
+  const { data, error } = await supabaseNuoveTabelle
+    .from("profili_giocatore")
+    .select(COLONNE_PROFILO);
+  if (error) throw error;
+  const mappa: Record<string, Profilo> = {};
+  for (const r of (data ?? []) as RigaProfilo[]) mappa[r.giocatore_id] = daRigaProfilo(r);
+  return mappa;
+}
+
+/**
+ * Profili visibili all'utente corrente: le policy RLS decidono quanti sono — il proprio
+ * per un giocatore, tutti per un admin. Una lettura per sessione.
+ */
+export function useProfili() {
+  const query = useQuery({ queryKey: PROFILI_KEY, queryFn: fetchProfili, staleTime: 30 * 60_000 });
+  return { ...query, profili: query.data ?? {} };
+}
+
+/**
+ * I documenti stanno in un bucket privato e non hanno URL permanenti (DD-016 regola 4):
+ * ogni download passa da una signed URL che scade in un minuto.
+ */
+export async function urlFirmato(path: string): Promise<string> {
+  const { data, error } = await supabase.storage.from(BUCKET).createSignedUrl(path, 60);
+  if (error) throw error;
+  return data.signedUrl;
+}
+
+export async function scaricaFile(path: string): Promise<void> {
+  const url = await urlFirmato(path);
+  window.open(url, "_blank", "noopener,noreferrer");
+}
+
+/**
+ * Salva il profilo del giocatore. Le policy RLS lasciano scrivere solo la propria riga:
+ * il vincolo vive nel database, qui non serve ricontrollarlo.
+ */
+export function useSalvaProfilo() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (profilo: Profilo) => {
+      const { error } = await supabaseNuoveTabelle
+        .from("profili_giocatore")
+        .upsert(aRigaProfilo(profilo), { onConflict: "giocatore_id" });
+      if (error) throw error;
+      return profilo;
+    },
+    // Scrittura unica e cache aggiornata a mano, senza rilettura.
+    onSuccess: (profilo) => {
+      queryClient.setQueryData<Record<string, Profilo>>(PROFILI_KEY, (prec) => ({
+        ...(prec ?? {}),
+        [profilo.giocatoreId]: profilo,
+      }));
+    },
+  });
+}
+
+export type SezioneFile = "documento-fronte" | "documento-retro" | "certificato" | "foto";
+
+const MAX_BYTE = 8 * 1024 * 1024;
+const TIPI_AMMESSI = ["image/jpeg", "image/png", "image/webp", "application/pdf"];
+
+function estensione(nome: string): string {
+  const punto = nome.lastIndexOf(".");
+  const est = punto > 0 ? nome.slice(punto + 1).toLowerCase() : "";
+  return /^[a-z0-9]{1,5}$/.test(est) ? est : "bin";
+}
+
+/**
+ * Carica un file nella cartella del giocatore e restituisce il path da salvare sul profilo.
+ * Il controllo su tipo e dimensione sta qui perché è il confine con un file scelto
+ * dall'utente; le policy dello Storage impediscono comunque di scrivere fuori dalla
+ * propria cartella.
+ */
+export async function caricaFile(
+  giocatoreId: string,
+  sezione: SezioneFile,
+  file: File,
+  pathPrecedente?: string | null,
+): Promise<string> {
+  if (!TIPI_AMMESSI.includes(file.type)) {
+    throw new Error("Formato non ammesso: usa JPG, PNG, WEBP o PDF.");
+  }
+  if (file.size > MAX_BYTE) throw new Error("File troppo grande: massimo 8 MB.");
+
+  const path = `${giocatoreId}/${sezione}.${estensione(file.name)}`;
+  const { error } = await supabase.storage
+    .from(BUCKET)
+    .upload(path, file, { upsert: true, contentType: file.type });
+  if (error) throw error;
+
+  // Cambiando estensione il vecchio file resterebbe orfano nel bucket.
+  if (pathPrecedente && pathPrecedente !== path) {
+    await supabase.storage.from(BUCKET).remove([pathPrecedente]);
+  }
+  return path;
+}
+
+export async function rimuoviFile(path: string): Promise<void> {
+  const { error } = await supabase.storage.from(BUCKET).remove([path]);
+  if (error) throw error;
+}

src/lib/ruoli.ts

@@ -0,0 +1,44 @@
+import { useQuery } from "@tanstack/react-query";
+import { supabase } from "@/integrations/supabase/client";
+import { isAdmin as nomeInListaAdmin } from "./crapp-data";
+import { useSessione } from "./auth";
+import { useGiocatoreBase } from "./user-store";
+
+export const RUOLI_KEY = ["ruolo-admin"] as const;
+
+/**
+ * Permessi di amministrazione. La fonte è `user_roles` nel database (DD-011): la lista di
+ * nomi in `crapp-data.ts` resta solo come ponte per chi non ha ancora collegato l'account,
+ * e sparisce quando `VITE_AUTH_OBBLIGATORIA` viene acceso in produzione.
+ *
+ * ponytail: doppia fonte temporanea, si riduce a `ruoloDb` appena l'auth è obbligatoria.
+ */
+export function risolviAdmin(ruoloDb: boolean | null, giocatoreId: string | null): boolean {
+  if (ruoloDb !== null) return ruoloDb;
+  return giocatoreId ? nomeInListaAdmin(giocatoreId) : false;
+}
+
+/** `null` = nessuna sessione, quindi il database non ha una risposta da dare. */
+async function fetchRuoloAdmin(utenteId: string | null): Promise<boolean | null> {
+  if (!utenteId) return null;
+  const { data, error } = await supabase
+    .from("user_roles")
+    .select("role")
+    .eq("user_id", utenteId)
+    .eq("role", "admin")
+    .maybeSingle();
+  if (error) throw error;
+  return !!data;
+}
+
+export function useIsAdmin(): boolean {
+  const { utenteId } = useSessione();
+  const io = useGiocatoreBase();
+  // Il ruolo cambia solo quando un admin lo assegna: una lettura per sessione basta.
+  const query = useQuery({
+    queryKey: [...RUOLI_KEY, utenteId],
+    queryFn: () => fetchRuoloAdmin(utenteId),
+    staleTime: 30 * 60_000,
+  });
+  return risolviAdmin(query.data ?? null, io?.id ?? null);
+}

src/lib/scout-export.ts

@@ -1,7 +1,8 @@
 import { giocatori } from "./crapp-data";
 import { azioniMeta, totaliPerGiocatore, type ScoutMatch } from "./scout-store";
 
-function riga(campi: Array<string | number>) {
+/** Riga CSV con separatore ";" (Excel IT), riusata anche dall'export tesseramento. */
+export function rigaCsv(campi: Array<string | number>) {
   return campi
     .map((c) => {
       const testo = String(c);
@@ -13,24 +14,24 @@ function riga(campi: Array<string | number>) {
 /** Esporta la scoutizzazione di una partita in CSV (separatore ";" per Excel IT). */
 export function csvScoutMatch(match: ScoutMatch): string {
   const righe: string[] = [];
-  righe.push(riga(["Partita", match.casa ? "CRAP Volley" : match.avversario, "vs", match.casa ? match.avversario : "CRAP Volley"]));
-  righe.push(riga(["Data", match.data, "Set", `${match.setNostri}-${match.setLoro}`]));
+  righe.push(rigaCsv(["Partita", match.casa ? "CRAP Volley" : match.avversario, "vs", match.casa ? match.avversario : "CRAP Volley"]));
+  righe.push(rigaCsv(["Data", match.data, "Set", `${match.setNostri}-${match.setLoro}`]));
   righe.push("");
-  righe.push(riga(["Set", "Parziale nostro", "Parziale loro"]));
-  match.parziali.forEach((p, i) => righe.push(riga([i + 1, p[0], p[1]])));
+  righe.push(rigaCsv(["Set", "Parziale nostro", "Parziale loro"]));
+  match.parziali.forEach((p, i) => righe.push(rigaCsv([i + 1, p[0], p[1]])));
   righe.push("");
-  righe.push(riga(["Numero", "Giocatore", "Ruolo", "Punti", "Ace", "Muri", "Errori"]));
+  righe.push(rigaCsv(["Numero", "Giocatore", "Ruolo", "Punti", "Ace", "Muri", "Errori"]));
   const totali = totaliPerGiocatore(match.azioni);
   for (const g of giocatori) {
     const t = totali.get(g.id);
     if (!t) continue;
-    righe.push(riga([g.numero, g.nome, g.ruolo, t.punti, t.ace, t.muri, t.errori]));
+    righe.push(rigaCsv([g.numero, g.nome, g.ruolo, t.punti, t.ace, t.muri, t.errori]));
   }
   righe.push("");
-  righe.push(riga(["Set", "Giocatore", "Azione"]));
+  righe.push(rigaCsv(["Set", "Giocatore", "Azione"]));
   for (const a of match.azioni) {
     const g = giocatori.find((x) => x.id === a.giocatoreId);
-    righe.push(riga([a.set, g?.nome ?? "—", azioniMeta[a.tipo].label]));
+    righe.push(rigaCsv([a.set, g?.nome ?? "—", azioniMeta[a.tipo].label]));
   }
   return righe.join("\n");
 }

src/routeTree.gen.ts

@@ -10,6 +10,7 @@
 
 import { Route as rootRouteImport } from './routes/__root'
 import { Route as IndexRouteImport } from './routes/index'
+import { Route as AdminRouteImport } from './routes/admin'
 import { Route as BenvenutoRouteImport } from './routes/benvenuto'
 import { Route as CalendarioRouteImport } from './routes/calendario'
 import { Route as ClassificaRouteImport } from './routes/classifica'
@@ -31,6 +32,11 @@ const IndexRoute = IndexRouteImport.update({
   path: '/',
   getParentRoute: () => rootRouteImport,
 } as any)
+const AdminRoute = AdminRouteImport.update({
+  id: '/admin',
+  path: '/admin',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const BenvenutoRoute = BenvenutoRouteImport.update({
   id: '/benvenuto',
   path: '/benvenuto',
@@ -111,6 +117,7 @@ const ApiPublicSollecitaPresenzeRoute =
 
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
   '/benvenuto': typeof BenvenutoRoute
   '/calendario': typeof CalendarioRoute
   '/classifica': typeof ClassificaRoute
@@ -129,6 +136,7 @@ export interface FileRoutesByFullPath {
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
   '/benvenuto': typeof BenvenutoRoute
   '/calendario': typeof CalendarioRoute
   '/classifica': typeof ClassificaRoute
@@ -148,6 +156,7 @@ export interface FileRoutesByTo {
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
   '/benvenuto': typeof BenvenutoRoute
   '/calendario': typeof CalendarioRoute
   '/classifica': typeof ClassificaRoute
@@ -168,6 +177,7 @@ export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
     | '/'
+    | '/admin'
     | '/benvenuto'
     | '/calendario'
     | '/classifica'
@@ -186,6 +196,7 @@ export interface FileRouteTypes {
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
+    | '/admin'
     | '/benvenuto'
     | '/calendario'
     | '/classifica'
@@ -204,6 +215,7 @@ export interface FileRouteTypes {
   id:
     | '__root__'
     | '/'
+    | '/admin'
     | '/benvenuto'
     | '/calendario'
     | '/classifica'
@@ -223,6 +235,7 @@ export interface FileRouteTypes {
 }
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
+  AdminRoute: typeof AdminRoute
   BenvenutoRoute: typeof BenvenutoRoute
   CalendarioRoute: typeof CalendarioRoute
   ClassificaRoute: typeof ClassificaRoute
@@ -249,6 +262,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof IndexRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/admin': {
+      id: '/admin'
+      path: '/admin'
+      fullPath: '/admin'
+      preLoaderRoute: typeof AdminRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/benvenuto': {
       id: '/benvenuto'
       path: '/benvenuto'
@@ -359,6 +379,7 @@ declare module '@tanstack/react-router' {
 
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
+  AdminRoute: AdminRoute,
   BenvenutoRoute: BenvenutoRoute,
   CalendarioRoute: CalendarioRoute,
   ClassificaRoute: ClassificaRoute,

src/routes/admin.tsx

@@ -0,0 +1,280 @@
+import { useState } from "react";
+import { createFileRoute } from "@tanstack/react-router";
+import { ChevronDown, Download, FileText, IdCard, Image, Loader2, Lock } from "lucide-react";
+import { toast } from "sonner";
+import { cn } from "@/lib/utils";
+import { PageHeader, Section, StatTile } from "@/components/crapp/ui-bits";
+import { useGiocatoriSquadra, nomeCompleto } from "@/lib/giocatori-squadra";
+import { useProfili, scaricaFile } from "@/lib/profili";
+import {
+  completamento,
+  csvTesseramento,
+  sezioniComplete,
+  statoScadenza,
+  type Profilo,
+  type StatoScadenza,
+} from "@/lib/profili-core";
+import { oggiISO } from "@/lib/palloni-core";
+import { scaricaCsv } from "@/lib/scout-export";
+import { useIsAdmin } from "@/lib/ruoli";
+import { Reveal } from "@/components/motion/Reveal";
+
+export const Route = createFileRoute("/admin")({
+  head: () => ({
+    meta: [
+      { title: "Dashboard amministratore — CrAPP" },
+      {
+        name: "description",
+        content:
+          "Area riservata: stato dei profili, documenti e certificati della squadra, ed export dei dati per il tesseramento CSI.",
+      },
+      { property: "og:title", content: "Dashboard amministratore — CrAPP" },
+      {
+        property: "og:description",
+        content: "Stato dei profili della squadra ed export per il tesseramento CSI.",
+      },
+    ],
+  }),
+  component: Dashboard,
+});
+
+const statoClasse: Record<StatoScadenza | "presente" | "assente", string> = {
+  valido: "bg-success text-success-foreground",
+  presente: "bg-success text-success-foreground",
+  scaduto: "bg-destructive text-destructive-foreground",
+  mancante: "bg-secondary text-muted-foreground",
+  assente: "bg-secondary text-muted-foreground",
+};
+
+function Riga({ etichetta, valore }: { etichetta: string; valore: string | null }) {
+  return (
+    <div className="flex items-baseline justify-between gap-3 py-1 text-sm">
+      <span className="shrink-0 text-muted-foreground">{etichetta}</span>
+      <span className="truncate text-right font-medium">{valore || "—"}</span>
+    </div>
+  );
+}
+
+function Documento({
+  icona,
+  label,
+  stato,
+  path,
+}: {
+  icona: React.ReactNode;
+  label: string;
+  stato: StatoScadenza | "presente" | "assente";
+  path: string | null;
+}) {
+  const [inCorso, setInCorso] = useState(false);
+
+  async function scarica() {
+    if (!path || inCorso) return;
+    setInCorso(true);
+    try {
+      await scaricaFile(path);
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : "Download non riuscito");
+    } finally {
+      setInCorso(false);
+    }
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={scarica}
+      disabled={!path || inCorso}
+      className={cn(
+        "premi flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-bold uppercase disabled:opacity-60",
+        statoClasse[stato],
+      )}
+    >
+      {inCorso ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : icona}
+      {label}
+      {path ? <Download className="h-3 w-3" /> : null}
+    </button>
+  );
+}
+
+function SchedaGiocatore({
+  nome,
+  ruolo,
+  numero,
+  profilo,
+  oggi,
+  indice,
+}: {
+  nome: string;
+  ruolo: string;
+  numero: number;
+  profilo: Profilo | undefined;
+  oggi: string;
+  indice: number;
+}) {
+  const [aperta, setAperta] = useState(false);
+  const perc = completamento(profilo);
+  const sezioni = sezioniComplete(profilo);
+  const certificato = statoScadenza(profilo?.certificatoScadenza, profilo?.certificatoPath, oggi);
+  const fronte = statoScadenza(profilo?.documentoScadenza, profilo?.documentoFrontePath, oggi);
+  const retro = statoScadenza(profilo?.documentoScadenza, profilo?.documentoRetroPath, oggi);
+
+  return (
+    <Reveal indice={indice} className="rounded-2xl bg-card p-4 shadow-card">
+      <button
+        type="button"
+        onClick={() => setAperta((v) => !v)}
+        className="flex w-full items-center gap-3 text-left"
+      >
+        <div className="grid h-10 w-10 shrink-0 place-items-center rounded-xl bg-secondary font-display text-sm tabular-nums">
+          {numero}
+        </div>
+        <div className="min-w-0 flex-1">
+          <p className="truncate font-semibold leading-tight">{nome}</p>
+          <p className="text-xs text-muted-foreground">
+            {ruolo} · profilo {perc}%
+          </p>
+        </div>
+        <ChevronDown
+          className={cn(
+            "h-4 w-4 shrink-0 text-muted-foreground transition-transform",
+            aperta && "rotate-180",
+          )}
+        />
+      </button>
+
+      <div className="mt-3 h-1.5 overflow-hidden rounded-full bg-secondary">
+        <div
+          className="h-full rounded-full bg-accent-grad transition-all"
+          style={{ width: `${perc}%` }}
+        />
+      </div>
+
+      <div className="mt-3 flex flex-wrap gap-2">
+        <Documento
+          icona={<IdCard className="h-3.5 w-3.5" />}
+          label="Doc fronte"
+          stato={fronte}
+          path={profilo?.documentoFrontePath ?? null}
+        />
+        <Documento
+          icona={<IdCard className="h-3.5 w-3.5" />}
+          label="Doc retro"
+          stato={retro}
+          path={profilo?.documentoRetroPath ?? null}
+        />
+        <Documento
+          icona={<FileText className="h-3.5 w-3.5" />}
+          label="Certificato"
+          stato={certificato}
+          path={profilo?.certificatoPath ?? null}
+        />
+        <Documento
+          icona={<Image className="h-3.5 w-3.5" />}
+          label="Foto"
+          stato={sezioni.foto ? "presente" : "assente"}
+          path={profilo?.fotoPath ?? null}
+        />
+      </div>
+
+      {aperta ? (
+        <div className="mt-3 border-t border-border pt-3">
+          <Riga etichetta="Data di nascita" valore={profilo?.dataNascita ?? null} />
+          <Riga etichetta="Luogo di nascita" valore={profilo?.luogoNascita ?? null} />
+          <Riga etichetta="Indirizzo" valore={profilo?.indirizzo ?? null} />
+          <Riga etichetta="Telefono" valore={profilo?.telefono ?? null} />
+          <Riga etichetta="Email" valore={profilo?.email ?? null} />
+          <Riga
+            etichetta="Documento"
+            valore={
+              profilo?.documentoNumero
+                ? `${profilo.documentoTipo ?? ""} ${profilo.documentoNumero}`.trim()
+                : null
+            }
+          />
+          <Riga etichetta="Rilasciato da" valore={profilo?.documentoRilasciatoDa ?? null} />
+          <Riga etichetta="Scadenza documento" valore={profilo?.documentoScadenza ?? null} />
+          <Riga etichetta="Scadenza certificato" valore={profilo?.certificatoScadenza ?? null} />
+        </div>
+      ) : null}
+    </Reveal>
+  );
+}
+
+function Dashboard() {
+  const admin = useIsAdmin();
+  const { righe: squadra } = useGiocatoriSquadra();
+  const { profili, isPending } = useProfili();
+  const oggi = oggiISO();
+
+  if (!admin) {
+    return (
+      <>
+        <PageHeader titolo="Dashboard" sottotitolo="Area riservata" />
+        <div className="px-5 pt-4">
+          <p className="flex items-center justify-center gap-2 rounded-3xl bg-card p-5 text-center text-sm text-muted-foreground shadow-card">
+            <Lock className="h-4 w-4 shrink-0" />
+            Riservata agli amministratori della squadra.
+          </p>
+        </div>
+      </>
+    );
+  }
+
+  const attivi = squadra.filter((g) => g.attivo);
+  const completi = attivi.filter((g) => completamento(profili[g.id]) === 100).length;
+  const certificatiOk = attivi.filter(
+    (g) =>
+      statoScadenza(profili[g.id]?.certificatoScadenza, profili[g.id]?.certificatoPath, oggi) ===
+      "valido",
+  ).length;
+
+  return (
+    <>
+      <PageHeader titolo="Dashboard" sottotitolo="Profili e tesseramento" />
+
+      <Section titolo="Squadra">
+        <div className="grid grid-cols-3 gap-2">
+          <StatTile valore={attivi.length} label="Giocatori" />
+          <StatTile valore={`${completi}/${attivi.length}`} label="Profili completi" />
+          <StatTile
+            valore={`${certificatiOk}/${attivi.length}`}
+            label="Certificati validi"
+            hint="non scaduti"
+          />
+        </div>
+        <button
+          type="button"
+          onClick={() =>
+            scaricaCsv(`tesseramento-csi-${oggi}.csv`, csvTesseramento(attivi, profili))
+          }
+          className="premi mt-3 flex w-full items-center justify-center gap-2 rounded-2xl bg-accent-grad py-3 text-sm font-bold uppercase text-accent-foreground shadow-pop"
+        >
+          <Download className="h-4 w-4" /> Esporta CSV tesseramento
+        </button>
+      </Section>
+
+      <Section titolo="Profili" indice={1}>
+        {isPending ? (
+          <p className="rounded-2xl bg-card p-5 text-center text-sm text-muted-foreground shadow-card">
+            Caricamento…
+          </p>
+        ) : (
+          <div className="space-y-3">
+            {attivi.map((g, i) => (
+              <SchedaGiocatore
+                key={g.id}
+                nome={nomeCompleto(g)}
+                ruolo={g.ruolo}
+                numero={g.numero}
+                profilo={profili[g.id]}
+                oggi={oggi}
+                indice={i}
+              />
+            ))}
+          </div>
+        )}
+      </Section>
+    </>
+  );
+}

src/routes/benvenuto.tsx

@@ -1,7 +1,18 @@
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
+import { LogIn } from "lucide-react";
+import { toast } from "sonner";
 import { TeamLogo } from "@/components/crapp/ui-bits";
 import { giocatori } from "@/lib/crapp-data";
+import { accediConGoogle, authObbligatoria, useSessione } from "@/lib/auth";
+import {
+  nomeCompleto,
+  slotDi,
+  slotLiberi,
+  useCollegaGiocatore,
+  useGiocatoriSquadra,
+  type GiocatoreSquadra,
+} from "@/lib/giocatori-squadra";
 import { impostaGiocatore, useGiocatoreCorrente } from "@/lib/user-store";
 
 export const Route = createFileRoute("/benvenuto")({
@@ -10,27 +21,89 @@ export const Route = createFileRoute("/benvenuto")({
       { title: "Benvenuto — CrAPP DEVELOP" },
       {
         name: "description",
-        content: "Seleziona il tuo profilo giocatore per iniziare.",
+        content: "Accedi e collega il tuo profilo giocatore per iniziare.",
       },
       { property: "og:title", content: "Benvenuto — CrAPP DEVELOP" },
       {
         property: "og:description",
-        content: "Seleziona il tuo profilo giocatore per iniziare.",
+        content: "Accedi e collega il tuo profilo giocatore per iniziare.",
       },
     ],
   }),
   component: Benvenuto,
 });
 
+function Scheda({
+  titolo,
+  sottotitolo,
+  onClick,
+  iniziali,
+}: {
+  titolo: string;
+  sottotitolo: string;
+  onClick: () => void;
+  iniziali: string;
+}) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className="flex w-full items-center gap-4 rounded-2xl bg-card p-4 shadow-card transition-transform active:scale-[0.98]"
+    >
+      <div className="grid h-12 w-12 shrink-0 place-items-center rounded-xl bg-secondary font-display text-lg">
+        {iniziali}
+      </div>
+      <div className="min-w-0 flex-1 text-left">
+        <p className="font-semibold leading-tight">{titolo}</p>
+        <p className="text-xs text-muted-foreground">{sottotitolo}</p>
+      </div>
+    </button>
+  );
+}
+
 function Benvenuto() {
   const navigate = useNavigate();
   const giocatore = useGiocatoreCorrente();
+  const { pronta, utenteId } = useSessione();
+  const { righe } = useGiocatoriSquadra();
+  const collega = useCollegaGiocatore();
+  const [inCorso, setInCorso] = useState(false);
+
+  const mioSlot = slotDi(righe, utenteId);
+  // Con l'auth obbligatoria si entra solo da loggati; finché non lo è, la selezione
+  // diretta resta come ponte per chi non ha ancora collegato l'account (DD-011).
+  const puoEntrare = !!giocatore && (!!utenteId || !authObbligatoria());
 
   useEffect(() => {
-    if (giocatore) {
-      navigate({ to: "/" });
+    if (puoEntrare) navigate({ to: "/" });
+  }, [puoEntrare, navigate]);
+
+  // L'account è già collegato a uno slot: nessuna scelta da fare.
+  useEffect(() => {
+    if (mioSlot) impostaGiocatore(mioSlot.id);
+  }, [mioSlot]);
+
+  async function accedi() {
+    setInCorso(true);
+    try {
+      await accediConGoogle();
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : "Accesso non riuscito");
+      setInCorso(false);
     }
-  }, [giocatore, navigate]);
+  }
+
+  async function reclama(g: GiocatoreSquadra) {
+    if (!utenteId) return;
+    try {
+      await collega.mutateAsync({ giocatoreId: g.id, utenteId });
+      impostaGiocatore(g.id);
+    } catch {
+      toast.error("Profilo già collegato a un altro account. Chiedi a un amministratore.");
+    }
+  }
+
+  const liberi = slotLiberi(righe);
 
   return (
     <div className="flex min-h-screen flex-col items-center justify-center px-6 py-12">
@@ -38,29 +111,63 @@ function Benvenuto() {
       <h1 className="mt-6 text-center font-display text-4xl uppercase leading-none">
         Benvenuto in CrAPP DEVELOP
       </h1>
-      <p className="mt-2 text-center text-sm text-muted-foreground">
-        Seleziona chi sei per personalizzare l'app.
-      </p>
-      <div className="mt-8 w-full max-w-sm space-y-2">
-        {giocatori.map((g) => (
+
+      {!pronta ? null : !utenteId ? (
+        <>
+          <p className="mt-2 text-center text-sm text-muted-foreground">
+            Accedi con il tuo account Google per collegare il profilo giocatore.
+          </p>
           <button
-            key={g.id}
             type="button"
-            onClick={() => impostaGiocatore(g.id)}
-            className="flex w-full items-center gap-4 rounded-2xl bg-card p-4 shadow-card transition-transform active:scale-[0.98]"
+            onClick={accedi}
+            disabled={inCorso}
+            className="premi mt-8 flex w-full max-w-sm items-center justify-center gap-2 rounded-2xl bg-accent-grad py-3.5 text-sm font-bold uppercase text-accent-foreground shadow-pop disabled:opacity-60"
           >
-            <div className="grid h-12 w-12 shrink-0 place-items-center rounded-xl bg-secondary font-display text-lg">
-              {g.iniziali}
-            </div>
-            <div className="min-w-0 flex-1 text-left">
-              <p className="font-semibold leading-tight">{g.nome}</p>
-              <p className="text-xs text-muted-foreground">
-                #{g.numero} · {g.ruolo}
-              </p>
-            </div>
+            <LogIn className="h-4 w-4" /> Accedi con Google
           </button>
-        ))}
-      </div>
+
+          {authObbligatoria() ? null : (
+            <div className="mt-10 w-full max-w-sm">
+              <p className="mb-3 text-center text-xs text-muted-foreground">
+                Oppure entra scegliendo il tuo nome, come prima.
+              </p>
+              <div className="space-y-2">
+                {giocatori.map((g) => (
+                  <Scheda
+                    key={g.id}
+                    titolo={g.nome}
+                    sottotitolo={`#${g.numero} · ${g.ruolo}`}
+                    iniziali={g.iniziali}
+                    onClick={() => impostaGiocatore(g.id)}
+                  />
+                ))}
+              </div>
+            </div>
+          )}
+        </>
+      ) : (
+        <>
+          <p className="mt-2 text-center text-sm text-muted-foreground">
+            Sei entrato. Scegli il tuo nome: resterà collegato a questo account.
+          </p>
+          <div className="mt-8 w-full max-w-sm space-y-2">
+            {liberi.map((g) => (
+              <Scheda
+                key={g.id}
+                titolo={nomeCompleto(g)}
+                sottotitolo={`#${g.numero} · ${g.ruolo}`}
+                iniziali={`${g.nome[0] ?? ""}${g.cognome[0] ?? ""}`.toUpperCase()}
+                onClick={() => void reclama(g)}
+              />
+            ))}
+            {liberi.length === 0 ? (
+              <p className="rounded-2xl bg-card p-4 text-center text-sm text-muted-foreground shadow-card">
+                Nessun profilo libero: chiedi a un amministratore di collegarti.
+              </p>
+            ) : null}
+          </div>
+        </>
+      )}
     </div>
   );
 }

src/routes/calendario.tsx

@@ -5,9 +5,9 @@ import { Link } from "@tanstack/react-router";
 import { cn } from "@/lib/utils";
 import { EventoCard, linkPerEvento } from "@/components/crapp/EventoCard";
 import { PageHeader, Section } from "@/components/crapp/ui-bits";
-import { isAdmin } from "@/lib/crapp-data";
 import { compleanniEventi, useEventi, type Evento } from "@/lib/eventi";
 import { useGiocatoreCorrente } from "@/lib/user-store";
+import { useIsAdmin } from "@/lib/ruoli";
 import {
   Drawer,
   DrawerClose,
@@ -97,6 +97,7 @@ function Calendario() {
   const [giornoSelezionato, setGiornoSelezionato] = useState<number | null>(null);
   const [drawerAperto, setDrawerAperto] = useState(false);
   const io = useGiocatoreCorrente();
+  const admin = useIsAdmin();
   const { eventi } = useEventi();
   const { anno, mese, precedente, successivo } = useMeseNav();
   const { giorni, offsetLunedi } = giorniDelMese(anno, mese);
@@ -245,7 +246,7 @@ function Calendario() {
         </Section>
       ) : null}
 
-      {io && isAdmin(io.id) ? (
+      {admin ? (
         <div className="px-5 pt-4">
           <Link
             to="/eventi"

src/routes/eventi.tsx

@@ -4,7 +4,7 @@ import { ArrowLeft, CalendarPlus, Loader2, Pencil, Trash2 } from "lucide-react";
 import { toast } from "sonner";
 import { cn } from "@/lib/utils";
 import { PageHeader, Section } from "@/components/crapp/ui-bits";
-import { formatData, giocatori, isAdmin } from "@/lib/crapp-data";
+import { formatData, giocatori } from "@/lib/crapp-data";
 import {
   categoriaEvento,
   daCategoria,
@@ -16,6 +16,7 @@ import {
   type Evento,
 } from "@/lib/eventi";
 import { useGiocatoreCorrente } from "@/lib/user-store";
+import { useIsAdmin } from "@/lib/ruoli";
 
 export const Route = createFileRoute("/eventi")({
   head: () => ({
@@ -47,12 +48,13 @@ const tipi: Array<{ id: CategoriaEvento; label: string }> = [
 
 function GestioneEventi() {
   const io = useGiocatoreCorrente();
+  const admin = useIsAdmin();
   const { eventi, isPending } = useEventi();
   const salva = useSalvaEvento();
   const elimina = useEliminaEvento();
   const [bozza, setBozza] = useState<Evento | null>(null);
 
-  if (!io || !isAdmin(io.id)) {
+  if (!io || !admin) {
     return (
       <>
         <PageHeader titolo="Gestione eventi" sottotitolo="Area riservata" />

src/routes/index.tsx

@@ -4,6 +4,7 @@ import { EventoCard, linkPerEvento } from "@/components/crapp/EventoCard";
 import { PromemoriaPalloni } from "@/components/crapp/PromemoriaPalloni";
 import { ScoutEntry } from "@/components/crapp/ScoutEntry";
 import { Section, StatTile, TeamLogo } from "@/components/crapp/ui-bits";
+import { CompletaProfilo } from "@/components/crapp/ProfiloAmministrativo";
 import { Reveal } from "@/components/motion/Reveal";
 import { Barra } from "@/components/motion/Barra";
 import { Numero } from "@/components/motion/Numero";
@@ -24,7 +25,8 @@ export const Route = createFileRoute("/")({
       { property: "og:title", content: "CrAPP — L'app del CRAP Volley" },
       {
         property: "og:description",
-        content: "Convocazioni, presenze, statistiche e classifica del CRAP Volley in un'unica app mobile.",
+        content:
+          "Convocazioni, presenze, statistiche e classifica del CRAP Volley in un'unica app mobile.",
       },
     ],
   }),
@@ -105,6 +107,8 @@ function Index() {
         </div>
       </Section>
 
+      <CompletaProfilo giocatoreId={giocatore.id} indice={2} />
+
       <Section titolo="Da confermare" indice={2}>
         <div className="space-y-3">
           {prossimi.slice(1).map((e) => {
@@ -155,25 +159,29 @@ function Index() {
         titolo="Obiettivo di squadra"
         indice={4}
         azione={
-          <Link to="/squadra" className="inline-flex items-center text-xs font-semibold text-accent">
+          <Link
+            to="/squadra"
+            className="inline-flex items-center text-xs font-semibold text-accent"
+          >
             Tutti <ChevronRight className="h-3 w-3" />
           </Link>
         }
       >
         {obiettivo ? (
-        <div className="premi rounded-3xl bg-card p-4 shadow-card">
-          <div className="flex items-center gap-2 text-sm font-bold">
-            <span className="text-base leading-none">{obiettivo.emoji}</span> {obiettivo.titolo}
+          <div className="premi rounded-3xl bg-card p-4 shadow-card">
+            <div className="flex items-center gap-2 text-sm font-bold">
+              <span className="text-base leading-none">{obiettivo.emoji}</span> {obiettivo.titolo}
+            </div>
+            <Barra percentuale={progressoObiettivo(obiettivo)} trackClassName="mt-3" />
+            <p className="mt-2 text-xs text-muted-foreground">
+              Siamo al <Numero valore={progressoObiettivo(obiettivo)} suffisso="%" /> —{" "}
+              {obiettivo.valore}/{obiettivo.target} {obiettivo.unita}.
+            </p>
+            <p className="mt-1 text-xs font-semibold text-accent">
+              {microcopyObiettivo(obiettivo)}
+            </p>
+            <p className="mt-1 text-[11px] text-muted-foreground">{obiettivo.impatto}</p>
           </div>
-          <Barra percentuale={progressoObiettivo(obiettivo)} trackClassName="mt-3" />
-          <p className="mt-2 text-xs text-muted-foreground">
-            Siamo al <Numero valore={progressoObiettivo(obiettivo)} suffisso="%" /> —{" "}
-            {obiettivo.valore}/{obiettivo.target}{" "}
-            {obiettivo.unita}.
-          </p>
-          <p className="mt-1 text-xs font-semibold text-accent">{microcopyObiettivo(obiettivo)}</p>
-          <p className="mt-1 text-[11px] text-muted-foreground">{obiettivo.impatto}</p>
-        </div>
         ) : null}
       </Section>
 

src/routes/partita.$id.tsx

@@ -2,13 +2,14 @@ import { createFileRoute, Link } from "@tanstack/react-router";
 import { ArrowLeft, MapPin, Clock, Users, Trophy, Swords, Download } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { PageHeader, Section } from "@/components/crapp/ui-bits";
-import { storicoMatch, formatData, giocatori, isAdmin } from "@/lib/crapp-data";
+import { storicoMatch, formatData, giocatori } from "@/lib/crapp-data";
 import { convocatiEvento, useEvento } from "@/lib/eventi";
 import { Pagelle } from "@/components/crapp/Pagelle";
 import { SondaggioCacche } from "@/components/crapp/SondaggioCacche";
 import { useScoutMatches, totaliPerGiocatore, totaliSquadra } from "@/lib/scout-store";
 import { csvScoutMatch, scaricaCsv } from "@/lib/scout-export";
 import { useGiocatoreCorrente } from "@/lib/user-store";
+import { useIsAdmin } from "@/lib/ruoli";
 import { VotazioneMvp } from "@/components/crapp/VotazioneMvp";
 import { VotoSocial } from "@/components/crapp/VotoSocial";
 import { TurnoPalloni } from "@/components/crapp/TurnoPalloni";
@@ -36,6 +37,7 @@ function PartitaDetail() {
   const { id } = Route.useParams();
   const { evento } = useEvento(id);
   const io = useGiocatoreCorrente();
+  const admin = useIsAdmin();
   const scoutMatches = useScoutMatches();
   const { risposte } = usePresenzeEvento(id);
   const presentiVeri = giocatori.filter(
@@ -224,7 +226,7 @@ function PartitaDetail() {
                 );
               })}
             </div>
-            {io && isAdmin(io.id) ? (
+            {admin ? (
               <button
                 type="button"
                 onClick={() => scaricaCsv(`scout-${scout.data}-${scout.avversario}.csv`, csvScoutMatch(scout))}

src/routes/profilo.tsx

@@ -1,13 +1,14 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, Link } from "@tanstack/react-router";
 import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
-import { Flame, Camera, Users, Trash2, Bell } from "lucide-react";
+import { Flame, Camera, Users, Trash2, Bell, LogOut, ShieldCheck } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { PageHeader, Section, StatTile } from "@/components/crapp/ui-bits";
 import { Avatar } from "@/components/crapp/Avatar";
 import { fileToAvatar, salvaAvatar, rimuoviAvatar, useAvatar } from "@/lib/avatar-store";
 import { SerieGriglia } from "@/components/crapp/SerieCard";
 import { CollezioneBadge } from "@/components/crapp/CollezioneBadge";
+import { ProfiloAmministrativo } from "@/components/crapp/ProfiloAmministrativo";
 import { useVotiSocial } from "@/lib/badge-social";
 import { useIo } from "@/lib/rosa";
 import { usePresenzeUltimoMese } from "@/lib/presenze-mese";
@@ -18,6 +19,8 @@ import {
   statoNotifiche,
 } from "@/lib/push-client";
 import { resetGiocatore } from "@/lib/user-store";
+import { esci, useSessione } from "@/lib/auth";
+import { useIsAdmin } from "@/lib/ruoli";
 import { Reveal } from "@/components/motion/Reveal";
 
 export const Route = createFileRoute("/profilo")({
@@ -38,6 +41,8 @@ export const Route = createFileRoute("/profilo")({
 function Profilo() {
   const votiSocial = useVotiSocial();
   const g = useIo();
+  const admin = useIsAdmin();
+  const { sessione } = useSessione();
   const ultimoMese = usePresenzeUltimoMese(g?.id);
   const inputRef = useRef<HTMLInputElement>(null);
   const foto = useAvatar(g?.id);
@@ -72,6 +77,15 @@ function Profilo() {
     }
   }
 
+  async function logout() {
+    try {
+      await esci();
+      resetGiocatore();
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : "Uscita non riuscita");
+    }
+  }
+
   const percPresenze = Math.round((g.presenze / g.totaliEventi) * 100);
 
   async function onFile(e: React.ChangeEvent<HTMLInputElement>) {
@@ -168,6 +182,8 @@ function Profilo() {
         <CollezioneBadge g={g} votiSocial={votiSocial.data ?? []} />
       </Section>
 
+      <ProfiloAmministrativo giocatoreId={g.id} indice={4} />
+
       <Section titolo="Impostazioni">
         <div className="divide-y divide-border overflow-hidden rounded-3xl bg-card shadow-card">
           <button
@@ -203,6 +219,15 @@ function Profilo() {
               </label>
             ),
           )}
+          {admin ? (
+            <Link
+              to="/admin"
+              className="flex w-full items-center justify-between gap-3 px-4 py-3 text-sm transition-colors hover:bg-accent/5"
+            >
+              <span className="min-w-0 truncate">Dashboard amministratore</span>
+              <ShieldCheck className="h-4 w-4 text-muted-foreground" />
+            </Link>
+          ) : null}
           <button
             type="button"
             onClick={() => resetGiocatore()}
@@ -211,6 +236,16 @@ function Profilo() {
             <span className="min-w-0 truncate">Cambia giocatore</span>
             <Users className="h-4 w-4 text-muted-foreground" />
           </button>
+          {sessione ? (
+            <button
+              type="button"
+              onClick={logout}
+              className="flex w-full items-center justify-between gap-3 px-4 py-3 text-sm transition-colors hover:bg-accent/5"
+            >
+              <span className="min-w-0 truncate">Esci</span>
+              <LogOut className="h-4 w-4 text-muted-foreground" />
+            </button>
+          ) : null}
         </div>
       </Section>
     </>

src/routes/scout.tsx

@@ -3,9 +3,10 @@ import { createFileRoute, useNavigate } from "@tanstack/react-router";
 import { Undo2, Save, CheckCircle2, Radio, Lock, CalendarX2, LogOut } from "lucide-react";
 import { toast } from "sonner";
 import { cn } from "@/lib/utils";
-import { giocatori, formatData, isAdmin } from "@/lib/crapp-data";
+import { giocatori, formatData } from "@/lib/crapp-data";
 import type { Evento } from "@/lib/eventi";
 import { useGiocatoreCorrente } from "@/lib/user-store";
+import { useIsAdmin } from "@/lib/ruoli";
 import { usePresenzeEvento } from "@/lib/presenze";
 import {
   statoIniziale,
@@ -70,6 +71,7 @@ function Blocco({ icona, titolo, testo, children }: { icona: React.ReactNode; ti
 function Scout() {
   const { pronto, partita } = usePartitaDiOggi();
   const io = useGiocatoreCorrente();
+  const admin = useIsAdmin();
   const sessione = useSessioneScout(partita?.id ?? null);
   const statoSalvato = useStatoScout(partita?.id ?? null);
   const apri = useApriSessioneScout();
@@ -88,7 +90,7 @@ function Scout() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [controllo, partita?.id, io?.id]);
 
-  if (io && !isAdmin(io.id)) {
+  if (io && !admin) {
     return (
       <Blocco
         icona={<Lock className="h-6 w-6" />}