codexmate 0.0.18 → 0.0.20

package/web-ui/logic.runtime.mjs

@@ -0,0 +1,124 @@
+export function formatLatency(result) {
+    if (!result) return '';
+    if (!result.ok) return result.status ? `ERR ${result.status}` : 'ERR';
+    const ms = (typeof result.durationMs === 'number' && Number.isFinite(result.durationMs))
+        ? result.durationMs
+        : 0;
+    return `${ms}ms`;
+}
+
+export function buildSpeedTestIssue(name, result) {
+    if (!name || !result) return null;
+    if (result.error) {
+        const error = String(result.error || '');
+        const errorLower = error.toLowerCase();
+        if (error === 'Provider not found') {
+            return {
+                code: 'remote-speedtest-provider-missing',
+                message: `提供商 ${name} 未找到，无法测速`,
+                suggestion: '检查配置是否存在该 provider'
+            };
+        }
+        if (error === 'Provider missing URL' || error === 'Missing name or url') {
+            return {
+                code: 'remote-speedtest-baseurl-missing',
+                message: `提供商 ${name} 缺少 base_url`,
+                suggestion: '补全 base_url 后重试'
+            };
+        }
+        if (errorLower.includes('invalid url')) {
+            return {
+                code: 'remote-speedtest-invalid-url',
+                message: `提供商 ${name} 的 base_url 无效`,
+                suggestion: '请设置为 http/https 的完整 URL'
+            };
+        }
+        if (errorLower.includes('timeout')) {
+            return {
+                code: 'remote-speedtest-timeout',
+                message: `提供商 ${name} 远程测速超时`,
+                suggestion: '检查网络或 base_url 是否可达'
+            };
+        }
+        return {
+            code: 'remote-speedtest-unreachable',
+            message: `提供商 ${name} 远程测速失败：${error || '无法连接'}`,
+            suggestion: '检查网络或 base_url 是否可用'
+        };
+    }
+
+    const status = typeof result.status === 'number' ? result.status : 0;
+    if (status === 401 || status === 403) {
+        return {
+            code: 'remote-speedtest-auth-failed',
+            message: `提供商 ${name} 远程测速鉴权失败（401/403）`,
+            suggestion: '检查 API Key 或认证方式'
+        };
+    }
+    if (status >= 400) {
+        return {
+            code: 'remote-speedtest-http-error',
+            message: `提供商 ${name} 远程测速返回异常状态: ${status}`,
+            suggestion: '检查 base_url 或服务状态'
+        };
+    }
+    return null;
+}
+
+export async function runLatestOnlyQueue(initialTarget, options = {}) {
+    const perform = typeof options.perform === 'function'
+        ? options.perform
+        : async () => {};
+    const consumePending = typeof options.consumePending === 'function'
+        ? options.consumePending
+        : () => '';
+    let currentTarget = typeof initialTarget === 'string' ? initialTarget.trim() : '';
+    let lastError = '';
+
+    while (currentTarget) {
+        try {
+            await perform(currentTarget);
+            lastError = '';
+        } catch (e) {
+            lastError = e && e.message ? e.message : 'queue task failed';
+        }
+        const queued = String(consumePending() || '').trim();
+        if (!queued || queued === currentTarget) {
+            break;
+        }
+        currentTarget = queued;
+    }
+
+    return {
+        lastTarget: currentTarget,
+        lastError
+    };
+}
+
+export function shouldForceCompactLayoutMode(options = {}) {
+    const viewportWidth = Number(options.viewportWidth || 0);
+    const screenWidth = Number(options.screenWidth || 0);
+    const screenHeight = Number(options.screenHeight || 0);
+    const shortEdge = Number(options.shortEdge || (screenWidth > 0 && screenHeight > 0 ? Math.min(screenWidth, screenHeight) : 0));
+    const maxTouchPoints = Number(options.maxTouchPoints || 0);
+    const userAgent = typeof options.userAgent === 'string' ? options.userAgent : '';
+    const isMobileUa = typeof options.isMobileUa === 'boolean'
+        ? options.isMobileUa
+        : /(Android|iPhone|iPad|iPod|Mobile)/i.test(userAgent);
+    const coarsePointer = !!options.coarsePointer;
+    const noHover = !!options.noHover;
+    const isSmallPhysicalScreen = shortEdge > 0 && shortEdge <= 920;
+    const isNarrowViewport = viewportWidth > 0 && viewportWidth <= 960;
+    const pointerSuggestsTouchOnly = coarsePointer && noHover;
+
+    if (isMobileUa) {
+        return isNarrowViewport || isSmallPhysicalScreen;
+    }
+    if (!pointerSuggestsTouchOnly) {
+        return false;
+    }
+    if (maxTouchPoints <= 0) {
+        return false;
+    }
+    return isSmallPhysicalScreen;
+}

package/web-ui/logic.sessions.mjs

@@ -0,0 +1,263 @@
+export function isSessionQueryEnabled(source) {
+    const normalized = normalizeSessionSource(source, '');
+    return normalized === 'codex' || normalized === 'claude' || normalized === 'all';
+}
+
+export function normalizeSessionSource(source, fallback = 'all') {
+    const normalized = typeof source === 'string'
+        ? source.trim().toLowerCase()
+        : '';
+    if (normalized === 'codex' || normalized === 'claude' || normalized === 'all') {
+        return normalized;
+    }
+    return fallback;
+}
+
+export function normalizeSessionPathFilter(pathFilter) {
+    return typeof pathFilter === 'string' ? pathFilter.trim() : '';
+}
+
+export function buildSessionFilterCacheState(source, pathFilter) {
+    return {
+        source: normalizeSessionSource(source, 'all'),
+        pathFilter: normalizeSessionPathFilter(pathFilter)
+    };
+}
+
+export function buildSessionListParams(options = {}) {
+    const {
+        source = 'all',
+        pathFilter = '',
+        query = '',
+        roleFilter = 'all',
+        timeRangePreset = 'all',
+        limit = 200
+    } = options;
+    const normalizedSource = normalizeSessionSource(source, 'all');
+    const normalizedPathFilter = normalizeSessionPathFilter(pathFilter);
+    const queryValue = isSessionQueryEnabled(normalizedSource) ? query : '';
+    return {
+        source: normalizedSource,
+        pathFilter: normalizedPathFilter,
+        query: queryValue,
+        queryMode: 'and',
+        queryScope: 'content',
+        contentScanLimit: 50,
+        roleFilter,
+        timeRangePreset,
+        limit,
+        forceRefresh: true
+    };
+}
+
+export function normalizeSessionMessageRole(role) {
+    const value = typeof role === 'string' ? role.trim().toLowerCase() : '';
+    if (value === 'user' || value === 'assistant' || value === 'system') {
+        return value;
+    }
+    return 'assistant';
+}
+
+function toRoleMeta(role) {
+    if (role === 'user') {
+        return { role: 'user', roleLabel: 'User', roleShort: 'U' };
+    }
+    if (role === 'assistant') {
+        return { role: 'assistant', roleLabel: 'Assistant', roleShort: 'A' };
+    }
+    if (role === 'system') {
+        return { role: 'system', roleLabel: 'System', roleShort: 'S' };
+    }
+    return { role: 'mixed', roleLabel: 'Mixed', roleShort: 'M' };
+}
+
+function clampTimelinePercent(percent) {
+    return Math.max(6, Math.min(94, percent));
+}
+
+export function formatSessionTimelineTimestamp(timestamp) {
+    const value = typeof timestamp === 'string' ? timestamp.trim() : '';
+    if (!value) return '';
+
+    const matched = value.match(/^(\d{4})-(\d{2})-(\d{2})[T\s](\d{2}):(\d{2})(?::(\d{2}))?/);
+    if (matched) {
+        const second = matched[6] || '00';
+        return `${matched[2]}-${matched[3]} ${matched[4]}:${matched[5]}:${second}`;
+    }
+
+    return value;
+}
+
+export function buildUsageChartGroups(sessions = [], options = {}) {
+    const list = Array.isArray(sessions) ? sessions : [];
+    const range = typeof options.range === 'string' ? options.range.trim().toLowerCase() : '7d';
+    const now = Number.isFinite(Number(options.now)) ? Number(options.now) : Date.now();
+    const dayMs = 24 * 60 * 60 * 1000;
+    const rangeDays = range === '30d' ? 30 : 7;
+    const buckets = [];
+    for (let i = rangeDays - 1; i >= 0; i -= 1) {
+        const stamp = new Date(now - (i * dayMs));
+        const key = `${stamp.getUTCFullYear()}-${String(stamp.getUTCMonth() + 1).padStart(2, '0')}-${String(stamp.getUTCDate()).padStart(2, '0')}`;
+        buckets.push({
+            key,
+            label: key.slice(5),
+            codex: 0,
+            claude: 0,
+            totalMessages: 0,
+            totalSessions: 0
+        });
+    }
+    const bucketMap = new Map(buckets.map((bucket) => [bucket.key, bucket]));
+    let codexTotal = 0;
+    let claudeTotal = 0;
+    let messageTotal = 0;
+    const pathMap = new Map();
+
+    for (const session of list) {
+        if (!session || typeof session !== 'object') continue;
+        const source = normalizeSessionSource(session.source, '');
+        if (source !== 'codex' && source !== 'claude') continue;
+        const updatedAtMs = Date.parse(session.updatedAt || '');
+        if (!Number.isFinite(updatedAtMs)) continue;
+        const stamp = new Date(updatedAtMs);
+        const key = `${stamp.getUTCFullYear()}-${String(stamp.getUTCMonth() + 1).padStart(2, '0')}-${String(stamp.getUTCDate()).padStart(2, '0')}`;
+        const bucket = bucketMap.get(key);
+        if (!bucket) continue;
+        const messageCount = Number.isFinite(Number(session.messageCount))
+            ? Math.max(0, Math.floor(Number(session.messageCount)))
+            : 0;
+        bucket.totalSessions += 1;
+        bucket.totalMessages += messageCount;
+        if (source === 'codex') {
+            bucket.codex += 1;
+            codexTotal += 1;
+        } else {
+            bucket.claude += 1;
+            claudeTotal += 1;
+        }
+        messageTotal += messageCount;
+        const cwd = normalizeSessionPathFilter(session.cwd);
+        if (cwd) {
+            pathMap.set(cwd, (Number(pathMap.get(cwd)) || 0) + 1);
+        }
+    }
+
+    const totalSessions = codexTotal + claudeTotal;
+    const sourceShare = [
+        { key: 'codex', label: 'Codex', value: codexTotal },
+        { key: 'claude', label: 'Claude', value: claudeTotal }
+    ].map((item) => ({
+        ...item,
+        percent: totalSessions > 0 ? Math.round((item.value / totalSessions) * 100) : 0
+    }));
+
+    const topPaths = [...pathMap.entries()]
+        .sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0], 'zh-Hans-CN'))
+        .slice(0, 5)
+        .map(([pathValue, count]) => ({ path: pathValue, count }));
+
+    const maxSessionBucket = buckets.reduce((max, item) => Math.max(max, item.totalSessions), 0);
+    const maxMessageBucket = buckets.reduce((max, item) => Math.max(max, item.totalMessages), 0);
+
+    return {
+        range,
+        buckets,
+        summary: {
+            totalSessions,
+            totalMessages: messageTotal,
+            codexTotal,
+            claudeTotal,
+            activeDays: buckets.filter((item) => item.totalSessions > 0).length
+        },
+        sourceShare,
+        topPaths,
+        maxSessionBucket,
+        maxMessageBucket
+    };
+}
+
+export function buildSessionTimelineNodes(messages = [], options = {}) {
+    const list = Array.isArray(messages) ? messages : [];
+    const getKey = typeof options.getKey === 'function'
+        ? options.getKey
+        : ((_message, index) => `msg-${index}`);
+    const total = list.length;
+    const rawMaxMarkers = Number(options.maxMarkers);
+    const maxMarkers = Number.isFinite(rawMaxMarkers)
+        ? Math.max(1, Math.min(80, Math.floor(rawMaxMarkers)))
+        : 30;
+
+    const buildSingleNode = (message, index) => {
+        const role = normalizeSessionMessageRole(message && (message.normalizedRole || message.role));
+        const roleMeta = toRoleMeta(role);
+        const key = String(getKey(message, index) || `msg-${index}`);
+        const displayTime = formatSessionTimelineTimestamp(message && message.timestamp ? message.timestamp : '');
+        const title = displayTime
+            ? `#${index + 1} · ${roleMeta.roleLabel} · ${displayTime}`
+            : `#${index + 1} · ${roleMeta.roleLabel}`;
+        const percent = total <= 1 ? 0 : (index / (total - 1)) * 100;
+        return {
+            key,
+            role: roleMeta.role,
+            roleLabel: roleMeta.roleLabel,
+            roleShort: roleMeta.roleShort,
+            displayTime,
+            title,
+            percent,
+            safePercent: clampTimelinePercent(percent)
+        };
+    };
+
+    if (total <= maxMarkers) {
+        return list.map((message, index) => buildSingleNode(message, index));
+    }
+
+    const nodes = [];
+    const bucketWidth = total / maxMarkers;
+    for (let bucket = 0; bucket < maxMarkers; bucket += 1) {
+        let start = Math.floor(bucket * bucketWidth);
+        if (nodes.length && start <= nodes[nodes.length - 1].endIndex) {
+            start = nodes[nodes.length - 1].endIndex + 1;
+        }
+        if (start >= total) {
+            break;
+        }
+        let end = Math.floor((bucket + 1) * bucketWidth) - 1;
+        end = Math.max(start, Math.min(total - 1, end));
+        const targetIndex = Math.min(total - 1, start + Math.floor((end - start) / 2));
+        const targetMessage = list[targetIndex] || null;
+        const key = String(getKey(targetMessage, targetIndex) || `msg-${targetIndex}`);
+        const percent = total <= 1 ? 0 : (targetIndex / (total - 1)) * 100;
+        const messagesInGroup = end - start + 1;
+        const roleSet = new Set();
+        for (let i = start; i <= end; i += 1) {
+            roleSet.add(normalizeSessionMessageRole(list[i] && (list[i].normalizedRole || list[i].role)));
+        }
+        const roleValue = roleSet.size === 1 ? Array.from(roleSet)[0] : 'mixed';
+        const roleMeta = toRoleMeta(roleValue);
+        const firstTime = formatSessionTimelineTimestamp(list[start] && list[start].timestamp ? list[start].timestamp : '');
+        const lastTime = formatSessionTimelineTimestamp(list[end] && list[end].timestamp ? list[end].timestamp : '');
+        let displayTime = '';
+        if (firstTime && lastTime) {
+            displayTime = firstTime === lastTime ? firstTime : `${firstTime} ~ ${lastTime}`;
+        } else {
+            displayTime = firstTime || lastTime;
+        }
+        const titleBase = `#${start + 1}-${end + 1} · ${messagesInGroup} msgs · ${roleMeta.roleLabel}`;
+        const title = displayTime ? `${titleBase} · ${displayTime}` : titleBase;
+        nodes.push({
+            key,
+            role: roleMeta.role,
+            roleLabel: roleMeta.roleLabel,
+            roleShort: roleMeta.roleShort,
+            displayTime,
+            title,
+            percent,
+            safePercent: clampTimelinePercent(percent),
+            startIndex: start,
+            endIndex: end,
+            messageCount: messagesInGroup
+        });
+    }
+    return nodes;
+}

package/web-ui/modules/api.mjs

@@ -0,0 +1,69 @@
+const browserLocation = typeof location !== 'undefined' ? location : null;
+
+export const API_BASE = (browserLocation && browserLocation.origin && browserLocation.origin !== 'null')
+    ? browserLocation.origin
+    : 'http://localhost:3737';
+
+async function postApi(action, params = {}) {
+    return await fetch(`${API_BASE}/api`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ action, params })
+    });
+}
+
+function buildApiResponseContext(action, res, contentType) {
+    return `${action} (${res.status} ${res.statusText}, content-type: ${contentType || 'unknown'})`;
+}
+
+function withPayloadTooLargeErrorCode(res, payload) {
+    if (res.status !== 413 || (payload && typeof payload === 'object' && payload.errorCode)) {
+        return payload;
+    }
+    return { ...payload, errorCode: 'payload-too-large' };
+}
+
+export async function api(action, params = {}) {
+    const res = await postApi(action, params);
+    const contentType = String(res.headers.get('content-type') || '').toLowerCase();
+    if (contentType && !contentType.includes('application/json')) {
+        const body = await res.text();
+        const errorDetails = buildApiResponseContext(action, res, contentType);
+        const bodyDetails = body ? `: ${body}` : '';
+        throw new Error(`Unexpected non-JSON API response for ${errorDetails}${bodyDetails}`);
+    }
+    try {
+        return await res.json();
+    } catch (error) {
+        const errorDetails = buildApiResponseContext(action, res, contentType);
+        throw new Error(`Failed to parse API response for ${errorDetails}: ${error.message}`);
+    }
+}
+
+export async function apiWithMeta(action, params = {}) {
+    const res = await postApi(action, params);
+    const contentType = String(res.headers.get('content-type') || '').toLowerCase();
+    if (contentType.includes('application/json')) {
+        try {
+            const payload = await res.json();
+            if (payload && typeof payload === 'object' && !Array.isArray(payload)) {
+                return { ...withPayloadTooLargeErrorCode(res, payload), ok: res.ok, status: res.status };
+            }
+            return res.status === 413
+                ? { ok: res.ok, status: res.status, data: payload, errorCode: 'payload-too-large' }
+                : { ok: res.ok, status: res.status, data: payload };
+        } catch (error) {
+            if (res.status === 413) {
+                return { ok: false, status: 413, errorCode: 'payload-too-large' };
+            }
+            throw error;
+        }
+    }
+    const error = await res.text();
+    return {
+        ok: res.ok,
+        status: res.status,
+        error,
+        errorCode: res.status === 413 ? 'payload-too-large' : ''
+    };
+}

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

@@ -0,0 +1,113 @@
+export function createDashboardComputed() {
+    return {
+        agentsDiffHasChanges() {
+            if (this.agentsDiffTruncated) {
+                return !!this.agentsDiffHasChangesValue;
+            }
+            const stats = this.agentsDiffStats || {};
+            const added = Number(stats.added || 0);
+            const removed = Number(stats.removed || 0);
+            return added > 0 || removed > 0;
+        },
+        claudeModelHasList() {
+            return this.claudeModelOptions.length > 0;
+        },
+        claudeModelOptions() {
+            const list = Array.isArray(this.claudeModels) ? [...this.claudeModels] : [];
+            const current = (this.currentClaudeModel || '').trim();
+            if (current && !list.includes(current)) {
+                list.unshift(current);
+            }
+            return list;
+        },
+        hasLocalAndProxy() {
+            return false;
+        },
+        displayCurrentProvider() {
+            const switching = String(this.providerSwitchDisplayTarget || '').trim();
+            if (switching) return switching;
+            const current = String(this.currentProvider || '').trim();
+            return current;
+        },
+        displayProvidersList() {
+            const list = Array.isArray(this.providersList) ? this.providersList : [];
+            return list.filter((item) => String(item && item.name ? item.name : '').trim().toLowerCase() !== 'codexmate-proxy');
+        },
+        installTargetCards() {
+            const targets = Array.isArray(this.installStatusTargets) ? this.installStatusTargets : [];
+            const action = this.normalizeInstallAction(this.installCommandAction);
+            return targets.map((target) => {
+                const id = target && typeof target.id === 'string' ? target.id : '';
+                return {
+                    ...target,
+                    command: this.getInstallCommand(id, action)
+                };
+            });
+        },
+        installRegistryPreview() {
+            return this.resolveInstallRegistryUrl(this.installRegistryPreset, this.installRegistryCustom);
+        },
+        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 管理');
+            return tasks.length ? tasks.join(' / ') : '空闲';
+        },
+        inspectorMessageSummary() {
+            const value = typeof this.message === 'string' ? this.message.trim() : '';
+            return value || '暂无提示';
+        },
+        inspectorSessionSourceLabel() {
+            if (this.sessionFilterSource === 'codex') return 'Codex';
+            if (this.sessionFilterSource === 'claude') return 'Claude Code';
+            return '全部';
+        },
+        inspectorSessionPathLabel() {
+            const value = typeof this.sessionPathFilter === 'string' ? this.sessionPathFilter.trim() : '';
+            return value || '全部路径';
+        },
+        inspectorSessionQueryLabel() {
+            if (!this.isSessionQueryEnabled) return '当前来源不支持';
+            const value = typeof this.sessionQuery === 'string' ? this.sessionQuery.trim() : '';
+            return value || '未设置';
+        },
+        inspectorHealthStatus() {
+            if (this.initError) return '读取失败';
+            if (this.loading) return '初始化中';
+            return '正常';
+        },
+        inspectorHealthTone() {
+            if (this.initError) return 'error';
+            if (this.loading) return 'warn';
+            return 'ok';
+        },
+        inspectorModelLoadStatus() {
+            if (this.codexModelsLoading || this.claudeModelsLoading) {
+                return '加载中';
+            }
+            if (this.modelsSource === 'error' || this.claudeModelsSource === 'error') {
+                return '加载异常';
+            }
+            return '正常';
+        },
+        installTroubleshootingTips() {
+            const platform = this.resolveInstallPlatform();
+            if (platform === 'win32') {
+                return [
+                    'PowerShell 报权限不足（EACCES/EPERM）时，请以管理员身份执行安装命令。',
+                    '安装后若仍提示找不到命令，重开终端并执行：where codex / where claude。',
+                    '公司网络受限时，可先切换镜像源快捷项（npmmirror / 腾讯云 / 自定义）。'
+                ];
+            }
+            return [
+                '出现 EACCES 权限错误时，优先修复 Node 全局目录权限，不建议直接 sudo npm。',
+                '安装后若命令未生效，重开终端并执行：which codex / which claude。',
+                '公司网络受限时，可先切换镜像源快捷项（npmmirror / 腾讯云 / 自定义）。'
+            ];
+        }
+    };
+}

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

@@ -0,0 +1,13 @@
+import { createDashboardComputed } from './app.computed.dashboard.mjs';
+import { createSessionComputed } from './app.computed.session.mjs';
+import { createConfigModeComputed } from './config-mode.computed.mjs';
+import { createSkillsComputed } from './skills.computed.mjs';
+
+export function createAppComputed() {
+    return {
+        ...createSessionComputed(),
+        ...createDashboardComputed(),
+        ...createSkillsComputed(),
+        ...createConfigModeComputed()
+    };
+}