diff --git a/platform/frontend/src/app/agents/page.client.tsx b/platform/frontend/src/app/agents/page.client.tsx index 9e3f24e0c0..9bc3c162a3 100644 --- a/platform/frontend/src/app/agents/page.client.tsx +++ b/platform/frontend/src/app/agents/page.client.tsx @@ -14,7 +14,7 @@ import { Users, } from "lucide-react"; import { usePathname, useRouter, useSearchParams } from "next/navigation"; -import { useCallback, useEffect, useState } from "react"; +import { useCallback, useEffect, useRef, useState } from "react"; import { toast } from "sonner"; import { ErrorBoundary } from "@/app/_parts/error-boundary"; import { A2AConnectionInstructions } from "@/components/a2a-connection-instructions"; @@ -632,6 +632,7 @@ function DeleteAgentDialog({ onOpenChange: (open: boolean) => void; }) { const deleteAgent = useDeleteProfile(); + const deleteButtonRef = useRef(null); const handleDelete = useCallback(async () => { const result = await deleteAgent.mutateAsync(agentId); @@ -643,7 +644,13 @@ function DeleteAgentDialog({ return ( - + { + e.preventDefault(); + deleteButtonRef.current?.focus(); + }} + > Delete Agent @@ -664,6 +671,7 @@ function DeleteAgentDialog({ type="submit" variant="destructive" disabled={deleteAgent.isPending} + ref={deleteButtonRef} > {deleteAgent.isPending ? "Deleting..." : "Delete Agent"}