mi/werkbaum
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

frontend: High-Risk-Warndreieck + Prod-Gating der Test-Hilfen

Browse Source 
- [!]-Knoten trägt jetzt ein Warndreieck (⚠) an der oberen linken Ecke,
  zusätzlich zur orangen Färbung — im Diagramm, im SVG/PNG-Export und
  barrierefrei (aria-hidden, Status steckt im aria-label). Tooltip in allen
  9 Sprachen.
- SPEC §4: [!]/highrisk-Status nachgetragen (war beim ersten Hinzufügen
  übersprungen), inkl. Warndreieck-Kennzeichnung.
- Beispiel-PSP: Backend als High-Risk ([!]) markiert.
- Debug-Panel + Reset-Button nur außerhalb des Prod-Builds (isProdBuild via
  VITE_BUILD_BADGE); im build:prod eliminiert esbuild den Zweig als toten
  Code. Update-Check + Banner bleiben in allen Builds aktiv.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
mhoennig
2026-07-23 10:00:51 +02:00
co-authored by Claude Opus 4.8
parent 90b5deb45b
commit 095dbfb63e
4 changed files with 50 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/style.css
+9
View File
@@ -393,6 +393,15 @@
border:1.5px solid var(--card);
border-radius:999px;padding:1px 6px;line-height:1.4;
}
.risk{
position:absolute;top:-10px;left:-10px;
width:18px;height:18px;
display:flex;align-items:center;justify-content:center;
font-size:.62rem;line-height:1;
background:var(--card);color:#F97316;
border:1.5px solid #F97316;border-radius:999px;
box-shadow:0 0 0 1.5px var(--card);
}
.tags{
position:absolute;right:-9px;bottom:-9px;
display:flex;gap:3px;