From ba4626c7da5152eb100b395f8eec59b07af04c8b Mon Sep 17 00:00:00 2001
From: hl9020 <114366310+hl9020@users.noreply.github.com>
Date: Fri, 24 Oct 2025 16:38:29 +0200
Subject: [PATCH 1/3] feat: add copy to clipboard functionality for deployment
 and runtime logs

---
 .../deployments/show-deployment.tsx           | 45 +++++++++++++++++--
 .../dashboard/docker/logs/docker-logs-id.tsx  | 44 +++++++++++++++++-
 2 files changed, 85 insertions(+), 4 deletions(-)

diff --git a/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx b/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
index 69c697721..b4f54f76d 100644
--- a/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
+++ b/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
@@ -1,6 +1,7 @@
-import { Loader2 } from "lucide-react";
+import { Check, Copy, Loader2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import {
 	Dialog,
@@ -29,9 +30,10 @@ export const ShowDeployment = ({
 	const [data, setData] = useState("");
 	const [showExtraLogs, setShowExtraLogs] = useState(false);
 	const [filteredLogs, setFilteredLogs] = useState<LogLine[]>([]);
-	const wsRef = useRef<WebSocket | null>(null); // Ref to hold WebSocket instance
+	const wsRef = useRef<WebSocket | null>(null);
 	const [autoScroll, setAutoScroll] = useState(true);
 	const scrollRef = useRef<HTMLDivElement>(null);
+	const [copied, setCopied] = useState(false);
 
 	const scrollToBottom = () => {
 		if (autoScroll && scrollRef.current) {
@@ -106,6 +108,29 @@ export const ShowDeployment = ({
 		}
 	}, [filteredLogs, autoScroll]);
 
+	const handleCopy = async () => {
+		const logContent = filteredLogs
+			.map(({ timestamp, message }: LogLine) =>
+				`${timestamp?.toISOString() || ""} ${message}`.trim()
+			)
+			.join("\n");
+
+		try {
+			await navigator.clipboard.writeText(logContent);
+			setCopied(true);
+			setTimeout(() => setCopied(false), 2000);
+		} catch {
+			const textarea = document.createElement("textarea");
+			textarea.value = logContent;
+			document.body.appendChild(textarea);
+			textarea.select();
+			document.execCommand("copy");
+			document.body.removeChild(textarea);
+			setCopied(true);
+			setTimeout(() => setCopied(false), 2000);
+		}
+	};
+
 	const optionalErrors = parseLogs(errorMessage || "");
 
 	return (
@@ -128,13 +153,27 @@ export const ShowDeployment = ({
 				<DialogHeader>
 					<DialogTitle>Deployment</DialogTitle>
 					<DialogDescription className="flex items-center gap-2">
-						<span>
+						<span className="flex items-center gap-2">
 							See all the details of this deployment |{" "}
 							<Badge variant="blank" className="text-xs">
 								{filteredLogs.length} lines
 							</Badge>
 						</span>
 
+						<Button
+							variant="outline"
+							size="sm"
+							className="h-7"
+							onClick={handleCopy}
+							disabled={filteredLogs.length === 0}
+						>
+							{copied ? (
+								<Check className="h-3.5 w-3.5" />
+							) : (
+								<Copy className="h-3.5 w-3.5" />
+							)}
+						</Button>
+
 						{serverId && (
 							<div className="flex items-center space-x-2">
 								<Checkbox
diff --git a/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx b/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
index 54db7945b..9e3d12587 100644
--- a/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
+++ b/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
@@ -1,4 +1,4 @@
-import { Download as DownloadIcon, Loader2, Pause, Play } from "lucide-react";
+import { Download as DownloadIcon, Check, Copy, Loader2, Pause, Play } from "lucide-react";
 import React, { useEffect, useRef } from "react";
 import { AlertBlock } from "@/components/shared/alert-block";
 import { Button } from "@/components/ui/button";
@@ -67,6 +67,7 @@ export const DockerLogsId: React.FC<Props> = ({
 	const isPausedRef = useRef(false);
 	const scrollRef = useRef<HTMLDivElement>(null);
 	const [isLoading, setIsLoading] = React.useState(false);
+	const [copied, setCopied] = React.useState(false);
 
 	const scrollToBottom = () => {
 		if (autoScroll && scrollRef.current) {
@@ -237,6 +238,32 @@ export const DockerLogsId: React.FC<Props> = ({
 		URL.revokeObjectURL(url);
 	};
 
+	const handleCopy = async () => {
+		const logContent = filteredLogs
+			.map(
+				({ timestamp, message }: { timestamp: Date | null; message: string }) =>
+					showTimestamp
+						? `${timestamp?.toISOString() || "No timestamp"} ${message}`
+						: message
+			)
+			.join("\n");
+
+		try {
+			await navigator.clipboard.writeText(logContent);
+			setCopied(true);
+			setTimeout(() => setCopied(false), 2000);
+		} catch {
+			const textarea = document.createElement("textarea");
+			textarea.value = logContent;
+			document.body.appendChild(textarea);
+			textarea.select();
+			document.execCommand("copy");
+			document.body.removeChild(textarea);
+			setCopied(true);
+			setTimeout(() => setCopied(false), 2000);
+		}
+	};
+
 	const handleFilter = (logs: LogLine[]) => {
 		return logs.filter((log) => {
 			const logType = getLogType(log.message).type;
@@ -320,6 +347,21 @@ export const DockerLogsId: React.FC<Props> = ({
 								)}
 								{isPaused ? "Resume" : "Pause"}
 							</Button>
+							<Button
+								variant="outline"
+								size="sm"
+								className="h-9"
+								onClick={handleCopy}
+								disabled={filteredLogs.length === 0}
+								title="Copy logs to clipboard"
+							>
+								{copied ? (
+									<Check className="mr-2 h-4 w-4" />
+								) : (
+									<Copy className="mr-2 h-4 w-4" />
+								)}
+								Copy
+							</Button>
 							<Button
 								variant="outline"
 								size="sm"

From 88a8c060db2465b1b8cab668832e32c0df6fc14e Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Sat, 25 Oct 2025 05:55:09 +0000
Subject: [PATCH 2/3] [autofix.ci] apply automated fixes

---
 .../deployments/show-deployment.tsx           |  2 +-
 .../dashboard/docker/logs/docker-logs-id.tsx  | 19 ++++++++++++++++---
 .../impersonation/impersonation-bar.tsx       |  2 +-
 apps/dokploy/components/layouts/user-nav.tsx  |  2 +-
 4 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx b/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
index b4f54f76d..69907c473 100644
--- a/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
+++ b/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
@@ -111,7 +111,7 @@ export const ShowDeployment = ({
 	const handleCopy = async () => {
 		const logContent = filteredLogs
 			.map(({ timestamp, message }: LogLine) =>
-				`${timestamp?.toISOString() || ""} ${message}`.trim()
+				`${timestamp?.toISOString() || ""} ${message}`.trim(),
 			)
 			.join("\n");
 
diff --git a/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx b/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
index 9e3d12587..529fc809b 100644
--- a/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
+++ b/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
@@ -1,4 +1,11 @@
-import { Download as DownloadIcon, Check, Copy, Loader2, Pause, Play } from "lucide-react";
+import {
+	Download as DownloadIcon,
+	Check,
+	Copy,
+	Loader2,
+	Pause,
+	Play,
+} from "lucide-react";
 import React, { useEffect, useRef } from "react";
 import { AlertBlock } from "@/components/shared/alert-block";
 import { Button } from "@/components/ui/button";
@@ -241,10 +248,16 @@ export const DockerLogsId: React.FC<Props> = ({
 	const handleCopy = async () => {
 		const logContent = filteredLogs
 			.map(
-				({ timestamp, message }: { timestamp: Date | null; message: string }) =>
+				({
+					timestamp,
+					message,
+				}: {
+					timestamp: Date | null;
+					message: string;
+				}) =>
 					showTimestamp
 						? `${timestamp?.toISOString() || "No timestamp"} ${message}`
-						: message
+						: message,
 			)
 			.join("\n");
 
diff --git a/apps/dokploy/components/dashboard/impersonation/impersonation-bar.tsx b/apps/dokploy/components/dashboard/impersonation/impersonation-bar.tsx
index a5aae598c..b96b7c866 100644
--- a/apps/dokploy/components/dashboard/impersonation/impersonation-bar.tsx
+++ b/apps/dokploy/components/dashboard/impersonation/impersonation-bar.tsx
@@ -281,7 +281,7 @@ export const ImpersonationBar = () => {
 								<div className="flex items-center gap-4 flex-1 flex-wrap">
 									<Avatar className="h-10 w-10">
 										<AvatarImage
-                      className="object-cover"
+											className="object-cover"
 											src={data?.user?.image || ""}
 											alt={data?.user?.name || ""}
 										/>
diff --git a/apps/dokploy/components/layouts/user-nav.tsx b/apps/dokploy/components/layouts/user-nav.tsx
index ca5854196..337e8f483 100644
--- a/apps/dokploy/components/layouts/user-nav.tsx
+++ b/apps/dokploy/components/layouts/user-nav.tsx
@@ -44,7 +44,7 @@ export const UserNav = () => {
 				>
 					<Avatar className="h-8 w-8 rounded-lg">
 						<AvatarImage
-              className="object-cover"
+							className="object-cover"
 							src={data?.user?.image || ""}
 							alt={data?.user?.image || ""}
 						/>

From fd2775e32ab8497b07b51a337f42ab30b58d0507 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sat, 25 Oct 2025 11:51:44 -0600
Subject: [PATCH 3/3] feat(copy-logs): simplify clipboard copy functionality
 using copy-to-clipboard library

---
 .../application/deployments/show-deployment.tsx  | 16 ++++------------
 .../dashboard/docker/logs/docker-logs-id.tsx     | 16 ++++------------
 2 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx b/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
index 69907c473..0d403ecd2 100644
--- a/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
+++ b/apps/dokploy/components/dashboard/application/deployments/show-deployment.tsx
@@ -1,3 +1,4 @@
+import copy from "copy-to-clipboard";
 import { Check, Copy, Loader2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { Badge } from "@/components/ui/badge";
@@ -108,24 +109,15 @@ export const ShowDeployment = ({
 		}
 	}, [filteredLogs, autoScroll]);
 
-	const handleCopy = async () => {
+	const handleCopy = () => {
 		const logContent = filteredLogs
 			.map(({ timestamp, message }: LogLine) =>
 				`${timestamp?.toISOString() || ""} ${message}`.trim(),
 			)
 			.join("\n");
 
-		try {
-			await navigator.clipboard.writeText(logContent);
-			setCopied(true);
-			setTimeout(() => setCopied(false), 2000);
-		} catch {
-			const textarea = document.createElement("textarea");
-			textarea.value = logContent;
-			document.body.appendChild(textarea);
-			textarea.select();
-			document.execCommand("copy");
-			document.body.removeChild(textarea);
+		const success = copy(logContent);
+		if (success) {
 			setCopied(true);
 			setTimeout(() => setCopied(false), 2000);
 		}
diff --git a/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx b/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
index 529fc809b..bf0173956 100644
--- a/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
+++ b/apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
@@ -1,7 +1,8 @@
+import copy from "copy-to-clipboard";
 import {
-	Download as DownloadIcon,
 	Check,
 	Copy,
+	Download as DownloadIcon,
 	Loader2,
 	Pause,
 	Play,
@@ -261,17 +262,8 @@ export const DockerLogsId: React.FC<Props> = ({
 			)
 			.join("\n");
 
-		try {
-			await navigator.clipboard.writeText(logContent);
-			setCopied(true);
-			setTimeout(() => setCopied(false), 2000);
-		} catch {
-			const textarea = document.createElement("textarea");
-			textarea.value = logContent;
-			document.body.appendChild(textarea);
-			textarea.select();
-			document.execCommand("copy");
-			document.body.removeChild(textarea);
+		const success = copy(logContent);
+		if (success) {
 			setCopied(true);
 			setTimeout(() => setCopied(false), 2000);
 		}