codexmate 0.1.13 → 0.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {

package/web-ui/app.js

@@ -587,7 +587,11 @@ document.addEventListener('DOMContentLoaded', () => {
                         return true;
                     }
                 })();
-                void this.loadWebUiPreferences({ applyNavigation: applyPreferenceNavigation });
+                this.loadWebUiPreferences({ applyNavigation: applyPreferenceNavigation }).then(() => {
+                    if (this.mainTab === 'prompts' && typeof this.loadPromptsTabContent === 'function') {
+                        this.loadPromptsTabContent();
+                    }
+                });
             }
             if (typeof this.t === 'function') {
                 this.confirmDialogConfirmText = this.t('confirm.ok');
@@ -786,14 +790,7 @@ document.addEventListener('DOMContentLoaded', () => {
                     return;
                 }
                 if (newTab === 'prompts') {
-                    if (this.promptsSubTab === 'claude-project' && !this.projectPathOptions.length && !this.projectPathOptionsLoading && typeof this.loadProjectPathOptions === 'function') {
-                        this.loadProjectPathOptions();
-                    }
-                    if (this.promptsSubTab === 'system') {
-                        if (typeof this.loadSystemPrompt === 'function') this.loadSystemPrompt();
-                    } else if (typeof this.loadPromptsContent === 'function') {
-                        this.loadPromptsContent();
-                    }
+                    if (typeof this.loadPromptsTabContent === 'function') this.loadPromptsTabContent();
                 }
             },
             promptsSubTab(newVal) {
@@ -805,11 +802,7 @@ document.addEventListener('DOMContentLoaded', () => {
                     return;
                 }
                 if (this.mainTab === 'prompts') {
-                    if (this.promptsSubTab === 'system') {
-                        if (typeof this.loadSystemPrompt === 'function') this.loadSystemPrompt();
-                    } else if (typeof this.loadPromptsContent === 'function') {
-                        this.loadPromptsContent();
-                    }
+                    if (typeof this.loadPromptsTabContent === 'function') this.loadPromptsTabContent();
                 }
             },
             projectClaudeMdPath(newPath) {
@@ -826,10 +819,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 if (typeof this.persistWebUiPreferences === 'function') {
                     this.persistWebUiPreferences({ sysPromptMode: newVal });
                 }
-            }
-        },
-
-        watch: {
+            },
             configMode(newMode) {
                 if (newMode === 'pi' && typeof this.loadPiSources === 'function') {
                     this.loadPiSources();

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

@@ -471,6 +471,18 @@ export function createAgentsMethods(options = {}) {
                         .filter(Boolean)
                         .filter(function (v, i, a) { return a.indexOf(v) === i; });
                 }
+                if (this.promptsSubTab === 'claude-project'
+                    && this.mainTab === 'prompts'
+                    && Array.isArray(this.projectPathOptions)
+                    && this.projectPathOptions.length) {
+                    const currentPath = (this.projectClaudeMdPath || '').trim();
+                    if (currentPath && this.projectPathOptions.indexOf(currentPath) !== -1) {
+                        this.projectClaudeMdPath = currentPath;
+                    } else {
+                        this.projectClaudeMdPath = this.projectPathOptions[0];
+                    }
+                    if (typeof this.loadPromptsContent === 'function') this.loadPromptsContent();
+                }
             } catch (_) {
                 // silent
             } finally {
@@ -980,17 +992,28 @@ export function createAgentsMethods(options = {}) {
                 this.loadProjectPathOptions();
             }
             if (this.promptsSubTab === normalized) {
-                if (normalized === 'system') this.loadSystemPrompt();
-                else this.loadPromptsContent();
+                if (typeof this.loadPromptsTabContent === 'function') this.loadPromptsTabContent();
                 return;
             }
+            this.__skipNextPromptsSubTabLoad = true;
             this.promptsSubTab = normalized;
-            if (normalized === 'system') this.loadSystemPrompt();
+            if (typeof this.loadPromptsTabContent === 'function') this.loadPromptsTabContent();
             this.$nextTick(() => {
                 document.querySelector('.main-panel')?.scrollTo({ top: 0, left: 0, behavior: 'auto' });
             });
         },
 
+        loadPromptsTabContent() {
+            if (this.promptsSubTab === 'system') {
+                if (typeof this.loadSystemPrompt === 'function') this.loadSystemPrompt();
+            } else {
+                if (this.promptsSubTab === 'claude-project' && !this.projectPathOptions.length && !this.projectPathOptionsLoading && typeof this.loadProjectPathOptions === 'function') {
+                    this.loadProjectPathOptions();
+                }
+                if (typeof this.loadPromptsContent === 'function') this.loadPromptsContent();
+            }
+        },
+
         async loadPromptsContent() {
             const requestToken = issueLatestRequestToken(this, '_agentsOpenRequestToken');
             this.agentsLoading = true;
@@ -1004,7 +1027,11 @@ export function createAgentsMethods(options = {}) {
                     if (!this.projectPathOptions.length && !this.projectPathOptionsLoading && typeof this.loadProjectPathOptions === 'function') {
                         this.loadProjectPathOptions();
                     }
-                    const projectPath = (this.projectClaudeMdPath || '').trim();
+                    let projectPath = (this.projectClaudeMdPath || '').trim();
+                    if (!projectPath && Array.isArray(this.projectPathOptions) && this.projectPathOptions.length) {
+                        this.projectClaudeMdPath = this.projectPathOptions[0];
+                        projectPath = this.projectClaudeMdPath.trim();
+                    }
                     if (projectPath) {
                         rpcParams.baseDir = projectPath;
                     }

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

@@ -81,24 +81,13 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.piSaving = true;
             try {
                 const providerId = this.editingPiProvider.id;
-                const values = this.editingPiProvider.form;
-                const extras = this.editingPiProvider.extras || {};
-                const provider = this.piProviders[providerId] || {};
-
-                const merged = {
-                    ...extras,
-                    baseUrl: values.baseUrl,
-                    api: values.api,
-                    apiKey: values.apiKey || '',
-                    models: (Array.isArray(values.models) ? values.models : []).map((model) => ({
-                        ...model,
-                        id: model.id || '',
-                        name: model.id || ''
-                    }))
-                };
-                if (isPiPlainObject(provider.headers)) merged.headers = provider.headers;
-                if (typeof provider.title === 'string') merged.title = provider.title;
-                else if (typeof provider.name === 'string') merged.name = provider.name;
+                const { merged, ok, error } = this.piBuildMergedEditorRecord();
+                if (!ok || !merged) {
+                    this.piEditorJsonError = error || '配置 JSON 不合法';
+                    this.message = this.piEditorJsonError;
+                    this.messageType = 'error';
+                    return;
+                }
 
                 await this.persistPiProvider(providerId, merged);
                 this.piProviders = { ...this.piProviders, [providerId]: merged };
@@ -122,6 +111,8 @@ export function createPiConfigMethods({ api: apiClient }) {
                 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(),
@@ -151,18 +142,12 @@ export function createPiConfigMethods({ api: apiClient }) {
             }
         },
         derivePiProviderId(baseUrl) {
-            let base = '';
-            try {
-                base = new URL(baseUrl).hostname.replace(/^www\./, '');
-            } catch (_) {
-                base = '';
-            }
-            const candidate = (base || 'pi-provider').replace(/[^a-zA-Z0-9-]/g, '-')
-                .replace(/-+/g, '-').replace(/^-|-$/g, '') || 'pi-provider';
-            if (!this.piProviders[candidate]) return candidate;
-            let suffix = 2;
-            while (this.piProviders[`${candidate}-${suffix}`]) suffix += 1;
-            return `${candidate}-${suffix}`;
+            let candidate = String(Date.now());
+            while (this.piProviders[candidate]) candidate = String(Number(candidate) + 1);
+            return candidate;
+        },
+        piProviderUrlTitle() {
+            return '';
         },
         startAddPiProvider() {
             if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
@@ -236,6 +221,7 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.piRemoteModels = [];
             this.piRemoteModelError = '';
             this.piModelSearch = '';
+            this.piEditorJsonError = '';
             const provider = this.piProviders[providerId] || {};
             const knownKeys = ['id', 'name', 'title', 'baseUrl', 'api', 'apiKey', 'models', 'headers', 'configJson'];
             const extras = {};
@@ -273,6 +259,7 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.piRemoteModels = [];
             this.piRemoteModelError = '';
             this.piModelSearch = '';
+            this.piEditorJsonError = '';
         },
         removePiProviderModel(index) {
             if (!this.editingPiProvider) return;
@@ -346,20 +333,7 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.messageType = 'success';
         },
         piProviderName(providerId) {
-            const provider = this.piProviders[providerId] || {};
-            if (provider.title || provider.name) return provider.title || provider.name;
-            const urlTitle = this.piProviderUrlTitle(provider);
-            return urlTitle || providerId;
-        },
-        piProviderUrlTitle(provider) {
-            const baseUrl = provider && provider.baseUrl ? String(provider.baseUrl) : '';
-            if (!baseUrl) return '';
-            try {
-                const hostname = new URL(baseUrl).hostname;
-                return hostname.replace(/^www\./, '');
-            } catch (e) {
-                return '';
-            }
+            return String(providerId || '');
         },
         piProviderSummary(providerId) {
             const provider = this.piProviders[providerId] || {};
@@ -367,5 +341,57 @@ export function createPiConfigMethods({ api: apiClient }) {
             const api = provider.api || '';
             return [baseUrl, api].filter(Boolean).join(' • ') || 'Piper provider';
         }
+        ,
+        piParseEditorJsonDraft() {
+            const provider = this.editingPiProvider;
+            const draft = provider && provider.form ? String(provider.form.configJsonDraft || '').trim() : '';
+            if (!draft) return { ok: true, extras: {} };
+            try {
+                const parsed = JSON.parse(draft);
+                if (parsed === null || Array.isArray(parsed) || typeof parsed !== 'object') {
+                    return { ok: false, extras: {}, error: '配置 JSON 必须是对象' };
+                }
+                return { ok: true, extras: parsed };
+            } catch (e) {
+                return { ok: false, extras: {}, error: e && e.message ? '配置 JSON 解析失败：' + e.message : '配置 JSON 解析失败' };
+            }
+        },
+        piBuildMergedEditorRecord() {
+            const provider = this.editingPiProvider;
+            if (!provider || !provider.form) return { merged: null, ok: false, error: '未在编辑供应商', extras: {} };
+            const draft = this.piParseEditorJsonDraft();
+            if (!draft.ok) return { merged: null, ok: false, error: draft.error, extras: {} };
+            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 merged = { ...extras };
+            if (merged.baseUrl === undefined) merged.baseUrl = values.baseUrl || '';
+            if (merged.api === undefined) merged.api = values.api || '';
+            if (merged.apiKey === undefined) merged.apiKey = values.apiKey || '';
+            if (merged.models === undefined) merged.models = mapModels(values.models);
+            if (isPiPlainObject(orig.headers)) merged.headers = orig.headers;
+            if (typeof orig.title === 'string') merged.title = orig.title;
+            else if (typeof orig.name === 'string') merged.name = orig.name;
+            if (isPiPlainObject(orig.configJson)) merged.configJson = orig.configJson;
+            return { merged, ok: true, error: '', extras };
+        },
+        piProviderPreviewJson() {
+            const { merged, ok } = this.piBuildMergedEditorRecord();
+            if (!ok || !merged) return '{}';
+            try {
+                return JSON.stringify(merged, null, 2);
+            } catch (_) {
+                return '{}';
+            }
+        },
+        piEditorJsonDraftInput() {
+            const draft = this.piParseEditorJsonDraft();
+            this.piEditorJsonError = draft.ok ? '' : draft.error;
+        }
     };
 }

package/web-ui/modules/config-mode.computed.mjs

@@ -1,4 +1,4 @@
-export const PROVIDER_CONFIG_MODE_META = Object.freeze({
+export const PROVIDER_CONFIG_MODE_META = Object.freeze({
     codex: Object.freeze({
         label: 'Codex',
         modelPlaceholder: '例如: gpt-5.3-codex',
@@ -148,4 +148,4 @@ export function createConfigModeComputed() {
             return '未选择';
         }
     };
-}
+}

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

@@ -1346,6 +1346,10 @@ const en = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': 'Models',
     'pi.providers.fields.configJson': 'Config JSON',
+    'pi.providers.json.title': 'Config JSON',
+    'pi.providers.json.desc': 'Live preview of the final provider record merged from form changes and extras; edits are merged into models.json on save.',
+    'pi.providers.json.previewTitle': 'Preview',
+    'pi.providers.json.editTitle': 'Edit JSON',
     'pi.providers.models.remove': 'Remove',
     'pi.providers.models.search': 'Search available models…',
     'pi.providers.models.remoteCount': '{count} models available, click to add',

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

@@ -1347,6 +1347,10 @@ const ja = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': 'モデル',
     'pi.providers.fields.configJson': '設定 JSON',
+    'pi.providers.json.title': '設定 JSON',
+    'pi.providers.json.desc': 'フォーム変更と拡張フィールドを統合した最終レコードをリアルタイムにプレビュー。保存時に models.json へ統合します。',
+    'pi.providers.json.previewTitle': 'プレビュー',
+    'pi.providers.json.editTitle': 'JSON を編集',
     'pi.providers.models.remove': '削除',
     'pi.providers.models.search': '利用可能なモデルを検索…',
     'pi.providers.models.remoteCount': '{count} 個のモデルを取得しました。クリックで追加',

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

@@ -1315,6 +1315,10 @@ const vi = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': 'Mô hình',
     'pi.providers.fields.configJson': 'Cấu hình JSON',
+    'pi.providers.json.title': 'Cấu hình JSON',
+    'pi.providers.json.desc': 'Xem trước bản ghi cuối từ thay đổi biểu mẫu; các chỉnh sửa được gộp vào models.json khi lưu.',
+    'pi.providers.json.previewTitle': 'Xem trước',
+    'pi.providers.json.editTitle': 'Chỉnh sửa JSON',
     'pi.providers.models.remove': 'Xóa',
     'pi.providers.models.search': 'Tìm kiếm mô hình khả dụng…',
     'pi.providers.models.remoteCount': 'Đã lấy {count} mô hình, bấm để thêm',

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

@@ -1344,6 +1344,10 @@ const zhTw = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': '模型',
     'pi.providers.fields.configJson': '組態 JSON',
+    'pi.providers.json.title': '設定 JSON',
+    'pi.providers.json.desc': '即時預覽表單異動合併後的最終紀錄；儲存時併入 models.json。',
+    'pi.providers.json.previewTitle': '預覽',
+    'pi.providers.json.editTitle': '編輯 JSON',
     'pi.providers.models.remove': '刪除',
     'pi.providers.models.search': '搜尋可用模型…',
     'pi.providers.models.remoteCount': '已取得 {count} 個可用模型，點擊新增',

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

@@ -1344,6 +1344,10 @@ const zh = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': '模型',
     'pi.providers.fields.configJson': '配置 JSON',
+    'pi.providers.json.title': '配置 JSON',
+    'pi.providers.json.desc': '实时预览表单改动合并后的最终记录；保存时并入 models.json。',
+    'pi.providers.json.previewTitle': '预览',
+    'pi.providers.json.editTitle': '编辑 JSON',
     'pi.providers.models.remove': '删除',
     'pi.providers.models.search': '搜索可用模型…',
     'pi.providers.models.remoteCount': '已拉取 {count} 个可用模型，点击添加',

package/web-ui/partials/index/layout-header.html

@@ -1,4 +1,4 @@
-    <div id="app" class="container" v-cloak>
+<div id="app" class="container" v-cloak>
         <div v-if="!sessionStandalone" class="mobile-brand-bar">
             <div class="mobile-brand-title">Codex Mate<span v-if="appVersion" class="brand-version"> v{{ appVersion }}</span></div>
             <button
@@ -569,4 +569,4 @@
                 </div>
 
                 <!-- 内容包裹器 - 稳定布局 -->
-                <div class="content-wrapper">
+                <div class="content-wrapper">

package/web-ui/partials/index/panel-config-pi.html

@@ -117,6 +117,25 @@
                             <div class="settings-tab-actions">
                                 <button type="button" class="btn-tool" @click="confirmDeletePiProvider" :disabled="!isToolConfigWriteAllowed('pi') || piSaving">{{ t('pi.providers.delete') }}</button>
                             </div>
+
+                        <section class="selector-section">
+                            <div class="selector-header">
+                                <span class="selector-title">{{ t('pi.providers.json.title') }}</span>
+                            </div>
+                            <p class="config-template-hint">{{ t('pi.providers.json.desc') }}</p>
+                            <label class="form-label">{{ t('pi.providers.json.previewTitle') }}</label>
+                            <pre class="config-json-preview">{{ piProviderPreviewJson() }}</pre>
+                            <label class="form-label">{{ t('pi.providers.json.editTitle') }}</label>
+                            <textarea
+                                class="template-textarea config-json-editor"
+                                v-model="editingPiProvider.form.configJsonDraft"
+                                spellcheck="false"
+                                autocomplete="off"
+                                :disabled="!isToolConfigWriteAllowed('pi')"
+                                @input="piEditorJsonDraftInput"
+                                placeholder="{}"></textarea>
+                            <p v-if="piEditorJsonError" class="config-template-hint error-text">{{ piEditorJsonError }}</p>
+                        </section>
                         </section>
 
                         <section class="selector-section" v-if="showAddPiProviderModal">
@@ -168,4 +187,4 @@
                         </div>
                     </div>
                 </div>
-            </div>
+            </div>

package/web-ui/res/web-ui-render.precompiled.js

@@ -3458,6 +3458,32 @@ return function render(_ctx, _cache) {
                           onClick: _ctx.confirmDeletePiProvider,
                           disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
                         }, _toDisplayString(_ctx.t('pi.providers.delete')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ]),
+                      _createElementVNode("section", { class: "selector-section" }, [
+                        _createElementVNode("div", { class: "selector-header" }, [
+                          _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.providers.json.title')), 1 /* TEXT */)
+                        ]),
+                        _createElementVNode("p", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.json.desc')), 1 /* TEXT */),
+                        _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.json.previewTitle')), 1 /* TEXT */),
+                        _createElementVNode("pre", { class: "config-json-preview" }, _toDisplayString(_ctx.piProviderPreviewJson()), 1 /* TEXT */),
+                        _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.json.editTitle')), 1 /* TEXT */),
+                        _withDirectives(_createElementVNode("textarea", {
+                          class: "template-textarea config-json-editor",
+                          "onUpdate:modelValue": $event => ((_ctx.editingPiProvider.form.configJsonDraft) = $event),
+                          spellcheck: "false",
+                          autocomplete: "off",
+                          disabled: !_ctx.isToolConfigWriteAllowed('pi'),
+                          onInput: _ctx.piEditorJsonDraftInput,
+                          placeholder: "{}"
+                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "disabled", "onInput"]), [
+                          [_vModelText, _ctx.editingPiProvider.form.configJsonDraft]
+                        ]),
+                        (_ctx.piEditorJsonError)
+                          ? (_openBlock(), _createElementBlock("p", {
+                              key: 0,
+                              class: "config-template-hint error-text"
+                            }, _toDisplayString(_ctx.piEditorJsonError), 1 /* TEXT */))
+                          : _createCommentVNode("v-if", true)
                       ])
                     ]))
                   : _createCommentVNode("v-if", true),

package/web-ui/styles/controls-forms.css

@@ -352,6 +352,28 @@
     margin-top: 2px;
 }
 
+.config-json-preview {
+    width: 100%;
+    max-height: 240px;
+    overflow: auto;
+    margin: 0 0 10px;
+    padding: 12px;
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-md);
+    background: rgba(0, 0, 0, 0.04);
+    color: var(--color-text-secondary);
+    font-family: var(--font-mono);
+    font-size: 12px;
+    line-height: 1.55;
+    white-space: pre;
+    box-shadow: var(--shadow-subtle);
+}
+
+.config-json-editor {
+    min-height: 180px;
+    margin-bottom: 8px;
+}
+
 /* ============================================
    按钮
    ============================================ */