feat(provider): support custom prompts for model tests (#242)

frontend/src/composables/useModelTest.ts

@@ -117,13 +117,17 @@ export function useModelTest(options: UseModelTestOptions) {
     startPolling(reqId)
 
     try {
+      const normalizedMessage = typeof params.message === 'string' && params.message.trim()
+        ? params.message.trim()
+        : undefined
+
       const result = await testModelFailover({
         provider_id: providerId(),
         mode: params.mode,
         model_name: params.modelName,
         api_format: params.apiFormat,
         endpoint_id: params.endpointId,
-        message: params.message ?? 'hello',
+        ...(normalizedMessage ? { message: normalizedMessage } : {}),
         request_id: reqId,
         concurrency: params.concurrency,
       }, {

frontend/src/features/providers/components/AntigravityQuotaDialog.vue

@@ -192,7 +192,6 @@ async function handleTestModel(modelName: string) {
       model_name: modelName,
       api_key_id: props.keyId,
       api_format: 'gemini:chat',
-      message: 'hello',
     })
 
     if (result.success) {

frontend/src/features/providers/components/provider-tabs/ModelAliasesTab.vue

@@ -391,7 +391,6 @@ async function testMapping(group: AliasGroup, mapping: ProviderModelAlias) {
     const result = await testModel({
       provider_id: props.provider.id,
       model_name: mapping.name,  // 使用映射名称进行测试
-      message: "hello",
       api_format: apiFormat
     })
 

frontend/src/features/providers/components/provider-tabs/ModelMappingTab.vue

@@ -317,7 +317,10 @@
     :testing="modelTest.testing.value"
     :trace="modelTest.testTrace.value"
     :request-id="modelTest.requestId.value"
+    :message-draft="testMessageDraft"
     @close="handleTestDialogClose"
+    @start="handleStartMappingTest"
+    @update:message-draft="testMessageDraft = $event"
   />
 </template>
 
@@ -390,8 +393,10 @@ const deleteConfirmOpen = ref(false)
 const editingGroup = ref<AliasGroup | null>(null)
 const deletingGroup = ref<AliasGroup | null>(null)
 const testingMapping = ref<string | null>(null)
+const pendingMappingKey = ref<string | null>(null)
 const testingModelName = ref<string | null>(null)
 const preselectedModelId = ref<string | null>(null)
+const testMessageDraft = ref('')
 
 // 使用 props 传入的数据
 const models = computed(() => props.models ?? [])
@@ -626,22 +631,38 @@ async function onDialogSaved() {
 
 function handleTestDialogClose() {
   modelTest.resetState()
+  pendingMappingKey.value = null
   testingModelName.value = null
+  testingMapping.value = null
 }
 
 // 测试映射（直连测试，带故障转移和实时进度）
-async function runMappingTest(testingKey: string, modelName: string) {
-  testingMapping.value = testingKey
+function runMappingTest(testingKey: string, modelName: string) {
+  pendingMappingKey.value = testingKey
+  modelTest.testResult.value = null
+  modelTest.dialogOpen.value = true
+  testingMapping.value = null
   testingModelName.value = modelName
+}
+
+async function handleStartMappingTest() {
+  if (modelTest.testing.value || !testingModelName.value || !pendingMappingKey.value) return
+
+  const currentMappingKey = pendingMappingKey.value
+  testingMapping.value = currentMappingKey
   await modelTest.startTest({
     mode: 'direct',
-    modelName,
-    displayLabel: `映射 "${modelName}"`,
-    message: 'hello',
+    modelName: testingModelName.value,
+    displayLabel: `映射 "${testingModelName.value}"`,
+    message: testMessageDraft.value,
     onSuccess: () => {
+      pendingMappingKey.value = null
       testingModelName.value = null
     },
   })
+  if (pendingMappingKey.value === currentMappingKey) {
+    pendingMappingKey.value = null
+  }
   testingMapping.value = null
 }
 

frontend/src/features/providers/components/provider-tabs/ModelTestDialog.vue

@@ -7,35 +7,91 @@
     @update:open="(val: boolean) => { if (!val) emit('close') }"
   >
     <div
-      v-if="showSelection"
-      class="space-y-2"
+      v-if="showSetup"
+      class="space-y-4"
     >
-      <button
-        v-for="endpoint in endpoints"
-        :key="endpoint.id"
-        type="button"
-        class="w-full rounded-lg border border-border/60 px-3 py-3 text-left transition-colors hover:bg-muted/40"
-        @click="emit('select-endpoint', endpoint.id)"
-      >
+      <div class="space-y-2">
         <div class="flex items-center justify-between gap-3">
-          <div class="min-w-0">
-            <div class="text-sm font-medium">
-              {{ formatApiFormat(endpoint.api_format) }}
-            </div>
-            <div class="mt-1 text-xs text-muted-foreground truncate">
-              {{ endpoint.base_url }}
-            </div>
+          <div class="text-sm font-medium">
+            测试内容
+          </div>
+          <div class="text-[11px] text-muted-foreground">
+            留空时使用默认提示词
           </div>
-          <Badge variant="outline">
-            {{ endpoint.is_active ? '已启用' : '已禁用' }}
-          </Badge>
         </div>
-      </button>
+        <Textarea
+          :model-value="messageDraft"
+          class="min-h-[132px]"
+          placeholder="输入自定义测试内容；留空时使用系统默认测试提示词"
+          @update:model-value="emit('update:messageDraft', $event)"
+        />
+      </div>
+
       <div
-        v-if="endpoints.length === 0"
-        class="rounded-lg border border-dashed border-border/60 px-3 py-6 text-center text-sm text-muted-foreground"
+        v-if="showEndpointChoices"
+        class="space-y-2"
       >
-        暂无可用于测试的活跃端点
+        <div class="text-sm font-medium">
+          选择测试端点
+        </div>
+        <button
+          v-for="endpoint in endpoints"
+          :key="endpoint.id"
+          type="button"
+          class="w-full rounded-lg border border-border/60 px-3 py-3 text-left transition-colors hover:bg-muted/40"
+          @click="emit('selectEndpoint', endpoint.id)"
+        >
+          <div class="flex items-center justify-between gap-3">
+            <div class="min-w-0">
+              <div class="text-sm font-medium">
+                {{ formatApiFormat(endpoint.api_format) }}
+              </div>
+              <div class="mt-1 text-xs text-muted-foreground truncate">
+                {{ endpoint.base_url }}
+              </div>
+            </div>
+            <Badge variant="outline">
+              {{ endpoint.is_active ? '已启用' : '已禁用' }}
+            </Badge>
+          </div>
+        </button>
+        <div class="text-[11px] text-muted-foreground">
+          选择端点后会立即开始测试
+        </div>
+      </div>
+
+      <div
+        v-else
+        class="space-y-4"
+      >
+        <div
+          v-if="setupEndpoint"
+          class="rounded-lg border border-border/60 bg-muted/20 p-4 space-y-2"
+        >
+          <div class="text-xs text-muted-foreground">
+            本次测试端点
+          </div>
+          <div class="text-sm font-medium">
+            {{ formatApiFormat(setupEndpoint.api_format) }}
+          </div>
+          <div class="text-xs text-muted-foreground break-all">
+            {{ setupEndpoint.base_url }}
+          </div>
+        </div>
+
+        <div
+          v-else-if="mode === 'direct'"
+          class="rounded-lg border border-border/60 bg-muted/20 px-3 py-2 text-xs text-muted-foreground"
+        >
+          该测试会直接在当前 Provider 内执行故障转移，并使用上方内容作为测试消息。
+        </div>
+
+        <Button
+          class="w-full"
+          @click="emit('start')"
+        >
+          开始测试
+        </Button>
       </div>
     </div>
 
@@ -453,7 +509,7 @@
         size="sm"
         @click="emit('close')"
       >
-        {{ showSelection ? '取消' : '关闭' }}
+        {{ showSetup ? '取消' : '关闭' }}
       </Button>
     </template>
   </Dialog>
@@ -464,6 +520,7 @@ import { computed, ref, watch } from 'vue'
 import { Loader2 } from 'lucide-vue-next'
 import { Dialog, Badge } from '@/components/ui'
 import Button from '@/components/ui/button.vue'
+import Textarea from '@/components/ui/textarea.vue'
 import { formatApiFormat } from '@/api/endpoints/types/api-format'
 import type { TestModelFailoverResponse, TestAttemptDetail } from '@/api/endpoints/providers'
 import type { CandidateRecord, RequestTrace } from '@/api/requestTrace'
@@ -486,19 +543,29 @@ const props = defineProps<{
   trace?: RequestTrace | null
   requestId?: string | null
   showEndpointSelector?: boolean
+  messageDraft?: string
 }>()
 
 const emit = defineEmits<{
   close: []
   back: []
-  'select-endpoint': [endpointId: string]
+  start: []
+  selectEndpoint: [endpointId: string]
+  'update:messageDraft': [value: string]
 }>()
 
 const endpoints = computed(() => props.endpoints ?? [])
 const traceCandidates = computed(() => props.trace?.candidates ?? [])
-const showSelection = computed(() => props.open && !!props.showEndpointSelector && !props.testing && !props.result)
+const messageDraft = computed(() => props.messageDraft ?? '')
+const showSetup = computed(() => props.open && !props.testing && !props.result)
+const showEndpointChoices = computed(() => showSetup.value && !!props.showEndpointSelector && endpoints.value.length > 1)
 const showResult = computed(() => !!props.result)
 const canReselect = computed(() => !!props.showEndpointSelector && endpoints.value.length > 1)
+const setupEndpoint = computed(() => {
+  if (props.selectedEndpoint) return props.selectedEndpoint
+  if (endpoints.value.length === 1) return endpoints.value[0]
+  return null
+})
 
 const dialogTitle = computed(() => {
   if (props.result) return '模型测试结果'
@@ -506,9 +573,12 @@ const dialogTitle = computed(() => {
 })
 
 const dialogDescription = computed(() => {
-  if (showSelection.value && props.selectingModelName) {
+  if (showEndpointChoices.value && props.selectingModelName) {
     return `为 ${props.selectingModelName} 选择端点`
   }
+  if (showSetup.value && props.selectingModelName) {
+    return `为 ${props.selectingModelName} 设置测试内容`
+  }
   if (props.testing && props.selectedEndpoint) {
     return `正在通过 ${formatApiFormat(props.selectedEndpoint.api_format)} 测试 ${props.selectingModelName || '模型'}`
   }

frontend/src/features/providers/components/provider-tabs/ModelsTab.vue

@@ -222,9 +222,12 @@
     :trace="modelTest.testTrace.value"
     :request-id="modelTest.requestId.value"
     :show-endpoint-selector="activeEndpoints.length > 1"
+    :message-draft="testMessageDraft"
     @close="handleTestDialogClose"
     @back="handleTestDialogBack"
+    @start="handleStartPendingTest"
     @select-endpoint="handleSelectTestEndpoint"
+    @update:message-draft="testMessageDraft = $event"
   />
 </template>
 
@@ -272,6 +275,7 @@ const localModels = ref<Model[]>([])
 const togglingModelId = ref<string | null>(null)
 const pendingTestModel = ref<Model | null>(null)
 const selectedTestEndpoint = ref<ProviderEndpoint | null>(null)
+const testMessageDraft = ref('')
 const activeEndpoints = computed(() => (props.endpoints ?? []).filter(endpoint => endpoint.is_active))
 const models = computed(() => props.models ?? localModels.value)
 // 按名称排序的模型列表
@@ -460,7 +464,7 @@ async function handleSelectTestEndpoint(endpointId: string) {
     displayLabel: `${endpointPrefix}${modelName}`,
     apiFormat: endpoint.api_format,
     endpointId: endpoint.id,
-    message: 'hello',
+    message: testMessageDraft.value,
     concurrency: 5,
     onSuccess: () => {
       pendingTestModel.value = null
@@ -475,6 +479,13 @@ async function handleSelectTestEndpoint(endpointId: string) {
   })
 }
 
+async function handleStartPendingTest() {
+  if (modelTest.testing.value) return
+  const endpoint = activeEndpoints.value[0]
+  if (!endpoint) return
+  await handleSelectTestEndpoint(endpoint.id)
+}
+
 async function testModelConnection(model: Model) {
   if (modelTest.testing.value) return
 
@@ -487,10 +498,6 @@ async function testModelConnection(model: Model) {
   selectedTestEndpoint.value = null
   modelTest.testResult.value = null
   modelTest.dialogOpen.value = true
-
-  if (activeEndpoints.value.length === 1) {
-    await handleSelectTestEndpoint(activeEndpoints.value[0].id)
-  }
 }
 
 // 暴露给父组件