codexmate 0.0.20 → 0.0.22

package/web-ui/partials/index/modal-config-template-agents.html

@@ -1,24 +1,74 @@
         <div v-if="showConfigTemplateModal" class="modal-overlay" @click.self="!configTemplateApplying && closeConfigTemplateModal()">
             <div class="modal modal-wide" role="dialog" aria-modal="true" aria-labelledby="config-template-modal-title">
-                <div class="modal-title" id="config-template-modal-title">Config 模板编辑器（手动确认应用）</div>
+                <div class="modal-title" id="config-template-modal-title">{{ t('modal.configTemplate.title') }}</div>
 
                 <div class="form-group">
-                    <label class="form-label">config.toml 模板</label>
+                    <label class="form-label">{{ t('modal.configTemplate.label') }}</label>
+                    <div v-if="configTemplateDiffVisible" class="agents-diff-container">
+                        <div class="agents-diff-header">
+                            <div class="agents-diff-title">
+                                {{ t('diff.title.configTemplate') }}
+                                <span v-if="configTemplateDiffLoading" class="agents-diff-subtitle">{{ t('diff.generating') }}</span>
+                                <span v-else-if="configTemplateDiffError" class="agents-diff-subtitle">{{ t('diff.failed') }}</span>
+                                <span v-else-if="!configTemplateDiffHasChanges" class="agents-diff-subtitle">{{ t('diff.noChanges') }}</span>
+                            </div>
+                            <div class="agents-diff-stats">
+                                <span class="agents-diff-stat add">+{{ configTemplateDiffStats.added || 0 }}</span>
+                                <span class="agents-diff-stat del">-{{ configTemplateDiffStats.removed || 0 }}</span>
+                                <span class="agents-diff-stat">={{ configTemplateDiffStats.unchanged || 0 }}</span>
+                            </div>
+                        </div>
+                        <div v-if="configTemplateDiffError" class="agents-diff-error">
+                            {{ configTemplateDiffError }}
+                        </div>
+                        <div v-else class="agents-diff-lines">
+                            <div
+                                v-for="(line, index) in configTemplateDiffLines"
+                                :key="line.key || (line.type + '-' + index)"
+                                :class="['agents-diff-line', line.type]">
+                                <span class="agents-diff-line-sign">
+                                    {{ line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ') }}
+                                </span>
+                                <span class="agents-diff-line-text">{{ line.value }}</span>
+                            </div>
+                        </div>
+                    </div>
                     <textarea
+                        v-else
                         v-model="configTemplateContent"
                         class="form-input template-editor"
                         spellcheck="false"
-                        :readonly="configTemplateApplying"
-                        placeholder="在这里编辑 config.toml 模板内容"></textarea>
+                        :readonly="configTemplateApplying || configTemplateDiffLoading"
+                        @input="onConfigTemplateContentInput"
+                        :placeholder="t('modal.configTemplate.placeholder')"></textarea>
                     <div class="template-editor-warning">
-                        工具不会自动改动 `config.toml`。只有点击“确认应用模板”后才写入。
+                        <template v-if="configTemplateDiffConfirmEnabled">
+                            {{ t('modal.configTemplate.mode.twoStep') }}
+                        </template>
+                        <template v-else>
+                            {{ t('modal.configTemplate.mode.oneStep') }}
+                        </template>
+                        <div v-if="configTemplateDiffVisible && (configTemplateDiffLoading || configTemplateApplying)" class="agents-diff-hint">{{ t('diff.hint.busy') }}</div>
+                        <div v-else-if="configTemplateDiffVisible && configTemplateDiffError" class="agents-diff-hint">{{ t('diff.hint.failedBack') }}</div>
+                        <div v-else-if="configTemplateDiffVisible && !configTemplateDiffHasChanges" class="agents-diff-hint">{{ t('diff.hint.noChangesBack') }}</div>
+                        <div v-else-if="configTemplateDiffVisible" class="agents-diff-hint">{{ t('diff.hint.previewMode') }}</div>
                     </div>
                 </div>
 
                 <div class="btn-group">
-                    <button class="btn btn-cancel" @click="closeConfigTemplateModal" :disabled="configTemplateApplying">取消</button>
-                    <button class="btn btn-confirm" @click="applyConfigTemplate" :disabled="configTemplateApplying">
-                        {{ configTemplateApplying ? '应用中...' : '确认应用模板' }}
+                    <button class="btn btn-cancel" @click="closeConfigTemplateModal" :disabled="configTemplateApplying || configTemplateDiffLoading">{{ t('common.cancel') }}</button>
+                    <button
+                        v-if="configTemplateDiffVisible"
+                        class="btn"
+                        @click="resetConfigTemplateDiffState"
+                        :disabled="configTemplateApplying || configTemplateDiffLoading">
+                        {{ t('common.backToEdit') }}
+                    </button>
+                    <button class="btn btn-confirm" @click="applyConfigTemplate" :disabled="configTemplateApplying || configTemplateDiffLoading || (configTemplateDiffVisible && !configTemplateDiffHasChanges)">
+                        {{ configTemplateApplying
+                            ? (configTemplateDiffVisible || !configTemplateDiffConfirmEnabled ? t('common.applying') : t('common.confirming'))
+                            : (configTemplateDiffVisible || !configTemplateDiffConfirmEnabled ? t('common.apply') : t('common.confirm'))
+                        }}
                     </button>
                 </div>
             </div>
@@ -33,35 +83,35 @@
                             class="btn-mini btn-modal-copy"
                             @click="exportAgentsContent"
                             :disabled="agentsLoading">
-                            导出
+                            {{ t('modal.agents.export') }}
                         </button>
                         <button
                             class="btn-mini btn-modal-copy"
                             @click="copyAgentsContent"
                             :disabled="agentsLoading">
-                            复制
+                            {{ t('modal.agents.copy') }}
                         </button>
                     </div>
                 </div>
 
                 <div class="modal-editor-body">
                     <div class="form-group">
-                        <label class="form-label">目标文件</label>
+                        <label class="form-label">{{ t('modal.agents.targetFile') }}</label>
                         <div class="form-hint">
-                            {{ agentsPath || '未加载' }}
+                            {{ agentsPath || t('common.notLoaded') }}
                             <span v-if="agentsPath">
-                                （{{ agentsExists ? '已存在' : '不存在，将在保存时创建' }}）
+                                （{{ agentsExists ? t('common.exists') : t('common.notExistsWillCreateOnSave') }}）
                             </span>
                         </div>
                     </div>
 
 
                     <div class="form-group">
-                        <label class="form-label">AGENTS.md 内容</label>
+                        <label class="form-label">{{ t('modal.agents.contentLabel') }}</label>
                         <div
                             v-if="!agentsLoading && (hasAgentsContentChanged() || agentsDiffVisible)"
                             class="agents-diff-save-alert">
-                            {{ agentsDiffVisible ? '预览模式：当前改动尚未保存，只有点击“应用”后才会写入文件。' : '检测到未保存改动：关闭页面或应用前请先保存。' }}
+                            {{ agentsDiffVisible ? t('modal.agents.unsaved.previewModeHint') : t('modal.agents.unsaved.detectedHint') }}
                         </div>
                         <div v-if="agentsDiffVisible">
                             <div
@@ -70,10 +120,10 @@
                                 <span class="agents-diff-stat add">+{{ agentsDiffStats.added }}</span>
                                 <span class="agents-diff-stat del">-{{ agentsDiffStats.removed }}</span>
                             </div>
-                            <div v-if="agentsDiffLoading" class="state-message">生成差异中...</div>
+                            <div v-if="agentsDiffLoading" class="state-message">{{ t('diff.generating') }}</div>
                             <div v-else-if="agentsDiffError" class="state-message error">{{ agentsDiffError }}</div>
-                            <div v-else-if="agentsDiffTruncated" class="agents-diff-empty">内容过大，已跳过逐行差异预览</div>
-                            <div v-else-if="!agentsDiffHasChanges" class="agents-diff-empty">未检测到改动</div>
+                            <div v-else-if="agentsDiffTruncated" class="agents-diff-empty">{{ t('diff.tooLargeSkip') }}</div>
+                            <div v-else-if="!agentsDiffHasChanges" class="agents-diff-empty">{{ t('diff.noChanges') }}</div>
                             <div v-else class="agents-diff-view agents-diff-editor">
                                 <div
                                     v-for="(line, index) in agentsDiffLines"
@@ -93,32 +143,32 @@
                             spellcheck="false"
                             :readonly="agentsLoading || agentsSaving"
                             @input="onAgentsContentInput"
-                            placeholder="在这里编辑 AGENTS.md 内容"></textarea>
+                            :placeholder="t('modal.agents.placeholder')"></textarea>
                         <div class="template-editor-warning">
                             {{ agentsModalHint }}
-                            <div class="agents-diff-hint">快捷键：Esc（差异预览时返回编辑，编辑时关闭窗口）。</div>
-                            <div v-if="!agentsDiffVisible" class="agents-diff-hint">保存需两步：先点击“确认”预览差异，再点击“应用”保存。</div>
-                            <div v-else-if="agentsDiffLoading || agentsSaving" class="agents-diff-hint">正在生成差异或应用中，操作暂不可用。</div>
-                            <div v-else-if="agentsDiffError" class="agents-diff-hint">差异预览失败，请返回编辑后重试。</div>
-                            <div v-else-if="!agentsDiffHasChanges" class="agents-diff-hint">未检测到改动，可返回编辑继续修改或取消退出。</div>
-                            <div v-else-if="agentsDiffTruncated" class="agents-diff-hint">内容过大，已跳过预览，可点击“应用”保存或“返回编辑”继续修改。</div>
-                            <div v-else class="agents-diff-hint">当前为预览模式，可点击“应用”保存或“返回编辑”继续修改。</div>
+                            <div class="agents-diff-hint">{{ t('modal.agents.hint.shortcuts') }}</div>
+                            <div v-if="!agentsDiffVisible" class="agents-diff-hint">{{ t('modal.agents.hint.twoStepSave') }}</div>
+                            <div v-else-if="agentsDiffLoading || agentsSaving" class="agents-diff-hint">{{ t('diff.hint.busy') }}</div>
+                            <div v-else-if="agentsDiffError" class="agents-diff-hint">{{ t('diff.hint.failedBack') }}</div>
+                            <div v-else-if="!agentsDiffHasChanges" class="agents-diff-hint">{{ t('diff.hint.noChangesBack') }}</div>
+                            <div v-else-if="agentsDiffTruncated" class="agents-diff-hint">{{ t('diff.viewHint.truncated') }}</div>
+                            <div v-else class="agents-diff-hint">{{ t('diff.viewHint.preview') }}</div>
                         </div>
                     </div>
 
                 </div>
 
                 <div class="btn-group modal-editor-footer">
-                    <button class="btn btn-cancel" @click="closeAgentsModal" :disabled="agentsSaving || agentsDiffLoading">取消</button>
+                    <button class="btn btn-cancel" @click="closeAgentsModal" :disabled="agentsSaving || agentsDiffLoading">{{ t('common.cancel') }}</button>
                     <button
                         v-if="agentsDiffVisible"
                         class="btn"
                         @click="resetAgentsDiffState"
                         :disabled="agentsSaving || agentsDiffLoading">
-                        返回编辑
+                        {{ t('common.backToEdit') }}
                     </button>
                     <button class="btn btn-confirm" @click="applyAgentsContent" :disabled="agentsSaving || agentsLoading || agentsDiffLoading || (agentsDiffVisible && !agentsDiffHasChanges)">
-                        {{ agentsSaving ? (agentsDiffVisible ? '应用中...' : '确认中...') : (agentsDiffVisible ? '应用' : '确认') }}
+                        {{ agentsSaving ? (agentsDiffVisible ? t('common.applying') : t('common.confirming')) : (agentsDiffVisible ? t('common.apply') : t('common.confirm')) }}
                     </button>
                 </div>
             </div>

package/web-ui/partials/index/modal-confirm-toast.html

@@ -5,7 +5,7 @@
                 aria-modal="true"
                 aria-describedby="confirm-dialog-message"
                 :aria-labelledby="confirmDialogTitle ? 'confirm-dialog-title' : null"
-                :aria-label="confirmDialogTitle ? null : '确认操作'">
+                :aria-label="confirmDialogTitle ? null : t('confirm.aria')">
                 <div id="confirm-dialog-title" class="modal-title">{{ confirmDialogTitle }}</div>
                 <div id="confirm-dialog-message" class="confirm-dialog-message">{{ confirmDialogMessage }}</div>
                 <div class="btn-group confirm-dialog-actions">

package/web-ui/partials/index/modal-health-check.html

@@ -2,30 +2,30 @@
             <div class="modal modal-wide health-check-dialog" role="dialog" aria-modal="true" aria-labelledby="health-check-dialog-title">
                 <div class="modal-header">
                     <div>
-                        <div class="modal-title" id="health-check-dialog-title">健康检测对话</div>
-                        <div class="health-check-dialog-subtitle">发一轮真实对话，直看可用性。</div>
+                        <div class="modal-title" id="health-check-dialog-title">{{ t('modal.healthCheck.title') }}</div>
+                        <div class="health-check-dialog-subtitle">{{ t('modal.healthCheck.subtitle') }}</div>
                     </div>
                     <div v-if="healthCheckDialogLockedProvider" class="health-check-dialog-lock">
-                        已锁定：{{ healthCheckDialogLockedProvider }}
+                        {{ t('modal.healthCheck.lockedPrefix', { value: healthCheckDialogLockedProvider }) }}
                     </div>
                 </div>
 
                 <div class="health-check-dialog-controls">
                     <div class="form-group health-check-dialog-provider">
-                        <label class="form-label">提供商</label>
+                        <label class="form-label">{{ t('field.provider') }}</label>
                         <select
                             v-model="healthCheckDialogSelectedProvider"
                             class="form-select"
                             :disabled="!!healthCheckDialogLockedProvider || healthCheckDialogSending">
-                            <option value="" disabled>请选择提供商</option>
+                            <option value="" disabled>{{ t('placeholder.selectProvider') }}</option>
                             <option v-for="provider in displayProvidersList" :key="'health-check-provider-' + provider.name" :value="provider.name">
                                 {{ provider.name }}
                             </option>
                         </select>
                     </div>
                     <div v-if="healthCheckDialogLastResult" class="health-check-dialog-result" :class="healthCheckDialogLastResult.ok ? 'ok' : 'error'">
-                        <span>{{ healthCheckDialogLastResult.ok ? '已收到回复' : '本轮失败' }}</span>
-                        <span v-if="healthCheckDialogLastResult.model">模型：{{ healthCheckDialogLastResult.model }}</span>
+                        <span>{{ healthCheckDialogLastResult.ok ? t('modal.healthCheck.result.ok') : t('modal.healthCheck.result.fail') }}</span>
+                        <span v-if="healthCheckDialogLastResult.model">{{ t('label.model') }}{{ healthCheckDialogLastResult.model }}</span>
                         <span v-if="healthCheckDialogLastResult.status">HTTP {{ healthCheckDialogLastResult.status }}</span>
                         <span v-if="healthCheckDialogLastResult.durationMs">{{ healthCheckDialogLastResult.durationMs }} ms</span>
                     </div>
@@ -33,14 +33,14 @@
 
                 <div class="health-check-dialog-thread">
                     <div v-if="healthCheckDialogMessages.length === 0" class="health-check-dialog-empty">
-                        发一句话，看是否正常回复。
+                        {{ t('modal.healthCheck.emptyHint') }}
                     </div>
                     <div
                         v-for="item in healthCheckDialogMessages"
                         :key="item.id"
                         :class="['health-check-message', item.role, item.ok === false ? 'error' : '']">
                         <div class="health-check-message-meta">
-                            <span>{{ item.role === 'user' ? '你' : '提供商' }}</span>
+                            <span>{{ item.role === 'user' ? t('role.you') : t('role.provider') }}</span>
                             <span v-if="item.model">{{ item.model }}</span>
                             <span v-if="item.status">HTTP {{ item.status }}</span>
                             <span v-if="item.durationMs">{{ item.durationMs }} ms</span>
@@ -51,21 +51,21 @@
                 </div>
 
                 <div class="form-group">
-                    <label class="form-label">消息</label>
+                    <label class="form-label">{{ t('field.message') }}</label>
                     <textarea
                         v-model="healthCheckDialogPrompt"
                         class="form-input health-check-dialog-textarea"
                         rows="4"
                         :disabled="healthCheckDialogSending"
-                        placeholder="例如：请回复“连接正常”。"
+                        :placeholder="t('placeholder.healthCheckPromptExample')"
                         @keydown.ctrl.enter.prevent="sendHealthCheckDialogMessage"></textarea>
-                    <div class="form-hint">真实接口，单轮发送，不带历史。</div>
+                    <div class="form-hint">{{ t('modal.healthCheck.realApiHint') }}</div>
                 </div>
 
                 <div class="btn-group">
-                    <button class="btn btn-cancel" @click="closeHealthCheckDialog()" :disabled="healthCheckDialogSending">关闭</button>
+                    <button class="btn btn-cancel" @click="closeHealthCheckDialog()" :disabled="healthCheckDialogSending">{{ t('common.close') }}</button>
                     <button class="btn btn-confirm" @click="sendHealthCheckDialogMessage" :disabled="healthCheckDialogSending">
-                        {{ healthCheckDialogSending ? '发送中...' : '发送检测' }}
+                        {{ healthCheckDialogSending ? t('common.sending') : t('modal.healthCheck.send') }}
                     </button>
                 </div>
             </div>

package/web-ui/partials/index/modal-openclaw-config.html

@@ -3,21 +3,21 @@
                 <div class="modal-title" id="openclaw-config-modal-title">{{ openclawEditorTitle }}</div>
 
                 <div class="form-group">
-                    <label class="form-label">配置名称</label>
-                    <input v-model="openclawEditing.name" class="form-input" :readonly="openclawEditing.lockName" placeholder="例如: 默认配置">
+                    <label class="form-label">{{ t('field.configName') }}</label>
+                    <input v-model="openclawEditing.name" class="form-input" :readonly="openclawEditing.lockName" :placeholder="t('placeholder.openclawConfigNameExample')">
                 </div>
 
                 <div class="form-group">
-                    <label class="form-label">目标文件</label>
+                    <label class="form-label">{{ t('field.targetFile') }}</label>
                     <div class="form-hint">
-                        {{ openclawConfigPath || '未加载' }}
+                        {{ openclawConfigPath || t('common.notLoaded') }}
                         <span v-if="openclawConfigPath">
-                            （{{ openclawConfigExists ? '已存在' : '不存在，将在应用时创建' }}）
+                            （{{ openclawConfigExists ? t('common.exists') : t('common.notExistsWillCreateOnApply') }}）
                         </span>
                     </div>
                     <div class="btn-group" style="justify-content:flex-start;">
                         <button class="btn btn-confirm secondary" @click="loadOpenclawConfigFromFile" :disabled="openclawFileLoading">
-                            {{ openclawFileLoading ? '加载中...' : '加载当前配置' }}
+                            {{ openclawFileLoading ? t('common.loading') : t('modal.openclaw.loadCurrent') }}
                         </button>
                     </div>
                 </div>
@@ -25,44 +25,48 @@
                 <div class="quick-section">
                     <div class="quick-header">
                         <div>
-                            <div class="quick-title">新手快速配置</div>
-                            <div class="form-hint">按 3 步完成：填 Provider 和模型，写入编辑器，保存并应用。</div>
+                            <div class="quick-title">{{ t('modal.openclaw.quick.title') }}</div>
+                            <div class="form-hint">{{ t('modal.openclaw.quick.subtitle') }}</div>
                         </div>
                         <div class="quick-actions">
-                            <button class="btn-mini" @click="syncOpenclawQuickFromText">从编辑器读取</button>
-                            <button class="btn-mini" @click="resetOpenclawQuick">清空</button>
+                            <button class="btn-mini" @click="syncOpenclawQuickFromText">{{ t('modal.openclaw.quick.readFromEditor') }}</button>
+                            <button class="btn-mini" @click="resetOpenclawQuick">{{ t('common.clear') }}</button>
                         </div>
                     </div>
                     <div class="quick-steps">
-                        <div class="quick-step"><span class="step-badge">1</span><span>填写 Provider 与模型</span></div>
-                        <div class="quick-step"><span class="step-badge">2</span><span>点击写入编辑器</span></div>
-                        <div class="quick-step"><span class="step-badge">3</span><span>保存并应用</span></div>
+                        <div class="quick-step"><span class="step-badge">1</span><span>{{ t('modal.openclaw.quick.step1') }}</span></div>
+                        <div class="quick-step"><span class="step-badge">2</span><span>{{ t('modal.openclaw.quick.step2') }}</span></div>
+                        <div class="quick-step"><span class="step-badge">3</span><span>{{ t('modal.openclaw.quick.step3') }}</span></div>
                     </div>
                     <div class="quick-grid">
                         <div class="quick-card">
                             <div class="structured-card-title">Provider</div>
                             <div class="form-group">
-                                <label class="form-label">Provider 名称</label>
+                                <label class="form-label">{{ t('field.providerName') }}</label>
                                 <input v-model="openclawQuick.providerName" class="form-input" placeholder="例如: custom-myapi">
-                                <div class="form-hint">会拼成 provider/model 作为主模型标识。</div>
+                                <div class="form-hint">{{ t('modal.openclaw.quick.providerHint') }}</div>
                             </div>
                             <div class="form-group">
-                                <label class="form-label">Base URL</label>
-                                <input v-model="openclawQuick.baseUrl" class="form-input" placeholder="https://api.example.com/v1">
+                                <label class="form-label">{{ t('field.baseUrl') }}</label>
+                                <input v-model="openclawQuick.baseUrl" class="form-input" placeholder="https://api.example.com/v1" :readonly="openclawQuick.baseUrlReadOnly">
+                                <div v-if="openclawQuick.baseUrlDisplayKind === 'builtin-default'" class="form-hint">{{ t('modal.openclaw.quick.baseUrlHintDefault') }}</div>
+                                <div v-else-if="openclawQuick.baseUrlReadOnly" class="form-hint">{{ t('modal.openclaw.quick.baseUrlHintReadonly') }}</div>
                             </div>
                             <div class="form-group">
                                 <label class="form-label">API Key</label>
                                 <div class="list-row">
-                                    <input v-model="openclawQuick.apiKey" class="form-input" :type="openclawQuick.showKey ? 'text' : 'password'" placeholder="sk-...">
-                                    <button class="btn-mini" @click="toggleOpenclawQuickKey">
-                                        {{ openclawQuick.showKey ? '隐藏' : '显示' }}
+                                    <input v-model="openclawQuick.apiKey" class="form-input" :readonly="openclawQuick.apiKeyReadOnly" :type="(openclawQuick.apiKeyReadOnly || openclawQuick.showKey) ? 'text' : 'password'" placeholder="sk-...">
+                                    <button v-if="!openclawQuick.apiKeyReadOnly" class="btn-mini" @click="toggleOpenclawQuickKey">
+                                        {{ openclawQuick.showKey ? t('common.hide') : t('common.show') }}
                                     </button>
                                 </div>
-                                <div class="form-hint">留空表示不覆盖现有 key。</div>
+                                <div v-if="openclawQuick.apiKeyDisplayKind === 'auth-profile-value'" class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintFromAuth') }}</div>
+                                <div v-else-if="openclawQuick.apiKeyReadOnly" class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintReadonly') }}</div>
+                                <div v-else class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintKeep') }}</div>
                             </div>
                             <div class="form-group">
-                                <label class="form-label">API 类型</label>
-                                <input v-model="openclawQuick.apiType" class="form-input" list="openclawApiTypeList" placeholder="例如: openai-responses">
+                                <label class="form-label">{{ t('field.apiType') }}</label>
+                                <input v-model="openclawQuick.apiType" class="form-input" list="openclawApiTypeList" :placeholder="t('placeholder.apiTypeExample')">
                                 <datalist id="openclawApiTypeList">
                                     <option value="openai-responses"></option>
                                     <option value="openai-chat"></option>
@@ -73,51 +77,51 @@
                         </div>
 
                         <div class="quick-card">
-                            <div class="structured-card-title">模型</div>
+                            <div class="structured-card-title">{{ t('modal.openclaw.quick.modelTitle') }}</div>
                             <div class="form-group">
-                                <label class="form-label">模型 ID</label>
-                                <input v-model="openclawQuick.modelId" class="form-input" placeholder="例如: gpt-4.1">
+                                <label class="form-label">{{ t('field.modelId') }}</label>
+                                <input v-model="openclawQuick.modelId" class="form-input" :placeholder="t('placeholder.modelIdExample')">
                             </div>
                             <div class="form-group">
-                                <label class="form-label">展示名称</label>
-                                <input v-model="openclawQuick.modelName" class="form-input" placeholder="留空则使用模型 ID">
+                                <label class="form-label">{{ t('field.displayName') }}</label>
+                                <input v-model="openclawQuick.modelName" class="form-input" :placeholder="t('placeholder.modelNameOptional')">
                             </div>
                             <div class="form-group">
-                                <label class="form-label">上下文与最大输出</label>
+                                <label class="form-label">{{ t('field.contextAndMaxOutput') }}</label>
                                 <div class="list-row">
-                                    <input v-model="openclawQuick.contextWindow" class="form-input" placeholder="上下文长度">
-                                    <input v-model="openclawQuick.maxTokens" class="form-input" placeholder="最大输出">
+                                    <input v-model="openclawQuick.contextWindow" class="form-input" :placeholder="t('field.contextWindow')">
+                                    <input v-model="openclawQuick.maxTokens" class="form-input" :placeholder="t('field.maxOutput')">
                                 </div>
-                                <div class="form-hint">留空表示不改动已有配置。</div>
+                                <div class="form-hint">{{ t('hint.emptyNoChange') }}</div>
                             </div>
                         </div>
 
                         <div class="quick-card">
-                            <div class="structured-card-title">选项</div>
+                            <div class="structured-card-title">{{ t('modal.openclaw.quick.optionsTitle') }}</div>
                             <label class="quick-option">
                                 <input type="checkbox" v-model="openclawQuick.setPrimary">
-                                设为主模型
+                                {{ t('modal.openclaw.quick.setPrimary') }}
                             </label>
                             <label class="quick-option">
                                 <input type="checkbox" v-model="openclawQuick.overrideProvider">
-                                覆盖同名 Provider 基础信息
+                                {{ t('modal.openclaw.quick.overrideProvider') }}
                             </label>
                             <label class="quick-option">
                                 <input type="checkbox" v-model="openclawQuick.overrideModels">
-                                覆盖同名模型列表
+                                {{ t('modal.openclaw.quick.overrideModels') }}
                             </label>
-                            <div class="form-hint">关闭覆盖会只补空缺字段。</div>
+                            <div class="form-hint">{{ t('modal.openclaw.quick.optionsHint') }}</div>
                         </div>
                     </div>
                     <div class="btn-group">
-                        <button class="btn btn-confirm" @click="applyOpenclawQuickToText">写入编辑器</button>
+                        <button class="btn btn-confirm" @click="applyOpenclawQuickToText">{{ t('modal.openclaw.quick.writeToEditor') }}</button>
                     </div>
                 </div>
 
                 <div class="structured-section">
                     <div class="structured-header">
                         <span class="structured-title">结构化配置（高级）</span>
-                        <span class="form-hint">写入编辑器会重排 JSON，注释可能丢失。</span>
+                        <span class="form-hint">{{ t('modal.openclaw.structured.writeHint') }}</span>
                     </div>
                     <div class="structured-grid">
                         <div class="structured-card">
@@ -245,7 +249,7 @@
                     </div>
                     <div class="btn-group">
                         <button class="btn btn-confirm secondary" @click="syncOpenclawStructuredFromText">从文本刷新</button>
-                        <button class="btn btn-confirm" @click="applyOpenclawStructuredToText">写入编辑器</button>
+                        <button class="btn btn-confirm" @click="applyOpenclawStructuredToText">{{ t('common.writeToEditor') }}</button>
                     </div>
                 </div>
 
@@ -258,13 +262,14 @@
                         :readonly="openclawSaving || openclawApplying"
                         placeholder="在这里编辑 OpenClaw 配置（JSON5）"></textarea>
                     <div class="template-editor-warning">
-                        保存仅写入本地配置库。点击“保存并应用”后会写入 openclaw.json。
+                        <span v-if="openclawEditing.lockName && openclawEditing.name === '默认配置'">默认配置始终映射当前 openclaw.json，请直接使用“保存并应用”。</span>
+                        <span v-else>保存仅写入本地配置库。点击“保存并应用”后会写入 openclaw.json。</span>
                     </div>
                 </div>
 
                 <div class="btn-group">
                     <button class="btn btn-cancel" @click="closeOpenclawConfigModal" :disabled="openclawSaving || openclawApplying">取消</button>
-                    <button class="btn btn-confirm" @click="saveOpenclawConfig" :disabled="openclawSaving || openclawApplying">
+                    <button class="btn btn-confirm" @click="saveOpenclawConfig" :disabled="openclawSaving || openclawApplying || (openclawEditing.lockName && openclawEditing.name === '默认配置')">
                         {{ openclawSaving ? '保存中...' : '保存' }}
                     </button>
                     <button class="btn btn-confirm secondary" @click="saveAndApplyOpenclawConfig" :disabled="openclawSaving || openclawApplying">