Auffang-Element in app.js: ein fehlendes Element bricht nicht mehr den Render

Gemessen: 95 direkte $("id")-Zugriffe, 0 davon abgesichert - obwohl die Regel
"neue Elemente per const el = $(..); if (el) {..}" seit 01.08. in CLAUDE.md
steht. Eine Regel mit 0 Prozent Befolgung ist keine Regel, also loest es jetzt
der Code an EINER Stelle statt an 95.

$() gibt bei fehlendem Element ein detachiertes <span> zurueck statt null,
plus einmalige console.warn je ID (kein stiller Fallback - das war der
catch{}-Fehler in pollSnapshot).

?. war NICHT die Loesung: 80 der 95 Zugriffe sind Zuweisungen, und
$("x")?.y = v ist ein Syntaxfehler.

$streng() ist der wichtige Teil. Alle Eingabefelder sind type="number", und
leer heisst dort ausdruecklich "Stop entfernen" (sl: null). Mit dem
Auffang-Element waere .value undefined -> parseFloat NaN -> JSON.stringify
macht daraus wieder null: eine fehlende Eingabemaske haette den Broker-SL
einer laufenden Position stillschweigend geloescht. Betroffen war genau eine
Funktion (sendSltp); setSrMin/setEmg/setManualMargin/setMarginPct fangen NaN
bereits ab (geprueft, nicht angenommen).

Beide Richtungen an einem Minimal-DOM verifiziert, das eine alte index.html
simuliert: mit der alten $-Definition bricht der Render beim ZWEITEN Feld ab,
mit der neuen laeuft er durch. Der Order-Pfad bricht in beiden Faellen sauber
ab.

Asset-Version v=149 -> v=150.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/app.js

@@ -1,6 +1,44 @@
 "use strict";
 // ── Live-Anbindung an server.py via WebSocket (Fallback: Polling) ──────────
-const $ = (id) => document.getElementById(id);
+
+// ⚠⚠ AUFFANG-ELEMENT (2026-08-07) — behebt die haeufigste Ausfallart des
+// Dashboards. `index.html` und `app.js` werden vom Browser UNABHAENGIG
+// gecacht; trifft neue JS auf alte HTML, war `$("neu").textContent = …` eine
+// TypeError — und weil das mitten in `render()` passiert, brach der GESAMTE
+// Render ab: das Dashboard fror auf Altwerten ein, obwohl Server und Snapshot
+// korrekt waren. Real passiert beim HL-Kurs-Einbau (01.08.), beinahe erneut
+// beim Entfernen der Setup-Zeile (06.08., 8 Folgezugriffe auf `w`).
+// Die Gegenregel „neue Elemente per `const el = $(…); if (el) {…}`" stand seit
+// 01.08. in CLAUDE.md — GEMESSEN befolgt wurde sie bei **0 von 95** direkten
+// Zugriffen. Eine Regel mit 0 % Befolgung ist keine Regel, also loest es jetzt
+// der Code an EINER Stelle statt an 95.
+// ⚠ `?.` waere hier keine Loesung gewesen: **80 der 95** Zugriffe sind
+// ZUWEISUNGEN, und `$("x")?.y = v` ist ein Syntaxfehler (Optional Chaining ist
+// links vom `=` verboten).
+// ⚠ Der Fehler wird NICHT verschluckt, sondern EINMAL je ID in die Konsole
+// gemeldet — ein stiller Fallback waere derselbe Fehler wie der `catch {}` in
+// `pollSnapshot`, der Render-Fehler lautlos gefressen hat (behoben 01.08.).
+const _FEHLT = document.createElement("span");
+const _fehlendGemeldet = new Set();
+const $ = (id) => {
+  const el = document.getElementById(id);
+  if (el) return el;
+  if (!_fehlendGemeldet.has(id)) {
+    _fehlendGemeldet.add(id);
+    console.warn(`[app] Element #${id} fehlt — vermutlich alte index.html im `
+                 + `Cache. Schreibzugriffe laufen ins Leere, der Rest rendert `
+                 + `weiter. Abhilfe: ?v=N in index.html hochzaehlen.`);
+  }
+  return _FEHLT;
+};
+
+// ⚠ STRENGE Variante — gibt `null` zurueck, wenn das Element fehlt.
+// Zwingend fuer Pfade, die einen gelesenen Wert an den BROKER schicken: dort
+// ist „Feld fehlt" NICHT dasselbe wie „Feld ist leer". Beim SL/TP-Feld heisst
+// leer ausdruecklich „Stop entfernen" — ein Auffang-Element wuerde daraus ein
+// stilles Loeschen des Broker-SL einer laufenden Position machen. Ein lauter
+// Absturz ist dort das bessere Verhalten als ein stiller Schaden.
+const $streng = (id) => document.getElementById(id);
 
 function fmt(v, d = 3) {
   return (v === null || v === undefined || isNaN(v)) ? "—" : Number(v).toFixed(d);
@@ -1359,10 +1397,20 @@ document.querySelectorAll(".btn[data-side]").forEach(btn => {
 
 // Manuelles SL/TP (Trade-Bereich) — sendet beide Felder; deaktiviert das Trailing.
 async function sendSltp() {
-  const slv = $("tb-sl").value, tpv = $("tb-tp").value;
+  // ⚠ STRENG (s. `$streng` oben): hier ist „Feld fehlt" NICHT „Feld ist leer".
+  // Leer heisst ausdruecklich „Stop entfernen" (`sl: null`) — mit dem
+  // Auffang-Element waere `.value` `undefined`, `parseFloat` liefert NaN, und
+  // `JSON.stringify` macht daraus wieder `null`. Eine fehlende Eingabemaske
+  // wuerde so den Broker-SL einer laufenden Position stillschweigend loeschen.
+  const elSl = $streng("tb-sl"), elTp = $streng("tb-tp");
+  if (!elSl || !elTp) {
+    toast("SL/TP-Felder nicht geladen — Seite neu laden (Strg+F5)", false);
+    return;
+  }
+  const slv = elSl.value, tpv = elTp.value;
   const tok = await ensureToken();
   if (tok === null) return;
-  $("tb-sl").blur(); $("tb-tp").blur();
+  elSl.blur(); elTp.blur();
   try {
     const r = await fetch("api/sltp", { method: "POST",
       headers: { "X-Auth-Token": tok, "Content-Type": "application/json" },

web/index.html

@@ -6,7 +6,7 @@
   <meta name="theme-color" content="#0d1117">
   <title>Oil · MT5</title>
   <link rel="manifest" href="manifest.json">
-  <link rel="stylesheet" href="style.css?v=149">
+  <link rel="stylesheet" href="style.css?v=150">
 </head>
 <body>
   <!-- Modul-Menü (ganz oben) -->
@@ -330,6 +330,6 @@
   </div>
   <div id="toast" class="toast hidden"></div>
 
-  <script src="app.js?v=149"></script>
+  <script src="app.js?v=150"></script>
 </body>
 </html>