codexmate 0.1.17 → 0.1.18

package/web-ui/modules/app.methods.pi-config.mjs

@@ -1,9 +1,37 @@
 import { api } from './api.mjs';
+import { PI_PROVIDER_TEMPLATE_GROUPS } from './pi-provider-templates.mjs';
 
 function isPiPlainObject(value) {
     return value && typeof value === 'object' && !Array.isArray(value);
 }
 
+function normalizePiModelInput(value) {
+    if (!Array.isArray(value)) return [];
+    return value.filter((item) => item === 'text' || item === 'image');
+}
+
+function normalizePiModelNumber(value) {
+    if (typeof value === 'number') return Number.isFinite(value) ? value : '';
+    if (typeof value === 'string' && value.trim() !== '') {
+        const num = Number(value);
+        return Number.isFinite(num) ? num : '';
+    }
+    return '';
+}
+
+function normalizePiModelRecord(model) {
+    const record = model && typeof model === 'object' ? model : {};
+    const contextWindow = record.contextWindow !== undefined ? record.contextWindow : record.context_window;
+    const maxTokens = record.maxTokens !== undefined ? record.maxTokens : record.max_tokens;
+    return {
+        id: record.id == null ? '' : String(record.id),
+        name: record.name == null ? '' : String(record.name),
+        reasoning: !!record.reasoning,
+        contextWindow: normalizePiModelNumber(contextWindow),
+        maxTokens: normalizePiModelNumber(maxTokens),
+        input: normalizePiModelInput(record.input)
+    };
+}
 export function createPiConfigMethods({ api: apiClient }) {
     return {
         async loadPiProviders() {
@@ -79,9 +107,18 @@ export function createPiConfigMethods({ api: apiClient }) {
             }
         },
         async savePiProvider() {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
+            const editor = this.editingPiProvider;
+            if (!editor || !editor.form) return;
+            const isNew = !!editor.isNew;
+            const baseUrl = (editor.form.baseUrl || '').trim();
+            if (isNew && !baseUrl) {
+                this.message = 'Base URL 不能为空';
+                this.messageType = 'error';
+                return;
+            }
             this.piSaving = true;
             try {
-                const providerId = this.editingPiProvider.id;
                 const { merged, ok, error } = this.piBuildMergedEditorRecord();
                 if (!ok || !merged) {
                     this.piEditorJsonError = error || '配置 JSON 不合法';
@@ -89,12 +126,23 @@ export function createPiConfigMethods({ api: apiClient }) {
                     this.messageType = 'error';
                     return;
                 }
-
+                const providerId = isNew ? this.derivePiProviderId(baseUrl) : editor.id;
+                if (isNew) {
+                    merged.id = providerId;
+                    if (merged.name === undefined) merged.name = providerId;
+                }
                 await this.persistPiProvider(providerId, merged);
                 this.piProviders = { ...this.piProviders, [providerId]: merged };
                 this.piProviderIds = Object.keys(this.piProviders).sort();
                 this.resetPiProviderEditing();
-                this.message = '配置已保存';
+                if (isNew) {
+                    this.showAddPiProviderModal = false;
+                    this.piProviderPickerQuery = '';
+                    this.piSelectedProviderTemplate = '';
+                    this.message = '供应商已添加';
+                } else {
+                    this.message = '配置已保存';
+                }
                 this.messageType = 'success';
             } catch (e) {
                 this.message = e && e.message ? e.message : '保存 Pi 配置失败';
@@ -103,45 +151,6 @@ export function createPiConfigMethods({ api: apiClient }) {
                 this.piSaving = false;
             }
         },
-        async addPiProviderFromModal() {
-            let createdId = null;
-            this.piSaving = true;
-            try {
-                const baseUrl = (this.addingPiProviderBaseUrl || '').trim();
-                if (!baseUrl) throw new Error('Base URL 不能为空');
-                const providerId = this.derivePiProviderId(baseUrl);
-                const modelId = (this.addingPiProviderModel || '').trim();
-                const values = {
-                    id: providerId,
-                    name: providerId,
-                    baseUrl,
-                    api: this.addingPiProviderApi || 'openai-completions',
-                    apiKey: (this.addingPiProviderApiKey || '').trim(),
-                    models: modelId ? [{
-                        id: modelId,
-                        name: modelId,
-                        reasoning: false,
-                        contextWindow: 128000,
-                        maxTokens: 32000,
-                        input: ''
-                    }] : []
-                };
-
-                await this.persistPiProvider(providerId, values);
-                this.piProviders = { ...this.piProviders, [providerId]: values };
-                this.piProviderIds = Object.keys(this.piProviders).sort();
-                this.cancelAddPiProviderModal();
-                this.message = '供应商已添加';
-                this.messageType = 'success';
-                createdId = providerId;
-            } catch (e) {
-                this.message = e && e.message ? e.message : '添加 Pi 供应商失败';
-                this.messageType = 'error';
-            } finally {
-                this.piSaving = false;
-                if (createdId) this.openEditPiProvider(createdId);
-            }
-        },
         derivePiProviderId(baseUrl) {
             let candidate = String(Date.now());
             while (this.piProviders[candidate]) candidate = String(Number(candidate) + 1);
@@ -150,79 +159,156 @@ export function createPiConfigMethods({ api: apiClient }) {
         piProviderUrlTitle() {
             return '';
         },
+        resetPiEditorTransientState() {
+            this.piRemoteModels = [];
+            this.piRemoteModelError = '';
+            this.piRemoteChecked = {};
+            this.piCatalogFillError = '';
+            this.piCatalogFillIndex = -1;
+            this.piModelSearch = '';
+            this.piEditorJsonError = '';
+        },
         startAddPiProvider() {
             if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
-            this.addingPiProviderId = '';
-            this.addingPiProviderName = '';
-            this.addingPiProviderBaseUrl = '';
-            this.addingPiProviderApi = 'openai-completions';
-            this.addingPiProviderApiKey = '';
-            this.addingPiProviderModel = '';
-            this.addingPiRemoteModels = [];
-            this.addingPiRemoteLoading = false;
-            this.addingPiRemoteError = '';
-            this.showAddPiProviderModal = true;
             this.editingPiProvider = null;
+            this.showAddPiProviderModal = true;
+            this.piProviderPickerQuery = '';
+            this.piSelectedProviderTemplate = '';
+            this.resetPiEditorTransientState();
         },
         cancelAddPiProviderModal() {
             this.showAddPiProviderModal = false;
-            this.addingPiProviderId = '';
-            this.addingPiProviderName = '';
-            this.addingPiProviderBaseUrl = '';
-            this.addingPiProviderApi = '';
-            this.addingPiProviderApiKey = '';
-            this.addingPiProviderModel = '';
-            this.addingPiRemoteModels = [];
-            this.addingPiRemoteLoading = false;
-            this.addingPiRemoteError = '';
-        },
-        async fetchAddingPiRemoteModels() {
-            const baseUrl = (this.addingPiProviderBaseUrl || '').trim();
-            if (!baseUrl || !/^https?:\/\//i.test(baseUrl)) {
-                this.addingPiRemoteModels = [];
-                this.addingPiRemoteError = '';
-                return;
+            this.piProviderPickerQuery = '';
+            this.piSelectedProviderTemplate = '';
+            if (this.editingPiProvider && this.editingPiProvider.isNew) this.editingPiProvider = null;
+            this.resetPiEditorTransientState();
+        },
+        piProviderTemplateGroups() {
+            const query = (this.piProviderPickerQuery || '').trim().toLowerCase();
+            if (!query) return PI_PROVIDER_TEMPLATE_GROUPS;
+            return PI_PROVIDER_TEMPLATE_GROUPS
+                .map((group) => ({
+                    id: group.id,
+                    i18nKey: group.i18nKey,
+                    templates: group.templates.filter((tpl) =>
+                        tpl.name.toLowerCase().includes(query) || tpl.id.toLowerCase().includes(query))
+                }))
+                .filter((group) => group.templates.length > 0);
+        },
+        selectPiProviderTemplate(tplId) {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
+            const tpl = PI_PROVIDER_TEMPLATE_GROUPS
+                .flatMap((group) => group.templates)
+                .find((item) => item.id === tplId);
+            if (!tpl) return;
+            this.piSelectedProviderTemplate = tpl.id;
+            this.startPiProviderDraft(tpl);
+        },
+        startPiProviderDraft(tpl) {
+            const template = isPiPlainObject(tpl) ? tpl : {};
+            this.resetPiEditorTransientState();
+            this.editingPiProvider = {
+                id: '',
+                isNew: true,
+                form: {
+                    id: '',
+                    baseUrl: template.baseUrl || '',
+                    api: template.api || 'openai-completions',
+                    apiKey: '',
+                    configJsonDraft: '',
+                    models: []
+                },
+                extras: {},
+                original: null
+            };
+            this.fetchPiRemoteModels();
+        },
+        resetPiProviderTemplateSelection() {
+            this.piSelectedProviderTemplate = '';
+            if (this.editingPiProvider && this.editingPiProvider.isNew) this.editingPiProvider = null;
+        },
+        piRemoteSelectableModels() {
+            const base = Array.isArray(this.piRemoteModels) ? this.piRemoteModels : [];
+            const form = this.editingPiProvider && this.editingPiProvider.form;
+            const existing = Array.isArray(form && form.models) ? form.models : [];
+            const added = new Set(existing.map((m) => String(m && m.id || '').trim().toLowerCase()));
+            const q = (this.piModelSearch || '').trim().toLowerCase();
+            return base
+                .filter((id) => {
+                    if (added.has(String(id).trim().toLowerCase())) return false;
+                    return !q || String(id).toLowerCase().includes(q);
+                })
+                .slice(0, 50);
+        },
+        isPiRemoteChecked(id) {
+            return !!this.piRemoteChecked[String(id)];
+        },
+        togglePiRemoteChecked(id) {
+            const key = String(id);
+            const next = { ...this.piRemoteChecked };
+            if (next[key]) delete next[key];
+            else next[key] = true;
+            this.piRemoteChecked = next;
+        },
+        piCheckedRemoteCount() {
+            return this.piRemoteSelectableModels().filter((id) => this.isPiRemoteChecked(id)).length;
+        },
+        piCreateModelRecord(id) {
+            const t = String(id || '').trim();
+            return {
+                id: t,
+                name: t,
+                reasoning: false,
+                contextWindow: 128000,
+                maxTokens: 32000,
+                input: []
+            };
+        },
+        addSelectedPiRemoteModels() {
+            if (!this.isToolConfigWriteAllowed('pi') || !this.editingPiProvider) return;
+            const form = this.editingPiProvider.form;
+            if (!form || !Array.isArray(form.models)) return;
+            const existing = new Set(form.models.map((m) => String(m && m.id || '').trim().toLowerCase()));
+            for (const id of this.piRemoteSelectableModels()) {
+                if (!this.isPiRemoteChecked(id)) continue;
+                const key = String(id).trim().toLowerCase();
+                if (existing.has(key)) continue;
+                form.models.push(this.piCreateModelRecord(id));
+                existing.add(key);
             }
-            this.addingPiRemoteLoading = true;
-            this.addingPiRemoteError = '';
+            this.piRemoteChecked = {};
+            this.piModelSearch = '';
+        },
+        async fillPiModelFromCatalog(index) {
+            if (!this.isToolConfigWriteAllowed('pi') || !this.editingPiProvider) return;
+            const models = this.editingPiProvider.form && this.editingPiProvider.form.models;
+            const model = Array.isArray(models) ? models[index] : null;
+            if (!model || !String(model.id || '').trim()) return;
+            if (this.piCatalogFillIndex !== -1) return;
+            this.piCatalogFillIndex = index;
+            this.piCatalogFillError = '';
             try {
-                const result = await apiClient('fetch-pi-remote-models', {
-                    baseUrl,
-                    apiKey: (this.addingPiProviderApiKey || '').trim()
+                const result = await apiClient('pi-models-catalog', {
+                    modelId: String(model.id).trim(),
+                    providerId: this.editingPiProvider.id,
+                    baseUrl: this.editingPiProvider.form.baseUrl || ''
                 });
-                if (!this.showAddPiProviderModal) return;
-                if (result && Array.isArray(result.models) && result.models.length > 0) {
-                    this.addingPiRemoteModels = result.models;
+                if (result && result.ok && isPiPlainObject(result.model)) {
+                    const info = result.model;
+                    if (model.name === '' && typeof info.name === 'string') model.name = info.name;
+                    if (model.contextWindow === '' && Number.isFinite(info.contextWindow)) model.contextWindow = info.contextWindow;
+                    if (model.maxTokens === '' && Number.isFinite(info.maxTokens)) model.maxTokens = info.maxTokens;
+                    model.reasoning = !!info.reasoning;
                 } else {
-                    this.addingPiRemoteModels = [];
-                    this.addingPiRemoteError = (result && result.error) || '未获取到可用模型';
+                    this.piCatalogFillError = (result && result.error) || 'models.dev 目录中未找到该模型';
                 }
-            } catch (e) {
-                if (!this.showAddPiProviderModal) return;
-                this.addingPiRemoteModels = [];
-                this.addingPiRemoteError = e && e.message ? e.message : '模型列表获取失败';
             } finally {
-                if (this.showAddPiProviderModal) this.addingPiRemoteLoading = false;
+                this.piCatalogFillIndex = -1;
             }
         },
-        onAddingPiEndpointChange() {
-            if (this.addingPiRemoteDebounce) clearTimeout(this.addingPiRemoteDebounce);
-            this.addingPiRemoteDebounce = setTimeout(() => {
-                this.addingPiRemoteDebounce = null;
-                this.fetchAddingPiRemoteModels();
-            }, 600);
-        },
-        piFilteredAddingRemoteModels() {
-            const query = (this.addingPiProviderModel || '').trim().toLowerCase();
-            if (!query) return [];
-            return this.addingPiRemoteModels.filter((id) => id.toLowerCase().includes(query)).slice(0, 50);
-        },
         openEditPiProvider(providerId) {
             if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
-            this.piRemoteModels = [];
-            this.piRemoteModelError = '';
-            this.piModelSearch = '';
-            this.piEditorJsonError = '';
+            this.resetPiEditorTransientState();
             const provider = this.piProviders[providerId] || {};
             const knownKeys = ['id', 'name', 'title', 'baseUrl', 'api', 'apiKey', 'models', 'headers', 'configJson'];
             const extras = {};
@@ -236,14 +322,7 @@ export function createPiConfigMethods({ api: apiClient }) {
                 apiKey: provider.apiKey || '',
                 configJsonDraft: JSON.stringify(extras, null, 2),
                 models: Array.isArray(provider.models) && provider.models.length
-                    ? provider.models.map((model) => ({
-                        id: model?.id || '',
-                        name: model?.name || '',
-                        reasoning: model?.reasoning || '',
-                        contextWindow: model?.contextWindow ?? model?.context_window ?? '',
-                        maxTokens: model?.maxTokens ?? model?.max_tokens ?? '',
-                        input: model?.input || ''
-                    }))
+                    ? provider.models.map((model) => ({ ...model, ...normalizePiModelRecord(model) }))
                     : []
             };
             this.editingPiProvider = {
@@ -259,9 +338,19 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.editingPiProvider = null;
             this.piRemoteModels = [];
             this.piRemoteModelError = '';
+            this.piRemoteChecked = {};
+            this.piCatalogFillError = '';
+            this.piCatalogFillIndex = -1;
             this.piModelSearch = '';
             this.piEditorJsonError = '';
         },
+        closePiProviderEditor() {
+            const editor = this.editingPiProvider;
+            if (!editor) return;
+            const wasNew = !!editor.isNew;
+            this.resetPiProviderEditing();
+            if (wasNew) this.piSelectedProviderTemplate = '';
+        },
         removePiProviderModel(index) {
             if (!this.editingPiProvider) return;
             const list = this.editingPiProvider.form.models;
@@ -280,13 +369,16 @@ export function createPiConfigMethods({ api: apiClient }) {
                 if (this.editingPiProvider !== provider) return;
                 if (result && Array.isArray(result.models) && result.models.length > 0) {
                     this.piRemoteModels = result.models;
+                    this.piRemoteChecked = {};
                 } else {
                     this.piRemoteModels = [];
+                    this.piRemoteChecked = {};
                     this.piRemoteModelError = (result && result.error) || '未获取到可用模型';
                 }
             } catch (e) {
                 if (this.editingPiProvider !== provider) return;
                 this.piRemoteModels = [];
+                this.piRemoteChecked = {};
                 this.piRemoteModelError = e && e.message ? e.message : '模型列表获取失败';
             } finally {
                 if (this.editingPiProvider === provider) this.piRemoteModelsLoading = false;
@@ -303,14 +395,10 @@ export function createPiConfigMethods({ api: apiClient }) {
             if (!trimmed) return;
             const list = this.editingPiProvider.form.models;
             if (!Array.isArray(list)) return;
-            list.splice(0, list.length, {
-                id: trimmed,
-                name: trimmed,
-                reasoning: false,
-                contextWindow: 128000,
-                maxTokens: 32000,
-                input: ''
-            });
+            const key = trimmed.toLowerCase();
+            const duplicated = list.some((m) => String(m && m.id || '').trim().toLowerCase() === key);
+            if (duplicated) return;
+            list.push(this.piCreateModelRecord(trimmed));
             this.piModelSearch = '';
         },
         async confirmDeletePiProvider() {
@@ -447,11 +535,11 @@ export function createPiConfigMethods({ api: apiClient }) {
             const values = provider.form || {};
             const extras = draft.extras || {};
             const orig = this.piProviders[provider.id] || {};
-            const mapModels = (xs) => (Array.isArray(xs) ? xs : []).map((model) => ({
-                ...model,
-                id: (model && model.id) || '',
-                name: (model && (model.name || model.id)) || ''
-            }));
+            const mapModels = (xs) => (Array.isArray(xs) ? xs : []).map((model) => {
+                const record = { ...(model && typeof model === 'object' ? model : {}), ...normalizePiModelRecord(model) };
+                if (!record.name) record.name = record.id;
+                return record;
+            });
             const merged = { ...extras };
             if (merged.baseUrl === undefined) merged.baseUrl = values.baseUrl || '';
             if (merged.api === undefined) merged.api = values.api || '';

package/web-ui/modules/i18n/locales/en.mjs

@@ -1374,6 +1374,19 @@ const en = Object.freeze({
     'pi.providers.models.remoteLoading': 'Fetching remote model list…',
     'pi.providers.models.remoteFailed': 'You can still type model IDs manually.',
     'pi.providers.models.noMatch': 'No matching models',
+    'pi.providers.models.importTitle': 'Import models from endpoint',
+    'pi.providers.models.addSelected': 'Add selected ({count})',
+    'pi.providers.models.name': 'Name',
+    'pi.providers.models.reasoning': 'Supports reasoning',
+    'pi.providers.models.contextWindow': 'Context window',
+    'pi.providers.models.maxTokens': 'Max output',
+    'pi.providers.models.catalogFill': 'Auto-fill',
+    'pi.providers.models.catalogFilling': 'Filling…',
+    'pi.picker.searchPlaceholder': 'Search providers…',
+    'pi.picker.group.custom': 'Custom endpoint',
+    'pi.picker.group.apiKey': 'API key providers',
+    'pi.picker.empty': 'No matching provider templates',
+    'pi.picker.back': 'Back to template selection',
     'pi.providers.delete': 'Delete Provider',
     'pi.providers.addModal.title': 'Add Provider',
     'pi.providers.addModal.subtitle': 'Create a new Piper provider',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -1375,6 +1375,19 @@ const ja = Object.freeze({
     'pi.providers.models.remoteLoading': 'リモートモデル一覧を取得中…',
     'pi.providers.models.remoteFailed': 'モデル ID は手動入力できます。',
     'pi.providers.models.noMatch': '一致するモデルがありません',
+    'pi.providers.models.importTitle': 'エンドポイントからモデルをインポート',
+    'pi.providers.models.addSelected': '選択済みを追加（{count}）',
+    'pi.providers.models.name': '名前',
+    'pi.providers.models.reasoning': '推論をサポート',
+    'pi.providers.models.contextWindow': 'コンテキストウィンドウ',
+    'pi.providers.models.maxTokens': '最大出力',
+    'pi.providers.models.catalogFill': '自動入力',
+    'pi.providers.models.catalogFilling': '入力中…',
+    'pi.picker.searchPlaceholder': 'プロバイダーを検索…',
+    'pi.picker.group.custom': 'カスタムエンドポイント',
+    'pi.picker.group.apiKey': 'API キープロバイダー',
+    'pi.picker.empty': '一致するプロバイダーテンプレートがありません',
+    'pi.picker.back': 'テンプレート選択に戻る',
     'pi.providers.delete': 'プロバイダを削除',
     'pi.providers.addModal.title': 'プロバイダを追加',
     'pi.providers.addModal.subtitle': '新しい Piper プロバイダを作成',

package/web-ui/modules/i18n/locales/vi.mjs

@@ -1343,6 +1343,19 @@ const vi = Object.freeze({
     'pi.providers.models.remoteLoading': 'Đang tải danh sách mô hình từ xa…',
     'pi.providers.models.remoteFailed': 'Bạn vẫn có thể nhập ID mô hình thủ công.',
     'pi.providers.models.noMatch': 'Không có mô hình phù hợp',
+    'pi.providers.models.importTitle': 'Nhập mô hình từ endpoint',
+    'pi.providers.models.addSelected': 'Thêm đã chọn ({count})',
+    'pi.providers.models.name': 'Tên',
+    'pi.providers.models.reasoning': 'Hỗ trợ suy luận',
+    'pi.providers.models.contextWindow': 'Cửa sổ ngữ cảnh',
+    'pi.providers.models.maxTokens': 'Đầu ra tối đa',
+    'pi.providers.models.catalogFill': 'Tự động điền',
+    'pi.providers.models.catalogFilling': 'Đang điền…',
+    'pi.picker.searchPlaceholder': 'Tìm kiếm nhà cung cấp…',
+    'pi.picker.group.custom': 'Endpoint tùy chỉnh',
+    'pi.picker.group.apiKey': 'Nhà cung cấp API key',
+    'pi.picker.empty': 'Không có mẫu nhà cung cấp phù hợp',
+    'pi.picker.back': 'Quay lại chọn mẫu',
     'pi.providers.delete': 'Xóa nhà cung cấp',
     'pi.providers.addModal.title': 'Thêm nhà cung cấp',
     'pi.providers.addModal.subtitle': 'Tạo nhà cung cấp Piper mới',

package/web-ui/modules/i18n/locales/zh-tw.mjs

@@ -1372,6 +1372,19 @@ const zhTw = Object.freeze({
     'pi.providers.models.remoteLoading': '正在取得遠端模型清單…',
     'pi.providers.models.remoteFailed': '可手動輸入模型 ID。',
     'pi.providers.models.noMatch': '無符合模型',
+    'pi.providers.models.importTitle': '從端點匯入模型',
+    'pi.providers.models.addSelected': '新增選取（{count}）',
+    'pi.providers.models.name': '名稱',
+    'pi.providers.models.reasoning': '支援推理',
+    'pi.providers.models.contextWindow': '上下文視窗',
+    'pi.providers.models.maxTokens': '最大輸出',
+    'pi.providers.models.catalogFill': '自動填寫',
+    'pi.providers.models.catalogFilling': '填寫中…',
+    'pi.picker.searchPlaceholder': '搜尋供應商…',
+    'pi.picker.group.custom': '自訂端點',
+    'pi.picker.group.apiKey': 'API Key 服務商',
+    'pi.picker.empty': '沒有符合的供應商範本',
+    'pi.picker.back': '返回選擇範本',
     'pi.providers.delete': '刪除供應商',
     'pi.providers.addModal.title': '新增供應商',
     'pi.providers.addModal.subtitle': '建立新的 Piper 供應商',

package/web-ui/modules/i18n/locales/zh.mjs

@@ -1372,6 +1372,19 @@ const zh = Object.freeze({
     'pi.providers.models.remoteLoading': '正在获取远端模型列表…',
     'pi.providers.models.remoteFailed': '可手动输入模型 ID。',
     'pi.providers.models.noMatch': '无匹配模型',
+    'pi.providers.models.importTitle': '从端点导入模型',
+    'pi.providers.models.addSelected': '添加选中（{count}）',
+    'pi.providers.models.name': '名称',
+    'pi.providers.models.reasoning': '支持推理',
+    'pi.providers.models.contextWindow': '上下文窗口',
+    'pi.providers.models.maxTokens': '最大输出',
+    'pi.providers.models.catalogFill': '自动填充',
+    'pi.providers.models.catalogFilling': '填充中…',
+    'pi.picker.searchPlaceholder': '搜索供应商…',
+    'pi.picker.group.custom': '自定义端点',
+    'pi.picker.group.apiKey': 'API Key 服务商',
+    'pi.picker.empty': '没有匹配的供应商模板',
+    'pi.picker.back': '返回选择模板',
     'pi.providers.delete': '删除供应商',
     'pi.providers.addModal.title': '添加供应商',
     'pi.providers.addModal.subtitle': '创建新的 Piper 供应商',

package/web-ui/modules/pi-provider-templates.mjs

@@ -0,0 +1,26 @@
+export const PI_PROVIDER_TEMPLATE_GROUPS = [
+    {
+        id: 'custom',
+        i18nKey: 'pi.picker.group.custom',
+        templates: [
+            { id: 'custom-openai', name: 'OpenAI Compatible', baseUrl: '', api: 'openai-completions' },
+            { id: 'custom-anthropic', name: 'Anthropic Compatible', baseUrl: '', api: 'anthropic-messages' }
+        ]
+    },
+    {
+        id: 'apiKey',
+        i18nKey: 'pi.picker.group.apiKey',
+        templates: [
+            { id: 'openai', name: 'OpenAI', baseUrl: 'https://api.openai.com/v1', api: 'openai-responses' },
+            { id: 'anthropic', name: 'Anthropic', baseUrl: 'https://api.anthropic.com', api: 'anthropic-messages' },
+            { id: 'google-gemini', name: 'Google Gemini', baseUrl: 'https://generativelanguage.googleapis.com/v1beta', api: 'google-generative-ai' },
+            { id: 'deepseek', name: 'DeepSeek', baseUrl: 'https://api.deepseek.com', api: 'openai-completions' },
+            { id: 'moonshot-kimi', name: 'Moonshot Kimi', baseUrl: 'https://api.moonshot.cn/v1', api: 'openai-completions' },
+            { id: 'zhipu-glm', name: 'Zhipu GLM', baseUrl: 'https://open.bigmodel.cn/api/paas/v4', api: 'openai-completions' },
+            { id: 'openrouter', name: 'OpenRouter', baseUrl: 'https://openrouter.ai/api/v1', api: 'openai-completions' },
+            { id: 'xai-grok', name: 'xAI Grok', baseUrl: 'https://api.x.ai/v1', api: 'openai-completions' },
+            { id: 'groq', name: 'Groq', baseUrl: 'https://api.groq.com/openai/v1', api: 'openai-completions' },
+            { id: 'mistral', name: 'Mistral', baseUrl: 'https://api.mistral.ai/v1', api: 'openai-completions' }
+        ]
+    }
+];