From 608333bd54c2efa399855cf6c7a4f5da4745b07c Mon Sep 17 00:00:00 2001
From: PRADEEP SAHU <official.pradeepsahu@gmail.com>
Date: Sun, 5 Jul 2026 18:45:43 +0530
Subject: [PATCH] fix(ui): deduplicate agent catalog error messages in
 CreateProjectAgentSheet (#2428)

---
 .../components/CreateProjectAgentSheet.tsx    | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/frontend/src/renderer/components/CreateProjectAgentSheet.tsx b/frontend/src/renderer/components/CreateProjectAgentSheet.tsx
index 745ac9a72..a6959a954 100644
--- a/frontend/src/renderer/components/CreateProjectAgentSheet.tsx
+++ b/frontend/src/renderer/components/CreateProjectAgentSheet.tsx
@@ -58,6 +58,11 @@ export function CreateProjectAgentSheet({
 			? agentsQuery.error.message
 			: "Could not load agent catalog."
 		: null;
+	const displayError = refreshAgentsMutation.isError
+		? refreshAgentsMutation.error instanceof Error
+			? refreshAgentsMutation.error.message
+			: "Could not refresh agent catalog."
+		: agentsError;
 	const [workerAgent, setWorkerAgent] = useState("");
 	const [orchestratorAgent, setOrchestratorAgent] = useState("");
 	const [intake, setIntake] = useState<IntakeForm>(EMPTY_INTAKE);
@@ -143,12 +148,13 @@ export function CreateProjectAgentSheet({
 							</button>
 						</div>
 
-						{agentsError && (
+						{displayError && (
 							<div className="flex items-center justify-between gap-3 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] leading-5 text-destructive">
-								<span>{agentsError}</span>
+								<span>{displayError}</span>
 								<button
 									type="button"
-									className="shrink-0 rounded text-foreground underline-offset-2 hover:underline"
+									className="shrink-0 rounded text-foreground underline-offset-2 hover:underline disabled:pointer-events-none disabled:opacity-50"
+									disabled={refreshAgentsMutation.isPending}
 									onClick={() => refreshAgentsMutation.mutate()}
 								>
 									Retry
@@ -156,14 +162,6 @@ export function CreateProjectAgentSheet({
 							</div>
 						)}
 
-						{refreshAgentsMutation.isError && (
-							<div className="rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] leading-5 text-destructive">
-								{refreshAgentsMutation.error instanceof Error
-									? refreshAgentsMutation.error.message
-									: "Could not refresh agent catalog."}
-							</div>
-						)}
-
 						<div className="border-t border-border pt-4">
 							<IntakeFields form={intake} onChange={(patch) => setIntake((f) => ({ ...f, ...patch }))} compact />
 						</div>