teapot-coding-agent 0.13.0 → 0.14.0

package/README.md

@@ -73,7 +73,8 @@ Agents are matched to named OpenAI-compatible providers:
 {
   "providers": {
     "openrouter": { "baseUrl": "https://openrouter.ai/api/v1", "apiKey": "sk-or-..." },
-    "local":      { "baseUrl": "http://localhost:11434/v1", "apiKey": "ollama", "model": "qwen3-coder" }
+    "orcarouter": { "baseUrl": "https://api.orcarouter.ai/v1", "apiKey": "sk-orca-...", "model": "orcarouter/auto" },
+    "local":      { "baseUrl": "http://localhost:8080/v1", "apiKey": "llama.cpp", "model": "local" }
   },
   "defaultProvider": "openrouter",
   "agents": [
@@ -85,7 +86,15 @@ Agents are matched to named OpenAI-compatible providers:
 }
 ```
 
-Per-agent inline `baseUrl`/`apiKey`/`model` override the provider entry.
+Per-agent inline `baseUrl`/`apiKey`/`model` override the provider entry. The
+first-run wizard and the settings modal ship quick-add presets for OpenRouter,
+OrcaRouter, OpenAI and a local llama.cpp server.
+
+**OpenRouter app attribution**: requests to `openrouter.ai` endpoints
+automatically carry `HTTP-Referer` / `X-OpenRouter-Title` /
+`X-OpenRouter-Categories: programming-app`, so teapot's usage shows up in
+OpenRouter's public rankings & analytics — no config needed. Other providers
+receive no extra headers.
 
 ## Architecture
 
@@ -114,7 +123,7 @@ master (Hono server, src/master.ts + src/server/api.ts)
   mid-task across master restarts instead of starting blank. Restores replay
   byte-identical request payloads, keeping provider prefix caches warm.
 - **LLM** (`src/agent/llm.ts`): official `openai` npm client against any
-  OpenAI-compatible endpoint (OpenRouter, vLLM, Ollama...). Model is config,
+  OpenAI-compatible endpoint (OpenRouter, OrcaRouter, vLLM, llama.cpp server...). Model is config,
   never hard-coded.
 - **Tools** (`src/agent/tools.ts`): provider-agnostic JSON-schema function specs —
   file work via `read_file` (numbered lines, grep-style `pattern` mode, negative

package/dist/agent/agent.js

@@ -476,6 +476,7 @@ export class Agent {
             todo: this.todo.slice(0, 32_000), // match set_todo's cap — no silent truncation
             parent: this.opts.parent,
             awaiting: this.awaitingUser,
+            autoContinue: this.opts.autoContinue,
         };
     }
     /**
@@ -723,6 +724,17 @@ export class Agent {
                     return finished;
                 if (call.function.name === "finish") {
                     await this.handleFinish(call.function.arguments);
+                    // surface still-running children so the operator knows work may
+                    // continue after this agent goes idle
+                    try {
+                        const running = (this.toolCtx.subAgents?.list?.() ?? []).filter((k) => k.status === "running");
+                        if (running.length)
+                            await this.log.append("system_note", this.currentSession, this.currentBranch, {
+                                event: "subs-still-running",
+                                detail: running.map((k) => `${k.id} (${k.status})`).join(", "),
+                            });
+                    }
+                    catch { /* best-effort notice */ }
                     // answer the tool_call so a follow-up round stays API-valid
                     await this.answerMeta(call, this.goal.status === "done" ? "(goal complete)" : "(round ended)");
                     finished = true;

package/dist/agent/llm.js

@@ -7,6 +7,27 @@
  */
 import OpenAI from "openai";
 const clients = new WeakMap();
+/**
+ * OpenRouter app attribution (https://openrouter.ai/docs/app-attribution):
+ * `HTTP-Referer` is the required identifier that puts teapot's usage on the
+ * public rankings/analytics; the title names it; `programming-app` files it
+ * under coding tools. Empty (harmless no-op) for every other provider.
+ */
+export function providerHeaders(baseUrl) {
+    try {
+        const host = new URL(baseUrl).host;
+        if (!/(^|\.)openrouter\.ai$/i.test(host))
+            return {};
+        return {
+            "HTTP-Referer": "https://github.com/akku1139/teapot",
+            "X-OpenRouter-Title": "teapot",
+            "X-OpenRouter-Categories": "programming-app",
+        };
+    }
+    catch {
+        return {}; // unparseable baseUrl — never block a request over metadata
+    }
+}
 function client(cfg) {
     let c = clients.get(cfg);
     if (!c) {
@@ -15,6 +36,7 @@ function client(cfg) {
             apiKey: cfg.apiKey,
             timeout: cfg.timeoutMs ?? 120_000,
             maxRetries: 4, // SDK handles backoff for 429/5xx/network errors
+            defaultHeaders: providerHeaders(cfg.baseUrl),
         });
         clients.set(cfg, c);
     }

package/dist/agent/tools.js

@@ -16,8 +16,8 @@ function clip(s, max) {
 async function readText(p) {
     return fs.readFile(p, "utf8");
 }
-/** Resolve a path inside the workspace; reject escapes. */
-function safeJoin(cwd, p) {
+/** Resolve a path inside the workspace; reject escapes (incl. symlink targets). */
+export function safeJoin(cwd, p) {
     const abs = path.resolve(cwd, p);
     const rel = path.relative(cwd, abs);
     if (rel.startsWith("..") || path.isAbsolute(rel)) {
@@ -741,7 +741,7 @@ export const TOOLS = [
                     context,
                     name: str(args.name).trim() || undefined,
                 });
-                return { ok: true, result: `spawned sub-agent ${r.id} — it works in parallel; use list_children / message_agent to steer it, stop_children to halt` };
+                return { ok: true, result: `spawned sub-agent ${r.id} — park with wait_children() until it reports (never bash sleep), steer via message_agent, halt via stop_children` };
             }
             catch (e) {
                 return { ok: false, result: `spawn failed: ${e.message}` };
@@ -788,6 +788,33 @@ export const TOOLS = [
             };
         },
     },
+    {
+        name: "wait_children",
+        description: "Park until at least one sub-agent settles (finished, errored, stopped, or asks you a question) — " +
+            "or until the timeout lapses. Costs zero tokens while parked: prefer this over bash sleep when " +
+            "waiting on spawned work. The settling child's report is delivered to you afterwards.",
+        parameters: {
+            type: "object",
+            properties: {
+                ids: { type: "array", items: { type: "string" }, description: "sub-agent ids; omit for all" },
+                timeout_ms: { type: "number", description: "default 300000 (5 min), max 3600000" },
+            },
+        },
+        async run(args, ctx) {
+            const sa = ctx.subAgents;
+            if (!sa)
+                return { ok: false, result: "sub-agents are not available here" };
+            const ids = Array.isArray(args.ids) ? args.ids.map(String) : undefined;
+            const ms = Math.min(Math.max(num(args.timeout_ms, 300_000), 1_000), 3_600_000);
+            try {
+                const r = await sa.wait(ids, ms);
+                return { ok: true, result: r.note };
+            }
+            catch (e) {
+                return { ok: false, result: `wait failed: ${e.message}` };
+            }
+        },
+    },
     {
         name: "message_agent",
         description: "Send a message to a specific sub-agent (steer it mid-flight or answer its ask_user question).",

package/dist/master.js

@@ -176,6 +176,7 @@ function printAgentEvent(e) {
 export class Master {
     agents = new Map();
     tasks = [];
+    childWaiters = new Map();
     startedAt = Date.now();
     config;
     configPath;
@@ -357,7 +358,7 @@ export class Master {
             sessionDir,
             progressIntervalMs: this.config.progressIntervalMs,
             ...(this.config.progressMinChars ? { progressMinChars: this.config.progressMinChars } : {}),
-            autoContinue: true,
+            autoContinue: ac.autoContinue ?? true,
             ...(this.config.contextTokenBudget ? { contextTokenBudget: this.config.contextTokenBudget } : {}),
             ...(ac.contextWindowTokens || this.config.contextWindowTokens || inferredWindow
                 ? {
@@ -395,6 +396,7 @@ export class Master {
                 })),
                 stop: (ids) => this.stopChildrenFor(ac.id, ids),
                 message: (id, text) => this.messageChild(ac.id, id, text),
+                wait: (ids, ms) => this.waitChildren(ac.id, ids, ms),
             };
             agent.toolCtx.subAgents = hooks;
         }
@@ -517,6 +519,69 @@ export class Master {
         return { stopped };
     }
     /** Deliver a parent's message into a child's mailbox (and wake it). */
+    /**
+     * Event-driven parking for a parent waiting on sub-agents: resolves as soon
+     * as ANY listed child settles (finish/error/stop/waiting) — zero API cost
+     * while parked. Falls back to a timeout so waits can never hang forever.
+     */
+    waitChildren(parentId, ids, timeoutMs, signal) {
+        const targets = (ids && ids.length
+            ? ids
+            : this.childrenOf(parentId).map((c) => c.id)).filter((id) => this.agents.has(id));
+        if (targets.length === 0)
+            return Promise.resolve({ note: "no live sub-agents to wait for" });
+        const active = () => targets.filter((id) => {
+            const s = this.agents.get(id)?.status;
+            return s === "running" || s === "waiting";
+        });
+        const first = active();
+        if (first.length === 0)
+            return Promise.resolve({ note: `all sub-agents already settled: ${targets.join(", ")}` });
+        return new Promise((resolve) => {
+            let done = false;
+            const finish = (note) => {
+                if (done)
+                    return;
+                done = true;
+                clearTimeout(timer);
+                set.delete(wake);
+                signal?.removeEventListener("abort", onAbort);
+                resolve({ note });
+            };
+            const onAbort = () => finish("aborted while waiting");
+            signal?.addEventListener("abort", onAbort, { once: true });
+            const timer = setTimeout(() => {
+                const left = active();
+                finish(`timeout after ${Math.round(timeoutMs / 1000)}s — still running: ${left.join(", ") || "(none)"}`);
+            }, timeoutMs);
+            const wake = (_note) => {
+                const left = active();
+                if (left.length > 0)
+                    return; // something is still working — keep parked
+                clearTimeout(timer);
+                finish(`all sub-agents settled: ${targets.join(", ")}`);
+            };
+            const set = this.childWaiters.get(parentId) ?? new Set();
+            if (!this.childWaiters.has(parentId))
+                this.childWaiters.set(parentId, set);
+            set.add(wake);
+            // re-check immediately: children may have settled between snapshot & register
+            if (active().length === 0)
+                wake();
+        });
+    }
+    /** wake every waiter of a parent (child lifecycle event happened) */
+    wakeParentWaiters(parentId) {
+        const set = this.childWaiters.get(parentId);
+        if (!set)
+            return;
+        for (const fn of set) {
+            try {
+                fn("child event");
+            }
+            catch { /* ignore */ }
+        }
+    }
     async messageChild(parentId, childId, text) {
         const cfg = this.config.agents.find((a) => a.id === childId);
         if (!cfg || cfg.parent !== parentId)
@@ -536,6 +601,10 @@ export class Master {
         const parentId = ac.parent;
         if (!parentId)
             return;
+        // any child lifecycle movement wakes a parked wait_children (the waiter
+        // re-checks whether its targets are all settled)
+        if (parentId)
+            this.wakeParentWaiters(parentId);
         const parent = this.agents.get(parentId);
         if (!parent)
             return;

package/dist/model-meta.js

@@ -4,6 +4,7 @@
  * from the real window instead of the safe default.
  */
 import fs from "node:fs";
+import { providerHeaders } from "./agent/llm.js";
 const cache = new Map();
 const TTL = 10 * 60_000;
 /** Fetch GET /models from an OpenAI-compatible endpoint (cached ~10 min). */
@@ -14,7 +15,10 @@ export async function fetchModelList(baseUrl, apiKey) {
         return hit.list;
     try {
         const res = await fetch(`${root}/models`, {
-            headers: apiKey ? { authorization: `Bearer ${apiKey}` } : {},
+            headers: {
+                ...(apiKey ? { authorization: `Bearer ${apiKey}` } : {}),
+                ...providerHeaders(baseUrl), // OpenRouter app attribution
+            },
             signal: AbortSignal.timeout(15_000),
         });
         if (!res.ok)

package/dist/server/api.js

@@ -12,6 +12,36 @@ import { fileURLToPath } from "node:url";
 import { parseSchedule } from "../scheduler/cron.js";
 import { SUB_PERSONAS } from "../master.js";
 import { ConfigPatchSchema, formatZodError } from "../config-schema.js";
+import { providerHeaders } from "../agent/llm.js";
+import { safeJoin } from "../agent/tools.js";
+/** GET <baseUrl>/models on any OpenAI-compatible endpoint (id + ctx window + pricing). */
+async function listModels(baseUrl, apiKey) {
+    const res = await fetch(`${baseUrl.replace(/\/+$/, "")}/models`, {
+        headers: {
+            ...(apiKey ? { authorization: `Bearer ${apiKey}` } : {}),
+            ...providerHeaders(baseUrl), // OpenRouter app attribution
+        },
+        signal: AbortSignal.timeout(15_000),
+    });
+    if (!res.ok)
+        throw new Error(`upstream ${res.status}`);
+    // OpenRouter-style entries carry context_length + per-token pricing —
+    // surface them so the UI can show what each model offers
+    const j = (await res.json());
+    return (j.data ?? [])
+        .map((m) => ({
+        id: typeof m.id === "string" ? m.id : "",
+        contextLength: typeof m.context_length === "number" ? m.context_length : undefined,
+        pricing: m.pricing && (m.pricing.prompt !== undefined || m.pricing.completion !== undefined)
+            ? {
+                prompt: Number(m.pricing.prompt ?? 0),
+                completion: Number(m.pricing.completion ?? 0),
+            }
+            : undefined,
+    }))
+        .filter((m) => m.id)
+        .sort((a, b) => a.id.localeCompare(b.id));
+}
 import path from "node:path";
 import { bus } from "../bus.js";
 import { readEvents } from "../log/events.js";
@@ -217,6 +247,78 @@ export function buildApp(master) {
             return c.json({ error: "cannot read" }, 400);
         }
     });
+    // ---- workspace file tree (read-only, powers the 🗂 files panel) ----
+    app.get("/api/agents/:id/tree", async (c) => {
+        const a = master.agents.get(c.req.param("id"));
+        if (!a)
+            return c.json({ error: "not found" }, 404);
+        const rel = c.req.query("path") || ".";
+        let abs;
+        try {
+            abs = safeJoin(a.workspace, rel);
+        }
+        catch (err) {
+            return c.json({ error: err.message }, 400);
+        }
+        let dirents;
+        try {
+            dirents = await fs.readdir(abs, { withFileTypes: true });
+        }
+        catch {
+            return c.json({ error: "cannot read directory" }, 400);
+        }
+        const entries = [];
+        for (const d of dirents) {
+            if (d.name.startsWith("."))
+                continue; // hidden files stay out of the tree
+            const isDir = d.isDirectory();
+            let size;
+            if (!isDir) {
+                try {
+                    size = (await fs.stat(path.join(abs, d.name))).size;
+                }
+                catch {
+                    /* vanished mid-scan — fine */
+                }
+            }
+            entries.push({ name: d.name, dir: isDir, ...(size !== undefined ? { size } : {}) });
+        }
+        entries.sort((x, y) => (x.dir !== y.dir ? (x.dir ? -1 : 1) : x.name.localeCompare(y.name)));
+        return c.json({
+            path: rel === "." ? "" : rel,
+            workspace: a.workspace,
+            entries,
+        });
+    });
+    // small text-file preview for the tree (binary-safe guard, hard cap)
+    app.get("/api/agents/:id/file", async (c) => {
+        const a = master.agents.get(c.req.param("id"));
+        if (!a)
+            return c.json({ error: "not found" }, 404);
+        const rel = c.req.query("path") ?? "";
+        if (!rel.trim())
+            return c.json({ error: "path required" }, 400);
+        let abs;
+        try {
+            abs = safeJoin(a.workspace, rel);
+        }
+        catch (err) {
+            return c.json({ error: err.message }, 400);
+        }
+        try {
+            const buf = await fs.readFile(abs);
+            if (buf.subarray(0, 8192).includes(0))
+                return c.json({ path: rel, binary: true, content: "" });
+            return c.json({
+                path: rel,
+                truncated: buf.length > 100_000,
+                content: buf.subarray(0, 100_000).toString("utf8"),
+            });
+        }
+        catch (err) {
+            return c.json({ error: err.message }, 400);
+        }
+    });
     // ---- config (view/edit from the web UI) ----
     app.get("/api/config", (c) => {
         const mask = (p) => Object.fromEntries(Object.entries(p ?? {}).map(([k, v]) => [
@@ -325,29 +427,25 @@ export function buildApp(master) {
         if (!prov?.baseUrl)
             return c.json({ error: `unknown provider: ${provName}` }, 400);
         try {
-            const res = await fetch(`${prov.baseUrl.replace(/\/+$/, "")}/models`, {
-                headers: prov.apiKey ? { authorization: `Bearer ${prov.apiKey}` } : {},
-                signal: AbortSignal.timeout(15_000),
+            return c.json({ provider: provName, models: await listModels(prov.baseUrl, prov.apiKey) });
+        }
+        catch (err) {
+            return c.json({ error: `model list failed: ${err.message}` }, 502);
+        }
+    });
+    // Model discovery DURING first-run setup — the config file doesn't exist
+    // yet, so there are no named providers to ask for. Takes the raw endpoint
+    // + key the operator is typing in the wizard and proxies GET /models.
+    app.get("/api/setup/models", async (c) => {
+        if (master.configFileExists)
+            return c.json({ error: "setup already completed" }, 409);
+        const baseUrl = c.req.query("baseUrl") ?? "";
+        if (!/^https?:\/\//.test(baseUrl))
+            return c.json({ error: "valid baseUrl required" }, 400);
+        try {
+            return c.json({
+                models: await listModels(baseUrl, c.req.query("apiKey") || undefined),
             });
-            if (!res.ok)
-                return c.json({ error: `upstream ${res.status}` }, 502);
-            // OpenRouter-style entries carry context_length + per-token pricing —
-            // surface them so the model switcher can show what each model offers
-            const j = (await res.json());
-            const models = (j.data ?? [])
-                .map((m) => ({
-                id: typeof m.id === "string" ? m.id : "",
-                contextLength: typeof m.context_length === "number" ? m.context_length : undefined,
-                pricing: m.pricing && (m.pricing.prompt !== undefined || m.pricing.completion !== undefined)
-                    ? {
-                        prompt: Number(m.pricing.prompt ?? 0),
-                        completion: Number(m.pricing.completion ?? 0),
-                    }
-                    : undefined,
-            }))
-                .filter((m) => m.id)
-                .sort((a, b) => a.id.localeCompare(b.id));
-            return c.json({ provider: provName, models });
         }
         catch (err) {
             return c.json({ error: `model list failed: ${err.message}` }, 502);
@@ -436,6 +534,22 @@ export function buildApp(master) {
             return c.json({ error: err.message }, 400);
         }
     });
+    // per-agent auto-continue toggle (loops toward an active goal)
+    app.post("/api/agents/:id/auto-continue", async (c) => {
+        const a = master.agents.get(c.req.param("id"));
+        if (!a)
+            return c.json({ error: "not found" }, 404);
+        const body = await c.req.json().catch(() => null);
+        if (!body || typeof body.value !== "boolean")
+            return c.json({ error: "boolean value required" }, 400);
+        const ac = master.config.agents.find((x) => x.id === c.req.param("id"));
+        if (ac)
+            ac.autoContinue = body.value;
+        a.opts.autoContinue = body.value;
+        master.saveConfig();
+        bus.emit("update", { kind: "agent-update", agentId: c.req.param("id") });
+        return c.json({ ok: true, value: body.value });
+    });
     // default sub-agent personas for @mentions and spawn_agent
     app.get("/api/personas", (c) => c.json({
         personas: Object.entries(SUB_PERSONAS).map(([key, p]) => ({ key, label: p.label, directive: p.directive })),
@@ -529,6 +643,13 @@ export function buildApp(master) {
             events = events.filter((e) => e.branch === branch);
         if (session)
             events = events.filter((e) => e.session === session);
+        // cursor pagination for older pages: everything strictly BEFORE this id
+        const before = c.req.query("before");
+        if (before) {
+            const idx = events.findIndex((e) => e.id === before);
+            events = idx === -1 ? [] : events.slice(0, idx);
+            return c.json({ events: events.slice(-limit), total: events.length });
+        }
         return c.json({ events: events.slice(-limit), total: events.length });
     });
     app.get("/api/agents/:id/branches", async (c) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "teapot-coding-agent",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "A lightweight, always-on multi-agent harness for AI coding agents",
   "type": "module",
   "license": "AGPL-3.0-or-later",
@@ -30,9 +30,12 @@
     "README.md"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.json && vite build",
+    "build": "tsc -p tsconfig.json && tsc -p tsconfig.frontend.json && vite build",
     "build-server": "tsc -p tsconfig.json",
     "build-web": "vite build",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "typecheck-web": "tsc -p tsconfig.frontend.json",
+    "lint": "oxlint src frontend test scripts",
     "start": "node dist/index.js",
     "dev": "node src/index.ts",
     "dev-web": "vite",
@@ -52,6 +55,7 @@
     "@types/ws": "^8.18.1",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
+    "oxlint": "^1.79.0",
     "solid-js": "^1.9.15",
     "typescript": "^5.8.0",
     "vite": "^8.2.2",

package/public/assets/index-Bf0jTq07.css

@@ -0,0 +1 @@
+:root{--bg-darkest:#1a1c22;--bg-dark:#232630;--bg-mid:#2b2e39;--bg-light:#343845;--fg:#dcdee4;--dim:#9298a5;--line:#1d2027;--acc:#5865f2;--ok:#3ba55d;--warn:#faa81a;--err:#ed4245;--tool:#3ba0c9;--term-bg:#0d0e12;--term-fg:#dcdee4;font-family:gg sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}[data-theme=midnight]{--bg-darkest:#0d0f18;--bg-dark:#12141f;--bg-mid:#1b1f31;--bg-light:#252a42;--fg:#dfe2f2;--dim:#8a90ad;--line:#0a0c14;--acc:#8b7cf7;--ok:#54c08a;--warn:#e5b567;--err:#ef6a6a;--tool:#6aa9e9;--term-bg:#0a0c13;--term-fg:#dfe2f2}[data-theme=tea]{--bg-darkest:#241c16;--bg-dark:#2e241c;--bg-mid:#3b2f24;--bg-light:#493b2d;--fg:#f0e4d2;--dim:#b39d82;--line:#1b140f;--acc:#d98e32;--ok:#7fa653;--warn:#e0b058;--err:#cf5b47;--tool:#c9975f;--term-bg:#1d1712;--term-fg:#ecdcc3}[data-theme=coffee]{--bg-darkest:#191410;--bg-dark:#211a14;--bg-mid:#30271e;--bg-light:#403527;--fg:#ede3d0;--dim:#a89478;--line:#120d07;--acc:#c68a4b;--ok:#8aa15c;--warn:#d9a441;--err:#c25450;--tool:#a67c52;--term-bg:#15100c;--term-fg:#e8dcc5}[data-theme=matcha]{--bg-darkest:#1b2217;--bg-dark:#232b1e;--bg-mid:#2f3a28;--bg-light:#3c4a33;--fg:#e8eeda;--dim:#9aab84;--line:#131a10;--acc:#8db64e;--ok:#6fae4e;--warn:#d8b13c;--err:#cd5c50;--tool:#5da88f;--term-bg:#151b11;--term-fg:#dfe8cb}[data-theme=matrix]{--bg-darkest:#060a06;--bg-dark:#0a0f0a;--bg-mid:#122116;--bg-light:#18301d;--fg:#c9f2cf;--dim:#6fa075;--line:#030603;--acc:#2fd558;--ok:#39c95f;--warn:#b8d977;--err:#ff6b6b;--tool:#57c99b;--term-bg:#030503;--term-fg:#3f7}[data-theme=sunset]{--bg-darkest:#1c1422;--bg-dark:#241b2b;--bg-mid:#33253e;--bg-light:#452f52;--fg:#f2e6ea;--dim:#ab93a8;--line:#150e1b;--acc:#f2784b;--ok:#63b46f;--warn:#eda63d;--err:#e25563;--tool:#b06ac9;--term-bg:#170f1d;--term-fg:#f0dfe4}[data-theme=light]{--bg-darkest:#eceef4;--bg-dark:#f6f7fa;--bg-mid:#e2e5ee;--bg-light:#fff;--fg:#24272f;--dim:#5d6470;--line:#d8dbe4;--acc:#4757d8;--ok:#2b8a4b;--warn:#b97a0f;--err:#d83c3f;--tool:#2278a8;--term-bg:#fff;--term-fg:#24272f}[data-theme=strawberry]{--bg-darkest:#fbe4ea;--bg-dark:#fdf0f3;--bg-mid:#f7d4de;--bg-light:#fffafb;--fg:#4a2733;--dim:#96707e;--line:#f0ccd6;--acc:#e05575;--ok:#4d9e63;--warn:#c98a2d;--err:#d43d51;--tool:#b05687;--term-bg:#fff5f8;--term-fg:#4a2733}[data-theme=ramune]{--bg-darkest:#ddeff7;--bg-dark:#ecf7fb;--bg-mid:#c9e7f4;--bg-light:#fbfeff;--fg:#173342;--dim:#5b7d90;--line:#c2e2ef;--acc:#1d86ae;--ok:#3a9e6e;--warn:#cf9a2a;--err:#d64f5c;--tool:#3a9db8;--term-bg:#f4fbfd;--term-fg:#173342}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-dark);color:var(--fg);font-size:15px}.layout{grid-template-columns:250px 1fr 300px;height:100dvh;display:grid;overflow:hidden}.layout.right-hidden{grid-template-columns:250px 1fr}.layout.right-hidden .rightbar{display:none}@media (width<=1100px){.layout,.layout.right-hidden{grid-template-columns:220px 1fr}.layout.right-hidden .rightbar{display:block}.rightbar{z-index:5;width:min(320px,88vw);transition:transform .18s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #0007}.rightbar.open{transform:none}}.sidebar{background:var(--bg-darkest);flex-direction:column;padding:10px 8px;display:flex;overflow-y:auto}.sidebar h1{color:var(--fg);flex-shrink:0;margin:0;padding:4px 8px 10px;font-size:14px;position:relative}.themepop{background:var(--bg-mid);border:1px solid var(--bg-light);z-index:6;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% - 2px);left:8px;right:8px;box-shadow:0 8px 24px #0008}.trow{color:var(--fg);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.trow select{background:var(--bg-darkest);color:var(--fg);border:none;border-radius:5px;outline:none;padding:3px 6px}.themegrid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.themebtn{background:var(--bg-light);color:var(--fg);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.themebtn:hover{filter:brightness(1.15)}.themebtn.on{border-color:var(--acc)}.swdots{flex-shrink:0;gap:2px;display:inline-flex}.swdots i{border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:inset 0 0 0 1px #0004}.agent-list{flex:1;min-height:0;overflow-y:auto}.agent-item{cursor:pointer;color:var(--dim);border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:7px 10px;display:flex}.agent-item .subtag{color:var(--dim);font-size:10px}.caret{cursor:pointer;width:12px;color:var(--dim);text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:9px}.caret:hover{color:var(--fg)}.caret-spacer{flex-shrink:0;width:12px}.agent-item:hover{background:var(--bg-mid)}.agent-item.sel{background:var(--bg-mid);color:var(--fg)}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot.running{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot.waiting{background:var(--acc);box-shadow:0 0 6px var(--acc);animation:1.6s ease-in-out infinite pulse}.badge.waiting{color:var(--acc)}.dot.idle{background:var(--warn)}.dot.stopped{background:var(--dim)}.dot.error{background:var(--err);box-shadow:0 0 6px var(--err)}.sidebar .metrics{color:var(--dim);border-top:1px solid var(--line);margin-top:12px;padding:8px 10px;font-size:11px;line-height:1.7}.channel{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.chan-head{border-bottom:2px solid var(--line);background:var(--bg-dark);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.chan-head .hash{color:var(--dim);font-size:20px}.chan-head .title{font-weight:700}.chan-head .sub{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;margin-left:8px;font-size:12px;overflow:hidden}.badge{background:var(--bg-light);vertical-align:middle;border-radius:10px;padding:1px 8px;font-size:11px}.badge.running{color:var(--ok)}.badge.error{color:var(--err)}.badge.idle{color:var(--warn)}.badge.done{color:var(--acc)}.badge.queued{color:var(--warn);white-space:nowrap;background:#faa81a1a;border:1px solid #faa81a44}.feed{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 0 8px;overflow-y:auto}.msg{gap:14px;padding:3px 18px;display:flex}.msg:hover{background:#ffffff08}.msg.pending{opacity:.55}.msg.pending .ts{color:var(--warn)}.msg.grouped{padding-top:0}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:2px;font-size:17px;display:flex}.msg-body{flex:1;min-width:0}.msg-head{align-items:baseline;gap:8px;display:flex}.actor{color:var(--warn);white-space:nowrap;font-size:11px}.runcard{flex-direction:column;gap:8px;display:flex}.statgrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat{background:var(--bg-mid);border-radius:6px;flex-direction:column;gap:1px;min-width:0;padding:5px 8px;display:flex}.stat span{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.stat b{text-overflow:ellipsis;font-size:15px;overflow:hidden}.statrow{align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.statrow .k{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:58px;font-size:10px}.pill{background:var(--bg-mid);white-space:nowrap;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px}.pill.ok{color:var(--ok)}.pill.warn{color:var(--warn)}.pill.crit{color:var(--err);background:#ed42451a}.bartrack{background:var(--bg-light);border-radius:3px;height:6px;margin-top:2px;overflow:hidden}.barfill{background:var(--ok);border-radius:3px;min-width:2px;height:100%;transition:width .3s}.barfill.warn{background:var(--warn)}.barfill.crit{background:var(--err)}.author{font-size:14.5px;font-weight:600}.ts{color:var(--dim);font-size:11px}.content{white-space:pre-wrap;word-break:break-word;line-height:1.45}.content p{margin:2px 0}.content pre{background:var(--bg-darkest);border-radius:6px;padding:8px;overflow-x:auto}.content code{background:var(--bg-darkest);border-radius:4px;padding:1px 4px;font-size:13px}.content pre code{background:0 0;padding:0}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin:8px 0 2px;font-size:15px}.content h1{font-size:16.5px}.content h2{font-size:15.5px}.content blockquote{border-left:3px solid var(--bg-light);color:var(--dim);background:#ffffff05;border-radius:0 4px 4px 0;margin:4px 0;padding:2px 10px}.content blockquote p{margin:2px 0}.content hr{border:none;border-top:1px solid var(--bg-light);margin:8px 0}.content del{color:var(--dim)}.content img{border-radius:6px;max-width:100%}.content li.task{margin-left:-18px;list-style:none}.content li:has(>input[type=checkbox]){margin-left:-18px;list-style:none}.content li input[type=checkbox]{accent-color:var(--ok);margin-right:6px}.tbl{margin:6px 0;overflow-x:auto}.tbl table{border-collapse:collapse;font-size:13px}.tbl th,.tbl td{border:1px solid var(--bg-light);text-align:left;padding:3px 9px}.tbl th{background:var(--bg-darkest);font-weight:600}.embed{border-left:3px solid var(--tool);background:var(--bg-darkest);border-radius:4px;margin-top:3px;padding:6px 10px;font-size:13.5px}.embed.fail{border-color:var(--err)}.embed.done{border-color:var(--ok)}.embed.running{border-color:var(--warn)}.embed.running summary .meta:after{content:"⋯";color:var(--warn);margin-left:6px;animation:1s step-end infinite blink;display:inline-block}.embed summary{gap:8px}.embed summary .mono{font-family:ui-monospace,Menlo,monospace}.toolbody{background:var(--bg-darkest);white-space:pre-wrap;word-break:break-word;border-radius:4px;max-height:340px;margin:4px 0;padding:6px 8px;font-size:12.5px;overflow-y:auto}.toolbody.del{border-left:2px solid var(--err);color:#f0a5a6;background:#ed424514}.toolbody.add{border-left:2px solid var(--ok);color:#9fd8ae;background:#3ba55d14}.toolbody.patch{padding:4px 8px}.toolbody.patch .pline{white-space:pre-wrap;word-break:break-word}.toolbody.patch .pline.add{color:#9fd8ae;border-left:2px solid var(--ok);background:#3ba55d14;padding-left:4px}.toolbody.patch .pline.del{color:#f0a5a6;border-left:2px solid var(--err);background:#ed424514;padding-left:4px}.toolbody.patch .pline.meta{color:var(--dim)}.embed.question{border-color:var(--acc);background:#5865f20f}.qopts{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.qopt{background:var(--acc);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:3px 12px;font-size:12.5px}.qopt:hover{filter:brightness(1.15)}.embed.question .meta{margin-top:6px}.embed.decision{border-color:var(--acc);background:#5865f20f}.embed.decision summary .meta{margin-left:6px}.embed.decision .content{margin-top:3px;font-size:13px}.embed summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style-position:outside}.embed summary::marker{color:var(--dim)}.embed[open] summary{margin-bottom:4px}.embed .mono{white-space:pre-wrap;word-break:break-word;max-height:340px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;overflow-y:auto}.embed .meta{color:var(--dim);margin-top:3px;font-size:11px}.reasoning{border-left:3px dashed var(--bg-light);color:var(--dim);background:#ffffff05;border-radius:4px;margin:2px 0;padding:2px 10px;font-size:12.5px}.reasoning summary{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.75}.reasoning summary:hover{opacity:1;color:var(--fg)}.reasoning[open] summary{margin-bottom:4px}.reasoning .mono{white-space:pre-wrap;word-break:break-word;max-height:260px;overflow-y:auto}.msg.live .avatar{animation:1.6s ease-in-out infinite pulse}.cursor{color:var(--acc);animation:1s step-end infinite blink}.interrupted{color:var(--warn);margin-top:3px;font-size:11.5px}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.55}}.conn{background:var(--err);vertical-align:middle;width:8px;height:8px;box-shadow:0 0 6px var(--err);border-radius:50%;margin-left:8px;display:inline-block}.conn.ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.copybtn{border:1px solid var(--bg-light);color:var(--dim);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:0 5px;font-size:11px;line-height:16px}.copybtn:hover{color:var(--fg);filter:brightness(1.3)}.embed summary{align-items:center;gap:6px;display:flex}.msgfoot{color:var(--dim);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.termdrawer{background:var(--term-bg);border-top:2px solid var(--line);flex-direction:column;display:flex}.termgrip{cursor:ns-resize;background:var(--bg-light);opacity:.6;border-bottom:1px solid var(--line);height:6px}.termgrip:hover{opacity:1}.termbar{color:var(--dim);border-bottom:1px solid var(--line);background:var(--bg-darkest);justify-content:space-between;align-items:center;padding:4px 10px;font-size:11.5px;display:flex}.termtabs{flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.termtab{cursor:pointer;color:var(--dim);white-space:nowrap;background:var(--bg-mid);border-radius:5px;align-items:center;gap:6px;padding:2px 8px;font-size:11.5px;display:inline-flex}.termtab.active{color:var(--fg);outline:1px solid var(--acc)}.termtab:hover{filter:brightness(1.15)}.tabx{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.tabx:hover{opacity:1;color:var(--err)}.termbody{background:var(--term-bg);flex:1;gap:4px;min-height:0;padding:4px;display:flex}.termbody.split .termpane{width:50%}.termpane{background:var(--term-bg);border-radius:6px;flex:1;min-width:0;position:relative;overflow:hidden}.termpane:not(.focused){opacity:.9}.termpane.focused{box-shadow:inset 0 0 0 2px var(--acc)}.termhost{position:absolute;inset:0}.termsession{padding:4px 6px;position:absolute;inset:0}.termsplit{background:var(--line);cursor:col-resize;border-radius:2px;flex-shrink:0;width:3px}.termempty{color:var(--dim);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.jump{background:var(--acc);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;position:absolute;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0008}.divider-msg{color:var(--dim);align-items:center;gap:10px;padding:4px 18px;font-size:11.5px;display:flex}.divider-msg:before,.divider-msg:after{content:"";background:var(--line);flex:1;height:1px}.divider-msg.err{color:var(--err)}.day-divider{align-items:center;gap:10px;padding:14px 18px 6px;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--bg-light);flex:1;height:1px}.day-divider span{color:var(--dim);font-size:11px}.composer{padding:0 16px 18px;position:relative}.composer form{background:var(--bg-light);border-radius:10px;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.composer textarea{color:var(--fg);font:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:160px;line-height:1.4;overflow-y:auto}.cmds{background:var(--bg-mid);border:1px solid var(--bg-light);z-index:3;border-radius:8px;position:absolute;bottom:calc(100% - 8px);left:16px;right:16px;overflow:hidden;box-shadow:0 -6px 20px #0007}.cmdrow{cursor:pointer;align-items:baseline;gap:10px;padding:7px 12px;font-size:13.5px;display:flex}.cmdrow:hover{background:var(--bg-light)}.cmdrow.active{background:var(--acc);color:#fff}.cmdrow.active .muted{color:#e6e9ff}.cmdrow .muted{font-size:12px}.composer button{background:var(--acc);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-weight:600}.composer button:hover{opacity:.9}.composer label{color:var(--dim);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.hint{color:var(--dim);margin-top:5px;font-size:11px}.rightbar{background:var(--bg-dark);border-left:2px solid var(--line);flex-direction:column;min-height:0;padding:14px;font-size:13px;display:flex;overflow-y:auto}.rightbar>*{flex-shrink:0}.rightbar h3{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);margin:14px 0 6px;font-size:11px}.rightbar h3:first-child{margin-top:0}.card{background:var(--bg-darkest);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:200px;padding:10px;overflow-y:auto}.muted{color:var(--dim)}.prog .progrow{gap:8px;margin-bottom:4px;display:flex}.prog .progrow b{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:62px;padding-top:2px;font-size:10px}.prog .progrow.warn span{color:var(--err)}.msg-head .editbtn{color:var(--dim);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 2px;font-size:11px;transition:opacity .12s}.msg:hover .msg-head .editbtn{opacity:1}.msg-head .editbtn:hover{color:var(--acc)}.branch-row{color:var(--dim);cursor:pointer;justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.branch-row:hover,.branch-row.cur{color:var(--fg)}.mini-cron{opacity:.75;margin-left:auto;font-size:10px}.sched-row{cursor:pointer;border-radius:6px;margin-bottom:2px;padding:6px 8px}.sched-row:hover,.sched-row.cur{background:var(--bg-mid)}.sched-top{align-items:baseline;gap:6px;font-size:12.5px;display:flex}.sched-row .sched-meta{color:var(--dim);margin-top:2px;font-size:11px}.sched-row .sched-prompt{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.badge.cron{color:var(--tool);white-space:nowrap;background:#3ba0c91a;border:1px solid #3ba0c944}.sesscard{flex-direction:column;gap:6px;font-size:12.5px;display:flex}.sessrow{align-items:center;gap:8px;display:flex}.filebox{background:var(--bg-darkest);border-radius:8px;max-height:260px;padding:4px;overflow-y:auto}.filerow{cursor:pointer;color:var(--fg);border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:12.5px;display:flex}.filerow:hover{background:var(--bg-mid)}.filerow .ficon{width:10px;color:var(--dim);text-align:center;flex-shrink:0;font-size:9px}.filerow.isdir .fname{font-weight:600}.fname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fsize{color:var(--dim);flex-shrink:0;margin-left:auto;font-size:10px}.sessrow .k{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:74px;font-size:10px}.ellip{text-overflow:ellipsis;white-space:nowrap;text-align:left;direction:rtl;overflow:hidden}.modelbox{background:var(--bg-darkest);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.modelbox select,.modelbox input[type=text]{background:var(--bg-mid);color:var(--fg);font:inherit;border:none;border-radius:6px;outline:none;min-width:0;padding:6px 8px}.modelbox button{background:var(--acc);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 10px;font-size:12.5px;font-weight:600}.modelbox button:hover{opacity:.9}.modelbox .meta{color:var(--dim);font-size:11px}.btnrow{gap:6px;margin:8px 0;display:flex}.btnrow button{background:var(--bg-light);color:var(--fg);cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:13px}.btnrow button:hover{filter:brightness(1.2)}.btnrow .runbtn{background:var(--ok);color:#fff;font-weight:600}.btnrow .danger{background:var(--err);color:#fff;font-weight:600}.ctrlrow{align-items:center;gap:8px;margin-top:6px;font-size:12.5px;display:flex}.ctrlrow label{cursor:pointer;color:var(--fg);white-space:nowrap;align-items:center;gap:5px;display:flex}.ctrlrow .muted{font-size:11.5px}.goalstate{background:var(--bg-light);color:var(--fg);cursor:pointer;border:none;border-radius:6px;padding:3px 10px;font-size:12px}.goalstate.on.active{background:var(--ok);color:#fff;font-weight:600}.goalstate.on.done{background:var(--acc);color:#fff;font-weight:600}.goalstate.on.paused{background:var(--warn);color:#fff;font-weight:600}.goalstate:disabled{cursor:default;filter:none}.iconbtn{background:var(--bg-light);color:var(--fg);cursor:pointer;border:none;border-radius:6px;width:26px;height:24px;font-size:13px}.iconbtn:hover{filter:brightness(1.3)}.overlay{z-index:10;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-mid);border-radius:10px;width:min(620px,92vw);max-height:88vh;padding:16px 18px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:16px;display:flex}.modal label{color:var(--dim);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.modal input[type=text],.modal input[type=number],.modal input[type=password],.modal input[type=url],.modal input[type=email],.modal select,.modal textarea{background:var(--bg-darkest);color:var(--fg);font:inherit;border:1px solid #0000;border-radius:6px;outline:none;padding:7px 9px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--acc)}.modal ::placeholder{color:#7c818f;opacity:1}.modal select option{background:var(--bg-darkest);color:var(--fg)}.modal input.compact{padding:5px 8px;font-size:12.5px}.modal textarea{resize:vertical}.w100{width:100%}.mono{font-family:ui-monospace,Menlo,monospace;font-size:13px}.modal fieldset{border:1px solid var(--bg-light);border-radius:8px;margin:0 0 4px;padding:10px}.modal fieldset legend{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;padding:0 6px;font-size:11px}.cfgrow{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.cfgrow input{background:var(--bg-darkest);color:var(--fg);border:none;border-radius:5px;flex:1;min-width:0;padding:5px 8px;font-size:12.5px}.cfgrow .cfgname{width:90px;color:var(--warn);flex:none;font-weight:600}.cfggrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.cfggrid label,.cfgcol label{color:var(--dim);flex-direction:column;gap:3px;font-size:11px;display:flex}.cfggrid input{background:var(--bg-darkest);color:var(--fg);border:none;border-radius:5px;width:100%;padding:5px 8px}.cfgcol{margin-bottom:8px}.cfgcol textarea{background:var(--bg-darkest);color:var(--fg);font:inherit;border:none;border-radius:5px;width:100%;margin-top:4px;padding:5px 8px;font-size:12.5px}.presetbtn{background:var(--bg-light);color:var(--fg);cursor:pointer;border:1px solid #0000;border-radius:6px;flex:1;padding:7px 10px;font-size:13px}.presetbtn.active{background:var(--acc);color:#fff}.forkchip{white-space:nowrap;color:var(--dim);cursor:pointer;align-items:center;gap:4px;font-size:11.5px;display:flex}.dirlist{background:var(--bg-darkest);border-radius:6px;max-height:160px;padding:4px;overflow-y:auto}.direntry{cursor:pointer;border-radius:4px;padding:4px 8px;font-size:14px}.direntry:hover{background:var(--bg-light)}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}