codexmate 0.0.20 → 0.0.22

package/web-ui/modules/app.methods.openclaw-editing.mjs

@@ -139,7 +139,9 @@ export function createOpenclawEditingMethods() {
             this.openclawEditing.content = this.stringifyOpenclawConfig(config);
             this.refreshOpenclawProviders(config);
             this.refreshOpenclawAgentsList(config);
-            this.fillOpenclawQuickFromConfig(config);
+            this.fillOpenclawQuickFromConfig(config, {
+                authProfilesByProvider: this.openclawAuthProfilesByProvider
+            });
             this.showMessage('已写入', 'success');
         },
 
@@ -170,7 +172,9 @@ export function createOpenclawEditingMethods() {
             const models = ensureObject(config.models);
             const providers = ensureObject(models.providers);
             const provider = ensureObject(providers[providerName]);
-            const baseUrl = (this.openclawQuick.baseUrl || '').trim();
+            const baseUrl = this.openclawQuick.baseUrlReadOnly
+                ? ''
+                : (this.openclawQuick.baseUrl || '').trim();
             if (!baseUrl && !provider.baseUrl) {
                 this.showMessage('请填写 URL', 'error');
                 return;
@@ -188,7 +192,21 @@ export function createOpenclawEditingMethods() {
             }
 
             const shouldOverrideProvider = !!this.openclawQuick.overrideProvider;
-            const apiKey = (this.openclawQuick.apiKey || '').trim();
+            const apiKey = this.openclawQuick.apiKeyReadOnly
+                ? ''
+                : (this.openclawQuick.apiKey || '').trim();
+            const apiKeySourceKind = typeof this.openclawQuick.apiKeySourceKind === 'string'
+                ? this.openclawQuick.apiKeySourceKind.trim()
+                : '';
+            const apiKeySourceProfileId = typeof this.openclawQuick.apiKeySourceProfileId === 'string'
+                ? this.openclawQuick.apiKeySourceProfileId.trim()
+                : '';
+            const apiKeySourceWriteField = typeof this.openclawQuick.apiKeySourceWriteField === 'string'
+                ? this.openclawQuick.apiKeySourceWriteField.trim()
+                : '';
+            const apiKeySourceOriginalValue = typeof this.openclawQuick.apiKeySourceOriginalValue === 'string'
+                ? this.openclawQuick.apiKeySourceOriginalValue.trim()
+                : '';
             const apiType = (this.openclawQuick.apiType || '').trim();
             const setProviderField = (key, value) => {
                 if (!value) return;
@@ -198,7 +216,24 @@ export function createOpenclawEditingMethods() {
             };
             setProviderField('baseUrl', baseUrl);
             setProviderField('api', apiType);
-            if (apiKey) {
+            if (apiKeySourceKind === 'auth-profile' && apiKeySourceProfileId && apiKeySourceWriteField) {
+                const pending = this.openclawPendingAuthProfileUpdates
+                    && typeof this.openclawPendingAuthProfileUpdates === 'object'
+                    && !Array.isArray(this.openclawPendingAuthProfileUpdates)
+                    ? { ...this.openclawPendingAuthProfileUpdates }
+                    : {};
+                if (apiKey && apiKey !== apiKeySourceOriginalValue) {
+                    pending[apiKeySourceProfileId] = {
+                        profileId: apiKeySourceProfileId,
+                        provider: providerName,
+                        field: apiKeySourceWriteField,
+                        value: apiKey
+                    };
+                } else {
+                    delete pending[apiKeySourceProfileId];
+                }
+                this.openclawPendingAuthProfileUpdates = pending;
+            } else if (apiKey) {
                 setProviderField('apiKey', apiKey);
             }
 

package/web-ui/modules/app.methods.openclaw-persist.mjs

@@ -1,3 +1,49 @@
+const DEFAULT_OPENCLAW_CONFIG_NAME = '默认配置';
+
+function buildNormalizedOpenclawConfigs(configs, defaultContent = '') {
+    const source = configs && typeof configs === 'object' && !Array.isArray(configs)
+        ? configs
+        : {};
+    const defaultEntry = source[DEFAULT_OPENCLAW_CONFIG_NAME]
+        && typeof source[DEFAULT_OPENCLAW_CONFIG_NAME] === 'object'
+        && !Array.isArray(source[DEFAULT_OPENCLAW_CONFIG_NAME])
+            ? source[DEFAULT_OPENCLAW_CONFIG_NAME]
+            : { content: defaultContent };
+    const normalized = {
+        [DEFAULT_OPENCLAW_CONFIG_NAME]: {
+            content: typeof defaultEntry.content === 'string' ? defaultEntry.content : defaultContent
+        }
+    };
+    for (const [name, value] of Object.entries(source)) {
+        if (name === DEFAULT_OPENCLAW_CONFIG_NAME) continue;
+        normalized[name] = value;
+    }
+    return normalized;
+}
+
+function syncDefaultOpenclawConfigState(vm, content, options = {}) {
+    const nextContent = typeof content === 'string' ? content : '';
+    vm.openclawConfigs = buildNormalizedOpenclawConfigs(vm.openclawConfigs, nextContent);
+    vm.openclawConfigs[DEFAULT_OPENCLAW_CONFIG_NAME] = {
+        content: nextContent
+    };
+    if (typeof options.path === 'string') {
+        vm.openclawConfigPath = options.path;
+    }
+    if (typeof options.exists === 'boolean') {
+        vm.openclawConfigExists = options.exists;
+    }
+    if (options.lineEnding === '\r\n' || options.lineEnding === '\n') {
+        vm.openclawLineEnding = options.lineEnding;
+    }
+    if (!vm.currentOpenclawConfig || !Object.prototype.hasOwnProperty.call(vm.openclawConfigs, vm.currentOpenclawConfig)) {
+        vm.currentOpenclawConfig = DEFAULT_OPENCLAW_CONFIG_NAME;
+    }
+    if (options.persist !== false && typeof vm.saveOpenclawConfigs === 'function') {
+        vm.saveOpenclawConfigs();
+    }
+}
+
 export function createOpenclawPersistMethods(options = {}) {
     const {
         api,
@@ -5,10 +51,39 @@ export function createOpenclawPersistMethods(options = {}) {
     } = options;
 
     return {
+        syncDefaultOpenclawConfigEntry(options = {}) {
+            const silent = !!options.silent;
+            return api('get-openclaw-config')
+                .then((res) => {
+                if (res && !res.error) {
+                    this.openclawAuthProfilesByProvider = res && res.authProfilesByProvider && typeof res.authProfilesByProvider === 'object' && !Array.isArray(res.authProfilesByProvider)
+                        ? res.authProfilesByProvider
+                        : {};
+                    const nextContent = res.exists && typeof res.content === 'string' && res.content.trim()
+                        ? res.content
+                        : defaultOpenclawTemplate;
+                        syncDefaultOpenclawConfigState(this, nextContent, {
+                            path: res.path || this.openclawConfigPath,
+                            exists: !!res.exists,
+                            lineEnding: res.lineEnding === '\r\n' ? '\r\n' : '\n',
+                            persist: true
+                        });
+                    }
+                    return res;
+                })
+                .catch((e) => {
+                    if (!silent) {
+                        this.showMessage('加载 OpenClaw 默认配置失败', 'error');
+                    }
+                    return { error: e && e.message ? e.message : String(e) };
+                });
+        },
+
         openOpenclawAddModal() {
             const modalToken = (Number(this.openclawModalLoadToken || 0) + 1);
             this.openclawModalLoadToken = modalToken;
             this.openclawEditorTitle = '添加 OpenClaw 配置';
+            this.openclawPendingAuthProfileUpdates = {};
             this.openclawEditing = {
                 name: '',
                 content: '',
@@ -29,9 +104,11 @@ export function createOpenclawPersistMethods(options = {}) {
 
         openOpenclawEditModal(name) {
             const existing = this.openclawConfigs[name];
+            const isDefaultConfig = name === DEFAULT_OPENCLAW_CONFIG_NAME;
             const modalToken = (Number(this.openclawModalLoadToken || 0) + 1);
             this.openclawModalLoadToken = modalToken;
             this.openclawEditorTitle = `编辑 OpenClaw 配置: ${name}`;
+            this.openclawPendingAuthProfileUpdates = {};
             this.openclawEditing = {
                 name,
                 content: this.openclawHasContent(existing) ? existing.content : '',
@@ -41,8 +118,9 @@ export function createOpenclawPersistMethods(options = {}) {
             this.showOpenclawConfigModal = true;
             void this.loadOpenclawConfigFromFile({
                 silent: true,
-                force: false,
-                fallbackToTemplate: false,
+                force: isDefaultConfig,
+                fallbackToTemplate: isDefaultConfig,
+                syncDefaultEntry: isDefaultConfig,
                 modalToken,
                 expectedEditorContent: this.openclawEditing.content
             });
@@ -58,6 +136,7 @@ export function createOpenclawPersistMethods(options = {}) {
             this.openclawEditing = { name: '', content: '', lockName: false };
             this.openclawSaving = false;
             this.openclawApplying = false;
+            this.openclawPendingAuthProfileUpdates = {};
             this.resetOpenclawStructured();
             this.resetOpenclawQuick();
         },
@@ -66,6 +145,8 @@ export function createOpenclawPersistMethods(options = {}) {
             const silent = !!options.silent;
             const force = !!options.force;
             const fallbackToTemplate = options.fallbackToTemplate !== false;
+            const syncDefaultEntry = options.syncDefaultEntry === true
+                || (this.openclawEditing && this.openclawEditing.lockName && this.openclawEditing.name === DEFAULT_OPENCLAW_CONFIG_NAME);
             const modalToken = Number(options.modalToken || this.openclawModalLoadToken || 0);
             const expectedEditorContent = typeof options.expectedEditorContent === 'string'
                 ? options.expectedEditorContent
@@ -90,6 +171,10 @@ export function createOpenclawPersistMethods(options = {}) {
                 this.openclawConfigPath = res.path || '';
                 this.openclawConfigExists = !!res.exists;
                 this.openclawLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
+                this.openclawAuthProfilesByProvider = res && res.authProfilesByProvider && typeof res.authProfilesByProvider === 'object' && !Array.isArray(res.authProfilesByProvider)
+                    ? res.authProfilesByProvider
+                    : {};
+                this.openclawPendingAuthProfileUpdates = {};
                 const hasContent = !!(res.content && res.content.trim());
                 const currentContent = typeof this.openclawEditing.content === 'string'
                     ? this.openclawEditing.content
@@ -98,11 +183,21 @@ export function createOpenclawPersistMethods(options = {}) {
                 const shouldOverride = force
                     ? (!currentContent.trim() || !editorChangedSinceRequest)
                     : (!currentContent || !currentContent.trim());
+                const fallbackContent = fallbackToTemplate ? defaultOpenclawTemplate : '';
+                const nextContent = hasContent ? res.content : fallbackContent;
                 if (hasContent && shouldOverride) {
                     this.openclawEditing.content = res.content;
                 } else if (!hasContent && shouldOverride && fallbackToTemplate) {
                     this.openclawEditing.content = defaultOpenclawTemplate;
                 }
+                if (syncDefaultEntry) {
+                    syncDefaultOpenclawConfigState(this, nextContent, {
+                        path: res.path || '',
+                        exists: !!res.exists,
+                        lineEnding: this.openclawLineEnding,
+                        persist: true
+                    });
+                }
                 this.syncOpenclawStructuredFromText({ silent: true });
                 if (!silent) {
                     this.showMessage('加载完成', 'success');
@@ -165,6 +260,10 @@ export function createOpenclawPersistMethods(options = {}) {
             if (this.openclawSaving || this.openclawApplying) {
                 return;
             }
+            if (this.openclawEditing && this.openclawEditing.lockName && this.openclawEditing.name === DEFAULT_OPENCLAW_CONFIG_NAME) {
+                this.showMessage('默认配置代表当前系统配置，请使用“保存并应用”', 'info');
+                return;
+            }
             this.openclawSaving = true;
             try {
                 const name = this.persistOpenclawConfig();
@@ -186,7 +285,8 @@ export function createOpenclawPersistMethods(options = {}) {
                 const config = this.openclawConfigs[name];
                 const res = await api('apply-openclaw-config', {
                     content: config.content,
-                    lineEnding: this.openclawLineEnding
+                    lineEnding: this.openclawLineEnding,
+                    authProfileUpdates: Object.values(this.openclawPendingAuthProfileUpdates || {})
                 });
                 if (res.error || res.success === false) {
                     this.showMessage(res.error || '应用配置失败', 'error');
@@ -194,6 +294,13 @@ export function createOpenclawPersistMethods(options = {}) {
                 }
                 this.openclawConfigPath = res.targetPath || this.openclawConfigPath;
                 this.openclawConfigExists = true;
+                syncDefaultOpenclawConfigState(this, config.content, {
+                    path: this.openclawConfigPath,
+                    exists: true,
+                    lineEnding: this.openclawLineEnding,
+                    persist: true
+                });
+                this.openclawPendingAuthProfileUpdates = {};
                 const targetTip = res.targetPath ? `（${res.targetPath}）` : '';
                 this.showMessage(`已保存并应用 OpenClaw 配置${targetTip}`, 'success');
                 this.closeOpenclawConfigModal({ force: true });
@@ -205,6 +312,9 @@ export function createOpenclawPersistMethods(options = {}) {
         },
 
         async deleteOpenclawConfig(name) {
+            if (name === DEFAULT_OPENCLAW_CONFIG_NAME) {
+                return this.showMessage('默认配置始终映射当前系统配置，不可删除', 'info');
+            }
             if (Object.keys(this.openclawConfigs).length <= 1) {
                 return this.showMessage('至少保留一项', 'error');
             }
@@ -233,13 +343,21 @@ export function createOpenclawPersistMethods(options = {}) {
             try {
                 const res = await api('apply-openclaw-config', {
                     content: config.content,
-                    lineEnding: this.openclawLineEnding
+                    lineEnding: this.openclawLineEnding,
+                    authProfileUpdates: Object.values(this.openclawPendingAuthProfileUpdates || {})
                 });
                 if (res.error || res.success === false) {
                     this.showMessage(res.error || '应用配置失败', 'error');
                 } else {
                     this.openclawConfigPath = res.targetPath || this.openclawConfigPath;
                     this.openclawConfigExists = true;
+                    syncDefaultOpenclawConfigState(this, config.content, {
+                        path: this.openclawConfigPath,
+                        exists: true,
+                        lineEnding: this.openclawLineEnding,
+                        persist: true
+                    });
+                    this.openclawPendingAuthProfileUpdates = {};
                     const targetTip = res.targetPath ? `（${res.targetPath}）` : '';
                     this.showMessage(`已应用 OpenClaw 配置: ${name}${targetTip}`, 'success');
                 }

package/web-ui/modules/app.methods.providers.mjs

@@ -1,30 +1,155 @@
+const PROVIDER_NAME_PATTERN = /^[a-zA-Z0-9._-]+$/;
+const RESERVED_PROXY_PROVIDER_NAME = 'codexmate-proxy';
+
+function normalizeText(value) {
+    return typeof value === 'string' ? value.trim() : '';
+}
+
+function normalizeProviderUrl(value) {
+    return normalizeText(value).replace(/\/+$/g, '');
+}
+
+function isValidHttpUrl(value) {
+    if (!value) return false;
+    try {
+        const parsed = new URL(value);
+        return parsed.protocol === 'http:' || parsed.protocol === 'https:';
+    } catch (_) {
+        return false;
+    }
+}
+
+function isReservedProviderCreationNameInput(name) {
+    const normalized = normalizeText(name).toLowerCase();
+    return normalized === RESERVED_PROXY_PROVIDER_NAME;
+}
+
+function isValidProviderNameInputValue(name) {
+    return PROVIDER_NAME_PATTERN.test(normalizeText(name));
+}
+
+function isValidProviderUrlInputValue(url) {
+    return isValidHttpUrl(normalizeProviderUrl(url));
+}
+
+function findProviderByName(list, name) {
+    const target = normalizeText(name);
+    if (!target) return null;
+    return (Array.isArray(list) ? list : []).find((item) => item && normalizeText(item.name) === target) || null;
+}
+
+function normalizeProviderDraftState(target) {
+    if (!target || typeof target !== 'object') return;
+    if (typeof target.name === 'string') {
+        target.name = target.name.trim();
+    }
+    if (typeof target.url === 'string') {
+        target.url = normalizeProviderUrl(target.url);
+    }
+}
+
+function getProviderValidationForContext(vm, mode = 'add') {
+    const draft = mode === 'edit' ? vm.editingProvider : vm.newProvider;
+    const editingName = mode === 'edit' ? normalizeText(draft && draft.name) : '';
+    const name = normalizeText(draft && draft.name);
+    const url = normalizeProviderUrl(draft && draft.url);
+    const errors = {
+        name: '',
+        url: ''
+    };
+
+    if (mode === 'add') {
+        if (!name) {
+            errors.name = '名称不能为空';
+        } else if (!isValidProviderNameInputValue(name)) {
+            errors.name = '名称仅支持字母/数字/._-';
+        } else if (isReservedProviderCreationNameInput(name)) {
+            errors.name = 'codexmate-proxy 为保留名称，不可手动添加';
+        } else if (findProviderByName(vm.providersList, name)) {
+            errors.name = '名称已存在';
+        }
+    } else if (!editingName) {
+        errors.name = '提供商名称不能为空';
+    }
+
+    if (!url) {
+        errors.url = 'URL 必填';
+    } else if (!isValidProviderUrlInputValue(url)) {
+        errors.url = 'URL 仅支持 http/https';
+    }
+
+    return {
+        mode,
+        name,
+        url,
+        errors,
+        ok: !errors.name && !errors.url
+    };
+}
+
+function canSubmitProviderForContext(vm, mode = 'add') {
+    if (mode === 'edit' && vm.editingProvider && (vm.editingProvider.readOnly || vm.editingProvider.nonEditable)) {
+        return false;
+    }
+    return getProviderValidationForContext(vm, mode).ok;
+}
+
 export function createProvidersMethods(options = {}) {
     const { api } = options;
 
     return {
+        normalizeProviderDraft(mode = 'add') {
+            normalizeProviderDraftState(mode === 'edit' ? this.editingProvider : this.newProvider);
+        },
+
+        isReservedProviderCreationName(name) {
+            return isReservedProviderCreationNameInput(name);
+        },
+
+        isValidProviderNameInput(name) {
+            return isValidProviderNameInputValue(name);
+        },
+
+        isValidProviderUrlInput(url) {
+            return isValidProviderUrlInputValue(url);
+        },
+
+        findProviderByName(name) {
+            return findProviderByName(this.providersList, name);
+        },
+
+        getProviderValidation(mode = 'add') {
+            return getProviderValidationForContext(this, mode);
+        },
+
+        providerFieldError(mode, fieldName) {
+            const validation = getProviderValidationForContext(this, mode);
+            return validation && validation.errors && typeof validation.errors[fieldName] === 'string'
+                ? validation.errors[fieldName]
+                : '';
+        },
+
+        canSubmitProvider(mode = 'add') {
+            return canSubmitProviderForContext(this, mode);
+        },
+
         async addProvider() {
-            const rawName = typeof this.newProvider.name === 'string' ? this.newProvider.name : '';
-            const rawUrl = typeof this.newProvider.url === 'string' ? this.newProvider.url.trim() : '';
-            if (!rawName || !rawUrl) {
-                return this.showMessage('名称和URL必填', 'error');
-            }
-            const name = rawName.trim();
-            if (!name) {
-                return this.showMessage('名称不能为空', 'error');
-            }
-            if (name.toLowerCase() === 'local') {
-                return this.showMessage('local provider 为系统保留名称，不可新增', 'error');
-            }
-            if (this.providersList.some(item => item.name === name)) {
-                return this.showMessage('名称已存在', 'error');
+            normalizeProviderDraftState(this.newProvider);
+            const validation = getProviderValidationForContext(this, 'add');
+            if (!validation.ok) {
+                return this.showMessage(validation.errors.name || validation.errors.url || '名称和URL必填', 'error');
             }
 
             try {
-                const res = await api('add-provider', {
-                    name,
-                    url: rawUrl,
+                const payload = {
+                    name: validation.name,
+                    url: validation.url,
                     key: this.newProvider.key || ''
-                });
+                };
+                if (this.newProvider && this.newProvider.useTransform) {
+                    payload.useTransform = true;
+                }
+                const res = await api('add-provider', payload);
                 if (res.error) {
                     this.showMessage(res.error, 'error');
                     return;
@@ -43,22 +168,7 @@ export function createProvidersMethods(options = {}) {
             return list.find((item) => !!(item && item.current)) || null;
         },
 
-        isLocalLikeProvider(providerOrName) {
-            if (!providerOrName) return false;
-            const rawName = typeof providerOrName === 'object'
-                ? String(providerOrName.name || '')
-                : String(providerOrName);
-            const normalized = rawName.trim().toLowerCase();
-            return normalized === 'local';
-        },
-
         providerPillState(provider) {
-            if (this.isLocalLikeProvider(provider)) {
-                const currentProfile = this.getCurrentCodexAuthProfile();
-                return currentProfile
-                    ? { configured: true, text: '已登录' }
-                    : { configured: false, text: '未登录' };
-            }
             const configured = !!(provider && provider.hasKey);
             return {
                 configured,
@@ -88,18 +198,10 @@ export function createProvidersMethods(options = {}) {
         isNonDeletableProvider(providerOrName) {
             if (!providerOrName) return false;
             if (typeof providerOrName === 'object') {
-                const directName = String(providerOrName.name || '').trim().toLowerCase();
-                if (directName === 'local') {
-                    return true;
-                }
                 return !!providerOrName.nonDeletable;
             }
             const name = String(providerOrName).trim();
             if (!name) return false;
-            const normalized = name.toLowerCase();
-            if (normalized === 'local') {
-                return true;
-            }
             const target = (this.providersList || []).find((item) => item && item.name === name);
             return !!(target && target.nonDeletable);
         },
@@ -113,7 +215,7 @@ export function createProvidersMethods(options = {}) {
         },
 
         shouldAllowProviderShare(provider) {
-            return !this.isReadOnlyProvider(provider) && !this.isLocalLikeProvider(provider);
+            return !this.isReadOnlyProvider(provider);
         },
 
         async deleteProvider(name) {
@@ -138,19 +240,50 @@ export function createProvidersMethods(options = {}) {
             }
         },
 
-        openEditModal(provider) {
+        async openEditModal(provider) {
+            const requestId = Symbol('openEditModal');
+            this._openEditModalRequestId = requestId;
             if (!this.shouldShowProviderEdit(provider)) {
                 this.showMessage('该 provider 为保留项，不可编辑', 'info');
                 return;
             }
+            const isTransformProvider = (() => {
+                if (!provider || typeof provider !== 'object') return false;
+                const bridge = typeof provider.codexmate_bridge === 'string' ? provider.codexmate_bridge.trim() : '';
+                if (bridge === 'openai') return true;
+                const url = String(provider.url || '');
+                return url.includes('/bridge/openai/');
+            })();
             this.editingProvider = {
                 name: provider.name,
-                url: provider.url || '',
+                url: normalizeProviderUrl(provider.url || ''),
                 key: '',
                 readOnly: !!provider.readOnly,
-                nonEditable: this.isNonDeletableProvider(provider)
+                nonEditable: typeof provider.nonEditable === 'boolean'
+                    ? provider.nonEditable
+                    : this.isNonDeletableProvider(provider),
+                useTransform: isTransformProvider
             };
             this.showEditModal = true;
+
+            if (isTransformProvider) {
+                try {
+                    const res = await api('openai-bridge-get-provider', { name: provider.name });
+                    if (
+                        this._openEditModalRequestId === requestId
+                        && this.showEditModal
+                        && this.editingProvider
+                        && this.editingProvider.name === provider.name
+                        && res && !res.error
+                        && typeof res.baseUrl === 'string'
+                        && res.baseUrl.trim()
+                    ) {
+                        this.editingProvider.url = normalizeProviderUrl(res.baseUrl);
+                    }
+                } catch (_) {
+                    // ignore
+                }
+            }
         },
 
         async updateProvider() {
@@ -159,13 +292,16 @@ export function createProvidersMethods(options = {}) {
                 this.closeEditModal();
                 return;
             }
-            const url = typeof this.editingProvider.url === 'string' ? this.editingProvider.url.trim() : '';
-            if (!url) {
-                return this.showMessage('URL 必填', 'error');
+            normalizeProviderDraftState(this.editingProvider);
+            const validation = getProviderValidationForContext(this, 'edit');
+            if (!validation.ok) {
+                return this.showMessage(validation.errors.name || validation.errors.url || 'URL 必填', 'error');
             }
 
-            const name = this.editingProvider.name;
-            const params = { name, url };
+            const params = { name: validation.name, url: validation.url };
+            if (this.editingProvider && this.editingProvider.useTransform) {
+                params.useTransform = true;
+            }
             if (typeof this.editingProvider.key === 'string' && this.editingProvider.key.trim()) {
                 params.key = this.editingProvider.key;
             }
@@ -185,7 +321,7 @@ export function createProvidersMethods(options = {}) {
 
         closeEditModal() {
             this.showEditModal = false;
-            this.editingProvider = { name: '', url: '', key: '', readOnly: false, nonEditable: false };
+            this.editingProvider = { name: '', url: '', key: '', readOnly: false, nonEditable: false, useTransform: false };
         },
 
         async resetConfig() {
@@ -241,7 +377,7 @@ export function createProvidersMethods(options = {}) {
 
         closeAddModal() {
             this.showAddModal = false;
-            this.newProvider = { name: '', url: '', key: '' };
+            this.newProvider = { name: '', url: '', key: '', useTransform: false };
         },
 
         closeModelModal() {
@@ -258,7 +394,10 @@ export function createProvidersMethods(options = {}) {
         },
 
         displayApiKey(configName) {
-            const key = this.claudeConfigs[configName]?.apiKey;
+            const config = this.claudeConfigs && this.claudeConfigs[configName]
+                ? this.claudeConfigs[configName]
+                : null;
+            const key = config ? config.apiKey : '';
             return this.formatKey(key);
         }
     };