@@ -146,7 +147,7 @@
{{ entry.provider.id }}
-
+
{{ entry.provider.model }}
mdi-eye-outline
@@ -441,6 +442,32 @@ const filteredProviderSources = computed(() => {
)
})
+const displayedProviderSources = computed(() => {
+ const existing = filteredProviderSources.value || []
+ const existingProviders = new Set(existing.map(src => src.provider).filter(Boolean))
+ const placeholders = []
+
+ if (providerTemplates.value && Object.keys(providerTemplates.value).length > 0) {
+ for (const [templateKey, template] of Object.entries(providerTemplates.value)) {
+ if (template.provider_type !== selectedProviderType.value) continue
+ if (!template.provider) continue
+ if (existingProviders.has(template.provider)) continue
+
+ placeholders.push({
+ id: template.id || templateKey,
+ provider: template.provider,
+ provider_type: template.provider_type,
+ type: template.type,
+ api_base: template.api_base || '',
+ templateKey,
+ isPlaceholder: true
+ })
+ }
+ }
+
+ return [...existing, ...placeholders]
+})
+
const sourceProviders = computed(() => {
if (!selectedProviderSource.value || !providers.value) return []
@@ -586,6 +613,12 @@ function resolveSourceIcon(source) {
return getProviderIcon(source.provider) || ''
}
+function getSourceDisplayName(source) {
+ if (!source) return ''
+ if (source.isPlaceholder) return source.templateKey || source.id || ''
+ return source.id
+}
+
function getModelMetadata(modelName) {
if (!modelName) return null
return modelMetadata.value?.[modelName] || null
@@ -623,6 +656,11 @@ function showMessage(message, color = 'success') {
}
function selectProviderSource(source) {
+ if (source?.isPlaceholder && source.templateKey) {
+ addProviderSource(source.templateKey)
+ return
+ }
+
selectedProviderSource.value = source
selectedProviderSourceOriginalId.value = source?.id || null
suppressSourceWatch = true
@@ -660,6 +698,9 @@ function addProviderSource(templateKey) {
selectedProviderSource.value = newSource
selectedProviderSourceOriginalId.value = newId
editableProviderSource.value = JSON.parse(JSON.stringify(newSource))
+ availableModels.value = []
+ modelMetadata.value = {}
+ sourceProviderPanels.value = null
isSourceModified.value = true
}
@@ -845,6 +886,8 @@ async function deleteProvider(provider) {
showMessage(tm('models.deleteSuccess'))
} catch (error) {
showMessage(error.message || tm('models.deleteError'), 'error')
+ } finally {
+ await loadConfig()
}
}
@@ -854,10 +897,10 @@ async function testProvider(provider) {
const response = await axios.get('/api/config/provider/check_one', {
params: { id: provider.id }
})
- if (response.data.status === 'ok') {
+ if (response.data.status === 'ok' && response.data.data.error === null) {
showMessage(tm('models.testSuccess', { id: provider.id }))
} else {
- throw new Error(response.data.message)
+ throw new Error(response.data.data.error || tm('models.testError'))
}
} catch (error) {
showMessage(error.response?.data?.message || error.message || tm('models.testError'), 'error')
@@ -1254,7 +1297,7 @@ function goToConfigPage() {
}
.provider-source-list {
- max-height: 620px;
+ max-height: calc(100vh - 335px);
overflow-y: auto;
padding: 6px 8px;
}
@@ -1268,8 +1311,7 @@ function goToConfigPage() {
border: 1px solid rgba(var(--v-theme-primary), 0.25);
}
-.provider-config-card,
-.provider-models-card {
+.provider-config-card {
min-height: 280px;
}
@@ -1287,8 +1329,7 @@ function goToConfigPage() {
}
.provider-sources-panel,
- .provider-config-card,
- .provider-models-card {
+ .provider-config-card {
min-height: auto;
}
}