refactor(multi-server): replace executeCommand with execAsyncRemote

apps/dokploy/components/dashboard/settings/servers/add-server.tsx

@@ -18,15 +18,6 @@ import {
 	FormMessage,
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { api } from "@/utils/api";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { PlusIcon } from "lucide-react";
-import { useRouter } from "next/router";
-import { useEffect, useState } from "react";
-import { useForm } from "react-hook-form";
-import { toast } from "sonner";
-import { z } from "zod";
 import {
 	Select,
 	SelectContent,
@@ -36,6 +27,15 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+import { api } from "@/utils/api";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { PlusIcon } from "lucide-react";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
 
 const Schema = z.object({
 	name: z.string().min(1, {

apps/dokploy/components/dashboard/settings/servers/setup-server.tsx

@@ -1,4 +1,14 @@
+import { DateTooltip } from "@/components/shared/date-tooltip";
+import { DialogAction } from "@/components/shared/dialog-action";
+import { StatusTooltip } from "@/components/shared/status-tooltip";
 import { Button } from "@/components/ui/button";
+import {
+	Card,
+	CardContent,
+	CardDescription,
+	CardHeader,
+	CardTitle,
+} from "@/components/ui/card";
 import {
 	Dialog,
 	DialogContent,
@@ -12,17 +22,7 @@ import { useUrl } from "@/utils/hooks/use-url";
 import { RocketIcon, ServerIcon } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
-import { DateTooltip } from "@/components/shared/date-tooltip";
-import { StatusTooltip } from "@/components/shared/status-tooltip";
-import {
-	Card,
-	CardContent,
-	CardDescription,
-	CardHeader,
-	CardTitle,
-} from "@/components/ui/card";
 import { ShowDeployment } from "../../application/deployments/show-deployment";
-import { DialogAction } from "@/components/shared/dialog-action";
 
 interface Props {
 	serverId: string;

apps/dokploy/components/dashboard/settings/servers/show-servers.tsx

@@ -1,12 +1,6 @@
-import { api } from "@/utils/api";
-import { format } from "date-fns";
-import { AddServer } from "./add-server";
-import { KeyIcon, MoreHorizontal, ServerIcon } from "lucide-react";
-import Link from "next/link";
 import { DialogAction } from "@/components/shared/dialog-action";
-import { Button } from "@/components/ui/button";
-import { toast } from "sonner";
 import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
@@ -23,8 +17,14 @@ import {
 	TableHeader,
 	TableRow,
 } from "@/components/ui/table";
-import { SetupServer } from "./setup-server";
+import { api } from "@/utils/api";
+import { format } from "date-fns";
+import { KeyIcon, MoreHorizontal, ServerIcon } from "lucide-react";
+import Link from "next/link";
+import { toast } from "sonner";
 import { TerminalModal } from "../web-server/terminal-modal";
+import { AddServer } from "./add-server";
+import { SetupServer } from "./setup-server";
 export const ShowServers = () => {
 	const { data, refetch } = api.server.all.useQuery();
 	const { mutateAsync } = api.server.remove.useMutation();

apps/dokploy/components/dashboard/settings/web-server.tsx

@@ -124,7 +124,7 @@ export const WebServer = () => {
 									</DropdownMenuItem>
 								</ShowServerMiddlewareConfig>
 
-								<TerminalModal>
+								<TerminalModal serverId={""}>
 									<span>Enter the terminal</span>
 								</TerminalModal>
 							</DropdownMenuGroup>