update

frontend/src/App.vue

@@ -392,6 +392,8 @@ onMounted(async () => {
       :dark="darkMode"
       :provider="provider"
       :elementsOpen="elementsOpen"
+      :doneByFormat="doneByFormat"
+      :themaAbgeschlossen="!!fortschritt.abgeschlossen"
       @progressChanged="loadStats(); loadBausteine()"
     />
     <div v-else class="empty-main">

frontend/src/components/TopicDetail.vue

@@ -10,6 +10,8 @@ const props = defineProps({
   dark: { type: Boolean, default: false },
   provider: { type: String, default: 'claude' },
   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 },
 })
 
 const emit = defineEmits(['progressChanged'])
@@ -55,16 +57,9 @@ function onBausteinStatus(baustein, status) {
   if (status.absolviert && !warAbsolviert) emit('progressChanged') // Locks/Stats neu laden
 }
 
-// Tier 2 (Score 3→10) frei, sobald ALLE Bausteine absolviert; Tier 3 (Meisterpfad 10→25) frei, sobald ALLE verstanden.
-const guideSections = computed(() => (content.value?.chapters || []).flatMap((ch) => ch.sections))
-const guideAbsolviert = computed(() => {
-  const secs = guideSections.value
-  return secs.length > 0 && secs.every((s) => lernstand.value[s.title]?.absolviert)
-})
-const guideVerstanden = computed(() => {
-  const secs = guideSections.value
-  return secs.length > 0 && secs.every((s) => lernstand.value[s.title]?.verstanden)
-})
+// Cap pro Baustein folgt den erstellten Formaten: Guide vorhanden → bis 10, FullGuide → bis 25.
+const tier2 = computed(() => !!props.doneByFormat?.Guide)
+const tier3 = computed(() => !!props.doneByFormat?.FullGuide)
 
 // --- Chat (Mechanik in useChat; Kontext-Extraktion bleibt hier) ---
 const chat = useChat((msgs) => {
@@ -152,6 +147,7 @@ function extractContext() {
         <header class="guide-head">
           <h1>{{ previewGuide.topic }}</h1>
           <span class="guide-format">{{ previewGuide.format }}</span>
+          <span v-if="themaAbgeschlossen" class="thema-done" title="Alle FullGuide-Bausteine gemeistert (25/25)">✓ Thema abgeschlossen</span>
         </header>
         <section
           v-for="(ch, ci) in content.chapters"
@@ -181,8 +177,8 @@ function extractContext() {
                 :section="s.md"
                 :provider="provider"
                 :status="lernstand[s.title]"
-                :tier2="guideAbsolviert"
-                :tier3="guideVerstanden"
+                :tier2="tier2"
+                :tier3="tier3"
                 @status-changed="(st) => onBausteinStatus(s.title, st)"
               />
             </article>
@@ -283,6 +279,16 @@ function extractContext() {
   font-weight: 600;
 }
 
+.thema-done {
+  font-size: 0.8rem;
+  font-weight: 600;
+  padding: 0.15rem 0.6rem;
+  border-radius: 999px;
+  background: color-mix(in srgb, #d4af37 20%, var(--panel));
+  border: 1px solid #d4af37;
+  color: #8a6d12;
+}
+
 .chapter {
   margin-bottom: 2.5rem;
 }