From 2a2026c9aeffb667c7da3b5dbfb26508ce1570ae Mon Sep 17 00:00:00 2001
From: team3 <team3@mitho-media.de>
Date: Thu, 25 Jun 2026 18:17:37 +0200
Subject: [PATCH] update

---
 frontend/src/App.vue                    | 24 +++---------------------
 frontend/src/components/TopicDetail.vue |  4 ++++
 2 files changed, 7 insertions(+), 21 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 2c8ea52..94210f4 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, watch, onMounted, nextTick } from 'vue'
+import { ref, computed, watch, onMounted } from 'vue'
 import { fetchGuides, fetchTopics, createTopic as apiCreateTopic, deleteTopic as apiDeleteTopic, createGuide as apiCreate, deleteGuide, cancelGuide as apiCancel, fetchBausteineStatus, fetchActiveBausteine, createBausteine as apiCreateBausteine, cancelBausteine as apiCancelBausteine, deleteBausteine as apiDeleteBausteine, fetchProviders, fetchStats, fetchTopicFortschritt, fetchGuideLocks, fetchGuideSteps, fetchFolders, updateQuelle as apiUpdateQuelle } from './api.js'
 import { usePolling } from './composables/usePolling.js'
 import TopicSidebar from './components/TopicSidebar.vue'
@@ -185,31 +185,17 @@ async function loadBausteine() {
   }
 }
 
-const FORMAT_ORDER = ['Guide', 'FullGuide', 'Rest']
-
-function autoPreview() {
-  const map = doneByFormat.value
-  for (const f of FORMAT_ORDER) {
-    if (map[f]) {
-      previewGuide.value = map[f]
-      return
-    }
-  }
-  previewGuide.value = null
-}
-
 function selectTopic(topic) {
   selectedTopic.value = topic
   previewGuide.value = null
   sidebarSticky.value = false
   elementsOpen.value = false
   elementsView.value = false
-  bausteineView.value = false
+  bausteineView.value = true   // Thema-Klick → Baustein-Übersicht (Guide erst auf Pill-Klick)
   elementOpenId.value = null
   ansichtModus.value = localStorage.getItem('ansicht_' + topic) === 'erklärend' ? 'erklärend' : 'kompakt'
   localStorage.setItem('lastTopic', topic)
   loadBausteine()
-  nextTick(autoPreview)
 }
 
 // Beim Reload dort landen, wo man vorher war (Thema + Format)
@@ -362,12 +348,8 @@ async function handleDeleteTopic(topic) {
 onMounted(async () => {
   await Promise.all([loadGuides(), loadTopics(), loadProviders(), loadFolders()])
   const savedTopic = localStorage.getItem('lastTopic')
-  const savedFormat = localStorage.getItem('lastFormat')
   if (savedTopic && topics.value.includes(savedTopic)) {
-    selectTopic(savedTopic)
-    await nextTick()
-    const g = doneByFormat.value[savedFormat]
-    if (g) previewGuide.value = g
+    selectTopic(savedTopic)  // landet auf der Baustein-Übersicht
   } else if (!selectedTopic.value && topics.value.length) {
     selectTopic(topics.value[0])
   }
diff --git a/frontend/src/components/TopicDetail.vue b/frontend/src/components/TopicDetail.vue
index 6cdba7d..9abd837 100644
--- a/frontend/src/components/TopicDetail.vue
+++ b/frontend/src/components/TopicDetail.vue
@@ -81,6 +81,10 @@ async function loadContent() {
   try {
     lernstand.value = (await fetchBausteinLernstand(g.topic)).bausteine || {}
   } catch { /* offline → leer */ }
+  // Beim Öffnen zum ersten noch nicht gemeisterten prüfbaren Baustein scrollen.
+  await nextTick()
+  const ziel = bausteine.value.find((s) => istPruefbar(s) && stufeVon(s.title)?.key !== 'meister')
+  if (ziel) scrollEl.value?.querySelector(`[data-num="${ziel.num}"]`)?.scrollIntoView({ block: 'start' })
 }
 
 // --- Baustein-Lernen: Prüfungs-Stand pro Baustein-Titel (lernstand oben deklariert) ---