Files
html/agents-hub.html
2026-04-17 00:05:01 +02:00

71 lines
7.6 KiB
HTML

<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Agents 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,#1a1040,#1e293b);padding:32px 40px;border-bottom:1px solid rgba(99,102,241,.2)}
.top h1{font-size:32px;font-weight:800;color:#fff}.top h1 span{background:linear-gradient(135deg,#818cf8,#6366f1);-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:#a5b4fc;text-decoration:none;padding:6px 16px;border:1px solid rgba(99,102,241,.3);border-radius:20px;font-size:13px;transition:.2s}.nav a:hover{background:rgba(99,102,241,.15);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:24px 40px}
.card{background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.15);border-radius:14px;padding:18px;text-decoration:none;display:block;transition:.2s}.card:hover{border-color:#6366f1;transform:translateY(-2px)}
.card h3{font-size:16px;font-weight:700;color:#818cf8;margin-bottom:6px}.card p{font-size:13px;color:#94a3b8}
.badge{display:inline-block;margin-top:8px;font-size:11px;padding:3px 10px;border-radius:8px}
.int{background:rgba(16,185,129,.15);color:#10b981}.ext{background:rgba(99,102,241,.15);color:#818cf8}
.section{padding:24px 40px}.section h2{font-size:20px;font-weight:700;margin-bottom:16px}
</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>🤖 <span>Agents Hub</span></h1><p>13 agents IA souverains, orchestration multi-agents, monitoring</p>
<div class="nav"><a href="/ai-hub.html">AI</a><a href="/monitoring-hub.html">Monitoring</a><a href="/wevia-master.html">Master</a></div></div>
<div class="section"><h2 style="color:#10b981">🤖 AGENTS LIVE</h2></div>
<div class="grid"><a href="/agents-archi.html" class="card"><h3>🏗️ Architecture 3D</h3><p>61 agents, 5 tiers, flux animés</p><span class="badge int">INTERNE</span></a>
<a href="/agents-fleet.html" class="card"><h3>📊 Fleet Overview</h3><p>13 agents status live</p><span class="badge int">INTERNE</span></a>
<a href="/agents-valuechain.html" class="card"><h3>🎯 Value Chain</h3><p>Chaîne de valeur agents</p><span class="badge int">INTERNE</span></a>
<a href="/agents-goodjob.html" class="card"><h3>💡 GoodJob</h3><p>Performance agents</p><span class="badge int">INTERNE</span></a>
<a href="/agents-enterprise.html" class="card"><h3>🌐 Enterprise</h3><p>Vue enterprise agents</p><span class="badge int">INTERNE</span></a>
<a href="/agents-sim.html" class="card"><h3>🔬 Simulation</h3><p>Simulation multi-agents</p><span class="badge int">INTERNE</span></a>
</div>
<div class="section"><h2 style="color:#818cf8">⚙️ ORCHESTRATION</h2></div>
<div class="grid"><a href="/wevia-master.html" class="card"><h3>🧠 WEVIA Master</h3><p>Multi-agents via chat (7 parallel)</p><span class="badge int">INTERNE</span></a>
<a href="/director-center.html" class="card"><h3>👁️ Director</h3><p>Supervision agents</p><span class="badge int">INTERNE</span></a>
<a href="/director-chat.html" class="card"><h3>💬 Director Chat</h3><p>DeerFlow research</p><span class="badge int">INTERNE</span></a>
<a href="/paperclip.html" class="card"><h3>📋 Paperclip</h3><p>Project management agent</p><span class="badge int">INTERNE</span></a>
</div>
<!-- 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 -->
</body></html>