update

frontend/src/components/Board.vue

@@ -5,7 +5,7 @@ import { computed, onUnmounted, ref, watch } from 'vue'
 import { api } from '../api.js'
 
 const props = defineProps({ state: Object, topic: String })
-const emit = defineEmits(['reload'])
+const emit = defineEmits(['reload', 'fehler'])
 
 // Agenten-Zeit lokal weiterticken: der Server liefert laufzeit nur mit dem
 // State-Snapshot — zwischen Deltas (lange LLM-Calls) fröre die Anzeige ein.
@@ -41,6 +41,7 @@ const EBENEN = [
   { key: 'inventar', titel: 'Atome' },
   { key: 'artefakte', titel: 'Artefakte' },
   { key: 'struktur', titel: 'Bausteine' },
+  { key: 'diagramme', titel: 'Diagramme' },
   { key: 'guide', titel: 'Guide' },
 ]
 
@@ -79,6 +80,10 @@ function karten(key) {
     return s.bausteine.map((b) => ({ id: b.id, text: `${b.ord + 1}. ${b.titel}`,
       badges: [[b.status, statusFarbe(b.status)]] }))
   }
+  if (key === 'diagramme') {
+    return (s.diagramme || []).map((d) => ({ id: d.id, text: `${d.ord + 1}. ${d.titel}`,
+      badges: [[d.status, statusFarbe(d.status)], [`${d.typ} · ${d.quelle}`, 'blau']] }))
+  }
   return s.bausteine.map((b) => ({ id: b.id, text: `${b.ord + 1}. ${b.titel}`,
     badges: [[b.stage || 'offen', b.stage === 'done' ? 'gruen' : 'blau']] }))
 }
@@ -100,21 +105,21 @@ async function menueGenerieren() {
   const m = menue.value
   menue.value = null
   if (!m || !generierenErlaubt(m.idx)) return
-  await api.start(props.topic)
-  emit('reload')
+  try { await api.start(props.topic); emit('reload') }
+  catch (e) { emit('fehler', String(e)) } // sonst schlägt der Start still fehl
 }
 
 async function menueEntfernen() {
   const m = menue.value
   menue.value = null
   if (!m) return
-  await api.ebeneEntfernen(props.topic, m.key)
-  emit('reload')
+  try { await api.ebeneEntfernen(props.topic, m.key); emit('reload') }
+  catch (e) { emit('fehler', String(e)) }
 }
 
 async function autoSetzen(key, ev) {
-  await api.setAuto(props.topic, key, ev.target.checked)
-  emit('reload')
+  try { await api.setAuto(props.topic, key, ev.target.checked); emit('reload') }
+  catch (e) { emit('fehler', String(e)) }
 }
 
 const dauer = (s) => (s >= 3600 ? `${Math.floor(s / 3600)}h ${Math.floor((s % 3600) / 60)}m`