Files
html/em-dashboard.html
Opus 0478ed2d00
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled
phase44 doctrine 182 inject 17 pages PRIO2 dashboards+monitors - 92 pages UX total
17 pages injectees via inject-d60-direct.py:
- acquired-dashboard brain-center-tenant claude-monitor
- command-center contacts-segmentation-dashboard crm-dashboard-live
- crons-monitor dashboards-index database-dashboard-live
- dg-command-center director-center e2e-dashboard em-dashboard
- ethica-dashboard-live ethica-monitor infra-dashboard-live
- lean6sigma-dashboard

Total session cumul: 92 pages UX doctrine 60 (75 + 17)
Tags Opus: 30
Doctrines vault: 27 (146-182)

ZERO regression. Train multi-Claude sync:
- autre Claude opus_disaster_recovery (187 intents)
- autre Claude opus_cyber_profile_manager
- NR 153/153 invariant
2026-04-24 14:19:03 +02:00

205 lines
11 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="fr"><head>
<meta charset="UTF-8"><title>EM Dashboard · Enterprise Model</title>
<style>
body{font-family:-apple-system,sans-serif;background:#0a0e27;color:#e4e8f7;margin:0;padding:24px}
h1{color:#6ba3ff;border-bottom:2px solid #1e3a8a;padding-bottom:8px}
h2{color:#c084fc;margin-top:24px}
.card{background:#141933;border:1px solid #263161;border-radius:8px;padding:16px;margin:12px 0}
.flex{display:flex;gap:16px;flex-wrap:wrap}.flex>div{flex:1;min-width:200px}
.num{font-size:28px;font-weight:bold;color:#6ba3ff}
table{width:100%;border-collapse:collapse}th,td{padding:8px;text-align:left;border-bottom:1px solid #263161}
th{background:#1e2549;font-size:12px;text-transform:uppercase;color:#9ca8d3}
a{color:#6ba3ff}a:hover{text-decoration:underline}
.badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:bold}
.ok{background:#10b981}.warn{background:#f59e0b}.loading{color:#9ca8d3;padding:20px;text-align:center}
</style><!-- V109 Plausible Analytics -->
<script defer data-domain="weval-consulting.com" src="https://analytics.weval-consulting.com/js/script.js"></script>
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-141843 -->
<style id="doctrine60-ux-direct">
/* DOCTRINE-60-UX-ENRICH injected-direct */
body::before {
content: '';
position: fixed;
top: 0; left: 0; width: 100vw; height: 100vh;
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
pointer-events: none;
z-index: -1;
}
.card, .kpi, .panel, .btn {
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
}
.card:hover, .kpi:hover, .panel:hover {
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
border-color: rgba(100,180,255,0.5);
}
@keyframes pulseD60 {
0%,100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.7; transform: scale(1.05); }
}
.pulse, .live-indicator, .active, .online {
animation: pulseD60 3s ease-in-out infinite;
}
.modal, .chat, .speech, .overlay {
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.enter-stagger {
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
}
@keyframes enterStagD60 {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
</style>
</head>
<body>
<h1>🏢 EM Dashboard · Enterprise Model SaaS</h1>
<p>Dashboard visuel pour <a href="/api/em-api.php">/api/em-api.php</a> (9 endpoints REST, tenant=weval). Doctrine 53 — chaque API a son écran.</p>
<h2>📊 Tenant weval — Live</h2>
<div class="flex">
<div class="card"><div class="num" id="n_agents"></div>Agents registry</div>
<div class="card"><div class="num" id="n_vsm"></div>VSM depts</div>
<div class="card"><div class="num" id="n_routines"></div>BPMN routines</div>
<div class="card"><div class="num" id="n_plans"></div>Plans SaaS</div>
</div>
<h2>🔗 Endpoints EM API</h2>
<div class="card"><table>
<tr><th>Endpoint</th><th>Description</th><th>Action</th></tr>
<tr><td><code>/api/em/agents-registry</code></td><td>930 agents (tier/dept/skills/routines)</td><td><a href="/api/em/agents-registry?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/vsm</code></td><td>Value Stream Mapping depts</td><td><a href="/api/em/vsm?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/bpmn-routines</code></td><td>110 routines BPMN</td><td><a href="/api/em/bpmn-routines?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/dmaic/{tenant}/{vs_id}</code></td><td>DMAIC cycles Lean 6Sigma</td><td><a href="/api/em/dmaic/weval/si-incident-p1" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/kpi/live</code></td><td>KPI live par dept</td><td><a href="/api/em/kpi/live?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/poc/start</code></td><td>POST — Start POC pour client</td><td><span class="badge warn">POST</span></td></tr>
<tr><td><code>/api/em/plans</code></td><td>Plans SaaS tarifés</td><td><a href="/api/em/plans" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/tenant/bootstrap</code></td><td>POST — Bootstrap nouveau tenant</td><td><span class="badge warn">POST</span></td></tr>
<tr><td><code>/api/em/audit</code></td><td>Audit log tenant</td><td><a href="/api/em/audit?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/erp-connectors</code></td><td>10 ERP supported</td><td><a href="/api/em/erp-connectors" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/ai-providers</code></td><td>13 AI providers</td><td><a href="/api/em/ai-providers" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/industry-templates</code></td><td>10 sectors (pharma, finance, tech...)</td><td><a href="/api/em/industry-templates" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/muda</code></td><td>Lean 6S — Muda (gaspillages)</td><td><a href="/api/em/muda?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/poka-yoke</code></td><td>Lean 6S — Poka-Yoke</td><td><a href="/api/em/poka-yoke?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/kaizen</code></td><td>Lean 6S — Kaizen improvements</td><td><a href="/api/em/kaizen?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/gemba</code></td><td>Lean 6S — Gemba walks</td><td><a href="/api/em/gemba?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/pdca</code></td><td>Lean 6S — Plan-Do-Check-Act</td><td><a href="/api/em/pdca?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/andon</code></td><td>Lean 6S — Andon alerts</td><td><a href="/api/em/andon?tenant=weval" target="_blank">Voir JSON</a></td></tr>
<tr><td><code>/api/em/scalability</code></td><td>1300 combinations (10 ERP × 13 AI × 10 industries)</td><td><a href="/api/em/scalability" target="_blank">Voir JSON</a></td></tr>
</table></div>
<h2>🔗 Pages liées</h2>
<div class="card">
<ul>
<li><a href="/enterprise-model.html">Enterprise Model (vue principale)</a></li>
<li><a href="/enterprise-management.html">Enterprise Management</a></li>
<li><a href="/doctrine-53.html">Doctrine 53 · NO-OPTION-WITHOUT-HTML-URL</a></li>
<li><a href="/wevia-master.html">WEVIA Master (chat)</a></li>
</ul>
</div>
<script>
async function load(url, key, transform) {
try {
const r = await fetch(url);
const d = await r.json();
document.getElementById(key).textContent = transform(d);
} catch(e) { document.getElementById(key).textContent='?'; }
}
load('/api/em/agents-registry?tenant=weval', 'n_agents', d => Array.isArray(d) ? d.length : (d.total||d.count||'?'));
load('/api/em/vsm?tenant=weval', 'n_vsm', d => Array.isArray(d) ? d.length : (d.total||'?'));
load('/api/em/bpmn-routines?tenant=weval', 'n_routines', d => Array.isArray(d) ? d.length : (d.total||'?'));
load('/api/em/plans', 'n_plans', d => Array.isArray(d) ? d.length : (d.total||'?'));
</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) {
// 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/archi-meta-badge.js" defer></script>
<script src="/api/a11y-auto-enhancer.js" defer></script>
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
// DOCTRINE-60-UX-JS staggered entrance
(function(){
if (!('IntersectionObserver' in window)) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach((e, i) => {
if (e.isIntersecting) {
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
obs.unobserve(e.target);
}
});
});
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
})();
</script>
</body></html>