fix: Iris als Hero im AI Team Network – Hierarchie korrigiert

- Iris zu agents[] hinzugefügt (Position 0)
- hero-id='iris' an TeamNetwork übergeben
- Hero-Slot data-agent-id dynamisch (:data-agent-id='hero.id')

frontend/src/components/dashboard/TeamNetwork.vue

@@ -334,7 +334,7 @@ onUnmounted(() => {
     <!-- Cards Layer (above SVG) -->
     <div class="cards-layer">
       <!-- Hero: Iris centered top -->
-      <div class="hero-slot" data-agent-id="iris">
+      <div class="hero-slot" :data-agent-id="hero.id">
         <article
           class="agent-card hero-card"
           :style="{

frontend/src/composables/useDashboardData.ts

@@ -81,6 +81,7 @@ export function useDashboardData() {
 
   // Agent runtimes (simulated)
   const agentStartTimes = reactive<Record<string, number>>({
+    iris: now - 28800000,
     developer: now - 3600000,
     devops: now - 1800000,
     researcher: now - 2700000,
@@ -98,6 +99,26 @@ export function useDashboardData() {
 
   // Agents
   const agents = ref<AgentNodeData[]>([
+    {
+      id: 'iris',
+      name: 'Iris',
+      role: 'Chief of Staff',
+      description: 'Koordiniert, delegiert, hält das Team tight. Die erste Anlaufstelle zwischen Boss und Maschine.',
+      color: '#8b7cf6',
+      icon: 'bot',
+      currentTask: 'Orchestrating Nexus Dashboard redesign',
+      goal: 'Complete Mission Control v3',
+      progress: 85,
+      workload: 55,
+      active: true,
+      runtimeSeconds: 28800,
+      workingFeed: [
+        'Analyzed user feedback on Dashboard',
+        'Delegated card redesign to Developer',
+        'Verifying full-width layout deployment',
+        'Reviewing AgentModal integration',
+      ],
+    },
     {
       id: 'developer',
       name: 'Developer',

frontend/src/views/DashboardView.vue

@@ -67,6 +67,7 @@ function onQueueExecuteNow(id: string): void {
       </div>
 
       <TeamNetwork
+        hero-id="iris"
         :agents="agents"
         :iris-runtime="irisRuntime"
         :get-agent-runtime="getAgentRuntime"