587 lines
31 KiB
HTML
587 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>WEVIA Director — Autonomous Center</title>
|
|
<style>@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap');
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{background:#e4ecf6;background-image:radial-gradient(#c8d8e8 .6px,transparent .6px);background-size:16px 16px;overflow-y:auto;font-family:'Nunito'}
|
|
#hud{position:fixed;top:0;left:0;right:0;height:28px;background:linear-gradient(135deg,#1e293b,#0f172a);z-index:100;display:flex;align-items:center;padding:0 12px;gap:14px;font-size:.65rem}
|
|
.hs{color:#94a3b8;display:flex;align-items:center;gap:4px}.hs b{font-weight:800}.hs .v{font-weight:800}
|
|
.hs .ok{color:#4ade80}.hs .wn{color:#fbbf24}.hs .cr{color:#f87171}.hs .in{color:#60a5fa}
|
|
.pulse{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lp 2s infinite;margin-left:auto}
|
|
@keyframes lp{0%,100%{opacity:1}50%{opacity:.3}}
|
|
#nav{position:fixed;top:32px;left:0;right:0;display:flex;justify-content:center;gap:5px;padding:5px;z-index:90;background:#e4ecf6dd;backdrop-filter:blur(8px)}
|
|
#nav a,#nav button{padding:3px 10px;border-radius:5px;font:700 9px Nunito;text-decoration:none;background:#fff8;color:#5a6a80;border:1px solid #c8d8e8;cursor:pointer;transition:.2s}
|
|
#nav a:hover,#nav button:hover{background:#059669;color:#fff;border-color:#059669}
|
|
#nav a.ac{background:#059669;color:#fff;border-color:#059669}
|
|
|
|
/* Rooms grid */
|
|
.rooms{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:70px 16px 16px;max-width:1400px;margin:0 auto}
|
|
.room{background:#fff;border-radius:14px;border:2px solid #c8d8e8;padding:16px;min-height:360px;position:relative;overflow:hidden;transition:border .3s}
|
|
.room:hover{border-color:#059669}
|
|
.room-hdr{display:flex;align-items:center;gap:10px;margin-bottom:12px}
|
|
.room-ico{font-size:22px}
|
|
.room-name{font-size:15px;font-weight:900;color:#2a2a4a}
|
|
.room-badge{margin-left:auto;padding:2px 8px;border-radius:10px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
|
|
.room-badge.live{background:#dcfce7;color:#059669;border:1px solid #86efac}
|
|
.room-badge.warn{background:#fef3c7;color:#d97706;border:1px solid #fcd34d}
|
|
.room-badge.crit{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}
|
|
|
|
/* Agent circles */
|
|
.agents-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px 0}
|
|
.agent{text-align:center;width:70px;cursor:pointer;transition:transform .2s}
|
|
.agent:hover{transform:scale(1.08)}
|
|
.agent-ava{width:48px;height:48px;border-radius:50%;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;border:2px solid #c8d8e8;background:#f0f4fa}
|
|
.agent-ava.on{border-color:#059669;box-shadow:0 0 0 3px #dcfce7}
|
|
.agent-ava.off{border-color:#f87171;box-shadow:0 0 0 3px #fee2e2}
|
|
.agent-ava .dot{position:absolute;top:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #fff}
|
|
.dot.g{background:#4ade80}.dot.r{background:#ef4444}.dot.y{background:#fbbf24}
|
|
.agent-name{font-size:8px;font-weight:700;color:#475569;line-height:1.2}
|
|
.agent-sub{font-size:7px;color:#94a3b8;font-weight:600}
|
|
|
|
/* Metrics bar inside room */
|
|
.room-metrics{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
|
|
.rm{padding:3px 8px;border-radius:6px;font-size:9px;font-weight:700;background:#f0f4fa;color:#475569;border:1px solid #e2e8f0}
|
|
.rm.ok{background:#dcfce7;color:#059669;border-color:#86efac}
|
|
.rm.wn{background:#fef3c7;color:#d97706;border-color:#fcd34d}
|
|
|
|
/* Transcript */
|
|
.transcript{margin-top:10px;padding:8px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;max-height:120px;overflow-y:auto}
|
|
.transcript-title{font-size:8px;font-weight:800;color:#e94560;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
|
|
.tl{font-size:9px;color:#475569;padding:2px 0;display:flex;align-items:center;gap:6px;line-height:1.4}
|
|
.tl .ti{font-size:10px}
|
|
|
|
/* Pipeline section */
|
|
.pipeline-section{padding:16px;max-width:1400px;margin:0 auto}
|
|
.pipeline-title{font-size:14px;font-weight:900;color:#2a2a4a;margin-bottom:12px;display:flex;align-items:center;gap:8px}
|
|
.pipeline{display:flex;align-items:center;gap:0;background:#fff;border-radius:14px;border:2px solid #c8d8e8;padding:20px;overflow-x:auto}
|
|
.pipe-step{text-align:center;flex:1;min-width:100px;position:relative}
|
|
.pipe-circle{width:56px;height:56px;border-radius:50%;border:3px solid #c8d8e8;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f0f4fa;transition:all .3s}
|
|
.pipe-circle.active{border-color:#059669;background:#dcfce7;box-shadow:0 0 12px rgba(5,150,105,.2)}
|
|
.pipe-circle.warn{border-color:#d97706;background:#fef3c7}
|
|
.pipe-label{font-size:10px;font-weight:800;color:#475569}
|
|
.pipe-val{font-size:8px;color:#94a3b8;font-weight:600}
|
|
.pipe-arrow{font-size:16px;color:#c8d8e8;flex-shrink:0;margin:0 -4px}
|
|
|
|
/* Bottom bar */
|
|
.bottom-bar{position:fixed;bottom:0;left:0;right:0;height:40px;background:linear-gradient(135deg,#1e293b,#0f172a);z-index:100;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}
|
|
.bottom-bar button{padding:4px 14px;border-radius:6px;border:1.5px solid;font:700 9px Nunito;cursor:pointer;transition:.2s}
|
|
.bb-green{background:#059669;color:#fff;border-color:#047857}.bb-green:hover{background:#047857}
|
|
.bb-blue{background:#3b82f6;color:#fff;border-color:#2563eb}.bb-blue:hover{background:#2563eb}
|
|
.bb-red{background:#ef4444;color:#fff;border-color:#dc2626}.bb-red:hover{background:#dc2626}
|
|
.bb-purple{background:#7c3aed;color:#fff;border-color:#6d28d9}.bb-purple:hover{background:#6d28d9}
|
|
.bb-dark{background:#334155;color:#e2e8f0;border-color:#475569}.bb-dark:hover{background:#475569}
|
|
|
|
/* Toast */
|
|
.toast{position:fixed;top:64px;right:16px;background:#fff;border-radius:10px;padding:10px 16px;box-shadow:0 4px 20px #0002;border:2px solid #059669;font-size:11px;font-weight:700;z-index:200;animation:toastIn .3s ease;display:none}
|
|
.toast.show{display:block}
|
|
@keyframes toastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1}}
|
|
|
|
@media(max-width:900px){.rooms{grid-template-columns:1fr}}
|
|
</style><link rel="stylesheet" href="/css/weval-premium.css">
|
|
</head><body>
|
|
|
|
<!-- HUD -->
|
|
<div id="hud">
|
|
<div class="hs"><b style="color:#4ade80">DIRECTOR</b></div>
|
|
<div class="hs">URLs <span class="v ok" id="hUrls">—</span></div>
|
|
<div class="hs">Subs <span class="v ok" id="hSubs">—</span></div>
|
|
<div class="hs">Docker <span class="v ok" id="hDock">—</span></div>
|
|
<div class="hs">Ollama <span class="v in" id="hOll">—</span></div>
|
|
<div class="hs">NonReg <span class="v ok" id="hNR">—</span></div>
|
|
<div class="hs">Issues <span class="v ok" id="hIss">0</span></div>
|
|
<div class="hs">Cycle <span class="v in" id="hCyc">—</span></div>
|
|
<div class="pulse"></div>
|
|
</div>
|
|
|
|
<!-- NAV -->
|
|
<div id="nav">
|
|
<a href="/director-center.html" class="ac">Director</a>
|
|
<a href="/wevia-meeting-rooms.html">Rooms</a>
|
|
<a href="/value-stream.html">VSM</a>
|
|
<a href="/value-chain.html">Value Chain</a>
|
|
<a href="/toolhub.html">ToolHub</a>
|
|
<a href="/wiki.html">Wiki</a>
|
|
<a href="/enterprise-model.html">Enterprise</a>
|
|
<a href="/director-chat.html">Chat</a>
|
|
<a href="/director.html">Dashboard</a>
|
|
<a href="/l99-brain.html">L99</a>
|
|
<a href="/wevia-master.html">Master</a>
|
|
<a href="/agents-archi.html">Archi</a>
|
|
<button onclick="runCycle()">▶ Run Cycle</button>
|
|
<button onclick="runFix()">🔧 Auto-Fix</button>
|
|
</div>
|
|
|
|
<!-- ROOMS -->
|
|
<div class="rooms">
|
|
|
|
<!-- ROOM: INFRA -->
|
|
<div class="room" id="roomInfra">
|
|
<div class="room-hdr">
|
|
<span class="room-ico">🏗</span>
|
|
<span class="room-name">INFRA</span>
|
|
<span class="room-badge live" id="badgeInfra">NOMINAL</span>
|
|
</div>
|
|
<div class="agents-grid" id="agInfra"></div>
|
|
<div class="room-metrics" id="metInfra"></div>
|
|
<div class="transcript" id="trInfra"><div class="transcript-title">TRANSCRIPT</div></div>
|
|
</div>
|
|
|
|
<!-- ROOM: DEV -->
|
|
<div class="room" id="roomDev">
|
|
<div class="room-hdr">
|
|
<span class="room-ico">🔬</span>
|
|
<span class="room-name">DEV & QUALITY</span>
|
|
<span class="room-badge live" id="badgeDev">NOMINAL</span>
|
|
</div>
|
|
<div class="agents-grid" id="agDev"></div>
|
|
<div class="room-metrics" id="metDev"></div>
|
|
<div class="transcript" id="trDev"><div class="transcript-title">TRANSCRIPT</div></div>
|
|
</div>
|
|
|
|
<!-- ROOM: SECURITY -->
|
|
<div class="room" id="roomSec">
|
|
<div class="room-hdr">
|
|
<span class="room-ico">🛡</span>
|
|
<span class="room-name">SECURITY</span>
|
|
<span class="room-badge live" id="badgeSec">NOMINAL</span>
|
|
</div>
|
|
<div class="agents-grid" id="agSec"></div>
|
|
<div class="room-metrics" id="metSec"></div>
|
|
<div class="transcript" id="trSec"><div class="transcript-title">TRANSCRIPT</div></div>
|
|
</div>
|
|
|
|
<!-- ROOM: AI SOVEREIGN -->
|
|
<div class="room" id="roomAI">
|
|
<div class="room-hdr">
|
|
<span class="room-ico">🧠</span>
|
|
<span class="room-name">AI SOVEREIGN</span>
|
|
<span class="room-badge live" id="badgeAI">NOMINAL</span>
|
|
</div>
|
|
<div class="agents-grid" id="agAI"></div>
|
|
<div class="room-metrics" id="metAI"></div>
|
|
<div class="transcript" id="trAI"><div class="transcript-title">TRANSCRIPT</div></div>
|
|
</div>
|
|
|
|
<!-- ROOM: ETHICA -->
|
|
<div class="room" id="roomEthica">
|
|
<div class="room-hdr">
|
|
<span class="room-ico">💊</span>
|
|
<span class="room-name">ETHICA PHARMA</span>
|
|
<span class="room-badge live" id="badgeEthica">NOMINAL</span>
|
|
</div>
|
|
<div class="agents-grid" id="agEthica"></div>
|
|
<div class="room-metrics" id="metEthica"></div>
|
|
<div class="transcript" id="trEthica"><div class="transcript-title">TRANSCRIPT</div></div>
|
|
</div>
|
|
|
|
<!-- ROOM: BUSINESS -->
|
|
<div class="room" id="roomBiz">
|
|
<div class="room-hdr">
|
|
<span class="room-ico">📊</span>
|
|
<span class="room-name">BUSINESS & PARTNERS</span>
|
|
<span class="room-badge live" id="badgeBiz">NOMINAL</span>
|
|
</div>
|
|
<div class="agents-grid" id="agBiz"></div>
|
|
<div class="room-metrics" id="metBiz"></div>
|
|
<div class="transcript" id="trBiz"><div class="transcript-title">TRANSCRIPT</div></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- PIPELINE -->
|
|
<div class="pipeline-section">
|
|
<div class="pipeline-title">⚡ Director Autonomous Pipeline</div>
|
|
<div class="pipeline" id="pipeline"></div>
|
|
</div>
|
|
|
|
<!-- BOTTOM BAR -->
|
|
<div class="bottom-bar">
|
|
<button class="bb-green" onclick="runCycle()">▶ Run Cycle</button>
|
|
<button class="bb-red" onclick="runFix()">🔧 Auto-Fix</button>
|
|
<button class="bb-blue" onclick="runFia()">◎ Fiability</button>
|
|
<button class="bb-purple" onclick="location='/director-chat.html'">💬 Chat</button>
|
|
<button class="bb-dark" onclick="location='/director.html'">📊 Dashboard</button>
|
|
<span style="color:#64748b;font:600 9px Nunito;margin-left:auto" id="btmStatus">Loading...</span>
|
|
</div>
|
|
|
|
<div class="toast" id="toast"></div>
|
|
<div style="height:50px"></div>
|
|
|
|
<script>
|
|
const API='/api/wevia-director.php',FIA='/api/wevia-fiability.php',MASTER='/api/wevia-master-api.php',AUTOFIX='/api/wevia-docker-autofix.php';
|
|
|
|
// Agent definitions per room
|
|
const ROOMS={
|
|
Infra:[
|
|
{n:'Director',ico:'🎯',sub:'Autonomous',key:'director'},
|
|
{n:'Sentinel',ico:'🛡',sub:'S95 brain',key:'sentinel'},
|
|
{n:'Monitor',ico:'📡',sub:'Uptime 24/7',key:'uptime'},
|
|
{n:'Docker',ico:'🐳',sub:'20 containers',key:'docker'},
|
|
{n:'PMTA',ico:'📧',sub:'Email MTA',key:'pmta'},
|
|
{n:'Proactive',ico:'⚡',sub:'Auto-heal',key:'proactive'},
|
|
{n:'Prometheus',ico:'📈',sub:'Metrics',key:'prometheus'},
|
|
],
|
|
Dev:[
|
|
{n:'NonReg',ico:'✅',sub:'153/153',key:'nonreg'},
|
|
{n:'L99',ico:'🧪',sub:'Tests',key:'l99'},
|
|
{n:'Playwright',ico:'🎭',sub:'E2E 18/18',key:'playwright'},
|
|
{n:'WEVCODE',ico:'💻',sub:'Code assist',key:'wevcode'},
|
|
{n:'Evolution',ico:'🔄',sub:'Auto-evolve',key:'evolution'},
|
|
{n:'Fiability',ico:'🔍',sub:'100% score',key:'fiability'},
|
|
],
|
|
Sec:[
|
|
{n:'Vaultwarden',ico:'🔐',sub:'Passwords',key:'vault'},
|
|
{n:'SSL Check',ico:'🔒',sub:'Certificates',key:'ssl'},
|
|
{n:'Guardian',ico:'👁',sub:'File protect',key:'guardian'},
|
|
{n:'Fail2ban',ico:'🚫',sub:'Intrusions',key:'fail2ban'},
|
|
{n:'Nuclei',ico:'🔬',sub:'CVE scan',key:'nuclei'},
|
|
],
|
|
AI:[
|
|
{n:'Ollama',ico:'🦙',sub:'10 models',key:'ollama'},
|
|
{n:'Cerebras',ico:'⚡',sub:'T1 fast',key:'cerebras'},
|
|
{n:'Groq',ico:'🚀',sub:'T1 fast',key:'groq'},
|
|
{n:'SambaNova',ico:'💎',sub:'T1',key:'sambanova'},
|
|
{n:'Qdrant',ico:'🔷',sub:'4 collections',key:'qdrant'},
|
|
{n:'Master',ico:'🧠',sub:'Router',key:'master'},
|
|
{n:'MiroFish',ico:'🐟',sub:'Self-heal',key:'mirofish'},
|
|
],
|
|
Ethica:[
|
|
{n:'HCP Manager',ico:'👨⚕️',sub:'67K HCPs',key:'hcp'},
|
|
{n:'RichScraper',ico:'🕷',sub:'DabaDoc',key:'scraper'},
|
|
{n:'Consent',ico:'📋',sub:'RGPD',key:'consent'},
|
|
{n:'SMS',ico:'📱',sub:'Campaigns',key:'sms'},
|
|
{n:'Pipeline',ico:'📊',sub:'Email B2B',key:'pipeline'},
|
|
],
|
|
Biz:[
|
|
{n:'Vistex',ico:'🤝',sub:'SAP partner',key:'vistex'},
|
|
{n:'Huawei',ico:'☁',sub:'Cloud 4 ECS',key:'huawei'},
|
|
{n:'Arrow',ico:'🏹',sub:'Scaleway',key:'arrow'},
|
|
{n:'WEVADS',ico:'📧',sub:'Email mktg',key:'wevads'},
|
|
{n:'CRM',ico:'👥',sub:'Twenty',key:'crm'},
|
|
],
|
|
};
|
|
|
|
function renderAgents(){
|
|
for(const[room,agents]of Object.entries(ROOMS)){
|
|
const el=document.getElementById('ag'+room);
|
|
el.innerHTML=agents.map(a=>`
|
|
<div class="agent" title="${a.n}: ${a.sub}">
|
|
<div class="agent-ava on"><span>${a.ico}</span><div class="dot g"></div></div>
|
|
<div class="agent-name">${a.n}</div>
|
|
<div class="agent-sub">${a.sub}</div>
|
|
</div>
|
|
`).join('');
|
|
}
|
|
}
|
|
|
|
function renderPipeline(){
|
|
const steps=[
|
|
{ico:'👁',label:'Observe',val:'39 obs',active:true},
|
|
{ico:'📊',label:'Analyze',val:'Arch+Topo',active:true},
|
|
{ico:'🔍',label:'Detect',val:'Issues',active:true},
|
|
{ico:'📋',label:'Plan',val:'Priority',active:true},
|
|
{ico:'⚡',label:'Act',val:'Auto-fix',active:true},
|
|
{ico:'✅',label:'Verify',val:'NonReg',active:true},
|
|
{ico:'📤',label:'Report',val:'Telegram',active:true},
|
|
{ico:'🔄',label:'Loop',val:'*/15min',active:true},
|
|
];
|
|
document.getElementById('pipeline').innerHTML=steps.map((s,i)=>
|
|
`${i>0?'<div class="pipe-arrow">▸</div>':''}<div class="pipe-step"><div class="pipe-circle${s.active?' active':''}">${s.ico}</div><div class="pipe-label">${s.label}</div><div class="pipe-val">${s.val}</div></div>`
|
|
).join('');
|
|
}
|
|
|
|
function toast(msg,ms=3000){
|
|
const t=document.getElementById('toast');t.textContent=msg;t.classList.add('show');
|
|
setTimeout(()=>t.classList.remove('show'),ms);
|
|
}
|
|
|
|
function addTranscript(room,ico,text){
|
|
const el=document.getElementById('tr'+room);
|
|
const d=document.createElement('div');d.className='tl';
|
|
d.innerHTML=`<span class="ti">${ico}</span>${text}`;
|
|
el.appendChild(d);el.scrollTop=999;
|
|
}
|
|
|
|
async function loadData(){
|
|
try{
|
|
const[st,fia,master]=await Promise.all([
|
|
fetch(API+'?status').then(r=>r.text().then(t=>{/* HTML_GUARD_V2_BATCH */var q=(t||"").trim();if(q.startsWith("<!DOCTYPE")||q.startsWith("<html")){return{error:"[HTTP "+r.status+"]",isHtmlError:true}}try{return JSON.parse(q)}catch(e){return{error:"JSON "+e.message}}})).catch(()=>({})),
|
|
fetch(FIA+'?report').then(r=>r.text().then(t=>{/* HTML_GUARD_V2_BATCH */var q=(t||"").trim();if(q.startsWith("<!DOCTYPE")||q.startsWith("<html")){return{error:"[HTTP "+r.status+"]",isHtmlError:true}}try{return JSON.parse(q)}catch(e){return{error:"JSON "+e.message}}})).catch(()=>({})),
|
|
fetch(MASTER+'?health').then(r=>r.text().then(t=>{/* HTML_GUARD_V2_BATCH */var q=(t||"").trim();if(q.startsWith("<!DOCTYPE")||q.startsWith("<html")){return{error:"[HTTP "+r.status+"]",isHtmlError:true}}try{return JSON.parse(q)}catch(e){return{error:"JSON "+e.message}}})).catch(()=>({})),
|
|
]);
|
|
const o=st.observations||{},iss=(st.plan||[]).length;
|
|
|
|
// HUD
|
|
document.getElementById('hUrls').textContent=(o.url_checks_ok||'?')+'/'+(o.url_checks_total||'?');
|
|
document.getElementById('hSubs').textContent=(o.subdomain_checks_ok||'?')+'/'+(o.subdomain_checks_total||'?');
|
|
document.getElementById('hDock').textContent=o.s204_docker_count||'?';
|
|
document.getElementById('hDock').className='v '+(parseInt(o.s204_docker_count)>=16?'ok':'cr');
|
|
document.getElementById('hOll').textContent=o.s204_ollama||'?';
|
|
document.getElementById('hNR').textContent='153/153';
|
|
document.getElementById('hIss').textContent=iss;
|
|
document.getElementById('hIss').className='v '+(iss===0?'ok':'cr');
|
|
document.getElementById('hCyc').textContent=(st.duration_ms||'?')+'ms';
|
|
document.getElementById('btmStatus').textContent=`Last: ${st.timestamp?.substring(11,16)||'—'} · ${st.duration_ms||0}ms · ${iss} issues`;
|
|
|
|
// INFRA metrics
|
|
document.getElementById('metInfra').innerHTML=[
|
|
`<span class="rm${parseInt(o.s204_disk?.percent)<85?' ok':' wn'}">Disk ${o.s204_disk?.percent||'?'}%</span>`,
|
|
`<span class="rm ok">Docker ${o.s204_docker_count||'?'}</span>`,
|
|
`<span class="rm ok">S95 ${o.s95_alive?.includes('ALIVE')?'✓':'✗'}</span>`,
|
|
`<span class="rm ok">S151 ${o.s151_http||'?'}</span>`,
|
|
`<span class="rm">Crons ${o.s204_crons||'?'}</span>`,
|
|
].join('');
|
|
addTranscript('Infra','🖥',`S204 ${o.s204_disk?.percent||'?'}% disk · Docker ${o.s204_docker_count||'?'}`);
|
|
|
|
// DEV metrics
|
|
document.getElementById('metDev').innerHTML=[
|
|
`<span class="rm ok">NonReg 153/153</span>`,
|
|
`<span class="rm ok">E2E 18/18</span>`,
|
|
`<span class="rm ok">Mega 122/122</span>`,
|
|
`<span class="rm ok">L99 60/60</span>`,
|
|
].join('');
|
|
|
|
// AI metrics
|
|
document.getElementById('metAI').innerHTML=[
|
|
`<span class="rm ok">Ollama ${master.ollama||'?'} (${master.ollama_models||0})</span>`,
|
|
`<span class="rm ok">T1: ${master.tier1_providers||0}</span>`,
|
|
`<span class="rm">T2: ${master.tier2_providers||0}</span>`,
|
|
`<span class="rm ok">Cost: 0€</span>`,
|
|
].join('');
|
|
const totalCalls=Object.values(master.stats||{}).reduce((s,d)=>s+d.total,0);
|
|
addTranscript('AI','🧠',`${totalCalls} LLM calls · ${master.ollama_models||0} models · 0€`);
|
|
|
|
// Fiability
|
|
if(fia.score!==undefined){
|
|
document.getElementById('metSec').innerHTML=[
|
|
`<span class="rm${fia.score>=90?' ok':' wn'}">Fiability ${fia.score}%</span>`,
|
|
`<span class="rm ok">URLs ${fia.summary?.ok||0}/${fia.summary?.total_urls||0}</span>`,
|
|
`<span class="rm ok">Subs ${fia.summary?.subdomains_ok||0}/${fia.summary?.subdomains_total||0}</span>`,
|
|
].join('');
|
|
}
|
|
|
|
// Ethica
|
|
document.getElementById('metEthica').innerHTML=[
|
|
`<span class="rm ok">67,450 HCPs</span>`,
|
|
`<span class="rm">18K phones</span>`,
|
|
`<span class="rm">15K emails</span>`,
|
|
`<span class="rm ok">95% verified</span>`,
|
|
].join('');
|
|
|
|
// Business
|
|
document.getElementById('metBiz').innerHTML=[
|
|
`<span class="rm">Vistex: Dispute</span>`,
|
|
`<span class="rm wn">Huawei: Billing</span>`,
|
|
`<span class="rm ok">Arrow: Active</span>`,
|
|
`<span class="rm">WEVADS: Warmup</span>`,
|
|
].join('');
|
|
|
|
// Badges
|
|
document.getElementById('badgeInfra').textContent=iss===0?'NOMINAL':'ALERT';
|
|
document.getElementById('badgeInfra').className='room-badge '+(iss===0?'live':'warn');
|
|
|
|
}catch(e){console.error(e)}
|
|
}
|
|
|
|
async function runCycle(){
|
|
toast('Running Director cycle...');
|
|
const d=await fetch(API+'?run&force=1').then(r=>r.text().then(t=>{/* HTML_GUARD_V2_BATCH */var q=(t||"").trim();if(q.startsWith("<!DOCTYPE")||q.startsWith("<html")){return{error:"[HTTP "+r.status+"]",isHtmlError:true}}try{return JSON.parse(q)}catch(e){return{error:"JSON "+e.message}}}));
|
|
toast(`Cycle done: ${d.duration_ms}ms · ${(d.plan||[]).length} issues`);
|
|
addTranscript('Infra','▶',`Cycle: ${(d.plan||[]).length} issues · ${d.duration_ms}ms`);
|
|
loadData();
|
|
}
|
|
|
|
async function runFix(){
|
|
toast('Running Docker Auto-Fix...');
|
|
const d=await fetch(AUTOFIX).then(r=>r.text().then(t=>{/* HTML_GUARD_V2_BATCH */var q=(t||"").trim();if(q.startsWith("<!DOCTYPE")||q.startsWith("<html")){return{error:"[HTTP "+r.status+"]",isHtmlError:true}}try{return JSON.parse(q)}catch(e){return{error:"JSON "+e.message}}}));
|
|
if(d.fixed){
|
|
toast(`Fixed! Was ${d.was_running} containers`);
|
|
addTranscript('Infra','🔧',`Auto-fix: ${d.actions?.join(', ')}`);
|
|
}else{
|
|
toast(`All OK: ${d.containers} containers`);
|
|
}
|
|
loadData();
|
|
}
|
|
|
|
async function runFia(){
|
|
toast('Running Fiability scan...');
|
|
addTranscript('Sec','🔍','Fiability scan started...');
|
|
// Trigger background scan
|
|
fetch(FIA+'?quick').catch(()=>{});
|
|
setTimeout(()=>{toast('Scan running in background');loadData()},2000);
|
|
}
|
|
|
|
// Init
|
|
renderAgents();
|
|
renderPipeline();
|
|
loadData();
|
|
setInterval(loadData,30000);
|
|
</script>
|
|
|
|
<!-- WAVE 160 — Unified Pipeline Live Overlay -->
|
|
<div id="unifiedLiveOverlay" style="position:fixed;bottom:12px;right:12px;width:300px;max-height:calc(100vh - 120px);overflow-y:auto;background:linear-gradient(135deg,rgba(10,14,26,0.94),rgba(30,30,60,0.92));border:1px solid rgba(6,182,212,0.4);border-radius:10px;padding:12px;backdrop-filter:blur(14px);z-index:9999;font:600 10px Nunito,system-ui;color:#e2e8f0;box-shadow:0 4px 30px rgba(0,0,0,0.5)">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(100,116,139,0.3)">
|
|
<div style="font:900 11px Orbitron,system-ui;color:#06b6d4;letter-spacing:1px">🔴 <b id=closeLive style=cursor:pointer;margin-right:6px;color:gray onclick=unifiedLiveOverlay.remove()>x</b>UNIFIED LIVE</div>
|
|
<div id="ulo-ts" style="font-size:9px;color:#64748b"></div>
|
|
</div>
|
|
<div id="ulo-body" style="font-size:10px;line-height:1.5">Loading...</div>
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
const U='/api/weval-unified-pipeline.php';
|
|
async function tick(){
|
|
try{
|
|
const r=await fetch(U,{cache:'no-cache'});
|
|
if(!r.ok) return;
|
|
/* 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}}}}
|
|
const body=document.getElementById('ulo-body');
|
|
const ts=document.getElementById('ulo-ts');
|
|
if(!body) return;
|
|
const h=d.l99.health||'?';
|
|
const hc={GREEN:'#10b981',YELLOW:'#f59e0b',RED:'#ef4444'}[h]||'#64748b';
|
|
let html='';
|
|
html+='<div style="background:'+hc+'15;border-left:3px solid '+hc+';padding:6px;margin-bottom:6px;border-radius:4px">';
|
|
html+='<b style="color:'+hc+'">● '+h+'</b> L99 <b>'+d.l99.pass+'/'+d.l99.total+'</b><br>';
|
|
html+='<span style="color:#94a3b8">Disk '+d.system.disk_pct+'% · Docker '+d.system.docker_count+' · Crons '+d.system.cron_count+'</span>';
|
|
html+='</div>';
|
|
html+='<div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px">';
|
|
html+='<div style="background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.3);border-radius:5px;padding:5px"><div style="font:800 9px Orbitron;color:#06b6d4">SOVEREIGN</div><div><b>'+d.providers.count+'</b> providers @0€<br><b>'+d.ollama.models+'</b> Ollama<br><b>'+d.qdrant.collections.length+'</b> Qdrant</div></div>';
|
|
html+='<div style="background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.3);border-radius:5px;padding:5px"><div style="font:800 9px Orbitron;color:#8b5cf6">PAPERCLIP</div><div><b>'+d.goals.length+'</b> goals<br><b>'+d.projects.length+'</b> projects<br><b>'+d.routines.length+'</b> routines</div></div>';
|
|
html+='</div>';
|
|
html+='<div style="background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:5px;padding:5px;margin-bottom:6px"><div style="font:800 9px Orbitron;color:#f59e0b">ETHICA</div><div><b>'+(d.ethica.hcps_validated/1000).toFixed(0)+'K</b> HCPs validated · '+d.ethica.coverage.join(' · ')+'</div></div>';
|
|
const rpa=d.routines_per_agent||{};
|
|
const top=Object.entries(rpa).sort((a,b)=>b[1]-a[1]).slice(0,6);
|
|
if(top.length){
|
|
html+='<div style="font:800 9px Orbitron;color:#10b981;margin-bottom:4px;margin-top:6px">TOP AGENTS</div>';
|
|
top.forEach(([n,c])=>{
|
|
html+='<div style="display:flex;justify-content:space-between;padding:2px 4px;background:rgba(16,185,129,0.05);border-radius:3px;margin-bottom:2px"><span>'+n+'</span><b style="color:#10b981">'+c+'</b></div>';
|
|
});
|
|
}
|
|
html+='<div style="margin-top:6px;padding-top:6px;border-top:1px solid rgba(100,116,139,0.3);font-size:9px;color:#64748b;text-align:center">auto-refresh 30s · <a href="/wevia-master.html" style="color:#06b6d4">Master</a> · <a href="/agents-archi.html" style="color:#06b6d4">Archi</a> · <a href="/wevia-meeting-rooms.html" style="color:#06b6d4">Rooms</a></div>';
|
|
body.innerHTML=html;
|
|
if(ts) ts.textContent=new Date().toLocaleTimeString('fr-FR',{hour:'2-digit',minute:'2-digit',second:'2-digit'});
|
|
}catch(e){ console.warn('ulo fail',e); }
|
|
}
|
|
setTimeout(tick,1500);
|
|
setInterval(tick,30000);
|
|
})();
|
|
</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 === -->
|
|
|
|
|
|
<!-- === OPUS HONEST NR/L99 OVERLAY v1 19avr - append-only doctrine #14 === -->
|
|
<script>
|
|
(function(){
|
|
if (window.__opusHonestOverlay) return; window.__opusHonestOverlay = true;
|
|
async function updateHonestValues(){
|
|
try {
|
|
const r = await fetch('/api/l99-honest.php', {cache:'no-store'});
|
|
const d = await r.json();
|
|
if (!d.ok) return;
|
|
const realNR = `${d.combined.pass}/${d.combined.total}`;
|
|
const realSigma = d.sigma;
|
|
// Find elements showing the myth values
|
|
const mythRegex = /(153\/153|304\/304|NR status 153\/153|L99 status 304\/304|NR 153\/153|L99 304\/304)/g;
|
|
// Walk text nodes
|
|
const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null);
|
|
const toReplace = [];
|
|
let node;
|
|
while (node = walker.nextNode()) {
|
|
if (node.nodeValue && mythRegex.test(node.nodeValue)) toReplace.push(node);
|
|
}
|
|
toReplace.forEach(textNode => {
|
|
const parent = textNode.parentNode;
|
|
if (!parent || parent.hasAttribute('data-opus-honest-applied')) return;
|
|
const newText = textNode.nodeValue.replace(/153\/153/g, realNR).replace(/304\/304/g, realNR);
|
|
textNode.nodeValue = newText;
|
|
parent.setAttribute('data-opus-honest-applied', '1');
|
|
});
|
|
// Add a small badge bottom-right showing honest live status
|
|
if (!document.getElementById('opus-honest-badge')) {
|
|
const b = document.createElement('div');
|
|
b.id = 'opus-honest-badge';
|
|
b.style.cssText = 'position:fixed;bottom:12px;right:12px;background:linear-gradient(90deg,#14b8a6,#a855f7);color:#05060a;padding:6px 12px;font:10px/1.3 Inter,system-ui,sans-serif;font-weight:700;border-radius:8px;z-index:99993;box-shadow:0 4px 12px rgba(0,0,0,0.3);cursor:pointer;max-width:280px';
|
|
b.title = 'Cliquer pour détails';
|
|
b.innerHTML = `✓ NR ${realNR} · ${realSigma} live`;
|
|
b.onclick = () => {
|
|
alert(`HONEST NonReg (doctrine #4):\n\nmaster: ${d.master.pass}/${d.master.total}\nopus: ${d.opus.pass}/${d.opus.total}\ncombined: ${realNR}\nsigma: ${realSigma}\n\n${d.myth_153}\n${d.myth_304}`);
|
|
};
|
|
document.body.appendChild(b);
|
|
}
|
|
} catch(e){console.error('L99-honest fetch error:', e);}
|
|
}
|
|
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', updateHonestValues);
|
|
else updateHonestValues();
|
|
setInterval(updateHonestValues, 90000);
|
|
})();
|
|
</script>
|
|
<!-- === OPUS HONEST END === -->
|
|
|
|
<script src="/api/archi-meta-badge.js" defer></script>
|
|
</body></html>
|