163 lines
17 KiB
HTML
163 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>WEVAL L99 Command Center — 2026-04-09 14:00:00</title>
|
||
<style>
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0;padding:20px}
|
||
.header{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:16px;padding:30px;margin-bottom:20px;text-align:center}
|
||
.header h1{font-size:24px;margin-bottom:8px} .header .subtitle{opacity:0.8;font-size:13px}
|
||
.score-box{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,0.15);border-radius:12px;padding:16px 32px;margin-top:16px}
|
||
.score-big{font-size:48px;font-weight:800} .score-label{font-size:14px;opacity:0.9}
|
||
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:20px}
|
||
.card{background:#1e293b;border-radius:12px;padding:20px;border:1px solid #334155}
|
||
.card h3{font-size:15px;margin-bottom:12px;color:#a5b4fc}
|
||
table{width:100%;border-collapse:collapse} th,td{text-align:left;padding:6px 10px;border-bottom:1px solid #334155;font-size:12px}
|
||
th{color:#94a3b8;font-weight:600} .fail td{color:#f87171} .pass td{color:#4ade80}
|
||
.video-card,.screenshot-card{background:#1e293b;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #334155}
|
||
.video-card h4,.screenshot-card h4{font-size:13px;margin-bottom:8px;color:#a5b4fc}
|
||
.video-card video{border-radius:8px;margin-bottom:8px} .screenshot-card img{border-radius:8px;margin-bottom:8px}
|
||
.PASS,.pass{color:#4ade80} .FAIL,.fail{color:#f87171} .WARN{color:#fbbf24}
|
||
.metrics{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
|
||
.metric{background:#1e293b;border-radius:10px;padding:14px 20px;border:1px solid #334155;flex:1;min-width:120px;text-align:center}
|
||
.metric .val{font-size:24px;font-weight:700} .metric .lbl{font-size:11px;color:#94a3b8;margin-top:4px}
|
||
.sigma{color:#a78bfa} .green{color:#4ade80} .red{color:#f87171} .yellow{color:#fbbf24}
|
||
</style></head><body>
|
||
<div class="header">
|
||
<h1>🔬 WEVAL L99 Command Center</h1>
|
||
<div class="subtitle">Lean Six Sigma · Theory of Constraints · Visual Regression · Self-Healing</div>
|
||
<div class="score-box">
|
||
<div><span class="score-big green">100%</span></div>
|
||
<div><div class="score-label">233/233 PASS</div><div class="score-label">0 FAIL · 0 WARN</div>
|
||
<div class="score-label">⏱ 310s · 2026-04-09 14:00:00</div></div>
|
||
</div></div>
|
||
|
||
<div class="metrics">
|
||
<div class="metric"><div class="val green">233</div><div class="lbl">PASS</div></div>
|
||
<div class="metric"><div class="val red">0</div><div class="lbl">FAIL</div></div>
|
||
<div class="metric"><div class="val green">0</div><div class="lbl">WARN</div></div>
|
||
<div class="metric"><div class="val">310s</div><div class="lbl">Duration</div></div>
|
||
<div class="metric"><div class="val sigma">6.0σ</div><div class="lbl">Sigma Level</div></div>
|
||
<div class="metric"><div class="val">11</div><div class="lbl">Videos</div></div>
|
||
<div class="metric"><div class="val">77</div><div class="lbl">Screenshots</div></div>
|
||
</div>
|
||
|
||
<div class="grid">
|
||
<div class="card"><h3>📊 Layers Summary</h3><table><tr><th>Layer</th><th>Score</th><th>%</th><th>Fail</th></tr>
|
||
<tr><td>🟢 L1</td><td>8/8</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L10</td><td>12/12</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L11</td><td>13/13</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L12</td><td>6/6</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L13</td><td>6/6</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L14</td><td>4/4</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🔴 L17</td><td>3/3</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🔴 L2</td><td>5/5</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L3</td><td>16/16</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L4</td><td>9/9</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L5</td><td>7/7</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L6</td><td>10/10</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L7</td><td>32/32</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟡 L8</td><td>21/21</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 L9</td><td>15/17</td><td>88%</td><td>0</td></tr>
|
||
<tr><td>🟢 V10</td><td>6/6</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 V11</td><td>1/1</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 V12</td><td>7/7</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟢 V6</td><td>24/24</td><td>100%</td><td>0</td></tr>
|
||
<tr><td>🟡 V7</td><td>21/22</td><td>100%</td><td>1</td></tr>
|
||
<tr><td>🔴 V8</td><td>13/15</td><td>87%</td><td>2</td></tr>
|
||
<tr><td>🟡 V9</td><td>5/6</td><td>83%</td><td>1</td></tr>
|
||
</table></div>
|
||
<div class="card"><h3>❌ Failures</h3><table><tr><th>Layer</th><th>Test</th><th>Detail</th></tr>
|
||
</table></div>
|
||
</div>
|
||
|
||
<h2 style="margin:20px 0 12px;font-size:18px">🎬 Video Scenarios</h2><div class="grid"><div class="video-card"><h4>🎬 Scenario 1: Visitor Journey</h4><video controls width="100%"><source src="videos/scenario1-visitor-journey.webm" type="video/webm"></video><p class="PASS">PASS: Homepage→Carousel→Solutions→WEVIA→Contact→Booking (43s)</p></div>
|
||
<div class="video-card"><h4>🎬 Scenario 2: WEVIA Chatbot</h4><video controls width="100%"><source src="videos/scenario2-chatbot-interaction.webm" type="video/webm"></video><p class="PASS">PASS: Open widget→Type message→Send (19s)</p></div>
|
||
<div class="video-card"><h4>🎬 Scenario 3: Product Browsing</h4><video controls width="100%"><source src="videos/scenario3-product-browsing.webm" type="video/webm"></video><p class="PASS">PASS: 5 products browsed (22s)</p></div>
|
||
<div class="video-card"><h4>🎬 Scenario 4: Responsive Testing</h4><video controls width="100%"><source src="videos/scenario4-responsive-test.webm" type="video/webm"></video><p class="PASS">PASS: 6 viewports tested (33s)</p></div>
|
||
<div class="video-card"><h4>🎬 Scenario 5: Subdomain Tour</h4><video controls width="100%"><source src="videos/scenario5-subdomain-tour.webm" type="video/webm"></video><p class="PASS">PASS: CRM→DeerFlow→Auth→Kuma (28s)</p></div>
|
||
<div class="video-card"><h4>🎬 V07-arsenal-deep</h4><video controls width="100%"><source src="videos/V07-arsenal-deep.webm" type="video/webm"></video><p class="PASS">PASS: 22 screens</p></div>
|
||
<div class="video-card"><h4>🎬 V08-ethica</h4><video controls width="100%"><source src="videos/V08-ethica.webm" type="video/webm"></video><p class="PASS">PASS: 15 screens</p></div>
|
||
<div class="video-card"><h4>🎬 V09-brain-ia</h4><video controls width="100%"><source src="videos/V09-brain-ia.webm" type="video/webm"></video><p class="PASS">PASS: Brain IA</p></div>
|
||
<div class="video-card"><h4>🎬 V10-command-centers</h4><video controls width="100%"><source src="videos/V10-command-centers.webm" type="video/webm"></video><p class="PASS">PASS: 6 CCs</p></div>
|
||
<div class="video-card"><h4>🎬 V11-deerflow</h4><video controls width="100%"><source src="videos/V11-deerflow.webm" type="video/webm"></video><p class="PASS">PASS: DeerFlow</p></div>
|
||
<div class="video-card"><h4>🎬 V12-static</h4><video controls width="100%"><source src="videos/V12-static.webm" type="video/webm"></video><p class="PASS">PASS: Static pages</p></div>
|
||
</div>
|
||
<h2 style="margin:20px 0 12px;font-size:18px">📸 Visual Regression Screenshots</h2><div class="grid"><div class="screenshot-card"><h4>📸 Homepage Desktop</h4><img src="screenshots/homepage-desktop.png" width="100%"><p>1440x900</p></div>
|
||
<div class="screenshot-card"><h4>📸 Carousel 3D</h4><img src="screenshots/carousel-desktop.png" width="100%"><p>1440x900</p></div>
|
||
<div class="screenshot-card"><h4>📸 Solutions</h4><img src="screenshots/solutions-desktop.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 WEVIA</h4><img src="screenshots/wevia-desktop.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Chatbot Open</h4><img src="screenshots/chatbot-open.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Product: wevia-enterprise</h4><img src="screenshots/product-wevia-enterprise.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Product: sentinel</h4><img src="screenshots/product-sentinel.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Product: arsenal</h4><img src="screenshots/product-arsenal.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Product: ethica</h4><img src="screenshots/product-ethica.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Product: wevads</h4><img src="screenshots/product-wevads.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Responsive 320px</h4><img src="screenshots/responsive-320.png" width="100%"><p>320px</p></div>
|
||
<div class="screenshot-card"><h4>📸 Responsive 375px</h4><img src="screenshots/responsive-375.png" width="100%"><p>375px</p></div>
|
||
<div class="screenshot-card"><h4>📸 Responsive 768px</h4><img src="screenshots/responsive-768.png" width="100%"><p>768px</p></div>
|
||
<div class="screenshot-card"><h4>📸 Responsive 1024px</h4><img src="screenshots/responsive-1024.png" width="100%"><p>1024px</p></div>
|
||
<div class="screenshot-card"><h4>📸 Responsive 1440px</h4><img src="screenshots/responsive-1440.png" width="100%"><p>1440px</p></div>
|
||
<div class="screenshot-card"><h4>📸 Responsive 1920px</h4><img src="screenshots/responsive-1920.png" width="100%"><p>1920px</p></div>
|
||
<div class="screenshot-card"><h4>📸 Subdomain: CRM Twenty</h4><img src="screenshots/subdomain-crm.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Subdomain: DeerFlow</h4><img src="screenshots/subdomain-deerflow.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Subdomain: Authentik</h4><img src="screenshots/subdomain-auth.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 Subdomain: Uptime Kuma</h4><img src="screenshots/subdomain-monitor.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-menu</h4><img src="screenshots/arsenal-menu.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-sentinel-v4</h4><img src="screenshots/arsenal-sentinel-v4.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-brain-send</h4><img src="screenshots/arsenal-brain-send.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-command-center</h4><img src="screenshots/arsenal-command-center.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-ceo-dashboard</h4><img src="screenshots/arsenal-ceo-dashboard.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-emailing-pipeline</h4><img src="screenshots/arsenal-emailing-pipeline.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-send-engines-dashboard</h4><img src="screenshots/arsenal-send-engines-dashboard.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-cloud-account-factory</h4><img src="screenshots/arsenal-cloud-account-factory.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-kb-sync-monitor</h4><img src="screenshots/arsenal-kb-sync-monitor.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-semi-auto-send</h4><img src="screenshots/arsenal-semi-auto-send.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-wevads-architecture</h4><img src="screenshots/arsenal-wevads-architecture.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-brain-report</h4><img src="screenshots/arsenal-brain-report.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-brain-drilldown</h4><img src="screenshots/arsenal-brain-drilldown.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-domain-manager</h4><img src="screenshots/arsenal-domain-manager.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-reputation-monitor</h4><img src="screenshots/arsenal-reputation-monitor.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-warming-engine</h4><img src="screenshots/arsenal-warming-engine.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-send-capacity-dashboard</h4><img src="screenshots/arsenal-send-capacity-dashboard.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-operations-overview</h4><img src="screenshots/arsenal-operations-overview.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-guardian-dashboard</h4><img src="screenshots/arsenal-guardian-dashboard.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-deal-pipeline</h4><img src="screenshots/arsenal-deal-pipeline.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 arsenal-performance-dashboard</h4><img src="screenshots/arsenal-performance-dashboard.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-dashboard</h4><img src="screenshots/ethica-ethica-dashboard.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-real-scraper</h4><img src="screenshots/ethica-ethica-real-scraper.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-consent</h4><img src="screenshots/ethica-ethica-consent.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-track</h4><img src="screenshots/ethica-ethica-track.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-audit</h4><img src="screenshots/ethica-ethica-audit.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-campaigns</h4><img src="screenshots/ethica-ethica-campaigns.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-sms-engine</h4><img src="screenshots/ethica-ethica-sms-engine.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-chatbot</h4><img src="screenshots/ethica-ethica-chatbot.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-data-list</h4><img src="screenshots/ethica-ethica-data-list.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-diagnostic</h4><img src="screenshots/ethica-ethica-diagnostic.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-google-badge</h4><img src="screenshots/ethica-ethica-google-badge.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-inscription</h4><img src="screenshots/ethica-ethica-inscription.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 ethica-ethica-app-v3</h4><img src="screenshots/ethica-ethica-app-v3.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 brain-brain-send</h4><img src="screenshots/brain-brain-send.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 brain-brain-report</h4><img src="screenshots/brain-brain-report.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 brain-brain-drilldown</h4><img src="screenshots/brain-brain-drilldown.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 brain-brain-central</h4><img src="screenshots/brain-brain-central.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 brain-brain-combo-discovery</h4><img src="screenshots/brain-brain-combo-discovery.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 cc-command-center</h4><img src="screenshots/cc-command-center.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 cc-mega-command-center</h4><img src="screenshots/cc-mega-command-center.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 cc-blade-center</h4><img src="screenshots/cc-blade-center.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 cc-blade-ai</h4><img src="screenshots/cc-blade-ai.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 cc-l99</h4><img src="screenshots/cc-l99.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 cc-arsenal</h4><img src="screenshots/cc-arsenal.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 deerflow-main</h4><img src="screenshots/deerflow-main.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 static-apps</h4><img src="screenshots/static-apps.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 static-booking</h4><img src="screenshots/static-booking.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 static-case-studies</h4><img src="screenshots/static-case-studies.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 static-cgu</h4><img src="screenshots/static-cgu.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 static-monitoring</h4><img src="screenshots/static-monitoring.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 static-crons-monitor</h4><img src="screenshots/static-crons-monitor.png" width="100%"><p></p></div>
|
||
<div class="screenshot-card"><h4>📸 static-ecosysteme-ia-maroc</h4><img src="screenshots/static-ecosysteme-ia-maroc.png" width="100%"><p></p></div>
|
||
</div>
|
||
|
||
<div style="text-align:center;padding:20px;opacity:0.5;font-size:11px">
|
||
WEVAL L99 Command Center v1.0 — Powered by Playwright · Lean Six Sigma · Theory of Constraints<br>
|
||
Generated 2026-04-09 14:00:00 · 3 Servers · 250 Tests · 11 Videos · 77 Screenshots
|
||
</div></body></html> |