From 29a9d608d952815226b72e230ff05ad6f37781ae Mon Sep 17 00:00:00 2001
From: elky <elky0401@gmail.com>
Date: Fri, 4 Sep 2026 23:11:23 +0800
Subject: [PATCH] fix(models): keep manual creation available on catalog
 failure

---
 .../components/GlobalModelFormDialog.vue      | 10 ++++++++
 .../GlobalModelFormDialog.prefill.spec.ts     | 23 +++++++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/frontend/src/features/models/components/GlobalModelFormDialog.vue b/frontend/src/features/models/components/GlobalModelFormDialog.vue
index 39e1bf6dc..d6de89e3e 100644
--- a/frontend/src/features/models/components/GlobalModelFormDialog.vue
+++ b/frontend/src/features/models/components/GlobalModelFormDialog.vue
@@ -63,6 +63,16 @@
               <RefreshCw class="h-3.5 w-3.5" />
               重试
             </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              class="h-8"
+              data-testid="models-catalog-manual-entry"
+              @click="enterManualEntryMode"
+            >
+              直接手动填写
+            </Button>
           </div>
           <template v-else>
             <!-- 提供商 Logo 横向选择 -->
diff --git a/frontend/src/features/models/components/__tests__/GlobalModelFormDialog.prefill.spec.ts b/frontend/src/features/models/components/__tests__/GlobalModelFormDialog.prefill.spec.ts
index a99cef20d..53076415d 100644
--- a/frontend/src/features/models/components/__tests__/GlobalModelFormDialog.prefill.spec.ts
+++ b/frontend/src/features/models/components/__tests__/GlobalModelFormDialog.prefill.spec.ts
@@ -279,6 +279,29 @@ describe('GlobalModelFormDialog preset replacement', () => {
     expect(document.body.textContent).toContain('Fresh Model')
   })
 
+  it('keeps manual model creation available when the external catalog is unavailable', async () => {
+    modelsDevMocks.getModelsDevList.mockRejectedValueOnce({
+      response: {
+        status: 503,
+        data: { detail: 'External models catalog unavailable' },
+      },
+    })
+
+    mountDialog()
+    await settle()
+
+    const manualEntryButton = document.body.querySelector<HTMLButtonElement>(
+      '[data-testid="models-catalog-manual-entry"]',
+    )
+    if (!manualEntryButton) throw new Error('Missing catalog manual-entry button')
+    manualEntryButton.click()
+    await settle()
+
+    expect(document.body.querySelector('[data-testid="models-catalog-load-error"]')).toBeNull()
+    expect(document.body.textContent).toContain('手动填写模式')
+    expect(document.body.querySelector('#model-name')).not.toBeNull()
+  })
+
   it('drops the previous draft and submits only the newly selected model preset', async () => {
     mountDialog()
     await settle()