codexmate 0.1.10 → 0.1.12

package/web-ui/modules/app.methods.system-prompt.mjs

@@ -223,6 +223,9 @@ export function createSystemPromptMethods(options = {}) {
                     this.showMessage(res.error, 'error');
                     return;
                 }
+                if (typeof res.historyBucket === 'string' && res.historyBucket) {
+                    this.sysHistoryBucket = res.historyBucket;
+                }
                 this.showMessage(this.t('sysPrompt.toast.saved'), 'success');
                 await this.loadSystemPrompt();
             } catch (e) {
@@ -289,6 +292,84 @@ export function createSystemPromptMethods(options = {}) {
                 return { text: this.t('sysPrompt.hint.twoStepSave'), warn: false };
             }
             return null;
+        },
+
+        resolveSysHistoryBucket() {
+            if (typeof this.sysHistoryBucket === 'string' && this.sysHistoryBucket) {
+                return this.sysHistoryBucket;
+            }
+            const scope = this.sysPromptScope || 'global';
+            return 'system_' + scope + '_global';
+        },
+
+        async openSysHistory() {
+            if (this.sysHistoryLoading) return;
+            const bucket = this.resolveSysHistoryBucket();
+            this.sysHistoryVisible = true;
+            this.sysHistoryError = '';
+            await this.loadSysHistory(bucket);
+        },
+
+        async loadSysHistory(bucketArg) {
+            if (this.sysHistoryLoading) return;
+            const bucket = typeof bucketArg === 'string' && bucketArg.trim()
+                ? bucketArg.trim()
+                : this.resolveSysHistoryBucket();
+            this.sysHistoryBucket = bucket;
+            this.sysHistoryLoading = true;
+            this.sysHistoryError = '';
+            this.sysHistoryItems = [];
+            this.sysHistoryPreviewId = '';
+            this.sysHistoryPreviewContent = '';
+            try {
+                const res = await api('list-prompt-history', { bucket });
+                if (res && res.error) {
+                    this.sysHistoryError = res.error;
+                    return;
+                }
+                this.sysHistoryItems = Array.isArray(res) ? res : [];
+            } catch (e) {
+                this.sysHistoryError = this.t('toast.load.fail');
+            } finally {
+                this.sysHistoryLoading = false;
+            }
+        },
+
+        closeSysHistory() {
+            this.sysHistoryVisible = false;
+            this.sysHistoryPreviewId = '';
+            this.sysHistoryPreviewContent = '';
+            this.sysHistoryError = '';
+        },
+
+        async viewSysHistoryItem(item) {
+            if (!item || !item.id) return;
+            if (this.sysHistoryLoading) return;
+            if (this.sysHistoryPreviewId === item.id && this.sysHistoryPreviewContent) return;
+            this.sysHistoryPreviewId = item.id;
+            this.sysHistoryPreviewContent = '';
+            try {
+                const res = await api('get-prompt-history', { bucket: this.sysHistoryBucket, id: item.id });
+                if (res && res.error) {
+                    this.sysHistoryError = res.error;
+                    this.sysHistoryPreviewId = '';
+                    return;
+                }
+                this.sysHistoryPreviewContent = typeof res.content === 'string' ? res.content : '';
+            } catch (e) {
+                this.sysHistoryError = this.t('toast.load.fail');
+                this.sysHistoryPreviewId = '';
+            }
+        },
+
+        applySysHistoryToEditor() {
+            if (!this.sysHistoryPreviewContent) return;
+            if (this.sysPromptSaving || this.sysPromptDiffVisible) return;
+            this.sysPromptContent = this.sysHistoryPreviewContent;
+            this.sysHistoryVisible = false;
+            this.sysHistoryPreviewId = '';
+            this.sysHistoryPreviewContent = '';
+            this.showMessage(this.t('toast.history.restored'), 'success');
         }
     };
 }

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

@@ -347,6 +347,9 @@ export function createWebUiPreferencesMethods(options = {}) {
                     ? source.projectClaudeMdPath
                     : (typeof this.projectClaudeMdPath === 'string' ? this.projectClaudeMdPath : ''),
                 sidebarCollapsed: normalizeBoolean(hasOwn(source, 'sidebarCollapsed') ? source.sidebarCollapsed : this.sidebarCollapsed, false),
+                configModeVisibility: typeof this.normalizeConfigModeVisibility === 'function'
+                    ? this.normalizeConfigModeVisibility(hasOwn(source, 'configModeVisibility') ? source.configModeVisibility : this.configModeVisibility)
+                    : { codex: true, claude: true, openclaw: true, opencode: true, kilocode: true },
                 starPrompted: normalizeBoolean(hasOwn(source, 'starPrompted') ? source.starPrompted : this.starPrompted, false),
                 sessionLoadNativeDialog: normalizeBoolean(hasOwn(source, 'sessionLoadNativeDialog') ? source.sessionLoadNativeDialog : this.sessionLoadNativeDialog, false),
                 language: typeof source.language === 'string'
@@ -412,6 +415,9 @@ export function createWebUiPreferencesMethods(options = {}) {
                 if (hasOwn(source, 'sidebarCollapsed')) {
                     this.sidebarCollapsed = normalizeBoolean(source.sidebarCollapsed, false);
                 }
+                if (hasOwn(source, 'configModeVisibility') && typeof this.normalizeConfigModeVisibility === 'function') {
+                    this.configModeVisibility = this.normalizeConfigModeVisibility(source.configModeVisibility);
+                }
                 if (hasOwn(source, 'starPrompted')) {
                     this.starPrompted = normalizeBoolean(source.starPrompted, false);
                 }

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

@@ -34,6 +34,8 @@ const en = Object.freeze({
     'common.save': 'Save',
     'common.saveApply': 'Save & apply',
     'common.close': 'Close',
+    'common.history': 'History',
+    'common.restoreToEditor': 'Restore to editor',
     'common.delete': 'Delete',
     'common.clear': 'Clear',
     'common.show': 'Show',
@@ -463,6 +465,8 @@ const en = Object.freeze({
     'toast.health.noFailedProviderSelection': 'Select at least one failed provider first',
     'toast.health.deleteFailedProvidersDone': 'Deleted {count} failed provider(s)',
     'toast.noChanges': 'No changes detected',
+    'toast.history.restored': 'Restored to editor, save to confirm',
+    'toast.history.empty': 'No history yet',
     'toast.template.loadFail': 'Failed to load template',
     'toast.template.empty': 'Template cannot be empty',
     'toast.template.applied': 'Template applied',
@@ -692,6 +696,7 @@ const en = Object.freeze({
     'sessions.preview.importNative.failedWithReason': 'Import to native failed: {reason}',
     'sessions.preview.copyLink': 'Copy link',
     'sessions.preview.copyPath': 'Copy path',
+    'sessions.preview.copyMessage': 'Copy message',
     'sessions.preview.openLink': 'Open link',
     'sessions.preview.loadingBody': 'Loading session content...',
     'sessions.preview.emptyMsgs': 'No messages to display',
@@ -1175,6 +1180,10 @@ const en = Object.freeze({
     'settings.timeline.style.dots': 'Dots',
     'settings.timeline.style.bar': 'Bar',
     'settings.timeline.style.hint': 'Dots for quick navigation, Bar for visual progress',
+    'settings.configTabs.title': 'Config panel visibility',
+    'settings.configTabs.meta': 'Control which configuration sub-tabs appear in the sidebar',
+    'settings.configTabs.hint': 'Hidden sub-tabs will no longer be visible; at least one must remain',
+    'settings.configTabs.minRequired': 'At least one configuration tab must remain visible',
 
     'settings.reset.title': 'Config reset',
     'settings.reset.meta': 'Proceed with caution',

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

@@ -35,6 +35,8 @@ const ja = Object.freeze({
     'common.save': '保存',
     'common.saveApply': '保存して適用',
     'common.close': '閉じる',
+    'common.history': '履歴',
+    'common.restoreToEditor': 'エディタに復元',
     'common.delete': '削除',
     'common.clear': 'クリア',
     'common.show': '表示',
@@ -469,6 +471,8 @@ const ja = Object.freeze({
     'toast.health.noFailedProviderSelection': '先に失敗プロバイダーを選択してください',
     'toast.health.deleteFailedProvidersDone': '失敗プロバイダー {count} 件を削除しました',
     'toast.noChanges': '変更が検出されませんでした',
+    'toast.history.restored': 'エディタに復元しました。保存すると反映されます',
+    'toast.history.empty': '履歴はまだありません',
     'toast.template.loadFail': 'テンプレートの読み込みに失敗しました',
     'toast.template.empty': 'テンプレートは空にできません',
     'toast.template.applied': 'テンプレートが適用されました',
@@ -695,6 +699,7 @@ const ja = Object.freeze({
     'sessions.preview.openStandalone': 'スタンドアロンで開く',
     'sessions.preview.copyLink': 'リンクをコピー',
     'sessions.preview.copyPath': 'パスをコピー',
+    'sessions.preview.copyMessage': 'メッセージをコピー',
     'sessions.preview.openLink': 'リンクを開く',
     'sessions.preview.loadingBody': 'メッセージ読み込み中...',
     'sessions.preview.emptyMsgs': 'メッセージがありません',
@@ -1177,6 +1182,10 @@ const ja = Object.freeze({
     'settings.timeline.style.dots': 'ドット',
     'settings.timeline.style.bar': 'バー',
     'settings.timeline.style.hint': 'ドットは素早いナビゲーション、バーは進捗を直感的に表示',
+    'settings.configTabs.title': '設定パネルの表示',
+    'settings.configTabs.meta': 'サイドバーに表示する設定サブページを制御します',
+    'settings.configTabs.hint': 'オフにすると対応するサブページが非表示になります。最低1つは必要です',
+    'settings.configTabs.minRequired': '少なくとも1つの設定ページを表示する必要があります',
 
     'settings.reset.title': '設定リセット',
     'settings.reset.meta': '注意して操作してください',

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

@@ -43,6 +43,8 @@ const vi = Object.freeze({
     'common.save': 'Lưu',
     'common.saveApply': 'Lưu & áp dụng',
     'common.close': 'Đóng',
+    'common.history': 'Lịch sử',
+    'common.restoreToEditor': 'Khôi phục vào trình soạn',
     'common.delete': 'Xóa',
     'common.clear': 'Xóa',
     'common.show': 'Hiện',
@@ -410,6 +412,8 @@ const vi = Object.freeze({
     'toast.health.noFailedProviderSelection': 'Hãy chọn ít nhất một provider lỗi trước',
     'toast.health.deleteFailedProvidersDone': 'Đã xóa {count} provider lỗi',
     'toast.noChanges': 'Không phát hiện thay đổi',
+    'toast.history.restored': 'Đã khôi phục vào trình soạn, lưu để xác nhận',
+    'toast.history.empty': 'Chưa có lịch sử',
     'toast.template.loadFail': 'Tải mẫu thất bại',
     'toast.template.empty': 'Mẫu không được để trống',
     'toast.template.applied': 'Đã áp dụng mẫu',
@@ -465,6 +469,10 @@ const vi = Object.freeze({
     'settings.timeline.style.dots': 'Chấm',
     'settings.timeline.style.bar': 'Thanh',
     'settings.timeline.style.hint': 'Chấm để điều hướng nhanh, Thanh để hiển thị tiến trình trực quan',
+    'settings.configTabs.title': 'Hiển thị bảng cấu hình',
+    'settings.configTabs.meta': 'Kiểm soát các sub-tab cấu hình hiển thị trên thanh bên',
+    'settings.configTabs.hint': 'Tab bị ẩn sẽ không hiển thị; cần giữ lại ít nhất một tab',
+    'settings.configTabs.minRequired': 'Phải giữ lại ít nhất một tab cấu hình',
 
     // Diff / Agents hints
     'diff.hint.busy': 'Đang tạo diff hoặc áp dụng. Thao tác tạm thời bị vô hiệu hóa.',
@@ -863,6 +871,7 @@ const vi = Object.freeze({
     'sessions.preview.importNative.failedWithReason': 'Nhập vào native thất bại: {reason}',
     'sessions.preview.copyLink': 'Sao chép link',
     'sessions.preview.copyPath': 'Sao chép đường dẫn',
+    'sessions.preview.copyMessage': 'Sao chép tin nhắn',
     'sessions.preview.loadingBody': 'Đang tải nội dung phiên...',
     'sessions.preview.emptyMsgs': 'Không có tin nhắn để hiển thị',
     'sessions.preview.rendering': 'Đang render nội dung phiên...',

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

@@ -34,6 +34,8 @@ const zhTw = Object.freeze({
     'common.save': '保存',
     'common.saveApply': '保存並應用',
     'common.close': '關閉',
+    'common.history': '歷史',
+    'common.restoreToEditor': '還原到編輯器',
     'common.delete': '刪除',
     'common.clear': '清空',
     'common.show': '顯示',
@@ -467,6 +469,8 @@ const zhTw = Object.freeze({
     'toast.health.noFailedProviderSelection': '請先選擇至少一個失敗提供商',
     'toast.health.deleteFailedProvidersDone': '已刪除 {count} 個失敗提供商',
     'toast.noChanges': '未檢測到改動',
+    'toast.history.restored': '已還原到編輯器，儲存後生效',
+    'toast.history.empty': '尚無歷史',
     'toast.template.loadFail': '載入模板失敗',
     'toast.template.empty': '模板不能為空',
     'toast.template.applied': '模板已應用',
@@ -691,6 +695,7 @@ const zhTw = Object.freeze({
     'sessions.preview.importNative.failedWithReason': '匯入原生目錄失敗：{reason}',
     'sessions.preview.copyLink': '複製鏈接',
     'sessions.preview.copyPath': '複製路徑',
+    'sessions.preview.copyMessage': '複製記錄',
     'sessions.preview.openLink': '打開鏈接',
     'sessions.preview.loadingBody': '正在載入會話內容...',
     'sessions.preview.emptyMsgs': '目前會話暫無可展示消息',
@@ -1173,6 +1178,10 @@ const zhTw = Object.freeze({
     'settings.timeline.style.dots': '點狀',
     'settings.timeline.style.bar': '條狀',
     'settings.timeline.style.hint': '點狀適合快速定位，條狀更直觀顯示進度',
+    'settings.configTabs.title': '配置面板可見性',
+    'settings.configTabs.meta': '控制側邊欄顯示哪些配置子頁面',
+    'settings.configTabs.hint': '關閉後對應的配置子頁面將不再顯示，至少需保留一個',
+    'settings.configTabs.minRequired': '至少需要保留一個可見的配置頁面',
 
     'settings.reset.title': '設定重置',
     'settings.reset.meta': '謹慎操作',

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

@@ -34,6 +34,8 @@ const zh = Object.freeze({
     'common.save': '保存',
     'common.saveApply': '保存并应用',
     'common.close': '关闭',
+    'common.history': '历史',
+    'common.restoreToEditor': '恢复到编辑器',
     'common.delete': '删除',
     'common.clear': '清空',
     'common.show': '显示',
@@ -467,6 +469,8 @@ const zh = Object.freeze({
     'toast.health.noFailedProviderSelection': '请先选择至少一个失败提供商',
     'toast.health.deleteFailedProvidersDone': '已删除 {count} 个失败提供商',
     'toast.noChanges': '未检测到改动',
+    'toast.history.restored': '已恢复到编辑器，保存后生效',
+    'toast.history.empty': '暂无历史',
     'toast.template.loadFail': '加载模板失败',
     'toast.template.empty': '模板不能为空',
     'toast.template.applied': '模板已应用',
@@ -691,6 +695,7 @@ const zh = Object.freeze({
     'sessions.preview.importNative.failedWithReason': '导入原生目录失败：{reason}',
     'sessions.preview.copyLink': '复制链接',
     'sessions.preview.copyPath': '复制路径',
+    'sessions.preview.copyMessage': '复制记录',
     'sessions.preview.openLink': '打开链接',
     'sessions.preview.loadingBody': '正在加载会话内容...',
     'sessions.preview.emptyMsgs': '当前会话暂无可展示消息',
@@ -1173,6 +1178,10 @@ const zh = Object.freeze({
     'settings.timeline.style.dots': '点状',
     'settings.timeline.style.bar': '条状',
     'settings.timeline.style.hint': '点状适合快速定位，条状更直观显示进度',
+    'settings.configTabs.title': '配置面板可见性',
+    'settings.configTabs.meta': '控制侧栏中哪些配置子页面可见',
+    'settings.configTabs.hint': '关闭后对应的配置子页面将不再显示，至少需保留一个',
+    'settings.configTabs.minRequired': '至少需要保留一个可见的配置页面',
 
     'settings.reset.title': '配置重置',
     'settings.reset.meta': '谨慎操作',

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

@@ -183,6 +183,7 @@
                 <div class="side-section" role="navigation" :aria-label="t('side.config')">
                     <div class="side-section-title">{{ t('side.config') }}</div>
                     <button
+                        v-if="isConfigModeVisible('codex')"
                         id="side-tab-config-codex"
                         data-main-tab="config"
                         data-config-mode="codex"
@@ -197,6 +198,7 @@
                         </div>
                     </button>
                     <button
+                        v-if="isConfigModeVisible('claude')"
                         id="side-tab-config-claude"
                         data-main-tab="config"
                         data-config-mode="claude"
@@ -211,6 +213,7 @@
                         </div>
                     </button>
                     <button
+                        v-if="isConfigModeVisible('openclaw')"
                         id="side-tab-config-openclaw"
                         data-main-tab="config"
                         data-config-mode="openclaw"
@@ -225,6 +228,7 @@
                         </div>
                     </button>
                     <button
+                        v-if="isConfigModeVisible('opencode')"
                         id="side-tab-config-opencode"
                         data-main-tab="config"
                         data-config-mode="opencode"
@@ -240,6 +244,7 @@
                     </button>
 
                     <button
+                        v-if="isConfigModeVisible('kilocode')"
                         id="side-tab-config-kilocode"
                         data-main-tab="config"
                         data-config-mode="kilocode"

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

@@ -6,9 +6,9 @@
                     role="tabpanel"
                     :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-claude'">
                 <div v-if="forceCompactLayout && !sessionStandalone" class="segmented-control">
-                    <button type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
-                    <button type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
-                    <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
+                    <button v-if="isConfigModeVisible('codex')" type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
+                    <button v-if="isConfigModeVisible('claude')" type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
+                    <button v-if="isConfigModeVisible('openclaw')" type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
                 </div>
                 <template v-if="shouldShowCliInstallPlaceholder('claude')">
                     <div class="selector-section">

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

@@ -6,9 +6,9 @@
                         role="tabpanel"
                         :aria-labelledby="forceCompactLayout ? 'tab-config' : ('side-tab-config-' + configMode)">
                 <div v-if="forceCompactLayout && !sessionStandalone" class="segmented-control">
-                    <button type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
-                    <button type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
-                    <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
+                    <button v-if="isConfigModeVisible('codex')" type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
+                    <button v-if="isConfigModeVisible('claude')" type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
+                    <button v-if="isConfigModeVisible('openclaw')" type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
                 </div>
                 <template v-if="isCodexConfigMode && shouldShowCliInstallPlaceholder('codex')">
                     <div class="selector-section">

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

@@ -6,11 +6,11 @@
                     role="tabpanel"
                     :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-kilocode'">
                     <div v-if="forceCompactLayout && !sessionStandalone" class="segmented-control">
-                        <button type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
-                        <button type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
-                        <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
-                        <button type="button" :class="['segment', { active: configMode === 'opencode' }]" @click="switchConfigMode('opencode')">{{ t('tab.config.opencode') }}</button>
-                        <button type="button" :class="['segment', { active: configMode === 'kilocode' }]" @click="switchConfigMode('kilocode')">{{ t('tab.config.kilocode') }}</button>
+                        <button v-if="isConfigModeVisible('codex')" type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
+                        <button v-if="isConfigModeVisible('claude')" type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
+                        <button v-if="isConfigModeVisible('openclaw')" type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
+                        <button v-if="isConfigModeVisible('opencode')" type="button" :class="['segment', { active: configMode === 'opencode' }]" @click="switchConfigMode('opencode')">{{ t('tab.config.opencode') }}</button>
+                        <button v-if="isConfigModeVisible('kilocode')" type="button" :class="['segment', { active: configMode === 'kilocode' }]" @click="switchConfigMode('kilocode')">{{ t('tab.config.kilocode') }}</button>
                     </div>
 
                     <section class="tool-config-write-card" :aria-label="t('toolConfig.kilocode.title')">

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

@@ -6,9 +6,9 @@
                     role="tabpanel"
                     :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-openclaw'">
                 <div v-if="forceCompactLayout && !sessionStandalone" class="segmented-control">
-                    <button type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
-                    <button type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
-                    <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
+                    <button v-if="isConfigModeVisible('codex')" type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
+                    <button v-if="isConfigModeVisible('claude')" type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
+                    <button v-if="isConfigModeVisible('openclaw')" type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
                 </div>
                 <div class="openclaw-layout">
                     <section class="tool-config-write-card" :aria-label="t('toolConfig.openclaw.title')">

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

@@ -6,11 +6,11 @@
                     role="tabpanel"
                     :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-opencode'">
                     <div v-if="forceCompactLayout && !sessionStandalone" class="segmented-control">
-                        <button type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
-                        <button type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
-                        <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
-                        <button type="button" :class="['segment', { active: configMode === 'opencode' }]" @click="switchConfigMode('opencode')">{{ t('tab.config.opencode') }}</button>
-                        <button type="button" :class="['segment', { active: configMode === 'kilocode' }]" @click="switchConfigMode('kilocode')">{{ t('tab.config.kilocode') }}</button>
+                        <button v-if="isConfigModeVisible('codex')" type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
+                        <button v-if="isConfigModeVisible('claude')" type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
+                        <button v-if="isConfigModeVisible('openclaw')" type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
+                        <button v-if="isConfigModeVisible('opencode')" type="button" :class="['segment', { active: configMode === 'opencode' }]" @click="switchConfigMode('opencode')">{{ t('tab.config.opencode') }}</button>
+                        <button v-if="isConfigModeVisible('kilocode')" type="button" :class="['segment', { active: configMode === 'kilocode' }]" @click="switchConfigMode('kilocode')">{{ t('tab.config.kilocode') }}</button>
                     </div>
 
                     <section class="tool-config-write-card" :aria-label="t('opencode.writeAria')">

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

@@ -65,6 +65,13 @@
                                     :title="t('common.paste')">
                                     <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2"/></svg>
                                 </button>
+                                <button
+                                    class="btn-mini"
+                                    @click="openPromptHistory"
+                                    :disabled="agentsSaving || agentsDiffVisible"
+                                    :title="t('common.history')">
+                                    <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 8v4l3 2"/><path d="M3 12a9 9 0 1 0 9-9 9 9 0 0 0-7.5 4M3 4v4h4"/></svg>
+                                </button>
                             </div>
                             <div class="prompts-editor-group prompts-editor-group--workflow">
                                 <button class="btn-mini" @click="loadPromptsContent" :disabled="agentsSaving || agentsDiffLoading" :title="t('common.cancel')">
@@ -85,6 +92,27 @@
                             </div>
                         </div>
                     </div>
+                    <details v-if="promptHistoryVisible" class="prompt-history-panel" open>
+                        <summary class="prompt-history-summary">
+                            <span>{{ t('common.history') }}</span>
+                            <button type="button" class="btn-mini prompt-history-close" @click="closePromptHistory" :title="t('common.close')">✕</button>
+                        </summary>
+                        <div class="prompt-history-body">
+                            <ul v-if="!promptHistoryLoading && !promptHistoryError && promptHistoryItems.length" class="prompt-history-list">
+                                <li v-for="item in promptHistoryItems" :key="item.id" :class="['prompt-history-item', { active: promptHistoryPreviewId === item.id }]" @click="viewPromptHistoryItem(item)">
+                                    <span class="prompt-history-time">{{ item.id }}</span>
+                                    <span class="prompt-history-size">{{ Math.round(item.size / 1024 * 10) / 10 }} KB</span>
+                                </li>
+                            </ul>
+                            <div v-if="promptHistoryLoading" class="state-message">{{ t('diff.generating') }}</div>
+                            <div v-else-if="promptHistoryError" class="state-message error">{{ promptHistoryError }}</div>
+                            <div v-else-if="!promptHistoryItems.length" class="state-message">{{ t('toast.history.empty') }}</div>
+                            <div v-if="promptHistoryPreviewContent" class="prompt-history-preview-wrap">
+                                <pre class="prompt-history-preview">{{ promptHistoryPreviewContent }}</pre>
+                                <button type="button" class="btn-mini btn-confirm-mini" @click="applyPromptHistoryToEditor" :disabled="agentsSaving || agentsDiffVisible">{{ t('common.restoreToEditor') }}</button>
+                            </div>
+                        </div>
+                    </details>
                     <div class="prompt-presets-inline-row">
                         <div class="prompt-presets-inline-group">
                             <label class="prompt-presets-inline-label">{{ t('prompts.presets.title') }}</label>
@@ -228,6 +256,9 @@
                                     <button class="btn-mini" @click="pasteSysPromptContent" :disabled="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible" :title="t('common.paste')">
                                         <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2"/></svg>
                                     </button>
+                                    <button class="btn-mini" @click="openSysHistory" :disabled="sysPromptSaving || sysPromptDiffVisible" :title="t('common.history')">
+                                        <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 8v4l3 2"/><path d="M3 12a9 9 0 1 0 9-9 9 9 0 0 0-7.5 4M3 4v4h4"/></svg>
+                                    </button>
                                 </div>
                                 <div class="prompts-editor-group prompts-editor-group--workflow">
                                     <button class="btn-mini" @click="cancelSysPromptEdit" :disabled="sysPromptSaving || sysPromptDiffLoading" :title="t('common.cancel')">
@@ -243,6 +274,27 @@
                                 </div>
                             </div>
                         </div>
+                        <details v-if="sysHistoryVisible" class="prompt-history-panel" open>
+                            <summary class="prompt-history-summary">
+                                <span>{{ t('common.history') }}</span>
+                                <button type="button" class="btn-mini prompt-history-close" @click="closeSysHistory" :title="t('common.close')">✕</button>
+                            </summary>
+                            <div class="prompt-history-body">
+                                <ul v-if="!sysHistoryLoading && !sysHistoryError && sysHistoryItems.length" class="prompt-history-list">
+                                    <li v-for="item in sysHistoryItems" :key="item.id" :class="['prompt-history-item', { active: sysHistoryPreviewId === item.id }]" @click="viewSysHistoryItem(item)">
+                                        <span class="prompt-history-time">{{ item.id }}</span>
+                                        <span class="prompt-history-size">{{ Math.round(item.size / 1024 * 10) / 10 }} KB</span>
+                                    </li>
+                                </ul>
+                                <div v-if="sysHistoryLoading" class="state-message">{{ t('diff.generating') }}</div>
+                                <div v-else-if="sysHistoryError" class="state-message error">{{ sysHistoryError }}</div>
+                                <div v-else-if="!sysHistoryItems.length" class="state-message">{{ t('toast.history.empty') }}</div>
+                                <div v-if="sysHistoryPreviewContent" class="prompt-history-preview-wrap">
+                                    <pre class="prompt-history-preview">{{ sysHistoryPreviewContent }}</pre>
+                                    <button type="button" class="btn-mini btn-confirm-mini" @click="applySysHistoryToEditor" :disabled="sysPromptSaving || sysPromptDiffVisible">{{ t('common.restoreToEditor') }}</button>
+                                </div>
+                            </div>
+                        </details>
                         <div class="form-group">
                             <div v-if="sysPromptDiffVisible">
                                 <div

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

@@ -410,6 +410,18 @@
                                                 </div>
                                             </div>
                                             <div class="session-msg-content" v-html="highlightQueryText(msg.text) || ''"></div>
+                                            <button
+                                                v-if="msg.normalizedRole === 'user'"
+                                                type="button"
+                                                class="session-msg-copy"
+                                                @click="copySessionMessage(msg)"
+                                                :aria-label="t('sessions.preview.copyMessage')"
+                                                :title="t('sessions.preview.copyMessage')">
+                                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                                    <rect x="8" y="8" width="12" height="12" rx="2"></rect>
+                                                    <path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"></path>
+                                                </svg>
+                                            </button>
                                         </div>
                                         <div v-if="canLoadMoreSessionMessages" class="session-preview-load-more">
                                             <span>{{ t('sessions.preview.shownCount', { shown: activeSessionVisibleMessages.length, total: activeSessionMessages.length }) }}</span>

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

@@ -138,6 +138,41 @@
                                     </div>
                                 </div>
                             </section>
+
+                            <section class="settings-card" :aria-label="t('settings.configTabs.title')">
+                                <div class="settings-card-main">
+                                    <div class="settings-card-content">
+                                        <div class="settings-card-title">{{ t('settings.configTabs.title') }}</div>
+                                        <p class="settings-card-desc">{{ t('settings.configTabs.meta') }}</p>
+                                        <label class="settings-toggle-row">
+                                            <input type="checkbox" :checked="configModeVisibility.codex" @change="setConfigModeVisibility('codex', $event.target.checked)">
+                                            <span class="toggle-track"><span class="toggle-thumb"></span></span>
+                                            <span>{{ t('tab.config.codex') }}</span>
+                                        </label>
+                                        <label class="settings-toggle-row">
+                                            <input type="checkbox" :checked="configModeVisibility.claude" @change="setConfigModeVisibility('claude', $event.target.checked)">
+                                            <span class="toggle-track"><span class="toggle-thumb"></span></span>
+                                            <span>{{ t('tab.config.claude') }}</span>
+                                        </label>
+                                        <label class="settings-toggle-row">
+                                            <input type="checkbox" :checked="configModeVisibility.openclaw" @change="setConfigModeVisibility('openclaw', $event.target.checked)">
+                                            <span class="toggle-track"><span class="toggle-thumb"></span></span>
+                                            <span>{{ t('tab.config.openclaw') }}</span>
+                                        </label>
+                                        <label class="settings-toggle-row">
+                                            <input type="checkbox" :checked="configModeVisibility.opencode" @change="setConfigModeVisibility('opencode', $event.target.checked)">
+                                            <span class="toggle-track"><span class="toggle-thumb"></span></span>
+                                            <span>{{ t('tab.config.opencode') }}</span>
+                                        </label>
+                                        <label class="settings-toggle-row">
+                                            <input type="checkbox" :checked="configModeVisibility.kilocode" @change="setConfigModeVisibility('kilocode', $event.target.checked)">
+                                            <span class="toggle-track"><span class="toggle-thumb"></span></span>
+                                            <span>{{ t('tab.config.kilocode') }}</span>
+                                        </label>
+                                        <p class="settings-card-hint">{{ t('settings.configTabs.hint') }}</p>
+                                    </div>
+                                </div>
+                            </section>
                         </div>
                     </div>