Merge branch 'canary' into filebrowser

2025-06-26 18:27:59 +00:00 · 2024-10-27 02:49:02 -06:00
parent 9145fd3408 c59975a7ff
commit 42b3db37ac
60 changed files with 5224 additions and 611 deletions
--- a/apps/dokploy/components/dashboard/settings/billing/show-billing.tsx
+++ b/apps/dokploy/components/dashboard/settings/billing/show-billing.tsx
@@ -6,11 +6,18 @@ import { cn } from "@/lib/utils";
 import { api } from "@/utils/api";
 import { loadStripe } from "@stripe/stripe-js";
 import clsx from "clsx";
-import { AlertTriangle, CheckIcon, MinusIcon, PlusIcon } from "lucide-react";
+import {
+	AlertTriangle,
+	CheckIcon,
+	Loader2,
+	MinusIcon,
+	PlusIcon,
+} from "lucide-react";
+import Link from "next/link";
 import React, { useState } from "react";

 const stripePromise = loadStripe(
-	process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY || "",
+	process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY!,
 );

 export const calculatePrice = (count: number, isAnnual = false) => {
@@ -24,7 +31,7 @@ export const calculatePrice = (count: number, isAnnual = false) => {
 export const ShowBilling = () => {
 	const { data: servers } = api.server.all.useQuery(undefined);
 	const { data: admin } = api.admin.one.useQuery();
-	const { data } = api.stripe.getProducts.useQuery();
+	const { data, isLoading } = api.stripe.getProducts.useQuery();
 	const { mutateAsync: createCheckoutSession } =
 		api.stripe.createCheckoutSession.useMutation();

@@ -96,145 +103,186 @@ export const ShowBilling = () => {
 					)}
 				</div>
 			)}
-			{products?.map((product) => {
-				const featured = true;
-				return (
-					<div key={product.id}>
-						<section
-							className={clsx(
-								"flex flex-col rounded-3xl  border-dashed border-2 px-4 max-w-sm",
-								featured
-									? "order-first bg-black border py-8 lg:order-none"
-									: "lg:py-8",
-							)}
+			<div className="flex flex-col gap-1.5 mt-4">
+				<span className="text-base text-primary">
+					Need Help? We are here to help you.
+				</span>
+				<span className="text-sm text-muted-foreground">
+					Join to our Discord server and we will help you.
+				</span>
+				<Button className="rounded-full bg-[#5965F2] hover:bg-[#4A55E0] w-fit">
+					<Link
+						href="https://discord.gg/2tBnJ3jDJc"
+						aria-label="Dokploy on GitHub"
+						target="_blank"
+						className="flex flex-row items-center gap-2 text-white"
+					>
+						<svg
+							role="img"
+							className="h-6 w-6 fill-white"
+							viewBox="0 0 24 24"
+							xmlns="http://www.w3.org/2000/svg"
 						>
-							{isAnnual ? (
-								<div className="flex flex-row gap-2 items-center">
-									<p className=" text-2xl font-semibold tracking-tight text-primary ">
-										$ {calculatePrice(serverQuantity, isAnnual).toFixed(2)} USD
-									</p>
-									|
-									<p className=" text-base font-semibold tracking-tight text-muted-foreground">
-										${" "}
-										{(calculatePrice(serverQuantity, isAnnual) / 12).toFixed(2)}{" "}
-										/ Month USD
-									</p>
-								</div>
-							) : (
-								<p className=" text-2xl font-semibold tracking-tight text-primary ">
-									$ {calculatePrice(serverQuantity, isAnnual).toFixed(2)} USD
-								</p>
-							)}
-							<h3 className="mt-5 font-medium text-lg text-white">
-								{product.name}
-							</h3>
-							<p
-								className={clsx(
-									"text-sm",
-									featured ? "text-white" : "text-slate-400",
-								)}
-							>
-								{product.description}
-							</p>
-
-							<ul
-								role="list"
-								className={clsx(
-									" mt-4 flex flex-col gap-y-2 text-sm",
-									featured ? "text-white" : "text-slate-200",
-								)}
-							>
-								{[
-									"All the features of Dokploy",
-									"Unlimited deployments",
-									"Self-hosted on your own infrastructure",
-									"Full access to all deployment features",
-									"Dokploy integration",
-									"Backups",
-									"All Incoming features",
-								].map((feature) => (
-									<li key={feature} className="flex text-muted-foreground">
-										<CheckIcon />
-										<span className="ml-4">{feature}</span>
-									</li>
-								))}
-							</ul>
-							<div className="flex flex-col gap-2 mt-4">
-								<div className="flex items-center gap-2 justify-center">
-									<span className="text-sm text-muted-foreground">
-										{serverQuantity} Servers
-									</span>
-								</div>
-
-								<div className="flex items-center space-x-2">
-									<Button
-										disabled={serverQuantity <= 1}
-										variant="outline"
-										onClick={() => {
-											if (serverQuantity <= 1) return;
-
-											setServerQuantity(serverQuantity - 1);
-										}}
-									>
-										<MinusIcon className="h-4 w-4" />
-									</Button>
-									<NumberInput
-										value={serverQuantity}
-										onChange={(e) => {
-											setServerQuantity(e.target.value as unknown as number);
-										}}
-									/>
-
-									<Button
-										variant="outline"
-										onClick={() => {
-											setServerQuantity(serverQuantity + 1);
-										}}
-									>
-										<PlusIcon className="h-4 w-4" />
-									</Button>
-								</div>
-								<div
-									className={cn(
-										data?.subscriptions && data?.subscriptions?.length > 0
-											? "justify-between"
-											: "justify-end",
-										"flex flex-row  items-center gap-2 mt-4",
+							<path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
+						</svg>
+						Join Discord
+					</Link>
+				</Button>
+			</div>
+			{isLoading ? (
+				<span className="text-base text-muted-foreground flex flex-row gap-3 items-center justify-center min-h-[10vh]">
+					Loading...
+					<Loader2 className="animate-spin" />
+				</span>
+			) : (
+				<>
+					{products?.map((product) => {
+						const featured = true;
+						return (
+							<div key={product.id}>
+								<section
+									className={clsx(
+										"flex flex-col rounded-3xl  border-dashed border-2 px-4 max-w-sm",
+										featured
+											? "order-first  border py-8 lg:order-none"
+											: "lg:py-8",
 									)}
 								>
-									{admin?.stripeCustomerId && (
-										<Button
-											variant="secondary"
-											className="w-full"
-											onClick={async () => {
-												const session = await createCustomerPortalSession();
-
-												window.open(session.url);
-											}}
-										>
-											Manage Subscription
-										</Button>
+									{isAnnual ? (
+										<div className="flex flex-row gap-2 items-center">
+											<p className=" text-2xl font-semibold tracking-tight text-primary ">
+												$ {calculatePrice(serverQuantity, isAnnual).toFixed(2)}{" "}
+												USD
+											</p>
+											|
+											<p className=" text-base font-semibold tracking-tight text-muted-foreground">
+												${" "}
+												{(
+													calculatePrice(serverQuantity, isAnnual) / 12
+												).toFixed(2)}{" "}
+												/ Month USD
+											</p>
+										</div>
+									) : (
+										<p className=" text-2xl font-semibold tracking-tight text-primary ">
+											$ {calculatePrice(serverQuantity, isAnnual).toFixed(2)}{" "}
+											USD
+										</p>
 									)}
+									<h3 className="mt-5 font-medium text-lg text-primary">
+										{product.name}
+									</h3>
+									<p
+										className={clsx(
+											"text-sm",
+											featured ? "text-white" : "text-slate-400",
+										)}
+									>
+										{product.description}
+									</p>

-									{data?.subscriptions?.length === 0 && (
-										<div className="justify-end w-full">
+									<ul
+										role="list"
+										className={clsx(
+											" mt-4 flex flex-col gap-y-2 text-sm",
+											featured ? "text-white" : "text-slate-200",
+										)}
+									>
+										{[
+											"All the features of Dokploy",
+											"Unlimited deployments",
+											"Self-hosted on your own infrastructure",
+											"Full access to all deployment features",
+											"Dokploy integration",
+											"Backups",
+											"All Incoming features",
+										].map((feature) => (
+											<li key={feature} className="flex text-muted-foreground">
+												<CheckIcon />
+												<span className="ml-4">{feature}</span>
+											</li>
+										))}
+									</ul>
+									<div className="flex flex-col gap-2 mt-4">
+										<div className="flex items-center gap-2 justify-center">
+											<span className="text-sm text-muted-foreground">
+												{serverQuantity} Servers
+											</span>
+										</div>
+
+										<div className="flex items-center space-x-2">
 											<Button
-												className="w-full"
-												onClick={async () => {
-													handleCheckout(product.id);
+												disabled={serverQuantity <= 1}
+												variant="outline"
+												onClick={() => {
+													if (serverQuantity <= 1) return;
+
+													setServerQuantity(serverQuantity - 1);
 												}}
-												disabled={serverQuantity < 1}
 											>
-												Subscribe
+												<MinusIcon className="h-4 w-4" />
+											</Button>
+											<NumberInput
+												value={serverQuantity}
+												onChange={(e) => {
+													setServerQuantity(
+														e.target.value as unknown as number,
+													);
+												}}
+											/>
+
+											<Button
+												variant="outline"
+												onClick={() => {
+													setServerQuantity(serverQuantity + 1);
+												}}
+											>
+												<PlusIcon className="h-4 w-4" />
 											</Button>
 										</div>
-									)}
-								</div>
+										<div
+											className={cn(
+												data?.subscriptions && data?.subscriptions?.length > 0
+													? "justify-between"
+													: "justify-end",
+												"flex flex-row  items-center gap-2 mt-4",
+											)}
+										>
+											{admin?.stripeCustomerId && (
+												<Button
+													variant="secondary"
+													className="w-full"
+													onClick={async () => {
+														const session = await createCustomerPortalSession();
+
+														window.open(session.url);
+													}}
+												>
+													Manage Subscription
+												</Button>
+											)}
+
+											{data?.subscriptions?.length === 0 && (
+												<div className="justify-end w-full">
+													<Button
+														className="w-full"
+														onClick={async () => {
+															handleCheckout(product.id);
+														}}
+														disabled={serverQuantity < 1}
+													>
+														Subscribe
+													</Button>
+												</div>
+											)}
+										</div>
+									</div>
+								</section>
 							</div>
-						</section>
-					</div>
-				);
-			})}
+						);
+					})}
+				</>
+			)}
 		</div>
 	);
 };
--- a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx
+++ b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx
@@ -52,8 +52,6 @@ export const ProfileForm = () => {
 	const { data, refetch } = api.auth.get.useQuery();
 	const { mutateAsync, isLoading } = api.auth.update.useMutation();

-	const { mutateAsync: generateToken, isLoading: isLoadingToken } =
-		api.auth.generateToken.useMutation();
 	const form = useForm<Profile>({
 		defaultValues: {
 			email: data?.email || "",
@@ -76,7 +74,7 @@ export const ProfileForm = () => {

 	const onSubmit = async (values: Profile) => {
 		await mutateAsync({
-			email: values.email,
+			email: values.email.toLowerCase(),
 			password: values.password,
 			image: values.image,
 		})
--- a/apps/dokploy/components/dashboard/settings/users/add-user.tsx
+++ b/apps/dokploy/components/dashboard/settings/users/add-user.tsx
@@ -54,7 +54,7 @@ export const AddUser = () => {

 	const onSubmit = async (data: AddUser) => {
 		await mutateAsync({
-			email: data.email,
+			email: data.email.toLowerCase(),
 		})
 			.then(async () => {
 				toast.success("Invitation created");
--- a/apps/dokploy/components/dashboard/settings/users/update-user.tsx
+++ b/apps/dokploy/components/dashboard/settings/users/update-user.tsx
@@ -1,162 +0,0 @@
-import { AlertBlock } from "@/components/shared/alert-block";
-import { Button } from "@/components/ui/button";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-	DialogTrigger,
-} from "@/components/ui/dialog";
-import {
-	Form,
-	FormControl,
-	FormField,
-	FormItem,
-	FormLabel,
-	FormMessage,
-} from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
-import { api } from "@/utils/api";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { SquarePen } from "lucide-react";
-import { useEffect } from "react";
-import { useForm } from "react-hook-form";
-import { toast } from "sonner";
-import { z } from "zod";
-
-const updateUserSchema = z.object({
-	email: z
-		.string()
-		.min(1, "Email is required")
-		.email({ message: "Invalid email" }),
-	password: z.string(),
-});
-
-type UpdateUser = z.infer<typeof updateUserSchema>;
-
-interface Props {
-	authId: string;
-}
-
-export const UpdateUser = ({ authId }: Props) => {
-	const utils = api.useUtils();
-	const { mutateAsync, error, isError, isLoading } =
-		api.auth.updateByAdmin.useMutation();
-	const { data } = api.auth.one.useQuery(
-		{
-			id: authId,
-		},
-		{
-			enabled: !!authId,
-		},
-	);
-
-	const form = useForm<UpdateUser>({
-		defaultValues: {
-			email: "",
-			password: "",
-		},
-		resolver: zodResolver(updateUserSchema),
-	});
-	useEffect(() => {
-		if (data) {
-			form.reset({
-				email: data.email || "",
-				password: "",
-			});
-		}
-	}, [data, form, form.reset]);
-
-	const onSubmit = async (formData: UpdateUser) => {
-		await mutateAsync({
-			email: formData.email === data?.email ? null : formData.email,
-			password: formData.password,
-			id: authId,
-		})
-			.then(() => {
-				toast.success("User updated succesfully");
-				utils.user.all.invalidate();
-			})
-			.catch(() => {
-				toast.error("Error to update the user");
-			})
-			.finally(() => {});
-	};
-
-	return (
-		<Dialog>
-			<DialogTrigger asChild className="w-fit">
-				<Button
-					variant="ghost"
-					className=" cursor-pointer space-x-3 w-fit"
-					onSelect={(e) => e.preventDefault()}
-				>
-					<SquarePen className="size-4 text-muted-foreground" />
-				</Button>
-			</DialogTrigger>
-			<DialogContent className="max-h-screen overflow-y-auto sm:max-w-lg">
-				<DialogHeader>
-					<DialogTitle>Update User</DialogTitle>
-					<DialogDescription>Update the user</DialogDescription>
-				</DialogHeader>
-				{isError && <AlertBlock type="error">{error?.message}</AlertBlock>}
-
-				<div className="grid gap-4">
-					<div className="grid items-center gap-4">
-						<Form {...form}>
-							<form
-								onSubmit={form.handleSubmit(onSubmit)}
-								id="hook-form-update-user"
-								className="grid w-full gap-4 "
-							>
-								<FormField
-									control={form.control}
-									name="email"
-									render={({ field }) => (
-										<FormItem>
-											<FormLabel>Email</FormLabel>
-											<FormControl>
-												<Input placeholder="XNl5C@example.com" {...field} />
-											</FormControl>
-
-											<FormMessage />
-										</FormItem>
-									)}
-								/>
-								<FormField
-									control={form.control}
-									name="password"
-									render={({ field }) => (
-										<FormItem>
-											<FormLabel>Password</FormLabel>
-											<FormControl>
-												<Input
-													type="password"
-													placeholder="*******"
-													{...field}
-												/>
-											</FormControl>
-
-											<FormMessage />
-										</FormItem>
-									)}
-								/>
-								<DialogFooter>
-									<Button
-										form="hook-form-update-user"
-										type="submit"
-										isLoading={isLoading}
-									>
-										Update
-									</Button>
-								</DialogFooter>
-							</form>
-						</Form>
-					</div>
-				</div>
-			</DialogContent>
-		</Dialog>
-	);
-};
--- a/apps/dokploy/drizzle/0042_fancy_havok.sql
+++ b/apps/dokploy/drizzle/0042_fancy_havok.sql
@@ -0,0 +1,2 @@
+ALTER TABLE "auth" ADD COLUMN "confirmationToken" text;--> statement-breakpoint
+ALTER TABLE "auth" ADD COLUMN "confirmationExpiresAt" text;
--- a/apps/dokploy/drizzle/meta/0042_snapshot.json
+++ b/apps/dokploy/drizzle/meta/0042_snapshot.json
--- a/apps/dokploy/drizzle/meta/_journal.json
+++ b/apps/dokploy/drizzle/meta/_journal.json
@@ -295,6 +295,13 @@
      "when": 1729667438853,
      "tag": "0041_huge_bruce_banner",
      "breakpoints": true
+    },
+    {
+      "idx": 42,
+      "version": "6",
+      "when": 1729984439862,
+      "tag": "0042_fancy_havok",
+      "breakpoints": true
    }
  ]
 }
--- a/apps/dokploy/migration.ts
+++ b/apps/dokploy/migration.ts
@@ -2,7 +2,7 @@ import { drizzle } from "drizzle-orm/postgres-js";
 import { migrate } from "drizzle-orm/postgres-js/migrator";
 import postgres from "postgres";

-const connectionString = process.env.DATABASE_URL || "";
+const connectionString = process.env.DATABASE_URL!;

 const sql = postgres(connectionString, { max: 1 });
 const db = drizzle(sql);
--- a/apps/dokploy/pages/_app.tsx
+++ b/apps/dokploy/pages/_app.tsx
@@ -7,6 +7,7 @@ import { ThemeProvider } from "next-themes";
 import type { AppProps } from "next/app";
 import { Inter } from "next/font/google";
 import Head from "next/head";
+import Script from "next/script";
 import type { ReactElement, ReactNode } from "react";

 const inter = Inter({ subsets: ["latin"] });
@@ -36,6 +37,14 @@ const MyApp = ({
 			<Head>
 				<title>Dokploy</title>
 			</Head>
+			{process.env.NEXT_PUBLIC_UMAMI_HOST &&
+				process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID && (
+					<Script
+						src={process.env.NEXT_PUBLIC_UMAMI_HOST}
+						data-website-id={process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID}
+					/>
+				)}
+
 			<ThemeProvider
 				attribute="class"
 				defaultTheme="system"
--- a/apps/dokploy/pages/_document.tsx
+++ b/apps/dokploy/pages/_document.tsx
@@ -3,8 +3,9 @@ import { Head, Html, Main, NextScript } from "next/document";
 export default function Document() {
 	return (
 		<Html lang="en" className="font-sans">
-			<Head />
-
+			<Head>
+				<link rel="icon" href="/icon.svg" />
+			</Head>
 			<body className="flex h-full flex-col font-sans">
 				<Main />
 				<NextScript />
--- a/apps/dokploy/pages/api/stripe/webhook.ts
+++ b/apps/dokploy/pages/api/stripe/webhook.ts
@@ -6,7 +6,7 @@ import { asc, eq } from "drizzle-orm";
 import type { NextApiRequest, NextApiResponse } from "next";
 import Stripe from "stripe";

-const endpointSecret = process.env.STRIPE_WEBHOOK_SECRET || "";
+const endpointSecret = process.env.STRIPE_WEBHOOK_SECRET!;

 export const config = {
 	api: {
@@ -21,7 +21,7 @@ export default async function handler(
 	if (!endpointSecret) {
 		return res.status(400).send("Webhook Error: Missing Stripe Secret Key");
 	}
-	const stripe = new Stripe(process.env.STRIPE_SECRET_KEY || "", {
+	const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, {
 		apiVersion: "2024-09-30.acacia",
 		maxNetworkRetries: 3,
 	});
--- a/apps/dokploy/pages/confirm-email.tsx
+++ b/apps/dokploy/pages/confirm-email.tsx
@@ -0,0 +1,96 @@
+import { OnboardingLayout } from "@/components/layouts/onboarding-layout";
+import { Logo } from "@/components/shared/logo";
+import { CardDescription, CardTitle } from "@/components/ui/card";
+import { db } from "@/server/db";
+import { auth } from "@/server/db/schema";
+import { IS_CLOUD, updateAuthById } from "@dokploy/server";
+import { isBefore } from "date-fns";
+import { eq } from "drizzle-orm";
+import type { GetServerSidePropsContext } from "next";
+import Link from "next/link";
+import type { ReactElement } from "react";
+
+export default function Home() {
+	return (
+		<div className="flex  h-screen w-full items-center justify-center ">
+			<div className="flex flex-col items-center gap-4 w-full">
+				<Link href="/" className="flex flex-row items-center gap-2">
+					<Logo />
+					<span className="font-medium text-sm">Dokploy</span>
+				</Link>
+				<CardTitle className="text-2xl font-bold">Email Confirmed</CardTitle>
+				<CardDescription>
+					Congratulations, your email is confirmed.
+				</CardDescription>
+				<div>
+					<Link href="/" className="w-full text-primary">
+						Click here to login
+					</Link>
+				</div>
+			</div>
+		</div>
+	);
+}
+
+Home.getLayout = (page: ReactElement) => {
+	return <OnboardingLayout>{page}</OnboardingLayout>;
+};
+export async function getServerSideProps(context: GetServerSidePropsContext) {
+	if (!IS_CLOUD) {
+		return {
+			redirect: {
+				permanent: true,
+				destination: "/",
+			},
+		};
+	}
+	const { token } = context.query;
+
+	if (typeof token !== "string") {
+		return {
+			redirect: {
+				permanent: true,
+				destination: "/",
+			},
+		};
+	}
+
+	const authR = await db.query.auth.findFirst({
+		where: eq(auth.confirmationToken, token),
+	});
+
+	if (
+		!authR ||
+		authR?.confirmationToken === null ||
+		authR?.confirmationExpiresAt === null
+	) {
+		return {
+			redirect: {
+				permanent: true,
+				destination: "/",
+			},
+		};
+	}
+
+	const isExpired = isBefore(new Date(authR.confirmationExpiresAt), new Date());
+
+	if (isExpired) {
+		return {
+			redirect: {
+				permanent: true,
+				destination: "/",
+			},
+		};
+	}
+
+	await updateAuthById(authR.id, {
+		confirmationToken: null,
+		confirmationExpiresAt: null,
+	});
+
+	return {
+		props: {
+			token: authR.confirmationToken,
+		},
+	};
+}
--- a/apps/dokploy/pages/index.tsx
+++ b/apps/dokploy/pages/index.tsx
@@ -1,5 +1,6 @@
 import { Login2FA } from "@/components/auth/login-2fa";
 import { OnboardingLayout } from "@/components/layouts/onboarding-layout";
+import { AlertBlock } from "@/components/shared/alert-block";
 import { Logo } from "@/components/shared/logo";
 import { Button } from "@/components/ui/button";
 import {
@@ -63,7 +64,8 @@ export default function Home({ IS_CLOUD }: Props) {
 		is2FAEnabled: false,
 		authId: "",
 	});
-	const { mutateAsync, isLoading } = api.auth.login.useMutation();
+	const { mutateAsync, isLoading, error, isError } =
+		api.auth.login.useMutation();
 	const router = useRouter();
 	const form = useForm<Login>({
 		defaultValues: {
@@ -115,6 +117,12 @@ export default function Home({ IS_CLOUD }: Props) {
 				</CardDescription>
 				<Card className="mx-auto w-full max-w-lg bg-transparent ">
 					<div className="p-3.5" />
+					{isError && (
+						<AlertBlock type="error" className="mx-4 my-2">
+							<span>{error?.message}</span>
+						</AlertBlock>
+					)}
+
 					<CardContent>
 						{!temp.is2FAEnabled ? (
 							<Form {...form}>
@@ -170,12 +178,14 @@ export default function Home({ IS_CLOUD }: Props) {

 						<div className="flex flex-row justify-between flex-wrap">
 							<div className="mt-4 text-center text-sm flex flex-row justify-center gap-2">
-								<Link
-									className="hover:underline text-muted-foreground"
-									href="/register"
-								>
-									Create an account
-								</Link>
+								{IS_CLOUD && (
+									<Link
+										className="hover:underline text-muted-foreground"
+										href="/register"
+									>
+										Create an account
+									</Link>
+								)}
 							</div>

 							<div className="mt-4 text-sm flex flex-row justify-center gap-2">
--- a/apps/dokploy/pages/invitation.tsx
+++ b/apps/dokploy/pages/invitation.tsx
@@ -16,7 +16,7 @@ import {
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
 import { api } from "@/utils/api";
-import { getUserByToken } from "@dokploy/server";
+import { IS_CLOUD, getUserByToken } from "@dokploy/server";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { AlertTriangle } from "lucide-react";
 import type { GetServerSidePropsContext } from "next";
@@ -69,9 +69,10 @@ type Register = z.infer<typeof registerSchema>;
 interface Props {
 	token: string;
 	invitation: Awaited<ReturnType<typeof getUserByToken>>;
+	isCloud: boolean;
 }

-const Invitation = ({ token, invitation }: Props) => {
+const Invitation = ({ token, invitation, isCloud }: Props) => {
 	const router = useRouter();
 	const { data } = api.admin.getUserByToken.useQuery(
 		{
@@ -83,7 +84,8 @@ const Invitation = ({ token, invitation }: Props) => {
 		},
 	);

-	const { mutateAsync, error, isError } = api.auth.createUser.useMutation();
+	const { mutateAsync, error, isError, isSuccess } =
+		api.auth.createUser.useMutation();

 	const form = useForm<Register>({
 		defaultValues: {
@@ -112,7 +114,9 @@ const Invitation = ({ token, invitation }: Props) => {
 		})
 			.then(() => {
 				toast.success("User registration succesfuly", {
-					duration: 2000,
+					description:
+						"Please check your inbox or spam folder to confirm your account.",
+					duration: 100000,
 				});
 				router.push("/dashboard/projects");
 			})
@@ -146,6 +150,7 @@ const Invitation = ({ token, invitation }: Props) => {
 								</span>
 							</div>
 						)}
+
 						<CardContent>
 							<Form {...form}>
 								<form
@@ -210,6 +215,25 @@ const Invitation = ({ token, invitation }: Props) => {
 											Register
 										</Button>
 									</div>
+
+									<div className="mt-4 text-sm flex flex-row justify-between gap-2 w-full">
+										{isCloud && (
+											<>
+												<Link
+													className="hover:underline text-muted-foreground"
+													href="/"
+												>
+													Login
+												</Link>
+												<Link
+													className="hover:underline text-muted-foreground"
+													href="/send-reset-password"
+												>
+													Lost your password?
+												</Link>
+											</>
+										)}
+									</div>
 								</form>
 							</Form>
 						</CardContent>
@@ -250,6 +274,7 @@ export async function getServerSideProps(ctx: GetServerSidePropsContext) {

 		return {
 			props: {
+				isCloud: IS_CLOUD,
 				token: token,
 				invitation: invitation,
 			},
--- a/apps/dokploy/pages/register.tsx
+++ b/apps/dokploy/pages/register.tsx
@@ -1,3 +1,4 @@
+import { AlertBlock } from "@/components/shared/alert-block";
 import { Logo } from "@/components/shared/logo";
 import { Button } from "@/components/ui/button";
 import {
@@ -72,7 +73,8 @@ interface Props {

 const Register = ({ isCloud }: Props) => {
 	const router = useRouter();
-	const { mutateAsync, error, isError } = api.auth.createAdmin.useMutation();
+	const { mutateAsync, error, isError, data } =
+		api.auth.createAdmin.useMutation();

 	const form = useForm<Register>({
 		defaultValues: {
@@ -89,14 +91,16 @@ const Register = ({ isCloud }: Props) => {

 	const onSubmit = async (values: Register) => {
 		await mutateAsync({
-			email: values.email,
+			email: values.email.toLowerCase(),
 			password: values.password,
 		})
 			.then(() => {
 				toast.success("User registration succesfuly", {
 					duration: 2000,
 				});
-				router.push("/");
+				if (!isCloud) {
+					router.push("/");
+				}
 			})
 			.catch((e) => e);
 	};
@@ -130,6 +134,14 @@ const Register = ({ isCloud }: Props) => {
 								</span>
 							</div>
 						)}
+						{data && (
+							<AlertBlock type="success" className="mx-4 my-2">
+								<span>
+									Registration succesfuly, Please check your inbox or spam
+									folder to confirm your account.
+								</span>
+							</AlertBlock>
+						)}
 						<CardContent>
 							<Form {...form}>
 								<form
--- a/apps/dokploy/pages/reset-password.tsx
+++ b/apps/dokploy/pages/reset-password.tsx
@@ -17,6 +17,7 @@ import {
 	FormMessage,
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
+import { db } from "@/server/db";
 import { auth } from "@/server/db/schema";
 import { api } from "@/utils/api";
 import { IS_CLOUD } from "@dokploy/server";
@@ -194,7 +195,7 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
 		};
 	}

-	const authR = await db?.query.auth.findFirst({
+	const authR = await db.query.auth.findFirst({
 		where: eq(auth.resetPasswordToken, token),
 	});

--- a/apps/dokploy/pages/swagger.tsx
+++ b/apps/dokploy/pages/swagger.tsx
@@ -15,7 +15,6 @@ const Home: NextPage = () => {
 	const [spec, setSpec] = useState({});

 	useEffect(() => {
-		// Esto solo se ejecutará en el cliente
 		if (data) {
 			const protocolAndHost = `${window.location.protocol}//${window.location.host}/api`;
 			const newSpec = {
--- a/apps/dokploy/public/favicon.ico
+++ b/apps/dokploy/public/favicon.ico
--- a/apps/dokploy/public/logo.png
+++ b/apps/dokploy/public/logo.png
--- a/apps/dokploy/public/templates/portainer.svg
+++ b/apps/dokploy/public/templates/portainer.svg
@@ -0,0 +1 @@
+<svg height="2500" viewBox=".16 0 571.71 800" width="1788" xmlns="http://www.w3.org/2000/svg"><g fill="#13bef9"><path d="m190.83 175.88h-12.2v63.2h12.2zm52.47 0h-12.2v63.2h12.2zm71.69-120.61-12.5-21.68-208.67 120.61 12.5 21.68z"/><path d="m313.77 55.27 12.51-21.68 208.67 120.61-12.51 21.68z"/><path d="m571.87 176.18v-25.03h-571.71v25.03z"/><path d="m345.5 529.77v-370.99h25.02v389.01c-6.71-7.64-15.26-13.13-25.02-18.02zm-42.71-6.41v-523.36h25.02v526.41c-7.02-3.36-24.1-3.05-25.02-3.05zm-237.04 52.21c-30.51-22.59-50.64-58.62-50.64-99.54 0-21.68 5.79-43.05 16.47-61.68h213.55c10.98 18.63 16.48 40 16.48 61.68 0 18.93-2.44 36.64-10.07 52.52-16.17-15.57-39.97-22.29-64.07-22.29-42.71 0-79.32 26.56-88.77 66.26-3.36-.31-5.49-.61-8.85-.61-8.24.3-16.17 1.53-24.1 3.66z" fill-rule="evenodd"/><path d="m170.69 267.18h-64.67v65.03h64.67zm-72.91 0h-64.67v65.03h64.67zm0 72.36h-64.67v65.04h64.67zm72.91 0h-64.67v65.04h64.67zm72.61 0h-64.67v65.04h64.67zm0-107.17h-64.67v65.03h64.67z"/><path d="m109.37 585.34c8.85-37.55 42.71-65.65 82.98-65.65 25.94 0 49.12 11.61 64.99 29.93 13.72-9.47 30.2-14.96 48.2-14.96 46.98 0 85.11 38.16 85.11 85.19 0 9.77-1.52 18.93-4.57 27.78 10.37 14.05 16.78 31.76 16.78 50.69 0 47.02-38.14 85.19-85.12 85.19-20.75 0-39.66-7.33-54.3-19.54-15.56 21.68-40.88 36.03-69.56 36.03-32.95 0-61.63-18.93-75.96-46.41-5.8 1.22-11.6 1.83-17.7 1.83-46.98 0-85.42-38.17-85.42-85.19s38.14-85.19 85.42-85.19c3.05-.31 6.1-.31 9.15.3z" fill-rule="evenodd"/></g></svg>
--- a/apps/dokploy/server/api/routers/admin.ts
+++ b/apps/dokploy/server/api/routers/admin.ts
@@ -6,7 +6,6 @@ import {
 	apiRemoveUser,
 	users,
 } from "@/server/db/schema";
-
 import {
 	createInvitation,
 	findAdminById,
--- a/apps/dokploy/server/api/routers/auth.ts
+++ b/apps/dokploy/server/api/routers/auth.ts
@@ -4,12 +4,13 @@ import {
 	apiFindOneAuth,
 	apiLogin,
 	apiUpdateAuth,
-	apiUpdateAuthByAdmin,
 	apiVerify2FA,
 	apiVerifyLogin2FA,
 	auth,
 } from "@/server/db/schema";
+import { WEBSITE_URL } from "@/server/utils/stripe";
 import {
+	type Auth,
 	IS_CLOUD,
 	createAdmin,
 	createUser,
@@ -19,6 +20,7 @@ import {
 	getUserByToken,
 	lucia,
 	luciaToken,
+	sendDiscordNotification,
 	sendEmailNotification,
 	updateAuthById,
 	validateRequest,
@@ -53,6 +55,12 @@ export const authRouter = createTRPCRouter({
 					}
 				}
 				const newAdmin = await createAdmin(input);
+
+				if (IS_CLOUD) {
+					await sendDiscordNotificationWelcome(newAdmin);
+					await sendVerificationEmail(newAdmin.id);
+					return true;
+				}
 				const session = await lucia.createSession(newAdmin.id || "", {});
 				ctx.res.appendHeader(
 					"Set-Cookie",
@@ -60,7 +68,12 @@ export const authRouter = createTRPCRouter({
 				);
 				return true;
 			} catch (error) {
-				throw error;
+				throw new TRPCError({
+					code: "BAD_REQUEST",
+					// @ts-ignore
+					message: `Error: ${error?.code === "23505" ? "Email already exists" : "Error to create admin"}`,
+					cause: error,
+				});
 			}
 		}),
 	createUser: publicProcedure
@@ -74,7 +87,13 @@ export const authRouter = createTRPCRouter({
 						message: "Invalid token",
 					});
 				}
+
 				const newUser = await createUser(input);
+
+				if (IS_CLOUD) {
+					await sendVerificationEmail(token.authId);
+					return true;
+				}
 				const session = await lucia.createSession(newUser?.authId || "", {});
 				ctx.res.appendHeader(
 					"Set-Cookie",
@@ -106,6 +125,15 @@ export const authRouter = createTRPCRouter({
 				});
 			}

+			if (auth?.confirmationToken && IS_CLOUD) {
+				await sendVerificationEmail(auth.id);
+				throw new TRPCError({
+					code: "BAD_REQUEST",
+					message:
+						"Email not confirmed, we have sent you a confirmation email please check your inbox.",
+				});
+			}
+
 			if (auth?.is2FAEnabled) {
 				return {
 					is2FAEnabled: true,
@@ -126,7 +154,7 @@ export const authRouter = createTRPCRouter({
 		} catch (error) {
 			throw new TRPCError({
 				code: "BAD_REQUEST",
-				message: "Credentials do not match",
+				message: `Error: ${error instanceof Error ? error.message : "Error to login"}`,
 				cause: error,
 			});
 		}
@@ -151,7 +179,7 @@ export const authRouter = createTRPCRouter({
 		.input(apiUpdateAuth)
 		.mutation(async ({ ctx, input }) => {
 			const auth = await updateAuthById(ctx.user.authId, {
-				...(input.email && { email: input.email }),
+				...(input.email && { email: input.email.toLowerCase() }),
 				...(input.password && {
 					password: bcrypt.hashSync(input.password, 10),
 				}),
@@ -183,19 +211,6 @@ export const authRouter = createTRPCRouter({
 		return auth;
 	}),

-	updateByAdmin: protectedProcedure
-		.input(apiUpdateAuthByAdmin)
-		.mutation(async ({ input }) => {
-			const auth = await updateAuthById(input.id, {
-				...(input.email && { email: input.email }),
-				...(input.password && {
-					password: bcrypt.hashSync(input.password, 10),
-				}),
-				...(input.image && { image: input.image }),
-			});
-
-			return auth;
-		}),
 	generate2FASecret: protectedProcedure.query(async ({ ctx }) => {
 		return await generate2FASecret(ctx.user.authId);
 	}),
@@ -236,9 +251,6 @@ export const authRouter = createTRPCRouter({
 		});
 		return auth;
 	}),
-	verifyToken: protectedProcedure.mutation(async () => {
-		return true;
-	}),
 	sendResetPasswordEmail: publicProcedure
 		.input(
 			z.object({
@@ -270,20 +282,20 @@ export const authRouter = createTRPCRouter({
 				).toISOString(),
 			});

-			const email = await sendEmailNotification(
+			await sendEmailNotification(
 				{
-					fromAddress: process.env.SMTP_FROM_ADDRESS || "",
+					fromAddress: process.env.SMTP_FROM_ADDRESS!,
 					toAddresses: [authR.email],
-					smtpServer: process.env.SMTP_SERVER || "",
+					smtpServer: process.env.SMTP_SERVER!,
 					smtpPort: Number(process.env.SMTP_PORT),
-					username: process.env.SMTP_USERNAME || "",
-					password: process.env.SMTP_PASSWORD || "",
+					username: process.env.SMTP_USERNAME!,
+					password: process.env.SMTP_PASSWORD!,
 				},
 				"Reset Password",
 				`
 				Reset your password by clicking the link below:
 				The link will expire in 24 hours.
-				<a href="http://localhost:3000/reset-password?token=${token}">
+				<a href="${WEBSITE_URL}/reset-password?token=${token}">
 					Reset Password
 				</a>
 			
@@ -334,6 +346,113 @@ export const authRouter = createTRPCRouter({
 				password: bcrypt.hashSync(input.password, 10),
 			});

+			return true;
+		}),
+	confirmEmail: adminProcedure
+		.input(
+			z.object({
+				confirmationToken: z.string().min(1),
+			}),
+		)
+		.mutation(async ({ ctx, input }) => {
+			if (!IS_CLOUD) {
+				throw new TRPCError({
+					code: "NOT_FOUND",
+					message: "Functionality not available in cloud version",
+				});
+			}
+			const authR = await db.query.auth.findFirst({
+				where: eq(auth.confirmationToken, input.confirmationToken),
+			});
+			if (!authR || authR.confirmationExpiresAt === null) {
+				throw new TRPCError({
+					code: "NOT_FOUND",
+					message: "Token not found",
+				});
+			}
+			if (authR.confirmationToken !== input.confirmationToken) {
+				throw new TRPCError({
+					code: "NOT_FOUND",
+					message: "Confirmation Token not found",
+				});
+			}
+
+			const isExpired = isBefore(
+				new Date(authR.confirmationExpiresAt),
+				new Date(),
+			);
+
+			if (isExpired) {
+				throw new TRPCError({
+					code: "NOT_FOUND",
+					message: "Confirmation Token expired",
+				});
+			}
+			1;
+			await updateAuthById(authR.id, {
+				confirmationToken: null,
+				confirmationExpiresAt: null,
+			});
 			return true;
 		}),
 });
+
+export const sendVerificationEmail = async (authId: string) => {
+	const token = nanoid();
+	const result = await updateAuthById(authId, {
+		confirmationToken: token,
+		confirmationExpiresAt: new Date(
+			new Date().getTime() + 24 * 60 * 60 * 1000,
+		).toISOString(),
+	});
+
+	if (!result) {
+		throw new TRPCError({
+			code: "BAD_REQUEST",
+			message: "User not found",
+		});
+	}
+	await sendEmailNotification(
+		{
+			fromAddress: process.env.SMTP_FROM_ADDRESS || "",
+			toAddresses: [result?.email],
+			smtpServer: process.env.SMTP_SERVER || "",
+			smtpPort: Number(process.env.SMTP_PORT),
+			username: process.env.SMTP_USERNAME || "",
+			password: process.env.SMTP_PASSWORD || "",
+		},
+		"Confirm your email | Dokploy",
+		`
+		Welcome to Dokploy!
+		Please confirm your email by clicking the link below:
+		<a href="${WEBSITE_URL}/confirm-email?token=${result?.confirmationToken}">
+			Confirm Email
+		</a>
+	`,
+	);
+
+	return true;
+};
+
+export const sendDiscordNotificationWelcome = async (newAdmin: Auth) => {
+	await sendDiscordNotification(
+		{
+			webhookUrl: process.env.DISCORD_WEBHOOK_URL || "",
+		},
+		{
+			title: "✅ New User Registered",
+			color: 0x00ff00,
+			fields: [
+				{
+					name: "Email",
+					value: newAdmin.email,
+					inline: true,
+				},
+			],
+			timestamp: newAdmin.createdAt,
+			footer: {
+				text: "Dokploy User Registration Notification",
+			},
+		},
+	);
+};
--- a/apps/dokploy/server/api/routers/stripe.ts
+++ b/apps/dokploy/server/api/routers/stripe.ts
@@ -15,7 +15,7 @@ export const stripeRouter = createTRPCRouter({
 		const admin = await findAdminById(ctx.user.adminId);
 		const stripeCustomerId = admin.stripeCustomerId;

-		const stripe = new Stripe(process.env.STRIPE_SECRET_KEY || "", {
+		const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, {
 			apiVersion: "2024-09-30.acacia",
 		});

@@ -51,7 +51,7 @@ export const stripeRouter = createTRPCRouter({
 			}),
 		)
 		.mutation(async ({ ctx, input }) => {
-			const stripe = new Stripe(process.env.STRIPE_SECRET_KEY || "", {
+			const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, {
 				apiVersion: "2024-09-30.acacia",
 			});

@@ -98,7 +98,7 @@ export const stripeRouter = createTRPCRouter({
 			}
 			const stripeCustomerId = admin.stripeCustomerId;

-			const stripe = new Stripe(process.env.STRIPE_SECRET_KEY || "", {
+			const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, {
 				apiVersion: "2024-09-30.acacia",
 			});

--- a/apps/dokploy/server/db/drizzle.config.ts
+++ b/apps/dokploy/server/db/drizzle.config.ts
@@ -4,7 +4,7 @@ export default defineConfig({
 	schema: "./server/db/schema/index.ts",
 	dialect: "postgresql",
 	dbCredentials: {
-		url: process.env.DATABASE_URL || "",
+		url: process.env.DATABASE_URL!,
 	},
 	out: "drizzle",
 	migrations: {
--- a/apps/dokploy/server/db/index.ts
+++ b/apps/dokploy/server/db/index.ts
@@ -8,12 +8,12 @@ declare global {

 export let db: PostgresJsDatabase<typeof schema>;
 if (process.env.NODE_ENV === "production") {
-	db = drizzle(postgres(process.env.DATABASE_URL || ""), {
+	db = drizzle(postgres(process.env.DATABASE_URL!), {
 		schema,
 	});
 } else {
 	if (!global.db)
-		global.db = drizzle(postgres(process.env.DATABASE_URL || ""), {
+		global.db = drizzle(postgres(process.env.DATABASE_URL!), {
 			schema,
 		});

--- a/apps/dokploy/server/db/migration.ts
+++ b/apps/dokploy/server/db/migration.ts
@@ -2,7 +2,7 @@ import { drizzle } from "drizzle-orm/postgres-js";
 import { migrate } from "drizzle-orm/postgres-js/migrator";
 import postgres from "postgres";

-const connectionString = process.env.DATABASE_URL || "";
+const connectionString = process.env.DATABASE_URL!;

 const sql = postgres(connectionString, { max: 1 });
 const db = drizzle(sql);
--- a/apps/dokploy/server/db/reset.ts
+++ b/apps/dokploy/server/db/reset.ts
@@ -3,7 +3,7 @@ import { sql } from "drizzle-orm";
 import { drizzle } from "drizzle-orm/postgres-js";
 import postgres from "postgres";

-const connectionString = process.env.DATABASE_URL || "";
+const connectionString = process.env.DATABASE_URL!;

 const pg = postgres(connectionString, { max: 1 });
 const db = drizzle(pg);
--- a/apps/dokploy/server/db/seed.ts
+++ b/apps/dokploy/server/db/seed.ts
@@ -3,7 +3,7 @@ import { drizzle } from "drizzle-orm/postgres-js";
 import postgres from "postgres";
 import { users } from "./schema";

-const connectionString = process.env.DATABASE_URL || "";
+const connectionString = process.env.DATABASE_URL!;

 const pg = postgres(connectionString, { max: 1 });
 const db = drizzle(pg);
--- a/apps/dokploy/server/utils/stripe.ts
+++ b/apps/dokploy/server/utils/stripe.ts
@@ -3,9 +3,9 @@ export const WEBSITE_URL =
 		? "http://localhost:3000"
 		: process.env.SITE_URL;

-const BASE_PRICE_MONTHLY_ID = process.env.BASE_PRICE_MONTHLY_ID || ""; // $4.00
+const BASE_PRICE_MONTHLY_ID = process.env.BASE_PRICE_MONTHLY_ID!; // $4.00

-const BASE_ANNUAL_MONTHLY_ID = process.env.BASE_ANNUAL_MONTHLY_ID || ""; // $7.99
+const BASE_ANNUAL_MONTHLY_ID = process.env.BASE_ANNUAL_MONTHLY_ID!; // $7.99

 export const getStripeItems = (serverQuantity: number, isAnnual: boolean) => {
 	const items = [];
--- a/apps/dokploy/templates/portainer/docker-compose.yml
+++ b/apps/dokploy/templates/portainer/docker-compose.yml
@@ -0,0 +1,30 @@
+version: '3.8'
+
+services:
+  agent:
+    image: portainer/agent
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+      - /var/lib/docker/volumes:/var/lib/docker/volumes
+    networks:
+      - dokploy-network
+    
+    deploy:
+      mode: global
+      placement:
+        constraints: [node.platform.os == linux]
+
+  portainer:
+    image: portainer/portainer-ce
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+      - portainer-data:/data
+    deploy:
+      mode: replicated
+      placement:
+        constraints: [node.role == manager]
+
+
+volumes:
+  portainer-data:
+  
--- a/apps/dokploy/templates/portainer/index.ts
+++ b/apps/dokploy/templates/portainer/index.ts
@@ -0,0 +1,19 @@
+import {
+	type DomainSchema,
+	type Schema,
+	type Template,
+	generateRandomDomain,
+} from "../utils";
+
+export function generate(schema: Schema): Template {
+	const domains: DomainSchema[] = [
+		{
+			host: generateRandomDomain(schema),
+			port: 9000,
+			serviceName: "portainer",
+		},
+	];
+	return {
+		domains,
+	};
+}
--- a/apps/dokploy/templates/templates.ts
+++ b/apps/dokploy/templates/templates.ts
@@ -512,7 +512,6 @@ export const templates: TemplateData[] = [
 		tags: ["self-hosted", "email", "webmail"],
 		load: () => import("./roundcube/index").then((m) => m.generate),
 	},
-
 	{
 		id: "filebrowser",
 		name: "File Browser",
@@ -527,5 +526,20 @@ export const templates: TemplateData[] = [
 		},
 		tags: ["file", "manager"],
 		load: () => import("./filebrowser/index").then((m) => m.generate),
+  },
+  {
+		id: "portainer",
+		name: "Portainer",
+		version: "2.21.4",
+		description:
+			"Portainer is a container management tool for deploying, troubleshooting, and securing applications across cloud, data centers, and IoT.",
+		logo: "portainer.svg",
+		links: {
+			github: "https://github.com/portainer/portainer",
+			website: "https://www.portainer.io/",
+			docs: "https://docs.portainer.io/",
+		},
+		tags: ["cloud", "monitoring"],
+		load: () => import("./portainer/index").then((m) => m.generate),
 	},
 ];
				`@@ -0,0 +1 @@`
				<svg height="2500" viewBox=".16 0 571.71 800" width="1788" xmlns="http://www.w3.org/2000/svg"><g fill="#13bef9"><path d="m190.83 175.88h-12.2v63.2h12.2zm52.47 0h-12.2v63.2h12.2zm71.69-120.61-12.5-21.68-208.67 120.61 12.5 21.68z"/><path d="m313.77 55.27 12.51-21.68 208.67 120.61-12.51 21.68z"/><path d="m571.87 176.18v-25.03h-571.71v25.03z"/><path d="m345.5 529.77v-370.99h25.02v389.01c-6.71-7.64-15.26-13.13-25.02-18.02zm-42.71-6.41v-523.36h25.02v526.41c-7.02-3.36-24.1-3.05-25.02-3.05zm-237.04 52.21c-30.51-22.59-50.64-58.62-50.64-99.54 0-21.68 5.79-43.05 16.47-61.68h213.55c10.98 18.63 16.48 40 16.48 61.68 0 18.93-2.44 36.64-10.07 52.52-16.17-15.57-39.97-22.29-64.07-22.29-42.71 0-79.32 26.56-88.77 66.26-3.36-.31-5.49-.61-8.85-.61-8.24.3-16.17 1.53-24.1 3.66z" fill-rule="evenodd"/><path d="m170.69 267.18h-64.67v65.03h64.67zm-72.91 0h-64.67v65.03h64.67zm0 72.36h-64.67v65.04h64.67zm72.91 0h-64.67v65.04h64.67zm72.61 0h-64.67v65.04h64.67zm0-107.17h-64.67v65.03h64.67z"/><path d="m109.37 585.34c8.85-37.55 42.71-65.65 82.98-65.65 25.94 0 49.12 11.61 64.99 29.93 13.72-9.47 30.2-14.96 48.2-14.96 46.98 0 85.11 38.16 85.11 85.19 0 9.77-1.52 18.93-4.57 27.78 10.37 14.05 16.78 31.76 16.78 50.69 0 47.02-38.14 85.19-85.12 85.19-20.75 0-39.66-7.33-54.3-19.54-15.56 21.68-40.88 36.03-69.56 36.03-32.95 0-61.63-18.93-75.96-46.41-5.8 1.22-11.6 1.83-17.7 1.83-46.98 0-85.42-38.17-85.42-85.19s38.14-85.19 85.42-85.19c3.05-.31 6.1-.31 9.15.3z" fill-rule="evenodd"/></g></svg>