feat: Dashboard-Enhancements – Filter, Checkboxen, Animationen

- IrisPanel: Task-Zahlen aus OperationsStore, Suggestions als Array, Chat via console.log
- OperationsFeed: Filter-Pills filtern Feed-Items, TransitionGroup-Animationen
- AgendaPanel: Checkboxen mit localStorage-Persistenz (nexus-agenda-done)
- ActiveInitiatives: Cards hover-scale, Klick-Handler, Progress-Bars animiert
- RecentlyFinished: Chips klickbar + a11y (role, tabindex, keyup)
- DashboardView: fade-in Animation, Custom-Scrollbar
- VERSION: 0.1.0 initial
- Deploy-Workflow: Version-Bump-Semantik (major=x.0.0, minor=1.x.0, patch=1.0.x)

frontend/src/components/dashboard/IrisPanel.vue

@@ -1,22 +1,38 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import { Bot, Sparkles, MessageSquareText, ListTodo, Zap, FileText, Send, Lightbulb } from '@lucide/vue'
 import { useTime } from '../../composables/useTime'
+import { useOperationsStore } from '../../stores/operations'
 
-const { greeting } = useTime()
-
-const chatInput = ref('')
-function sendChat() {
-  if (!chatInput.value.trim()) return
-  alert(`[Iris] Received: "${chatInput.value}"`)
-  chatInput.value = ''
+interface Suggestion {
+  text: string
 }
 
-const meters = {
-  openTasks: 12,
-  blocked: 3,
-  overdue: 2,
-  todayAppointments: 4,
+const { greeting } = useTime()
+const store = useOperationsStore()
+
+const chatInput = ref('')
+
+const meters = computed(() => {
+  const tasks = store.snapshot.tasks
+  return {
+    openTasks: store.snapshot.metrics.queuedTasks,
+    blocked: store.snapshot.metrics.incidents,
+    overdue: tasks.filter(t => t.state === 'Blocked').length,
+    todayAppointments: tasks.filter(t => t.state === 'In progress').length,
+  }
+})
+
+const suggestions = ref<Suggestion[]>([
+  { text: 'Du solltest zuerst das Dungeon-System abschließen.' },
+  { text: 'Die Dokumentation wurde seit 3 Tagen nicht aktualisiert.' },
+  { text: 'Das Projekt OpenClaw benötigt Aufmerksamkeit.' },
+])
+
+function sendChat() {
+  if (!chatInput.value.trim()) return
+  console.log('[Iris] Chat received:', chatInput.value)
+  chatInput.value = ''
 }
 </script>
 
@@ -56,21 +72,13 @@ const meters = {
 
     <div class="suggestions">
       <h3><Sparkles :size="14" /> Vorschläge</h3>
-      <div class="suggestion-card">
+      <div
+        v-for="(s, idx) in suggestions"
+        :key="idx"
+        class="suggestion-card"
+      >
         <Lightbulb :size="14" class="bulb" />
-        <span>Du solltest zuerst das Dungeon-System abschließen.</span>
-      </div>
-      <div class="suggestion-card">
-        <Lightbulb :size="14" class="bulb" />
-        <span>Die Dokumentation wurde seit 3 Tagen nicht aktualisiert.</span>
-      </div>
-      <div class="suggestion-card">
-        <Lightbulb :size="14" class="bulb" />
-        <span>Das Projekt OpenClaw benötigt Aufmerksamkeit.</span>
-      </div>
-      <div class="suggestion-card">
-        <Lightbulb :size="14" class="bulb" />
-        <span>Deine wöchentliche Zusammenfassung ist bereit.</span>
+        <span>{{ s.text }}</span>
       </div>
     </div>