feat: expose GitLab webhook config in UI, provider-aware permission label

- edit-gitlab-provider.tsx: add Webhook Configuration section with
  read-only webhook URL and secret token fields (each with copy button)
- show-preview-settings.tsx: previewRequireCollaboratorPermissions label
  switches to 'Require Member Access' with GitLab roles (Owner/Maintainer/
  Developer) when sourceType is 'gitlab'

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: edouard-mangel

apps/dokploy/components/dashboard/application/preview-deployments/show-preview-settings.tsx

@@ -433,18 +433,37 @@ export const ShowPreviewSettings = ({ applicationId }: Props) => {
 										render={({ field }) => (
 											<FormItem className="flex flex-row items-center justify-between p-3 mt-4 border rounded-lg shadow-sm col-span-2">
 												<div className="space-y-0.5">
-													<FormLabel>
-														Require Collaborator Permissions
-													</FormLabel>
-													<FormDescription>
-														Require collaborator permissions to preview
-														deployments, valid roles are:
-														<ul>
-															<li>Admin</li>
-															<li>Maintain</li>
-															<li>Write</li>
-														</ul>
-													</FormDescription>
+													{data?.sourceType === "gitlab" ? (
+														<>
+															<FormLabel>
+																Require Member Access
+															</FormLabel>
+															<FormDescription>
+																Require a minimum GitLab access level to
+																trigger preview deployments. Valid roles are:
+																<ul>
+																	<li>Owner</li>
+																	<li>Maintainer</li>
+																	<li>Developer</li>
+																</ul>
+															</FormDescription>
+														</>
+													) : (
+														<>
+															<FormLabel>
+																Require Collaborator Permissions
+															</FormLabel>
+															<FormDescription>
+																Require collaborator permissions to preview
+																deployments, valid roles are:
+																<ul>
+																	<li>Admin</li>
+																	<li>Maintain</li>
+																	<li>Write</li>
+																</ul>
+															</FormDescription>
+														</>
+													)}
 												</div>
 												<FormControl>
 													<Switch

apps/dokploy/components/dashboard/settings/git/gitlab/edit-gitlab-provider.tsx

@@ -1,5 +1,5 @@
 import { standardSchemaResolver as zodResolver } from "@hookform/resolvers/standard-schema";
-import { PenBoxIcon } from "lucide-react";
+import { Check, Copy, PenBoxIcon } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
@@ -58,6 +58,23 @@ export const EditGitlabProvider = ({ gitlabId }: Props) => {
 	);
 	const utils = api.useUtils();
 	const [isOpen, setIsOpen] = useState(false);
+	const [copiedWebhookUrl, setCopiedWebhookUrl] = useState(false);
+	const [copiedSecret, setCopiedSecret] = useState(false);
+
+	const webhookUrl =
+		typeof window !== "undefined"
+			? `${window.location.origin}/api/deploy/gitlab`
+			: "/api/deploy/gitlab";
+
+	const copyToClipboard = (
+		text: string,
+		setter: (v: boolean) => void,
+	) => {
+		navigator.clipboard.writeText(text);
+		setter(true);
+		toast.success("Copied to clipboard");
+		setTimeout(() => setter(false), 2000);
+	};
 	const { mutateAsync, error, isError } = api.gitlab.update.useMutation();
 	const { mutateAsync: testConnection, isPending } =
 		api.gitlab.testConnection.useMutation();
@@ -201,6 +218,66 @@ export const EditGitlabProvider = ({ gitlabId }: Props) => {
 									)}
 								/>
 
+								<div className="flex flex-col gap-2">
+									<p className="text-sm font-medium">
+										Webhook Configuration
+									</p>
+									<p className="text-sm text-muted-foreground">
+										Configure these values in your GitLab project under{" "}
+										<strong>Settings → Webhooks</strong>. Enable the{" "}
+										<em>Merge requests events</em> and{" "}
+										<em>Push events</em> triggers.
+									</p>
+									<div className="flex items-center gap-2">
+										<Input
+											readOnly
+											value={webhookUrl}
+											className="font-mono text-xs"
+										/>
+										<Button
+											type="button"
+											variant="outline"
+											size="icon"
+											onClick={() =>
+												copyToClipboard(webhookUrl, setCopiedWebhookUrl)
+											}
+										>
+											{copiedWebhookUrl ? (
+												<Check className="size-4 text-green-500" />
+											) : (
+												<Copy className="size-4" />
+											)}
+										</Button>
+									</div>
+									{gitlab?.webhookSecret && (
+										<div className="flex items-center gap-2">
+											<Input
+												readOnly
+												type="password"
+												value={gitlab.webhookSecret}
+												className="font-mono text-xs"
+											/>
+											<Button
+												type="button"
+												variant="outline"
+												size="icon"
+												onClick={() =>
+													copyToClipboard(
+														gitlab.webhookSecret!,
+														setCopiedSecret,
+													)
+												}
+											>
+												{copiedSecret ? (
+													<Check className="size-4 text-green-500" />
+												) : (
+													<Copy className="size-4" />
+												)}
+											</Button>
+										</div>
+									)}
+								</div>
+
 								<div className="flex w-full justify-between gap-4 mt-4">
 									<Button
 										type="button"