864 lines
38 KiB
HTML
864 lines
38 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta name="description" content="Tableau de bord WEVAL : suivi en temps réel des compétences, outils OSS, vecteurs RAG, intents et doctrines — couverture anti-régression.">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>WEVAL · Acquis Dashboard — Skills · Tools · RAG · Intents</title>
|
|
<style>
|
|
:root {
|
|
--bg-0: #05060a;
|
|
--bg-1: #0b0d15;
|
|
--bg-2: #11141f;
|
|
--bg-3: #171b2a;
|
|
--border: rgba(99,102,241,0.15);
|
|
--text: #e2e8f0;
|
|
--text-dim: #94a3b8;
|
|
--text-mute: #64748b;
|
|
--accent: #14b8a6;
|
|
--accent-2: #6366f1;
|
|
--ok: #22c55e;
|
|
--warn: #f59e0b;
|
|
--err: #ef4444;
|
|
--purple: #a855f7;
|
|
--cyan: #06b6d4;
|
|
--rose: #f43f5e;
|
|
--amber: #f59e0b;
|
|
}
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
|
background: radial-gradient(ellipse at top, #0f1420 0%, var(--bg-0) 60%);
|
|
color: var(--text);
|
|
min-height: 100vh;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
}
|
|
.container { max-width: 1600px; margin: 0 auto; padding: 28px 32px 80px; }
|
|
|
|
/* HEADER */
|
|
header {
|
|
display: flex; justify-content: space-between; align-items: center;
|
|
margin-bottom: 28px; padding-bottom: 20px;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
header h1 {
|
|
font-size: 26px; font-weight: 700;
|
|
background: linear-gradient(90deg, #22d3ee, #a855f7, #f43f5e);
|
|
-webkit-background-clip: text; background-clip: text; color: transparent;
|
|
display: flex; align-items: center; gap: 12px;
|
|
}
|
|
header .subtitle { color: var(--text-dim); font-size: 13px; margin-top: 4px; }
|
|
header .actions { display: flex; gap: 10px; align-items: center; }
|
|
.btn {
|
|
padding: 8px 14px; background: var(--bg-2); border: 1px solid var(--border);
|
|
color: var(--text); border-radius: 8px; cursor: pointer; font-size: 12.5px;
|
|
font-family: inherit; transition: all .2s;
|
|
}
|
|
.btn:hover { border-color: var(--accent); color: var(--accent); }
|
|
.btn-primary { background: linear-gradient(135deg, var(--accent-2), var(--purple)); border: none; }
|
|
.pulse { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ok);
|
|
box-shadow: 0 0 0 0 rgba(34,197,94,0.7); animation: pulse 2s infinite; }
|
|
@keyframes pulse {
|
|
0%{box-shadow:0 0 0 0 rgba(34,197,94,0.7)}
|
|
70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}
|
|
100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
|
|
}
|
|
|
|
/* TOP KPI RING */
|
|
.top-ring {
|
|
display: grid; grid-template-columns: 380px 1fr; gap: 24px; margin-bottom: 28px;
|
|
}
|
|
.coverage-card {
|
|
background: linear-gradient(135deg, rgba(20,184,166,0.10), rgba(168,85,247,0.08));
|
|
border: 1px solid rgba(20,184,166,0.25);
|
|
border-radius: 18px; padding: 24px; position: relative; overflow: hidden;
|
|
}
|
|
.coverage-card::before {
|
|
content: ''; position: absolute; top: -40%; right: -20%; width: 300px; height: 300px;
|
|
background: radial-gradient(circle, rgba(168,85,247,0.15), transparent 60%);
|
|
pointer-events: none;
|
|
}
|
|
.coverage-ring-wrap { display: flex; align-items: center; gap: 22px; position: relative; z-index: 1; }
|
|
.coverage-label { flex: 1; }
|
|
.coverage-label h3 { font-size: 13px; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 8px; }
|
|
.coverage-label .big { font-size: 38px; font-weight: 700; color: var(--accent); line-height: 1; }
|
|
.coverage-label .meta { color: var(--text-dim); font-size: 13px; margin-top: 10px; }
|
|
|
|
/* SUMMARY GRID */
|
|
.summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
|
|
.kpi {
|
|
background: var(--bg-1); border: 1px solid var(--border);
|
|
border-radius: 14px; padding: 20px; position: relative; overflow: hidden;
|
|
transition: all .2s;
|
|
}
|
|
.kpi:hover { transform: translateY(-2px); border-color: var(--accent); }
|
|
.kpi::before {
|
|
content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;
|
|
background: var(--accent);
|
|
}
|
|
.kpi.intents::before { background: var(--accent-2); }
|
|
.kpi.skills::before { background: var(--purple); }
|
|
.kpi.rag::before { background: var(--cyan); }
|
|
.kpi.doctrines::before { background: var(--amber); }
|
|
.kpi.tools::before { background: var(--rose); }
|
|
.kpi.apis::before { background: var(--ok); }
|
|
.kpi.dormants::before { background: var(--warn); }
|
|
.kpi.total::before { background: linear-gradient(180deg, var(--accent), var(--purple)); }
|
|
.kpi .label { color: var(--text-dim); font-size: 11px; text-transform: uppercase; letter-spacing: 0.7px; margin-bottom: 8px; }
|
|
.kpi .value { font-size: 30px; font-weight: 700; color: var(--text); letter-spacing: -0.5px; }
|
|
.kpi .trend { color: var(--ok); font-size: 11px; margin-top: 6px; display: flex; gap: 5px; align-items: center; }
|
|
|
|
/* CHART SECTION */
|
|
.section-title {
|
|
font-size: 15px; font-weight: 600; color: var(--text); margin: 32px 0 16px;
|
|
display: flex; align-items: center; gap: 10px;
|
|
}
|
|
.section-title::before {
|
|
content: ''; width: 4px; height: 18px; background: linear-gradient(180deg, var(--accent), var(--purple)); border-radius: 2px;
|
|
}
|
|
.chart-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 20px; }
|
|
.chart-card {
|
|
background: var(--bg-1); border: 1px solid var(--border); border-radius: 14px; padding: 22px;
|
|
}
|
|
.chart-card h4 { font-size: 14px; color: var(--text); margin-bottom: 4px; font-weight: 600; }
|
|
.chart-card .sub { color: var(--text-dim); font-size: 12px; margin-bottom: 18px; }
|
|
.chart-canvas-wrap { position: relative; height: 280px; }
|
|
|
|
/* BARS (visual replacement for plain numbers) */
|
|
.bar-list { display: flex; flex-direction: column; gap: 12px; }
|
|
.bar-row { display: grid; grid-template-columns: 180px 1fr 60px; align-items: center; gap: 12px; font-size: 12.5px; }
|
|
.bar-label { color: var(--text); font-weight: 500; }
|
|
.bar-label .ver { color: var(--text-mute); font-size: 10.5px; margin-left: 6px; }
|
|
.bar-track { background: var(--bg-3); height: 10px; border-radius: 6px; overflow: hidden; position: relative; }
|
|
.bar-fill {
|
|
height: 100%; border-radius: 6px; position: relative;
|
|
background: linear-gradient(90deg, var(--accent), var(--accent-2));
|
|
transition: width 1.4s cubic-bezier(.4,0,.2,1);
|
|
}
|
|
.bar-fill.new {
|
|
background: linear-gradient(90deg, var(--purple), var(--rose));
|
|
box-shadow: 0 0 12px rgba(168,85,247,0.4);
|
|
}
|
|
.bar-count { color: var(--text); font-size: 12px; font-weight: 600; text-align: right; }
|
|
|
|
/* DIFF / NEW badge */
|
|
.badge-new {
|
|
display: inline-block; padding: 1px 7px; background: rgba(168,85,247,0.18); color: var(--purple);
|
|
border-radius: 8px; font-size: 10px; font-weight: 600; margin-left: 6px; letter-spacing: 0.4px;
|
|
}
|
|
.badge-live {
|
|
display: inline-block; padding: 1px 7px; background: rgba(34,197,94,0.15); color: var(--ok);
|
|
border-radius: 8px; font-size: 10px; font-weight: 600; margin-left: 6px;
|
|
}
|
|
|
|
/* LOWER GRID (RAG + TOOLS OSS TREEMAP) */
|
|
.rag-tools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
|
|
|
|
/* ANTI-REGRESSION ALERT */
|
|
.anti-reg {
|
|
margin-top: 28px; padding: 18px 22px;
|
|
background: linear-gradient(135deg, rgba(239,68,68,0.08), rgba(245,158,11,0.05));
|
|
border-left: 3px solid var(--err); border-radius: 10px;
|
|
display: flex; align-items: flex-start; gap: 14px;
|
|
}
|
|
.anti-reg .icon { font-size: 20px; color: var(--err); }
|
|
.anti-reg h4 { font-size: 13px; color: var(--err); margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.6px; }
|
|
.anti-reg p { font-size: 12.5px; color: var(--text-dim); line-height: 1.6; }
|
|
|
|
/* TABS */
|
|
.tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--border); margin-bottom: 20px; }
|
|
.tab {
|
|
padding: 10px 16px; background: transparent; border: none; color: var(--text-dim);
|
|
font-family: inherit; font-size: 13px; cursor: pointer; border-bottom: 2px solid transparent;
|
|
transition: all .2s;
|
|
}
|
|
.tab.active { color: var(--accent); border-bottom-color: var(--accent); }
|
|
.tab:hover { color: var(--text); }
|
|
.tab-content { display: none; }
|
|
.tab-content.active { display: block; }
|
|
|
|
/* LOADING */
|
|
.loading { text-align: center; padding: 60px 20px; color: var(--text-dim); }
|
|
.loading .spinner {
|
|
width: 40px; height: 40px; border: 3px solid var(--bg-3); border-top-color: var(--accent);
|
|
border-radius: 50%; margin: 0 auto 16px; animation: spin 1s linear infinite;
|
|
}
|
|
@keyframes spin { to { transform: rotate(360deg); } }
|
|
|
|
/* TREEMAP-STYLE TOOLS */
|
|
.treemap { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; grid-auto-rows: 38px; }
|
|
.tile {
|
|
background: var(--bg-3); border-radius: 6px; padding: 6px 8px; font-size: 10.5px;
|
|
color: var(--text); display: flex; align-items: center; justify-content: center;
|
|
text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
|
transition: all .2s; cursor: default;
|
|
}
|
|
.tile:hover { background: var(--bg-2); border: 1px solid var(--accent); color: var(--accent); }
|
|
.tile.cat-ai { background: rgba(168,85,247,0.15); color: #d4a7fa; }
|
|
.tile.cat-agent { background: rgba(99,102,241,0.15); color: #a5b4fc; }
|
|
.tile.cat-doc { background: rgba(20,184,166,0.15); color: #5eead4; }
|
|
.tile.cat-dev { background: rgba(6,182,212,0.15); color: #7dd3fc; }
|
|
.tile.cat-data { background: rgba(245,158,11,0.15); color: #fcd34d; }
|
|
.tile.cat-sec { background: rgba(239,68,68,0.12); color: #fca5a5; }
|
|
|
|
/* RESPONSIVE */
|
|
@media(max-width: 1024px) {
|
|
.top-ring { grid-template-columns: 1fr; }
|
|
.summary-grid { grid-template-columns: repeat(2, 1fr); }
|
|
.chart-grid, .rag-tools-grid { grid-template-columns: 1fr; }
|
|
.treemap { grid-template-columns: repeat(3, 1fr); }
|
|
}
|
|
@media(max-width: 640px) {
|
|
.summary-grid { grid-template-columns: 1fr; }
|
|
.container { padding: 20px 16px 60px; }
|
|
}
|
|
|
|
/* === OPUS RESPONSIVE FIX v2 19avr — append-only, doctrine #14 === */
|
|
@media(max-width: 480px) {
|
|
html, body { overflow-x: hidden !important; max-width: 100vw; }
|
|
body, main, section, article { word-break: break-word; overflow-wrap: anywhere; }
|
|
img, video, iframe, canvas, svg, table, pre, code { max-width: 100% !important; }
|
|
pre, code { white-space: pre-wrap; word-break: break-all; }
|
|
table { display: block; overflow-x: auto; }
|
|
.container, [class*="container"], [class*="wrapper"] { max-width: 100vw !important; padding-left: 12px !important; padding-right: 12px !important; }
|
|
[class*="grid"], [class*="-grid"] { grid-template-columns: 1fr !important; gap: 10px !important; }
|
|
[class*="kpi"], [class*="stats"], [class*="-cards"] { grid-template-columns: 1fr !important; }
|
|
header, nav, footer { flex-wrap: wrap !important; }
|
|
header > *, nav > *, footer > * { max-width: 100%; }
|
|
h1 { font-size: 22px !important; word-break: break-word; }
|
|
h2 { font-size: 18px !important; }
|
|
.pitch, [class*="pitch"], [class*="hero"] { word-break: break-word; overflow-wrap: anywhere; }
|
|
}
|
|
/* === OPUS RESPONSIVE FIX v2 END === */
|
|
|
|
/* === 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>
|
|
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-141837 -->
|
|
<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>
|
|
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
|
<style>
|
|
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
|
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
|
</style>
|
|
<!-- END-DOCTRINE-222 -->
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
|
|
<header>
|
|
<div>
|
|
<h1>🎯 Acquis Dashboard <span class="pulse" title="Live data"></span></h1>
|
|
<div class="subtitle">Skills · Tools OSS · RAG vectors · Intents câblés · Doctrines — inventaire temps-réel, anti-régression</div>
|
|
</div>
|
|
<div class="actions">
|
|
<button class="btn" id="btn-refresh">↻ Refresh</button>
|
|
<a href="/weval-technology-platform.html" class="btn btn-primary">← WTP Portal</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- TOP RING: Coverage + Summary KPIs -->
|
|
<div class="top-ring">
|
|
<div class="coverage-card">
|
|
<div class="coverage-ring-wrap">
|
|
<svg width="150" height="150" viewBox="0 0 150 150">
|
|
<circle cx="75" cy="75" r="60" stroke="var(--bg-3)" stroke-width="12" fill="none"/>
|
|
<circle id="ring-coverage" cx="75" cy="75" r="60" stroke="url(#grad-cov)" stroke-width="12" fill="none"
|
|
stroke-linecap="round" stroke-dasharray="376.99" stroke-dashoffset="376.99"
|
|
transform="rotate(-90 75 75)" style="transition: stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1);"/>
|
|
<defs>
|
|
<linearGradient id="grad-cov" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#14b8a6"/>
|
|
<stop offset="100%" stop-color="#a855f7"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<text id="cov-pct" x="75" y="78" text-anchor="middle" font-size="26" font-weight="700" fill="#e2e8f0">0%</text>
|
|
<text x="75" y="98" text-anchor="middle" font-size="10" fill="#94a3b8">coverage</text>
|
|
</svg>
|
|
<div class="coverage-label">
|
|
<h3>Inventaire global acquis</h3>
|
|
<div class="big" id="kpi-total">—</div>
|
|
<div class="meta" id="kpi-total-sub">chargement…</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="summary-grid">
|
|
<div class="kpi intents"><div class="label">Intents wired</div><div class="value" id="kpi-intents">—</div><div class="trend">⬆ V62 · V63 live</div></div>
|
|
<div class="kpi skills"><div class="label">Skills OSS</div><div class="value" id="kpi-skills">—</div><div class="trend">🧩 antigravity · deerflow · ecc</div></div>
|
|
<div class="kpi rag"><div class="label">Vectors RAG</div><div class="value" id="kpi-vectors">—</div><div class="trend">🧮 Qdrant 18 collections</div></div>
|
|
<div class="kpi doctrines"><div class="label">Doctrines</div><div class="value" id="kpi-doctrines">—</div><div class="trend">📜 Obsidian vault</div></div>
|
|
<div class="kpi tools"><div class="label">Tools OSS dirs</div><div class="value" id="kpi-tools">—</div><div class="trend">🐳 /opt/ écosystème</div></div>
|
|
<div class="kpi apis"><div class="label">APIs actives</div><div class="value" id="kpi-apis">—</div><div class="trend"><span class="pulse"></span> V60/V61/V62/V63</div></div>
|
|
<div class="kpi dormants"><div class="label">Dormants</div><div class="value" id="kpi-dormants">—</div><div class="trend">⚠ à wirer</div></div>
|
|
<div class="kpi total"><div class="label">Coverage ratio</div><div class="value" id="kpi-coverage">—</div><div class="trend">🎯 anti-regression</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- TABS -->
|
|
<div class="tabs">
|
|
<button class="tab active" data-tab="overview">📊 Overview</button>
|
|
<button class="tab" data-tab="intents">🎼 Intents (69)</button>
|
|
<button class="tab" data-tab="skills">🧩 Skills OSS (4247)</button>
|
|
<button class="tab" data-tab="tools">🛠️ Tools OSS (90)</button>
|
|
<button class="tab" data-tab="lean6sigma">📐 Lean 6 Sigma TOC</button>
|
|
<button class="tab" data-tab="diff">🔄 Diff ACQUIS vs TO WIRE</button>
|
|
</div>
|
|
|
|
<!-- OVERVIEW TAB -->
|
|
<div class="tab-content active" id="tab-overview">
|
|
<div class="chart-grid">
|
|
<div class="chart-card">
|
|
<h4>Répartition acquis — par catégorie</h4>
|
|
<div class="sub">Distribution volumique des ressources câblées</div>
|
|
<div class="chart-canvas-wrap"><canvas id="chart-pie"></canvas></div>
|
|
</div>
|
|
<div class="chart-card">
|
|
<h4>Évolution intents V42 → V63</h4>
|
|
<div class="sub">Câblage des intents par version du système</div>
|
|
<div class="chart-canvas-wrap"><canvas id="chart-bar"></canvas></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">Couverture par domaine fonctionnel</div>
|
|
<div class="chart-card">
|
|
<div class="bar-list" id="coverage-bars">
|
|
<div class="loading"><div class="spinner"></div>Chargement des barres de progression…</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- INTENTS TAB -->
|
|
<div class="tab-content" id="tab-intents">
|
|
<div class="chart-card">
|
|
<h4>Intents câblés par version (69 total)</h4>
|
|
<div class="sub">Chaque barre = une catégorie d'intents reliés à WEVIA Master orchestrator</div>
|
|
<div class="bar-list" id="intents-bars">
|
|
<div class="loading"><div class="spinner"></div>Chargement…</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SKILLS TAB -->
|
|
<div class="tab-content" id="tab-skills">
|
|
<div class="chart-card">
|
|
<h4>Skills OSS par collection</h4>
|
|
<div class="sub">4 247 skills découverts via oss-discovery (11 symlinks)</div>
|
|
<div class="chart-canvas-wrap" style="height: 320px;"><canvas id="chart-skills"></canvas></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- TOOLS TAB -->
|
|
<div class="tab-content" id="tab-tools">
|
|
<div class="chart-card">
|
|
<h4>Tools OSS (/opt/ écosystème)</h4>
|
|
<div class="sub">90 installations — treemap par catégorie</div>
|
|
<div class="treemap" id="tools-treemap">
|
|
<div class="loading"><div class="spinner"></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- LEAN6SIGMA TAB -->
|
|
<div class="tab-content" id="tab-lean6sigma">
|
|
<div class="chart-card">
|
|
<h4>Lean 6 Sigma · TOC · BPMN — Ecosystem Acquis</h4>
|
|
<div class="sub">Pages méthodologiques + Qdrant kb_lean6sigma (V62)</div>
|
|
<div id="lean6sigma-content">
|
|
<div class="loading"><div class="spinner"></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- DIFF TAB -->
|
|
<div class="tab-content" id="tab-diff">
|
|
<div class="chart-card">
|
|
<h4>ACQUIS LIVE vs À WIRER (dormants)</h4>
|
|
<div class="sub">Différence visuelle — ce qui est câblé vs ce qui reste</div>
|
|
<div class="chart-canvas-wrap" style="height: 320px;"><canvas id="chart-diff"></canvas></div>
|
|
</div>
|
|
<div class="chart-card" style="margin-top: 20px;">
|
|
<h4>Dormants détaillés</h4>
|
|
<div class="bar-list" id="dormants-bars">
|
|
<div class="loading"><div class="spinner"></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ANTI-REGRESSION -->
|
|
<div class="anti-reg" id="anti-reg-box" style="display:none;">
|
|
<div class="icon">⚠</div>
|
|
<div>
|
|
<h4>Anti-Regression Alert</h4>
|
|
<p id="anti-reg-text">—</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
|
<script>
|
|
// Chart.js global defaults for premium dark look
|
|
if (typeof Chart !== 'undefined') {
|
|
Chart.defaults.color = '#94a3b8';
|
|
Chart.defaults.borderColor = 'rgba(99,102,241,0.15)';
|
|
Chart.defaults.font.family = "'Inter', system-ui";
|
|
Chart.defaults.plugins.legend.labels.padding = 16;
|
|
Chart.defaults.plugins.legend.labels.usePointStyle = true;
|
|
}
|
|
|
|
const API = '/api/wevia-v63-acquired-enriched.php?action=full';
|
|
let chartInstances = {};
|
|
let DATA = null;
|
|
|
|
async function load() {
|
|
try {
|
|
const r = await fetch(API + '&t=' + Date.now());
|
|
DATA = await r.json();
|
|
render();
|
|
} catch (e) {
|
|
console.error('Load error:', e);
|
|
document.getElementById('kpi-total-sub').textContent = 'Erreur chargement API';
|
|
}
|
|
}
|
|
|
|
function fmt(n) {
|
|
if (n >= 1000000) return (n/1000000).toFixed(1) + 'M';
|
|
if (n >= 1000) return (n/1000).toFixed(1) + 'k';
|
|
return n;
|
|
}
|
|
|
|
function render() {
|
|
if (!DATA || !DATA.summary) return;
|
|
const S = DATA.summary;
|
|
|
|
// KPIs
|
|
document.getElementById('kpi-intents').textContent = fmt(S.total_intents_wired);
|
|
document.getElementById('kpi-skills').textContent = fmt(S.total_skills_oss);
|
|
document.getElementById('kpi-vectors').textContent = fmt(S.total_vectors_rag);
|
|
document.getElementById('kpi-doctrines').textContent = S.total_doctrines;
|
|
document.getElementById('kpi-tools').textContent = S.total_tools_oss_dirs;
|
|
document.getElementById('kpi-apis').textContent = S.total_apis_active;
|
|
document.getElementById('kpi-dormants').textContent = S.total_dormant_items;
|
|
document.getElementById('kpi-coverage').textContent = S.coverage_ratio_pct + '%';
|
|
document.getElementById('kpi-total').textContent = fmt(S.total_acquired);
|
|
document.getElementById('kpi-total-sub').textContent = S.total_acquired.toLocaleString() + ' éléments capitalisés dans l\'écosystème';
|
|
|
|
// Coverage ring animation
|
|
const pct = S.coverage_ratio_pct;
|
|
const circumference = 2 * Math.PI * 60;
|
|
const offset = circumference - (pct / 100) * circumference;
|
|
const ring = document.getElementById('ring-coverage');
|
|
if (ring) ring.setAttribute('stroke-dashoffset', offset);
|
|
document.getElementById('cov-pct').textContent = pct + '%';
|
|
|
|
renderOverview();
|
|
renderIntents();
|
|
renderSkills();
|
|
renderTools();
|
|
renderLean6Sigma();
|
|
renderDiff();
|
|
|
|
if (DATA.anti_regression_note) {
|
|
document.getElementById('anti-reg-box').style.display = 'flex';
|
|
document.getElementById('anti-reg-text').textContent = DATA.anti_regression_note;
|
|
}
|
|
}
|
|
|
|
function renderOverview() {
|
|
const S = DATA.summary;
|
|
const ctx1 = document.getElementById('chart-pie');
|
|
if (!ctx1 || typeof Chart === 'undefined') return;
|
|
if (chartInstances.pie) chartInstances.pie.destroy();
|
|
|
|
chartInstances.pie = new Chart(ctx1, {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: ['Skills OSS', 'Vectors RAG', 'Tools OSS dirs', 'Intents wired', 'Doctrines', 'APIs actives'],
|
|
datasets: [{
|
|
data: [S.total_skills_oss, S.total_vectors_rag, S.total_tools_oss_dirs, S.total_intents_wired, S.total_doctrines, S.total_apis_active],
|
|
backgroundColor: ['#a855f7', '#06b6d4', '#f43f5e', '#6366f1', '#f59e0b', '#22c55e'],
|
|
borderWidth: 0,
|
|
spacing: 2
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true, maintainAspectRatio: false, cutout: '65%',
|
|
plugins: { legend: { position: 'right', labels: { padding: 12, font: { size: 11 }}}}
|
|
}
|
|
});
|
|
|
|
// Bar chart V42→V63
|
|
const cats = (DATA.acquired && DATA.acquired.intents && DATA.acquired.intents.categories) || [];
|
|
const ctx2 = document.getElementById('chart-bar');
|
|
if (!ctx2) return;
|
|
if (chartInstances.bar) chartInstances.bar.destroy();
|
|
chartInstances.bar = new Chart(ctx2, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: cats.map(c => c.version.replace(/\s.*/,'')),
|
|
datasets: [{
|
|
label: 'Intents câblés',
|
|
data: cats.map(c => c.count),
|
|
backgroundColor: cats.map(c => c.new ? '#a855f7' : '#6366f1'),
|
|
borderRadius: 6
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true, maintainAspectRatio: false,
|
|
plugins: { legend: { display: false }},
|
|
scales: {
|
|
x: { grid: { display: false }, ticks: { font: { size: 10 }}},
|
|
y: { grid: { color: 'rgba(99,102,241,0.08)' }, ticks: { font: { size: 10 }}}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Coverage bars
|
|
const cbWrap = document.getElementById('coverage-bars');
|
|
const domains = [
|
|
{ label: 'Intents orchestrator', live: S.total_intents_wired, total: S.total_intents_wired + 30, color: 'var(--accent-2)' },
|
|
{ label: 'Skills OSS catalogués', live: S.total_skills_oss, total: 5437, color: 'var(--purple)' },
|
|
{ label: 'Vectors RAG Qdrant', live: S.total_vectors_rag, total: 17233, color: 'var(--cyan)' },
|
|
{ label: 'Tools OSS installés', live: S.total_tools_oss_dirs, total: 90, color: 'var(--rose)' },
|
|
{ label: 'Doctrines Obsidian', live: S.total_doctrines, total: 77, color: 'var(--amber)' },
|
|
{ label: 'APIs backend actives', live: S.total_apis_active, total: 12, color: 'var(--ok)' }
|
|
];
|
|
cbWrap.innerHTML = domains.map(d => {
|
|
const pct = Math.round(d.live / d.total * 100);
|
|
return `<div class="bar-row">
|
|
<div class="bar-label">${d.label}</div>
|
|
<div class="bar-track"><div class="bar-fill" style="width: 0%; background: linear-gradient(90deg, ${d.color}, var(--accent));"></div></div>
|
|
<div class="bar-count">${d.live}/${d.total}</div>
|
|
</div>`;
|
|
}).join('');
|
|
setTimeout(() => {
|
|
cbWrap.querySelectorAll('.bar-fill').forEach((el, i) => {
|
|
const pct = Math.round(domains[i].live / domains[i].total * 100);
|
|
el.style.width = Math.min(pct, 100) + '%';
|
|
});
|
|
}, 100);
|
|
}
|
|
|
|
function renderIntents() {
|
|
const cats = (DATA.acquired && DATA.acquired.intents && DATA.acquired.intents.categories) || [];
|
|
const wrap = document.getElementById('intents-bars');
|
|
const max = Math.max(...cats.map(c => c.count), 1);
|
|
wrap.innerHTML = cats.map(c => {
|
|
const pct = (c.count / max) * 100;
|
|
const newBadge = c.new ? '<span class="badge-new">NEW</span>' : '';
|
|
const liveBadge = c.live ? '<span class="badge-live">LIVE</span>' : '';
|
|
return `<div class="bar-row">
|
|
<div class="bar-label">${c.category}${newBadge}${liveBadge}<div class="ver" style="display:block;color:var(--text-mute);font-size:10.5px;">${c.version}</div></div>
|
|
<div class="bar-track"><div class="bar-fill ${c.new?'new':''}" style="width:0%"></div></div>
|
|
<div class="bar-count">${c.count}</div>
|
|
</div>`;
|
|
}).join('');
|
|
setTimeout(() => {
|
|
wrap.querySelectorAll('.bar-fill').forEach((el, i) => {
|
|
el.style.width = ((cats[i].count / max) * 100) + '%';
|
|
});
|
|
}, 100);
|
|
}
|
|
|
|
function renderSkills() {
|
|
const sk = (DATA.acquired && DATA.acquired.skills_oss) || {};
|
|
const collections = sk.collections || [];
|
|
const ctx = document.getElementById('chart-skills');
|
|
if (!ctx || typeof Chart === 'undefined' || !collections.length) return;
|
|
if (chartInstances.skills) chartInstances.skills.destroy();
|
|
chartInstances.skills = new Chart(ctx, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: collections.map(c => c.name),
|
|
datasets: [{
|
|
label: 'Skills détectés',
|
|
data: collections.map(c => c.count),
|
|
backgroundColor: collections.map((_, i) => `hsl(${240 + i*20}, 70%, 60%)`),
|
|
borderRadius: 6
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true, maintainAspectRatio: false, indexAxis: 'y',
|
|
plugins: { legend: { display: false }},
|
|
scales: { x: { grid: { color: 'rgba(99,102,241,0.08)' }}, y: { grid: { display: false }}}
|
|
}
|
|
});
|
|
}
|
|
|
|
function renderTools() {
|
|
const tools = (DATA.acquired && DATA.acquired.tools_oss) || {};
|
|
const catsObj = tools.categories || {};
|
|
const catsArr = Object.entries(catsObj); // [[key, items[]], ...]
|
|
const wrap = document.getElementById('tools-treemap');
|
|
wrap.innerHTML = '';
|
|
if (!catsArr.length) {
|
|
wrap.innerHTML = '<div style="grid-column:1/-1;color:var(--text-mute);padding:20px;">Pas de catégorisation disponible</div>';
|
|
return;
|
|
}
|
|
const colorMap = {
|
|
agent_frameworks: 'cat-agent',
|
|
weval_ecosystem: 'cat-doc',
|
|
skills_libs: 'cat-ai',
|
|
memory: 'cat-data',
|
|
infra: 'cat-dev',
|
|
pmta: 'cat-sec'
|
|
};
|
|
catsArr.forEach(([key, items]) => {
|
|
// Add category header tile
|
|
const header = document.createElement('div');
|
|
header.className = 'tile ' + (colorMap[key] || 'cat-ai');
|
|
header.style.gridColumn = 'span 2';
|
|
header.style.fontWeight = '700';
|
|
header.style.fontSize = '11.5px';
|
|
header.textContent = key.replace(/_/g, ' ').toUpperCase() + ' (' + items.length + ')';
|
|
wrap.appendChild(header);
|
|
(items || []).forEach(item => {
|
|
const div = document.createElement('div');
|
|
div.className = 'tile ' + (colorMap[key] || 'cat-ai');
|
|
div.textContent = item;
|
|
div.title = key + ' · ' + item;
|
|
wrap.appendChild(div);
|
|
});
|
|
});
|
|
}
|
|
|
|
function renderLean6Sigma() {
|
|
const l6s = DATA.lean6sigma || {};
|
|
const wrap = document.getElementById('lean6sigma-content');
|
|
const pages = l6s.pages || [];
|
|
const methods = l6s.methodologies || [];
|
|
const kb = l6s.kb_qdrant;
|
|
wrap.innerHTML = `
|
|
<div class="bar-list">
|
|
<div class="bar-row">
|
|
<div class="bar-label">Pages câblées</div>
|
|
<div class="bar-track"><div class="bar-fill" style="width: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2));"></div></div>
|
|
<div class="bar-count">${pages.length}</div>
|
|
</div>
|
|
<div class="bar-row">
|
|
<div class="bar-label">Méthodologies</div>
|
|
<div class="bar-track"><div class="bar-fill new" style="width: 100%;"></div></div>
|
|
<div class="bar-count">${methods.length}</div>
|
|
</div>
|
|
<div class="bar-row">
|
|
<div class="bar-label">Qdrant kb_lean6sigma</div>
|
|
<div class="bar-track"><div class="bar-fill" style="width: ${kb?100:0}%; background: linear-gradient(90deg, var(--ok), var(--accent));"></div></div>
|
|
<div class="bar-count">${kb?'✓':'—'}</div>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 18px; padding: 14px; background: var(--bg-2); border-radius: 8px; font-size: 12.5px;">
|
|
<strong style="color: var(--accent)">Pages :</strong> <span style="color: var(--text-dim)">${pages.join(' · ')}</span><br>
|
|
<strong style="color: var(--purple); margin-top: 8px; display: inline-block;">Méthodes :</strong> <span style="color: var(--text-dim)">${methods.join(' · ')}</span>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function renderDiff() {
|
|
const dormants = DATA.dormant || {};
|
|
const S = DATA.summary;
|
|
|
|
const ctx = document.getElementById('chart-diff');
|
|
if (!ctx || typeof Chart === 'undefined') return;
|
|
if (chartInstances.diff) chartInstances.diff.destroy();
|
|
|
|
chartInstances.diff = new Chart(ctx, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ['Intents', 'Skills', 'Tools OSS', 'Doctrines'],
|
|
datasets: [
|
|
{ label: 'ACQUIS LIVE', data: [S.total_intents_wired, S.total_skills_oss, S.total_tools_oss_dirs, S.total_doctrines], backgroundColor: '#22c55e', borderRadius: 6 },
|
|
{ label: 'À WIRER (dormants)', data: [30, 5437 - S.total_skills_oss, 30, 77 - S.total_doctrines], backgroundColor: '#f59e0b', borderRadius: 6 }
|
|
]
|
|
},
|
|
options: {
|
|
responsive: true, maintainAspectRatio: false,
|
|
plugins: { legend: { position: 'top' }},
|
|
scales: {
|
|
x: { grid: { display: false }, stacked: false },
|
|
y: { type: 'logarithmic', grid: { color: 'rgba(99,102,241,0.08)' }}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Dormant bars — V63 shape: {key: {count, priority, notes, wire_target}}
|
|
const dWrap = document.getElementById('dormants-bars');
|
|
const entries = Object.entries(dormants).map(([key, v]) => [key, v.count || 1, v.notes || '', v.priority || '', v.wire_target || ''])
|
|
.sort((a, b) => b[1] - a[1]);
|
|
const max = Math.max(...entries.map(e => e[1]), 1);
|
|
dWrap.innerHTML = entries.map(([key, val, notes, prio, target]) => {
|
|
return `<div class="bar-row">
|
|
<div class="bar-label">${key.replace(/_/g,' ')}<div class="ver" style="display:block;color:var(--text-mute);font-size:10.5px;">${prio} → ${target} · ${notes}</div></div>
|
|
<div class="bar-track"><div class="bar-fill" style="width:0%;background:linear-gradient(90deg, var(--warn), var(--err));"></div></div>
|
|
<div class="bar-count">${val}</div>
|
|
</div>`;
|
|
}).join('');
|
|
setTimeout(() => {
|
|
dWrap.querySelectorAll('.bar-fill').forEach((el, i) => {
|
|
el.style.width = ((entries[i][1] / max) * 100) + '%';
|
|
});
|
|
}, 100);
|
|
}
|
|
|
|
// Tabs
|
|
document.querySelectorAll('.tab').forEach(t => {
|
|
t.addEventListener('click', () => {
|
|
document.querySelectorAll('.tab').forEach(x => x.classList.remove('active'));
|
|
document.querySelectorAll('.tab-content').forEach(x => x.classList.remove('active'));
|
|
t.classList.add('active');
|
|
document.getElementById('tab-' + t.dataset.tab).classList.add('active');
|
|
});
|
|
});
|
|
|
|
document.getElementById('btn-refresh').addEventListener('click', load);
|
|
|
|
// Auto-refresh every 60s
|
|
load();
|
|
setInterval(load, 60000);
|
|
</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 t32b4) --><script src="/wtp-unified-dock.js" defer></script>
|
|
<script src="/opus-antioverlap-doctrine.js?v=1777045903" 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>
|