v4.0: Fix /api/compare — call Gradio Space API directly

web/app/api/compare/route.ts

@@ -1,6 +1,6 @@
 import { NextRequest, NextResponse } from "next/server";
 
-const API_URL = process.env.CLAUSEGUARD_API_URL || "https://gaurv007-clauseguard-api.hf.space";
+const GRADIO_URL = process.env.CLAUSEGUARD_GRADIO_URL || "https://gaurv007-clauseguard.hf.space";
 
 export async function POST(req: NextRequest) {
   try {
@@ -14,18 +14,49 @@ export async function POST(req: NextRequest) {
       );
     }
 
-    const response = await fetch(`${API_URL}/api/compare`, {
+    // Call Gradio Space API
+    const submitRes = await fetch(`${GRADIO_URL}/gradio_api/call/run_comparison`, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ text_a, text_b }),
+      body: JSON.stringify({ data: [text_a, text_b] }),
     });
 
-    if (!response.ok) {
-      throw new Error(`Backend error: ${response.status}`);
+    if (!submitRes.ok) {
+      throw new Error(`Gradio submit failed: ${submitRes.status}`);
     }
 
-    const result = await response.json();
-    return NextResponse.json(result);
+    const { event_id } = await submitRes.json();
+    if (!event_id) throw new Error("No event_id from Gradio");
+
+    // Poll for result
+    const resultRes = await fetch(
+      `${GRADIO_URL}/gradio_api/call/run_comparison/${event_id}`,
+      { headers: { Accept: "text/event-stream" } }
+    );
+
+    if (!resultRes.ok) {
+      throw new Error(`Gradio result failed: ${resultRes.status}`);
+    }
+
+    const resultText = await resultRes.text();
+    const dataMatch = resultText.match(/event:\s*complete\s*\ndata:\s*(.+)/);
+    if (!dataMatch) throw new Error("No complete event from Gradio");
+
+    const gradioData = JSON.parse(dataMatch[1]);
+    // gradioData[0] = comparison HTML
+    // gradioData[1] = raw JSON comparison data
+
+    const comparisonResult = gradioData[1];
+    if (typeof comparisonResult === "object" && comparisonResult !== null) {
+      return NextResponse.json(comparisonResult);
+    }
+
+    // If it's a string (JSON stringified), parse it
+    if (typeof comparisonResult === "string") {
+      return NextResponse.json(JSON.parse(comparisonResult));
+    }
+
+    throw new Error("Unexpected comparison result format");
   } catch (error: any) {
     console.error("Compare error:", error.message);
     return NextResponse.json({ error: error.message || "Comparison failed" }, { status: 500 });