codexmate 0.1.24 → 0.1.27

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.navigation.mjs

@@ -110,12 +110,17 @@
         const settingsTab = typeof vm.settingsTab === 'string' ? vm.settingsTab.trim().toLowerCase() : 'general';
         const skillsTargetApp = typeof vm.skillsTargetApp === 'string' && (vm.skillsTargetApp === 'codex' || vm.skillsTargetApp === 'claude' || vm.skillsTargetApp === 'pi') ? vm.skillsTargetApp : 'codex';
         const promptTemplatesMode = typeof vm.promptTemplatesMode === 'string' && (vm.promptTemplatesMode === 'compose' || vm.promptTemplatesMode === 'manage') ? vm.promptTemplatesMode : 'compose';
+        const pluginsActiveIdSource = resolvedOverrides && typeof resolvedOverrides.pluginsActiveId === 'string'
+            ? resolvedOverrides.pluginsActiveId
+            : vm.pluginsActiveId;
+        const pluginsActiveId = typeof pluginsActiveIdSource === 'string' ? pluginsActiveIdSource.trim() : '';
         const snapshot = {
             settingsTab: settingsTab === 'data' ? 'data' : 'general',
             mainTab: resolveSelectableMainTab(mainTab),
             configMode: configModeSet && configModeSet.has(configMode) ? configMode : 'codex',
             skillsTargetApp,
-            promptTemplatesMode
+            promptTemplatesMode,
+            pluginsActiveId: pluginsActiveId || 'prompt-templates'
         };
         if (typeof vm.persistWebUiPreferences === 'function') {
             vm.persistWebUiPreferences({ navigation: snapshot });
@@ -192,6 +197,7 @@
                 intent: '',
                 pendingTarget: '',
                 pendingConfigMode: '',
+                pendingPluginsId: '',
                 ticket: 0
             };
             return this.__mainTabSwitchState;
@@ -242,7 +248,7 @@
             if (!normalizedKind || !normalizedValue) {
                 return;
             }
-            const expectedIntent = normalizedKind === 'config' ? 'config' : normalizedValue;
+            const expectedIntent = normalizedKind === 'config' || normalizedKind === 'plugins' ? normalizedKind : normalizedValue;
             this.cancelTouchNavIntentReset();
             const token = (Number(this.__touchNavIntentResetToken) || 0) + 1;
             this.__touchNavIntentResetToken = token;
@@ -259,21 +265,26 @@
                 this.clearMainTabSwitchIntent(expectedIntent);
             }, 1000);
         },
-        applyImmediateNavIntent(tab, configMode = '') {
+        applyImmediateNavIntent(tab, configMode = '', pluginsId = '') {
             if (typeof document === 'undefined') return;
             const normalizedTab = typeof tab === 'string' ? tab.trim().toLowerCase() : '';
             if (!normalizedTab) return;
             const normalizedMode = typeof configMode === 'string' ? configMode.trim().toLowerCase() : '';
+            const normalizedPluginId = typeof pluginsId === 'string' ? pluginsId.trim().toLowerCase() : '';
             const domState = this.ensureImmediateNavDomState();
             const nodes = Array.isArray(domState.navNodes) ? domState.navNodes : [];
             for (const node of nodes) {
                 if (!node || !node.classList) continue;
                 const nodeTab = String(node.getAttribute('data-main-tab') || '').trim().toLowerCase();
                 const nodeMode = String(node.getAttribute('data-config-mode') || '').trim().toLowerCase();
+                const nodePluginId = String(node.getAttribute('data-plugins-id') || '').trim().toLowerCase();
                 let shouldActivate = nodeTab === normalizedTab;
                 if (shouldActivate && normalizedTab === 'config') {
                     shouldActivate = nodeMode ? nodeMode === normalizedMode : false;
                 }
+                if (shouldActivate && normalizedTab === 'plugins') {
+                    shouldActivate = nodePluginId ? nodePluginId === normalizedPluginId : !normalizedPluginId;
+                }
                 node.classList.toggle('nav-intent-active', !!shouldActivate);
                 node.classList.toggle('nav-intent-inactive', !shouldActivate);
             }
@@ -395,6 +406,67 @@
             if (this.consumePointerNavCommit('config', normalizedMode)) return;
             this.switchConfigMode(normalizedMode);
         },
+
+        switchPluginsTab(pluginId) {
+            const normalizedId = typeof pluginId === 'string' ? pluginId.trim().toLowerCase() : '';
+            if (!normalizedId) return;
+            if (typeof this.selectPlugin === 'function') {
+                this.selectPlugin(normalizedId);
+            } else {
+                this.pluginsActiveId = normalizedId;
+            }
+            this.switchMainTab('plugins');
+        },
+
+        onPluginsTabPointerDown(pluginId) {
+            const event = arguments.length > 1 ? arguments[1] : null;
+            if (event && typeof event.button === 'number' && event.button !== 0) {
+                return;
+            }
+            const normalizedId = typeof pluginId === 'string' ? pluginId.trim().toLowerCase() : '';
+            if (!normalizedId) return;
+            persistNavState(this, { mainTab: 'plugins', pluginsActiveId: normalizedId });
+            this.setMainTabSwitchIntent('plugins');
+            if (typeof this.ensureMainTabSwitchState === 'function') {
+                this.ensureMainTabSwitchState().pendingPluginsId = normalizedId;
+            }
+            this.applyImmediateNavIntent('plugins', '', normalizedId);
+            const shouldHideSessionPanel = this.mainTab === 'sessions';
+            this.setSessionPanelFastHidden(shouldHideSessionPanel);
+            const pointerType = event && typeof event.pointerType === 'string'
+                ? event.pointerType.trim().toLowerCase()
+                : '';
+            if (pointerType === 'touch') {
+                this.scheduleTouchNavIntentReset('plugins', normalizedId);
+                return;
+            }
+            this.recordPointerNavCommit('plugins', normalizedId);
+            this.switchPluginsTab(normalizedId);
+        },
+
+        onPluginsTabClick(pluginId) {
+            const normalizedId = typeof pluginId === 'string' ? pluginId.trim().toLowerCase() : '';
+            if (!normalizedId) return;
+            if (this.consumePointerNavCommit('plugins', normalizedId)) return;
+            this.switchPluginsTab(normalizedId);
+        },
+
+        isPluginsIdNavActive(pluginId) {
+            const normalizedId = typeof pluginId === 'string' ? pluginId.trim().toLowerCase() : '';
+            if (!normalizedId) return false;
+            if (!this.isMainTabNavActive('plugins')) return false;
+            const state = this.ensureMainTabSwitchState();
+            const pendingId = typeof state.pendingPluginsId === 'string'
+                ? state.pendingPluginsId.trim().toLowerCase()
+                : '';
+            if (state.intent === 'plugins' && pendingId) {
+                return pendingId === normalizedId;
+            }
+            const currentId = typeof this.pluginsActiveId === 'string'
+                ? this.pluginsActiveId.trim().toLowerCase()
+                : '';
+            return currentId === normalizedId;
+        },
         clearMainTabSwitchIntent(expectedTab = '') {
             const state = this.ensureMainTabSwitchState();
             if (expectedTab && state.intent && state.intent !== expectedTab) {
@@ -404,6 +476,7 @@
             state.intent = '';
             state.pendingTarget = '';
             state.pendingConfigMode = '';
+            state.pendingPluginsId = '';
             this.clearImmediateNavIntent();
             this.setSessionPanelFastHidden(false);
         },
@@ -463,6 +536,9 @@
             if (targetTab !== 'config') {
                 switchState.pendingConfigMode = '';
             }
+            if (targetTab !== 'plugins') {
+                switchState.pendingPluginsId = '';
+            }
             if (targetTab === previousTab) {
                 switchState.ticket += 1;
                 switchState.pendingTarget = '';

package/web-ui/modules/app.methods.prompts-editor.mjs

@@ -1,25 +1,20 @@
 /**
- * Prompts-panel Markdown editor methods: overlay highlight sync,
- * mobile view switching, and the live split preview (marked + DOMPurify,
- * debounced). One implementation is shared by the agentsContent editor
- * and the sysPromptContent editor.
+ * Prompts-panel Markdown editor methods: mobile view switching and the
+ * live split preview (marked + DOMPurify, debounced). One implementation
+ * is shared by the agentsContent editor and the sysPromptContent editor.
  *
  * State contract (declared in app.js data()):
  *   promptsPreviewEnabled, promptsPreviewCollapsed, promptsMobileView,
- *   promptsPreviewLibsMissing, agentsHighlightHtml, sysPromptHighlightHtml,
- *   agentsPreviewHtml, sysPromptPreviewHtml, agentsChangeAxis, sysChangeAxis,
+ *   promptsPreviewLibsMissing, agentsPreviewHtml, sysPromptPreviewHtml,
+ *   agentsChangeAxis, sysChangeAxis,
  *   promptsPathReferencePaths, promptsPathReferenceLoading,
  *   promptsPathReferenceCacheKey (path-reference dropdown)
  * Template contract:
  *   refs promptsAgentsTextarea / promptsSysTextarea on the two textareas,
- *   refs promptsAgentsHighlight / promptsSysHighlight on the backdrop <pre>,
  *   refs promptsAgentsDiffView / promptsSysDiffView on the two diff row containers.
  */
 
-import {
-    buildMarkdownPreviewHtml,
-    highlightMarkdownText
-} from '../logic.markdown-editor.mjs';
+import { buildMarkdownPreviewHtml } from '../logic.markdown-editor.mjs';
 import {
     buildPromptPathReferenceOptions as buildPromptPathReferenceOptionList,
     buildPromptPathReferenceSentence,
@@ -29,7 +24,6 @@ import {
     buildPromptsDiffAxis
 } from '../logic.prompts-change-axis.mjs';
 
-const PROMPTS_HIGHLIGHT_DEBOUNCE_MS = 150;
 const PROMPTS_PREVIEW_DEBOUNCE_MS = 300;
 const PROMPTS_AXIS_DEBOUNCE_MS = 300;
 
@@ -37,7 +31,6 @@ const PROMPTS_EDITOR_META = {
     agents: {
         contentField: 'agentsContent',
         originalField: 'agentsOriginalContent',
-        highlightField: 'agentsHighlightHtml',
         previewField: 'agentsPreviewHtml',
         axisField: 'agentsChangeAxis',
         diffLinesField: 'agentsDiffLines',
@@ -48,13 +41,11 @@ const PROMPTS_EDITOR_META = {
         diffLoadingField: 'agentsDiffLoading',
         prepareDiffMethod: 'prepareAgentsDiff',
         textareaRef: 'promptsAgentsTextarea',
-        highlightRef: 'promptsAgentsHighlight',
         diffViewRef: 'promptsAgentsDiffView'
     },
     sys: {
         contentField: 'sysPromptContent',
         originalField: 'sysPromptOriginalContent',
-        highlightField: 'sysPromptHighlightHtml',
         previewField: 'sysPromptPreviewHtml',
         axisField: 'sysChangeAxis',
         diffLinesField: 'sysPromptDiffLines',
@@ -65,7 +56,6 @@ const PROMPTS_EDITOR_META = {
         diffLoadingField: 'sysPromptDiffLoading',
         prepareDiffMethod: 'prepareSysPromptDiff',
         textareaRef: 'promptsSysTextarea',
-        highlightRef: 'promptsSysHighlight',
         diffViewRef: 'promptsSysDiffView'
     }
 };
@@ -74,13 +64,6 @@ function emptyPromptsChangeAxis() {
     return { mode: 'edit', ticks: [], truncated: false, totalLines: 0, added: 0, removed: 0 };
 }
 
-function resolvePromptsHljs() {
-    if (typeof window !== 'undefined' && window.hljs) {
-        return window.hljs;
-    }
-    return null;
-}
-
 function resolvePromptsPreviewLibs() {
     if (typeof window === 'undefined') {
         return { marked: null, purify: null };
@@ -97,46 +80,6 @@ export function createPromptsEditorMethods(options = {}) {
         },
 
 
-        refreshPromptsHighlight(key) {
-            const meta = this.promptsEditorMeta(key);
-            if (!meta) {
-                return;
-            }
-            this[meta.highlightField] = highlightMarkdownText(this[meta.contentField], resolvePromptsHljs());
-            this.syncPromptsOverlayScroll(key);
-        },
-
-        schedulePromptsHighlight(key) {
-            const meta = this.promptsEditorMeta(key);
-            if (!meta) {
-                return;
-            }
-            if (!this._promptsHighlightTimers) {
-                this._promptsHighlightTimers = {};
-            }
-            if (this._promptsHighlightTimers[key]) {
-                clearTimeout(this._promptsHighlightTimers[key]);
-            }
-            this._promptsHighlightTimers[key] = setTimeout(() => {
-                this._promptsHighlightTimers[key] = null;
-                this.refreshPromptsHighlight(key);
-            }, PROMPTS_HIGHLIGHT_DEBOUNCE_MS);
-        },
-
-        syncPromptsOverlayScroll(key) {
-            const meta = this.promptsEditorMeta(key);
-            if (!meta || typeof this.$refs !== 'object' || !this.$refs) {
-                return;
-            }
-            const textarea = this.$refs[meta.textareaRef];
-            const backdrop = this.$refs[meta.highlightRef];
-            if (!textarea || !backdrop) {
-                return;
-            }
-            backdrop.scrollTop = textarea.scrollTop;
-            backdrop.scrollLeft = textarea.scrollLeft;
-        },
-
         refreshPromptsPreview(key) {
             const meta = this.promptsEditorMeta(key);
             if (!meta) {
@@ -174,7 +117,6 @@ export function createPromptsEditorMethods(options = {}) {
         },
 
         schedulePromptsEditorRefresh(key) {
-            this.schedulePromptsHighlight(key);
             this.schedulePromptsPreview(key);
             this.schedulePromptsChangeAxis(key);
         },

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