From 6c72190f867984a881f98de488a2d6ce4f9f7dc8 Mon Sep 17 00:00:00 2001
From: Claude Dev <claude-dev@aegis-sight.de>
Date: Mon, 16 Mar 2026 16:22:03 +0100
Subject: [PATCH] Tutorial: Karten-Platzhalter in normaler Kachelansicht
 zurueckbringen

Die Karten-Kachel zeigte nur grau, weil die Leaflet-Map erst im
Vollbild-Step erstellt wird. Jetzt zeigt die Kachel wieder einen
visuellen Platzhalter mit Globus-Icon und erkannten Orten.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/static/dashboard.html |  2 +-
 src/static/js/tutorial.js | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/static/dashboard.html b/src/static/dashboard.html
index 31255ee..67dd5cc 100644
--- a/src/static/dashboard.html
+++ b/src/static/dashboard.html
@@ -764,7 +764,7 @@
     <script src="/static/js/api_network.js?v=20260316a"></script>
     <script src="/static/js/network-graph.js?v=20260316a"></script>
     <script src="/static/js/app_network.js?v=20260316a"></script>
-    <script src="/static/js/tutorial.js?v=20260316l"></script>
+    <script src="/static/js/tutorial.js?v=20260316m"></script>
     <script src="/static/js/chat.js?v=20260316f"></script>
     <script>document.addEventListener("DOMContentLoaded",function(){Chat.init();Tutorial.init()});</script>
 
diff --git a/src/static/js/tutorial.js b/src/static/js/tutorial.js
index 0cd605a..c015343 100644
--- a/src/static/js/tutorial.js
+++ b/src/static/js/tutorial.js
@@ -209,11 +209,23 @@ const Tutorial = {
             timeline.innerHTML = tlHtml;
         }
 
-        // Karte: Stats setzen, Map wird erst im Vollbild-Step initialisiert
+        // Karte: Stats setzen + Platzhalter anzeigen, echte Map erst im Vollbild-Step
         var mapEmpty = document.getElementById('map-empty');
         if (mapEmpty) mapEmpty.style.display = 'none';
         var mapStats = document.getElementById('map-stats');
         if (mapStats) mapStats.textContent = '3 Orte / 9 Artikel';
+        var mapContainer = document.getElementById('map-container');
+        if (mapContainer) {
+            var ph = document.createElement('div');
+            ph.className = 'tutorial-demo tutorial-map-placeholder';
+            ph.style.cssText = 'width:100%;height:100%;display:flex;align-items:center;justify-content:center;'
+                + 'background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;border-radius:var(--radius);';
+            ph.innerHTML = '<div style="text-align:center;">'
+                + '<div style="font-size:40px;margin-bottom:12px;opacity:0.4;">&#127758;</div>'
+                + '<div>3 Orte erkannt: Hamburg, Burchardkai, Elbe</div>'
+                + '<div style="font-size:11px;margin-top:4px;opacity:0.6;">Karte wird im Vollbild-Schritt angezeigt</div></div>';
+            mapContainer.appendChild(ph);
+        }
 
         // Meta
         var metaUpdated = document.getElementById('meta-updated');
@@ -261,8 +273,10 @@ const Tutorial = {
         var mapStats = document.getElementById('map-stats');
         if (mapStats) mapStats.innerHTML = s.mapStats;
 
-        // Demo-Map entfernen
+        // Demo-Map und Platzhalter entfernen
         this._destroyDemoMap();
+        var mapPh = document.querySelector('.tutorial-map-placeholder');
+        if (mapPh) mapPh.remove();
 
         // Meta
         var metaUpdated = document.getElementById('meta-updated');