+
{
form.setValue(
"autoUpdateOverrideOrg",
diff --git a/src/app/admin/idp/create/page.tsx b/src/app/admin/idp/create/page.tsx
index 6e3270a55..bbe45c87a 100644
--- a/src/app/admin/idp/create/page.tsx
+++ b/src/app/admin/idp/create/page.tsx
@@ -243,10 +243,8 @@ export default function Page() {
onCheckedChange={(checked) => {
form.setValue("autoProvision", checked);
}}
+ description={t("idpAutoProvisionConfigureAfterCreate")}
/>
-
- {t("idpAutoProvisionConfigureAfterCreate")}
-
diff --git a/src/app/globals.css b/src/app/globals.css
index b42bf3dab..65e21806b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -22,7 +22,7 @@
--accent-foreground: oklch(0.21 0.006 285.885);
--destructive: oklch(0.577 0.245 27.325);
--destructive-foreground: oklch(0.985 0 0);
- --border: oklch(0.88 0.004 286.32);
+ --border: oklch(0.92 0.004 286.32);
--input: oklch(0.88 0.004 286.32);
--ring: oklch(0.705 0.213 47.604);
--chart-1: oklch(0.646 0.222 41.116);
@@ -57,7 +57,7 @@
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.5382 0.1949 22.216);
--destructive-foreground: oklch(0.985 0 0);
- --border: oklch(1 0 0 / 15%);
+ --border: oklch(1 0 0 / 8%);
--input: oklch(1 0 0 / 18%);
--ring: oklch(0.646 0.222 41.116);
--chart-1: oklch(0.488 0.243 264.376);
diff --git a/src/app/navigation.tsx b/src/app/navigation.tsx
index 566d17d0d..bf954a5cb 100644
--- a/src/app/navigation.tsx
+++ b/src/app/navigation.tsx
@@ -137,7 +137,7 @@ export const orgNavSections = (
}
]
},
- ...(build !== "oss"
+ ...(!env?.flags.disableEnterpriseFeatures
? [
{
title: "sidebarPolicies",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f6f30276a..188089bda 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -86,7 +86,7 @@ export default async function Page(props: {
targetOrgId = lastOrgCookie;
} else {
let ownedOrg = orgs.find((org) => org.isOwner);
- let primaryOrg = orgs.find((org) => org.isPrimaryOrg);
+ const primaryOrg = orgs.find((org) => org.isPrimaryOrg);
if (!ownedOrg) {
if (primaryOrg) {
ownedOrg = primaryOrg;
diff --git a/src/app/private-maintenance-screen/page.tsx b/src/app/private-maintenance-screen/page.tsx
index 3f7959206..5e890e96a 100644
--- a/src/app/private-maintenance-screen/page.tsx
+++ b/src/app/private-maintenance-screen/page.tsx
@@ -16,9 +16,9 @@ export const metadata: Metadata = {
export default async function MaintenanceScreen() {
const t = await getTranslations();
- let title = t("privateMaintenanceScreenTitle");
- let message = t("privateMaintenanceScreenMessage");
- let steps = t("privateMaintenanceScreenSteps");
+ const title = t("privateMaintenanceScreenTitle");
+ const message = t("privateMaintenanceScreenMessage");
+ const steps = t("privateMaintenanceScreenSteps");
return (
diff --git a/src/app/rdp/RdpClient.tsx b/src/app/rdp/RdpClient.tsx
index d4b708fbf..03162ddd8 100644
--- a/src/app/rdp/RdpClient.tsx
+++ b/src/app/rdp/RdpClient.tsx
@@ -1,9 +1,19 @@
"use client";
import { useEffect, useRef, useState } from "react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import { Button } from "@app/components/ui/button";
+import { Input } from "@app/components/ui/input";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage
+} from "@app/components/ui/form";
import { toast } from "@app/hooks/useToast";
import type {
UserInteraction,
@@ -22,7 +32,10 @@ import {
CardTitle,
CardDescription
} from "@app/components/ui/card";
-import Link from "next/link";
+import { Alert, AlertDescription } from "@app/components/ui/alert";
+import BrandedAuthSurface from "@app/components/BrandedAuthSurface";
+import PoweredByPangolin from "@app/components/PoweredByPangolin";
+import { useTranslations } from "next-intl";
declare module "react" {
namespace JSX {
@@ -40,7 +53,7 @@ declare module "react" {
}
}
-type FormState = {
+type RdpCredentialsForm = {
username: string;
password: string;
domain: string;
@@ -49,6 +62,23 @@ type FormState = {
enableClipboard: boolean;
};
+function loadStoredCredentials(key: string): RdpCredentialsForm {
+ try {
+ const saved = localStorage.getItem(key);
+ if (saved) return JSON.parse(saved) as RdpCredentialsForm;
+ } catch {
+ // ignore
+ }
+ return {
+ username: "",
+ password: "",
+ domain: "",
+ kdcProxyUrl: "",
+ pcb: "",
+ enableClipboard: true
+ };
+}
+
const isIronError = (error: unknown): error is IronError => {
return (
typeof error === "object" &&
@@ -60,33 +90,35 @@ const isIronError = (error: unknown): error is IronError => {
export default function RdpClient({
target,
- error
+ error,
+ primaryColor
}: {
target: GetBrowserTargetResponse | null;
error: string | null;
+ primaryColor?: string | null;
}) {
+ const t = useTranslations();
const STORAGE_KEY = "pangolin_rdp_credentials";
+ const resourceName = target?.name?.trim() || null;
- const [form, setForm] = useState
(() => {
- try {
- const saved = localStorage.getItem(STORAGE_KEY);
- if (saved) return JSON.parse(saved) as FormState;
- } catch {
- // ignore
- }
- return {
- username: "",
- password: "",
- domain: "",
- kdcProxyUrl: "",
- pcb: "",
- enableClipboard: true
- };
+ const formSchema = z.object({
+ username: z.string().min(1, { message: t("usernameRequired") }),
+ password: z.string().min(1, { message: t("passwordRequired") }),
+ domain: z.string(),
+ kdcProxyUrl: z.string(),
+ pcb: z.string(),
+ enableClipboard: z.boolean()
+ });
+
+ const form = useForm({
+ resolver: zodResolver(formSchema),
+ defaultValues: loadStoredCredentials(STORAGE_KEY)
});
const [showLogin, setShowLogin] = useState(true);
const [moduleReady, setModuleReady] = useState(false);
const [connecting, setConnecting] = useState(false);
+ const [submitError, setSubmitError] = useState(null);
const [unicodeMode, setUnicodeMode] = useState(false);
const [cursorOverrideActive, setCursorOverrideActive] = useState(false);
@@ -138,7 +170,7 @@ export default function RdpClient({
console.error("Failed to load iron-remote-desktop modules", err);
toast({
variant: "destructive",
- title: "Failed to load RDP module",
+ title: t("rdpFailedToLoadModule"),
description: `${err}`
});
});
@@ -160,25 +192,17 @@ export default function RdpClient({
el.addEventListener("ready", onReady);
};
- const update = (key: K, value: FormState[K]) => {
- setForm((prev) => ({ ...prev, [key]: value }));
- };
-
- const startSession = async () => {
+ const startSession = async (values: RdpCredentialsForm) => {
setConnecting(true);
const userInteraction = userInteractionRef.current;
const exts = extensionsRef.current;
if (!userInteraction || !exts) {
setConnecting(false);
- toast({
- variant: "destructive",
- title: "Not ready",
- description: "RDP module is still initializing"
- });
+ setSubmitError(t("rdpModuleInitializing"));
return;
}
- userInteraction.setEnableClipboard(form.enableClipboard);
+ userInteraction.setEnableClipboard(values.enableClipboard);
// Dispose any previous session's provider and create a fresh one so
// there is no stale upload state from a prior connection.
@@ -193,7 +217,9 @@ export default function RdpClient({
const downloadable = files.filter((f) => !f.isDirectory);
if (downloadable.length === 0) return;
toast({
- title: `Downloading ${downloadable.length} file(s) from remote…`
+ title: t("rdpDownloadingFiles", {
+ count: downloadable.length
+ })
});
for (let i = 0; i < files.length; i++) {
const file = files[i];
@@ -211,7 +237,9 @@ export default function RdpClient({
.catch((err) => {
toast({
variant: "destructive",
- title: `Download failed: ${file.name}`,
+ title: t("rdpDownloadFailed", {
+ fileName: file.name
+ }),
description: `${err}`
});
});
@@ -220,7 +248,7 @@ export default function RdpClient({
// Notify when individual uploads complete (remote pasted a file).
fileTransfer.on("upload-complete", (file: File) => {
- toast({ title: `Uploaded: ${file.name}` });
+ toast({ title: t("rdpUploaded", { fileName: file.name }) });
});
// Register with the web component so CLIPRDR extensions are
@@ -232,11 +260,7 @@ export default function RdpClient({
if (!target) {
setConnecting(false);
- toast({
- variant: "destructive",
- title: "No target",
- description: "No connection target available"
- });
+ setSubmitError(t("rdpNoConnectionTarget"));
return;
}
@@ -244,13 +268,13 @@ export default function RdpClient({
const builder = userInteraction
.configBuilder()
- .withUsername(form.username)
- .withPassword(form.password)
+ .withUsername(values.username)
+ .withPassword(values.password)
.withDestination(destination)
.withProxyAddress(
`${window.location.protocol === "https:" ? "wss" : "ws"}://${window.location.host}/gateway/rdp`
)
- .withServerDomain(form.domain)
+ .withServerDomain(values.domain)
.withAuthToken(target.authToken)
.withDesktopSize({
width: window.innerWidth,
@@ -258,18 +282,18 @@ export default function RdpClient({
})
.withExtension(exts.displayControl(true));
- if (form.pcb !== "") {
- builder.withExtension(exts.preConnectionBlob(form.pcb));
+ if (values.pcb !== "") {
+ builder.withExtension(exts.preConnectionBlob(values.pcb));
}
- if (form.kdcProxyUrl !== "") {
- builder.withExtension(exts.kdcProxyUrl(form.kdcProxyUrl));
+ if (values.kdcProxyUrl !== "") {
+ builder.withExtension(exts.kdcProxyUrl(values.kdcProxyUrl));
}
try {
const sessionInfo = await userInteraction.connect(builder.build());
try {
- localStorage.setItem(STORAGE_KEY, JSON.stringify(form));
+ localStorage.setItem(STORAGE_KEY, JSON.stringify(values));
} catch {
// ignore
}
@@ -285,21 +309,18 @@ export default function RdpClient({
setConnecting(false);
setShowLogin(true);
if (isIronError(err)) {
- toast({
- variant: "destructive",
- title: "Connection failed",
- description: err.backtrace()
- });
+ setSubmitError(err.backtrace());
} else {
- toast({
- variant: "destructive",
- title: "Connection failed",
- description: `${err}`
- });
+ setSubmitError(`${err}`);
}
}
};
+ const onSubmit = (values: RdpCredentialsForm) => {
+ setSubmitError(null);
+ startSession(values);
+ };
+
const ui = () => userInteractionRef.current;
const toggleCursorKind = () => {
@@ -315,133 +336,114 @@ export default function RdpClient({
if (error) {
return (
-
-
-
- Powered by{" "}
-
- Pangolin
-
-
-
+
+
- RDP
+ {t("rdpTitle")}
- {error}
+
+ {error}
+
- ui()?.setScale(1)}
>
- Fit
+ {t("rdpFit")}
{/*
@@ -554,20 +559,3 @@ export default function RdpClient({
);
}
-
-function Field({
- label,
- id,
- children
-}: {
- label: string;
- id: string;
- children: React.ReactNode;
-}) {
- return (
-
-
- {children}
-
- );
-}
diff --git a/src/app/rdp/page.tsx b/src/app/rdp/page.tsx
index 368d2f477..b7190b428 100644
--- a/src/app/rdp/page.tsx
+++ b/src/app/rdp/page.tsx
@@ -1,40 +1,33 @@
-import { headers } from "next/headers";
-import { priv } from "@app/lib/api";
-import { AxiosResponse } from "axios";
-import { GetBrowserTargetResponse } from "@server/routers/browserGatewayTarget";
+import { generateBrowserGatewayMetadata } from "@app/lib/browserGatewayMetadata";
+import { getBrowserTargetForRequest } from "@app/lib/getBrowserTargetForRequest";
+import { loadOrgLoginPageBranding } from "@app/lib/loadOrgLoginPageBranding";
import RdpClient from "./RdpClient";
import AuthFooter from "@app/components/AuthFooter";
+import { getTranslations } from "next-intl/server";
export const dynamic = "force-dynamic";
-export const metadata = {
- title: "RDP"
-};
+export async function generateMetadata() {
+ return generateBrowserGatewayMetadata("RDP");
+}
export default async function RdpPage() {
- const headersList = await headers();
- const host = headersList.get("host") || "";
- const hostname = host.split(":")[0];
-
- let target: GetBrowserTargetResponse | null = null;
- let error: string | null = null;
-
- try {
- const res = await priv.get>(
- `/resource/browser-target?fullDomain=${encodeURIComponent(hostname)}`
- );
- target = res.data.data;
- console.log("Fetched browser target:", target);
- } catch (error) {
- console.error("Error fetching browser target:", error);
- error = "No resource found for this domain";
- }
+ const t = await getTranslations();
+ const { target } = await getBrowserTargetForRequest();
+ const error = target ? null : t("browserGatewayNoResourceForDomain");
+ const { primaryColor } = target
+ ? await loadOrgLoginPageBranding(target.orgId)
+ : { primaryColor: null };
return (
diff --git a/src/app/ssh/SshClient.tsx b/src/app/ssh/SshClient.tsx
index bf899887f..9ffdf53ce 100644
--- a/src/app/ssh/SshClient.tsx
+++ b/src/app/ssh/SshClient.tsx
@@ -2,10 +2,19 @@
import "@xterm/xterm/css/xterm.css";
import { useEffect, useRef, useState } from "react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+import { Button } from "@app/components/ui/button";
+import { Input } from "@app/components/ui/input";
+import { Textarea } from "@app/components/ui/textarea";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage
+} from "@app/components/ui/form";
import { GetBrowserTargetResponse } from "@server/routers/browserGatewayTarget";
import {
Card,
@@ -15,15 +24,17 @@ import {
CardDescription
} from "@app/components/ui/card";
import Link from "next/link";
-import { ExternalLink, Loader2, AlertCircle } from "lucide-react";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { cn } from "@app/lib/cn";
+import { ExternalLink, Loader2 } from "lucide-react";
+import { Alert, AlertDescription } from "@app/components/ui/alert";
+import { HorizontalTabs } from "@app/components/HorizontalTabs";
import type { SignSshKeyResponse } from "@server/routers/ssh/types";
import { useTranslations } from "next-intl";
+import BrandedAuthSurface from "@app/components/BrandedAuthSurface";
+import PoweredByPangolin from "@app/components/PoweredByPangolin";
type AuthTab = "password" | "privateKey";
-type FormState = {
+type SshCredentialsForm = {
username: string;
password: string;
privateKey: string;
@@ -36,32 +47,46 @@ type ConnectCredentials = {
certificate?: string;
};
+function loadStoredCredentials(key: string): SshCredentialsForm {
+ try {
+ const saved = localStorage.getItem(key);
+ if (saved) return JSON.parse(saved) as SshCredentialsForm;
+ } catch {
+ // ignore
+ }
+ return { username: "", password: "", privateKey: "" };
+}
+
export default function SshClient({
target,
error,
signedKeyData,
- privateKey: signedPrivateKey
+ privateKey: signedPrivateKey,
+ primaryColor
}: {
target: GetBrowserTargetResponse | null;
error: string | null;
signedKeyData?: SignSshKeyResponse | null;
privateKey?: string | null;
+ primaryColor?: string | null;
}) {
const STORAGE_KEY = "pangolin_ssh_credentials";
+ const t = useTranslations();
+ const resourceName = target?.name?.trim() || null;
- const [form, setForm] = useState
(() => {
- try {
- const saved = localStorage.getItem(STORAGE_KEY);
- if (saved) return JSON.parse(saved) as FormState;
- } catch {
- // ignore
- }
- return { username: "", password: "", privateKey: "" };
+ const passwordTabSchema = z.object({
+ username: z.string().min(1, { message: t("usernameRequired") }),
+ password: z.string().min(1, { message: t("passwordRequired") })
});
- const t = useTranslations();
+ const privateKeyTabSchema = z.object({
+ username: z.string().min(1, { message: t("usernameRequired") }),
+ privateKey: z.string().min(1, { message: t("sshPrivateKeyRequired") })
+ });
- const [authTab, setAuthTab] = useState("password");
+ const form = useForm({
+ defaultValues: loadStoredCredentials(STORAGE_KEY)
+ });
function handleKeyFile(e: React.ChangeEvent) {
const file = e.target.files?.[0];
@@ -70,11 +95,10 @@ export default function SshClient({
reader.onload = (ev) => {
const text = ev.target?.result;
if (typeof text === "string") {
- setForm((prev) => ({ ...prev, privateKey: text }));
+ form.setValue("privateKey", text, { shouldDirty: true });
}
};
reader.readAsText(file);
- // Reset input so the same file can be re-selected if needed.
e.target.value = "";
}
@@ -126,14 +150,12 @@ export default function SshClient({
xtermRef.current = terminal;
fitAddonRef.current = fitAddon;
- // Send user keystrokes to the WebSocket.
terminal.onData((data) => {
if (wsRef.current?.readyState === WebSocket.OPEN) {
wsRef.current.send(JSON.stringify({ type: "data", data }));
}
});
- // Send resize events.
terminal.onResize(({ cols, rows }) => {
if (wsRef.current?.readyState === WebSocket.OPEN) {
wsRef.current.send(
@@ -142,7 +164,6 @@ export default function SshClient({
}
});
- // Send the initial size once the terminal is rendered.
const { cols, rows } = terminal;
if (wsRef.current?.readyState === WebSocket.OPEN) {
wsRef.current.send(
@@ -156,14 +177,12 @@ export default function SshClient({
};
}, [connected]);
- // Refit terminal when the window resizes.
useEffect(() => {
const onResize = () => fitAddonRef.current?.fit();
window.addEventListener("resize", onResize);
return () => window.removeEventListener("resize", onResize);
}, []);
- // Cleanup on unmount.
useEffect(() => {
return () => {
wsRef.current?.close();
@@ -171,7 +190,6 @@ export default function SshClient({
};
}, []);
- // Auto-connect when signed key data is provided (push PAM mode).
useEffect(() => {
if (signedKeyData && signedPrivateKey && target) {
connect({
@@ -180,11 +198,12 @@ export default function SshClient({
certificate: signedKeyData.certificate
});
}
- // eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
- function connect(override?: ConnectCredentials) {
- setConnectError(null);
+ function connect(
+ override?: ConnectCredentials,
+ authMethod: AuthTab = "password"
+ ) {
setConnecting(true);
if (!target) {
@@ -193,12 +212,14 @@ export default function SshClient({
return;
}
- const username = override?.username ?? form.username;
+ const values = form.getValues();
+ const username = override?.username ?? values.username;
const password =
- override?.password ?? (authTab === "password" ? form.password : "");
+ override?.password ??
+ (authMethod === "password" ? values.password : "");
const privateKey =
override?.privateKey ??
- (authTab === "privateKey" ? form.privateKey : "");
+ (authMethod === "privateKey" ? values.privateKey : "");
const certificate = override?.certificate;
const proxyAddress = `${window.location.protocol === "https:" ? "wss" : "ws"}://${window.location.host}/gateway/ssh`;
@@ -217,16 +238,10 @@ export default function SshClient({
const ws = new WebSocket(url.toString(), ["ssh"]);
wsRef.current = ws;
- // Track whether the server has confirmed auth by sending the first
- // data frame. Until then, errors are shown in the login form.
let authConfirmed = false;
let authErrorShown = false;
ws.onopen = () => {
- // Send credentials as the first frame so the proxy can complete
- // SSH authentication before piping pty data. Stay in "connecting"
- // state until the server responds — this prevents the flash to the
- // terminal page that would occur if we set connected=true here.
ws.send(
JSON.stringify({
type: "auth",
@@ -237,7 +252,10 @@ export default function SshClient({
);
if (!override) {
try {
- localStorage.setItem(STORAGE_KEY, JSON.stringify(form));
+ localStorage.setItem(
+ STORAGE_KEY,
+ JSON.stringify(form.getValues())
+ );
} catch {
// ignore
}
@@ -261,7 +279,6 @@ export default function SshClient({
xtermRef.current?.write(msg.data);
} else if (msg.type === "error") {
if (!authConfirmed) {
- // Auth-phase error — show in the login form.
authErrorShown = true;
setConnecting(false);
setConnectError(
@@ -269,7 +286,7 @@ export default function SshClient({
);
} else {
xtermRef.current?.writeln(
- `\r\n\x1b[31mError: ${msg.error}\x1b[0m\r\n`
+ `\r\n\x1b[31m${t("sshTerminalError", { error: msg.error ?? "" })}\x1b[0m\r\n`
);
}
}
@@ -282,13 +299,13 @@ export default function SshClient({
xtermRef.current?.write(evt.data);
}
} else if (evt.data instanceof Blob) {
- evt.data.text().then((t) => {
+ evt.data.text().then((text) => {
if (!authConfirmed) {
authConfirmed = true;
setConnecting(false);
setConnected(true);
}
- xtermRef.current?.write(t);
+ xtermRef.current?.write(text);
});
}
};
@@ -304,11 +321,9 @@ export default function SshClient({
if (authConfirmed) {
setConnected(false);
xtermRef.current?.writeln(
- `\r\n\x1b[33mConnection closed (code ${evt.code})\x1b[0m\r\n`
+ `\r\n\x1b[33m${t("sshConnectionClosedCode", { code: evt.code })}\x1b[0m\r\n`
);
}
- // If auth was never confirmed the login form is already visible;
- // a generic error is shown only when no specific error was received.
if (!authConfirmed && !authErrorShown) {
setConnectError(t("sshErrorConnectionClosed"));
}
@@ -322,7 +337,40 @@ export default function SshClient({
setConnected(false);
}
- // In push mode, show a connecting/connected state without the login form.
+ function applyTabSchemaErrors(
+ schema: z.ZodObject,
+ values: SshCredentialsForm
+ ) {
+ form.clearErrors();
+ const result = schema.safeParse(values);
+ if (result.success) return true;
+ for (const issue of result.error.issues) {
+ const field = issue.path[0];
+ if (typeof field === "string") {
+ form.setError(field as keyof SshCredentialsForm, {
+ message: issue.message
+ });
+ }
+ }
+ return false;
+ }
+
+ function onPasswordSubmit(e: React.FormEvent) {
+ e.preventDefault();
+ setConnectError(null);
+ const values = form.getValues();
+ if (!applyTabSchemaErrors(passwordTabSchema, values)) return;
+ connect(undefined, "password");
+ }
+
+ function onPrivateKeySubmit(e: React.FormEvent) {
+ e.preventDefault();
+ setConnectError(null);
+ const values = form.getValues();
+ if (!applyTabSchemaErrors(privateKeyTabSchema, values)) return;
+ connect(undefined, "privateKey");
+ }
+
if (signedKeyData && signedPrivateKey) {
return (
<>
@@ -351,7 +399,6 @@ export default function SshClient({
variant="destructive"
className="w-full"
>
-
{connectError}
@@ -376,202 +423,202 @@ export default function SshClient({
if (error) {
return (
-
-
-
- {t("sshPoweredBy")}{" "}
-
- Pangolin
-
-
-
+
+
{t("sshTitle")}
- {error}
+
+ {error}
+
-
-
-
- {t("sshPoweredBy")}{" "}
-
- Pangolin
-
-
-
+
+
- {t("sshSignInTitle")}
+
+ {resourceName
+ ? `${t("sshSignInTitle")} - ${resourceName}`
+ : t("sshSignInTitle")}
+
- {t("sshSignInDescription")}
+ {resourceName
+ ? `${t("sshSignInDescription")} (${resourceName})`
+ : t("sshSignInDescription")}
- {/* Tab row */}
-
- {(["password", "privateKey"] as const).map(
- (tab) => (
-
- )
- )}
-
-
- {authTab === "password" && (
-
-
-
- setForm({
- ...form,
- username: e.target.value
- })
- }
- placeholder="root"
- />
-
-
-
- setForm({
- ...form,
- password: e.target.value
- })
- }
- />
-
-
- )}
-
- {authTab === "privateKey" && (
-
-
- {t("sshPrivateKeyDisclaimer")}{" "}
-
- {t("sshLearnMore")}
-
-
-
-
-
- setForm({
- ...form,
- username: e.target.value
- })
- }
- placeholder="root"
- />
-
-
-