@h5l0/codelens 0.1.0

package/dist/core/loc.js

@@ -0,0 +1,107 @@
+// ---------------------------------------------------------------------------
+// 行数统计
+// 遍历仓库内应当统计的文件，逐个数行并按分类归档，产出树形图数据。
+// 读文件用有限的并发；单个文件读失败只跳过它，不拖垮整次统计。
+// ---------------------------------------------------------------------------
+import { readFile } from 'node:fs/promises';
+import { extname, join } from 'node:path';
+import { firstMatch } from './glob.js';
+import { listFiles } from './scan.js';
+import { repoName } from './util.js';
+/** 二进制与资源文件后缀，直接跳过。 */
+const BINARY_EXT = new Set([
+    '.png', '.jpg', '.jpeg', '.gif', '.webp', '.bmp', '.ico', '.icns', '.svg',
+    '.pdf', '.zip', '.tar', '.gz', '.tgz', '.bz2', '.7z', '.rar', '.xz', '.zst',
+    '.wasm', '.node', '.so', '.dll', '.exe', '.dylib', '.a', '.o', '.obj',
+    '.class', '.jar', '.pyc', '.pyo',
+    '.woff', '.woff2', '.ttf', '.otf', '.eot',
+    '.mp3', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.wav', '.ogg', '.flac',
+    '.db', '.db-shm', '.db-wal', '.sqlite', '.sqlite3', '.bak',
+    '.xls', '.xlsx', '.doc', '.docx', '.ppt', '.pptx', '.ods',
+]);
+/** 单文件上限，超过视为数据快照而非代码。 */
+const MAX_BYTES = 3 * 1024 * 1024;
+/** 同时打开的文件数，再高也超不过 node 的文件线程池。 */
+const CONCURRENCY = 8;
+async function countFile(root, file, categories, skipped) {
+    const { path, size } = file;
+    if (BINARY_EXT.has(extname(path).toLowerCase())) {
+        skipped.binary += 1;
+        return undefined;
+    }
+    if (size > MAX_BYTES) {
+        skipped.large += 1;
+        return undefined;
+    }
+    let content;
+    try {
+        content = await readFile(join(root, path), 'utf8');
+    }
+    catch {
+        // 权限不足、被别的进程占用、读到一半被删：跳过这个文件就行
+        skipped.unreadable += 1;
+        return undefined;
+    }
+    if (content.includes('\0')) {
+        skipped.binary += 1;
+        return undefined;
+    }
+    const lines = content.split('\n');
+    if (lines[lines.length - 1] === '') {
+        lines.pop();
+    }
+    if (lines.length === 0) {
+        return undefined;
+    }
+    let nonBlank = 0;
+    for (const line of lines) {
+        if (line.trim() !== '') {
+            nonBlank += 1;
+        }
+    }
+    return { path, lines: lines.length, nonBlank, cat: firstMatch(path, categories, categories[0]?.id ?? 'app') ?? 'app' };
+}
+export async function buildLoc(root, profile, opts) {
+    const scan = listFiles({ root, ignore: profile.ignore, useGitignore: opts.useGitignore });
+    const skipped = { binary: 0, large: 0, unreadable: 0 };
+    const counted = new Array(scan.entries.length).fill(undefined);
+    let next = 0;
+    const worker = async () => {
+        for (;;) {
+            const index = next;
+            next += 1;
+            const entry = scan.entries[index];
+            if (!entry) {
+                return;
+            }
+            counted[index] = await countFile(root, entry, profile.categories, skipped);
+        }
+    };
+    await Promise.all(Array.from({ length: Math.min(CONCURRENCY, scan.entries.length) }, worker));
+    const files = counted.filter((file) => file !== undefined);
+    const sum = (pick) => files.reduce((acc, f) => acc + pick(f), 0);
+    return {
+        data: {
+            generatedAt: new Date().toISOString(),
+            root: repoName(root),
+            profile: profile.name,
+            categories: profile.categories.map(({ id, label, labelKey, hue, sat, defaultOn }) => ({ id, label, labelKey, hue, sat, defaultOn })),
+            totals: { files: files.length, lines: sum((f) => f.lines), nonBlank: sum((f) => f.nonBlank) },
+            skipped,
+            files,
+        },
+        scan,
+    };
+}
+/** 统计失败时的空清单，让日历视图仍可打开。 */
+export function emptyLoc(root, profile) {
+    return {
+        generatedAt: new Date().toISOString(),
+        root: repoName(root),
+        profile: profile.name,
+        categories: profile.categories.map(({ id, label, labelKey, hue, sat, defaultOn }) => ({ id, label, labelKey, hue, sat, defaultOn })),
+        totals: { files: 0, lines: 0, nonBlank: 0 },
+        skipped: { binary: 0, large: 0, unreadable: 0 },
+        files: [],
+    };
+}

package/dist/core/profile.js

@@ -0,0 +1,363 @@
+// ---------------------------------------------------------------------------
+// 配置档
+// --profile 选择一份配置：内置的 all（不区分）与 web（常见前后端目录），
+// 或在 codelens.config.json（也可用 --profile 直接指向 json 文件）里自定义，
+// 用 groups 划分前后端等分组，用 categories 划分模块与文件类别。
+// 内置项的 label 是英文，labelKey 供页面按语言覆盖；用户配置的 label 原样使用。
+// ---------------------------------------------------------------------------
+import { readFileSync, statSync } from 'node:fs';
+import { join, resolve } from 'node:path';
+// ---------------------------------------------------------------------------
+// 默认分类
+// 未配置 categories 时按这套规则划分，顺序即优先级，最后一项是兜底类。
+// ---------------------------------------------------------------------------
+export const DEFAULT_CATEGORIES = [
+    {
+        id: 'test',
+        label: 'Tests',
+        labelKey: 'category.test',
+        hue: 152,
+        sat: 46,
+        match: [
+            '**/*.{test,spec}.{ts,tsx,js,jsx,mts,cts,mjs,cjs}',
+            '**/{test,spec}.{ts,tsx,js,jsx,mts,cts,mjs,cjs}',
+            '**/__tests__/**',
+            '**/tests/**',
+        ],
+    },
+    {
+        id: 'generated',
+        label: 'Generated',
+        labelKey: 'category.generated',
+        hue: 220,
+        sat: 8,
+        defaultOn: false,
+        match: [
+            'src/generated/**',
+            '**/*.min.js',
+            '**/*.map',
+            '**/*lock.json',
+            '**/*lock.yaml',
+            '**/*.lock',
+            '**/*.schema.json',
+            '**/.dep-baseline.json',
+        ],
+    },
+    { id: 'script', label: 'Scripts', labelKey: 'category.script', hue: 32, sat: 62, match: ['scripts/**'] },
+    {
+        id: 'doc',
+        label: 'Docs',
+        labelKey: 'category.doc',
+        hue: 268,
+        sat: 46,
+        defaultOn: false,
+        match: ['**/*.{md,mdx,txt,rst}', 'doc/**', 'docs/**'],
+    },
+    {
+        id: 'config',
+        label: 'Config',
+        labelKey: 'category.config',
+        hue: 332,
+        sat: 52,
+        defaultOn: false,
+        match: [
+            '**/package.json',
+            '**/tsconfig*.json',
+            '**/.env*',
+            '**/env.example',
+            '**/{Dockerfile,dockerfile}*',
+            '**/{docker-compose,Docker-Compose}*.{yml,yaml}',
+            '**/.{editorconfig,gitignore,gitattributes,dockerignore,npmrc,nvmrc}',
+            '**/*.{yml,yaml,toml,prisma,jsonc}',
+            '**/*.config.{ts,tsx,js,jsx,mts,cts,mjs,cjs}',
+            '**/*.config.json',
+            'data/config/**',
+            '.github/**',
+        ],
+    },
+    { id: 'app', label: 'Application code', labelKey: 'category.app', hue: 214, sat: 58 },
+];
+// ---------------------------------------------------------------------------
+// 内置配置档
+// ---------------------------------------------------------------------------
+/** 未配置的兜底档：不做任何分组，整个仓库一起统计。 */
+const PROFILE_ALL = { label: 'All', labelKey: 'profile.all' };
+/** 常见前后端目录布局：前端目录归前端，其余归后端。 */
+const PROFILE_WEB = {
+    label: 'Frontend / backend',
+    labelKey: 'profile.web',
+    groups: [
+        {
+            id: 'frontend',
+            label: 'Frontend',
+            labelKey: 'profile.frontend',
+            hue: 268,
+            sat: 46,
+            match: [
+                'frontend/**',
+                'web/**',
+                'client/**',
+                'ui/**',
+                'apps/web/**',
+                'packages/ui/**',
+                '**/*.{html,css,scss,less,vue,svelte}',
+            ],
+        },
+        { id: 'backend', label: 'Backend', labelKey: 'profile.backend', hue: 214, sat: 58, match: ['**'] },
+    ],
+};
+const BUILTIN_PROFILES = { all: PROFILE_ALL, web: PROFILE_WEB };
+/** 保留 id：all 是聚合键，其余几个会撞上对象的原型属性。 */
+const RESERVED_IDS = new Set(['all', '__proto__', 'prototype', 'constructor']);
+const hasOwn = (obj, key) => Object.hasOwn(obj, key);
+function fail(where, message) {
+    throw new Error(`config ${where}: ${message}`);
+}
+function asObject(value, where) {
+    if (typeof value !== 'object' || value === null || Array.isArray(value)) {
+        fail(where, 'must be an object');
+    }
+    return value;
+}
+function asString(value, where) {
+    if (typeof value !== 'string' || value === '') {
+        fail(where, 'must be a non-empty string');
+    }
+    return value;
+}
+function asStringArray(value, where) {
+    if (!Array.isArray(value) || value.some((item) => typeof item !== 'string' || item === '')) {
+        fail(where, 'must be an array of strings');
+    }
+    return value;
+}
+function asHue(value, where, fallback) {
+    if (value === undefined) {
+        return fallback;
+    }
+    if (typeof value !== 'number' || !Number.isFinite(value) || value < 0 || value > 360) {
+        fail(where, 'must be a number between 0 and 360');
+    }
+    return value;
+}
+function asPercent(value, where, fallback) {
+    if (value === undefined) {
+        return fallback;
+    }
+    if (typeof value !== 'number' || !Number.isFinite(value) || value < 0 || value > 100) {
+        fail(where, 'must be a number between 0 and 100');
+    }
+    return value;
+}
+function parseGroups(value, where) {
+    if (value === undefined) {
+        return [];
+    }
+    if (!Array.isArray(value)) {
+        fail(where, 'must be an array');
+    }
+    return value.map((item, i) => {
+        const at = `${where}[${i}]`;
+        const obj = asObject(item, at);
+        return {
+            id: asString(obj.id, `${at}.id`),
+            label: asString(obj.label, `${at}.label`),
+            hue: asHue(obj.hue, `${at}.hue`, 214),
+            sat: asPercent(obj.sat, `${at}.sat`, 50),
+            match: asStringArray(obj.match, `${at}.match`),
+        };
+    });
+}
+function parseCategories(value, where) {
+    if (value === undefined) {
+        return DEFAULT_CATEGORIES;
+    }
+    if (!Array.isArray(value) || value.length === 0) {
+        fail(where, 'must be a non-empty array');
+    }
+    return value.map((item, i) => {
+        const at = `${where}[${i}]`;
+        const obj = asObject(item, at);
+        const category = {
+            id: asString(obj.id, `${at}.id`),
+            label: asString(obj.label, `${at}.label`),
+            hue: asHue(obj.hue, `${at}.hue`, 214),
+            sat: asPercent(obj.sat, `${at}.sat`, 50),
+        };
+        if (obj.match !== undefined) {
+            category.match = asStringArray(obj.match, `${at}.match`);
+        }
+        if (obj.defaultOn !== undefined) {
+            if (typeof obj.defaultOn !== 'boolean') {
+                fail(`${at}.defaultOn`, 'must be a boolean');
+            }
+            category.defaultOn = obj.defaultOn;
+        }
+        return category;
+    });
+}
+function parseEntry(value, where) {
+    const obj = asObject(value, where);
+    const entry = {
+        groups: parseGroups(obj.groups, `${where}.groups`),
+        categories: parseCategories(obj.categories, `${where}.categories`),
+        ignore: obj.ignore === undefined ? [] : asStringArray(obj.ignore, `${where}.ignore`),
+    };
+    if (obj.label !== undefined) {
+        entry.label = asString(obj.label, `${where}.label`);
+    }
+    return entry;
+}
+function readJson(path) {
+    let text;
+    try {
+        text = readFileSync(path, 'utf8');
+    }
+    catch (err) {
+        throw new Error(`failed to read config file ${path}: ${err instanceof Error ? err.message : String(err)}`);
+    }
+    try {
+        // 配置里允许写注释与尾随逗号，README 的示例就是这么给的
+        return JSON.parse(stripJsonc(text));
+    }
+    catch (err) {
+        throw new Error(`failed to parse config file ${path}: ${err instanceof Error ? err.message : String(err)}`);
+    }
+}
+/**
+ * 去掉 jsonc 的注释与尾随逗号：字符串、注释、逗号在同一趟里处理，
+ * 字符串里的 `//`、`/*` 与拖尾的 `,` 都原样保留。
+ */
+function stripJsonc(text) {
+    let out = '';
+    let i = 0;
+    while (i < text.length) {
+        const ch = text[i];
+        if (ch === '"') {
+            out += ch;
+            i += 1;
+            while (i < text.length) {
+                const inner = text[i];
+                out += inner;
+                i += 1;
+                if (inner === '\\') {
+                    out += text[i] ?? '';
+                    i += 1;
+                }
+                else if (inner === '"') {
+                    break;
+                }
+            }
+            continue;
+        }
+        if (ch === '/' && text[i + 1] === '/') {
+            while (i < text.length && text[i] !== '\n') {
+                i += 1;
+            }
+            continue;
+        }
+        if (ch === '/' && text[i + 1] === '*') {
+            i += 2;
+            while (i < text.length && !(text[i] === '*' && text[i + 1] === '/')) {
+                i += 1;
+            }
+            i += 2;
+            continue;
+        }
+        if (ch === ',') {
+            let j = i + 1;
+            while (j < text.length && /\s/.test(text[j])) {
+                j += 1;
+            }
+            if (text[j] === '}' || text[j] === ']') {
+                i += 1;
+                continue;
+            }
+        }
+        out += ch;
+        i += 1;
+    }
+    return out;
+}
+/**
+ * 按名字解析配置档：
+ * 1. 名字指向 json 文件时直接当档用；
+ * 2. 否则先找配置文件里的 profiles[名字]，再找内置档。
+ */
+export function loadProfile(opts) {
+    const { root, name } = opts;
+    const configPath = opts.configPath
+        ? resolve(root, opts.configPath)
+        : join(root, 'codelens.config.json');
+    let entry;
+    let usedConfig;
+    if (isProfileFile(name)) {
+        const file = resolve(root, name);
+        entry = parseEntry(readJson(file), file);
+        usedConfig = file;
+    }
+    else if (opts.configPath || exists(configPath)) {
+        const file = asObject(readJson(configPath), configPath);
+        const profiles = file.profiles === undefined ? {} : asObject(file.profiles, `profiles of ${configPath}`);
+        if (hasOwn(profiles, name)) {
+            entry = parseEntry(profiles[name], `profiles.${name} of ${configPath}`);
+            usedConfig = configPath;
+        }
+        else if (hasOwn(BUILTIN_PROFILES, name)) {
+            // 配置里没有这一档就回退内置档：仓库里放了一份自定义配置，
+            // 不该让默认的 `codelens` / `--profile web` 直接跑不起来
+            entry = BUILTIN_PROFILES[name];
+        }
+        else {
+            fail(configPath, `has no profile named ${name}; available: ${names(profiles, BUILTIN_PROFILES)}`);
+        }
+    }
+    else if (hasOwn(BUILTIN_PROFILES, name)) {
+        entry = BUILTIN_PROFILES[name];
+    }
+    else {
+        throw new Error(`no profile named ${name}; available: ${names(undefined, BUILTIN_PROFILES)}`);
+    }
+    const groups = entry.groups ?? [];
+    const ids = new Set();
+    for (const group of groups) {
+        if (ids.has(group.id)) {
+            fail(`groups of ${usedConfig ?? name}`, `contain a duplicate id: ${group.id}`);
+        }
+        if (RESERVED_IDS.has(group.id)) {
+            fail(`groups of ${usedConfig ?? name}`, `must not use the reserved id: ${group.id}`);
+        }
+        ids.add(group.id);
+    }
+    for (const category of entry.categories ?? []) {
+        if (RESERVED_IDS.has(category.id)) {
+            fail(`categories of ${usedConfig ?? name}`, `must not use the reserved id: ${category.id}`);
+        }
+    }
+    return {
+        name,
+        label: entry.label ?? (groups.length > 0 ? groups.map((group) => group.label).join(' / ') : 'All'),
+        groups,
+        categories: entry.categories ?? DEFAULT_CATEGORIES,
+        ignore: [...(entry.ignore ?? []), ...opts.exclude],
+        configPath: usedConfig,
+    };
+}
+function names(profiles, builtin) {
+    return [...Object.keys(profiles ?? {}), ...Object.keys(builtin)].join(', ');
+}
+function isProfileFile(name) {
+    return name.endsWith('.json') || name.includes('/') || name.includes('\\');
+}
+function exists(path) {
+    try {
+        return statSync(path).isFile();
+    }
+    catch {
+        return false;
+    }
+}
+/** 供帮助信息使用：列出内置配置档。 */
+export function builtinProfileNames() {
+    return Object.keys(BUILTIN_PROFILES);
+}

package/dist/core/scan.js

@@ -0,0 +1,125 @@
+// ---------------------------------------------------------------------------
+// 文件枚举
+// 优先用 git 的索引加未跟踪文件列表，天然遵守 .gitignore（含全局与 .git/info/exclude）；
+// git 缺失或目录不是仓库时退回递归遍历，用同一套 gitignore 语义自行过滤。
+// 枚举时顺手取回文件大小，行数统计不必再 stat 一遍。
+// ---------------------------------------------------------------------------
+import { execFileSync } from 'node:child_process';
+import { readdirSync, statSync } from 'node:fs';
+import { join } from 'node:path';
+import { createGlob } from './glob.js';
+import { isIgnored, loadIgnoreFile } from './gitignore.js';
+/** git 调用统一关掉可能执行外部程序的配置，扫描不受信任的目录时更安全。 */
+export const GIT_SAFE_CONFIG = ['-c', 'core.fsmonitor=false', '-c', 'log.showSignature=false'];
+/** 依赖、构建产物与虚拟环境目录，任何模式下都跳过。 */
+const SKIP_DIRS = new Set([
+    '.git', '.hg', '.svn',
+    'node_modules', 'bower_components', 'jspm_packages',
+    'dist', 'build', 'out', 'coverage', 'vendor', 'target',
+    '__pycache__', '.venv', 'venv', '.tox', '.pytest_cache', '.mypy_cache', '.ruff_cache',
+    '.next', '.nuxt', '.svelte-kit', '.angular', '.turbo', '.parcel-cache', '.vite', '.vitest',
+    '.cache', '.gradle', '.m2', '.cargo', '.terraform', '.dart_tool', '.stack-work',
+    '.idea', '.vscode', 'tmp', 'temp',
+]);
+/**
+ * 生成「这个路径要统计吗」的判定。除文件名外的任一段命中 SKIP_DIRS 就跳过
+ * （目录名与文件同名的情形按文件保留），命中忽略 glob 的目录连同内容一起跳过：
+ * `--exclude mydata` 与 `--exclude mydata/` 都能排除 mydata 下的全部文件。
+ */
+export function createPathFilter(ignore) {
+    if (ignore.length === 0) {
+        return (path) => !path.split('/').slice(0, -1).some((seg) => SKIP_DIRS.has(seg));
+    }
+    const matchers = ignore.map((pattern) => createGlob(pattern));
+    const dirCache = new Map();
+    const ignoredDir = (dir) => {
+        const hit = dirCache.get(dir);
+        if (hit !== undefined) {
+            return hit;
+        }
+        const value = matchers.some((matcher) => matcher(dir));
+        dirCache.set(dir, value);
+        return value;
+    };
+    return (path) => {
+        const parts = path.split('/');
+        const dirs = parts.slice(0, -1);
+        if (dirs.some((seg) => SKIP_DIRS.has(seg))) {
+            return false;
+        }
+        let prefix = '';
+        for (const dir of dirs) {
+            prefix = prefix ? `${prefix}/${dir}` : dir;
+            if (ignoredDir(prefix)) {
+                return false;
+            }
+        }
+        return !matchers.some((matcher) => matcher(path));
+    };
+}
+function listViaGit(root) {
+    try {
+        const out = execFileSync('git', ['-C', root, ...GIT_SAFE_CONFIG, 'ls-files', '-z', '--cached', '--others', '--exclude-standard'], { maxBuffer: 256 * 1024 * 1024, stdio: ['ignore', 'pipe', 'ignore'] });
+        return out.toString('utf8').split('\0').filter(Boolean);
+    }
+    catch {
+        // 不是仓库或 git 不可用时退回遍历
+        return undefined;
+    }
+}
+function walk(root, opts) {
+    const files = [];
+    const visit = (dir, relDir, rules) => {
+        const scoped = opts.useGitignore ? [...rules, ...loadIgnoreFile(dir, relDir)] : rules;
+        for (const ent of readdirSync(dir, { withFileTypes: true })) {
+            if (ent.isSymbolicLink() || (!ent.isDirectory() && !ent.isFile())) {
+                continue;
+            }
+            const rel = relDir ? `${relDir}/${ent.name}` : ent.name;
+            if (ent.isDirectory()) {
+                if (SKIP_DIRS.has(ent.name)) {
+                    continue;
+                }
+                if (opts.useGitignore && isIgnored(rel, true, scoped)) {
+                    continue;
+                }
+                visit(join(dir, ent.name), rel, scoped);
+                continue;
+            }
+            if (opts.useGitignore && isIgnored(rel, false, scoped)) {
+                continue;
+            }
+            const stat = statSync(join(dir, ent.name), { throwIfNoEntry: false });
+            if (stat?.isFile()) {
+                files.push({ path: rel, size: stat.size });
+            }
+        }
+    };
+    visit(root, '', []);
+    return files;
+}
+/** 列出仓库内应当统计的文件。 */
+export function listFiles(opts) {
+    const keep = createPathFilter(opts.ignore);
+    if (opts.useGitignore) {
+        const viaGit = listViaGit(opts.root);
+        if (viaGit) {
+            const entries = [];
+            for (const path of viaGit) {
+                if (!keep(path)) {
+                    continue;
+                }
+                // 索引里可能残留磁盘上已删除的文件
+                const stat = statSync(join(opts.root, path), { throwIfNoEntry: false });
+                if (stat?.isFile()) {
+                    entries.push({ path, size: stat.size });
+                }
+            }
+            entries.sort((a, b) => (a.path < b.path ? -1 : a.path > b.path ? 1 : 0));
+            return { entries, mode: 'git' };
+        }
+    }
+    const entries = walk(opts.root, opts).filter((entry) => keep(entry.path));
+    entries.sort((a, b) => (a.path < b.path ? -1 : a.path > b.path ? 1 : 0));
+    return { entries, mode: 'walk' };
+}

package/dist/core/types.js

@@ -0,0 +1,5 @@
+// ---------------------------------------------------------------------------
+// 核心数据类型
+// CLI 生成数据、浏览器读取数据，两侧共用同一份定义。
+// ---------------------------------------------------------------------------
+export {};

package/dist/core/util.js

@@ -0,0 +1,8 @@
+// ---------------------------------------------------------------------------
+// 通用工具
+// ---------------------------------------------------------------------------
+/** 取仓库目录名，用作看板标题。 */
+export function repoName(root) {
+    const parts = root.split(/[\\/]/).filter(Boolean);
+    return parts[parts.length - 1] ?? root;
+}

package/dist/web/assets/index-B4yfgYFQ.css

@@ -0,0 +1 @@
+:root{--cw: 36px;--ch: 26px;--gap: 4px;--ink: #1a1f27;--sub: #5b6470;--muted: #676f7b;--line: #e8ecf0;--cell-bg: #edf0f3;--green: #2b8f4f;--red: #d4513f;--accent: #2f63c8;--track: #848e9a}*{box-sizing:border-box}body{font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;margin:0;color:var(--ink);background:#f7f8fa;-webkit-font-smoothing:antialiased}header{position:sticky;top:0;z-index:20;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{max-width:980px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}h1{font-size:18px;margin:0;font-weight:650;letter-spacing:.2px}h1 .range{font-size:12px;font-weight:400;color:var(--muted);margin-left:10px}.header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seg{position:relative;display:flex;background:#edf0f3;border-radius:999px;padding:3px}.seg[hidden]{display:none}.seg-pill{position:absolute;top:3px;bottom:3px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #10182824;transition:left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1)}.seg button{position:relative;z-index:1;border:0;background:transparent;padding:6px 16px;font-size:13px;color:var(--sub);cursor:pointer;border-radius:999px;font-family:inherit;transition:color .18s}.seg button.active{color:var(--ink);font-weight:600}main{max-width:980px;margin:0 auto;padding:24px 28px 90px}.stats{display:grid;gap:14px;margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;min-width:0;transition:border-color .15s,background .15s}.stats.live .stat{border-color:#c3d2ee;background:#fbfcff}.stat .k{font-size:12px;color:var(--muted)}.stat .v{font-size:21px;font-weight:650;margin-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap}.stat .s{font-size:11px;color:var(--muted);margin-top:3px}.stats.live .stat .s{visibility:hidden}.stat .v .plus{color:var(--green)}.stat .v .minus{color:var(--red)}.commits-card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:14px;overflow:hidden}.commits-head{font-size:12px;color:var(--muted);padding:10px 18px;border-bottom:1px solid #f0f2f5}.commits-head.live{color:var(--accent);font-weight:600}.commit-list{height:168px;overflow-y:auto}.commit{display:flex;align-items:baseline;gap:12px;padding:7px 18px;font-size:13px}.commit+.commit{border-top:1px solid #f6f8fa}.commit .hash{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;color:var(--accent);flex-shrink:0}.commit .subj{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.commit .nums{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums}.commit .nums .plus{color:var(--green)}.commit .nums .minus{color:var(--red)}.commit-empty{padding:14px 18px;font-size:13px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px 18px;box-shadow:0 1px 2px #10182808,0 6px 24px #1018280d}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;color:var(--sub);flex-wrap:wrap}.cal-head .cal-range{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.cal-head .cal-legend{display:flex;align-items:center;gap:18px}.calendar-wrap{display:flex;align-items:flex-start;gap:10px}.dow-labels{display:flex;flex-direction:column;gap:var(--gap);font-size:10px;color:var(--muted);padding-top:24px}.dow-labels span{height:var(--ch);line-height:var(--ch)}.grid-area{flex:1;overflow:hidden;padding-bottom:4px}.grid-area>.month-row,.grid-area>.grid{width:fit-content;margin-left:auto}.month-row{display:grid;gap:var(--gap);font-size:11px;color:var(--sub);height:20px;margin-bottom:4px}.month-label{white-space:nowrap}.grid{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;gap:var(--gap)}.cell{width:var(--cw);height:var(--ch);border:0;padding:0;font:inherit;border-radius:5px;background:var(--cell-bg);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,opacity .18s ease}.cell.pad{background:transparent;cursor:default}.cell.out{background:#f8fafb}.cell.today{box-shadow:inset 0 0 0 1.5px #1a1f2766}.cell.selected{box-shadow:inset 0 0 0 1.5px var(--accent)}.cell:not(.pad):hover{transform:scale(1.3);box-shadow:0 3px 10px #10182833;z-index:5}.cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:6}@media(prefers-reduced-motion:reduce){.cell{transition:none}.cell:not(.pad):hover{transform:none}}.hbar{display:block;height:50%}.hbar.add{background:var(--green)}.hbar.del{background:var(--red)}.cell.dim:not(.pad){opacity:.35}.legend-item{display:flex;align-items:center;gap:7px}.sw{display:inline-block;width:12px;height:12px}.scrub{margin-top:16px;padding-top:12px;border-top:1px solid #f0f2f5}.scrub-track{position:relative;display:flex;width:fit-content;margin-left:auto;cursor:grab;border-radius:3px}.scrub.dragging .scrub-track{cursor:grabbing}.scrub-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.scrub-cells{display:flex;gap:2px;height:20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 min(64px,50%),#000 calc(100% - min(64px,50%)),transparent);mask-image:linear-gradient(90deg,transparent,#000 min(64px,50%),#000 calc(100% - min(64px,50%)),transparent)}.scrub-cells .sc{flex:0 0 auto;width:5px;height:20px;border-radius:1.5px;background:#e6eaee;overflow:hidden}.scrub-cells .sc.void{background:transparent}.scrub-cells .sc i{display:block;width:100%;height:100%;background:var(--green)}.scrub-frame{position:absolute;top:-2px;bottom:-2px;border:1.5px solid var(--accent);border-radius:4px;background:#2f63c812;pointer-events:none}.load-error{max-width:980px;margin:60px auto;padding:0 28px;font-size:14px;color:var(--sub);line-height:2}.load-error code{background:#edf0f3;border-radius:5px;padding:2px 8px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.load-error button{display:block;margin-top:12px;font:inherit;font-size:13px;color:var(--accent);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 14px;cursor:pointer;transition:background .15s}.load-error button:hover{background:#f4f6f8}.loc-bar{display:flex;align-items:center;justify-content:space-between;gap:10px 22px;flex-wrap:wrap;margin:2px 4px 12px}.loc-summary{font-size:13px;color:var(--sub)}.loc-summary b{color:var(--ink);font-variant-numeric:tabular-nums}.loc-summary .total{color:var(--muted);font-variant-numeric:tabular-nums}.loc-switches{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-left:auto}.sw-item{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sub);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.sw-item input{position:absolute;opacity:0;width:0;height:0}.sw-item .track{position:relative;width:32px;height:18px;border-radius:999px;background:var(--track);transition:background .18s;flex-shrink:0}.sw-item .track:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #10182833;transition:transform .18s}.sw-item input:checked+.track{background:var(--accent)}.sw-item input:checked+.track:after{transform:translate(14px)}.sw-item input:focus-visible+.track{outline:2px solid #b9cdf3;outline-offset:2px}.sw-item:has(input:checked){color:var(--ink)}.tm-card{padding:0;overflow:hidden}.tm-crumbs{display:flex;align-items:center;gap:1px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid #f0f2f5}.tm-crumbs .crumb{border:0;background:transparent;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;color:var(--accent);cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .15s}.tm-crumbs button.crumb:hover{background:#eef3fd}.tm-crumbs .crumb.current{color:var(--ink);font-weight:600;cursor:default;padding:2px 4px}.tm-crumbs .crumb.preview{color:var(--muted);cursor:default;padding:2px 4px}.tm-crumbs .crumb-sep{color:var(--muted);font-size:12px}.tm-crumbs .crumbs-meta{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.tm-wrap{position:relative;height:min(70vh,720px);min-height:420px;background:#f4f6f8;overflow:hidden}.tm-stage{position:absolute;inset:0}.tm-stage.entering{transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .18s ease-out}.tm-stage.leaving{transition:opacity .24s ease-out;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.tm-stage.entering,.tm-stage.leaving{transition:none}}.tm-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.tm-node{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.8);background:var(--c);color:var(--fg);cursor:pointer}.tm-node.is-file{cursor:default}.tm-node.hot{filter:brightness(1.14);z-index:12;box-shadow:0 0 0 1.5px #10182859 inset}.tm-node:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 5px #0009;z-index:13}.tm-head{position:absolute;left:0;right:0;top:0;height:15px;display:flex;align-items:center;gap:6px;padding:0 4px;font-size:10.5px;line-height:15px;white-space:nowrap;overflow:hidden;pointer-events:none}.tm-name{overflow:hidden;text-overflow:ellipsis}.tm-val{margin-left:auto;flex-shrink:0;font-variant-numeric:tabular-nums}.tm-body{position:absolute;left:0;right:0;bottom:0}.tm-badge{position:absolute;left:5px;right:5px;bottom:4px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.tm-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 18px;border-top:1px solid #f0f2f5}.tm-legend .lg{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;font-family:inherit;font-size:12px;color:var(--sub);cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .15s,color .15s}.tm-legend .lg:hover{background:#f4f6f8}.tm-legend .lg.off{color:var(--muted)}.tm-legend .sq{width:11px;height:11px;border-radius:3px;background:var(--c);flex-shrink:0}.tm-legend .lg.off .sq{background:transparent;box-shadow:inset 0 0 0 2px var(--c)}.tm-legend .lg-val{color:var(--muted);font-variant-numeric:tabular-nums}