fix(security): v3-Umbau P1 — Geheimnisse raus aus dem Browser, Frontend endlich getestet

Zweite Etappe. Kern: das Frontend traegt kein Geheimnis mehr, und es laeuft nicht laenger als einziger Teil des Stacks ungeprueft durchs Gate. ## B-01 — Box-Sudo-Passwort: ersatzlos entfernt Das Passwort lag im localStorage und reiste bei JEDEM mutierenden Request mit — als Header `X-Sudo-Password` UND im JSON-Rumpf. Da /etc/sudoers den Dienst-Nutzer mit `NOPASSWD: ALL` fuehrt, waere ein einziger XSS in der SPA Root auf der Box gewesen. AUF DER BOX GEMESSEN: `sudo -n true` laeuft durch. Das Passwort wurde also nie gebraucht — es war reines Risiko ohne Gegenwert. Darum keine Umkonstruktion (Sitzungs-Cookie o. AE.), sondern Loeschung, quer durch den ganzen Pfad: frontend/src/lib/api.ts kein localStorage-Zugriff mehr frontend/.../SettingsTab.tsx Eingabefeld weg, dafuer die Erklaerung warum backend/routers/maintenance.py SudoReq entfaellt, 8 Endpunkte entschlackt backend/services/maintenance.py _run() nutzt immer `sudo -n` backend/services/jobengine.py keine stdin-Pipe mehr (DEVNULL) `password_required` bleibt als ehrliches Signal: Verlangt sudo je doch ein Passwort, ist das eine Konfigurations-Frage auf der Box — nichts, was man mit einem im Browser geparkten Geheimnis uebertuencht. ## HuggingFace-Token: liegt jetzt auf der Box Derselbe Fehler, kleinerer Radius. Neu: backend/services/geheimnisse.py — Datei neben den anderen mc2-*.json, Rechte 0600, atomar geschrieben. Die Oberflaeche erfaehrt nur, OB ein Token gesetzt ist, nie seinen Wert. Ein Schluessel-Allowlist verhindert, dass ein fehlgeleiteter Request beliebige Felder hineinschreibt. Prozess-Env (HF_TOKEN) hat Vorrang und wird als solche angezeigt. Verifiziert gegen das lokale Backend: setzen/lesen/loeschen ok, unerlaubter Schluessel wird mit Klartext-Grund abgewiesen, der Wert kommt nie zurueck. ## B-14 — Fehlermeldungen sagen jetzt, was los ist api() warf `new Error("500 Internal Server Error")` und verwarf den Rumpf; der eigentliche Grund aus FastAPIs `detail` erreichte die Oberflaeche nie. Neu: ApiError mit status + detail, inklusive Validierungslisten und HTML-Fehlerseiten (ein kaputter Rumpf darf die Meldung nicht in einen zweiten Fehler verwandeln). Zwei Aufrufstellen zeigen den Grund jetzt statt "Fehler" (Discover, ModelBrowse). ## B-07 — Tests und Linter, ehrlich eingeordnet Praezisierung gegenueber dem Audit: Die MC2-Ampel fuehrt bewusst GAR KEINE Tests aus (dokumentiert: die Python-Dienste haengen an ML-Wheels, die echten Tests sind Pruefstand + Box). Das ist fuer die Dienste richtig — fuer Frontend-Unit-Tests nicht: die laufen in jsdom, brauchen weder Modell noch GPU, und sind in 1,3 s durch. Vitest + Testing Library, 17 Tests in 3 Dateien ESLint (flat config) + Prettier Beides jetzt Teil der Ampel Die Tests sind kein Feigenblatt: acht davon sind der Zaun um B-01 — sie beweisen, dass api() weder Kopfzeilen noch Rumpf aus dem localStorage anreichert. Dazu eine ESLint-Regel, die localStorage-Zugriffe auf Schluessel mit password/token/secret im Namen hart abweist (an einer Probe verifiziert; harmlose Schluessel wie mc_sidebar_collapsed bleiben erlaubt). ESLint meldet 0 Fehler / 93 Warnungen. Die 18 Treffer der neuen React-Compiler- Regeln (setState im Effekt, Ref-Zugriff im Render) sind ECHT, aber quer durch 10 500 Zeilen zu beheben ist P5-Arbeit. Sie stehen als sichtbare Warn-Liste statt abgeschaltet — ein ab Tag eins rotes Gate ist kein Gate mehr. ## Nebenbefund, im Browser reproduziert: veraltetes Buendel nach Deploy Ein Deploy ersetzt dist und startet den Dienst neu; offene Tabs behalten aber ihr altes Start-Buendel, dessen Nachlade-Chunks nun fehlen — der naechste Ansichtswechsel wirft. Galt schon fuer die 10 lazy Views, traf durch P0 nun auch die Startseite. lib/veralteteVersion.ts faengt Vites `vite:preloadError` ab und laedt EINMAL neu (Sperre in sessionStorage gegen Endlosschleife). ## Nachgemessen Start-Chunk gzip 111 411 B · dist gesamt 1 480 097 B (beide im Ampel-Budget) tsc --noEmit sauber · 17/17 Tests gruen · ESLint 0 Fehler Im echten Browser gegen das lokale Backend geprueft: Einstellungen holen den Token-Zustand von der Box, kein Passwort-Feld mehr, Knoepfe korrekt gesperrt, beide Cockpit-Diagramme rendern (Achsen + Zeitachse sichtbar). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-28 08:44:48 +02:00
parent 8aa22e6591
commit ae69c5ce31
47 changed files with 9347 additions and 6240 deletions
@@ -0,0 +1 @@
+import{I as b,u as f,K as h,r as d,j as e,b as c,J as g,T as p,R as j,Q as N,n as v,U as w,q as x}from"./index-BYlMs6Dj.js";function y(){const{data:s}=b(),m=f(),r=s!=null&&s.box_console_url?h(s.box_console_url):void 0,a=s==null?void 0:s.box_console_reachable,[l,o]=d.useState(!1),[i,n]=d.useState("");async function u(){o(!0),n("");try{const t=await v("/api/maintenance/restart",{method:"POST",body:JSON.stringify({service:"box-console"})});n(t.ok?"Neu gestartet — einen Moment, dann lädt das Terminal.":`Fehlgeschlagen: ${t.err||"Unbekannter Fehler"}`),w(m,x.agentStatus,x.services)}catch(t){n(`Fehlgeschlagen: ${(t==null?void 0:t.message)||t}`)}finally{o(!1)}}return e.jsxs("div",{className:"flex h-full flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-wrap items-end justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"bg-gradient-to-r from-foreground via-foreground to-primary bg-clip-text font-space text-2xl font-bold tracking-tight text-transparent",children:"Konsole"}),e.jsx("p",{className:"flex items-center gap-2 text-sm text-muted-foreground",children:"Direkte Shell auf der Box — wie ein SSH-Fenster, mitten im Browser."})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-[11px] font-medium text-muted-foreground",children:[e.jsx("span",{className:c("h-2 w-2 rounded-full",a?"bg-emerald-500 animate-pulse":"bg-amber-500")}),a?"online":"offline"]}),r&&e.jsxs("a",{href:r,target:"_blank",rel:"noopener",className:"flex h-8 items-center gap-1.5 rounded-lg border border-border/60 bg-background/20 px-3 text-xs font-semibold text-muted-foreground transition-all hover:border-primary/50 hover:text-foreground",children:[e.jsx(g,{className:"h-3.5 w-3.5"})," In neuem Tab"]})]})]}),r?e.jsxs("div",{className:"relative min-h-[58vh] flex-1 overflow-hidden rounded-2xl border border-border/60 bg-black/50 shadow-lg shadow-black/25",children:[a===!1&&e.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-3 bg-black/70 text-center",children:[e.jsx(p,{className:"h-8 w-8 text-amber-400"}),e.jsx("div",{className:"text-sm font-semibold text-amber-300",children:"Konsole nicht erreichbar"}),e.jsxs("p",{className:"max-w-sm text-[11px] leading-normal text-muted-foreground",children:["Der Terminal-Dienst (",e.jsx("code",{className:"font-mono text-primary",children:"box-console"}),") läuft gerade nicht."]}),e.jsxs("button",{onClick:u,disabled:l,className:"flex h-9 items-center gap-1.5 rounded-lg border border-amber-500/40 bg-amber-500/10 px-4 text-[11px] font-bold uppercase tracking-wide text-amber-300 transition-all hover:bg-amber-500/20 cursor-pointer disabled:opacity-50",children:[e.jsx(j,{className:c("h-3.5 w-3.5",l&&"animate-spin")})," Dienst neu starten"]}),i&&e.jsx("p",{className:"max-w-sm text-[11px] text-muted-foreground",children:i})]}),e.jsx("iframe",{src:r,title:"Box-Konsole",className:"h-full w-full border-0",style:{minHeight:"58vh"}})]}):e.jsxs("div",{className:"flex min-h-[58vh] flex-1 items-center justify-center rounded-2xl border border-border/60 bg-background/20 text-xs text-muted-foreground",children:[e.jsx(N,{className:"mr-2 h-4 w-4"})," Lade Konsole…"]})]})}export{y as KonsoleView};
				`@@ -0,0 +1 @@`
				import{I as b,u as f,K as h,r as d,j as e,b as c,J as g,T as p,R as j,Q as N,n as v,U as w,q as x}from"./index-BYlMs6Dj.js";function y(){const{data:s}=b(),m=f(),r=s!=null&&s.box_console_url?h(s.box_console_url):void 0,a=s==null?void 0:s.box_console_reachable,[l,o]=d.useState(!1),[i,n]=d.useState("");async function u(){o(!0),n("");try{const t=await v("/api/maintenance/restart",{method:"POST",body:JSON.stringify({service:"box-console"})});n(t.ok?"Neu gestartet — einen Moment, dann lädt das Terminal.":`Fehlgeschlagen: ${t.err\|\|"Unbekannter Fehler"}`),w(m,x.agentStatus,x.services)}catch(t){n(`Fehlgeschlagen: ${(t==null?void 0:t.message)\|\|t}`)}finally{o(!1)}}return e.jsxs("div",{className:"flex h-full flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-wrap items-end justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"bg-gradient-to-r from-foreground via-foreground to-primary bg-clip-text font-space text-2xl font-bold tracking-tight text-transparent",children:"Konsole"}),e.jsx("p",{className:"flex items-center gap-2 text-sm text-muted-foreground",children:"Direkte Shell auf der Box — wie ein SSH-Fenster, mitten im Browser."})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-[11px] font-medium text-muted-foreground",children:[e.jsx("span",{className:c("h-2 w-2 rounded-full",a?"bg-emerald-500 animate-pulse":"bg-amber-500")}),a?"online":"offline"]}),r&&e.jsxs("a",{href:r,target:"_blank",rel:"noopener",className:"flex h-8 items-center gap-1.5 rounded-lg border border-border/60 bg-background/20 px-3 text-xs font-semibold text-muted-foreground transition-all hover:border-primary/50 hover:text-foreground",children:[e.jsx(g,{className:"h-3.5 w-3.5"})," In neuem Tab"]})]})]}),r?e.jsxs("div",{className:"relative min-h-[58vh] flex-1 overflow-hidden rounded-2xl border border-border/60 bg-black/50 shadow-lg shadow-black/25",children:[a===!1&&e.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-3 bg-black/70 text-center",children:[e.jsx(p,{className:"h-8 w-8 text-amber-400"}),e.jsx("div",{className:"text-sm font-semibold text-amber-300",children:"Konsole nicht erreichbar"}),e.jsxs("p",{className:"max-w-sm text-[11px] leading-normal text-muted-foreground",children:["Der Terminal-Dienst (",e.jsx("code",{className:"font-mono text-primary",children:"box-console"}),") läuft gerade nicht."]}),e.jsxs("button",{onClick:u,disabled:l,className:"flex h-9 items-center gap-1.5 rounded-lg border border-amber-500/40 bg-amber-500/10 px-4 text-[11px] font-bold uppercase tracking-wide text-amber-300 transition-all hover:bg-amber-500/20 cursor-pointer disabled:opacity-50",children:[e.jsx(j,{className:c("h-3.5 w-3.5",l&&"animate-spin")})," Dienst neu starten"]}),i&&e.jsx("p",{className:"max-w-sm text-[11px] text-muted-foreground",children:i})]}),e.jsx("iframe",{src:r,title:"Box-Konsole",className:"h-full w-full border-0",style:{minHeight:"58vh"}})]}):e.jsxs("div",{className:"flex min-h-[58vh] flex-1 items-center justify-center rounded-2xl border border-border/60 bg-background/20 text-xs text-muted-foreground",children:[e.jsx(N,{className:"mr-2 h-4 w-4"})," Lade Konsole…"]})]})}export{y as KonsoleView};