Asynchronous agentic behaviour

.gitignore

@@ -239,4 +239,5 @@ uploads
 token.pickle
 chatsDb.json
 userProfileDb.json
+tasks.json
 ruff_cache

src/interface/app/chat/page.js

@@ -1,6 +1,7 @@
 "use client"
 import React, { useState, useEffect, useRef } from "react"
 import ChatBubble from "@components/ChatBubble"
+import ToolResultBubble from "@components/ToolResultBubble"
 import Sidebar from "@components/Sidebar"
 import {
 	IconSend,
@@ -10,6 +11,7 @@ import {
 } from "@tabler/icons-react"
 import toast from "react-hot-toast"
 
+
 const Chat = () => {
 	const [messages, setMessages] = useState([])
 	const [input, setInput] = useState("")
@@ -154,6 +156,12 @@ const Chat = () => {
 		}
 	}
 
+	useEffect(() => {
+		const intervalId = setInterval(fetchChatHistory, 60000) // Refresh every 5 seconds
+
+		return () => clearInterval(intervalId) // Cleanup interval on component unmount
+	}, [])
+
 	return (
 		<div className="h-screen bg-matteblack flex relative">
 			<Sidebar
@@ -192,13 +200,23 @@ const Chat = () => {
 									key={msg.id}
 									className={`flex ${msg.isUser ? "justify-end" : "justify-start"}`}
 								>
-									<ChatBubble
-										message={msg.message}
-										isUser={msg.isUser}
-										memoryUsed={msg.memoryUsed}
-										agentsUsed={msg.agentsUsed}
-										internetUsed={msg.internetUsed}
-									/>
+									{msg.type === "tool_result" ? (
+										<ToolResultBubble
+											task={msg.task}
+											result={msg.message}
+											memoryUsed={msg.memoryUsed}
+											agentsUsed={msg.agentsUsed}
+											internetUsed={msg.internetUsed}
+										/>
+									) : (
+										<ChatBubble
+											message={msg.message}
+											isUser={msg.isUser}
+											memoryUsed={msg.memoryUsed}
+											agentsUsed={msg.agentsUsed}
+											internetUsed={msg.internetUsed}
+										/>
+									)}
 								</div>
 							))
 						)}
@@ -252,4 +270,4 @@ const Chat = () => {
 	)
 }
 
-export default Chat
+export default Chat