Fortschrittsanzeige: Popup mit Checkboxen, Blur, Pro-Lage-Timer

Ladebalken ersetzt durch zentriertes Popup-Fenster mit Checkbox-Checkliste
(Warteschlange, Recherche, Analyse, Faktencheck) und Echtzeit-Timer.

Erster Durchlauf: Popup nicht wegklickbar, Blur-Effekt auf Kacheln.
Aktualisierung: Popup minimierbar zu kompakter Status-Leiste.
Timer laeuft pro Lage im Hintergrund weiter bei Lagenwechsel.
Gesamtzeit wird am Ende im Abschluss-Popup angezeigt.

Sidebar: Animierter Gold-Rand und Fortschrittstext (Recherchiert/
Analysiert/Faktencheck) unter dem Lage-Namen bei laufendem Refresh.

Zusaetzlicher Cancel-Checkpoint im Orchestrator nach Uebersetzung.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/static/dashboard.html

@@ -183,31 +183,11 @@
                     </div>
                 </div>
 
-                <!-- Fortschrittsanzeige -->
-                <div class="progress-bar" id="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Verarbeitungsfortschritt" style="display:none;">
-                    <div class="progress-steps">
-                        <div class="progress-step" id="step-researching">
-                            <div class="progress-step-dot"></div>
-                            <span>Recherche</span>
-                        </div>
-                        <div class="progress-step" id="step-analyzing">
-                            <div class="progress-step-dot"></div>
-                            <span>Analyse</span>
-                        </div>
-                        <div class="progress-step" id="step-factchecking">
-                            <div class="progress-step-dot"></div>
-                            <span>Faktencheck</span>
-                        </div>
-                    </div>
-                    <div class="progress-track">
-                        <div class="progress-fill" id="progress-fill"></div>
-                    </div>
-                    <div class="progress-label-container">
-                        <span id="progress-label" class="progress-label">Warte auf Start...</span>
-                        <span id="progress-pass-info" class="progress-pass-info" style="display:none;"></span>
-                        <span id="progress-timer" class="progress-timer"></span>
-                    </div>
-                    <button id="progress-cancel-btn" class="progress-cancel-btn" onclick="App.cancelRefresh()">Abbrechen</button>
+                <!-- Minimierte Fortschrittsanzeige -->
+                <div class="progress-mini" id="progress-mini" style="display:none;" onclick="App.openProgressPopup()">
+                    <span class="progress-mini-dot"></span>
+                    <span class="progress-mini-text" id="progress-mini-text">Läuft...</span>
+                    <span class="progress-mini-timer" id="progress-mini-timer"></span>
                 </div>
 
                 <!-- Layout-Toolbar -->
@@ -706,5 +686,46 @@
         </div>
     </div>
 
+
+    <!-- Fortschritts-Popup -->
+    <div class="progress-overlay" id="progress-overlay" style="display:none;">
+        <div class="progress-popup" id="progress-popup">
+            <div class="progress-popup-header">
+                <span class="progress-popup-title" id="progress-popup-title">Aktualisierung läuft</span>
+                <span class="progress-popup-timer" id="progress-popup-timer"></span>
+                <button class="progress-popup-minimize" id="progress-popup-minimize" style="display:none;" onclick="App.minimizeProgress()" title="Minimieren">&minus;</button>
+            </div>
+            <div class="progress-popup-body">
+                <div class="progress-popup-pass" id="progress-popup-pass" style="display:none;"></div>
+                <div class="progress-checklist" id="progress-checklist">
+                    <div class="progress-check-item" data-step="queued">
+                        <span class="progress-check-icon">○</span>
+                        <span class="progress-check-label">In Warteschlange</span>
+                        <span class="progress-check-detail"></span>
+                    </div>
+                    <div class="progress-check-item" data-step="researching">
+                        <span class="progress-check-icon">○</span>
+                        <span class="progress-check-label">Quellen werden durchsucht</span>
+                        <span class="progress-check-detail"></span>
+                    </div>
+                    <div class="progress-check-item" data-step="analyzing">
+                        <span class="progress-check-icon">○</span>
+                        <span class="progress-check-label">Meldungen werden analysiert</span>
+                        <span class="progress-check-detail"></span>
+                    </div>
+                    <div class="progress-check-item" data-step="factchecking">
+                        <span class="progress-check-icon">○</span>
+                        <span class="progress-check-label">Faktencheck läuft</span>
+                        <span class="progress-check-detail"></span>
+                    </div>
+                </div>
+                <div class="progress-complete-summary" id="progress-complete-summary" style="display:none;"></div>
+            </div>
+            <div class="progress-popup-footer">
+                <button class="progress-cancel-btn" id="progress-cancel-btn" onclick="App.cancelRefresh()">Abbrechen</button>
+            </div>
+        </div>
+    </div>
+
 </body>
 </html>