@payconductor/houndsman 0.2.0 → 0.4.0

package/src/server/index.ts

@@ -1,46 +1,24 @@
 /**
  * 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 { join, resolve } from "node:path";
 import { mediaPath } from "../core/assets";
-import { type HoundsmanConfig, resolveArtifactDir } from "../core/config";
+import type { HoundsmanConfig } from "../core/config";
+import type { FindingUpdate } from "../core/findings-state";
 import {
-	applyFindingUpdate,
-	buildStateFromRunDir,
-	emptyState,
-	type FindingDecision,
-	type FindingExecState,
-	type FindingState,
-	type FindingsFilter,
-	type FindingsStateFile,
-	FindingsStateStore,
-	type FindingsSummary,
-	type FindingUpdate,
-	fileReader,
-	filterFindings,
-	reorder,
-	type SyncResult,
-	summarize,
-	syncState,
-} from "../core/findings-state";
-import {
-	buildSubmitPreview,
 	defaultGhRunner,
 	type GhRunner,
-	resolvePrTarget,
 	type SubmitSelection,
-	submitFindings,
 } from "../core/github-review";
-import { STATE_FILE } from "../core/paths";
-import { pingFindingsStatus, type RunStatus, readRunStatus } from "../core/run-status";
-import type { Severity } from "../core/types";
-import { listRunSlugs, readRunFile, readRunJson, runDirForSlug } from "./artifacts";
+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";
 
 type BunServer = ReturnType<typeof Bun.serve>;
 
@@ -77,181 +55,13 @@ function notFound(detail = "não encontrado"): Response {
 // Estado / dados
 // ---------------------------------------------------------------------------
 
-/** Item da lista de execuções (sidebar) — já ordenado do mais recente ao antigo. */
-type RunListItem = {
-	slug: string;
-	branch: string;
-	updatedAt?: string;
-	status: RunStatus | null;
-	summary: FindingsSummary;
+/** Repositório das runs (dados) — ver `run-repository.ts`. */
+type ServerDeps = {
+	ghRunner?: GhRunner;
+	storage?: StorageProvider;
+	repo?: RepoIdentity;
 };
 
-function buildForRun(dir: string, slug: string): FindingsStateFile | null {
-	const manifest = readRunJson<{ branch?: string }>(dir, "manifest.json");
-	return buildStateFromRunDir(dir, manifest?.branch ?? slug, fileReader(process.cwd()));
-}
-
-/**
- * Lê o estado da run. Se ausente, reconstrói dos artefatos e PERSISTE — os ids
- * são aleatórios, então precisam ser estáveis entre requisições.
- */
-function loadState(dir: string, slug: string): FindingsStateFile {
-	const store = new FindingsStateStore(join(dir, STATE_FILE), slug);
-	const existing = store.read();
-	if (existing) return existing;
-	const built = buildForRun(dir, slug);
-	if (built) {
-		store.write(built);
-		return built;
-	}
-	return emptyState(slug);
-}
-
-function listRuns(artifactDir: string): RunListItem[] {
-	return (
-		listRunSlugs(artifactDir)
-			.map((slug) => {
-				const dir = join(artifactDir, slug);
-				const state = loadState(dir, slug);
-				const manifest = readRunJson<{ branch?: string; generatedAt?: string }>(
-					dir,
-					"manifest.json",
-				);
-				const status = readRunStatus(dir);
-				return {
-					slug,
-					branch: state.branch || manifest?.branch || slug,
-					updatedAt: status?.updatedAt ?? state.updatedAt,
-					status: status?.status ?? null,
-					summary: summarize(state),
-				};
-			})
-			// Mais recentes primeiro (ISO 8601 compara lexicograficamente).
-			.sort((a, b) => (b.updatedAt ?? "").localeCompare(a.updatedAt ?? ""))
-	);
-}
-
-/**
- * Finding + caminho absoluto. O cliente monta o link `vscode://file/...` e não
- * conhece o cwd do servidor — o caminho relativo do relatório não basta.
- */
-function toClientFinding(finding: FindingState): FindingState & { absFile: string } {
-	return { ...finding, absFile: resolve(process.cwd(), finding.file) };
-}
-
-function runDetail(dir: string, slug: string): unknown {
-	const state = loadState(dir, slug);
-	const classification = readRunJson<{
-		watchdogs?: Record<string, string[]>;
-		unclassified?: string[];
-		deleted?: string[];
-	}>(dir, "classification.json");
-	return {
-		slug,
-		branch: state.branch || slug,
-		status: readRunStatus(dir),
-		manifest: readRunJson(dir, "manifest.json"),
-		summary: summarize(state),
-		watchdogs: Object.keys(classification?.watchdogs ?? {}),
-		unclassified: classification?.unclassified ?? [],
-		deleted: classification?.deleted ?? [],
-	};
-}
-
-function findingsFor(dir: string, slug: string, params: URLSearchParams): unknown {
-	const state = loadState(dir, slug);
-	const filter: FindingsFilter = {
-		decision: (params.get("decision") as FindingDecision) || undefined,
-		execState: (params.get("exec") as FindingExecState) || undefined,
-		severity: (params.get("severity") as Severity) || undefined,
-		watchdog: params.get("watchdog") || undefined,
-		file: params.get("file") || undefined,
-		includeAbsent: params.get("all") === "1",
-	};
-	return {
-		branch: state.branch,
-		findings: filterFindings(state, filter).map(toClientFinding),
-		summary: summarize(state),
-	};
-}
-
-async function updateFinding(
-	dir: string,
-	slug: string,
-	id: string,
-	request: Request,
-): Promise<Response> {
-	const body = (await request.json().catch(() => ({}))) as FindingUpdate;
-	const store = new FindingsStateStore(join(dir, STATE_FILE), slug);
-	const state = store.read() ?? buildForRun(dir, slug) ?? emptyState(slug);
-	const finding = state.findings[id];
-	if (!finding) return notFound(`finding '${id}' não encontrado`);
-	applyFindingUpdate(finding, body);
-	reorder(state);
-	store.write(state);
-	pingFindingsStatus(dir, state);
-	return json({ finding: toClientFinding(finding) });
-}
-
-function syncRun(dir: string, slug: string): Response {
-	const store = new FindingsStateStore(join(dir, STATE_FILE), slug);
-	const state = store.read() ?? buildForRun(dir, slug) ?? emptyState(slug);
-	const result: SyncResult = syncState(state, fileReader(process.cwd()));
-	store.write(state);
-	pingFindingsStatus(dir, state);
-	return json({ result, summary: summarize(state) });
-}
-
-/** Prévia do envio da revisão: candidatos + disponibilidade da PR (via gh). */
-function submitPreview(dir: string, slug: string, ghRunner: GhRunner): Response {
-	const state = loadState(dir, slug);
-	const target = resolvePrTarget(ghRunner, state.branch || slug);
-	return json(buildSubmitPreview(state, target));
-}
-
-/**
- * Envia os findings selecionados como comentários na PR. Fail-open: sem PR/gh
- * devolve `{ available:false, reason }` (a UI só informa). Persiste o vínculo
- * (`finding.github`) no `state.json` e atualiza o status da run.
- */
-async function submitRun(
-	dir: string,
-	slug: string,
-	ghRunner: GhRunner,
-	request: Request,
-): Promise<Response> {
-	const state = loadState(dir, slug);
-	const body = (await request.json().catch(() => ({}))) as SubmitSelection;
-	const selection: SubmitSelection = {
-		severities: body.severities,
-		execStates: body.execStates,
-		includeSent: body.includeSent,
-	};
-
-	const target = resolvePrTarget(ghRunner, state.branch || slug);
-	if (!target.ok) return json({ available: false, reason: target.reason });
-
-	const outcome = submitFindings({
-		state,
-		target: target.target,
-		runner: ghRunner,
-		selection,
-	});
-	new FindingsStateStore(join(dir, STATE_FILE), slug).write(state);
-	pingFindingsStatus(dir, state);
-	return json({ available: true, target: target.target, outcome });
-}
-
-function serveArtifact(dir: string, name: string): Response {
-	if (!/\.(json|md)$/i.test(name)) return notFound("tipo de artefato não servido");
-	const content = readRunFile(dir, name);
-	if (content === null) return notFound(`artefato '${name}' não encontrado`);
-	const type = name.toLowerCase().endsWith(".json")
-		? "application/json; charset=utf-8"
-		: "text/markdown; charset=utf-8";
-	return text(content, type);
-}
-
 // ---------------------------------------------------------------------------
 // Rotas
 // ---------------------------------------------------------------------------
@@ -270,7 +80,7 @@ async function serveLogo(): Promise<Response> {
 
 async function route(
 	request: Request,
-	artifactDir: string,
+	runs: RunRepository,
 	ghRunner: GhRunner,
 ): Promise<Response> {
 	const url = new URL(request.url);
@@ -286,65 +96,83 @@ async function route(
 	if (path === "/api/health") return json({ ok: true });
 
 	if (path === "/api/runs" && request.method === "GET") {
-		return json({ runs: listRuns(artifactDir) });
+		return json({ runs: runs.list() });
 	}
 
 	const match = path.match(API_RUN);
 	if (!match) return notFound();
 	const slug = decodeURIComponent(match[1]);
 	const rest = match[2] ?? "";
-	const dir = runDirForSlug(artifactDir, slug);
-	if (!dir) return notFound(`run '${slug}' não encontrada`);
+	if (!runs.exists(slug)) return notFound(`run '${slug}' não encontrada`);
 
-	if (rest === "" || rest === "/") return json(runDetail(dir, slug));
+	if (rest === "" || rest === "/") return json(runs.detail(slug));
 
 	if (rest === "/findings" && request.method === "GET") {
-		return json(findingsFor(dir, slug, url.searchParams));
+		return json(runs.findings(slug, url.searchParams));
 	}
-	if (rest === "/sync" && request.method === "POST") return syncRun(dir, slug);
+	if (rest === "/sync" && request.method === "POST") return json(runs.sync(slug));
 	if (rest === "/submit-preview" && request.method === "GET") {
-		return submitPreview(dir, slug, ghRunner);
+		return json(runs.submitPreview(slug, ghRunner));
 	}
 	if (rest === "/submit" && request.method === "POST") {
-		return submitRun(dir, slug, ghRunner, request);
+		const body = (await request.json().catch(() => ({}))) as SubmitSelection;
+		const selection: SubmitSelection = {
+			severities: body.severities,
+			execStates: body.execStates,
+			includeSent: body.includeSent,
+		};
+		return json(runs.submit(slug, selection, ghRunner));
 	}
 
 	const findingMatch = rest.match(/^\/findings\/([^/]+)$/);
 	if (findingMatch) {
 		const id = decodeURIComponent(findingMatch[1]);
 		if (request.method === "GET") {
-			const state = loadState(dir, slug);
-			const finding = state.findings[id];
+			const finding = runs.finding(slug, id);
 			return finding
-				? json({ finding: toClientFinding(finding) })
+				? json({ finding })
 				: notFound(`finding '${id}' não encontrado`);
 		}
 		if (request.method === "PATCH" || request.method === "POST") {
-			return updateFinding(dir, slug, id, request);
+			const body = (await request.json().catch(() => ({}))) as FindingUpdate;
+			const finding = runs.update(slug, id, body);
+			return finding
+				? json({ finding })
+				: notFound(`finding '${id}' não encontrado`);
 		}
 	}
 
 	const artifactMatch = rest.match(/^\/artifacts\/(.+)$/);
 	if (artifactMatch && request.method === "GET") {
-		return serveArtifact(dir, decodeURIComponent(artifactMatch[1]));
+		const name = decodeURIComponent(artifactMatch[1]);
+		const artifact = runs.artifact(slug, name);
+		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();
 }
 
-/** Dependências injetáveis do servidor (testes). */
-export type ServerDeps = { ghRunner?: GhRunner };
+/** Servidor local do houndsman (rotas + shell). */
+export class HoundsmanServer {
+	private readonly runs: RunRepository;
+	private readonly ghRunner: GhRunner;
+
+	constructor(config: HoundsmanConfig, deps: ServerDeps = {}) {
+		this.runs = new RunRepository(
+			deps.storage ?? createStorage(config),
+			deps.repo ?? resolveRepoIdentity(),
+		);
+		this.ghRunner = deps.ghRunner ?? defaultGhRunner;
+	}
 
-/** Cria o handler de requisições (testável sem abrir porta). */
-export function createRequestHandler(
-	config: HoundsmanConfig,
-	deps: ServerDeps = {},
-): (request: Request) => Promise<Response> {
-	const artifactDir = resolveArtifactDir(config);
-	const ghRunner = deps.ghRunner ?? defaultGhRunner;
-	return async (request) => {
+	/** Handler de requisições (testável sem abrir porta). */
+	readonly handler = async (request: Request): Promise<Response> => {
 		try {
-			return await route(request, artifactDir, ghRunner);
+			return await route(request, this.runs, this.ghRunner);
 		} catch (error) {
 			return json(
 				{ error: error instanceof Error ? error.message : String(error) },
@@ -352,6 +180,40 @@ export function createRequestHandler(
 			);
 		}
 	};
+
+	/** Sobe o servidor e devolve a instância + URL. */
+	start(options: { port?: number; host?: string } = {}): {
+		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). */
+export function createRequestHandler(
+	config: HoundsmanConfig,
+	deps: ServerDeps = {},
+): (request: Request) => Promise<Response> {
+	return new HoundsmanServer(config, deps).handler;
 }
 
 export type ServerOptions = {
@@ -360,18 +222,21 @@ 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 } {
-	const host = options.host ?? "127.0.0.1";
-	const port = options.port ?? 7331;
-	const server = Bun.serve({
-		hostname: host,
-		port,
-		fetch: createRequestHandler(options.config, { ghRunner: options.ghRunner }),
+	return new HoundsmanServer(options.config, {
+		ghRunner: options.ghRunner,
+		storage: options.storage,
+		repo: options.repo,
+	}).start({
+		port: options.port,
+		host: options.host,
 	});
-	return { server, url: `http://${host}:${server.port}` };
 }
 
 // ---------------------------------------------------------------------------
@@ -397,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; }
@@ -539,13 +404,35 @@ 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; }
+.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; }
+.action-text a { color:var(--accent-strong); text-decoration:underline; text-underline-offset:2px; }
+.action-text strong { color:#fff; font-weight:600; }
+.action-text 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; }
 .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);
@@ -568,11 +455,34 @@ 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); }
+.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; }