Fix API routing using Next.js proxy

frontend/app/api/run-systemforge/route.ts

@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+    try {
+        const body = await req.json();
+
+        const response = await fetch(
+            "http://127.0.0.1:8000/run-systemforge",
+            {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(body),
+            }
+        );
+
+        const data = await response.json();
+
+        return NextResponse.json(data, {
+            status: response.status,
+        });
+    } catch (error) {
+        return NextResponse.json(
+            {
+                error: "Internal server error",
+            },
+            {
+                status: 500,
+            }
+        );
+    }
+}

frontend/lib/api.ts

@@ -9,7 +9,7 @@ export async function generateWorkflowRedesign(
   console.log("API_URL =", API_URL);
 
   const response = await fetch(
-    `${API_URL}/run-systemforge`,
+    `/api/run-systemforge`,
     {
       method: "POST",
       headers: {
@@ -42,7 +42,7 @@ export async function downloadArchitectureReport(
     process.env.NEXT_PUBLIC_API_URL || "";
 
   const response = await fetch(
-    `${API_URL}/download-report`,
+    `/api/download-report`,
     {
       method: "POST",
       headers: {