{it ? "Se cambi l'email, Supabase manda un link di conferma sia al vecchio sia al nuovo indirizzo: il cambio vale dopo il clic." : "Changing the email sends confirmation links to both addresses."}
{profMsg && !profMsg.ok && (
{profMsg.testo}
)}
)}
{/* conferma dopo la chiusura della card (svanisce da sola) */}
{!profOpen && profMsg && profMsg.ok && (
{it
? "Patente nautica, visita medica e certificati dell'equipaggio contengono dati relativi alla salute: per conservarli serve il tuo consenso esplicito (art. 9, par. 2, lett. a GDPR)."
: "Licenses, medical certificates and crew papers contain health data: storing them requires your explicit consent (art. 9(2)(a) GDPR)."}
{it ? "Il cloud è in attivazione su questo ambiente. Riprova tra poco." : "The cloud is being activated on this environment. Try again shortly."}
)}
{errore && !tabellaAssente && (
{errore}
)}
{/* coda di archiviazione */}
{coda.length > 0 &&
{coda.map(schedaCoda)}
}
{/* dropzone esplicita: il trascinamento deve VEDERSI, non solo esserci */}
{sezione === "documenti" && !ricerca && (
fileRef.current && fileRef.current.click()}
onKeyDown={e => { if (e.key === "Enter") fileRef.current && fileRef.current.click(); }}>
{it ? "Trascina qui i tuoi documenti" : "Drop your documents here"}
{it ? " o clicca per sceglierli — l'AI li legge, trova le scadenze e li archivia da sola" : " or click to choose — the AI reads and files them automatically"}
}
{/* risultati di ricerca (piatti, con categoria) — nascosti mentre c'è una risposta AI:
per una domanda ("quanto ho speso...") lo "0 risultati" confonde e basta */}
{ricerca && docs !== null && !qa && (
{it ? "Inizia dal primo documento" : "Start with your first document"}
{it ? "Trascina qui la polizza o la licenza di navigazione: al resto pensa l'AI." : "Drop your insurance or navigation license here: the AI does the rest."}
{it ? "Vuota. Trascina qui un documento: se appartiene a un'altra categoria, l'AI lo sistemerà comunque al posto giusto." : "Empty. Drop a document here: the AI will file it where it belongs."}
)}
)}
{/* disclaimer legale: copie di cortesia, mai sostitutive degli originali a bordo */}
{it
? "Le copie conservate su SeaVin Cloud sono copie di cortesia a fini organizzativi: non sostituiscono gli originali né le copie autentiche che la legge richiede di tenere a bordo (art. 23 cod. nautica da diporto). Le scadenze lette dall'AI sono un aiuto alla compilazione e vanno sempre verificate sul documento."
: "Copies stored on SeaVin Cloud are courtesy copies for organisational purposes: they do not replace the originals or certified copies the law requires to be kept on board. AI-read expiry dates are an aid and must always be checked against the document."}
);
}
/* ── Vista Spese: registro auto-compilato dalle fatture + grafico annuale ──
Le righe nascono da sole quando l'AI riconosce una fattura all'upload
(salva() in CloudDocs) o a mano dal modulo in fondo. Le voci su cui l'AI
era incerta arrivano con da_confermare=true e si confermano qui. */
const SPESE_CATS = [
["ormeggio", "Ormeggio"], ["manutenzione", "Manutenzione"], ["assicurazione", "Assicurazione"],
["carburante", "Carburante"], ["cantiere", "Cantiere"], ["tasse", "Tasse"],
["accessori", "Accessori"], ["altro", "Altro"],
];
const MESI_IT = ["gen", "feb", "mar", "apr", "mag", "giu", "lug", "ago", "set", "ott", "nov", "dic"];
function SpeseView({ client, it, versione, apriFile }) {
const [righe, setRighe] = useState(null); // null = caricamento
const [errore, setErrore] = useState(null);
const [anno, setAnno] = useState(new Date().getFullYear());
const [nuova, setNuova] = useState({ data: "", fornitore: "", importo: "", categoria: "altro" });
const [busy, setBusy] = useState(false);
const annoToccato = useRef(false); // se l'utente sceglie un anno, non glielo cambiamo più noi
const carica = async () => {
try {
const { data, error } = await client.from("spese")
.select("*, documenti(titolo, file_path)")
.order("data", { ascending: false });
if (error) throw error;
setErrore(null); setRighe(data || []);
// una fattura vecchia (es. 2025) finirebbe sotto un anno che non stai guardando:
// se l'anno corrente è vuoto ma ci sono spese altrove, la vista salta lì da sola
if (!annoToccato.current && data && data.length) {
const anniConDati = data.map(r => Number((r.data || "").slice(0, 4))).filter(Boolean);
if (anniConDati.length && !anniConDati.includes(anno)) setAnno(Math.max(...anniConDati));
}
try { localStorage.setItem("seavin.cloud.spese", JSON.stringify(data || [])); } catch (e) {}
} catch (e) {
let snap = null;
try { snap = JSON.parse(localStorage.getItem("seavin.cloud.spese") || "null"); } catch (e2) {}
if (snap && !navigator.onLine) { setErrore(null); setRighe(snap); }
else { setErrore(e.message || String(e)); setRighe([]); }
}
};
useEffect(() => { carica(); /* eslint-disable-next-line */ }, [versione]);
const eur = (n) => "€ " + Number(n || 0).toLocaleString("it-IT", { minimumFractionDigits: Number(n) % 1 ? 2 : 0, maximumFractionDigits: 2 });
const catSpesaLabel = (k) => (SPESE_CATS.find(c => c[0] === k) || ["", k])[1];
const schemaAssente = errore && /spese|relation|schema|permission/i.test(errore) && (righe || []).length === 0;
const oggi = new Date();
const anni = Array.from(new Set([oggi.getFullYear(), ...(righe || []).map(r => Number((r.data || "").slice(0, 4))).filter(Boolean)])).sort((a, b) => b - a);
const delAnno = (righe || []).filter(r => (r.data || "").slice(0, 4) === String(anno));
const confermate = delAnno.filter(r => !r.da_confermare);
const sospese = delAnno.filter(r => r.da_confermare);
const totale = confermate.reduce((s, r) => s + Number(r.importo || 0), 0);
const mesiTrascorsi = anno === oggi.getFullYear() ? oggi.getMonth() + 1 : 12;
const perMese = MESI_IT.map((_, i) => confermate
.filter(r => Number((r.data || "").slice(5, 7)) === i + 1)
.reduce((s, r) => s + Number(r.importo || 0), 0));
const maxMese = Math.max(1, ...perMese);
const perCat = SPESE_CATS
.map(([k, label]) => [label, confermate.filter(r => r.categoria === k).reduce((s, r) => s + Number(r.importo || 0), 0)])
.filter(([, v]) => v > 0)
.sort((a, b) => b[1] - a[1]);
const conferma = async (r, valore) => {
const imp = Number(String(valore).replace(",", "."));
if (!imp || imp <= 0) return;
await client.from("spese").update({ importo: imp, da_confermare: false }).eq("id", r.id);
await carica();
};
const eliminaSpesa = async (r) => {
if (!window.confirm(it ? "Eliminare questa voce di spesa?" : "Delete this expense?")) return;
await client.from("spese").delete().eq("id", r.id);
await carica();
};
const aggiungi = async () => {
const imp = Number(String(nuova.importo).replace(",", "."));
if (!imp || imp <= 0) return;
setBusy(true);
try {
const { data: userData } = await client.auth.getUser();
const uid = userData && userData.user && userData.user.id;
if (!uid) throw new Error(it ? "Sessione scaduta: rientra." : "Session expired.");
const esito = await client.from("spese").insert({
user_id: uid, data: nuova.data || new Date().toISOString().slice(0, 10),
fornitore: nuova.fornitore.trim().slice(0, 120) || null,
categoria: nuova.categoria, importo: Math.round(imp * 100) / 100,
});
if (esito.error) throw esito.error;
setNuova({ data: "", fornitore: "", importo: "", categoria: "altro" });
await carica();
} catch (e) { setErrore(e.message || String(e)); }
setBusy(false);
};
const rigaSpesa = (r) => (
{it ? "La vista Spese si attiva con l'aggiornamento dello schema: esegui di nuovo db/cloud_schema.sql nel SQL Editor di Supabase (è rilanciabile senza danni)." : "The Expenses view needs the updated schema: re-run db/cloud_schema.sql in the Supabase SQL Editor."}
{perMese.map((v, i) => {
const corrente = anno === oggi.getFullYear() && i === oggi.getMonth();
return (
{MESI_IT[i]} · {eur(v)}{MESI_IT[i]}
);
})}
{it ? "Per categoria" : "By category"}
{perCat.length === 0 &&
{it ? "Ancora nessuna spesa quest'anno." : "No expenses yet this year."}
}
{perCat.map(([label, v]) => (
{label}{eur(v)}
))}
{it ? "Ultime spese" : "Latest expenses"}
{delAnno.length === 0 && (
{it ? "Trascina una fattura nell'archivio: importo e categoria si registrano da soli." : "Drop an invoice in the vault: amount and category are logged automatically."}
);
}
/* ── Le mie barche: profilo + "oggi vale…" (stima AI di mercato) ── */
function BarcheView({ it, reports }) {
const client = window.SeaVAuth && window.SeaVAuth.client;
const [barche, setBarche] = useState(null);
const [errore, setErrore] = useState(null);
const [nuova, setNuova] = useState({ nome: "", cantiere: "", modello: "", anno: "", lunghezza: "" });
const [busy, setBusy] = useState(false);
const [valutando, setValutando] = useState(null); // id della barca in valutazione
const [abbonato, setAbbonato] = useState(CLOUD_ANTEPRIMA); // la rivalutazione periodica è dell'abbonamento Cloud
useEffect(() => {
if (CLOUD_ANTEPRIMA) return; // test: tutti abbonati (⚠ go-live: togliere il flag)
(async () => {
try {
const { data } = await client.from("abbonamenti").select("attivo,scade_il");
const ab = data && data[0];
setAbbonato(!!(ab && ab.attivo && (!ab.scade_il || new Date(ab.scade_il) > new Date())));
} catch (e) { setAbbonato(false); }
})();
// eslint-disable-next-line
}, []);
const carica = async () => {
try {
const { data, error } = await client.from("barche").select("*").order("creato_il", { ascending: false });
if (error) throw error;
setErrore(null); setBarche(data || []);
} catch (e) { setErrore(e.message || String(e)); setBarche([]); }
};
useEffect(() => { carica(); /* eslint-disable-next-line */ }, []);
const eur = (n) => "€ " + Math.round(Number(n)).toLocaleString("it-IT");
const schemaAssente = errore && /barche|relation|schema|permission/i.test(errore) && (barche || []).length === 0;
const giorniDa = (ts) => ts ? Math.floor((Date.now() - new Date(ts).getTime()) / 86400000) : null;
/* Le barche dei report richiesti entrano da sole (una volta): dedup per
report_id e per cantiere+modello; se eliminata, non torna (localStorage). */
useEffect(() => {
if (!reports || !reports.length || barche === null || schemaAssente) return;
(async () => {
let fatte = [];
try { fatte = JSON.parse(localStorage.getItem("seavin.barche.importate") || "[]"); } catch (e) {}
const candidati = reports.filter(r => r.builder && r.model && !fatte.includes(r.id)
&& !barche.some(x => x.report_id === r.id
|| `${x.cantiere} ${x.modello}`.toLowerCase() === `${r.builder} ${r.model}`.toLowerCase()));
if (!candidati.length) return;
const { data: u } = await client.auth.getUser();
const uid = u && u.user && u.user.id;
if (!uid) return;
let aggiunta = null;
for (const r of candidati.slice(0, 3)) {
const ins = await client.from("barche").insert({
user_id: uid, cantiere: r.builder, modello: r.model,
anno: Number(r.year) >= 1900 ? Number(r.year) : null, report_id: r.id,
}).select("*").single();
if (!ins.error) { fatte.push(r.id); if (!aggiunta) aggiunta = ins.data; }
else if (/report_id|barche|relation/i.test(ins.error.message || "")) return; // schema vecchio: niente import
}
try { localStorage.setItem("seavin.barche.importate", JSON.stringify(fatte)); } catch (e) {}
await carica();
if (aggiunta) valuta(aggiunta); // la prima stima è inclusa
})();
// eslint-disable-next-line
}, [reports, barche === null]);
const valuta = async (b, tentativo = 0) => {
if (valutando && tentativo === 0) return; // una stima alla volta: le altre si mettono in fila da sole
setValutando(b.id); setErrore(null);
try {
const token = window.SeaVAuth?.getAccessToken ? await window.SeaVAuth.getAccessToken() : null;
const res = await fetch(`${API}/api/boat-value`, {
method: "POST",
headers: { "Content-Type": "application/json", ...(token ? { Authorization: `Bearer ${token}` } : {}) },
body: JSON.stringify({ barca_id: b.id, cantiere: b.cantiere, modello: b.modello, anno: b.anno, lunghezza: b.lunghezza_m }),
});
const d = await res.json().catch(() => ({}));
// paracadute anti-costi del server (2 stime/min): non è un errore da mostrare,
// si aspetta un minuto e si riprova da soli — la card resta "in lettura"
if (res.status === 429 && String(d.error || "").includes("di fila") && tentativo < 2) {
setTimeout(() => valuta(b, tentativo + 1), 65000);
return;
}
if (!res.ok) throw new Error(d.error || (it ? "Stima non riuscita, riprova." : "Valuation failed."));
const agg = await client.from("barche").update({
valore_min: d.valore_min, valore_max: d.valore_max,
valore_nota: d.nota || null, valore_valutato_il: d.valutato_il,
}).eq("id", b.id);
if (agg.error) throw agg.error;
await carica();
} catch (e) { setErrore(e.message || String(e)); }
setValutando(null);
};
const aggiungi = async () => {
if (!nuova.cantiere.trim() || !nuova.modello.trim()) return;
setBusy(true); setErrore(null);
try {
const { data: userData } = await client.auth.getUser();
const uid = userData && userData.user && userData.user.id;
if (!uid) throw new Error(it ? "Sessione scaduta: rientra." : "Session expired.");
const ins = await client.from("barche").insert({
user_id: uid,
nome: nuova.nome.trim().slice(0, 80) || null,
cantiere: nuova.cantiere.trim().slice(0, 80),
modello: nuova.modello.trim().slice(0, 80),
anno: Number(nuova.anno) >= 1900 ? Number(nuova.anno) : null,
lunghezza_m: Number(String(nuova.lunghezza).replace(",", ".")) > 0 ? Number(String(nuova.lunghezza).replace(",", ".")) : null,
}).select("*").single();
if (ins.error) {
// la regola vera vive nel database: la policy rifiuta senza abbonamento o oltre le 3 manuali
if (/row-level security|violates/i.test(ins.error.message || "")) {
throw new Error(it ? "L'aggiunta manuale richiede l'abbonamento Cloud attivo (massimo 3 barche)." : "Manual boats require an active Cloud plan (max 3).");
}
throw ins.error;
}
setNuova({ nome: "", cantiere: "", modello: "", anno: "", lunghezza: "" });
await carica();
if (ins.data) valuta(ins.data); // appena aggiunta, la stima parte da sola
} catch (e) { setErrore(e.message || String(e)); }
setBusy(false);
};
const eliminaBarca = async (b) => {
if (!window.confirm(it ? `Eliminare "${b.nome || `${b.cantiere} ${b.modello}`}"?` : "Delete this boat?")) return;
await client.from("barche").delete().eq("id", b.id);
await carica();
};
if (barche === null) return
{it ? "Caricamento…" : "Loading…"}
;
if (schemaAssente) {
return (
{it ? "Le mie barche si attiva con l'aggiornamento dello schema: esegui di nuovo db/cloud_schema.sql nel SQL Editor di Supabase (rilanciabile senza danni)." : "My boats needs the updated schema: re-run db/cloud_schema.sql in the Supabase SQL Editor."}
);
}
return (
{barche.length === 0 && (
{it ? "Le tue barche compariranno qui" : "Your boats will appear here"}
{it ? "Le barche dei report che richiedi entrano da sole, con la stima di quanto valgono oggi. Con l'abbonamento Cloud puoi aggiungerne a mano fino a 3." : "Boats from your reports appear automatically with today's market value. With the Cloud plan you can add up to 3 manually."}
{it ? "Le barche dei report che richiedi compaiono qui da sole. Con l'abbonamento Cloud puoi aggiungerne a mano fino a 3." : "Boats from your reports appear here automatically. With the Cloud plan you can add up to 3 manually."}
{it ? "Scopri Cloud" : "See plans"}
);
return (
{it ? "Aggiungi una barca" : "Add a boat"}= 3 ? "#a6501f" : "var(--ink-faint)" }}>{manuali}/3 {it ? "manuali" : "manual"}
{manuali >= 3 ? (
{it ? "Hai raggiunto le 3 barche aggiunte a mano: eliminane una per inserirne un'altra." : "You've reached the 3 manual boats: delete one to add another."}
{it
? "Il valore è una stima indicativa generata dall'AI sui prezzi richiesti negli annunci correnti di esemplari comparabili: non è una perizia, non considera le condizioni reali della tua barca e non costituisce un'offerta. Per un valore certificato serve una perizia."
: "The value is an indicative AI estimate based on asking prices of comparable current listings: it is not a survey, does not reflect your boat's actual condition and is not an offer."}
);
}
/* ========== Surveyor profile panel ========== */
function SurveyorPanel({ app, setApp, it }) {
const [editing, setEditing] = useState(false);
if (!app) {
return (
{it
? "Compila la candidatura: foto, città base, iscrizione CCIAA, specializzazioni, strumentazione e tariffa. Ti rispondiamo in 3 giorni."
: "Fill in the application: photo, home port, CCIAA, specialties, instruments and fee. We reply within 3 days."}
);
}
const statusInfo = {
pending: { l: it ? "In verifica" : "Under review", tone: "accent", desc: it ? "Il team SeaVin sta verificando CCIAA, polizza RC e referenze. In media 3 giorni lavorativi." : "The SeaVin team is verifying CCIAA, insurance and references. ~3 business days." },
approved: { l: it ? "Approvata" : "Approved", tone: "ok", desc: it ? "Il tuo profilo è pubblico nella rete SeaVin. Modificalo qui sotto quando vuoi." : "Your profile is live in the SeaVin network. Edit it below anytime." },
rejected: { l: it ? "Non approvata": "Rejected", tone: "warn", desc: it ? "Purtroppo non abbiamo potuto approvare la candidatura. Riapri o scrivi a hello@seavin.it." : "We couldn't approve this application. Reopen or contact hello@seavin.it." },
}[app.status];
return (
{it
? "Potrai modificare il profilo (foto, tariffa, specializzazioni, strumentazione, bio) appena la candidatura sarà approvata."
: "You'll be able to edit the profile (photo, fee, specialties, instruments, bio) as soon as the application is approved."}
: