Add the resource name

src/app/rdp/RdpClient.tsx

@@ -99,6 +99,7 @@ export default function RdpClient({
 }) {
     const t = useTranslations();
     const STORAGE_KEY = "pangolin_rdp_credentials";
+    const resourceName = target?.name?.trim() || null;
 
     const formSchema = z.object({
         username: z.string().min(1, { message: t("usernameRequired") }),
@@ -358,9 +359,15 @@ export default function RdpClient({
                     <PoweredByPangolin />
                     <Card className="w-full">
                         <CardHeader>
-                            <CardTitle>{t("rdpSignInTitle")}</CardTitle>
+                            <CardTitle>
+                                {resourceName
+                                    ? `${t("rdpSignInTitle")} - ${resourceName}`
+                                    : t("rdpSignInTitle")}
+                            </CardTitle>
                             <CardDescription>
-                                {t("rdpSignInDescription")}
+                                {resourceName
+                                    ? `${t("rdpSignInDescription")} (${resourceName})`
+                                    : t("rdpSignInDescription")}
                             </CardDescription>
                         </CardHeader>
                         <CardContent>

src/app/ssh/SshClient.tsx

@@ -72,6 +72,7 @@ export default function SshClient({
 }) {
     const STORAGE_KEY = "pangolin_ssh_credentials";
     const t = useTranslations();
+    const resourceName = target?.name?.trim() || null;
 
     const passwordTabSchema = z.object({
         username: z.string().min(1, { message: t("usernameRequired") }),
@@ -445,9 +446,15 @@ export default function SshClient({
                     <PoweredByPangolin />
                     <Card className="w-full">
                         <CardHeader>
-                            <CardTitle>{t("sshSignInTitle")}</CardTitle>
+                            <CardTitle>
+                                {resourceName
+                                    ? `${t("sshSignInTitle")} - ${resourceName}`
+                                    : t("sshSignInTitle")}
+                            </CardTitle>
                             <CardDescription>
-                                {t("sshSignInDescription")}
+                                {resourceName
+                                    ? `${t("sshSignInDescription")} (${resourceName})`
+                                    : t("sshSignInDescription")}
                             </CardDescription>
                         </CardHeader>
                         <CardContent>

src/app/vnc/VncClient.tsx

@@ -53,6 +53,7 @@ export default function VncClient({
 }) {
     const t = useTranslations();
     const STORAGE_KEY = "pangolin_vnc_credentials";
+    const resourceName = target?.name?.trim() || null;
 
     const formSchema = z.object({
         password: z.string()
@@ -192,9 +193,15 @@ export default function VncClient({
                     <PoweredByPangolin />
                     <Card className="w-full">
                         <CardHeader>
-                            <CardTitle>{t("vncTitle")}</CardTitle>
+                            <CardTitle>
+                                {resourceName
+                                    ? `${t("vncTitle")} - ${resourceName}`
+                                    : t("vncTitle")}
+                            </CardTitle>
                             <CardDescription>
-                                {t("vncSignInDescription")}
+                                {resourceName
+                                    ? `${t("vncSignInDescription")} (${resourceName})`
+                                    : t("vncSignInDescription")}
                             </CardDescription>
                         </CardHeader>
                         <CardContent>