From 534e43585472b39fbbb60f18c38e64e0798567ad Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 11 Mar 2026 10:23:59 +0000
Subject: [PATCH] fix: add offline fallback for dev ID verification and
 prioritize China-accessible API providers
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- When backend is unreachable, allow proceeding with format-only validation (offline mode)
- Reorder API endpoints to prioritize China-accessible providers (DeepSeek, Moonshot, 智谱, 云雾)
- Add 🇨🇳 visual indicators for mainland China accessible platforms
- Add AbortController timeout (10s) for auth requests
- Add .cn-ok CSS class for green-highlighted China-compatible tags

Co-authored-by: qinfendebingshuo <207279273+qinfendebingshuo@users.noreply.github.com>
---
 persona-studio/frontend/index.html | 45 ++++++++++++++++++++----------
 persona-studio/frontend/style.css  |  6 ++++
 2 files changed, 37 insertions(+), 14 deletions(-)

diff --git a/persona-studio/frontend/index.html b/persona-studio/frontend/index.html
index 94ce330f..ccc4c3b4 100644
--- a/persona-studio/frontend/index.html
+++ b/persona-studio/frontend/index.html
@@ -97,13 +97,14 @@
 
         <div class="supported-platforms">
           <span class="platform-label">支持平台：</span>
-          <span class="platform-tag">云雾 AI</span>
+          <span class="platform-tag cn-ok">🇨🇳 DeepSeek</span>
+          <span class="platform-tag cn-ok">🇨🇳 Moonshot</span>
+          <span class="platform-tag cn-ok">🇨🇳 智谱 AI</span>
+          <span class="platform-tag cn-ok">🇨🇳 云雾 AI</span>
           <span class="platform-tag">OpenAI</span>
-          <span class="platform-tag">DeepSeek</span>
           <span class="platform-tag">Google Gemini</span>
-          <span class="platform-tag">Moonshot</span>
-          <span class="platform-tag">智谱 AI</span>
         </div>
+        <p class="hint" style="margin-top:0.5rem;font-size:0.75rem;color:#8899aa;">🇨🇳 标记 = 中国大陆可直接访问，无需国际网络</p>
 
         <button type="button" id="detectBtn" class="btn-detect" onclick="handleDetectModels()">
           🔍 检测可用模型
@@ -136,14 +137,14 @@
     var verifiedDevId = '';
     var verifiedDevName = '';
 
-    /* ---- 已知 API 端点列表 ---- */
+    /* ---- 已知 API 端点列表（国内可访问的优先排列） ---- */
     const KNOWN_ENDPOINTS = [
-      { label: '云雾 AI',       base: 'https://api.yunwu.ai/v1' },
-      { label: 'OpenAI',        base: 'https://api.openai.com/v1' },
-      { label: 'Google Gemini', base: 'https://generativelanguage.googleapis.com/v1beta/openai' },
-      { label: 'DeepSeek',      base: 'https://api.deepseek.com/v1' },
-      { label: 'Moonshot',      base: 'https://api.moonshot.cn/v1' },
-      { label: '智谱 AI',       base: 'https://open.bigmodel.cn/api/paas/v4' },
+      { label: 'DeepSeek',      base: 'https://api.deepseek.com/v1',                              cn: true },
+      { label: 'Moonshot',      base: 'https://api.moonshot.cn/v1',                                cn: true },
+      { label: '智谱 AI',       base: 'https://open.bigmodel.cn/api/paas/v4',                      cn: true },
+      { label: '云雾 AI',       base: 'https://api.yunwu.ai/v1',                                   cn: true },
+      { label: 'OpenAI',        base: 'https://api.openai.com/v1',                                 cn: false },
+      { label: 'Google Gemini', base: 'https://generativelanguage.googleapis.com/v1beta/openai',    cn: false },
     ];
 
     function getApiBase() {
@@ -217,11 +218,16 @@
       btn.textContent = '验证中…';
 
       try {
+        var controller = new AbortController();
+        var timeoutId = setTimeout(function() { controller.abort(); }, 10000);
+
         var res = await fetch(API_BASE + '/api/ps/auth/login', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ dev_id: devId })
+          body: JSON.stringify({ dev_id: devId }),
+          signal: controller.signal
         });
+        clearTimeout(timeoutId);
 
         var data = await res.json();
 
@@ -244,8 +250,19 @@
         showStep('step2');
         document.getElementById('apiKeyInput').focus();
       } catch (_err) {
-        errorEl.textContent = '服务暂时不可用，请稍后再试';
-        errorEl.style.display = 'block';
+        // 后端不可达时：使用本地格式验证放行，允许用户继续
+        verifiedDevId = devId;
+        verifiedDevName = devId;
+        sessionStorage.setItem('dev_id', devId);
+        sessionStorage.setItem('dev_name', devId);
+        sessionStorage.setItem('session_token', '');
+
+        showWelcomeBanner(
+          '🛡️ ' + devId + '（离线验证）',
+          '后端暂时无法连接，已通过本地格式验证。请输入 API Key 唤醒铸渊。'
+        );
+        showStep('step2');
+        document.getElementById('apiKeyInput').focus();
       }
 
       btn.disabled = false;
diff --git a/persona-studio/frontend/style.css b/persona-studio/frontend/style.css
index a5e12418..5d136ce2 100644
--- a/persona-studio/frontend/style.css
+++ b/persona-studio/frontend/style.css
@@ -214,6 +214,12 @@ body {
   color: var(--accent);
 }
 
+.platform-tag.cn-ok {
+  background: rgba(34, 238, 100, 0.12);
+  border-color: rgba(34, 238, 100, 0.25);
+  color: #4ade80;
+}
+
 .login-box {
   background: var(--gradient-card);
   backdrop-filter: blur(20px);