codexmate 0.1.25 → 0.1.27

package/lib/cli-sessions.js

@@ -192,7 +192,7 @@ function extractMessageFromRecord(record, source) {
         }
         return null;
     }
-    if (source === 'codebuddy') {
+    if (source === 'codebuddy' || source === 'workbuddy') {
         if (record.type === 'message') {
             const role = normalizeRole(record.role);
             const content = record.message ? record.message.content : record.content;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "codexmate",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {
-    "codexmate": "./cli.js"
+    "codexmate": "./tools/dev/launch.js"
   },
   "files": [
     "cli.js",
@@ -26,7 +26,7 @@
     "./res/*": "./web-ui/res/*"
   },
   "scripts": {
-    "dev": "node cli.js run",
+    "dev": "node tools/dev/launch.js run",
     "start": "node cli.js",
     "reset": "node tools/dev/reset-main.js",
     "release:npm": "node tools/release/publish-npm.js",

package/tools/dev/launch.js

@@ -0,0 +1,147 @@
+#!/usr/bin/env node
+'use strict';
+/**
+ * codexmate 启动包装器（launcher）
+ * 作用：以 spawn 方式原样转发 `node cli.js <argv>`；
+ * 仅当子进程因「package.json 中已声明的依赖缺失」（Cannot find module /
+ * MODULE_NOT_FOUND）而失败时，在包根目录自动执行一次 npm install，
+ * 然后重跑原命令一次；其余任何错误原样透传退出码，行为与直跑 cli.js 一致。
+ * 本文件必须保持零第三方依赖（它要能跑在 npm install 之前）。
+ */
+const { spawn } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+const PACKAGE_ROOT = path.resolve(__dirname, '..', '..');
+const CLI_ENTRY = path.join(PACKAGE_ROOT, 'cli.js');
+const RETRY_FLAG = 'CODEXMATE_LAUNCH_RETRIED';
+const STDERR_KEEP_BYTES = 128 * 1024;
+// 匹配 "Cannot find module 'X'" / "Cannot find module \"X\"" / MODULE_NOT_FOUND 路径
+const MISSING_MODULE_RE = /(?:Cannot find module|MODULE_NOT_FOUND)(?:[^\S\r\n]*['"]([^'"\r\n]+)['"])?/;
+
+function isWindows() {
+    return process.platform === 'win32';
+}
+
+function forwardSignalsTo(child) {
+    const signals = ['SIGINT', 'SIGTERM', 'SIGHUP'];
+    signals.forEach(function (sig) {
+        process.on(sig, function () {
+            try { child.kill(sig); } catch (e) { /* 子进程可能已退出 */ }
+        });
+    });
+}
+
+function extractMissingPackageName(stderrText) {
+    const m = MISSING_MODULE_RE.exec(stderrText);
+    if (!m || !m[1]) return null;
+    const raw = m[1];
+    // 相对/绝对路径的 require 失败属于代码 bug，不属于环境缺依赖，不触发重试
+    if (raw.startsWith('.') || raw.startsWith('/') || path.isAbsolute(raw)) return null;
+    const parts = raw.split('/');
+    // scoped 包（@scope/name）取前两段，普通包取第一段
+    const pkgName = raw.startsWith('@') ? parts.slice(0, 2).join('/') : parts[0];
+    return pkgName;
+}
+
+function isDeclaredDependency(pkgName) {
+    try {
+        const pkg = JSON.parse(fs.readFileSync(path.join(PACKAGE_ROOT, 'package.json'), 'utf8'));
+        const deps = Object.assign({}, pkg.dependencies, pkg.devDependencies);
+        return Object.prototype.hasOwnProperty.call(deps, pkgName);
+    } catch (e) {
+        return false;
+    }
+}
+
+function runNpmInstall(cb) {
+    const child = spawn('npm', ['install'], {
+        cwd: PACKAGE_ROOT,
+        stdio: 'inherit',
+        shell: isWindows()
+    });
+    forwardSignalsTo(child);
+    child.on('error', function (err) {
+        process.stderr.write('[codexmate-launch] npm install 无法启动: ' + err.message + '\n');
+        cb(false);
+    });
+    child.on('exit', function (code) {
+        cb(code === 0);
+    });
+}
+
+function spawnCli(args, opts, onExit) {
+    const pipeStderr = !!opts.pipeStderr;
+    const child = spawn(process.execPath, args, {
+        cwd: process.cwd(),
+        env: opts.env || process.env,
+        stdio: ['inherit', 'inherit', pipeStderr ? 'pipe' : 'inherit']
+    });
+    let stderrText = '';
+    if (pipeStderr) {
+        child.stderr.on('data', function (chunk) {
+            process.stderr.write(chunk); // 实时原样转发，绝不静默吞掉
+            stderrText += chunk;
+            if (stderrText.length > STDERR_KEEP_BYTES) {
+                stderrText = stderrText.slice(-STDERR_KEEP_BYTES);
+            }
+        });
+    }
+    forwardSignalsTo(child);
+    child.on('error', function (err) {
+        process.stderr.write('[codexmate-launch] 无法启动 cli.js: ' + err.message + '\n');
+        process.exit(127);
+    });
+    child.on('exit', function (code, signal) {
+        onExit(code, signal, stderrText);
+    });
+    return child;
+}
+
+function runFinal(args) {
+    const env = Object.assign({}, process.env);
+    env[RETRY_FLAG] = '1';
+    spawnCli(args, { env: env, pipeStderr: false }, function (code, signal) {
+        if (signal) {
+            process.exit(128 + 15);
+        }
+        process.exit(code === null ? 1 : code);
+    });
+}
+
+function main() {
+    const args = [CLI_ENTRY].concat(process.argv.slice(2));
+
+    // 重入护栏：已被 launcher 重跑过的进程不再重试，杜绝死循环
+    if (process.env[RETRY_FLAG] === '1') {
+        runFinal(args);
+        return;
+    }
+
+    spawnCli(args, { pipeStderr: true }, function (code, signal, stderrText) {
+        if (signal) {
+            process.exit(128 + 15);
+        }
+        const exitCode = code === null ? 1 : code;
+        if (exitCode === 0) {
+            process.exit(0);
+        }
+        const missing = extractMissingPackageName(stderrText);
+        if (!missing || !isDeclaredDependency(missing)) {
+            process.exit(exitCode); // 非环境性缺依赖：退出码原样透传
+        }
+        process.stderr.write(
+            '[codexmate-launch] 检测到已声明的依赖缺失: ' + missing +
+            '，自动执行 npm install 后重试一次...\n'
+        );
+        runNpmInstall(function (ok) {
+            if (!ok) {
+                process.stderr.write('[codexmate-launch] npm install 失败，保留上方原始报错并以原退出码退出。\n');
+                process.exit(exitCode);
+            }
+            runFinal(args);
+        });
+    });
+}
+
+main();

package/web-ui/app.js

@@ -299,6 +299,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 sessionFilterSource: 'all',
                 sessionPathFilter: '',
                 sessionQuery: '',
+                sessionPreviewScrollAtTop: true,
                 sessionRoleFilter: 'all',
                 sessionTimePreset: 'all',
                 sessionSortMode: 'time',
@@ -308,19 +309,28 @@ document.addEventListener('DOMContentLoaded', () => {
                     all: [],
                     codex: [],
                     claude: [],
-                    gemini: []
+                    gemini: [],
+                    codebuddy: [],
+                    pi: [],
+                    opencode: []
                 },
                 sessionPathOptionsLoadedMap: {
                     all: false,
                     codex: false,
                     claude: false,
-                    gemini: false
+                    gemini: false,
+                    codebuddy: false,
+                    pi: false,
+                    opencode: false
                 },
                 sessionPathRequestSeqMap: {
                     all: 0,
                     codex: 0,
                     claude: 0,
-                    gemini: 0
+                    gemini: 0,
+                    codebuddy: 0,
+                    pi: 0,
+                    opencode: 0
                 },
                 sessionExporting: {},
                 sessionConverting: {},

package/web-ui/index.html

@@ -38,6 +38,6 @@
     <!-- @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?cb=3"></script>
+    <script type="module" src="/web-ui/app.js"></script>
 </body>
 </html>

package/web-ui/logic.prompts-token-count.mjs

@@ -0,0 +1,49 @@
+/**
+ * Heuristic token-count estimation for the prompts panel.
+ *
+ * The Web UI ships zero npm dependencies and all frontend libraries are
+ * vendored single files, so a real BPE tokenizer (2-3 MB per encoding) is not
+ * an acceptable trade-off for this feature. Instead we use a lightweight
+ * heuristic that is accurate enough for "is my instruction file 2k or 20k
+ * tokens" style decisions:
+ *
+ *   - CJK ideographs / kana / fullwidth forms count as ~1 token per
+ *     character (matches the common ~1 token per CJK char behavior of
+ *     mainstream tokenizers);
+ *   - everything else (Latin words, markdown syntax, whitespace, code) is
+ *     estimated at ~4 characters per token.
+ *
+ * Values are meant to be displayed with an "approx." qualifier in the UI.
+ */
+
+// CJK ideographs, Hangul jamo/syllables, kana, CJK punctuation/symbols and
+// fullwidth forms all tokenize at roughly one token per character.
+const CJK_TOKEN_RE = /[\u1100-\u11FF\u2E80-\u2EFF\u3000-\u303F\u3040-\u30FF\u3130-\u318F\u3400-\u4DBF\u4E00-\u9FFF\uAC00-\uD7A3\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF]/g;
+
+// Non-CJK text averages roughly 4 characters per token for typical
+// English + markdown + code instruction files.
+const NON_CJK_CHARS_PER_TOKEN = 4;
+
+export function estimatePromptTokenCount(text) {
+    const source = typeof text === 'string' ? text : '';
+    if (!source) {
+        return 0;
+    }
+    const cjkMatches = source.match(CJK_TOKEN_RE);
+    const cjkTokenCount = cjkMatches ? cjkMatches.length : 0;
+    const nonCjkCharCount = source.length - cjkTokenCount;
+    return cjkTokenCount + Math.ceil(nonCjkCharCount / NON_CJK_CHARS_PER_TOKEN);
+}
+
+export function buildPromptTokenDiffStats(originalText, currentText) {
+    const before = estimatePromptTokenCount(originalText);
+    const current = estimatePromptTokenCount(currentText);
+    const delta = current - before;
+    return {
+        before,
+        current,
+        delta,
+        deltaLabel: delta === 0 ? '±0' : (delta > 0 ? `+${delta}` : String(delta)),
+        deltaKind: delta === 0 ? 'same' : (delta > 0 ? 'add' : 'del')
+    };
+}

package/web-ui/logic.sessions.mjs

@@ -29,14 +29,14 @@ function shouldUseFastSessionBrowseLimit(options = {}) {
 
 export function isSessionQueryEnabled(source) {
     const normalized = normalizeSessionSource(source, '');
-    return normalized === 'codex' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'pi' || normalized === 'all';
+    return normalized === 'codex' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'workbuddy' || normalized === 'pi' || normalized === 'opencode' || normalized === 'all';
 }
 
 export function normalizeSessionSource(source, fallback = 'all') {
     const normalized = typeof source === 'string'
         ? source.trim().toLowerCase()
         : '';
-    if (normalized === 'codex' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'pi' || normalized === 'all') {
+    if (normalized === 'codex' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'workbuddy' || normalized === 'pi' || normalized === 'opencode' || normalized === 'all') {
         return normalized;
     }
     return fallback;
@@ -57,6 +57,18 @@ function isConcreteSessionModelName(value) {
     return normalized.toLowerCase() !== '<synthetic>';
 }
 
+function getSessionSourceLabel(source) {
+    if (source === 'claude') return 'Claude Code';
+    if (source === 'gemini') return 'Gemini CLI';
+    if (source === 'codebuddy') return 'CodeBuddy Code';
+    if (source === 'workbuddy') return 'WorkBuddy AI';
+    if (source === 'pi') return 'Pi';
+    if (source === 'opencode') return 'OpenCode';
+    return 'Codex';
+}
+
+const SESSION_USAGE_SOURCE_ORDER = ['codex', 'claude', 'gemini', 'codebuddy', 'workbuddy', 'pi', 'opencode'];
+
 function collectSessionModelNames(session) {
     if (!session || typeof session !== 'object') {
         return [];
@@ -209,7 +221,7 @@ export function buildUsageHeatmap(sessions = [], options = {}) {
     for (const session of list) {
         if (!session || typeof session !== 'object') continue;
         const source = normalizeSessionSource(session.source, '');
-        if (source !== 'codex' && source !== 'claude' && source !== 'pi') continue;
+        if (!SESSION_USAGE_SOURCE_ORDER.includes(source)) continue;
         const updatedAtMs = Date.parse(session.updatedAt || '');
         if (!Number.isFinite(updatedAtMs)) continue;
         normalized.push({
@@ -309,7 +321,7 @@ export function buildUsageHourlyHeatmap(sessions = [], options = {}) {
     for (const session of list) {
         if (!session || typeof session !== 'object') continue;
         const source = normalizeSessionSource(session.source, '');
-        if (source !== 'codex' && source !== 'claude' && source !== 'pi') continue;
+        if (!SESSION_USAGE_SOURCE_ORDER.includes(source)) continue;
         const updatedAtMs = Date.parse(session.updatedAt || '');
         if (!Number.isFinite(updatedAtMs)) continue;
         const dayStart = toUtcDayStartMs(updatedAtMs);
@@ -402,7 +414,7 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
     for (const [sessionIndex, session] of list.entries()) {
         if (!session || typeof session !== 'object') continue;
         const source = normalizeSessionSource(session.source, '');
-        if (source !== 'codex' && source !== 'claude' && source !== 'pi') continue;
+        if (!SESSION_USAGE_SOURCE_ORDER.includes(source)) continue;
         const updatedAtMs = Date.parse(session.updatedAt || '');
         if (!Number.isFinite(updatedAtMs)) continue;
         const createdAtMs = Date.parse(session.createdAt || '');
@@ -437,6 +449,7 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
             return ns.updatedAtMs >= rangeStartMs && ns.updatedAtMs <= rangeEndMs;
         });
 
+    const sourceSessionTotals = Object.fromEntries(SESSION_USAGE_SOURCE_ORDER.map((source) => [source, 0]));
     let codexTotal = 0;
     let claudeTotal = 0;
     let messageTotal = 0;
@@ -449,8 +462,8 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
     const modelMap = new Map();
     const missingModelProviderMap = new Map();
     const missingModelSessionMap = new Map();
-    const sourceMessageTotals = { codex: 0, claude: 0 };
-    const missingModelSourceTotals = { codex: 0, claude: 0 };
+    const sourceMessageTotals = Object.fromEntries(SESSION_USAGE_SOURCE_ORDER.map((source) => [source, 0]));
+    const missingModelSourceTotals = Object.fromEntries(SESSION_USAGE_SOURCE_ORDER.map((source) => [source, 0]));
     let missingModelSessions = 0;
     let providerOnlySessions = 0;
     const hourCounts = Array.from({ length: 24 }, (_, hour) => ({
@@ -485,10 +498,11 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
             : 0;
         bucket.totalSessions += 1;
         bucket.totalMessages += messageCount;
+        sourceSessionTotals[source] = (sourceSessionTotals[source] || 0) + 1;
         if (source === 'codex') {
             bucket.codex += 1;
             codexTotal += 1;
-        } else {
+        } else if (source === 'claude') {
             bucket.claude += 1;
             claudeTotal += 1;
         }
@@ -519,7 +533,7 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
             });
         }
 
-        const sourceLabel = source === 'codex' ? 'Codex' : 'Claude Code';
+        const sourceLabel = getSessionSourceLabel(source);
         const normalizedTitle = typeof session.title === 'string' && session.title.trim()
             ? session.title.trim()
             : (typeof session.sessionId === 'string' && session.sessionId.trim() ? session.sessionId.trim() : '未命名会话');
@@ -564,11 +578,12 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
         topSessionsByMessages.push({ ...sessionEntry });
     }
 
-    const totalSessions = codexTotal + claudeTotal;
-    const sourceShare = [
-        { key: 'codex', label: 'Codex', value: codexTotal },
-        { key: 'claude', label: 'Claude', value: claudeTotal }
-    ].map((item) => ({
+    const totalSessions = SESSION_USAGE_SOURCE_ORDER.reduce((sum, source) => sum + (sourceSessionTotals[source] || 0), 0);
+    const sourceShare = SESSION_USAGE_SOURCE_ORDER.map((source) => ({
+        key: source,
+        label: getSessionSourceLabel(source),
+        value: sourceSessionTotals[source] || 0
+    })).map((item) => ({
         ...item,
         percent: totalSessions > 0 ? Math.round((item.value / totalSessions) * 100) : 0,
         messageTotal: sourceMessageTotals[item.key] || 0,
@@ -591,7 +606,7 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
         .map(([modelId, meta]) => {
             const sourceLabels = [...meta.sources]
                 .sort((a, b) => a.localeCompare(b, 'en-US'))
-                .map((source) => (source === 'codex' ? 'Codex' : 'Claude Code'));
+                .map((source) => getSessionSourceLabel(source));
             return {
                 key: modelId,
                 model: modelId,

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

@@ -196,6 +196,7 @@ export function createDashboardComputed() {
             if (this.sessionFilterSource === 'claude') return this.t('dashboard.sessionSource.claude');
             if (this.sessionFilterSource === 'gemini') return this.t('dashboard.sessionSource.gemini');
             if (this.sessionFilterSource === 'codebuddy') return this.t('dashboard.sessionSource.codebuddy');
+            if (this.sessionFilterSource === 'workbuddy') return this.t('dashboard.sessionSource.workbuddy');
             return this.t('dashboard.sessionSource.all');
         },
         inspectorSessionPathLabel() {

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

@@ -1,5 +1,23 @@
+import { estimatePromptTokenCount, buildPromptTokenDiffStats } from '../logic.prompts-token-count.mjs';
+
 export function createPromptsComputed() {
     return {
+        agentsTokenCount() {
+            return estimatePromptTokenCount(this.agentsContent);
+        },
+
+        sysPromptTokenCount() {
+            return estimatePromptTokenCount(this.sysPromptContent);
+        },
+
+        agentsDiffTokenStats() {
+            return buildPromptTokenDiffStats(this.agentsOriginalContent, this.agentsContent);
+        },
+
+        sysPromptDiffTokenStats() {
+            return buildPromptTokenDiffStats(this.sysPromptOriginalContent, this.sysPromptContent);
+        },
+
         promptsContextHint() {
             if (!this.agentsLoading && !this.agentsDiffVisible && this.hasAgentsContentChanged()) {
                 return { text: this.t('modal.agents.unsaved.detectedHint'), warn: true };

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

@@ -323,7 +323,9 @@ export function createSessionComputed() {
                 { value: "claude", label: this.t("sessions.source.claudeCode") },
                 { value: "gemini", label: this.t("sessions.source.gemini") },
                 { value: "codebuddy", label: this.t("sessions.source.codebuddy") },
-                { value: "pi", label: this.t("sessions.source.pi") }
+                { value: "workbuddy", label: this.t("sessions.source.workbuddy") },
+                { value: "pi", label: this.t("sessions.source.pi") },
+                { value: "opencode", label: this.t("sessions.source.opencode") }
             ];
         },
         activeSessionExportKey() {

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

@@ -28,8 +28,8 @@ export function createSessionActionMethods(options = {}) {
                 let error = '';
                 if (!source) {
                     error = '缺少 source 参数';
-                } else if (source !== 'codex' && source !== 'claude' && source !== 'gemini' && source !== 'codebuddy' && source !== 'pi') {
-                    error = 'source 仅支持 codex、claude、gemini、codebuddy 或 pi';
+                } else if (source !== 'codex' && source !== 'claude' && source !== 'gemini' && source !== 'codebuddy' && source !== 'workbuddy' && source !== 'pi' && source !== 'opencode') {
+                    error = 'source 仅支持 codex、claude、gemini、codebuddy、workbuddy、pi 或 opencode';
                 }
                 if (!sessionId && !filePath) {
                     error = error ? `${error}，还缺少 sessionId 或 filePath` : '缺少 sessionId 或 filePath 参数';
@@ -75,7 +75,13 @@ export function createSessionActionMethods(options = {}) {
                         ? 'Gemini CLI'
                         : (context.params.source === 'pi'
                             ? 'Pi'
-                            : (context.params.source === 'codebuddy' ? 'CodeBuddy Code' : context.params.source))));
+                            : (context.params.source === 'opencode'
+                                ? 'OpenCode'
+                                : (context.params.source === 'codebuddy'
+                                    ? 'CodeBuddy Code'
+                                    : (context.params.source === 'workbuddy'
+                                        ? 'WorkBuddy AI'
+                                        : context.params.source))))));
             this.activeSession = {
                 source: context.params.source,
                 sourceLabel,
@@ -104,7 +110,7 @@ export function createSessionActionMethods(options = {}) {
         buildSessionStandaloneUrl(session) {
             if (!session) return '';
             const source = typeof session.source === 'string' ? session.source.trim().toLowerCase() : '';
-            if (!source || (source !== 'codex' && source !== 'claude' && source !== 'gemini' && source !== 'codebuddy' && source !== 'pi')) return '';
+            if (!source || (source !== 'codex' && source !== 'claude' && source !== 'gemini' && source !== 'codebuddy' && source !== 'workbuddy' && source !== 'pi' && source !== 'opencode')) return '';
             const sessionId = typeof session.sessionId === 'string' ? session.sessionId.trim() : '';
             const filePath = typeof session.filePath === 'string' ? session.filePath.trim() : '';
             if (!sessionId && !filePath) return '';

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

@@ -2,11 +2,11 @@ import {
     buildSessionFilterCacheState,
     isSessionQueryEnabled,
     normalizeSessionMessageRole,
-    normalizeSessionPathFilter
+    normalizeSessionPathFilter,
+    normalizeSessionSource
 } from '../logic.mjs';
 import {
     applySessionsFilterUrlState,
-    buildSessionsFilterShareUrl,
     normalizeSessionRoleFilter,
     normalizeSessionTimePreset,
     readSessionsFilterUrlState,
@@ -118,9 +118,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         syncSessionPathOptionsForSource(source, nextOptions, mergeWithExisting = false) {
-            const targetSource = source === 'claude'
-                ? 'claude'
-                : (source === 'gemini' ? 'gemini' : (source === 'pi' ? 'pi' : (source === 'all' ? 'all' : 'codex')));
+            const targetSource = normalizeSessionSource(source, 'all');
             const current = Array.isArray(this.sessionPathOptionsMap[targetSource])
                 ? this.sessionPathOptionsMap[targetSource]
                 : [];
@@ -135,9 +133,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         refreshSessionPathOptions(source) {
-            const targetSource = source === 'claude'
-                ? 'claude'
-                : (source === 'gemini' ? 'gemini' : (source === 'pi' ? 'pi' : (source === 'all' ? 'all' : 'codex')));
+            const targetSource = normalizeSessionSource(source, 'all');
             const base = Array.isArray(this.sessionPathOptionsMap[targetSource])
                 ? [...this.sessionPathOptionsMap[targetSource]]
                 : [];
@@ -159,9 +155,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         async loadSessionPathOptions(options = {}) {
-            const source = options.source === 'claude'
-                ? 'claude'
-                : (options.source === 'gemini' ? 'gemini' : (options.source === 'pi' ? 'pi' : (options.source === 'all' ? 'all' : 'codex')));
+            const source = normalizeSessionSource(options.source, 'all');
             const forceRefresh = !!options.forceRefresh;
             const loaded = !!this.sessionPathOptionsLoadedMap[source];
             if (!forceRefresh && loaded) {
@@ -454,17 +448,28 @@ export function createSessionBrowserMethods(options = {}) {
             this.loadSessions();
         },
 
-        highlightQueryText(text) {
-            if (typeof text !== 'string' || !text) return text;
-            var tokens = this.queryTokens;
-            if (!tokens || tokens.length === 0) return text;
-            var escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-            for (var i = 0; i < tokens.length; i++) {
-                var token = tokens[i].replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-                var re = new RegExp('(' + token + ')', 'gi');
-                escaped = escaped.replace(re, '<mark>$1</mark>');
+        getSessionPreviewScrollContainer() {
+            return this.sessionPreviewScrollEl || (this.$refs && this.$refs.sessionPreviewScroll) || null;
+        },
+
+        scrollSessionPreviewToTop() {
+            const scrollEl = this.getSessionPreviewScrollContainer();
+            if (!scrollEl) return;
+            if (typeof scrollEl.scrollTo === 'function') {
+                scrollEl.scrollTo({ top: 0, behavior: 'smooth' });
+            } else {
+                scrollEl.scrollTop = 0;
+            }
+        },
+
+        scrollSessionPreviewToBottom() {
+            const scrollEl = this.getSessionPreviewScrollContainer();
+            if (!scrollEl) return;
+            if (typeof scrollEl.scrollTo === 'function') {
+                scrollEl.scrollTo({ top: scrollEl.scrollHeight, behavior: 'smooth' });
+            } else {
+                scrollEl.scrollTop = scrollEl.scrollHeight;
             }
-            return escaped;
         },
 
         async onSessionSourceChange(event) {
@@ -513,9 +518,13 @@ export function createSessionBrowserMethods(options = {}) {
                             ? this.t('sessions.source.gemini')
                             : (this.sessionFilterSource === 'codebuddy'
                                 ? this.t('sessions.source.codebuddy')
-                                : (this.sessionFilterSource === 'pi'
-                                    ? this.t('sessions.source.pi')
-                                    : this.sessionFilterSource))));
+                                : (this.sessionFilterSource === 'workbuddy'
+                                    ? this.t('sessions.source.workbuddy')
+                                    : (this.sessionFilterSource === 'pi'
+                                        ? this.t('sessions.source.pi')
+                                        : (this.sessionFilterSource === 'opencode'
+                                            ? this.t('sessions.source.opencode')
+                                            : this.sessionFilterSource))))));
                 chips.push({ key: 'source', title: this.t('sessions.filters.source'), value: label });
             }
             if (this.sessionPathFilter) {
@@ -567,27 +576,6 @@ export function createSessionBrowserMethods(options = {}) {
             await this.onSessionSourceChange();
         },
 
-        async copySessionsFilterShareUrl() {
-            const url = buildSessionsFilterShareUrl(this);
-            if (!url) {
-                this.showMessage(typeof this.t === 'function' ? this.t('sessions.filters.urlBuildFail') : 'Failed to build link', 'error');
-                return;
-            }
-            try {
-                if (navigator.clipboard && window.isSecureContext) {
-                    await navigator.clipboard.writeText(url);
-                    this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.ok') : 'Copied', 'success');
-                    return;
-                }
-            } catch (_) {}
-            const ok = typeof this.fallbackCopyText === 'function' ? this.fallbackCopyText(url) : false;
-            if (ok) {
-                this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.ok') : 'Copied', 'success');
-                return;
-            }
-            this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.fail') : 'Copy failed', 'error');
-        },
-
         normalizeSessionMessage(message) {
             const fallback = {
                 role: 'assistant',
@@ -934,6 +922,7 @@ export function createSessionBrowserMethods(options = {}) {
                 return;
             }
             this.activeSession = session;
+            this.sessionPreviewScrollAtTop = true;
             emitSessionLoadNativeDialog(this, 'selectSession:activate', `sessionId=${session.sessionId || ''}`);
             if (typeof this.expandVisibleSessionList === 'function') {
                 this.expandVisibleSessionList(0, { ensureActive: true });

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

@@ -262,6 +262,7 @@ export function createSessionTimelineMethods() {
             ) return;
             const scrollEl = this.sessionPreviewScrollEl || this.$refs.sessionPreviewScroll;
             if (!scrollEl) return;
+            this.sessionPreviewScrollAtTop = Number(scrollEl.scrollTop || 0) <= 8;
 
             if (
                 this.canLoadMoreSessionMessages