feat(login): Hinweis-Banner wenn Server nicht erreichbar

Ergaenzt den listStudios-Fix: statt stillem Fallback sieht der User jetzt
'Server nicht erreichbar', wenn die API beim Start nicht antwortet.

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

src/App.jsx

@@ -61,6 +61,10 @@ export default function App() {
   // Cloud-spezifisch: Liste der Studios auf der Instanz (für Erst-Setup-Check).
   // null = noch nicht geladen; Array = geladen.
   const [cloudStudios, setCloudStudios] = useState(null);
+  // true, wenn listStudios() fehlschlug (Kong/API nicht erreichbar). Wird
+  // genutzt, um NICHT fälschlich den Init-/Registrierungs-Screen zu zeigen —
+  // ein API-Fehler ist nicht dasselbe wie "Instanz hat 0 Studios".
+  const [cloudUnreachable, setCloudUnreachable] = useState(false);
   // Passwort-Reset-Flow: Supabase löst beim Klick auf Reset-Link in der Mail
   // ein PASSWORD_RECOVERY-Event aus → wir zeigen dann das Reset-Formular.
   const [passwordRecovery, setPasswordRecovery] = useState(false);
@@ -87,13 +91,15 @@ export default function App() {
             console.error("Cloud-Resume load failed:", e);
           }
         }
-        // Studios der Instanz holen — entscheidet später, ob CloudSetup oder Login zeigt
+        // Studios der Instanz holen — entscheidet später, ob CloudSetup oder Login zeigt.
+        // Bei Fehler (Kong/API down): NICHT [] setzen (das hieße "Instanz leer" →
+        // fälschlich Init-Screen). Stattdessen Unreachable-Flag → Login bleibt.
         try {
           const list = await storage.listStudios?.();
-          if (!cancelled) setCloudStudios(list || []);
+          if (!cancelled) { setCloudStudios(list || []); setCloudUnreachable(false); }
         } catch (e) {
           console.error("listStudios failed:", e);
-          if (!cancelled) setCloudStudios([]);
+          if (!cancelled) { setCloudStudios(null); setCloudUnreachable(true); }
         }
         if (!cancelled) setLoading(false);
         return;
@@ -499,7 +505,10 @@ export default function App() {
   // ohne Login läuft (sonst kommt man bei einem fehlerhaften Setup-Screen nie
   // an ein neueres Build, das den Bug fixt).
   if (!currentUser) {
-    if (isCloudBackend && cloudStudios !== null && cloudStudios.length === 0) {
+    // Init-/Registrierungs-Screen NUR wenn der API-Call erfolgreich war UND
+    // wirklich 0 Studios lieferte. Bei !cloudUnreachable ausgeschlossen, dass
+    // ein Kong/API-Fehler (cloudStudios === null) hier fälschlich Init zeigt.
+    if (isCloudBackend && !cloudUnreachable && cloudStudios !== null && cloudStudios.length === 0) {
       const cloudUrl = localStorage.getItem("rapport_cloud_url") || "";
       return <>
         <CloudSetup cloudInit={cloudInit} cloudUrl={cloudUrl} />
@@ -507,7 +516,7 @@ export default function App() {
       </>;
     }
     return <>
-      <Login verifyLogin={verifyLogin} settings={data.settings} version="0.8.2" />
+      <Login verifyLogin={verifyLogin} settings={data.settings} version="0.8.2" cloudUnreachable={cloudUnreachable} />
       <UpdateNotifier />
     </>;
   }

src/storage/supabase-adapter.js

@@ -125,10 +125,13 @@ export class SupabaseAdapter {
   // Kein Auth nötig (RPC läuft als SECURITY DEFINER).
   async listStudios() {
     const { data, error } = await this.client.rpc("list_studios");
-    if (error) {
-      console.error("listStudios:", error.message);
-      return [];
-    }
+    // WICHTIG: Fehler NICHT zu [] verschlucken. Ein leeres Array bedeutet
+    // "Instanz hat 0 Studios" → das Frontend zeigt dann den Registrierungs-/
+    // Init-Screen. Ein Netzwerk-/API-Fehler (Kong down, Port 8000 nicht
+    // erreichbar) ist aber NICHT dasselbe wie "leer" — würden wir hier []
+    // zurückgeben, landet ein eingeloggter User nach Reload fälschlich im
+    // Init-Flow. Daher: werfen und den Caller entscheiden lassen.
+    if (error) throw new Error("listStudios: " + error.message);
     return data || [];
   }
 

src/views/Login.jsx

@@ -16,7 +16,7 @@ function writeAttempts(state) {
   try { sessionStorage.setItem(ATTEMPT_KEY, JSON.stringify(state)); } catch {}
 }
 
-export default function Login({ verifyLogin, settings, version }) {
+export default function Login({ verifyLogin, settings, version, cloudUnreachable = false }) {
   // Backend-Modus aus localStorage (per-Device, ähnlich Dark Mode).
   // Beim Wechsel wird die App neu geladen, damit der Storage-Adapter neu initialisiert.
   const [backend, setBackend] = useState(() => localStorage.getItem("rapport_backend") || "local");
@@ -236,6 +236,12 @@ export default function Login({ verifyLogin, settings, version }) {
           <div style={{ width: 32, height: 1.5, background: "#ddd8d0", margin: "16px auto 0" }} />
         </div>
 
+        {cloudUnreachable && (
+          <div style={{ marginBottom: 18, padding: "9px 14px", background: "#fff5f0", borderRadius: 8, border: "1px solid #f5c9b0", fontSize: 11, color: "#b5621e", textAlign: "center", lineHeight: 1.5 }}>
+            Server nicht erreichbar. Bitte Verbindung prüfen und neu laden.
+          </div>
+        )}
+
         <form onSubmit={handleSubmit}>
           {isCloud && studios.length > 1 && (
             <div style={{ marginBottom: 14 }}>