Add initial advantech install commands

src/components/newt-install-commands.tsx

@@ -10,7 +10,14 @@ import {
 import { CheckboxWithLabel } from "./ui/checkbox";
 import { OptionSelect, type OptionSelectOption } from "./OptionSelect";
 import { useState } from "react";
-import { FaApple, FaCubes, FaDocker, FaLinux, FaWindows } from "react-icons/fa";
+import {
+    FaApple,
+    FaCubes,
+    FaDocker,
+    FaHdd,
+    FaLinux,
+    FaWindows
+} from "react-icons/fa";
 import { SiKubernetes, SiNixos } from "react-icons/si";
 
 export type CommandItem = string | { title: string; command: string };
@@ -20,6 +27,7 @@ const PLATFORMS = [
     "macos",
     "docker",
     "kubernetes",
+    "advantech",
     "podman",
     "nixos",
     "windows"
@@ -49,6 +57,7 @@ export function NewtSiteInstallCommands({
         () => getArchitectures(platform)[0]
     );
 
+    const showSiteConfiguration = platform !== "advantech";
     const supportsSshOption = platform === "linux" || platform === "nixos";
 
     const acceptClientsFlag = !acceptClients ? " --disable-clients" : "";
@@ -193,6 +202,9 @@ sudo systemctl enable --now newt`
   --set-string newtInstances[0].auth.existingSecretName="newt-main-tunnel-auth"${acceptClientsHelmValue}`
             ]
         },
+        advantech: {
+            Documentation: []
+        },
         podman: {
             "Podman Quadlet": [
                 `[Unit]
@@ -270,6 +282,7 @@ WantedBy=default.target`
                     className="mt-4"
                 />
 
+                {showSiteConfiguration && (
                     <div className="pt-4">
                         <p className="font-semibold mb-3">
                             {t("siteConfiguration")}
@@ -314,6 +327,7 @@ WantedBy=default.target`
                             </>
                         )}
                     </div>
+                )}
 
                 <div className="pt-4">
                     <p className="font-semibold mb-3">{t("commands")}</p>
@@ -332,6 +346,20 @@ WantedBy=default.target`
                             .
                         </p>
                     )}
+                    {platform === "advantech" && (
+                        <p className="text-sm text-muted-foreground mb-3">
+                            For Advantech modem installation instructions, see{" "}
+                            <a
+                                href="https://docs.pangolin.net/manage/sites/install-advantech"
+                                target="_blank"
+                                rel="noreferrer"
+                                className="underline"
+                            >
+                                docs.pangolin.net/manage/sites/install-advantech
+                            </a>
+                            .
+                        </p>
+                    )}
                     <div className="mt-2 space-y-3">
                         {commands.map((item, index) => {
                             const commandText =
@@ -376,6 +404,8 @@ function getPlatformIcon(platformName: Platform) {
             return <FaDocker className="h-4 w-4 mr-2" />;
         case "kubernetes":
             return <SiKubernetes className="h-4 w-4 mr-2" />;
+        case "advantech":
+            return <FaHdd className="h-4 w-4 mr-2" />;
         case "podman":
             return <FaCubes className="h-4 w-4 mr-2" />;
         case "nixos":
@@ -397,6 +427,8 @@ function getPlatformName(platformName: Platform) {
             return "Docker";
         case "kubernetes":
             return "Kubernetes";
+        case "advantech":
+            return "Advantech";
         case "podman":
             return "Podman";
         case "nixos":
@@ -418,6 +450,8 @@ function getArchitectures(platform: Platform) {
             return ["Docker Compose", "Docker Run"];
         case "kubernetes":
             return ["Helm Chart"];
+        case "advantech":
+            return ["Documentation"];
         case "podman":
             return ["Podman Quadlet", "Podman Run"];
         case "nixos":