feat(ui): 将选择组件替换为组合框以支持搜索功能

将 StyleSelector 和 TextGeneratePopup 中的 Select 组件替换为 Combobox 组件，添加搜索过滤功能。

- StyleSelector.vue: 将 Select 组件替换为 Combobox，添加搜索关键词过滤和显示值处理
- TextGeneratePopup.vue: 将智能体选择器从 Select 升级为 Combobox，支持按名称搜索智能体
- 两个组件都添加了搜索输入框、过滤逻辑和空状态显示

frontend/app/web-gold/src/views/kling/components/TextGeneratePopup.vue

@@ -25,13 +25,20 @@
             <!-- 智能体选择 -->
             <div class="form-item">
               <label class="form-label">选择智能体</label>
-              <Select v-model="selectedAgentId" :disabled="loadingAgents" class="agent-select">
-                <SelectTrigger class="agent-select-trigger">
-                  <SelectValue :placeholder="loadingAgents ? '加载中...' : '请选择智能体'" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem
-                    v-for="agent in agentList"
+              <Combobox v-model="selectedAgentId" :disabled="loadingAgents">
+                <ComboboxAnchor class="agent-select-anchor">
+                  <ComboboxTrigger as-child>
+                    <ComboboxInput
+                      :placeholder="loadingAgents ? '加载中...' : '搜索或选择智能体...'"
+                      v-model="searchKeyword"
+                      :display-value="displayValue"
+                    />
+                  </ComboboxTrigger>
+                </ComboboxAnchor>
+                <ComboboxList class="agent-combobox-list">
+                  <ComboboxEmpty>未找到匹配的智能体</ComboboxEmpty>
+                  <ComboboxItem
+                    v-for="agent in filteredAgents"
                     :key="agent.id"
                     :value="agent.id"
                   >
@@ -39,9 +46,9 @@
                       <img v-if="agent.icon" :src="agent.icon" class="agent-icon" />
                       <span class="agent-name">{{ agent.agentName }}</span>
                     </div>
-                  </SelectItem>
-                </SelectContent>
-              </Select>
+                  </ComboboxItem>
+                </ComboboxList>
+              </Combobox>
             </div>
 
             <!-- 主题输入 -->
@@ -89,12 +96,14 @@ import { ref, computed, watch, onUnmounted } from 'vue'
 import { Icon } from '@iconify/vue'
 import { toast } from 'vue-sonner'
 import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from '@/components/ui/select'
+  Combobox,
+  ComboboxAnchor,
+  ComboboxEmpty,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxTrigger
+} from '@/components/ui/combobox'
 import { getAgentList, sendChatStream } from '@/api/agent'
 
 // Props
@@ -117,6 +126,7 @@ const selectedAgentId = ref<number | null>(null)
 const theme = ref('')
 const generatedText = ref('')
 const isGenerating = ref(false)
+const searchKeyword = ref('')
 const abortController = ref<AbortController | null>(null)
 const popoverStyle = ref<Record<string, string>>({})
 
@@ -125,6 +135,24 @@ const canGenerate = computed(() => {
   return selectedAgentId.value && theme.value.trim().length > 0
 })
 
+// 过滤后的智能体列表
+const filteredAgents = computed(() => {
+  if (!searchKeyword.value.trim()) {
+    return agentList.value
+  }
+  const keyword = searchKeyword.value.toLowerCase()
+  return agentList.value.filter(agent =>
+    agent.agentName?.toLowerCase().includes(keyword)
+  )
+})
+
+// 显示选中智能体的名称
+const displayValue = (val: number | null) => {
+  if (!val) return ''
+  const agent = agentList.value.find(a => a.id === val)
+  return agent?.agentName || ''
+}
+
 // 获取智能体列表
 const fetchAgents = async () => {
   loadingAgents.value = true