fix: fix typo and connect to real Ollama API

app/page.tsx

@@ -27,13 +27,17 @@ export default function Home() {
     setMessages(newMessages)
     
     // Simulate agent response (in production, this would call your backend API)
-    setTimeout(() => {
+    try {
-      setMessages([...newMessages, {
+      const res = await fetch("/api/chat", {
-        agent: selectedAgent.name,
+        method: "POST",
-        content: `Hello! I'm ${selectedAgent.name}, your ${selectedAgent.role}. I'm running on ${selected Agent.device} using ${selectedAgent.model}. How can I help with BlackRoad today?`
+        headers: { "Content-Type": "application/json" },
-      }])
+        body: JSON.stringify({ message, device: selectedAgent.device, model: selectedAgent.model }),
-    }, 1000)
+      })
-    
+      const data = await res.json()
+      setMessages([...newMessages, { agent: selectedAgent.name, content: data.response }])
+    } catch {
+      setMessages([...newMessages, { agent: selectedAgent.name, content: "Connection failed — node may be offline" }])
+    }    
     setMessage('')
   }