feat(agents): enable editing existing agents

Add Edit action to card menu; reuse CreateAgent in edit mode; refresh list after save.

Author: 123vivekr

src/components/Agents.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Bot, Loader2, Play, Clock, CheckCircle, XCircle, Trash2, Import, ChevronDown, ChevronRight, FileJson, Globe, Download, Plus, History } from 'lucide-react';
+import { Bot, Loader2, Play, Clock, CheckCircle, XCircle, Trash2, Import, ChevronDown, ChevronRight, FileJson, Globe, Download, Plus, History, Edit } from 'lucide-react';
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -22,6 +22,7 @@ import { useTabState } from '@/hooks/useTabState';
 export const Agents: React.FC = () => {
   const [activeTab, setActiveTab] = useState('agents');
   const [showCreateAgent, setShowCreateAgent] = useState(false);
+  const [editingAgent, setEditingAgent] = useState<Agent | null>(null);
   const [agents, setAgents] = useState<Agent[]>([]);
   const [runningAgents, setRunningAgents] = useState<AgentRunWithMetrics[]>([]);
   const [loading, setLoading] = useState(true);
@@ -184,6 +185,20 @@ export const Agents: React.FC = () => {
     );
   }
 
+  // Show CreateAgent component in edit mode
+  if (editingAgent) {
+    return (
+      <CreateAgent
+        agent={editingAgent}
+        onBack={() => setEditingAgent(null)}
+        onAgentCreated={() => {
+          setEditingAgent(null);
+          loadAgents(); // Reload agents after update
+        }}
+      />
+    );
+  }
+
   return (
     <div className="h-full overflow-y-auto">
       <div className="max-w-6xl mx-auto flex flex-col h-full">
@@ -344,6 +359,10 @@ export const Agents: React.FC = () => {
                             </Button>
                           </DropdownMenuTrigger>
                           <DropdownMenuContent align="end">
+                            <DropdownMenuItem onClick={() => setEditingAgent(agent)}>
+                              <Edit className="w-4 h-4 mr-2" />
+                              Edit
+                            </DropdownMenuItem>
                             <DropdownMenuItem onClick={() => handleRunAgent(agent)}>
                               <Play className="w-4 h-4 mr-2" />
                               Run