update

frontend/src/App.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
+import { ref, computed, watch, onMounted, onUnmounted, nextTick } 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, fetchProjects, deleteProject as apiDeleteProject, fetchProviders, fetchStats } from './api.js'
 import TopicSidebar from './components/TopicSidebar.vue'
 import TopicDetail from './components/TopicDetail.vue'
@@ -118,9 +118,22 @@ async function loadTopics() {
   }
 }
 
+// Fehlermeldungen verhalten sich wie Flash-Messages: × blendet aus,
+// beim Reload sind Alt-Fehler von vornherein ausgeblendet.
+const dismissedErrors = ref(new Set())
+let errorsInitialized = false
+
+function handleDismissError(guideId) {
+  dismissedErrors.value = new Set([...dismissedErrors.value, guideId])
+}
+
 async function loadGuides() {
   try {
     guides.value = await fetchGuides()
+    if (!errorsInitialized) {
+      errorsInitialized = true
+      dismissedErrors.value = new Set(guides.value.filter((g) => g.status === 'error').map((g) => g.id))
+    }
     loadStats()
   } catch (e) {
     console.error('Fehler beim Laden:', e)
@@ -166,10 +179,16 @@ function selectTopic(topic) {
   selectedTopic.value = topic
   previewGuide.value = null
   sidebarSticky.value = false
+  localStorage.setItem('lastTopic', topic)
   loadBausteine()
   nextTick(autoPreview)
 }
 
+// Beim Reload dort landen, wo man vorher war (Thema + Format)
+watch(previewGuide, (g) => {
+  if (g) localStorage.setItem('lastFormat', g.format)
+})
+
 async function createTopic(topic) {
   await apiCreateTopic(topic)
   await loadTopics()
@@ -223,8 +242,8 @@ function handlePreview(guide) {
   previewGuide.value = guide
 }
 
-async function handleDeleteGuide(guideId) {
-  await deleteGuide(guideId)
+async function handleDeleteGuide(guideId, slots = false) {
+  await deleteGuide(guideId, slots)
   if (previewGuide.value?.id === guideId) {
     previewGuide.value = null
   }
@@ -278,7 +297,14 @@ function onVisibility() {
 
 onMounted(async () => {
   await Promise.all([loadGuides(), loadTopics(), loadProjects(), loadProviders()])
-  if (!selectedTopic.value && topics.value.length) {
+  const savedTopic = localStorage.getItem('lastTopic')
+  const savedFormat = localStorage.getItem('lastFormat')
+  if (savedTopic && [...topics.value, ...projectNames.value].includes(savedTopic)) {
+    selectTopic(savedTopic)
+    await nextTick()
+    const g = doneByFormat.value[savedFormat]
+    if (g) previewGuide.value = g
+  } else if (!selectedTopic.value && topics.value.length) {
     selectTopic(topics.value[0])
   }
   document.addEventListener('visibilitychange', onVisibility)
@@ -302,6 +328,7 @@ onUnmounted(() => {
       :doneByFormat="doneByFormat"
       :latestByFormat="latestByFormat"
       :allGuides="guides"
+      :dismissedErrors="dismissedErrors"
       :bausteine="bausteine"
       :activeBausteine="activeBausteine"
       :pinned="sidebarPinned"
@@ -320,6 +347,7 @@ onUnmounted(() => {
       @deleteProject="handleDeleteProject"
       @cancelGuide="handleCancel"
       @deleteGuide="handleDeleteGuide"
+      @dismissError="handleDismissError"
       @preview="handlePreview"
       @togglePin="toggleSidebarPin"
       @sidebarLeave="onSidebarLeave"