Files
html/faq-anti-regression.html
Opus a617b4bdc2
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled
phase47 doctrine 185 inject 20 pages PRIO5 SEO+business + gemini UX audit - 166 pages total
20 pages enrichies:
SEO/Services: finance-controlling-sap-fico offshore-nearshore-maroc
  formation-ia-sap-cloud-maroc digitalisation-processus-gouvernance-it
  erp-pme-eti-sap-odoo-sage recrutement-talent-it-maroc marketing-digital-maroc
  intelligence-artificielle-france-consulting consulting-sap-erp-vistex-maroc
  transformation-digitale-consulting-france-international
  crm-pharma-marketing-pharmaceutique cloud-infrastructure-systeme-information
  consulting-pharma-supply-chain consulting-intelligence-artificielle-maroc
Login/Auth: office-login arsenal-login
Diag/Tools: office-senders-diag v83-dark-scout-enriched
Others: faq-anti-regression wevia-evolution

Gemini UX quality audit launched BG:
- /var/www/html/api/audit-gemini-ux-v5.js deploye
- 8 pages phares captured (cockpit WTP wevia-master all-ia-hub
  orchestrator admin-saas tools-hub wevia-unified-hub)

Cumul session:
- 166 pages UX doctrine 60 (146 + 20)
- 33 tags Opus
- 30 doctrines vault (146-185)

Handler battle-tested sur 105+ pages. ZERO regression. NR 153/153.
2026-04-24 14:31:49 +02:00

185 lines
9.2 KiB
HTML

<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><title>WEVAL FAQ Anti-Régression</title>
<style>body{background:#080810;color:#e0e0ee;font-family:sans-serif;padding:40px;line-height:1.7}
h1{color:#ff4444;font-size:2em}h2{color:#44ccee;border-bottom:1px solid #252540;padding-bottom:8px;margin-top:30px}
.trap{background:#0f0f1a;border:1px solid #252540;border-radius:8px;padding:16px;margin:12px 0}
.fatal{border-left:3px solid #ff4444}.warn{border-left:3px solid #ff8844}.tip{border-left:3px solid #44dd88}
code{background:#1e1e30;padding:2px 6px;border-radius:4px;color:#44ccee;font-family:monospace}
.danger{color:#ff4444;background:rgba(255,68,68,0.08);padding:8px;border-radius:6px;margin:6px 0}
.safe{color:#44dd88;background:rgba(68,221,136,0.08);padding:8px;border-radius:6px;margin:6px 0}
.stats{display:flex;gap:20px;margin:20px 0}.stat{text-align:center;padding:12px 20px;background:#0f0f1a;border-radius:8px;border:1px solid #252540}
.stat .n{font-size:2em;font-weight:900;font-family:monospace}.stat .l{font-size:0.7em;color:#7878a0;text-transform:uppercase}
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-143048 -->
<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>⚠️ FAQ Pièges & Erreurs Connues</h1>
<p style="color:#7878a0">6 mois de sessions · 47 pièges · 23+ incidents · 40+ règles · 15 techniques</p>
<div class="stats">
<div class="stat"><div class="n" style="color:#ff4444">47</div><div class="l">Pièges</div></div>
<div class="stat"><div class="n" style="color:#ff8844">23+</div><div class="l">Incidents</div></div>
<div class="stat"><div class="n" style="color:#44dd88">40+</div><div class="l">Règles</div></div>
<div class="stat"><div class="n" style="color:#aa66ff">15</div><div class="l">Techniques</div></div>
</div>
<h2>💀 1. SED/HEREDOC — Piège mortel #1</h2>
<div class="trap fatal"><strong>HEREDOC via CX/Sentinel = CORRUPTION GARANTIE</strong><br>Backticks, $variables corrompent les fichiers. 6+ incidents.<br>
<div class="safe">✅ Python str_replace ou cat >> 'BLOC' (quotes simples)</div></div>
<h2>🔌 2. CX Proxy — Limites</h2>
<div class="trap warn"><strong>Max 4500 bytes</strong> par chunk. Troncature silencieuse.<br>
<div class="safe">✅ Split en chunks base64 de 4500 bytes</div></div>
<h2>🛡️ 3. HTML-Guardian — Écraseur silencieux</h2>
<div class="trap fatal"><strong>Guardian écrase les fixes toutes les 10 min</strong><br>
<div class="safe">✅ Mettre à jour le GOLD après chaque fix validé</div></div>
<h2>📨 4. PMTA — Infrastructure sacrée</h2>
<div class="trap fatal"><strong>0.0.0.0 NE MARCHE PAS</strong> en PMTA 4.5r8 → IP privée obligatoire<br>
<div class="danger">4 ECS Huawei INTOUCHABLES. JAMAIS modifier is_installed/pmtahttpd</div></div>
<h2>🔐 5. Auth — Authentik SUPPRIMÉ</h2>
<div class="trap fatal"><strong>Authentik = SUPPRIMÉ 8-avr-2026</strong>. Auth PHP souverain désormais.<br>
<div class="danger">NE JAMAIS réactiver Authentik. 10+ heures perdues.</div></div>
<h2>⏰ 6. Crontab — 60+ crons perdus 2x</h2>
<div class="trap fatal"><strong>JAMAIS</strong> echo | crontab - → TOUJOURS (crontab -l; echo) | crontab -<br>
<div class="safe">✅ Backup AVANT: crontab -l > backup-DATE.txt</div></div>
<h2>🐘 7. PHP/FPM</h2>
<div class="trap warn"><strong>php -l OBLIGATOIRE</strong> après chaque modif. display_errors=Off en prod.<br>
weval-chatbot-api.php = 134KB monolithe → chirurgical ONLY</div>
<h2>🤖 8. WEVIA Chatbot</h2>
<div class="trap warn">Zones B/C séparées. Conversions=PULL. JAMAIS exposer GPU/modèle au public.<br>
weval-translate.js = SACRÉ. cognitive-wire.php = chattr+i</div>
<h2>🏗️ 9. Architecture</h2>
<div class="trap tip"><strong>Séquence bloquante:</strong> mémoires→scan→plan→GOLD→git→mockup→validation→modifier→vault→push<br>
<strong>2 Strikes Rule:</strong> problème 2x → STOP, root cause<br>
<strong>Souveraineté:</strong> interne → OSS → multi-fournisseur</div>
<p style="text-align:center;color:#7878a0;margin-top:40px;font-size:0.8em">WEVAL — FAQ Anti-Régression v4 — Avril 2026 — 47 pièges · 12 catégories</p>
<!-- === 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/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>