feat(stage-pages): add model selection navigation after provider validation (#1214)

* feat(stage-pages): add model selection navigation after provider validation success

* chore: code style update

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

* chore: code style update

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

* chore: code style update

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

* [autofix.ci] apply automated fixes

* [autofix.ci] apply automated fixes (attempt 2/3)

* [autofix.ci] apply automated fixes (attempt 3/3)

---------

Co-authored-by: Garfield Lee <Garfield550@users.noreply.github.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
Zen
2026-03-09 20:40:05 +08:00
committed by GitHub
co-authored by gemini-code-assist[bot] Garfield Lee autofix-ci[bot]
parent 861beacad2
commit d6268298dd
10 changed files with 27 additions and 1 deletions
@@ -541,6 +541,7 @@ pages:
integration guide</a>.
common:
continueAnyway: Continue Anyway
goToModelSelection: 'Select Model →'
fields:
field:
api-key:
@@ -513,6 +513,7 @@ pages:
Lamentamos escuchar que la conexion con Ollama falló. No te preocupes, para las instancias de Ollama, es necesaria una configuración extra para que pase por Ollama. Debe establecer <code>OLLAMA_HOST</code> explícitamente al iniciar la aplicación Ollama o el servidor CLI de Ollama, para obtener información detallada, consulte la guía <a href="https://airi.moeru.ai/docs/en/docs/manual/integrations/providers/chat/ollama">de integración Ollama</a>.
common:
continueAnyway: Continuar de todos modos
goToModelSelection: 'Seleccionar modelo →'
fields:
field:
api-key:
@@ -513,6 +513,7 @@ pages:
Nous sommes désolés que le test de connectivité pour Ollama ait échoué. Ne vous inquiétez pas, une configuration supplémentaire est nécessaire pour les instances Ollama. Vous devez définir explicitement <code>OLLAMA_HOST</code> lors du lancement de l'application ou du serveur CLI Ollama. Pour plus d'informations, consultez le <a href="https://airi.moeru.ai/docs/en/docs/manual/integrations/providers/chat/ollama">guide d'intégration Ollama</a>.
common:
continueAnyway: Continuer quand même
goToModelSelection: 'Sélectionner le modèle →'
fields:
field:
api-key:
@@ -513,6 +513,7 @@ pages:
残念ながら、Ollamaの接続チェックが失敗したようです。Ollamaインスタンスの場合、正常に動作させるためには追加の設定が必要です。OllamaアプリケーションまたはOllama CLIサーバーを起動する際には、<code>OLLAMA_HOST</code>環境変数を明示的に設定する必要があります。詳細な手順については、<a href="https://airi.moeru.ai/docs/en/docs/manual/integrations/providers/chat/ollama">Ollama統合ガイド</a>をご参照ください。
common:
continueAnyway: 続行する
goToModelSelection: 'モデルを選択 →'
fields:
field:
api-key:
@@ -513,6 +513,7 @@ pages:
Ollama에 대한 연결 검사가 실패했다는 소식을 듣게 되어 유감입니다. 걱정하지 마세요. Ollama 인스턴스의 경우 Ollama를 통과시키기 위해 추가 구성이 필요합니다. Ollama 애플리케이션 또는 Ollama CLI 서버를 시작할 때 <code>OLLAMA_HOST</code>를 명시적으로 설정해야 하며, 자세한 정보는 <a href="https://airi.moeru.ai/docs/en/docs/manual/integrations/providers/chat/ollama">Ollama 통합 가이드</a>를 확인하세요.
common:
continueAnyway: 계속 진행
goToModelSelection: '모델 선택 →'
fields:
field:
api-key:
@@ -513,6 +513,7 @@ pages:
Sorry to hear that Connectivity check failed for Ollama. Don't worry, for Ollama instances, extra configuration is needed for making it pass for Ollama. You need to set <code>OLLAMA_HOST</code> explicitly when start the Ollama application or Ollama CLI server, for detailed information, check <a href="https://airi.moeru.ai/docs/en/docs/manual/integrations/providers/chat/ollama">Ollama integration guide</a>.
common:
continueAnyway: Продолжить всё равно
goToModelSelection: 'Выбрать модель →'
fields:
field:
api-key:
@@ -513,6 +513,7 @@ pages:
Sorry to hear that Connectivity check failed for Ollama. Don't worry, for Ollama instances, extra configuration is needed for making it pass for Ollama. You need to set <code>OLLAMA_HOST</code> explicitly when start the Ollama application or Ollama CLI server, for detailed information, check <a href="https://airi.moeru.ai/docs/en/docs/manual/integrations/providers/chat/ollama">Ollama integration guide</a>.
common:
continueAnyway: Tiếp tục bất chấp
goToModelSelection: 'Chọn mô hình →'
fields:
field:
api-key:
@@ -513,6 +513,7 @@ pages:
很抱歉,Ollama 连接检查失败。不要担心,如果是 Ollama,需要额外配置才能通过 Ollama。 您需要在启动 Olama 应用程序或 Ollama CLI 服务器时明确设置 <code>OLLAMA_HOST</code> 详情,请检查 <a href="https://airi.moeru.ai/docs/en/docs/manual/integrations/providers/chat/ollama">Ollama 集成指南</a>。
common:
continueAnyway: 仍然继续
goToModelSelection: '选择模型 →'
fields:
field:
api-key:
@@ -513,6 +513,7 @@ pages:
Sorry to hear that Connectivity check failed for Ollama. Don't worry, for Ollama instances, extra configuration is needed for making it pass for Ollama. You need to set <code>OLLAMA_HOST</code> explicitly when start the Ollama application or Ollama CLI server, for detailed information, check <a href="https://airi.moeru.ai/docs/en/docs/manual/integrations/providers/chat/ollama">Ollama integration guide</a>.
common:
continueAnyway: 仍然繼續
goToModelSelection: '選擇模型 →'
fields:
field:
api-key:
@@ -11,6 +11,7 @@ import {
ProviderSettingsLayout,
} from '@proj-airi/stage-ui/components'
import { useProviderValidation } from '@proj-airi/stage-ui/composables/use-provider-validation'
import { useConsciousnessStore } from '@proj-airi/stage-ui/stores/modules/consciousness'
import { useProvidersStore } from '@proj-airi/stage-ui/stores/providers'
import { storeToRefs } from 'pinia'
import { computed } from 'vue'
@@ -19,7 +20,9 @@ import { useRoute } from 'vue-router'
const route = useRoute()
const providerId = route.params.providerId as string
const providersStore = useProvidersStore()
const consciousnessStore = useConsciousnessStore()
const { providers } = storeToRefs(providersStore) as { providers: RemovableRef<Record<string, any>> }
const { activeProvider } = storeToRefs(consciousnessStore)
// Define computed properties for credentials
const apiKey = computed({
@@ -51,6 +54,11 @@ const {
handleResetSettings,
forceValid,
} = useProviderValidation(providerId)
function goToModelSelection() {
activeProvider.value = providerId
router.push('/settings/modules/consciousness')
}
</script>
<template>
@@ -101,7 +109,16 @@ const {
</Alert>
<Alert v-if="isValid && isValidating === 0" type="success">
<template #title>
{{ t('settings.dialogs.onboarding.validationSuccess') }}
<div class="w-full flex items-center justify-between">
<span>{{ t('settings.dialogs.onboarding.validationSuccess') }}</span>
<button
type="button"
:class="['ml-2 rounded px-2 py-0.5 text-xs font-medium transition-colors', 'bg-green-100 text-green-600 hover:bg-green-200', 'dark:bg-green-800/30 dark:text-green-300 dark:hover:bg-green-700/40']"
@click="goToModelSelection"
>
{{ t('settings.pages.providers.common.goToModelSelection') }}
</button>
</div>
</template>
</Alert>
</ProviderSettingsContainer>