@netnodeag/kraftwerk 0.3.1 → 0.4.0

package/dist/inspector/server.js

@@ -0,0 +1,186 @@
+import { promises as fs } from "node:fs";
+import http from "node:http";
+import path from "node:path";
+import { setOutputDir, getOutputDir } from "./context.js";
+import { listRuns, getRun, readRunFile } from "./runs.js";
+import { listWorkflows, getWorkflow } from "./workflows.js";
+import { dockerStatus, triggerRun, stopRun } from "./runner.js";
+/**
+ * The inspector server: a plain node:http server with no dependencies.
+ * Serves the prebuilt SPA (inspector/dist) plus the JSON/file API the
+ * frontend polls. Realtime is polling — no daemon, no socket, works on a
+ * plain filesystem.
+ */
+const MIME = {
+    ".html": "text/html; charset=utf-8",
+    ".js": "text/javascript; charset=utf-8",
+    ".css": "text/css; charset=utf-8",
+    ".svg": "image/svg+xml",
+    ".png": "image/png",
+    ".jpg": "image/jpeg",
+    ".jpeg": "image/jpeg",
+    ".gif": "image/gif",
+    ".webp": "image/webp",
+    ".ico": "image/x-icon",
+    ".pdf": "application/pdf",
+    ".json": "application/json; charset=utf-8",
+    ".woff": "font/woff",
+    ".woff2": "font/woff2",
+    ".txt": "text/plain; charset=utf-8",
+};
+/** Text preview payloads are capped; the tail matters most for logs. */
+const MAX_TEXT = 400_000;
+function json(res, body, status = 200) {
+    res.writeHead(status, { "content-type": "application/json; charset=utf-8", "cache-control": "no-store" });
+    res.end(JSON.stringify(body));
+}
+function readBody(req) {
+    return new Promise((resolve, reject) => {
+        let data = "";
+        req.on("data", (c) => {
+            data += c;
+            if (data.length > 1_000_000)
+                reject(new Error("body too large"));
+        });
+        req.on("end", () => resolve(data));
+        req.on("error", reject);
+    });
+}
+async function handleApi(req, res, url) {
+    const seg = url.pathname.split("/").filter(Boolean); // ["api", ...]
+    const method = req.method ?? "GET";
+    // GET /api/runs
+    if (seg.length === 2 && seg[1] === "runs" && method === "GET") {
+        return json(res, { outputDir: getOutputDir(), runs: await listRuns() });
+    }
+    // GET /api/runs/:id
+    if (seg.length === 3 && seg[1] === "runs" && method === "GET") {
+        try {
+            const run = await getRun(seg[2]);
+            return run ? json(res, run) : json(res, { error: "not found" }, 404);
+        }
+        catch {
+            return json(res, { error: "invalid run id" }, 400);
+        }
+    }
+    // GET /api/runs/:id/file?name=...&raw=1
+    if (seg.length === 4 && seg[1] === "runs" && seg[3] === "file" && method === "GET") {
+        const name = url.searchParams.get("name") ?? "";
+        const raw = url.searchParams.get("raw") === "1";
+        let file;
+        try {
+            file = await readRunFile(seg[2], name);
+        }
+        catch {
+            return json(res, { error: "invalid request" }, 400);
+        }
+        if (!file)
+            return json(res, { error: "not found" }, 404);
+        const ext = name.slice(name.lastIndexOf(".")).toLowerCase();
+        const buf = await fs.readFile(file.absPath);
+        if (raw) {
+            res.writeHead(200, {
+                "content-type": MIME[ext] ?? "text/plain; charset=utf-8",
+                "cache-control": "no-store",
+            });
+            return void res.end(buf);
+        }
+        let text = buf.toString("utf8");
+        let truncated = false;
+        if (text.length > MAX_TEXT) {
+            text = text.slice(-MAX_TEXT);
+            truncated = true;
+        }
+        return json(res, { name, size: file.size, truncated, content: text });
+    }
+    // POST /api/runs/:id/stop
+    if (seg.length === 4 && seg[1] === "runs" && seg[3] === "stop" && method === "POST") {
+        return stopRun(seg[2])
+            ? json(res, { stopped: true })
+            : json(res, { error: "no running sandbox container for this run (local runs cannot be stopped here)" }, 404);
+    }
+    // GET /api/workflows
+    if (seg.length === 2 && seg[1] === "workflows" && method === "GET") {
+        return json(res, await listWorkflows());
+    }
+    // GET /api/workflows/:slug
+    if (seg.length === 3 && seg[1] === "workflows" && method === "GET") {
+        const wf = await getWorkflow(decodeURIComponent(seg[2]));
+        return wf ? json(res, wf) : json(res, { error: "not found" }, 404);
+    }
+    // GET/POST /api/workflows/:slug/run
+    if (seg.length === 4 && seg[1] === "workflows" && seg[3] === "run") {
+        if (method === "GET")
+            return json(res, dockerStatus());
+        if (method === "POST") {
+            const wf = await getWorkflow(decodeURIComponent(seg[2]));
+            if (!wf || wf.error || !wf.name)
+                return json(res, { error: "workflow not found or broken" }, 404);
+            let body;
+            try {
+                body = JSON.parse(await readBody(req));
+            }
+            catch {
+                return json(res, { error: "invalid JSON body" }, 400);
+            }
+            const request = (body.request ?? "").trim();
+            if (!request)
+                return json(res, { error: "request text is required" }, 400);
+            try {
+                const { runId } = triggerRun({
+                    workflowName: wf.name,
+                    request,
+                    sandbox: body.sandbox ?? true,
+                    ssh: !!body.ssh,
+                });
+                return json(res, { runId });
+            }
+            catch (err) {
+                return json(res, { error: err.message }, 503);
+            }
+        }
+    }
+    json(res, { error: "not found" }, 404);
+}
+async function serveStatic(res, staticDir, pathname) {
+    // SPA: unknown paths fall back to index.html (routing is client-side).
+    const rel = pathname === "/" ? "index.html" : pathname.slice(1);
+    let abs = path.resolve(staticDir, rel);
+    if (!abs.startsWith(path.resolve(staticDir) + path.sep) && abs !== path.resolve(staticDir)) {
+        return json(res, { error: "not found" }, 404);
+    }
+    let buf = await fs.readFile(abs).catch(() => null);
+    if (buf === null) {
+        abs = path.join(staticDir, "index.html");
+        buf = await fs.readFile(abs).catch(() => null);
+    }
+    if (buf === null)
+        return json(res, { error: "inspector assets missing" }, 500);
+    const ext = path.extname(abs).toLowerCase();
+    res.writeHead(200, {
+        "content-type": MIME[ext] ?? "application/octet-stream",
+        // Vite emits content-hashed asset names; index.html must stay fresh.
+        "cache-control": abs.endsWith("index.html") ? "no-store" : "public, max-age=31536000, immutable",
+    });
+    res.end(buf);
+}
+/** Start the server; resolves once it listens. Runs until the process ends. */
+export function startInspector(opts) {
+    setOutputDir(opts.outputDir);
+    const server = http.createServer(async (req, res) => {
+        try {
+            const url = new URL(req.url ?? "/", "http://localhost");
+            if (url.pathname.startsWith("/api/"))
+                await handleApi(req, res, url);
+            else
+                await serveStatic(res, opts.staticDir, url.pathname);
+        }
+        catch (err) {
+            json(res, { error: err.message }, 500);
+        }
+    });
+    return new Promise((resolve, reject) => {
+        server.once("error", reject);
+        server.listen(opts.port, () => resolve(server));
+    });
+}

package/dist/inspector/workflows.d.ts

@@ -0,0 +1,45 @@
+export interface AgentInfo {
+    id: string;
+    name?: string;
+    model?: string;
+    harness?: string;
+    effort?: string;
+    tools: string[];
+    persona?: string;
+}
+export interface StepInfo {
+    name: string;
+    kind: "agent" | "script";
+    agent?: string;
+    /** Resolved prompt text (agent steps). */
+    prompt?: string;
+    /** The file reference as written in the yml, if the value was a file ref. */
+    sourceRef?: string;
+    /** Resolved script text (script steps). */
+    script?: string;
+    gates: string[];
+}
+export interface WorkflowSummary {
+    slug: string;
+    name?: string;
+    description?: string;
+    agents: number;
+    steps: number;
+    error?: string;
+}
+export interface WorkflowDetail {
+    slug: string;
+    dir: string;
+    name?: string;
+    description?: string;
+    workspace?: string;
+    agents: AgentInfo[];
+    steps: StepInfo[];
+    files: string[];
+    error?: string;
+}
+export declare function listWorkflows(): Promise<{
+    root?: string;
+    workflows: WorkflowSummary[];
+}>;
+export declare function getWorkflow(slug: string): Promise<WorkflowDetail | null>;

package/dist/inspector/workflows.js

@@ -0,0 +1,186 @@
+import { promises as fs } from "node:fs";
+import path from "node:path";
+import { parse as parseYaml } from "yaml";
+import { getProjectRoot } from "./context.js";
+/**
+ * Workflow discovery + parsing for the inspector. Mirrors the kraftwerk CLI
+ * conventions (src/workflows/ or workflows/ under the project root, folder
+ * mode with workflow.yml or single .yml files) but parses the YAML raw, so
+ * even a workflow the framework would reject still renders — with its error.
+ */
+async function workflowsRoot() {
+    for (const candidate of ["src/workflows", "workflows"]) {
+        const p = path.join(getProjectRoot(), candidate);
+        const st = await fs.stat(p).catch(() => null);
+        if (st?.isDirectory())
+            return p;
+    }
+    return undefined;
+}
+function gateLabel(g) {
+    if (g == null)
+        return "?";
+    if (typeof g.file_non_empty === "string")
+        return `file_non_empty(${g.file_non_empty})`;
+    if (typeof g.slots_filled === "string")
+        return `slots_filled(${g.slots_filled})`;
+    if (g.contains)
+        return `contains(${g.contains.file}, ${g.contains.label ?? g.contains.text})`;
+    return JSON.stringify(g);
+}
+/** Folder mode: a single-line value references a file inside the folder. */
+async function resolveText(value, baseDir) {
+    if (typeof value !== "string")
+        return {};
+    const line = value.trim();
+    if (!baseDir || line.includes("\n"))
+        return { text: line };
+    const candidate = path.resolve(baseDir, line);
+    if (!candidate.startsWith(path.resolve(baseDir) + path.sep))
+        return { text: line };
+    const content = await fs.readFile(candidate, "utf8").catch(() => null);
+    if (content !== null)
+        return { text: content.trim(), sourceRef: line };
+    return { text: line };
+}
+async function listDirFiles(dir, prefix = "") {
+    const out = [];
+    const entries = await fs.readdir(dir, { withFileTypes: true }).catch(() => []);
+    for (const e of entries) {
+        if (e.name.startsWith("."))
+            continue;
+        if (e.isDirectory()) {
+            out.push(...(await listDirFiles(path.join(dir, e.name), `${prefix}${e.name}/`)));
+        }
+        else {
+            out.push(`${prefix}${e.name}`);
+        }
+    }
+    return out.sort();
+}
+async function locate() {
+    const root = await workflowsRoot();
+    if (!root)
+        return [];
+    const found = [];
+    for (const entry of await fs.readdir(root, { withFileTypes: true })) {
+        const entryPath = path.join(root, entry.name);
+        if (entry.isDirectory()) {
+            for (const f of ["workflow.yml", "workflow.yaml"]) {
+                const st = await fs.stat(path.join(entryPath, f)).catch(() => null);
+                if (st?.isFile()) {
+                    found.push({ slug: entry.name, yamlPath: path.join(entryPath, f), baseDir: entryPath });
+                    break;
+                }
+            }
+        }
+        else if (/\.ya?ml$/.test(entry.name)) {
+            found.push({ slug: entry.name.replace(/\.ya?ml$/, ""), yamlPath: entryPath, baseDir: null });
+        }
+    }
+    return found.sort((a, b) => a.slug.localeCompare(b.slug));
+}
+async function parseRaw(l) {
+    const text = await fs.readFile(l.yamlPath, "utf8");
+    return parseYaml(text);
+}
+export async function listWorkflows() {
+    const root = await workflowsRoot();
+    const located = await locate();
+    const workflows = await Promise.all(located.map(async (l) => {
+        try {
+            const raw = await parseRaw(l);
+            return {
+                slug: l.slug,
+                name: raw?.name,
+                description: raw?.description,
+                agents: Object.keys(raw?.agents ?? {}).length,
+                steps: (raw?.steps ?? []).length,
+            };
+        }
+        catch (err) {
+            return { slug: l.slug, agents: 0, steps: 0, error: err.message };
+        }
+    }));
+    return { root, workflows };
+}
+export async function getWorkflow(slug) {
+    const located = await locate();
+    const l = located.find((x) => x.slug === slug) ??
+        // Fallback: match by workflow name (run traces carry the name, not the slug).
+        (await (async () => {
+            for (const x of located) {
+                try {
+                    if ((await parseRaw(x))?.name === slug)
+                        return x;
+                }
+                catch { }
+            }
+            return undefined;
+        })());
+    if (!l)
+        return null;
+    let raw;
+    try {
+        raw = await parseRaw(l);
+    }
+    catch (err) {
+        return {
+            slug: l.slug,
+            dir: path.dirname(l.yamlPath),
+            agents: [],
+            steps: [],
+            files: [],
+            error: err.message,
+        };
+    }
+    const agents = [];
+    for (const [id, a] of Object.entries(raw?.agents ?? {})) {
+        const persona = await resolveText(a?.persona, l.baseDir);
+        agents.push({
+            id,
+            name: a?.name,
+            model: a?.model,
+            harness: a?.harness,
+            effort: a?.effort,
+            tools: a?.tools ?? [],
+            persona: persona.text,
+        });
+    }
+    const steps = [];
+    for (const s of raw?.steps ?? []) {
+        const gates = (s?.gates ?? []).map(gateLabel);
+        if (s?.run !== undefined) {
+            const script = await resolveText(s.run, l.baseDir);
+            steps.push({
+                name: s.name,
+                kind: "script",
+                script: script.text,
+                sourceRef: script.sourceRef,
+                gates,
+            });
+        }
+        else {
+            const prompt = await resolveText(s?.prompt, l.baseDir);
+            steps.push({
+                name: s?.name,
+                kind: "agent",
+                agent: s?.agent,
+                prompt: prompt.text,
+                sourceRef: prompt.sourceRef,
+                gates,
+            });
+        }
+    }
+    const workspace = await resolveText(raw?.workspace, l.baseDir);
+    return {
+        slug: l.slug,
+        dir: path.dirname(l.yamlPath),
+        name: raw?.name,
+        description: raw?.description,
+        workspace: workspace.text,
+        agents,
+        steps,
+        files: l.baseDir ? await listDirFiles(l.baseDir) : [path.basename(l.yamlPath)],
+    };
+}

package/inspector/dist/assets/index-BCSWkslF.css

@@ -0,0 +1 @@
+@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-700-normal-Bth3BMcD.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-mono-latin-700-normal-7sUh57Bg.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-700-normal-CNHXzs6v.woff) format("woff")}:root{--font-sans: "IBM Plex Sans";--font-mono: "IBM Plex Mono";--bg: #141512;--bg-deep: #0e0f0d;--panel: #1b1d19;--panel-2: #22241f;--line: #2e312a;--line-soft: #262822;--ink: #ecebe3;--ink-2: #b3b1a4;--muted: #7c7a6e;--accent: #f5a623;--accent-dim: rgba(245, 166, 35, .14);--ok: #56c15a;--ok-dim: rgba(86, 193, 90, .14);--fail: #e5484d;--fail-dim: rgba(229, 72, 77, .14);--run: #f5a623;--pending: #4c4e46;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .35);color-scheme:dark}:root[data-theme=light]{--bg: #f1f0ea;--bg-deep: #e8e7df;--panel: #fbfaf6;--panel-2: #f3f2ec;--line: #d9d7cc;--line-soft: #e3e1d6;--ink: #1d1e19;--ink-2: #55564c;--muted: #8a887b;--accent: #c77c11;--accent-dim: rgba(199, 124, 17, .12);--ok: #2e8f38;--ok-dim: rgba(46, 143, 56, .12);--fail: #c73538;--fail-dim: rgba(199, 53, 56, .1);--run: #c77c11;--pending: #c9c7bb;--shadow: 0 1px 2px rgba(29, 30, 25, .06);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;background:radial-gradient(1200px 400px at 50% -200px,rgba(245,166,35,.05),transparent 70%),var(--bg);color:var(--ink);font-family:var(--font-sans),sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}code,pre,.mono{font-family:var(--font-mono),monospace}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:10px 20px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px}.wordmark .lamp-block{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,var(--accent),#d2820b);display:grid;place-items:center;box-shadow:0 0 14px #f5a62359}.wordmark .lamp-block span{width:7px;height:7px;border-radius:2px;background:#141512}.wordmark b{font-family:var(--font-mono),monospace;font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.wordmark small{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.topbar .spacer{flex:1}.topbar nav{display:flex;gap:4px;margin-left:10px}.topbar nav a{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:4px 10px;border-radius:6px}.topbar nav a:hover{color:var(--ink);background:var(--panel-2)}.topbar .outdir{font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted);max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-btn{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.theme-btn:hover{border-color:var(--accent);color:var(--ink)}.shell{max-width:1240px;margin:0 auto;padding:26px 20px 80px}.microlabel{font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.num{font-variant-numeric:tabular-nums}.lamp{width:9px;height:9px;border-radius:50%;flex:none;position:relative}.lamp.ok{background:var(--ok);box-shadow:0 0 6px color-mix(in srgb,var(--ok) 60%,transparent)}.lamp.failed,.lamp.blocked{background:var(--fail);box-shadow:0 0 6px color-mix(in srgb,var(--fail) 60%,transparent)}.lamp.aborted{background:var(--pending)}.lamp.pending{background:transparent;border:1.5px solid var(--pending)}.lamp.running{background:var(--run);animation:lamp-pulse 1.4s ease-in-out infinite}@keyframes lamp-pulse{0%,to{box-shadow:0 0 4px color-mix(in srgb,var(--run) 55%,transparent);opacity:1}50%{box-shadow:0 0 14px var(--run);opacity:.75}}.status-word{font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.status-word.ok{color:var(--ok)}.status-word.failed,.status-word.blocked{color:var(--fail)}.status-word.running{color:var(--run)}.status-word.aborted,.status-word.pending{color:var(--muted)}.page-head{display:flex;align-items:baseline;gap:14px;margin:6px 2px 18px}.page-head h1{font-size:19px;font-weight:650;letter-spacing:-.01em}.page-head .count{color:var(--muted);font-size:13px}.run-list{display:grid;gap:10px}.run-card{display:grid;grid-template-columns:12px 200px 1fr auto;gap:8px 16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:13px 18px;box-shadow:var(--shadow);transition:border-color .12s ease,transform .12s ease}.run-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}.run-card .rid{font-family:var(--font-mono),monospace;font-size:12.5px;color:var(--ink-2)}.run-card .wf{font-weight:650;font-size:14px}.run-card .req{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52ch}.run-card .meta{display:flex;gap:18px;align-items:center;font-family:var(--font-mono),monospace;font-size:12px;color:var(--ink-2)}.progress-track{width:90px;height:4px;border-radius:2px;background:var(--line-soft);overflow:hidden}.progress-track i{display:block;height:100%;background:var(--accent);border-radius:2px}.run-card.is-ok .progress-track i{background:var(--ok)}.run-card.is-failed .progress-track i{background:var(--fail)}.empty{border:1px dashed var(--line);border-radius:8px;padding:40px;text-align:center;color:var(--muted)}.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-bottom:14px}.crumbs a:hover{color:var(--accent)}.crumbs .sep{color:var(--line)}.detail-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:6px}.detail-head h1{font-size:18px;font-weight:650}.detail-head .rid{font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted)}.detail-req{color:var(--ink-2);font-size:13px;margin-bottom:18px;max-width:90ch}.statgrid{display:flex;flex-wrap:wrap;gap:26px;margin-bottom:22px}.stat .microlabel{margin-bottom:1px}.stat .v{font-family:var(--font-mono),monospace;font-size:15px;font-weight:600}.columns{display:grid;grid-template-columns:minmax(430px,5fr) minmax(360px,4fr);gap:18px;align-items:start}@media(max-width:1020px){.columns{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line-soft);background:var(--panel-2)}.panel-head .microlabel{color:var(--ink-2)}.panel-head .spacer{flex:1}.phases{padding:6px 0}.phase-row{position:relative;padding:10px 16px 10px 40px}.phase-row+.phase-row{border-top:1px solid var(--line-soft)}.phase-row .lamp{position:absolute;left:17px;top:16px}.phase-row:before{content:"";position:absolute;left:21px;top:0;bottom:0;width:1px;background:var(--line-soft)}.phase-row:first-child:before{top:16px}.phase-row:last-child:before{bottom:auto;height:16px}.phase-row .lamp{z-index:1}.phase-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.phase-name{font-weight:650;font-size:13.5px}.chip{font-family:var(--font-mono),monospace;font-size:10.5px;border:1px solid var(--line);border-radius:4px;padding:1px 7px;color:var(--ink-2)}.chip.agent{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}.phase-top .right{margin-left:auto;display:flex;gap:14px;font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted)}.phase-sub{margin-top:3px;font-size:12.5px;color:var(--ink-2);max-width:72ch}.phase-activity{margin-top:3px;font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--run)}.phase-activity:before{content:"▸ "}.gate-line{margin-top:5px;display:flex;flex-wrap:wrap;gap:6px}.gate{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono),monospace;font-size:10.5px;border-radius:4px;padding:1.5px 7px;background:var(--ok-dim);color:var(--ok)}.gate.failed{background:var(--fail-dim);color:var(--fail)}.gate-fail-msg{margin-top:4px;font-size:12px;color:var(--fail)}.file-list{max-height:300px;overflow:auto}.file-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 16px;font-family:var(--font-mono),monospace;font-size:12.5px;border-bottom:1px solid var(--line-soft);color:var(--ink-2)}.file-row:last-child{border-bottom:0}.file-row:hover{background:var(--panel-2);color:var(--ink)}.file-row.active{background:var(--accent-dim);color:var(--ink)}.file-row .fname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .fsize{color:var(--muted);font-size:11px}.viewer{border-top:1px solid var(--line)}.viewer-body pre{padding:14px 16px;overflow:auto;max-height:560px;font-size:11.8px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--ink-2)}.viewer-body iframe{width:100%;height:620px;border:0;background:#fff;display:block}.viewer-body img{max-width:100%;display:block;padding:14px 16px}.viewer-note{padding:6px 16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line-soft)}.open-raw{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 8px}.open-raw:hover{color:var(--accent);border-color:var(--accent)}.live-note{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.wf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.wf-card{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px 18px;box-shadow:var(--shadow);transition:border-color .12s ease,transform .12s ease}.wf-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}.wf-card-head{display:flex;align-items:baseline;gap:10px}.wf-name{font-weight:650;font-size:15px;font-family:var(--font-mono),monospace}.wf-desc{color:var(--ink-2);font-size:12.5px;flex:1}.wf-meta{display:flex;gap:8px;font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted)}.wf-workspace{font-size:11.5px;color:var(--ink-2);white-space:pre-wrap}.aid-0{--aid: var(--accent)}.aid-1{--aid: #4fb8a8}.aid-2{--aid: #a78bfa}.aid-3{--aid: #e5793b}.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0}.agent-card{padding:14px 18px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.agent-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-head b{font-size:13.5px}.agent-head .spacer{flex:1}.agent-id{font-size:11px;color:var(--muted)}.agent-dot{width:10px;height:10px;border-radius:3px;background:var(--aid);box-shadow:0 0 8px color-mix(in srgb,var(--aid) 45%,transparent)}.agent-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tool-chip{font-family:var(--font-mono),monospace;font-size:10.5px;border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--ink-2)}.agent-persona{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.55;white-space:pre-wrap}.pipeline{padding:8px 0}.step-node{position:relative;display:flex;gap:14px;padding:12px 18px}.step-node+.step-node{border-top:1px solid var(--line-soft)}.step-node:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:1px;background:var(--line-soft)}.step-node:first-child:before{top:18px}.step-node:last-child:before{bottom:auto;height:18px}.step-index{position:relative;z-index:1;flex:none;width:25px;height:25px;border-radius:6px;margin-top:1px;display:grid;place-items:center;font-family:var(--font-mono),monospace;font-size:11.5px;font-weight:700;background:color-mix(in srgb,var(--aid) 16%,var(--panel));border:1px solid color-mix(in srgb,var(--aid) 55%,var(--line));color:var(--aid)}.step-index.is-script{--aid: var(--ink-2)}.step-body{flex:1;min-width:0}.agent-chip{border-color:color-mix(in srgb,var(--aid) 50%,var(--line));color:var(--aid)}.step-source{margin-top:6px}.step-source summary{cursor:pointer;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none}.step-source summary:hover{color:var(--accent)}.step-source pre{margin-top:6px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg-deep);font-size:11.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--ink-2);max-height:360px;overflow:auto}.gate.neutral{background:var(--panel-2);color:var(--ink-2);border:1px solid var(--line-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.run-form{display:flex;gap:10px}.run-form input[type=text]{flex:1;font:13px/1.4 var(--font-mono),monospace;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:9px 12px;outline:none}.run-form input[type=text]:focus{border-color:var(--accent)}.run-btn{font:600 12.5px/1 var(--font-sans),sans-serif;white-space:nowrap;color:#141512;background:var(--accent);border-radius:7px;padding:10px 16px}.run-btn:hover{filter:brightness(1.08)}.run-btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.run-opts{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px}.run-opts label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.run-opts input[type=checkbox]{accent-color:var(--accent)}.run-opts .opt-hint{color:var(--muted)}.sandbox-chip{border:1px solid var(--line);color:var(--ink-2)}.stop-btn{font:600 12px/1 var(--font-sans),sans-serif;color:var(--fail);background:var(--fail-dim);border:1px solid color-mix(in srgb,var(--fail) 40%,transparent);border-radius:7px;padding:7px 13px}.stop-btn:hover{border-color:var(--fail)}.stop-btn:disabled{opacity:.5;cursor:default}.shell:has(.runs-screen){max-width:none;padding:0}.runs-screen{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start}.runs-side{position:sticky;top:45px;height:calc(100vh - 45px);display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.side-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-soft);background:var(--panel-2)}.side-head .spacer{flex:1}.side-list{flex:1;overflow-y:auto}.side-row{display:flex;align-items:flex-start;gap:9px;padding:9px 12px 9px 14px;border-bottom:1px solid var(--line-soft);border-left:2px solid transparent}.side-row .lamp{margin-top:4px}.side-row:hover{background:var(--panel-2)}.side-row.active{background:var(--accent-dim);border-left-color:var(--accent)}.side-row-body{flex:1;min-width:0}.side-row-top{display:flex;align-items:baseline;gap:8px}.side-wf{font-weight:650;font-size:12.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-when{font-family:var(--font-mono),monospace;font-size:10.5px;color:var(--muted)}.side-row-sub{display:flex;align-items:baseline;gap:8px;margin-top:1px}.side-req{flex:1;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-row.active .side-req{color:var(--ink-2)}.side-meta{font-family:var(--font-mono),monospace;font-size:10.5px;color:var(--muted)}.runs-main{padding:16px 20px 40px;min-width:0}.runs-main .detail-head .spacer{flex:1}.tabs{display:flex;gap:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:2px}.tabs button{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:5px 13px;border-radius:5px}.tabs button:hover{color:var(--ink)}.tabs button.active{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.run-tab{max-width:1080px}.art-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;height:calc(100vh - 168px);min-height:420px}.art-files{display:flex;flex-direction:column;min-height:0}.art-files .file-list{flex:1;max-height:none}.art-viewer{display:flex;flex-direction:column;min-height:0}.art-viewer .viewer{flex:1;display:flex;flex-direction:column;min-height:0;border-top:0}.art-viewer .viewer-body{flex:1;min-height:0}.art-viewer .viewer-body iframe{height:100%}.art-viewer .viewer-body pre{max-height:none;height:100%;box-sizing:border-box}.art-viewer .viewer-body img{max-height:100%;object-fit:contain}.art-viewer .empty{flex:1;display:grid;place-items:center}@media(max-width:940px){.runs-screen{grid-template-columns:1fr}.runs-side{display:none}.art-layout{grid-template-columns:1fr;height:auto}.art-files .file-list{max-height:240px}.art-viewer .viewer-body iframe{height:560px}}