update

frontend/src/components/TopicDetail.vue

@@ -13,9 +13,10 @@ const props = defineProps({
   elementsOpen: { type: Boolean, default: false }, // Element-Sidebar offen → Chat nach links
   doneByFormat: { type: Object, default: () => ({}) }, // Format → fertiger Guide (Themen-bezogen)
   themaAbgeschlossen: { type: Boolean, default: false },
+  ansichtModus: { type: String, default: 'kompakt' }, // kompakt | erklärend
 })
 
-const emit = defineEmits(['progressChanged'])
+const emit = defineEmits(['progressChanged', 'setAnsicht'])
 
 const isOnePager = computed(() => props.previewGuide?.format === 'OnePager')
 
@@ -26,6 +27,7 @@ const CH_COLORS = ['#3b82f6', '#8b5cf6', '#14b8a6', '#f59e0b', '#22c55e', '#6366
 const content = ref(null)
 const loadError = ref(null)
 const scrollEl = ref(null)
+const lernstand = ref({}) // Prüfungs-Stand pro Baustein-Titel — VOR dem immediate-Watch (loadContent nutzt es)
 
 watch(() => props.previewGuide?.id, loadContent, { immediate: true })
 
@@ -49,9 +51,7 @@ async function loadContent() {
   }
 }
 
-// --- Baustein-Lernen: Prüfungs-Stand pro Baustein-Titel ---
-const lernstand = ref({})
-
+// --- Baustein-Lernen: Prüfungs-Stand pro Baustein-Titel (lernstand oben deklariert) ---
 function onBausteinStatus(baustein, status) {
   const warAbsolviert = lernstand.value[baustein]?.absolviert
   lernstand.value = { ...lernstand.value, [baustein]: status }
@@ -199,7 +199,7 @@ function extractContext() {
                 <span v-else-if="lernstand[s.title]?.verstanden" class="baustein-done verstanden" title="Vollständig verstanden (10/10)">✓✓ Verstanden</span>
                 <span v-else-if="lernstand[s.title]?.absolviert" class="baustein-done" title="Prüfung bestanden">✓ Absolviert</span>
               </h3>
-              <div class="section-body markdown" v-html="renderMarkdown(s.md)"></div>
+              <div class="section-body markdown" v-html="renderMarkdown(!isOnePager && ansichtModus === 'kompakt' ? (s.kompakt || s.md) : s.md)"></div>
               <BausteinPanel
                 v-if="!isOnePager"
                 mode="trigger"
@@ -234,11 +234,13 @@ function extractContext() {
       :tier2="tier2"
       :tier3="tier3"
       :tab="fokusTab"
+      :ansicht="ansichtModus"
       :has-prev="fokusIndex > 0"
       :has-next="fokusIndex < bausteine.length - 1"
       @prev="fokusPrev"
       @next="fokusNext"
       @close="fokusIndex = null"
+      @set-ansicht="$emit('setAnsicht', $event)"
       @status-changed="(st) => onBausteinStatus(st.baustein, st)"
     />