/* global React */ // Dossier detail — full-bleed hero + cockpit panels + inline copilot function DossierDetail({ d, onClose, onOpenSignature }) { const stage = STAGES.find(s => s.key === d.stage); const [tab, setTab] = useState('overview'); const [oppEditOpen, setOppEditOpen] = useState(false); const [dossierEditOpen, setDossierEditOpen] = useState(false); return (
{/* Breadcrumb */}
/ {d.client} / {d.ref}
{/* Hero header */}
{/* Subtle scanline accent */}
crée {d.created} · {stage.label} {stage.sub}

{d.client}

{d.fost} {d.fostName} · {d.city} · zone {d.zone} · Propriétaire : {d.owner}
setDossierEditOpen(true)}>✏️ Éditer dossier setOppEditOpen(true)}>⚙️ Éditer opp Audit inversé } onClick={onOpenSignature}>Signatures }>Faire progresser
{oppEditOpen && window.OpportunityDetailModal && ( setOppEditOpen(false)} onUpdated={() => {}} onDeleted={() => { setOppEditOpen(false); onClose(); }} /> )} {/* Stage bar */}
{STAGES.map((s, i) => { const idx = STAGES.findIndex(x => x.key === d.stage); const done = i < idx; const current = i === idx; return (
{String(i+1).padStart(2,'0')}
{s.label}
{current &&
}
); })}
{/* Tabs */}
{[ { k: 'overview', l: 'Vue 360°' }, { k: 'pieces', l: 'Pièces · OCR' }, { k: 'calcul', l: 'Calcul cumac' }, { k: 'signatures', l: 'Signatures' }, { k: 'rdv', l: '📅 RDV' }, { k: 'timeline', l: 'Timeline' }, { k: 'audit', l: 'Audit inversé' }, { k: 'portal', l: '🌐 Portail client' }, { k: 'chatter', l: '📎 Pièces & notes' }, { k: 'comments', l: '💬 Discussion' }, ].map(t => ( ))}
{tab === 'overview' && } {tab === 'pieces' && } {tab === 'calcul' && } {tab === 'signatures' && } {tab === 'rdv' && } {tab === 'timeline' && } {tab === 'audit' && } {tab === 'portal' && } {tab === 'chatter' && ( window.ChatterPanel && d.id ? :
{d.id ? 'Module chatter non chargé.' : 'Dossier non persisté — enregistre-le d\'abord.'}
)} {tab === 'comments' && ( window.EntityCommentsPanel ? :
Module Organisation non chargé.
)} {dossierEditOpen && setDossierEditOpen(false)} onDeleted={() => { setDossierEditOpen(false); onClose(); }} />}
); } // ─── Modal édition + suppression Dossier CEE (P2 — Règle n°5 CRUD) ────────── function DossierEditModal({ d, onClose, onDeleted }) { const API = (window.AE_API && window.AE_API.BASE) || ''; const [draftId, setDraftId] = useState(null); // ID backend du brouillon si trouvé const [loading, setLoading] = useState(true); const [draft, setDraft] = useState({ clientName: d.client || '', clientAddress: d.city || '', city: d.city || '', fostCode: d.fost || '', assignedTo: d.owner || '', notes: d.notes || '', }); const [saving, setSaving] = useState(false); const [msg, setMsg] = useState(null); // Chercher le brouillon backend correspondant (par clientName ou fostCode) useEffect(() => { fetch(`${API}/api/cee/drafts?limit=200`).then(r => r.json()).then(res => { const all = res?.drafts || []; const hit = all.find(x => (x.clientName && x.clientName.toLowerCase() === (d.client || '').toLowerCase()) || (x.fostCode && x.fostCode === d.fost) ); if (hit) { setDraftId(hit.id); setDraft(prev => ({ ...prev, ...{ clientName: hit.clientName || prev.clientName, clientAddress: hit.clientAddress || prev.clientAddress, city: hit.city || prev.city, fostCode: hit.fostCode || prev.fostCode, assignedTo: hit.assignedTo || prev.assignedTo, notes: hit.notes || prev.notes } })); } setLoading(false); }).catch(() => setLoading(false)); }, [d.ref]); const save = async () => { setSaving(true); setMsg(null); if (!draftId) { setMsg('⚠ Brouillon non trouvé en base — non synchronisé (données maquette)'); setSaving(false); return; } const r = await fetch(`${API}/api/cee/drafts/${draftId}`, { method: 'PATCH', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(draft), }).then(r => r.json()).catch(() => null); setSaving(false); if (r?.ok) { setMsg('✓ Dossier mis à jour'); setTimeout(() => onClose(), 1200); } else setMsg(`⚠ ${r?.error || 'Erreur de sauvegarde'}`); }; const deleteDraft = async () => { if (!draftId) { setMsg('⚠ Brouillon non trouvé en base'); return; } if (!window.confirm(`Supprimer définitivement le dossier ${d.ref} · ${d.client} ?`)) return; const r = await fetch(`${API}/api/cee/drafts/${draftId}`, { method: 'DELETE' }).then(r => r.json()).catch(() => null); if (r?.ok) { onDeleted && onDeleted(); } else setMsg(`⚠ ${r?.error || 'Erreur suppression'}`); }; const inpS = { padding: '6px 8px', fontSize: 12, border: '1px solid var(--line-2)', borderRadius: 4, background: 'var(--paper-2)', fontFamily: 'inherit', width: '100%', boxSizing: 'border-box' }; const lblS = { fontSize: 9, color: 'var(--ink-4)', textTransform: 'uppercase', letterSpacing: 0.5, fontWeight: 600 }; return (
{ if (e.target === e.currentTarget) onClose(); }} style={{ position: 'fixed', inset: 0, zIndex: 100, background: 'rgba(14,16,16,0.6)', display: 'grid', placeItems: 'center', backdropFilter: 'blur(3px)', padding: 16 }}>
✏️ Éditer le dossier
{d.ref} · {d.client}
{!loading && !draftId && données maquette} {!loading && draftId && synchronisé · brouillon #{draftId}}
{loading &&
Recherche du brouillon en base…
} {msg &&
{msg}
}