// admin.jsx — LBC back-office screens + shell
const { useState: useAd, useEffect: useAdE } = React;
/* Badges « non vus » : on mémorise les ids déjà vus par section ; le badge = nb d'éléments nouveaux. */
const LBC_SEEN_LS = 'lbc_seen_v1';
function lbcLoadSeen(){ try{ return JSON.parse(localStorage.getItem(LBC_SEEN_LS)||'{}'); }catch(e){ return {}; } }
function lbcSaveSeen(s){ try{ localStorage.setItem(LBC_SEEN_LS, JSON.stringify(s)); }catch(e){} }
function TierPill({ tier, small }) {
const c = window.LBC_ADMIN.TIER_COLOR[tier] || 'var(--muted)';
return (
);
}
/* ============== OVERVIEW ============== */
function AdminOverview({ go, mobile }) {
const A = window.LBC_ADMIN, agg = A.adminAgg();
const diff = agg.leadsMonth - agg.leadsPrev;
const kpis = [
{ label:'Partenaires actifs', value:agg.active, sub:`+${A.PENDING_PARTNERS.length} candidatures en attente`, icon:'building' },
{ label:'Leads réseau · mai', value:agg.leadsMonth, trend:`+${diff} vs avril`, trendDir:'up', icon:'inbox' },
{ label:'Volume généré', value:euro(agg.volume), sub:'cumul réseau 2026', icon:'package' },
{ label:'Commissions à verser', value:euro(agg.pending), sub:'prochain run · 5 juin', icon:'euroCircle' },
];
const top = [...A.PARTNERS].sort((a,b)=>b.volume-a.volume).slice(0,5);
const maxVol = top[0].volume;
return (
{kpis.map((k,i)=>
Leads du réseau
6 derniers mois
n+' leads'} />
Répartition des statuts
{mobile ? (
{window.LBC_ADMIN.NET_LEADS.slice(0,6).map(l=>(
{l.commission?euro(l.commission):'—'}
))}
) : (
Client Partenaire Trajet Statut Commission
{window.LBC_ADMIN.NET_LEADS.slice(0,6).map(l=>(
{l.client}
{l.partner}
{l.commission?euro(l.commission):'—'}
))}
)}
);
}
/* ============== PARTNERS ============== */
function AdminPartners({ showToast, mobile, go }) {
const [pending, setPending] = useAd(window.LBC_ADMIN.PENDING_PARTNERS);
const partners = window.LBC_ADMIN.PARTNERS;
const act = (p, ok) => { setPending(ps=>ps.filter(x=>x.id!==p.id)); showToast(ok?`${p.company} approuvé — accès activé`:`Candidature de ${p.company} refusée`); };
return (
{pending.length>0 && (
Candidatures en attente
{pending.length}
{pending.map(p=>(
{p.company}
{p.contact} · {p.type} · {p.city}
{p.email} · {p.applied}
act(p,true)}>
act(p,false)}>Refuser
))}
)}
Partenaires actifs · {partners.length}
{mobile ? (
{partners.map(p=>(
go('partner-detail',{id:p.id})} style={{ padding:'14px 16px', borderBottom:'1px solid var(--border)', display:'flex', gap:12, alignItems:'center', cursor:'pointer' }}>
{p.company}
{p.leads} leads
{euro(p.volume)}
{p.pending>0 && {euro(p.pending)} à verser }
))}
) : (
Société Contact Type Niveau Leads Volume À verser
{partners.map(p=>(
go('partner-detail',{id:p.id})}>
{p.company}
{p.city} · depuis {p.since}
{p.contact}
{p.type}
{p.leads}
{euro(p.volume)}
{p.pending?euro(p.pending):'—'}
))}
)}
{ANET_TABS.map(t=>{
const n = window.LBC_ADMIN.NET_LEADS.filter(t.f).length;
return setTab(t.key)} style={{ display:'inline-flex', alignItems:'center', gap:7, fontSize:13.5, fontWeight:600, padding:'8px 14px', borderRadius:9, whiteSpace:'nowrap',
color: tab===t.key?'var(--ink)':'var(--muted)', background: tab===t.key?'var(--card)':'transparent', border:'1px solid', borderColor: tab===t.key?'var(--border-2)':'transparent', boxShadow: tab===t.key?'var(--shadow-xs)':'none' }}>
{t.label}{n} ;
})}
{mobile ? (
{rows.map(l=>(
{l.client}
{l.commission?euro(l.commission):'—'}
))}
) : (
Client Partenaire Trajet Date Valeur Statut Commission
{rows.map(l=>(
{l.client}
{l.partner} {l.date}
{euro(l.value)}
{l.commission?euro(l.commission):'—'}
))}
)}
);
}
/* ============== PAYOUTS ============== */
function AdminPayouts({ showToast, mobile }) {
const withPending = window.LBC_ADMIN.PARTNERS.filter(p=>p.pending>0);
const [paid, setPaid] = useAd([]);
const remaining = withPending.filter(p=>!paid.includes(p.id)).reduce((s,p)=>s+p.pending,0);
const totalVerse = window.LBC_ADMIN.PARTNERS.reduce((s,p)=>s+p.verse,0);
const validate = (p) => { setPaid(ps=>[...ps,p.id]); showToast(`Versement de ${euro(p.pending)} validé pour ${p.company}`); };
const validateAll = () => { setPaid(withPending.map(p=>p.id)); showToast('Lot de versements validé · '+euro(remaining)); };
const metrics = [
{ label:'À verser ce mois', value:euro(remaining), sub:`${withPending.filter(p=>!paid.includes(p.id)).length} partenaires`, icon:'clock' },
{ label:'Versé en 2026', value:euro(totalVerse), sub:'depuis janvier', icon:'check' },
{ label:'Prochain run', value:'5 juin', sub:'virement SEPA', icon:'calendar' },
{ label:'Taux moyen', value:'7,7 %', sub:'commission réseau', icon:'euroCircle' },
];
return (
{metrics.map((m,i)=>
Lot en préparation — 5 juin 2026
Validez les commissions arrivées à échéance.
{mobile ? (
{withPending.map(p=>{
const done = paid.includes(p.id);
return (
{p.company}
{euro(p.pending)}
{done
?
:
validate(p)}>Valider }
);
})}
) : (
Partenaire Niveau IBAN Montant Action
{withPending.map(p=>{
const done = paid.includes(p.id);
return (
FR76 ···· {p.id.replace('P-','')}{p.id.replace('P-','')}{p.id.replace('P-','')}
{euro(p.pending)}
{done
? validate(p)}>Valider }
);
})}
)}
);
}
/* ============== CLIENTS ============== */
function BoxBadge({ tier }) {
if (!tier) return — ;
return
{kpis.map((k,i)=>
{mobile ? (
{rows.map(c=>(
go('client-detail',{id:c.id})} style={{ padding:'14px 16px', borderBottom:'1px solid var(--border)', display:'flex', flexDirection:'column', gap:8, cursor:'pointer' }}>
{c.name}
{euro(c.value)}
{c.partner}
))}
) : (
Client Trajet Partenaire Formule Valeur Statut Stockage
{rows.map(c=>(
go('client-detail',{id:c.id})}>
{c.name}
{c.partner}
{euro(c.value)}
))}
)}
);
}
/* ============== STOCKAGE ============== */
function AdminStorage({ mobile, showToast }) {
const db = window.LBC_INT.useStore();
const C = window.LBC_ADMIN, INT = window.LBC_INT;
const TIERS = ['S','M','L','XL'];
const [q, setQ] = useAd('');
const all = (db.boxes || []);
const demandes = all.filter(b=>b.statut==='demande');
const actifs = all.filter(b=>b.statut==='actif');
const actifsF = actifs.filter(b=>`${b.client} Box ${b.tier}`.toLowerCase().includes(q.toLowerCase()));
const initialsOf = (n)=> (n||'?').split(' ').filter(Boolean).map(w=>w[0]||'').join('').slice(0,2).toUpperCase() || '?';
const fmtD = (d)=>{ try{ return d? new Date(d+'T00:00:00').toLocaleDateString('fr-FR',{day:'numeric',month:'short',year:'numeric'}) : 'à définir'; }catch(e){ return d||'à définir'; } };
const dureeOf = (b)=> b.libre ? 'durée indéterminée' : ((b.months||'?')+' mois');
const periode = (b)=> 'dès le '+fmtD(b.startDate)+' · '+dureeOf(b);
const mrr = actifs.reduce((s,b)=>s+(Number(b.price)||0),0);
const avg = actifs.length?Math.round(mrr/actifs.length):0;
const bySize = TIERS.map(k=>({ key:k, n: actifs.filter(b=>b.tier===k).length }));
const maxN = Math.max(...bySize.map(x=>x.n), 1);
const tierColor = { S:'#8A96A0', M:'#2A6FDB', L:'#C77A0A', XL:'#B63D24' };
const kpis = [
{ label:'Box actifs', value:actifs.length, sub:'en stockage', icon:'package' },
{ label:'Revenu mensuel', value:euro(mrr), sub:'loyers récurrents', icon:'euroCircle' },
{ label:'Demandes en attente', value:demandes.length, sub:'à confirmer', icon:'clock', accent: demandes.length?'#C77A0A':null },
{ label:'Loyer moyen', value:euro(avg), sub:'par box actif', icon:'euro' },
];
const confirmer = (b)=>{ INT.setBoxStatut(b.id,'actif'); showToast&&showToast('Réservation confirmée — Box '+b.tier+' pour '+b.client); };
const refuser = (b)=>{ if(window.confirm('Refuser la demande de '+b.client+' (Box '+b.tier+') ?')){ INT.removeBox(b.id); showToast&&showToast('Demande refusée'); } };
const cloturer = (b)=>{ if(window.confirm('Clôturer le box de '+b.client+' ?')){ INT.setBoxStatut(b.id,'termine'); showToast&&showToast('Box clôturé'); } };
return (
{kpis.map((k,i)=>
{/* DEMANDES À CONFIRMER */}
{demandes.length>0 && (
Demandes de réservation à confirmer
{demandes.length}
{demandes.map(b=>(
{b.client}
Box {b.tier} · {b.size} · {euro(b.price)}/mois
{periode(b)}
refuser(b)}>Refuser
confirmer(b)}>
))}
)}
{/* RÉPARTITION (box actifs) */}
Répartition des box actifs
Tarifs indicatifs par taille.
{bySize.map(x=>(
Box {x.key}
{x.n}
{C.BOX_SIZE[x.key]} · {euro(C.BOX_PRICE[x.key])}/m
))}
{/* BOX ACTIFS */}
{actifs.length===0 ? (
Aucun box actif pour l'instant.{demandes.length>0?' Confirmez une demande ci-dessus pour l\'activer.':' Les réservations clients arrivent en « Demandes à confirmer ».'}
) : (<>
💳 Les loyers sont facturés automatiquement chaque mois à la date de réservation, sans action de ta part. Le rapprochement automatique avec tes virements bancaires arrivera ensuite.
{mobile ? (
{actifsF.map(b=>(
{b.client}
Box {b.tier} · {b.size}
{periode(b)}
🔁 Prochain loyer : {fmtD(INT.boxNextBill(b))}
{euro(b.price)}/m
cloturer(b)}>Clôturer
showToast&&showToast('Reçu de loyer envoyé à '+b.client)}>
))}
) : (
Client Box Période Loyer / mois Prochain loyer Actions
{actifsF.map(b=>(
{b.size} {periode(b)}
{euro(b.price)}/m
🔁 {fmtD(INT.boxNextBill(b))}
cloturer(b)}>Clôturer
showToast&&showToast('Reçu de loyer envoyé à '+b.client)}>
))}
)}
)}
);
}
/* ============== DETAIL PAGES ============== */
function DetailBack({ go, to, parent, label }) {
return (
);
}
function AdminPartnerDetail({ id, go, mobile }) {
const A = window.LBC_ADMIN, p = A.PARTNERS.find(x=>x.id===id) || A.PARTNERS[0];
const leads = A.NET_LEADS.filter(l=>l.partner===p.company);
const kpis = [
{ label:'Leads', value:p.leads, icon:'inbox' },
{ label:'Volume généré', value:euro(p.volume), icon:'package' },
{ label:'Versé', value:euro(p.verse), icon:'check' },
{ label:'À verser', value:euro(p.pending), icon:'clock' },
];
return (
{p.company}
{p.contact} · {p.type} · {p.city} · partenaire depuis {p.since}
{kpis.map((k,i)=>
Leads de ce partenaire · {leads.length}
Client Trajet Statut Valeur Commission
{leads.map(l=>(
{l.client}
{euro(l.value)}
{l.commission?euro(l.commission):'—'}
))}
{leads.length===0 && Aucun lead récent.
);
}
function AdminClientDetail({ id, go, mobile, showToast, boxApi, chatApi, notesApi }) {
const [,force] = React.useState(0);
const A = window.LBC_ADMIN, c = A.ADMIN_CLIENTS.find(x=>x.id===id) || A.ADMIN_CLIENTS[0];
const link = c.id==='C-2420' ? window.LBC_LINK : null;
const status = link ? link.status : c.status;
const pay = link ? link.payment : c.pay;
const virConfirmed = link ? link.virementConfirmed : true;
const reserved = status!=='devis';
const deposit = Math.round(c.value*0.3), solde = c.value-deposit;
const Row = ({ k, v }) => ({k} {v}
);
const move = (
Déménagement
|
} />
|
} />
|
|
Valeur du devis {euro(c.value)}
Paiement
{euro(deposit)}} />
Statut acompte
{!reserved ? En attente d'acceptation
: pay==='carte' ? Virement en attente }
{reserved && pay==='virement' && !virConfirmed && (
{ window.LBC_LINK={...window.LBC_LINK, virementConfirmed:true}; showToast&&showToast('Virement marqué comme reçu — réservation confirmée'); force(x=>x+1); }}>
)}
{link&&link.soldePaid?Réglé · {euro(solde)} :euro(solde)}} />
Stockage
{c.storage ? (
|
} />
|
Loyer mensuel {euro(A.BOX_PRICE[c.storage])}
) :
Aucun box de stockage.
}
x[0]).join('')} size={52} color="var(--navy)" />
{c.name}
{move}{storage}
{payment}
{c.storage &&
{c.id==='C-2420' && boxApi
?
}
{(()=>{
const acts = [
{ icon:'inbox', color:'var(--recu)', label:'Lead reçu de '+c.partner, time:'24 mai 2026, 11h47' },
{ icon:'fileText', color:'var(--blue)', label:'Devis envoyé · '+euro(c.value), time:'27 mai 2026' },
];
if (reserved) acts.push({ icon:'check', color:'var(--effectue)', label: pay==='carte'?'Devis accepté · acompte payé par carte':'Devis accepté · virement '+(virConfirmed?'reçu':'en attente'), time:'31 mai 2026' });
if (c.storage) acts.push({ icon:'package', color:'var(--accepte)', label:'Box '+c.storage+' attribué', time:c.date });
if (link && link.soldePaid) acts.push({ icon:'euroCircle', color:'var(--verse)', label:'Solde réglé · déménagement effectué', time:c.date });
return (
{notesApi && x[0]).join('')} height={220} />}
);
})()}
);
}
/* ============== ADMIN SHELL ============== */
const ADMIN_NAV = [
{ key:'overview', label:'Vue d\'ensemble', icon:'dashboard' },
{ key:'partners', label:'Partenaires', icon:'building' },
{ key:'net-leads', label:'Leads réseau', icon:'list' },
{ key:'payouts', label:'Versements', icon:'euro' },
];
const ADMIN_HEAD = {
overview: { title:'Vue d\'ensemble', sub:'L\'activité de votre réseau de partenaires en temps réel.' },
partners: { title:'Partenaires', sub:'Gérez votre réseau et les nouvelles candidatures.' },
'net-leads':{ title:'Leads du réseau', sub:'Tous les leads soumis par vos partenaires.' },
payouts: { title:'Versements', sub:'Pilotez les commissions à reverser aux partenaires.' },
};
const ADMIN_MNAV = [
{ key:'overview', label:'Réseau', icon:'dashboard' },
{ key:'partners', label:'Partenaires', icon:'building' },
{ key:'net-leads', label:'Leads', icon:'list' },
{ key:'payouts', label:'Versements', icon:'euro' },
];
function AdminMobileShell({ screen, go, showToast, selId, retrievals, scheduleRetrieval, boxApi }) {
const A = window.LBC_ADMIN;
const head = ADMIN_HEAD[screen] || ADMIN_HEAD.overview;
const pendCount = A.PENDING_PARTNERS.length;
const isDetail = screen==='partner-detail' || screen==='client-detail';
const Screen = { overview:AdminOverview, partners:AdminPartners, 'net-leads':AdminLeads, payouts:AdminPayouts, clients:AdminClients, storage:AdminStorage }[screen] || AdminOverview;
return (
{isDetail ? (
screen==='partner-detail' ?
:
) : (<>
)}
{ADMIN_MNAV.map(n=>{
const active = screen===n.key || (n.key==='partners'&&screen==='partner-detail') || (n.key==='clients'&&screen==='client-detail');
return (
go(n.key)} style={{ position:'relative', display:'flex', flexDirection:'column', alignItems:'center', gap:4, padding:'4px 12px', color: active?'var(--brand)':'var(--faint)', minWidth:58 }}>
{n.label}
{n.key==='partners' && pendCount>0 &&
);
})}
);
}
function AdminApp({ screen, go, showToast, mobile, selId, retrievals, scheduleRetrieval, boxApi }) {
if (mobile) return
BACK-OFFICE
{ADMIN_NAV.map(n=>{
const active = screen===n.key || (n.key==='partners'&&screen==='partner-detail') || (n.key==='clients'&&screen==='client-detail');
return (
go(n.key)} style={{ position:'relative', display:'flex', alignItems:'center', gap:12, padding:'10px 14px', borderRadius:9, fontSize:14, fontWeight:500, textAlign:'left', width:'100%',
color: active?'var(--cream)':'rgba(245,239,227,.6)', background: active?'rgba(255,255,255,.08)':'transparent', transition:'.14s' }}
onMouseEnter={e=>{ if(!active) e.currentTarget.style.background='rgba(255,255,255,.04)'; }}
onMouseLeave={e=>{ if(!active) e.currentTarget.style.background='transparent'; }}>
{active && {pendCount} }
);
})}
{A.ADMIN_USER.name}
{A.ADMIN_USER.role}
LBC · Réseau partenaires
Back-office interne
{isDetail ? (
screen==='partner-detail' ?
:
) : (<>
)}
);
}
/* ============== ADMIN (gestion clients / stockage / finances) ============== */
function GestionDashboard({ go, mobile }) {
const A = window.LBC_ADMIN, f = A.financeAgg(), sa = A.storageAgg();
const kpis = [
{ label:'CA déménagements', value:euro(f.movesCA), sub:'cumul réseau 2026', icon:'package' },
{ label:'Revenu stockage', value:euro(f.storageMrr)+' /m', sub:`${sa.boxes} box · ${euro(f.storageAnnual)}/an`, icon:'euroCircle' },
{ label:'Commissions reversées', value:euro(f.commissions), sub:'aux partenaires', icon:'euro' },
{ label:'Clients', value:f.clients, sub:'déménagements confirmés', icon:'user' },
];
const src = [ { label:'Déménagements', value:f.movesCA, color:'#B63D24' }, { label:'Stockage (annualisé)', value:f.storageAnnual, color:'#14384E' } ];
return (
{kpis.map((k,i)=>
Revenu mensuel 6 derniers mois
Sources de revenu
go('clients')} className="card card-pad" style={{ display:'flex', alignItems:'center', gap:14, cursor:'pointer' }}>
Gérer les clients
{f.clients} clients · {euro(f.clientsCA)} de devis
go('storage')} className="card card-pad" style={{ display:'flex', alignItems:'center', gap:14, cursor:'pointer' }}>
Gérer le stockage
{sa.boxes} box · {euro(sa.mrr)}/mois récurrents
);
}
const GESTION_NAV = [
{ key:'dashboard', label:'Finances', icon:'euroCircle' },
{ key:'planning', label:'Planning', icon:'calendar' },
{ key:'clients', label:'Clients', icon:'user' },
{ key:'storage', label:'Stockage', icon:'package' },
{ key:'messages', label:'Messages', icon:'mail' },
];
const GESTION_HEAD = {
dashboard:{ title:'Vue financière', sub:'Déménagements et stockage consolidés.' },
planning: { title:'Planning', sub:'Déménagements et récupérations de box à venir.' },
clients: { title:'Clients', sub:'Tous les clients et leurs statistiques.' },
storage: { title:'Stockage', sub:'Tous les box en cours et leur revenu.' },
messages: { title:'Messagerie', sub:'Échangez avec vos clients en direct.' },
};
function gestionScreenFor(screen){ return { dashboard:GestionDashboard, planning:PlanningCalendar, clients:AdminClients, storage:AdminStorage, messages:AdminMessages }[screen] || GestionDashboard; }
function GestionMobileShell({ screen, go, showToast, selId, retrievals, scheduleRetrieval, boxApi, chatApi, notesApi }) {
const head = GESTION_HEAD[screen] || GESTION_HEAD.dashboard;
const isDetail = screen==='client-detail';
const Screen = gestionScreenFor(screen);
return (
{GESTION_NAV.map(n=>{
const active = screen===n.key || (n.key==='clients'&&screen==='client-detail');
return go(n.key)} style={{ display:'flex', flexDirection:'column', alignItems:'center', gap:4, padding:'4px 14px', color: active?'var(--brand)':'var(--faint)', minWidth:64 }}>{n.label} ;
})}
);
}
function GestionApp({ screen, go, showToast, mobile, selId, retrievals, scheduleRetrieval, boxApi, chatApi, notesApi }) {
if (mobile) return
ADMIN
{GESTION_NAV.map(n=>{
const active = screen===n.key || (n.key==='clients'&&screen==='client-detail');
return (
go(n.key)} style={{ position:'relative', display:'flex', alignItems:'center', gap:12, padding:'10px 14px', borderRadius:9, fontSize:14, fontWeight:500, textAlign:'left', width:'100%',
color: active?'var(--cream)':'rgba(245,239,227,.6)', background: active?'rgba(255,255,255,.08)':'transparent', transition:'.14s' }}
onMouseEnter={e=>{ if(!active) e.currentTarget.style.background='rgba(255,255,255,.04)'; }} onMouseLeave={e=>{ if(!active) e.currentTarget.style.background='transparent'; }}>
{active &&
);
})}
{A.ADMIN_USER.name}
Administration LBC
);
}
/* ============== ESPACE LBC — COCKPIT UNIFIÉ (Back-office + Admin fusionnés) ============== */
// --- Admin réseau d'origine (back-office partenaires) — conservé tel quel ---
const ORIG_LBC_NAV = [
{ group:'Pilotage', items:[
{ key:'overview', label:"Vue d'ensemble", icon:'dashboard' },
{ key:'planning', label:'Planning', icon:'calendar' },
]},
{ group:'Réseau & clients', items:[
{ key:'net-leads', label:'Leads', icon:'list' },
{ key:'clients', label:'Clients', icon:'user' },
{ key:'partners', label:'Partenaires', icon:'building' },
{ key:'storage', label:'Stockage', icon:'package' },
{ key:'messages', label:'Messages', icon:'mail' },
]},
{ group:'Finances', items:[
{ key:'finances', label:'Finances', icon:'euroCircle' },
{ key:'payouts', label:'Versements', icon:'euro' },
]},
];
const ORIG_LBC_HEAD = {
overview: { title:"Vue d'ensemble", sub:"L'activité de votre réseau de partenaires en temps réel." },
planning: { title:'Planning', sub:'Déménagements et récupérations de box à venir.' },
'net-leads':{ title:'Leads du réseau', sub:'Tous les leads soumis par vos partenaires.' },
clients: { title:'Clients', sub:'Tous les clients et leurs statistiques.' },
partners: { title:'Partenaires', sub:'Gérez votre réseau et les nouvelles candidatures.' },
storage: { title:'Stockage', sub:'Tous les box en cours et leur revenu.' },
messages: { title:'Messagerie', sub:'Échangez avec vos clients en direct.' },
finances: { title:'Finances', sub:'Déménagements et stockage consolidés.' },
payouts: { title:'Versements', sub:'Pilotez les commissions à reverser aux partenaires.' },
};
const ORIG_SCREENS = {
overview:AdminOverview, planning:PlanningCalendar,
clients:AdminClients, partners:AdminPartners, storage:AdminStorage,
messages:AdminMessages, finances:GestionDashboard, payouts:AdminPayouts,
};
// --- Cockpit UNIFIÉ : une entrée par concept (déménagement + réseau partenaires fusionnés, sans doublon) ---
const LBC_NAV = [
{ group:'Pilotage', items:[
{ key:'i_accueil', label:'Accueil', icon:'dashboard' },
{ key:'i_demenagements',label:'Déménagements', icon:'truck' },
{ key:'i_calendrier', label:'Calendrier', icon:'calendar' },
{ key:'net-leads', label:'Leads réseau', icon:'list' },
{ key:'i_todo', label:'To-do & Objectifs', icon:'check' },
{ key:'i_operationnel', label:'Opérationnel', icon:'package' },
{ key:'i_statistiques', label:'Statistiques', icon:'trendUp' },
]},
{ group:'Clients & réseau', items:[
{ key:'i_clients', label:'Clients', icon:'user' },
{ key:'i_partners', label:'Partenaires', icon:'building' },
{ key:'storage', label:'Stockage', icon:'package' },
]},
{ group:'Finances', items:[
{ key:'i_finances', label:'Finances & Bilan', icon:'euroCircle' },
{ key:'i_payouts', label:'Versements', icon:'euro' },
]},
{ group:'Administration', items:[
{ key:'i_documents', label:'Documents', icon:'fileText' },
{ key:'i_parametres', label:'Paramètres', icon:'settings' },
]},
];
const LBC_HEAD = Object.assign({}, ORIG_LBC_HEAD, window.LBC_INT ? window.LBC_INT.HEAD : {});
// Écrans réseau d'origine pour les concepts non dupliqués ; le reste (préfixe i_) vient de l'espace interne
function lbcScreenFor(screen){ return ORIG_SCREENS[screen] || (window.LBC_INT ? window.LBC_INT.screenFor(screen) : AdminOverview); }
const isGestionScreen = ()=> false;
const LBC_FLAT = LBC_NAV.flatMap(g=>g.items);
const LBC_MNAV = [
{ key:'i_accueil', label:'Accueil', icon:'dashboard' },
{ key:'i_demenagements',label:'Déménag.', icon:'truck' },
{ key:'i_clients', label:'Clients', icon:'user' },
{ key:'i_finances', label:'Finances', icon:'euroCircle' },
];
const LBC_MORE = ['i_calendrier','net-leads','i_todo','i_partners','storage','i_payouts','i_statistiques','i_documents','i_parametres'];
function LBCDetail({ screen, selId, go, mobile, showToast, boxApi, chatApi, notesApi }){
if (screen==='partner-detail') return
{isDetail ?
: (<>
{head &&
}
)}
{more && (
setMore(false)} style={{ position:'absolute', inset:0, zIndex:30, background:'rgba(11,31,43,.55)', display:'flex', alignItems:'flex-end' }}>
e.stopPropagation()} style={{ width:'100%', background:'var(--card)', borderTopLeftRadius:20, borderTopRightRadius:20, padding:'10px 14px 30px' }}>
{LBC_MORE.map(k=>{
const n = LBC_FLAT.find(x=>x.key===k);
return (
openSection(k)} style={{ display:'flex', alignItems:'center', gap:13, width:'100%', textAlign:'left', padding:'13px 10px', borderRadius:11, color:'var(--ink)' }}>
{n.label}
{k==='partners' && pendCount>0 && {pendCount} }
);
})}
)}
{LBC_MNAV.map(n=>{
const active = screen===n.key;
return (
go(n.key)} style={{ display:'flex', flexDirection:'column', alignItems:'center', gap:4, padding:'4px 10px', color: active?'var(--brand)':'var(--faint)', minWidth:54 }}>
{n.label}
);
})}
setMore(true)} style={{ position:'relative', display:'flex', flexDirection:'column', alignItems:'center', gap:4, padding:'4px 10px', color: (more||onMoreScreen)?'var(--brand)':'var(--faint)', minWidth:54 }}>
Plus
{pendCount>0 &&
);
}
function LBCApp({ screen, go, showToast, mobile, selId, retrievals, scheduleRetrieval, boxApi, chatApi, notesApi }){
const db = window.LBC_INT.useStore();
const [seenBump, setSeenBump] = useAd(0);
const _today = new Date().toISOString().slice(0,10);
// éléments « événementiels » par section -> badge = ceux pas encore vus
const cats = {
i_demenagements: (db.moves||[]).filter(m=>m.statut==='devis_a_envoyer').map(m=>m.id),
'net-leads': (db.moves||[]).filter(m=>m.partenaire && m.statut==='devis_a_envoyer').map(m=>m.id),
storage: (db.boxes||[]).filter(b=>b.statut==='demande').map(b=>b.id),
i_todo: (db.tasks||[]).filter(t=>!t.done && (t.quad==='now' || (t.due && t.due < _today))).map(t=>t.id),
};
const seen = lbcLoadSeen();
const unseenCount = (key)=>{ const ids=cats[key]||[]; const s=seen[key]||{}; return ids.filter(id=>!s[id]).length; };
const markSeen = (key)=>{ const ids=cats[key]; if(!ids) return; const snap={}; ids.forEach(id=>snap[id]=1); const s=lbcLoadSeen(); s[key]=snap; lbcSaveSeen(s); setSeenBump(x=>x+1); };
const sig = Object.keys(cats).map(k=>k+':'+cats[k].length).join('|');
useAdE(()=>{ markSeen(screen); }, [screen, sig]);
if (mobile) return
{isDetail ?
: (<>
{head &&
}
)}
);
}
Object.assign(window, { AdminApp, GestionApp, LBCApp });