@gr8ful/spf 0.1.0

package/dist/ui/shared/types.d.ts

@@ -0,0 +1,263 @@
+/**
+ * Types shared by the read-only server and the Vue client.
+ *
+ * Every interface mirrors a table in spf.db one-for-one (see
+ * references/observability.md). Nothing here is derived state: phase durations,
+ * session progress and lane layout are computed in the UI, never stored.
+ */
+/** sessions.status — a run is running until it earns success. */
+export type SessionStatus = "running" | "success" | "fail";
+/** phases.status — queued only for manifest-declared phases not yet entered. */
+export type PhaseStatus = "queued" | "running" | "success" | "fail";
+/** phases.kind — decides which lane a block renders in. */
+export type PhaseKind = "engineer" | "code" | "agent";
+/** events.type — the ten types tracer.py emits. */
+export type EventType = "phase_start" | "phase_end" | "agent_start" | "agent_end" | "tool_call" | "handoff" | "gate_pass" | "gate_fail" | "log" | "error";
+export interface Session {
+    adw_id: string;
+    /** ADW script(s) that ran this session, e.g. "adw_plan + adw_build_test". */
+    adw_name: string | null;
+    request: string | null;
+    status: SessionStatus | null;
+    engineer: string | null;
+    started_at: string | null;
+    ended_at: string | null;
+    total_tokens: number | null;
+    total_cost: number | null;
+    /** 1 once archived out of the review list. Review state, not run state. */
+    archived: number | null;
+}
+/**
+ * A session row with its phases embedded, so the L1 table draws the
+ * mini-progress dots without a second request per row.
+ */
+export interface SessionSummary extends Session {
+    /** Full phase rows, ordered by seq — one dot each. */
+    phases: Phase[];
+    phase_count: number;
+    /**
+     * The session's agents, same shape and merge rules as SessionDetail.agents —
+     * so an L1 card can color its per-agent dots without a request per card.
+     */
+    agents: AgentSession[];
+}
+export interface Phase {
+    phase_id: string;
+    adw_id: string;
+    seq: number | null;
+    name: string | null;
+    kind: PhaseKind | null;
+    owner: string | null;
+    description: string | null;
+    status: PhaseStatus | null;
+    attempt: number | null;
+    retries: number | null;
+    error: string | null;
+    started_at: string | null;
+    ended_at: string | null;
+}
+export interface Event {
+    /** SQLite rowid — the polling cursor. Monotonic, insertion-ordered. */
+    rowid: number;
+    event_id: string;
+    adw_id: string;
+    phase_id: string | null;
+    /** Span nesting: an agent phase expands into its tool-call children. */
+    parent_id: string | null;
+    type: EventType | null;
+    name: string | null;
+    /** Raw JSON string as written by the tracer; parse at the point of display. */
+    payload_json: string | null;
+    tokens: number | null;
+    started_at: string | null;
+    ended_at: string | null;
+}
+export interface Envelope {
+    envelope_id: string;
+    adw_id: string;
+    phase_id: string | null;
+    agent: string | null;
+    /** Name of the data_types model the response was parsed against. */
+    output_type: string | null;
+    payload_json: string | null;
+    /** SQLite integer boolean. */
+    valid: number | null;
+    attempt: number | null;
+    created_at: string | null;
+}
+export interface GateResult {
+    id: number;
+    adw_id: string;
+    phase_id: string | null;
+    attempt: number | null;
+    gate: string | null;
+    /** SQLite integer boolean. */
+    passed: number | null;
+    /** JSON array of violation strings; "[]" on a pass. */
+    violations_json: string | null;
+    /**
+     * JSON array of GateCheck — the per-item evidence behind the verdict, so a
+     * green gate can say WHAT it verified rather than only that it passed.
+     * Null on rows written before the tracer recorded checks; those are not
+     * backfilled, so fall back to the verdict alone.
+     */
+    checks_json: string | null;
+    created_at: string | null;
+}
+/** One item a gate inspected — the parsed element of `checks_json`. */
+export interface GateCheck {
+    item: string;
+    ok: boolean;
+    note: string;
+}
+/** agent_sessions — the queryable mirror of agent_map.json. Supplies lane labels (`name · model`). */
+export interface AgentSession {
+    adw_id: string;
+    agent: string;
+    coding_agent: string | null;
+    model: string | null;
+    session_id: string | null;
+    /**
+     * The agent's lane color from spf.config.yaml, e.g. "#a78bfa". Null on dbs
+     * written by a tracer predating the column, and on agents with no configured
+     * color — fall back to the UI's own palette.
+     */
+    color: string | null;
+    /**
+     * How full the agent's context window was after its last turn, and the
+     * model's ceiling. Null on dbs predating the columns and on an agent still
+     * running — the lane draws no bar rather than a misleading empty one.
+     */
+    context_tokens: number | null;
+    context_window: number | null;
+    created_at: string | null;
+    last_used_at: string | null;
+}
+/** Parsed `agent_start` payload — the live source of a lane's label and color. */
+export interface AgentStartPayload {
+    model?: string;
+    thinking?: string;
+    session_id?: string;
+    color?: string;
+    coding_agent?: string;
+    purpose?: string;
+    /** Tool allowlist; null means all tools. Absent on pre-config-payload rows. */
+    tools?: string[] | null;
+    harness_engineering?: string[];
+}
+/**
+ * Tokens and dollars per component for one agent phase, summed across every
+ * send it made (a retried phase paid more than once). Mirrors pi's `usage`:
+ * `input_tokens` EXCLUDES cache reads, which bill at their own rate.
+ */
+export interface UsageBreakdown {
+    input_tokens: number;
+    output_tokens: number;
+    cache_read_tokens: number;
+    cache_write_tokens: number;
+    /**
+     * Thinking tokens — the reasoning SHARE of `output_tokens`, not a fifth
+     * component. Billed at the output rate; adding it to the others would
+     * double-count. Absent (undefined) on runs predating the field.
+     */
+    reasoning_tokens?: number;
+    total_tokens: number;
+    input_cost: number;
+    output_cost: number;
+    cache_read_cost: number;
+    cache_write_cost: number;
+    total_cost: number;
+}
+/** Parsed `agent_end` payload — closes out a call with its cost and context use. */
+export interface AgentEndPayload {
+    cost?: number;
+    /** Absent on runs predating the breakdown; `cost` alone survives there. */
+    usage?: UsageBreakdown;
+    /** Window occupancy after the final turn, and the model's ceiling. */
+    context_tokens?: number;
+    context_window?: number;
+}
+/**
+ * Parsed `tool_call` payload — one event per real tool call, emitted when the
+ * tool returns. `result_snippet` and `duration_ms` are absent when the coding
+ * agent never reported a result.
+ */
+export interface ToolCallPayload {
+    tool?: string;
+    tool_call_id?: string;
+    args?: Record<string, unknown>;
+    result_snippet?: string;
+    ok?: boolean;
+    duration_ms?: number;
+    agent?: string;
+}
+/** GET /api/sessions */
+export type SessionsResponse = SessionSummary[];
+/** GET /api/sessions/:adw_id */
+/**
+ * What actually moved through a session, summed across every agent.
+ *
+ * Deliberately NOT the billed total: `sessions.total_tokens` also counts every
+ * cached re-read, which is the same context charged again on each turn.
+ */
+export interface SessionUsage {
+    /** Raw prompt tokens read for the first time: new input + cache writes. */
+    read: number;
+    /** Tokens generated. Each produced exactly once, so this needs no adjusting. */
+    written: number;
+}
+export interface SessionDetail {
+    session: Session;
+    /** Derived from agent_end payloads, so historical runs have it too. */
+    usage: SessionUsage;
+    /** Ordered by seq. */
+    phases: Phase[];
+    /**
+     * One entry per agent that has run OR is running under this adw_id — lane
+     * labels come from here. Finished agents come from the agent_sessions table;
+     * an agent still in flight has no row there yet, so its entry is built from
+     * its agent_start event (coding_agent is null until it finishes).
+     */
+    agents: AgentSession[];
+}
+/**
+ * GET /api/sessions/:adw_id/events?after=<rowid>&limit=500
+ *
+ * Poll with `after` = the cursor from the previous response. `cursor` is the
+ * highest rowid in this page (or the `after` you sent, when the page is empty),
+ * so it can be fed straight back in. `has_more` means the page hit the limit.
+ */
+export interface EventsPage {
+    events: Event[];
+    cursor: number;
+    has_more: boolean;
+}
+/**
+ * GET /api/sessions/:adw_id/agents/:agent/prompts
+ *
+ * The exact compiled prompts sent to an agent, read from
+ * `{data_dir}/sessions/{adw_id}/{agent}/prompts/`. These live only as files —
+ * the db has no copy. Either field is null when that file isn't on disk, which
+ * is the normal state for an agent that never ran in this session, so a 200
+ * with two nulls is a valid answer rather than an error.
+ */
+export interface AgentPrompts {
+    system: string | null;
+    user: string | null;
+}
+/** Alias matching the naming of the other endpoint payloads. */
+export type PromptsResponse = AgentPrompts;
+/** GET /api/sessions/:adw_id/envelopes */
+export type EnvelopesResponse = Envelope[];
+/** GET /api/sessions/:adw_id/gates */
+export type GatesResponse = GateResult[];
+/** GET /api/health */
+export interface HealthResponse {
+    ok: boolean;
+    db: string;
+    journal_mode: string;
+    sessions: number;
+}
+export interface ApiError {
+    error: string;
+}

package/dist/ui/shared/types.js

@@ -0,0 +1,8 @@
+/**
+ * Types shared by the read-only server and the Vue client.
+ *
+ * Every interface mirrors a table in spf.db one-for-one (see
+ * references/observability.md). Nothing here is derived state: phase durations,
+ * session progress and lane layout are computed in the UI, never stored.
+ */
+export {};

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@gr8ful/spf",
+  "version": "0.1.0",
+  "description": "Super Portable Factory — a global CLI for repeatable agents-plus-code workflows (ADWs)",
+  "type": "module",
+  "license": "MIT",
+  "bin": {
+    "spf": "dist/cli/bin.js"
+  },
+  "files": [
+    "dist",
+    "web",
+    "assets",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": "./dist/index.js",
+    "./core": "./dist/core/index.js"
+  },
+  "engines": {
+    "node": ">=22.19.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "prepare": "lefthook install",
+    "build:cli": "tsc -p tsconfig.build.json && chmod +x dist/cli/bin.js",
+    "build:app": "npm --prefix app ci && npm --prefix app run build",
+    "build": "npm run clean && npm run build:cli && npm run build:app",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "pretest": "npm run build:cli",
+    "test": "node --test \"dist/**/*.test.js\"",
+    "prepack": "node scripts/check-pack-ready.js",
+    "size-check": "node scripts/check-tarball-size.js"
+  },
+  "dependencies": {
+    "@flue/runtime": "2.0.3",
+    "@hono/node-server": "^2.1.1",
+    "@valibot/to-json-schema": "^1.7.1",
+    "hono": "^4.13.3",
+    "valibot": "^1.4.2",
+    "yaml": "^2.5.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.0",
+    "lefthook": "^2.1.10",
+    "typescript": "^7.0.2"
+  }
+}

package/web/assets/index-C7nF068F.css

@@ -0,0 +1 @@
+@font-face{font-family:Play;font-style:normal;font-weight:400;font-display:swap;src:url(./play-latin-400-normal-GKW-4YV7.woff2) format("woff2")}@font-face{font-family:Play;font-style:normal;font-weight:700;font-display:swap;src:url(./play-latin-700-normal-DyPlLDbb.woff2) format("woff2")}.chip[data-v-2a944f45]{display:inline-flex;align-items:center;gap:7px;padding:3px 13px 3px 10px;border-radius:999px;border:1px solid var(--border);font-size:16px;color:var(--dim);white-space:nowrap}.chip-icon[data-v-2a944f45]{flex:none}.chip.success[data-v-2a944f45]{color:var(--green);border-color:#4ade8073;background:#4ade8017;box-shadow:0 0 12px #4ade801f}.chip.fail[data-v-2a944f45]{color:var(--red);border-color:#ff6f6773;background:#ff6f6717;box-shadow:0 0 12px #ff6f671f}.chip.running[data-v-2a944f45]{color:var(--blue);border-color:#6cb6ff73;background:#6cb6ff17;box-shadow:0 0 12px #6cb6ff2e}.chip.running .chip-icon[data-v-2a944f45]{animation:spin-2a944f45 1.1s linear infinite}@keyframes spin-2a944f45{to{transform:rotate(360deg)}}.chip.queued[data-v-2a944f45]{color:var(--dim);border-style:dashed}.stat[data-v-fa161459]{display:inline-flex;align-items:center;gap:7px;padding:3px 12px;border:1px solid var(--border-soft);border-radius:999px;background:#131a2699;font-size:16px;white-space:nowrap}.stat-icon[data-v-fa161459]{color:var(--faint);flex:none}.stat-value[data-v-fa161459]{color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums}.stat.compact[data-v-fa161459]{padding:0;border:none;background:transparent}.stat.compact .stat-value[data-v-fa161459]{color:var(--dim)}.dots[data-v-14dd8bbd]{display:inline-flex;gap:5px;font-size:16px;letter-spacing:0}.d.success[data-v-14dd8bbd]{color:var(--green)}.d.fail[data-v-14dd8bbd]{color:var(--red)}.d.running[data-v-14dd8bbd]{color:var(--blue);animation:pulse 1.2s ease-in-out infinite}.d.queued[data-v-14dd8bbd]{color:var(--faint)}.card[data-v-4de2ceae]{height:420px;display:flex;flex-direction:column;gap:10px;padding:20px 22px;position:relative;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);color:var(--text);cursor:pointer;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card-archive[data-v-4de2ceae]{position:absolute;top:10px;right:12px;width:26px;height:26px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--dim);font-family:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.card:hover .card-archive[data-v-4de2ceae],.card-archive[data-v-4de2ceae]:focus-visible{opacity:1}.card-archive[data-v-4de2ceae]:hover{background:#ff6f6729;color:#ff6f67}.card[data-v-4de2ceae]:hover{border-color:#94a3ff73;box-shadow:0 10px 34px #94a3ff1f;transform:translateY(-2px)}.card.running[data-v-4de2ceae]{border-color:#6cb6ff99;box-shadow:0 0 22px #6cb6ff29}.card.fail[data-v-4de2ceae]{border-color:#ff6f6799}.card-id[data-v-4de2ceae]{flex:none;font-family:var(--mono);font-size:18px;font-weight:700;color:var(--purple)}.card-adw[data-v-4de2ceae]{flex:none;font-family:var(--mono);font-size:16px;color:var(--cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-req[data-v-4de2ceae]{flex:none;font-size:16px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl[data-v-4de2ceae]{display:flex;flex-direction:column;margin-top:4px;height:194px;flex:none;overflow:hidden}.tl-more[data-v-4de2ceae]{display:flex;align-items:center;height:40px;padding-left:96px;font-size:16px}.tl-axis[data-v-4de2ceae]{display:flex;align-items:flex-end;height:28px;margin-bottom:6px}.tl-gutter[data-v-4de2ceae],.tl-agent[data-v-4de2ceae]{flex:none;width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.tl-scale[data-v-4de2ceae]{position:relative;flex:1;height:100%;border-bottom:1px solid var(--border)}.tl-tick[data-v-4de2ceae]{position:absolute;bottom:4px;transform:translate(-50%);font-family:var(--mono);font-size:16px;color:var(--faint);white-space:nowrap}.tl-tick.edge[data-v-4de2ceae]{transform:none}.tl-row[data-v-4de2ceae]{display:flex;align-items:center;height:40px}.tl-agent[data-v-4de2ceae]{font-size:16px;color:var(--dim)}.tl-track[data-v-4de2ceae]{position:relative;flex:1;height:100%;border-bottom:1px solid var(--border-soft)}.tl-dot[data-v-4de2ceae]{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%)}.tl-dot.latest[data-v-4de2ceae]{width:13px;height:13px;box-shadow:0 0 10px currentColor;animation:pulse 1.4s ease-in-out infinite}.tl-empty[data-v-4de2ceae]{align-items:center;justify-content:center;font-size:16px}.card-foot[data-v-4de2ceae]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;font-size:16px}.foot-status[data-v-4de2ceae]{display:inline-flex;align-items:center;gap:14px}.card-stats[data-v-4de2ceae]{display:flex;align-items:center;gap:12px}.sessions[data-v-59eaca8a]{display:flex;flex-direction:column}.list-head[data-v-59eaca8a]{padding:16px 24px 0;font-size:16px}.cards[data-v-59eaca8a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:18px;padding:16px 24px 28px}.dsec[data-v-ab91d33b]{margin-bottom:14px}.dsec-head[data-v-ab91d33b]{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;background:none;border:none;border-bottom:1px solid var(--border-soft);border-radius:6px 6px 0 0;color:var(--dim);font-size:16px;font-weight:700;letter-spacing:.05em;text-transform:lowercase;cursor:pointer;text-align:left}.dsec-icon[data-v-ab91d33b]{flex:none;color:var(--faint)}.dsec-head[data-v-ab91d33b]:hover{background:var(--panel-2);color:var(--text)}.chev[data-v-ab91d33b]{color:var(--faint);flex:none}.dsec-count[data-v-ab91d33b]{font-weight:500}.dsec-body[data-v-ab91d33b]{padding-top:10px}.detail[data-v-567985aa]{margin:0 28px 28px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface)}.d-head[data-v-567985aa]{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--panel-2);border-radius:10px 10px 0 0}.d-main[data-v-567985aa]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.d-name[data-v-567985aa]{font-size:20px;font-weight:700}.d-tags[data-v-567985aa]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.tag[data-v-567985aa]{display:inline-flex;align-items:baseline;gap:7px;padding:2px 12px;border:1px solid var(--border-soft);border-radius:999px;background:var(--panel-3);font-size:16px;white-space:nowrap}.tag-k[data-v-567985aa]{color:var(--faint)}.tag-v[data-v-567985aa]{color:var(--text)}.close[data-v-567985aa]{background:none;border:1px solid var(--border);border-radius:6px;color:var(--dim);font-family:var(--mono);font-size:16px;cursor:pointer;padding:3px 10px}.close[data-v-567985aa]:hover{color:var(--text);border-color:var(--dim)}.d-desc[data-v-567985aa]{margin:0;color:var(--dim)}.d-request[data-v-567985aa]{margin:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.cfg[data-v-567985aa]{display:flex;flex-direction:column;gap:7px}.cfg-row[data-v-567985aa]{display:flex;align-items:baseline;gap:12px}.cfg-k[data-v-567985aa]{flex:none;width:118px;color:var(--faint)}.cfg-v[data-v-567985aa]{color:var(--text);min-width:0;overflow-wrap:anywhere}.cfg-model-icon[data-v-567985aa]{width:17px;height:17px;flex:none;object-fit:contain}.cfg-chips[data-v-567985aa]{display:inline-flex;flex-wrap:wrap;gap:6px}.cfg-chip[data-v-567985aa]{display:inline-flex;align-items:center;gap:8px;padding:2px 12px;border:1px solid var(--border-soft);border-radius:999px;background:#131a2699;font-family:var(--mono);font-size:16px;overflow-wrap:anywhere}.cfg-icon[data-v-567985aa]{flex:none;color:var(--faint)}.d-error[data-v-567985aa]{margin:14px 18px 0}.d-grid[data-v-567985aa]{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px;padding:16px 18px 20px}@media(max-width:1100px){.d-grid[data-v-567985aa]{grid-template-columns:1fr}}h3[data-v-567985aa]{display:flex;align-items:center;gap:9px;margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-soft);font-size:16px;font-weight:700;color:var(--dim);text-transform:lowercase;letter-spacing:.05em}.h3-icon[data-v-567985aa]{flex:none;color:var(--faint)}h3[data-v-567985aa]:first-child{margin-top:0}.prompt-panel[data-v-567985aa]{margin-bottom:10px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-3);overflow:hidden}.prompt-head[data-v-567985aa]{display:flex;align-items:baseline;gap:12px;width:100%;padding:9px 14px;background:none;border:none;color:var(--text);font-size:16px;cursor:pointer;text-align:left}.prompt-head[data-v-567985aa]:hover{background:var(--panel-2)}.chev[data-v-567985aa]{color:var(--faint);flex:none}.prompt-title[data-v-567985aa]{font-weight:700}.prompt-head .dim[data-v-567985aa]{margin-left:auto}.prompt-body[data-v-567985aa]{padding:12px 14px 14px;border-top:1px solid var(--border-soft);max-height:60vh;overflow:auto}.prompt-tools[data-v-567985aa]{display:flex;gap:8px;margin-bottom:12px}.prompt-tools button[data-v-567985aa]{padding:2px 12px;border:1px solid var(--border-soft);border-radius:6px;background:none;color:var(--dim);font-family:var(--mono);font-size:16px;cursor:pointer}.prompt-tools button.active[data-v-567985aa]{color:var(--text);border-color:var(--border);background:var(--panel-2)}.prompt-raw[data-v-567985aa]{border:none;padding:0;background:transparent;max-height:none}.gate[data-v-567985aa]{margin-bottom:10px;padding:10px 14px;border:1px solid var(--border-soft);border-left-width:3px;border-radius:8px;background:var(--panel-3)}.gate.pass[data-v-567985aa]{border-left-color:var(--green)}.gate.fail[data-v-567985aa]{border-left-color:var(--red)}.gate-line[data-v-567985aa]{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.gate-toggle[data-v-567985aa]{width:100%;padding:0;background:none;border:none;color:var(--text);font-size:16px;cursor:pointer;text-align:left}.gate-checks .check-item[data-v-567985aa]{font-family:var(--mono)}.gate-toggle .chev[data-v-567985aa]{color:var(--faint);flex:none}.gate-checks[data-v-567985aa]{margin-top:10px;padding-top:8px;border-top:1px solid var(--border-soft)}.gate-check[data-v-567985aa]{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:3px 0}.gate-check.pass .check-mark[data-v-567985aa]{color:var(--green)}.gate-check.fail .check-mark[data-v-567985aa]{color:var(--red)}.check-item[data-v-567985aa]{overflow-wrap:anywhere;min-width:0}.check-note[data-v-567985aa]{white-space:pre-wrap;overflow-wrap:anywhere}.check-note-block[data-v-567985aa]{flex-basis:100%;margin:4px 0 6px 26px;max-height:30vh;overflow:auto}.tag-fail[data-v-567985aa]{border-color:#ff6f678c}.tag-fail .tag-v[data-v-567985aa]{color:var(--red)}.gate.pass .gate-mark[data-v-567985aa]{color:var(--green)}.gate.fail .gate-mark[data-v-567985aa]{color:var(--red)}.gate-name[data-v-567985aa]{color:var(--text);font-weight:700}.gate-time[data-v-567985aa]{margin-left:auto}.violations[data-v-567985aa]{margin:8px 0 2px;padding-left:24px;color:var(--red)}.usage[data-v-567985aa]{width:100%;max-width:420px;border-collapse:collapse;font-size:16px}.usage th[data-v-567985aa]{padding:0 0 6px;font-size:14px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border-soft)}.usage td[data-v-567985aa]{padding:5px 0}.usage .u-k[data-v-567985aa]{text-align:left;color:var(--dim)}.usage .u-n[data-v-567985aa],.usage .u-c[data-v-567985aa]{text-align:right;font-family:var(--mono);color:var(--text)}.usage .u-c[data-v-567985aa]{color:var(--green)}.u-nested .u-k[data-v-567985aa]{padding-left:18px;color:var(--faint)}.u-nested .u-n[data-v-567985aa],.u-nested .u-c[data-v-567985aa]{color:var(--faint)}.u-total td[data-v-567985aa]{padding-top:8px;border-top:1px solid var(--border-soft);font-weight:700}.u-total .u-k[data-v-567985aa]{color:var(--text)}.u-note[data-v-567985aa]{margin:10px 0 0;font-size:15px}.output[data-v-567985aa]{margin-bottom:14px}.output-line[data-v-567985aa]{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}.output-type[data-v-567985aa]{color:var(--purple);font-weight:700}.output-valid.pass[data-v-567985aa]{color:var(--green)}.output-valid.fail[data-v-567985aa]{color:var(--red)}.output pre[data-v-567985aa]{max-height:40vh;overflow:auto}.event[data-v-567985aa]{border-bottom:1px solid var(--border-soft)}.event-row[data-v-567985aa]{display:flex;gap:14px;align-items:baseline;width:100%;padding:7px 6px;background:none;border:none;border-radius:6px;color:var(--text);font-family:var(--mono);font-size:16px;cursor:pointer;text-align:left}.event-row[data-v-567985aa]:hover,.event-row.open[data-v-567985aa]{background:var(--panel-2)}.e-time[data-v-567985aa]{flex:none;font-variant-numeric:tabular-nums}.e-type[data-v-567985aa]{flex:none;width:130px}.e-name[data-v-567985aa]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-extra[data-v-567985aa]{margin-left:auto;flex:none;display:inline-flex;gap:14px}.payload-panel[data-v-567985aa]{margin:6px 0 14px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel-3)}.p-meta[data-v-567985aa]{display:flex;gap:16px;align-items:baseline;margin-bottom:10px}.p-tool[data-v-567985aa]{color:var(--cyan);font-weight:700;font-size:17px}.payload-panel h4[data-v-567985aa]{margin:14px 0 6px;font-size:16px;font-weight:700;color:var(--dim);text-transform:lowercase;letter-spacing:.06em}.payload-panel h4[data-v-567985aa]:first-of-type{margin-top:0}.p-pre[data-v-567985aa]{border:1px solid var(--border-soft);border-radius:8px;padding:10px 12px;background:#06080f8c;max-height:42vh;overflow:auto}.t-red[data-v-567985aa]{color:var(--red)}.t-green[data-v-567985aa]{color:var(--green)}.t-cyan[data-v-567985aa]{color:var(--cyan)}.t-purple[data-v-567985aa]{color:var(--purple)}.t-violet[data-v-567985aa]{color:var(--violet)}.trace[data-v-aaa51626]{padding:0 0 40px}.run-strip[data-v-aaa51626]{display:flex;align-items:center;gap:18px;padding:14px 24px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.run-strip .request[data-v-aaa51626]{font-size:17px;color:var(--text);max-width:52ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-stats[data-v-aaa51626]{display:inline-flex;gap:12px;flex-wrap:wrap}.waterfall[data-v-aaa51626]{margin:20px 28px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);overflow:hidden}.row[data-v-aaa51626]{display:grid;grid-template-columns:280px 1fr}.axis-row[data-v-aaa51626]{border-bottom:1px solid var(--border);background:var(--panel-2)}.axis-row .track[data-v-aaa51626]{height:40px;overflow:hidden}.zone-head[data-v-aaa51626]{position:absolute;top:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--amber);border-right:1px solid var(--border)}.axis-label[data-v-aaa51626]{position:absolute;bottom:7px;transform:translate(-50%);font-family:var(--mono);font-size:16px;color:var(--dim);white-space:nowrap}.label[data-v-aaa51626]{padding:12px 16px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-right:1px solid var(--border);overflow:hidden;white-space:nowrap}.lane-name[data-v-aaa51626]{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.lane-icon[data-v-aaa51626]{flex:none;opacity:.85}.lane-meta[data-v-aaa51626]{font-family:var(--mono);font-size:16px;color:var(--dim);overflow:hidden;text-overflow:ellipsis}.lane-model[data-v-aaa51626]{display:inline-flex;align-items:center;gap:7px}.model-icon[data-v-aaa51626]{width:17px;height:17px;flex:none;object-fit:contain}.lane-ctx[data-v-aaa51626]{display:flex;flex-direction:column;gap:4px;margin-top:2px;max-width:190px}.ctx-head[data-v-aaa51626]{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ctx-label[data-v-aaa51626]{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.ctx-pct[data-v-aaa51626]{font-family:var(--mono);font-size:14px;color:var(--dim)}.ctx-bar[data-v-aaa51626]{height:6px;border-radius:999px;background:#06080fbf;border:1px solid var(--border-soft);overflow:hidden}.ctx-fill[data-v-aaa51626]{display:block;height:100%;border-radius:999px;transition:width .3s ease}.lane[data-v-aaa51626]{border-bottom:1px solid var(--border-soft)}.lane[data-v-aaa51626]:last-child{border-bottom:none}.track[data-v-aaa51626]{position:relative;height:118px;overflow:hidden}.zone-divider[data-v-aaa51626]{position:absolute;top:0;bottom:0;border-left:1px solid var(--border)}.gridline[data-v-aaa51626]{position:absolute;top:0;bottom:0;border-left:1px dashed rgba(174,191,212,.14)}.block[data-v-aaa51626]{position:absolute;top:13px;height:92px;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;padding:10px 12px 16px;border-radius:10px;border:1px solid;font-size:16px;color:var(--text);cursor:pointer;overflow:hidden;white-space:nowrap;text-align:left;transition:box-shadow .16s ease}.block[data-v-aaa51626]:hover{box-shadow:0 0 18px var(--lane-glow, rgba(108, 182, 255, .2))}.b-top[data-v-aaa51626]{display:flex;align-items:baseline;gap:10px;min-width:0}.b-status[data-v-aaa51626]{flex:none;font-size:16px}.b-status.success[data-v-aaa51626]{color:var(--green)}.b-status.fail[data-v-aaa51626]{color:var(--red)}.b-status.running[data-v-aaa51626]{color:var(--blue);animation:pulse 1.2s ease-in-out infinite}.b-status.queued[data-v-aaa51626]{color:var(--faint)}.block .b-name[data-v-aaa51626]{font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.block .b-dur[data-v-aaa51626]{margin-left:auto;flex:none}.block .b-desc[data-v-aaa51626]{color:var(--dim);font-size:16px;overflow:hidden;text-overflow:ellipsis;min-width:0}.block.running[data-v-aaa51626]{animation:pulse 1.6s ease-in-out infinite}.block.queued[data-v-aaa51626]{background:transparent;border-style:dashed;border-color:var(--faint);color:var(--dim)}.block.selected[data-v-aaa51626]{outline:2px solid var(--blue);outline-offset:2px;box-shadow:0 0 22px var(--lane-glow, rgba(108, 182, 255, .25))}.tool-tick[data-v-aaa51626]{position:absolute;bottom:4px;width:3px;height:9px;background:currentColor;opacity:.55;border-radius:1px}.tool-tick.err[data-v-aaa51626]{background:var(--red);opacity:1}.topbar[data-v-af109a43]{display:flex;align-items:center;justify-content:space-between;padding:15px 28px;background:#0b0f18b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar[data-v-af109a43]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#c89bff73,#5ad2dd59 40%,#5ad2dd0f)}.crumbs[data-v-af109a43]{display:flex;align-items:center;gap:10px;font-size:17px;min-width:0}.logo[data-v-af109a43]{width:28px;height:28px;flex:none;filter:drop-shadow(0 0 8px rgba(200,155,255,.35))}.brand[data-v-af109a43]{background:linear-gradient(90deg,var(--purple),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:.05em;white-space:nowrap}.sep[data-v-af109a43]{color:var(--faint)}.crumbs a[data-v-af109a43]{color:var(--dim)}.crumbs a[data-v-af109a43]:hover,.crumbs .current[data-v-af109a43]{color:var(--text)}.live-hint[data-v-af109a43]{display:inline-flex;align-items:center;gap:8px;color:var(--dim);font-size:16px;white-space:nowrap}.live-dot[data-v-af109a43]{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #4ade80b3;animation:pulse 1.6s ease-in-out infinite}:root{--bg: #06080f;--panel: #0d1119;--panel-2: #131a26;--panel-3: #0a0e16;--border: #232c3d;--border-soft: #222b3d;--text: #f2f5fa;--dim: #aabdd5;--faint: #8b9cb6;--green: #4ade80;--red: #ff6f67;--blue: #6cb6ff;--amber: #e8b64a;--purple: #c89bff;--cyan: #5ad2dd;--violet: #94a3ff;--sans: "Play", "Helvetica Neue", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Roboto Mono", monospace;--surface: linear-gradient(180deg, #10141f 0%, #0b0f18 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 700px at 8% -10%,rgba(148,163,255,.09),transparent 62%),radial-gradient(1000px 720px at 102% 108%,rgba(90,210,221,.07),transparent 60%),linear-gradient(180deg,#06080f,#090d17);background-attachment:fixed;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5}#app{min-height:100vh}a{color:var(--blue);text-decoration:none}pre{margin:0;padding:12px 14px;background:var(--panel-3);border:1px solid var(--border-soft);border-radius:8px;overflow-x:auto;font-family:var(--mono);font-size:16px;line-height:1.55;color:#cfdded;white-space:pre-wrap;word-break:break-word}.j-key{color:var(--purple)}.j-str{color:var(--green)}.j-num{color:var(--amber)}.j-bool{color:var(--cyan)}.j-null{color:var(--red)}.dim{color:var(--dim)}.faint{color:var(--faint)}.error-bar{margin:12px 24px;padding:10px 14px;border:1px solid rgba(255,111,103,.5);background:#ff6f671a;color:var(--red);border-radius:8px;font-size:16px}.empty-state{padding:56px 24px;text-align:center;color:var(--dim);font-size:16px}.md{font-size:16px;line-height:1.6;color:var(--text)}.md h1{font-size:20px;margin:14px 0 8px}.md h2{font-size:18px;margin:14px 0 8px}.md h3,.md h4{font-size:17px;margin:12px 0 6px}.md h1:first-child,.md h2:first-child,.md h3:first-child{margin-top:0}.md p{margin:8px 0;white-space:pre-wrap}.md code{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:4px;padding:1px 7px;font-size:16px}.md pre.md-code{margin:10px 0;white-space:pre}.md pre.md-code code{background:transparent;border:none;padding:0}.md ul,.md ol{margin:8px 0;padding-left:28px}.md li{margin:3px 0}.md blockquote{margin:10px 0;padding:4px 0 4px 14px;border-left:3px solid var(--border);color:var(--dim);white-space:pre-wrap}.md hr{border:none;border-top:1px solid var(--border);margin:14px 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}