Add internal api get for proxy information

src/app/rdp/RdpClient.tsx

@@ -32,10 +32,14 @@ declare module "react" {
     }
 }
 
+type Target = {
+    ip: string;
+    port: number;
+};
+
 type FormState = {
     username: string;
     password: string;
-    hostname: string;
     domain: string;
     kdcProxyUrl: string;
     pcb: string;
@@ -53,11 +57,16 @@ const isIronError = (error: unknown): error is IronError => {
     );
 };
 
-export default function RdpClient() {
+export default function RdpClient({
+    target,
+    error
+}: {
+    target: Target | null;
+    error: string | null;
+}) {
     const [form, setForm] = useState<FormState>({
-        username: "Administrator",
-        password: "Password123!",
-        hostname: "172.31.3.58:3389",
+        username: "",
+        password: "",
         domain: "",
         kdcProxyUrl: "",
         pcb: "",
@@ -214,11 +223,15 @@ export default function RdpClient() {
             );
         }
 
+        const destination = target
+            ? `${target.ip}:${target.port}`
+            : "";
+
         const builder = userInteraction
             .configBuilder()
             .withUsername(form.username)
             .withPassword(form.password)
-            .withDestination(form.hostname)
+            .withDestination(destination)
             .withProxyAddress(
                 `${window.location.protocol === "https:" ? "wss" : "ws"}://${window.location.host}/gateway/rdp`
             )
@@ -283,6 +296,14 @@ export default function RdpClient() {
         setCursorOverrideActive((v) => !v);
     };
 
+    if (error) {
+        return (
+            <div className="min-h-screen bg-background flex items-center justify-center">
+                <p className="text-destructive">{error}</p>
+            </div>
+        );
+    }
+
     return (
         <div className="min-h-screen bg-background">
             {showLogin && (
@@ -292,15 +313,6 @@ export default function RdpClient() {
                     </h1>
 
                     <div className="space-y-4">
-                        <Field label="Hostname" id="hostname">
-                            <Input
-                                id="hostname"
-                                value={form.hostname}
-                                onChange={(e) =>
-                                    update("hostname", e.target.value)
-                                }
-                            />
-                        </Field>
                         <Field label="Domain" id="domain">
                             <Input
                                 id="domain"

src/app/rdp/page.tsx

@@ -1,3 +1,7 @@
+import { headers } from "next/headers";
+import { internal } from "@app/lib/api";
+import { AxiosResponse } from "axios";
+import { GetBrowserTargetResponse } from "@server/routers/resource";
 import RdpClient from "./RdpClient";
 
 export const dynamic = "force-dynamic";
@@ -6,6 +10,22 @@ export const metadata = {
     title: "RDP Test"
 };
 
-export default function RdpPage() {
-    return <RdpClient />;
+export default async function RdpPage() {
+    const headersList = await headers();
+    const host = headersList.get("host") || "";
+    const hostname = host.split(":")[0];
+
+    let target: { ip: string; port: number } | null = null;
+    let error: string | null = null;
+
+    try {
+        const res = await internal.get<AxiosResponse<GetBrowserTargetResponse>>(
+            `/resource/browser-target?fullDomain=${encodeURIComponent(hostname)}`
+        );
+        target = res.data.data;
+    } catch {
+        error = "No resource found for this domain";
+    }
+
+    return <RdpClient target={target} error={error} />;
 }