update

frontend/src/App.vue

@@ -7,6 +7,7 @@ import TopicDetail from './components/TopicDetail.vue'
 import BausteineUebersicht from './components/BausteineUebersicht.vue'
 import ElementsSidebar from './components/elements/ElementsSidebar.vue'
 import ElementsOverview from './components/ElementsOverview.vue'
+import GeneralExamPanel from './components/GeneralExamPanel.vue'
 
 const guides = ref([])
 const backendTopics = ref([])
@@ -27,7 +28,9 @@ const provider = ref(localStorage.getItem('provider') || 'claude')
 const providers = ref([])
 const folders = ref({ projekt: [], uni: [] })   // Ordner für die Quellen-Auswahl
 const bausteineView = ref(false)                 // Bausteine-Übersicht im Hauptbereich
+const allgemeinView = ref(false)                 // Allgemeine Prüfung (themenweit) im Hauptbereich
 const ansichtModus = ref('kompakt')              // kompakt | erklärend — je Thema, Default kompakt
+const stufeAnsicht = ref(Number(localStorage.getItem('stufe')) || 4)  // 1=A · 2=F · 3=E · 4=V (Stufen-Ansicht)
 const stats = ref(null)
 const fortschritt = ref({})
 const locks = ref({})       // Sperr-Gründe pro Format (Backend = einzige Regel-Quelle)
@@ -192,6 +195,7 @@ function selectTopic(topic) {
   elementsOpen.value = false
   elementsView.value = false
   bausteineView.value = true   // Thema-Klick → Baustein-Übersicht (Guide erst auf Pill-Klick)
+  allgemeinView.value = false
   elementOpenId.value = null
   ansichtModus.value = localStorage.getItem('ansicht_' + topic) === 'erklärend' ? 'erklärend' : 'kompakt'
   localStorage.setItem('lastTopic', topic)
@@ -266,10 +270,16 @@ function setAnsicht(modus) {
   if (selectedTopic.value) localStorage.setItem('ansicht_' + selectedTopic.value, modus)
 }
 
+function setStufe(k) {
+  stufeAnsicht.value = k
+  localStorage.setItem('stufe', String(k))
+}
+
 function handleOpenBausteineView() {
   if (!selectedTopic.value) return
   bausteineView.value = true
   elementsView.value = false
+  allgemeinView.value = false
   previewGuide.value = null
 }
 
@@ -296,12 +306,22 @@ function handlePreview(guide) {
   previewGuide.value = guide
   elementsView.value = false
   bausteineView.value = false
+  allgemeinView.value = false
+}
+
+function handleGeneralExam() {
+  if (!selectedTopic.value) return
+  allgemeinView.value = true
+  bausteineView.value = false
+  elementsView.value = false
+  previewGuide.value = null
 }
 
 function handleOpenElements() {
   if (!selectedTopic.value) return
   elementsView.value = true
   bausteineView.value = false
+  allgemeinView.value = false
   // Rechte Sidebar bleibt zu — sie öffnet erst beim Klick auf ein Element.
 }
 
@@ -380,9 +400,12 @@ onMounted(async () => {
       :providers="providers"
       :folders="folders"
       :ansichtModus="ansichtModus"
+      :stufeAnsicht="stufeAnsicht"
       @setProvider="setProvider"
       @toggleDark="toggleDark"
       @setAnsicht="setAnsicht"
+      @setStufe="setStufe"
+      @generalExam="handleGeneralExam"
       @select="selectTopic"
       @create="createTopic"
       @createThema="handleCreateThema"
@@ -413,6 +436,13 @@ onMounted(async () => {
       :version="elementsVersion"
       @open="handleOpenElementDetail"
     />
+    <GeneralExamPanel
+      v-else-if="selectedTopic && allgemeinView"
+      :topic="selectedTopic"
+      :provider="provider"
+      @progressChanged="loadStats(); loadBausteine()"
+      @fokus-active="fokusOffen = $event"
+    />
     <TopicDetail
       v-else-if="selectedTopic"
       :previewGuide="previewGuide"
@@ -422,6 +452,7 @@ onMounted(async () => {
       :doneByFormat="doneByFormat"
       :themaAbgeschlossen="!!fortschritt.abgeschlossen"
       :ansichtModus="ansichtModus"
+      :stufeAnsicht="stufeAnsicht"
       @progressChanged="loadStats(); loadBausteine()"
       @setAnsicht="setAnsicht"
       @open-sidebar="sidebarSticky = true"