From dadfff3bbd6da69170383d059a3e78a82598f622 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 12:46:14 +0530
Subject: [PATCH 01/12] Add AgentCard component for agent management

---
 .../Dashboard/V1/Component/AgentCard.tsx      | 78 +++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx
new file mode 100644
index 0000000..888ec4e
--- /dev/null
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx
@@ -0,0 +1,78 @@
+import React from "react";
+
+export type Agent = {
+  id: number;
+  name: string;
+  type: string;
+  systemPrompt: string;
+  priority: number;
+  enabled: boolean;
+};
+
+type Props = {
+  agent: Agent;
+  onChange: (agent: Agent) => void;
+  onRemove: () => void;
+};
+
+const AgentCard: React.FC<Props> = ({ agent, onChange, onRemove }) => {
+  return (
+    <div style={{ border: "1px solid #333", padding: 12, marginBottom: 12 }}>
+      <input
+        placeholder="Agent name"
+        value={agent.name}
+        onChange={(e) => onChange({ ...agent, name: e.target.value })}
+      />
+
+      <br />
+
+      <select
+        value={agent.type}
+        onChange={(e) => onChange({ ...agent, type: e.target.value })}
+      >
+        <option value="">Select type</option>
+        <option value="planner">Planner</option>
+        <option value="executor">Executor</option>
+      </select>
+
+      <br />
+
+      <textarea
+        placeholder="System prompt"
+        value={agent.systemPrompt}
+        onChange={(e) =>
+          onChange({ ...agent, systemPrompt: e.target.value })
+        }
+      />
+
+      <br />
+
+      <input
+        type="number"
+        value={agent.priority}
+        onChange={(e) =>
+          onChange({ ...agent, priority: Number(e.target.value) })
+        }
+      />
+
+      <br />
+
+      <label>
+        <input
+          type="checkbox"
+          checked={agent.enabled}
+          onChange={(e) =>
+            onChange({ ...agent, enabled: e.target.checked })
+          }
+        />
+        Enabled
+      </label>
+
+      <br />
+
+      <button onClick={onRemove}>Remove</button>
+    </div>
+  );
+};
+
+export default AgentCard;

From 5a52b0fa9be370ec18d97cb1df7cd5d893e66d84 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:09:29 +0530
Subject: [PATCH 02/12] Add Agents page for multi-agent UI

---
 .../Dashboard/V1/Component/Pages/Agents.tsx   | 94 +++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
new file mode 100644
index 0000000..9db8c0c
--- /dev/null
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
@@ -0,0 +1,94 @@
+import { useMemo, useState } from "react";
+import AgentCard from "../AgentCard";
+
+type AgentType = "" | "planner" | "executor";
+
+export type Agent = {
+  id: string;
+  name: string;
+  type: AgentType;
+  systemPrompt: string;
+  task: string;
+  priority: number;
+  active: boolean;
+  tools: string[];
+};
+
+const MAX_AGENTS = 7;
+
+function createAgent(): Agent {
+  return {
+    id: typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : String(Date.now()),
+    name: "",
+    type: "",
+    systemPrompt: "",
+    task: "",
+    priority: 1,
+    active: true,
+    tools: [],
+  };
+}
+
+export default function Agents() {
+  const [agents, setAgents] = useState<Agent[]>([]);
+
+  const canAddMore = agents.length < MAX_AGENTS;
+
+  const headerText = useMemo(() => {
+    return `Agents (${agents.length}/${MAX_AGENTS})`;
+  }, [agents.length]);
+
+  const addAgent = () => {
+    setAgents((prev) => {
+      if (prev.length >= MAX_AGENTS) return prev;
+      return [...prev, createAgent()];
+    });
+  };
+
+  const updateAgent = (index: number, updated: Agent) => {
+    setAgents((prev) =>
+      prev.map((a, i) =>
+        i === index
+          ? {
+              ...updated,
+              priority: Number(updated.priority) || 1,
+              active: Boolean(updated.active),
+            }
+          : a
+      )
+    );
+  };
+
+  const removeAgent = (index: number) => {
+    setAgents((prev) => prev.filter((_, i) => i !== index));
+  };
+
+  return (
+    <div style={{ display: "grid", gap: 12 }}>
+      <div style={{ display: "flex", alignItems: "center", gap: 12 }}>
+        <h1 style={{ margin: 0 }}>{headerText}</h1>
+
+        <div style={{ marginLeft: "auto" }}>
+          <button onClick={addAgent} disabled={!canAddMore}>
+            Add Agent
+          </button>
+        </div>
+      </div>
+
+      {agents.length === 0 ? (
+        <p style={{ opacity: 0.75, margin: 0 }}>
+          No agents yet. Click “Add Agent” to create one.
+        </p>
+      ) : (
+        agents.map((agent, index) => (
+          <AgentCard
+            key={agent.id}
+            agent={agent}
+            onChange={(updated: Agent) => updateAgent(index, updated)}
+            onRemove={() => removeAgent(index)}
+          />
+        ))
+      )}
+    </div>
+  );
+}

From ef684680666529df6a0f7b21c6052c62826f6af0 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:13:05 +0530
Subject: [PATCH 03/12] Import Agents component in UserRoutes

---
 LocalMind-Frontend/src/app/routes/UserRoutes.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/LocalMind-Frontend/src/app/routes/UserRoutes.tsx b/LocalMind-Frontend/src/app/routes/UserRoutes.tsx
index e69de29..0b45cc7 100644
--- a/LocalMind-Frontend/src/app/routes/UserRoutes.tsx
+++ b/LocalMind-Frontend/src/app/routes/UserRoutes.tsx
@@ -0,0 +1 @@
+import Agents from "../features/Dashboard/V1/Component/Pages/Agents";

From 095fe76b6968fb200d2de8763bcf815ed838a09c Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:17:07 +0530
Subject: [PATCH 04/12] Add Agents route to AppRoutes

---
 LocalMind-Frontend/src/app/routes/AppRoutes.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/LocalMind-Frontend/src/app/routes/AppRoutes.tsx b/LocalMind-Frontend/src/app/routes/AppRoutes.tsx
index af480f1..4d82ea8 100644
--- a/LocalMind-Frontend/src/app/routes/AppRoutes.tsx
+++ b/LocalMind-Frontend/src/app/routes/AppRoutes.tsx
@@ -2,6 +2,8 @@ import React from 'react'
 import { Route, Routes } from 'react-router-dom'
 import HomePage from '../../features/Dashboard/V1/Component/Pages/HomePage'
 import LoginPage from '../../shared/component/v1/LoginPage'
+import Agents from "../../features/Dashboard/V1/Component/Pages/Agents";
+
 
 const AppRoutes: React.FC = () => {
   return (
@@ -17,6 +19,9 @@ const AppRoutes: React.FC = () => {
 
       {/* Forgot Password Page - TODO: Create ForgotPasswordPage component */}
       <Route path="/forgot-password" element={<LoginPage />} />
+      {/* Agents Page */}
+      <Route path="/agents" element={<Agents />} />
+
 
       {/* Chat Page */}
     </Routes>

From 798847b21a95b183898653742413a683456b4864 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:27:45 +0530
Subject: [PATCH 05/12] Update
 LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
---
 .../src/features/Dashboard/V1/Component/Pages/Agents.tsx       | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
index 9db8c0c..4eb63d4 100644
--- a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
@@ -18,7 +18,8 @@ const MAX_AGENTS = 7;
 
 function createAgent(): Agent {
   return {
-    id: typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : String(Date.now()),
+    id: typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `${Date.now()}-${Math.random()}`,
+
     name: "",
     type: "",
     systemPrompt: "",

From cc89ff5c9a3eade8aec37fabaad9c98c2a72a0be Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:33:20 +0530
Subject: [PATCH 06/12] Update
 LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
---
 .../src/features/Dashboard/V1/Component/AgentCard.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx
index 888ec4e..ac4bf33 100644
--- a/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx
@@ -60,9 +60,9 @@ const AgentCard: React.FC<Props> = ({ agent, onChange, onRemove }) => {
       <label>
         <input
           type="checkbox"
-          checked={agent.enabled}
+          checked={agent.active}
           onChange={(e) =>
-            onChange({ ...agent, enabled: e.target.checked })
+            onChange({ ...agent, active: e.target.checked })
           }
         />
         Enabled

From 5c5087b1eea9ea9fea468451bd19d3d806d0c2d6 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:43:38 +0530
Subject: [PATCH 07/12] Refactor Agent type to use string for id and AgentType

---
 .../src/features/Dashboard/V1/Component/AgentCard.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx
index ac4bf33..c784b63 100644
--- a/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/AgentCard.tsx
@@ -1,14 +1,19 @@
 import React from "react";
 
+export type AgentType = "" | "planner" | "executor";
+
 export type Agent = {
-  id: number;
+  id: string;
   name: string;
-  type: string;
+  type: AgentType;
   systemPrompt: string;
+  task: string;
   priority: number;
-  enabled: boolean;
+  active: boolean;
+  tools: string[];
 };
 
+
 type Props = {
   agent: Agent;
   onChange: (agent: Agent) => void;

From d6b48c47d43195b5524d2266d7adbda5a6c174c7 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:47:42 +0530
Subject: [PATCH 08/12] Import Agent type from types file

Refactor Agent type definition by importing from a separate types file.
---
 .../features/Dashboard/V1/Component/Pages/Agents.tsx  | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
index 4eb63d4..f69f3dd 100644
--- a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
@@ -3,16 +3,7 @@ import AgentCard from "../AgentCard";
 
 type AgentType = "" | "planner" | "executor";
 
-export type Agent = {
-  id: string;
-  name: string;
-  type: AgentType;
-  systemPrompt: string;
-  task: string;
-  priority: number;
-  active: boolean;
-  tools: string[];
-};
+import type { Agent } from "./types";
 
 const MAX_AGENTS = 7;
 

From 05e87bcfbe05d40ac5f8e72cfdb57bee3c171f28 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:49:20 +0530
Subject: [PATCH 09/12] Add Agent and AgentType types for dashboard

---
 .../src/features/Dashboard/V1/Component/types.ts     | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 LocalMind-Frontend/src/features/Dashboard/V1/Component/types.ts

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/types.ts b/LocalMind-Frontend/src/features/Dashboard/V1/Component/types.ts
new file mode 100644
index 0000000..f13bd5d
--- /dev/null
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/types.ts
@@ -0,0 +1,12 @@
+export type AgentType = "" | "planner" | "executor";
+
+export type Agent = {
+  id: string;
+  name: string;
+  type: AgentType;
+  systemPrompt: string;
+  task: string;
+  priority: number;
+  active: boolean;
+  tools: string[];
+};

From 48d304cc4bb1b7c8ecddbd377f9d5bb11c1b6777 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:55:11 +0530
Subject: [PATCH 10/12] Refactor removeAgent to use agent ID instead of index

---
 .../src/features/Dashboard/V1/Component/Pages/Agents.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
index f69f3dd..f29eabb 100644
--- a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
@@ -51,8 +51,8 @@ export default function Agents() {
     );
   };
 
-  const removeAgent = (index: number) => {
-    setAgents((prev) => prev.filter((_, i) => i !== index));
+    const removeAgent = (id: string) => {
+    setAgents((prev) => prev.filter((a) => a.id !== id));
   };
 
   return (

From 55c8ccb5d01d78ddde305b69b4d072bd0c614fe6 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:56:10 +0530
Subject: [PATCH 11/12] Refactor updateAgent to use id instead of index

---
 .../Dashboard/V1/Component/Pages/Agents.tsx         | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
index f29eabb..38f2a5d 100644
--- a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
@@ -37,20 +37,11 @@ export default function Agents() {
     });
   };
 
-  const updateAgent = (index: number, updated: Agent) => {
+   const updateAgent = (id: string, updated: Agent) => {
     setAgents((prev) =>
-      prev.map((a, i) =>
-        i === index
-          ? {
-              ...updated,
-              priority: Number(updated.priority) || 1,
-              active: Boolean(updated.active),
-            }
-          : a
-      )
+      prev.map((a) => (a.id === id ? updated : a))
     );
   };
-
     const removeAgent = (id: string) => {
     setAgents((prev) => prev.filter((a) => a.id !== id));
   };

From de7ab97b9ec39b51cc6c7db6ddb1c8326cbca2a5 Mon Sep 17 00:00:00 2001
From: adishchowdhury <adishchowdhury18@gmail.com>
Date: Tue, 6 Jan 2026 13:57:11 +0530
Subject: [PATCH 12/12] Update agent change and remove handlers to use ID

---
 .../src/features/Dashboard/V1/Component/Pages/Agents.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
index 38f2a5d..79cc73f 100644
--- a/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
+++ b/LocalMind-Frontend/src/features/Dashboard/V1/Component/Pages/Agents.tsx
@@ -67,8 +67,8 @@ export default function Agents() {
           <AgentCard
             key={agent.id}
             agent={agent}
-            onChange={(updated: Agent) => updateAgent(index, updated)}
-            onRemove={() => removeAgent(index)}
+                        onChange={(updated: Agent) => updateAgent(agent.id, updated)}
+            onRemove={() => removeAgent(agent.id)}
           />
         ))
       )}