Lagebild-Seite: Tab Neueste Entwicklungen / Zusammenfassung

Live-Lagen (iran-konflikt, cyberangriffe) bekommen einen neuen ersten Tab
Neueste Entwicklungen mit Bullet-Cards, klickbaren Quellen-Pills und
Zeitstempel. Recherche-Lagen (deepfakes) bekommen an selber Stelle einen
Tab Zusammenfassung, der den Zusammenfassung-Abschnitt aus dem Markdown
extrahiert und mit Citation-Links rendert.

lagebild.js: renderUeberblick, renderLatestDevelopmentsHtml,
extractZusammenfassung ergaenzt. i18n-Keys tabUeberblick/Research.
Lang-Toggle aktualisiert Tab-Label und h2.

Vorschau-Karten zeigen wieder den Lagebild-Text fuer alle Lagen
(renderLatestDevelopments-Calls aus loadLiveData entfernt).
Dieser Commit ist enthalten in:
Claude Code
2026-04-19 00:19:14 +02:00
Ursprung 8b8072efe7
Commit c3bae27837
7 geänderte Dateien mit 415 neuen und 7 gelöschten Zeilen

Datei anzeigen

@@ -76,7 +76,8 @@
<div class="timeline-dropdown" id="timeline-dropdown"></div>
</div>
<div class="tab-nav" id="tab-nav">
<button class="tab-btn active" data-tab="lagebild">Lagebild</button>
<button class="tab-btn active" data-tab="ueberblick">Neueste Entwicklungen</button>
<button class="tab-btn" data-tab="lagebild">Lagebild</button>
<button class="tab-btn" data-tab="karte">Karte</button>
<button class="tab-btn" data-tab="faktenchecks">Faktenchecks <span class="tab-badge" id="tab-badge-faktenchecks"></span></button>
<button class="tab-btn" data-tab="quellen">Quellen <span class="tab-badge" id="tab-badge-quellen"></span></button>
@@ -87,8 +88,26 @@
<!-- Main Content -->
<main class="lagebild-main">
<div class="container">
<!-- Tab: Ueberblick (Neueste Entwicklungen / Zusammenfassung) -->
<div class="tab-panel active" id="panel-ueberblick">
<p class="data-source-note">Daten bereitgestellt durch AegisSight Monitor</p>
<section class="content-card">
<div class="card-header">
<h2 id="ueberblick-title">Neueste Entwicklungen</h2>
<span class="card-timestamp" id="ueberblick-timestamp"></span>
</div>
<div class="card-body" id="ueberblick-content">
<div class="loading-skeleton">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line short"></div>
</div>
</div>
</section>
</div>
<!-- Tab: Lagebild -->
<div class="tab-panel active" id="panel-lagebild">
<div class="tab-panel" id="panel-lagebild">
<p class="data-source-note">Daten bereitgestellt durch AegisSight Monitor</p>
<section class="content-card">
<div class="card-header">