From a2d290df6db58e029d2fd07c32d7dbe4a7e2e46e Mon Sep 17 00:00:00 2001
From: Claude Code <noreply@anthropic.com>
Date: Wed, 13 May 2026 21:48:23 +0000
Subject: [PATCH] feat(i18n): Tab-Buttons und Card-Titel der Lage-Ansicht
 lokalisieren

7 Tab-Buttons (Neueste Entwicklungen, Lagebild, Ereignis-Timeline,
Geografische Verteilung, Faktencheck, Analysepipeline, Quellenuebersicht)
sowie 6 Card-Titel + Map-Fullscreen-Titel bekommen data-i18n. Neue
Keys tab.* und card.* in de.json + en.json. Cache-Buster app.js
auf v=20260513e gebumpt.
---
 src/static/dashboard.html | 30 +++++++++++++++---------------
 src/static/i18n/de.json   | 12 ++++++++++++
 src/static/i18n/en.json   | 12 ++++++++++++
 3 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/src/static/dashboard.html b/src/static/dashboard.html
index f685805..ffcd092 100644
--- a/src/static/dashboard.html
+++ b/src/static/dashboard.html
@@ -204,13 +204,13 @@
 
                 <!-- Tab-Navigation -->
                 <div class="tab-nav" id="tab-nav" style="display:none;">
-                    <button class="tab-btn active" data-tab="zusammenfassung">Neueste Entwicklungen</button>
-                    <button class="tab-btn" data-tab="lagebild">Lagebild</button>
-                    <button class="tab-btn" data-tab="timeline">Ereignis-Timeline</button>
-                    <button class="tab-btn" data-tab="karte">Geografische Verteilung</button>
-                    <button class="tab-btn" data-tab="faktencheck" data-i18n="tile.factcheck">Faktencheck</button>
-                    <button class="tab-btn" data-tab="pipeline">Analysepipeline</button>
-                    <button class="tab-btn" data-tab="quellen">Quellenübersicht</button>
+                    <button class="tab-btn active" data-tab="zusammenfassung" data-i18n="tab.latest_developments">Neueste Entwicklungen</button>
+                    <button class="tab-btn" data-tab="lagebild" data-i18n="tab.summary">Lagebild</button>
+                    <button class="tab-btn" data-tab="timeline" data-i18n="tab.timeline">Ereignis-Timeline</button>
+                    <button class="tab-btn" data-tab="karte" data-i18n="tab.map">Geografische Verteilung</button>
+                    <button class="tab-btn" data-tab="faktencheck" data-i18n="tab.factcheck">Faktencheck</button>
+                    <button class="tab-btn" data-tab="pipeline" data-i18n="tab.pipeline">Analysepipeline</button>
+                    <button class="tab-btn" data-tab="quellen" data-i18n="tab.sources_overview">Quellenübersicht</button>
                 </div>
 
                 <!-- Tab-Panels -->
@@ -229,7 +229,7 @@
                     <div class="tab-panel" id="panel-lagebild">
                         <div class="card incident-analysis-summary">
                             <div class="card-header">
-                                <div class="card-title">Lagebild</div>
+                                <div class="card-title" data-i18n="card.summary">Lagebild</div>
                                 <span class="lagebild-timestamp" id="lagebild-timestamp"></span>
                             </div>
                             <div id="summary-content">
@@ -241,7 +241,7 @@
                     <div class="tab-panel" id="panel-timeline">
                         <div class="card timeline-card">
                             <div class="card-header">
-                                <div class="card-title">Ereignis-Timeline</div>
+                                <div class="card-title" data-i18n="card.timeline">Ereignis-Timeline</div>
                                 <div class="ht-controls">
                                     <div class="ht-filter-group">
                                         <button class="ht-filter-btn active" data-filter="all" onclick="App.setTimelineFilter('all')" aria-pressed="true">Alle</button>
@@ -267,7 +267,7 @@
                     <div class="tab-panel" id="panel-karte">
                         <div class="card map-card">
                             <div class="card-header">
-                                <div class="card-title">Geografische Verteilung</div>
+                                <div class="card-title" data-i18n="card.map">Geografische Verteilung</div>
                                 <span class="map-stats" id="map-stats"></span>
                                 <div class="card-header-actions">
                                     <button class="btn btn-secondary btn-small" id="geoparse-btn" onclick="App.triggerGeoparse()" title="Orte aus Artikeln einlesen">Orte einlesen</button>
@@ -282,7 +282,7 @@
                     <div class="tab-panel" id="panel-faktencheck">
                         <div class="card incident-analysis-factcheck" id="factcheck-card">
                             <div class="card-header">
-                                <div class="card-title">Faktencheck <span class="info-icon" data-tooltip="Gesichert/Bestätigt = durch mehrere unabhängige Quellen belegt.&#10;&#10;Unbestätigt/Ungeprüft = noch nicht ausreichend verifiziert.&#10;&#10;Widerlegt/Umstritten = Quellen widersprechen sich."><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span></div>
+                                <div class="card-title"><span data-i18n="tab.factcheck">Faktencheck</span> <span class="info-icon" data-tooltip="Gesichert/Bestätigt = durch mehrere unabhängige Quellen belegt.&#10;&#10;Unbestätigt/Ungeprüft = noch nicht ausreichend verifiziert.&#10;&#10;Widerlegt/Umstritten = Quellen widersprechen sich."><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span></div>
                                 <div class="fc-filter-bar" id="fc-filters"></div>
                             </div>
                             <div class="factcheck-list" id="factcheck-list">
@@ -296,7 +296,7 @@
                     <div class="tab-panel" id="panel-pipeline">
                         <div class="card pipeline-card" id="pipeline-card">
                             <div class="card-header">
-                                <div class="card-title">Analysepipeline</div>
+                                <div class="card-title" data-i18n="card.pipeline">Analysepipeline</div>
                                 <span class="pipeline-header-meta" id="pipeline-header-meta"></span>
                             </div>
                             <div class="pipeline-body">
@@ -313,7 +313,7 @@
                     <div class="tab-panel" id="panel-quellen">
                         <div class="card source-overview-card">
                             <div class="card-header">
-                                <div class="card-title">Quellenübersicht</div>
+                                <div class="card-title" data-i18n="card.sources_overview">Quellenübersicht</div>
                                 <span class="source-overview-header-stats" id="source-overview-header-stats"></span>
                             </div>
                             <div id="source-overview-content"></div>
@@ -729,7 +729,7 @@
     <script src="/static/js/components.js?v=20260513d"></script>
     <script src="/static/js/layout.js?v=20260316b"></script>
     <script src="/static/js/pipeline.js?v=20260513d"></script>
-    <script src="/static/js/app.js?v=20260513c"></script>
+    <script src="/static/js/app.js?v=20260513e"></script>
     <script src="/static/js/cluster-data.js?v=20260322f"></script>
     <script src="/static/js/tutorial.js?v=20260316z"></script>
     <script src="/static/js/chat.js?v=20260422a"></script>
@@ -738,7 +738,7 @@
     <!-- Map Fullscreen Overlay -->
     <div class="map-fullscreen-overlay" id="map-fullscreen-overlay">
         <div class="map-fullscreen-header">
-            <div class="map-fullscreen-title">Geografische Verteilung</div>
+            <div class="map-fullscreen-title" data-i18n="card.map">Geografische Verteilung</div>
             <span class="map-stats map-fullscreen-stats" id="map-fullscreen-stats"></span>
             <button class="btn btn-secondary btn-small" onclick="UI.toggleMapFullscreen()" title="Vollbild beenden" aria-label="Vollbild beenden">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/></svg>
diff --git a/src/static/i18n/de.json b/src/static/i18n/de.json
index ffeeb31..739a903 100644
--- a/src/static/i18n/de.json
+++ b/src/static/i18n/de.json
@@ -41,6 +41,18 @@
   "tile.timeline": "Zeitachse",
   "tile.map": "Karte",
   "tile.sources": "Quellen",
+  "tab.latest_developments": "Neueste Entwicklungen",
+  "tab.summary": "Lagebild",
+  "tab.timeline": "Ereignis-Timeline",
+  "tab.map": "Geografische Verteilung",
+  "tab.factcheck": "Faktencheck",
+  "tab.pipeline": "Analysepipeline",
+  "tab.sources_overview": "Quellenübersicht",
+  "card.summary": "Lagebild",
+  "card.timeline": "Ereignis-Timeline",
+  "card.map": "Geografische Verteilung",
+  "card.pipeline": "Analysepipeline",
+  "card.sources_overview": "Quellenübersicht",
   "fc.label.confirmed": "Bestätigt durch mehrere Quellen",
   "fc.label.unconfirmed": "Nicht unabhängig bestätigt",
   "fc.label.contradicted": "Widerlegt",
diff --git a/src/static/i18n/en.json b/src/static/i18n/en.json
index ab49358..2381141 100644
--- a/src/static/i18n/en.json
+++ b/src/static/i18n/en.json
@@ -41,6 +41,18 @@
   "tile.timeline": "Timeline",
   "tile.map": "Map",
   "tile.sources": "Sources",
+  "tab.latest_developments": "Latest developments",
+  "tab.summary": "Briefing",
+  "tab.timeline": "Event timeline",
+  "tab.map": "Geographic distribution",
+  "tab.factcheck": "Fact check",
+  "tab.pipeline": "Analysis pipeline",
+  "tab.sources_overview": "Sources overview",
+  "card.summary": "Briefing",
+  "card.timeline": "Event timeline",
+  "card.map": "Geographic distribution",
+  "card.pipeline": "Analysis pipeline",
+  "card.sources_overview": "Sources overview",
   "fc.label.confirmed": "Confirmed by multiple sources",
   "fc.label.unconfirmed": "Not independently confirmed",
   "fc.label.contradicted": "Contradicted",