优化复刻视频脚本和下拉框样式

core/frontend/src/routes/admin/admin-models.tsx

@@ -3,6 +3,7 @@ import { Server, X } from "lucide-react";
 import { adminApi } from "../../api";
 import { Pager } from "../../components/pager";
 import { SystemLoading } from "../../components/loading";
+import { CustomSelect } from "../../components/custom-select";
 import type { AdminModel, AdminProvider } from "../../types";
 import { pts } from "../stage-config";
 
@@ -229,10 +230,14 @@ export function AdminModelsPage({ notify }: { notify: Notify }) {
             <div className="modal-b">
               <div className="field">
                 <label className="field-label">供应商 <span className="req">*</span></label>
-                <select className="select" value={modelModal.provider} disabled={Boolean(modelModal.id)} onChange={(e) => setModelModal((m) => m && ({ ...m, provider: e.target.value }))}>
-                  <option value="">选择供应商…</option>
-                  {providers.map((p) => <option key={p.id} value={p.id}>{p.display_name}</option>)}
-                </select>
+                <CustomSelect
+                  fill
+                  value={modelModal.provider}
+                  disabled={Boolean(modelModal.id)}
+                  placeholder="选择供应商…"
+                  onChange={(next) => setModelModal((m) => m && ({ ...m, provider: next }))}
+                  options={providers.map((p) => ({ value: p.id, label: p.display_name }))}
+                />
               </div>
               <div className="field-row">
                 <div className="field">
@@ -241,9 +246,13 @@ export function AdminModelsPage({ notify }: { notify: Notify }) {
                 </div>
                 <div className="field">
                   <label className="field-label">能力</label>
-                  <select className="select" value={modelModal.capability} disabled={Boolean(modelModal.id)} onChange={(e) => setModelModal((m) => m && ({ ...m, capability: e.target.value }))}>
-                    {CAPABILITIES.map((c) => <option key={c} value={c}>{c}</option>)}
-                  </select>
+                  <CustomSelect
+                    fill
+                    value={modelModal.capability}
+                    disabled={Boolean(modelModal.id)}
+                    onChange={(next) => setModelModal((m) => m && ({ ...m, capability: next }))}
+                    options={CAPABILITIES.map((c) => ({ value: c, label: c }))}
+                  />
                 </div>
               </div>
               <div className="field">