From 748429ef0d6a466e04549f7aee4466170727a705 Mon Sep 17 00:00:00 2001
From: yangzheli <43645580+yangzheli@users.noreply.github.com>
Date: Sun, 26 Apr 2026 23:29:59 +0800
Subject: [PATCH] fix(frontend): add missing mock routes for runs-list, models,
 and suggestions (#2578)

* fix(frontend): add missing mock routes for runs-list, models, and suggestions

* Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Willem Jiang <willem.jiang@gmail.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
---
 frontend/tests/e2e/utils/mock-api.ts | 41 ++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/frontend/tests/e2e/utils/mock-api.ts b/frontend/tests/e2e/utils/mock-api.ts
index ca4862c09..e2d515329 100644
--- a/frontend/tests/e2e/utils/mock-api.ts
+++ b/frontend/tests/e2e/utils/mock-api.ts
@@ -178,10 +178,51 @@ export function mockLangGraphAPI(page: Page, options?: MockAPIOptions) {
     return route.fallback();
   });
 
+  // The URL carries a query string (e.g. `?limit=10&offset=0`), which Playwright
+  // glob `*` does NOT cross, so we match with a regex anchored to `/runs`
+  // followed by `?` or end-of-string.  This must NOT match `/runs/stream`.
+  void page.route(/\/api\/langgraph\/threads\/[^/]+\/runs(\?|$)/, (route) => {
+    if (route.request().method() === "GET") {
+      return route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: "[]",
+      });
+    }
+    return route.fallback();
+  });
+
   // Run stream — returns a minimal SSE response with an AI message
   void page.route("**/api/langgraph/runs/stream", handleRunStream);
   void page.route("**/api/langgraph/threads/*/runs/stream", handleRunStream);
 
+  // Models list — model picker dropdown
+  void page.route("**/api/models", (route) => {
+    if (route.request().method() === "GET") {
+      return route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: JSON.stringify({
+          models: [],
+          token_usage: { enabled: false },
+        }),
+      });
+    }
+    return route.fallback();
+  });
+
+  // Follow-up suggestions — input box auto-suggest after AI response
+  void page.route("**/api/threads/*/suggestions", (route) => {
+    if (route.request().method() === "POST") {
+      return route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: JSON.stringify({ suggestions: [] }),
+      });
+    }
+    return route.fallback();
+  });
+
   // Agents list — sidebar & gallery page
   void page.route("**/api/agents", (route) => {
     if (route.request().method() === "GET") {