Files
html/ethica-hub.html
2026-04-21 13:45:10 +02:00

216 lines
20 KiB
HTML

<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Ethica Hub — WEVAL</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0e1a;color:#e2e8f0;font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh}
.top{background:linear-gradient(135deg,#0f172a 0%,#1a0a2e 50%,#1e293b 100%);padding:32px 40px;border-bottom:1px solid rgba(168,85,247,.2)}
.top h1{font-size:32px;font-weight:800;color:#fff}.top h1 span{background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.top p{color:#94a3b8;margin-top:6px;font-size:15px}
.nav{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.nav a{color:#c4b5fd;text-decoration:none;padding:6px 16px;border:1px solid rgba(168,85,247,.3);border-radius:20px;font-size:13px;transition:.2s}.nav a:hover{background:rgba(168,85,247,.15);color:#fff}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;padding:24px 40px}
.stat{background:rgba(168,85,247,.06);border:1px solid rgba(168,85,247,.15);border-radius:14px;padding:16px;text-align:center}
.stat .v{font-size:24px;font-weight:800;color:#a855f7}.stat .l{font-size:11px;color:#94a3b8;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}
.stat.ok .v{color:#34d399}.stat.warn .v{color:#fbbf24}
.live{padding:16px 40px}.live-box{background:rgba(168,85,247,.06);border:1px solid rgba(168,85,247,.15);border-radius:14px;padding:20px}
.live-box h3{color:#a855f7;margin-bottom:12px}.live-box #data{font-family:monospace;font-size:13px;color:#94a3b8;white-space:pre-wrap}
h2{padding:12px 40px 0;font-size:15px;color:#7c3aed;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px 40px}
.card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(168,85,247,.1);border-radius:14px;padding:24px;transition:.3s;cursor:pointer;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a855f7);opacity:0;transition:.3s}.card:hover::before{opacity:1}
.card:hover{border-color:rgba(168,85,247,.4);transform:translateY(-3px);box-shadow:0 12px 40px rgba(168,85,247,.12)}
.card h3{font-size:17px;color:#fff;margin-bottom:6px}.card p{color:#94a3b8;font-size:13px;line-height:1.5}
.tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.tag{padding:3px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.tag.live{background:rgba(52,211,153,.12);color:#34d399}.tag.cron{background:rgba(56,189,248,.12);color:#38bdf8}.tag.gap{background:rgba(251,191,36,.12);color:#fbbf24}.tag.db{background:rgba(168,85,247,.12);color:#c4b5fd}
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(168,85,247,.08);margin-top:24px}
</style></head><body>
<!-- MEGA-NAV -->
<div style="background:rgba(99,102,241,.04);border-bottom:1px solid rgba(99,102,241,.1);padding:8px 40px;display:flex;gap:8px;flex-wrap:wrap;align-items:center">
<span style="color:#64748b;font-size:11px;font-weight:600;letter-spacing:1px">HUBS</span>
<a href="/wevia-hub.html" style="color:#10b981;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(16,185,129,.2);border-radius:12px">🧠 WEVIA</a>
<a href="/ai-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🤖 AI</a>
<a href="/agents-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">👥 Agents</a>
<a href="/monitoring-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📊 Monitor</a>
<a href="/email-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📧 Email</a>
<a href="/office-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📊 Office</a>
<a href="/ethica-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">👨‍⚕️ Ethica</a>
<a href="/wevads-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📧 WEVADS</a>
<a href="/blade-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">⚡ Blade</a>
<a href="/security-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🛡️ Sécu</a>
<a href="/gpu-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">⚡ GPU</a>
<a href="/keys-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🔐 Keys</a>
<a href="/cloudflare-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">☁️ CF</a>
<a href="/google-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🔍 Google</a>
<a href="/namecheap-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🌐 NC</a>
<a href="/tools-hub.html" style="color:#f59e0b;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(245,158,11,.2);border-radius:12px;font-weight:700">⭐ ALL</a>
</div>
<div class="top"><h1>&#x1F48A; <span>Ethica</span> Hub</h1><p>Pipeline HCP Pharma — Maroc, Algerie, Tunisie — Kaouther Najar / CFAO Healthcare</p>
<div class="nav"><a href="/admin.html">Admin</a><a href="/ethica-dashboard-live.html">Ethica Admin</a><a href="/wevia-master.html">Master</a><a href="/email-hub.html">Email</a></div></div>
<div class="stats">
<div class="stat"><div class="v" id="hcp-count">161,730</div><div class="l">HCPs Total</div></div>
<div class="stat"><div class="v">3</div><div class="l">Pays</div></div>
<div class="stat"><div class="v"> 34</div><div class="l">Specialites</div></div>
<div class="stat warn"><div class="v">51K</div><div class="l">Emails Manquants</div></div>
<div class="stat"><div class="v" id="qdrant-v">16K</div><div class="l">Qdrant Vectors</div></div>
<div class="stat ok"><div class="v">5</div><div class="l">Crons Actifs</div></div>
<div class="stat"><div class="v">18</div><div class="l">Marques</div></div>
<div class="stat"><div class="v">110K</div><div class="l">Emails Valides</div></div>
<div class="stat"><div class="v">155K</div><div class="l">Telephones</div></div>
</div>
<h2>&#x1F30D; Repartition Pays</h2>
<div class="grid">
<div class="card"><h3>&#x1F1E9;&#x1F1FF; Algerie</h3><p>122,337 HCPs valides. Gap emails: ~44K contacts sans email (LIVE PG). Source: annuaire.medecins-algerie.com + SearXNG enrichment</p><div class="tags"><span class="tag live">LIVE</span><span class="tag db">DB S95</span></div></div>
<div class="card"><h3>&#x1F1F2;&#x1F1E6; Maroc</h3><p>19,720 HCPs valides. Gap emails: ~4.7K (LIVE PG). Sources: Tabibi.ma + ClinicalTrials + SearXNG + Ordres professionnels</p><div class="tags"><span class="tag live">LIVE</span><span class="tag db">DB S95</span></div></div>
<div class="card"><h3>&#x1F1F9;&#x1F1F3; Tunisie</h3><p>17,794 HCPs valides. Gap emails: ~2.7K (LIVE PG). Sources: annuaire sante + enrichissement automatique</p><div class="tags"><span class="tag live">LIVE</span><span class="tag db">DB S95</span></div></div>
</div>
<h2>&#x2699; Pipeline Autonome</h2>
<div class="grid">
<div class="card"><h3>&#x1F50D; Scraper Principal</h3><p>ethica-cron-scraper.py — 3x/jour (3h, 12h, 20h). Nouvelles fiches medecins MA/DZ/TN</p><div class="tags"><span class="tag cron">CRON 3x/J</span></div></div>
<div class="card"><h3>&#x1F4E7; Enrichissement Email</h3><p>ethica-enrich-v4.py — 1x/jour (1h). 300 HCPs/batch via patterns + vérification SMTP</p><div class="tags"><span class="tag cron">CRON 1x/J</span></div></div>
<div class="card"><h3>&#x1F50E; SearXNG Enrichment</h3><p>ethica-enrich-searxng.py — 1x/jour (10h). 200 HCPs/batch via recherche web decentralisee</p><div class="tags"><span class="tag cron">CRON 1x/J</span></div></div>
<div class="card"><h3>&#x1F4CA; RichScraper</h3><p>ethica-richscraper.py — 2x/jour (11h, 23h). 500 HCPs/batch enrichissement profond</p><div class="tags"><span class="tag cron">CRON 2x/J</span></div></div>
<div class="card"><h3>&#x1F9EC; Tabibi Scraper</h3><p>tabibi-scraper.py — 1x/semaine (dimanche 2h). Annuaire medecins Maroc complet</p><div class="tags"><span class="tag cron">CRON HEBDO</span></div></div>
</div>
<h2>&#x1F517; Integrations</h2>
<div class="grid">
<a class="card" href="/wevia-master.html"><h3>&#x1F9E0; WEVIA Master</h3><p>Intent "ethica stats" wire — pipeline status via chat souverain</p><div class="tags"><span class="tag live">WIRE</span></div></a>
<div class="card"><h3>&#x1F4E6; Qdrant RAG</h3><p>14,368 vecteurs weval_skills + 1,390 wevia_learnings. Autolearn actif (+16 vec/h)</p><div class="tags"><span class="tag live">ACTIF</span></div></div>
<a class="card" href="/wevads-ia/index.html"><h3>&#x1F4E8; WEVADS IA</h3><p>Campagnes email Ethica — envoi HCP cible via PMTA/Kumo. auto_mode=false</p><div class="tags"><span class="tag gap">MANUAL ONLY</span></div></a>
</div>
<div class="footer">WEVAL CONSULTING &middot; Ethica Hub &middot; 157K+ HCPs &middot; 5 crons autonomes &middot; Client: Kaouther Najar / Groupe Ethica / CFAO Healthcare</div>
<div style="padding:24px 40px">
<h2 style="font-size:20px;font-weight:700;color:#10b981;margin-bottom:16px">🔧 OUTILS INTERNES WEVAL</h2>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px">
<a href="/ethica-hcp-manager.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">👨‍⚕️ HCP Manager</div><div style="font-size:12px;color:#94a3b8">131K+ HCPs validés, 14 spécialités</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/ethica-pipeline.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">🔄 Pipeline</div><div style="font-size:12px;color:#94a3b8">Enrichissement auto, scraping, validation</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/ethica-monitor.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">📊 Monitor</div><div style="font-size:12px;color:#94a3b8">Dashboard Ethica temps réel</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/ethica-drill.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">🔍 Drill Down</div><div style="font-size:12px;color:#94a3b8">Analyse détaillée par spécialité/région</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/ethica-sms.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">📱 SMS Campaign</div><div style="font-size:12px;color:#94a3b8">Campagnes SMS HCP ciblées</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/medreach-dashboard.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">📧 MedReach</div><div style="font-size:12px;color:#94a3b8">Dashboard campagnes médicales</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
</div>
</div>
<script>
// ETHICA HUB — live data from API
(async function(){
try{
const r=await fetch('/api/wevia-action-engine.php',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:'action=ethica_stats'});
/* HTML_GUARD_V2_BATCH */ const _t_d=await r.text(); let d=null; {var _q=(_t_d||"").trim();if(_q.startsWith("<!DOCTYPE")||_q.startsWith("<html")){d={error:"[HTTP "+(r.status||"?")+"] Backend indisponible",isHtmlError:true};}else{try{d=JSON.parse(_q)}catch(e){d={error:"[JSON] "+e.message}}}}
if(d.ok){
const el=document.getElementById('hcp-count');
if(el && d.total) el.textContent=Math.round(d.total/1000)+'K';
}
}catch(e){}
})();
</script>
<!-- CARTO_REMOVED -->
<!-- CARTO_BANNER_V1 -->
<div style="position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#141931,#2d1b5e);border:1px solid #64ffda;border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px rgba(100,255,218,.3);font-family:-apple-system,Segoe UI,sans-serif;font-size:13px">
<a href="/cartographie-screens.html" style="color:#64ffda;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px" title="Cartographie exhaustive de tous les ecrans live">
<span style="font-size:18px">&#128506;</span> Cartographie live
<span id="carto-banner-count" style="color:#8892b0;font-size:11px">3914 ecrans</span>
</a>
</div>
<script>
(function(){
fetch('/api/screens-health.php?_='+Date.now(),{cache:'no-store'}).then(r=>r.json()).then(d=>{
const c=d.counts||{}; const up=c.UP||0; const slow=c.SLOW||0; const br=c.BROKEN||0;
const el=document.getElementById('carto-banner-count');
if(el) el.innerHTML=`<span style="color:#22c55e">${up} UP</span> / <span style="color:#f59e0b">${slow} Lent</span> / <span style="color:#ef4444">${br} 5xx</span>`;
}).catch(()=>{});
})();
</script>
<!-- /CARTO_BANNER_V1 -->
<!-- DSH PREDICT 18avr26 -->
<script src="/dsh-predict-widget.js" defer></script>
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
<script>
(function(){
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
var d = document;
var m = d.createElement('div');
m.id = 'opus-udrill';
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
var inner = d.createElement('div');
inner.id = 'opus-udrill-in';
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
inner.addEventListener('click', function(e){ e.stopPropagation(); });
m.appendChild(inner);
m.addEventListener('click', function(){ m.style.display='none'; });
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
(d.body || d.documentElement).appendChild(m);
function openCard(card) {
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
inner.innerHTML = html;
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
m.style.display = 'flex';
}
function wire(root) {
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
var cards = root.querySelectorAll(sels);
for (var i = 0; i < cards.length; i++) {
var c = cards[i];
if (c.__opusWired) continue;
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
var r = c.getBoundingClientRect();
if (r.width < 60 || r.height < 40) continue;
c.__opusWired = true;
c.style.cursor = 'pointer';
c.setAttribute('role','button');
c.setAttribute('tabindex','0');
c.addEventListener('click', function(ev){
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
if (ev.target.closest('a,button,input,select')) return;
ev.preventDefault(); ev.stopPropagation();
openCard(this);
});
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
}
}
var initRun = function(){ wire(d.body || d.documentElement); };
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
else initRun();
var mo = new MutationObserver(function(muts){
var newCard = false;
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
if (newCard) initRun();
});
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
})();
</script>
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
<script src="/api/archi-meta-badge.js" defer></script>
<!-- V9.30 LIVE auto-fetch from ethica-stats-api -->
<script>
(function() {
function refresh() {
fetch('/api/ethica-stats-api.php?t=' + Date.now())
.then(r => r.json())
.then(d => {
if (!d || !d.ok) return;
const el = document.getElementById('hcp-count');
if (el) el.textContent = (d.total || 161730).toLocaleString('fr-FR');
// Update stat values by label heuristic
document.querySelectorAll('.stat').forEach(s => {
const l = s.querySelector('.l'); const v = s.querySelector('.v');
if (!l || !v) return;
const lt = l.textContent.trim();
if (lt === 'Emails Manquants') v.textContent = Math.round((d.gap_email||51286)/1000) + 'K';
else if (lt === 'Emails Valides') v.textContent = Math.round((d.with_email||110444)/1000) + 'K';
else if (lt === 'Telephones') v.textContent = Math.round((d.with_telephone||155145)/1000) + 'K';
});
}).catch(()=>{});
}
refresh();
setInterval(refresh, 60000);
})();
</script>
<script src="/api/a11y-auto-enhancer.js" defer></script>
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b6) --><script src="/wtp-unified-dock.js" defer></script>
</body></html>