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

- [!]-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>

frontend/src/render.js

@@ -47,8 +47,14 @@ function nodeHtml(n, extra, opts){
   const sizeBadge = n.size
     ? `<span class="size" aria-hidden="true">${n.size}</span>`
     : (cheapPath ? `<span class="size implicit" aria-hidden="true" title="${implicitTip}">M</span>` : '');
+  /* High-Risk: Warndreieck (⚠, Textpräsentation via VS15) an der oberen linken
+     Ecke. aria-hidden — die Information steckt bereits im Status des aria-label. */
+  const riskMark = n.status && n.status.key === 'highrisk'
+    ? `<span class="risk" aria-hidden="true" title="${attr(t('riskTooltip'))}">⚠︎</span>`
+    : '';
   const inner = esc(n.label) +
                 (n.url ? '<span class="ext" aria-hidden="true">↗</span>' : '') +
+                riskMark +
                 sizeBadge +
                 tagsHtml;
   const aria = ` aria-label="${attr(nodeAria(n, opts))}"`;