@payconductor/houndsman 0.3.0 → 0.5.0

package/src/server/client/utils/markdown.ts

@@ -0,0 +1,319 @@
+/**
+ * Markdown mínimo do cliente (campo `action` do finding e artefatos).
+ *
+ * Suporta o suficiente para instruções curtas e relatórios: parágrafos,
+ * quebras de linha, listas, blockquote, títulos, tabelas, blocos de código e
+ * formatação inline (`code`, **bold**, *itálico*, links). Sem lib externa e
+ * sem HTML cru.
+ */
+
+/** Alinhamento de coluna em tabela markdown. */
+export type MarkdownAlign = "left" | "center" | "right";
+
+export type MarkdownBlock =
+	| { type: "paragraph"; text: string }
+	| { type: "list"; ordered: boolean; items: string[] }
+	| { type: "code"; language: string | null; code: string }
+	| { type: "quote"; text: string }
+	| { type: "heading"; level: number; text: string }
+	| {
+			type: "table";
+			align: (MarkdownAlign | undefined)[];
+			header: string[];
+			rows: string[][];
+	  }
+	| { type: "hr" };
+
+export type InlineToken =
+	| { type: "text"; text: string }
+	| { type: "code"; text: string }
+	| { type: "strong"; text: string }
+	| { type: "em"; text: string }
+	| { type: "link"; text: string; url: string }
+	| { type: "path"; text: string };
+
+const FENCE = /^\s*```(\S*)\s*$/;
+const BULLET = /^\s*[-*+]\s+(.*)$/;
+const ORDERED = /^\s*\d+\.\s+(.*)$/;
+const QUOTE = /^\s*>\s?(.*)$/;
+const HEADING = /^(#{1,6})\s+(.*)$/;
+const HR = /^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/;
+const TABLE_SEP = /^\s*\|?\s*:?-{2,}:?\s*(?:\|\s*:?-{2,}:?\s*)+\|?\s*$/;
+
+function isBlockStart(line: string): boolean {
+	return (
+		FENCE.test(line) ||
+		HEADING.test(line) ||
+		HR.test(line) ||
+		BULLET.test(line) ||
+		ORDERED.test(line) ||
+		QUOTE.test(line)
+	);
+}
+
+/** Quebra uma linha de tabela em células (remove os pipes das pontas). */
+function splitTableRow(line: string): string[] {
+	return line
+		.trim()
+		.replace(/^\|/, "")
+		.replace(/\|$/, "")
+		.split("|")
+		.map((cell) => cell.trim());
+}
+
+/** `true` quando há um cabeçalho seguido da linha separadora de tabela. */
+function isTableStart(lines: string[], index: number): boolean {
+	if (index + 1 >= lines.length) return false;
+	if (!lines[index].includes("|")) return false;
+	return TABLE_SEP.test(lines[index + 1]);
+}
+
+/** Alinhamentos declarados na linha separadora (`:---`, `:---:`, `---:`). */
+function parseAlignments(line: string): (MarkdownAlign | undefined)[] {
+	return splitTableRow(line).map((cell) => {
+		const left = cell.startsWith(":");
+		const right = cell.endsWith(":");
+		if (left && right) return "center";
+		if (right) return "right";
+		if (left) return "left";
+		return undefined;
+	});
+}
+
+/** Célula numérica ou razão (`12`, `3/4`) — colunas assim vão para a direita. */
+const NUMERIC_CELL = /^[\d\s/]+$/;
+
+/** Resolve o alinhamento: explícito > coluna só de números/barra > padrão. */
+function resolveAlignments(
+	align: (MarkdownAlign | undefined)[],
+	rows: string[][],
+): (MarkdownAlign | undefined)[] {
+	return align.map((value, column) => {
+		if (value) return value;
+		let filled = 0;
+		for (const row of rows) {
+			const cell = (row[column] ?? "").trim();
+			if (cell.length === 0) continue;
+			if (!NUMERIC_CELL.test(cell) || !/\d/.test(cell)) return undefined;
+			filled++;
+		}
+		return filled > 0 ? "right" : undefined;
+	});
+}
+
+/** Divide o texto em blocos simples (sem aninhamento profundo). */
+export function parseMarkdown(text: string): MarkdownBlock[] {
+	const lines = text.replace(/\r\n?/g, "\n").split("\n");
+	const blocks: MarkdownBlock[] = [];
+	let index = 0;
+
+	while (index < lines.length) {
+		const line = lines[index];
+		if (line.trim().length === 0) {
+			index++;
+			continue;
+		}
+
+		const fence = FENCE.exec(line);
+		if (fence) {
+			const language = fence[1] || null;
+			const code: string[] = [];
+			index++;
+			while (index < lines.length && !FENCE.test(lines[index])) {
+				code.push(lines[index]);
+				index++;
+			}
+			if (index < lines.length) index++;
+			blocks.push({ type: "code", language, code: code.join("\n") });
+			continue;
+		}
+
+		const heading = HEADING.exec(line);
+		if (heading) {
+			blocks.push({
+				type: "heading",
+				level: heading[1].length,
+				text: heading[2].trim(),
+			});
+			index++;
+			continue;
+		}
+
+		if (HR.test(line)) {
+			blocks.push({ type: "hr" });
+			index++;
+			continue;
+		}
+
+		if (isTableStart(lines, index)) {
+			const header = splitTableRow(line);
+			const align = parseAlignments(lines[index + 1]);
+			const rows: string[][] = [];
+			index += 2;
+			while (
+				index < lines.length &&
+				lines[index].trim().length > 0 &&
+				lines[index].includes("|")
+			) {
+				rows.push(splitTableRow(lines[index]));
+				index++;
+			}
+			blocks.push({
+				type: "table",
+				align: resolveAlignments(align, rows),
+				header,
+				rows,
+			});
+			continue;
+		}
+
+		if (BULLET.test(line)) {
+			const items: string[] = [];
+			while (index < lines.length) {
+				const item = BULLET.exec(lines[index]);
+				if (!item) break;
+				items.push(item[1]);
+				index++;
+			}
+			blocks.push({ type: "list", ordered: false, items });
+			continue;
+		}
+
+		if (ORDERED.test(line)) {
+			const items: string[] = [];
+			while (index < lines.length) {
+				const item = ORDERED.exec(lines[index]);
+				if (!item) break;
+				items.push(item[1]);
+				index++;
+			}
+			blocks.push({ type: "list", ordered: true, items });
+			continue;
+		}
+
+		if (QUOTE.test(line)) {
+			const quote: string[] = [];
+			while (index < lines.length) {
+				const item = QUOTE.exec(lines[index]);
+				if (!item) break;
+				quote.push(item[1]);
+				index++;
+			}
+			blocks.push({ type: "quote", text: quote.join("\n") });
+			continue;
+		}
+
+		const paragraph: string[] = [line];
+		index++;
+		while (
+			index < lines.length &&
+			lines[index].trim().length > 0 &&
+			!isBlockStart(lines[index]) &&
+			!isTableStart(lines, index)
+		) {
+			paragraph.push(lines[index]);
+			index++;
+		}
+		blocks.push({ type: "paragraph", text: paragraph.join("\n") });
+	}
+
+	return blocks;
+}
+
+/** Blocos de uma seção `## <título>` (sem o heading); vazio se ausente. */
+export function sectionBlocks(text: string, title: string): MarkdownBlock[] {
+	const wanted = title.trim().toLowerCase();
+	const blocks: MarkdownBlock[] = [];
+	let inside = false;
+	for (const block of parseMarkdown(text)) {
+		if (block.type === "heading") {
+			if (inside) break;
+			inside = block.level >= 2 && block.text.trim().toLowerCase() === wanted;
+			continue;
+		}
+		if (inside) blocks.push(block);
+	}
+	return blocks;
+}
+
+/** Extensão reconhecida como arquivo (evita destacar texto comum). */
+const FILE_EXTENSION =
+	/\.(?:[cm]?[jt]sx?|json|md|ya?ml|toml|css|scss|html?|py|go|rs|java|kt|cs|php|rb|sh|sql|txt|lock)$/i;
+
+/** Caminho/arquivo dentro de um texto corrido (`src/foo.ts`, `review.md`). */
+const PATH_TOKEN =
+	/(?:[\w.-]+[\\/])*[\w-]+\.(?:[cm]?[jt]sx?|json|md|ya?ml|toml|css|scss|html?|py|go|rs|java|kt|cs|php|rb|sh|sql|txt|lock)\b/g;
+
+/** `true` se o texto parece um caminho/arquivo (sem espaços e com extensão). */
+export function isFilePath(value: string): boolean {
+	const text = value.trim();
+	if (!text || /\s/.test(text)) return false;
+	if (/^(?:https?:|mailto:|#)/i.test(text)) return false;
+	const base = text.split(/[\\/]/).pop() ?? text;
+	if (FILE_EXTENSION.test(base)) return true;
+	return (
+		text.startsWith("./") ||
+		text.startsWith("../") ||
+		text.startsWith("/") ||
+		/^[A-Za-z]:[\\/]/.test(text)
+	);
+}
+
+/** Quebra texto corrido em tokens, destacando caminhos de arquivo. */
+function pushTextTokens(tokens: InlineToken[], text: string): void {
+	let last = 0;
+	for (const match of text.matchAll(PATH_TOKEN)) {
+		const index = match.index ?? 0;
+		if (index > last) {
+			tokens.push({ type: "text", text: text.slice(last, index) });
+		}
+		tokens.push({ type: "path", text: match[0] });
+		last = index + match[0].length;
+	}
+	if (last < text.length) {
+		tokens.push({ type: "text", text: text.slice(last) });
+	}
+}
+
+/** Tokeniza formatação inline preservando o texto e a ordem dos marcadores. */
+export function parseInline(text: string): InlineToken[] {
+	const tokens: InlineToken[] = [];
+	// Ordem importa: code/bold antes de itálico; `_` exige fronteira de palavra.
+	const pattern =
+		/`[^`\n]+`|\*\*[^*\n]+\*\*|__[^_\n]+__|\*[^*\n]+\*|(?<![\w])_[^_\n]+_(?![\w])|\[[^\]\n]+\]\([^)\s]+\)/g;
+	let last = 0;
+	for (const match of text.matchAll(pattern)) {
+		const start = match.index ?? 0;
+		if (start > last) {
+			pushTextTokens(tokens, text.slice(last, start));
+		}
+		const raw = match[0];
+		if (raw.startsWith("`")) {
+			tokens.push({ type: "code", text: raw.slice(1, -1) });
+		} else if (raw.startsWith("**") || raw.startsWith("__")) {
+			tokens.push({ type: "strong", text: raw.slice(2, -2) });
+		} else if (raw.startsWith("*") || raw.startsWith("_")) {
+			tokens.push({ type: "em", text: raw.slice(1, -1) });
+		} else {
+			const link = /^\[([^\]]+)\]\(([^)\s]+)\)$/.exec(raw);
+			if (link) {
+				tokens.push({ type: "link", text: link[1], url: link[2] });
+			} else {
+				pushTextTokens(tokens, raw);
+			}
+		}
+		last = start + raw.length;
+	}
+	if (last < text.length) {
+		pushTextTokens(tokens, text.slice(last));
+	}
+	return tokens;
+}
+
+/** URL segura para links de markdown (evita `javascript:` e afins). */
+export function safeUrl(url: string): string | null {
+	const value = url.trim();
+	if (/^(https?:|mailto:)/i.test(value)) return value;
+	if (value.startsWith("/") && !value.startsWith("//")) return value;
+	return null;
+}

package/src/server/client/{types.ts → utils/types.ts}

@@ -50,10 +50,37 @@ export type Summary = {
 	bySeverity: Record<Severity, number>;
 };
 
+/** Espécie de artefato persistido (espelha `core/storage/types.ts`). */
+export type ArtifactKind =
+	| "brief"
+	| "classification"
+	| "manifest"
+	| "candidates"
+	| "context"
+	| "context-brief"
+	| "context-summary"
+	| "finding-report"
+	| "review"
+	| "resume"
+	| "domain-review"
+	| "verify"
+	| "other";
+
+/** Metadados de artefato retornados pela API (sem conteúdo). */
+export type ArtifactMeta = {
+	name: string;
+	kind: ArtifactKind;
+	contentType: string;
+	updatedAt: string;
+};
+
 export type RunSummary = {
 	slug: string;
 	branch: string;
 	updatedAt?: string;
+	startedAt?: string;
+	/** Último sinal de vida de uma execução ativa (revisão/correção). */
+	heartbeatAt?: string;
 	status?: RunStatus | null;
 	summary: Summary;
 };
@@ -64,6 +91,52 @@ export type FindingsResponse = {
 	summary: Summary;
 };
 
+/** Manifesto da run (subset consumido pela aba de resumo). */
+export type RunManifest = {
+	branch?: string;
+	base?: string;
+	head?: string;
+	generatedAt?: string;
+	churn?: { additions: number; deletions: number };
+	watchdogs?: {
+		id: string;
+		name: string;
+		files: string[];
+		overflow: number;
+		status: "pending" | "done";
+	}[];
+	context?: {
+		summarized: boolean;
+		source?: {
+			number?: number;
+			title?: string;
+			url?: string;
+			base?: string;
+			head?: string;
+		} | null;
+	};
+	excludedCount?: number;
+	deleted?: string[];
+	unclassified?: string[];
+};
+
+/** Detalhe da run (`GET /api/runs/:slug`). */
+export type RunDetail = {
+	slug: string;
+	branch: string;
+	manifest: RunManifest | null;
+	watchdogs: string[];
+	unclassified: string[];
+	deleted: string[];
+};
+
+/** `classification.json` — só o necessário para os cards do resumo. */
+export type ClassificationArtifact = {
+	files?: Record<string, { status: string; oldPath?: string }>;
+	churn?: Record<string, { additions: number; deletions: number }>;
+	watchdogs?: Record<string, string[]>;
+};
+
 /** Candidato ao envio da revisão (espelha `core/github-review.ts`). */
 export type SubmitCandidate = {
 	id: string;
@@ -111,6 +184,14 @@ export type SubmitOutcome = {
 	failed: { id: string; reason: string }[];
 	skipped: { id: string; reason: string }[];
 	general?: { commentId: number; url?: string; ids: string[] };
+	review?: {
+		id?: number;
+		url?: string;
+		created: boolean;
+		finalized: boolean;
+		event?: "COMMENT" | "REQUEST_CHANGES";
+		error?: string;
+	};
 };
 
 export type SubmitResponse = {

package/src/server/index.ts

@@ -1,9 +1,9 @@
 /**
  * Servidor local do houndsman (`Bun.serve`) — UI de triagem + artefatos.
  *
- * Serve um SPA Preact (bundle em memória) + uma API JSON sobre o `state.json`
- * das runs em `.houndsman/.runs/`. Sem dependências além do Bun e do Preact.
- * Bind padrão em `127.0.0.1` — ferramenta local, sem autenticação.
+ * Serve um SPA Preact (bundle em memória) + uma API JSON sobre o storage global
+ * (SQLite por default), escopada ao repositório do cwd. Sem dependências além do
+ * Bun e do Preact. Bind padrão em `127.0.0.1` — ferramenta local, sem autenticação.
  */
 
 import { mediaPath } from "../core/assets";
@@ -14,6 +14,9 @@ import {
 	type GhRunner,
 	type SubmitSelection,
 } from "../core/github-review";
+import { createStorage } from "../core/storage/factory";
+import { resolveRepoIdentity } from "../core/storage/repo-identity";
+import type { RepoIdentity, StorageProvider } from "../core/storage/types";
 import { buildClientBundle } from "./client-build";
 import { RunRepository } from "./run-repository";
 
@@ -53,7 +56,11 @@ function notFound(detail = "não encontrado"): Response {
 // ---------------------------------------------------------------------------
 
 /** Repositório das runs (dados) — ver `run-repository.ts`. */
-type ServerDeps = { ghRunner?: GhRunner };
+type ServerDeps = {
+	ghRunner?: GhRunner;
+	storage?: StorageProvider;
+	repo?: RepoIdentity;
+};
 
 // ---------------------------------------------------------------------------
 // Rotas
@@ -142,6 +149,9 @@ async function route(
 		if (!artifact) return notFound(`artefato '${name}' não encontrado`);
 		return text(artifact.content, artifact.type);
 	}
+	if (rest === "/artifacts" && request.method === "GET") {
+		return json({ artifacts: runs.artifacts(slug) ?? [] });
+	}
 
 	return notFound();
 }
@@ -152,7 +162,10 @@ export class HoundsmanServer {
 	private readonly ghRunner: GhRunner;
 
 	constructor(config: HoundsmanConfig, deps: ServerDeps = {}) {
-		this.runs = RunRepository.fromConfig(config);
+		this.runs = new RunRepository(
+			deps.storage ?? createStorage(config),
+			deps.repo ?? resolveRepoIdentity(),
+		);
 		this.ghRunner = deps.ghRunner ?? defaultGhRunner;
 	}
 
@@ -173,11 +186,26 @@ export class HoundsmanServer {
 		server: BunServer;
 		url: string;
 	} {
+		// Manutenção do banco no start: compacta o que sobrou de runs antigas.
+		try {
+			this.runs.maintain();
+		} catch (error) {
+			console.warn(
+				`[houndsman] VACUUM falhou (seguindo sem compactar): ${
+					error instanceof Error ? error.message : String(error)
+				}`,
+			);
+		}
 		const host = options.host ?? "127.0.0.1";
 		const port = options.port ?? 7331;
 		const server = Bun.serve({ hostname: host, port, fetch: this.handler });
 		return { server, url: `http://${host}:${server.port}` };
 	}
+
+	/** Fecha o provider (após `server.stop()`). */
+	dispose(): void {
+		this.runs.dispose();
+	}
 }
 
 /** Cria o handler de requisições (testável sem abrir porta). */
@@ -194,11 +222,18 @@ export type ServerOptions = {
 	host?: string;
 	/** Runner do `gh` (injetável nos testes). */
 	ghRunner?: GhRunner;
+	/** Provider/storage injetável (testes). */
+	storage?: StorageProvider;
+	repo?: RepoIdentity;
 };
 
 /** Sobe o servidor e devolve a instância + URL. */
 export function startServer(options: ServerOptions): { server: BunServer; url: string } {
-	return new HoundsmanServer(options.config, { ghRunner: options.ghRunner }).start({
+	return new HoundsmanServer(options.config, {
+		ghRunner: options.ghRunner,
+		storage: options.storage,
+		repo: options.repo,
+	}).start({
 		port: options.port,
 		host: options.host,
 	});
@@ -227,7 +262,7 @@ html, body { height:100%; }
 body { margin:0; font-size:14px; background:var(--bg); color:var(--fg); font-family:var(--font-sans); -webkit-font-smoothing:antialiased; }
 body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
   background:radial-gradient(820px 420px at 8% -12%, rgba(240,165,44,.08), transparent 62%); }
-code, pre, .mono { font-family:var(--font-mono); }
+code, pre, .mono { font-family:var(--font-mono); tab-size:4; }
 ::-webkit-scrollbar { width:10px; height:10px; }
 ::-webkit-scrollbar-thumb { background:rgba(255,255,255,.1); border:2px solid transparent; border-radius:999px; background-clip:padding-box; }
 ::-webkit-scrollbar-thumb:hover { background:rgba(255,255,255,.18); background-clip:padding-box; }
@@ -280,7 +315,7 @@ code, pre, .mono { font-family:var(--font-mono); }
 .btn:disabled { opacity:.55; cursor:not-allowed; }
 .icon.spin { animation:spin .8s linear infinite; }
 .content { width:100%; max-width:1180px; margin:0 auto; padding:22px 24px 64px; }
-.page-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
+.page-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:16px; }
 .page-header-text { min-width:0; }
 .page-header-actions { display:flex; align-items:center; gap:10px; flex:none; }
 .btn.submit-review { color:#1b1305; background:linear-gradient(180deg, var(--accent-strong), var(--accent)); border-color:transparent; box-shadow:0 4px 14px rgba(240,165,44,.22); }
@@ -369,13 +404,48 @@ code, pre, .mono { font-family:var(--font-mono); }
 .meta { display:inline-flex; align-items:center; gap:7px; }
 .meta-k { font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-2); }
 .meta code { padding:2px 6px; font-size:11.5px; color:var(--fg); background:rgba(255,255,255,.04); border:1px solid var(--border); border-radius:6px; }
-.action-block { display:flex; gap:11px; padding:16px; background:var(--accent-soft); border:1px solid var(--accent-line); border-radius:var(--radius); }
-.action-icon { flex:none; display:inline-block; margin-right:5px; margin-bottom:-5px; color:var(--accent); }
-.action-label { display:inline-block; font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin-right:5px; }
-.action-block p { margin:0; font-size:13px; color:#f0ece6; }
+.action-block { display:flex; gap:11px; padding:0; background:transparent; border:0; border-radius:0; }
+.action-icon { flex:none; display:inline-block; margin-top:3px; margin-right:2px; color:var(--accent); }
+.action-text { flex:1; min-width:0; }
+.action-label { display:block; margin-bottom:4px; font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); }
+.action-text p, .md-p { margin:0 0 6px; font-size:13px; line-height:1.65; color:#f0ece6; white-space:pre-wrap; }
+.action-text p:last-child { margin-bottom:0; }
+.md-list { margin:0 0 6px; padding-left:20px; font-size:13px; line-height:1.65; color:#f0ece6; }
+.md-list li { margin:0 0 2px; }
+.md-quote { margin:0 0 6px; padding:2px 0 2px 10px; border-left:2px solid var(--accent-line); color:var(--muted); font-size:13px; line-height:1.65; white-space:pre-wrap; }
+.action-text code, .md-code { font-family:var(--font-mono); font-size:11.5px; padding:1px 5px; color:#f0ece6; background:rgba(255,255,255,.06); border:1px solid var(--border); border-radius:5px; }
+code.md-path { color:#8fc7ff; background:rgba(90,164,240,.1); border-color:rgba(90,164,240,.24); }
+.action-text a, .md-p a, .md-list a, .md-quote a, .md-table a, .md-h a { color:var(--accent-strong); text-decoration:underline; text-underline-offset:2px; }
+.action-text strong, .md-p strong, .md-list strong, .md-quote strong, .md-table strong, .md-h strong { color:#fff; font-weight:600; }
+.action-text em, .md-p em, .md-list em, .md-quote em, .md-table em, .md-h em { color:#e9e4dc; }
+.md-code-block { margin:6px 0; padding:10px 12px; max-height:320px; overflow:auto; white-space:pre; font-size:11.5px; line-height:1.6; color:#cdc7bf; background:#0b0b0e; border-radius:10px; }
+.md-h { margin:16px 0 8px; font-size:14px; font-weight:700; line-height:1.35; letter-spacing:-.01em; color:#eee9e2; }
+.md-h:first-child { margin-top:0; }
+.md-h1 { font-size:19px; }
+.md-h2 { font-size:16px; }
+.md-h3 { font-size:14px; }
+.md-h4, .md-h5, .md-h6 { font-size:13px; color:#e4dfd7; font-weight:600; }
+.md-hr { margin:14px 0; border:0; border-top:1px solid var(--border); }
+.md-table-wrap { margin:8px 0 12px; padding:4px; overflow-x:auto; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(255,255,255,.012); }
+.md-table { width:100%; border-collapse:separate; border-spacing:3px; font-size:12px; line-height:1.5; }
+.md-table th, .md-table td { padding:6px 9px; text-align:left; vertical-align:top; border:1px solid rgba(255,255,255,.035); border-radius:6px; }
+.md-table th { color:var(--muted); font-weight:600; background:rgba(255,255,255,.03); }
+.md-table td { color:#d8d3cc; }
 .decision-tags-block { display:flex; align-items:center; gap:8px; }
 .evidence { margin:0; padding: 16px; white-space:break-spaces; font-size:12px; line-height:1.6; color:#cdc7bf;
   background:#0b0b0e; border:1px solid var(--border); border-radius:var(--radius); }
+.evidence-block { display:flex; flex-direction:column; gap:6px; }
+.evidence-head { display:flex; justify-content:flex-end; }
+.code-lang { font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-2); }
+.code-evidence { white-space:pre; overflow:auto; }
+.tok-keyword { color:#c792ea; }
+.tok-string { color:#9ddc8a; }
+.tok-comment { color:#6d6862; font-style:italic; }
+.tok-number { color:#8fc7ff; }
+.tok-type { color:var(--accent-strong); }
+.tok-function { color:#82aaff; }
+.tok-property { color:#e6c07b; }
+.tok-punct { color:#8d8a85; }
 .tags { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-left: auto; }
 .tags-label { display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-2); }
 .tag { display:inline-flex; align-items:center; gap:6px; padding:3px 9px; font-family:var(--font-mono); font-size:11px; color:var(--muted);
@@ -398,14 +468,82 @@ code, pre, .mono { font-family:var(--font-mono); }
   font-family:var(--font-mono); font-size:11px; color:var(--muted); }
 .comment-status.saved { color:var(--success); }
 .artifacts { display:flex; flex-direction:column; }
-.artifact-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
-.artifact-tabs .chip { border:1px solid var(--border); background:var(--surface-2); }
-.artifact-desc { margin:0 0 12px; color:var(--muted); font-size:12.5px; line-height:1.55; }
-.artifact-view { margin:0; padding:14px; max-height:70vh; overflow:auto; font-size:12px; line-height:1.6; color:#cdc7bf;
+.artifact-layout { display:grid; grid-template-columns:minmax(190px,250px) minmax(0,1fr); gap:16px; align-items:start; }
+.artifact-list { display:flex; flex-direction:column; gap:14px; max-height:72vh; overflow:auto; padding:2px 4px 2px 0; }
+.artifact-group { display:flex; flex-direction:column; gap:4px; }
+.artifact-group-label { margin:0 0 2px; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
+.artifact-item { display:flex; flex-direction:column; gap:2px; text-align:left; cursor:pointer; font:inherit; color:var(--muted);
+  padding:8px 10px; background:transparent; border:1px solid transparent; border-radius:10px;
+  transition:background .15s ease, border-color .15s ease, color .15s ease; }
+.artifact-item:hover { color:var(--fg); background:var(--surface-2); border-color:var(--border); }
+.artifact-item.active { color:var(--fg); background:var(--accent-soft); border-color:var(--accent-line); }
+.artifact-item-name { font-family:var(--font-mono); font-size:11.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.artifact-item-kind { font-size:9.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-2); }
+.artifact-item.active .artifact-item-kind { color:var(--accent); }
+.artifact-pane { min-width:0; }
+.artifact-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:12px; }
+.artifact-title { margin:0 0 5px; font-family:var(--font-mono); font-size:13px; font-weight:600; word-break:break-word; }
+.artifact-desc { margin:0; max-width:78ch; color:var(--muted); font-size:12.5px; line-height:1.55; }
+.artifact-kind-badge { flex:none; display:inline-flex; align-items:center; padding:3px 9px; font-size:10px; font-weight:700;
+  letter-spacing:.08em; text-transform:uppercase; color:var(--accent); background:var(--accent-soft);
+  border:1px solid var(--accent-line); border-radius:999px; }
+.artifact-view { margin:0; padding:14px 16px; max-height:70vh; overflow:auto; font-size:12px; line-height:1.6; color:#cdc7bf;
   background:#0b0b0e; border:1px solid var(--border); border-radius:var(--radius); }
+.artifact-markdown { white-space:normal; }
+.artifact-markdown .md-p, .artifact-markdown .md-list, .artifact-markdown .md-quote { font-size:12.5px; }
+.artifact-markdown .md-p, .artifact-markdown .md-list { color:#d8d3cc; }
+.artifact-markdown .md-code-block { border:1px solid var(--border); }
+.json-view { white-space:pre; }
+.json-key { color:var(--accent-strong); }
+.json-string { color:#9ddc8a; }
+.json-number { color:#8fc7ff; }
+.json-literal { color:#d7a6ff; }
+.json-punct { color:#8d8a85; }
+@media (max-width:900px) { .artifact-layout { grid-template-columns:1fr; } .artifact-list { max-height:240px; } }
 .sent-tag { display:inline-flex; align-items:center; gap:5px; padding:2px 8px; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
   color:var(--success); background:rgba(69,192,122,.12); border:1px solid rgba(69,192,122,.32); border-radius:999px; text-decoration:none; }
 .sent-tag:hover { color:#fff; }
+.sent-tag.gh { color:#b9c7d6; background:rgba(139,164,191,.12); border-color:rgba(139,164,191,.35); }
+.sent-tag.gh:hover { color:#fff; background:rgba(139,164,191,.2); }
+.resume { display:flex; flex-direction:column; }
+.resume-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px;
+  background:linear-gradient(135deg, rgba(240,165,44,.08), rgba(255,255,255,.015) 55%);
+  border:1px solid var(--border); border-radius:var(--radius-lg); }
+.resume-kicker { display:block; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); }
+.resume-title { margin:5px 0 7px; font-size:22px; font-weight:700; letter-spacing:-.02em; word-break:break-word; }
+.resume-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0; font-size:12px; color:var(--muted); }
+.resume-pr { display:inline-flex; align-items:center; gap:5px; color:var(--accent-strong); text-decoration:none; }
+.resume-pr:hover { text-decoration:underline; }
+.resume-hero-side { display:flex; flex:none; flex-direction:column; align-items:flex-end; gap:10px; }
+.resume-status { display:inline-flex; align-items:center; padding:5px 12px; font-size:11px; font-weight:700; letter-spacing:.04em; border-radius:999px; }
+.resume-status.blocking { color:var(--blocking); background:rgba(242,89,94,.12); border:1px solid rgba(242,89,94,.35); }
+.resume-status.attention { color:var(--attention); background:rgba(237,161,58,.12); border:1px solid rgba(237,161,58,.35); }
+.resume-status.clean { color:var(--success); background:rgba(69,192,122,.12); border:1px solid rgba(69,192,122,.35); }
+.resume-kpis { margin:14px 0 18px; }
+.resume-kpis .kpi-value { font-size:24px; }
+.churn-add { color:var(--success); }
+.churn-del { color:var(--blocking); }
+.churn-sep { margin:0 3px; color:var(--muted-2); font-weight:400; }
+.kpi-blocking .kpi-value { color:var(--blocking); }
+.kpi-attention .kpi-value { color:var(--attention); }
+.kpi-total .kpi-value { color:var(--fg); }
+.resume-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:16px; align-items:start; }
+.resume-card { min-width:0; padding:16px 18px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius-lg); }
+.resume-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
+.resume-card-title { margin:0 0 10px; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
+.resume-card-count { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; margin-bottom:10px; padding:0 7px;
+  font-family:var(--font-mono); font-size:11px; color:var(--accent); background:var(--accent-soft); border:1px solid var(--accent-line); border-radius:999px; }
+.resume-narrative .md-p:last-child { margin-bottom:0; }
+.resume-domains { display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none; }
+.resume-domain { display:flex; flex-direction:column; gap:7px; padding:10px 12px; background:var(--surface-2);
+  border:1px solid var(--border); border-radius:10px; }
+.resume-domain-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
+.resume-domain-name { font-size:12.5px; font-weight:600; color:var(--fg); }
+.resume-domain-files { flex:none; font-family:var(--font-mono); font-size:10.5px; color:var(--muted-2); }
+.resume-domain-sev { display:flex; flex-wrap:wrap; gap:6px; }
+.resume-domain-sev .sev-badge { padding:2px 7px; font-size:9.5px; }
+.resume-domain-ok { font-size:11.5px; color:var(--success); }
+@media (max-width:900px) { .resume-grid { grid-template-columns:1fr; } .resume-hero { flex-direction:column; } .resume-hero-side { flex-direction:row; align-items:flex-start; } }
 .modal-layer { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:24px; }
 .modal-backdrop { position:absolute; inset:0; width:100%; padding:0; background:rgba(5,5,7,.66); border:0; cursor:default; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
 .modal { position:relative; width:min(640px, 100%); max-height:min(78vh, 780px); display:flex; flex-direction:column; overflow:hidden;