newpr 0.5.0 → 0.5.2

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

@@ -240,7 +240,7 @@ export function Markdown({ children, onAnchorClick, activeId }: MarkdownProps) {
 						className={`underline decoration-1 underline-offset-[3px] cursor-pointer transition-colors ${
 							isActive
 								? "decoration-blue-500 dark:decoration-blue-400 bg-blue-500/5 rounded-sm"
-								: "decoration-foreground/15 hover:decoration-foreground/40"
+								: "decoration-foreground/30 hover:decoration-foreground/60"
 						}`}
 					>
 						{children}
@@ -248,7 +248,7 @@ export function Markdown({ children, onAnchorClick, activeId }: MarkdownProps) {
 				);
 			}
 			if (lineRef) {
-				return <span className="underline decoration-foreground/10 decoration-1 underline-offset-[3px]">{children}</span>;
+				return <span className="underline decoration-foreground/25 decoration-1 underline-offset-[3px]">{children}</span>;
 			}
 			const { node, ...rest } = allProps as Record<string, unknown> & { node?: unknown };
 			return <span {...rest as React.HTMLAttributes<HTMLSpanElement>}>{children}</span>;

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

@@ -49,6 +49,7 @@ export function ResultsScreen({
 	sessionId,
 	onTabChange,
 	onReanalyze,
+	enabledPlugins,
 }: {
 	data: NewprOutput;
 	onBack: () => void;
@@ -58,6 +59,7 @@ export function ResultsScreen({
 	sessionId?: string | null;
 	onTabChange?: (tab: string) => void;
 	onReanalyze?: (prUrl: string) => void;
+	enabledPlugins?: string[];
 }) {
 	const { meta, summary } = data;
 	const [tab, setTab] = useState<TabValue>(getInitialTab);
@@ -234,11 +236,13 @@ export function ResultsScreen({
 						<FolderTree className="h-3 w-3 shrink-0" />
 						Files
 					</TabsTrigger>
-					<TabsTrigger value="slides">
-						<Presentation className="h-3 w-3 shrink-0" />
-						Slides
-					</TabsTrigger>
-					{cartoonEnabled && (
+					{(!enabledPlugins || enabledPlugins.includes("slides")) && (
+						<TabsTrigger value="slides">
+							<Presentation className="h-3 w-3 shrink-0" />
+							Slides
+						</TabsTrigger>
+					)}
+					{(!enabledPlugins || enabledPlugins.includes("cartoon")) && (
 						<TabsTrigger value="cartoon">
 							<Sparkles className="h-3 w-3 shrink-0" />
 							Comic

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

@@ -1,5 +1,5 @@
-import { useState, useEffect, useCallback } from "react";
-import { X, Check, Loader2 } from "lucide-react";
+import { useState, useEffect, useCallback, useRef } from "react";
+import { X, Check, Loader2, Search, ChevronDown } from "lucide-react";
 
 interface ConfigData {
 	model: string;
@@ -10,6 +10,8 @@ interface ConfigData {
 	concurrency: number;
 	has_api_key: boolean;
 	has_github_token: boolean;
+	enabled_plugins: string[];
+	available_plugins: Array<{ id: string; name: string }>;
 	defaults: {
 		model: string;
 		language: string;
@@ -19,13 +21,13 @@ interface ConfigData {
 	};
 }
 
-const MODELS = [
-	"anthropic/claude-sonnet-4.6",
-	"anthropic/claude-sonnet-4-20250514",
-	"openai/gpt-4.1",
-	"openai/o3",
-	"google/gemini-2.5-pro-preview-06-05",
-];
+interface ModelInfo {
+	id: string;
+	name: string;
+	provider?: string;
+	created?: number;
+	contextLength?: number;
+}
 
 const AGENTS = [
 	{ value: "", label: "Auto" },
@@ -39,17 +41,26 @@ const LANGUAGES = [
 	"Spanish", "French", "German", "Portuguese",
 ];
 
-export function SettingsPanel({ onClose }: { onClose: () => void }) {
+export function SettingsPanel({ onClose, onFeaturesChange }: { onClose: () => void; onFeaturesChange?: () => void }) {
 	const [config, setConfig] = useState<ConfigData | null>(null);
 	const [saving, setSaving] = useState(false);
 	const [saved, setSaved] = useState(false);
 	const [apiKeyInput, setApiKeyInput] = useState("");
 	const [showApiKeyField, setShowApiKeyField] = useState(false);
+	const [models, setModels] = useState<ModelInfo[]>([]);
 
 	useEffect(() => {
 		fetch("/api/config")
 			.then((r) => r.json())
-			.then((data) => setConfig(data as ConfigData))
+			.then((data) => {
+				setConfig(data as ConfigData);
+				if ((data as ConfigData).has_api_key) {
+					fetch("/api/models")
+						.then((r) => r.json())
+						.then((m) => setModels(m as ModelInfo[]))
+						.catch(() => {});
+				}
+			})
 			.catch(() => {});
 	}, []);
 
@@ -67,10 +78,11 @@ export function SettingsPanel({ onClose }: { onClose: () => void }) {
 			setConfig(data as ConfigData);
 			setSaved(true);
 			setTimeout(() => setSaved(false), 2000);
+			if (update.enabled_plugins !== undefined) onFeaturesChange?.();
 		} finally {
 			setSaving(false);
 		}
-	}, []);
+	}, [onFeaturesChange]);
 
 	if (!config) {
 		return (
@@ -162,15 +174,15 @@ export function SettingsPanel({ onClose }: { onClose: () => void }) {
 
 				<Section title="Model">
 					<Row label="LLM">
-						<select
-							value={config.model}
-							onChange={(e) => save({ model: e.target.value })}
-							className="h-7 rounded-md border bg-background px-2 text-[11px] font-mono focus:outline-none focus:border-foreground/20 cursor-pointer"
-						>
-							{MODELS.map((m) => (
-								<option key={m} value={m}>{m.split("/").pop()}</option>
-							))}
-						</select>
+						{config.has_api_key ? (
+							<ModelSelect
+								value={config.model}
+								models={models}
+								onChange={(id: string) => save({ model: id })}
+							/>
+						) : (
+							<span className="text-[11px] text-muted-foreground/40">Set API key first</span>
+						)}
 					</Row>
 					<Row label="Agent">
 						<div className="flex gap-px rounded-md border p-0.5">
@@ -217,11 +229,151 @@ export function SettingsPanel({ onClose }: { onClose: () => void }) {
 						<NumberInput value={config.concurrency} onChange={(v) => save({ concurrency: v })} />
 					</Row>
 				</Section>
+
+				{config.available_plugins.length > 0 && (
+					<Section title="Plugins">
+						<div className="space-y-1">
+							{config.available_plugins.map((p) => {
+								const enabled = config.enabled_plugins.includes(p.id);
+								return (
+									<div key={p.id} className="flex items-center justify-between gap-3 py-1.5">
+										<div className="flex items-center gap-2 min-w-0">
+											<span className={`h-1.5 w-1.5 rounded-full shrink-0 ${enabled ? "bg-green-500" : "bg-muted-foreground/20"}`} />
+											<span className="text-[11px] truncate">{p.name}</span>
+										</div>
+										<button
+											type="button"
+											onClick={() => {
+												const next = enabled
+													? config.enabled_plugins.filter((id) => id !== p.id)
+													: [...config.enabled_plugins, p.id];
+												save({ enabled_plugins: next });
+											}}
+											className={`relative inline-flex h-4 w-7 items-center rounded-full shrink-0 transition-colors ${
+												enabled ? "bg-foreground" : "bg-muted"
+											}`}
+										>
+											<span className={`inline-block h-3 w-3 rounded-full bg-background transition-transform ${
+												enabled ? "translate-x-3.5" : "translate-x-0.5"
+											}`} />
+										</button>
+									</div>
+								);
+							})}
+						</div>
+					</Section>
+				)}
 			</div>
 		</div>
 	);
 }
 
+function ModelSelect({ value, models: initialModels, onChange }: { value: string; models: ModelInfo[]; onChange: (id: string) => void }) {
+	const [open, setOpen] = useState(false);
+	const [search, setSearch] = useState("");
+	const [models, setModels] = useState<ModelInfo[]>(initialModels);
+	const [loading, setLoading] = useState(false);
+	const ref = useRef<HTMLDivElement>(null);
+	const inputRef = useRef<HTMLInputElement>(null);
+	const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+	useEffect(() => { setModels(initialModels); }, [initialModels]);
+
+	useEffect(() => {
+		if (!open) return;
+		const handler = (e: MouseEvent) => {
+			if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);
+		};
+		document.addEventListener("mousedown", handler);
+		return () => document.removeEventListener("mousedown", handler);
+	}, [open]);
+
+	const fetchModels = useCallback((q: string) => {
+		setLoading(true);
+		fetch(`/api/models${q ? `?q=${encodeURIComponent(q)}` : ""}`)
+			.then((r) => r.json())
+			.then((data) => setModels(data as ModelInfo[]))
+			.catch(() => {})
+			.finally(() => setLoading(false));
+	}, []);
+
+	useEffect(() => {
+		if (open) {
+			setSearch("");
+			fetchModels("");
+			setTimeout(() => inputRef.current?.focus(), 0);
+		}
+	}, [open, fetchModels]);
+
+	const handleSearch = useCallback((q: string) => {
+		setSearch(q);
+		if (debounceRef.current) clearTimeout(debounceRef.current);
+		debounceRef.current = setTimeout(() => fetchModels(q), 300);
+	}, [fetchModels]);
+
+	const displayName = value.split("/").pop() ?? value;
+
+	return (
+		<div ref={ref} className="relative">
+			<button
+				type="button"
+				onClick={() => setOpen(!open)}
+				className="flex items-center gap-1.5 h-7 rounded-md border bg-background px-2.5 text-[11px] font-mono hover:border-foreground/20 transition-colors max-w-[220px]"
+			>
+				<span className="truncate flex-1 text-left">{displayName}</span>
+				<ChevronDown className={`h-3 w-3 text-muted-foreground/40 shrink-0 transition-transform ${open ? "rotate-180" : ""}`} />
+			</button>
+			{open && (
+				<div className="absolute right-0 top-8 z-50 w-[320px] rounded-lg border bg-background shadow-lg">
+					<div className="p-1.5 border-b">
+						<div className="flex items-center gap-1.5 px-2 h-7 rounded-md bg-muted/50">
+							<Search className="h-3 w-3 text-muted-foreground/40 shrink-0" />
+							<input
+								ref={inputRef}
+								type="text"
+								value={search}
+								onChange={(e) => handleSearch(e.target.value)}
+								placeholder="Search models..."
+								className="flex-1 bg-transparent text-[11px] focus:outline-none placeholder:text-muted-foreground/30"
+							/>
+							{loading && <Loader2 className="h-3 w-3 animate-spin text-muted-foreground/30 shrink-0" />}
+						</div>
+					</div>
+					<div className="max-h-[280px] overflow-y-auto p-1">
+						{models.length === 0 && !loading && (
+							<div className="px-2 py-3 text-center text-[11px] text-muted-foreground/40">No models found</div>
+						)}
+						{models.slice(0, 80).map((m, i) => {
+							const isSelected = m.id === value;
+							const provider = m.id.split("/")[0] ?? "";
+							const name = m.id.split("/").slice(1).join("/");
+							const prevProvider = i > 0 ? models[i - 1]!.id.split("/")[0] : null;
+							const showHeader = provider !== prevProvider;
+							return (
+								<div key={m.id}>
+									{showHeader && (
+										<div className="px-2 pt-2 pb-1 text-[10px] font-medium text-muted-foreground/30 uppercase tracking-wider">{provider}</div>
+									)}
+									<button
+										type="button"
+										onClick={() => { onChange(m.id); setOpen(false); }}
+										className={`w-full flex items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors ${
+											isSelected ? "bg-accent" : "hover:bg-accent/50"
+										}`}
+									>
+										<span className="text-[11px] font-mono truncate flex-1">{name}</span>
+										{isSelected && <Check className="h-3 w-3 text-foreground shrink-0" />}
+									</button>
+								</div>
+							);
+						})}
+					</div>
+				</div>
+			)}
+		</div>
+	);
+}
+
 function Section({ title, children }: { title: string; children: React.ReactNode }) {
 	return (
 		<div>

package/src/web/client/hooks/useFeatures.ts

@@ -1,19 +1,22 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect, useCallback } from "react";
 
 interface Features {
 	cartoon: boolean;
 	version: string;
+	enabledPlugins: string[];
 }
 
-export function useFeatures(): Features {
-	const [features, setFeatures] = useState<Features>({ cartoon: false, version: "" });
+export function useFeatures(): Features & { refresh: () => void } {
+	const [features, setFeatures] = useState<Features>({ cartoon: false, version: "", enabledPlugins: [] });
 
-	useEffect(() => {
+	const refresh = useCallback(() => {
 		fetch("/api/features")
 			.then((r) => r.json())
 			.then((data) => setFeatures(data as Features))
 			.catch(() => {});
 	}, []);
 
-	return features;
+	useEffect(() => { refresh(); }, [refresh]);
+
+	return { ...features, refresh };
 }

package/src/web/client/lib/shiki.ts

@@ -6,6 +6,10 @@ export const SHIKI_LANGS = [
 	"yaml", "html", "bash", "java", "c",
 	"cpp", "ruby", "php", "swift", "kotlin",
 	"sql", "markdown", "toml", "xml",
+	"csharp", "dart", "lua", "zig", "graphql",
+	"dockerfile", "prisma", "svelte", "vue",
+	"scss", "less", "r", "scala", "elixir",
+	"haskell", "ocaml", "perl",
 ] as const;
 
 export type ShikiLang = (typeof SHIKI_LANGS)[number];
@@ -35,20 +39,41 @@ const EXT_TO_LANG: Record<string, string> = {
 	js: "javascript", jsx: "jsx", mjs: "javascript", cjs: "javascript",
 	py: "python", pyi: "python",
 	go: "go", rs: "rust",
-	css: "css", scss: "css", less: "css",
+	css: "css", scss: "scss", less: "less",
 	json: "json", jsonc: "json",
 	yaml: "yaml", yml: "yaml",
-	html: "html", htm: "html", vue: "html", svelte: "html",
+	html: "html", htm: "html",
+	vue: "vue", svelte: "svelte",
 	sh: "bash", bash: "bash", zsh: "bash",
 	java: "java", kt: "kotlin",
 	c: "c", h: "c", cpp: "cpp", cc: "cpp", cxx: "cpp", hpp: "cpp",
+	cs: "csharp",
 	rb: "ruby", php: "php", swift: "swift",
 	sql: "sql", md: "markdown", mdx: "markdown",
-	toml: "toml",
+	toml: "toml", xml: "xml",
+	dart: "dart", lua: "lua", zig: "zig",
+	graphql: "graphql", gql: "graphql",
+	prisma: "prisma",
+	dockerfile: "dockerfile",
+	r: "r", R: "r",
+	scala: "scala", sc: "scala",
+	ex: "elixir", exs: "elixir",
+	hs: "haskell", ml: "ocaml",
+	pl: "perl", pm: "perl",
+};
+
+const NAME_TO_LANG: Record<string, string> = {
+	Dockerfile: "dockerfile",
+	Makefile: "bash",
+	Gemfile: "ruby",
+	Rakefile: "ruby",
 };
 
 export function detectShikiLang(filePath: string): ShikiLang | null {
-	const ext = filePath.split(".").pop()?.toLowerCase() ?? "";
+	const fileName = filePath.split("/").pop() ?? "";
+	const nameLang = NAME_TO_LANG[fileName];
+	if (nameLang) return nameLang as ShikiLang;
+	const ext = fileName.split(".").pop()?.toLowerCase() ?? "";
 	return (EXT_TO_LANG[ext] as ShikiLang | undefined) ?? null;
 }
 

package/src/web/server/routes.ts

@@ -7,10 +7,11 @@ import { fetchPrDiff } from "../../github/fetch-diff.ts";
 import { fetchPrBody, fetchPrComments } from "../../github/fetch-pr.ts";
 import { parseDiff } from "../../diff/parser.ts";
 import { parsePrInput } from "../../github/parse-pr.ts";
-import { writeStoredConfig, type StoredConfig } from "../../config/store.ts";
+import { readStoredConfig, writeStoredConfig, type StoredConfig } from "../../config/store.ts";
 import { startAnalysis, getSession, cancelAnalysis, subscribe, listActiveSessions } from "./session-manager.ts";
 import { generateCartoon } from "../../llm/cartoon.ts";
 import { generateSlides } from "../../llm/slides.ts";
+import { getPlugin, getAllPlugins } from "../../plugins/registry.ts";
 import { chatWithTools, type ChatTool, type ChatStreamEvent } from "../../llm/client.ts";
 import { detectAgents, runAgent } from "../../workspace/agent.ts";
 import { randomBytes } from "node:crypto";
@@ -81,6 +82,14 @@ export function createRoutes(token: string, config: NewprConfig, options: RouteO
 	}
 	const slideJobs = new Map<string, SlideJob>();
 
+	interface PluginJob {
+		status: "running" | "done" | "error";
+		message: string;
+		current: number;
+		total: number;
+	}
+	const pluginJobs = new Map<string, PluginJob>();
+
 	function buildChatSystemPrompt(data: NewprOutput): string {
 		const fileSummaries = data.files
 			.map((f) => `- ${f.path} (${f.status}, +${f.additions}/-${f.deletions}): ${f.summary}`)
@@ -229,6 +238,38 @@ $$
 					},
 				},
 			},
+			{
+				type: "function",
+				function: {
+					name: "create_review_comment",
+					description: "Create an inline review comment on a specific line or line range of a file in this PR. The comment will be posted to GitHub. Use this when the user asks to leave a comment, suggestion, or feedback on specific code.",
+					parameters: {
+						type: "object",
+						properties: {
+							path: { type: "string", description: "File path (e.g. 'src/auth/session.ts')" },
+							line: { type: "number", description: "Line number to comment on (end line if range)" },
+							start_line: { type: "number", description: "Start line for multi-line comment (optional)" },
+							body: { type: "string", description: "Comment body in markdown" },
+						},
+						required: ["path", "line", "body"],
+					},
+				},
+			},
+			{
+				type: "function",
+				function: {
+					name: "submit_review",
+					description: "Submit a PR review with a verdict: APPROVE, REQUEST_CHANGES, or COMMENT. Use when the user asks to approve or request changes on the PR.",
+					parameters: {
+						type: "object",
+						properties: {
+							event: { type: "string", enum: ["APPROVE", "REQUEST_CHANGES", "COMMENT"], description: "Review action" },
+							body: { type: "string", description: "Optional review summary message" },
+						},
+						required: ["event"],
+					},
+				},
+			},
 		];
 	}
 
@@ -483,7 +524,38 @@ $$
 			}
 		},
 
+		"GET /api/models": async () => {
+			if (!config.openrouter_api_key) return json([]);
+			try {
+				const res = await fetch("https://openrouter.ai/api/v1/models", {
+					headers: { Authorization: `Bearer ${config.openrouter_api_key}` },
+				});
+				if (!res.ok) return json([]);
+				const data = await res.json() as { data?: Array<{ id: string; name: string; created?: number; context_length?: number }> };
+				const models = (data.data ?? [])
+					.filter((m) => m.id && !m.id.includes(":free") && !m.id.includes(":extended"))
+					.map((m) => ({
+						id: m.id,
+						name: m.name ?? m.id,
+						provider: m.id.split("/")[0] ?? "",
+						created: m.created ?? 0,
+						contextLength: m.context_length,
+					}))
+					.sort((a, b) => {
+						const provCmp = a.provider.localeCompare(b.provider);
+						if (provCmp !== 0) return provCmp;
+						return b.created - a.created;
+					});
+				return json(models);
+			} catch {
+				return json([]);
+			}
+		},
+
 		"GET /api/config": async () => {
+			const stored = await readStoredConfig();
+			const pluginList = getAllPlugins().map((p) => ({ id: p.id, name: p.name }));
+			const enabledPlugins = stored.enabled_plugins ?? pluginList.map((p) => p.id);
 			return json({
 				model: config.model,
 				agent: config.agent ?? null,
@@ -493,6 +565,8 @@ $$
 				concurrency: config.concurrency,
 				has_api_key: !!config.openrouter_api_key,
 				has_github_token: !!token,
+				enabled_plugins: enabledPlugins,
+				available_plugins: pluginList,
 				defaults: {
 					model: DEFAULT_CONFIG.model,
 					language: DEFAULT_CONFIG.language,
@@ -540,14 +614,20 @@ $$
 				update.concurrency = body.concurrency;
 				config.concurrency = body.concurrency;
 			}
+			if ((body as Record<string, unknown>).enabled_plugins !== undefined) {
+				update.enabled_plugins = (body as Record<string, unknown>).enabled_plugins as string[];
+			}
 
 			await writeStoredConfig(update);
 			return json({ ok: true });
 		},
 
-		"GET /api/features": () => {
+		"GET /api/features": async () => {
 			const { getVersion } = require("../../version.ts");
-			return json({ cartoon: !!options.cartoon, version: getVersion() });
+			const stored = await readStoredConfig();
+			const allPluginIds = getAllPlugins().map((p) => p.id);
+			const enabledPlugins = stored.enabled_plugins ?? allPluginIds;
+			return json({ cartoon: !!options.cartoon, version: getVersion(), enabledPlugins });
 		},
 
 		"POST /api/review": async (req: Request) => {
@@ -1096,6 +1176,67 @@ $$
 							return `Fetch error: ${err instanceof Error ? err.message : String(err)}`;
 						}
 					}
+					case "create_review_comment": {
+						const filePath = args.path as string;
+						const line = args.line as number;
+						const startLine = args.start_line as number | undefined;
+						const body = args.body as string;
+						if (!filePath || !line || !body) return "Error: path, line, and body are required";
+						try {
+							const pr = parsePrInput(sessionData.meta.pr_url);
+							const sha = await fetchHeadSha(pr);
+							if (!sha) return "Error: could not determine HEAD SHA";
+							const ghBody: Record<string, unknown> = {
+								commit_id: sha,
+								path: filePath,
+								line,
+								side: "RIGHT",
+								body,
+							};
+							if (startLine && startLine !== line) {
+								ghBody.start_line = startLine;
+								ghBody.start_side = "RIGHT";
+							}
+							const res = await fetch(
+								`https://api.github.com/repos/${pr.owner}/${pr.repo}/pulls/${pr.number}/comments`,
+								{ method: "POST", headers: ghHeaders, body: JSON.stringify(ghBody) },
+							);
+							if (!res.ok) {
+								const errBody = await res.text();
+								return `GitHub API error ${res.status}: ${errBody.slice(0, 200)}`;
+							}
+							const data = await res.json() as { id?: number; html_url?: string };
+							return `Comment created on ${filePath}:${startLine && startLine !== line ? `${startLine}-` : ""}${line}. ${data.html_url ?? ""}`;
+						} catch (err) {
+							return `Error: ${err instanceof Error ? err.message : String(err)}`;
+						}
+					}
+					case "submit_review": {
+						const event = args.event as string;
+						const body = (args.body as string) ?? "";
+						if (!event || !["APPROVE", "REQUEST_CHANGES", "COMMENT"].includes(event)) {
+							return "Error: event must be APPROVE, REQUEST_CHANGES, or COMMENT";
+						}
+						try {
+							const pr = parsePrInput(sessionData.meta.pr_url);
+							const res = await fetch(
+								`https://api.github.com/repos/${pr.owner}/${pr.repo}/pulls/${pr.number}/reviews`,
+								{
+									method: "POST",
+									headers: ghHeaders,
+									body: JSON.stringify({ body, event }),
+								},
+							);
+							if (!res.ok) {
+								const errBody = await res.text();
+								return `GitHub API error ${res.status}: ${errBody.slice(0, 200)}`;
+							}
+							const data = await res.json() as { html_url?: string; state?: string };
+							return `Review submitted: ${data.state ?? event}. ${data.html_url ?? ""}`;
+						} catch (err) {
+							return `Error: ${err instanceof Error ? err.message : String(err)}`;
+						}
+					}
 					default:
 						return `Unknown tool: ${name}`;
 				}
@@ -1310,5 +1451,83 @@ $$
 			if (!job) return json({ status: "idle" });
 			return json(job);
 		},
+
+		"GET /api/plugins": () => {
+			const plugins = getAllPlugins().map((p) => ({
+				id: p.id,
+				name: p.name,
+				description: p.description,
+				icon: p.icon,
+				tabLabel: p.tabLabel,
+			}));
+			return json(plugins);
+		},
+
+		"GET /api/plugins/:id/data": async (req: Request) => {
+			const url = new URL(req.url);
+			const segments = url.pathname.split("/");
+			const pluginId = segments[3]!;
+			const sessionId = url.searchParams.get("sessionId");
+			if (!sessionId) return json({ error: "Missing sessionId" }, 400);
+			const plugin = getPlugin(pluginId);
+			if (!plugin) return json({ error: `Unknown plugin: ${pluginId}` }, 404);
+			const data = await plugin.load(sessionId);
+			return json(data);
+		},
+
+		"POST /api/plugins/:id/generate": async (req: Request) => {
+			const url = new URL(req.url);
+			const segments = url.pathname.split("/");
+			const pluginId = segments[3]!;
+			const body = await req.json() as { sessionId?: string; resume?: boolean };
+			const sessionId = body.sessionId;
+			if (!sessionId) return json({ error: "Missing sessionId" }, 400);
+			if (!config.openrouter_api_key) return json({ error: "API key required" }, 400);
+
+			const plugin = getPlugin(pluginId);
+			if (!plugin) return json({ error: `Unknown plugin: ${pluginId}` }, 404);
+
+			const data = await loadSession(sessionId);
+			if (!data) return json({ error: "Session not found" }, 404);
+
+			const jobKey = `${pluginId}:${sessionId}`;
+			if (pluginJobs.has(jobKey) && pluginJobs.get(jobKey)!.status === "running") {
+				return json({ status: "already_running" });
+			}
+
+			const job: PluginJob = { status: "running", message: "Starting...", current: 0, total: 0 };
+			pluginJobs.set(jobKey, job);
+
+			const existingData = body.resume ? await plugin.load(sessionId) : null;
+
+			(async () => {
+				try {
+					const result = await plugin.generate(
+						{ apiKey: config.openrouter_api_key, sessionId, data, language: config.language },
+						(event) => { job.message = event.message; job.current = event.current; job.total = event.total; },
+						existingData,
+					);
+					await plugin.save(sessionId, result.data);
+					job.status = "done";
+					job.message = "Complete";
+				} catch (err) {
+					job.status = "error";
+					job.message = err instanceof Error ? err.message : String(err);
+				}
+			})();
+
+			return json({ status: "started" });
+		},
+
+		"GET /api/plugins/:id/status": async (req: Request) => {
+			const url = new URL(req.url);
+			const segments = url.pathname.split("/");
+			const pluginId = segments[3]!;
+			const sessionId = url.searchParams.get("sessionId");
+			if (!sessionId) return json({ error: "Missing sessionId" }, 400);
+			const job = pluginJobs.get(`${pluginId}:${sessionId}`);
+			if (!job) return json({ status: "idle" });
+			return json(job);
+		},
 	};
 }