From 4dbc553b1f1e5107891c91c76b749720ea3f5024 Mon Sep 17 00:00:00 2001 From: CHARU AWASTHI <148922861+Charu19awasthi@users.noreply.github.com> Date: Sun, 4 Jan 2026 22:38:27 +0530 Subject: [PATCH 1/4] Implement Multi-Agent Configuration Dashboard This component allows users to manage multiple AI agents, including adding, updating, and removing agents, with a maximum limit of 7 agents. --- .../src/pages/MultiAgentDashboard.jsx | 169 ++++++++++++++++++ 1 file changed, 169 insertions(+) create mode 100644 LocalMind-Frontend/src/pages/MultiAgentDashboard.jsx diff --git a/LocalMind-Frontend/src/pages/MultiAgentDashboard.jsx b/LocalMind-Frontend/src/pages/MultiAgentDashboard.jsx new file mode 100644 index 0000000..a6eaf19 --- /dev/null +++ b/LocalMind-Frontend/src/pages/MultiAgentDashboard.jsx @@ -0,0 +1,169 @@ +import React, { useState } from "react"; + +/** + * Multi-Agent Configuration Dashboard + * Allows users to manage up to 7 AI agents + */ + +const DEFAULT_AGENTS = [ + { id: 1, name: "Planner Agent", role: "Planner", active: true, priority: 1 }, + { id: 2, name: "Research Agent", role: "Researcher", active: true, priority: 2 }, + { id: 3, name: "Reasoning Agent", role: "Reasoner", active: true, priority: 3 }, + { id: 4, name: "Execution Agent", role: "Executor", active: true, priority: 4 }, + { id: 5, name: "Validation Agent", role: "Validator", active: true, priority: 5 }, + { id: 6, name: "Memory Agent", role: "Memory", active: false, priority: 6 }, + { id: 7, name: "Observer Agent", role: "Observer", active: false, priority: 7 }, +]; + +const ROLES = [ + "Planner", + "Researcher", + "Reasoner", + "Executor", + "Validator", + "Memory", + "Observer", +]; + +export default function MultiAgentDashboard() { + const [agents, setAgents] = useState(DEFAULT_AGENTS); + + const updateAgent = (id, updates) => { + setAgents((prev) => + prev.map((agent) => + agent.id === id ? { ...agent, ...updates } : agent + ) + ); + }; + + const addAgent = () => { + if (agents.length >= 7) return; + + setAgents((prev) => [ + ...prev, + { + id: Date.now(), + name: "New Agent", + role: "Planner", + systemPrompt: "", + task: "", + active: true, + priority: prev.length + 1, + }, + ]); + }; + + const removeAgent = (id) => { + setAgents((prev) => prev.filter((agent) => agent.id !== id)); + }; + + return ( +
+

🧠 Multi-Agent Task Configuration

+

+ Configure how multiple AI agents collaborate to achieve a single goal. +

+ +
+ {agents.map((agent) => ( +
+ + updateAgent(agent.id, { name: e.target.value }) + } + placeholder="Agent Name" + style={{ width: "100%", marginBottom: "8px" }} + /> + + + +