codexmate 0.0.27 → 0.0.29

package/web-ui/modules/i18n.mjs

@@ -4,7 +4,9 @@ const I18N_STORAGE_KEY = 'codexmateLang';
 
 function normalizeLang(value) {
     const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
-    return normalized === 'en' ? 'en' : 'zh';
+    if (normalized === 'en') return 'en';
+    if (normalized === 'ja') return 'ja';
+    return 'zh';
 }
 
 function interpolate(template, params) {
@@ -26,7 +28,9 @@ export function createI18nMethods() {
             this.lang = next;
             try {
                 if (typeof document !== 'undefined' && document.documentElement) {
-                    document.documentElement.lang = next === 'en' ? 'en' : 'zh-CN';
+                    if (next === 'en') document.documentElement.lang = 'en';
+                    else if (next === 'ja') document.documentElement.lang = 'ja';
+                    else document.documentElement.lang = 'zh-CN';
                 }
             } catch (_) {}
         },
@@ -40,7 +44,9 @@ export function createI18nMethods() {
             } catch (_) {}
             try {
                 if (typeof document !== 'undefined' && document.documentElement) {
-                    document.documentElement.lang = next === 'en' ? 'en' : 'zh-CN';
+                    if (next === 'en') document.documentElement.lang = 'en';
+                    else if (next === 'ja') document.documentElement.lang = 'ja';
+                    else document.documentElement.lang = 'zh-CN';
                 }
             } catch (_) {}
         },

package/web-ui/modules/provider-url-display.mjs

@@ -0,0 +1,17 @@
+export function getProviderDisplayUrl(provider) {
+    if (!provider) return '';
+    const bridge = typeof provider.codexmate_bridge === 'string' ? provider.codexmate_bridge.trim() : '';
+    if (bridge === 'openai') {
+        const upstream = typeof provider.upstreamUrl === 'string' ? provider.upstreamUrl.trim() : '';
+        if (upstream) return upstream;
+    }
+    return provider.url || '';
+}
+
+export function checkIsTransformProvider(provider) {
+    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/');
+}

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

@@ -107,6 +107,12 @@
                     :aria-pressed="(lang || 'zh') === 'en'"
                     :class="{ active: (lang || 'zh') === 'en' }"
                     @click="setLang('en')">EN</button>
+                <button
+                    type="button"
+                    class="lang-choice-btn"
+                    :aria-pressed="(lang || 'zh') === 'ja'"
+                    :class="{ active: (lang || 'zh') === 'ja' }"
+                    @click="setLang('ja')">日本語</button>
             </div>
         </div>
 
@@ -297,6 +303,19 @@
                             <span>{{ t('side.system.settings.meta') }}</span>
                         </div>
                     </button>
+                    <button
+                        id="side-tab-trash"
+                        data-main-tab="trash"
+                        :aria-current="mainTab === 'trash' ? 'page' : null"
+                        :class="['side-item', { active: isMainTabNavActive('trash') }]"
+                        @pointerdown="onMainTabPointerDown('trash', $event)"
+                        @click="onMainTabClick('trash', $event)">
+                        <div class="side-item-title">回收站</div>
+                        <div class="side-item-meta">
+                            <span>已删除会话</span>
+                            <span v-if="sessionTrashCount > 0" class="side-item-badge">{{ sessionTrashCount }}</span>
+                        </div>
+                    </button>
                 </div>
                 </div>
 
@@ -314,6 +333,12 @@
                             :aria-pressed="(lang || 'zh') === 'en'"
                             :class="{ active: (lang || 'zh') === 'en' }"
                             @click="setLang('en')">EN</button>
+                        <button
+                            type="button"
+                            class="lang-choice-btn"
+                            :aria-pressed="(lang || 'zh') === 'ja'"
+                            :class="{ active: (lang || 'zh') === 'ja' }"
+                            @click="setLang('ja')">日本語</button>
                     </div>
                 </div>
             </aside>

package/web-ui/partials/index/modals-basic.html

@@ -34,9 +34,6 @@
                         <input type="checkbox" v-model="newProvider.useTransform">
                         {{ t('field.useBuiltinTransform') }}
                     </label>
-                    <div class="form-hint">
-                        {{ t('hint.useBuiltinTransform') }}
-                    </div>
                 </div>
 
                 <div class="btn-group">

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

@@ -45,8 +45,7 @@
                     <div class="selector-header">
                         <span class="selector-title">{{ t('claude.presetProviders') }}</span>
                     </div>
-                    <div class="btn-group" style="flex-wrap: wrap; gap: 8px;">
-                        <button type="button" class="btn-mini" @click="closeClaudeConfigModal(); showClaudeConfigModal = true">{{ t('claude.customConfig') }}</button>
+                    <div class="btn-group" style="flex-wrap: wrap; gap: 8px; margin-top: 0;">
                         <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Claude Official'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.anthropic.com'; newClaudeConfig.model = 'claude-sonnet-4'; showClaudeConfigModal = true">Claude Official</button>
                         <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DeepSeek'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.deepseek.com/anthropic'; newClaudeConfig.model = 'DeepSeek-V3.2'; showClaudeConfigModal = true">DeepSeek</button>
                         <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Zhipu GLM'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://open.bigmodel.cn/api/anthropic'; newClaudeConfig.model = 'glm-5'; showClaudeConfigModal = true">Zhipu GLM</button>
@@ -136,6 +135,7 @@
                     </div>
                 </div>
 
+
                 <div class="card-list">
                     <div v-for="(config, name) in claudeConfigs" :key="name"
                          :class="['card', { active: currentClaudeConfig === name }]"
@@ -149,7 +149,8 @@
                             <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
                             <div class="card-content">
                                 <div class="card-title">{{ name }}</div>
-                                <div class="card-subtitle">{{ config.model || t('claude.model.unset') }}</div>
+                                <div class="card-subtitle card-subtitle-model">{{ config.model || t('claude.model.unset') }}</div>
+                                <div class="card-subtitle card-subtitle-url" v-if="config.baseUrl">{{ config.baseUrl }}</div>
                             </div>
                         </div>
                         <div class="card-trailing">
@@ -166,6 +167,12 @@
                                         <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
                                     </svg>
                                 </button>
+                                <button class="card-action-btn" @click="openCloneClaudeConfigModal(name, config)" :aria-label="t('claude.action.cloneAria', { name })" :title="t('claude.action.clone')">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <rect x="9" y="9" width="13" height="13" rx="2"/>
+                                        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
+                                    </svg>
+                                </button>
                                 <button class="card-action-btn" :class="{ loading: claudeShareLoading[name] }" @click="copyClaudeShareCommand(name)" disabled :title="t('claude.action.shareDisabled')" :aria-label="t('config.shareCommand.aria')">
                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                         <path d="M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7"/>

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

@@ -38,6 +38,27 @@
                     {{ t('config.addProvider') }}
                 </button>
 
+                <!-- 服务预设 -->
+                <div class="selector-section" v-if="isCodexConfigMode && codexProviderTemplates.length">
+                    <div class="selector-header">
+                        <span class="selector-title">{{ t('config.providerTemplate.title') }}</span>
+                    </div>
+                    <div class="btn-group" style="flex-wrap: wrap; gap: 8px; margin-top: 0;">
+                        <button
+                            v-for="tpl in codexProviderTemplates"
+                            :key="tpl.name"
+                            type="button"
+                            class="btn-mini"
+                            @click="newProvider.name = tpl.name;
+                                    newProvider.url = tpl.url;
+                                    newProvider._suggestedModel = tpl.model || '';
+                                    newProvider.useTransform = !!tpl.useTransform;
+                                    showAddModal = true">
+                            {{ tpl.label }}
+                        </button>
+                    </div>
+                </div>
+
                 <!-- 模型选择器 -->
                 <div class="selector-section">
                     <div class="selector-header">
@@ -55,15 +76,20 @@
                         :disabled="codexModelsLoading"
                     >
                         <option v-if="codexModelsLoading" value="">{{ t('config.modelLoading') }}</option>
-                        <option v-else v-for="model in models" :key="model" :value="model">{{ model }}</option>
+                        <option v-else v-for="model in codexModelOptions" :key="model" :value="model">{{ model }}</option>
                     </select>
                     <input
                         v-if="!codexModelsLoading && (modelsSource !== 'remote' || !modelsHasCurrent)"
                         class="model-input"
                         v-model="currentModel"
                         @blur="onModelChange"
+                        @keyup.enter="onModelChange"
                         :placeholder="activeProviderModelPlaceholder"
+                        :list="codexModelHasList ? 'codex-model-options' : null"
                     >
+                    <datalist v-if="codexModelHasList" id="codex-model-options">
+                        <option v-for="model in codexModelOptions" :key="model" :value="model"></option>
+                    </datalist>
                     <div class="config-template-hint" v-if="modelsSource === 'unlimited'">
                         {{ t('config.models.unlimited') }}
                     </div>
@@ -204,14 +230,17 @@
                          role="button"
                          :aria-current="displayCurrentProvider === provider.name ? 'true' : null">
                         <div class="card-leading">
-                            <div class="card-icon">{{ provider.name.charAt(0).toUpperCase() }}</div>
+                            <div class="card-icon">{{ provider.name.charAt(0).toUpperCase() }}<span v-if="isTransformProvider(provider)" class="card-icon-dot" title="通过内建转换适配"></span></div>
                             <div class="card-content">
                                 <div class="card-title">
                                     <span>{{ provider.name }}</span>
                                     <span v-if="provider.readOnly" class="provider-readonly-badge">{{ t('config.badge.system') }}</span>
                                 </div>
-                                <div class="card-subtitle">
-                                    {{ provider.url || t('config.url.unset') }}
+                                <div class="card-subtitle card-subtitle-model">
+                                    {{ activeProviderModel(provider.name) || t('config.model.unset') }}
+                                </div>
+                                <div class="card-subtitle card-subtitle-url">
+                                    {{ displayProviderUrl(provider) || t('config.url.unset') }}
                                 </div>
                             </div>
                         </div>
@@ -262,6 +291,17 @@
                                         <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
                                     </svg>
                                 </button>
+                                <button
+                                    v-if="!provider.readOnly"
+                                    class="card-action-btn"
+                                    @click="openCloneProviderModal(provider)"
+                                    :aria-label="t('config.provider.clone.aria', { name: provider.name })"
+                                    :title="t('config.provider.clone')">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <rect x="9" y="9" width="13" height="13" rx="2"/>
+                                        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
+                                    </svg>
+                                </button>
                                 <button
                                     v-if="!provider.readOnly"
                                     class="card-action-btn delete"

package/web-ui/partials/index/panel-plugins.html

@@ -176,7 +176,7 @@
                                         <template v-else>
                                             <div class="prompt-editor-head">
                                                 <div class="prompt-editor-title-row">
-                                                    <input class="form-input prompt-editor-name" type="text" v-model.trim="promptTemplateDraft.name" :disabled="promptTemplateDraft.isBuiltin" :placeholder="t('plugins.promptTemplates.editor.namePlaceholder')" :aria-label="t('plugins.promptTemplates.editor.nameAria')">
+                                                    <input class="form-input prompt-editor-name" type="text" v-model.trim="promptTemplateDraftRaw.name" :disabled="promptTemplateDraft.isBuiltin" :placeholder="t('plugins.promptTemplates.editor.namePlaceholder')" :aria-label="t('plugins.promptTemplates.editor.nameAria')">
                                                     <div v-if="!promptTemplateDraft.isBuiltin" class="prompt-editor-actions">
                                                         <button type="button" class="btn-mini" @click="duplicatePromptTemplate" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.editor.duplicate') }}</button>
                                                         <button type="button" class="btn-mini delete" @click="deletePromptTemplate" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.editor.delete') }}</button>
@@ -189,14 +189,14 @@
                                                 <div v-if="promptTemplateDraft.isBuiltin && (promptTemplateDraft.createdBy || (promptTemplateDraft.maintainers && promptTemplateDraft.maintainers.length))" class="plugins-panel-note">
                                                     {{ t('plugins.meta.attribution', { createdBy: promptTemplateDraft.createdBy || '', maintainers: (promptTemplateDraft.maintainers || []).join(', ') }) }}
                                                 </div>
-                                                <input class="form-input" type="text" v-model.trim="promptTemplateDraft.description" :disabled="promptTemplateDraft.isBuiltin" :placeholder="t('plugins.promptTemplates.editor.descPlaceholder')" :aria-label="t('plugins.promptTemplates.editor.descAria')">
+                                                <input class="form-input" type="text" v-model.trim="promptTemplateDraftRaw.description" :disabled="promptTemplateDraft.isBuiltin" :placeholder="t('plugins.promptTemplates.editor.descPlaceholder')" :aria-label="t('plugins.promptTemplates.editor.descAria')">
                                             </div>
 
                                             <div class="prompt-editor-body">
                                                 <label class="form-label">{{ t('plugins.promptTemplates.editor.templateLabel') }}</label>
                                                 <textarea
                                                     class="form-input prompt-editor-textarea"
-                                                    v-model="promptTemplateDraft.template"
+                                                    v-model="promptTemplateDraftRaw.template"
                                                     :disabled="promptTemplateDraft.isBuiltin"
                                                     rows="10"
                                                     spellcheck="false"
@@ -210,7 +210,6 @@
                                                             <div class="plugins-panel-note">{{ t('plugins.promptTemplates.vars.hint') }}</div>
                                                         </div>
                                                         <div v-if="!promptTemplateDraft.isBuiltin" class="prompt-editor-actions">
-                                                            <button type="button" class="btn-mini" @click="addPromptTemplateVariable" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.vars.add') }}</button>
                                                             <button type="button" class="btn-mini" @click="resetPromptVariableValues" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.vars.reset') }}</button>
                                                         </div>
                                                     </div>
@@ -252,28 +251,3 @@
                     style="display:none"
                     @change="handlePromptTemplatesImportChange">
 
-                <!-- 新增变量（Prompt Templates） -->
-                <div v-if="showPromptTemplateVarModal" class="modal-overlay" @click.self="closePromptTemplateVarModal">
-                    <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-prompt-var-modal-title">
-                        <div class="modal-title" id="add-prompt-var-modal-title">{{ t('plugins.promptTemplates.varModal.title') }}</div>
-
-                        <div class="form-group">
-                            <label class="form-label">{{ t('plugins.promptTemplates.varModal.nameLabel') }}</label>
-                            <input
-                                ref="promptTemplateVarNameInput"
-                                v-model.trim="promptTemplateVarDraftName"
-                                :class="['form-input', { invalid: !!promptTemplateVarDraftError }]"
-                                :placeholder="t('placeholder.varNameExample')"
-                                autocomplete="off"
-                                spellcheck="false"
-                                @keydown.enter.prevent="confirmAddPromptTemplateVariable">
-                            <div v-if="promptTemplateVarDraftError" class="form-hint form-error">{{ promptTemplateVarDraftError }}</div>
-                            <div v-else class="form-hint">{{ t('hint.varNameRules') }}</div>
-                        </div>
-
-                        <div class="btn-group">
-                            <button class="btn btn-cancel" @click="closePromptTemplateVarModal">{{ t('plugins.promptTemplates.varModal.cancel') }}</button>
-                            <button class="btn btn-confirm" @click="confirmAddPromptTemplateVariable">{{ t('plugins.promptTemplates.varModal.add') }}</button>
-                        </div>
-                    </div>
-                </div>

package/web-ui/partials/index/panel-sessions.html

@@ -97,16 +97,6 @@
                             </button>
                         </div>
                     </div>
-                    <div class="session-toolbar-footer">
-                        <label class="quick-option">
-                            <input
-                                type="checkbox"
-                                v-model="sessionResumeWithYolo"
-                                @change="onSessionResumeYoloChange"
-                            >
-                            {{ t('sessions.resumeYolo') }}
-                        </label>
-                    </div>
                     <div v-if="hasActiveSessionFilters()" class="session-filter-chips" :aria-label="t('sessions.filters.copyLink')">
                         <button
                             v-for="chip in getSessionFilterChips()"