From 3e61cd563d349ed75aedd3eee7788b71b0dce83b Mon Sep 17 00:00:00 2001
From: DeeCee03 <dejan@tool-ctrl.de>
Date: Sat, 6 Jun 2026 21:00:53 +0200
Subject: [PATCH] Status-Anzeige robust gegen leere/lahmende Verlauf-Query
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der aktuelle Projektstatus hing allein an der statusHistory-Query. Kam
die beim Laden mal leer oder fehlerhaft zurück, stand fälschlich "Noch
kein Status gesetzt", obwohl der statusCache (aus demselben byId-Load)
den Status hatte. Jetzt: Verlauf vorhanden -> volle Anzeige; sonst
Fallback auf statusCache-Badge; "Noch kein Status" nur wenn die Query
erfolgreich leer ist. Zusätzlich Lade-/Fehlerzustand.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 apps/web/src/routes/projekt.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/routes/projekt.tsx b/apps/web/src/routes/projekt.tsx
index 5d4b23f..9a00458 100644
--- a/apps/web/src/routes/projekt.tsx
+++ b/apps/web/src/routes/projekt.tsx
@@ -774,9 +774,7 @@ function StatusSection({
           </form>
         )}
 
-        {!latest ? (
-          <p className="text-sm text-[var(--color-ink-muted)]">Noch kein Status gesetzt.</p>
-        ) : (
+        {latest ? (
           <div className="text-sm">
             <div className="flex items-center gap-2">
               <span className={clsx('rounded-full px-2 py-0.5 text-xs font-medium', ampelCls[latest.ampel])}>
@@ -793,6 +791,21 @@ function StatusSection({
             </div>
             {latest.text && <p className="mt-1.5 whitespace-pre-wrap">{latest.text}</p>}
           </div>
+        ) : ampel ? (
+          // Verlauf-Query noch nicht da / fehlgeschlagen → zumindest den aktuellen
+          // Status aus dem statusCache zeigen, statt fälschlich „kein Status".
+          <div className="flex items-center gap-2 text-sm">
+            <span className={clsx('rounded-full px-2 py-0.5 text-xs font-medium', ampelCls[ampel])}>
+              {ampelLabel[ampel]}
+            </span>
+            {trend && <span className="text-xs text-[var(--color-ink-muted)]">Trend: {trend}</span>}
+          </div>
+        ) : histQ.isPending ? (
+          <p className="text-sm text-[var(--color-ink-faint)]">Status wird geladen…</p>
+        ) : histQ.isError ? (
+          <p className="text-sm text-[var(--color-ink-muted)]">Status konnte nicht geladen werden.</p>
+        ) : (
+          <p className="text-sm text-[var(--color-ink-muted)]">Noch kein Status gesetzt.</p>
         )}
 
         {history.length > 1 && (