flightbox 0.1.0

package/dist/paths.js

@@ -0,0 +1,26 @@
+import os from 'node:os';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+export function flightboxHome() {
+    return process.env.FLIGHTBOX_HOME ?? path.join(os.homedir(), '.flightbox');
+}
+export function rawLogDir() {
+    return path.join(flightboxHome(), 'raw');
+}
+export function dbPath() {
+    return path.join(flightboxHome(), 'db.sqlite');
+}
+export function claudeHome() {
+    return process.env.FLIGHTBOX_CLAUDE_HOME ?? path.join(os.homedir(), '.claude');
+}
+export function claudeProjectsDir() {
+    return path.join(claudeHome(), 'projects');
+}
+export function claudeSettingsPath() {
+    return path.join(claudeHome(), 'settings.json');
+}
+// Static web assets are emitted by Vite to dist/web, a sibling of this compiled file
+// (dist/paths.js). Resolve relative to the module so it works from any CWD and via npx.
+export function webDistDir() {
+    return path.join(path.dirname(fileURLToPath(import.meta.url)), 'web');
+}

package/dist/server/server.js

@@ -0,0 +1,94 @@
+import fs from 'node:fs';
+import http from 'node:http';
+import { webDistDir } from '../paths.js';
+import { sessionListDto, sessionDetailDto, claimsDto } from './store-api.js';
+import { resolveStaticFile } from './static.js';
+function sendJson(res, status, body) {
+    const json = JSON.stringify(body);
+    res.writeHead(status, { 'content-type': 'application/json; charset=utf-8' });
+    res.end(json);
+}
+/** Decode a raw path segment into a session id, or null if invalid.
+ *  Invalid means: URIError on decode, empty string, or contains a GLOB
+ *  metacharacter (* ? [) that would widen the store's prefix query.
+ */
+function decodeId(raw) {
+    let decoded;
+    try {
+        decoded = decodeURIComponent(raw);
+    }
+    catch {
+        return null;
+    }
+    if (decoded === '' || /[*?[]/.test(decoded))
+        return null;
+    return decoded;
+}
+export function createServer(store, distDir = webDistDir()) {
+    return http.createServer((req, res) => {
+        if (req.method !== 'GET') {
+            sendJson(res, 405, { error: 'method not allowed' });
+            return;
+        }
+        const url = new URL(req.url ?? '/', 'http://127.0.0.1');
+        const parts = url.pathname.split('/').filter(Boolean); // e.g. ['api','sessions','abc','claims']
+        if (parts[0] === 'api' && parts[1] === 'sessions') {
+            if (parts.length === 2) {
+                sendJson(res, 200, sessionListDto(store));
+                return;
+            }
+            const id = decodeId(parts[2]);
+            if (id === null) {
+                sendJson(res, 404, { error: 'session not found' });
+                return;
+            }
+            if (parts.length === 3) {
+                const detail = sessionDetailDto(store, id);
+                detail ? sendJson(res, 200, detail) : sendJson(res, 404, { error: 'session not found' });
+                return;
+            }
+            if (parts.length === 4 && parts[3] === 'claims') {
+                const claims = claimsDto(store, id);
+                claims ? sendJson(res, 200, claims) : sendJson(res, 404, { error: 'session not found' });
+                return;
+            }
+        }
+        // Any unmatched /api/* route is a JSON 404 — never fall through to the SPA.
+        if (parts[0] === 'api') {
+            sendJson(res, 404, { error: 'not found' });
+            return;
+        }
+        // Non-API GET: serve the built SPA (static asset or client-route fallback).
+        const resolved = resolveStaticFile(distDir, url.pathname);
+        if (resolved) {
+            res.writeHead(200, { 'content-type': resolved.contentType });
+            fs.createReadStream(resolved.filePath).pipe(res);
+            return;
+        }
+        sendJson(res, 404, { error: 'not found' });
+    });
+}
+export function startServer(store, portStart = 51789, distDir = webDistDir()) {
+    return new Promise((resolve, reject) => {
+        const server = createServer(store, distDir);
+        let port = portStart;
+        const tryListen = () => {
+            server.listen(port, '127.0.0.1');
+        };
+        server.on('listening', () => {
+            const addr = server.address();
+            const boundPort = typeof addr === 'object' && addr ? addr.port : port;
+            resolve({ server, port: boundPort, url: `http://127.0.0.1:${boundPort}` });
+        });
+        server.on('error', (err) => {
+            if (err.code === 'EADDRINUSE' && port !== 0 && port < portStart + 50) {
+                port += 1;
+                server.close(() => tryListen());
+            }
+            else {
+                reject(err);
+            }
+        });
+        tryListen();
+    });
+}

package/dist/server/static.js

@@ -0,0 +1,35 @@
+import fs from 'node:fs';
+import path from 'node:path';
+const TYPES = {
+    '.html': 'text/html; charset=utf-8',
+    '.js': 'text/javascript; charset=utf-8',
+    '.mjs': 'text/javascript; charset=utf-8',
+    '.css': 'text/css; charset=utf-8',
+    '.json': 'application/json; charset=utf-8',
+    '.svg': 'image/svg+xml',
+    '.png': 'image/png',
+    '.ico': 'image/x-icon',
+    '.woff2': 'font/woff2',
+};
+export function contentTypeFor(filePath) {
+    return TYPES[path.extname(filePath).toLowerCase()] ?? 'application/octet-stream';
+}
+/** Resolve a URL path to a file inside distDir. Traversal-safe. Client routes
+ *  (no file extension, no match) fall back to index.html so the SPA can route. */
+export function resolveStaticFile(distDir, urlPath) {
+    const root = path.resolve(distDir);
+    const rel = urlPath === '/' ? 'index.html' : urlPath.replace(/^\/+/, '');
+    const candidate = path.resolve(root, rel);
+    if (candidate !== root && !candidate.startsWith(root + path.sep))
+        return null; // traversal
+    if (fs.existsSync(candidate) && fs.statSync(candidate).isFile()) {
+        return { filePath: candidate, contentType: contentTypeFor(candidate) };
+    }
+    // No extension → treat as a client-side route; serve index.html.
+    if (path.extname(candidate) === '') {
+        const index = path.join(root, 'index.html');
+        if (fs.existsSync(index))
+            return { filePath: index, contentType: contentTypeFor(index) };
+    }
+    return null;
+}

package/dist/server/store-api.js

@@ -0,0 +1,52 @@
+function durationMs(start, end) {
+    if (!start || !end)
+        return null;
+    const ms = new Date(end).getTime() - new Date(start).getTime();
+    return Number.isNaN(ms) || ms < 0 ? null : ms;
+}
+function discrepancy(store, id) {
+    if (store.hookEventCount(id) === 0)
+        return false;
+    return store.claimsForSession(id).some((c) => c.status !== 'succeeded');
+}
+export function sessionListDto(store) {
+    return store.listSessions().map((s) => ({
+        id: s.id,
+        project: s.project_dir,
+        startedAt: s.started_at,
+        endedAt: s.ended_at,
+        durationMs: durationMs(s.started_at, s.ended_at),
+        tokens: s.total_tokens,
+        fileCount: store.fileTouchCount(s.id),
+        hasDiscrepancy: discrepancy(store, s.id),
+    }));
+}
+export function sessionDetailDto(store, id) {
+    const s = store.findSession(id);
+    if (!s)
+        return null;
+    const events = store.eventsForSession(s.id);
+    return {
+        id: s.id,
+        project: s.project_dir,
+        model: s.model,
+        startedAt: s.started_at,
+        endedAt: s.ended_at,
+        durationMs: durationMs(s.started_at, s.ended_at),
+        tokens: store.sessionTokens(s.id),
+        fileCount: store.fileTouchCount(s.id),
+        commandCount: events.filter((e) => e.type === 'command').length,
+        subagentCount: events.filter((e) => e.type === 'subagent_spawn').length,
+        events: events.map((e) => ({ ts: e.ts, type: e.type, toolName: e.toolName, detail: e.detail, sidechain: e.sidechain })),
+    };
+}
+export function claimsDto(store, id) {
+    const s = store.findSession(id);
+    if (!s)
+        return null;
+    return {
+        sessionId: s.id,
+        hooksPresent: store.hookEventCount(s.id) > 0,
+        files: store.claimsForSession(s.id).map(({ path, status }) => ({ path, status })),
+    };
+}

package/dist/store.js

@@ -0,0 +1,159 @@
+import Database from 'better-sqlite3';
+import { dbPath } from './paths.js';
+const SCHEMA = `
+CREATE TABLE IF NOT EXISTS sessions (
+  id TEXT PRIMARY KEY,
+  project_dir TEXT,
+  started_at TEXT,
+  ended_at TEXT,
+  model TEXT
+);
+CREATE TABLE IF NOT EXISTS events (
+  id INTEGER PRIMARY KEY AUTOINCREMENT,
+  session_id TEXT NOT NULL,
+  ts TEXT NOT NULL,
+  type TEXT NOT NULL,
+  tool_name TEXT,
+  detail TEXT NOT NULL,
+  source TEXT NOT NULL,
+  sidechain INTEGER NOT NULL DEFAULT 0,
+  uniq_key TEXT NOT NULL UNIQUE
+);
+CREATE INDEX IF NOT EXISTS idx_events_session_ts ON events(session_id, ts);
+CREATE TABLE IF NOT EXISTS file_touches (
+  id INTEGER PRIMARY KEY AUTOINCREMENT,
+  session_id TEXT NOT NULL,
+  path TEXT NOT NULL,
+  action TEXT NOT NULL,
+  ts TEXT NOT NULL,
+  uniq_key TEXT NOT NULL UNIQUE
+);
+CREATE TABLE IF NOT EXISTS token_usage (
+  message_uuid TEXT PRIMARY KEY,
+  session_id TEXT NOT NULL,
+  model TEXT,
+  ts TEXT NOT NULL,
+  input_tokens INTEGER NOT NULL DEFAULT 0,
+  output_tokens INTEGER NOT NULL DEFAULT 0,
+  cache_read_tokens INTEGER NOT NULL DEFAULT 0,
+  cache_creation_tokens INTEGER NOT NULL DEFAULT 0
+);
+CREATE TABLE IF NOT EXISTS tool_outcomes (
+  id INTEGER PRIMARY KEY AUTOINCREMENT,
+  session_id TEXT NOT NULL,
+  path TEXT,
+  tool_name TEXT NOT NULL,
+  success INTEGER,
+  raw_response TEXT NOT NULL,
+  ts TEXT NOT NULL,
+  uniq_key TEXT NOT NULL UNIQUE
+);
+CREATE INDEX IF NOT EXISTS idx_outcomes_session_path ON tool_outcomes(session_id, path);
+`;
+const LIST_SQL = `
+SELECT s.*,
+  (SELECT COUNT(*) FROM events e WHERE e.session_id = s.id) AS event_count,
+  COALESCE((SELECT SUM(input_tokens + output_tokens) FROM token_usage t WHERE t.session_id = s.id), 0) AS total_tokens
+FROM sessions s
+`;
+export function openStore(file = dbPath()) {
+    const db = new Database(file);
+    db.pragma('journal_mode = WAL');
+    db.exec(SCHEMA);
+    const upsert = db.prepare(`
+    INSERT INTO sessions (id, project_dir, started_at, ended_at, model)
+    VALUES (@id, @projectDir, @startedAt, @endedAt, @model)
+    ON CONFLICT(id) DO UPDATE SET
+      project_dir = COALESCE(excluded.project_dir, project_dir),
+      started_at  = COALESCE(MIN(excluded.started_at, started_at), excluded.started_at, started_at),
+      ended_at    = COALESCE(MAX(excluded.ended_at, ended_at), excluded.ended_at, ended_at),
+      model       = COALESCE(excluded.model, model)
+  `);
+    const insEvent = db.prepare(`
+    INSERT OR IGNORE INTO events (session_id, ts, type, tool_name, detail, source, sidechain, uniq_key)
+    VALUES (@sessionId, @ts, @type, @toolName, @detail, @source, @sidechain, @uniqKey)
+  `);
+    const insTouch = db.prepare(`
+    INSERT OR IGNORE INTO file_touches (session_id, path, action, ts, uniq_key)
+    VALUES (@sessionId, @path, @action, @ts, @uniqKey)
+  `);
+    const insUsage = db.prepare(`
+    INSERT OR IGNORE INTO token_usage
+      (message_uuid, session_id, model, ts, input_tokens, output_tokens, cache_read_tokens, cache_creation_tokens)
+    VALUES
+      (@messageUuid, @sessionId, @model, @ts, @inputTokens, @outputTokens, @cacheReadTokens, @cacheCreationTokens)
+  `);
+    const insOutcome = db.prepare(`
+    INSERT OR IGNORE INTO tool_outcomes (session_id, path, tool_name, success, raw_response, ts, uniq_key)
+    VALUES (@sessionId, @path, @toolName, @success, @rawResponse, @ts, @uniqKey)
+  `);
+    const claimsSql = db.prepare(`
+    SELECT ft.path AS path,
+      MAX(CASE WHEN o.success = 1 THEN 1 ELSE 0 END) AS any_success,
+      MAX(CASE WHEN o.success = 0 THEN 1 ELSE 0 END) AS any_failure
+    FROM file_touches ft
+    LEFT JOIN tool_outcomes o
+      ON o.session_id = ft.session_id AND o.path = ft.path
+    WHERE ft.session_id = ? AND ft.action IN ('edit', 'write')
+    GROUP BY ft.path
+    ORDER BY ft.path
+  `);
+    const listSql = db.prepare(`${LIST_SQL} ORDER BY s.started_at DESC`);
+    const findSessionSql = db.prepare(`${LIST_SQL} WHERE s.id GLOB ? || '*' LIMIT 1`);
+    const eventsForSessionSql = db.prepare('SELECT * FROM events WHERE session_id = ? ORDER BY ts, id');
+    const hookEventCountSql = db.prepare("SELECT COUNT(*) AS n FROM events WHERE session_id = ? AND source = 'hook'");
+    const fileTouchCountSql = db.prepare('SELECT COUNT(DISTINCT path) AS n FROM file_touches WHERE session_id = ?');
+    const sessionTokensSql = db.prepare(`
+    SELECT COALESCE(SUM(input_tokens),0) AS input, COALESCE(SUM(output_tokens),0) AS output,
+           COALESCE(SUM(cache_read_tokens),0) AS cacheRead, COALESCE(SUM(cache_creation_tokens),0) AS cacheCreation
+    FROM token_usage WHERE session_id = ?
+  `);
+    const statsByDaySql = db.prepare(`
+    SELECT substr(ts, 1, 10) AS day, SUM(input_tokens + output_tokens) AS tokens
+    FROM token_usage GROUP BY day ORDER BY day DESC LIMIT 14
+  `);
+    const statsByProjectSql = db.prepare(`
+    SELECT COALESCE(s.project_dir, '(unknown)') AS project, SUM(t.input_tokens + t.output_tokens) AS tokens
+    FROM token_usage t LEFT JOIN sessions s ON s.id = t.session_id
+    GROUP BY project ORDER BY tokens DESC
+  `);
+    const rowToEvent = (r) => ({
+        sessionId: r.session_id,
+        ts: r.ts,
+        type: r.type,
+        toolName: r.tool_name,
+        detail: r.detail,
+        source: r.source,
+        sidechain: !!r.sidechain,
+        uniqKey: r.uniq_key,
+    });
+    return {
+        upsertSession: (p) => upsert.run({
+            id: p.id,
+            projectDir: p.projectDir ?? null,
+            startedAt: p.startedAt ?? null,
+            endedAt: p.endedAt ?? null,
+            model: p.model ?? null,
+        }),
+        insertEvent: (e) => insEvent.run({ ...e, sidechain: e.sidechain ? 1 : 0 }),
+        insertFileTouch: (t) => insTouch.run(t),
+        insertTokenUsage: (u) => insUsage.run(u),
+        listSessions: () => listSql.all(),
+        findSession: (idPrefix) => findSessionSql.get(idPrefix),
+        eventsForSession: (sessionId) => eventsForSessionSql.all(sessionId).map(rowToEvent),
+        hookEventCount: (sessionId) => hookEventCountSql.get(sessionId).n,
+        fileTouchCount: (sessionId) => fileTouchCountSql.get(sessionId).n,
+        sessionTokens: (sessionId) => {
+            const r = sessionTokensSql.get(sessionId);
+            return { input: r.input, output: r.output, cacheRead: r.cacheRead, cacheCreation: r.cacheCreation };
+        },
+        statsByDay: () => statsByDaySql.all(),
+        statsByProject: () => statsByProjectSql.all(),
+        insertToolOutcome: (o) => insOutcome.run({ ...o, success: o.success === null ? null : o.success ? 1 : 0 }),
+        claimsForSession: (sessionId) => claimsSql.all(sessionId).map((r) => ({
+            path: r.path,
+            status: r.any_success ? 'succeeded' : r.any_failure ? 'failed' : 'attempted',
+        })),
+        close: () => db.close(),
+    };
+}

package/dist/version.js

@@ -0,0 +1 @@
+export const VERSION = '0.1.0';

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

@@ -0,0 +1 @@
+:root{--bg: #07090b;--bg-2: #0b0f12;--panel: #0e1317;--panel-2: #121a20;--line: rgba(120, 200, 220, .09);--line-strong: rgba(255, 168, 76, .22);--amber: #ff9a2e;--amber-soft: #ffb768;--amber-glow: rgba(255, 154, 46, .35);--cyan: #4fe0c4;--cyan-glow: rgba(79, 224, 196, .3);--red: #ff5d5d;--red-glow: rgba(255, 93, 93, .3);--violet: #a98bff;--text: #e7eef2;--muted: #8497a1;--faint: #56676f;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--hud: "Chakra Petch", system-ui, sans-serif;--radius: 4px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--hud);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1200px 600px at 78% -10%,rgba(255,154,46,.12),transparent 60%),radial-gradient(900px 500px at 8% 0%,rgba(79,224,196,.06),transparent 55%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--bg);background-size:100% 100%,100% 100%,44px 44px,44px 44px,100% 100%;background-position:center}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000029 3px);opacity:.4;mix-blend-mode:multiply}.cockpit-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:14px clamp(16px,4vw,42px);background:linear-gradient(180deg,#07090bf5,#07090bd1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line-strong)}.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--text)}.brand .mark{font-family:var(--hud);font-weight:700;font-size:21px;letter-spacing:.34em;text-transform:uppercase;color:var(--text);text-shadow:0 0 18px rgba(255,154,46,.18)}.brand .mark b{color:var(--amber);font-weight:700}.brand .sub{font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint)}.rec{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--muted)}.rec .led{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 10px 1px var(--red-glow);animation:blink 1.6s steps(1,end) infinite}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:.25}}.shell{max-width:1120px;margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4vw,42px) 80px}.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin:0 0 14px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.state{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);padding:28px 4px}.state.error{color:var(--red)}.back{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--muted);text-decoration:none;margin-bottom:22px;transition:color .15s}.back:hover{color:var(--amber)}.flightlog{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px}.flightlog thead th{text-align:left;font-family:var(--hud);font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);padding:0 16px 12px;border-bottom:1px solid var(--line-strong)}.flightlog tbody tr{border-bottom:1px solid var(--line);transition:background .14s;animation:rise .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 34ms)}.flightlog tbody tr:hover{background:#ff9a2e0d}.flightlog tbody td{padding:13px 16px;color:var(--text);vertical-align:middle}.flightlog td.id a{color:var(--amber);text-decoration:none;letter-spacing:.08em;border-bottom:1px solid transparent;transition:border-color .14s,text-shadow .14s}.flightlog tr:hover td.id a{border-color:var(--amber);text-shadow:0 0 12px var(--amber-glow)}.flightlog td.project{color:var(--text);font-family:var(--hud);letter-spacing:.02em}.flightlog td.dim{color:var(--muted)}.flightlog td.num{color:var(--cyan);text-align:right}.flightlog td.badge{text-align:center;width:42px}.warn-led{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:var(--amber);background:#ff9a2e1f;box-shadow:0 0 12px var(--amber-glow),inset 0 0 0 1px var(--line-strong);font-size:12px}.summary-head{margin-bottom:26px}.summary-head .project-name{font-family:var(--hud);font-weight:600;font-size:clamp(22px,3.4vw,34px);letter-spacing:.01em;margin:4px 0 6px;color:var(--text);word-break:break-word}.summary-head .sid{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--faint)}.gauges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:34px}.gauge{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:14px 15px 15px;overflow:hidden;animation:rise .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 55ms)}.gauge:before{content:"";position:absolute;top:0;left:0;width:26px;height:1px;background:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.gauge .label{font-family:var(--hud);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:9px}.gauge .value{font-family:var(--mono);font-weight:500;font-size:22px;letter-spacing:.01em;color:var(--text);line-height:1.15;word-break:break-word}.gauge .value.amber{color:var(--amber-soft)}.gauge .value.cyan{color:var(--cyan)}.gauge .value small{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;margin-top:4px}.panel{background:linear-gradient(180deg,#121a2080,#0e131780);border:1px solid var(--line);border-radius:var(--radius);padding:20px clamp(14px,2.5vw,24px);margin-bottom:22px}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.controls label{display:flex;flex-direction:column;gap:6px;font-family:var(--hud);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.controls select,.controls input{font-family:var(--mono);font-size:13px;color:var(--text);background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--radius);padding:9px 12px;min-width:190px;outline:none;transition:border-color .15s,box-shadow .15s}.controls select:focus,.controls input:focus{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 0 16px var(--amber-glow)}.controls input::placeholder{color:var(--faint)}.feed{list-style:none;margin:0;padding:0;position:relative}.feed:before{content:"";position:absolute;left:128px;top:4px;bottom:4px;width:1px;background:linear-gradient(180deg,transparent,var(--line-strong),transparent)}.event{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:baseline;padding:8px 0;animation:fade .4s ease both;animation-delay:calc(var(--i, 0) * 16ms)}.event time{font-family:var(--mono);font-size:12px;color:var(--faint);text-align:right;padding-right:4px}.event .body{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;position:relative}.event .body:before{content:"";position:absolute;left:-20px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--faint);box-shadow:0 0 0 3px var(--bg)}.event.sidechain{padding-left:26px;opacity:.82}.event.sidechain .body:before{background:var(--violet);box-shadow:0 0 8px #a98bff66,0 0 0 3px var(--bg)}.chip{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:3px;border:1px solid currentColor;white-space:nowrap}.chip.command{color:var(--amber)}.chip.file_touch{color:var(--cyan)}.chip.subagent_spawn{color:var(--violet)}.chip.tool_call{color:var(--muted)}.chip.session_start,.chip.session_end{color:var(--faint)}.event .tool{font-family:var(--mono);font-size:12px;color:var(--amber-soft);background:#ff9a2e14;padding:1px 6px;border-radius:3px}.event .detail{font-family:var(--mono);font-size:13px;color:var(--text);word-break:break-word}.feed-empty{font-family:var(--mono);color:var(--muted);padding:10px 0}.caution{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12.5px;color:var(--amber-soft);background:repeating-linear-gradient(45deg,#ff9a2e17 0,#ff9a2e17 10px,#ff9a2e08 10px,#ff9a2e08 20px);border:1px solid var(--line-strong);border-left:3px solid var(--amber);border-radius:var(--radius);padding:11px 14px;margin-bottom:16px}.claims{list-style:none;margin:0;padding:0}.claim{display:flex;align-items:center;gap:14px;padding:10px 4px;border-bottom:1px solid var(--line)}.claim:last-child{border-bottom:none}.status-led{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:13px;flex-shrink:0;border:1px solid currentColor}.status-led.succeeded{color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow)}.status-led.failed{color:var(--red);box-shadow:0 0 12px var(--red-glow)}.status-led.attempted{color:var(--amber);box-shadow:0 0 12px var(--amber-glow)}.claim .path{font-family:var(--mono);font-size:13px;color:var(--text);word-break:break-all}.claims-ok{font-family:var(--mono);font-size:13px;color:var(--cyan);letter-spacing:.04em;margin:14px 0 0}.claims-empty{font-family:var(--mono);color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(max-width:620px){.feed:before{display:none}.event{grid-template-columns:1fr;gap:4px}.event time{text-align:left}.event .body:before{display:none}.flightlog td.project{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}