From a1a348e22da658f88ad9b5a5f790233bf9af42fe Mon Sep 17 00:00:00 2001
From: Mauricio Siu <siumauricio@icloud.com>
Date: Sat, 7 Feb 2026 00:53:32 -0600
Subject: [PATCH] feat(dashboard): enhance Traefik actions with health check
 integration

- Added a new health check mutation for reloading Traefik, improving user feedback during the reload process.
- Updated button states to reflect the execution status of health checks, preventing user actions during ongoing operations.
- Refactored error handling for Traefik reload to provide clearer feedback on failures.
---
 .../servers/actions/show-traefik-actions.tsx  | 34 ++++++++++++++-----
 apps/dokploy/server/api/routers/settings.ts   | 12 +++----
 2 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/apps/dokploy/components/dashboard/settings/servers/actions/show-traefik-actions.tsx b/apps/dokploy/components/dashboard/settings/servers/actions/show-traefik-actions.tsx
index 36761973c..5b4d751ff 100644
--- a/apps/dokploy/components/dashboard/settings/servers/actions/show-traefik-actions.tsx
+++ b/apps/dokploy/components/dashboard/settings/servers/actions/show-traefik-actions.tsx
@@ -39,12 +39,22 @@ export const ShowTraefikActions = ({ serverId }: Props) => {
 		isExecuting: isHealthCheckExecuting,
 	} = useHealthCheckAfterMutation({
 		initialDelay: 5000,
+		pollInterval: 4000,
 		successMessage: "Traefik dashboard updated successfully",
 		onSuccess: () => {
 			refetchDashboard();
 		},
 	});
 
+	const {
+		execute: executeReloadWithHealthCheck,
+		isExecuting: isReloadHealthCheckExecuting,
+	} = useHealthCheckAfterMutation({
+		initialDelay: 5000,
+		pollInterval: 4000,
+		successMessage: "Traefik Reloaded",
+	});
+
 	return (
 		<DropdownMenu>
 			<DropdownMenuTrigger
@@ -52,14 +62,16 @@ export const ShowTraefikActions = ({ serverId }: Props) => {
 				disabled={
 					reloadTraefikIsLoading ||
 					toggleDashboardIsLoading ||
-					isHealthCheckExecuting
+					isHealthCheckExecuting ||
+					isReloadHealthCheckExecuting
 				}
 			>
 				<Button
 					isLoading={
 						reloadTraefikIsLoading ||
 						toggleDashboardIsLoading ||
-						isHealthCheckExecuting
+						isHealthCheckExecuting ||
+						isReloadHealthCheckExecuting
 					}
 					variant="outline"
 				>
@@ -74,15 +86,19 @@ export const ShowTraefikActions = ({ serverId }: Props) => {
 				<DropdownMenuGroup>
 					<DropdownMenuItem
 						onClick={async () => {
-							await reloadTraefik({
-								serverId: serverId,
-							})
-								.then(async () => {
-									toast.success("Traefik Reloaded");
-								})
-								.catch(() => {});
+							try {
+								await executeReloadWithHealthCheck(() =>
+									reloadTraefik({ serverId }),
+								);
+							} catch (error) {
+								const errorMessage =
+									(error as Error)?.message ||
+									"Failed to reload Traefik. Please try again.";
+								toast.error(errorMessage);
+							}
 						}}
 						className="cursor-pointer"
+						disabled={isReloadHealthCheckExecuting}
 					>
 						<span>{t("settings.server.webServer.reload")}</span>
 					</DropdownMenuItem>
diff --git a/apps/dokploy/server/api/routers/settings.ts b/apps/dokploy/server/api/routers/settings.ts
index 2f32707d7..5082114cd 100644
--- a/apps/dokploy/server/api/routers/settings.ts
+++ b/apps/dokploy/server/api/routers/settings.ts
@@ -118,12 +118,12 @@ export const settingsRouter = createTRPCRouter({
 	reloadTraefik: adminProcedure
 		.input(apiServerSchema)
 		.mutation(async ({ input }) => {
-			try {
-				await reloadDockerResource("dokploy-traefik", input?.serverId);
-			} catch (err) {
-				console.error(err);
-			}
-
+			// Run in background so the request returns immediately; avoids proxy timeouts.
+			void reloadDockerResource("dokploy-traefik", input?.serverId).catch(
+				(err) => {
+					console.error("reloadTraefik background:", err);
+				},
+			);
 			return true;
 		}),
 	toggleDashboard: adminProcedure