codexmate 0.1.7 → 0.1.9

package/cli/system-prompt-files.js

@@ -0,0 +1,177 @@
+'use strict';
+
+function createSystemPromptFileController(deps = {}) {
+    const {
+        fs,
+        path,
+        os,
+        crypto,
+        buildLineDiff,
+        CONFIG_DIR,
+        PI_AGENT_DIR
+    } = deps;
+
+    if (!fs) throw new Error('createSystemPromptFileController 缺少 fs');
+    if (!path) throw new Error('createSystemPromptFileController 缺少 path');
+    if (!os) throw new Error('createSystemPromptFileController 缺少 os');
+    if (!crypto) throw new Error('createSystemPromptFileController 缺少 crypto');
+    if (typeof buildLineDiff !== 'function') throw new Error('createSystemPromptFileController 缺少 buildLineDiff');
+    if (typeof CONFIG_DIR !== 'string' || !CONFIG_DIR) throw new Error('createSystemPromptFileController 缺少 CONFIG_DIR');
+    if (typeof PI_AGENT_DIR !== 'string' || !PI_AGENT_DIR) throw new Error('createSystemPromptFileController 缺少 PI_AGENT_DIR');
+
+    const MODES = {
+        system: 'SYSTEM.md',
+        append: 'APPEND_SYSTEM.md'
+    };
+
+    const SCOPES = ['global', 'project'];
+
+    function normalizeMode(mode) {
+        const key = typeof mode === 'string' ? mode.trim() : '';
+        if (!Object.prototype.hasOwnProperty.call(MODES, key)) {
+            throw new Error("Invalid system prompt mode: expected 'system' or 'append'");
+        }
+        return key;
+    }
+
+    function normalizeScope(scope) {
+        const key = typeof scope === 'string' ? scope.trim() : '';
+        if (!SCOPES.includes(key)) {
+            throw new Error("Invalid system prompt scope: expected 'global' or 'project'");
+        }
+        return key;
+    }
+
+    function hashContent(content) {
+        return crypto.createHash('sha256').update(String(content || '')).digest('hex');
+    }
+
+    function resolveSystemPromptFilePath(params = {}) {
+        const scope = normalizeScope(params.scope);
+        const mode = normalizeMode(params.mode);
+        const filename = MODES[mode];
+        let base;
+        if (scope === 'global') {
+            base = PI_AGENT_DIR;
+        } else {
+            const cwd = typeof params.cwd === 'string' && params.cwd.trim()
+                ? params.cwd.trim()
+                : process.cwd();
+            base = path.join(path.resolve(cwd), '.pi');
+        }
+        return {
+            scope,
+            mode,
+            filename,
+            path: path.join(base, filename),
+            replaceDefault: mode === 'system'
+        };
+    }
+
+    function readSystemPromptFile(params = {}) {
+        const target = resolveSystemPromptFilePath(params);
+        const exists = fs.existsSync(target.path);
+        let content = '';
+        if (exists) {
+            try {
+                content = fs.readFileSync(target.path, 'utf8');
+            } catch (e) {
+                return { ...target, exists: false, content: '', hash: hashContent(''), error: '读取 system prompt 失败: ' + e.message };
+            }
+        }
+        return {
+            ...target,
+            exists,
+            content,
+            hash: hashContent(content)
+        };
+    }
+
+    function saveSystemPromptFile(params = {}) {
+        const content = typeof params.content === 'string' ? params.content : '';
+        if (!content.trim()) {
+            return { error: 'System prompt 不能为空' };
+        }
+        if (content.length > 2 * 1024 * 1024) {
+            return { error: '内容过大（最大 2MB）' };
+        }
+        const target = resolveSystemPromptFilePath(params);
+        const current = readSystemPromptFilePath(target);
+        if (current.error) {
+            return { error: current.error };
+        }
+        const baseHash = typeof params.baseHash === 'string' ? params.baseHash.trim() : '';
+        if (baseHash && baseHash !== current.hash) {
+            return { error: '文件已被外部修改，请重新加载后再保存' };
+        }
+        try {
+            const dir = path.dirname(target.path);
+            fs.mkdirSync(dir, { recursive: true });
+            const finalContent = content.endsWith('\n') ? content : content + '\n';
+            fs.writeFileSync(target.path, finalContent, { encoding: 'utf8', mode: 0o600 });
+            try { fs.chmodSync(target.path, 0o600); } catch (_) {}
+        } catch (e) {
+            return { error: '写入 system prompt 失败: ' + e.message };
+        }
+        return readSystemPromptFilePath(target);
+    }
+
+    function readSystemPromptFilePath(resolved) {
+        const exists = fs.existsSync(resolved.path);
+        let content = '';
+        if (exists) {
+            try {
+                content = fs.readFileSync(resolved.path, 'utf8');
+            } catch (e) {
+                return { ...resolved, exists: false, content: '', hash: hashContent(''), error: '读取 system prompt 失败: ' + e.message };
+            }
+        }
+        return {
+            ...resolved,
+            exists,
+            content,
+            hash: hashContent(content)
+        };
+    }
+
+    function buildSystemPromptDiff(params = {}) {
+        const hasBaseContent = typeof params.baseContent === 'string';
+        const target = resolveSystemPromptFilePath(params);
+        const current = readSystemPromptFilePath(target);
+        if (current.error) {
+            return { error: current.error };
+        }
+        const beforeText = hasBaseContent
+            ? (typeof params.baseContent === 'string' ? params.baseContent : '')
+            : (current.content || '');
+        const afterText = typeof params.content === 'string' ? params.content : '';
+        const normalizedBefore = beforeText.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+        const normalizedAfter = afterText.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+        const diff = buildLineDiff(normalizedBefore, normalizedAfter);
+        const hasChanges = diff.truncated
+            ? normalizedBefore !== normalizedAfter
+            : (diff.stats.added > 0 || diff.stats.removed > 0);
+        return {
+            diff: {
+                ...diff,
+                hasChanges
+            },
+            path: target.path,
+            exists: current.exists,
+            scope: target.scope,
+            mode: target.mode
+        };
+    }
+
+    return {
+        readSystemPromptFile,
+        saveSystemPromptFile,
+        buildSystemPromptDiff,
+        normalizeMode,
+        normalizeScope
+    };
+}
+
+module.exports = {
+    createSystemPromptFileController
+};

package/cli.js

@@ -126,6 +126,9 @@ const {
 const {
     createAgentsFileController
 } = require('./cli/agents-files');
+const {
+    createSystemPromptFileController
+} = require('./cli/system-prompt-files');
 const {
     createArchiveHelperController
 } = require('./cli/archive-helpers');
@@ -308,6 +311,7 @@ const FAST_SESSION_DETAIL_PREVIEW_FILE_BYTES = 256 * 1024;
 const FAST_SESSION_DETAIL_PREVIEW_CHUNK_BYTES = 64 * 1024;
 const FAST_SESSION_DETAIL_PREVIEW_MAX_BYTES = 1024 * 1024;
 const AGENTS_FILE_NAME = 'AGENTS.md';
+const PI_AGENT_DIR = path.join(os.homedir(), '.pi', 'agent');
 const MODELS_CACHE_TTL_MS = 60 * 1000;
 const MODELS_NEGATIVE_CACHE_TTL_MS = 5 * 1000;
 const MODELS_CACHE_MAX_ENTRIES = 50;
@@ -2102,6 +2106,20 @@ const {
     }
 });
 
+const {
+    readSystemPromptFile,
+    saveSystemPromptFile,
+    buildSystemPromptDiff
+} = createSystemPromptFileController({
+    fs,
+    path,
+    os,
+    crypto,
+    buildLineDiff,
+    CONFIG_DIR,
+    PI_AGENT_DIR
+});
+
 const {
     readOpenclawConfigFile,
     applyOpenclawConfig,
@@ -13479,6 +13497,15 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
                         case 'apply-openclaw-workspace-file':
                             result = applyOpenclawWorkspaceFile(params || {});
                             break;
+                        case 'get-system-prompt':
+                            result = readSystemPromptFile(params || {});
+                            break;
+                        case 'apply-system-prompt':
+                            result = saveSystemPromptFile(params || {});
+                            break;
+                        case 'preview-system-prompt-diff':
+                            result = buildSystemPromptDiff(params || {});
+                            break;
                         case 'switch':
                         case 'use':
                         case 'add':

package/package.json

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

package/web-ui/app.js

@@ -154,6 +154,25 @@ document.addEventListener('DOMContentLoaded', () => {
                 agentsContext: 'codex',
                 agentsModalTitle: 'AGENTS.md 编辑器',
                 agentsModalHint: '保存后会写入目标 AGENTS.md（与 config.toml 同级）。',
+                sysPromptScope: 'global',
+                sysPromptMode: 'append',
+                sysPromptContent: '',
+                sysPromptOriginalContent: '',
+                sysPromptPath: '',
+                sysPromptExists: false,
+                sysPromptHash: '',
+                sysPromptLoading: false,
+                sysPromptSaving: false,
+                sysPromptDiffVisible: false,
+                sysPromptDiffLoading: false,
+                sysPromptDiffError: '',
+                sysPromptDiffLines: [],
+                sysPromptDiffStats: { added: 0, removed: 0, unchanged: 0 },
+                sysPromptDiffTruncated: false,
+                sysPromptDiffHasChangesValue: false,
+                sysPromptDiffFingerprint: '',
+                _sysPromptDiffPreviewRequestToken: null,
+                _sysPromptOpenRequestToken: null,
                 skillsTargetApp: 'codex',
                 skillsRootPath: '',
                 skillsList: [],
@@ -221,6 +240,9 @@ document.addEventListener('DOMContentLoaded', () => {
                 sessionImportingNative: {},
                 sessionCloning: {},
                 sessionDeleting: {},
+                sessionDeletingSelected: false,
+                sessionBatchSelectMode: false,
+                sessionSelectedKeys: {},
                 activeSession: null,
                 activeSessionMessages: [],
                 activeSessionDetailError: '',

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

@@ -773,7 +773,7 @@ export function createSessionComputed() {
             const rows = currentKeys
                 .map((key) => byDay.get(key))
                 .filter(Boolean)
-                .sort((a, b) => b.key.localeCompare(a.key, 'en-US'));
+                .sort((a, b) => a.key.localeCompare(b.key, 'en-US'));
             const rowsWithCompare = rows.map((row) => {
                 if (!compareEnabled) {
                     return { ...row, compareEnabled: false, prevKey: '', prevTokenTotal: 0 };

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

@@ -4,6 +4,7 @@ import {
     isAgentsDiffPreviewPayloadTooLarge,
     shouldApplyAgentsDiffPreviewResponse
 } from '../logic.mjs';
+import { issueLatestRequestToken, isLatestRequestToken } from './request-token.mjs';
 
 function isValidOpenclawWorkspaceFileName(fileName) {
     if (typeof fileName !== 'string') {
@@ -19,16 +20,6 @@ function isValidOpenclawWorkspaceFileName(fileName) {
     return true;
 }
 
-function issueLatestRequestToken(context, key) {
-    const token = (Number(context[key]) || 0) + 1;
-    context[key] = token;
-    return token;
-}
-
-function isLatestRequestToken(context, key, token) {
-    return !!context && context[key] === token;
-}
-
 export function createAgentsMethods(options = {}) {
     const {
         api,
@@ -894,15 +885,17 @@ export function createAgentsMethods(options = {}) {
             this.showMessage(this.t('prompts.presets.toast.deleted'), 'success');
         },
         switchPromptsSubTab(subTab) {
-            const normalized = subTab === 'claude-project' ? subTab : 'codex';
+            const normalized = subTab === 'claude-project' || subTab === 'system' ? subTab : 'codex';
             if (normalized === 'claude-project' && !this.projectPathOptions.length && !this.projectPathOptionsLoading) {
                 this.loadProjectPathOptions();
             }
             if (this.promptsSubTab === normalized) {
-                this.loadPromptsContent();
+                if (normalized === 'system') this.loadSystemPrompt();
+                else this.loadPromptsContent();
                 return;
             }
             this.promptsSubTab = normalized;
+            if (normalized === 'system') this.loadSystemPrompt();
             this.$nextTick(() => {
                 document.querySelector('.main-panel')?.scrollTo({ top: 0, left: 0, behavior: 'auto' });
             });

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

@@ -12,6 +12,7 @@ import {
     SESSION_TRASH_PAGE_SIZE
 } from './app.constants.mjs';
 import { createAgentsMethods } from './app.methods.agents.mjs';
+import { createSystemPromptMethods } from './app.methods.system-prompt.mjs';
 import { createClaudeConfigMethods } from './app.methods.claude-config.mjs';
 import { createCodexConfigMethods } from './app.methods.codex-config.mjs';
 import { createInstallMethods } from './app.methods.install.mjs';
@@ -85,6 +86,7 @@ export function createAppMethods() {
         ...createSkillsMethods({ api }),
         ...createPluginsMethods(),
         ...createAgentsMethods({ api, apiWithMeta }),
+        ...createSystemPromptMethods({ api, apiWithMeta }),
         ...createProvidersMethods({ api }),
         ...createProviderCacheMethods({ api }),
         ...createWebUiPreferencesMethods({ api }),

package/web-ui/modules/app.methods.session-actions.mjs

@@ -639,13 +639,14 @@ export function createSessionActionMethods(options = {}) {
             }
         },
 
-        async deleteSession(session) {
+        async deleteSession(session, batchOpts = {}) {
+            const batch = !!(batchOpts && batchOpts.batch);
             if (!this.isDeleteAvailable(session)) {
-                this.showMessage('不支持此操作', 'error');
-                return;
+                if (!batch) this.showMessage('不支持此操作', 'error');
+                return false;
             }
             const useTrash = this.sessionTrashEnabled !== false;
-            if (!useTrash && typeof this.requestConfirmDialog === 'function') {
+            if (!batch && !useTrash && typeof this.requestConfirmDialog === 'function') {
                 const confirmed = await this.requestConfirmDialog({
                     title: '直接删除会话',
                     message: '关闭回收站后，删除会话将直接永久删除，且无法恢复。',
@@ -654,12 +655,12 @@ export function createSessionActionMethods(options = {}) {
                     danger: true
                 });
                 if (!confirmed) {
-                    return;
+                    return false;
                 }
             }
             const key = this.getSessionExportKey(session);
             if (this.sessionDeleting[key]) {
-                return;
+                return false;
             }
             this.sessionDeleting[key] = true;
             try {
@@ -670,13 +671,14 @@ export function createSessionActionMethods(options = {}) {
                     filePath: session.filePath
                 });
                 if (!res || res.error) {
-                    this.showMessage((res && res.error) || '删除失败', 'error');
-                    return;
+                    const msg = (res && res.error) || (typeof this.t === 'function' ? this.t('toast.delete.fail') : '删除失败');
+                    if (!batch) this.showMessage(msg, 'error');
+                    return false;
                 }
                 this.removeSessionPin(session);
                 if (useTrash) {
                     this.invalidateSessionTrashRequests();
-                    this.showMessage('已移入回收站', 'success');
+                    if (!batch) this.showMessage('已移入回收站', 'success');
                     if (this.sessionTrashLoadedOnce) {
                         this.prependSessionTrashItem(this.buildSessionTrashItemFromSession(session, res), {
                             totalCount: res && res.totalCount !== undefined ? res.totalCount : undefined
@@ -689,7 +691,7 @@ export function createSessionActionMethods(options = {}) {
                             this.sessionTrashItems
                         );
                     }
-                } else {
+                } else if (!batch) {
                     this.showMessage('已删除', 'success');
                 }
                 if (typeof this.invalidateSessionsUsageData === 'function') {
@@ -700,11 +702,159 @@ export function createSessionActionMethods(options = {}) {
                 } catch (_) {
                     // The delete already succeeded remotely; keep the success result.
                 }
+                return true;
             } catch (_) {
-                this.showMessage(this.t('toast.delete.fail'), 'error');
+                if (!batch) {
+                    this.showMessage(this.t && this.t('toast.delete.fail') ? this.t('toast.delete.fail') : '删除失败', 'error');
+                }
+                return false;
             } finally {
                 this.sessionDeleting[key] = false;
             }
+        },
+
+        isSessionBatchSelectable(session) {
+            return this.isDeleteAvailable(session);
+        },
+
+        isSessionSelectedForBatch(session) {
+            const key = this.getSessionExportKey(session);
+            if (!key) return false;
+            return !!this.sessionSelectedKeys[key];
+        },
+
+        toggleSessionSelectionForBatch(session) {
+            const key = this.getSessionExportKey(session);
+            if (!key) return;
+            if (this.sessionSelectedKeys[key]) {
+                const next = { ...this.sessionSelectedKeys };
+                delete next[key];
+                this.sessionSelectedKeys = next;
+                return;
+            }
+            this.sessionSelectedKeys = { ...this.sessionSelectedKeys, [key]: true };
+        },
+
+        enterSessionBatchSelectMode() {
+            if (this.sessionBatchSelectMode) return;
+            this.sessionBatchSelectMode = true;
+            this.sessionSelectedKeys = {};
+        },
+
+        exitSessionBatchSelectMode() {
+            if (!this.sessionBatchSelectMode) return;
+            this.sessionBatchSelectMode = false;
+            this.sessionSelectedKeys = {};
+        },
+
+        getSelectedBatchCount() {
+            return this.sessionsList.filter(s => this.sessionBatchSelectMode && this.isSessionSelectedForBatch(s)).length;
+        },
+
+        getVisibleBatchSelectableCount() {
+            return (this.visibleSessionsList || []).filter(s => this.isDeleteAvailable(s)).length;
+        },
+
+        isAllVisibleBatchSelected() {
+            const visible = (this.visibleSessionsList || []).filter(s => this.isDeleteAvailable(s));
+            if (visible.length === 0) return false;
+            return visible.every(s => this.isSessionSelectedForBatch(s) || this.sessionDeleting[this.getSessionExportKey(s)]);
+        },
+
+        toggleSelectAllVisibleForBatch() {
+            const visible = (this.visibleSessionsList || []).filter(s => this.isDeleteAvailable(s) && !this.sessionDeleting[this.getSessionExportKey(s)]);
+            if (visible.length === 0) return;
+            const allSelected = visible.every(s => this.isSessionSelectedForBatch(s));
+            const next = { ...this.sessionSelectedKeys };
+            if (allSelected) {
+                for (const s of visible) {
+                    delete next[this.getSessionExportKey(s)];
+                }
+            } else {
+                for (const s of visible) {
+                    next[this.getSessionExportKey(s)] = true;
+                }
+            }
+            this.sessionSelectedKeys = next;
+        },
+
+        clearSessionBatchSelection() {
+            this.sessionSelectedKeys = {};
+        },
+
+        async deleteSelectedSessions() {
+            if (this.sessionDeletingSelected) return;
+            const selected = (this.sessionsList || []).filter(s => this.isSessionSelectedForBatch(s));
+            if (selected.length === 0) {
+                if (typeof this.t === 'function') {
+                    this.showMessage(this.t('sessions.batch.emptySelection'), 'warning');
+                }
+                return;
+            }
+            const useTrash = this.sessionTrashEnabled !== false;
+            if (typeof this.requestConfirmDialog === 'function') {
+                const confirmKey = useTrash ? 'sessions.batch.deleteConfirm' : 'sessions.batch.deleteConfirmHard';
+                const confirmed = await this.requestConfirmDialog({
+                    title: this.t('sessions.batch.select'),
+                    message: this.t(confirmKey, { count: selected.length }),
+                    confirmText: this.t('sessions.batch.deleteSelected'),
+                    cancelText: this.t('common.cancel'),
+                    danger: !useTrash
+                });
+                if (!confirmed) {
+                    return;
+                }
+            }
+            this.sessionDeletingSelected = true;
+            let failed = 0;
+            const succeededKeys = [];
+            try {
+                for (const session of selected) {
+                    const ok = await this.deleteSession(session, { batch: true });
+                    if (ok) {
+                        succeededKeys.push(this.getSessionExportKey(session));
+                    } else {
+                        failed += 1;
+                    }
+                }
+                if (succeededKeys.length > 0) {
+                    if (typeof this.invalidateSessionsUsageData === 'function') {
+                        this.invalidateSessionsUsageData({ preserveList: true });
+                    }
+                    this.invalidateSessionTrashRequests();
+                    // Remove succeeded sessions from the current list in order
+                    for (const key of succeededKeys) {
+                        const session = (this.sessionsList || []).find(s => this.getSessionExportKey(s) === key);
+                        if (session) {
+                            try {
+                                await this.removeSessionFromCurrentList(session);
+                            } catch (_) {
+                                // Remote delete already succeeded; ignore local cleanup errors.
+                            }
+                        }
+                    }
+                    // Clear succeeded selections; keep failed ones selected
+                    const next = {};
+                    for (const session of selected) {
+                        const k = this.getSessionExportKey(session);
+                        if (failed > 0 && !succeededKeys.includes(k)) {
+                            next[k] = true;
+                        }
+                    }
+                    this.sessionSelectedKeys = next;
+                }
+                if (failed === 0) {
+                    const okMsg = useTrash ? '已移入回收站' : '已删除';
+                    this.showMessage(okMsg + ' · ' + succeededKeys.length, 'success');
+                    this.sessionBatchSelectMode = false;
+                } else if (failed === selected.length) {
+                    this.showMessage(this.t('sessions.batch.allFail'), 'error');
+                } else {
+                    this.showMessage(this.t('sessions.batch.partialFail', { failed }), 'warning');
+                }
+            } finally {
+                this.sessionDeletingSelected = false;
+            }
         }
     };
 }

package/web-ui/modules/app.methods.session-browser.mjs

@@ -303,6 +303,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         onSessionSortChange() {
+            this.exitSessionBatchSelectMode();
             const normalized = this.normalizeSessionSortMode(this.sessionSortMode);
             this.sessionSortMode = normalized;
             if (typeof this.persistWebUiPreferences === 'function') {
@@ -445,6 +446,7 @@ export function createSessionBrowserMethods(options = {}) {
 
         setSessionSource(value) {
             if (this.sessionsLoading) return;
+            this.exitSessionBatchSelectMode();
             this.sessionFilterSource = value;
             this.refreshSessionPathOptions(value);
             this.persistSessionFilterCache();
@@ -478,12 +480,14 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         async onSessionPathFilterChange() {
+            this.exitSessionBatchSelectMode();
             this.persistSessionFilterCache();
             syncSessionsFilterUrl(this);
             await this.loadSessions();
         },
 
         async onSessionFilterChange() {
+            this.exitSessionBatchSelectMode();
             this.persistSessionFilterCache();
             syncSessionsFilterUrl(this);
             await this.loadSessions();
@@ -552,6 +556,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         async clearSessionFilters() {
+            this.exitSessionBatchSelectMode();
             this.sessionFilterSource = 'all';
             this.sessionPathFilter = '';
             this.sessionQuery = '';
@@ -783,6 +788,7 @@ export function createSessionBrowserMethods(options = {}) {
                 this.sessionsUsageCompareEnabled = false;
             }
             void this.loadSessionsUsage({ range });
+            this.scrollSessionsUsageDayIntoView({ behavior: 'auto' });
         },
 
         toggleSessionsUsageCompare() {
@@ -801,12 +807,29 @@ export function createSessionBrowserMethods(options = {}) {
         selectSessionsUsageDay(dayKey) {
             const normalized = typeof dayKey === 'string' ? dayKey.trim() : '';
             this.sessionsUsageSelectedDayKey = normalized;
+            this.scrollSessionsUsageDayIntoView({ behavior: 'smooth', align: 'nearest' });
         },
 
         clearSessionsUsageDay() {
             this.sessionsUsageSelectedDayKey = '';
         },
 
+        scrollSessionsUsageDayIntoView(options = {}) {
+            if (typeof document === 'undefined' || !document) return;
+            const behavior = options.behavior === 'smooth' ? 'smooth' : 'auto';
+            const inline = options.align === 'nearest' ? 'nearest' : 'end';
+            const scrollFn = () => {
+                const node = document.querySelector('.usage-wave-label.active');
+                if (!node || typeof node.scrollIntoView !== 'function') return;
+                node.scrollIntoView({ inline, block: 'nearest', behavior });
+            };
+            if (typeof this.$nextTick === 'function') {
+                this.$nextTick(scrollFn);
+            } else {
+                scrollFn();
+            }
+        },
+
         async loadSessionsUsage(options = {}) {
             if (this.sessionsUsageLoading) return;
             const normalizedRange = typeof options.range === 'string'
@@ -855,7 +878,9 @@ export function createSessionBrowserMethods(options = {}) {
                     this.sessionsUsageLoadedLimit = limit;
                     this.sessionsUsageLastLoadedRange = range;
                     if (!this.sessionsUsageSelectedDayKey && Array.isArray(this.sessionUsageDailyTableRows) && this.sessionUsageDailyTableRows.length > 0) {
-                        this.sessionsUsageSelectedDayKey = this.sessionUsageDailyTableRows[0].key;
+                        const dayKeys = this.sessionUsageDailyTableRows.map((row) => row.key).filter(Boolean).sort((a, b) => b.localeCompare(a, 'en-US'));
+                        this.sessionsUsageSelectedDayKey = dayKeys[0] || this.sessionUsageDailyTableRows[this.sessionUsageDailyTableRows.length - 1].key;
+                        this.scrollSessionsUsageDayIntoView({ behavior: 'auto' });
                     }
                 }
             }