@agentplate/cli 1.0.0 → 1.2.0

package/src/merge/auto.ts

@@ -0,0 +1,118 @@
+/**
+ * Auto-merge: land a completed worker's branch onto the canonical branch without
+ * an operator running `agentplate merge`. Gated by `config.merge.autoMerge`:
+ *
+ *   off            → never (manual merge by the operator/coordinator)
+ *   on-gates-pass  → merge only when the task's quality gates passed cleanly
+ *   on-complete    → merge as soon as the agent finished without error
+ *
+ * This reuses the exact same path as the manual `merge` command — the merge queue
+ * (audit), the cross-process merge lock (so parallel auto-merges serialize), and
+ * {@link mergeBranch} (clean-merge / auto-resolve per `aiResolveEnabled`). Outcomes
+ * are reported to the parent/coordinator over mail (`merged` / `merge_failed`), so
+ * the existing coordination flow still sees every landing and handles conflicts.
+ *
+ * Pulled out of `sling` into its own unit so it can be tested against a real temp
+ * git repo without driving an agent turn.
+ */
+
+import { createMailClient } from "../mail/client.ts";
+import { mergeDbPath } from "../paths.ts";
+import type { AutoMergeMode, Capability, MergeStatus, MergeTier, OutcomeStatus } from "../types.ts";
+import { withMergeLock } from "./lock.ts";
+import { createMergeQueue } from "./queue.ts";
+import { mergeBranch } from "./resolver.ts";
+
+/** Capabilities that never produce a branch worth landing on the canonical branch. */
+const NON_MERGING_CAPABILITIES: ReadonlySet<Capability> = new Set<Capability>(["scout", "merger"]);
+
+export interface AutoMergeParams {
+	root: string;
+	branchName: string;
+	targetBranch: string;
+	capability: Capability;
+	agentName: string;
+	taskId: string;
+	/** Who to notify of the outcome (falls back to the coordinator). */
+	parent: string | null;
+	mode: AutoMergeMode;
+	/** Conflict strategy passed through to `mergeBranch`. */
+	aiResolveEnabled: boolean;
+	/** The task's quality-gate outcome, or null if gates did not run. */
+	gateStatus: OutcomeStatus | null;
+	/** Mail surface for reporting the outcome (injectable for tests). */
+	mail?: { send: (m: Parameters<ReturnType<typeof createMailClient>["send"]>[0]) => unknown };
+}
+
+export type AutoMergeOutcome =
+	| { merged: true; status: MergeStatus; tier: MergeTier | null }
+	| {
+			merged: false;
+			reason: "disabled" | "capability-skipped" | "gates-not-passed" | "merge-failed";
+			conflictFiles?: string[];
+	  };
+
+/**
+ * Decide whether to auto-merge `branchName` and, if so, do it under the merge lock.
+ * Never throws on a merge conflict — it reports `merge_failed` and returns a
+ * non-merged outcome so the spawn that called it is never failed by a landing.
+ */
+export async function maybeAutoMerge(params: AutoMergeParams): Promise<AutoMergeOutcome> {
+	const mail = params.mail ?? createMailClient(params.root);
+	const to = params.parent ?? "coordinator";
+
+	if (params.mode === "off") return { merged: false, reason: "disabled" };
+	if (NON_MERGING_CAPABILITIES.has(params.capability)) {
+		return { merged: false, reason: "capability-skipped" };
+	}
+	// Fail closed: on-gates-pass merges ONLY on a clean pass. A null status (gates
+	// not configured / not run) or any non-success holds the merge for a human.
+	if (params.mode === "on-gates-pass" && params.gateStatus !== "success") {
+		mail.send({
+			from: params.agentName,
+			to,
+			subject: `Auto-merge held: ${params.branchName}`,
+			body: `Quality gates did not pass (status: ${params.gateStatus ?? "not run"}); not merging. Review and merge manually.`,
+			type: "status",
+		});
+		return { merged: false, reason: "gates-not-passed" };
+	}
+
+	const queue = createMergeQueue(mergeDbPath(params.root));
+	try {
+		const entry = queue.enqueue({
+			branchName: params.branchName,
+			agentName: params.agentName,
+			taskId: params.taskId,
+			targetBranch: params.targetBranch,
+		});
+		const result = await withMergeLock(params.root, () =>
+			mergeBranch(params.root, params.branchName, params.targetBranch, {
+				autoResolve: params.aiResolveEnabled,
+			}),
+		);
+		queue.markStatus(entry.id, result.status);
+
+		if (result.status === "merged") {
+			mail.send({
+				from: params.agentName,
+				to,
+				subject: `Auto-merged: ${params.branchName} → ${params.targetBranch}`,
+				body: `Landed via ${result.tier ?? "merge"}.`,
+				type: "merged",
+			});
+			return { merged: true, status: result.status, tier: result.tier };
+		}
+
+		mail.send({
+			from: params.agentName,
+			to,
+			subject: `Auto-merge failed: ${params.branchName}`,
+			body: `Conflicts in: ${result.conflictFiles.join(", ") || "unknown"}. Merge manually.`,
+			type: "merge_failed",
+		});
+		return { merged: false, reason: "merge-failed", conflictFiles: result.conflictFiles };
+	} finally {
+		queue.close();
+	}
+}

package/src/paths.ts

@@ -22,8 +22,9 @@ export const agentStateDir = (root: string, agentName: string): string =>
 	join(root, AGENTPLATE_DIR, "agents", agentName);
 export const appliedSkillsPath = (root: string, agentName: string): string =>
 	join(agentStateDir(root, agentName), "applied-skills.json");
+export const specsDir = (root: string): string => join(root, AGENTPLATE_DIR, "specs");
 export const specPath = (root: string, taskId: string): string =>
-	join(root, AGENTPLATE_DIR, "specs", `${taskId}.md`);
+	join(specsDir(root), `${taskId}.md`);
 
 /**
  * Path to a bundled base agent definition shipped with the package

package/src/runtimes/resolve.test.ts

@@ -0,0 +1,49 @@
+/**
+ * Tests for resolveModel — focused on per-capability model tiering. Auth-mode is
+ * set to "none" so no secret is read; we assert which model id is chosen.
+ */
+
+import { describe, expect, test } from "bun:test";
+import { DEFAULT_CONFIG } from "../config.ts";
+import type { AgentplateConfig, Capability } from "../types.ts";
+import { resolveModel } from "./resolve.ts";
+
+/** A config whose active provider has a default model + optional tiering map. */
+function configWith(
+	model: string | undefined,
+	models?: Partial<Record<Capability, string>>,
+): AgentplateConfig {
+	const cfg = structuredClone(DEFAULT_CONFIG);
+	cfg.activeProvider = "anthropic";
+	cfg.providers.anthropic = { type: "native", authMode: "none", model, models };
+	return cfg;
+}
+
+const ROOT = "/tmp/agentplate-resolve-test"; // never read (authMode "none")
+
+describe("resolveModel — tiering", () => {
+	test("uses the provider default model when no capability is given", () => {
+		const { model } = resolveModel(configWith("claude-opus-4-8"), ROOT, "alias");
+		expect(model).toBe("claude-opus-4-8");
+	});
+
+	test("a per-capability override wins over the provider default", () => {
+		const cfg = configWith("claude-opus-4-8", {
+			scout: "claude-haiku-4-5",
+			reviewer: "claude-haiku-4-5",
+		});
+		expect(resolveModel(cfg, ROOT, "alias", "scout").model).toBe("claude-haiku-4-5");
+		expect(resolveModel(cfg, ROOT, "alias", "reviewer").model).toBe("claude-haiku-4-5");
+	});
+
+	test("a capability without an override falls back to the provider default", () => {
+		const cfg = configWith("claude-opus-4-8", { scout: "claude-haiku-4-5" });
+		expect(resolveModel(cfg, ROOT, "alias", "builder").model).toBe("claude-opus-4-8");
+	});
+
+	test("falls back to the manifest alias when the provider has no model", () => {
+		expect(resolveModel(configWith(undefined), ROOT, "manifest-alias", "builder").model).toBe(
+			"manifest-alias",
+		);
+	});
+});

package/src/runtimes/resolve.ts

@@ -2,11 +2,12 @@
  * Model resolution — bridge between the agent manifest (which names models by
  * alias) and a concrete {@link ResolvedModel} the runtime can spawn.
  *
- * Phase 2 keeps this deliberately simple: the active provider's configured
- * `model` (set by `agentplate setup`) is the concrete model, and the provider's
- * `authTokenEnv` secret is injected as an env var. Per-capability model tiering
- * (opus/sonnet/haiku) is a later refinement; for now the manifest alias is the
- * fallback when no provider model is configured.
+ * The active provider's configured `model` (set by `agentplate setup`) is the
+ * concrete model, and the provider's `authTokenEnv` secret is injected as an env
+ * var. Per-capability **model tiering** is supported: when a `capability` is given
+ * and the provider has a `models[capability]` override (e.g. a fast model for
+ * `scout`/`reviewer`), that wins; otherwise the provider `model`, otherwise the
+ * manifest alias.
  *
  * Auth mode matters here: only `api-key`/`env` providers inject a credential env
  * var. `subscription` providers delegate to the runtime CLI's own login (e.g. a
@@ -15,7 +16,7 @@
  */
 
 import { getSecret } from "../secrets.ts";
-import type { AgentplateConfig, ResolvedModel } from "../types.ts";
+import type { AgentplateConfig, Capability, ResolvedModel } from "../types.ts";
 
 /**
  * Resolve the concrete model + provider env for a manifest model alias.
@@ -23,14 +24,17 @@ import type { AgentplateConfig, ResolvedModel } from "../types.ts";
  * @param config  loaded Agentplate config
  * @param root    project root (to read the gitignored secret value)
  * @param manifestModel the model alias/id from the agent definition
+ * @param capability optional agent capability for per-capability model tiering
  */
 export function resolveModel(
 	config: AgentplateConfig,
 	root: string,
 	manifestModel: string,
+	capability?: Capability,
 ): ResolvedModel {
 	const provider = config.providers[config.activeProvider];
-	const model = provider?.model ?? manifestModel;
+	const tiered = capability ? provider?.models?.[capability] : undefined;
+	const model = tiered ?? provider?.model ?? manifestModel;
 	const env: Record<string, string> = {};
 
 	// Default to "api-key" for legacy configs written before authMode existed.

package/src/sessions/store.test.ts

@@ -318,6 +318,19 @@ describe("createSessionStore — countActive", () => {
 		store.updateSessionState(s.id, "completed");
 		expect(store.countActive("run-x")).toBe(0);
 	});
+
+	test("countActiveByParent counts a parent's active children only", () => {
+		store.upsertSession(makeSession({ runId: "r", parentAgent: "lead-1", state: "working" }));
+		store.upsertSession(makeSession({ runId: "r", parentAgent: "lead-1", state: "booting" }));
+		const done = makeSession({ runId: "r", parentAgent: "lead-1", state: "completed" });
+		store.upsertSession(done);
+		store.upsertSession(makeSession({ runId: "r", parentAgent: "lead-2", state: "working" }));
+
+		expect(store.countActiveByParent("lead-1", "r")).toBe(2); // excludes the completed child
+		expect(store.countActiveByParent("lead-2", "r")).toBe(1);
+		expect(store.countActiveByParent("lead-1", "other-run")).toBe(0);
+		expect(store.countActiveByParent("nobody")).toBe(0);
+	});
 });
 
 describe("createSessionStore — file-backed database", () => {

package/src/sessions/store.ts

@@ -57,6 +57,7 @@ export interface SessionStore {
 	setRuntimeSessionId(id: string, runtimeSessionId: string): void;
 	touch(id: string): void;
 	countActive(runId?: string): number;
+	countActiveByParent(parentAgent: string, runId?: string): number;
 	// --- Lifecycle ---
 	close(): void;
 }
@@ -328,6 +329,24 @@ export function createSessionStore(dbPath: string): SessionStore {
 		return row.n;
 	}
 
+	function countActiveByParent(parentAgent: string, runId?: string): number {
+		// Active children of a given parent (for the per-lead child cap).
+		if (runId !== undefined) {
+			const row = db
+				.query(
+					`SELECT COUNT(*) AS n FROM sessions WHERE parent_agent = ? AND run_id = ? AND state IN ${ACTIVE_STATES_SQL}`,
+				)
+				.get(parentAgent, runId) as { n: number };
+			return row.n;
+		}
+		const row = db
+			.query(
+				`SELECT COUNT(*) AS n FROM sessions WHERE parent_agent = ? AND state IN ${ACTIVE_STATES_SQL}`,
+			)
+			.get(parentAgent) as { n: number };
+		return row.n;
+	}
+
 	function close(): void {
 		db.close();
 	}
@@ -345,6 +364,7 @@ export function createSessionStore(dbPath: string): SessionStore {
 		setRuntimeSessionId,
 		touch,
 		countActive,
+		countActiveByParent,
 		close,
 	};
 }

package/src/types.ts

@@ -127,6 +127,11 @@ export interface ProviderConfig {
 	authTokenEnv?: string;
 	/** Default model id for this provider. */
 	model?: string;
+	/**
+	 * Per-capability model overrides (tiering): e.g. a fast/cheap model for
+	 * `scout`/`reviewer` and a strong model for `builder`. Falls back to `model`.
+	 */
+	models?: Partial<Record<Capability, string>>;
 }
 
 /** Orchestration limits and agent registry locations. */
@@ -150,10 +155,20 @@ export interface AgentsConfig {
 	idleTimeoutMinutes: number;
 }
 
-/** Conflict-resolution behavior for merging agent branches. */
+/**
+ * When a completed worker's branch is auto-merged into the canonical branch.
+ * - `off`: never (the operator/coordinator merges manually) — the default.
+ * - `on-gates-pass`: merge only if the task's quality gates pass.
+ * - `on-complete`: merge as soon as the agent finishes without error.
+ */
+export type AutoMergeMode = "off" | "on-gates-pass" | "on-complete";
+
+/** Conflict-resolution and auto-merge behavior for merging agent branches. */
 export interface MergeConfig {
 	/** Allow AI-assisted resolution of semantic conflicts. */
 	aiResolveEnabled: boolean;
+	/** When to auto-merge a completed worker's branch into the canonical branch. */
+	autoMerge: AutoMergeMode;
 }
 
 /** Logging behavior. */

package/src/version.ts

@@ -4,4 +4,4 @@
  * Kept as a plain constant (not read from package.json at runtime) so the value
  * is available without filesystem access and survives bundling.
  */
-export const VERSION = "1.0.0";
+export const VERSION = "1.2.0";

package/src/wizard/setup.test.ts

@@ -0,0 +1,45 @@
+/**
+ * Wizard helper tests. The interactive prompts themselves need a TTY, but the
+ * pure pieces are unit-tested directly. `detectQualityGates` reads a project's
+ * package.json to suggest gate commands.
+ */
+
+import { afterEach, beforeEach, describe, expect, test } from "bun:test";
+import { mkdtempSync, rmSync, writeFileSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { detectQualityGates } from "./setup.ts";
+
+let dir: string;
+
+beforeEach(() => {
+	dir = mkdtempSync(join(tmpdir(), "agentplate-wizard-"));
+});
+
+afterEach(() => {
+	rmSync(dir, { recursive: true, force: true });
+});
+
+describe("detectQualityGates", () => {
+	test("falls back to stack defaults when there is no package.json", () => {
+		const gates = detectQualityGates(dir);
+		expect(gates).toEqual([
+			{ name: "test", command: "bun test" },
+			{ name: "lint", command: "biome check ." },
+			{ name: "typecheck", command: "tsc --noEmit" },
+		]);
+	});
+
+	test("prefers `bun run <script>` for scripts the project defines", () => {
+		writeFileSync(
+			join(dir, "package.json"),
+			JSON.stringify({ scripts: { test: "vitest", typecheck: "tsc -p ." } }),
+			"utf8",
+		);
+		const gates = detectQualityGates(dir);
+		const byName = Object.fromEntries(gates.map((g) => [g.name, g.command]));
+		expect(byName.test).toBe("bun run test"); // script present → run it
+		expect(byName.typecheck).toBe("bun run typecheck"); // script present
+		expect(byName.lint).toBe("biome check ."); // no lint script → fallback
+	});
+});

package/src/wizard/setup.ts

@@ -7,10 +7,18 @@
  * module owns only the interactive I/O.
  */
 
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
 import * as p from "@clack/prompts";
 import { applyProviderSelection, buildProviderConfig } from "../providers/apply.ts";
 import { getProviderSpec, listProviders, meetsContextFloor } from "../providers/registry.ts";
-import type { AgentplateConfig, AuthMode } from "../types.ts";
+import type {
+	AgentplateConfig,
+	AuthMode,
+	AutoMergeMode,
+	Capability,
+	QualityGate,
+} from "../types.ts";
 import { commandOnPath, detectDefaultRuntime } from "../utils/detect.ts";
 
 /** Runtimes the wizard can offer. */
@@ -34,6 +42,32 @@ export interface WizardResult {
 	secret?: { key: string; value: string };
 }
 
+/**
+ * Suggest quality gates for a project. Prefers the project's own package.json
+ * scripts (`bun run <script>`) when present, falling back to the Bun/Biome/TS
+ * defaults this stack uses. The user confirms/deselects in the wizard.
+ */
+export function detectQualityGates(root: string): QualityGate[] {
+	let scripts: Record<string, string> = {};
+	try {
+		const pkg = JSON.parse(readFileSync(join(root, "package.json"), "utf8")) as {
+			scripts?: Record<string, string>;
+		};
+		scripts = pkg.scripts ?? {};
+	} catch {
+		// No package.json (or unreadable) — fall back to stack defaults below.
+	}
+	const gate = (name: string, fallback: string): QualityGate => ({
+		name,
+		command: scripts[name] ? `bun run ${name}` : fallback,
+	});
+	return [
+		gate("test", "bun test"),
+		gate("lint", "biome check ."),
+		gate("typecheck", "tsc --noEmit"),
+	];
+}
+
 /** Abort the wizard cleanly if the user cancelled a prompt. */
 function ensure<T>(value: T | symbol): T {
 	if (p.isCancel(value)) {
@@ -72,7 +106,7 @@ export async function runSetupWizard(currentConfig: AgentplateConfig): Promise<W
 			await p.text({
 				message: "Base URL for the endpoint",
 				placeholder: "https://my-endpoint.example.com/v1",
-				validate: (v) => (v.trim().length === 0 ? "A base URL is required" : undefined),
+				validate: (v) => (!v || v.trim().length === 0 ? "A base URL is required" : undefined),
 			}),
 		);
 	} else {
@@ -148,7 +182,7 @@ export async function runSetupWizard(currentConfig: AgentplateConfig): Promise<W
 			const key = ensure(
 				await p.password({
 					message: `Enter your ${spec.label} API key (${spec.authEnvVar})`,
-					validate: (v) => (v.trim().length === 0 ? "An API key is required" : undefined),
+					validate: (v) => (!v || v.trim().length === 0 ? "An API key is required" : undefined),
 				}),
 			);
 			secret = { key: spec.authEnvVar, value: key.trim() };
@@ -178,7 +212,7 @@ export async function runSetupWizard(currentConfig: AgentplateConfig): Promise<W
 				? ensure(
 						await p.text({
 							message: "Model id",
-							validate: (v) => (v.trim().length === 0 ? "A model id is required" : undefined),
+							validate: (v) => (!v || v.trim().length === 0 ? "A model id is required" : undefined),
 						}),
 					).trim()
 				: choice;
@@ -187,11 +221,36 @@ export async function runSetupWizard(currentConfig: AgentplateConfig): Promise<W
 			await p.text({
 				message: "Model id",
 				placeholder: "provider/model-name",
-				validate: (v) => (v.trim().length === 0 ? "A model id is required" : undefined),
+				validate: (v) => (!v || v.trim().length === 0 ? "A model id is required" : undefined),
 			}),
 		).trim();
 	}
 
+	// 4b. Model tiering — optionally use a faster/cheaper model for read-only
+	//     roles (scout, reviewer), keeping the chosen model for the rest.
+	let modelsByCapability: Partial<Record<Capability, string>> | undefined;
+	if (eligible.length > 1) {
+		const wantTiering = ensure(
+			await p.confirm({
+				message: "Use a faster/cheaper model for read-only roles (scout & reviewer)?",
+				initialValue: false,
+			}),
+		);
+		if (wantTiering) {
+			const fast = ensure(
+				await p.select({
+					message: "Fast model for scout & reviewer",
+					options: eligible.map((m) => ({
+						value: m.id,
+						label: m.label,
+						hint: `${Math.round(m.contextWindow / 1000)}k context`,
+					})),
+				}),
+			) as string;
+			modelsByCapability = { scout: fast, reviewer: fast };
+		}
+	}
+
 	// 5. Runtime -----------------------------------------------------------
 	const detected = await detectDefaultRuntime();
 	const installed = new Set<string>();
@@ -219,7 +278,50 @@ export async function runSetupWizard(currentConfig: AgentplateConfig): Promise<W
 		}),
 	);
 
-	// 6. Summary -----------------------------------------------------------
+	// 6. Orchestration & merge --------------------------------------------
+	const canonicalBranch = currentConfig.project.canonicalBranch;
+	const suggestedGates = detectQualityGates(currentConfig.project.root || ".");
+	const chosenGateNames = ensure(
+		await p.multiselect({
+			message:
+				"Quality gates to run on a worker's output (used by skill distillation and 'on gates pass' auto-merge)",
+			options: suggestedGates.map((g) => ({ value: g.name, label: g.name, hint: g.command })),
+			initialValues: suggestedGates.map((g) => g.name),
+			required: false,
+		}),
+	) as string[];
+	const qualityGates = suggestedGates.filter((g) => chosenGateNames.includes(g.name));
+
+	const autoMerge = ensure(
+		await p.select({
+			message: `Auto-merge a worker's branch into ${canonicalBranch} when it finishes?`,
+			initialValue: "off",
+			options: [
+				{ value: "off", label: "Never — merge manually", hint: "default; safest" },
+				{
+					value: "on-gates-pass",
+					label: "On quality gates pass",
+					hint: qualityGates.length
+						? "merge only when gates are green"
+						: "needs gates — will hold otherwise",
+				},
+				{
+					value: "on-complete",
+					label: "On complete",
+					hint: "merge as soon as the agent finishes (no gate check)",
+				},
+			],
+		}),
+	) as AutoMergeMode;
+
+	if (autoMerge === "on-gates-pass" && qualityGates.length === 0) {
+		p.note(
+			"No quality gates selected, so 'on gates pass' will hold every merge for manual review.\nAdd gates or pick a different mode to actually auto-merge.",
+			"Heads up",
+		);
+	}
+
+	// 7. Summary -----------------------------------------------------------
 	const previewProvider = buildProviderConfig(spec, model, authMode, baseUrl);
 	const authSummary: Record<AuthMode, string> = {
 		subscription: `subscription / ${runtimeCli(spec.subscriptionRuntime ?? runtime)} login (no key stored)`,
@@ -234,6 +336,11 @@ export async function runSetupWizard(currentConfig: AgentplateConfig): Promise<W
 			`runtime:   ${runtime}`,
 			`auth:      ${authSummary[authMode]}`,
 			previewProvider.baseUrl ? `base URL:  ${previewProvider.baseUrl}` : undefined,
+			`gates:     ${qualityGates.length ? qualityGates.map((g) => g.name).join(", ") : "none"}`,
+			`auto-merge:${autoMerge}`,
+			modelsByCapability?.scout
+				? `fast model: ${modelsByCapability.scout} (scout, reviewer)`
+				: undefined,
 		]
 			.filter(Boolean)
 			.join("\n"),
@@ -248,6 +355,12 @@ export async function runSetupWizard(currentConfig: AgentplateConfig): Promise<W
 		baseUrl,
 		runtime,
 	});
+	config.merge = { ...config.merge, autoMerge };
+	if (qualityGates.length) config.project = { ...config.project, qualityGates };
+	if (modelsByCapability) {
+		const pc = config.providers[providerId];
+		if (pc) config.providers[providerId] = { ...pc, models: modelsByCapability };
+	}
 
 	p.outro("Ready to write configuration.");
 	return secret ? { config, secret } : { config };

package/ui/dist/assets/index-DAq3_wei.css

@@ -0,0 +1 @@
+:root{--bg:#08090f;--bg-rail:#0b0c14;--bg-topbar:#0c0e16;--bg-card:#14161f;--bg-card-2:#1b1e2a;--bg-input:#1d2030;--border:#262a38;--border-soft:#1c1f2b;--text:#eef0f6;--text-dim:#a3a9bd;--text-faint:#6b7188;--accent:#fb4b38;--accent-2:#ff6a4d;--accent-soft:#fb4b3824;--accent-border:#fb4b3873;--grad-accent:linear-gradient(135deg, #ff6a4d 0%, #fb4b38 55%, #e0245e 100%);--grad-brand:linear-gradient(135deg, #ff7a3d, #fb4b38);--ok:#2dd4a7;--ok-soft:#2dd4a724;--grad-ok:linear-gradient(135deg, #34e7b4, #10b981);--warn:#fbbf24;--warn-soft:#fbbf2424;--grad-warn:linear-gradient(135deg, #fcd34d, #f59e0b);--err:#fb4b38;--err-soft:#fb4b3824;--info:#4f8cff;--info-soft:#4f8cff24;--grad-info:linear-gradient(135deg, #6aa8ff, #3b6cf6);--violet:#a78bfa;--violet-soft:#a78bfa24;--grad-violet:linear-gradient(135deg, #c4b5fd, #8b5cf6);--cyan:#22d3ee;--cyan-soft:#22d3ee24;--grad-cyan:linear-gradient(135deg, #67e8f9, #06b6d4);--rail-w:80px;--topbar-h:54px;--statusbar-h:30px;--radius:16px;--radius-sm:10px;--shadow-card:0 1px 0 #ffffff08 inset, 0 8px 24px #00000047;--glow-accent:0 6px 20px #fb4b3859}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 500px at 100% -5%,#fb4b381a,#0000 60%),radial-gradient(800px 500px at -5% 0,#7c5cf61a,#0000 55%),radial-gradient(700px 600px at 50% 110%,#22d3ee0f,#0000 60%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;font-size:14px}.os{grid-template-columns:var(--rail-w) 1fr;grid-template-rows:var(--topbar-h) 1fr var(--statusbar-h);grid-template-areas:"rail topbar""rail main""rail status";height:100vh;display:grid;overflow:hidden}.rail{background:var(--bg-rail);border-right:1px solid var(--border);flex-direction:column;grid-area:rail;align-items:center;gap:4px;padding:10px 0;display:flex;overflow-y:auto}.rail::-webkit-scrollbar{width:0}.rail-logo{color:#fff;background:var(--grad-brand);width:42px;height:42px;box-shadow:var(--glow-accent);border-radius:13px;place-items:center;margin-bottom:12px;display:grid}.rail-item{width:62px;color:var(--text-faint);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:9px 0 7px;transition:color .15s,background .15s,transform .1s;display:flex;position:relative}.rail-item:hover{color:var(--text);background:var(--bg-card)}.rail-item:active{transform:scale(.95)}.rail-item.active{color:#fff;background:var(--accent-soft)}.rail-item.active:before{content:"";background:var(--grad-accent);border-radius:0 4px 4px 0;width:4px;height:22px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.rail-item.active .ri-icon{color:var(--accent-2);filter:drop-shadow(0 0 8px #fb4b388c)}.rail-item .ri-icon{place-items:center;line-height:1;display:grid}.rail-item .ri-label{letter-spacing:.01em;font-size:10px;font-weight:600}.topbar{background:var(--bg-topbar);border-bottom:1px solid var(--border);grid-area:topbar;align-items:center;gap:14px;padding:0 16px;display:flex}.topbar-brand{align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.topbar-brand .brand-glyph{color:var(--accent-2);place-items:center;display:grid}.ver-pill{color:#fff;background:var(--grad-accent);letter-spacing:.04em;border-radius:7px;padding:2px 7px;font-size:10px;font-weight:800;box-shadow:0 2px 8px #fb4b3866}.topbar-spacer{flex:1}.topbar-search{background:var(--bg-input);border:1px solid var(--border);width:min(420px,38vw);color:var(--text-faint);font:inherit;text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:flex}.topbar-search span{flex:1}.topbar-search:hover{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}.topbar-search kbd{background:var(--bg-card-2);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;margin-left:auto;padding:1px 5px;font-size:11px}.topbar-icon{width:34px;height:34px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;font-size:16px;display:grid;position:relative}.topbar-icon:hover{background:var(--bg-card);color:var(--text)}.topbar-badge{background:var(--accent);color:#fff;text-align:center;min-width:15px;height:15px;box-shadow:0 0 0 2px var(--bg-topbar,#0d0e11);border-radius:8px;padding:0 4px;font-size:9.5px;font-weight:800;line-height:15px;position:absolute;top:1px;right:1px}.notif-wrap{display:inline-flex;position:relative}.notif-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:60;width:360px;max-height:460px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 40px #00000080}.notif-head{border-bottom:1px solid var(--border-soft);background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.notif-title{font-size:13.5px;font-weight:800}.notif-count{color:var(--text-faint);font-size:12px}.notif-empty{text-align:center;color:var(--text-faint);padding:28px 16px;font-size:13px}.notif-list{margin:0;padding:0;list-style:none}.notif-item{border-bottom:1px solid var(--border-soft);align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.notif-item.clickable{cursor:pointer}.notif-item.clickable:hover{background:var(--bg-card-2)}.notif-item.fresh{background:#f5402d0f}.notif-dot{border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px}.notif-body{flex:1;min-width:0}.notif-row1{align-items:baseline;gap:8px;display:flex}.notif-agent{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.notif-label{color:var(--text-faint);letter-spacing:.02em;font-size:10.5px}.notif-ago{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:11px}.notif-summary{color:var(--text-dim);word-break:break-word;margin-top:2px;font-size:12.5px}.topbar-user{border-radius:18px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.avatar{background:var(--grad-accent);color:#fff;width:30px;height:30px;box-shadow:var(--glow-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.main{grid-area:main;padding:26px 30px 40px;overflow-y:auto}.statusbar{background:var(--bg-topbar);border-top:1px solid var(--border);color:var(--text-dim);grid-area:status;align-items:center;gap:20px;padding:0 16px;font-size:11.5px;display:flex}.sb-item{align-items:center;gap:6px;display:flex}.sb-key{color:var(--text-faint);letter-spacing:.02em;font-weight:600}.sb-val{color:var(--text);font-weight:600}.sb-bar{background:var(--bg-card-2);border-radius:3px;width:46px;height:5px;overflow:hidden}.sb-bar>span{border-radius:3px;height:100%;display:block}.sb-spacer{flex:1}.sb-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.page-head{margin-bottom:22px}.page-title{letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-size:30px;font-weight:800;display:flex}.page-sub{color:var(--text-dim);margin:6px 0 0;font-size:14px}.head-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px;display:grid}.stat{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);min-height:150px;box-shadow:var(--shadow-card);flex-direction:column;padding:18px 20px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.stat:after{content:"";background:var(--grad-accent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.stat:hover{border-color:var(--border);transform:translateY(-2px)}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-dim);font-size:14px;font-weight:500}.stat-icon{color:#fff;background:var(--grad-accent);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 12px #00000040}.stat-icon.ok{background:var(--grad-ok)}.stat-icon.warn{background:var(--grad-warn)}.stat-icon.info{background:var(--grad-info)}.stat-icon.violet{background:var(--grad-violet)}.stat-icon.cyan{background:var(--grad-cyan)}.stat-value{letter-spacing:-.02em;margin-top:auto;font-size:42px;font-weight:800;line-height:1}.stat-value.sm{font-size:30px}.stat-value.accent{color:var(--accent-2)}.stat-value.ok{color:var(--ok)}.stat-sub{color:var(--text-faint);margin-top:6px;font-size:12px}.title-icon{color:#fff;background:var(--grad-accent);width:40px;height:40px;box-shadow:var(--glow-accent);border-radius:13px;flex:none;place-items:center;display:grid}.title-icon.ok{background:var(--grad-ok);box-shadow:0 6px 18px #10b98152}.title-icon.warn{background:var(--grad-warn);box-shadow:0 6px 18px #f59e0b52}.title-icon.info{background:var(--grad-info);box-shadow:0 6px 18px #3b6cf652}.title-icon.violet{background:var(--grad-violet);box-shadow:0 6px 18px #8b5cf652}.title-icon.cyan{background:var(--grad-cyan);box-shadow:0 6px 18px #06b6d452}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px}.card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.card-title svg{color:var(--accent-2)}.card-meta{color:var(--text-faint);font-size:12px}.btn{border:1px solid var(--border);background:var(--bg-card-2);color:var(--text);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent-border)}.btn.primary{background:var(--grad-accent);color:#fff;box-shadow:var(--glow-accent);border-color:#0000}.btn.primary:hover:not(:disabled){filter:brightness(1.08);border-color:#0000}.btn:disabled{opacity:.5;cursor:not-allowed}.seg{background:var(--bg-card-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:600}.seg button.active{background:var(--grad-accent);color:#fff;box-shadow:0 2px 10px #fb4b3859}.badge{border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge .bdot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:#34d3994d}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:#fbbf244d}.badge.err{color:var(--err);background:var(--err-soft);border-color:var(--accent-border)}.badge.info{color:var(--info);background:var(--info-soft);border-color:#60a5fa4d}.badge.accent{color:var(--accent-2);background:var(--accent-soft);border-color:var(--accent-border)}.badge.neutral{color:var(--text-dim);background:var(--bg-card-2);border-color:var(--border)}.badge.violet{color:var(--violet);background:#a78bfa1f;border-color:#a78bfa4d}.bar{background:var(--bg-card-2);border-radius:4px;height:7px;overflow:hidden}.bar>span{background:var(--grad-accent);border-radius:4px;height:100%;display:block}.grid-wrap{overflow-x:auto}table.grid{border-collapse:collapse;width:100%;font-size:13px}table.grid th{text-align:left;color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:600}table.grid td{border-bottom:1px solid var(--border-soft);color:var(--text);padding:11px 12px}table.grid tr:last-child td{border-bottom:none}.row-click{cursor:pointer}.row-click:hover{background:var(--bg-card-2)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.nowrap{white-space:nowrap}.empty{color:var(--text-faint);text-align:center;padding:24px}.row-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1000px){.row-2col{grid-template-columns:1fr}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-track{background:0 0}.cmdk-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;background:#0405098c;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmdk{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:min(560px,92vw);display:flex;overflow:hidden;box-shadow:0 24px 70px #0000008c}.cmdk-input{border:none;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text);font:inherit;background:0 0;outline:none;padding:16px 18px;font-size:16px}.cmdk-input::placeholder{color:var(--text-faint)}.cmdk-list{max-height:50vh;padding:6px;overflow-y:auto}.cmdk-section{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:10px 10px 4px;font-size:10.5px;font-weight:700}.cmdk-item{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-size:14px;display:flex}.cmdk-item.active{background:var(--accent-soft)}.cmdk-icon{color:var(--text-dim);flex:none;place-items:center;display:grid}.cmdk-item.active .cmdk-icon{color:var(--accent-2)}.cmdk-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.cmdk-kind{color:var(--text-faint);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:11px}.cmdk-empty{text-align:center;color:var(--text-faint);padding:26px}.cmdk-foot{border-top:1px solid var(--border-soft);color:var(--text-faint);gap:16px;padding:9px 14px;font-size:11.5px;display:flex}.cmdk-foot kbd{background:var(--bg-card-2);border:1px solid var(--border);border-radius:5px;margin-right:3px;padding:1px 5px;font-size:10.5px}