"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("@chakra-ui/react");
const AgentFleetDashboard_js_1 = require("../components/agent/AgentFleetDashboard.js");
const AgentDashboard_js_1 = require("../components/agent/AgentDashboard.js");
const Agents = () => {
    const handleAgentAction = (action, agentId, params) => {
        console.log(`Agent action: ${action} for agent ${agentId}`, params);
        // TODO: Implement actual agent control logic
    };
    return ((0, jsx_runtime_1.jsx)(react_1.Box, { p: 6, children: (0, jsx_runtime_1.jsxs)(react_1.VStack, { spacing: 6, align: "stretch", children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Heading, { size: "lg", mb: 2, children: "Agent Management" }), (0, jsx_runtime_1.jsx)(react_1.Text, { color: "gray.600", children: "Monitor and manage your AI agent fleet with comprehensive dashboards and controls." })] }), (0, jsx_runtime_1.jsxs)(react_1.Tabs, { colorScheme: "blue", variant: "enclosed", children: [(0, jsx_runtime_1.jsxs)(react_1.TabList, { children: [(0, jsx_runtime_1.jsx)(react_1.Tab, { children: "Fleet Dashboard" }), (0, jsx_runtime_1.jsx)(react_1.Tab, { children: "Individual Agents" }), (0, jsx_runtime_1.jsx)(react_1.Tab, { children: "Registry" })] }), (0, jsx_runtime_1.jsxs)(react_1.TabPanels, { children: [(0, jsx_runtime_1.jsx)(react_1.TabPanel, { p: 0, pt: 6, children: (0, jsx_runtime_1.jsx)(AgentFleetDashboard_js_1.AgentFleetDashboard, { refreshInterval: 30000, onAgentAction: handleAgentAction }) }), (0, jsx_runtime_1.jsx)(react_1.TabPanel, { p: 0, pt: 6, children: (0, jsx_runtime_1.jsxs)(react_1.VStack, { spacing: 6, align: "stretch", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { color: "gray.600", children: "Select an agent to view detailed information and controls." }), (0, jsx_runtime_1.jsx)(AgentDashboard_js_1.AgentDashboard, { agentId: "agent-001" })] }) }), (0, jsx_runtime_1.jsx)(react_1.TabPanel, { p: 0, pt: 6, children: (0, jsx_runtime_1.jsxs)(react_1.VStack, { spacing: 4, align: "stretch", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { color: "gray.600", children: "Register, update, and manage agent configurations." }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "sm", color: "gray.500", children: "Agent registry functionality coming soon..." })] }) })] })] })] }) }));
};
exports.default = Agents;
//# sourceMappingURL=Agents.js.map