newpr 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newpr",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "AI-powered large PR review tool - understand PRs with 1000+ lines of changes",
   "module": "src/cli/index.ts",
   "type": "module",

package/src/analyzer/pipeline.ts

@@ -85,25 +85,25 @@ async function runExploration(
 ): Promise<ExplorationResult> {
 	const agent = await requireAgent(preferredAgent);
 
-	onProgress?.({ stage: "cloning", message: `${pr.owner}/${pr.repo}` });
+	onProgress?.({ stage: "cloning", message: `Cloning ${pr.owner}/${pr.repo}...` });
 	const bareRepoPath = await ensureRepo(pr.owner, pr.repo, token, (msg) => {
-		onProgress?.({ stage: "cloning", message: msg });
+		onProgress?.({ stage: "cloning", message: `📦 ${msg}` });
 	});
-	onProgress?.({ stage: "cloning", message: `${pr.owner}/${pr.repo} ready` });
+	onProgress?.({ stage: "cloning", message: `📦 ${pr.owner}/${pr.repo} cached` });
 
-	onProgress?.({ stage: "checkout", message: `${baseBranch} ← PR #${pr.number}` });
+	onProgress?.({ stage: "checkout", message: `🌿 Preparing worktrees: ${baseBranch} ← PR #${pr.number}` });
 	const worktrees = await createWorktrees(
 		bareRepoPath, baseBranch, pr.number, pr.owner, pr.repo,
-		(msg) => onProgress?.({ stage: "checkout", message: msg }),
+		(msg) => onProgress?.({ stage: "checkout", message: `🌿 ${msg}` }),
 	);
-	onProgress?.({ stage: "checkout", message: `${baseBranch} ← PR #${pr.number} worktrees ready` });
+	onProgress?.({ stage: "checkout", message: `🌿 Worktrees ready: ${baseBranch} ← PR #${pr.number}` });
 
-	onProgress?.({ stage: "exploring", message: `${agent.name}: analyzing ${changedFiles.length} files...` });
+	onProgress?.({ stage: "exploring", message: `🤖 ${agent.name}: exploring ${changedFiles.length} changed files...` });
 	const exploration = await exploreCodebase(
 		agent, worktrees.headPath, changedFiles, prTitle, rawDiff,
 		(msg, current, total) => onProgress?.({ stage: "exploring", message: msg, current, total }),
 	);
-	onProgress?.({ stage: "exploring", message: `${agent.name}: exploration complete` });
+	onProgress?.({ stage: "exploring", message: `🤖 ${agent.name}: exploration complete` });
 
 	await cleanupWorktrees(bareRepoPath, pr.number, pr.owner, pr.repo).catch(() => {});
 
@@ -165,7 +165,7 @@ export async function analyzePr(options: PipelineOptions): Promise<NewprOutput>
 		fetchPrDiff(pr, token),
 		fetchPrComments(pr, token).catch(() => []),
 	]);
-	progress({ stage: "fetching", message: `#${prData.number} "${prData.title}" by ${prData.author} · +${prData.additions} −${prData.deletions} · ${prComments.length} comments` });
+	progress({ stage: "fetching", message: `#${prData.number} "${prData.title}" by ${prData.author} · +${prData.additions} −${prData.deletions} · ${prComments.length} comments`, pr_title: prData.title, pr_number: prData.number });
 
 	progress({ stage: "parsing", message: "Parsing diff..." });
 	const parsed = parseDiff(rawDiff);
@@ -259,9 +259,13 @@ export async function analyzePr(options: PipelineOptions): Promise<NewprOutput>
 	progress({ stage: "summarizing", message: `${summary.risk_level} risk · ${summary.purpose.slice(0, 60)}` });
 
 	progress({ stage: "narrating", message: `Writing narrative${enrichedTag}...` });
+	const fileDiffs = chunks.slice(0, 30).map((c) => ({
+		path: c.file_path,
+		diff: c.diff_content.length > 3000 ? `${c.diff_content.slice(0, 3000)}\n... (truncated)` : c.diff_content,
+	}));
 	const narrativePrompt = exploration
-		? buildEnrichedNarrativePrompt(prData.title, summary, groups, exploration, promptCtx)
-		: buildNarrativePrompt(prData.title, summary, groups, promptCtx);
+		? buildEnrichedNarrativePrompt(prData.title, summary, groups, exploration, promptCtx, fileDiffs)
+		: buildNarrativePrompt(prData.title, summary, groups, promptCtx, fileDiffs);
 	const narrativeResponse = await streamLlmCall(
 		client, narrativePrompt.system, narrativePrompt.user, "narrating", "Writing narrative...", progress,
 	);
@@ -297,6 +301,7 @@ export async function analyzePr(options: PipelineOptions): Promise<NewprOutput>
 			pr_title: prData.title,
 			pr_body: prData.body || undefined,
 			pr_url: prData.url,
+			pr_state: prData.state,
 			base_branch: prData.base_branch,
 			head_branch: prData.head_branch,
 			author: prData.author,

package/src/analyzer/progress.ts

@@ -17,6 +17,8 @@ export interface ProgressEvent {
 	total?: number;
 	partial_content?: string;
 	timestamp?: number;
+	pr_title?: string;
+	pr_number?: number;
 }
 
 export type ProgressCallback = (event: ProgressEvent) => void;

package/src/cli/index.ts

@@ -10,8 +10,9 @@ import { analyzePr } from "../analyzer/pipeline.ts";
 import { createStderrProgress, createSilentProgress, createStreamJsonProgress } from "../analyzer/progress.ts";
 import { renderLoading, renderShell } from "../tui/render.tsx";
 import { checkForUpdate, printUpdateNotice } from "./update-check.ts";
+import { runPreflight, printPreflight } from "./preflight.ts";
 
-const VERSION = "0.1.3";
+const VERSION = "0.3.0";
 
 async function main(): Promise<void> {
 	const args = parseArgs(process.argv);
@@ -51,12 +52,14 @@ async function main(): Promise<void> {
 
 	if (args.command === "web") {
 		try {
+			const preflight = await runPreflight();
+			printPreflight(preflight);
 			const config = await loadConfig({ model: args.model });
 			const token = await getGithubToken();
 			const updateInfo = await updatePromise;
 			if (updateInfo) printUpdateNotice(updateInfo);
 			const { startWebServer } = await import("../web/server.ts");
-			await startWebServer({ port: args.port ?? 3000, token, config, cartoon: args.cartoon });
+			await startWebServer({ port: args.port ?? 3000, token, config, cartoon: args.cartoon, preflight });
 		} catch (error) {
 			const message = error instanceof Error ? error.message : String(error);
 			process.stderr.write(`Error: ${message}\n`);
@@ -67,6 +70,8 @@ async function main(): Promise<void> {
 
 	if (args.command === "shell") {
 		try {
+			const preflight = await runPreflight();
+			printPreflight(preflight);
 			const config = await loadConfig({ model: args.model });
 			const token = await getGithubToken();
 			const updateInfo = await updatePromise;

package/src/cli/preflight.ts

@@ -0,0 +1,126 @@
+import type { AgentToolName } from "../workspace/types.ts";
+
+export interface ToolStatus {
+	name: string;
+	installed: boolean;
+	version?: string;
+	detail?: string;
+}
+
+export interface PreflightResult {
+	github: ToolStatus & { authenticated: boolean; user?: string };
+	agents: ToolStatus[];
+	openrouterKey: boolean;
+}
+
+async function which(cmd: string): Promise<string | null> {
+	try {
+		const result = await Bun.$`which ${cmd}`.text();
+		return result.trim() || null;
+	} catch {
+		return null;
+	}
+}
+
+async function getVersion(cmd: string, flag = "--version"): Promise<string | null> {
+	try {
+		const result = await Bun.$`${cmd} ${flag} 2>&1`.text();
+		const match = result.match(/[\d]+\.[\d]+[\d.]*/);
+		return match?.[0] ?? result.trim().slice(0, 30);
+	} catch {
+		return null;
+	}
+}
+
+async function checkGithubCli(): Promise<PreflightResult["github"]> {
+	const path = await which("gh");
+	if (!path) {
+		return { name: "gh", installed: false, authenticated: false, detail: "brew install gh" };
+	}
+	const version = await getVersion("gh");
+	try {
+		const status = await Bun.$`gh auth status 2>&1`.text();
+		const userMatch = status.match(/Logged in to github\.com account (\S+)/i)
+			?? status.match(/account (\S+)/i);
+		return {
+			name: "gh",
+			installed: true,
+			version: version ?? undefined,
+			authenticated: true,
+			user: userMatch?.[1]?.replace(/\s*\(.*/, ""),
+		};
+	} catch {
+		return { name: "gh", installed: true, version: version ?? undefined, authenticated: false, detail: "gh auth login" };
+	}
+}
+
+async function checkAgent(name: AgentToolName): Promise<ToolStatus> {
+	const path = await which(name);
+	if (!path) return { name, installed: false };
+	const version = await getVersion(name);
+	return { name, installed: true, version: version ?? undefined };
+}
+
+export async function runPreflight(): Promise<PreflightResult> {
+	const [github, claude, opencode, codex] = await Promise.all([
+		checkGithubCli(),
+		checkAgent("claude"),
+		checkAgent("opencode"),
+		checkAgent("codex"),
+	]);
+
+	return {
+		github,
+		agents: [claude, opencode, codex],
+		openrouterKey: !!(process.env.OPENROUTER_API_KEY || await hasStoredApiKey()),
+	};
+}
+
+async function hasStoredApiKey(): Promise<boolean> {
+	try {
+		const { readStoredConfig } = await import("../config/store.ts");
+		const stored = await readStoredConfig();
+		return !!stored.openrouter_api_key;
+	} catch {
+		return false;
+	}
+}
+
+export function printPreflight(result: PreflightResult): void {
+	const check = "\x1b[32m✓\x1b[0m";
+	const cross = "\x1b[31m✗\x1b[0m";
+	const dim = (s: string) => `\x1b[2m${s}\x1b[0m`;
+	const bold = (s: string) => `\x1b[1m${s}\x1b[0m`;
+
+	console.log("");
+	console.log(`  ${bold("Preflight")}`);
+	console.log("");
+
+	const gh = result.github;
+	if (gh.installed && gh.authenticated) {
+		console.log(`  ${check} gh ${dim(gh.version ?? "")} ${dim(`· ${gh.user ?? ""}`)}`);
+	} else if (gh.installed) {
+		console.log(`  ${cross} gh ${dim(gh.version ?? "")} ${dim("· not authenticated")}`);
+		console.log(`    ${dim(`run: ${gh.detail}`)}`);
+	} else {
+		console.log(`  ${cross} gh ${dim("· not installed")}`);
+		console.log(`    ${dim(`run: ${gh.detail}`)}`);
+	}
+
+	for (const agent of result.agents) {
+		if (agent.installed) {
+			console.log(`  ${check} ${agent.name} ${dim(agent.version ?? "")}`);
+		} else {
+			console.log(`  ${dim("·")} ${dim(agent.name)} ${dim("not found")}`);
+		}
+	}
+
+	if (result.openrouterKey) {
+		console.log(`  ${check} OpenRouter API key`);
+	} else {
+		console.log(`  ${cross} OpenRouter API key ${dim("· not configured")}`);
+		console.log(`    ${dim("run: newpr auth")}`);
+	}
+
+	console.log("");
+}

package/src/github/fetch-pr.ts

@@ -1,15 +1,25 @@
-import type { GithubPrData, PrComment, PrCommit, PrIdentifier } from "../types/github.ts";
+import type { GithubPrData, PrComment, PrCommit, PrIdentifier, PrState } from "../types/github.ts";
 
 export function mapPrResponse(json: Record<string, unknown>): Omit<GithubPrData, "commits"> {
 	const user = json.user as Record<string, unknown> | undefined;
 	const base = json.base as Record<string, unknown> | undefined;
 	const head = json.head as Record<string, unknown> | undefined;
 
+	let state: PrState = "open";
+	if (json.draft) {
+		state = "draft";
+	} else if (json.merged) {
+		state = "merged";
+	} else if (json.state === "closed") {
+		state = "closed";
+	}
+
 	return {
 		number: json.number as number,
 		title: json.title as string,
 		body: (json.body as string) ?? "",
 		url: json.html_url as string,
+		state,
 		base_branch: (base?.ref as string) ?? "unknown",
 		head_branch: (head?.ref as string) ?? "unknown",
 		author: (user?.login as string) ?? "unknown",

package/src/history/store.ts

@@ -25,6 +25,7 @@ export function buildSessionRecord(id: string, data: NewprOutput): SessionRecord
 		pr_url: meta.pr_url,
 		pr_number: meta.pr_number,
 		pr_title: meta.pr_title,
+		pr_state: meta.pr_state,
 		repo: repoParts?.[1] ?? "unknown",
 		author: meta.author,
 		analyzed_at: meta.analyzed_at,

package/src/history/types.ts

@@ -3,6 +3,7 @@ export interface SessionRecord {
 	pr_url: string;
 	pr_number: number;
 	pr_title: string;
+	pr_state?: string;
 	repo: string;
 	author: string;
 	analyzed_at: string;

package/src/llm/prompts.ts

@@ -83,12 +83,20 @@ export function buildGroupingPrompt(fileSummaries: FileSummaryInput[], ctx?: Pro
 	const discussionCtx = formatDiscussion(ctx);
 
 	return {
-		system: `You are an expert code reviewer. Group the following changed files by their semantic purpose.
-Each group should have a descriptive name, a type (one of: feature, refactor, bugfix, chore, docs, test, config), a description, and a list of file paths.
-A file MAY appear in multiple groups if it serves multiple purposes (e.g., index.ts re-exporting for both a feature and a refactor).
+		system: `You are an expert code reviewer. Group the following changed files by their semantic purpose and provide detailed analysis for each group.
+Each group should have:
+- "name": descriptive group name
+- "type": one of: feature, refactor, bugfix, chore, docs, test, config
+- "description": what this group of changes does (1-2 sentences)
+- "files": list of file paths
+- "key_changes": 2-5 bullet points describing the most important specific changes (e.g. "Add JWT token validation middleware", "Replace REST calls with GraphQL queries")
+- "risk": a brief risk assessment for this group (e.g. "Low - cosmetic changes only", "Medium - modifies auth flow, needs careful review", "High - changes database schema")
+- "dependencies": list of other group names that this group depends on or interacts with (empty array if none)
+
+A file MAY appear in multiple groups if it serves multiple purposes.
 Use the commit history and PR discussion to understand which changes belong together logically.
-Respond ONLY with a JSON array. Each element: {"name": "group name", "type": "feature|refactor|bugfix|chore|docs|test|config", "description": "what this group of changes does", "files": ["path1", "path2"]}.
-The "name" and "description" values are human-readable text. The "type" value must be one of the English keywords listed above. File paths stay as-is.
+Respond ONLY with a JSON array. Each element: {"name": "...", "type": "...", "description": "...", "files": [...], "key_changes": [...], "risk": "...", "dependencies": [...]}.
+The "type" value must be one of the English keywords listed above. File paths stay as-is.
 Every file must appear in at least one group. No markdown, no explanation, just the JSON array.${langDirective(ctx?.language)}`,
 		user: `Changed files:\n${fileList}${commitCtx}${discussionCtx}`,
 	};
@@ -124,11 +132,22 @@ export function buildNarrativePrompt(
 	summary: PrSummary,
 	groups: FileGroup[],
 	ctx?: PromptContext,
+	fileDiffs?: Array<{ path: string; diff: string }>,
 ): PromptPair {
 	const groupDetails = groups
-		.map((g) => `### ${g.name} (${g.type})\n${g.description}\nFiles: ${g.files.join(", ")}`)
+		.map((g) => {
+			let detail = `### ${g.name} (${g.type})\n${g.description}\nFiles: ${g.files.join(", ")}`;
+			if (g.key_changes && g.key_changes.length > 0) {
+				detail += `\nKey changes:\n${g.key_changes.map((c) => `- ${c}`).join("\n")}`;
+			}
+			return detail;
+		})
 		.join("\n\n");
 
+	const diffContext = fileDiffs && fileDiffs.length > 0
+		? `\n\n--- FILE DIFFS (use these line numbers for [[line:...]] anchors) ---\n${fileDiffs.map((f) => `File: ${f.path}\n${f.diff}`).join("\n\n---\n\n")}`
+		: "";
+
 	const commitCtx = ctx?.commits ? formatCommitHistory(ctx.commits) : "";
 	const lang = ctx?.language && ctx.language !== "English" ? ctx.language : null;
 
@@ -141,10 +160,26 @@ Use the commit history and PR discussion to understand the development progressi
 Use markdown formatting. Write 2-5 paragraphs. Do NOT use JSON. Write natural prose.
 ${lang ? `CRITICAL: Write the ENTIRE narrative in ${lang}. Every sentence must be in ${lang}. Do NOT use English except for code identifiers, file paths, and [[group:...]]/[[file:...]] tokens.` : "If the PR title is in a non-English language, write the narrative in that same language."}
 
-IMPORTANT: When referencing a change group, wrap it as [[group:Group Name]]. When referencing a specific file, wrap it as [[file:path/to/file.ts]].
-Use the EXACT group names and file paths provided. Every group MUST be referenced at least once. Reference key files where relevant.
-Example: "The [[group:Auth Flow]] group introduces session management via [[file:src/auth/session.ts]] and [[file:src/auth/token.ts]]."`,
-		user: `PR Title: ${prTitle}\n\nSummary:\n- Purpose: ${summary.purpose}\n- Scope: ${summary.scope}\n- Impact: ${summary.impact}\n- Risk: ${summary.risk_level}\n\nChange Groups:\n${groupDetails}${commitCtx}${discussionCtx}`,
+IMPORTANT: Use these anchor formats — they become clickable links in the UI:
+
+1. Group: [[group:Group Name]] — renders as a clickable chip.
+2. File: [[file:path/to/file.ts]] — renders as a clickable chip.
+3. Line reference: [[line:path/to/file.ts#L42-L50]](descriptive text here) — the "descriptive text" becomes an underlined clickable link that opens the diff at that line. The line info itself is NOT shown to the user — only the descriptive text is visible.
+
+RULES:
+- Use EXACT group names and file paths from the context above.
+- Every group MUST be referenced at least once with [[group:...]].
+- For line references, ALWAYS use the form [[line:path#Lstart-Lend]](text). NEVER use bare [[line:...]] without (text).
+- The (text) should be a natural description of what the code does, NOT the file name or line numbers. The reader should not see any line numbers — they just see underlined text they can click.
+- Do NOT place [[file:...]] and [[line:...]] next to each other for the same file. Use [[line:...]] with descriptive text instead — it already opens the file.
+- Aim for most sentences about code to have at least one [[line:...]](...) reference.
+
+GOOD example:
+"The [[group:Auth Flow]] group introduces session management. [[line:src/auth/session.ts#L15-L30]](The new validateToken function) handles JWT parsing, and [[line:src/auth/middleware.ts#L8-L12]](the auth middleware) invokes it on every request."
+
+BAD example (DO NOT do this):
+"The new validateToken function [[line:src/auth/session.ts#L15-L30]] in [[file:src/auth/session.ts]] handles JWT parsing."`,
+		user: `PR Title: ${prTitle}\n\nSummary:\n- Purpose: ${summary.purpose}\n- Scope: ${summary.scope}\n- Impact: ${summary.impact}\n- Risk: ${summary.risk_level}\n\nChange Groups:\n${groupDetails}${commitCtx}${discussionCtx}${diffContext}`,
 	};
 }
 
@@ -187,15 +222,16 @@ export function buildEnrichedNarrativePrompt(
 	groups: FileGroup[],
 	exploration: ExplorationResult,
 	ctx?: PromptContext,
+	fileDiffs?: Array<{ path: string; diff: string }>,
 ): PromptPair {
-	const base = buildNarrativePrompt(prTitle, summary, groups, ctx);
+	const base = buildNarrativePrompt(prTitle, summary, groups, ctx, fileDiffs);
 	const context = formatCodebaseContext(exploration);
 
 	return {
 		system: `${base.system}
 You have access to full codebase analysis. Use it to explain HOW the changes relate to existing code, not just WHAT changed.
 Mention specific existing functions, modules, or patterns that are affected.
-Remember to use [[group:Name]] and [[file:path]] tokens as instructed.`,
+Use [[group:Name]], [[file:path]], and [[line:path#L42-L50]](descriptive text) as instructed above.`,
 		user: `${base.user}\n\n--- CODEBASE CONTEXT (from agentic exploration) ---\n${context}`,
 	};
 }

package/src/llm/response-parser.ts

@@ -40,12 +40,24 @@ export function parseGroups(raw: string): FileGroup[] {
 			? (rawType as GroupType)
 			: "chore";
 
-		return {
+		const group: FileGroup = {
 			name: String(item.name ?? "Ungrouped"),
 			type,
 			description: String(item.description ?? ""),
 			files: Array.isArray(item.files) ? item.files.map(String) : [],
 		};
+
+		if (Array.isArray(item.key_changes) && item.key_changes.length > 0) {
+			group.key_changes = item.key_changes.map(String);
+		}
+		if (item.risk && typeof item.risk === "string") {
+			group.risk = item.risk;
+		}
+		if (Array.isArray(item.dependencies) && item.dependencies.length > 0) {
+			group.dependencies = item.dependencies.map(String);
+		}
+
+		return group;
 	});
 }
 

package/src/types/github.ts

@@ -22,11 +22,14 @@ export interface PrComment {
 	html_url: string;
 }
 
+export type PrState = "open" | "closed" | "merged" | "draft";
+
 export interface GithubPrData {
 	number: number;
 	title: string;
 	body: string;
 	url: string;
+	state: PrState;
 	base_branch: string;
 	head_branch: string;
 	author: string;

package/src/types/output.ts

@@ -11,11 +11,14 @@ export type GroupType =
 
 export type RiskLevel = "low" | "medium" | "high";
 
+export type PrStateLabel = "open" | "closed" | "merged" | "draft";
+
 export interface PrMeta {
 	pr_number: number;
 	pr_title: string;
 	pr_body?: string;
 	pr_url: string;
+	pr_state?: PrStateLabel;
 	base_branch: string;
 	head_branch: string;
 	author: string;
@@ -40,6 +43,9 @@ export interface FileGroup {
 	type: GroupType;
 	description: string;
 	files: string[];
+	key_changes?: string[];
+	risk?: string;
+	dependencies?: string[];
 }
 
 export interface FileChange {

package/src/web/client/App.tsx

@@ -59,7 +59,7 @@ export function App() {
 		}
 	}, [analysis.phase, analysis.sessionId]);
 
-	const handleAnchorClick = useCallback((kind: "group" | "file", id: string) => {
+	const handleAnchorClick = useCallback((kind: "group" | "file" | "line", id: string) => {
 		const key = `${kind}:${id}`;
 		setActiveId((prev) => prev === key ? null : key);
 	}, []);
@@ -68,7 +68,7 @@ export function App() {
 		if (!activeId || !analysis.result) return null;
 		const [kind, ...rest] = activeId.split(":");
 		const id = rest.join(":");
-		return resolveDetail(kind as "group" | "file", id, analysis.result.groups, analysis.result.files);
+		return resolveDetail(kind as "group" | "file" | "line", id, analysis.result.groups, analysis.result.files);
 	}, [activeId, analysis.result]);
 
 	function handleSessionSelect(id: string) {
@@ -88,6 +88,7 @@ export function App() {
 		<DetailPane target={detailTarget} sessionId={diffSessionId} prUrl={prUrl} onClose={() => setActiveId(null)} />
 	) : null;
 
+	const [activeTab, setActiveTab] = useState(() => getUrlParam("tab") ?? "story");
 	const chatState = useChatState(analysis.phase === "done" ? diffSessionId : null);
 
 	const anchorItems = useMemo<AnchorItem[]>(() => {
@@ -112,7 +113,7 @@ export function App() {
 			onSessionSelect={handleSessionSelect}
 			onNewAnalysis={handleNewAnalysis}
 			detailPanel={detailPanel}
-			bottomBar={analysis.phase === "done" ? <ChatInput /> : undefined}
+			bottomBar={analysis.phase === "done" && activeTab === "story" ? <ChatInput /> : undefined}
 			activeSessionId={diffSessionId}
 		>
 			{analysis.phase === "idle" && (
@@ -136,6 +137,7 @@ export function App() {
 					onAnchorClick={handleAnchorClick}
 					cartoonEnabled={features.cartoon}
 					sessionId={diffSessionId}
+					onTabChange={setActiveTab}
 				/>
 			)}
 			{analysis.phase === "error" && (

package/src/web/client/components/AppShell.tsx

@@ -24,6 +24,13 @@ const RISK_DOT: Record<string, string> = {
 	critical: "bg-red-600",
 };
 
+const STATE_LABEL: Record<string, { text: string; class: string }> = {
+	open: { text: "Open", class: "text-green-600 dark:text-green-400" },
+	merged: { text: "Merged", class: "text-purple-600 dark:text-purple-400" },
+	closed: { text: "Closed", class: "text-red-600 dark:text-red-400" },
+	draft: { text: "Draft", class: "text-neutral-500" },
+};
+
 function formatTimeAgo(isoDate: string): string {
 	const diff = Date.now() - new Date(isoDate).getTime();
 	const minutes = Math.floor(diff / 60000);
@@ -149,6 +156,12 @@ export function AppShell({
 											<div className="flex items-center gap-1 mt-1 text-[10px] text-muted-foreground/50">
 												<span className="font-mono truncate">{s.repo.split("/").pop()}</span>
 												<span className="font-mono">#{s.pr_number}</span>
+												{s.pr_state && STATE_LABEL[s.pr_state] && (
+													<>
+														<span className="text-muted-foreground/20 mx-0.5">·</span>
+														<span className={STATE_LABEL[s.pr_state]!.class}>{STATE_LABEL[s.pr_state]!.text}</span>
+													</>
+												)}
 												<span className="text-muted-foreground/20 mx-0.5">·</span>
 												<span>{formatTimeAgo(s.analyzed_at)}</span>
 											</div>

package/src/web/client/components/ChatSection.tsx

@@ -243,7 +243,7 @@ function AssistantMessage({ segments, activeToolName, isStreaming, onAnchorClick
 	segments: ChatSegment[];
 	activeToolName?: string;
 	isStreaming?: boolean;
-	onAnchorClick?: (kind: "group" | "file", id: string) => void;
+	onAnchorClick?: (kind: "group" | "file" | "line", id: string) => void;
 	activeId?: string | null;
 }) {
 	const hasContent = segments.some((s) => s.type === "text" && s.content);
@@ -280,7 +280,7 @@ function AssistantMessage({ segments, activeToolName, isStreaming, onAnchorClick
 }
 
 export function ChatMessages({ onAnchorClick, activeId }: {
-	onAnchorClick?: (kind: "group" | "file", id: string) => void;
+	onAnchorClick?: (kind: "group" | "file" | "line", id: string) => void;
 	activeId?: string | null;
 }) {
 	const ctx = useContext(ChatContext);