feat(providers): 统一模型字段、搜索与异步保存隔离

openless-all/app/crates/openless-core/src/provider_rules.rs

@@ -1084,6 +1084,19 @@ mod tests {
         }
     }
 
+    #[test]
+    fn browser_provider_descriptor_fixture_matches_core() {
+        let fixture: Vec<ProviderDescriptor> = serde_json::from_str(include_str!(
+            "../../../src/lib/ipc/mock-provider-descriptors.json"
+        ))
+        .unwrap();
+        let actual = [ProviderKind::Llm, ProviderKind::Asr, ProviderKind::Omni]
+            .into_iter()
+            .flat_map(provider_descriptors)
+            .collect::<Vec<_>>();
+        assert_eq!(fixture, actual);
+    }
+
     #[test]
     fn secret_like_volc_resource_ids_are_not_attributed() {
         assert_eq!(

openless-all/app/src/components/SettingsModal.tsx

@@ -8,6 +8,7 @@
 //
 // 设计原则：每个可见控件都必须可用。
 
+import { ProviderLeaveContext, useProviderForm } from '../pages/settings/ProviderForm';
 import { useLayoutEffect, useRef, useState, type CSSProperties } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Icon } from './Icon';
@@ -57,6 +58,8 @@ const LINK_ITEMS: ModalNavItem[] = [
 ];
 
 export function SettingsModal({ os: _os, onClose, initialSettingsSection }: SettingsModalProps) {
+  const providerForm = useProviderForm();
+  const close = () => { void providerForm.finish(onClose); };
   const { t } = useTranslation();
   const mobile = useMobileLayout();
   const conservative = useConservativeLayout();
@@ -78,8 +81,9 @@ export function SettingsModal({ os: _os, onClose, initialSettingsSection }: Sett
   }, [section, mobile]);
 
   return (
+    <ProviderLeaveContext.Provider value={providerForm.register}>
     <div
-      onClick={mobile ? undefined : onClose}
+      onClick={mobile ? undefined : close}
       style={{
         position: mobile ? 'fixed' : 'absolute',
         inset: 0,
@@ -124,7 +128,7 @@ export function SettingsModal({ os: _os, onClose, initialSettingsSection }: Sett
           }}>
             <button
               type="button"
-              onClick={onClose}
+              onClick={close}
               aria-label={t('common.close')}
               style={mobileHeaderBtnStyle}
             >
@@ -140,7 +144,7 @@ export function SettingsModal({ os: _os, onClose, initialSettingsSection }: Sett
                   <button
                     key={it.id}
                     type="button"
-                    onClick={() => setSection(it.id as SettingsSectionId)}
+                    onClick={() => void providerForm.finish(() => setSection(it.id as SettingsSectionId))}
                     className={active ? 'ol-nav-btn ol-nav-btn-active' : 'ol-nav-btn'}
                     style={mobileTabChipStyle(active)}
                   >
@@ -186,7 +190,7 @@ export function SettingsModal({ os: _os, onClose, initialSettingsSection }: Sett
                 <button
                   key={it.id}
                   ref={el => { tabRefs.current[idx] = el; }}
-                  onClick={() => setSection(it.id as SettingsSectionId)}
+                  onClick={() => void providerForm.finish(() => setSection(it.id as SettingsSectionId))}
                   className={active ? 'ol-nav-btn ol-nav-btn-active' : 'ol-nav-btn'}
                   style={navBtnStyle}>
                   <Icon name={it.icon} size={14} />
@@ -223,7 +227,7 @@ export function SettingsModal({ os: _os, onClose, initialSettingsSection }: Sett
           />
           {!mobile && (
           <button
-            onClick={onClose}
+            onClick={close}
             style={{
               position: 'absolute', top: 14, right: 14, zIndex: 2,
               width: 28, height: 28, border: 0, borderRadius: 999,
@@ -288,6 +292,7 @@ export function SettingsModal({ os: _os, onClose, initialSettingsSection }: Sett
         </div>
       </div>
     </div>
+    </ProviderLeaveContext.Provider>
   );
 }
 

openless-all/app/src/components/ui/SelectLite.tsx

@@ -35,6 +35,8 @@ export interface SelectOption {
   value: string;
   label: string;
   disabled?: boolean;
+  /** 搜索期间仍保留操作项，例如自定义输入入口。 */
+  alwaysVisible?: boolean;
   /** 可选：渲染在选项标签右侧、勾选标记左侧（如麦克风音量条）。 */
   trailing?: ReactNode;
 }
@@ -111,7 +113,7 @@ export function SelectLite({
     const needle = query.trim().toLocaleLowerCase();
     if (!needle) return options;
     return options.filter(option => (
-      option.label.toLocaleLowerCase().includes(needle)
+      option.alwaysVisible || option.label.toLocaleLowerCase().includes(needle)
       || option.value.toLocaleLowerCase().includes(needle)
     ));
   }, [options, query]);
@@ -263,6 +265,7 @@ export function SelectLite({
   };
 
   const selectIndex = (index: number) => {
+    if (disabled) return;
     const option = filteredOptions[index];
     if (!option || option.disabled) return;
     onChange(option.value);
@@ -319,6 +322,7 @@ export function SelectLite({
   };
 
   const handleSearchKeyDown = (event: ReactKeyboardEvent<HTMLInputElement>) => {
+    if (event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) return;
     if (event.key === 'Escape') {
       event.preventDefault();
       closeMenu();
@@ -459,7 +463,7 @@ export function SelectLite({
             role="listbox"
             style={{ maxHeight: searchable ? 274 : 272, overflowY: 'auto' }}
           >
-            {filteredOptions.length === 0 && (
+            {!filteredOptions.some(option => !option.alwaysVisible) && (
               <div
                 style={{
                   padding: '18px 10px',

openless-all/app/src/lib/ipc/asr-credentials.ts

@@ -2,7 +2,7 @@ import type { CredentialsStatus } from "../types"
 import { invokeOrMock, isTauri } from "./shared"
 import { mockCredentialsStatus, mockCredentialValues } from "./mock-data"
 import { invalidateMockChannelTest } from "./channels"
-import type { LlmRequestFormat } from "./providers"
+import { listProviderDescriptors, type LlmRequestFormat } from "./providers"
 
 export interface ProviderCheckResult {
     ok: boolean
@@ -104,6 +104,10 @@ export async function listProviderModels(
     channelId?: string,
     providerType?: string,
 ): Promise<ProviderModelsResult> {
+    if (!isTauri) {
+        const descriptor = (await listProviderDescriptors(kind)).find(item => item.providerType === providerType)
+        if (descriptor?.staticModels.length) return { models: descriptor.staticModels }
+    }
     if (!isTauri && providerType === "orcarouter" && (kind === "llm" || kind === "asr")) {
         const endpointAccount = kind === "llm" ? "ark.endpoint" : "asr.endpoint"
         const endpoint = mockCredentialValues.get(`${channelId ?? ''}:${endpointAccount}`)
@@ -124,6 +128,6 @@ export async function listProviderModels(
         models:
             kind === "llm"
                 ? ["gpt-4o", "deepseek-v4-flash", "deepseek-v4-pro"]
-                : ["whisper-1"],
+                : kind === "omni" ? ["gpt-4o-audio-preview", "qwen3-omni-flash"] : ["whisper-1"],
     }))
 }