feat: complete Phase 1 MVP - add agent executor and WebSocket real-time updates

Agent Executor Service:
- BaseAgent class with LLM integration via LiteLLM proxy
- AgentExecutor service that processes pending executions every 5 seconds
- Action execution: create_subtask, update_status, send_notification, add_comment
- Approval workflow: CxO level agents require user approval before execution
- Telegram notifications for approvals and completions
- Error handling and execution status tracking

WebSocket Real-Time Updates:
- WebSocket endpoint at /ws/opc for real-time task updates
- ConnectionManager for broadcasting to all connected clients
- Frontend WebSocket client with auto-reconnect
- Live updates for task create/update/move/delete actions
- Agent execution status broadcasts

Integration:
- Agent executor starts on dashboard startup
- Task router broadcasts WebSocket updates on all mutations
- Frontend OPC page subscribes to WebSocket and updates UI in real-time
- Agents (PM, CTO, COO) can now execute tasks autonomously

Phase 1 MVP Complete:
✅ PostgreSQL database with full schema
✅ Task CRUD API with automatic time tracking
✅ Kanban board with drag-and-drop
✅ Agent executor service with LLM integration
✅ WebSocket real-time updates
✅ 3 core agents ready to execute

Next: Agent panel UI, email notifications, PDF invoicing

dashboard/frontend/src/routes/OPC.svelte

@@ -1,14 +1,16 @@
 <script>
-  import { onMount } from "svelte";
+  import { onMount, onDestroy } from "svelte";
   import KanbanBoard from "../components/opc/KanbanBoard.svelte";
   import TaskModal from "../components/opc/TaskModal.svelte";
   import { getTasks, getAgents } from "../lib/opc-api.js";
+  import * as opcWs from "../lib/opc-ws.js";
 
   let tasks = $state([]);
   let agents = $state([]);
   let loading = $state(true);
   let showTaskModal = $state(false);
   let editingTask = $state(null);
+  let unsubscribe = null;
 
   async function loadData() {
     loading = true;
@@ -26,6 +28,23 @@
     }
   }
 
+  function handleWebSocketMessage(message) {
+    if (message.type === "task_update") {
+      const { task_id, action, data } = message;
+
+      if (action === "created") {
+        tasks = [...tasks, data];
+      } else if (action === "updated" || action === "moved") {
+        tasks = tasks.map(t => t.id === task_id ? data : t);
+      } else if (action === "deleted") {
+        tasks = tasks.filter(t => t.id !== task_id);
+      }
+    } else if (message.type === "agent_execution") {
+      // Could show agent status in UI
+      console.log("Agent execution update:", message);
+    }
+  }
+
   function handleCreateTask() {
     editingTask = null;
     showTaskModal = true;
@@ -68,6 +87,17 @@
 
   onMount(() => {
     loadData();
+
+    // Connect WebSocket
+    opcWs.connect();
+    unsubscribe = opcWs.subscribe(handleWebSocketMessage);
+  });
+
+  onDestroy(() => {
+    if (unsubscribe) {
+      unsubscribe();
+    }
+    opcWs.disconnect();
   });
 </script>