granola-toolkit 0.21.0 → 0.22.0

package/dist/cli.js

@@ -6,7 +6,7 @@ import { homedir, platform } from "node:os";
 import { dirname, join } from "node:path";
 import { promisify } from "node:util";
 import { NodeHtmlMarkdown } from "node-html-markdown";
-import { createHash } from "node:crypto";
+import { createHash, randomUUID } from "node:crypto";
 import { createServer } from "node:http";
 //#region src/utils.ts
 const INVALID_FILENAME_CHARS = /[<>:"/\\|?*]/g;
@@ -718,6 +718,81 @@ async function loadOptionalGranolaCache(cacheFile) {
 	return parseCacheContents(await readFile(cacheFile, "utf8"));
 }
 //#endregion
+//#region src/export-jobs.ts
+const EXPORT_JOBS_VERSION = 1;
+const MAX_EXPORT_JOBS = 100;
+function normaliseJob(value) {
+	const record = asRecord(value);
+	if (!record) return;
+	const id = stringValue(record.id);
+	const kind = stringValue(record.kind);
+	const status = stringValue(record.status);
+	const format = stringValue(record.format);
+	const outputDir = stringValue(record.outputDir);
+	const startedAt = stringValue(record.startedAt);
+	const itemCount = typeof record.itemCount === "number" && Number.isFinite(record.itemCount) ? record.itemCount : 0;
+	const written = typeof record.written === "number" && Number.isFinite(record.written) ? record.written : 0;
+	const completedCount = typeof record.completedCount === "number" && Number.isFinite(record.completedCount) ? record.completedCount : written;
+	if (!id || !format || !outputDir || !startedAt || kind !== "notes" && kind !== "transcripts" || status !== "running" && status !== "completed" && status !== "failed") return;
+	return {
+		completedCount,
+		error: stringValue(record.error) || void 0,
+		finishedAt: stringValue(record.finishedAt) || void 0,
+		format,
+		id,
+		itemCount,
+		kind,
+		outputDir,
+		startedAt,
+		status,
+		written
+	};
+}
+function normaliseJobsFile(parsed) {
+	const record = asRecord(parsed);
+	if (!record || record.version !== EXPORT_JOBS_VERSION || !Array.isArray(record.jobs)) return {
+		jobs: [],
+		version: EXPORT_JOBS_VERSION
+	};
+	return {
+		jobs: record.jobs.map((job) => normaliseJob(job)).filter((job) => Boolean(job)).slice(0, MAX_EXPORT_JOBS),
+		version: EXPORT_JOBS_VERSION
+	};
+}
+function createExportJobId(kind) {
+	return `${kind}-${randomUUID()}`;
+}
+function defaultExportJobsFilePath() {
+	const home = homedir();
+	return platform() === "darwin" ? join(home, "Library", "Application Support", "granola-toolkit", "export-jobs.json") : join(home, ".config", "granola-toolkit", "export-jobs.json");
+}
+var FileExportJobStore = class {
+	constructor(filePath = defaultExportJobsFilePath()) {
+		this.filePath = filePath;
+	}
+	async readJobs() {
+		try {
+			return normaliseJobsFile(parseJsonString(await readFile(this.filePath, "utf8"))).jobs;
+		} catch {
+			return [];
+		}
+	}
+	async writeJobs(jobs) {
+		const payload = {
+			jobs: jobs.slice(0, MAX_EXPORT_JOBS),
+			version: EXPORT_JOBS_VERSION
+		};
+		await mkdir(dirname(this.filePath), { recursive: true });
+		await writeFile(this.filePath, `${JSON.stringify(payload, null, 2)}\n`, {
+			encoding: "utf8",
+			mode: 384
+		});
+	}
+};
+function createDefaultExportJobStore() {
+	return new FileExportJobStore();
+}
+//#endregion
 //#region src/export-state.ts
 const EXPORT_STATE_VERSION = 1;
 function exportStatePath(outputDir, kind) {
@@ -783,7 +858,7 @@ function entryChanged(left, right) {
 	if (!left) return true;
 	return left.contentHash !== right.contentHash || left.exportedAt !== right.exportedAt || left.fileName !== right.fileName || left.fileStem !== right.fileStem || left.sourceUpdatedAt !== right.sourceUpdatedAt;
 }
-async function syncManagedExports({ items, kind, outputDir }) {
+async function syncManagedExports({ items, kind, onProgress, outputDir }) {
 	await ensureDirectory(outputDir);
 	const previousEntries = (await loadExportState(outputDir, kind)).entries;
 	const used = /* @__PURE__ */ new Map();
@@ -804,6 +879,7 @@ async function syncManagedExports({ items, kind, outputDir }) {
 	const activeFileNames = new Set(plans.map((plan) => plan.fileName));
 	const exportedAt = (/* @__PURE__ */ new Date()).toISOString();
 	const nextEntries = {};
+	let completed = 0;
 	let written = 0;
 	let stateChanged = false;
 	for (const plan of plans) {
@@ -822,6 +898,12 @@ async function syncManagedExports({ items, kind, outputDir }) {
 		};
 		nextEntries[plan.id] = nextEntry;
 		stateChanged = stateChanged || entryChanged(plan.existing, nextEntry);
+		completed += 1;
+		if (onProgress) await onProgress({
+			completed,
+			total: plans.length,
+			written
+		});
 	}
 	for (const plan of plans) {
 		const previousFileName = plan.existing?.fileName;
@@ -1106,7 +1188,7 @@ function noteFileExtension(format) {
 		case "markdown": return ".md";
 	}
 }
-async function writeNotes(documents, outputDir, format = "markdown") {
+async function writeNotes(documents, outputDir, format = "markdown", options = {}) {
 	return await syncManagedExports({
 		items: [...documents].sort((left, right) => compareStrings(left.title || left.id, right.title || right.id) || compareStrings(left.id, right.id)).map((document) => {
 			const note = buildNoteExport(document);
@@ -1119,6 +1201,7 @@ async function writeNotes(documents, outputDir, format = "markdown") {
 			};
 		}),
 		kind: "notes",
+		onProgress: options.onProgress,
 		outputDir
 	});
 }
@@ -1230,7 +1313,7 @@ function transcriptFileExtension(format) {
 		case "yaml": return ".yaml";
 	}
 }
-async function writeTranscripts(cacheData, outputDir, format = "text") {
+async function writeTranscripts(cacheData, outputDir, format = "text", options = {}) {
 	return await syncManagedExports({
 		items: Object.entries(cacheData.transcripts).filter(([, segments]) => segments.length > 0).sort(([leftId], [rightId]) => {
 			const leftDocument = cacheData.documents[leftId];
@@ -1254,6 +1337,7 @@ async function writeTranscripts(cacheData, outputDir, format = "text") {
 			}];
 		}),
 		kind: "transcripts",
+		onProgress: options.onProgress,
 		outputDir
 	});
 }
@@ -1514,6 +1598,9 @@ function transcriptCount(cacheData) {
 function cloneExportState(state) {
 	return state ? { ...state } : void 0;
 }
+function cloneExportJob(job) {
+	return { ...job };
+}
 function cloneState(state) {
 	return {
 		auth: { ...state.auth },
@@ -1525,6 +1612,7 @@ function cloneState(state) {
 		},
 		documents: { ...state.documents },
 		exports: {
+			jobs: state.exports.jobs.map((job) => cloneExportJob(job)),
 			notes: cloneExportState(state.exports.notes),
 			transcripts: cloneExportState(state.exports.transcripts)
 		},
@@ -1550,7 +1638,7 @@ function defaultState(config, auth, surface) {
 			count: 0,
 			loaded: false
 		},
-		exports: {},
+		exports: { jobs: [] },
 		ui: {
 			surface,
 			view: "idle"
@@ -1568,6 +1656,7 @@ var GranolaApp = class {
 		this.config = config;
 		this.deps = deps;
 		this.#state = defaultState(config, deps.auth, options.surface ?? "cli");
+		this.#state.exports.jobs = (deps.exportJobs ?? []).map((job) => cloneExportJob(job));
 	}
 	getState() {
 		return cloneState(this.#state);
@@ -1613,6 +1702,55 @@ var GranolaApp = class {
 	missingCacheError() {
 		return /* @__PURE__ */ new Error(`Granola cache file not found. Pass --cache or create .granola.toml. Expected locations include: ${granolaCacheCandidates().join(", ")}`);
 	}
+	async persistExportJobs() {
+		if (!this.deps.exportJobStore) return;
+		await this.deps.exportJobStore.writeJobs(this.#state.exports.jobs);
+	}
+	async updateExportJob(job) {
+		const nextJobs = [cloneExportJob(job), ...this.#state.exports.jobs.filter((candidate) => candidate.id !== job.id).map(cloneExportJob)].slice(0, 100);
+		this.#state.exports.jobs = nextJobs;
+		await this.persistExportJobs();
+		this.emitStateUpdate();
+		return cloneExportJob(job);
+	}
+	async startExportJob(kind, format, itemCount, outputDir) {
+		return await this.updateExportJob({
+			completedCount: 0,
+			format,
+			id: createExportJobId(kind),
+			itemCount,
+			kind,
+			outputDir,
+			startedAt: this.nowIso(),
+			status: "running",
+			written: 0
+		});
+	}
+	async completeExportJob(job, patch) {
+		return await this.updateExportJob({
+			...job,
+			completedCount: patch.completedCount,
+			finishedAt: this.nowIso(),
+			status: "completed",
+			written: patch.written
+		});
+	}
+	async failExportJob(job, error) {
+		const message = error instanceof Error ? error.message : String(error);
+		return await this.updateExportJob({
+			...job,
+			error: message,
+			finishedAt: this.nowIso(),
+			status: "failed"
+		});
+	}
+	async setExportJobProgress(job, patch) {
+		return await this.updateExportJob({
+			...job,
+			completedCount: patch.completedCount,
+			written: patch.written
+		});
+	}
 	async listDocuments() {
 		if (this.#documents) return this.#documents;
 		const documents = await (await this.getGranolaClient()).listDocuments({ timeoutMs: this.config.notes.timeoutMs });
@@ -1701,13 +1839,42 @@ var GranolaApp = class {
 			meeting
 		};
 	}
+	async listExportJobs(options = {}) {
+		const limit = options.limit ?? 20;
+		const jobs = this.#state.exports.jobs.slice(0, limit).map((job) => cloneExportJob(job));
+		this.setUiState({ view: "exports-history" });
+		return { jobs };
+	}
 	async exportNotes(format = "markdown") {
+		return await this.runNotesExport({
+			format,
+			outputDir: this.config.notes.output
+		});
+	}
+	async runNotesExport(options) {
 		const documents = await this.listDocuments();
-		const written = await writeNotes(documents, this.config.notes.output, format);
+		let job = await this.startExportJob("notes", options.format, documents.length, options.outputDir);
+		let written = 0;
+		try {
+			written = await writeNotes(documents, options.outputDir, options.format, { onProgress: async (progress) => {
+				job = await this.setExportJobProgress(job, {
+					completedCount: progress.completed,
+					written: progress.written
+				});
+			} });
+			job = await this.completeExportJob(job, {
+				completedCount: documents.length,
+				written
+			});
+		} catch (error) {
+			await this.failExportJob(job, error);
+			throw error;
+		}
 		this.#state.exports.notes = {
-			format,
+			format: options.format,
 			itemCount: documents.length,
-			outputDir: this.config.notes.output,
+			jobId: job.id,
+			outputDir: options.outputDir,
 			ranAt: this.nowIso(),
 			written
 		};
@@ -1716,20 +1883,44 @@ var GranolaApp = class {
 		return {
 			documentCount: documents.length,
 			documents,
-			format,
-			outputDir: this.config.notes.output,
+			format: options.format,
+			job,
+			outputDir: options.outputDir,
 			written
 		};
 	}
 	async exportTranscripts(format = "text") {
+		return await this.runTranscriptsExport({
+			format,
+			outputDir: this.config.transcripts.output
+		});
+	}
+	async runTranscriptsExport(options) {
 		const cacheData = await this.loadCache({ required: true });
 		if (!cacheData) throw this.missingCacheError();
-		const written = await writeTranscripts(cacheData, this.config.transcripts.output, format);
 		const count = transcriptCount(cacheData);
+		let job = await this.startExportJob("transcripts", options.format, count, options.outputDir);
+		let written = 0;
+		try {
+			written = await writeTranscripts(cacheData, options.outputDir, options.format, { onProgress: async (progress) => {
+				job = await this.setExportJobProgress(job, {
+					completedCount: progress.completed,
+					written: progress.written
+				});
+			} });
+			job = await this.completeExportJob(job, {
+				completedCount: count,
+				written
+			});
+		} catch (error) {
+			await this.failExportJob(job, error);
+			throw error;
+		}
 		this.#state.exports.transcripts = {
-			format,
+			format: options.format,
 			itemCount: count,
-			outputDir: this.config.transcripts.output,
+			jobId: job.id,
+			outputDir: options.outputDir,
 			ranAt: this.nowIso(),
 			written
 		};
@@ -1737,18 +1928,35 @@ var GranolaApp = class {
 		this.setUiState({ view: "transcripts-export" });
 		return {
 			cacheData,
-			format,
-			outputDir: this.config.transcripts.output,
+			format: options.format,
+			job,
+			outputDir: options.outputDir,
 			transcriptCount: count,
 			written
 		};
 	}
+	async rerunExportJob(id) {
+		const job = this.#state.exports.jobs.find((candidate) => candidate.id === id);
+		if (!job) throw new Error(`export job not found: ${id}`);
+		if (job.kind === "notes") return await this.runNotesExport({
+			format: job.format,
+			outputDir: job.outputDir
+		});
+		return await this.runTranscriptsExport({
+			format: job.format,
+			outputDir: job.outputDir
+		});
+	}
 };
 async function createGranolaApp(config, options = {}) {
+	const auth = await inspectDefaultGranolaAuth(config);
+	const exportJobStore = createDefaultExportJobStore();
 	return new GranolaApp(config, {
-		auth: await inspectDefaultGranolaAuth(config),
+		auth,
 		cacheLoader: loadOptionalGranolaCache,
 		createGranolaClient: async () => await createDefaultGranolaRuntime(config, options.logger),
+		exportJobs: await exportJobStore.readJobs(),
+		exportJobStore,
 		now: options.now
 	}, { surface: options.surface });
 }
@@ -1868,6 +2076,106 @@ async function waitForShutdown(close) {
 	});
 }
 //#endregion
+//#region src/commands/exports.ts
+function exportsHelp() {
+	return `Granola exports
+
+Usage:
+  granola exports <list|rerun> [options]
+
+Subcommands:
+  list                Show recent export jobs
+  rerun <job-id>      Rerun a previous notes or transcripts export job
+
+Options:
+  --cache <path>      Path to Granola cache JSON
+  --format <value>    list output format: text, json, yaml (default: text)
+  --limit <n>         Number of jobs to show for list (default: 20)
+  --timeout <value>   Request timeout, e.g. 2m, 30s, 120000 (default: 2m)
+  --supabase <path>   Path to supabase.json
+  --debug             Enable debug logging
+  --config <path>     Path to .granola.toml
+  -h, --help          Show help
+`;
+}
+function resolveListFormat$1(value) {
+	switch (value) {
+		case void 0: return "text";
+		case "json":
+		case "text":
+		case "yaml": return value;
+		default: throw new Error("invalid exports format: expected text, json, or yaml");
+	}
+}
+function parseLimit$1(value) {
+	if (value === void 0) return 20;
+	if (typeof value !== "string" || !/^\d+$/.test(value)) throw new Error("invalid exports limit: expected a positive integer");
+	const limit = Number(value);
+	if (!Number.isInteger(limit) || limit < 1) throw new Error("invalid exports limit: expected a positive integer");
+	return limit;
+}
+function renderExportJobs(jobs, format) {
+	if (format === "json") return toJson({ jobs });
+	if (format === "yaml") return toYaml({ jobs });
+	if (jobs.length === 0) return "No export jobs\n";
+	return `${["ID                           KIND         STATUS      FORMAT      ITEMS   WRITTEN  STARTED", ...jobs.map((job) => {
+		return `${job.id.padEnd(28).slice(0, 28)} ${job.kind.padEnd(12)} ${job.status.padEnd(11)} ${job.format.padEnd(11)} ${String(job.itemCount).padEnd(7)} ${String(job.written).padEnd(8)} ${job.startedAt.slice(0, 19)}`;
+	})].join("\n")}\n`;
+}
+const exportsCommand = {
+	description: "List and rerun tracked export jobs",
+	flags: {
+		cache: { type: "string" },
+		format: { type: "string" },
+		help: { type: "boolean" },
+		limit: { type: "string" },
+		timeout: { type: "string" }
+	},
+	help: exportsHelp,
+	name: "exports",
+	async run({ commandArgs, commandFlags, globalFlags }) {
+		const [action, id] = commandArgs;
+		switch (action) {
+			case "list": return await list$1(commandFlags, globalFlags);
+			case "rerun":
+				if (!id) throw new Error("exports rerun requires a job id");
+				return await rerun(id, commandFlags, globalFlags);
+			case void 0:
+				console.log(exportsHelp());
+				return 1;
+			default: throw new Error("invalid exports command: expected list or rerun");
+		}
+	}
+};
+async function list$1(commandFlags, globalFlags) {
+	const format = resolveListFormat$1(commandFlags.format);
+	const limit = parseLimit$1(commandFlags.limit);
+	const config = await loadConfig({
+		globalFlags,
+		subcommandFlags: commandFlags
+	});
+	debug(config.debug, "using config", config.configFileUsed ?? "(none)");
+	const result = await (await createGranolaApp(config)).listExportJobs({ limit });
+	console.log(renderExportJobs(result.jobs, format).trimEnd());
+	return 0;
+}
+async function rerun(id, commandFlags, globalFlags) {
+	const config = await loadConfig({
+		globalFlags,
+		subcommandFlags: commandFlags
+	});
+	debug(config.debug, "using config", config.configFileUsed ?? "(none)");
+	debug(config.debug, "supabase", config.supabase);
+	debug(config.debug, "cacheFile", config.transcripts.cacheFile || "(none)");
+	const result = await (await createGranolaApp(config)).rerunExportJob(id);
+	if ("documentCount" in result) {
+		console.log(`✓ Reran notes export job ${result.job.id} to ${result.outputDir} (${result.written}/${result.documentCount} written)`);
+		return 0;
+	}
+	console.log(`✓ Reran transcripts export job ${result.job.id} to ${result.outputDir} (${result.written}/${result.transcriptCount} written)`);
+	return 0;
+}
+//#endregion
 //#region src/commands/meeting.ts
 function meetingHelp() {
 	return `Granola meeting
@@ -2116,7 +2424,7 @@ const notesCommand = {
 		const app = await createGranolaApp(config);
 		debug(config.debug, "authMode", app.getState().auth.mode);
 		const result = await app.exportNotes(format);
-		console.log(`✓ Exported ${result.documentCount} notes to ${result.outputDir}`);
+		console.log(`✓ Exported ${result.documentCount} notes to ${result.outputDir} (job ${result.job.id})`);
 		debug(config.debug, "notes written", result.written);
 		return 0;
 	}
@@ -2132,436 +2440,8 @@ function resolveNoteFormat(value) {
 	}
 }
 //#endregion
-//#region src/server/web.ts
-function renderGranolaWebPage() {
-	return `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Granola Toolkit</title>
-    <style>
-      :root {
-        --bg: #f2ede2;
-        --panel: rgba(255, 252, 247, 0.86);
-        --panel-strong: #fffaf2;
-        --line: rgba(36, 39, 44, 0.12);
-        --ink: #1d242c;
-        --muted: #5d6b77;
-        --accent: #0d6a6d;
-        --accent-soft: rgba(13, 106, 109, 0.12);
-        --warm: #a34f2f;
-        --ok: #246b4f;
-        --error: #9d2c2c;
-        --shadow: 0 24px 80px rgba(40, 32, 16, 0.12);
-        --radius: 24px;
-        --mono: "SF Mono", "IBM Plex Mono", "Cascadia Code", monospace;
-        --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
-        --sans: "Avenir Next", "Segoe UI", sans-serif;
-      }
-
-      * { box-sizing: border-box; }
-
-      body {
-        margin: 0;
-        min-height: 100vh;
-        font-family: var(--sans);
-        color: var(--ink);
-        background:
-          radial-gradient(circle at top left, rgba(163, 79, 47, 0.18), transparent 32%),
-          radial-gradient(circle at right 12%, rgba(13, 106, 109, 0.16), transparent 28%),
-          linear-gradient(180deg, #f8f2e8 0%, var(--bg) 100%);
-      }
-
-      .shell {
-        display: grid;
-        grid-template-columns: 320px minmax(0, 1fr);
-        gap: 18px;
-        min-height: 100vh;
-        padding: 24px;
-      }
-
-      .pane {
-        background: var(--panel);
-        backdrop-filter: blur(18px);
-        border: 1px solid var(--line);
-        border-radius: var(--radius);
-        box-shadow: var(--shadow);
-      }
-
-      .sidebar {
-        display: grid;
-        grid-template-rows: auto auto 1fr;
-        overflow: hidden;
-      }
-
-      .hero, .toolbar, .detail-head {
-        padding: 22px 24px;
-        border-bottom: 1px solid var(--line);
-      }
-
-      .hero h1 {
-        margin: 0;
-        font-family: var(--serif);
-        font-size: clamp(2rem, 3vw, 2.8rem);
-        font-weight: 600;
-        letter-spacing: -0.04em;
-      }
-
-      .hero p, .toolbar p {
-        margin: 8px 0 0;
-        color: var(--muted);
-        line-height: 1.5;
-      }
-
-      .search,
-      .select,
-      .field-input {
-        width: 100%;
-        margin-top: 16px;
-        padding: 12px 14px;
-        border: 1px solid var(--line);
-        border-radius: 999px;
-        background: rgba(255, 255, 255, 0.7);
-        color: var(--ink);
-        font: inherit;
-      }
-
-      .field-row {
-        display: grid;
-        gap: 10px;
-        margin-top: 12px;
-      }
-
-      .field-row--inline {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-      }
-
-      .field-label {
-        display: block;
-        margin-bottom: 6px;
-        color: var(--muted);
-        font-size: 0.78rem;
-        font-weight: 700;
-        letter-spacing: 0.08em;
-        text-transform: uppercase;
-      }
-
-      .meeting-list {
-        padding: 14px;
-        overflow: auto;
-      }
-
-      .meeting-row {
-        width: 100%;
-        display: grid;
-        gap: 4px;
-        text-align: left;
-        margin: 0 0 10px;
-        padding: 14px 16px;
-        border: 1px solid transparent;
-        border-radius: 18px;
-        background: rgba(255, 255, 255, 0.72);
-        color: inherit;
-        cursor: pointer;
-        transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
-      }
-
-      .meeting-row:hover,
-      .meeting-row[data-selected="true"] {
-        transform: translateY(-1px);
-        border-color: rgba(13, 106, 109, 0.25);
-        background: var(--panel-strong);
-      }
-
-      .meeting-row__title {
-        font-weight: 600;
-      }
-
-      .meeting-row__meta {
-        color: var(--muted);
-        font-size: 0.92rem;
-      }
-
-      .meeting-empty {
-        padding: 18px;
-        color: var(--muted);
-      }
-
-      .meeting-empty--error {
-        color: var(--error);
-      }
-
-      .detail {
-        display: grid;
-        grid-template-rows: auto auto 1fr;
-        min-width: 0;
-      }
-
-      .detail-head {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 18px;
-      }
-
-      .detail-head h2 {
-        margin: 0;
-        font-family: var(--serif);
-        font-size: clamp(1.8rem, 2.4vw, 2.4rem);
-        font-weight: 600;
-      }
-
-      .state-badge {
-        padding: 10px 14px;
-        border-radius: 999px;
-        background: var(--accent-soft);
-        color: var(--accent);
-        font-size: 0.92rem;
-        font-weight: 700;
-      }
-
-      .state-badge[data-tone="busy"] { color: var(--warm); background: rgba(163, 79, 47, 0.12); }
-      .state-badge[data-tone="error"] { color: var(--error); background: rgba(157, 44, 44, 0.12); }
-      .state-badge[data-tone="ok"] { color: var(--ok); background: rgba(36, 107, 79, 0.12); }
-
-      .toolbar {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        justify-content: space-between;
-        gap: 14px;
-      }
-
-      .toolbar-actions {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 10px;
-      }
-
-      .toolbar-form {
-        display: grid;
-        grid-template-columns: minmax(0, 1fr) auto;
-        gap: 10px;
-        width: min(440px, 100%);
-      }
-
-      .workspace-tabs {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        gap: 10px;
-        padding: 0 24px 18px;
-      }
-
-      .workspace-tab {
-        border: 1px solid var(--line);
-        border-radius: 999px;
-        padding: 10px 14px;
-        background: rgba(255, 255, 255, 0.72);
-        color: var(--muted);
-        cursor: pointer;
-        font: inherit;
-        font-weight: 700;
-      }
-
-      .workspace-tab[data-selected="true"] {
-        background: var(--ink);
-        color: white;
-        border-color: var(--ink);
-      }
-
-      .workspace-hint {
-        color: var(--muted);
-        font-size: 0.86rem;
-        margin-left: auto;
-      }
-
-      .button {
-        border: 0;
-        border-radius: 999px;
-        padding: 12px 16px;
-        font: inherit;
-        font-weight: 700;
-        cursor: pointer;
-      }
-
-      .button--primary {
-        background: var(--ink);
-        color: white;
-      }
-
-      .button--secondary {
-        background: rgba(255, 255, 255, 0.72);
-        color: var(--ink);
-        border: 1px solid var(--line);
-      }
-
-      .status-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
-        gap: 14px;
-      }
-
-      .status-label {
-        display: block;
-        margin-bottom: 6px;
-        color: var(--muted);
-        font-size: 0.78rem;
-        letter-spacing: 0.08em;
-        text-transform: uppercase;
-      }
-
-      .detail-meta {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 10px;
-        padding: 0 24px 18px;
-      }
-
-      .detail-chip {
-        padding: 10px 12px;
-        border-radius: 999px;
-        background: rgba(255, 255, 255, 0.72);
-        border: 1px solid var(--line);
-        color: var(--muted);
-        font-size: 0.88rem;
-      }
-
-      .detail-body {
-        padding: 0 24px 24px;
-        overflow: auto;
-      }
-
-      .workspace-grid {
-        display: grid;
-        grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
-        gap: 18px;
-      }
-
-      .workspace-sidebar,
-      .workspace-main {
-        margin-bottom: 0;
-      }
-
-      .detail-section {
-        margin-bottom: 20px;
-        padding: 20px;
-        background: rgba(255, 255, 255, 0.72);
-        border: 1px solid var(--line);
-        border-radius: 20px;
-      }
-
-      .detail-section h2 {
-        margin: 0 0 14px;
-        font-size: 1rem;
-        letter-spacing: 0.08em;
-        text-transform: uppercase;
-      }
-
-      .detail-pre {
-        margin: 0;
-        white-space: pre-wrap;
-        word-break: break-word;
-        font-family: var(--mono);
-        line-height: 1.55;
-      }
-
-      .empty {
-        margin: 24px;
-        padding: 24px;
-        border-radius: 20px;
-        background: rgba(255, 255, 255, 0.72);
-        border: 1px dashed rgba(36, 39, 44, 0.2);
-        color: var(--muted);
-      }
-
-      @media (max-width: 900px) {
-        .shell {
-          grid-template-columns: 1fr;
-        }
-
-        .field-row--inline,
-        .toolbar-form,
-        .workspace-grid {
-          grid-template-columns: 1fr;
-        }
-
-        .workspace-hint {
-          margin-left: 0;
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <div class="shell">
-      <aside class="pane sidebar">
-        <section class="hero">
-          <h1>Granola Toolkit</h1>
-          <p>Browser workspace for meetings, notes, transcripts, and export flows on top of one local server instance.</p>
-          <input class="search" data-search placeholder="Search meetings, ids, or tags" />
-          <div class="field-row field-row--inline">
-            <label>
-              <span class="field-label">Sort</span>
-              <select class="select" data-sort>
-                <option value="updated-desc">Newest first</option>
-                <option value="updated-asc">Oldest first</option>
-                <option value="title-asc">Title A-Z</option>
-                <option value="title-desc">Title Z-A</option>
-              </select>
-            </label>
-            <label>
-              <span class="field-label">Updated From</span>
-              <input class="field-input" data-updated-from type="date" />
-            </label>
-          </div>
-          <label class="field-row">
-            <span class="field-label">Updated To</span>
-            <input class="field-input" data-updated-to type="date" />
-          </label>
-        </section>
-        <section class="toolbar">
-          <div>
-            <p>Meetings are loaded from the shared server state so this view can later coexist with the terminal UI.</p>
-          </div>
-          <div class="toolbar-form">
-            <input class="field-input" data-quick-open placeholder="Quick open by id or title" />
-            <button class="button button--secondary" data-quick-open-button>Open</button>
-          </div>
-        </section>
-        <section class="meeting-list" data-meeting-list></section>
-      </aside>
-      <main class="pane detail">
-        <section class="detail-head">
-          <div>
-            <h2>Meeting Workspace</h2>
-            <div data-app-state></div>
-          </div>
-          <div class="state-badge" data-state-badge data-tone="idle">Connecting…</div>
-        </section>
-        <section class="toolbar">
-          <div class="toolbar-actions">
-            <button class="button button--primary" data-refresh>Refresh</button>
-            <button class="button button--secondary" data-export-notes>Export Notes</button>
-            <button class="button button--secondary" data-export-transcripts>Export Transcripts</button>
-          </div>
-          <p>Initial beta web client. It speaks to the same local API that future TUI and attach flows will use.</p>
-        </section>
-        <nav class="workspace-tabs">
-          <button class="workspace-tab" data-workspace-tab="notes">Notes</button>
-          <button class="workspace-tab" data-workspace-tab="transcript">Transcript</button>
-          <button class="workspace-tab" data-workspace-tab="metadata">Metadata</button>
-          <button class="workspace-tab" data-workspace-tab="raw">Raw</button>
-          <span class="workspace-hint">1-4 switch tabs, [ and ] cycle</span>
-        </nav>
-        <div class="detail-meta" data-detail-meta></div>
-        <div class="detail-body" data-detail-body>
-          <div class="empty" data-empty>Select a meeting to inspect its notes and transcript.</div>
-        </div>
-      </main>
-    </div>
-    <script type="module">
-${String.raw`
+//#region src/web/client-script.ts
+const granolaWebClientScript = String.raw`
 const state = {
   appState: null,
   detailError: "",
@@ -2583,6 +2463,7 @@ const els = {
   detailBody: document.querySelector("[data-detail-body]"),
   detailMeta: document.querySelector("[data-detail-meta]"),
   empty: document.querySelector("[data-empty]"),
+  jobsList: document.querySelector("[data-jobs-list]"),
   list: document.querySelector("[data-meeting-list]"),
   noteButton: document.querySelector("[data-export-notes]"),
   quickOpen: document.querySelector("[data-quick-open]"),
@@ -2666,6 +2547,8 @@ function renderAppState() {
     '<div><span class="status-label">Cache</span><strong>' + escapeHtml(cache) + "</strong></div>",
     "</div>",
   ].join("");
+
+  renderExportJobs();
 }
 
 function renderMeetingList() {
@@ -2778,6 +2661,44 @@ function renderMeetingDetail() {
   ].join("");
 }
 
+function renderExportJobs() {
+  const jobs = state.appState?.exports?.jobs || [];
+  if (jobs.length === 0) {
+    els.jobsList.innerHTML = '<div class="job-empty">No export jobs yet.</div>';
+    return;
+  }
+
+  els.jobsList.innerHTML = jobs
+    .slice(0, 6)
+    .map((job) => {
+      const progress = job.itemCount > 0
+        ? job.completedCount + "/" + job.itemCount + " items"
+        : "0 items";
+      const error = job.error ? '<div class="job-card__meta">' + escapeHtml(job.error) + "</div>" : "";
+      const rerunButton =
+        job.status === "running"
+          ? ""
+          : '<button class="button button--secondary" data-rerun-job-id="' + escapeHtml(job.id) + '">Rerun</button>';
+
+      return [
+        '<article class="job-card">',
+        '<div class="job-card__head">',
+        '<div>',
+        '<div class="job-card__title">' + escapeHtml(job.kind) + " export</div>",
+        '<div class="job-card__meta">' + escapeHtml(job.id) + "</div>",
+        "</div>",
+        '<div class="job-card__status" data-status="' + escapeHtml(job.status) + '">' + escapeHtml(job.status) + "</div>",
+        "</div>",
+        '<div class="job-card__meta">Format: ' + escapeHtml(job.format) + " • " + escapeHtml(progress) + " • Written: " + escapeHtml(String(job.written)) + "</div>",
+        '<div class="job-card__meta">Started: ' + escapeHtml(job.startedAt.slice(0, 19)) + "</div>",
+        error,
+        '<div class="job-card__actions">' + rerunButton + "</div>",
+        "</article>",
+      ].join("");
+    })
+    .join("");
+}
+
 async function fetchJson(path, init) {
   const response = await fetch(path, init);
   const payload = await response.json().catch(() => ({}));
@@ -2910,6 +2831,20 @@ async function exportTranscripts() {
   await refreshAll();
 }
 
+async function rerunJob(id) {
+  setStatus("Rerunning export…", "busy");
+  try {
+    await fetchJson("/exports/jobs/" + encodeURIComponent(id) + "/rerun", {
+      method: "POST",
+    });
+    await refreshAll();
+  } catch (error) {
+    setStatus("Rerun failed", "error");
+    state.detailError = error instanceof Error ? error.message : String(error);
+    renderMeetingDetail();
+  }
+}
+
 els.list.addEventListener("click", (event) => {
   if (!(event.target instanceof Element)) {
     return;
@@ -2920,6 +2855,19 @@ els.list.addEventListener("click", (event) => {
   void loadMeeting(button.dataset.meetingId);
 });
 
+els.jobsList.addEventListener("click", (event) => {
+  if (!(event.target instanceof Element)) {
+    return;
+  }
+
+  const button = event.target.closest("[data-rerun-job-id]");
+  if (!button) {
+    return;
+  }
+
+  void rerunJob(button.dataset.rerunJobId);
+});
+
 els.refreshButton.addEventListener("click", () => {
   void refreshAll();
 });
@@ -3061,7 +3009,539 @@ void refreshAll().catch((error) => {
   els.empty.hidden = false;
   els.empty.textContent = error.message;
 });
-`}
+`;
+//#endregion
+//#region src/web/markup.ts
+const granolaWebMarkup = String.raw`
+<div class="shell">
+  <aside class="pane sidebar">
+    <section class="hero">
+      <h1>Granola Toolkit</h1>
+      <p>Browser workspace for meetings, notes, transcripts, and export flows on top of one local server instance.</p>
+      <input class="search" data-search placeholder="Search meetings, ids, or tags" />
+      <div class="field-row field-row--inline">
+        <label>
+          <span class="field-label">Sort</span>
+          <select class="select" data-sort>
+            <option value="updated-desc">Newest first</option>
+            <option value="updated-asc">Oldest first</option>
+            <option value="title-asc">Title A-Z</option>
+            <option value="title-desc">Title Z-A</option>
+          </select>
+        </label>
+        <label>
+          <span class="field-label">Updated From</span>
+          <input class="field-input" data-updated-from type="date" />
+        </label>
+      </div>
+      <label class="field-row">
+        <span class="field-label">Updated To</span>
+        <input class="field-input" data-updated-to type="date" />
+      </label>
+    </section>
+    <section class="toolbar">
+      <div>
+        <p>Meetings are loaded from the shared server state so this view can later coexist with the terminal UI.</p>
+      </div>
+      <div class="toolbar-form">
+        <input class="field-input" data-quick-open placeholder="Quick open by id or title" />
+        <button class="button button--secondary" data-quick-open-button>Open</button>
+      </div>
+    </section>
+    <section class="meeting-list" data-meeting-list></section>
+  </aside>
+  <main class="pane detail">
+    <section class="detail-head">
+      <div>
+        <h2>Meeting Workspace</h2>
+        <div data-app-state></div>
+      </div>
+      <div class="state-badge" data-state-badge data-tone="idle">Connecting…</div>
+    </section>
+    <section class="toolbar">
+      <div class="toolbar-actions">
+        <button class="button button--primary" data-refresh>Refresh</button>
+        <button class="button button--secondary" data-export-notes>Export Notes</button>
+        <button class="button button--secondary" data-export-transcripts>Export Transcripts</button>
+      </div>
+      <p>Initial beta web client. It speaks to the same local API that future TUI and attach flows will use.</p>
+    </section>
+    <section class="jobs-panel">
+      <div class="jobs-panel__head">
+        <h3>Recent Export Jobs</h3>
+        <p>Tracked across CLI and web runs.</p>
+      </div>
+      <div class="jobs-list" data-jobs-list></div>
+    </section>
+    <nav class="workspace-tabs">
+      <button class="workspace-tab" data-workspace-tab="notes">Notes</button>
+      <button class="workspace-tab" data-workspace-tab="transcript">Transcript</button>
+      <button class="workspace-tab" data-workspace-tab="metadata">Metadata</button>
+      <button class="workspace-tab" data-workspace-tab="raw">Raw</button>
+      <span class="workspace-hint">1-4 switch tabs, [ and ] cycle</span>
+    </nav>
+    <div class="detail-meta" data-detail-meta></div>
+    <div class="detail-body" data-detail-body>
+      <div class="empty" data-empty>Select a meeting to inspect its notes and transcript.</div>
+    </div>
+  </main>
+</div>
+`;
+//#endregion
+//#region src/web/styles.ts
+const granolaWebStyles = String.raw`
+:root {
+  --bg: #f2ede2;
+  --panel: rgba(255, 252, 247, 0.86);
+  --panel-strong: #fffaf2;
+  --line: rgba(36, 39, 44, 0.12);
+  --ink: #1d242c;
+  --muted: #5d6b77;
+  --accent: #0d6a6d;
+  --accent-soft: rgba(13, 106, 109, 0.12);
+  --warm: #a34f2f;
+  --ok: #246b4f;
+  --error: #9d2c2c;
+  --shadow: 0 24px 80px rgba(40, 32, 16, 0.12);
+  --radius: 24px;
+  --mono: "SF Mono", "IBM Plex Mono", "Cascadia Code", monospace;
+  --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
+  --sans: "Avenir Next", "Segoe UI", sans-serif;
+}
+
+* { box-sizing: border-box; }
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  font-family: var(--sans);
+  color: var(--ink);
+  background:
+    radial-gradient(circle at top left, rgba(163, 79, 47, 0.18), transparent 32%),
+    radial-gradient(circle at right 12%, rgba(13, 106, 109, 0.16), transparent 28%),
+    linear-gradient(180deg, #f8f2e8 0%, var(--bg) 100%);
+}
+
+.shell {
+  display: grid;
+  grid-template-columns: 320px minmax(0, 1fr);
+  gap: 18px;
+  min-height: 100vh;
+  padding: 24px;
+}
+
+.pane {
+  background: var(--panel);
+  backdrop-filter: blur(18px);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+}
+
+.sidebar {
+  display: grid;
+  grid-template-rows: auto auto 1fr;
+  overflow: hidden;
+}
+
+.hero, .toolbar, .detail-head {
+  padding: 22px 24px;
+  border-bottom: 1px solid var(--line);
+}
+
+.hero h1 {
+  margin: 0;
+  font-family: var(--serif);
+  font-size: clamp(2rem, 3vw, 2.8rem);
+  font-weight: 600;
+  letter-spacing: -0.04em;
+}
+
+.hero p, .toolbar p {
+  margin: 8px 0 0;
+  color: var(--muted);
+  line-height: 1.5;
+}
+
+.search,
+.select,
+.field-input {
+  width: 100%;
+  margin-top: 16px;
+  padding: 12px 14px;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.7);
+  color: var(--ink);
+  font: inherit;
+}
+
+.field-row {
+  display: grid;
+  gap: 10px;
+  margin-top: 12px;
+}
+
+.field-row--inline {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.field-label {
+  display: block;
+  margin-bottom: 6px;
+  color: var(--muted);
+  font-size: 0.78rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.meeting-list {
+  padding: 14px;
+  overflow: auto;
+}
+
+.meeting-row {
+  width: 100%;
+  display: grid;
+  gap: 4px;
+  text-align: left;
+  margin: 0 0 10px;
+  padding: 14px 16px;
+  border: 1px solid transparent;
+  border-radius: 18px;
+  background: rgba(255, 255, 255, 0.72);
+  color: inherit;
+  cursor: pointer;
+  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
+}
+
+.meeting-row:hover,
+.meeting-row[data-selected="true"] {
+  transform: translateY(-1px);
+  border-color: rgba(13, 106, 109, 0.25);
+  background: var(--panel-strong);
+}
+
+.meeting-row__title {
+  font-weight: 600;
+}
+
+.meeting-row__meta {
+  color: var(--muted);
+  font-size: 0.92rem;
+}
+
+.meeting-empty {
+  padding: 18px;
+  color: var(--muted);
+}
+
+.meeting-empty--error {
+  color: var(--error);
+}
+
+.detail {
+  display: grid;
+  grid-template-rows: auto auto 1fr;
+  min-width: 0;
+}
+
+.detail-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+}
+
+.detail-head h2 {
+  margin: 0;
+  font-family: var(--serif);
+  font-size: clamp(1.8rem, 2.4vw, 2.4rem);
+  font-weight: 600;
+}
+
+.state-badge {
+  padding: 10px 14px;
+  border-radius: 999px;
+  background: var(--accent-soft);
+  color: var(--accent);
+  font-size: 0.92rem;
+  font-weight: 700;
+}
+
+.state-badge[data-tone="busy"] { color: var(--warm); background: rgba(163, 79, 47, 0.12); }
+.state-badge[data-tone="error"] { color: var(--error); background: rgba(157, 44, 44, 0.12); }
+.state-badge[data-tone="ok"] { color: var(--ok); background: rgba(36, 107, 79, 0.12); }
+
+.toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+}
+
+.toolbar-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.toolbar-form {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 10px;
+  width: min(440px, 100%);
+}
+
+.jobs-panel {
+  padding: 0 24px 18px;
+}
+
+.jobs-panel__head h3 {
+  margin: 0;
+  font-size: 0.92rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.jobs-panel__head p {
+  margin: 6px 0 0;
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+.jobs-list {
+  display: grid;
+  gap: 10px;
+  margin-top: 14px;
+}
+
+.job-card {
+  display: grid;
+  gap: 10px;
+  padding: 14px 16px;
+  border: 1px solid var(--line);
+  border-radius: 18px;
+  background: rgba(255, 255, 255, 0.72);
+}
+
+.job-card__head {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.job-card__title {
+  font-weight: 700;
+}
+
+.job-card__meta {
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+.job-card__status {
+  padding: 6px 10px;
+  border-radius: 999px;
+  background: var(--accent-soft);
+  color: var(--accent);
+  font-size: 0.82rem;
+  font-weight: 700;
+}
+
+.job-card__status[data-status="running"] {
+  background: rgba(163, 79, 47, 0.12);
+  color: var(--warm);
+}
+
+.job-card__status[data-status="failed"] {
+  background: rgba(157, 44, 44, 0.12);
+  color: var(--error);
+}
+
+.job-card__status[data-status="completed"] {
+  background: rgba(36, 107, 79, 0.12);
+  color: var(--ok);
+}
+
+.job-card__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.job-empty {
+  color: var(--muted);
+  font-size: 0.92rem;
+}
+
+.workspace-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px;
+  padding: 0 24px 18px;
+}
+
+.workspace-tab {
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  padding: 10px 14px;
+  background: rgba(255, 255, 255, 0.72);
+  color: var(--muted);
+  cursor: pointer;
+  font: inherit;
+  font-weight: 700;
+}
+
+.workspace-tab[data-selected="true"] {
+  background: var(--ink);
+  color: white;
+  border-color: var(--ink);
+}
+
+.workspace-hint {
+  color: var(--muted);
+  font-size: 0.86rem;
+  margin-left: auto;
+}
+
+.button {
+  border: 0;
+  border-radius: 999px;
+  padding: 12px 16px;
+  font: inherit;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.button--primary {
+  background: var(--ink);
+  color: white;
+}
+
+.button--secondary {
+  background: rgba(255, 255, 255, 0.72);
+  color: var(--ink);
+  border: 1px solid var(--line);
+}
+
+.status-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+  gap: 14px;
+}
+
+.status-label {
+  display: block;
+  margin-bottom: 6px;
+  color: var(--muted);
+  font-size: 0.78rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.detail-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 0 24px 18px;
+}
+
+.detail-chip {
+  padding: 10px 12px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.72);
+  border: 1px solid var(--line);
+  color: var(--muted);
+  font-size: 0.88rem;
+}
+
+.detail-body {
+  padding: 0 24px 24px;
+  overflow: auto;
+}
+
+.workspace-grid {
+  display: grid;
+  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
+  gap: 18px;
+}
+
+.workspace-sidebar,
+.workspace-main {
+  margin-bottom: 0;
+}
+
+.detail-section {
+  margin-bottom: 20px;
+  padding: 20px;
+  background: rgba(255, 255, 255, 0.72);
+  border: 1px solid var(--line);
+  border-radius: 20px;
+}
+
+.detail-section h2 {
+  margin: 0 0 14px;
+  font-size: 1rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.detail-pre {
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: var(--mono);
+  line-height: 1.55;
+}
+
+.empty {
+  margin: 24px;
+  padding: 24px;
+  border-radius: 20px;
+  background: rgba(255, 255, 255, 0.72);
+  border: 1px dashed rgba(36, 39, 44, 0.2);
+  color: var(--muted);
+}
+
+@media (max-width: 900px) {
+  .shell {
+    grid-template-columns: 1fr;
+  }
+
+  .field-row--inline,
+  .toolbar-form,
+  .workspace-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .workspace-hint {
+    margin-left: 0;
+  }
+}
+`;
+//#endregion
+//#region src/server/web.ts
+function renderGranolaWebPage() {
+	return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Granola Toolkit</title>
+    <style>
+${granolaWebStyles}
+    </style>
+  </head>
+  <body>
+${granolaWebMarkup}
+    <script type="module">
+${granolaWebClientScript}
     <\/script>
   </body>
 </html>`;
@@ -3226,6 +3706,17 @@ async function startGranolaServer(app, options = {}) {
 				sendJson(response, await app.exportNotes(noteFormatFromBody(body.format)), { status: 202 });
 				return;
 			}
+			if (method === "GET" && path === "/exports/jobs") {
+				const limit = parseInteger(url.searchParams.get("limit"));
+				sendJson(response, await app.listExportJobs({ limit }));
+				return;
+			}
+			if (method === "POST" && path.startsWith("/exports/jobs/") && path.endsWith("/rerun")) {
+				const id = decodeURIComponent(path.slice(14, -6));
+				if (!id) throw new Error("export job id is required");
+				sendJson(response, await app.rerunExportJob(id), { status: 202 });
+				return;
+			}
 			if (method === "POST" && path === "/exports/transcripts") {
 				const body = await readJsonBody(request);
 				sendJson(response, await app.exportTranscripts(transcriptFormatFromBody(body.format)), { status: 202 });
@@ -3316,7 +3807,9 @@ const serveCommand = {
 		console.log("  GET  /events");
 		console.log("  GET  /meetings");
 		console.log("  GET  /meetings/:id");
+		console.log("  GET  /exports/jobs");
 		console.log("  POST /exports/notes");
+		console.log("  POST /exports/jobs/:id/rerun");
 		console.log("  POST /exports/transcripts");
 		await waitForShutdown(async () => await server.close());
 		return 0;
@@ -3362,7 +3855,7 @@ const transcriptsCommand = {
 		const app = await createGranolaApp(config);
 		debug(config.debug, "authMode", app.getState().auth.mode);
 		const result = await app.exportTranscripts(format);
-		console.log(`✓ Exported ${result.transcriptCount} transcripts to ${result.outputDir}`);
+		console.log(`✓ Exported ${result.transcriptCount} transcripts to ${result.outputDir} (job ${result.job.id})`);
 		debug(config.debug, "transcripts written", result.written);
 		return 0;
 	}
@@ -3432,6 +3925,7 @@ Options:
 //#region src/commands/index.ts
 const commands = [
 	authCommand,
+	exportsCommand,
 	meetingCommand,
 	notesCommand,
 	serveCommand,
@@ -3474,7 +3968,9 @@ const commands = [
 			console.log("  GET  /events");
 			console.log("  GET  /meetings");
 			console.log("  GET  /meetings/:id");
+			console.log("  GET  /exports/jobs");
 			console.log("  POST /exports/notes");
+			console.log("  POST /exports/jobs/:id/rerun");
 			console.log("  POST /exports/transcripts");
 			if (openBrowser) try {
 				await openExternalUrl(server.url);