From bbaa287dab000144f3d43343a5739c480aefeb48 Mon Sep 17 00:00:00 2001
From: Rin <shinohara-rin@users.noreply.github.com>
Date: Wed, 17 Dec 2025 19:58:49 +0800
Subject: [PATCH] feat(stage-ui,stage-pages) allow to "continue anyway" with
 failing provider validation (#811)

---
 packages/i18n/src/locales/en/settings.yaml           |  1 +
 packages/i18n/src/locales/es/settings.yaml           |  1 +
 packages/i18n/src/locales/fr/settings.yaml           |  1 +
 packages/i18n/src/locales/ja/settings.yaml           |  1 +
 packages/i18n/src/locales/ko/settings.yaml           |  1 +
 packages/i18n/src/locales/ru/settings.yaml           |  1 +
 packages/i18n/src/locales/vi/settings.yaml           |  1 +
 packages/i18n/src/locales/zh-Hans/settings.yaml      |  1 +
 packages/i18n/src/locales/zh-Hant/settings.yaml      |  1 +
 .../pages/settings/providers/chat/[providerId].vue   | 12 +++++++++++-
 .../settings/providers/chat/azure-ai-foundry.vue     | 12 +++++++++++-
 .../providers/chat/cloudflare-workers-ai.vue         | 12 +++++++++++-
 .../src/pages/settings/providers/chat/lm-studio.vue  | 12 +++++++++++-
 .../src/pages/settings/providers/chat/ollama.vue     | 12 +++++++++++-
 .../speech/openai-compatible-audio-speech.vue        | 12 +++++++++++-
 .../transcription/aliyun-nls-transcription.vue       | 12 +++++++++++-
 .../transcription/comet-api-transcription.vue        | 12 +++++++++++-
 .../openai-compatible-audio-transcription.vue        | 12 +++++++++++-
 .../src/composables/use-provider-validation.ts       |  7 +++++++
 packages/stage-ui/src/stores/providers.ts            | 10 ++++++++++
 20 files changed, 125 insertions(+), 9 deletions(-)

diff --git a/packages/i18n/src/locales/en/settings.yaml b/packages/i18n/src/locales/en/settings.yaml
index 7cd904b7f..3c40be9ef 100644
--- a/packages/i18n/src/locales/en/settings.yaml
+++ b/packages/i18n/src/locales/en/settings.yaml
@@ -421,6 +421,7 @@ pages:
         and behave properly. You could think of it as the brain of the
         characters living in AIRI system.
     common:
+      continueAnyway: Continue Anyway
       fields:
         field:
           api-key:
diff --git a/packages/i18n/src/locales/es/settings.yaml b/packages/i18n/src/locales/es/settings.yaml
index ba055d30a..4fed4dab3 100644
--- a/packages/i18n/src/locales/es/settings.yaml
+++ b/packages/i18n/src/locales/es/settings.yaml
@@ -404,6 +404,7 @@ pages:
       description: >
         AIRI requiere que al menos un proveedor de {chat} esté configurado para pensar y comportarse correctamente. Podrías pensarlo como el cerebro de los personajes que viven en el sistema AIRI.
     common:
+      continueAnyway: Continuar de todos modos
       fields:
         field:
           api-key:
diff --git a/packages/i18n/src/locales/fr/settings.yaml b/packages/i18n/src/locales/fr/settings.yaml
index ca13a1ab1..435f9fe46 100644
--- a/packages/i18n/src/locales/fr/settings.yaml
+++ b/packages/i18n/src/locales/fr/settings.yaml
@@ -404,6 +404,7 @@ pages:
       description: >
         AIRI nécessite qu’au moins un fournisseur {chat} soit configuré pour penser et se comporter correctement. On peut le considérer comme le cerveau des personnages vivant dans le système AIRI.
     common:
+      continueAnyway: Continuer quand même
       fields:
         field:
           api-key:
diff --git a/packages/i18n/src/locales/ja/settings.yaml b/packages/i18n/src/locales/ja/settings.yaml
index 89eb40046..50d79167e 100644
--- a/packages/i18n/src/locales/ja/settings.yaml
+++ b/packages/i18n/src/locales/ja/settings.yaml
@@ -404,6 +404,7 @@ pages:
       description: >
         AIRIが正常に思考し動作するためには、少なくとも1つの{chat}プロバイダーの設定が必要です。 これはAIRIシステム内に存在するキャラクターの脳と考えることができます。
     common:
+      continueAnyway: 続行する
       fields:
         field:
           api-key:
diff --git a/packages/i18n/src/locales/ko/settings.yaml b/packages/i18n/src/locales/ko/settings.yaml
index cc30b2757..8385021b3 100644
--- a/packages/i18n/src/locales/ko/settings.yaml
+++ b/packages/i18n/src/locales/ko/settings.yaml
@@ -404,6 +404,7 @@ pages:
       description: >
         AIRI requires at least one {chat} provider to be configured to think, and behave properly. You could think of it as the brain of the characters living in AIRI system.
     common:
+      continueAnyway: 계속 진행
       fields:
         field:
           api-key:
diff --git a/packages/i18n/src/locales/ru/settings.yaml b/packages/i18n/src/locales/ru/settings.yaml
index 5b77e29bf..244d78645 100644
--- a/packages/i18n/src/locales/ru/settings.yaml
+++ b/packages/i18n/src/locales/ru/settings.yaml
@@ -404,6 +404,7 @@ pages:
       description: >
         AIRI требует как минимум одного {chat}-провайдера для корректной работы. Можно считать его "мозгом" персонажей в системе AIRI.
     common:
+      continueAnyway: Продолжить всё равно
       fields:
         field:
           api-key:
diff --git a/packages/i18n/src/locales/vi/settings.yaml b/packages/i18n/src/locales/vi/settings.yaml
index ad1bee043..f3ec18ae7 100644
--- a/packages/i18n/src/locales/vi/settings.yaml
+++ b/packages/i18n/src/locales/vi/settings.yaml
@@ -404,6 +404,7 @@ pages:
       description: >
         {chat} AIRI cần ít nhất một nhà cung cấp để suy nghĩ và hoạt động đúng cách. Có thể coi nó như bộ não của nhân vật AIRI trong hệ thống.
     common:
+      continueAnyway: Tiếp tục bất chấp
       fields:
         field:
           api-key:
diff --git a/packages/i18n/src/locales/zh-Hans/settings.yaml b/packages/i18n/src/locales/zh-Hans/settings.yaml
index 5e7ea6987..a5a5c1650 100644
--- a/packages/i18n/src/locales/zh-Hans/settings.yaml
+++ b/packages/i18n/src/locales/zh-Hans/settings.yaml
@@ -404,6 +404,7 @@ pages:
       description: >
         AIRI 需要配置至少一个 {chat} 服务来源，才能正常思考和运作。你可以把它看作是 AIRI 系统中角色的大脑。
     common:
+      continueAnyway: 仍然继续
       fields:
         field:
           api-key:
diff --git a/packages/i18n/src/locales/zh-Hant/settings.yaml b/packages/i18n/src/locales/zh-Hant/settings.yaml
index f73b61a99..19ae5ef7e 100644
--- a/packages/i18n/src/locales/zh-Hant/settings.yaml
+++ b/packages/i18n/src/locales/zh-Hant/settings.yaml
@@ -404,6 +404,7 @@ pages:
       description: >
         AIRI 需要設定至少一個 {chat} 服務來源，才能正常思考與運作。你可以把它看作是 AIRI 系統中角色的大腦。
     common:
+      continueAnyway: 仍然繼續
       fields:
         field:
           api-key:
diff --git a/packages/stage-pages/src/pages/settings/providers/chat/[providerId].vue b/packages/stage-pages/src/pages/settings/providers/chat/[providerId].vue
index 58e900541..41325c698 100644
--- a/packages/stage-pages/src/pages/settings/providers/chat/[providerId].vue
+++ b/packages/stage-pages/src/pages/settings/providers/chat/[providerId].vue
@@ -49,6 +49,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 </script>
 
@@ -81,7 +82,16 @@ const {
       <!-- Validation Status -->
       <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
         <template #title>
-          {{ t('settings.dialogs.onboarding.validationFailed') }}
+          <div class="w-full flex items-center justify-between">
+            <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+            <button
+              type="button"
+              class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+              @click="forceValid"
+            >
+              {{ t('settings.pages.providers.common.continueAnyway') }}
+            </button>
+          </div>
         </template>
         <template v-if="validationMessage" #content>
           <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-pages/src/pages/settings/providers/chat/azure-ai-foundry.vue b/packages/stage-pages/src/pages/settings/providers/chat/azure-ai-foundry.vue
index d725cbbb1..30d01595a 100644
--- a/packages/stage-pages/src/pages/settings/providers/chat/azure-ai-foundry.vue
+++ b/packages/stage-pages/src/pages/settings/providers/chat/azure-ai-foundry.vue
@@ -65,6 +65,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 </script>
 
@@ -114,7 +115,16 @@ const {
       <!-- Validation Status -->
       <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
         <template #title>
-          {{ t('settings.dialogs.onboarding.validationFailed') }}
+          <div class="w-full flex items-center justify-between">
+            <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+            <button
+              type="button"
+              class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+              @click="forceValid"
+            >
+              {{ t('settings.pages.providers.common.continueAnyway') }}
+            </button>
+          </div>
         </template>
         <template v-if="validationMessage" #content>
           <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-pages/src/pages/settings/providers/chat/cloudflare-workers-ai.vue b/packages/stage-pages/src/pages/settings/providers/chat/cloudflare-workers-ai.vue
index 26be5f2c7..d5276aa3d 100644
--- a/packages/stage-pages/src/pages/settings/providers/chat/cloudflare-workers-ai.vue
+++ b/packages/stage-pages/src/pages/settings/providers/chat/cloudflare-workers-ai.vue
@@ -46,6 +46,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 </script>
 
@@ -79,7 +80,16 @@ const {
       <!-- Validation Status -->
       <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
         <template #title>
-          {{ t('settings.dialogs.onboarding.validationFailed') }}
+          <div class="w-full flex items-center justify-between">
+            <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+            <button
+              type="button"
+              class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+              @click="forceValid"
+            >
+              {{ t('settings.pages.providers.common.continueAnyway') }}
+            </button>
+          </div>
         </template>
         <template v-if="validationMessage" #content>
           <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-pages/src/pages/settings/providers/chat/lm-studio.vue b/packages/stage-pages/src/pages/settings/providers/chat/lm-studio.vue
index b2c76c96c..64311ae0d 100644
--- a/packages/stage-pages/src/pages/settings/providers/chat/lm-studio.vue
+++ b/packages/stage-pages/src/pages/settings/providers/chat/lm-studio.vue
@@ -37,6 +37,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 </script>
 
@@ -61,7 +62,16 @@ const {
       <!-- Validation Status -->
       <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
         <template #title>
-          {{ t('settings.dialogs.onboarding.validationFailed') }}
+          <div class="w-full flex items-center justify-between">
+            <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+            <button
+              type="button"
+              class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+              @click="forceValid"
+            >
+              {{ t('settings.pages.providers.common.continueAnyway') }}
+            </button>
+          </div>
         </template>
         <template v-if="validationMessage" #content>
           <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-pages/src/pages/settings/providers/chat/ollama.vue b/packages/stage-pages/src/pages/settings/providers/chat/ollama.vue
index 2ca0baf25..800eb453b 100644
--- a/packages/stage-pages/src/pages/settings/providers/chat/ollama.vue
+++ b/packages/stage-pages/src/pages/settings/providers/chat/ollama.vue
@@ -38,6 +38,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 
 const headers = ref<{ key: string, value: string }[]>(Object.entries(providers.value[providerId]?.headers || {}).map(([key, value]) => ({ key, value } as { key: string, value: string })) || [{ key: '', value: '' }])
@@ -151,7 +152,16 @@ onMounted(() => {
       <!-- Validation Status -->
       <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
         <template #title>
-          {{ t('settings.dialogs.onboarding.validationFailed') }}
+          <div class="w-full flex items-center justify-between">
+            <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+            <button
+              type="button"
+              class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+              @click="forceValid"
+            >
+              {{ t('settings.pages.providers.common.continueAnyway') }}
+            </button>
+          </div>
         </template>
         <template v-if="validationMessage" #content>
           <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-pages/src/pages/settings/providers/speech/openai-compatible-audio-speech.vue b/packages/stage-pages/src/pages/settings/providers/speech/openai-compatible-audio-speech.vue
index 3cb52b3f9..8afbf3674 100644
--- a/packages/stage-pages/src/pages/settings/providers/speech/openai-compatible-audio-speech.vue
+++ b/packages/stage-pages/src/pages/settings/providers/speech/openai-compatible-audio-speech.vue
@@ -98,6 +98,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 </script>
 
@@ -138,7 +139,16 @@ const {
       <!-- Validation Status -->
       <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
         <template #title>
-          {{ t('settings.dialogs.onboarding.validationFailed') }}
+          <div class="w-full flex items-center justify-between">
+            <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+            <button
+              type="button"
+              class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+              @click="forceValid"
+            >
+              {{ t('settings.pages.providers.common.continueAnyway') }}
+            </button>
+          </div>
         </template>
         <template v-if="validationMessage" #content>
           <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-pages/src/pages/settings/providers/transcription/aliyun-nls-transcription.vue b/packages/stage-pages/src/pages/settings/providers/transcription/aliyun-nls-transcription.vue
index 310d6c7f7..bc4186eeb 100644
--- a/packages/stage-pages/src/pages/settings/providers/transcription/aliyun-nls-transcription.vue
+++ b/packages/stage-pages/src/pages/settings/providers/transcription/aliyun-nls-transcription.vue
@@ -115,6 +115,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 
 function float32ToInt16(buffer: Float32Array) {
@@ -397,7 +398,16 @@ onBeforeUnmount(async () => {
 
         <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
           <template #title>
-            {{ t('settings.dialogs.onboarding.validationFailed') }}
+            <div class="w-full flex items-center justify-between">
+              <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+              <button
+                type="button"
+                class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+                @click="forceValid"
+              >
+                {{ t('settings.pages.providers.common.continueAnyway') }}
+              </button>
+            </div>
           </template>
           <template #content>
             <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-pages/src/pages/settings/providers/transcription/comet-api-transcription.vue b/packages/stage-pages/src/pages/settings/providers/transcription/comet-api-transcription.vue
index 03338c79e..c9d81e157 100644
--- a/packages/stage-pages/src/pages/settings/providers/transcription/comet-api-transcription.vue
+++ b/packages/stage-pages/src/pages/settings/providers/transcription/comet-api-transcription.vue
@@ -79,6 +79,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 </script>
 
@@ -116,7 +117,16 @@ const {
       <!-- Validation Status -->
       <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
         <template #title>
-          {{ t('settings.dialogs.onboarding.validationFailed') }}
+          <div class="w-full flex items-center justify-between">
+            <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+            <button
+              type="button"
+              class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+              @click="forceValid"
+            >
+              {{ t('settings.pages.providers.common.continueAnyway') }}
+            </button>
+          </div>
         </template>
         <template v-if="validationMessage" #content>
           <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-pages/src/pages/settings/providers/transcription/openai-compatible-audio-transcription.vue b/packages/stage-pages/src/pages/settings/providers/transcription/openai-compatible-audio-transcription.vue
index 73a97c376..9eac80834 100644
--- a/packages/stage-pages/src/pages/settings/providers/transcription/openai-compatible-audio-transcription.vue
+++ b/packages/stage-pages/src/pages/settings/providers/transcription/openai-compatible-audio-transcription.vue
@@ -79,6 +79,7 @@ const {
   isValid,
   validationMessage,
   handleResetSettings,
+  forceValid,
 } = useProviderValidation(providerId)
 </script>
 
@@ -116,7 +117,16 @@ const {
       <!-- Validation Status -->
       <Alert v-if="!isValid && isValidating === 0 && validationMessage" type="error">
         <template #title>
-          {{ t('settings.dialogs.onboarding.validationFailed') }}
+          <div class="w-full flex items-center justify-between">
+            <span>{{ t('settings.dialogs.onboarding.validationFailed') }}</span>
+            <button
+              type="button"
+              class="ml-2 rounded bg-red-100 px-2 py-0.5 text-xs text-red-600 font-medium transition-colors dark:bg-red-800/30 hover:bg-red-200 dark:text-red-300 dark:hover:bg-red-700/40"
+              @click="forceValid"
+            >
+              {{ t('settings.pages.providers.common.continueAnyway') }}
+            </button>
+          </div>
         </template>
         <template v-if="validationMessage" #content>
           <div class="whitespace-pre-wrap break-all">
diff --git a/packages/stage-ui/src/composables/use-provider-validation.ts b/packages/stage-ui/src/composables/use-provider-validation.ts
index 546d06365..c1dd940cf 100644
--- a/packages/stage-ui/src/composables/use-provider-validation.ts
+++ b/packages/stage-ui/src/composables/use-provider-validation.ts
@@ -122,6 +122,12 @@ export function useProviderValidation(providerId: string) {
     isValidating.value = 0
   }
 
+  function forceValid() {
+    isValid.value = true
+    validationMessage.value = ''
+    providersStore.forceProviderConfigured(providerId)
+  }
+
   return {
     t,
     router,
@@ -133,5 +139,6 @@ export function useProviderValidation(providerId: string) {
     isValid,
     validationMessage,
     handleResetSettings,
+    forceValid,
   }
 }
diff --git a/packages/stage-ui/src/stores/providers.ts b/packages/stage-ui/src/stores/providers.ts
index 72bc1ba4f..ff2d6a968 100644
--- a/packages/stage-ui/src/stores/providers.ts
+++ b/packages/stage-ui/src/stores/providers.ts
@@ -1936,6 +1936,15 @@ export const useProvidersStore = defineStore('providers', () => {
   const isLoadingModels = ref<Record<string, boolean>>({})
   const modelLoadError = ref<Record<string, string | null>>({})
 
+  function forceProviderConfigured(providerId: string) {
+    configuredProviders.value[providerId] = true
+    // Also cache the current config to prevent re-validation from overwriting
+    const config = providerCredentials.value[providerId]
+    if (config) {
+      validatedCredentials.value[providerId] = JSON.stringify(config)
+    }
+  }
+
   async function resetProviderSettings() {
     providerCredentials.value = {}
     configuredProviders.value = {}
@@ -2150,6 +2159,7 @@ export const useProvidersStore = defineStore('providers', () => {
     loadModelsForConfiguredProviders,
     getProviderInstance,
     resetProviderSettings,
+    forceProviderConfigured,
     availableProvidersMetadata,
     allChatProvidersMetadata,
     allAudioSpeechProvidersMetadata,