yanis/html
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
Files
d014fa77e9df24fc5b803fc98b87b6fbcb88e749
html/agents-final.html
Opus 6fbe5081ff
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled
Details
auto-sync-0305
2026-04-24 03:05:04 +02:00

372 lines
29 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WEVAL Enterprise</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;overflow:hidden;font-family:'Nunito',sans-serif}canvas{display:block}
#tip{position:fixed;pointer-events:none;display:none;z-index:99;background:#16213eee;border:2px solid;border-radius:14px;padding:12px 16px;color:#e0e8ff;max-width:240px;box-shadow:0 6px 30px #00000060}
#tip b{font-size:1rem;color:#fff;display:block}#tip i{font-size:.62rem;text-transform:uppercase;letter-spacing:2px;font-style:normal;display:block;margin:2px 0 5px}
#tip p{font-size:.78rem;color:#8a98c0;margin:0}#tip s{font-size:.68rem;color:#53d8fb;text-decoration:none;display:block;margin-top:4px;border-top:1px solid #fff1;padding-top:4px}
#tip em{font-size:.66rem;display:block;margin-top:3px;font-style:normal;font-weight:700}
#h{position:fixed;top:0;left:0;right:0;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#1a1a2eee}
#h span{font-size:.72rem;color:#5a6a88}#h span b{color:#53d8fb}
</style>
</head>
<body>
<!-- CANONICAL BANNER doctrine 103 -->
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">&times;</button>
</div>
<style>#canonical-banner-v103+*{margin-top:36px!important}
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
/* Doctrine zero chevauchement - hide common offenders */
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
/* === end WEVIA Gemini Rolling v2 batch === */
</style>
<script>
(function(){
var el = document.getElementById('canonical-this-page');
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
})();
</script>
<!-- END CANONICAL BANNER -->
<canvas id="c"></canvas>
<div id="tip"><b></b><i></i><p></p><s></s><em></em></div>
<div id="h"><div style="font-weight:900;font-size:1.1rem"><span style="color:#e94560">WEVAL</span> <span style="color:#53d8fb">Enterprise</span></div><div><span>Agents <b>31</b></span> · <span>Actifs <b id="ac">0</b></span> · <span>Tasks <b id="tc" style="color:#f59e0b">0</b></span></div></div>
<script>
const C=document.getElementById('c'),X=C.getContext('2d');
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
function resize(){W=innerWidth;H=innerHeight;C.width=W*2;C.height=H*2;X.scale(2,2);lay()}
addEventListener('resize',resize);
const RM=[
{id:'ceo', l:'👑 CEO Office', c:'#e94560'},
{id:'sales',l:'🎯 Prospection', c:'#3b82f6'},
{id:'con', l:'💼 Consulting', c:'#7c3aed'},
{id:'dev', l:'⚡ Dev Lab', c:'#10b981'},
{id:'srv', l:'🖥️ Server Room',c:'#f59e0b'},
{id:'sec', l:'🛡️ Sécurité', c:'#ef4444'},
{id:'qa', l:'🧪 QA Center', c:'#06b6d4'},
{id:'pha', l:'💊 Pharma Lab', c:'#d946ef'},
{id:'ops', l:'📡 Monitoring', c:'#eab308'},
];
RM.forEach(r=>{r.x=0;r.y=0;r.w=0;r.h=0;});
const SN=[{l:'LEADS',c:'#3b82f6'},{l:'QUALIFY',c:'#7c3aed'},{l:'DESIGN',c:'#10b981'},{l:'BUILD',c:'#22c55e'},{l:'SECURE',c:'#ef4444'},{l:'TEST',c:'#06b6d4'},{l:'DEPLOY',c:'#f59e0b'},{l:'DELIVER',c:'#84cc16'}];
SN.forEach(s=>{s.x=0;s.y=0;});
const AG=[
{n:'CEO',e:'👔',r:'ceo',s:1,d:'Agent CEO autonome',p:'Stratégie, budget',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#1a1a2e',hr:'slick',hc:'#111',gl:0},
{n:'Ethica',e:'💊',r:'sales',s:0,d:'Scraping HCP',p:'131K+ médecins',sk:'#d4a574',ey:'#1a1a3a',sh:'#3b82f6',hr:'curly',hc:'#1a0a00',gl:0},
{n:'Analyst',e:'🔍',r:'sales',s:0,d:'Analyse besoins',p:'Specs, études',sk:'#f0d0b0',ey:'#1a3a1a',sh:'#3b82f6',hr:'short',hc:'#4a3020',gl:1},
{n:'Writer',e:'✍️',r:'sales',s:0,d:'Rédaction proposals',p:'Cold emails',sk:'#f0d0b0',ey:'#3a1a1a',sh:'#3b82f6',hr:'bob',hc:'#8a4a20',gl:0},
{n:'Architect',e:'🏗️',r:'con',s:2,d:'Architecture tech',p:'Blueprints',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#2a2a3a',gl:1},
{n:'Planner',e:'📋',r:'con',s:1,d:'Roadmaps',p:'Sprint plans',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#7c3aed',hr:'side',hc:'#5a3a1a',gl:0},
{n:'DeerFlow',e:'🦌',r:'con',s:1,d:'Deep research',p:'Synthèses R&D',sk:'#e0b890',ey:'#3a2a1a',sh:'#7c3aed',hr:'wild',hc:'#6a4020',gl:0,ac:'antlers'},
{n:'Critic',e:'⚖️',r:'con',s:1,d:'Validation risques',p:'Reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#3a3a4a',gl:1},
{n:'Executor',e:'⚡',r:'dev',s:3,d:'Exécution deploy',p:'Scripts',sk:'#d4a574',ey:'#1a3a1a',sh:'#10b981',hr:'mohawk',hc:'#22c55e',gl:0},
{n:'Debugger',e:'🐛',r:'dev',s:3,d:'Root cause',p:'Fixes',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#10b981',hr:'messy',hc:'#4a2a10',gl:1},
{n:'Reviewer',e:'👁️',r:'dev',s:3,d:'Code review',p:'PR reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'short',hc:'#333',gl:0},
{n:'Designer',e:'🎨',r:'dev',s:2,d:'UI/UX design',p:'Mockups',sk:'#f0d0b0',ey:'#3a1a3a',sh:'#10b981',hr:'long',hc:'#d946ef',gl:0,ac:'beret'},
{n:'WEDROID',e:'🤖',r:'dev',s:3,d:'Auto-diag v5',p:'DB fix auto',sk:'#8899aa',ey:'#22c55e',sh:'#10b981',hr:'robot',hc:'#5a7a9a',gl:0},
{n:'Simplifier',e:'✂️',r:'dev',s:3,d:'Refactoring',p:'-40% code',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'bun',hc:'#6a4a30',gl:1},
{n:'Watchdog',e:'🐕',r:'srv',s:6,d:'Monitor */3min',p:'Auto-restart',sk:'#e0b890',ey:'#3a2a1a',sh:'#f59e0b',hr:'ears',hc:'#8a6a30',gl:0},
{n:'Guardian',e:'🛡️',r:'srv',s:4,d:'Protection sys',p:'chattr +i',sk:'#d4a574',ey:'#1a1a2a',sh:'#f59e0b',hr:'buzz',hc:'#2a3a2a',gl:0,ac:'helmet'},
{n:'Blade',e:'💻',r:'srv',s:6,d:'Desktop agent',p:'PowerShell',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#f59e0b',hr:'cap',hc:'#1a3050',gl:0,ac:'headset'},
{n:'GitMaster',e:'🌿',r:'srv',s:6,d:'Git releases',p:'Tags, deploys',sk:'#e8c8a0',ey:'#1a3a1a',sh:'#f59e0b',hr:'ponytail',hc:'#3a5a2a',gl:1},
{n:'Security',e:'🔐',r:'sec',s:4,d:'Audit OWASP',p:'Rapports sécu',sk:'#d4a574',ey:'#1a1a1a',sh:'#ef4444',hr:'buzz',hc:'#111',gl:0,ac:'shades'},
{n:'Verifier',e:'✅',r:'sec',s:4,d:'ISO/RGPD',p:'Checks PCI',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#ef4444',hr:'short',hc:'#3a3a4a',gl:1},
{n:'QA',e:'🧪',r:'qa',s:5,d:'Tests E2E',p:'148 NonReg',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#06b6d4',hr:'short',hc:'#2a3a5a',gl:0,ac:'goggles'},
{n:'TestEng',e:'🧰',r:'qa',s:5,d:'CI/CD',p:'Automatisation',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#06b6d4',hr:'short',hc:'#4a3a2a',gl:0},
{n:'Tracer',e:'🔦',r:'qa',s:5,d:'Log tracing',p:'Stack traces',sk:'#e0b890',ey:'#2a1a1a',sh:'#06b6d4',hr:'short',hc:'#3a2a1a',gl:0},
{n:'Scientist',e:'🔬',r:'qa',s:5,d:'Benchmarks',p:'AI Bench 182',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#06b6d4',hr:'einstein',hc:'#999',gl:1},
{n:'Explore',e:'🧭',r:'pha',s:0,d:'Exploration R&D',p:'Sources HCP',sk:'#d4a574',ey:'#3a2a1a',sh:'#d946ef',hr:'wild',hc:'#5a3a10',gl:0},
{n:'DocSpec',e:'📝',r:'pha',s:7,d:'Documentation',p:'Templates',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#d946ef',hr:'short',hc:'#333',gl:1},
{n:'MiroFish',e:'🐟',r:'pha',s:2,d:'Creative AI',p:'Brainstorm',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#d946ef',hr:'wavy',hc:'#06b6d4',gl:0},
{n:'TaskMgr',e:'📋',r:'ops',s:7,d:'Suivi tâches',p:'Kanban',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#eab308',hr:'side',hc:'#4a4a3a',gl:0},
{n:'Brain',e:'💡',r:'ops',s:2,d:'Brainstorming',p:'Idées',sk:'#f0d0b0',ey:'#3a3a1a',sh:'#eab308',hr:'spiky',hc:'#eab308',gl:0},
{n:'Intro',e:'🧠',r:'ops',s:5,d:'Méta-analyse',p:'Amélioration',sk:'#e8c8a0',ey:'#2a1a3a',sh:'#eab308',hr:'short',hc:'#a855f7',gl:0},
{n:'Orch',e:'🎯',r:'ops',s:6,d:'Orchestration',p:'Coordination',sk:'#d4a574',ey:'#1a1a2a',sh:'#eab308',hr:'buzz',hc:'#222',gl:0},
];
AG.forEach(a=>{a.st='idle';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;a.bob=Math.random()*6.28;a.wk=0;a.tmr=200+Math.random()*500;a.wtmr=0;a.dir=1;a.bl=0;a.blt=80+Math.random()*200;a.bub='';a.bubt=0;});
function lay(){
// 3x3 room grid at top
const pad=10,topY=36;
const rw=(W-pad*4)/3,rh=(H*.58-topY-pad*3)/3;
for(let i=0;i<9;i++){
const col=i%3,row=Math.floor(i/3);
RM[i].x=pad+col*(rw+pad);RM[i].y=topY+row*(rh+pad);RM[i].w=rw;RM[i].h=rh;
}
// Chain at bottom
const cy=H*.82;
const sg=(W-60)/SN.length;
SN.forEach((s,i)=>{s.x=40+i*sg+sg/2;s.y=cy;});
// Agent desk positions
AG.forEach(a=>{
const rm=RM.find(r=>r.id===a.r);if(!rm)return;
const mates=AG.filter(b=>b.r===a.r);const mi=mates.indexOf(a);
const cols=Math.max(Math.ceil(mates.length/2),1);
const row=Math.floor(mi/cols),col=mi%cols;
a.dx=rm.x+24+col*Math.min((rm.w-48)/Math.max(cols-1,1),48);
a.dy=rm.y+30+row*32;
if(a.st==='idle'){a.x=a.dx;a.y=a.dy;}
const sn=SN[a.s];if(sn){a.cx=sn.x+(Math.random()-.5)*18;a.cy=sn.y-8;}
});
}
resize();
// ═ DRAW ROOM ═
function dR(r){
X.fillStyle='#00000020';X.beginPath();X.roundRect(r.x+3,r.y+3,r.w,r.h,8);X.fill();
const g=X.createLinearGradient(r.x,r.y,r.x,r.y+r.h);g.addColorStop(0,'#161938');g.addColorStop(1,'#0e1025');
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
X.strokeStyle=r.c+'40';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
X.fillStyle=r.c+'60';X.beginPath();X.roundRect(r.x,r.y,r.w,3,[8,8,0,0]);X.fill();
// Floor tiles
X.strokeStyle=r.c+'06';X.lineWidth=.3;
for(let i=1;i<5;i++){X.beginPath();X.moveTo(r.x+i*(r.w/5),r.y+18);X.lineTo(r.x+i*(r.w/5),r.y+r.h-3);X.stroke();}
X.font='800 9px Nunito';X.fillStyle=r.c;X.textAlign='left';X.fillText(r.l,r.x+8,r.y+14);
// Decorations per room
if(r.id==='srv'){for(let i=0;i<3;i++){const rx=r.x+r.w-14-i*14;X.fillStyle='#1a2535';X.fillRect(rx,r.y+18,10,r.h-24);
for(let j=0;j<5;j++){X.fillStyle=Math.sin(fr*.04+i+j)>.2?'#22c55e':'#ef4444';X.beginPath();X.arc(rx+3,r.y+24+j*7,1.2,0,6.28);X.fill();}}}
if(r.id==='ceo'){X.fillStyle='#2a5a2a';X.beginPath();X.arc(r.x+r.w-16,r.y+r.h-10,6,Math.PI,0);X.fill();X.fillStyle='#5a3a2a';X.fillRect(r.x+r.w-18,r.y+r.h-10,4,6);
X.fillStyle='#f59e0b30';X.beginPath();X.arc(r.x+r.w-35,r.y+26,8,0,6.28);X.fill();}
if(r.id==='pha'){for(let i=0;i<3;i++){X.fillStyle=['#d946ef30','#3b82f630','#22c55e30'][i];X.beginPath();X.roundRect(r.x+r.w-12-i*9,r.y+20,5,14,2);X.fill();}}
if(r.id==='sec'){X.fillStyle=Math.sin(fr*.08)>.5?'#ef4444':'#ef444440';X.beginPath();X.arc(r.x+r.w-12,r.y+24,3,0,6.28);X.fill();}
if(r.id==='ops'){X.strokeStyle='#eab30850';X.lineWidth=.8;X.beginPath();for(let i=0;i<6;i++)X.lineTo(r.x+r.w-38+i*5,r.y+35-Math.sin(fr*.015+i)*5);X.stroke();}
}
// ═ DRAW DESK ═
function dD(x,y,c,occ){
X.fillStyle=occ?'#1c2540':'#141a2a';X.beginPath();X.roundRect(x-12,y+2,24,7,2);X.fill();
X.fillStyle=occ?c+'30':'#0e1420';X.fillRect(x-5,y-4,10,6);
if(occ){X.fillStyle=c+'06';X.beginPath();X.arc(x,y,14,0,6.28);X.fill();}
}
// ═ CHIBI CHARACTER ═
function dC(a){
const isH=a===hov,sit=a.st==='idle',sc=isH?1.15:1;
const bob=sit?Math.sin(a.bob)*.3:Math.sin(a.bob)*1.5;
const lsw=sit?0:Math.sin(a.wk)*3;
X.save();X.translate(a.x,a.y+bob);X.scale(sc*a.dir,sc);
if(isH){X.shadowColor=a.sh;X.shadowBlur=14;}
const rm=RM.find(r=>r.id===a.r);
// Shadow
X.fillStyle='rgba(0,0,0,.25)';X.beginPath();X.ellipse(0,sit?6:10,6,2,0,0,6.28);X.fill();
const oy=sit?-2:0;
// Legs
X.fillStyle='#25254a';
if(sit){X.beginPath();X.roundRect(-4,oy+3,3,4,1);X.fill();X.beginPath();X.roundRect(1,oy+3,3,4,1);X.fill();}
else{X.save();X.translate(-2,oy+3);X.rotate(lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();
X.save();X.translate(2,oy+3);X.rotate(-lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();}
// Shoes
X.fillStyle='#1a1a38';
X.beginPath();X.roundRect(-4.5+lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
X.beginPath();X.roundRect(0-lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
// Body
const bg=X.createLinearGradient(0,oy-6,0,oy+3);bg.addColorStop(0,a.sh);bg.addColorStop(1,a.sh+'88');
X.fillStyle=bg;X.beginPath();X.roundRect(-5.5,oy-6,11,10,[3,3,1,1]);X.fill();
X.fillStyle='rgba(255,255,255,.06)';X.beginPath();X.roundRect(-4,oy-5,3.5,7,[1,0,0,1]);X.fill();
// Arms
X.fillStyle=a.sk;const asw=sit?.05:Math.sin(a.wk+.5)*.15;
X.save();X.translate(-6.5,oy-3);X.rotate(sit?.25:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
X.save();X.translate(6.5,oy-3);X.rotate(sit?-.25:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
// HEAD
const hy=oy-15;const hr=8;
X.fillStyle=a.sk;X.beginPath();X.arc(0,hy+1,hr,0,6.28);X.fill();
X.fillStyle='#ff8a8a10';X.beginPath();X.arc(-5,hy+4,2.5,0,6.28);X.fill();X.beginPath();X.arc(5,hy+4,2.5,0,6.28);X.fill();
// HAIR
X.fillStyle=a.hc;
switch(a.hr){
case'slick':X.beginPath();X.arc(0,hy-.5,hr+.5,.7,Math.PI+.5);X.fill();X.fillRect(-6,hy-5,12,5);break;
case'short':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();break;
case'buzz':X.beginPath();X.arc(0,hy,hr+.8,.4,Math.PI-.2);X.fill();break;
case'curly':for(let i=0;i<9;i++){const ag=-2.3+i*.5;X.beginPath();X.arc(Math.cos(ag)*7,hy-1+Math.sin(ag)*6.5,3,0,6.28);X.fill();}break;
case'bob':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-8.5,hy+1,4,7);X.fillRect(4.5,hy+1,4,7);break;
case'side':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-9,hy-1,4.5,7);break;
case'wild':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy-1,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy-1,3.5,0,6.28);X.fill();break;
case'mohawk':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();for(let i=0;i<4;i++)X.fillRect(-1.5,hy-8-i*2,3,3.5);break;
case'messy':X.beginPath();X.arc(0,hy-.5,hr+.8,.3,Math.PI-.1);X.fill();for(let i=0;i<4;i++)X.fillRect(-5+i*3,hy-7-Math.random()*2,2.5,4);break;
case'long':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-9,hy,4,8);X.fillRect(5,hy,4,8);break;
case'bun':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.arc(0,hy-7,3.5,0,6.28);X.fill();break;
case'ponytail':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(6,hy,2.5,10);X.beginPath();X.arc(7,hy+10,2.5,0,6.28);X.fill();break;
case'ears':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.moveTo(-7,hy-2);X.lineTo(-11,hy-9);X.lineTo(-4,hy);X.fill();X.beginPath();X.moveTo(7,hy-2);X.lineTo(11,hy-9);X.lineTo(4,hy);X.fill();break;
case'cap':X.beginPath();X.arc(0,hy-.5,hr+.5,.3,Math.PI-.1);X.fill();X.fillRect(-10,hy,20,3);X.fillRect(-12,hy+2,7,2);break;
case'einstein':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy,3.5,0,6.28);X.fill();break;
case'spiky':for(let i=0;i<5;i++){const ag=-1.6+i*.6,rr=hr+3;X.beginPath();X.moveTo(Math.cos(ag)*6,hy+Math.sin(ag)*5.5);X.lineTo(Math.cos(ag)*rr,hy-2+Math.sin(ag)*rr*.6);X.lineTo(Math.cos(ag+.3)*6,hy+Math.sin(ag+.3)*5.5);X.fill();}break;
case'wavy':for(let i=0;i<7;i++){const ag=-2+i*.55;X.beginPath();X.arc(Math.cos(ag)*7.5,hy-1+Math.sin(ag)*6+Math.sin(i)*1.2,2.5,0,6.28);X.fill();}break;
case'robot':X.fillStyle='#5a7a9a';X.beginPath();X.roundRect(-8,hy-5,16,13,3);X.fill();X.strokeStyle='#3a5a7a';X.lineWidth=.8;X.strokeRect(-6,hy-1,12,4);
X.strokeStyle='#8aa';X.lineWidth=1.2;X.beginPath();X.moveTo(0,hy-5);X.lineTo(0,hy-9);X.stroke();X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-9,2,0,6.28);X.fill();break;
default:X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();
}
// EYES
if(a.hr!=='robot'){
if(a.bl<=0){
X.fillStyle='#fff';X.beginPath();X.ellipse(-3,hy+1,2.8,3.2,0,0,6.28);X.fill();X.beginPath();X.ellipse(3,hy+1,2.8,3.2,0,0,6.28);X.fill();
X.fillStyle=a.ey;X.beginPath();X.arc(-2.5,hy+1.5,1.8,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.5,1.8,0,6.28);X.fill();
X.fillStyle='#000';X.beginPath();X.arc(-2.5,hy+1.8,1,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.8,1,0,6.28);X.fill();
X.fillStyle='#fff';X.beginPath();X.arc(-3.2,hy+.5,.7,0,6.28);X.fill();X.beginPath();X.arc(2.8,hy+.5,.7,0,6.28);X.fill();
}else{X.strokeStyle=a.ey;X.lineWidth=1.2;X.lineCap='round';X.beginPath();X.moveTo(-5,hy+1);X.lineTo(-1,hy+1);X.stroke();X.beginPath();X.moveTo(1,hy+1);X.lineTo(5,hy+1);X.stroke();}
if(a.gl){X.strokeStyle='#8aa0be';X.lineWidth=.6;X.beginPath();X.arc(-3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.arc(3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.moveTo(-.2,hy+1);X.lineTo(.2,hy+1);X.stroke();}
X.fillStyle=a.sk+'cc';X.beginPath();X.arc(0,hy+4.5,.8,0,6.28);X.fill();
X.strokeStyle='#c08080';X.lineWidth=.6;X.lineCap='round';X.beginPath();
if(a.st==='wk'){X.arc(0,hy+6.5,1.8,.2,Math.PI-.2);}else{X.moveTo(-1.2,hy+7);X.lineTo(1.2,hy+7);}X.stroke();
}else{X.fillStyle=a.st!=='idle'?'#22c55e':'#3b82f6';X.beginPath();X.roundRect(-4,hy,.5,3,2.5,1);X.fill();X.beginPath();X.roundRect(1,hy+.5,3,2.5,1);X.fill();}
// Accessories
if(a.ac==='shades'){X.fillStyle='#000b';X.beginPath();X.roundRect(-6.5,hy-.5,5.5,3.5,1.2);X.fill();X.beginPath();X.roundRect(1,hy-.5,5.5,3.5,1.2);X.fill();}
if(a.ac==='antlers'){X.strokeStyle=a.hc;X.lineWidth=1;X.beginPath();X.moveTo(-6,hy-4);X.lineTo(-9,hy-10);X.moveTo(-8,hy-7);X.lineTo(-11,hy-11);X.stroke();X.beginPath();X.moveTo(6,hy-4);X.lineTo(9,hy-10);X.moveTo(8,hy-7);X.lineTo(11,hy-11);X.stroke();}
if(a.ac==='beret'){X.fillStyle='#e94560';X.beginPath();X.arc(-1,hy-6,5.5,.3,Math.PI);X.fill();X.beginPath();X.arc(-1,hy-8,1.5,0,6.28);X.fill();}
if(a.ac==='goggles'){X.fillStyle='#06b6d430';X.beginPath();X.roundRect(-6.5,hy-1,5.5,4,1.5);X.fill();X.beginPath();X.roundRect(1,hy-1,5.5,4,1.5);X.fill();}
if(a.ac==='headset'){X.strokeStyle='#444';X.lineWidth=1.5;X.beginPath();X.arc(0,hy-1,hr+1.5,.7,Math.PI-.5);X.stroke();X.fillStyle='#333';X.beginPath();X.arc(-8,hy+2,2.5,0,6.28);X.fill();}
if(a.ac==='helmet'){X.fillStyle='#4a6a4a';X.beginPath();X.arc(0,hy-1,hr+1.5,.3,Math.PI-.1);X.fill();}
// Emoji + name
X.font='7px sans-serif';X.textAlign='center';X.fillText(a.e,hr+3,hy-1);
X.font=`${isH?'800':'600'} ${isH?7.5:6}px Nunito`;X.fillStyle=isH?'#fff':a.st!=='idle'?'#b0c0e0':'#3a4a60';X.fillText(a.n,0,sit?14:20);
if(a.st!=='idle'){X.fillStyle='#22c55e';X.beginPath();X.arc(0,oy-20,2,0,6.28);X.fill();}
if(a.bubt>0){const ba=Math.min(a.bubt/16,1);X.globalAlpha=ba;X.fillStyle='#fffd';const bw=Math.min(a.bub.length*3.5+10,90);X.beginPath();X.roundRect(-bw/2,oy-36,bw,13,5);X.fill();
X.fillStyle='#fff';X.beginPath();X.moveTo(-2,oy-23);X.lineTo(2,oy-23);X.lineTo(0,oy-20);X.closePath();X.fill();
X.font='600 5.5px Nunito';X.fillStyle='#1a1a2e';X.fillText(a.bub,0,oy-27.5);X.globalAlpha=1;}
X.restore();
}
// ═ CHAIN ═
function dChain(){const y=SN[0].y;
X.fillStyle='#0c0e1e';X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.fill();
X.strokeStyle='#1a2040';X.lineWidth=.8;X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.stroke();
const off=(fr*.8)%18;X.strokeStyle='#12182a';X.lineWidth=.3;
for(let x=24-off;x<W-24;x+=18){X.beginPath();X.moveTo(x,y-15);X.lineTo(x,y+15);X.stroke();}
SN.forEach((s,i)=>{
X.fillStyle=s.c+'28';X.beginPath();X.arc(s.x,y,16,0,6.28);X.fill();
X.fillStyle=s.c+'50';X.beginPath();X.arc(s.x,y,5,0,6.28);X.fill();
X.strokeStyle=s.c;X.lineWidth=1;X.beginPath();X.arc(s.x,y,5,0,6.28);X.stroke();
X.font='700 7px Nunito';X.textAlign='center';X.fillStyle=s.c;X.fillText(s.l,s.x,y+24);
if(i<SN.length-1){const n=SN[i+1];X.strokeStyle='#182040';X.lineWidth=.6;X.beginPath();X.moveTo(s.x+7,y);X.lineTo(n.x-7,y);X.stroke();}
});
}
// ═ UPDATE ═
function upd(dt){fr++;let ac=0;
AG.forEach(a=>{a.bob+=dt*(a.st==='idle'?1.5:3.2);a.blt-=dt*60;if(a.blt<=0){a.bl=4;a.blt=80+Math.random()*180;}if(a.bl>0)a.bl-=dt*60;if(a.bubt>0)a.bubt-=dt*20;
switch(a.st){
case'idle':a.tmr-=dt*60;if(a.tmr<=0){a.st='wt';a.wk=0;}break;
case'wt':a.wk+=dt*7;ac++;{const dx=a.cx-a.x,dy=a.cy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='wk';a.wtmr=55+Math.random()*90;a.bub=a.p.substring(0,16);a.bubt=40;tasks++;}}break;
case'wk':a.wk+=dt*2.5;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.st='wb';break;
case'wb':a.wk+=dt*7;ac++;{const dx=a.dx-a.x,dy=a.dy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='idle';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=220+Math.random()*550;}}break;
}});document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;}
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<9&&Math.abs(my-a.y)<16)hov=a;});
const t=document.getElementById('tip');if(hov){t.style.display='block';t.style.left=Math.min(mx+14,W-250)+'px';t.style.top=Math.max(my-150,10)+'px';
const rm=RM.find(r=>r.id===hov.r);t.style.borderColor=rm?rm.c:'#53d8fb';
t.querySelector('b').textContent=hov.e+' '+hov.n;t.querySelector('i').textContent=rm?rm.l:'';t.querySelector('i').style.color=rm?rm.c:'#fff';
t.querySelector('p').textContent=hov.d;t.querySelector('s').textContent='→ '+hov.p;
const sm={idle:'💤 Au bureau',wt:'🚶 → Production',wk:'⚙️ En production',wb:'🔙 Retour'};
t.querySelector('em').textContent=sm[hov.st]||'';t.querySelector('em').style.color=hov.st==='idle'?'#5a6888':'#22c55e';
}else t.style.display='none';}
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;X.clearRect(0,0,W,H);X.fillStyle='#1a1a2e';X.fillRect(0,0,W,H);
RM.forEach(r=>dR(r));AG.forEach(a=>{const rm=RM.find(r=>r.id===a.r);if(rm)dD(a.dx,a.dy,rm.c,a.st==='idle');});
dChain();upd(dt);
AG.filter(a=>a.st==='wt'||a.st==='wb').forEach(a=>{X.strokeStyle='#22c55e08';X.lineWidth=.6;X.setLineDash([1.5,4]);X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>dC(a));hit();requestAnimationFrame(loop);}
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
C.addEventListener('mouseleave',()=>{mx=my=-1});
requestAnimationFrame(loop);
</script>
<!-- CARTO_REMOVED -->
<!-- === 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) {
// Clone card content + show close btn + increase font-size
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 a more-specific drill is already active (e.g. pp-card custom), let it handle
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);} });
}
}
// Initial + mutation observer
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/a11y-auto-enhancer.js" defer></script>
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink