codexmate 0.0.22 → 0.0.24

package/plugins/prompt-templates/overview.mjs

@@ -0,0 +1,90 @@
+import {
+    persistPromptTemplatesToStorage,
+    readPromptTemplatesFromStorage,
+    readPromptTemplateSelectedIdFromStorage,
+    persistPromptTemplateSelectedIdToStorage
+} from './storage.mjs';
+import { buildBuiltinCommentPolishTemplate } from './comment-polish/index.mjs';
+import { buildBuiltinRuleAckTemplate } from './rule-ack/index.mjs';
+
+function ensureBuiltinTemplates(rawList, builtins) {
+    const list = Array.isArray(rawList) ? rawList.filter(Boolean) : [];
+    const builtinList = Array.isArray(builtins) ? builtins.filter(Boolean) : [];
+    const rest = list.filter((item) => !(item && item.isBuiltin === true));
+    const overridden = new Set(
+        rest
+            .map((item) => (item && typeof item.id === 'string' ? item.id.trim() : ''))
+            .filter(Boolean)
+    );
+    const resolvedBuiltins = builtinList.filter((item) => !(item && overridden.has(item.id)));
+    return [...resolvedBuiltins, ...rest];
+}
+
+export async function loadPromptTemplatesOverview(ctx, options = {}) {
+    const app = ctx && typeof ctx === 'object' ? ctx : {};
+    const silent = !!(options && options.silent);
+    const forceRefresh = !!(options && options.forceRefresh);
+
+    const shouldReload = forceRefresh || app.promptTemplatesLoadedOnce !== true;
+    if (!shouldReload) return true;
+
+    const t = typeof app.t === 'function' ? app.t : null;
+    const rawList = readPromptTemplatesFromStorage(localStorage);
+    const normalized = ensureBuiltinTemplates(rawList, [
+        buildBuiltinCommentPolishTemplate(t),
+        buildBuiltinRuleAckTemplate(t)
+    ]);
+    app.promptTemplatesListRaw = normalized;
+    persistPromptTemplatesToStorage(normalized, localStorage);
+
+    app.promptTemplatesLoadedOnce = true;
+
+    if (!app.promptTemplatesMode) {
+        app.promptTemplatesMode = 'compose';
+    }
+    if (app.promptTemplatesMode !== 'compose' && app.promptTemplatesMode !== 'manage') {
+        app.promptTemplatesMode = 'compose';
+    }
+    if (app.mainTab === 'plugins') {
+        app.promptTemplatesMode = 'compose';
+    }
+
+    if (app.mainTab === 'plugins' && app.promptTemplatesMode === 'compose') {
+        const list = Array.isArray(app.promptTemplatesList) ? app.promptTemplatesList : [];
+        const storedSelected = readPromptTemplateSelectedIdFromStorage(localStorage);
+        const exists = list.some((item) => item && item.id === app.promptComposerSelectedTemplateId);
+        const storedExists = storedSelected ? list.some((item) => item && item.id === storedSelected) : false;
+        if (storedExists && storedSelected !== app.promptComposerSelectedTemplateId) {
+            app.promptComposerSelectedTemplateId = storedSelected;
+        } else if (!app.promptComposerSelectedTemplateId || !exists) {
+            app.promptComposerSelectedTemplateId = 'builtin_comment_polish';
+        }
+        persistPromptTemplateSelectedIdToStorage(app.promptComposerSelectedTemplateId, localStorage);
+        if (!app.promptComposerVarValuesRaw || typeof app.promptComposerVarValuesRaw !== 'object') {
+            app.promptComposerVarValuesRaw = {};
+        }
+    }
+
+    if (app.promptTemplatesMode === 'manage') {
+        const currentSelected = typeof app.promptTemplateSelectedId === 'string'
+            ? app.promptTemplateSelectedId
+            : '';
+        const first = Array.isArray(app.promptTemplatesList) && app.promptTemplatesList.length
+            ? app.promptTemplatesList[0]
+            : null;
+        if (!currentSelected && first && typeof app.selectPromptTemplate === 'function') {
+            app.selectPromptTemplate(first.id);
+        }
+    }
+
+    if (app.mainTab === 'plugins' && app.promptTemplatesMode === 'compose' && typeof app.$nextTick === 'function') {
+        app.$nextTick(() => {
+            const input = app.$refs && app.$refs.promptComposerCodeInput
+                ? app.$refs.promptComposerCodeInput
+                : null;
+            if (input && typeof input.focus === 'function') input.focus();
+        });
+    }
+
+    return true;
+}

package/plugins/prompt-templates/ownership.mjs

@@ -0,0 +1,19 @@
+export const pluginOwnership = {
+    pluginId: 'prompt-templates',
+    createdBy: 'ymkiux',
+    maintainers: ['ymkiux']
+};
+
+export const templateOwnershipById = {
+    builtin_comment_polish: {
+        templateId: 'builtin_comment_polish',
+        createdBy: 'ymkiux',
+        maintainers: ['ymkiux']
+    },
+    builtin_rule_ack: {
+        templateId: 'builtin_rule_ack',
+        createdBy: 'ymkiux',
+        maintainers: ['ymkiux']
+    }
+};
+

package/plugins/prompt-templates/rule-ack/index.mjs

@@ -0,0 +1,21 @@
+import { pluginOwnership, templateOwnershipById } from '../ownership.mjs';
+
+export function buildBuiltinRuleAckTemplate(t) {
+    const tr = (key, fallback, params = null) => (typeof t === 'function' ? t(key, params) : fallback);
+    const line1 = tr('plugins.builtin.ruleAck.line1', '请根据【{{rule}}】，收到请回复');
+    const timestamp = new Date().toISOString();
+    const ownership = templateOwnershipById && templateOwnershipById.builtin_rule_ack
+        ? templateOwnershipById.builtin_rule_ack
+        : pluginOwnership;
+    return {
+        id: 'builtin_rule_ack',
+        name: tr('plugins.builtin.ruleAck.name', '规则确认回复'),
+        description: tr('plugins.builtin.ruleAck.desc', '请根据【{{rule}}】，收到请回复'),
+        template: line1,
+        createdAt: timestamp,
+        updatedAt: timestamp,
+        isBuiltin: true,
+        createdBy: ownership && typeof ownership.createdBy === 'string' ? ownership.createdBy : '',
+        maintainers: ownership && Array.isArray(ownership.maintainers) ? ownership.maintainers : []
+    };
+}

package/plugins/prompt-templates/storage.mjs

@@ -0,0 +1,64 @@
+const STORAGE_KEY = 'codexmate.plugins.promptTemplates.v1';
+const SELECTED_TEMPLATE_STORAGE_KEY = 'codexmate.plugins.promptTemplates.selectedTemplateId.v1';
+
+export function readPromptTemplatesFromStorage(storage = localStorage) {
+    if (!storage) return [];
+    let raw = '';
+    try {
+        raw = storage.getItem(STORAGE_KEY) || '';
+    } catch (_) {
+        raw = '';
+    }
+    if (!raw) return [];
+    try {
+        const parsed = JSON.parse(raw);
+        if (!Array.isArray(parsed)) return [];
+        return parsed;
+    } catch (_) {
+        return [];
+    }
+}
+
+export function persistPromptTemplatesToStorage(list, storage = localStorage) {
+    if (!storage) return false;
+    try {
+        storage.setItem(STORAGE_KEY, JSON.stringify(Array.isArray(list) ? list : []));
+        return true;
+    } catch (_) {
+        return false;
+    }
+}
+
+export function clearPromptTemplatesStorage(storage = localStorage) {
+    if (!storage) return;
+    try {
+        storage.removeItem(STORAGE_KEY);
+    } catch (_) {}
+}
+
+export function readPromptTemplateSelectedIdFromStorage(storage = localStorage) {
+    if (!storage) return '';
+    let raw = '';
+    try {
+        raw = storage.getItem(SELECTED_TEMPLATE_STORAGE_KEY) || '';
+    } catch (_) {
+        raw = '';
+    }
+    const id = typeof raw === 'string' ? raw.trim() : '';
+    return id;
+}
+
+export function persistPromptTemplateSelectedIdToStorage(templateId, storage = localStorage) {
+    if (!storage) return false;
+    const id = typeof templateId === 'string' ? templateId.trim() : '';
+    try {
+        if (!id) {
+            storage.removeItem(SELECTED_TEMPLATE_STORAGE_KEY);
+            return true;
+        }
+        storage.setItem(SELECTED_TEMPLATE_STORAGE_KEY, id);
+        return true;
+    } catch (_) {
+        return false;
+    }
+}

package/plugins/registry.mjs

@@ -0,0 +1,16 @@
+import { pluginMeta as promptTemplatesMeta } from './prompt-templates/manifest.mjs';
+import { loadPromptTemplatesOverview } from './prompt-templates/overview.mjs';
+
+export const pluginsRegistry = [
+    { id: promptTemplatesMeta.id, meta: promptTemplatesMeta, loadOverview: loadPromptTemplatesOverview }
+];
+
+export function getFirstPluginId() {
+    return pluginsRegistry.length ? pluginsRegistry[0].id : '';
+}
+
+export function getPluginEntry(id) {
+    const key = typeof id === 'string' ? id.trim() : '';
+    if (!key) return null;
+    return pluginsRegistry.find((item) => item && item.id === key) || null;
+}

package/web-ui/app.js

@@ -30,8 +30,7 @@ document.addEventListener('DOMContentLoaded', () => {
         data() {
             return {
                 lang: 'zh',
-                // 默认选中首个主标签：Docs
-                mainTab: 'docs',
+                mainTab: 'dashboard',
                 configMode: 'codex',
                 currentProvider: '',
                 currentModel: '',
@@ -63,12 +62,13 @@ document.addEventListener('DOMContentLoaded', () => {
                 showEditConfigModal: false,
                 showOpenclawConfigModal: false,
                 showConfigTemplateModal: false,
-                showHealthCheckDialog: false,
                 showAgentsModal: false,
                 showSkillsModal: false,
+                showHealthCheckModal: false,
                 // Plugins
                 pluginsActiveId: 'prompt-templates',
                 pluginsLoading: false,
+                pluginsError: '',
                 promptTemplatesListRaw: [],
                 promptTemplatesLoadedOnce: false,
                 promptTemplatesKeyword: '',
@@ -161,6 +161,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 sessionsUsageTimeRange: '7d',
                 sessionsUsageList: [],
                 sessionsUsageLoadedOnce: false,
+                sessionsUsageLoadedLimit: 0,
                 sessionsUsageLoading: false,
                 sessionsUsageError: '',
                 sessionsList: [],
@@ -243,38 +244,14 @@ document.addEventListener('DOMContentLoaded', () => {
                 providerSwitchInProgress: false,
                 pendingProviderSwitch: '',
                 providerSwitchDisplayTarget: '',
-                healthCheckDialogLockedProvider: '',
-                healthCheckDialogSelectedProvider: '',
-                healthCheckDialogPrompt: '请简短回复：连接正常。',
-                healthCheckDialogMessages: [],
-                healthCheckDialogSending: false,
-                healthCheckDialogLastResult: null,
+                healthCheckBatchTotal: 0,
+                healthCheckBatchDone: 0,
+                healthCheckBatchFailed: 0,
                 installPackageManager: 'npm',
                 installCommandAction: 'install',
                 installRegistryPreset: 'default',
                 installRegistryCustom: '',
-                installStatusTargets: [
-                    {
-                        id: 'claude',
-                        name: 'Claude Code CLI',
-                        packageName: '@anthropic-ai/claude-code',
-                        installed: false,
-                        bin: 'claude',
-                        version: '',
-                        commandPath: '',
-                        error: ''
-                    },
-                    {
-                        id: 'codex',
-                        name: 'Codex CLI',
-                        packageName: '@openai/codex',
-                        installed: false,
-                        bin: 'codex',
-                        version: '',
-                        commandPath: '',
-                        error: ''
-                    }
-                ],
+                installStatusTargets: null,
                 newProvider: { name: '', url: '', key: '', useTransform: false },
                 resetConfigLoading: false,
                 editingProvider: { name: '', url: '', key: '', readOnly: false, nonEditable: false },
@@ -382,7 +359,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 codexImportLoading: false,
                 codexAuthProfiles: [],
                 forceCompactLayout: false,
-                taskOrchestrationTabEnabled: false,
+                taskOrchestrationTabEnabled: true,
                 taskOrchestration: {
                     loading: false,
                     planning: false,
@@ -396,11 +373,11 @@ document.addEventListener('DOMContentLoaded', () => {
                     followUpsText: '',
                     workflowIdsText: '',
                     selectedEngine: 'codex',
-                    allowWrite: false,
-                    dryRun: false,
+                    runMode: 'write',
                     concurrency: 2,
                     autoFixRounds: 1,
                     plan: null,
+                    planFingerprint: '',
                     planIssues: [],
                     planWarnings: [],
                     overviewWarnings: [],
@@ -430,6 +407,55 @@ document.addEventListener('DOMContentLoaded', () => {
                 this.agentsModalTitle = this.t('modal.agents.title');
                 this.agentsModalHint = this.t('modal.agents.hint');
             }
+            {
+                const NAV_STATE_STORAGE_KEY = 'codexmateNavState.v1';
+                const mainTabSet = new Set(['dashboard', 'config', 'sessions', 'usage', 'orchestration', 'market', 'plugins', 'docs', 'settings']);
+                let restored = null;
+                try {
+                    const raw = localStorage.getItem(NAV_STATE_STORAGE_KEY) || '';
+                    restored = raw ? JSON.parse(raw) : null;
+                } catch (_) {
+                    restored = null;
+                }
+                const nextMainTab = restored && typeof restored.mainTab === 'string'
+                    ? restored.mainTab.trim().toLowerCase()
+                    : '';
+                const nextConfigMode = restored && typeof restored.configMode === 'string'
+                    ? restored.configMode.trim().toLowerCase()
+                    : '';
+                let urlMainTab = '';
+                try {
+                    const url = new URL(window.location.href);
+                    if (url.pathname !== '/session') {
+                        urlMainTab = String(url.searchParams.get('tab') || '').trim().toLowerCase();
+                    }
+                } catch (_) {
+                    urlMainTab = '';
+                }
+                const resolvedMainTab = urlMainTab && mainTabSet.has(urlMainTab)
+                    ? urlMainTab
+                    : nextMainTab;
+                if (nextConfigMode && typeof this.switchConfigMode === 'function') {
+                    this.__navStateRestoring = true;
+                    try {
+                        if (nextConfigMode === 'codex' || nextConfigMode === 'claude' || nextConfigMode === 'openclaw') {
+                            this.configMode = nextConfigMode;
+                        }
+                        if (resolvedMainTab && mainTabSet.has(resolvedMainTab) && resolvedMainTab !== this.mainTab) {
+                            this.switchMainTab(resolvedMainTab);
+                        }
+                    } finally {
+                        this.__navStateRestoring = false;
+                    }
+                } else if (resolvedMainTab && mainTabSet.has(resolvedMainTab) && resolvedMainTab !== this.mainTab) {
+                    this.__navStateRestoring = true;
+                    try {
+                        this.switchMainTab(resolvedMainTab);
+                    } finally {
+                        this.__navStateRestoring = false;
+                    }
+                }
+            }
             this.initSessionStandalone();
             this.updateCompactLayoutMode();
             if (!this.taskOrchestrationTabEnabled && this.mainTab === 'orchestration') {
@@ -506,6 +532,14 @@ document.addEventListener('DOMContentLoaded', () => {
                     if (!startupOk) {
                         return;
                     }
+                    if (this.mainTab === 'dashboard') {
+                        if (!this.__doctorLoadedOnce) {
+                            this.__doctorLoadedOnce = true;
+                            if (typeof this.runHealthCheck === 'function') {
+                                void this.runHealthCheck({ doctor: true, silent: true });
+                            }
+                        }
+                    }
                     void this.refreshClaudeSelectionFromSettings({ silent: true });
                     void this.syncDefaultOpenclawConfigEntry({ silent: true });
                 };

package/web-ui/index.html

@@ -4,14 +4,15 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Codex Mate</title>
-    <link rel="icon" type="image/png" href="/res/logo.png">
-    <link rel="apple-touch-icon" href="/res/logo.png">
+    <link rel="icon" type="image/webp" href="/res/logo-pack.webp">
+    <link rel="apple-touch-icon" href="/res/logo-pack.webp">
     <script src="/res/vue.global.prod.js"></script>
     <script src="/res/json5.min.js"></script>
     <link rel="stylesheet" href="/web-ui/styles.css">
 </head>
 <body>
     <!-- @include ./partials/index/layout-header.html -->
+    <!-- @include ./partials/index/panel-dashboard.html -->
     <!-- @include ./partials/index/panel-config-codex.html -->
     <!-- @include ./partials/index/panel-config-claude.html -->
     <!-- @include ./partials/index/panel-config-openclaw.html -->
@@ -24,10 +25,10 @@
     <!-- @include ./partials/index/panel-plugins.html -->
     <!-- @include ./partials/index/layout-footer.html -->
     <!-- @include ./partials/index/modals-basic.html -->
-    <!-- @include ./partials/index/modal-health-check.html -->
     <!-- @include ./partials/index/modal-openclaw-config.html -->
     <!-- @include ./partials/index/modal-config-template-agents.html -->
     <!-- @include ./partials/index/modal-skills.html -->
+    <!-- @include ./partials/index/modal-health-check.html -->
     <!-- @include ./partials/index/modal-confirm-toast.html -->
     <script type="module" src="/web-ui/app.js"></script>
 </body>

package/web-ui/modules/app.computed.dashboard.mjs

@@ -37,7 +37,7 @@ export function createDashboardComputed() {
         },
         displayProvidersList() {
             const list = Array.isArray(this.providersList) ? this.providersList : [];
-            return list.filter((item) => String(item && item.name ? item.name : '').trim().toLowerCase() !== 'codexmate-proxy');
+            return list;
         },
         installTargetCards() {
             const targets = Array.isArray(this.installStatusTargets) ? this.installStatusTargets : [];
@@ -59,39 +59,39 @@ export function createDashboardComputed() {
         },
         inspectorBusyStatus() {
             const tasks = [];
-            if (this.loading) tasks.push('初始化');
-            if (this.sessionsLoading) tasks.push('会话加载');
-            if (this.codexModelsLoading || this.claudeModelsLoading) tasks.push('模型加载');
-            if (this.codexApplying || this.configTemplateApplying || this.openclawApplying) tasks.push('配置应用');
-            if (this.agentsSaving) tasks.push('AGENTS 保存');
-            if (this.skillsLoading || this.skillsDeleting || this.skillsScanningImports || this.skillsImporting || this.skillsZipImporting || this.skillsExporting) tasks.push('Skills 管理');
+            if (this.loading) tasks.push(this.t('dashboard.busy.init'));
+            if (this.sessionsLoading) tasks.push(this.t('dashboard.busy.sessions'));
+            if (this.codexModelsLoading || this.claudeModelsLoading) tasks.push(this.t('dashboard.busy.models'));
+            if (this.codexApplying || this.configTemplateApplying || this.openclawApplying) tasks.push(this.t('dashboard.busy.configApply'));
+            if (this.agentsSaving) tasks.push(this.t('dashboard.busy.agents'));
+            if (this.skillsLoading || this.skillsDeleting || this.skillsScanningImports || this.skillsImporting || this.skillsZipImporting || this.skillsExporting) tasks.push(this.t('dashboard.busy.skills'));
             if (this.taskOrchestration && (this.taskOrchestration.loading || this.taskOrchestration.planning || this.taskOrchestration.running || this.taskOrchestration.queueAdding || this.taskOrchestration.queueStarting || this.taskOrchestration.retrying || this.taskOrchestration.selectedRunLoading)) {
-                tasks.push('任务编排');
+                tasks.push(this.t('dashboard.busy.tasks'));
             }
-            return tasks.length ? tasks.join(' / ') : '空闲';
+            return tasks.length ? tasks.join(' / ') : this.t('dashboard.busy.idle');
         },
         inspectorMessageSummary() {
             const value = typeof this.message === 'string' ? this.message.trim() : '';
-            return value || '暂无提示';
+            return value || this.t('dashboard.message.none');
         },
         inspectorSessionSourceLabel() {
-            if (this.sessionFilterSource === 'codex') return 'Codex';
-            if (this.sessionFilterSource === 'claude') return 'Claude Code';
-            return '全部';
+            if (this.sessionFilterSource === 'codex') return this.t('dashboard.sessionSource.codex');
+            if (this.sessionFilterSource === 'claude') return this.t('dashboard.sessionSource.claude');
+            return this.t('dashboard.sessionSource.all');
         },
         inspectorSessionPathLabel() {
             const value = typeof this.sessionPathFilter === 'string' ? this.sessionPathFilter.trim() : '';
-            return value || '全部路径';
+            return value || this.t('dashboard.sessionPath.all');
         },
         inspectorSessionQueryLabel() {
-            if (!this.isSessionQueryEnabled) return '当前来源不支持';
+            if (!this.isSessionQueryEnabled) return this.t('dashboard.sessionQuery.unsupported');
             const value = typeof this.sessionQuery === 'string' ? this.sessionQuery.trim() : '';
-            return value || '未设置';
+            return value || this.t('dashboard.sessionQuery.unset');
         },
         inspectorHealthStatus() {
-            if (this.initError) return '读取失败';
-            if (this.loading) return '初始化中';
-            return '正常';
+            if (this.initError) return this.t('dashboard.healthStatus.failRead');
+            if (this.loading) return this.t('dashboard.healthStatus.initializing');
+            return this.t('dashboard.healthStatus.ok');
         },
         inspectorHealthTone() {
             if (this.initError) return 'error';
@@ -100,12 +100,12 @@ export function createDashboardComputed() {
         },
         inspectorModelLoadStatus() {
             if (this.codexModelsLoading || this.claudeModelsLoading) {
-                return '加载中';
+                return this.t('dashboard.modelStatus.loading');
             }
             if (this.modelsSource === 'error' || this.claudeModelsSource === 'error') {
-                return '加载异常';
+                return this.t('dashboard.modelStatus.error');
             }
-            return '正常';
+            return this.t('dashboard.modelStatus.ok');
         },
         installTroubleshootingTips() {
             const platform = this.resolveInstallPlatform();

package/web-ui/modules/app.computed.main-tabs.mjs

@@ -13,12 +13,16 @@ function readTaskOrchestrationDraftMetrics(taskOrchestration) {
     const workflowIds = normalizeTaskDraftLines(state.workflowIdsText);
     const followUps = normalizeTaskDraftLines(state.followUpsText);
     const engine = String(state.selectedEngine || 'codex').trim().toLowerCase() === 'workflow' ? 'workflow' : 'codex';
+    const runMode = String(state.runMode || 'write').trim().toLowerCase();
+    const allowWrite = runMode === 'write';
+    const dryRun = runMode === 'dry-run';
     const plan = state.plan && typeof state.plan === 'object' ? state.plan : null;
     const planNodes = Array.isArray(plan && plan.nodes) ? plan.nodes : [];
     const planIssues = Array.isArray(state.planIssues) ? state.planIssues : [];
     const planWarnings = Array.isArray(state.planWarnings) ? state.planWarnings : [];
     return {
         engine,
+        runMode,
         title,
         target,
         notes,
@@ -34,8 +38,8 @@ function readTaskOrchestrationDraftMetrics(taskOrchestration) {
         workflowCount: workflowIds.length,
         followUpCount: followUps.length,
         planNodeCount: planNodes.length,
-        allowWrite: state.allowWrite === true,
-        dryRun: state.dryRun === true
+        allowWrite,
+        dryRun
     };
 }
 
@@ -132,6 +136,7 @@ function createTaskDraftReadiness(metrics) {
 export function createMainTabsComputed() {
     return {
         mainTabKicker() {
+            if (this.mainTab === 'dashboard') return this.t('kicker.dashboard');
             if (this.mainTab === 'config') return this.t('kicker.config');
             if (this.mainTab === 'sessions') return this.t('kicker.sessions');
             if (this.mainTab === 'usage') return this.t('kicker.usage');
@@ -142,6 +147,7 @@ export function createMainTabsComputed() {
             return this.t('kicker.settings');
         },
         mainTabTitle() {
+            if (this.mainTab === 'dashboard') return this.t('title.dashboard');
             if (this.mainTab === 'config') return this.t('title.config');
             if (this.mainTab === 'sessions') return this.t('title.sessions');
             if (this.mainTab === 'usage') return this.t('title.usage');
@@ -152,6 +158,7 @@ export function createMainTabsComputed() {
             return this.t('title.settings');
         },
         mainTabSubtitle() {
+            if (this.mainTab === 'dashboard') return this.t('subtitle.dashboard');
             if (this.mainTab === 'config') return this.t('subtitle.config');
             if (this.mainTab === 'sessions') return this.t('subtitle.sessions');
             if (this.mainTab === 'usage') return this.t('subtitle.usage');