fix: provider homepage url

Author: kermanx

ui/src/components/KeySelector.vue

@@ -52,7 +52,6 @@ watchEffect(() => {
       </template>
       <template v-else>
         <div class="grid gap-4 grid-cols-2 mb-4">
-          <!-- SiliconFlow configuration card (if not configured) -->
           <Card v-for="provider in providersStore.list" :key="provider.id" class="relative gap-2">
             <CardHeader>
               <div class="flex items-center justify-between">
@@ -65,11 +64,11 @@ watchEffect(() => {
             <CardContent>
               <div class="text-sm text-muted-foreground">
                 <p>
-                  {{ t('siliconFlowDescription1') }}
-                  <a href="https://www.siliconflow.cn" target="_blank" class="text-blue-900 dark:text-blue-200 hover:underline">
-                    {{ t('siliconFlow') }}
+                  {{ t('description1') }}
+                  <a :href="provider.homepage" target="_blank" class="text-blue-900 dark:text-blue-200 hover:underline">
+                    {{ provider.name }}
                   </a>
-                  {{ t('siliconFlowDescription2') }}
+                  {{ t('description2') }}
                 </p>
               </div>
             </CardContent>
@@ -130,17 +129,17 @@ en-US:
   loadingKeys: Loading...
   noKeysAvailable: No providers configured
   addNewKey: Add Provider
-  siliconFlowDescription1: Purchase and configure API through
-  siliconFlowDescription2: ' '
+  description1: Purchase and configure API through
+  description2: ' '
   configure: Configure {0}
   selectKey: Provider
 
 zh-CN:
   loadingKeys: 加载中
   noKeysAvailable: 未配置提供商
   addNewKey: 添加提供商
-  siliconFlowDescription1: 通过
-  siliconFlowDescription2: 购买和配置 API
+  description1: 通过
+  description2: 购买和配置 API
   configure: 配置 {0}
   selectKey: 提供商
 </i18n>

ui/src/components/KeysSection.vue

@@ -90,7 +90,7 @@ onMounted(() => {
             <div class="text-sm text-muted-foreground">
               <p>
                 {{ t('description1') }}
-                <a href="https://www.siliconflow.cn" target="_blank" class="text-blue-900 dark:text-blue-200 hover:underline">
+                <a :href="provider.homepage" target="_blank" class="text-blue-900 dark:text-blue-200 hover:underline">
                   {{ provider.name }}
                 </a>
                 {{ t('description2') }}

ui/src/lib/providers/deepseek.ts

@@ -25,6 +25,7 @@ export const useDeepSeekProvider = createSharedComposable((): Provider => {
     get name() {
       return t('providerName')
     },
+    homepage: 'https://www.deepseek.com/',
 
     get user() {
       return user.value

ui/src/lib/providers/index.ts

@@ -18,6 +18,7 @@ export interface ProviderVerificationInfo {
 export interface Provider {
   readonly id: string
   readonly name: string
+  readonly homepage: string
 
   readonly user: undefined | null | ProviderUserInfo
   readonly refreshUser: () => Promise<void>

ui/src/lib/providers/siliconflow.ts

@@ -37,6 +37,7 @@ export const useSiliconFlowProvider = createSharedComposable((): Provider => {
     get name() {
       return t('providerName')
     },
+    homepage: 'https://www.siliconflow.cn/',
 
     get user() {
       return user.value