fix(frontend): improve network error message for agent name check (#1605)

* fix(frontend): distinguish CORS errors   from generic name check failures

* fix(frontend): improve network error message for agent name check

* Fix network error message in zh-CN locale

---------

Co-authored-by: Willem Jiang <willem.jiang@gmail.com>

frontend/src/app/workspace/agents/new/page.tsx

@@ -80,13 +80,9 @@ export default function NewAgentPage() {
         setNameError(t.agents.nameStepAlreadyExistsError);
         return;
       }
-    } catch (error) {
+    } catch (err) {
-      if (error instanceof AgentNameCheckError) {
+      if (err instanceof TypeError && err.message === "Failed to fetch") {
-        setNameError(
+        setNameError(t.agents.nameStepNetworkError);
-          error.reason === "backend_unreachable"
-            ? t.agents.nameStepCheckError
-            : error.message,
-        );
       } else {
         setNameError(t.agents.nameStepCheckError);
       }
@@ -107,6 +103,7 @@ export default function NewAgentPage() {
     t.agents.nameStepBootstrapMessage,
     t.agents.nameStepInvalidError,
     t.agents.nameStepAlreadyExistsError,
+    t.agents.nameStepNetworkError,
     t.agents.nameStepCheckError,
   ]);
 

frontend/src/core/i18n/locales/en-US.ts

@@ -194,8 +194,9 @@ export const enUS: Translations = {
     nameStepInvalidError:
       "Invalid name — use only letters, digits, and hyphens",
     nameStepAlreadyExistsError: "An agent with this name already exists",
-    nameStepCheckError:
+    nameStepNetworkError:
-      "Could not reach the DeerFlow backend to verify name availability. Start the backend or set NEXT_PUBLIC_BACKEND_BASE_URL, then try again.",
+      "Network request failed — check your network or backend connection",
+    nameStepCheckError: "Could not verify name availability — please try again",
     nameStepBootstrapMessage:
       "The new custom agent name is {name}. Let's bootstrap it's **SOUL**.",
     agentCreated: "Agent created!",

frontend/src/core/i18n/locales/types.ts

@@ -133,6 +133,7 @@ export interface Translations {
     nameStepContinue: string;
     nameStepInvalidError: string;
     nameStepAlreadyExistsError: string;
+    nameStepNetworkError: string;
     nameStepCheckError: string;
     nameStepBootstrapMessage: string;
     agentCreated: string;

frontend/src/core/i18n/locales/zh-CN.ts

@@ -183,8 +183,8 @@ export const zhCN: Translations = {
     nameStepContinue: "继续",
     nameStepInvalidError: "名称无效，只允许字母、数字和连字符",
     nameStepAlreadyExistsError: "已存在同名智能体",
-    nameStepCheckError:
+    nameStepNetworkError: "网络请求失败，请检查网络或后端连接",
-      "无法连接 DeerFlow 后端来验证名称是否可用。请先启动后端，或配置 NEXT_PUBLIC_BACKEND_BASE_URL，然后再重试。",
+    nameStepCheckError: "无法验证名称可用性，请稍后重试",
     nameStepBootstrapMessage:
       "新智能体的名称是 {name}，现在开始为它生成 **SOUL**。",
     agentCreated: "智能体已创建！",