docs: refactor code for consistency and readability

- Standardized import statements across various components to use double quotes for consistency. - Updated component files to ensure proper formatting and adherence to coding standards. - Enhanced overall code readability by aligning code structure and improving comment clarity. - Made minor adjustments to ensure all components follow the same coding conventions, improving maintainability.
2026-07-15 02:45:26 +02:00 · 2025-12-07 18:13:12 -06:00
parent b605ad10e3
commit 0b52b9b1af
98 changed files with 25084 additions and 27002 deletions
--- a/apps/docs/app/api/search/route.ts
+++ b/apps/docs/app/api/search/route.ts
@@ -1,21 +1,21 @@
-import { source } from '@/lib/source';
-import { createFromSource } from 'fumadocs-core/search/server';
-import type { InferPageType } from 'fumadocs-core/source';
+import { source } from "@/lib/source";
+import { createFromSource } from "fumadocs-core/search/server";
+import type { InferPageType } from "fumadocs-core/source";

 export const { GET } = createFromSource(source, {
-  // https://docs.orama.com/docs/orama-js/supported-languages
-  language: 'english',
-  // Configure tag filter based on the first slug (core, cli, api)
-  buildIndex(page: InferPageType<typeof source>) {
-    const tag = page.slugs[0] || 'all';
-    return {
-      title: page.data.title,
-      description: page.data.description,
-      url: page.url,
-      id: page.url,
-      structuredData: page.data.structuredData,
-      // Assign tag based on the first slug (core, cli, api)
-      tag,
-    } as any;
-  },
+	// https://docs.orama.com/docs/orama-js/supported-languages
+	language: "english",
+	// Configure tag filter based on the first slug (core, cli, api)
+	buildIndex(page: InferPageType<typeof source>) {
+		const tag = page.slugs[0] || "all";
+		return {
+			title: page.data.title,
+			description: page.data.description,
+			url: page.url,
+			id: page.url,
+			structuredData: page.data.structuredData,
+			// Assign tag based on the first slug (core, cli, api)
+			tag,
+		} as any;
+	},
 });
--- a/apps/docs/app/docs/[[...slug]]/page.tsx
+++ b/apps/docs/app/docs/[[...slug]]/page.tsx
@@ -1,54 +1,54 @@
-import { getPageImage, source } from '@/lib/source';
+import { getPageImage, source } from "@/lib/source";
+import { getMDXComponents } from "@/mdx-components";
 import {
-  DocsBody,
-  DocsDescription,
-  DocsPage,
-  DocsTitle,
-} from 'fumadocs-ui/layouts/docs/page';
-import { notFound } from 'next/navigation';
-import { getMDXComponents } from '@/mdx-components';
-import type { Metadata } from 'next';
-import { createRelativeLink } from 'fumadocs-ui/mdx';
+	DocsBody,
+	DocsDescription,
+	DocsPage,
+	DocsTitle,
+} from "fumadocs-ui/layouts/docs/page";
+import { createRelativeLink } from "fumadocs-ui/mdx";
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";

-export default async function Page(props: PageProps<'/docs/[[...slug]]'>) {
-  const params = await props.params;
-  const page = source.getPage(params.slug);
-  if (!page) notFound();
+export default async function Page(props: PageProps<"/docs/[[...slug]]">) {
+	const params = await props.params;
+	const page = source.getPage(params.slug);
+	if (!page) notFound();

-  const MDX = page.data.body;
+	const MDX = page.data.body;

-  return (
-    <DocsPage toc={page.data.toc} full={page.data.full}>
-      <DocsTitle>{page.data.title}</DocsTitle>
-      <DocsDescription>{page.data.description}</DocsDescription>
-      <DocsBody>
-        <MDX
-          components={getMDXComponents({
-            // this allows you to link to other pages with relative file paths
-            a: createRelativeLink(source, page),
-          })}
-        />
-      </DocsBody>
-    </DocsPage>
-  );
+	return (
+		<DocsPage toc={page.data.toc} full={page.data.full}>
+			<DocsTitle>{page.data.title}</DocsTitle>
+			<DocsDescription>{page.data.description}</DocsDescription>
+			<DocsBody>
+				<MDX
+					components={getMDXComponents({
+						// this allows you to link to other pages with relative file paths
+						a: createRelativeLink(source, page),
+					})}
+				/>
+			</DocsBody>
+		</DocsPage>
+	);
 }

 export async function generateStaticParams() {
-  return source.generateParams();
+	return source.generateParams();
 }

 export async function generateMetadata(
-  props: PageProps<'/docs/[[...slug]]'>,
+	props: PageProps<"/docs/[[...slug]]">,
 ): Promise<Metadata> {
-  const params = await props.params;
-  const page = source.getPage(params.slug);
-  if (!page) notFound();
+	const params = await props.params;
+	const page = source.getPage(params.slug);
+	if (!page) notFound();

-  return {
-    title: page.data.title,
-    description: page.data.description,
-    openGraph: {
-      images: getPageImage(page).url,
-    },
-  };
+	return {
+		title: page.data.title,
+		description: page.data.description,
+		openGraph: {
+			images: getPageImage(page).url,
+		},
+	};
 }
--- a/apps/docs/app/docs/layout.tsx
+++ b/apps/docs/app/docs/layout.tsx
@@ -1,11 +1,11 @@
-import { source } from '@/lib/source';
-import { DocsLayout } from 'fumadocs-ui/layouts/docs';
-import { baseOptions } from '@/lib/layout.shared';
+import { baseOptions } from "@/lib/layout.shared";
+import { source } from "@/lib/source";
+import { DocsLayout } from "fumadocs-ui/layouts/docs";

-export default function Layout({ children }: LayoutProps<'/docs'>) {
-  return (
-    <DocsLayout tree={source.pageTree} {...baseOptions()}>
-      {children}
-    </DocsLayout>
-  );
+export default function Layout({ children }: LayoutProps<"/docs">) {
+	return (
+		<DocsLayout tree={source.pageTree} {...baseOptions()}>
+			{children}
+		</DocsLayout>
+	);
 }
--- a/apps/docs/app/layout.tsx
+++ b/apps/docs/app/layout.tsx
@@ -1,42 +1,50 @@
-import { RootProvider } from 'fumadocs-ui/provider/next';
-import './global.css';
-import { Inter } from 'next/font/google';
-import type { Metadata } from 'next';
-import { GoogleAnalytics } from '@next/third-parties/google';
-import SearchDialog from '@/components/SearchDialog';
+import { RootProvider } from "fumadocs-ui/provider/next";
+import "./global.css";
+import SearchDialog from "@/components/SearchDialog";
+import { GoogleAnalytics } from "@next/third-parties/google";
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";

 const inter = Inter({
-  subsets: ['latin'],
+	subsets: ["latin"],
 });

 export const metadata: Metadata = {
-  title: {
-    default: 'Dokploy Documentation',
-    template: '%s | Dokploy',
-  },
-  description: 'Open Source Alternative to Vercel, Netlify and Heroku. Deploy your applications with ease.',
-  keywords: ['dokploy', 'deployment', 'docker', 'hosting', 'devops', 'open source'],
-  authors: [{ name: 'Dokploy Team' }],
-  openGraph: {
-    title: 'Dokploy Documentation',
-    description: 'Open Source Alternative to Vercel, Netlify and Heroku',
-    type: 'website',
-  },
+	title: {
+		default: "Dokploy Documentation",
+		template: "%s | Dokploy",
+	},
+	description:
+		"Open Source Alternative to Vercel, Netlify and Heroku. Deploy your applications with ease.",
+	keywords: [
+		"dokploy",
+		"deployment",
+		"docker",
+		"hosting",
+		"devops",
+		"open source",
+	],
+	authors: [{ name: "Dokploy Team" }],
+	openGraph: {
+		title: "Dokploy Documentation",
+		description: "Open Source Alternative to Vercel, Netlify and Heroku",
+		type: "website",
+	},
 };

-export default function Layout({ children }: LayoutProps<'/'>) {
-  return (
-    <html lang="en" className={inter.className} suppressHydrationWarning>
-      <body className="flex flex-col min-h-screen">
-        <GoogleAnalytics gaId="G-HZ71HG38HN" />
-        <RootProvider
-          search={{
-            SearchDialog,
-          }}
-        >
-          {children}
-        </RootProvider>
-      </body>
-    </html>
-  );
+export default function Layout({ children }: LayoutProps<"/">) {
+	return (
+		<html lang="en" className={inter.className} suppressHydrationWarning>
+			<body className="flex flex-col min-h-screen">
+				<GoogleAnalytics gaId="G-HZ71HG38HN" />
+				<RootProvider
+					search={{
+						SearchDialog,
+					}}
+				>
+					{children}
+				</RootProvider>
+			</body>
+		</html>
+	);
 }
--- a/apps/docs/app/llms-full.txt/route.ts
+++ b/apps/docs/app/llms-full.txt/route.ts
@@ -1,10 +1,10 @@
-import { getLLMText, source } from '@/lib/source';
+import { getLLMText, source } from "@/lib/source";

 export const revalidate = false;

 export async function GET() {
-  const scan = source.getPages().map(getLLMText);
-  const scanned = await Promise.all(scan);
+	const scan = source.getPages().map(getLLMText);
+	const scanned = await Promise.all(scan);

-  return new Response(scanned.join('\n\n'));
+	return new Response(scanned.join("\n\n"));
 }
--- a/apps/docs/app/og/docs/[...slug]/route.tsx
+++ b/apps/docs/app/og/docs/[...slug]/route.tsx
@@ -1,34 +1,34 @@
-import { getPageImage, source } from '@/lib/source';
-import { notFound } from 'next/navigation';
-import { ImageResponse } from 'next/og';
-import { generate as DefaultImage } from 'fumadocs-ui/og';
+import { getPageImage, source } from "@/lib/source";
+import { generate as DefaultImage } from "fumadocs-ui/og";
+import { notFound } from "next/navigation";
+import { ImageResponse } from "next/og";

 export const revalidate = false;

 export async function GET(
-  _req: Request,
-  { params }: RouteContext<'/og/docs/[...slug]'>,
+	_req: Request,
+	{ params }: RouteContext<"/og/docs/[...slug]">,
 ) {
-  const { slug } = await params;
-  const page = source.getPage(slug.slice(0, -1));
-  if (!page) notFound();
+	const { slug } = await params;
+	const page = source.getPage(slug.slice(0, -1));
+	if (!page) notFound();

-  return new ImageResponse(
-    <DefaultImage
-      title={page.data.title}
-      description={page.data.description}
-      site="My App"
-    />,
-    {
-      width: 1200,
-      height: 630,
-    },
-  );
+	return new ImageResponse(
+		<DefaultImage
+			title={page.data.title}
+			description={page.data.description}
+			site="My App"
+		/>,
+		{
+			width: 1200,
+			height: 630,
+		},
+	);
 }

 export function generateStaticParams() {
-  return source.getPages().map((page) => ({
-    lang: page.locale,
-    slug: getPageImage(page).segments,
-  }));
+	return source.getPages().map((page) => ({
+		lang: page.locale,
+		slug: getPageImage(page).segments,
+	}));
 }
--- a/apps/docs/components.json
+++ b/apps/docs/components.json
@@ -1,22 +1,22 @@
 {
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "app/global.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "lucide",
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "registries": {}
+	"$schema": "https://ui.shadcn.com/schema.json",
+	"style": "new-york",
+	"rsc": true,
+	"tsx": true,
+	"tailwind": {
+		"config": "",
+		"css": "app/global.css",
+		"baseColor": "neutral",
+		"cssVariables": true,
+		"prefix": ""
+	},
+	"iconLibrary": "lucide",
+	"aliases": {
+		"components": "@/components",
+		"utils": "@/lib/utils",
+		"ui": "@/components/ui",
+		"lib": "@/lib",
+		"hooks": "@/hooks"
+	},
+	"registries": {}
 }
--- a/apps/docs/components/Logo.tsx
+++ b/apps/docs/components/Logo.tsx
@@ -1,6 +1,6 @@
-import type { ComponentPropsWithoutRef } from 'react';
+import type { ComponentPropsWithoutRef } from "react";

-export function Logo(props: ComponentPropsWithoutRef<'svg'>) {
+export function Logo(props: ComponentPropsWithoutRef<"svg">) {
 	return (
 		<svg
 			xmlns="http://www.w3.org/2000/svg"
@@ -23,5 +23,5 @@ export function Logo(props: ComponentPropsWithoutRef<'svg'>) {
 				d="M465 211h-1c-18.2 14.6-41.2 24.6-60 39-19 14.2-42.7 29.3-66 34l-4 1c-2.4 1-4 2-7 2h-1q-3.5 2-8 2h-1c-1.3 1.2-3 1.1-5 1h-2q-2.6 1.1-6 1h-2c-3 1.2-6.5 1-10 1-6.3.6-13.8.6-20 0-3.4 0-8.4.9-11-1h-1c-2.2.2-4.5.3-6-1h-1c-2 .2-3.7.2-5-1h-1c-7.6.5-16.5-3.4-23-6l-4-1a129 129 0 0 1-36.2-15.8c-10.4-6.6-23.2-12.8-32.5-20.5-9.2-7.7-23.8-12.8-30.3-22.7h-1c-2.3-1.4-4.5-2.7-6-5h-1c-4-2.5-8.5-5.2-12-8h-9a9 9 0 0 0-6 7c.3 3.3 0 6.7 0 10v9c.2 1.6 1 3.8 1 6v3c.2 1 1.2 2.2 1 4v1c1.2 1.2.8 2.2 1 4 .8 6.7 3 12.6 5 19 1.7 4.3 4.2 9.1 5 14v1q1.8 1.5 2 4v1a36 36 0 0 1 5 10c.7 2 1 3 2 5 8 12.7 15.7 25.5 25.8 37.3 10 11.7 20.8 20.6 32.4 30.4 11.7 9.9 28.3 14 39.8 23.3h1q2.5.3 4 2h1c2.8.4 4.8 2 7 3l7 2c5.7 1.3 13 2.3 18 5h1c2.1-.3 3.6.8 5 1h3c2.8.2 5.8 1 8 2h8c2.1 0 4.6.8 6 1h21c1.2-.2 3.2-1 5-1h9c3.3-1 7-2.4 11-2h1c2.7-2.2 7.4-2.4 11-3a55 55 0 0 0 8-2c6.5-2.6 13.9-6.3 21-8h1c8.5-6.8 20.6-9.7 29.2-16.8 8.7-7 18.3-12.8 26.8-20.2 4.4-3.8 9-9 13-13 14.8-14.8 20.7-34.6 33-50v-1q.9-3.4 3-6v-1q.3-2.5 2-4v-1c.5-3.3 2-8.6 4-11v-1q0-3.5 2-6v-1c1.1-6.7 2.4-15 5-21v-1c-.2-2-.2-3.7 1-5v-8c0-5.3-.5-10.8 0-16a14 14 0 0 0-4-6c-1-.5-1.1-.4-2-1h-6q-2.1 1.5-5 2m-6 38c-2.1 13.4-21.2 20.3-31 30-10 9.5-23.7 19-35 27-11.5 8-25.1 19.7-39 23h-1a22 22 0 0 1-10 4h-1a25 25 0 0 1-12 4h-1q-3.5 2-8 2h-1c-1.1 1.1-2.3 1-4 1h-2c-1.2.4-2.2 1-4 1h-2c-1.8.7-3.6 1.3-6 1h-1c-1.2 1.2-2.3 1-4 1h-5c-5.7.6-12.3.8-18 0h-4c-1.9 0-2.7-.6-4-1h-6c-1.9 0-2.7.3-4-1h-1q-2.5.5-4-1h-1c-8.1.5-16.8-3.6-24.2-5.8S210 329.8 204 325h-1c-12.8-5-27.1-15.6-37.7-24.3S138.8 284.2 131 273c-.3-.2-1 0-1 0-5.7-4.4-16.6-10-19-17-.9-2.6-1-5.4-2-8-.8-2.2-2.5-5-2-8a667 667 0 0 0 88 56h1q3.4.9 6 3h1c2.8.4 4.8 2 7 3q5 1.8 10 3l6 2q2.9.6 6 1 3 .4 5 1c1.6-.2 2 0 3 1h1c2-.2 3.7-.2 5 1h1c2.2-.3 3.4.4 5 1h8c1.6 0 3 .9 4 1h40c1.8-1.3 4.6-1.2 7-1h1c1.2-1.2 3.2-1.2 5-1h1c1.2-1.2 3.2-1.2 5-1h1c1.1-1.1 2.3-1 4-1h2c3.5-1.7 6.9-2.3 11-3l4-1c3.4-1.4 7.1-3 11-4 1.5-.4 2.5-.5 4-1 1.4-.7 2-1.9 4-2h1q2.6-2.1 6-3h1c2.5-2 6-3.8 9-5l3-1c1.4-.9 2-2.5 4-3h1q1.4-2.2 4-3h1c7.3-7.7 19-13.2 27.7-19.3 8.8-6.1 18.2-15 28.3-18.7.4-.2 1 0 1 0q3.8-3.9 9-6c1.3 2.5-.5 6.7-1 10m-20 55c-.2.4 0 1 0 1-3.4 9.6-12.7 19-19 27a88 88 0 0 1-12 12 214 214 0 0 1-26.7 20.3c-9.5 5.8-20 14.8-31.3 16.7h-1a22 22 0 0 1-10 4h-1c-3.2 2.6-8.9 3.3-13 4h-1q-1.5 1.4-4 1h-1q-1.5 1.4-4 1h-1c-4.9 2.3-10.5 1-16 2-1 .2-2.5 1-4 1-6.2.4-12.8.3-19 0-1.8 0-3.8-.8-5-1h-4c-1.6 0-3-.9-4-1h-4c-3.9-.3-8.8-1.3-12-3h-1c-3.3-.5-7.5-1-10-3h-1c-3.6-.1-8.4-1.8-11-4h-1c-3.9-.6-8-2.6-11-5h-1c-16.1-3.8-32.2-18.9-45-29a200 200 0 0 1-40-51c17.7 11.5 35 25.5 52 38h1c4 1.6 12.8 5.4 15 9h1c4.6 1 10.4 4.1 14 7h1q2.5.3 4 2h1c3.3.5 8.6 2 11 4h1q3.5 0 6 2h1q2.5-.5 4 1h1q2.5-.5 4 1h1c3.8-.2 7.9 1 11 2h9c1.6 0 3 .8 4 1h32c1.2-.2 3.2-1 5-1h8a139 139 0 0 1 20-4l5-1c2-.7 3.7-1.5 6-2l4-1c1.5-.6 3-1.7 5-2h1q3-2.4 7-3h1q2.6-2.1 6-3h1c11.7-9.4 27.6-14.6 39-25 11.6-10.3 25-18.5 37-28a15 15 0 0 1-5 10Z"
 			/>
 		</svg>
-	)
+	);
 }
--- a/apps/docs/components/NavLinks.tsx
+++ b/apps/docs/components/NavLinks.tsx
@@ -1,95 +1,95 @@
-import { Menu } from 'lucide-react';
-import { LogIn, UserPlus, Globe, Heart, Github, Rss } from 'lucide-react';
 import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuSeparator,
+	DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Menu } from "lucide-react";
+import { Github, Globe, Heart, LogIn, Rss, UserPlus } from "lucide-react";

 export function NavLinks() {
-  const links = [
-    {
-      text: 'Login',
-      url: 'https://app.dokploy.com/',
-      icon: LogIn,
-    },
-    {
-      text: 'Sign Up',
-      url: 'https://app.dokploy.com/register',
-      icon: UserPlus,
-    },
-    {
-      text: 'Website',
-      url: 'https://dokploy.com',
-      icon: Globe,
-    },
-    {
-      text: 'Discord',
-      url: 'https://discord.com/invite/2tBnJ3jDJc',
-      icon: () => (
-        <svg
-          role="img"
-          className="size-4"
-          fill="currentColor"
-          viewBox="0 0 24 24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <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>
-      ),
-    },
-    {
-      text: 'Support',
-      url: 'https://opencollective.com/dokploy',
-      icon: Heart,
-    },
-    {
-      text: 'Github',
-      url: 'https://github.com/dokploy/dokploy',
-      icon: Github,
-    },
-    {
-      text: 'Blog',
-      url: 'https://dokploy.com/blog',
-      icon: Rss,
-    },
-  ];
+	const links = [
+		{
+			text: "Login",
+			url: "https://app.dokploy.com/",
+			icon: LogIn,
+		},
+		{
+			text: "Sign Up",
+			url: "https://app.dokploy.com/register",
+			icon: UserPlus,
+		},
+		{
+			text: "Website",
+			url: "https://dokploy.com",
+			icon: Globe,
+		},
+		{
+			text: "Discord",
+			url: "https://discord.com/invite/2tBnJ3jDJc",
+			icon: () => (
+				<svg
+					role="img"
+					className="size-4"
+					fill="currentColor"
+					viewBox="0 0 24 24"
+					xmlns="http://www.w3.org/2000/svg"
+				>
+					<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>
+			),
+		},
+		{
+			text: "Support",
+			url: "https://opencollective.com/dokploy",
+			icon: Heart,
+		},
+		{
+			text: "Github",
+			url: "https://github.com/dokploy/dokploy",
+			icon: Github,
+		},
+		{
+			text: "Blog",
+			url: "https://dokploy.com/blog",
+			icon: Rss,
+		},
+	];

-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <button
-          className="inline-flex items-center justify-center rounded-md p-2 hover:bg-fd-accent hover:text-fd-accent-foreground transition-colors"
-          aria-label="Quick links menu"
-        >
-          <Menu className="size-4" />
-        </button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" className="w-56">
-        {links.map((link, index) => {
-          const IconComponent = link.icon;
-          const showSeparator = index === 2;
-          
-          return (
-            <div key={link.text}>
-              <DropdownMenuItem asChild>
-                <a
-                  href={link.url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="flex items-center gap-3 cursor-pointer"
-                >
-                  <IconComponent className="size-4 text-fd-muted-foreground" />
-                  <span>{link.text}</span>
-                </a>
-              </DropdownMenuItem>
-              {showSeparator && <DropdownMenuSeparator />}
-            </div>
-          );
-        })}
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
+	return (
+		<DropdownMenu>
+			<DropdownMenuTrigger asChild>
+				<button
+					className="inline-flex items-center justify-center rounded-md p-2 hover:bg-fd-accent hover:text-fd-accent-foreground transition-colors"
+					aria-label="Quick links menu"
+				>
+					<Menu className="size-4" />
+				</button>
+			</DropdownMenuTrigger>
+			<DropdownMenuContent align="end" className="w-56">
+				{links.map((link, index) => {
+					const IconComponent = link.icon;
+					const showSeparator = index === 2;
+
+					return (
+						<div key={link.text}>
+							<DropdownMenuItem asChild>
+								<a
+									href={link.url}
+									target="_blank"
+									rel="noopener noreferrer"
+									className="flex items-center gap-3 cursor-pointer"
+								>
+									<IconComponent className="size-4 text-fd-muted-foreground" />
+									<span>{link.text}</span>
+								</a>
+							</DropdownMenuItem>
+							{showSeparator && <DropdownMenuSeparator />}
+						</div>
+					);
+				})}
+			</DropdownMenuContent>
+		</DropdownMenu>
+	);
 }
--- a/apps/docs/components/SearchDialog.tsx
+++ b/apps/docs/components/SearchDialog.tsx
@@ -1,54 +1,54 @@
-'use client';
+"use client";

+import { useDocsSearch } from "fumadocs-core/search/client";
 import {
-  SearchDialog,
-  SearchDialogClose,
-  SearchDialogContent,
-  SearchDialogFooter,
-  SearchDialogHeader,
-  SearchDialogIcon,
-  SearchDialogInput,
-  SearchDialogList,
-  SearchDialogOverlay,
-  TagsList,
-  TagsListItem,
-  type SharedProps,
-} from 'fumadocs-ui/components/dialog/search';
-import { useDocsSearch } from 'fumadocs-core/search/client';
-import { useState } from 'react';
+	SearchDialog,
+	SearchDialogClose,
+	SearchDialogContent,
+	SearchDialogFooter,
+	SearchDialogHeader,
+	SearchDialogIcon,
+	SearchDialogInput,
+	SearchDialogList,
+	SearchDialogOverlay,
+	type SharedProps,
+	TagsList,
+	TagsListItem,
+} from "fumadocs-ui/components/dialog/search";
+import { useState } from "react";

 export default function CustomSearchDialog(props: SharedProps) {
-  const [tag, setTag] = useState<string | undefined>('all');
-  // When tag is "all", don't filter by tag (pass undefined)
-  const { search, setSearch, query } = useDocsSearch({
-    type: 'fetch',
-    tag: tag === 'all' ? undefined : tag,
-  });
+	const [tag, setTag] = useState<string | undefined>("all");
+	// When tag is "all", don't filter by tag (pass undefined)
+	const { search, setSearch, query } = useDocsSearch({
+		type: "fetch",
+		tag: tag === "all" ? undefined : tag,
+	});

-  return (
-    <SearchDialog
-      search={search}
-      onSearchChange={setSearch}
-      isLoading={query.isLoading}
-      {...props}
-    >
-      <SearchDialogOverlay />
-      <SearchDialogContent>
-        <SearchDialogHeader>
-          <SearchDialogIcon />
-          <SearchDialogInput />
-          <SearchDialogClose />
-        </SearchDialogHeader>
-        <SearchDialogList items={query.data !== 'empty' ? query.data : null} />
-        <SearchDialogFooter>
-          <TagsList tag={tag} onTagChange={setTag}>
-            <TagsListItem value="all">All</TagsListItem>
-            <TagsListItem value="core">Core</TagsListItem>
-            <TagsListItem value="cli">CLI</TagsListItem>
-            <TagsListItem value="api">API</TagsListItem>
-          </TagsList>
-        </SearchDialogFooter>
-      </SearchDialogContent>
-    </SearchDialog>
-  );
+	return (
+		<SearchDialog
+			search={search}
+			onSearchChange={setSearch}
+			isLoading={query.isLoading}
+			{...props}
+		>
+			<SearchDialogOverlay />
+			<SearchDialogContent>
+				<SearchDialogHeader>
+					<SearchDialogIcon />
+					<SearchDialogInput />
+					<SearchDialogClose />
+				</SearchDialogHeader>
+				<SearchDialogList items={query.data !== "empty" ? query.data : null} />
+				<SearchDialogFooter>
+					<TagsList tag={tag} onTagChange={setTag}>
+						<TagsListItem value="all">All</TagsListItem>
+						<TagsListItem value="core">Core</TagsListItem>
+						<TagsListItem value="cli">CLI</TagsListItem>
+						<TagsListItem value="api">API</TagsListItem>
+					</TagsList>
+				</SearchDialogFooter>
+			</SearchDialogContent>
+		</SearchDialog>
+	);
 }
--- a/apps/docs/components/ui/dropdown-menu.tsx
+++ b/apps/docs/components/ui/dropdown-menu.tsx
@@ -1,257 +1,257 @@
-"use client"
+"use client";

-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import type * as React from "react";

-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";

 function DropdownMenu({
-  ...props
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
+	return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
 }

 function DropdownMenuPortal({
-  ...props
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
-  return (
-    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
-  )
+	return (
+		<DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+	);
 }

 function DropdownMenuTrigger({
-  ...props
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
-  return (
-    <DropdownMenuPrimitive.Trigger
-      data-slot="dropdown-menu-trigger"
-      {...props}
-    />
-  )
+	return (
+		<DropdownMenuPrimitive.Trigger
+			data-slot="dropdown-menu-trigger"
+			{...props}
+		/>
+	);
 }

 function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
+	className,
+	sideOffset = 4,
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
-  return (
-    <DropdownMenuPrimitive.Portal>
-      <DropdownMenuPrimitive.Content
-        data-slot="dropdown-menu-content"
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-          className
-        )}
-        {...props}
-      />
-    </DropdownMenuPrimitive.Portal>
-  )
+	return (
+		<DropdownMenuPrimitive.Portal>
+			<DropdownMenuPrimitive.Content
+				data-slot="dropdown-menu-content"
+				sideOffset={sideOffset}
+				className={cn(
+					"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+					className,
+				)}
+				{...props}
+			/>
+		</DropdownMenuPrimitive.Portal>
+	);
 }

 function DropdownMenuGroup({
-  ...props
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
-  return (
-    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
-  )
+	return (
+		<DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+	);
 }

 function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
+	className,
+	inset,
+	variant = "default",
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean
-  variant?: "default" | "destructive"
+	inset?: boolean;
+	variant?: "default" | "destructive";
 }) {
-  return (
-    <DropdownMenuPrimitive.Item
-      data-slot="dropdown-menu-item"
-      data-inset={inset}
-      data-variant={variant}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
+	return (
+		<DropdownMenuPrimitive.Item
+			data-slot="dropdown-menu-item"
+			data-inset={inset}
+			data-variant={variant}
+			className={cn(
+				"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				className,
+			)}
+			{...props}
+		/>
+	);
 }

 function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
+	className,
+	children,
+	checked,
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
-  return (
-    <DropdownMenuPrimitive.CheckboxItem
-      data-slot="dropdown-menu-checkbox-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      checked={checked}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </DropdownMenuPrimitive.CheckboxItem>
-  )
+	return (
+		<DropdownMenuPrimitive.CheckboxItem
+			data-slot="dropdown-menu-checkbox-item"
+			className={cn(
+				"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				className,
+			)}
+			checked={checked}
+			{...props}
+		>
+			<span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+				<DropdownMenuPrimitive.ItemIndicator>
+					<CheckIcon className="size-4" />
+				</DropdownMenuPrimitive.ItemIndicator>
+			</span>
+			{children}
+		</DropdownMenuPrimitive.CheckboxItem>
+	);
 }

 function DropdownMenuRadioGroup({
-  ...props
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
-  return (
-    <DropdownMenuPrimitive.RadioGroup
-      data-slot="dropdown-menu-radio-group"
-      {...props}
-    />
-  )
+	return (
+		<DropdownMenuPrimitive.RadioGroup
+			data-slot="dropdown-menu-radio-group"
+			{...props}
+		/>
+	);
 }

 function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
+	className,
+	children,
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
-  return (
-    <DropdownMenuPrimitive.RadioItem
-      data-slot="dropdown-menu-radio-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CircleIcon className="size-2 fill-current" />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </DropdownMenuPrimitive.RadioItem>
-  )
+	return (
+		<DropdownMenuPrimitive.RadioItem
+			data-slot="dropdown-menu-radio-item"
+			className={cn(
+				"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				className,
+			)}
+			{...props}
+		>
+			<span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+				<DropdownMenuPrimitive.ItemIndicator>
+					<CircleIcon className="size-2 fill-current" />
+				</DropdownMenuPrimitive.ItemIndicator>
+			</span>
+			{children}
+		</DropdownMenuPrimitive.RadioItem>
+	);
 }

 function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
+	className,
+	inset,
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean
+	inset?: boolean;
 }) {
-  return (
-    <DropdownMenuPrimitive.Label
-      data-slot="dropdown-menu-label"
-      data-inset={inset}
-      className={cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      )}
-      {...props}
-    />
-  )
+	return (
+		<DropdownMenuPrimitive.Label
+			data-slot="dropdown-menu-label"
+			data-inset={inset}
+			className={cn(
+				"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+				className,
+			)}
+			{...props}
+		/>
+	);
 }

 function DropdownMenuSeparator({
-  className,
-  ...props
+	className,
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
-  return (
-    <DropdownMenuPrimitive.Separator
-      data-slot="dropdown-menu-separator"
-      className={cn("bg-border -mx-1 my-1 h-px", className)}
-      {...props}
-    />
-  )
+	return (
+		<DropdownMenuPrimitive.Separator
+			data-slot="dropdown-menu-separator"
+			className={cn("bg-border -mx-1 my-1 h-px", className)}
+			{...props}
+		/>
+	);
 }

 function DropdownMenuShortcut({
-  className,
-  ...props
+	className,
+	...props
 }: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="dropdown-menu-shortcut"
-      className={cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      )}
-      {...props}
-    />
-  )
+	return (
+		<span
+			data-slot="dropdown-menu-shortcut"
+			className={cn(
+				"text-muted-foreground ml-auto text-xs tracking-widest",
+				className,
+			)}
+			{...props}
+		/>
+	);
 }

 function DropdownMenuSub({
-  ...props
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
+	return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
 }

 function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
+	className,
+	inset,
+	children,
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean
+	inset?: boolean;
 }) {
-  return (
-    <DropdownMenuPrimitive.SubTrigger
-      data-slot="dropdown-menu-sub-trigger"
-      data-inset={inset}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto size-4" />
-    </DropdownMenuPrimitive.SubTrigger>
-  )
+	return (
+		<DropdownMenuPrimitive.SubTrigger
+			data-slot="dropdown-menu-sub-trigger"
+			data-inset={inset}
+			className={cn(
+				"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				className,
+			)}
+			{...props}
+		>
+			{children}
+			<ChevronRightIcon className="ml-auto size-4" />
+		</DropdownMenuPrimitive.SubTrigger>
+	);
 }

 function DropdownMenuSubContent({
-  className,
-  ...props
+	className,
+	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
-  return (
-    <DropdownMenuPrimitive.SubContent
-      data-slot="dropdown-menu-sub-content"
-      className={cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      )}
-      {...props}
-    />
-  )
+	return (
+		<DropdownMenuPrimitive.SubContent
+			data-slot="dropdown-menu-sub-content"
+			className={cn(
+				"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+				className,
+			)}
+			{...props}
+		/>
+	);
 }

 export {
-  DropdownMenu,
-  DropdownMenuPortal,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuLabel,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent,
-}
+	DropdownMenu,
+	DropdownMenuPortal,
+	DropdownMenuTrigger,
+	DropdownMenuContent,
+	DropdownMenuGroup,
+	DropdownMenuLabel,
+	DropdownMenuItem,
+	DropdownMenuCheckboxItem,
+	DropdownMenuRadioGroup,
+	DropdownMenuRadioItem,
+	DropdownMenuSeparator,
+	DropdownMenuShortcut,
+	DropdownMenuSub,
+	DropdownMenuSubTrigger,
+	DropdownMenuSubContent,
+};
--- a/apps/docs/content/docs/core/meta.json
+++ b/apps/docs/content/docs/core/meta.json
@@ -38,20 +38,20 @@
 		"auto-deploy",
 		"schedule-jobs",
 		"volume-backups",
-	"providers",
-	"watch-paths",
-	"---Remote Servers---",
-	"remote-servers/index",
-	"remote-servers/instructions",
-	"remote-servers/build-server",
-	"remote-servers/deployments",
-	"remote-servers/security",
-	"remote-servers/validate",
-	"---Guides---",
-	"guides/cloudflare-tunnels",
-	"guides/tailscale",
-	"guides/ec2-instructions",
-	"---Advanced---",
-	"cluster"
-]
+		"providers",
+		"watch-paths",
+		"---Remote Servers---",
+		"remote-servers/index",
+		"remote-servers/instructions",
+		"remote-servers/build-server",
+		"remote-servers/deployments",
+		"remote-servers/security",
+		"remote-servers/validate",
+		"---Guides---",
+		"guides/cloudflare-tunnels",
+		"guides/tailscale",
+		"guides/ec2-instructions",
+		"---Advanced---",
+		"cluster"
+	]
 }
--- a/apps/docs/lib/layout.shared.tsx
+++ b/apps/docs/lib/layout.shared.tsx
@@ -1,19 +1,19 @@
-import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
-import { Logo } from '@/components/Logo';
-import { NavLinks } from '@/components/NavLinks';
+import { Logo } from "@/components/Logo";
+import { NavLinks } from "@/components/NavLinks";
+import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";

 export function baseOptions(): BaseLayoutProps {
-  return {
-    nav: {
-      title: (
-        <div className="flex items-center gap-2">
-          <Logo />
-          <span>Dokploy</span>
-        </div>
-      ),
-      url: 'https://dokploy.com',
-      children: <NavLinks />,
-    },
-    githubUrl: 'https://github.com/Dokploy/dokploy',
-  };
+	return {
+		nav: {
+			title: (
+				<div className="flex items-center gap-2">
+					<Logo />
+					<span>Dokploy</span>
+				</div>
+			),
+			url: "https://dokploy.com",
+			children: <NavLinks />,
+		},
+		githubUrl: "https://github.com/Dokploy/dokploy",
+	};
 }
--- a/apps/docs/lib/source.ts
+++ b/apps/docs/lib/source.ts
@@ -1,35 +1,35 @@
-import { docs } from 'fumadocs-mdx:collections/server';
-import { type InferPageType, loader } from 'fumadocs-core/source';
-import { lucideIconsPlugin } from 'fumadocs-core/source/lucide-icons';
-import { createOpenAPI } from 'fumadocs-openapi/server';
-import { createAPIPage } from 'fumadocs-openapi/ui';
+import { docs } from "fumadocs-mdx:collections/server";
+import { type InferPageType, loader } from "fumadocs-core/source";
+import { lucideIconsPlugin } from "fumadocs-core/source/lucide-icons";
+import { createOpenAPI } from "fumadocs-openapi/server";
+import { createAPIPage } from "fumadocs-openapi/ui";

 // See https://fumadocs.dev/docs/headless/source-api for more info
 export const source = loader({
-  baseUrl: '/docs',
-  source: docs.toFumadocsSource(),
-  plugins: [lucideIconsPlugin()],
+	baseUrl: "/docs",
+	source: docs.toFumadocsSource(),
+	plugins: [lucideIconsPlugin()],
 });

 export const openapi = createOpenAPI({
-  input: ['./public/openapi.json'],
+	input: ["./public/openapi.json"],
 });

 export const APIPage = createAPIPage(openapi);

 export function getPageImage(page: InferPageType<typeof source>) {
-  const segments = [...page.slugs, 'image.png'];
+	const segments = [...page.slugs, "image.png"];

-  return {
-    segments,
-    url: `/og/docs/${segments.join('/')}`,
-  };
+	return {
+		segments,
+		url: `/og/docs/${segments.join("/")}`,
+	};
 }

 export async function getLLMText(page: InferPageType<typeof source>) {
-  const processed = await page.data.getText('processed');
+	const processed = await page.data.getText("processed");

-  return `# ${page.data.title}
+	return `# ${page.data.title}

 ${processed}`;
 }
--- a/apps/docs/lib/utils.ts
+++ b/apps/docs/lib/utils.ts
@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";

 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+	return twMerge(clsx(inputs));
 }
--- a/apps/docs/mdx-components.tsx
+++ b/apps/docs/mdx-components.tsx
@@ -1,28 +1,23 @@
-import defaultMdxComponents from 'fumadocs-ui/mdx';
-import type { MDXComponents } from 'mdx/types';
-import { ImageZoom } from 'fumadocs-ui/components/image-zoom';
-import { Callout } from 'fumadocs-ui/components/callout';
-import { APIPage } from '@/lib/source';
+import { APIPage } from "@/lib/source";
+import { Callout } from "fumadocs-ui/components/callout";
+import { ImageZoom } from "fumadocs-ui/components/image-zoom";
+import defaultMdxComponents from "fumadocs-ui/mdx";
+import type { MDXComponents } from "mdx/types";

 export function getMDXComponents(components?: MDXComponents): MDXComponents {
-  return {
-    ...defaultMdxComponents,
-    ImageZoom,
-    Callout,
-    APIPage,
-    ...components,
-    p: ({ children }) => (
-      <p className="text-[#3E4342] dark:text-muted-foreground">
-        {children}
-      </p>
-    ),
-    li: ({ children, id }) => (
-      <li
-        {...{ id }}
-        className="text-[#3E4342] dark:text-muted-foreground"
-      >
-        {children}
-      </li>
-    ),
-  };
+	return {
+		...defaultMdxComponents,
+		ImageZoom,
+		Callout,
+		APIPage,
+		...components,
+		p: ({ children }) => (
+			<p className="text-[#3E4342] dark:text-muted-foreground">{children}</p>
+		),
+		li: ({ children, id }) => (
+			<li {...{ id }} className="text-[#3E4342] dark:text-muted-foreground">
+				{children}
+			</li>
+		),
+	};
 }
--- a/apps/docs/next.config.mjs
+++ b/apps/docs/next.config.mjs
@@ -1,11 +1,10 @@
-import { createMDX } from 'fumadocs-mdx/next';
+import { createMDX } from "fumadocs-mdx/next";

 const withMDX = createMDX();

 /** @type {import('next').NextConfig} */
 const config = {
-  reactStrictMode: true,
-
+	reactStrictMode: true,
 };

 export default withMDX(config);
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -1,41 +1,41 @@
 {
-  "name": "docs",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "build": "next build",
-    "dev": "next dev",
-    "start": "next start",
-    "types:check": "fumadocs-mdx && tsc --noEmit",
-    "postinstall": "fumadocs-mdx",
-    "fix-openapi": "node scripts/fix-openapi.mjs",
-    "build:docs": "npm run fix-openapi && node generate-docs.mjs"
-  },
-  "dependencies": {
-    "@next/third-parties": "16.0.7",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
-    "fumadocs-core": "16.2.3",
-    "fumadocs-mdx": "14.1.0",
-    "fumadocs-openapi": "10.1.1",
-    "fumadocs-ui": "16.2.3",
-    "lucide-react": "^0.552.0",
-    "next": "16.0.7",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "shiki": "3.19.0",
-    "tailwind-merge": "^2.5.4"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.16",
-    "@types/mdx": "^2.0.13",
-    "@types/node": "^24.10.0",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.16",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "^5.9.3"
-  }
-}
+	"name": "docs",
+	"version": "0.0.0",
+	"private": true,
+	"scripts": {
+		"build": "next build",
+		"dev": "next dev",
+		"start": "next start",
+		"types:check": "fumadocs-mdx && tsc --noEmit",
+		"postinstall": "fumadocs-mdx",
+		"fix-openapi": "node scripts/fix-openapi.mjs",
+		"build:docs": "npm run fix-openapi && node generate-docs.mjs"
+	},
+	"dependencies": {
+		"@next/third-parties": "16.0.7",
+		"@radix-ui/react-dropdown-menu": "^2.1.16",
+		"class-variance-authority": "^0.7.0",
+		"clsx": "^2.1.1",
+		"fumadocs-core": "16.2.3",
+		"fumadocs-mdx": "14.1.0",
+		"fumadocs-openapi": "10.1.1",
+		"fumadocs-ui": "16.2.3",
+		"lucide-react": "^0.552.0",
+		"next": "16.0.7",
+		"react": "^19.2.0",
+		"react-dom": "^19.2.0",
+		"shiki": "3.19.0",
+		"tailwind-merge": "^2.5.4"
+	},
+	"devDependencies": {
+		"@tailwindcss/postcss": "^4.1.16",
+		"@types/mdx": "^2.0.13",
+		"@types/node": "^24.10.0",
+		"@types/react": "^19.2.2",
+		"@types/react-dom": "^19.2.2",
+		"postcss": "^8.5.6",
+		"tailwindcss": "^4.1.16",
+		"tw-animate-css": "^1.4.0",
+		"typescript": "^5.9.3"
+	}
+}
--- a/apps/docs/postcss.config.mjs
+++ b/apps/docs/postcss.config.mjs
@@ -1,5 +1,5 @@
 export default {
-  plugins: {
-    '@tailwindcss/postcss': {},
-  },
+	plugins: {
+		"@tailwindcss/postcss": {},
+	},
 };
--- a/apps/docs/public/openapi.json
+++ b/apps/docs/public/openapi.json
--- a/apps/docs/scripts/fix-openapi.mjs
+++ b/apps/docs/scripts/fix-openapi.mjs
@@ -1,16 +1,16 @@
-import { readFileSync, writeFileSync } from 'fs';
-import { join } from 'path';
+import { readFileSync, writeFileSync } from "fs";
+import { join } from "path";

-const openapiPath = join(process.cwd(), 'public', 'openapi.json');
+const openapiPath = join(process.cwd(), "public", "openapi.json");

-console.log('Fixing OpenAPI schema...');
+console.log("Fixing OpenAPI schema...");

 try {
-	const openapi = JSON.parse(readFileSync(openapiPath, 'utf8'));
+	const openapi = JSON.parse(readFileSync(openapiPath, "utf8"));

 	let fixed = 0;
 	let securityFixed = false;
-	
+
 	// Remove Authorization security scheme and add x-api-key
 	if (!openapi.components) {
 		openapi.components = {};
@@ -18,70 +18,66 @@ try {
 	if (!openapi.components.securitySchemes) {
 		openapi.components.securitySchemes = {};
 	}
-	
+
 	// Remove old Authorization scheme
-	if (openapi.components.securitySchemes['Authorization']) {
-		delete openapi.components.securitySchemes['Authorization'];
+	if (openapi.components.securitySchemes["Authorization"]) {
+		delete openapi.components.securitySchemes["Authorization"];
 		securityFixed = true;
 	}
-	
+
 	// Add x-api-key scheme
-	openapi.components.securitySchemes['x-api-key'] = {
-		type: 'apiKey',
-		in: 'header',
-		name: 'x-api-key',
-		description: 'API key authentication. Use YOUR-GENERATED-API-KEY',
-		'x-default': 'your-key'
+	openapi.components.securitySchemes["x-api-key"] = {
+		type: "apiKey",
+		in: "header",
+		name: "x-api-key",
+		description: "API key authentication. Use YOUR-GENERATED-API-KEY",
+		"x-default": "your-key",
 	};
 	securityFixed = true;
-	
+
 	// Replace global security from Authorization to x-api-key
 	if (openapi.security) {
-		openapi.security = openapi.security.filter(
-			sec => !sec['Authorization']
-		);
+		openapi.security = openapi.security.filter((sec) => !sec["Authorization"]);
 	} else {
 		openapi.security = [];
 	}
-	
-	const hasApiKeySecurity = openapi.security.some(
-		sec => sec['x-api-key']
-	);
+
+	const hasApiKeySecurity = openapi.security.some((sec) => sec["x-api-key"]);
 	if (!hasApiKeySecurity) {
-		openapi.security.push({ 'x-api-key': [] });
+		openapi.security.push({ "x-api-key": [] });
 		securityFixed = true;
 	}
-	
+
 	// Replace Authorization with x-api-key in all operation security
 	for (const [path, pathItem] of Object.entries(openapi.paths || {})) {
 		for (const [method, operation] of Object.entries(pathItem)) {
 			if (operation && operation.security) {
 				// Replace Authorization with x-api-key
-				operation.security = operation.security.map(sec => {
-					if (sec['Authorization'] !== undefined) {
+				operation.security = operation.security.map((sec) => {
+					if (sec["Authorization"] !== undefined) {
 						securityFixed = true;
-						return { 'x-api-key': [] };
+						return { "x-api-key": [] };
 					}
 					return sec;
 				});
 			}
 		}
 	}
-	
+
 	// Fix empty response schemas
 	for (const [path, pathItem] of Object.entries(openapi.paths || {})) {
 		for (const [method, operation] of Object.entries(pathItem)) {
 			if (operation.responses) {
 				for (const [status, response] of Object.entries(operation.responses)) {
-					if (response.content && response.content['application/json']) {
-						const content = response.content['application/json'];
+					if (response.content && response.content["application/json"]) {
+						const content = response.content["application/json"];
 						// Check if schema is completely empty or missing
 						if (Object.keys(content).length === 0 || !content.schema) {
-							response.content['application/json'] = {
+							response.content["application/json"] = {
 								schema: {
-									type: 'object',
-									description: 'Successful response'
-								}
+									type: "object",
+									description: "Successful response",
+								},
 							};
 							fixed++;
 						}
@@ -96,10 +92,9 @@ try {
 		if (fixed > 0) console.log(`✓ Fixed ${fixed} empty response schemas`);
 		if (securityFixed) console.log("✓ Added x-api-key security scheme");
 	} else {
-		console.log('✓ No fixes needed');
+		console.log("✓ No fixes needed");
 	}
 } catch (error) {
-	console.error('Error fixing OpenAPI schema:', error.message);
+	console.error("Error fixing OpenAPI schema:", error.message);
 	process.exit(1);
 }
-
--- a/apps/docs/source.config.ts
+++ b/apps/docs/source.config.ts
@@ -1,27 +1,27 @@
 import {
-  defineConfig,
-  defineDocs,
-  frontmatterSchema,
-  metaSchema,
-} from 'fumadocs-mdx/config';
+	defineConfig,
+	defineDocs,
+	frontmatterSchema,
+	metaSchema,
+} from "fumadocs-mdx/config";

 // You can customise Zod schemas for frontmatter and `meta.json` here
 // see https://fumadocs.dev/docs/mdx/collections
 export const docs = defineDocs({
-  dir: 'content/docs',
-  docs: {
-    schema: frontmatterSchema,
-    postprocess: {
-      includeProcessedMarkdown: true,
-    },
-  },
-  meta: {
-    schema: metaSchema,
-  },
+	dir: "content/docs",
+	docs: {
+		schema: frontmatterSchema,
+		postprocess: {
+			includeProcessedMarkdown: true,
+		},
+	},
+	meta: {
+		schema: metaSchema,
+	},
 });

 export default defineConfig({
-  mdxOptions: {
-    // MDX options
-  },
+	mdxOptions: {
+		// MDX options
+	},
 });
--- a/apps/docs/tsconfig.json
+++ b/apps/docs/tsconfig.json
@@ -1,36 +1,36 @@
 {
-  "compilerOptions": {
-    "baseUrl": ".",
-    "target": "ESNext",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "incremental": true,
-    "paths": {
-      "@/*": ["./*"],
-      "fumadocs-mdx:collections/*": [".source/*"]
-    },
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ]
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts"
-  ],
-  "exclude": ["node_modules"]
+	"compilerOptions": {
+		"baseUrl": ".",
+		"target": "ESNext",
+		"lib": ["dom", "dom.iterable", "esnext"],
+		"allowJs": true,
+		"skipLibCheck": true,
+		"strict": true,
+		"forceConsistentCasingInFileNames": true,
+		"noEmit": true,
+		"esModuleInterop": true,
+		"module": "esnext",
+		"moduleResolution": "bundler",
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"jsx": "react-jsx",
+		"incremental": true,
+		"paths": {
+			"@/*": ["./*"],
+			"fumadocs-mdx:collections/*": [".source/*"]
+		},
+		"plugins": [
+			{
+				"name": "next"
+			}
+		]
+	},
+	"include": [
+		"next-env.d.ts",
+		"**/*.ts",
+		"**/*.tsx",
+		".next/types/**/*.ts",
+		".next/dev/types/**/*.ts"
+	],
+	"exclude": ["node_modules"]
 }