_setView('hub')} />;
return
<_PH
title="Administration"
sub="Gestion des cabinets clients de la plateforme - reservee aux super-admins."
actions={<>
<_Pill tone="warning" dot>Super-admin
setShowNew(true)}><_I.plus /> Nouveau cabinet
}
/>
{/* Paquet G : ajout MRR potentiel + Annonces collectees (7 KPI au total) */}
<_Kpi label="Cabinets actifs" value={_fmt.num(totalActifs)} />
<_Kpi label="Cabinets suspendus" value={_fmt.num(totalSusp)} />
<_Kpi label="MRR potentiel" value={_fmt.eur(mrrPotentiel)} meta="Packs cumules cabinets actifs" />
<_Kpi label="Utilisateurs total" value={_fmt.num(totalUsers)} />
<_Kpi label="Clients total" value={_fmt.num(totalClients)} />
<_Kpi label="Matches total" value={_fmt.num(totalMatches)} />
<_Kpi label="Annonces collectees" value={totalAnnonces != null ? _fmt.num(totalAnnonces) : '—'} />
<_Tabs ghost value={tab} onChange={setTab} options={[
{ value:'tous', label:'Tous · ' + list.length },
{ value:'actifs', label:'Actifs · ' + totalActifs },
{ value:'susp', label:'Suspendus · ' + totalSusp },
{ value:'vides', label:'Vides (0 client) · ' + list.filter((c) => (c.n_clients || 0) === 0).length },
// Paquet G : onglet Inactifs (>30j sans match) via is_inactive backend.
{ value:'inactifs', label:'Inactifs (>30j) · ' + list.filter((c) => c.is_inactive === true).length },
]} />
<_Card flush>
{cabinets === null ?
Chargement…
: list.length === 0 ?
Aucun cabinet
:
{/* Paquet G : en-tete colonnes cliquables -> tri (cycle asc/desc). */}
ID{sortArrow('id')}
Nom{sortArrow('nom')}
Admin{sortArrow('admin_email')}
Code
Cree le{sortArrow('date_creation')}
Users{sortArrow('n_users')}
Clients{sortArrow('n_clients')}
Matches{sortArrow('n_matches')}
Pack{sortArrow('pack')}
Statut
{sorted.map((c) => {
const isActif = c.actif === true;
const isVide = (c.n_clients || 0) === 0;
return (
// Paquet G : clic sur la ligne (hors actions) -> ouvre modale detail.
{ if (e.target.closest('button,select,a')) return; setDetailId(c.id); }}>
{c.id}
{c.nom}
{c.admin_email || '—'} {c.code_invitation || '—'} {fmtDate(c.date_creation)}
{_fmt.num(c.n_users || 0)}
{_fmt.num(c.n_clients || 0)}
{_fmt.num(c.n_matches || 0)}
setPack(c, e.target.value)}>
Starter
Pro
Expert
<_Pill tone={isActif ? 'success' : 'danger'} dot>{isActif ? 'Actif' : 'Suspendu'}
{isVide && <_Pill tone="warning">Vide}
{c.is_inactive === true && !isVide && <_Pill tone="warning">Inactif}
regenCode(c)}><_I.refresh />
toggleSuspend(c)}>{isActif ? 'Suspendre' : 'Activer'}
remove(c)}><_I.trash />
);
})}
}
setShowNew(false)}
onCreated={(data) => {
// Paquet I : on ne ferme PAS la creation tant que la modale resultat
// n'a pas ete fermee. setShowNew(false) puis on ouvre resultat.
setShowNew(false);
setCreatedResult(data || {});
reload();
}}
toast={toast} />
{/* Paquet G : modale detail cabinet (drill-down /api/superadmin/cabinets/{id}/detail). */}
setDetailId(null)} toast={toast} />
{/* Paquet I : modale "Cabinet cree" avec code d'invitation en gros + bouton copier. */}
setCreatedResult(null)} toast={toast} />
Annuler
{saving ? 'Creation…' : 'Creer le cabinet'}
}>
Admin du cabinet (optionnel)
Si vides : le cabinet est cree mais sans admin. Le code d'invitation permet a un user de s'inscrire et devenir admin du cabinet.
);
};
/* Paquet G : modale detail cabinet — drill-down depuis AdminHub.
Fetch GET /api/superadmin/cabinets/{id}/detail au mount, affiche
cabinet + users + stats par statut + timeline. */
/* Paquet I : modale "Cabinet cree" — affiche le code d'invitation en
gros (vs toast qu'on rate facilement). Bouton "Copier" + lien
d'inscription pre-genere. */
const CabinetCreatedModal = ({ result, onClose, toast }) => {
if (!result || !result.cabinet) return null;
const cab = result.cabinet || {};
const code = result.code_invitation || cab.code_invitation || '';
const admin = result.admin;
const inviteUrl = code ? (window.location.origin + '/register.html?code=' + encodeURIComponent(code)) : null;
const copy = (text) => {
navigator.clipboard.writeText(text)
.then(() => toast && toast('Copie.', 'success'))
.catch(() => toast && toast('Echec copie.', 'error'));
};
return (
<_Modal open={!!result} onClose={onClose} title="Cabinet cree avec succes" wide
footer={Fermer }>
Le cabinet {cab.nom} a ete cree (ID #{cab.id}, pack {cab.pack || 'starter'}).
{code && (
Code d'invitation
{code}
copy(code)}>Copier
{inviteUrl && (<>
Lien d'inscription pret a partager
{inviteUrl}
copy(inviteUrl)}>Copier
)}
)}
{admin && admin.email && (
Un admin a ete cree automatiquement : {admin.email} . Il peut se connecter directement avec son mot de passe.
)}
{!admin && (
Aucun admin n'a ete cree. Partage le code d'invitation au futur admin du cabinet pour qu'il s'inscrive et devienne admin.
)}
);
};
const CabinetDetailModal = ({ cabinetId, onClose, toast }) => {
const [data, setData] = _us(null);
_ue(() => {
if (!cabinetId) { setData(null); return; }
setData(null);
if (!window.SentinelAPI) return;
window.SentinelAPI.fetchAuth('/api/superadmin/cabinets/' + cabinetId + '/detail')
.then((r) => setData((r && r.data) || null))
.catch(() => { toast && toast('Erreur chargement detail cabinet.', 'error'); onClose(); });
}, [cabinetId]);
if (!cabinetId) return null;
const fmtDate = (iso) => iso ? new Date(iso).toLocaleString('fr-FR', { day:'2-digit', month:'2-digit', year:'numeric', hour:'2-digit', minute:'2-digit' }) : '—';
const cab = data && data.cabinet;
const users = (data && data.users) || [];
const stats = (data && data.stats) || {};
const timeline = (data && data.timeline) || [];
return (
<_Modal open={!!cabinetId} onClose={onClose} title={cab ? `Cabinet · ${cab.nom}` : 'Cabinet'} wide
footer={Fermer }>
{data === null ? (
Chargement…
) : (<>
Informations
Code invitation {cab.code_invitation || '—'}
Cree le {fmtDate(cab.date_creation)}
Statut <_Pill tone={cab.actif ? 'success' : 'danger'} dot>{cab.actif ? 'Actif' : 'Suspendu'}
Stats activite
<_Kpi label="Users" value={_fmt.num(stats.n_users || 0)} />
<_Kpi label="Clients" value={_fmt.num(stats.n_clients || 0)} />
<_Kpi label="Matches total" value={_fmt.num(stats.n_matches || 0)} />
<_Kpi label="Matches parfaits 30j" value={_fmt.num(stats.n_matches_parfaits_mois || 0)} meta="score >= 100" />
{(stats.clients_par_statut && Object.keys(stats.clients_par_statut).length > 0) && (<>
Clients par statut
{Object.entries(stats.clients_par_statut).map(([s, n]) => (
<_Pill key={s} tone="neutral">{s} · {n}
))}
)}
{users.length > 0 && (<>
Utilisateurs ({users.length})
Email Nom Role Cree le
{users.map((u) => (
{u.email}
{u.nom || '—'}
<_Pill tone={u.is_superadmin ? 'warning' : u.is_cabinet_admin ? 'info' : 'neutral'} dot={u.is_superadmin}>{u.is_superadmin ? 'Superadmin' : u.is_cabinet_admin ? 'Cabinet admin' : 'Agent'}
{fmtDate(u.date_creation)}
))}
)}
{timeline.length > 0 && (<>
Timeline recente
{timeline.map((e, i) => (
{fmtDate(e.date)}
{e.label}
))}
)}
)}
);
};
/* ----- AUDIT — Paquet B : branche sur GET /api/superadmin/audit ----- */
const AuditView = ({ onBack }) => {
const { toast } = _useApp();
const [resp, setResp] = _us(null); // {data, total, stats, actions}
const [filters, setFilters] = _us({ action: '', actor_email: '', target_id: '', since_days: '' });
const [applied, setApplied] = _us({ action: '', actor_email: '', target_id: '', since_days: '' });
const reload = () => {
if (!window.SentinelAPI) { setResp({ data: [], stats: { n_24h: 0, n_total: 0, by_action: {} }, actions: [] }); return; }
setResp(null);
const params = new URLSearchParams();
if (applied.action) params.set('action', applied.action);
if (applied.actor_email) params.set('actor_email', applied.actor_email);
if (applied.target_id) params.set('target_id', String(parseInt(applied.target_id, 10) || 0));
if (applied.since_days) params.set('since_days', applied.since_days);
params.set('limit', '100');
const qs = params.toString() ? '?' + params.toString() : '';
window.SentinelAPI.fetchAuth('/api/superadmin/audit' + qs)
.then((r) => setResp(r || { data: [] }))
.catch(() => { setResp({ data: [], stats: { n_24h: 0, n_total: 0, by_action: {} }, actions: [] }); toast('Erreur chargement audit.', 'error'); });
};
_ue(() => { reload(); }, [applied]);
const events = (resp && resp.data) || [];
const stats = (resp && resp.stats) || { n_24h: 0, n_total: 0, by_action: {} };
const actions = (resp && resp.actions) || [];
const nCreations = stats.by_action ? (stats.by_action['create_cabinet'] || 0) : 0;
const nSuppr = stats.by_action ? (stats.by_action['delete_cabinet'] || 0) : 0;
const fmtDate = (iso) => iso ? new Date(iso).toLocaleString('fr-FR', { day:'2-digit', month:'2-digit', year:'numeric', hour:'2-digit', minute:'2-digit' }) : '—';
const fmtDetails = (d) => {
if (d == null) return '—';
if (typeof d === 'string') return d;
try { return Object.entries(d).map(([k, v]) => k + '=' + JSON.stringify(v)).join(' · '); }
catch { return String(d); }
};
const toneFor = (a) => /create/i.test(a) ? 'success' : /delete|wipe/i.test(a) ? 'danger' : 'warning';
return (
<_PH
crumb={
← Administration }
title="Audit · activité super-admin"
sub="Traçabilité des actions sensibles (création, suspension, suppression, regen-code, partage patrimoine)."
/>
<_Kpi label="Events 24 h" value={_fmt.num(stats.n_24h || 0)} />
<_Kpi label="Events total" value={_fmt.num(stats.n_total || 0)} />
<_Kpi label="Créations cabinet" value={_fmt.num(nCreations)} />
<_Kpi label="Suppressions" value={_fmt.num(nSuppr)} />
<_Card padded style={{marginBottom:16}}>
{ const empty = { action: '', actor_email: '', target_id: '', since_days: '' }; setFilters(empty); setApplied(empty); }}>Reset
setApplied({ ...filters })}>Filtrer
<_Card flush>
{resp === null ?
Chargement…
: events.length === 0 ?
Aucun event correspondant.
:
Date Acteur Action Cible Détails
{events.map((e) => (
{fmtDate(e.date_creation)}
{e.actor_email || '—'} <_Pill tone={toneFor(e.action || '')}>{e.action}
{e.target_label || (e.target_type ? e.target_type + ' #' + e.target_id : '—')} {fmtDetails(e.details)}
))}
}
<_PH
crumb={
← Administration }
title="Sauvegardes BDD"
sub="Snapshots automatiques de la base SQLite. Récupération possible en 1 clic."
/>
<_Card padded style={{marginBottom:16}}>
<_S state={lastFresh ? 'ready' : (stats.n_backups > 0 ? 'pending' : 'failed')} label="État du système" />
{lastFresh ? 'Backup recent.' : lastDays != null ? 'Dernier backup il y a ' + lastDays + ' j.' : 'Aucun backup pour l\'instant.'}
{running ? 'Backup en cours…' : 'Backup maintenant'}
Dernier backup
{lastDays != null ? (lastDays === 0 ? 'aujourd\'hui' : 'il y a ' + lastDays + ' j') : '—'}
{fmtDate(stats.last_backup_at)}
Fichiers stockés
{_fmt.num(stats.n_backups || 0)}
Rotation auto > 14 jours
Espace disque
{(stats.total_size_mo || 0).toFixed(1).replace('.', ',')} Mo
Backup auto toutes les 6 h
<_Card title="Comment ça marche" padded style={{marginBottom:16}}>
Sentinel sauvegarde la BDD automatiquement toutes les 6 h (configurable via BACKUP_INTERVAL_HOURS dans .env).
Les fichiers sont compressés en .db.gz (gain ~5× sur du SQL).
Rotation automatique : les backups plus vieux que 14 jours sont supprimés (sauf le plus récent, garde-fou).
Pour restaurer : téléchargez un fichier ci-dessous, décompressez-le (gunzip), remplacez immosentinel.db, redémarrez le service.
<_Card title="Historique des sauvegardes" meta={(backups.length || 0) + ' fichier(s)'} flush>
{resp === null ?
Chargement…
: backups.length === 0 ?
Aucun backup pour l'instant. Clique "Backup maintenant" pour en créer un.
:
Date du backup Fichier Taille Télécharger
{backups.map((b) => (
{fmtDate(b.date)}
{b.filename} {(b.size_mo || 0).toFixed(2).replace('.', ',')} Mo
download(b.filename)}><_I.download /> Télécharger
))}
}
<_PH
crumb={
← Administration }
title="Utilisateurs de la plateforme"
sub="Tous les comptes Sentinel, leur activité et leurs performances."
/>
<_Kpi label="Total comptes" value={_fmt.num(stats.n_users || 0)} meta={(stats.n_actif || 0) + ' actifs · ' + (stats.n_inactif || 0) + ' désactivés'} />
<_Kpi label="Actifs 30 j" value={_fmt.num(stats.n_active_30d || 0)} meta="Se sont connectés" />
<_Kpi label="Dormants" value={_fmt.num(stats.n_inactive || 0)} meta="> 30 j sans connexion" />
<_Kpi label="Jamais loggés" value={_fmt.num(stats.n_never_logged || 0)} meta="Comptes à relancer" />
<_Tabs ghost value={tab} onChange={setTab} options={[
{ value:'tous', label:'Tous · ' + counts.tous },
{ value:'actifs', label:'Actifs 30 j · ' + counts.actifs },
{ value:'dormants', label:'Dormants · ' + counts.dormants },
{ value:'jamais', label:'Jamais loggés · ' + counts.jamais },
{ value:'cabinet-admin', label:'Cabinet admins · ' + counts['cabinet-admin'] },
{ value:'groupe-admin', label:'Groupe admins · ' + counts['groupe-admin'] },
{ value:'superadmin', label:'Super-admins · ' + counts.superadmin },
{ value:'suspendus', label:'Cabinets suspendus · ' + counts.suspendus },
]} />
<_Card flush>
{resp === null ?
Chargement…
: filtered.length === 0 ?
Aucun utilisateur correspondant.
:
Email Nom Cabinet Rôle Inscrit le Dernière connexion
Clients
Matches
Ventes
Statut
{filtered.map((u) => (
{u.email}
{u.nom || '—'}
{u.cabinet_nom || '—'} <_Pill tone={roleTone[u.role] || 'neutral'} dot={u.role === 'superadmin'}>{roleLabel[u.role] || u.role}
{fmtDate(u.date_creation)}
{u.activity === 'never' ? <_Pill tone="warning">Jamais : {sinceText(u.last_login_at)} }
{_fmt.num(u.n_clients || 0)}
{_fmt.num(u.n_matches || 0)}
{_fmt.num(u.n_ventes || 0)}
{u.actif ? <_Pill tone="success" dot>Actif : <_Pill tone="danger" dot>Désactivé}
))}
}
<_PH
crumb={
← Administration }
title="Groupes (réseaux d'agences)"
sub="Regroupement de plusieurs cabinets sous une entité parente. Un groupe_admin voit tous les cabinets de son groupe."
actions={
setShowNew(true)}><_I.plus /> Nouveau groupe }
/>
<_Kpi label="Groupes" value={_fmt.num(list.length)} />
<_Kpi label="Cabinets en groupe" value={_fmt.num(totalCabinets)} />
<_Kpi label="Users en groupe" value={_fmt.num(totalUsers)} />
<_Kpi label="Groupe admins" value={_fmt.num(totalGroupeAdmins)} />
<_Card flush>
{groupes === null ?
Chargement…
: list.length === 0 ?
Aucun groupe pour l'instant.
:
Groupe Slug Cabinets Users Groupe admins Créé le
{list.map((g) => (
{g.nom}
{g.actif === false && <_Pill tone="warning" style={{marginLeft:8}}>Inactif}
{g.slug || '—'} {_fmt.num(g.n_cabinets || 0)}
{_fmt.num(g.n_users || 0)}
{_fmt.num(g.n_groupe_admins || 0)}
{fmtDate(g.date_creation)}
remove(g)} title={g.n_cabinets > 0 ? 'Detache d\'abord les cabinets' : 'Supprimer'}><_I.trash />
))}
}
<_Modal open={showNew} onClose={()=>setShowNew(false)} title="Nouveau groupe"
footer={<>
setShowNew(false)} disabled={saving}>Annuler
{saving ? 'Création…' : 'Créer le groupe'}
}>
Nom du groupe *
Slug (optionnel)
<_PH
crumb={
← Administration }
title="Leads Patrimoine"
sub="Clients ayant consenti au partage de leurs coordonnées avec un conseiller en gestion de patrimoine partenaire. Réservé aux administrateurs Sentinel."
actions={
<_I.download /> Export CSV }
/>
<_Kpi label="Actifs" value={_fmt.num(stats.n_actifs ?? 0)} />
{/* Lot 0 audit : cles reelles de GET /api/patrimoine/stats
(n_ce_mois / n_retires_ce_mois / par_cabinet) -> affichait 0. */}
<_Kpi label="Nouveaux ce mois" value={_fmt.num(stats.n_ce_mois ?? 0)} />
<_Kpi label="Retirés total" value={_fmt.num(stats.n_retires ?? 0)} />
<_Kpi label="Retirés ce mois" value={_fmt.num(stats.n_retires_ce_mois ?? 0)} />
<_Kpi label="Cabinets participants" value={_fmt.num((stats.par_cabinet && stats.par_cabinet.length) ?? cabinets.length)} />
<_Tabs ghost value={tab} onChange={setTab} options={[
{ value:'actifs', label:'Actifs · ' + (stats.n_actifs ?? '—') },
{ value:'retires', label:'Retirés · ' + (stats.n_retires ?? '—') },
{ value:'tous', label:'Tous · ' + ((stats.n_actifs || 0) + (stats.n_retires || 0)) },
]} />
{Object.keys(repartition).length > 0 && (
<_Card title="Répartition par cabinet" padded style={{marginBottom:16}}>
{Object.entries(repartition).map(([nom, n]) => (
{nom}
({n})
))}
)}
<_Card padded style={{marginBottom:16}}>
<_Card flush>
{leads === null ?
Chargement…
: filtered.length === 0 ?
Aucun lead patrimoine{tab === 'actifs' ? ' actif' : tab === 'retires' ? ' retire' : ''}.
: <>
État Date Client Email Téléphone Budget Villes Cabinet Agent Retrait
{filtered.map((l) => (
{l.actif ? <_Pill tone="success" dot>Actif : <_Pill tone="neutral" dot>Retiré}
{fmtDateTime(l.date_consentement)}
{[l.prenom, l.nom].filter(Boolean).join(' ').trim() || '—'} {l.email || '—'} {l.telephone || '—'}
{l.budget || '—'}
{l.villes || '—'} {l.cabinet_nom || '—'} {l.agent_email || '—'} {l.date_retrait ? {fmtDate(l.date_retrait)} : — }
))}
{filtered.length} lead(s)
}
{estimating ? 'Estimation…' : 'Estimer'}
{est && (
{est.display_name || est.city_name}
<_Kpi label="Dimensions" value={(est.lat_span_km != null ? est.lat_span_km.toFixed(1) : '?') + ' × ' + (est.lon_span_km != null ? est.lon_span_km.toFixed(1) : '?') + ' km'} />
<_Kpi label="Mini-scans" value={_fmt.num(est.total_mini_scans)} />
<_Kpi label="Images estimees" value={_fmt.num(est.estimated_total_images)} />
<_Kpi label="Duree estimee" value={_plFmtHours(est.estimated_duration_hours)} />
<_Kpi label="Cout Modal estime" value={_plFmtCost(est.estimated_modal_cost_usd, est.estimated_modal_cost_eur)} />
{launching ? 'Lancement…' : 'Lancer le scan'}
)}
);
};
/* 7.3 — Couverture par ville (carte MapLibre) + comblement */
const PhotoLocCoverageCard = ({ toast, onReload }) => {
const [zones, setZones] = _us(null); // liste slugs Modal (null = loading)
const [slug, setSlug] = _us('');
const [commune, setCommune] = _us('');
const [coverage, setCoverage] = _us(null);
const [loading, setLoading] = _us(false);
const [fillEst, setFillEst] = _us(null);
const [estimatingFill, setEstimatingFill] = _us(false);
const [launchingFill, setLaunchingFill] = _us(false);
// Paquet 7.8 : mode caps separe (ROUGES / ORANGES)
const [maxUncovered, setMaxUncovered] = _us(30);
const [maxPartial, setMaxPartial] = _us(20);
const mapEl = _ur(null);
const mapRef = _ur(null);
// Liste des zones Modal indexees au mount
_ue(() => {
if (!window.SentinelAPI) return;
window.SentinelAPI.fetchAuth('/api/superadmin/photoloc/remote_zones')
.then((r) => {
const zs = (r.data && r.data.zones) || [];
setZones(zs);
if (zs.length) { setSlug(zs[0].zone_id); setCommune(_plDeduceCommune(zs[0].zone_id)); }
})
.catch(() => setZones([]));
}, []);
// Init MapLibre + (re)applique la couverture quand elle change
_ue(() => {
if (!coverage || typeof maplibregl === 'undefined' || !mapEl.current) return;
if (!mapRef.current) {
mapRef.current = new maplibregl.Map({
container: mapEl.current, style: _COV_MAP_STYLE,
center: [3.10, 50.60], zoom: 13, attributionControl: { compact: true },
});
mapRef.current.addControl(new maplibregl.NavigationControl(), 'top-right');
}
const map = mapRef.current;
const apply = () => {
if (map.getLayer('cov-lines')) map.removeLayer('cov-lines');
if (map.getSource('cov')) map.removeSource('cov');
map.addSource('cov', { type: 'geojson', data: coverage });
map.addLayer({
id: 'cov-lines', type: 'line', source: 'cov',
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-color': ['coalesce', ['get', 'stroke'], '#888888'],
'line-width': ['coalesce', ['get', 'stroke-width'], 3],
'line-opacity': ['coalesce', ['get', 'stroke-opacity'], 0.9],
},
});
if (!map.__covListeners) {
map.on('click', 'cov-lines', (e) => {
const p = (e.features && e.features[0] && e.features[0].properties) || {};
new maplibregl.Popup({ offset: 8, closeButton: false })
.setLngLat(e.lngLat)
.setHTML(''
+ (p.name || '—') + '
')
.addTo(map);
});
map.on('mouseenter', 'cov-lines', () => { map.getCanvas().style.cursor = 'pointer'; });
map.on('mouseleave', 'cov-lines', () => { map.getCanvas().style.cursor = ''; });
map.__covListeners = true;
}
const b = _plGeojsonBounds(coverage);
if (b) map.fitBounds(b, { padding: 30, duration: 600 });
map.resize();
};
if (map.isStyleLoaded()) apply(); else map.once('load', apply);
}, [coverage]);
// Cleanup map au unmount
_ue(() => () => { if (mapRef.current) { mapRef.current.remove(); mapRef.current = null; } }, []);
const showCoverage = async () => {
if (!slug) return;
setLoading(true); setFillEst(null);
try {
let url = '/api/superadmin/photoloc/remote_zones/' + encodeURIComponent(slug) + '/coverage';
if (commune.trim()) url += '?commune_name=' + encodeURIComponent(commune.trim());
const r = await window.SentinelAPI.fetchAuth(url);
setCoverage(r.data || null);
} catch (e) { toast('Couverture indisponible : ' + (e.message || e), 'error'); }
finally { setLoading(false); }
};
const doEstimateFill = async () => {
if (!slug) return;
if (maxUncovered === 0 && maxPartial === 0) {
toast('Renseigne au moins une rue rouge ou orange a combler.', 'warning');
return;
}
setEstimatingFill(true);
try {
let url = '/api/superadmin/photoloc/fill_gaps/estimate?zone_slug=' + encodeURIComponent(slug)
+ '&max_uncovered=' + (maxUncovered || 0) + '&max_partial=' + (maxPartial || 0);
if (commune.trim()) url += '&commune_name=' + encodeURIComponent(commune.trim());
const r = await window.SentinelAPI.fetchAuth(url);
setFillEst(r.data || {});
} catch (e) { toast('Estimation echouee : ' + (e.message || e), 'error'); }
finally { setEstimatingFill(false); }
};
const doLaunchFill = async () => {
if (!slug || !fillEst) return;
const cost = _plFmtCost(fillEst.estimated_cost_usd, fillEst.estimated_cost_eur);
const dur = fillEst.estimated_duration_min != null ? Math.round(fillEst.estimated_duration_min) + ' min' : '?';
const detail = (fillEst.uncovered_will_scan || 0) + ' rouges · ' + (fillEst.partial_will_scan || 0) + ' oranges';
if (!confirm('Lancer le comblement de « ' + (commune || slug) + ' » ?\n\n'
+ detail + ' (' + _fmt.num(fillEst.streets_will_scan) + ' rues au total)'
+ ' · ~' + dur + '\nCout estime : ' + cost)) return;
setLaunchingFill(true);
try {
const r = await window.SentinelAPI.fetchAuth('/api/superadmin/photoloc/fill_gaps', {
method: 'POST',
body: {
zone_slug: slug,
commune_name: commune.trim() || null,
max_uncovered: maxUncovered || 0,
max_partial: maxPartial || 0,
},
});
toast('Comblement lance' + (r.data && r.data.global_job_id ? ' (job ' + r.data.global_job_id + ')' : ''), 'success');
// Paquet 7.6 : la zone trackee vient d'etre persistee (kind=fill_gaps)
// -> on recharge la liste pour la faire apparaitre immediatement.
if (typeof onReload === 'function') onReload();
} catch (e) { toast('Lancement echoue : ' + (e.message || e), 'error'); }
finally { setLaunchingFill(false); }
};
const props = (coverage && coverage.properties) || null;
const dot = (c) => ({ display:'inline-block', width:10, height:10, borderRadius:'50%', background:c, marginRight:6, verticalAlign:'middle' });
return (
<_Card title="Couverture par ville" padded style={{marginBottom:16}}>
{props && (
{props.coverage_pct != null ? props.coverage_pct.toFixed(1) + '%' : '—'}
{_fmt.num(props.total_streets)} rues · {_fmt.num(props.streets_to_fill)} à combler
)}
{coverage && (
)}
{coverage && (
{fillEst && (
<_Kpi label="Rues rouges" value={_fmt.num(fillEst.uncovered_will_scan || 0) + ' / ' + _fmt.num(fillEst.total_uncovered_to_fill || 0)} />
<_Kpi label="Rues oranges" value={_fmt.num(fillEst.partial_will_scan || 0) + ' / ' + _fmt.num(fillEst.total_partial_to_fill || 0)} />
<_Kpi label="Duree estimee" value={fillEst.estimated_duration_min != null ? Math.round(fillEst.estimated_duration_min) + ' min' : '—'} />
<_Kpi label="Cout estime" value={_plFmtCost(fillEst.estimated_cost_usd, fillEst.estimated_cost_eur)} />
)}
)}
);
};
const PhotoLocDevPage = () => {
const [zones, setZones] = _us(null); // null = loading
const [stats, setStats] = _us(null);
const [health, setHealth] = _us(null);
const [zone, setZone] = _us(null);
const [showNew, setShowNew] = _us(false);
const { toast } = _useApp();
const reload = () => {
if (!window.SentinelAPI) { setZones([]); return; }
window.SentinelAPI.fetchAuth('/api/superadmin/photoloc/zones')
.then((r) => setZones(r.data || []))
.catch(() => { setZones([]); toast('Erreur chargement zones.', 'error'); });
window.SentinelAPI.fetchAuth('/api/superadmin/photoloc/stats')
.then((r) => setStats(r.data || {})).catch(() => setStats({}));
window.SentinelAPI.fetchAuth('/api/superadmin/photoloc/health')
.then((r) => setHealth(r.data || {})).catch(() => setHealth({ online: false }));
};
_ue(() => { reload(); }, []);
// Polling pour les zones scanning/training. 60 s (Lot B audit) : chaque
// tick relance zones + stats + sante, et le service repond depuis un
// container GPU ; a 10 s le L4 restait eveille tout le scan pour du JSON.
_ue(() => {
if (!zones) return;
const hasInProgress = zones.some((z) => z.statut === 'scanning' || z.statut === 'training');
if (!hasInProgress) return;
const t = setInterval(reload, 60000);
return () => clearInterval(t);
}, [zones]);
const handleLaunchScan = async (z) => {
if (!confirm('Lancer le scan PhotoLoc sur ' + z.nom_zone + ' ?\n\nAction longue (heures), facturee sur Modal.')) return;
try {
await window.SentinelAPI.fetchAuth('/api/superadmin/photoloc/zones/' + z.id + '/scan', { method: 'POST' });
toast('Scan lance sur ' + z.nom_zone + '.', 'success');
reload();
} catch (e) { toast('Echec scan : ' + (e.message || e), 'error'); }
};
// Lot B audit : arret d'un scan en cours (DELETE job cote service).
const handleCancelScan = async (z) => {
if (!confirm('Annuler le scan en cours sur ' + z.nom_zone + ' ?\n\nLe travail deja indexe est conserve cote service, la zone passe en echec.')) return;
try {
await window.SentinelAPI.fetchAuth('/api/superadmin/photoloc/zones/' + z.id + '/cancel', { method: 'POST' });
toast('Annulation demandee pour ' + z.nom_zone + '.', 'success');
reload();
} catch (e) { toast('Echec annulation : ' + (e.message || e), 'error'); }
};
const handleDelete = async (z) => {
if (!confirm('Supprimer la zone ' + z.nom_zone + ' ?\n\nDefinitif (l index FAISS reste sur Modal, manuel a nettoyer).')) return;
try {
await window.SentinelAPI.fetchAuth('/api/superadmin/photoloc/zones/' + z.id, { method: 'DELETE' });
toast('Zone supprimee.', 'success');
reload();
} catch (e) { toast('Echec suppression : ' + (e.message || e), 'error'); }
};
if (zone) return { setZone(null); reload(); }} onScan={handleLaunchScan} onDelete={handleDelete} onCancel={handleCancelScan} />;
// Compteurs AUTORITATIFS depuis /stats (le backend y met les totaux LIVE
// de l'index PhotoLoc). Fallback sur la somme des zones (cache DB) si /stats
// pas encore charge -- evite d'afficher un total fige quand un job a echoue
// (ex : comblement ronchin FAILED, DB ~71k vs 236k reels dans l'index).
const totalImages = (stats && stats.total_images_collectees != null)
? stats.total_images_collectees
: (zones || []).reduce((s, z) => s + (z.nb_images_collectees || 0), 0);
const totalBatiments = (stats && stats.total_batiments_indexes != null)
? stats.total_batiments_indexes
: (zones || []).reduce((s, z) => s + (z.nb_batiments_indexes || 0), 0);
const zonesReady = (zones || []).filter((z) => z.statut === 'ready').length;
return (
<_PH
title="PhotoLoc Dev"
sub="Etat du module de geolocalisation IA. Gestion des zones pre-entrainees."
actions={<>
<_Pill tone="danger" dot>DEV uniquement
setShowNew(true)}><_I.plus /> Nouvelle zone
}
/>
<_Kpi label="Zones prêtes" value={_fmt.num(zonesReady)} meta={(zones || []).length + ' zones au total'} />
<_Kpi label="Images collectees" value={_fmt.num(totalImages)} />
<_Kpi label="Batiments indexes" value={_fmt.num(totalBatiments)} />
<_Kpi label="Service PhotoLoc" value={health && health.online ? 'Online' : 'Offline'}
meta={health && health.latency_ms ? 'Latence ' + health.latency_ms + ' ms' : '—'} />
<_Card title="Zones" flush style={{marginBottom:16}}>
{zones === null ? (
Chargement…
) : zones.length === 0 ? (
<_ES icon="photoloc"
title="Aucune zone"
desc="Cree une zone PhotoLoc pour commencer le scan."
action={
setShowNew(true)}><_I.plus /> Nouvelle zone } />
) : (
{zones.map((z) => {
// Paquet 7.6 : si progress_pct est fourni par le backend (jobs
// city_scan / fill_gaps), on l'utilise tel quel. Sinon fallback
// sur le calcul images-collectees/cibles (zones manuelles).
const isJob = z.kind === 'city_scan' || z.kind === 'fill_gaps';
const pct = z.progress_pct != null
? Math.round(z.progress_pct)
: (z.nb_images_cibles ? Math.round((z.nb_images_collectees || 0) / z.nb_images_cibles * 100) : 0);
const kindLabel = z.kind === 'city_scan' ? 'Ville' : z.kind === 'fill_gaps' ? 'Comblement' : null;
return (
setZone(z)}>
{z.nom_zone}
{kindLabel && (
{kindLabel}
)}
{isJob && z.zone_slug ? (
<>Slug : {z.zone_slug}{z.commune ? ' · ' + z.commune : ''}
) : (
<>Rayon : {z.rayon_km} km · Source : {z.source_images} · GPS : {z.latitude.toFixed(4)}, {z.longitude.toFixed(4)}
)}
{(z.statut === 'scanning' || z.statut === 'training') && (
{isJob ? (
<>Progression : {z.progress_pct != null ? Math.round(z.progress_pct) + ' %' : 'En cours…'}
) : (
<>Images : {_fmt.num(z.nb_images_collectees)} / {_fmt.num(z.nb_images_cibles || '?')}
)}
{z.date_debut && (<> · Demarre {new Date(z.date_debut).toLocaleString('fr-FR')})}
)}
{z.statut === 'ready' && (
{_fmt.num(z.nb_batiments_indexes)} batiments indexes
{z.duree_secondes && (<> · scan {Math.round(z.duree_secondes / 60)} min)}
)}
{z.statut === 'failed' && z.notes && (
Erreur : {z.notes.substring(0, 80)}
)}
<_Pill tone={z.statut === 'ready' ? 'success' : z.statut === 'failed' ? 'danger' : (z.statut === 'scanning' || z.statut === 'training') ? 'warning' : 'neutral'} pulse={z.statut === 'scanning' || z.statut === 'training'} dot>
{z.statut}
{(z.statut === 'scanning' || z.statut === 'training') && (z.progress_pct != null || z.nb_images_cibles > 0) && (
)}
{ e.stopPropagation(); setZone(z); }}>Voir details
{(z.statut === 'pending' || z.statut === 'failed') && (
{ e.stopPropagation(); handleLaunchScan(z); }}>
{z.statut === 'failed' ? 'Relancer' : 'Lancer le scan'}
)}
{(z.statut === 'scanning' || z.statut === 'training') && (
{ e.stopPropagation(); handleCancelScan(z); }}>Annuler le scan
)}
{ e.stopPropagation(); handleDelete(z); }}>Supprimer
);
})}
)}
setShowNew(false)} onCreated={() => { setShowNew(false); reload(); }} toast={toast} />
Annuler
{saving ? 'Creation…' : 'Creer'}
}>
Nom de la zone *
Notes (optionnel)