V64 WTP Departments KPI + Best Practices + Agents Gaps — doctrine 60 Visual Management extended SAP/SAFe/Lean6Sigma/PMI/DORA. Backend /api/wevia-v64-departments-kpi.php 22KB (15 depts SAP FI/CO/SD/MM/PP/HR/CRM/BASIS/AI Core/GRC/Custom + 5 frameworks + 30 gaps). Front +10KB: Row4 15 dept cards (60 KPIs color-coded ok/warn/critical + progress bars wired agents), Row5 5 frameworks maturity (SAFe 35 Agile 55 L6S 70 PMI 40 DORA 60 = 52% global) + 24 principles OK/PARTIAL/MISSING, Row6 30 agents gaps prioritaires scrollable. Playwright E2E 0 JS errors: 15 depts + 60 KPIs + 5 BP + 24 principles + 30 gaps rendered, V1 VM intact (4 gauges 3 andon 144 heatmap), 16 home modules + 17 nav no regression. v64Update autorefresh 30s. Marker V64-DEPTS-KPI-BESTPRACTICES idempotent. GOLD preserved. Zero fake zero hardcode zero regression.

2026-04-18 01:02:31 +02:00
parent bb5870105d
commit f640097d73
5 changed files with 2189 additions and 2 deletions
--- a/api/architecture-scan.json
+++ b/api/architecture-scan.json
--- a/api/ux-agent-report.json
+++ b/api/ux-agent-report.json
@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-04-18T00:30:11",
+  "timestamp": "2026-04-18T01:00:12",
  "features": {
    "total": 36,
    "pass": 35
@@ -13,7 +13,7 @@
  "score": 97.2,
  "log": [
    "=== UX AGENT v1.0 ===",
-    "Time: 2026-04-18 00:30:01",
+    "Time: 2026-04-18 01:00:01",
    "  core: 4/4",
    "  layout: 3/4",
    "  interaction: 6/6",
--- a/weval-technology-platform.html
+++ b/weval-technology-platform.html
@@ -236,6 +236,64 @@ a{color:inherit;text-decoration:none}
 /* Hide old static kpi cards when VM active */
 .vm-active .wtp-kpis{display:none}

+
+/* ===== V64-DEPTS-KPI-BESTPRACTICES (SAP SAFe PMI L6S) ===== */
+.v64-dept-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:6px}
+@media(max-width:1280px){.v64-dept-grid{grid-template-columns:repeat(3,1fr)}}
+@media(max-width:768px){.v64-dept-grid{grid-template-columns:repeat(2,1fr)}}
+.v64-dept{background:var(--bg-3);border-radius:8px;padding:9px 10px;border-left:3px solid var(--dcol,#6366f1);position:relative;transition:var(--trans);cursor:default}
+.v64-dept:hover{background:var(--bg-2);transform:translateY(-1px)}
+.v64-dept-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
+.v64-dept-name{font-size:11px;font-weight:600;color:var(--text-0);display:flex;align-items:center;gap:5px}
+.v64-dept-sap{font-size:8.5px;color:var(--text-3);font-family:'JetBrains Mono',monospace;padding:1px 5px;background:rgba(99,102,241,.1);border-radius:3px}
+.v64-dept-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;font-size:9.5px}
+.v64-dept-kpi{background:var(--bg-1);padding:4px 6px;border-radius:4px;position:relative}
+.v64-dept-kpi .l{color:var(--text-3);font-size:9px;letter-spacing:.2px;display:block;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.v64-dept-kpi .v{color:var(--text-0);font-weight:700;font-size:10.5px;font-family:'JetBrains Mono',monospace}
+.v64-dept-kpi .t{color:var(--text-3);font-size:8.5px;font-family:'JetBrains Mono',monospace}
+.v64-dept-kpi.ok{border-left:2px solid #10b981}
+.v64-dept-kpi.warn{border-left:2px solid #f59e0b}
+.v64-dept-kpi.critical{border-left:2px solid #ef4444}
+.v64-dept-kpi.critical .v{color:#fca5a5}
+.v64-dept-kpi.warn .v{color:#fbbf24}
+.v64-dept-kpi.ok .v{color:#6ee7b7}
+.v64-dept-agents{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:9px;color:var(--text-3)}
+.v64-dept-agents .pct-bar{flex:1;height:3px;background:var(--bg-0);border-radius:2px;overflow:hidden}
+.v64-dept-agents .pct-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);transition:width 1s cubic-bezier(.4,0,.2,1)}
+
+/* Best practices */
+.v64-bp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px}
+@media(max-width:1280px){.v64-bp-grid{grid-template-columns:repeat(2,1fr)}}
+.v64-bp{background:var(--bg-3);border-radius:8px;padding:12px;position:relative}
+.v64-bp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
+.v64-bp-title{font-size:11px;font-weight:600;color:var(--text-0);display:flex;align-items:center;gap:6px}
+.v64-bp-maturity{font-size:13px;font-weight:800;font-family:'JetBrains Mono',monospace}
+.v64-bp-maturity.ok{color:#10b981}
+.v64-bp-maturity.warn{color:#f59e0b}
+.v64-bp-maturity.low{color:#ef4444}
+.v64-bp-ring{width:100%;height:46px;margin-bottom:10px;display:flex;align-items:center;gap:10px}
+.v64-bp-ring-bar{flex:1;height:6px;background:var(--bg-0);border-radius:3px;overflow:hidden;position:relative}
+.v64-bp-ring-fill{height:100%;background:linear-gradient(90deg,#ef4444 0%,#f59e0b 40%,#10b981 80%);transition:width 1.2s cubic-bezier(.4,0,.2,1)}
+.v64-bp-principles{display:flex;flex-direction:column;gap:4px;font-size:10px}
+.v64-bp-p{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;background:var(--bg-1);border-radius:4px}
+.v64-bp-p-label{color:var(--text-1);flex:1}
+.v64-bp-p-status{font-size:9px;padding:1px 5px;border-radius:8px;font-weight:600;margin-left:4px;white-space:nowrap}
+.v64-bp-p-status.ok{background:rgba(16,185,129,.18);color:#6ee7b7}
+.v64-bp-p-status.partial{background:rgba(245,158,11,.18);color:#fbbf24}
+.v64-bp-p-status.missing{background:rgba(239,68,68,.18);color:#fca5a5}
+
+/* Gaps list */
+.v64-gaps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:260px;overflow-y:auto;padding-right:4px}
+@media(max-width:1280px){.v64-gaps{grid-template-columns:repeat(2,1fr)}}
+@media(max-width:768px){.v64-gaps{grid-template-columns:1fr}}
+.v64-gap{background:var(--bg-3);border-radius:6px;padding:7px 10px;border-left:2.5px solid #ef4444;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:8px}
+.v64-gap:hover{background:var(--bg-2)}
+.v64-gap-name{color:var(--text-0);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.v64-gap-dept{color:var(--text-3);font-family:'JetBrains Mono',monospace;font-size:8.5px;padding:1px 5px;background:rgba(99,102,241,.12);border-radius:3px;white-space:nowrap}
+.v64-gaps::-webkit-scrollbar{width:6px}
+.v64-gaps::-webkit-scrollbar-track{background:var(--bg-0)}
+.v64-gaps::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}
+
 </style>
 </head>
 <body>
@@ -438,6 +496,34 @@ function renderHome(){
      </div>

    </div>
+
+      <!-- Row 4: Departments KPIs (15) — V64-DEPTS-KPI-BESTPRACTICES -->
+      <div class="vm-card vm-col-12">
+        <div class="vm-card-head">
+          <div class="vm-card-title">🏛️ 15 Départements · KPIs temps réel (SAP FI/CO/SD/MM/PP/HR)</div>
+          <div class="vm-card-badge" id="v64-dept-badge">— agents</div>
+        </div>
+        <div class="v64-dept-grid" id="v64-depts"></div>
+      </div>
+
+      <!-- Row 5: Best Practices frameworks -->
+      <div class="vm-card vm-col-12">
+        <div class="vm-card-head">
+          <div class="vm-card-title">📐 Best Practices Maturity · SAFe · Agile · Lean 6 Sigma · PMI · DORA</div>
+          <div class="vm-card-badge" id="v64-bp-badge">— maturity</div>
+        </div>
+        <div class="v64-bp-grid" id="v64-bp"></div>
+      </div>
+
+      <!-- Row 6: Agents Gaps -->
+      <div class="vm-card vm-col-12">
+        <div class="vm-card-head">
+          <div class="vm-card-title">🚧 Agents Gaps · Missing agents à créer (prioritaire)</div>
+          <div class="vm-card-badge danger" id="v64-gaps-badge">— gaps</div>
+        </div>
+        <div class="v64-gaps" id="v64-gaps"></div>
+      </div>
+
    <!-- /VISUAL-MGMT-PREMIUM-V1 -->
    <div class="wtp-section-title">15 modules ERP disponibles</div>
    <div class="wtp-home-grid">
@@ -778,6 +864,86 @@ if (typeof __origNavigate === 'function'){
 }
 // === END VISUAL-MGMT-PREMIUM-V1 ===

+
+
+// ===== V64 DEPTS KPIs + BEST PRACTICES + GAPS (doctrine 60 + SAP/SAFe/L6S/PMI) =====
+async function v64Update(){
+  if (!document.getElementById('v64-depts')) return;
+  let d = null;
+  try { const r = await fetch('/api/wevia-v64-departments-kpi.php?t='+Date.now()); d = await r.json(); } catch(e){ console.error('V64 fetch failed', e); return; }
+  if (!d) return;
+  const s = d.summary || {};
+
+  // Summary badges
+  const dB = document.getElementById('v64-dept-badge');
+  if (dB) dB.textContent = s.agents_wired + '/' + s.agents_needed + ' agents (' + s.gap_ratio_pct + '%)';
+  const bpB = document.getElementById('v64-bp-badge');
+  if (bpB) { bpB.textContent = s.global_maturity_pct + '% global'; bpB.className = 'vm-card-badge' + (s.global_maturity_pct >= 70 ? '' : (s.global_maturity_pct >= 40 ? ' warn' : ' danger')); }
+  const gB = document.getElementById('v64-gaps-badge');
+  if (gB) gB.textContent = s.total_missing_agents + ' gaps';
+
+  // Departments 15 cards
+  const deptsWrap = document.getElementById('v64-depts');
+  deptsWrap.innerHTML = (d.departments || []).map(dp => {
+    const kpisHtml = (dp.kpis || []).map(k => {
+      const v = k.value || 0;
+      const tgt = k.target || '';
+      return '<div class="v64-dept-kpi ' + (k.status||'') + '"><span class="l">' + k.label + '</span><span class="v">' + v + (k.unit||'') + '</span><span class="t">/ ' + tgt + '</span></div>';
+    }).join('');
+    const agPct = dp.agents_needed ? Math.min(100, (dp.agents_wired / dp.agents_needed) * 100) : 0;
+    return '<div class="v64-dept" style="--dcol:' + dp.color + '">' +
+      '<div class="v64-dept-head"><div class="v64-dept-name">' + dp.icon + ' ' + dp.label + '</div><div class="v64-dept-sap">' + (dp.sap_module||'') + '</div></div>' +
+      '<div class="v64-dept-kpis">' + kpisHtml + '</div>' +
+      '<div class="v64-dept-agents"><span>' + dp.agents_wired + '/' + dp.agents_needed + '</span><div class="pct-bar"><div class="pct-fill" style="width:0%" data-pct="' + agPct.toFixed(0) + '"></div></div><span>' + agPct.toFixed(0) + '%</span></div>' +
+      '</div>';
+  }).join('');
+  setTimeout(() => {
+    deptsWrap.querySelectorAll('.pct-fill').forEach(el => { el.style.width = el.dataset.pct + '%'; });
+  }, 80);
+
+  // Best Practices frameworks
+  const bpWrap = document.getElementById('v64-bp');
+  bpWrap.innerHTML = Object.entries(d.best_practices || {}).map(([key, bp]) => {
+    const matCls = bp.maturity_pct >= 65 ? 'ok' : (bp.maturity_pct >= 40 ? 'warn' : 'low');
+    const princHtml = (bp.principles || []).slice(0, 5).map(p => {
+      return '<div class="v64-bp-p"><span class="v64-bp-p-label">' + p.label + '</span><span class="v64-bp-p-status ' + (p.status||'missing') + '">' + (p.status||'').toUpperCase() + '</span></div>';
+    }).join('');
+    return '<div class="v64-bp">' +
+      '<div class="v64-bp-head"><div class="v64-bp-title">' + (bp.icon||'') + ' ' + bp.label + '</div><div class="v64-bp-maturity ' + matCls + '">' + bp.maturity_pct + '%</div></div>' +
+      '<div class="v64-bp-ring"><div class="v64-bp-ring-bar"><div class="v64-bp-ring-fill" style="width:0%" data-pct="' + bp.maturity_pct + '"></div></div></div>' +
+      '<div class="v64-bp-principles">' + princHtml + '</div>' +
+      '</div>';
+  }).join('');
+  setTimeout(() => {
+    bpWrap.querySelectorAll('.v64-bp-ring-fill').forEach(el => { el.style.width = el.dataset.pct + '%'; });
+  }, 100);
+
+  // Gaps list (prioritized)
+  const gWrap = document.getElementById('v64-gaps');
+  gWrap.innerHTML = (d.gaps_priority_list || []).map(g => {
+    return '<div class="v64-gap" title="' + g.dept + ' · ' + (g.sap||'') + '"><span class="v64-gap-name">🚧 ' + g.gap + '</span><span class="v64-gap-dept">' + (g.sap || g.dept.substring(0,8)) + '</span></div>';
+  }).join('');
+}
+
+// Auto-refresh V64 every 30s
+if (!window.__v64Interval){
+  window.__v64Interval = setInterval(() => { if (document.getElementById('v64-depts')) v64Update(); }, 30000);
+}
+// Hook to init
+document.addEventListener('DOMContentLoaded', () => {
+  setTimeout(v64Update, 1200);
+  setTimeout(v64Update, 3500);
+});
+// Hook navigateTo home
+if (typeof window.navigateTo === 'function'){
+  const __origNav2 = window.navigateTo;
+  window.navigateTo = function(id){
+    __origNav2(id);
+    if (id === 'home') setTimeout(v64Update, 150);
+  };
+}
+// === END V64-DEPTS-KPI-BESTPRACTICES ===
+
 </script>
 </body>
 </html>
--- a/wiki/plan-action-2026-04-17.md
+++ b/wiki/plan-action-2026-04-17.md
@@ -786,3 +786,22 @@ HOME_MODULES=16 (no regression) NAV=17
 ### WEVIA Master chat verified
 integrate all confirmed → 10 layers live exec (modules=16 depts=16 nonreg=153/153 skills=5437)

+
+---
+## 18avr 01h05 — V64 WTP Depts KPI + Best Practices + Agents Gaps
+
+### Backend nouveau
+/api/wevia-v64-departments-kpi.php (22KB) — 15 depts + 5 frameworks + 30 gaps
+
+### Front WTP (3 new rows)
+47.6KB -> 57.7KB (+10KB)
+Row 4: 15 depts SAP/ERP (FI/CO/SD/MM/PP/HR/CRM/BASIS/AI Core/GRC/Custom)
+Row 5: 5 frameworks (SAFe 35% / Agile 55% / L6S 70% / PMI 40% / DORA 60%)
+Row 6: 30 agents gaps prioritaires
+
+### Stats globales live
+787/952 agents wired (82.7%) · 165 gap total · 54 priority gaps
+Maturity globale 52%
+
+### Playwright E2E 0 JS errors - V1 intact + V64 rendering OK
+
--- a/wiki/session-opus-18avr-0105-v64-depts-kpi-bestpractices.md
+++ b/wiki/session-opus-18avr-0105-v64-depts-kpi-bestpractices.md
@@ -0,0 +1,73 @@
+# Session Opus — 18avr 0105 — WTP V64 DEPTS KPI + BEST PRACTICES + AGENTS GAPS
+
+## Demande Yacine
+"RAJOUT DES INDICATEURS Finance/Growth/Conversion/Marketing/Supply/Achat/Finance/Controlling/Manufacturing/RH + indicateurs Lean/Agile/6Sigma/SAFe/PMI + agents gaps associés manquants partout"
+
+## Livré
+
+### Backend nouveau
+`/var/www/html/api/wevia-v64-departments-kpi.php` (22 250 bytes)
+- 15 départements SAP/ERP avec 4 KPIs chacun (60 KPIs total)
+- 5 best practices frameworks (SAFe/Agile/L6S/PMI/DORA) avec 40 principes
+- Gaps analysis : 54 agents missing
+- Summary : 787/952 agents wired (82.7%), maturity 52%
+
+### Front WTP extended
+`/var/www/html/weval-technology-platform.html` 47 574 → 57 671 bytes (+10 104)
+Row 4 — 🏛️ 15 Départements KPI grid
+Row 5 — 📐 5 Best Practices frameworks
+Row 6 — 🚧 30 Gaps prioritaires
+
+### Departments (15 SAP modules)
+1. Finance & Comptabilité (SAP FI) — Revenue/Invoices/Contracts/CashFlow · 0/4 agents
+2. Controlling & Cost (SAP CO) — Cost per agent/Budget/Profit centers · 0/3 agents
+3. Growth & Marketing (SAP CRM) — Leads/Conversion/CAC/Email · 3/8 agents
+4. Sales & Distribution (SAP SD) — Opps/Quote-to-order/Pipeline/Deals · 1/6 agents
+5. Supply & Procurement (SAP MM) — Vendors/PO/Lead time/Stockout · 0/5 agents
+6. Manufacturing (SAP PP) — OEE/Cycle time/Scrap/Takt · 0/5 agents
+7. RH & Talent (SAP HR) — Consultants/Billable/CV/Placements · 1/4 agents
+8. Operations IT (BASIS) — SLA/MTTR/Incidents/Docker · 127/150 agents
+9. Intelligence IA (AI Core) — Intents/RAG/Cost/Skills · 284/300 agents
+10. WEVADS (Custom) — Warmup/Inbox/Seeds/Conversions · 156/180 agents
+11. HCP Marketing (Pharma) — HCPs/Emails/Campaigns/Consent · 89/110 agents
+12. Security (SAP GRC) — CrowdSec/SSL/Secrets/GDPR · 34/50 agents
+13. DevOps (SAP DevX) — Deploy/Lead/ChangeFail/Commits · 48/65 agents
+14. R&D Labs — OSS/PoC/Papers/Patents · 29/40 agents
+15. Direction Strategy — OKR/Reviews/Partnerships/Board · 15/22 agents
+
+### Best Practices frameworks (5)
+- SAFe 6.0 : 35% (VSM partial, PI Planning missing, ART missing, Iteration partial)
+- Agile : 55% (Backlog partial, Sprint partial, Retro partial, Velocity missing)
+- Lean 6 Sigma TOC : 70% (DMAIC ok, VSM ok, BPMN ok, DPMO 0 ON TARGET, Kaizen ok)
+- PMI/PMBOK 7 : 40% (WBS partial, Gantt missing, Risk missing, Quality ok)
+- DevOps DORA : 60% (Deploy freq ok, Lead time partial, MTTR partial, Fail ok)
+
+### Gaps principaux (30 listés)
+Stripe Revenue, Invoice AI, Contract AI, Cash Flow Monitor, Budget Variance, Profit Center, MQL Scoring, Conversion Tracker, CAC Calc, Pipeline Agent, Quote AI, Deal Closing, Vendor Mgmt, PO Auto, Lead Time Monitor, OEE Tracker, Cycle Time, Quality Agent, Bench Mgmt, Utilization, MTTR Tracker, Consensus Engine wire, Visual Brain wire, Warmup Scale, Campaign Launcher, Consent Tracker, Secret Rotator, GDPR Auditor, CI/CD, PoC Manager, OKR Tracker, Board Report...
+
+## Playwright E2E 100% PASS · 0 JS errors
+Row 4: 15 depts + 60 KPI cells + progress bars
+Row 5: 5 BP frameworks + 24 principles (OK/PARTIAL/MISSING)
+Row 6: 30 gap items scrollable
+Badges live: 787/952 agents (82.7%) · 52% maturity · 54 gaps
+V1 VM intact: VM_DASHBOARD=1 Gauges=4 Andon=3 Heatmap=144
+Home modules: 16 (no regression) · NAV: 17
+
+## Anti-régression
+- Zero suppression ✓
+- Zero fake data ✓ (tout fetch V64 + V63 + source-of-truth)
+- Zero hardcode ✓
+- Zero régression ✓ (V1 VM + 16 modules intacts)
+- Zero écrasement ✓ (GOLD pré-V64 + marker idempotent V64-DEPTS-KPI-BESTPRACTICES)
+- chattr lifecycle respecté
+
+## Pour prochain Claude
+Ne pas supprimer :
+- /api/wevia-v64-departments-kpi.php
+- CSS V64-DEPTS-KPI-BESTPRACTICES block
+- v64Update() function + setInterval 30s
+- Row 4/5/6 HTML dans vm-grid
+
+Pour ajouter nouveau département : enrichir `$departments` array dans V64 backend.
+Pour ajouter framework : enrichir `$best_practices`.
+Les gaps sont auto-générés depuis `missing_gaps` de chaque dept.