[KM-571] [DED][FE] Fix Deployment Interview Page

server.js

@@ -25,8 +25,8 @@ const MIME = {
   ".webp": "image/webp",
 };
 
-console.log(`Starting server on port ${PORT}`);
-console.log(`Backend URL: ${BACKEND_URL || "(not set)"}`);
+// console.log(`Starting server on port ${PORT}`);
+// console.log(`Backend URL: ${BACKEND_URL || "(not set)"}`);
 
 const server = http.createServer((req, res) => {
   const parsed = url.parse(req.url);
@@ -77,6 +77,16 @@ const server = http.createServer((req, res) => {
       return;
     }
     const ext = path.extname(filePath).toLowerCase();
+    if (ext === ".html") {
+      const envScript = `<script>window.__ENV__ = ${JSON.stringify({
+        VITE_ORCHESTRATION_API_BASE_URL: process.env.VITE_ORCHESTRATION_API_BASE_URL || "",
+        VITE_AGENTIC_API_BASE_URL:       process.env.VITE_AGENTIC_API_BASE_URL       || "",
+      })};</script>`;
+      const modified = data.toString("utf8").replace("</head>", `${envScript}</head>`);
+      res.writeHead(200, { "Content-Type": "text/html" });
+      res.end(modified);
+      return;
+    }
     res.writeHead(200, { "Content-Type": MIME[ext] || "application/octet-stream" });
     res.end(data);
   });

src/env.ts

@@ -0,0 +1,16 @@
+declare global {
+  interface Window {
+    __ENV__?: {
+      VITE_ORCHESTRATION_API_BASE_URL?: string;
+      VITE_AGENTIC_API_BASE_URL?: string;
+    };
+  }
+}
+
+export function getEnv(key: keyof NonNullable<Window["__ENV__"]>): string {
+  return (
+    window.__ENV__?.[key] ??
+    (import.meta as unknown as { env: Record<string, string> }).env[key] ??
+    ""
+  );
+}

src/services/api.ts

@@ -93,13 +93,10 @@ export interface DataCatalog {
 
 // ─── Base Clients ─────────────────────────────────────────────────────────────
 
-const ORCHESTRATION_BASE_URL =
-  ((import.meta as unknown as { env: Record<string, string> }).env
-    .VITE_ORCHESTRATION_API_BASE_URL) ?? "";
+import { getEnv } from "@/env";
 
-const AGENTIC_BASE_URL =
-  ((import.meta as unknown as { env: Record<string, string> }).env
-    .VITE_AGENTIC_API_BASE_URL) ?? "";
+const ORCHESTRATION_BASE_URL = getEnv("VITE_ORCHESTRATION_API_BASE_URL");
+const AGENTIC_BASE_URL       = getEnv("VITE_AGENTIC_API_BASE_URL");
 
 async function request<T>(baseUrl: string, path: string, options?: RequestInit): Promise<T> {
   const res = await fetch(`${baseUrl}${path}`, {

src/services/interviewApi.ts

@@ -66,9 +66,10 @@ export type AudioServerEvent =
 
 // ─── Base Client ──────────────────────────────────────────────────────────────
 
+import { getEnv } from "@/env";
+
 const INTERVIEW_BASE_URL =
-  ((import.meta as unknown as { env: Record<string, string> }).env
-    .VITE_ORCHESTRATION_API_BASE_URL) ?? "http://localhost:8080";
+  getEnv("VITE_ORCHESTRATION_API_BASE_URL") || "http://localhost:8080";
 
 async function request<T>(path: string, options?: RequestInit): Promise<T> {
   const res = await fetch(`${INTERVIEW_BASE_URL}${path}`, {