update

frontend/src/components/BausteinFokus.vue

@@ -1,10 +1,11 @@
 <script setup>
 import BausteinPanel from './BausteinPanel.vue'
-import MermaidView from './MermaidView.vue'
+import GraphView from './GraphView.vue'
 import { renderMarkdown } from '../markdown.js'
 
 const props = defineProps({
   baustein: { type: Object, required: true }, // { title, md, num }
+  graph: { type: Object, default: null },     // {knoten,kanten,richtung} aus dem Grafik-Sidecar
   topic: { type: String, required: true },
   provider: { type: String, default: 'claude' },
   status: { type: Object, default: null },
@@ -89,7 +90,7 @@ const standFarbe = computed(() => {
     </div>
     <div class="fokus-body">
       <div ref="guideEl" class="fokus-col left">
-        <MermaidView v-if="ansicht === 'grafik'" :code="baustein.grafik || ''" />
+        <GraphView v-if="ansicht === 'grafik'" :graph="graph" height="70vh" />
         <div v-else class="markdown" v-html="renderMarkdown(ansicht === 'kompakt' ? (baustein.kompakt || baustein.md) : baustein.md)"></div>
       </div>
       <div ref="rightEl" class="fokus-col right">